@coorpacademy/components 11.39.4-alpha.0 → 11.39.4-alpha.2

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.
@@ -3,6 +3,9 @@
3
3
 
4
4
  .iconPreviewWrapper {
5
5
  border-radius: 8px;
6
+ /* width: 100%; */
7
+ max-width: 420px;
8
+ margin: 0 auto;
6
9
  }
7
10
 
8
11
  .iconPreview {
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/molecule/translation-modal/index.js"],"names":[],"mappings":";AAmBA,gFA8EC"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/molecule/translation-modal/index.js"],"names":[],"mappings":";AAmBA,gFAgFC"}
@@ -18,13 +18,13 @@ const renderInputGroup = ({
18
18
  className: style.inputGroup
19
19
  }, /*#__PURE__*/React.createElement("div", {
20
20
  className: style.title
21
- }, title), /*#__PURE__*/React.createElement(InputText, _extends({}, inputProps, {
21
+ }, title), /*#__PURE__*/React.createElement(InputText, _extends({
22
22
  readOnly: readOnly,
23
23
  disabled: disabled
24
- })), /*#__PURE__*/React.createElement(TextArea, _extends({}, textAreaProps, {
24
+ }, inputProps)), /*#__PURE__*/React.createElement(TextArea, _extends({
25
25
  readOnly: readOnly,
26
26
  disabled: disabled
27
- })));
27
+ }, textAreaProps)));
28
28
  };
29
29
  const TranslationModal = (props, context) => {
30
30
  const {
@@ -93,14 +93,16 @@ const TranslationModal = (props, context) => {
93
93
  title: inputLanguage,
94
94
  inputProps: sourceInputText,
95
95
  textAreaProps: sourceTextArea,
96
- readOnly: true
96
+ readOnly: true,
97
+ disabled
97
98
  }), /*#__PURE__*/React.createElement("div", {
98
99
  className: style.separator
99
100
  }), renderInputGroup({
100
101
  title: outputLanguage,
101
102
  inputProps: targetInputText,
102
103
  textAreaProps: targetTextArea,
103
- readOnly
104
+ readOnly,
105
+ disabled
104
106
  }))));
105
107
  };
