@coorpacademy/components 11.34.2-alpha.75 → 11.34.2-alpha.76

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.
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/molecule/translation-modal/index.js"],"names":[],"mappings":";AAmBA,gFAoGC"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/molecule/translation-modal/index.js"],"names":[],"mappings":";AAmBA,gFA+EC"}
@@ -1,5 +1,5 @@
1
1
  function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
2
- import React, { useMemo, useCallback, useState } from 'react';
2
+ import React, { useMemo, useCallback } from 'react';
3
3
  import PropTypes from 'prop-types';
4
4
  import BaseModal from '../base-modal';
5
5
  import Provider from '../../atom/provider';
@@ -45,23 +45,13 @@ const TranslationModal = (props, context) => {
45
45
  translate
46
46
  } = context;
47
47
  const detectScrollbar = true;
48
- const [inputValue, setInputValue] = useState(targetInputText?.value || '');
49
- const [textAreaValue, setTextAreaValue] = useState(targetTextArea?.value || '');
50
48
  const handleCancel = useCallback(() => {
51
49
  onCancel();
52
50
  }, [onCancel]);
53
51
  const handleClose = useCallback(() => {
54
52
  onClose();
55
53
  }, [onClose]);
56
- const handleInputChange = useCallback(e => {
57
- setInputValue(e.target.value);
58
- }, []);
59
- const handleTextAreaChange = useCallback(e => {
60
- setTextAreaValue(e.target.value);
61
- }, []);
62
- const isConfirmDisabled = useMemo(() => {
63
- return !inputValue.trim() || !textAreaValue.trim();
64
- }, [inputValue, textAreaValue]);
54
+ const isValid = !targetInputText.value || !targetTextArea.value;
65
55
  const footer = useMemo(() => {
66
56
  const cancelButton = {
67
57
  onCancel: handleCancel,
@@ -74,12 +64,12 @@ const TranslationModal = (props, context) => {
74
64
  onConfirm,
75
65
  label: translate('confirm'),
76
66
  iconName: 'plus',
77
- disabled: isConfirmDisabled,
67
+ disabled: !isValid,
78
68
  color: COLORS.cm_primary_blue
79
69
  }
80
70
  })
81
71
  };
82
- }, [handleCancel, onConfirm, translate, isConfirmDisabled, readOnly]);
72
+ }, [handleCancel, onConfirm, translate, readOnly, isValid]);
83
73
  if (!isOpen) return null;
84
74
  return /*#__PURE__*/React.createElement(BaseModal, {
85
75
  title: translate('translation_title'),
@@ -105,16 +95,8 @@ const TranslationModal = (props, context) => {
105
95
  className: style.separator
106
96
  }), renderInputGroup({
107
97
  title: outputLanguage,
108
- inputProps: {
109
- ...targetInputText,
110
- value: inputValue,
111
- onChange: handleInputChange
112
- },
113
- textAreaProps: {
114
- ...targetTextArea,
115
- value: textAreaValue,
116
- onChange: handleTextAreaChange
117
- },
98
+ inputProps: targetInputText,
99
+ textAreaProps: targetTextArea,
118
100
  disabled: readOnly
119
101
  }))));
120
102
  };
