@coorpacademy/components 11.34.4 → 11.34.5-alpha.8

package/es/organism/icon-editor/index.d.ts

@@ -7,14 +7,14 @@ declare const IconEditor: {
         translate: import("prop-types").Requireable<(...args: any[]) => any>;
     };
     propTypes: {
-        iconPreview: import("prop-types").Requireable<import("prop-types").InferProps<{
+        iconPreview: import("prop-types").Validator<NonNullable<import("prop-types").InferProps<{
             title: import("prop-types").Requireable<string>;
             icon: import("prop-types").Validator<NonNullable<import("prop-types").InferProps<{
                 name: import("prop-types").Validator<string>;
                 color: import("prop-types").Requireable<string>;
             }>>>;
-        }>>;
-        inputText: import("prop-types").Requireable<import("prop-types").InferProps<{
+        }>>>;
+        inputText: import("prop-types").Validator<NonNullable<import("prop-types").InferProps<{
             autoFocus: import("prop-types").Requireable<boolean>;
             title: import("prop-types").Requireable<string>;
             placeholder: import("prop-types").Requireable<string>;
@@ -32,7 +32,7 @@ declare const IconEditor: {
             'aria-label': import("prop-types").Requireable<string>;
             'data-name': import("prop-types").Requireable<string>;
             inputColor: import("prop-types").Requireable<boolean>;
-        }>>;
+        }>>>;
         buttonLink: import("prop-types").Requireable<import("prop-types").InferProps<{
             type: import("prop-types").Requireable<string>;
             usage: import("prop-types").Requireable<string>;

package/es/organism/icon-editor/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/organism/icon-editor/index.tsx"],"names":[],"mappings":";AAMA,OAAO,KAAK,EAAC,gBAAgB,EAAC,MAAM,iCAAiC,CAAC;AAGtE,OAAkB,EAAC,eAAe,EAAC,MAAM,SAAS,CAAC;AAEnD,QAAA,MAAM,UAAU;YAAW,eAAe,iBAAiB,gBAAgB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA8B1E,CAAC;AAQF,eAAe,UAAU,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/organism/icon-editor/index.tsx"],"names":[],"mappings":";AAKA,OAAO,KAAK,EAAC,gBAAgB,EAAC,MAAM,iCAAiC,CAAC;AAGtE,OAAkB,EAAC,eAAe,EAAC,MAAM,SAAS,CAAC;AAEnD,QAAA,MAAM,UAAU;YAAW,eAAe,iBAAiB,gBAAgB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAyB1E,CAAC;AAQF,eAAe,UAAU,CAAC"}

package/es/organism/icon-editor/index.js

@@ -3,7 +3,6 @@ import IconPreview from '../../molecule/icon-preview';
 import InputText from '../../atom/input-text';
 import ButtonLink from '../../atom/button-link';
 import Provider, { GetTranslateFromContext } from '../../atom/provider';
-import { validateColor } from '../../util/validate-color';
 import { COLORS } from '../../variables/colors';
 import style from './style.css';
 import propTypes from './types';
@@ -18,28 +17,24 @@ const IconEditor = (props, legacyContext) => {
     title,
     icon
   } = iconPreview;
-  const isValidColor = validateColor(icon.color);
+  const inputTextProps = {
+    ...inputText,
+    type: 'text',
+    title: translate('icon_editor_color'),
+    placeholder: COLORS.white,
+    theme: 'coorpmanager',
+    disabled: false,
+    valid: false,
+    inputColor: true
+  };
   return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(IconPreview, {
     icon: {
-      ...icon,
-      color: isValidColor ? icon.color : COLORS.white
+      ...icon
     },
     title: title
   }), /*#__PURE__*/React.createElement("div", {
     className: style.inputButtonContainer
-  }, /*#__PURE__*/React.createElement(InputText, {
-    type: "text",
-    title: translate('icon_editor_color'),
-    placeholder: COLORS.white,
-    theme: "coorpmanager",
-    description: translate('icon_editor_color'),
-    value: icon.color,
-    error: icon.color && !isValidColor ? translate('invalid_color') : undefined,
-    disabled: false,
-    valid: false,
-    onChange: inputText.handleChange,
-    inputColor: true
-  }), /*#__PURE__*/React.createElement(ButtonLink, buttonLink)));
+  }, /*#__PURE__*/React.createElement(InputText, inputTextProps), buttonLink ? /*#__PURE__*/React.createElement(ButtonLink, buttonLink) : null));
 };
 IconEditor.contextTypes = {
   translate: Provider.childContextTypes.translate

package/es/organism/icon-editor/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","IconPreview","InputText","ButtonLink","Provider","GetTranslateFromContext","validateColor","COLORS","style","propTypes","IconEditor","props","legacyContext","translate","iconPreview","inputText","buttonLink","title","icon","isValidColor","color","createElement","Fragment","white","className","inputButtonContainer","type","placeholder","theme","description","value","error","undefined","disabled","valid","onChange","handleChange","inputColor","contextTypes","childContextTypes","process","env","NODE_ENV"],"sources":["../../../src/organism/icon-editor/index.tsx"],"sourcesContent":["import React from 'react';\nimport IconPreview from '../../molecule/icon-preview';\nimport InputText from '../../atom/input-text';\nimport ButtonLink from '../../atom/button-link';\nimport Provider, {GetTranslateFromContext} from '../../atom/provider';\nimport {validateColor} from '../../util/validate-color';\nimport type {WebContextValues} from '../../atom/provider/web-context';\nimport {COLORS} from '../../variables/colors';\nimport style from './style.css';\nimport propTypes, {IconEditorProps} from './types';\n\nconst IconEditor = (props: IconEditorProps, legacyContext: WebContextValues) => {\n  const translate = GetTranslateFromContext(legacyContext);\n  const {iconPreview, inputText, buttonLink} = props;\n  const {title, icon} = iconPreview;\n\n  const isValidColor = validateColor(icon.color);\n  return (\n    <>\n      <IconPreview\n        icon={{...icon, color: isValidColor ? icon.color : COLORS.white}}\n        title={title}\n      />\n      <div className={style.inputButtonContainer}>\n        <InputText\n          type=\"text\"\n          title={translate('icon_editor_color')}\n          placeholder={COLORS.white}\n          theme=\"coorpmanager\"\n          description={translate('icon_editor_color')}\n          value={icon.color}\n          error={icon.color && !isValidColor ? translate('invalid_color') : undefined}\n          disabled={false}\n          valid={false}\n          onChange={inputText.handleChange}\n          inputColor\n        />\n        <ButtonLink {...buttonLink} />\n      </div>\n    </>\n  );\n};\n\nIconEditor.contextTypes = {\n  translate: Provider.childContextTypes.translate\n};\n\nIconEditor.propTypes = propTypes;\n\nexport default IconEditor;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,WAAW,MAAM,6BAA6B;AACrD,OAAOC,SAAS,MAAM,uBAAuB;AAC7C,OAAOC,UAAU,MAAM,wBAAwB;AAC/C,OAAOC,QAAQ,IAAGC,uBAAuB,QAAO,qBAAqB;AACrE,SAAQC,aAAa,QAAO,2BAA2B;AAEvD,SAAQC,MAAM,QAAO,wBAAwB;AAC7C,OAAOC,KAAK,MAAM,aAAa;AAC/B,OAAOC,SAAS,MAAyB,SAAS;AAElD,MAAMC,UAAU,GAAGA,CAACC,KAAsB,EAAEC,aAA+B,KAAK;EAC9E,MAAMC,SAAS,GAAGR,uBAAuB,CAACO,aAAa,CAAC;EACxD,MAAM;IAACE,WAAW;IAAEC,SAAS;IAAEC;EAAU,CAAC,GAAGL,KAAK;EAClD,MAAM;IAACM,KAAK;IAAEC;EAAI,CAAC,GAAGJ,WAAW;EAEjC,MAAMK,YAAY,GAAGb,aAAa,CAACY,IAAI,CAACE,KAAK,CAAC;EAC9C,oBACEpB,KAAA,CAAAqB,aAAA,CAAArB,KAAA,CAAAsB,QAAA,qBACEtB,KAAA,CAAAqB,aAAA,CAACpB,WAAW;IACViB,IAAI,EAAE;MAAC,GAAGA,IAAI;MAAEE,KAAK,EAAED,YAAY,GAAGD,IAAI,CAACE,KAAK,GAAGb,MAAM,CAACgB;IAAK,CAAE;IACjEN,KAAK,EAAEA;EAAM,CACd,CAAC,eACFjB,KAAA,CAAAqB,aAAA;IAAKG,SAAS,EAAEhB,KAAK,CAACiB;EAAqB,gBACzCzB,KAAA,CAAAqB,aAAA,CAACnB,SAAS;IACRwB,IAAI,EAAC,MAAM;IACXT,KAAK,EAAEJ,SAAS,CAAC,mBAAmB,CAAE;IACtCc,WAAW,EAAEpB,MAAM,CAACgB,KAAM;IAC1BK,KAAK,EAAC,cAAc;IACpBC,WAAW,EAAEhB,SAAS,CAAC,mBAAmB,CAAE;IAC5CiB,KAAK,EAAEZ,IAAI,CAACE,KAAM;IAClBW,KAAK,EAAEb,IAAI,CAACE,KAAK,IAAI,CAACD,YAAY,GAAGN,SAAS,CAAC,eAAe,CAAC,GAAGmB,SAAU;IAC5EC,QAAQ,EAAE,KAAM;IAChBC,KAAK,EAAE,KAAM;IACbC,QAAQ,EAAEpB,SAAS,CAACqB,YAAa;IACjCC,UAAU;EAAA,CACX,CAAC,eACFrC,KAAA,CAAAqB,aAAA,CAAClB,UAAU,EAAKa,UAAa,CAC1B,CACL,CAAC;AAEP,CAAC;AAEDN,UAAU,CAAC4B,YAAY,GAAG;EACxBzB,SAAS,EAAET,QAAQ,CAACmC,iBAAiB,CAAC1B;AACxC,CAAC;AAEDH,UAAU,CAACD,SAAS,GAAA+B,OAAA,CAAAC,GAAA,CAAAC,QAAA,oBAAGjC,SAAS;AAEhC,eAAeC,UAAU","ignoreList":[]}
+{"version":3,"file":"index.js","names":["React","IconPreview","InputText","ButtonLink","Provider","GetTranslateFromContext","COLORS","style","propTypes","IconEditor","props","legacyContext","translate","iconPreview","inputText","buttonLink","title","icon","inputTextProps","type","placeholder","white","theme","disabled","valid","inputColor","createElement","Fragment","className","inputButtonContainer","contextTypes","childContextTypes","process","env","NODE_ENV"],"sources":["../../../src/organism/icon-editor/index.tsx"],"sourcesContent":["import React from 'react';\nimport IconPreview from '../../molecule/icon-preview';\nimport InputText from '../../atom/input-text';\nimport ButtonLink from '../../atom/button-link';\nimport Provider, {GetTranslateFromContext} from '../../atom/provider';\nimport type {WebContextValues} from '../../atom/provider/web-context';\nimport {COLORS} from '../../variables/colors';\nimport style from './style.css';\nimport propTypes, {IconEditorProps} from './types';\n\nconst IconEditor = (props: IconEditorProps, legacyContext: WebContextValues) => {\n  const translate = GetTranslateFromContext(legacyContext);\n  const {iconPreview, inputText, buttonLink} = props;\n  const {title, icon} = iconPreview;\n\n  const inputTextProps = {\n    ...inputText,\n    type: 'text',\n    title: translate('icon_editor_color'),\n    placeholder: COLORS.white,\n    theme: 'coorpmanager',\n    disabled: false,\n    valid: false,\n    inputColor: true\n  };\n\n  return (\n    <>\n      <IconPreview icon={{...icon}} title={title} />\n      <div className={style.inputButtonContainer}>\n        <InputText {...inputTextProps} />\n        {buttonLink ? <ButtonLink {...buttonLink} /> : null}\n      </div>\n    </>\n  );\n};\n\nIconEditor.contextTypes = {\n  translate: Provider.childContextTypes.translate\n};\n\nIconEditor.propTypes = propTypes;\n\nexport default IconEditor;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,WAAW,MAAM,6BAA6B;AACrD,OAAOC,SAAS,MAAM,uBAAuB;AAC7C,OAAOC,UAAU,MAAM,wBAAwB;AAC/C,OAAOC,QAAQ,IAAGC,uBAAuB,QAAO,qBAAqB;AAErE,SAAQC,MAAM,QAAO,wBAAwB;AAC7C,OAAOC,KAAK,MAAM,aAAa;AAC/B,OAAOC,SAAS,MAAyB,SAAS;AAElD,MAAMC,UAAU,GAAGA,CAACC,KAAsB,EAAEC,aAA+B,KAAK;EAC9E,MAAMC,SAAS,GAAGP,uBAAuB,CAACM,aAAa,CAAC;EACxD,MAAM;IAACE,WAAW;IAAEC,SAAS;IAAEC;EAAU,CAAC,GAAGL,KAAK;EAClD,MAAM;IAACM,KAAK;IAAEC;EAAI,CAAC,GAAGJ,WAAW;EAEjC,MAAMK,cAAc,GAAG;IACrB,GAAGJ,SAAS;IACZK,IAAI,EAAE,MAAM;IACZH,KAAK,EAAEJ,SAAS,CAAC,mBAAmB,CAAC;IACrCQ,WAAW,EAAEd,MAAM,CAACe,KAAK;IACzBC,KAAK,EAAE,cAAc;IACrBC,QAAQ,EAAE,KAAK;IACfC,KAAK,EAAE,KAAK;IACZC,UAAU,EAAE;EACd,CAAC;EAED,oBACEzB,KAAA,CAAA0B,aAAA,CAAA1B,KAAA,CAAA2B,QAAA,qBACE3B,KAAA,CAAA0B,aAAA,CAACzB,WAAW;IAACgB,IAAI,EAAE;MAAC,GAAGA;IAAI,CAAE;IAACD,KAAK,EAAEA;EAAM,CAAE,CAAC,eAC9ChB,KAAA,CAAA0B,aAAA;IAAKE,SAAS,EAAErB,KAAK,CAACsB;EAAqB,gBACzC7B,KAAA,CAAA0B,aAAA,CAACxB,SAAS,EAAKgB,cAAiB,CAAC,EAChCH,UAAU,gBAAGf,KAAA,CAAA0B,aAAA,CAACvB,UAAU,EAAKY,UAAa,CAAC,GAAG,IAC5C,CACL,CAAC;AAEP,CAAC;AAEDN,UAAU,CAACqB,YAAY,GAAG;EACxBlB,SAAS,EAAER,QAAQ,CAAC2B,iBAAiB,CAACnB;AACxC,CAAC;AAEDH,UAAU,CAACD,SAAS,GAAAwB,OAAA,CAAAC,GAAA,CAAAC,QAAA,oBAAG1B,SAAS;AAEhC,eAAeC,UAAU","ignoreList":[]}

package/es/organism/icon-editor/types.d.ts

@@ -4,14 +4,14 @@ import { IconPreviewProps } from '../../molecule/icon-preview/types';
 import InputText from '../../atom/input-text';
 import { ButtonLinkProps } from '../../atom/button-link/types';
 declare const IconEditorPropTypes: {
-    iconPreview: PropTypes.Requireable<PropTypes.InferProps<{
+    iconPreview: PropTypes.Validator<NonNullable<PropTypes.InferProps<{
         title: PropTypes.Requireable<string>;
         icon: PropTypes.Validator<NonNullable<PropTypes.InferProps<{
             name: PropTypes.Validator<string>;
             color: PropTypes.Requireable<string>;
         }>>>;
-    }>>;
-    inputText: PropTypes.Requireable<PropTypes.InferProps<{
+    }>>>;
+    inputText: PropTypes.Validator<NonNullable<PropTypes.InferProps<{
         autoFocus: PropTypes.Requireable<boolean>;
         title: PropTypes.Requireable<string>;
         placeholder: PropTypes.Requireable<string>;
@@ -29,7 +29,7 @@ declare const IconEditorPropTypes: {
         'aria-label': PropTypes.Requireable<string>;
         'data-name': PropTypes.Requireable<string>;
         inputColor: PropTypes.Requireable<boolean>;
-    }>>;
+    }>>>;
     buttonLink: PropTypes.Requireable<PropTypes.InferProps<{
         type: PropTypes.Requireable<string>;
         usage: PropTypes.Requireable<string>;

package/es/organism/icon-editor/types.js

@@ -3,8 +3,8 @@ import IconPreview from '../../molecule/icon-preview';
 import InputText from '../../atom/input-text';
 import ButtonLink from '../../atom/button-link';
 const IconEditorPropTypes = {
-  iconPreview: PropTypes.shape(IconPreview.propTypes),
-  inputText: PropTypes.shape(InputText.propTypes),
+  iconPreview: PropTypes.shape(IconPreview.propTypes).isRequired,
+  inputText: PropTypes.shape(InputText.propTypes).isRequired,
   buttonLink: PropTypes.shape(ButtonLink.propTypes)
 };
 export default IconEditorPropTypes;

package/es/organism/icon-editor/types.js.map

@@ -1 +1 @@
-{"version":3,"file":"types.js","names":["PropTypes","IconPreview","InputText","ButtonLink","IconEditorPropTypes","iconPreview","shape","propTypes","inputText","buttonLink"],"sources":["../../../src/organism/icon-editor/types.ts"],"sourcesContent":["import PropTypes from 'prop-types';\nimport {IconPreviewProps} from '../../molecule/icon-preview/types';\nimport IconPreview from '../../molecule/icon-preview';\nimport InputText from '../../atom/input-text';\nimport ButtonLink from '../../atom/button-link';\nimport {ButtonLinkProps} from '../../atom/button-link/types';\n\nconst IconEditorPropTypes = {\n  iconPreview: PropTypes.shape(IconPreview.propTypes),\n  inputText: PropTypes.shape(InputText.propTypes),\n  buttonLink: PropTypes.shape(ButtonLink.propTypes)\n};\n\nexport default IconEditorPropTypes;\n\nexport type IconEditorProps = {\n  iconPreview: IconPreviewProps;\n  inputText: React.ComponentProps<typeof InputText>;\n  buttonLink?: ButtonLinkProps;\n};\n"],"mappings":"AAAA,OAAOA,SAAS,MAAM,YAAY;AAElC,OAAOC,WAAW,MAAM,6BAA6B;AACrD,OAAOC,SAAS,MAAM,uBAAuB;AAC7C,OAAOC,UAAU,MAAM,wBAAwB;AAG/C,MAAMC,mBAAmB,GAAG;EAC1BC,WAAW,EAAEL,SAAS,CAACM,KAAK,CAACL,WAAW,CAACM,SAAS,CAAC;EACnDC,SAAS,EAAER,SAAS,CAACM,KAAK,CAACJ,SAAS,CAACK,SAAS,CAAC;EAC/CE,UAAU,EAAET,SAAS,CAACM,KAAK,CAACH,UAAU,CAACI,SAAS;AAClD,CAAC;AAED,eAAeH,mBAAmB","ignoreList":[]}
+{"version":3,"file":"types.js","names":["PropTypes","IconPreview","InputText","ButtonLink","IconEditorPropTypes","iconPreview","shape","propTypes","isRequired","inputText","buttonLink"],"sources":["../../../src/organism/icon-editor/types.ts"],"sourcesContent":["import PropTypes from 'prop-types';\nimport {IconPreviewProps} from '../../molecule/icon-preview/types';\nimport IconPreview from '../../molecule/icon-preview';\nimport InputText from '../../atom/input-text';\nimport ButtonLink from '../../atom/button-link';\nimport {ButtonLinkProps} from '../../atom/button-link/types';\n\nconst IconEditorPropTypes = {\n  iconPreview: PropTypes.shape(IconPreview.propTypes).isRequired,\n  inputText: PropTypes.shape(InputText.propTypes).isRequired,\n  buttonLink: PropTypes.shape(ButtonLink.propTypes)\n};\n\nexport default IconEditorPropTypes;\n\nexport type IconEditorProps = {\n  iconPreview: IconPreviewProps;\n  inputText: React.ComponentProps<typeof InputText>;\n  buttonLink?: ButtonLinkProps;\n};\n"],"mappings":"AAAA,OAAOA,SAAS,MAAM,YAAY;AAElC,OAAOC,WAAW,MAAM,6BAA6B;AACrD,OAAOC,SAAS,MAAM,uBAAuB;AAC7C,OAAOC,UAAU,MAAM,wBAAwB;AAG/C,MAAMC,mBAAmB,GAAG;EAC1BC,WAAW,EAAEL,SAAS,CAACM,KAAK,CAACL,WAAW,CAACM,SAAS,CAAC,CAACC,UAAU;EAC9DC,SAAS,EAAET,SAAS,CAACM,KAAK,CAACJ,SAAS,CAACK,SAAS,CAAC,CAACC,UAAU;EAC1DE,UAAU,EAAEV,SAAS,CAACM,KAAK,CAACH,UAAU,CAACI,SAAS;AAClD,CAAC;AAED,eAAeH,mBAAmB","ignoreList":[]}