Elgato_dark/ToolJet
1
0
Fork 0
mirror of https://github.com/ToolJet/ToolJet synced 2026-05-24 01:18:23 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

fix/text-csa (#10443)

Browse source
This commit is contained in:
Shaurya Sharma 2024-07-30 09:24:10 +05:30 committed by GitHub
parent 06d7d833db
commit f5d8424173
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
1 changed files with 38 additions and 26 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

64
frontend/src/Editor/Components/Text.jsx
View file

@ -11,7 +11,16 @@ const VERTICAL_ALIGNMENT_VS_CSS_VALUE = {
bottom: 'flex-end',
};
export const Text = function Text({ height, properties, fireEvent, styles, darkMode, setExposedVariable, dataCy }) {
export const Text = function Text({
height,
properties,
fireEvent,
styles,
darkMode,
setExposedVariable,
dataCy,
isEditorReady,
}) {
let {
textSize,
textColor,
@ -48,40 +57,43 @@ export const Text = function Text({ height, properties, fireEvent, styles, darkM
}, [properties.visibility, loadingState, disabledState]);
useEffect(() => {
const text = computeText();
setText(text);
setExposedVariable('text', text);
setExposedVariable('setText', async function (text) {
if (isEditorReady) {
const text = computeText();
setText(text);
setExposedVariable('text', text);
});
setExposedVariable('clear', async function (text) {
setText('');
setExposedVariable('text', '');
});
setExposedVariable('isVisible', properties.visibility);
setExposedVariable('isLoading', loadingState);
setExposedVariable('isDisabled', disabledState);
setExposedVariable('visibility', async function (value) {
setVisibility(value);
});
setExposedVariable('setText', async function (text) {
setText(text);
setExposedVariable('text', text);
});
setExposedVariable('clear', async function (text) {
setText('');
setExposedVariable('text', '');
});
setExposedVariable('isVisible', properties.visibility);
setExposedVariable('isLoading', loadingState);
setExposedVariable('isDisabled', disabledState);
setExposedVariable('setVisibility', async function (value) {
setVisibility(value);
});
setExposedVariable('visibility', async function (value) {
setVisibility(value);
});
setExposedVariable('setLoading', async function (value) {
setLoading(value);
});
setExposedVariable('setVisibility', async function (value) {
setVisibility(value);
});
setExposedVariable('setDisable', async function (value) {
setIsDisabled(value);
});
setExposedVariable('setLoading', async function (value) {
setLoading(value);
});
setExposedVariable('setDisable', async function (value) {
setIsDisabled(value);
});
}
// eslint-disable-next-line react-hooks/exhaustive-deps
}, [
isEditorReady,
properties.text,
setText,
setVisibility,