@@ -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","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":";AAAA,OAAOA,KAAK,IAAGC,OAAO,EAAEC,WAAW,EAAEC,QAAQ,QAAO,OAAO;AAC3D,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;AAAQ,CAAC,KAAK;EACzE,oBACEf,KAAA,CAAAgB,aAAA;IAAKC,SAAS,EAAEP,KAAK,CAACQ;EAAW,gBAC/BlB,KAAA,CAAAgB,aAAA;IAAKC,SAAS,EAAEP,KAAK,CAACE;EAAM,GAAEA,KAAW,CAAC,eAC1CZ,KAAA,CAAAgB,aAAA,CAACR,SAAS,EAAAW,QAAA,KAAKN,UAAU;IAAEE,QAAQ,EAAEA;EAAS,EAAE,CAAC,eACjDf,KAAA,CAAAgB,aAAA,CAACP,QAAQ,EAAAU,QAAA,KAAKL,aAAa;IAAEC,QAAQ,EAAEA;EAAS,EAAE,CAC/C,CAAC;AAEV,CAAC;AAED,MAAMK,gBAAgB,GAAGA,CAACC,KAAK,EAAEC,OAAO,KAAK;EAC3C,MAAM;IACJC,MAAM;IACNC,QAAQ;IACRC,SAAS;IACTC,OAAO;IACPC,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;IACxFC,QAAQ,GAAG;EACb,CAAC,GAAGjB,KAAK;EACT,MAAM;IAACkB;EAAS,CAAC,GAAGjB,OAAO;EAE3B,MAAMkB,eAAe,GAAG,IAAI;EAE5B,MAAM,CAACC,UAAU,EAAEC,aAAa,CAAC,GAAGvC,QAAQ,CAAC+B,eAAe,EAAES,KAAK,IAAI,EAAE,CAAC;EAC1E,MAAM,CAACC,aAAa,EAAEC,gBAAgB,CAAC,GAAG1C,QAAQ,CAACgC,cAAc,EAAEQ,KAAK,IAAI,EAAE,CAAC;EAE/E,MAAMG,YAAY,GAAG5C,WAAW,CAAC,MAAM;IACrCsB,QAAQ,CAAC,CAAC;EACZ,CAAC,EAAE,CAACA,QAAQ,CAAC,CAAC;EAEd,MAAMuB,WAAW,GAAG7C,WAAW,CAAC,MAAM;IACpCwB,OAAO,CAAC,CAAC;EACX,CAAC,EAAE,CAACA,OAAO,CAAC,CAAC;EAEb,MAAMsB,iBAAiB,GAAG9C,WAAW,CAAC+C,CAAC,IAAI;IACzCP,aAAa,CAACO,CAAC,CAAChB,MAAM,CAACU,KAAK,CAAC;EAC/B,CAAC,EAAE,EAAE,CAAC;EAEN,MAAMO,oBAAoB,GAAGhD,WAAW,CAAC+C,CAAC,IAAI;IAC5CJ,gBAAgB,CAACI,CAAC,CAAChB,MAAM,CAACU,KAAK,CAAC;EAClC,CAAC,EAAE,EAAE,CAAC;EAEN,MAAMQ,iBAAiB,GAAGlD,OAAO,CAAC,MAAM;IACtC,OAAO,CAACwC,UAAU,CAACW,IAAI,CAAC,CAAC,IAAI,CAACR,aAAa,CAACQ,IAAI,CAAC,CAAC;EACpD,CAAC,EAAE,CAACX,UAAU,EAAEG,aAAa,CAAC,CAAC;EAE/B,MAAMS,MAAM,GAAGpD,OAAO,CAAC,MAAM;IAC3B,MAAMqD,YAAY,GAAG;MACnB9B,QAAQ,EAAEsB,YAAY;MACtBS,KAAK,EAAEhB,SAAS,CAACD,QAAQ,GAAG,OAAO,GAAG,QAAQ;IAChD,CAAC;IACD,OAAO;MACLgB,YAAY;MACZ,IAAI,CAAChB,QAAQ,IAAI;QACfkB,aAAa,EAAE;UACb/B,SAAS;UACT8B,KAAK,EAAEhB,SAAS,CAAC,SAAS,CAAC;UAC3BkB,QAAQ,EAAE,MAAM;UAChB1C,QAAQ,EAAEoC,iBAAiB;UAC3BO,KAAK,EAAEnD,MAAM,CAACoD;QAChB;MACF,CAAC;IACH,CAAC;EACH,CAAC,EAAE,CAACb,YAAY,EAAErB,SAAS,EAAEc,SAAS,EAAEY,iBAAiB,EAAEb,QAAQ,CAAC,CAAC;EAErE,IAAI,CAACf,MAAM,EAAE,OAAO,IAAI;EAExB,oBACEvB,KAAA,CAAAgB,aAAA,CAACX,SAAS;IACRO,KAAK,EAAE2B,SAAS,CAAC,mBAAmB,CAAE;IACtCqB,WAAW,EAAErB,SAAS,CAAC,yBAAyB,CAAE;IAClDhB,MAAM,EAAEA,MAAO;IACfG,OAAO,EAAEqB,WAAY;IACrBM,MAAM,EAAEA,MAAO;IACfQ,UAAU,EAAE;MACVC,IAAI,EAAE,UAAU;MAChBC,eAAe,EAAE;IACnB,CAAE;IACFvB,eAAe,EAAEA;EAAgB,gBAEjCxC,KAAA,CAAAgB,aAAA;IAAKC,SAAS,EAAEP,KAAK,CAACsD;EAAiB,gBACrChE,KAAA,CAAAgB,aAAA;IAAKC,SAAS,EAAEP,KAAK,CAACuD;EAAkB,GACrCtD,gBAAgB,CAAC;IAChBC,KAAK,EAAEoB,aAAa;IACpBnB,UAAU,EAAEgB,eAAe;IAC3Bf,aAAa,EAAEiB,cAAc;IAC7BhB,QAAQ,EAAE;EACZ,CAAC,CAAC,eAEFf,KAAA,CAAAgB,aAAA;IAAKC,SAAS,EAAEP,KAAK,CAACwD;EAAU,CAAE,CAAC,EAElCvD,gBAAgB,CAAC;IAChBC,KAAK,EAAEyB,cAAc;IACrBxB,UAAU,EAAE;MACV,GAAGqB,eAAe;MAClBS,KAAK,EAAEF,UAAU;MACjB0B,QAAQ,EAAEnB;IACZ,CAAC;IACDlC,aAAa,EAAE;MACb,GAAGqB,cAAc;MACjBQ,KAAK,EAAEC,aAAa;MACpBuB,QAAQ,EAAEjB;IACZ,CAAC;IACDnC,QAAQ,EAAEuB;EACZ,CAAC,CACE,CACF,CACI,CAAC;AAEhB,CAAC;AAEDlB,gBAAgB,CAACgD,YAAY,GAAG;EAC9B7B,SAAS,EAAEjC,QAAQ,CAAC+D,iBAAiB,CAAC9B;AACxC,CAAC;AAEDnB,gBAAgB,CAACkD,SAAS,GAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA,oBAAG;EAC3BlD,MAAM,EAAEnB,SAAS,CAACsE,IAAI;EACtBlD,QAAQ,EAAEpB,SAAS,CAACuE,IAAI;EACxBlD,SAAS,EAAErB,SAAS,CAACuE,IAAI;EACzBjD,OAAO,EAAEtB,SAAS,CAACuE,IAAI;EACvBhD,MAAM,EAAEvB,SAAS,CAACwE,KAAK,CAAC;IACtBhD,SAAS,EAAExB,SAAS,CAACwE,KAAK,CAAC;MACzB,GAAGpE,SAAS,CAAC8D,SAAS;MACtBO,KAAK,EAAEzE,SAAS,CAAC0E;IACnB,CAAC,CAAC;IACFhD,QAAQ,EAAE1B,SAAS,CAACwE,KAAK,CAAC;MACxB,GAAGnE,QAAQ,CAAC6D,SAAS;MACrBO,KAAK,EAAEzE,SAAS,CAAC0E;IACnB,CAAC,CAAC;IACF9C,aAAa,EAAE5B,SAAS,CAAC0E;EAC3B,CAAC,CAAC;EACF7C,MAAM,EAAE7B,SAAS,CAACwE,KAAK,CAAC;IACtBhD,SAAS,EAAExB,SAAS,CAACwE,KAAK,CAAC;MACzB,GAAGpE,SAAS,CAAC8D,SAAS;MACtBO,KAAK,EAAEzE,SAAS,CAAC0E;IACnB,CAAC,CAAC;IACFhD,QAAQ,EAAE1B,SAAS,CAACwE,KAAK,CAAC;MACxB,GAAGnE,QAAQ,CAAC6D,SAAS;MACrBO,KAAK,EAAEzE,SAAS,CAAC0E;IACnB,CAAC,CAAC;IACF1C,QAAQ,EAAEhC,SAAS,CAAC0E;EACtB,CAAC,CAAC;EACFxC,QAAQ,EAAElC,SAAS,CAACsE;AACtB,CAAC;AAED,eAAetD,gBAAgB","ignoreList":[]}
1
+ {"version":3,"file":"index.js","names":["React","useMemo","useCallback","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","handleCancel","handleClose","isValid","value","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, 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 handleCancel = useCallback(() => {\n onCancel();\n }, [onCancel]);\n\n const handleClose = useCallback(() => {\n onClose();\n }, [onClose]);\n\n const isValid = !targetInputText.value || !targetTextArea.value;\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: !isValid,\n color: COLORS.cm_primary_blue\n }\n })\n };\n }, [handleCancel, onConfirm, translate, readOnly, isValid]);\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: targetInputText,\n textAreaProps: targetTextArea,\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,gFAoGC"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/molecule/translation-modal/index.js"],"names":[],"mappings":";AAmBA,gFA+EC"}
@@ -52,23 +52,13 @@ const TranslationModal = (props, context) => {
52
52
  translate
53
53
  } = context;
54
54
  const detectScrollbar = true;
55
- const [inputValue, setInputValue] = (0, _react.useState)(targetInputText?.value || '');
56
- const [textAreaValue, setTextAreaValue] = (0, _react.useState)(targetTextArea?.value || '');
57
55
  const handleCancel = (0, _react.useCallback)(() => {
58
56
  onCancel();
59
57
  }, [onCancel]);
60
58
  const handleClose = (0, _react.useCallback)(() => {
61
59
  onClose();
62
60
  }, [onClose]);
63
- const handleInputChange = (0, _react.useCallback)(e => {
64
- setInputValue(e.target.value);
65
- }, []);
66
- const handleTextAreaChange = (0, _react.useCallback)(e => {
67
- setTextAreaValue(e.target.value);
68
- }, []);
69
- const isConfirmDisabled = (0, _react.useMemo)(() => {
70
- return !inputValue.trim() || !textAreaValue.trim();
71
- }, [inputValue, textAreaValue]);
61
+ const isValid = !targetInputText.value || !targetTextArea.value;
72
62
  const footer = (0, _react.useMemo)(() => {
73
63
  const cancelButton = {
74
64
  onCancel: handleCancel,
@@ -81,12 +71,12 @@ const TranslationModal = (props, context) => {
81
71
  onConfirm,
82
72
  label: translate('confirm'),
83
73
  iconName: 'plus',
84
- disabled: isConfirmDisabled,
74
+ disabled: !isValid,
85
75
  color: _colors.COLORS.cm_primary_blue
86
76
  }
87
77
  })
88
78
  };
89
- }, [handleCancel, onConfirm, translate, isConfirmDisabled, readOnly]);
79
+ }, [handleCancel, onConfirm, translate, readOnly, isValid]);
90
80
  if (!isOpen) return null;
