@coorpacademy/components 11.33.9 → 11.33.10
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/es/molecule/translation-modal/index.d.ts +1 -0
- package/es/molecule/translation-modal/index.d.ts.map +1 -1
- package/es/molecule/translation-modal/index.js +20 -17
- package/es/molecule/translation-modal/index.js.map +1 -1
- package/lib/molecule/translation-modal/index.d.ts +1 -0
- package/lib/molecule/translation-modal/index.d.ts.map +1 -1
- package/lib/molecule/translation-modal/index.js +20 -17
- package/lib/molecule/translation-modal/index.js.map +1 -1
- package/locales/bs/global.json +1 -0
- package/locales/cs/global.json +1 -0
- package/locales/de/global.json +1 -0
- package/locales/en/global.json +1 -0
- package/locales/es/global.json +1 -0
- package/locales/et/global.json +1 -0
- package/locales/fi/global.json +1 -0
- package/locales/fr/global.json +1 -0
- package/locales/hr/global.json +1 -0
- package/locales/hu/global.json +1 -0
- package/locales/hy/global.json +1 -0
- package/locales/it/global.json +1 -0
- package/locales/ja/global.json +1 -0
- package/locales/ko/global.json +1 -0
- package/locales/nl/global.json +1 -0
- package/locales/pl/global.json +1 -0
- package/locales/pt/global.json +1 -0
- package/locales/ro/global.json +1 -0
- package/locales/ru/global.json +1 -0
- package/locales/sk/global.json +1 -0
- package/locales/sl/global.json +1 -0
- package/locales/sv/global.json +1 -0
- package/locales/tl/global.json +1 -0
- package/locales/tr/global.json +1 -0
- package/locales/uk/global.json +1 -0
- package/locales/vi/global.json +1 -0
- package/locales/zh/global.json +1 -0
- package/locales/zh_TW/global.json +1 -0
- package/package.json +3 -3
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/molecule/translation-modal/index.js"],"names":[],"mappings":";AAmBA,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/molecule/translation-modal/index.js"],"names":[],"mappings":";AAmBA,gFAoGC"}
|
|
@@ -38,7 +38,8 @@ const TranslationModal = (props, context) => {
|
|
|
38
38
|
inputText: targetInputText,
|
|
39
39
|
textArea: targetTextArea,
|
|
40
40
|
language: outputLanguage
|
|
41
|
-
}
|
|
41
|
+
},
|
|
42
|
+
readOnly = false
|
|
42
43
|
} = props;
|
|
43
44
|
const {
|
|
44
45
|
translate
|
|
@@ -62,22 +63,23 @@ const TranslationModal = (props, context) => {
|
|
|
62
63
|
return !inputValue.trim() || !textAreaValue.trim();
|
|
63
64
|
}, [inputValue, textAreaValue]);
|
|
64
65
|
const footer = useMemo(() => {
|
|
66
|
+
const cancelButton = {
|
|
67
|
+
onCancel: handleCancel,
|
|
68
|
+
label: translate(readOnly ? 'close' : 'cancel')
|
|
69
|
+
};
|
|
65
70
|
return {
|
|
66
|
-
cancelButton
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
disabled: isConfirmDisabled,
|
|
77
|
-
color: COLORS.cm_primary_blue
|
|
78
|
-
}
|
|
71
|
+
cancelButton,
|
|
72
|
+
...(!readOnly && {
|
|
73
|
+
confirmButton: {
|
|
74
|
+
onConfirm,
|
|
75
|
+
label: translate('confirm'),
|
|
76
|
+
iconName: 'plus',
|
|
77
|
+
disabled: isConfirmDisabled,
|
|
78
|
+
color: COLORS.cm_primary_blue
|
|
79
|
+
}
|
|
80
|
+
})
|
|
79
81
|
};
|
|
80
|
-
}, [handleCancel, onConfirm, translate, isConfirmDisabled]);
|
|
82
|
+
}, [handleCancel, onConfirm, translate, isConfirmDisabled, readOnly]);
|
|
81
83
|
if (!isOpen) return null;
|
|
82
84
|
return /*#__PURE__*/React.createElement(BaseModal, {
|
|
83
85
|
title: translate('translation_title'),
|
|
@@ -113,7 +115,7 @@ const TranslationModal = (props, context) => {
|
|
|
113
115
|
value: textAreaValue,
|
|
114
116
|
onChange: handleTextAreaChange
|
|
115
117
|
},
|
|
116
|
-
disabled:
|
|
118
|
+
disabled: readOnly
|
|
117
119
|
}))));
|
|
118
120
|
};
|
|
119
121
|
TranslationModal.contextTypes = {
|
|
@@ -145,7 +147,8 @@ TranslationModal.propTypes = process.env.NODE_ENV !== "production" ? {
|
|
|
145
147
|
theme: PropTypes.string
|
|
146
148
|
}),
|
|
147
149
|
language: PropTypes.string
|
|
148
|
-
})
|
|
150
|
+
}),
|
|
151
|
+
readOnly: PropTypes.bool
|
|
149
152
|
} : {};
|
|
150
153
|
export default TranslationModal;
|
|
151
154
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","names":["React","useMemo","useCallback","useState","PropTypes","BaseModal","Provider","COLORS","InputText","TextArea","style","renderInputGroup","title","inputProps","textAreaProps","disabled","createElement","className","inputGroup","_extends","TranslationModal","props","context","isOpen","onCancel","onConfirm","onClose","source","inputText","sourceInputText","textArea","sourceTextArea","inputLanguage","target","targetInputText","targetTextArea","language","outputLanguage","translate","detectScrollbar","inputValue","setInputValue","value","textAreaValue","setTextAreaValue","handleCancel","handleClose","handleInputChange","e","handleTextAreaChange","isConfirmDisabled","trim","footer","cancelButton","label","confirmButton","iconName","color","cm_primary_blue","description","headerIcon","name","backgroundColor","translationModal","horizontalSection","separator","onChange","contextTypes","childContextTypes","propTypes","process","env","NODE_ENV","bool","func","shape","theme","string"],"sources":["../../../src/molecule/translation-modal/index.js"],"sourcesContent":["import React, {useMemo, useCallback, useState} from 'react';\nimport PropTypes from 'prop-types';\nimport BaseModal from '../base-modal';\nimport Provider from '../../atom/provider';\nimport {COLORS} from '../../variables/colors';\nimport InputText from '../../atom/input-text';\nimport TextArea from '../../atom/input-textarea';\nimport style from './style.css';\n\nconst renderInputGroup = ({title, inputProps, textAreaProps, disabled}) => {\n return (\n <div className={style.inputGroup}>\n <div className={style.title}>{title}</div>\n <InputText {...inputProps} disabled={disabled} />\n <TextArea {...textAreaProps} disabled={disabled} />\n </div>\n );\n};\n\nconst TranslationModal = (props, context) => {\n const {\n isOpen,\n onCancel,\n onConfirm,\n onClose,\n source: {inputText: sourceInputText, textArea: sourceTextArea, inputLanguage},\n target: {inputText: targetInputText, textArea: targetTextArea, language: outputLanguage}\n } = props;\n const {translate} = context;\n\n const detectScrollbar = true;\n\n const [inputValue, setInputValue] = useState(targetInputText?.value || '');\n const [textAreaValue, setTextAreaValue] = useState(targetTextArea?.value || '');\n\n const handleCancel = useCallback(() => {\n onCancel();\n }, [onCancel]);\n\n const handleClose = useCallback(() => {\n onClose();\n }, [onClose]);\n\n const handleInputChange = useCallback(e => {\n setInputValue(e.target.value);\n }, []);\n\n const handleTextAreaChange = useCallback(e => {\n setTextAreaValue(e.target.value);\n }, []);\n\n const isConfirmDisabled = useMemo(() => {\n return !inputValue.trim() || !textAreaValue.trim();\n }, [inputValue, textAreaValue]);\n\n const footer = useMemo(() => {\n
|
|
1
|
+
{"version":3,"file":"index.js","names":["React","useMemo","useCallback","useState","PropTypes","BaseModal","Provider","COLORS","InputText","TextArea","style","renderInputGroup","title","inputProps","textAreaProps","disabled","createElement","className","inputGroup","_extends","TranslationModal","props","context","isOpen","onCancel","onConfirm","onClose","source","inputText","sourceInputText","textArea","sourceTextArea","inputLanguage","target","targetInputText","targetTextArea","language","outputLanguage","readOnly","translate","detectScrollbar","inputValue","setInputValue","value","textAreaValue","setTextAreaValue","handleCancel","handleClose","handleInputChange","e","handleTextAreaChange","isConfirmDisabled","trim","footer","cancelButton","label","confirmButton","iconName","color","cm_primary_blue","description","headerIcon","name","backgroundColor","translationModal","horizontalSection","separator","onChange","contextTypes","childContextTypes","propTypes","process","env","NODE_ENV","bool","func","shape","theme","string"],"sources":["../../../src/molecule/translation-modal/index.js"],"sourcesContent":["import React, {useMemo, useCallback, useState} from 'react';\nimport PropTypes from 'prop-types';\nimport BaseModal from '../base-modal';\nimport Provider from '../../atom/provider';\nimport {COLORS} from '../../variables/colors';\nimport InputText from '../../atom/input-text';\nimport TextArea from '../../atom/input-textarea';\nimport style from './style.css';\n\nconst renderInputGroup = ({title, inputProps, textAreaProps, disabled}) => {\n return (\n <div className={style.inputGroup}>\n <div className={style.title}>{title}</div>\n <InputText {...inputProps} disabled={disabled} />\n <TextArea {...textAreaProps} disabled={disabled} />\n </div>\n );\n};\n\nconst TranslationModal = (props, context) => {\n const {\n isOpen,\n onCancel,\n onConfirm,\n onClose,\n source: {inputText: sourceInputText, textArea: sourceTextArea, inputLanguage},\n target: {inputText: targetInputText, textArea: targetTextArea, language: outputLanguage},\n readOnly = false\n } = props;\n const {translate} = context;\n\n const detectScrollbar = true;\n\n const [inputValue, setInputValue] = useState(targetInputText?.value || '');\n const [textAreaValue, setTextAreaValue] = useState(targetTextArea?.value || '');\n\n const handleCancel = useCallback(() => {\n onCancel();\n }, [onCancel]);\n\n const handleClose = useCallback(() => {\n onClose();\n }, [onClose]);\n\n const handleInputChange = useCallback(e => {\n setInputValue(e.target.value);\n }, []);\n\n const handleTextAreaChange = useCallback(e => {\n setTextAreaValue(e.target.value);\n }, []);\n\n const isConfirmDisabled = useMemo(() => {\n return !inputValue.trim() || !textAreaValue.trim();\n }, [inputValue, textAreaValue]);\n\n const footer = useMemo(() => {\n const cancelButton = {\n onCancel: handleCancel,\n label: translate(readOnly ? 'close' : 'cancel')\n };\n return {\n cancelButton,\n ...(!readOnly && {\n confirmButton: {\n onConfirm,\n label: translate('confirm'),\n iconName: 'plus',\n disabled: isConfirmDisabled,\n color: COLORS.cm_primary_blue\n }\n })\n };\n }, [handleCancel, onConfirm, translate, isConfirmDisabled, readOnly]);\n\n if (!isOpen) return null;\n\n return (\n <BaseModal\n title={translate('translation_title')}\n description={translate('translation_description')}\n isOpen={isOpen}\n onClose={handleClose}\n footer={footer}\n headerIcon={{\n name: 'language',\n backgroundColor: '#D6E6FF'\n }}\n detectScrollbar={detectScrollbar}\n >\n <div className={style.translationModal}>\n <div className={style.horizontalSection}>\n {renderInputGroup({\n title: inputLanguage,\n inputProps: sourceInputText,\n textAreaProps: sourceTextArea,\n disabled: true\n })}\n\n <div className={style.separator} />\n\n {renderInputGroup({\n title: outputLanguage,\n inputProps: {\n ...targetInputText,\n value: inputValue,\n onChange: handleInputChange\n },\n textAreaProps: {\n ...targetTextArea,\n value: textAreaValue,\n onChange: handleTextAreaChange\n },\n disabled: readOnly\n })}\n </div>\n </div>\n </BaseModal>\n );\n};\n\nTranslationModal.contextTypes = {\n translate: Provider.childContextTypes.translate\n};\n\nTranslationModal.propTypes = {\n isOpen: PropTypes.bool,\n onCancel: PropTypes.func,\n onConfirm: PropTypes.func,\n onClose: PropTypes.func,\n source: PropTypes.shape({\n inputText: PropTypes.shape({\n ...InputText.propTypes,\n theme: PropTypes.string\n }),\n textArea: PropTypes.shape({\n ...TextArea.propTypes,\n theme: PropTypes.string\n }),\n inputLanguage: PropTypes.string\n }),\n target: PropTypes.shape({\n inputText: PropTypes.shape({\n ...InputText.propTypes,\n theme: PropTypes.string\n }),\n textArea: PropTypes.shape({\n ...TextArea.propTypes,\n theme: PropTypes.string\n }),\n language: PropTypes.string\n }),\n readOnly: PropTypes.bool\n};\n\nexport default TranslationModal;\n"],"mappings":"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","ignoreList":[]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/molecule/translation-modal/index.js"],"names":[],"mappings":";AAmBA,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/molecule/translation-modal/index.js"],"names":[],"mappings":";AAmBA,gFAoGC"}
|
|
@@ -45,7 +45,8 @@ const TranslationModal = (props, context) => {
|
|
|
45
45
|
inputText: targetInputText,
|
|
46
46
|
textArea: targetTextArea,
|
|
47
47
|
language: outputLanguage
|
|
48
|
-
}
|
|
48
|
+
},
|
|
49
|
+
readOnly = false
|
|
49
50
|
} = props;
|
|
50
51
|
const {
|
|
51
52
|
translate
|
|
@@ -69,22 +70,23 @@ const TranslationModal = (props, context) => {
|
|
|
69
70
|
return !inputValue.trim() || !textAreaValue.trim();
|
|
70
71
|
}, [inputValue, textAreaValue]);
|
|
71
72
|
const footer = (0, _react.useMemo)(() => {
|
|
73
|
+
const cancelButton = {
|
|
74
|
+
onCancel: handleCancel,
|
|
75
|
+
label: translate(readOnly ? 'close' : 'cancel')
|
|
76
|
+
};
|
|
72
77
|
return {
|
|
73
|
-
cancelButton
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
disabled: isConfirmDisabled,
|
|
84
|
-
color: _colors.COLORS.cm_primary_blue
|
|
85
|
-
}
|
|
78
|
+
cancelButton,
|
|
79
|
+
...(!readOnly && {
|
|
80
|
+
confirmButton: {
|
|
81
|
+
onConfirm,
|
|
82
|
+
label: translate('confirm'),
|
|
83
|
+
iconName: 'plus',
|
|
84
|
+
disabled: isConfirmDisabled,
|
|
85
|
+
color: _colors.COLORS.cm_primary_blue
|
|
86
|
+
}
|
|
87
|
+
})
|
|
86
88
|
};
|
|
87
|
-
}, [handleCancel, onConfirm, translate, isConfirmDisabled]);
|
|
89
|
+
}, [handleCancel, onConfirm, translate, isConfirmDisabled, readOnly]);
|
|
88
90
|
if (!isOpen) return null;
|
|
89
91
|
return /*#__PURE__*/_react.default.createElement(_baseModal.default, {
|
|
90
92
|
title: translate('translation_title'),
|
|
@@ -120,7 +122,7 @@ const TranslationModal = (props, context) => {
|
|
|
120
122
|
value: textAreaValue,
|
|
121
123
|
onChange: handleTextAreaChange
|
|
122
124
|
},
|
|
123
|
-
disabled:
|
|
125
|
+
disabled: readOnly
|
|
124
126
|
}))));
|
|
125
127
|
};
|
|
126
128
|
TranslationModal.contextTypes = {
|
|
@@ -152,7 +154,8 @@ TranslationModal.propTypes = process.env.NODE_ENV !== "production" ? {
|
|
|
152
154
|
theme: _propTypes.default.string
|
|
153
155
|
}),
|
|
154
156
|
language: _propTypes.default.string
|
|
155
|
-
})
|
|
157
|
+
}),
|
|
158
|
+
readOnly: _propTypes.default.bool
|
|
156
159
|
} : {};
|
|
157
160
|
var _default = exports.default = TranslationModal;
|
|
158
161
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","names":["_react","_interopRequireWildcard","require","_propTypes","_interopRequireDefault","_baseModal","_provider","_colors","_inputText","_inputTextarea","_style","e","__esModule","default","_getRequireWildcardCache","WeakMap","r","t","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","_extends","assign","bind","arguments","length","apply","renderInputGroup","title","inputProps","textAreaProps","disabled","createElement","className","style","inputGroup","TranslationModal","props","context","isOpen","onCancel","onConfirm","onClose","source","inputText","sourceInputText","textArea","sourceTextArea","inputLanguage","target","targetInputText","targetTextArea","language","outputLanguage","translate","detectScrollbar","inputValue","setInputValue","useState","value","textAreaValue","setTextAreaValue","handleCancel","useCallback","handleClose","handleInputChange","handleTextAreaChange","isConfirmDisabled","useMemo","trim","footer","cancelButton","label","confirmButton","iconName","color","COLORS","cm_primary_blue","description","headerIcon","name","backgroundColor","translationModal","horizontalSection","separator","onChange","contextTypes","Provider","childContextTypes","propTypes","process","env","NODE_ENV","PropTypes","bool","func","shape","InputText","theme","string","TextArea","_default","exports"],"sources":["../../../src/molecule/translation-modal/index.js"],"sourcesContent":["import React, {useMemo, useCallback, useState} from 'react';\nimport PropTypes from 'prop-types';\nimport BaseModal from '../base-modal';\nimport Provider from '../../atom/provider';\nimport {COLORS} from '../../variables/colors';\nimport InputText from '../../atom/input-text';\nimport TextArea from '../../atom/input-textarea';\nimport style from './style.css';\n\nconst renderInputGroup = ({title, inputProps, textAreaProps, disabled}) => {\n return (\n <div className={style.inputGroup}>\n <div className={style.title}>{title}</div>\n <InputText {...inputProps} disabled={disabled} />\n <TextArea {...textAreaProps} disabled={disabled} />\n </div>\n );\n};\n\nconst TranslationModal = (props, context) => {\n const {\n isOpen,\n onCancel,\n onConfirm,\n onClose,\n source: {inputText: sourceInputText, textArea: sourceTextArea, inputLanguage},\n target: {inputText: targetInputText, textArea: targetTextArea, language: outputLanguage}\n } = props;\n const {translate} = context;\n\n const detectScrollbar = true;\n\n const [inputValue, setInputValue] = useState(targetInputText?.value || '');\n const [textAreaValue, setTextAreaValue] = useState(targetTextArea?.value || '');\n\n const handleCancel = useCallback(() => {\n onCancel();\n }, [onCancel]);\n\n const handleClose = useCallback(() => {\n onClose();\n }, [onClose]);\n\n const handleInputChange = useCallback(e => {\n setInputValue(e.target.value);\n }, []);\n\n const handleTextAreaChange = useCallback(e => {\n setTextAreaValue(e.target.value);\n }, []);\n\n const isConfirmDisabled = useMemo(() => {\n return !inputValue.trim() || !textAreaValue.trim();\n }, [inputValue, textAreaValue]);\n\n const footer = useMemo(() => {\n return {\n cancelButton: {\n onCancel: handleCancel,\n label: translate('cancel')\n },\n confirmButton: {\n onConfirm: () => {\n onConfirm();\n },\n label: translate('confirm'),\n iconName: 'plus',\n disabled: isConfirmDisabled,\n color: COLORS.cm_primary_blue\n }\n };\n }, [handleCancel, onConfirm, translate, isConfirmDisabled]);\n\n if (!isOpen) return null;\n\n return (\n <BaseModal\n title={translate('translation_title')}\n description={translate('translation_description')}\n isOpen={isOpen}\n onClose={handleClose}\n footer={footer}\n headerIcon={{\n name: 'language',\n backgroundColor: '#D6E6FF'\n }}\n detectScrollbar={detectScrollbar}\n >\n <div className={style.translationModal}>\n <div className={style.horizontalSection}>\n {renderInputGroup({\n title: inputLanguage,\n inputProps: sourceInputText,\n textAreaProps: sourceTextArea,\n disabled: true\n })}\n\n <div className={style.separator} />\n\n {renderInputGroup({\n title: outputLanguage,\n inputProps: {\n ...targetInputText,\n value: inputValue,\n onChange: handleInputChange\n },\n textAreaProps: {\n ...targetTextArea,\n value: textAreaValue,\n onChange: handleTextAreaChange\n },\n disabled: false\n })}\n </div>\n </div>\n </BaseModal>\n );\n};\n\nTranslationModal.contextTypes = {\n translate: Provider.childContextTypes.translate\n};\n\nTranslationModal.propTypes = {\n isOpen: PropTypes.bool,\n onCancel: PropTypes.func,\n onConfirm: PropTypes.func,\n onClose: PropTypes.func,\n source: PropTypes.shape({\n inputText: PropTypes.shape({\n ...InputText.propTypes,\n theme: PropTypes.string\n }),\n textArea: PropTypes.shape({\n ...TextArea.propTypes,\n theme: PropTypes.string\n }),\n inputLanguage: PropTypes.string\n }),\n target: PropTypes.shape({\n inputText: PropTypes.shape({\n ...InputText.propTypes,\n theme: PropTypes.string\n }),\n textArea: PropTypes.shape({\n ...TextArea.propTypes,\n theme: PropTypes.string\n }),\n language: PropTypes.string\n })\n};\n\nexport default TranslationModal;\n"],"mappings":"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","ignoreList":[]}
|
|
1
|
+
{"version":3,"file":"index.js","names":["_react","_interopRequireWildcard","require","_propTypes","_interopRequireDefault","_baseModal","_provider","_colors","_inputText","_inputTextarea","_style","e","__esModule","default","_getRequireWildcardCache","WeakMap","r","t","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","_extends","assign","bind","arguments","length","apply","renderInputGroup","title","inputProps","textAreaProps","disabled","createElement","className","style","inputGroup","TranslationModal","props","context","isOpen","onCancel","onConfirm","onClose","source","inputText","sourceInputText","textArea","sourceTextArea","inputLanguage","target","targetInputText","targetTextArea","language","outputLanguage","readOnly","translate","detectScrollbar","inputValue","setInputValue","useState","value","textAreaValue","setTextAreaValue","handleCancel","useCallback","handleClose","handleInputChange","handleTextAreaChange","isConfirmDisabled","useMemo","trim","footer","cancelButton","label","confirmButton","iconName","color","COLORS","cm_primary_blue","description","headerIcon","name","backgroundColor","translationModal","horizontalSection","separator","onChange","contextTypes","Provider","childContextTypes","propTypes","process","env","NODE_ENV","PropTypes","bool","func","shape","InputText","theme","string","TextArea","_default","exports"],"sources":["../../../src/molecule/translation-modal/index.js"],"sourcesContent":["import React, {useMemo, useCallback, useState} from 'react';\nimport PropTypes from 'prop-types';\nimport BaseModal from '../base-modal';\nimport Provider from '../../atom/provider';\nimport {COLORS} from '../../variables/colors';\nimport InputText from '../../atom/input-text';\nimport TextArea from '../../atom/input-textarea';\nimport style from './style.css';\n\nconst renderInputGroup = ({title, inputProps, textAreaProps, disabled}) => {\n return (\n <div className={style.inputGroup}>\n <div className={style.title}>{title}</div>\n <InputText {...inputProps} disabled={disabled} />\n <TextArea {...textAreaProps} disabled={disabled} />\n </div>\n );\n};\n\nconst TranslationModal = (props, context) => {\n const {\n isOpen,\n onCancel,\n onConfirm,\n onClose,\n source: {inputText: sourceInputText, textArea: sourceTextArea, inputLanguage},\n target: {inputText: targetInputText, textArea: targetTextArea, language: outputLanguage},\n readOnly = false\n } = props;\n const {translate} = context;\n\n const detectScrollbar = true;\n\n const [inputValue, setInputValue] = useState(targetInputText?.value || '');\n const [textAreaValue, setTextAreaValue] = useState(targetTextArea?.value || '');\n\n const handleCancel = useCallback(() => {\n onCancel();\n }, [onCancel]);\n\n const handleClose = useCallback(() => {\n onClose();\n }, [onClose]);\n\n const handleInputChange = useCallback(e => {\n setInputValue(e.target.value);\n }, []);\n\n const handleTextAreaChange = useCallback(e => {\n setTextAreaValue(e.target.value);\n }, []);\n\n const isConfirmDisabled = useMemo(() => {\n return !inputValue.trim() || !textAreaValue.trim();\n }, [inputValue, textAreaValue]);\n\n const footer = useMemo(() => {\n const cancelButton = {\n onCancel: handleCancel,\n label: translate(readOnly ? 'close' : 'cancel')\n };\n return {\n cancelButton,\n ...(!readOnly && {\n confirmButton: {\n onConfirm,\n label: translate('confirm'),\n iconName: 'plus',\n disabled: isConfirmDisabled,\n color: COLORS.cm_primary_blue\n }\n })\n };\n }, [handleCancel, onConfirm, translate, isConfirmDisabled, readOnly]);\n\n if (!isOpen) return null;\n\n return (\n <BaseModal\n title={translate('translation_title')}\n description={translate('translation_description')}\n isOpen={isOpen}\n onClose={handleClose}\n footer={footer}\n headerIcon={{\n name: 'language',\n backgroundColor: '#D6E6FF'\n }}\n detectScrollbar={detectScrollbar}\n >\n <div className={style.translationModal}>\n <div className={style.horizontalSection}>\n {renderInputGroup({\n title: inputLanguage,\n inputProps: sourceInputText,\n textAreaProps: sourceTextArea,\n disabled: true\n })}\n\n <div className={style.separator} />\n\n {renderInputGroup({\n title: outputLanguage,\n inputProps: {\n ...targetInputText,\n value: inputValue,\n onChange: handleInputChange\n },\n textAreaProps: {\n ...targetTextArea,\n value: textAreaValue,\n onChange: handleTextAreaChange\n },\n disabled: readOnly\n })}\n </div>\n </div>\n </BaseModal>\n );\n};\n\nTranslationModal.contextTypes = {\n translate: Provider.childContextTypes.translate\n};\n\nTranslationModal.propTypes = {\n isOpen: PropTypes.bool,\n onCancel: PropTypes.func,\n onConfirm: PropTypes.func,\n onClose: PropTypes.func,\n source: PropTypes.shape({\n inputText: PropTypes.shape({\n ...InputText.propTypes,\n theme: PropTypes.string\n }),\n textArea: PropTypes.shape({\n ...TextArea.propTypes,\n theme: PropTypes.string\n }),\n inputLanguage: PropTypes.string\n }),\n target: PropTypes.shape({\n inputText: PropTypes.shape({\n ...InputText.propTypes,\n theme: PropTypes.string\n }),\n textArea: PropTypes.shape({\n ...TextArea.propTypes,\n theme: PropTypes.string\n }),\n language: PropTypes.string\n }),\n readOnly: PropTypes.bool\n};\n\nexport default TranslationModal;\n"],"mappings":"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","ignoreList":[]}
|
package/locales/bs/global.json
CHANGED
package/locales/cs/global.json
CHANGED
package/locales/de/global.json
CHANGED
package/locales/en/global.json
CHANGED
package/locales/es/global.json
CHANGED
package/locales/et/global.json
CHANGED
package/locales/fi/global.json
CHANGED
package/locales/fr/global.json
CHANGED
package/locales/hr/global.json
CHANGED
package/locales/hu/global.json
CHANGED
package/locales/hy/global.json
CHANGED
package/locales/it/global.json
CHANGED
package/locales/ja/global.json
CHANGED
package/locales/ko/global.json
CHANGED
package/locales/nl/global.json
CHANGED
package/locales/pl/global.json
CHANGED
package/locales/pt/global.json
CHANGED
package/locales/ro/global.json
CHANGED
package/locales/ru/global.json
CHANGED
package/locales/sk/global.json
CHANGED
package/locales/sl/global.json
CHANGED
package/locales/sv/global.json
CHANGED
package/locales/tl/global.json
CHANGED
|
@@ -54,6 +54,7 @@
|
|
|
54
54
|
"skills_change_focus": "Baguhin ang kasanayang pagtutuunan ng pansin",
|
|
55
55
|
"skills_choose_focus": "Piliin ang iyong pagtutuunan ng pansin",
|
|
56
56
|
"cancel": "Kanselahin",
|
|
57
|
+
"close": "Close",
|
|
57
58
|
"confirm": "Kumpirmahin",
|
|
58
59
|
"Delete": "Tanggalin",
|
|
59
60
|
"Draft": "Draft",
|
package/locales/tr/global.json
CHANGED
package/locales/uk/global.json
CHANGED
package/locales/vi/global.json
CHANGED
package/locales/zh/global.json
CHANGED
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@coorpacademy/components",
|
|
3
|
-
"version": "11.33.
|
|
3
|
+
"version": "11.33.10",
|
|
4
4
|
"description": "",
|
|
5
5
|
"main": "lib/index.js",
|
|
6
6
|
"module": "es/index.js",
|
|
@@ -104,7 +104,7 @@
|
|
|
104
104
|
"@coorpacademy/react-native-mock-render": "^0.2.9",
|
|
105
105
|
"@coorpacademy/react-native-slider": "^0.11.1",
|
|
106
106
|
"@coorpacademy/translate": "6.3.0",
|
|
107
|
-
"@coorpacademy/webpack-config": "13.1.
|
|
107
|
+
"@coorpacademy/webpack-config": "13.1.3",
|
|
108
108
|
"@react-native-community/blur": "^4.2.0",
|
|
109
109
|
"@storybook/addon-actions": "^6.5.12",
|
|
110
110
|
"@storybook/addon-controls": "^6.5.12",
|
|
@@ -165,5 +165,5 @@
|
|
|
165
165
|
"last 2 versions",
|
|
166
166
|
"IE 11"
|
|
167
167
|
],
|
|
168
|
-
"gitHead": "
|
|
168
|
+
"gitHead": "2ce8bc9fa9420b675b24ba8ff38db65bb51dc047"
|
|
169
169
|
}
|