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

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.
@@ -9,6 +9,7 @@ declare namespace TranslationModal {
9
9
  const onCancel: PropTypes.Requireable<(...args: any[]) => any>;
10
10
  const onConfirm: PropTypes.Requireable<(...args: any[]) => any>;
11
11
  const onClose: PropTypes.Requireable<(...args: any[]) => any>;
12
+ const disabled: PropTypes.Requireable<boolean>;
12
13
  const source: PropTypes.Requireable<PropTypes.InferProps<{
13
14
  inputText: PropTypes.Requireable<PropTypes.InferProps<{
14
15
  theme: PropTypes.Requireable<string>;
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/molecule/translation-modal/index.js"],"names":[],"mappings":";AAmBA,gFA+EC"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/molecule/translation-modal/index.js"],"names":[],"mappings":";AAmBA,gFA8EC"}
@@ -29,6 +29,7 @@ const TranslationModal = (props, context) => {
29
29
  onCancel,
30
30
  onConfirm,
31
31
  onClose,
32
+ disabled = false,
32
33
  source: {
33
34
  inputText: sourceInputText,
34
35
  textArea: sourceTextArea,
@@ -51,7 +52,6 @@ const TranslationModal = (props, context) => {
51
52
  const handleClose = useCallback(() => {
52
53
  onClose();
53
54
  }, [onClose]);
54
- const isValid = !targetInputText.value || !targetTextArea.value;
55
55
  const footer = useMemo(() => {
56
56
  const cancelButton = {
57
57
  onCancel: handleCancel,
@@ -64,12 +64,12 @@ const TranslationModal = (props, context) => {
64
64
  onConfirm,
65
65
  label: translate('confirm'),
66
66
  iconName: 'plus',
67
- disabled: !isValid,
67
+ disabled,
68
68
  color: COLORS.cm_primary_blue
69
69
  }
70
70
  })
71
71
  };
72
- }, [handleCancel, onConfirm, translate, readOnly, isValid]);
72
+ }, [handleCancel, onConfirm, translate, readOnly, disabled]);
73
73
  if (!isOpen) return null;
74
74
  return /*#__PURE__*/React.createElement(BaseModal, {
75
75
  title: translate('translation_title'),
@@ -108,6 +108,7 @@ TranslationModal.propTypes = process.env.NODE_ENV !== "production" ? {
108
108
  onCancel: PropTypes.func,
109
109
  onConfirm: PropTypes.func,
110
110
  onClose: PropTypes.func,
111
+ disabled: PropTypes.bool,
111
112
  source: PropTypes.shape({
112
113
  inputText: PropTypes.shape({
113
114
  ...InputText.propTypes,
@@ -1 +1 @@
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
+ {"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","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 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: 'plus',\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 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 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":[]}
@@ -2779,6 +2779,7 @@ declare namespace BrandUpdate {
2779
2779
  onCancel: PropTypes.Requireable<(...args: any[]) => any>;
2780
2780
  onConfirm: PropTypes.Requireable<(...args: any[]) => any>;
2781
2781
  onClose: PropTypes.Requireable<(...args: any[]) => any>;
2782
+ disabled: PropTypes.Requireable<boolean>;
2782
2783
  source: PropTypes.Requireable<PropTypes.InferProps<{
2783
2784
  inputText: PropTypes.Requireable<PropTypes.InferProps<{
2784
2785
  theme: PropTypes.Requireable<string>;
@@ -9,6 +9,7 @@ declare namespace TranslationModal {
9
9
  const onCancel: PropTypes.Requireable<(...args: any[]) => any>;
10
10
  const onConfirm: PropTypes.Requireable<(...args: any[]) => any>;
11
11
  const onClose: PropTypes.Requireable<(...args: any[]) => any>;
12
+ const disabled: PropTypes.Requireable<boolean>;
12
13
  const source: PropTypes.Requireable<PropTypes.InferProps<{
13
14
  inputText: PropTypes.Requireable<PropTypes.InferProps<{
14
15
  theme: PropTypes.Requireable<string>;
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/molecule/translation-modal/index.js"],"names":[],"mappings":";AAmBA,gFA+EC"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/molecule/translation-modal/index.js"],"names":[],"mappings":";AAmBA,gFA8EC"}
@@ -36,6 +36,7 @@ const TranslationModal = (props, context) => {
36
36
  onCancel,
37
37
  onConfirm,
38
38
  onClose,
39
+ disabled = false,
39
40
  source: {
40
41
  inputText: sourceInputText,
41
42
  textArea: sourceTextArea,
@@ -58,7 +59,6 @@ const TranslationModal = (props, context) => {
58
59
  const handleClose = (0, _react.useCallback)(() => {
59
60
  onClose();
60
61
  }, [onClose]);
61
- const isValid = !targetInputText.value || !targetTextArea.value;
62
62
  const footer = (0, _react.useMemo)(() => {
63
63
  const cancelButton = {
64
64
  onCancel: handleCancel,
@@ -71,12 +71,12 @@ const TranslationModal = (props, context) => {
71
71
  onConfirm,
72
72
  label: translate('confirm'),
73
73
  iconName: 'plus',
74
- disabled: !isValid,
74
+ disabled,
75
75
  color: _colors.COLORS.cm_primary_blue
76
76
  }
77
77
  })
78
78
  };
79
- }, [handleCancel, onConfirm, translate, readOnly, isValid]);
79
+ }, [handleCancel, onConfirm, translate, readOnly, disabled]);
80
80
  if (!isOpen) return null;
81
81
  return /*#__PURE__*/_react.default.createElement(_baseModal.default, {
82
82
  title: translate('translation_title'),
@@ -115,6 +115,7 @@ TranslationModal.propTypes = process.env.NODE_ENV !== "production" ? {
115
115
  onCancel: _propTypes.default.func,
116
116
  onConfirm: _propTypes.default.func,
117
117
  onClose: _propTypes.default.func,
118
+ disabled: _propTypes.default.bool,
118
119
  source: _propTypes.default.shape({
119
120
  inputText: _propTypes.default.shape({
120
121
  ..._inputText.default.propTypes,
@@ -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","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":[]}
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","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 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: 'plus',\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 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 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":[]}
@@ -2779,6 +2779,7 @@ declare namespace BrandUpdate {
2779
2779
  onCancel: PropTypes.Requireable<(...args: any[]) => any>;
2780
2780
  onConfirm: PropTypes.Requireable<(...args: any[]) => any>;
2781
2781
  onClose: PropTypes.Requireable<(...args: any[]) => any>;
2782
+ disabled: PropTypes.Requireable<boolean>;
2782
2783
  source: PropTypes.Requireable<PropTypes.InferProps<{
2783
2784
  inputText: PropTypes.Requireable<PropTypes.InferProps<{
2784
2785
  theme: PropTypes.Requireable<string>;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@coorpacademy/components",
3
- "version": "11.34.2-alpha.76+75786a885",
3
+ "version": "11.34.2-alpha.78+31103a344",
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": "75786a8856ce56f32d2da01fcca0aaf0164c2786"
168
+ "gitHead": "31103a3440219dba1e1dc966d5d3ab15037cecc6"
169
169
  }