@coorpacademy/components 11.35.2-forcedeploy.13 → 11.35.2

package/lib/molecule/progress-wrapper/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["_react","_interopRequireWildcard","require","_classnames","_interopRequireDefault","_propTypes","_cssColorFunction","_title","_progressBar","_colors","_tag","_buttonLink","_icon","_provider","_style","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","_extends","assign","bind","arguments","length","apply","uncappedMap","_map2","convert","cap","DetailSection","index","type","isLocked","downloadUrl","stars","context","translate","skin","GetSkinFromContext","primarySkinColor","_get2","isTypeStars","downloadButtonProps","label","link","target","href","customStyle","backgroundColor","color","width","transition","hoverBackgroundColor","hoverColor","COLORS","white","icon","position","faIcon","name","size","padding","disabled","createElement","className","style","detailsInfo","detailsInfoText","detailsTitle","iconName","iconColor","preset","img","src","buttonContainer","ProgressWrapper","completedModules","mandatoryModules","title","subtitle","progression","sections","mandatoryCompletedModulesLocale","total","count","showDetails","setShowDetails","useState","handleToggleDetails","useCallback","container","titleContainer","titleSize","statscontainer","stats","dangerouslySetInnerHTML","__html","statsNumber","customProgressBar","cm_positive_500","displayInfo","value","max","statsProgressionMobile","_isEmpty2","Fragment","toggleDetailsButton","onClick","toggleDetailsLabel","toggleDetailsTitle","cm_grey_500","cm_grey_700","faSize","wrapperSize","classNames","details","visibleDetails","hiddenDetails","section","key","commonDetailSectionPropTypes","process","env","NODE_ENV","PropTypes","oneOf","string","number","contextTypes","Provider","childContextTypes","propTypes","bool","arrayOf","shape","_default","exports"],"sources":["../../../src/molecule/progress-wrapper/index.js"],"sourcesContent":["import React, {useCallback, useState} from 'react';\nimport classNames from 'classnames';\nimport PropTypes from 'prop-types';\nimport {convert} from 'css-color-function';\nimport {isEmpty, map, get} from 'lodash/fp';\nimport Title from '../../atom/title';\nimport ProgressBar from '../progress-bar';\nimport {COLORS} from '../../variables/colors';\nimport Tag from '../../atom/tag';\nimport ButtonLink from '../../atom/button-link';\nimport Icon from '../../atom/icon';\nimport Provider, {GetSkinFromContext} from '../../atom/provider';\n// eslint-disable-next-line css-modules/no-unused-class\nimport style from './style.css';\n\nconst uncappedMap = map.convert({cap: false});\n\nconst DetailSection = ({index, type, isLocked, downloadUrl, stars}, context) => {\n  const {translate} = context;\n  const skin = GetSkinFromContext(context);\n  const primarySkinColor = get('common.primary', skin);\n  const isTypeStars = type === 'stars';\n\n  const downloadButtonProps = {\n    label: translate('download'),\n    link: {\n      target: '_blank',\n      href: downloadUrl\n    },\n    'data-name': `download-${type}-button`,\n    'aria-label': `download ${type} button`,\n    customStyle: {\n      backgroundColor: convert(`color(${primarySkinColor} a(0.07))`),\n      color: primarySkinColor,\n      width: 'auto',\n      transition: 'background-color 0.15s ease-in-out, color 0.15s ease-in-out'\n    },\n    hoverBackgroundColor: primarySkinColor,\n    hoverColor: COLORS.white,\n    icon: {\n      position: 'left',\n      faIcon: {\n        name: 'download',\n        color: primarySkinColor,\n        size: 14,\n        customStyle: {padding: 0}\n      }\n    },\n    disabled: isLocked\n  };\n\n  return isTypeStars ? (\n    <div\n      className={style[`detailsSection${index}`]}\n      data-name={type}\n      aria-label={`${type} informations`}\n    >\n      <div className={style.detailsInfo}>\n        <div className={style.detailsInfoText}>\n          <span className={style.detailsTitle}>{translate('bonus_stars')}</span>\n        </div>\n        <div className={style.stars}>\n          <Icon iconName=\"star\" iconColor=\"#FFCE0A\" backgroundColor=\"#FFF9D1\" preset=\"xl\" />\n          <span>{stars}</span>\n        </div>\n      </div>\n    </div>\n  ) : (\n    <div\n      className={style[`detailsSection${index}`]}\n      data-name={type}\n      aria-label={`${type} informations`}\n    >\n      <img\n        className={style.img}\n        src={\n          type === 'badge'\n            ? downloadUrl\n            : 'https://s3.eu-west-1.amazonaws.com/static.coorpacademy.com/assets/images/diploma.svg'\n        }\n      />\n      <div className={style.detailsInfo}>\n        <div className={style.detailsInfoText}>\n          <span className={style.detailsTitle}>\n            {type === 'diploma' ? translate('diploma') : translate('badge')}\n          </span>\n        </div>\n\n        <div className={style.buttonContainer}>\n          <ButtonLink {...downloadButtonProps} />\n        </div>\n      </div>\n    </div>\n  );\n};\n\nconst ProgressWrapper = (\n  {completedModules, mandatoryModules, title, subtitle, progression, sections},\n  context\n) => {\n  const {translate} = context;\n  const mandatoryCompletedModulesLocale = translate('modules_completed_mandatory', {\n    total: mandatoryModules,\n    count: completedModules > mandatoryModules ? mandatoryModules : completedModules\n  });\n  const isLocked = progression !== 100;\n\n  const [showDetails, setShowDetails] = useState(false);\n\n  const handleToggleDetails = useCallback(() => {\n    setShowDetails(!showDetails);\n  }, [showDetails]);\n  return (\n    <div\n      className={style.container}\n      data-name=\"prgress-wrapper\"\n      aria-label=\"progress wrapper section\"\n    >\n      <div className={style.titleContainer}>\n        <Title type=\"form-group\" titleSize=\"medium\" title={title} subtitle={subtitle} />\n      </div>\n      <div className={style.statscontainer}>\n        <div className={style.stats}>\n          <div\n            // eslint-disable-next-line react/no-danger\n            dangerouslySetInnerHTML={{__html: mandatoryCompletedModulesLocale}}\n          />\n        </div>\n        <div className={style.progression}>\n          <span className={style.statsNumber} data-name=\"progress-value\">\n            {progression}%\n          </span>\n        </div>\n      </div>\n      <ProgressBar\n        className={style.customProgressBar}\n        style={{backgroundColor: COLORS.cm_positive_500}}\n        displayInfo={false}\n        value={progression}\n        max={100}\n      />\n      <div className={style.statsProgressionMobile}>\n        <span className={style.statsNumber}>{progression}%</span>\n      </div>\n\n      {!isEmpty(sections) ? (\n        <>\n          <div\n            className={style.toggleDetailsButton}\n            onClick={handleToggleDetails}\n            data-testid=\"progress-wrapper-toggle-details-button\"\n          >\n            <div className={style.toggleDetailsLabel}>\n              <span className={style.toggleDetailsTitle}>{translate('rewards')}</span>\n              {isLocked ? (\n                <Tag\n                  label={translate('locked')}\n                  size=\"S\"\n                  icon={{\n                    position: 'left',\n                    iconName: 'lock',\n                    iconColor: COLORS.cm_grey_500,\n                    preset: 's',\n                    customStyle: {padding: 0}\n                  }}\n                />\n              ) : null}\n            </div>\n            <Icon\n              iconColor={COLORS.cm_grey_700}\n              iconName={showDetails ? 'chevron-up' : 'chevron-down'}\n              size={{faSize: 20, wrapperSize: 24}}\n            />\n          </div>\n\n          <div\n            className={classNames(\n              style.details,\n              showDetails ? style.visibleDetails : style.hiddenDetails\n            )}\n            data-testid=\"progress-wrapper-details\"\n          >\n            {uncappedMap(\n              (section, index) => (\n                <DetailSection\n                  {...section}\n                  isLocked={isLocked}\n                  key={`${section.type}-${index}`}\n                  index={index}\n                />\n              ),\n              sections\n            )}\n          </div>\n        </>\n      ) : null}\n    </div>\n  );\n};\n\nconst commonDetailSectionPropTypes = {\n  type: PropTypes.oneOf(['diploma', 'badge', 'stars']),\n  downloadUrl: PropTypes.string,\n  stars: PropTypes.number\n};\n\nDetailSection.contextTypes = {\n  translate: Provider.childContextTypes.translate,\n  skin: Provider.childContextTypes.skin\n};\n\nDetailSection.propTypes = {\n  index: PropTypes.number,\n  isLocked: PropTypes.bool,\n  ...commonDetailSectionPropTypes\n};\n\nProgressWrapper.contextTypes = {\n  translate: Provider.childContextTypes.translate\n};\n\nProgressWrapper.propTypes = {\n  title: PropTypes.string,\n  subtitle: PropTypes.string,\n  completedModules: PropTypes.number,\n  mandatoryModules: PropTypes.number,\n  progression: PropTypes.number,\n  sections: PropTypes.arrayOf(PropTypes.shape(commonDetailSectionPropTypes))\n};\n\nexport default ProgressWrapper;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.js","names":["_react","_interopRequireWildcard","require","_classnames","_interopRequireDefault","_propTypes","_cssColorFunction","_title","_progressBar","_colors","_tag","_buttonLink","_icon","_provider","_style","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","_extends","assign","bind","arguments","length","apply","uncappedMap","_map2","convert","cap","DetailSection","index","type","isLocked","downloadUrl","stars","context","translate","skin","GetSkinFromContext","primarySkinColor","_get2","isTypeStars","downloadButtonProps","label","link","target","href","customStyle","backgroundColor","color","width","transition","hoverBackgroundColor","hoverColor","COLORS","white","icon","position","faIcon","name","size","padding","disabled","createElement","className","style","detailsInfo","detailsInfoText","detailsTitle","iconName","iconColor","preset","img","src","buttonContainer","ProgressWrapper","completedModules","mandatoryModules","title","subtitle","progression","sections","mandatoryCompletedModulesLocale","total","count","showDetails","setShowDetails","useState","handleToggleDetails","useCallback","container","titleContainer","titleSize","statscontainer","stats","dangerouslySetInnerHTML","__html","statsNumber","customProgressBar","positive","displayInfo","value","max","statsProgressionMobile","_isEmpty2","Fragment","toggleDetailsButton","onClick","toggleDetailsLabel","toggleDetailsTitle","cm_grey_500","cm_grey_700","faSize","wrapperSize","classNames","details","visibleDetails","hiddenDetails","section","key","commonDetailSectionPropTypes","process","env","NODE_ENV","PropTypes","oneOf","string","number","contextTypes","Provider","childContextTypes","propTypes","bool","arrayOf","shape","_default","exports"],"sources":["../../../src/molecule/progress-wrapper/index.js"],"sourcesContent":["import React, {useCallback, useState} from 'react';\nimport classNames from 'classnames';\nimport PropTypes from 'prop-types';\nimport {convert} from 'css-color-function';\nimport {isEmpty, map, get} from 'lodash/fp';\nimport Title from '../../atom/title';\nimport ProgressBar from '../progress-bar';\nimport {COLORS} from '../../variables/colors';\nimport Tag from '../../atom/tag';\nimport ButtonLink from '../../atom/button-link';\nimport Icon from '../../atom/icon';\nimport Provider, {GetSkinFromContext} from '../../atom/provider';\n// eslint-disable-next-line css-modules/no-unused-class\nimport style from './style.css';\n\nconst uncappedMap = map.convert({cap: false});\n\nconst DetailSection = ({index, type, isLocked, downloadUrl, stars}, context) => {\n  const {translate} = context;\n  const skin = GetSkinFromContext(context);\n  const primarySkinColor = get('common.primary', skin);\n  const isTypeStars = type === 'stars';\n\n  const downloadButtonProps = {\n    label: translate('download'),\n    link: {\n      target: '_blank',\n      href: downloadUrl\n    },\n    'data-name': `download-${type}-button`,\n    'aria-label': `download ${type} button`,\n    customStyle: {\n      backgroundColor: convert(`color(${primarySkinColor} a(0.07))`),\n      color: primarySkinColor,\n      width: 'auto',\n      transition: 'background-color 0.15s ease-in-out, color 0.15s ease-in-out'\n    },\n    hoverBackgroundColor: primarySkinColor,\n    hoverColor: COLORS.white,\n    icon: {\n      position: 'left',\n      faIcon: {\n        name: 'download',\n        color: primarySkinColor,\n        size: 14,\n        customStyle: {padding: 0}\n      }\n    },\n    disabled: isLocked\n  };\n\n  return isTypeStars ? (\n    <div\n      className={style[`detailsSection${index}`]}\n      data-name={type}\n      aria-label={`${type} informations`}\n    >\n      <div className={style.detailsInfo}>\n        <div className={style.detailsInfoText}>\n          <span className={style.detailsTitle}>{translate('bonus_stars')}</span>\n        </div>\n        <div className={style.stars}>\n          <Icon iconName=\"star\" iconColor=\"#FFCE0A\" backgroundColor=\"#FFF9D1\" preset=\"xl\" />\n          <span>{stars}</span>\n        </div>\n      </div>\n    </div>\n  ) : (\n    <div\n      className={style[`detailsSection${index}`]}\n      data-name={type}\n      aria-label={`${type} informations`}\n    >\n      <img\n        className={style.img}\n        src={\n          type === 'badge'\n            ? downloadUrl\n            : 'https://s3.eu-west-1.amazonaws.com/static.coorpacademy.com/assets/images/diploma.svg'\n        }\n      />\n      <div className={style.detailsInfo}>\n        <div className={style.detailsInfoText}>\n          <span className={style.detailsTitle}>\n            {type === 'diploma' ? translate('diploma') : translate('badge')}\n          </span>\n        </div>\n\n        <div className={style.buttonContainer}>\n          <ButtonLink {...downloadButtonProps} />\n        </div>\n      </div>\n    </div>\n  );\n};\n\nconst ProgressWrapper = (\n  {completedModules, mandatoryModules, title, subtitle, progression, sections},\n  context\n) => {\n  const {translate} = context;\n  const mandatoryCompletedModulesLocale = translate('modules_completed_mandatory', {\n    total: mandatoryModules,\n    count: completedModules > mandatoryModules ? mandatoryModules : completedModules\n  });\n  const isLocked = progression !== 100;\n\n  const [showDetails, setShowDetails] = useState(false);\n\n  const handleToggleDetails = useCallback(() => {\n    setShowDetails(!showDetails);\n  }, [showDetails]);\n  return (\n    <div\n      className={style.container}\n      data-name=\"prgress-wrapper\"\n      aria-label=\"progress wrapper section\"\n    >\n      <div className={style.titleContainer}>\n        <Title type=\"form-group\" titleSize=\"medium\" title={title} subtitle={subtitle} />\n      </div>\n      <div className={style.statscontainer}>\n        <div className={style.stats}>\n          <div\n            // eslint-disable-next-line react/no-danger\n            dangerouslySetInnerHTML={{__html: mandatoryCompletedModulesLocale}}\n          />\n        </div>\n        <div className={style.progression}>\n          <span className={style.statsNumber} data-name=\"progress-value\">\n            {progression}%\n          </span>\n        </div>\n      </div>\n      <ProgressBar\n        className={style.customProgressBar}\n        style={{backgroundColor: COLORS.positive}}\n        displayInfo={false}\n        value={progression}\n        max={100}\n      />\n      <div className={style.statsProgressionMobile}>\n        <span className={style.statsNumber}>{progression}%</span>\n      </div>\n\n      {!isEmpty(sections) ? (\n        <>\n          <div\n            className={style.toggleDetailsButton}\n            onClick={handleToggleDetails}\n            data-testid=\"progress-wrapper-toggle-details-button\"\n          >\n            <div className={style.toggleDetailsLabel}>\n              <span className={style.toggleDetailsTitle}>{translate('rewards')}</span>\n              {isLocked ? (\n                <Tag\n                  label={translate('locked')}\n                  size=\"S\"\n                  icon={{\n                    position: 'left',\n                    iconName: 'lock',\n                    iconColor: COLORS.cm_grey_500,\n                    preset: 's',\n                    customStyle: {padding: 0}\n                  }}\n                />\n              ) : null}\n            </div>\n            <Icon\n              iconColor={COLORS.cm_grey_700}\n              iconName={showDetails ? 'chevron-up' : 'chevron-down'}\n              size={{faSize: 20, wrapperSize: 24}}\n            />\n          </div>\n\n          <div\n            className={classNames(\n              style.details,\n              showDetails ? style.visibleDetails : style.hiddenDetails\n            )}\n            data-testid=\"progress-wrapper-details\"\n          >\n            {uncappedMap(\n              (section, index) => (\n                <DetailSection\n                  {...section}\n                  isLocked={isLocked}\n                  key={`${section.type}-${index}`}\n                  index={index}\n                />\n              ),\n              sections\n            )}\n          </div>\n        </>\n      ) : null}\n    </div>\n  );\n};\n\nconst commonDetailSectionPropTypes = {\n  type: PropTypes.oneOf(['diploma', 'badge', 'stars']),\n  downloadUrl: PropTypes.string,\n  stars: PropTypes.number\n};\n\nDetailSection.contextTypes = {\n  translate: Provider.childContextTypes.translate,\n  skin: Provider.childContextTypes.skin\n};\n\nDetailSection.propTypes = {\n  index: PropTypes.number,\n  isLocked: PropTypes.bool,\n  ...commonDetailSectionPropTypes\n};\n\nProgressWrapper.contextTypes = {\n  translate: Provider.childContextTypes.translate\n};\n\nProgressWrapper.propTypes = {\n  title: PropTypes.string,\n  subtitle: PropTypes.string,\n  completedModules: PropTypes.number,\n  mandatoryModules: PropTypes.number,\n  progression: PropTypes.number,\n  sections: PropTypes.arrayOf(PropTypes.shape(commonDetailSectionPropTypes))\n};\n\nexport default ProgressWrapper;\n"],"mappings":"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","ignoreList":[]}