91
81
  return /*#__PURE__*/_react.default.createElement(_baseModal.default, {
92
82
  title: translate('translation_title'),
@@ -112,16 +102,8 @@ const TranslationModal = (props, context) => {
112
102
  className: _style.default.separator
113
103
  }), renderInputGroup({
114
104
  title: outputLanguage,
115
- inputProps: {
116
- ...targetInputText,
117
- value: inputValue,
118
- onChange: handleInputChange
119
- },
120
- textAreaProps: {
121
- ...targetTextArea,
122
- value: textAreaValue,
123
- onChange: handleTextAreaChange
124
- },
105
+ inputProps: targetInputText,
106
+ textAreaProps: targetTextArea,
125
107
  disabled: readOnly
126
108
  }))));
127
109
  };
@@ -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","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":[]}
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","handleCancel","useCallback","handleClose","isValid","value","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, 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 handleCancel = useCallback(() => {\n onCancel();\n }, [onCancel]);\n\n const handleClose = useCallback(() => {\n onClose();\n }, [onClose]);\n\n const isValid = !targetInputText.value || !targetTextArea.value;\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: !isValid,\n color: COLORS.cm_primary_blue\n }\n })\n };\n }, [handleCancel, onConfirm, translate, readOnly, isValid]);\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: targetInputText,\n textAreaProps: targetTextArea,\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/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@coorpacademy/components",
3
- "version": "11.34.2-alpha.75+c35f96e82",
3
+ "version": "11.34.2-alpha.76+75786a885",
4
4
  "description": "",
5
5
  "main": "lib/index.js",
6
6
  "module": "es/index.js",
@@ -165,5 +165,5 @@
165
165
  "last 2 versions",
166
166
  "IE 11"
167
167
  ],
168
- "gitHead": "c35f96e826527bbc03dd1eac62040da3896ef7d5"
168
+ "gitHead": "75786a8856ce56f32d2da01fcca0aaf0164c2786"
169
169
  }