106
108
  TranslationModal.contextTypes = {
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","names":["React","useMemo","useCallback","PropTypes","BaseModal","Provider","COLORS","InputText","TextArea","style","renderInputGroup","title","inputProps","textAreaProps","readOnly","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","handleCancel","handleClose","footer","cancelButton","label","confirmButton","iconName","color","cm_primary_blue","description","headerIcon","name","backgroundColor","translationModal","horizontalSection","separator","contextTypes","childContextTypes","propTypes","process","env","NODE_ENV","bool","func","shape","theme","string"],"sources":["../../../src/molecule/translation-modal/index.js"],"sourcesContent":["import React, {useMemo, useCallback} 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, readOnly, disabled}) => {\n return (\n <div className={style.inputGroup}>\n <div className={style.title}>{title}</div>\n <InputText {...inputProps} readOnly={readOnly} disabled={disabled} />\n <TextArea {...textAreaProps} readOnly={readOnly} disabled={disabled} />\n </div>\n );\n};\n\nconst TranslationModal = (props, context) => {\n const {\n isOpen,\n onCancel,\n onConfirm,\n onClose,\n disabled = false,\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 handleCancel = useCallback(() => {\n onCancel();\n }, [onCancel]);\n\n const handleClose = useCallback(() => {\n onClose();\n }, [onClose]);\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: 'check',\n disabled,\n color: COLORS.cm_primary_blue\n }\n })\n };\n }, [handleCancel, onConfirm, translate, readOnly, disabled]);\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 readOnly: true\n })}\n\n <div className={style.separator} />\n\n {renderInputGroup({\n title: outputLanguage,\n inputProps: targetInputText,\n textAreaProps: targetTextArea,\n 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 disabled: PropTypes.bool,\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":";AAAA,OAAOA,KAAK,IAAGC,OAAO,EAAEC,WAAW,QAAO,OAAO;AACjD,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,SAAS,MAAM,eAAe;AACrC,OAAOC,QAAQ,MAAM,qBAAqB;AAC1C,SAAQC,MAAM,QAAO,wBAAwB;AAC7C,OAAOC,SAAS,MAAM,uBAAuB;AAC7C,OAAOC,QAAQ,MAAM,2BAA2B;AAChD,OAAOC,KAAK,MAAM,aAAa;AAE/B,MAAMC,gBAAgB,GAAGA,CAAC;EAACC,KAAK;EAAEC,UAAU;EAAEC,aAAa;EAAEC,QAAQ;EAAEC;AAAQ,CAAC,KAAK;EACnF,oBACEf,KAAA,CAAAgB,aAAA;IAAKC,SAAS,EAAER,KAAK,CAACS;EAAW,gBAC/BlB,KAAA,CAAAgB,aAAA;IAAKC,SAAS,EAAER,KAAK,CAACE;EAAM,GAAEA,KAAW,CAAC,eAC1CX,KAAA,CAAAgB,aAAA,CAACT,SAAS,EAAAY,QAAA,KAAKP,UAAU;IAAEE,QAAQ,EAAEA,QAAS;IAACC,QAAQ,EAAEA;EAAS,EAAE,CAAC,eACrEf,KAAA,CAAAgB,aAAA,CAACR,QAAQ,EAAAW,QAAA,KAAKN,aAAa;IAAEC,QAAQ,EAAEA,QAAS;IAACC,QAAQ,EAAEA;EAAS,EAAE,CACnE,CAAC;AAEV,CAAC;AAED,MAAMK,gBAAgB,GAAGA,CAACC,KAAK,EAAEC,OAAO,KAAK;EAC3C,MAAM;IACJC,MAAM;IACNC,QAAQ;IACRC,SAAS;IACTC,OAAO;IACPX,QAAQ,GAAG,KAAK;IAChBY,MAAM,EAAE;MAACC,SAAS,EAAEC,eAAe;MAAEC,QAAQ,EAAEC,cAAc;MAAEC;IAAa,CAAC;IAC7EC,MAAM,EAAE;MAACL,SAAS,EAAEM,eAAe;MAAEJ,QAAQ,EAAEK,cAAc;MAAEC,QAAQ,EAAEC;IAAc,CAAC;IACxFvB,QAAQ,GAAG;EACb,CAAC,GAAGO,KAAK;EACT,MAAM;IAACiB;EAAS,CAAC,GAAGhB,OAAO;EAE3B,MAAMiB,eAAe,GAAG,IAAI;EAE5B,MAAMC,YAAY,GAAGtC,WAAW,CAAC,MAAM;IACrCsB,QAAQ,CAAC,CAAC;EACZ,CAAC,EAAE,CAACA,QAAQ,CAAC,CAAC;EAEd,MAAMiB,WAAW,GAAGvC,WAAW,CAAC,MAAM;IACpCwB,OAAO,CAAC,CAAC;EACX,CAAC,EAAE,CAACA,OAAO,CAAC,CAAC;EAEb,MAAMgB,MAAM,GAAGzC,OAAO,CAAC,MAAM;IAC3B,MAAM0C,YAAY,GAAG;MACnBnB,QAAQ,EAAEgB,YAAY;MACtBI,KAAK,EAAEN,SAAS,CAACxB,QAAQ,GAAG,OAAO,GAAG,QAAQ;IAChD,CAAC;IACD,OAAO;MACL6B,YAAY;MACZ,IAAI,CAAC7B,QAAQ,IAAI;QACf+B,aAAa,EAAE;UACbpB,SAAS;UACTmB,KAAK,EAAEN,SAAS,CAAC,SAAS,CAAC;UAC3BQ,QAAQ,EAAE,OAAO;UACjB/B,QAAQ;UACRgC,KAAK,EAAEzC,MAAM,CAAC0C;QAChB;MACF,CAAC;IACH,CAAC;EACH,CAAC,EAAE,CAACR,YAAY,EAAEf,SAAS,EAAEa,SAAS,EAAExB,QAAQ,EAAEC,QAAQ,CAAC,CAAC;EAE5D,IAAI,CAACQ,MAAM,EAAE,OAAO,IAAI;EAExB,oBACEvB,KAAA,CAAAgB,aAAA,CAACZ,SAAS;IACRO,KAAK,EAAE2B,SAAS,CAAC,mBAAmB,CAAE;IACtCW,WAAW,EAAEX,SAAS,CAAC,yBAAyB,CAAE;IAClDf,MAAM,EAAEA,MAAO;IACfG,OAAO,EAAEe,WAAY;IACrBC,MAAM,EAAEA,MAAO;IACfQ,UAAU,EAAE;MACVC,IAAI,EAAE,UAAU;MAChBC,eAAe,EAAE;IACnB,CAAE;IACFb,eAAe,EAAEA;EAAgB,gBAEjCvC,KAAA,CAAAgB,aAAA;IAAKC,SAAS,EAAER,KAAK,CAAC4C;EAAiB,gBACrCrD,KAAA,CAAAgB,aAAA;IAAKC,SAAS,EAAER,KAAK,CAAC6C;EAAkB,GACrC5C,gBAAgB,CAAC;IAChBC,KAAK,EAAEqB,aAAa;IACpBpB,UAAU,EAAEiB,eAAe;IAC3BhB,aAAa,EAAEkB,cAAc;IAC7BjB,QAAQ,EAAE;EACZ,CAAC,CAAC,eAEFd,KAAA,CAAAgB,aAAA;IAAKC,SAAS,EAAER,KAAK,CAAC8C;EAAU,CAAE,CAAC,EAElC7C,gBAAgB,CAAC;IAChBC,KAAK,EAAE0B,cAAc;IACrBzB,UAAU,EAAEsB,eAAe;IAC3BrB,aAAa,EAAEsB,cAAc;IAC7BrB;EACF,CAAC,CACE,CACF,CACI,CAAC;AAEhB,CAAC;AAEDM,gBAAgB,CAACoC,YAAY,GAAG;EAC9BlB,SAAS,EAAEjC,QAAQ,CAACoD,iBAAiB,CAACnB;AACxC,CAAC;AAEDlB,gBAAgB,CAACsC,SAAS,GAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA,oBAAG;EAC3BtC,MAAM,EAAEpB,SAAS,CAAC2D,IAAI;EACtBtC,QAAQ,EAAErB,SAAS,CAAC4D,IAAI;EACxBtC,SAAS,EAAEtB,SAAS,CAAC4D,IAAI;EACzBrC,OAAO,EAAEvB,SAAS,CAAC4D,IAAI;EACvBhD,QAAQ,EAAEZ,SAAS,CAAC2D,IAAI;EACxBnC,MAAM,EAAExB,SAAS,CAAC6D,KAAK,CAAC;IACtBpC,SAAS,EAAEzB,SAAS,CAAC6D,KAAK,CAAC;MACzB,GAAGzD,SAAS,CAACmD,SAAS;MACtBO,KAAK,EAAE9D,SAAS,CAAC+D;IACnB,CAAC,CAAC;IACFpC,QAAQ,EAAE3B,SAAS,CAAC6D,KAAK,CAAC;MACxB,GAAGxD,QAAQ,CAACkD,SAAS;MACrBO,KAAK,EAAE9D,SAAS,CAAC+D;IACnB,CAAC,CAAC;IACFlC,aAAa,EAAE7B,SAAS,CAAC+D;EAC3B,CAAC,CAAC;EACFjC,MAAM,EAAE9B,SAAS,CAAC6D,KAAK,CAAC;IACtBpC,SAAS,EAAEzB,SAAS,CAAC6D,KAAK,CAAC;MACzB,GAAGzD,SAAS,CAACmD,SAAS;MACtBO,KAAK,EAAE9D,SAAS,CAAC+D;IACnB,CAAC,CAAC;IACFpC,QAAQ,EAAE3B,SAAS,CAAC6D,KAAK,CAAC;MACxB,GAAGxD,QAAQ,CAACkD,SAAS;MACrBO,KAAK,EAAE9D,SAAS,CAAC+D;IACnB,CAAC,CAAC;IACF9B,QAAQ,EAAEjC,SAAS,CAAC+D;EACtB,CAAC,CAAC;EACFpD,QAAQ,EAAEX,SAAS,CAAC2D;AACtB,CAAC;AAED,eAAe1C,gBAAgB","ignoreList":[]}
1
+ {"version":3,"file":"index.js","names":["React","useMemo","useCallback","PropTypes","BaseModal","Provider","COLORS","InputText","TextArea","style","renderInputGroup","title","inputProps","textAreaProps","readOnly","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","handleCancel","handleClose","footer","cancelButton","label","confirmButton","iconName","color","cm_primary_blue","description","headerIcon","name","backgroundColor","translationModal","horizontalSection","separator","contextTypes","childContextTypes","propTypes","process","env","NODE_ENV","bool","func","shape","theme","string"],"sources":["../../../src/molecule/translation-modal/index.js"],"sourcesContent":["import React, {useMemo, useCallback} 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, readOnly, disabled}) => {\n return (\n <div className={style.inputGroup}>\n <div className={style.title}>{title}</div>\n <InputText readOnly={readOnly} disabled={disabled} {...inputProps} />\n <TextArea readOnly={readOnly} disabled={disabled} {...textAreaProps} />\n </div>\n );\n};\n\nconst TranslationModal = (props, context) => {\n const {\n isOpen,\n onCancel,\n onConfirm,\n onClose,\n disabled = false,\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 handleCancel = useCallback(() => {\n onCancel();\n }, [onCancel]);\n\n const handleClose = useCallback(() => {\n onClose();\n }, [onClose]);\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: 'check',\n disabled,\n color: COLORS.cm_primary_blue\n }\n })\n };\n }, [handleCancel, onConfirm, translate, readOnly, disabled]);\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 readOnly: true,\n disabled\n })}\n\n <div className={style.separator} />\n\n {renderInputGroup({\n title: outputLanguage,\n inputProps: targetInputText,\n textAreaProps: targetTextArea,\n readOnly,\n disabled\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 disabled: PropTypes.bool,\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":[]}
@@ -12,7 +12,7 @@
12
12
  }
13
13
 
14
14
  .iconEditor {
15
- min-width: 420px;
15
+ width: 420px;
16
16
  min-height: 300px;
17
17
  margin-top: 88px;
18
18
  }
@@ -3,6 +3,9 @@
3
3
 
4
4
  .iconPreviewWrapper {
5
5
  border-radius: 8px;
6
+ /* width: 100%; */
7
+ max-width: 420px;
8
+ margin: 0 auto;
6
9
  }
7
10
 
8
11
  .iconPreview {
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/molecule/translation-modal/index.js"],"names":[],"mappings":";AAmBA,gFA8EC"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/molecule/translation-modal/index.js"],"names":[],"mappings":";AAmBA,gFAgFC"}
@@ -25,13 +25,13 @@ const renderInputGroup = ({
25
25
  className: _style.default.inputGroup
26
26
  }, /*#__PURE__*/_react.default.createElement("div", {
27
27
  className: _style.default.title
28
- }, title), /*#__PURE__*/_react.default.createElement(_inputText.default, _extends({}, inputProps, {
28
+ }, title), /*#__PURE__*/_react.default.createElement(_inputText.default, _extends({
29
29
  readOnly: readOnly,
30
30
  disabled: disabled
31
- })), /*#__PURE__*/_react.default.createElement(_inputTextarea.default, _extends({}, textAreaProps, {
31
+ }, inputProps)), /*#__PURE__*/_react.default.createElement(_inputTextarea.default, _extends({
32
32
  readOnly: readOnly,
33
33
  disabled: disabled
34
- })));
34
+ }, textAreaProps)));
35
35
  };