package/lib/molecule/skills-chart-side-information-item/index.d.ts

@@ -7,7 +7,7 @@ declare function SkillsChartSideInformationItem({ title, value, legend, icon: ic
 }): JSX.Element;
 declare namespace SkillsChartSideInformationItem {
     namespace propTypes {
-        const icon: PropTypes.Requireable<PropTypes.InferProps<PropTypes.ValidationMap<any>>>;
+        const icon: PropTypes.Requireable<PropTypes.InferProps<any>>;
         const title: PropTypes.Requireable<string>;
         const value: PropTypes.Requireable<string>;
         const legend: PropTypes.Requireable<string>;

package/lib/molecule/skills-chart-side-information-panel/index.d.ts

@@ -5,7 +5,7 @@ declare function SkillsChartSideInformationPanel({ sidePanelItems }: {
 declare namespace SkillsChartSideInformationPanel {
     namespace propTypes {
         const sidePanelItems: PropTypes.Requireable<(PropTypes.InferProps<{
-            icon: PropTypes.Requireable<PropTypes.InferProps<PropTypes.ValidationMap<any>>>;
+            icon: PropTypes.Requireable<PropTypes.InferProps<any>>;
             title: PropTypes.Requireable<string>;
             value: PropTypes.Requireable<string>;
             legend: PropTypes.Requireable<string>;

package/lib/molecule/title-and-checkbox-wrapper/index.d.ts

@@ -26,7 +26,7 @@ declare namespace TitleAndCheckBoxWrapper {
             'data-name': PropTypes.Requireable<string>;
             titleSize: PropTypes.Requireable<string>;
             subtitleSize: PropTypes.Requireable<string>;
-            icon: PropTypes.Requireable<PropTypes.InferProps<PropTypes.ValidationMap<any>>>;
+            icon: PropTypes.Requireable<PropTypes.InferProps<any>>;
             tag: PropTypes.Requireable<PropTypes.InferProps<{
                 label: PropTypes.Requireable<string>;
                 type: PropTypes.Requireable<string>;
@@ -34,17 +34,7 @@ declare namespace TitleAndCheckBoxWrapper {
                 customStyle: PropTypes.Requireable<{
                     [x: string]: NonNullable<string | number | null | undefined> | null | undefined;
                 }>;
-                icon: PropTypes.Requireable<PropTypes.InferProps<{
-                    position: PropTypes.Requireable<string>;
-                    iconName?: React.Validator<string> | undefined;
-                    iconColor?: React.Validator<string | null | undefined> | undefined;
-                    backgroundColor?: React.Validator<string | null | undefined> | undefined;
-                    gradientBackground?: React.Validator<boolean | null | undefined> | undefined;
-                    borderRadius?: React.Validator<string | null | undefined> | undefined;
-                    preset?: React.Validator<string | null | undefined> | undefined;
-                    size?: React.Validator<import("../../atom/icon").IconSize | null | undefined> | undefined;
-                    customStyle?: React.Validator<React.CSSProperties | null | undefined> | undefined;
-                }>>;
+                icon: PropTypes.Requireable<PropTypes.InferProps<any>>;
             }>>;
             button: PropTypes.Requireable<PropTypes.InferProps<{
                 type: PropTypes.Requireable<string>;
@@ -191,5 +181,4 @@ declare namespace TitleAndCheckBoxWrapper {
     }
 }
 import PropTypes from "prop-types";
-import React from "react";
 //# sourceMappingURL=index.d.ts.map

package/lib/molecule/title-radio-wrapper/index.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+/// <reference types="react" />
 import { TitleRadioWrapperProps } from './types';
 declare const TitleRadioWrapper: {
     (props: TitleRadioWrapperProps): JSX.Element;
@@ -11,7 +11,7 @@ declare const TitleRadioWrapper: {
                 'data-name': import("prop-types").Requireable<string>;
                 titleSize: import("prop-types").Requireable<string>;
                 subtitleSize: import("prop-types").Requireable<string>;
-                icon: import("prop-types").Requireable<import("prop-types").InferProps<import("prop-types").ValidationMap<any>>>;
+                icon: import("prop-types").Requireable<import("prop-types").InferProps<any>>;
                 tag: import("prop-types").Requireable<import("prop-types").InferProps<{
                     label: import("prop-types").Requireable<string>;
                     type: import("prop-types").Requireable<string>;
@@ -19,17 +19,7 @@ declare const TitleRadioWrapper: {
                     customStyle: import("prop-types").Requireable<{
                         [x: string]: NonNullable<string | number | null | undefined> | null | undefined;
                     }>;
-                    icon: import("prop-types").Requireable<import("prop-types").InferProps<{
-                        position: import("prop-types").Requireable<string>;
-                        iconName?: React.Validator<string> | undefined;
-                        iconColor?: React.Validator<string | null | undefined> | undefined;
-                        backgroundColor?: React.Validator<string | null | undefined> | undefined;
-                        gradientBackground?: React.Validator<boolean | null | undefined> | undefined;
-                        borderRadius?: React.Validator<string | null | undefined> | undefined;
-                        preset?: React.Validator<string | null | undefined> | undefined;
-                        size?: React.Validator<import("../../atom/icon").IconSize | null | undefined> | undefined;
-                        customStyle?: React.Validator<React.CSSProperties | null | undefined> | undefined;
-                    }>>;
+                    icon: import("prop-types").Requireable<import("prop-types").InferProps<any>>;
                 }>>;
                 button: import("prop-types").Requireable<import("prop-types").InferProps<{
                     type: import("prop-types").Requireable<string>;

package/lib/molecule/title-radio-wrapper/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/molecule/title-radio-wrapper/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,OAAkB,EAAC,sBAAsB,EAAC,MAAM,SAAS,CAAC;AAqB1D,QAAA,MAAM,iBAAiB;YAAW,sBAAsB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAQvD,CAAC;AAIF,eAAe,iBAAiB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/molecule/title-radio-wrapper/index.tsx"],"names":[],"mappings":";AAKA,OAAkB,EAAC,sBAAsB,EAAC,MAAM,SAAS,CAAC;AAqB1D,QAAA,MAAM,iBAAiB;YAAW,sBAAsB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAQvD,CAAC;AAIF,eAAe,iBAAiB,CAAC"}

package/lib/molecule/title-radio-wrapper/types.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import PropTypes from 'prop-types';
 import InputFileDraggable from '../../atom/input-file-draggable';
 import { RadioWithTitleProps } from '../../atom/radio-with-title/types';
@@ -12,7 +11,7 @@ declare const propTypes: {
             'data-name': PropTypes.Requireable<string>;
             titleSize: PropTypes.Requireable<string>;
             subtitleSize: PropTypes.Requireable<string>;
-            icon: PropTypes.Requireable<PropTypes.InferProps<PropTypes.ValidationMap<any>>>;
+            icon: PropTypes.Requireable<PropTypes.InferProps<any>>;
             tag: PropTypes.Requireable<PropTypes.InferProps<{
                 label: PropTypes.Requireable<string>;
                 type: PropTypes.Requireable<string>;
@@ -20,17 +19,7 @@ declare const propTypes: {
                 customStyle: PropTypes.Requireable<{
                     [x: string]: NonNullable<string | number | null | undefined> | null | undefined;
                 }>;
-                icon: PropTypes.Requireable<PropTypes.InferProps<{
-                    position: PropTypes.Requireable<string>;
-                    iconName?: import("react").Validator<string> | undefined;
-                    iconColor?: import("react").Validator<string | null | undefined> | undefined;
-                    backgroundColor?: import("react").Validator<string | null | undefined> | undefined;
-                    gradientBackground?: import("react").Validator<boolean | null | undefined> | undefined;
-                    borderRadius?: import("react").Validator<string | null | undefined> | undefined;
-                    preset?: import("react").Validator<string | null | undefined> | undefined;
-                    size?: import("react").Validator<import("../../atom/icon").IconSize | null | undefined> | undefined;
-                    customStyle?: import("react").Validator<import("react").CSSProperties | null | undefined> | undefined;
-                }>>;
+                icon: PropTypes.Requireable<PropTypes.InferProps<any>>;
             }>>;
             button: PropTypes.Requireable<PropTypes.InferProps<{
                 type: PropTypes.Requireable<string>;

package/lib/molecule/title-radio-wrapper/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/molecule/title-radio-wrapper/types.ts"],"names":[],"mappings":";AAAA,OAAO,SAAS,MAAM,YAAY,CAAC;AACnC,OAAO,kBAAkB,MAAM,iCAAiC,CAAC;AAEjE,OAAO,EAAC,mBAAmB,EAAC,MAAM,mCAAmC,CAAC;AACtE,OAAO,cAAc,MAAM,oBAAoB,CAAC;AAEhD,QAAA,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAOd,CAAC;AAEF,oBAAY,sBAAsB,GAAG;IACnC,cAAc,EAAE,mBAAmB,CAAC;IACpC,KAAK,EAAE,OAAO,cAAc,CAAC,SAAS,GAAG,OAAO,kBAAkB,CAAC,SAAS,CAAC;IAC7E,SAAS,EAAE,iBAAiB,GAAG,gBAAgB,CAAC;CACjD,CAAC;AAEF,eAAe,SAAS,CAAC"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/molecule/title-radio-wrapper/types.ts"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,YAAY,CAAC;AACnC,OAAO,kBAAkB,MAAM,iCAAiC,CAAC;AAEjE,OAAO,EAAC,mBAAmB,EAAC,MAAM,mCAAmC,CAAC;AACtE,OAAO,cAAc,MAAM,oBAAoB,CAAC;AAEhD,QAAA,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAOd,CAAC;AAEF,oBAAY,sBAAsB,GAAG;IACnC,cAAc,EAAE,mBAAmB,CAAC;IACpC,KAAK,EAAE,OAAO,cAAc,CAAC,SAAS,GAAG,OAAO,kBAAkB,CAAC,SAAS,CAAC;IAC7E,SAAS,EAAE,iBAAiB,GAAG,gBAAgB,CAAC;CACjD,CAAC;AAEF,eAAe,SAAS,CAAC"}

package/lib/molecule/translation-modal/index.d.ts

@@ -9,6 +9,7 @@ declare namespace TranslationModal {
         const onCancel: PropTypes.Requireable<(...args: any[]) => any>;
         const onConfirm: PropTypes.Requireable<(...args: any[]) => any>;
         const onClose: PropTypes.Requireable<(...args: any[]) => any>;
+        const disabled: PropTypes.Requireable<boolean>;
         const source: PropTypes.Requireable<PropTypes.InferProps<{
             inputText: PropTypes.Requireable<PropTypes.InferProps<{
                 theme: PropTypes.Requireable<string>;

package/lib/molecule/translation-modal/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/molecule/translation-modal/index.js"],"names":[],"mappings":";AAmBA,gFAoGC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/molecule/translation-modal/index.js"],"names":[],"mappings":";AAmBA,gFA8EC"}

package/lib/molecule/translation-modal/index.js

@@ -36,6 +36,7 @@ const TranslationModal = (props, context) => {
     onCancel,
     onConfirm,
     onClose,
+    disabled = false,
     source: {
       inputText: sourceInputText,
       textArea: sourceTextArea,
@@ -52,23 +53,12 @@ const TranslationModal = (props, context) => {
     translate
   } = context;
   const detectScrollbar = true;
-  const [inputValue, setInputValue] = (0, _react.useState)(targetInputText?.value || '');
-  const [textAreaValue, setTextAreaValue] = (0, _react.useState)(targetTextArea?.value || '');
   const handleCancel = (0, _react.useCallback)(() => {
     onCancel();
   }, [onCancel]);
   const handleClose = (0, _react.useCallback)(() => {
     onClose();
   }, [onClose]);
-  const handleInputChange = (0, _react.useCallback)(e => {
-    setInputValue(e.target.value);
-  }, []);
-  const handleTextAreaChange = (0, _react.useCallback)(e => {
-    setTextAreaValue(e.target.value);
-  }, []);
-  const isConfirmDisabled = (0, _react.useMemo)(() => {
-    return !inputValue.trim() || !textAreaValue.trim();
-  }, [inputValue, textAreaValue]);
   const footer = (0, _react.useMemo)(() => {
     const cancelButton = {
       onCancel: handleCancel,
@@ -81,12 +71,12 @@ const TranslationModal = (props, context) => {
           onConfirm,
           label: translate('confirm'),
           iconName: 'plus',
-          disabled: isConfirmDisabled,
+          disabled,
           color: _colors.COLORS.cm_primary_blue
         }
       })
     };
-  }, [handleCancel, onConfirm, translate, isConfirmDisabled, readOnly]);
+  }, [handleCancel, onConfirm, translate, readOnly, disabled]);
   if (!isOpen) return null;
   return /*#__PURE__*/_react.default.createElement(_baseModal.default, {
     title: translate('translation_title'),
@@ -112,16 +102,8 @@ const TranslationModal = (props, context) => {
     className: _style.default.separator
   }), renderInputGroup({
     title: outputLanguage,
-    inputProps: {
-      ...targetInputText,
-      value: inputValue,
-      onChange: handleInputChange
-    },
-    textAreaProps: {
-      ...targetTextArea,
-      value: textAreaValue,
-      onChange: handleTextAreaChange
-    },
+    inputProps: targetInputText,
+    textAreaProps: targetTextArea,
     disabled: readOnly
   }))));
 };
@@ -133,6 +115,7 @@ TranslationModal.propTypes = process.env.NODE_ENV !== "production" ? {
   onCancel: _propTypes.default.func,
   onConfirm: _propTypes.default.func,
   onClose: _propTypes.default.func,
+  disabled: _propTypes.default.bool,
   source: _propTypes.default.shape({
     inputText: _propTypes.default.shape({
       ..._inputText.default.propTypes,

package/lib/molecule/translation-modal/index.js.map

@@ -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":";;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,UAAA,GAAAC,sBAAA,CAAAF,OAAA;AACA,IAAAG,UAAA,GAAAD,sBAAA,CAAAF,OAAA;AACA,IAAAI,SAAA,GAAAF,sBAAA,CAAAF,OAAA;AACA,IAAAK,OAAA,GAAAL,OAAA;AACA,IAAAM,UAAA,GAAAJ,sBAAA,CAAAF,OAAA;AACA,IAAAO,cAAA,GAAAL,sBAAA,CAAAF,OAAA;AACA,IAAAQ,MAAA,GAAAN,sBAAA,CAAAF,OAAA;AAAgC,SAAAE,uBAAAO,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAAA,SAAAG,yBAAAH,CAAA,6BAAAI,OAAA,mBAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAD,wBAAA,YAAAA,CAAAH,CAAA,WAAAA,CAAA,GAAAM,CAAA,GAAAD,CAAA,KAAAL,CAAA;AAAA,SAAAV,wBAAAU,CAAA,EAAAK,CAAA,SAAAA,CAAA,IAAAL,CAAA,IAAAA,CAAA,CAAAC,UAAA,SAAAD,CAAA,eAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,WAAAE,OAAA,EAAAF,CAAA,QAAAM,CAAA,GAAAH,wBAAA,CAAAE,CAAA,OAAAC,CAAA,IAAAA,CAAA,CAAAC,GAAA,CAAAP,CAAA,UAAAM,CAAA,CAAAE,GAAA,CAAAR,CAAA,OAAAS,CAAA,KAAAC,SAAA,UAAAC,CAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,CAAA,IAAAf,CAAA,oBAAAe,CAAA,OAAAC,cAAA,CAAAC,IAAA,CAAAjB,CAAA,EAAAe,CAAA,SAAAG,CAAA,GAAAP,CAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAd,CAAA,EAAAe,CAAA,UAAAG,CAAA,KAAAA,CAAA,CAAAV,GAAA,IAAAU,CAAA,CAAAC,GAAA,IAAAP,MAAA,CAAAC,cAAA,CAAAJ,CAAA,EAAAM,CAAA,EAAAG,CAAA,IAAAT,CAAA,CAAAM,CAAA,IAAAf,CAAA,CAAAe,CAAA,YAAAN,CAAA,CAAAP,OAAA,GAAAF,CAAA,EAAAM,CAAA,IAAAA,CAAA,CAAAa,GAAA,CAAAnB,CAAA,EAAAS,CAAA,GAAAA,CAAA;AAAA,SAAAW,SAAA,WAAAA,QAAA,GAAAR,MAAA,CAAAS,MAAA,GAAAT,MAAA,CAAAS,MAAA,CAAAC,IAAA,eAAAb,CAAA,aAAAT,CAAA,MAAAA,CAAA,GAAAuB,SAAA,CAAAC,MAAA,EAAAxB,CAAA,UAAAM,CAAA,GAAAiB,SAAA,CAAAvB,CAAA,YAAAK,CAAA,IAAAC,CAAA,OAAAU,cAAA,CAAAC,IAAA,CAAAX,CAAA,EAAAD,CAAA,MAAAI,CAAA,CAAAJ,CAAA,IAAAC,CAAA,CAAAD,CAAA,aAAAI,CAAA,KAAAW,QAAA,CAAAK,KAAA,OAAAF,SAAA;AAEhC,MAAMG,gBAAgB,GAAGA,CAAC;EAACC,KAAK;EAAEC,UAAU;EAAEC,aAAa;EAAEC;AAAQ,CAAC,KAAK;EACzE,oBACEzC,MAAA,CAAAa,OAAA,CAAA6B,aAAA;IAAKC,SAAS,EAAEC,cAAK,CAACC;EAAW,gBAC/B7C,MAAA,CAAAa,OAAA,CAAA6B,aAAA;IAAKC,SAAS,EAAEC,cAAK,CAACN;EAAM,GAAEA,KAAW,CAAC,eAC1CtC,MAAA,CAAAa,OAAA,CAAA6B,aAAA,CAAClC,UAAA,CAAAK,OAAS,EAAAkB,QAAA,KAAKQ,UAAU;IAAEE,QAAQ,EAAEA;EAAS,EAAE,CAAC,eACjDzC,MAAA,CAAAa,OAAA,CAAA6B,aAAA,CAACjC,cAAA,CAAAI,OAAQ,EAAAkB,QAAA,KAAKS,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,GAAG,IAAAC,eAAQ,EAACT,eAAe,EAAEU,KAAK,IAAI,EAAE,CAAC;EAC1E,MAAM,CAACC,aAAa,EAAEC,gBAAgB,CAAC,GAAG,IAAAH,eAAQ,EAACR,cAAc,EAAES,KAAK,IAAI,EAAE,CAAC;EAE/E,MAAMG,YAAY,GAAG,IAAAC,kBAAW,EAAC,MAAM;IACrCxB,QAAQ,CAAC,CAAC;EACZ,CAAC,EAAE,CAACA,QAAQ,CAAC,CAAC;EAEd,MAAMyB,WAAW,GAAG,IAAAD,kBAAW,EAAC,MAAM;IACpCtB,OAAO,CAAC,CAAC;EACX,CAAC,EAAE,CAACA,OAAO,CAAC,CAAC;EAEb,MAAMwB,iBAAiB,GAAG,IAAAF,kBAAW,EAAC/D,CAAC,IAAI;IACzCyD,aAAa,CAACzD,CAAC,CAACgD,MAAM,CAACW,KAAK,CAAC;EAC/B,CAAC,EAAE,EAAE,CAAC;EAEN,MAAMO,oBAAoB,GAAG,IAAAH,kBAAW,EAAC/D,CAAC,IAAI;IAC5C6D,gBAAgB,CAAC7D,CAAC,CAACgD,MAAM,CAACW,KAAK,CAAC;EAClC,CAAC,EAAE,EAAE,CAAC;EAEN,MAAMQ,iBAAiB,GAAG,IAAAC,cAAO,EAAC,MAAM;IACtC,OAAO,CAACZ,UAAU,CAACa,IAAI,CAAC,CAAC,IAAI,CAACT,aAAa,CAACS,IAAI,CAAC,CAAC;EACpD,CAAC,EAAE,CAACb,UAAU,EAAEI,aAAa,CAAC,CAAC;EAE/B,MAAMU,MAAM,GAAG,IAAAF,cAAO,EAAC,MAAM;IAC3B,MAAMG,YAAY,GAAG;MACnBhC,QAAQ,EAAEuB,YAAY;MACtBU,KAAK,EAAElB,SAAS,CAACD,QAAQ,GAAG,OAAO,GAAG,QAAQ;IAChD,CAAC;IACD,OAAO;MACLkB,YAAY;MACZ,IAAI,CAAClB,QAAQ,IAAI;QACfoB,aAAa,EAAE;UACbjC,SAAS;UACTgC,KAAK,EAAElB,SAAS,CAAC,SAAS,CAAC;UAC3BoB,QAAQ,EAAE,MAAM;UAChB5C,QAAQ,EAAEqC,iBAAiB;UAC3BQ,KAAK,EAAEC,cAAM,CAACC;QAChB;MACF,CAAC;IACH,CAAC;EACH,CAAC,EAAE,CAACf,YAAY,EAAEtB,SAAS,EAAEc,SAAS,EAAEa,iBAAiB,EAAEd,QAAQ,CAAC,CAAC;EAErE,IAAI,CAACf,MAAM,EAAE,OAAO,IAAI;EAExB,oBACEjD,MAAA,CAAAa,OAAA,CAAA6B,aAAA,CAACrC,UAAA,CAAAQ,OAAS;IACRyB,KAAK,EAAE2B,SAAS,CAAC,mBAAmB,CAAE;IACtCwB,WAAW,EAAExB,SAAS,CAAC,yBAAyB,CAAE;IAClDhB,MAAM,EAAEA,MAAO;IACfG,OAAO,EAAEuB,WAAY;IACrBM,MAAM,EAAEA,MAAO;IACfS,UAAU,EAAE;MACVC,IAAI,EAAE,UAAU;MAChBC,eAAe,EAAE;IACnB,CAAE;IACF1B,eAAe,EAAEA;EAAgB,gBAEjClE,MAAA,CAAAa,OAAA,CAAA6B,aAAA;IAAKC,SAAS,EAAEC,cAAK,CAACiD;EAAiB,gBACrC7F,MAAA,CAAAa,OAAA,CAAA6B,aAAA;IAAKC,SAAS,EAAEC,cAAK,CAACkD;EAAkB,GACrCzD,gBAAgB,CAAC;IAChBC,KAAK,EAAEoB,aAAa;IACpBnB,UAAU,EAAEgB,eAAe;IAC3Bf,aAAa,EAAEiB,cAAc;IAC7BhB,QAAQ,EAAE;EACZ,CAAC,CAAC,eAEFzC,MAAA,CAAAa,OAAA,CAAA6B,aAAA;IAAKC,SAAS,EAAEC,cAAK,CAACmD;EAAU,CAAE,CAAC,EAElC1D,gBAAgB,CAAC;IAChBC,KAAK,EAAEyB,cAAc;IACrBxB,UAAU,EAAE;MACV,GAAGqB,eAAe;MAClBU,KAAK,EAAEH,UAAU;MACjB6B,QAAQ,EAAEpB;IACZ,CAAC;IACDpC,aAAa,EAAE;MACb,GAAGqB,cAAc;MACjBS,KAAK,EAAEC,aAAa;MACpByB,QAAQ,EAAEnB;IACZ,CAAC;IACDpC,QAAQ,EAAEuB;EACZ,CAAC,CACE,CACF,CACI,CAAC;AAEhB,CAAC;AAEDlB,gBAAgB,CAACmD,YAAY,GAAG;EAC9BhC,SAAS,EAAEiC,iBAAQ,CAACC,iBAAiB,CAAClC;AACxC,CAAC;AAEDnB,gBAAgB,CAACsD,SAAS,GAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA,oBAAG;EAC3BtD,MAAM,EAAEuD,kBAAS,CAACC,IAAI;EACtBvD,QAAQ,EAAEsD,kBAAS,CAACE,IAAI;EACxBvD,SAAS,EAAEqD,kBAAS,CAACE,IAAI;EACzBtD,OAAO,EAAEoD,kBAAS,CAACE,IAAI;EACvBrD,MAAM,EAAEmD,kBAAS,CAACG,KAAK,CAAC;IACtBrD,SAAS,EAAEkD,kBAAS,CAACG,KAAK,CAAC;MACzB,GAAGC,kBAAS,CAACR,SAAS;MACtBS,KAAK,EAAEL,kBAAS,CAACM;IACnB,CAAC,CAAC;IACFtD,QAAQ,EAAEgD,kBAAS,CAACG,KAAK,CAAC;MACxB,GAAGI,sBAAQ,CAACX,SAAS;MACrBS,KAAK,EAAEL,kBAAS,CAACM;IACnB,CAAC,CAAC;IACFpD,aAAa,EAAE8C,kBAAS,CAACM;EAC3B,CAAC,CAAC;EACFnD,MAAM,EAAE6C,kBAAS,CAACG,KAAK,CAAC;IACtBrD,SAAS,EAAEkD,kBAAS,CAACG,KAAK,CAAC;MACzB,GAAGC,kBAAS,CAACR,SAAS;MACtBS,KAAK,EAAEL,kBAAS,CAACM;IACnB,CAAC,CAAC;IACFtD,QAAQ,EAAEgD,kBAAS,CAACG,KAAK,CAAC;MACxB,GAAGI,sBAAQ,CAACX,SAAS;MACrBS,KAAK,EAAEL,kBAAS,CAACM;IACnB,CAAC,CAAC;IACFhD,QAAQ,EAAE0C,kBAAS,CAACM;EACtB,CAAC,CAAC;EACF9C,QAAQ,EAAEwC,kBAAS,CAACC;AACtB,CAAC;AAAC,IAAAO,QAAA,GAAAC,OAAA,CAAApG,OAAA,GAEaiC,gBAAgB","ignoreList":[]}
+{"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":[]}

package/lib/organism/cards-grid/index.d.ts

@@ -1,51 +1,13 @@
-import React from 'react';
-import PropTypes from 'prop-types';
-export interface CardProps {
-    key?: React.Key;
-    badge?: string;
-    image?: string;
-    disabled?: boolean;
-    adaptiv?: boolean;
-    type?: string;
-    title?: string;
-    author?: string;
-    certifiedAuthor?: boolean;
-    customer?: Record<string, unknown>;
-    progress: number;
-    favorite?: boolean;
-    addFavoriteToolTip?: string;
-    removeFavoriteToolTip?: string;
-    onClick?: (e: React.MouseEvent<HTMLDivElement>) => void;
-    onFavoriteClick?: () => void;
-    isSelected?: boolean;
-    notification?: Record<string, unknown>;
-    badgeCategory?: string;
-    badgeLabel?: string;
-    theme?: 'default' | 'coorpmanager';
-    disabledContent?: string;
-    'aria-label'?: string;
-    'background-aria-label'?: string;
-    'favorite-aria-label'?: string;
-    'selectable-aria-label'?: string;
-    'customer-aria-label'?: string;
-    'badge-aria-label'?: string;
-    'disabled-aria-label'?: string;
-    'card-content-aria-label'?: string;
-}
-export interface CardsGridProps {
-    list: CardProps[];
-    customStyle?: Record<string, string>;
-    loading?: boolean;
-}
-declare const CardsGrid: {
-    (props: CardsGridProps): JSX.Element;
-    propTypes: {
-        list: PropTypes.Requireable<(PropTypes.InferProps<any> | null | undefined)[]>;
-        customStyle: PropTypes.Requireable<{
+export default CardsGrid;
+declare function CardsGrid(props: any): JSX.Element;
+declare namespace CardsGrid {
+    namespace propTypes {
+        const list: PropTypes.Requireable<(PropTypes.InferProps<any> | null | undefined)[]>;
+        const customStyle: PropTypes.Requireable<{
             [x: string]: string | null | undefined;
         }>;
-        loading: PropTypes.Requireable<boolean>;
-    };
-};
-export default CardsGrid;
+        const loading: PropTypes.Requireable<boolean>;
+    }
+}
+import PropTypes from "prop-types";
 //# sourceMappingURL=index.d.ts.map

package/lib/organism/cards-grid/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/organism/cards-grid/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,SAAS,MAAM,YAAY,CAAC;AAMnC,MAAM,WAAW,SAAS;IACxB,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC;IAChB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,QAAQ,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IACnC,QAAQ,EAAE,MAAM,CAAC;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,qBAAqB,CAAC,EAAE,MAAM,CAAC;IAC/B,OAAO,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,cAAc,CAAC,KAAK,IAAI,CAAC;IACxD,eAAe,CAAC,EAAE,MAAM,IAAI,CAAC;IAC7B,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,YAAY,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IACvC,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,KAAK,CAAC,EAAE,SAAS,GAAG,cAAc,CAAC;IACnC,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,uBAAuB,CAAC,EAAE,MAAM,CAAC;IACjC,qBAAqB,CAAC,EAAE,MAAM,CAAC;IAC/B,uBAAuB,CAAC,EAAE,MAAM,CAAC;IACjC,qBAAqB,CAAC,EAAE,MAAM,CAAC;IAC/B,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,qBAAqB,CAAC,EAAE,MAAM,CAAC;IAC/B,yBAAyB,CAAC,EAAE,MAAM,CAAC;CACpC;AAED,MAAM,WAAW,cAAc;IAC7B,IAAI,EAAE,SAAS,EAAE,CAAC;IAClB,WAAW,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IACrC,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED,QAAA,MAAM,SAAS;YAAW,cAAc;;;;;;;;CAuBvC,CAAC;AASF,eAAe,SAAS,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/organism/cards-grid/index.js"],"names":[],"mappings":";AAOA,oDAuBC"}

package/lib/organism/cards-grid/index.js

@@ -9,7 +9,7 @@ var _card = _interopRequireDefault(require("../../molecule/card"));
 var _loader = _interopRequireDefault(require("../../atom/loader"));
 var _style = _interopRequireDefault(require("./style.css"));
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-const CardsGrid = props => {
+function CardsGrid(props) {
   const {
     list = [],
     customStyle = {},
@@ -29,9 +29,8 @@ const CardsGrid = props => {
     className: _style.default.defaultStyle,
     style: customStyle
   }, cards, loader);
-};
+}
 CardsGrid.propTypes = process.env.NODE_ENV !== "production" ? {
-  // @ts-expect-error component is not typed & wrapped into memo
   list: _propTypes.default.arrayOf(_propTypes.default.shape(_card.default.propTypes)),
   customStyle: _propTypes.default.objectOf(_propTypes.default.string),
   loading: _propTypes.default.bool

package/lib/organism/cards-grid/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["_react","_interopRequireDefault","require","_propTypes","_card","_loader","_style","e","__esModule","default","CardsGrid","props","list","customStyle","loading","loader","createElement","className","style","cards","_map2","cardProps","card","key","defaultStyle","propTypes","process","env","NODE_ENV","PropTypes","arrayOf","shape","Card","objectOf","string","bool","_default","exports"],"sources":["../../../src/organism/cards-grid/index.tsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {map} from 'lodash/fp';\nimport Card from '../../molecule/card';\nimport Loader from '../../atom/loader';\nimport style from './style.css';\n\nexport interface CardProps {\n  key?: React.Key;\n  badge?: string;\n  image?: string;\n  disabled?: boolean;\n  adaptiv?: boolean;\n  type?: string;\n  title?: string;\n  author?: string;\n  certifiedAuthor?: boolean;\n  customer?: Record<string, unknown>;\n  progress: number;\n  favorite?: boolean;\n  addFavoriteToolTip?: string;\n  removeFavoriteToolTip?: string;\n  onClick?: (e: React.MouseEvent<HTMLDivElement>) => void;\n  onFavoriteClick?: () => void;\n  isSelected?: boolean;\n  notification?: Record<string, unknown>;\n  badgeCategory?: string;\n  badgeLabel?: string;\n  theme?: 'default' | 'coorpmanager';\n  disabledContent?: string;\n  'aria-label'?: string;\n  'background-aria-label'?: string;\n  'favorite-aria-label'?: string;\n  'selectable-aria-label'?: string;\n  'customer-aria-label'?: string;\n  'badge-aria-label'?: string;\n  'disabled-aria-label'?: string;\n  'card-content-aria-label'?: string;\n}\n\nexport interface CardsGridProps {\n  list: CardProps[];\n  customStyle?: Record<string, string>;\n  loading?: boolean;\n}\n\nconst CardsGrid = (props: CardsGridProps) => {\n  const {list = [], customStyle = {}, loading = false} = props;\n\n  const loader = loading ? (\n    <div className={style.loader}>\n      <Loader />\n    </div>\n  ) : null;\n\n  const cards = map(cardProps => {\n    return (\n      <div data-name=\"cardGrid\" className={style.card} key={cardProps.key}>\n        <Card {...cardProps} />\n      </div>\n    );\n  }, list);\n\n  return (\n    <div className={style.defaultStyle} style={customStyle}>\n      {cards}\n      {loader}\n    </div>\n  );\n};\n\nCardsGrid.propTypes = {\n  // @ts-expect-error component is not typed & wrapped into memo\n  list: PropTypes.arrayOf(PropTypes.shape(Card.propTypes)),\n  customStyle: PropTypes.objectOf(PropTypes.string),\n  loading: PropTypes.bool\n};\n\nexport default CardsGrid;\n"],"mappings":";;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,UAAA,GAAAF,sBAAA,CAAAC,OAAA;AAEA,IAAAE,KAAA,GAAAH,sBAAA,CAAAC,OAAA;AACA,IAAAG,OAAA,GAAAJ,sBAAA,CAAAC,OAAA;AACA,IAAAI,MAAA,GAAAL,sBAAA,CAAAC,OAAA;AAAgC,SAAAD,uBAAAM,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAyChC,MAAMG,SAAS,GAAIC,KAAqB,IAAK;EAC3C,MAAM;IAACC,IAAI,GAAG,EAAE;IAAEC,WAAW,GAAG,CAAC,CAAC;IAAEC,OAAO,GAAG;EAAK,CAAC,GAAGH,KAAK;EAE5D,MAAMI,MAAM,GAAGD,OAAO,gBACpBd,MAAA,CAAAS,OAAA,CAAAO,aAAA;IAAKC,SAAS,EAAEC,cAAK,CAACH;EAAO,gBAC3Bf,MAAA,CAAAS,OAAA,CAAAO,aAAA,CAACX,OAAA,CAAAI,OAAM,MAAE,CACN,CAAC,GACJ,IAAI;EAER,MAAMU,KAAK,GAAG,IAAAC,KAAA,CAAAX,OAAA,EAAIY,SAAS,IAAI;IAC7B,oBACErB,MAAA,CAAAS,OAAA,CAAAO,aAAA;MAAK,aAAU,UAAU;MAACC,SAAS,EAAEC,cAAK,CAACI,IAAK;MAACC,GAAG,EAAEF,SAAS,CAACE;IAAI,gBAClEvB,MAAA,CAAAS,OAAA,CAAAO,aAAA,CAACZ,KAAA,CAAAK,OAAI,EAAKY,SAAY,CACnB,CAAC;EAEV,CAAC,EAAET,IAAI,CAAC;EAER,oBACEZ,MAAA,CAAAS,OAAA,CAAAO,aAAA;IAAKC,SAAS,EAAEC,cAAK,CAACM,YAAa;IAACN,KAAK,EAAEL;EAAY,GACpDM,KAAK,EACLJ,MACE,CAAC;AAEV,CAAC;AAEDL,SAAS,CAACe,SAAS,GAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA,oBAAG;EACpB;EACAhB,IAAI,EAAEiB,kBAAS,CAACC,OAAO,CAACD,kBAAS,CAACE,KAAK,CAACC,aAAI,CAACP,SAAS,CAAC,CAAC;EACxDZ,WAAW,EAAEgB,kBAAS,CAACI,QAAQ,CAACJ,kBAAS,CAACK,MAAM,CAAC;EACjDpB,OAAO,EAAEe,kBAAS,CAACM;AACrB,CAAC;AAAC,IAAAC,QAAA,GAAAC,OAAA,CAAA5B,OAAA,GAEaC,SAAS","ignoreList":[]}
+{"version":3,"file":"index.js","names":["_react","_interopRequireDefault","require","_propTypes","_card","_loader","_style","e","__esModule","default","CardsGrid","props","list","customStyle","loading","loader","createElement","className","style","cards","_map2","cardProps","card","key","defaultStyle","propTypes","process","env","NODE_ENV","PropTypes","arrayOf","shape","Card","objectOf","string","bool","_default","exports"],"sources":["../../../src/organism/cards-grid/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {map} from 'lodash/fp';\nimport Card from '../../molecule/card';\nimport Loader from '../../atom/loader';\nimport style from './style.css';\n\nfunction CardsGrid(props) {\n  const {list = [], customStyle = {}, loading = false} = props;\n\n  const loader = loading ? (\n    <div className={style.loader}>\n      <Loader />\n    </div>\n  ) : null;\n\n  const cards = map(cardProps => {\n    return (\n      <div data-name=\"cardGrid\" className={style.card} key={cardProps.key}>\n        <Card {...cardProps} />\n      </div>\n    );\n  }, list);\n\n  return (\n    <div className={style.defaultStyle} style={customStyle}>\n      {cards}\n      {loader}\n    </div>\n  );\n}\n\nCardsGrid.propTypes = {\n  list: PropTypes.arrayOf(PropTypes.shape(Card.propTypes)),\n  customStyle: PropTypes.objectOf(PropTypes.string),\n  loading: PropTypes.bool\n};\n\nexport default CardsGrid;\n"],"mappings":";;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,UAAA,GAAAF,sBAAA,CAAAC,OAAA;AAEA,IAAAE,KAAA,GAAAH,sBAAA,CAAAC,OAAA;AACA,IAAAG,OAAA,GAAAJ,sBAAA,CAAAC,OAAA;AACA,IAAAI,MAAA,GAAAL,sBAAA,CAAAC,OAAA;AAAgC,SAAAD,uBAAAM,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAEhC,SAASG,SAASA,CAACC,KAAK,EAAE;EACxB,MAAM;IAACC,IAAI,GAAG,EAAE;IAAEC,WAAW,GAAG,CAAC,CAAC;IAAEC,OAAO,GAAG;EAAK,CAAC,GAAGH,KAAK;EAE5D,MAAMI,MAAM,GAAGD,OAAO,gBACpBd,MAAA,CAAAS,OAAA,CAAAO,aAAA;IAAKC,SAAS,EAAEC,cAAK,CAACH;EAAO,gBAC3Bf,MAAA,CAAAS,OAAA,CAAAO,aAAA,CAACX,OAAA,CAAAI,OAAM,MAAE,CACN,CAAC,GACJ,IAAI;EAER,MAAMU,KAAK,GAAG,IAAAC,KAAA,CAAAX,OAAA,EAAIY,SAAS,IAAI;IAC7B,oBACErB,MAAA,CAAAS,OAAA,CAAAO,aAAA;MAAK,aAAU,UAAU;MAACC,SAAS,EAAEC,cAAK,CAACI,IAAK;MAACC,GAAG,EAAEF,SAAS,CAACE;IAAI,gBAClEvB,MAAA,CAAAS,OAAA,CAAAO,aAAA,CAACZ,KAAA,CAAAK,OAAI,EAAKY,SAAY,CACnB,CAAC;EAEV,CAAC,EAAET,IAAI,CAAC;EAER,oBACEZ,MAAA,CAAAS,OAAA,CAAAO,aAAA;IAAKC,SAAS,EAAEC,cAAK,CAACM,YAAa;IAACN,KAAK,EAAEL;EAAY,GACpDM,KAAK,EACLJ,MACE,CAAC;AAEV;AAEAL,SAAS,CAACe,SAAS,GAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA,oBAAG;EACpBhB,IAAI,EAAEiB,kBAAS,CAACC,OAAO,CAACD,kBAAS,CAACE,KAAK,CAACC,aAAI,CAACP,SAAS,CAAC,CAAC;EACxDZ,WAAW,EAAEgB,kBAAS,CAACI,QAAQ,CAACJ,kBAAS,CAACK,MAAM,CAAC;EACjDpB,OAAO,EAAEe,kBAAS,CAACM;AACrB,CAAC;AAAC,IAAAC,QAAA,GAAAC,OAAA,CAAA5B,OAAA,GAEaC,SAAS","ignoreList":[]}

package/lib/organism/content-skill-modal/index.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+/// <reference types="react" />
 import { ContentSkillModalProps } from './types';
 declare const ContentSkillModal: {
     (props: ContentSkillModalProps): JSX.Element | null;
@@ -408,7 +408,7 @@ declare const ContentSkillModal: {
                 'data-name': import("prop-types").Requireable<string>;
                 titleSize: import("prop-types").Requireable<string>;
                 subtitleSize: import("prop-types").Requireable<string>;
-                icon: import("prop-types").Requireable<import("prop-types").InferProps<import("prop-types").ValidationMap<any>>>;
+                icon: import("prop-types").Requireable<import("prop-types").InferProps<any>>;
                 tag: import("prop-types").Requireable<import("prop-types").InferProps<{
                     label: import("prop-types").Requireable<string>;
                     type: import("prop-types").Requireable<string>;
@@ -416,17 +416,7 @@ declare const ContentSkillModal: {
                     customStyle: import("prop-types").Requireable<{
                         [x: string]: NonNullable<string | number | null | undefined> | null | undefined;
                     }>;
-                    icon: import("prop-types").Requireable<import("prop-types").InferProps<{
-                        position: import("prop-types").Requireable<string>;
-                        iconName?: React.Validator<string> | undefined;
-                        iconColor?: React.Validator<string | null | undefined> | undefined;
-                        backgroundColor?: React.Validator<string | null | undefined> | undefined;
-                        gradientBackground?: React.Validator<boolean | null | undefined> | undefined;
-                        borderRadius?: React.Validator<string | null | undefined> | undefined;
-                        preset?: React.Validator<string | null | undefined> | undefined;
-                        size?: React.Validator<import("../../atom/icon").IconSize | null | undefined> | undefined;
-                        customStyle?: React.Validator<React.CSSProperties | null | undefined> | undefined;
-                    }>>;
+                    icon: import("prop-types").Requireable<import("prop-types").InferProps<any>>;
                 }>>;
                 button: import("prop-types").Requireable<import("prop-types").InferProps<{
                     type: import("prop-types").Requireable<string>;

package/lib/organism/content-skill-modal/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/organism/content-skill-modal/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA6B,MAAM,OAAO,CAAC;AAOlD,OAAkB,EAAC,sBAAsB,EAAC,MAAM,SAAS,CAAC;AAE1D,QAAA,MAAM,iBAAiB;YAAW,sBAAsB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA4DvD,CAAC;AAQF,eAAe,iBAAiB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/organism/content-skill-modal/index.tsx"],"names":[],"mappings":";AAOA,OAAkB,EAAC,sBAAsB,EAAC,MAAM,SAAS,CAAC;AAE1D,QAAA,MAAM,iBAAiB;YAAW,sBAAsB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA4DvD,CAAC;AAQF,eAAe,iBAAiB,CAAC"}

package/lib/organism/content-skill-modal/types.d.ts

@@ -405,7 +405,7 @@ declare const ContentSkillModalPropTypes: {
             'data-name': PropTypes.Requireable<string>;
             titleSize: PropTypes.Requireable<string>;
             subtitleSize: PropTypes.Requireable<string>;
-            icon: PropTypes.Requireable<PropTypes.InferProps<PropTypes.ValidationMap<any>>>;
+            icon: PropTypes.Requireable<PropTypes.InferProps<any>>;
             tag: PropTypes.Requireable<PropTypes.InferProps<{
                 label: PropTypes.Requireable<string>;
                 type: PropTypes.Requireable<string>;
@@ -413,17 +413,7 @@ declare const ContentSkillModalPropTypes: {
                 customStyle: PropTypes.Requireable<{
                     [x: string]: NonNullable<string | number | null | undefined> | null | undefined;
                 }>;
-                icon: PropTypes.Requireable<PropTypes.InferProps<{
-                    position: PropTypes.Requireable<string>;
-                    iconName?: import("react").Validator<string> | undefined;
-                    iconColor?: import("react").Validator<string | null | undefined> | undefined;
-                    backgroundColor?: import("react").Validator<string | null | undefined> | undefined;
-                    gradientBackground?: import("react").Validator<boolean | null | undefined> | undefined;
-                    borderRadius?: import("react").Validator<string | null | undefined> | undefined;
-                    preset?: import("react").Validator<string | null | undefined> | undefined;
-                    size?: import("react").Validator<import("../../atom/icon").IconSize | null | undefined> | undefined;
-                    customStyle?: import("react").Validator<import("react").CSSProperties | null | undefined> | undefined;
-                }>>;
+                icon: PropTypes.Requireable<PropTypes.InferProps<any>>;
             }>>;
             button: PropTypes.Requireable<PropTypes.InferProps<{
                 type: PropTypes.Requireable<string>;

package/lib/organism/content-skill-modal/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/organism/content-skill-modal/types.ts"],"names":[],"mappings":";AAAA,OAAO,SAAS,MAAM,YAAY,CAAC;AACnC,OAAO,SAAS,MAAM,eAAe,CAAC;AACtC,OAAkC,EAChC,qBAAqB,EACtB,MAAM,8CAA8C,CAAC;AAStD,QAAA,MAAM,0BAA0B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAI/B,CAAC;AAEF,eAAe,0BAA0B,CAAC;AAE1C,aAAK,UAAU,GAAG;IAChB,MAAM,EAAE,OAAO,CAAC;IAChB,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,SAAS,EAAE,MAAM,IAAI,CAAC;IACtB,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB,CAAC;AAEF,oBAAY,sBAAsB,GAAG;IACnC,WAAW,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,SAAS,CAAC,CAAC;IACpD,OAAO,EAAE,qBAAqB,CAAC;IAC/B,KAAK,EAAE,UAAU,CAAC;CACnB,CAAC"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/organism/content-skill-modal/types.ts"],"names":[],"mappings":";AAAA,OAAO,SAAS,MAAM,YAAY,CAAC;AACnC,OAAO,SAAS,MAAM,eAAe,CAAC;AACtC,OAAkC,EAChC,qBAAqB,EACtB,MAAM,8CAA8C,CAAC;AAStD,QAAA,MAAM,0BAA0B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAI/B,CAAC;AAEF,eAAe,0BAA0B,CAAC;AAE1C,aAAK,UAAU,GAAG;IAChB,MAAM,EAAE,OAAO,CAAC;IAChB,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,SAAS,EAAE,MAAM,IAAI,CAAC;IACtB,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB,CAAC;AAEF,oBAAY,sBAAsB,GAAG;IACnC,WAAW,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,SAAS,CAAC,CAAC;IACpD,OAAO,EAAE,qBAAqB,CAAC;IAC/B,KAAK,EAAE,UAAU,CAAC;CACnB,CAAC"}

package/lib/organism/list-item/index.js

@@ -84,25 +84,25 @@ const ListItem = ({
   }, order + 1) : null;
   const extractedIndex = (0, _pipe2.default)((0, _split2.default)('-'), _last2.default)(dataName);
   return /*#__PURE__*/_react.default.createElement("div", {
-    className: (0, _classnames.default)(_style.default.wrapper, isBulkStyle ? _style.default.gridLayout : _style.default.flexLayout, subtitle && _style.default.withSubtitle, disabled && _style.default.disabled, onClick !== _noop2.default && !disabled && _style.default.cursorPointer, checkbox?.checked && _style.default.checked),
+    className: (0, _classnames.default)(_style.default.wrapper, isBulkStyle && _style.default.gridLayout, subtitle && _style.default.withSubtitle, disabled && _style.default.disabled, onClick !== _noop2.default && !disabled && _style.default.cursorPointer, checkbox?.checked && _style.default.checked),
     onClick: !disabled ? onClick : undefined,
     style: selectedStyle,
     "data-name": dataName
   }, /*#__PURE__*/_react.default.createElement("div", {
     className: (0, _classnames.default)(_style.default.dataColumnsWrapper, isOverflowHidden && _style.default.hiddenOverflowX)
-  }, isPublished && contentType === 'certification' ? orderView : null, leftIcon || image || checkable ? /*#__PURE__*/_react.default.createElement("div", {
+  }, isPublished && contentType === 'certification' ? orderView : null, /*#__PURE__*/_react.default.createElement("div", {
     className: _style.default.leftSection
-  }, checkable ? /*#__PURE__*/_react.default.createElement(_checkboxWithTitle.default, checkbox) : null, leftIcon && !image ? /*#__PURE__*/_react.default.createElement(_icon.default, {
+  }, checkable ? /*#__PURE__*/_react.default.createElement(_checkboxWithTitle.default, checkbox) : null, leftIcon && !image ? /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement(_icon.default, {
     iconName: leftIcon.iconName,
     gradientBackground: leftIcon.gradientBackground || true,
     iconColor: leftIcon.iconColor || primarySelectedColor,
     preset: leftIcon.preset || 'xl',
     borderRadius: leftIcon.borderRadius || '25%'
-  }) : null, !leftIcon && image ? /*#__PURE__*/_react.default.createElement("div", {
+  })) : null, !leftIcon && image ? /*#__PURE__*/_react.default.createElement("div", {
     className: _style.default.containerImage
   }, /*#__PURE__*/_react.default.createElement(_cardImagePreview.default, {
     image: image
-  })) : null) : null, /*#__PURE__*/_react.default.createElement("div", {
+  })) : null), /*#__PURE__*/_react.default.createElement("div", {
     className: _style.default.titleWrapper
   }, /*#__PURE__*/_react.default.createElement("div", {
     className: _style.default.titleProviderWrapper