36
36
  const TranslationModal = (props, context) => {
37
37
  const {
@@ -100,14 +100,16 @@ const TranslationModal = (props, context) => {
100
100
  title: inputLanguage,
101
101
  inputProps: sourceInputText,
102
102
  textAreaProps: sourceTextArea,
103
- readOnly: true
103
+ readOnly: true,
104
+ disabled
104
105
  }), /*#__PURE__*/_react.default.createElement("div", {
105
106
  className: _style.default.separator
106
107
  }), renderInputGroup({
107
108
  title: outputLanguage,
108
109
  inputProps: targetInputText,
109
110
  textAreaProps: targetTextArea,
110
- readOnly
111
+ readOnly,
112
+ disabled
111
113
  }))));
112
114
  };
113
115
  TranslationModal.contextTypes = {
@@ -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","readOnly","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","handleCancel","useCallback","handleClose","footer","useMemo","cancelButton","label","confirmButton","iconName","color","COLORS","cm_primary_blue","description","headerIcon","name","backgroundColor","translationModal","horizontalSection","separator","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} 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, readOnly, disabled}) => {\n return (\n <div className={style.inputGroup}>\n <div className={style.title}>{title}</div>\n <InputText {...inputProps} readOnly={readOnly} disabled={disabled} />\n <TextArea {...textAreaProps} readOnly={readOnly} disabled={disabled} />\n </div>\n );\n};\n\nconst TranslationModal = (props, context) => {\n const {\n isOpen,\n onCancel,\n onConfirm,\n onClose,\n disabled = false,\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 handleCancel = useCallback(() => {\n onCancel();\n }, [onCancel]);\n\n const handleClose = useCallback(() => {\n onClose();\n }, [onClose]);\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: 'check',\n disabled,\n color: COLORS.cm_primary_blue\n }\n })\n };\n }, [handleCancel, onConfirm, translate, readOnly, disabled]);\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 readOnly: true\n })}\n\n <div className={style.separator} />\n\n {renderInputGroup({\n title: outputLanguage,\n inputProps: targetInputText,\n textAreaProps: targetTextArea,\n 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 disabled: PropTypes.bool,\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
+ {"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","readOnly","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","handleCancel","useCallback","handleClose","footer","useMemo","cancelButton","label","confirmButton","iconName","color","COLORS","cm_primary_blue","description","headerIcon","name","backgroundColor","translationModal","horizontalSection","separator","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} 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, readOnly, disabled}) => {\n return (\n <div className={style.inputGroup}>\n <div className={style.title}>{title}</div>\n <InputText readOnly={readOnly} disabled={disabled} {...inputProps} />\n <TextArea readOnly={readOnly} disabled={disabled} {...textAreaProps} />\n </div>\n );\n};\n\nconst TranslationModal = (props, context) => {\n const {\n isOpen,\n onCancel,\n onConfirm,\n onClose,\n disabled = false,\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 handleCancel = useCallback(() => {\n onCancel();\n }, [onCancel]);\n\n const handleClose = useCallback(() => {\n onClose();\n }, [onClose]);\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: 'check',\n disabled,\n color: COLORS.cm_primary_blue\n }\n })\n };\n }, [handleCancel, onConfirm, translate, readOnly, disabled]);\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 readOnly: true,\n disabled\n })}\n\n <div className={style.separator} />\n\n {renderInputGroup({\n title: outputLanguage,\n inputProps: targetInputText,\n textAreaProps: targetTextArea,\n readOnly,\n disabled\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 disabled: PropTypes.bool,\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":[]}
@@ -12,7 +12,7 @@
12
12
  }
13
13
 
14
14
  .iconEditor {
15
- min-width: 420px;
15
+ width: 420px;
16
16
  min-height: 300px;
17
17
  margin-top: 88px;
18
18
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@coorpacademy/components",
3
- "version": "11.39.4-alpha.0+71bf9e1a9",
3
+ "version": "11.39.4-alpha.2+2af3b96e8",
4
4
  "description": "",
5
5
  "main": "lib/index.js",
6
6
  "module": "es/index.js",
@@ -166,5 +166,5 @@
166
166
  "last 2 versions",
167
167
  "IE 11"
168
168
  ],
169
- "gitHead": "71bf9e1a9807e1bdb77004e2e9c5c39c9628f69a"
169
+ "gitHead": "2af3b96e88b9eac1c13a6d07252c7523124b5821"
170
170
  }