@coorpacademy/components 11.39.4-alpha.5 → 11.39.4

package/es/atom/button-link/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atom/button-link/index.tsx"],"names":[],"mappings":";AAOA,OAAkB,EAAC,eAAe,EAAW,MAAM,SAAS,CAAC;AAqD7D,QAAA,MAAM,UAAU;YAAW,eAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA4IzC,CAAC;AAIF,eAAe,UAAU,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atom/button-link/index.tsx"],"names":[],"mappings":";AAOA,OAAkB,EAAC,eAAe,EAAW,MAAM,SAAS,CAAC;AA6D7D,QAAA,MAAM,UAAU;YAAW,eAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA4IzC,CAAC;AAIF,eAAe,UAAU,CAAC"}

package/es/atom/button-link/index.js

@@ -21,7 +21,14 @@ const getButtonContent = (icon, content, hovered, hoverBackgroundColor, hoverCol
   if (!Icon && !faIcon) {
     return /*#__PURE__*/React.createElement("div", {
       className: (style.buttonContent, customLabelClassName)
-    }, /*#__PURE__*/React.createElement("span", {
+    }, typeof content === 'string' ? /*#__PURE__*/React.createElement("span", {
+      className: (style.label, customLabelClassName)
+      // eslint-disable-next-line react/no-danger
+      ,
+      dangerouslySetInnerHTML: {
+        __html: content
+      }
+    }) : /*#__PURE__*/React.createElement("span", {
       className: (style.label, customLabelClassName)
     }, content));
   }

package/es/atom/button-link/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","useCallback","useState","useMemo","classnames","Link","FaIcon","DEFAULT_ICON_COLOR","ICONS","ToolTip","propTypes","style","getButtonContent","icon","content","hovered","hoverBackgroundColor","hoverColor","customLabelClassName","type","faIcon","position","Icon","createElement","className","buttonContent","label","iconComponent","iconName","name","iconColor","color","backgroundColor","size","faSize","wrapperSize","customStyle","theme","ButtonLink","props","usage","disabled","dataName","dataTestId","ariaLabel","tooltipText","tooltipPlacement","link","onClick","_noop","onKeyDown","useTitle","styleButton","button","iconButton","primary","secondary","tertiary","text","dangerous","setHovered","handleOnClick","event","handleOnKeyDown","handleMouseOver","handleMouseLeave","TooltipContent","tooltipContentWrapper","renderToolTip","closeToolTipInformationTextAriaLabel","fontSize","anchorId","toolTipIsVisible","placement","_customStyle","_extends","title","onMouseEnter","onMouseLeave","onMouseOver","tabIndex","process","env","NODE_ENV"],"sources":["../../../src/atom/button-link/index.tsx"],"sourcesContent":["import React, {useCallback, useState, useMemo} from 'react';\nimport {noop} from 'lodash/fp';\nimport classnames from 'classnames';\nimport Link from '../link';\nimport FaIcon, {DEFAULT_ICON_COLOR, IconProps} from '../icon';\nimport {ICONS} from '../../util/button-icons';\nimport ToolTip from '../tooltip';\nimport propTypes, {ButtonLinkProps, IconType} from './types';\nimport style from './style.css';\n\nconst getButtonContent = (\n  icon?: IconType,\n  content?: string | React.ReactNode,\n  hovered?: boolean,\n  hoverBackgroundColor?: string,\n  hoverColor?: string,\n  customLabelClassName?: string\n) => {\n  const {type, faIcon, position} = icon || {type: '', position: ''};\n  const Icon = type && ICONS[type];\n\n  if (!Icon && !faIcon) {\n    return (\n      <div className={(style.buttonContent, customLabelClassName)}>\n        <span className={(style.label, customLabelClassName)}>{content}</span>\n      </div>\n    );\n  }\n\n  const iconComponent = faIcon ? (\n    <FaIcon\n      {...({\n        iconName: faIcon.name,\n        iconColor: hovered && hoverColor ? hoverColor : faIcon.color ?? DEFAULT_ICON_COLOR,\n        // eslint-disable-next-line no-nested-ternary\n        backgroundColor: !faIcon?.backgroundColor\n          ? null\n          : hovered && hoverBackgroundColor\n          ? hoverBackgroundColor\n          : faIcon.backgroundColor,\n        size: {\n          faSize: faIcon.size,\n          wrapperSize: faIcon.size\n        },\n        customStyle: faIcon.customStyle\n      } as IconProps)}\n    />\n  ) : (\n    <Icon className={style.icon} theme=\"coorpmanager\" />\n  );\n\n  return (\n    <div className={style.buttonContent}>\n      {position === 'left' ? iconComponent : null}\n      {content ? <span className={style.label}>{content}</span> : null}\n      {position === 'right' ? iconComponent : null}\n    </div>\n  );\n};\n\nconst ButtonLink = (props: ButtonLinkProps) => {\n  const {\n    type,\n    usage = 'button',\n    label,\n    content,\n    hoverBackgroundColor,\n    hoverColor,\n    disabled = false,\n    icon,\n    'data-name': dataName,\n    'data-testid': dataTestId = 'button-link',\n    'aria-label': ariaLabel,\n    tooltipText,\n    tooltipPlacement = 'left',\n    link,\n    onClick = noop,\n    onKeyDown = noop,\n    className,\n    customStyle,\n    useTitle = true,\n    customLabelClassName\n  } = props;\n  const styleButton = classnames(\n    link && style.link,\n    className,\n    style.button,\n    !label && style.iconButton,\n    type === 'primary' && style.primary,\n    type === 'secondary' && style.secondary,\n    type === 'tertiary' && style.tertiary,\n    type === 'text' && style.text,\n    type === 'dangerous' && style.dangerous,\n    disabled && style.disabled\n  );\n\n  const [hovered, setHovered] = useState(false);\n\n  const handleOnClick = useCallback(event => onClick(event), [onClick]);\n\n  const handleOnKeyDown = useCallback(event => onKeyDown(event), [onKeyDown]);\n\n  const handleMouseOver = useCallback(() => {\n    setHovered(true);\n  }, [setHovered]);\n\n  const handleMouseLeave = useCallback(() => setHovered(false), [setHovered]);\n\n  const TooltipContent = useCallback(\n    () => <span className={style.tooltipContentWrapper}>{tooltipText || ariaLabel}</span>,\n    [tooltipText, ariaLabel]\n  );\n\n  const renderToolTip = () => {\n    const closeToolTipInformationTextAriaLabel = tooltipText || ariaLabel;\n    if (!closeToolTipInformationTextAriaLabel) return null;\n    return (\n      <ToolTip\n        fontSize={12}\n        anchorId=\"button-icon\"\n        toolTipIsVisible={hovered}\n        placement={tooltipPlacement}\n        TooltipContent={TooltipContent}\n        closeToolTipInformationTextAriaLabel={closeToolTipInformationTextAriaLabel}\n      />\n    );\n  };\n\n  const _customStyle = useMemo(() => {\n    return {\n      ...customStyle,\n      ...((hoverBackgroundColor || hoverColor) && hovered\n        ? {\n            backgroundColor: hoverBackgroundColor,\n            color: hoverColor\n          }\n        : null)\n    };\n  }, [hoverBackgroundColor, hoverColor, hovered, customStyle]);\n\n  if (link) {\n    return (\n      <Link\n        {...link}\n        {...(useTitle && {\n          title: ariaLabel || label\n        })}\n        className={styleButton}\n        style={customStyle}\n        data-name={dataName}\n        data-testid={dataTestId}\n        onClick={handleOnClick}\n        aria-label={ariaLabel || label}\n        hoverColor={hoverColor}\n        hoverBackgroundColor={hoverBackgroundColor}\n        onMouseEnter={handleMouseOver}\n        onMouseLeave={handleMouseLeave}\n      >\n        {getButtonContent(\n          icon,\n          content ?? label,\n          hovered,\n          hoverBackgroundColor,\n          hoverColor,\n          customLabelClassName\n        )}\n        {renderToolTip()}\n      </Link>\n    );\n  }\n\n  return (\n    <button\n      {...(useTitle && {\n        title: ariaLabel || label\n      })}\n      {...(ariaLabel && !label\n        ? {\n            'data-for': 'button-icon',\n            'data-tip': hovered\n          }\n        : {})}\n      // eslint-disable-next-line react/button-has-type\n      type={usage}\n      aria-label={ariaLabel || label}\n      data-name={dataName}\n      data-testid={dataTestId}\n      style={_customStyle}\n      className={styleButton}\n      onClick={handleOnClick}\n      onKeyDown={handleOnKeyDown}\n      onMouseOver={handleMouseOver}\n      onMouseLeave={handleMouseLeave}\n      tabIndex={0}\n      disabled={disabled}\n    >\n      {getButtonContent(icon, content ?? label, hovered, hoverBackgroundColor, hoverColor)}\n      {renderToolTip()}\n    </button>\n  );\n};\n\nButtonLink.propTypes = propTypes;\n\nexport default ButtonLink;\n"],"mappings":";;AAAA,OAAOA,KAAK,IAAGC,WAAW,EAAEC,QAAQ,EAAEC,OAAO,QAAO,OAAO;AAE3D,OAAOC,UAAU,MAAM,YAAY;AACnC,OAAOC,IAAI,MAAM,SAAS;AAC1B,OAAOC,MAAM,IAAGC,kBAAkB,QAAkB,SAAS;AAC7D,SAAQC,KAAK,QAAO,yBAAyB;AAC7C,OAAOC,OAAO,MAAM,YAAY;AAChC,OAAOC,SAAS,MAAmC,SAAS;AAC5D,OAAOC,KAAK,MAAM,aAAa;AAE/B,MAAMC,gBAAgB,GAAGA,CACvBC,IAAe,EACfC,OAAkC,EAClCC,OAAiB,EACjBC,oBAA6B,EAC7BC,UAAmB,EACnBC,oBAA6B,KAC1B;EACH,MAAM;IAACC,IAAI;IAAEC,MAAM;IAAEC;EAAQ,CAAC,GAAGR,IAAI,IAAI;IAACM,IAAI,EAAE,EAAE;IAAEE,QAAQ,EAAE;EAAE,CAAC;EACjE,MAAMC,IAAI,GAAGH,IAAI,IAAIX,KAAK,CAACW,IAAI,CAAC;EAEhC,IAAI,CAACG,IAAI,IAAI,CAACF,MAAM,EAAE;IACpB,oBACEpB,KAAA,CAAAuB,aAAA;MAAKC,SAAS,GAAGb,KAAK,CAACc,aAAa,EAAEP,oBAAoB;IAAE,gBAC1DlB,KAAA,CAAAuB,aAAA;MAAMC,SAAS,GAAGb,KAAK,CAACe,KAAK,EAAER,oBAAoB;IAAE,GAAEJ,OAAc,CAClE,CAAC;EAEV;EAEA,MAAMa,aAAa,GAAGP,MAAM,gBAC1BpB,KAAA,CAAAuB,aAAA,CAACjB,MAAM;IAEHsB,QAAQ,EAAER,MAAM,CAACS,IAAI;IACrBC,SAAS,EAAEf,OAAO,IAAIE,UAAU,GAAGA,UAAU,GAAGG,MAAM,CAACW,KAAK,IAAIxB,kBAAkB;IAClF;IACAyB,eAAe,EAAE,CAACZ,MAAM,EAAEY,eAAe,GACrC,IAAI,GACJjB,OAAO,IAAIC,oBAAoB,GAC/BA,oBAAoB,GACpBI,MAAM,CAACY,eAAe;IAC1BC,IAAI,EAAE;MACJC,MAAM,EAAEd,MAAM,CAACa,IAAI;MACnBE,WAAW,EAAEf,MAAM,CAACa;IACtB,CAAC;IACDG,WAAW,EAAEhB,MAAM,CAACgB;EAAW,CAElC,CAAC,gBAEFpC,KAAA,CAAAuB,aAAA,CAACD,IAAI;IAACE,SAAS,EAAEb,KAAK,CAACE,IAAK;IAACwB,KAAK,EAAC;EAAc,CAAE,CACpD;EAED,oBACErC,KAAA,CAAAuB,aAAA;IAAKC,SAAS,EAAEb,KAAK,CAACc;EAAc,GACjCJ,QAAQ,KAAK,MAAM,GAAGM,aAAa,GAAG,IAAI,EAC1Cb,OAAO,gBAAGd,KAAA,CAAAuB,aAAA;IAAMC,SAAS,EAAEb,KAAK,CAACe;EAAM,GAAEZ,OAAc,CAAC,GAAG,IAAI,EAC/DO,QAAQ,KAAK,OAAO,GAAGM,aAAa,GAAG,IACrC,CAAC;AAEV,CAAC;AAED,MAAMW,UAAU,GAAIC,KAAsB,IAAK;EAC7C,MAAM;IACJpB,IAAI;IACJqB,KAAK,GAAG,QAAQ;IAChBd,KAAK;IACLZ,OAAO;IACPE,oBAAoB;IACpBC,UAAU;IACVwB,QAAQ,GAAG,KAAK;IAChB5B,IAAI;IACJ,WAAW,EAAE6B,QAAQ;IACrB,aAAa,EAAEC,UAAU,GAAG,aAAa;IACzC,YAAY,EAAEC,SAAS;IACvBC,WAAW;IACXC,gBAAgB,GAAG,MAAM;IACzBC,IAAI;IACJC,OAAO,GAAAC,KAAO;IACdC,SAAS,GAAAD,KAAO;IAChBzB,SAAS;IACTY,WAAW;IACXe,QAAQ,GAAG,IAAI;IACfjC;EACF,CAAC,GAAGqB,KAAK;EACT,MAAMa,WAAW,GAAGhD,UAAU,CAC5B2C,IAAI,IAAIpC,KAAK,CAACoC,IAAI,EAClBvB,SAAS,EACTb,KAAK,CAAC0C,MAAM,EACZ,CAAC3B,KAAK,IAAIf,KAAK,CAAC2C,UAAU,EAC1BnC,IAAI,KAAK,SAAS,IAAIR,KAAK,CAAC4C,OAAO,EACnCpC,IAAI,KAAK,WAAW,IAAIR,KAAK,CAAC6C,SAAS,EACvCrC,IAAI,KAAK,UAAU,IAAIR,KAAK,CAAC8C,QAAQ,EACrCtC,IAAI,KAAK,MAAM,IAAIR,KAAK,CAAC+C,IAAI,EAC7BvC,IAAI,KAAK,WAAW,IAAIR,KAAK,CAACgD,SAAS,EACvClB,QAAQ,IAAI9B,KAAK,CAAC8B,QACpB,CAAC;EAED,MAAM,CAAC1B,OAAO,EAAE6C,UAAU,CAAC,GAAG1D,QAAQ,CAAC,KAAK,CAAC;EAE7C,MAAM2D,aAAa,GAAG5D,WAAW,CAAC6D,KAAK,IAAId,OAAO,CAACc,KAAK,CAAC,EAAE,CAACd,OAAO,CAAC,CAAC;EAErE,MAAMe,eAAe,GAAG9D,WAAW,CAAC6D,KAAK,IAAIZ,SAAS,CAACY,KAAK,CAAC,EAAE,CAACZ,SAAS,CAAC,CAAC;EAE3E,MAAMc,eAAe,GAAG/D,WAAW,CAAC,MAAM;IACxC2D,UAAU,CAAC,IAAI,CAAC;EAClB,CAAC,EAAE,CAACA,UAAU,CAAC,CAAC;EAEhB,MAAMK,gBAAgB,GAAGhE,WAAW,CAAC,MAAM2D,UAAU,CAAC,KAAK,CAAC,EAAE,CAACA,UAAU,CAAC,CAAC;EAE3E,MAAMM,cAAc,GAAGjE,WAAW,CAChC,mBAAMD,KAAA,CAAAuB,aAAA;IAAMC,SAAS,EAAEb,KAAK,CAACwD;EAAsB,GAAEtB,WAAW,IAAID,SAAgB,CAAC,EACrF,CAACC,WAAW,EAAED,SAAS,CACzB,CAAC;EAED,MAAMwB,aAAa,GAAGA,CAAA,KAAM;IAC1B,MAAMC,oCAAoC,GAAGxB,WAAW,IAAID,SAAS;IACrE,IAAI,CAACyB,oCAAoC,EAAE,OAAO,IAAI;IACtD,oBACErE,KAAA,CAAAuB,aAAA,CAACd,OAAO;MACN6D,QAAQ,EAAE,EAAG;MACbC,QAAQ,EAAC,aAAa;MACtBC,gBAAgB,EAAEzD,OAAQ;MAC1B0D,SAAS,EAAE3B,gBAAiB;MAC5BoB,cAAc,EAAEA,cAAe;MAC/BG,oCAAoC,EAAEA;IAAqC,CAC5E,CAAC;EAEN,CAAC;EAED,MAAMK,YAAY,GAAGvE,OAAO,CAAC,MAAM;IACjC,OAAO;MACL,GAAGiC,WAAW;MACd,IAAI,CAACpB,oBAAoB,IAAIC,UAAU,KAAKF,OAAO,GAC/C;QACEiB,eAAe,EAAEhB,oBAAoB;QACrCe,KAAK,EAAEd;MACT,CAAC,GACD,IAAI;IACV,CAAC;EACH,CAAC,EAAE,CAACD,oBAAoB,EAAEC,UAAU,EAAEF,OAAO,EAAEqB,WAAW,CAAC,CAAC;EAE5D,IAAIW,IAAI,EAAE;IACR,oBACE/C,KAAA,CAAAuB,aAAA,CAAClB,IAAI,EAAAsE,QAAA,KACC5B,IAAI,EACHI,QAAQ,IAAI;MACfyB,KAAK,EAAEhC,SAAS,IAAIlB;IACtB,CAAC;MACDF,SAAS,EAAE4B,WAAY;MACvBzC,KAAK,EAAEyB,WAAY;MACnB,aAAWM,QAAS;MACpB,eAAaC,UAAW;MACxBK,OAAO,EAAEa,aAAc;MACvB,cAAYjB,SAAS,IAAIlB,KAAM;MAC/BT,UAAU,EAAEA,UAAW;MACvBD,oBAAoB,EAAEA,oBAAqB;MAC3C6D,YAAY,EAAEb,eAAgB;MAC9Bc,YAAY,EAAEb;IAAiB,IAE9BrD,gBAAgB,CACfC,IAAI,EACJC,OAAO,IAAIY,KAAK,EAChBX,OAAO,EACPC,oBAAoB,EACpBC,UAAU,EACVC,oBACF,CAAC,EACAkD,aAAa,CAAC,CACX,CAAC;EAEX;EAEA,oBACEpE,KAAA,CAAAuB,aAAA,WAAAoD,QAAA,KACOxB,QAAQ,IAAI;IACfyB,KAAK,EAAEhC,SAAS,IAAIlB;EACtB,CAAC,EACIkB,SAAS,IAAI,CAAClB,KAAK,GACpB;IACE,UAAU,EAAE,aAAa;IACzB,UAAU,EAAEX;EACd,CAAC,GACD,CAAC,CAAC;IACN;IACAI,IAAI,EAAEqB,KAAM;IACZ,cAAYI,SAAS,IAAIlB,KAAM;IAC/B,aAAWgB,QAAS;IACpB,eAAaC,UAAW;IACxBhC,KAAK,EAAE+D,YAAa;IACpBlD,SAAS,EAAE4B,WAAY;IACvBJ,OAAO,EAAEa,aAAc;IACvBX,SAAS,EAAEa,eAAgB;IAC3BgB,WAAW,EAAEf,eAAgB;IAC7Bc,YAAY,EAAEb,gBAAiB;IAC/Be,QAAQ,EAAE,CAAE;IACZvC,QAAQ,EAAEA;EAAS,IAElB7B,gBAAgB,CAACC,IAAI,EAAEC,OAAO,IAAIY,KAAK,EAAEX,OAAO,EAAEC,oBAAoB,EAAEC,UAAU,CAAC,EACnFmD,aAAa,CAAC,CACT,CAAC;AAEb,CAAC;AAED9B,UAAU,CAAC5B,SAAS,GAAAuE,OAAA,CAAAC,GAAA,CAAAC,QAAA,oBAAGzE,SAAS;AAEhC,eAAe4B,UAAU","ignoreList":[]}
+{"version":3,"file":"index.js","names":["React","useCallback","useState","useMemo","classnames","Link","FaIcon","DEFAULT_ICON_COLOR","ICONS","ToolTip","propTypes","style","getButtonContent","icon","content","hovered","hoverBackgroundColor","hoverColor","customLabelClassName","type","faIcon","position","Icon","createElement","className","buttonContent","label","dangerouslySetInnerHTML","__html","iconComponent","iconName","name","iconColor","color","backgroundColor","size","faSize","wrapperSize","customStyle","theme","ButtonLink","props","usage","disabled","dataName","dataTestId","ariaLabel","tooltipText","tooltipPlacement","link","onClick","_noop","onKeyDown","useTitle","styleButton","button","iconButton","primary","secondary","tertiary","text","dangerous","setHovered","handleOnClick","event","handleOnKeyDown","handleMouseOver","handleMouseLeave","TooltipContent","tooltipContentWrapper","renderToolTip","closeToolTipInformationTextAriaLabel","fontSize","anchorId","toolTipIsVisible","placement","_customStyle","_extends","title","onMouseEnter","onMouseLeave","onMouseOver","tabIndex","process","env","NODE_ENV"],"sources":["../../../src/atom/button-link/index.tsx"],"sourcesContent":["import React, {useCallback, useState, useMemo} from 'react';\nimport {noop} from 'lodash/fp';\nimport classnames from 'classnames';\nimport Link from '../link';\nimport FaIcon, {DEFAULT_ICON_COLOR, IconProps} from '../icon';\nimport {ICONS} from '../../util/button-icons';\nimport ToolTip from '../tooltip';\nimport propTypes, {ButtonLinkProps, IconType} from './types';\nimport style from './style.css';\n\nconst getButtonContent = (\n  icon?: IconType,\n  content?: string | React.ReactNode,\n  hovered?: boolean,\n  hoverBackgroundColor?: string,\n  hoverColor?: string,\n  customLabelClassName?: string\n) => {\n  const {type, faIcon, position} = icon || {type: '', position: ''};\n  const Icon = type && ICONS[type];\n\n  if (!Icon && !faIcon) {\n    return (\n      <div className={(style.buttonContent, customLabelClassName)}>\n        {typeof content === 'string' ? (\n          <span\n            className={(style.label, customLabelClassName)}\n            // eslint-disable-next-line react/no-danger\n            dangerouslySetInnerHTML={{__html: content}}\n          />\n        ) : (\n          <span className={(style.label, customLabelClassName)}>{content}</span>\n        )}\n      </div>\n    );\n  }\n\n  const iconComponent = faIcon ? (\n    <FaIcon\n      {...({\n        iconName: faIcon.name,\n        iconColor: hovered && hoverColor ? hoverColor : faIcon.color ?? DEFAULT_ICON_COLOR,\n        // eslint-disable-next-line no-nested-ternary\n        backgroundColor: !faIcon?.backgroundColor\n          ? null\n          : hovered && hoverBackgroundColor\n          ? hoverBackgroundColor\n          : faIcon.backgroundColor,\n        size: {\n          faSize: faIcon.size,\n          wrapperSize: faIcon.size\n        },\n        customStyle: faIcon.customStyle\n      } as IconProps)}\n    />\n  ) : (\n    <Icon className={style.icon} theme=\"coorpmanager\" />\n  );\n\n  return (\n    <div className={style.buttonContent}>\n      {position === 'left' ? iconComponent : null}\n      {content ? <span className={style.label}>{content}</span> : null}\n      {position === 'right' ? iconComponent : null}\n    </div>\n  );\n};\n\nconst ButtonLink = (props: ButtonLinkProps) => {\n  const {\n    type,\n    usage = 'button',\n    label,\n    content,\n    hoverBackgroundColor,\n    hoverColor,\n    disabled = false,\n    icon,\n    'data-name': dataName,\n    'data-testid': dataTestId = 'button-link',\n    'aria-label': ariaLabel,\n    tooltipText,\n    tooltipPlacement = 'left',\n    link,\n    onClick = noop,\n    onKeyDown = noop,\n    className,\n    customStyle,\n    useTitle = true,\n    customLabelClassName\n  } = props;\n  const styleButton = classnames(\n    link && style.link,\n    className,\n    style.button,\n    !label && style.iconButton,\n    type === 'primary' && style.primary,\n    type === 'secondary' && style.secondary,\n    type === 'tertiary' && style.tertiary,\n    type === 'text' && style.text,\n    type === 'dangerous' && style.dangerous,\n    disabled && style.disabled\n  );\n\n  const [hovered, setHovered] = useState(false);\n\n  const handleOnClick = useCallback(event => onClick(event), [onClick]);\n\n  const handleOnKeyDown = useCallback(event => onKeyDown(event), [onKeyDown]);\n\n  const handleMouseOver = useCallback(() => {\n    setHovered(true);\n  }, [setHovered]);\n\n  const handleMouseLeave = useCallback(() => setHovered(false), [setHovered]);\n\n  const TooltipContent = useCallback(\n    () => <span className={style.tooltipContentWrapper}>{tooltipText || ariaLabel}</span>,\n    [tooltipText, ariaLabel]\n  );\n\n  const renderToolTip = () => {\n    const closeToolTipInformationTextAriaLabel = tooltipText || ariaLabel;\n    if (!closeToolTipInformationTextAriaLabel) return null;\n    return (\n      <ToolTip\n        fontSize={12}\n        anchorId=\"button-icon\"\n        toolTipIsVisible={hovered}\n        placement={tooltipPlacement}\n        TooltipContent={TooltipContent}\n        closeToolTipInformationTextAriaLabel={closeToolTipInformationTextAriaLabel}\n      />\n    );\n  };\n\n  const _customStyle = useMemo(() => {\n    return {\n      ...customStyle,\n      ...((hoverBackgroundColor || hoverColor) && hovered\n        ? {\n            backgroundColor: hoverBackgroundColor,\n            color: hoverColor\n          }\n        : null)\n    };\n  }, [hoverBackgroundColor, hoverColor, hovered, customStyle]);\n\n  if (link) {\n    return (\n      <Link\n        {...link}\n        {...(useTitle && {\n          title: ariaLabel || label\n        })}\n        className={styleButton}\n        style={customStyle}\n        data-name={dataName}\n        data-testid={dataTestId}\n        onClick={handleOnClick}\n        aria-label={ariaLabel || label}\n        hoverColor={hoverColor}\n        hoverBackgroundColor={hoverBackgroundColor}\n        onMouseEnter={handleMouseOver}\n        onMouseLeave={handleMouseLeave}\n      >\n        {getButtonContent(\n          icon,\n          content ?? label,\n          hovered,\n          hoverBackgroundColor,\n          hoverColor,\n          customLabelClassName\n        )}\n        {renderToolTip()}\n      </Link>\n    );\n  }\n\n  return (\n    <button\n      {...(useTitle && {\n        title: ariaLabel || label\n      })}\n      {...(ariaLabel && !label\n        ? {\n            'data-for': 'button-icon',\n            'data-tip': hovered\n          }\n        : {})}\n      // eslint-disable-next-line react/button-has-type\n      type={usage}\n      aria-label={ariaLabel || label}\n      data-name={dataName}\n      data-testid={dataTestId}\n      style={_customStyle}\n      className={styleButton}\n      onClick={handleOnClick}\n      onKeyDown={handleOnKeyDown}\n      onMouseOver={handleMouseOver}\n      onMouseLeave={handleMouseLeave}\n      tabIndex={0}\n      disabled={disabled}\n    >\n      {getButtonContent(icon, content ?? label, hovered, hoverBackgroundColor, hoverColor)}\n      {renderToolTip()}\n    </button>\n  );\n};\n\nButtonLink.propTypes = propTypes;\n\nexport default ButtonLink;\n"],"mappings":"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","ignoreList":[]}

package/es/atom/button-menu/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atom/button-menu/index.tsx"],"names":[],"mappings":";AAMA,OAAkB,EAAC,eAAe,EAA+B,MAAM,SAAS,CAAC;AAkEjF,QAAA,MAAM,UAAU;YAAW,eAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAqBzC,CAAC;AAIF,eAAe,UAAU,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atom/button-menu/index.tsx"],"names":[],"mappings":";AAMA,OAAkB,EAAC,eAAe,EAA+B,MAAM,SAAS,CAAC;AAmEjF,QAAA,MAAM,UAAU;YAAW,eAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAqBzC,CAAC;AAIF,eAAe,UAAU,CAAC"}

package/es/atom/button-menu/index.js

@@ -30,6 +30,7 @@ const buildCustomIconByTheme = icon => {
 const Button = props => {
   const {
     'data-name': dataName,
+    'aria-label': ariaLabel,
     disabled,
     label,
     onClick = _noop,
@@ -44,7 +45,7 @@ const Button = props => {
   const handleOnClick = useCallback(() => onClick(), [onClick]);
   const buttonLinkProps = {
     ...rest,
-    'aria-label': label,
+    'aria-label': ariaLabel || label,
     disabled,
     label,
     type: buttonLinkType,

package/es/atom/button-menu/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","useMemo","useCallback","map","classnames","ButtonLink","style","propTypes","buttonPropTypes","DEFAULT_ICON_STYLE","THEMES","buildCustomIconByTheme","icon","theme","iconProps","custom","customProps","faIcon","Button","props","dataName","disabled","label","onClick","_noop","type","buttonLinkType","customStyle","customLabelClassName","rest","styleButton","button","defaultStyle","defaultLeft","dangerous","dangerousLeft","handleOnClick","buttonLinkProps","className","createElement","_extends","process","env","NODE_ENV","ButtonMenu","buttons","enableScroll","buildButton","index","key","buttonList","convert","cap","containerStyle","buttonMenuContainer","scrollable"],"sources":["../../../src/atom/button-menu/index.tsx"],"sourcesContent":["import React, {useMemo, useCallback} from 'react';\nimport map from 'lodash/fp/map';\nimport classnames from 'classnames';\nimport {noop} from 'lodash/fp';\nimport ButtonLink from '../button-link';\nimport style from './style.css';\nimport propTypes, {ButtonMenuProps, ButtonProps, buttonPropTypes} from './types';\nimport {DEFAULT_ICON_STYLE, THEMES} from './utils';\n\nconst buildCustomIconByTheme = (icon: ButtonProps['icon']) => {\n  if (!icon) return;\n\n  const {theme, ...iconProps} = icon;\n  const custom = theme && THEMES[theme];\n  if (!custom) return iconProps;\n\n  const customProps = custom\n    ? {\n        ...DEFAULT_ICON_STYLE,\n        faIcon: {...DEFAULT_ICON_STYLE.faIcon, ...custom}\n      }\n    : null;\n\n  return {\n    ...iconProps,\n    ...customProps\n  };\n};\n\nconst Button = (props: ButtonProps) => {\n  const {\n    'data-name': dataName,\n    disabled,\n    label,\n    onClick = noop,\n    type = 'default',\n    buttonLinkType,\n    icon,\n    customStyle = {},\n    customLabelClassName,\n    ...rest\n  } = props;\n  const styleButton = classnames(\n    style.button,\n    type === 'default' && style.defaultStyle,\n    type === 'defaultLeft' && style.defaultLeft,\n    type === 'dangerous' && style.dangerous,\n    type === 'dangerousLeft' && style.dangerousLeft,\n    disabled && style.disabled\n  );\n  const handleOnClick = useCallback(() => onClick(), [onClick]);\n\n  const buttonLinkProps = {\n    ...rest,\n    'aria-label': label,\n    disabled,\n    label,\n    type: buttonLinkType,\n    onClick: handleOnClick,\n    'data-name': dataName,\n    className: styleButton,\n    customStyle: {...customStyle},\n    customLabelClassName\n  };\n\n  const iconProps = buildCustomIconByTheme(icon);\n\n  return <ButtonLink {...buttonLinkProps} icon={iconProps} />;\n};\n\nButton.propTypes = buttonPropTypes;\n\nconst ButtonMenu = (props: ButtonMenuProps) => {\n  const {buttons, 'data-name': dataName, enableScroll = false} = props;\n  const buildButton = useCallback((button: ButtonProps, index) => {\n    return <Button {...button} key={button.label + index} />;\n  }, []);\n\n  const buttonList = useMemo(\n    // @ts-expect-error (to avoid using map as any)\n    () => map.convert({cap: false})(buildButton, buttons),\n    [buttons, buildButton]\n  );\n\n  const containerStyle = classnames(style.buttonMenuContainer, {\n    [style.scrollable]: enableScroll\n  });\n\n  return (\n    <div data-name={dataName} className={containerStyle}>\n      {buttonList}\n    </div>\n  );\n};\n\nButtonMenu.propTypes = propTypes;\n\nexport default ButtonMenu;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.js","names":["React","useMemo","useCallback","map","classnames","ButtonLink","style","propTypes","buttonPropTypes","DEFAULT_ICON_STYLE","THEMES","buildCustomIconByTheme","icon","theme","iconProps","custom","customProps","faIcon","Button","props","dataName","ariaLabel","disabled","label","onClick","_noop","type","buttonLinkType","customStyle","customLabelClassName","rest","styleButton","button","defaultStyle","defaultLeft","dangerous","dangerousLeft","handleOnClick","buttonLinkProps","className","createElement","_extends","process","env","NODE_ENV","ButtonMenu","buttons","enableScroll","buildButton","index","key","buttonList","convert","cap","containerStyle","buttonMenuContainer","scrollable"],"sources":["../../../src/atom/button-menu/index.tsx"],"sourcesContent":["import React, {useMemo, useCallback} from 'react';\nimport map from 'lodash/fp/map';\nimport classnames from 'classnames';\nimport {noop} from 'lodash/fp';\nimport ButtonLink from '../button-link';\nimport style from './style.css';\nimport propTypes, {ButtonMenuProps, ButtonProps, buttonPropTypes} from './types';\nimport {DEFAULT_ICON_STYLE, THEMES} from './utils';\n\nconst buildCustomIconByTheme = (icon: ButtonProps['icon']) => {\n  if (!icon) return;\n\n  const {theme, ...iconProps} = icon;\n  const custom = theme && THEMES[theme];\n  if (!custom) return iconProps;\n\n  const customProps = custom\n    ? {\n        ...DEFAULT_ICON_STYLE,\n        faIcon: {...DEFAULT_ICON_STYLE.faIcon, ...custom}\n      }\n    : null;\n\n  return {\n    ...iconProps,\n    ...customProps\n  };\n};\n\nconst Button = (props: ButtonProps) => {\n  const {\n    'data-name': dataName,\n    'aria-label': ariaLabel,\n    disabled,\n    label,\n    onClick = noop,\n    type = 'default',\n    buttonLinkType,\n    icon,\n    customStyle = {},\n    customLabelClassName,\n    ...rest\n  } = props;\n  const styleButton = classnames(\n    style.button,\n    type === 'default' && style.defaultStyle,\n    type === 'defaultLeft' && style.defaultLeft,\n    type === 'dangerous' && style.dangerous,\n    type === 'dangerousLeft' && style.dangerousLeft,\n    disabled && style.disabled\n  );\n  const handleOnClick = useCallback(() => onClick(), [onClick]);\n\n  const buttonLinkProps = {\n    ...rest,\n    'aria-label': ariaLabel || label,\n    disabled,\n    label,\n    type: buttonLinkType,\n    onClick: handleOnClick,\n    'data-name': dataName,\n    className: styleButton,\n    customStyle: {...customStyle},\n    customLabelClassName\n  };\n\n  const iconProps = buildCustomIconByTheme(icon);\n\n  return <ButtonLink {...buttonLinkProps} icon={iconProps} />;\n};\n\nButton.propTypes = buttonPropTypes;\n\nconst ButtonMenu = (props: ButtonMenuProps) => {\n  const {buttons, 'data-name': dataName, enableScroll = false} = props;\n  const buildButton = useCallback((button: ButtonProps, index) => {\n    return <Button {...button} key={button.label + index} />;\n  }, []);\n\n  const buttonList = useMemo(\n    // @ts-expect-error (to avoid using map as any)\n    () => map.convert({cap: false})(buildButton, buttons),\n    [buttons, buildButton]\n  );\n\n  const containerStyle = classnames(style.buttonMenuContainer, {\n    [style.scrollable]: enableScroll\n  });\n\n  return (\n    <div data-name={dataName} className={containerStyle}>\n      {buttonList}\n    </div>\n  );\n};\n\nButtonMenu.propTypes = propTypes;\n\nexport default ButtonMenu;\n"],"mappings":"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","ignoreList":[]}

package/es/atom/chip/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atom/chip/index.js"],"names":[],"mappings":"AAmBO,qGAG0E;;AAGjF,6DAiEC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atom/chip/index.js"],"names":[],"mappings":"AAeO,qGAG0E;;AAGjF,6DAiEC"}

package/es/atom/chip/index.js

@@ -4,12 +4,9 @@ import classnames from 'classnames';
 import get from 'lodash/fp/get';
 import { convert } from 'css-color-function';
 import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
-import { fas } from '@fortawesome/pro-solid-svg-icons';
-import { library } from '@fortawesome/fontawesome-svg-core';
 import Provider from '../provider';
 import { COLORS } from '../../variables/colors';
 import style from './style.css';
-library.add(fas);
 const LUMINOSITY_DELTA = 0.08;
 const {
   cm_primary_blue: DEFAULT_BACKGROUND_COLOR

package/es/atom/chip/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","useMemo","useState","useCallback","PropTypes","classnames","get","convert","FontAwesomeIcon","fas","library","Provider","COLORS","style","add","LUMINOSITY_DELTA","cm_primary_blue","DEFAULT_BACKGROUND_COLOR","ICON_SIZE","calculateHoveredSelectedBgColor","selectedBgColor","luminosityDelta","Chip","props","context","text","subText","selected","customIcon","onClick","leftIcon","backgroundColor","skin","skinColor","hoveredSelectedBgColor","isHovered","setIsHovered","handleClick","handleMouseEnter","handleMouseLeave","hoverStyle","defaultIcon","color","white","cm_grey_400","createElement","className","container","unselected","onMouseEnter","onMouseLeave","left","icon","fontSize","title","contextTypes","childContextTypes","propTypes","process","env","NODE_ENV","string","bool","func"],"sources":["../../../src/atom/chip/index.js"],"sourcesContent":["import React, {useMemo, useState, useCallback} from 'react';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\n\nimport get from 'lodash/fp/get';\nimport {convert} from 'css-color-function';\nimport {FontAwesomeIcon} from '@fortawesome/react-fontawesome';\nimport {fas} from '@fortawesome/pro-solid-svg-icons';\nimport {library} from '@fortawesome/fontawesome-svg-core';\nimport Provider from '../provider';\nimport {COLORS} from '../../variables/colors';\nimport style from './style.css';\n\nlibrary.add(fas);\n\nconst LUMINOSITY_DELTA = 0.08;\nconst {cm_primary_blue: DEFAULT_BACKGROUND_COLOR} = COLORS;\nconst ICON_SIZE = '12px';\n\nexport const calculateHoveredSelectedBgColor = (\n  selectedBgColor,\n  luminosityDelta = LUMINOSITY_DELTA\n) => convert(`hsl(from ${selectedBgColor} h s calc(l*(1 - ${luminosityDelta})))`);\n// note: luminosity decrease is relative to the selected color\n\nconst Chip = (props, context) => {\n  const {\n    text,\n    subText,\n    selected = false,\n    customIcon,\n    onClick,\n    leftIcon,\n    backgroundColor = DEFAULT_BACKGROUND_COLOR\n  } = props;\n  const {skin} = context;\n  const skinColor = get('common.primary', skin);\n  const selectedBgColor = backgroundColor === 'skin' && skinColor ? skinColor : backgroundColor;\n  const hoveredSelectedBgColor = calculateHoveredSelectedBgColor(selectedBgColor);\n\n  const [isHovered, setIsHovered] = useState(false);\n\n  const handleClick = useMemo(() => onClick, [onClick]);\n\n  const handleMouseEnter = useCallback(() => {\n    setIsHovered(true);\n  }, []);\n\n  const handleMouseLeave = useCallback(() => {\n    setIsHovered(false);\n  }, []);\n\n  const hoverStyle = isHovered ? {backgroundColor: hoveredSelectedBgColor} : {};\n\n  const defaultIcon = selected ? 'fa-check' : 'fa-plus';\n  const color = selected ? COLORS.white : COLORS.cm_grey_400;\n\n  return (\n    <div\n      className={classnames(style.container, !selected && style.unselected)}\n      style={{\n        ...(selected && selectedBgColor ? {backgroundColor: selectedBgColor} : {}),\n        ...(selected && hoverStyle)\n      }}\n      onClick={handleClick}\n      onMouseEnter={handleMouseEnter}\n      onMouseLeave={handleMouseLeave}\n      aria-label={text}\n      data-name={`chip-${text}`}\n    >\n      <div className={style.left}>\n        {leftIcon ? <FontAwesomeIcon style={{color}} icon={leftIcon} fontSize={ICON_SIZE} /> : null}\n        <div title={text}>\n          <span className={style.text} style={{color}}>\n            {text}\n          </span>\n          {subText ? (\n            <span className={style.subText} style={{color}}>\n              {subText}\n            </span>\n          ) : null}\n        </div>\n      </div>\n      <FontAwesomeIcon\n        style={{color}}\n        icon={customIcon ? `fa-${customIcon}` : defaultIcon}\n        fontSize={ICON_SIZE}\n      />\n    </div>\n  );\n};\n\nChip.contextTypes = {\n  skin: Provider.childContextTypes.skin\n};\n\nChip.propTypes = {\n  text: PropTypes.string,\n  subText: PropTypes.string,\n  selected: PropTypes.bool,\n  customIcon: PropTypes.string,\n  backgroundColor: PropTypes.string,\n  onClick: PropTypes.func,\n  leftIcon: PropTypes.string\n};\n\nexport default Chip;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.js","names":["React","useMemo","useState","useCallback","PropTypes","classnames","get","convert","FontAwesomeIcon","Provider","COLORS","style","LUMINOSITY_DELTA","cm_primary_blue","DEFAULT_BACKGROUND_COLOR","ICON_SIZE","calculateHoveredSelectedBgColor","selectedBgColor","luminosityDelta","Chip","props","context","text","subText","selected","customIcon","onClick","leftIcon","backgroundColor","skin","skinColor","hoveredSelectedBgColor","isHovered","setIsHovered","handleClick","handleMouseEnter","handleMouseLeave","hoverStyle","defaultIcon","color","white","cm_grey_400","createElement","className","container","unselected","onMouseEnter","onMouseLeave","left","icon","fontSize","title","contextTypes","childContextTypes","propTypes","process","env","NODE_ENV","string","bool","func"],"sources":["../../../src/atom/chip/index.js"],"sourcesContent":["import React, {useMemo, useState, useCallback} from 'react';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\n\nimport get from 'lodash/fp/get';\nimport {convert} from 'css-color-function';\nimport {FontAwesomeIcon} from '@fortawesome/react-fontawesome';\nimport Provider from '../provider';\nimport {COLORS} from '../../variables/colors';\nimport style from './style.css';\n\nconst LUMINOSITY_DELTA = 0.08;\nconst {cm_primary_blue: DEFAULT_BACKGROUND_COLOR} = COLORS;\nconst ICON_SIZE = '12px';\n\nexport const calculateHoveredSelectedBgColor = (\n  selectedBgColor,\n  luminosityDelta = LUMINOSITY_DELTA\n) => convert(`hsl(from ${selectedBgColor} h s calc(l*(1 - ${luminosityDelta})))`);\n// note: luminosity decrease is relative to the selected color\n\nconst Chip = (props, context) => {\n  const {\n    text,\n    subText,\n    selected = false,\n    customIcon,\n    onClick,\n    leftIcon,\n    backgroundColor = DEFAULT_BACKGROUND_COLOR\n  } = props;\n  const {skin} = context;\n  const skinColor = get('common.primary', skin);\n  const selectedBgColor = backgroundColor === 'skin' && skinColor ? skinColor : backgroundColor;\n  const hoveredSelectedBgColor = calculateHoveredSelectedBgColor(selectedBgColor);\n\n  const [isHovered, setIsHovered] = useState(false);\n\n  const handleClick = useMemo(() => onClick, [onClick]);\n\n  const handleMouseEnter = useCallback(() => {\n    setIsHovered(true);\n  }, []);\n\n  const handleMouseLeave = useCallback(() => {\n    setIsHovered(false);\n  }, []);\n\n  const hoverStyle = isHovered ? {backgroundColor: hoveredSelectedBgColor} : {};\n\n  const defaultIcon = selected ? 'fa-check' : 'fa-plus';\n  const color = selected ? COLORS.white : COLORS.cm_grey_400;\n\n  return (\n    <div\n      className={classnames(style.container, !selected && style.unselected)}\n      style={{\n        ...(selected && selectedBgColor ? {backgroundColor: selectedBgColor} : {}),\n        ...(selected && hoverStyle)\n      }}\n      onClick={handleClick}\n      onMouseEnter={handleMouseEnter}\n      onMouseLeave={handleMouseLeave}\n      aria-label={text}\n      data-name={`chip-${text}`}\n    >\n      <div className={style.left}>\n        {leftIcon ? <FontAwesomeIcon style={{color}} icon={leftIcon} fontSize={ICON_SIZE} /> : null}\n        <div title={text}>\n          <span className={style.text} style={{color}}>\n            {text}\n          </span>\n          {subText ? (\n            <span className={style.subText} style={{color}}>\n              {subText}\n            </span>\n          ) : null}\n        </div>\n      </div>\n      <FontAwesomeIcon\n        style={{color}}\n        icon={customIcon ? `fa-${customIcon}` : defaultIcon}\n        fontSize={ICON_SIZE}\n      />\n    </div>\n  );\n};\n\nChip.contextTypes = {\n  skin: Provider.childContextTypes.skin\n};\n\nChip.propTypes = {\n  text: PropTypes.string,\n  subText: PropTypes.string,\n  selected: PropTypes.bool,\n  customIcon: PropTypes.string,\n  backgroundColor: PropTypes.string,\n  onClick: PropTypes.func,\n  leftIcon: PropTypes.string\n};\n\nexport default Chip;\n"],"mappings":"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","ignoreList":[]}

package/es/atom/input-text/index.d.ts

@@ -8,7 +8,6 @@ declare namespace InputText {
         defaultValue: PropTypes.Requireable<string>;
         theme: PropTypes.Requireable<string>;
         disabled: PropTypes.Requireable<boolean>;
-        readOnly: PropTypes.Requireable<boolean>;
         value: PropTypes.Requireable<string>;
         hint: PropTypes.Requireable<string>;
         error: PropTypes.Requireable<string>;

package/es/atom/input-text/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atom/input-text/index.js"],"names":[],"mappings":";AAkBA,oDA+FC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atom/input-text/index.js"],"names":[],"mappings":";AAkBA,oDA4FC"}

package/es/atom/input-text/index.js

@@ -28,7 +28,6 @@ const InputText = props => {
     theme = 'default',
     description,
     disabled,
-    readOnly = false,
     modified = false,
     title: propsTitle,
     'data-name': dataName = 'input-text',
@@ -64,7 +63,7 @@ const InputText = props => {
     className: style.leftIcon
   }) : null;
   return /*#__PURE__*/React.createElement("div", {
-    className: classnames(mainClass, className, disabled && style.disabled, readOnly && style.readOnly, _isNil(propsTitle) && style.isNoTitle)
+    className: classnames(mainClass, className, disabled && style.disabled, _isNil(propsTitle) && style.isNoTitle)
   }, /*#__PURE__*/React.createElement("label", null, /*#__PURE__*/React.createElement("span", {
     className: classnames(style.title, _isEmpty(value) && style.noValue)
   }, propsTitle, toolTipView), /*#__PURE__*/React.createElement("input", {
@@ -78,7 +77,6 @@ const InputText = props => {
     value: value,
     onInput: handleChange,
     disabled: disabled,
-    readOnly: readOnly,
     onChange: _noop,
     "data-name": dataName,
     "aria-label": ariaLabel
@@ -96,7 +94,6 @@ InputText.propTypes = process.env.NODE_ENV !== "production" ? {
   defaultValue: PropTypes.string,
   theme: PropTypes.oneOf(_keys(themeStyle)),
   disabled: PropTypes.bool,
-  readOnly: PropTypes.bool,
   value: PropTypes.string,
   hint: PropTypes.string,
   error: PropTypes.string,

package/es/atom/input-text/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","useMemo","PropTypes","NovaSolidStatusCheckCircle2","CheckIcon","NovaSolidStatusClose","ErrorIcon","NovaCompositionCoorpacademyInformationIcon","InfoIcon","classnames","getClassState","style","themeStyle","setup","coorpmanager","cockpit","default","defaultStyle","InputText","props","autoFocus","placeholder","value","type","hint","defaultValue","onChange","_noop","error","valid","theme","description","disabled","readOnly","modified","title","propsTitle","dataName","ariaLabel","inputColor","isCMTheme","handleChange","e","target","mainClass","className","descriptionView","createElement","toolTipView","infoIconWrapper","infoIcon","descriptionLabel","hintView","dangerouslySetInnerHTML","__html","errorIconView","leftIcon","validIconView","_isNil","isNoTitle","_isEmpty","noValue","name","input","autoComplete","onInput","preview","backgroundColor","propTypes","process","env","NODE_ENV","bool","string","oneOf","_keys","func"],"sources":["../../../src/atom/input-text/index.js"],"sourcesContent":["import React, {useMemo} from 'react';\nimport PropTypes from 'prop-types';\nimport {noop, isNil, keys, isEmpty} from 'lodash/fp';\nimport {\n  NovaSolidStatusCheckCircle2 as CheckIcon,\n  NovaSolidStatusClose as ErrorIcon,\n  NovaCompositionCoorpacademyInformationIcon as InfoIcon\n} from '@coorpacademy/nova-icons';\nimport classnames from 'classnames';\nimport getClassState from '../../util/get-class-state';\nimport style from './style.css';\n\nconst themeStyle = {\n  setup: style.setup,\n  coorpmanager: style.coorpmanager,\n  cockpit: style.cockpit,\n  default: style.defaultStyle\n};\nconst InputText = props => {\n  const {\n    autoFocus = false,\n    placeholder = '',\n    value,\n    type = 'text',\n    hint,\n    defaultValue,\n    onChange = noop,\n    error,\n    valid,\n    theme = 'default',\n    description,\n    disabled,\n    readOnly = false,\n    modified = false,\n    title: propsTitle,\n    'data-name': dataName = 'input-text',\n    'aria-label': ariaLabel = 'Input Text',\n    inputColor = false\n  } = props;\n\n  const isCMTheme = theme === 'coorpmanager';\n  const handleChange = useMemo(() => e => onChange(e.target.value), [onChange]);\n  const mainClass = themeStyle[theme];\n  const className = getClassState(style.defaultStyle, style.modified, style.error, modified, error);\n  const descriptionView =\n    description && theme !== 'coorpmanager' ? (\n      <div className={style.description}>{description}</div>\n    ) : null;\n  const toolTipView =\n    description && theme === 'coorpmanager' ? (\n      <div className={style.infoIconWrapper}>\n        <InfoIcon className={style.infoIcon} />\n        <div className={style.descriptionLabel}>{description}</div>\n      </div>\n    ) : null;\n  const hintView =\n    theme === 'coorpmanager' ? (\n      <div\n        className={style.hint}\n        // eslint-disable-next-line react/no-danger\n        dangerouslySetInnerHTML={{__html: error || hint}}\n      />\n    ) : null;\n  const errorIconView = isCMTheme && error ? <ErrorIcon className={style.leftIcon} /> : null;\n  const validIconView = isCMTheme && valid ? <CheckIcon className={style.leftIcon} /> : null;\n\n  return (\n    <div\n      className={classnames(\n        mainClass,\n        className,\n        disabled && style.disabled,\n        readOnly && style.readOnly,\n        isNil(propsTitle) && style.isNoTitle\n      )}\n    >\n      <label>\n        <span className={classnames(style.title, isEmpty(value) && style.noValue)}>\n          {propsTitle}\n          {toolTipView}\n        </span>\n\n        <input\n          autoFocus={autoFocus}\n          type={type}\n          name={propsTitle}\n          className={style.input}\n          placeholder={placeholder}\n          defaultValue={defaultValue}\n          autoComplete={'off'}\n          value={value}\n          onInput={handleChange}\n          disabled={disabled}\n          readOnly={readOnly}\n          onChange={noop}\n          data-name={dataName}\n          aria-label={ariaLabel}\n        />\n        {inputColor && !error && value ? (\n          <span\n            className={style.preview}\n            style={{\n              backgroundColor: value\n            }}\n          />\n        ) : null}\n        {errorIconView}\n        {validIconView}\n        {hintView}\n      </label>\n      {descriptionView}\n    </div>\n  );\n};\n\nInputText.propTypes = {\n  autoFocus: PropTypes.bool,\n  title: PropTypes.string,\n  placeholder: PropTypes.string,\n  defaultValue: PropTypes.string,\n  theme: PropTypes.oneOf(keys(themeStyle)),\n  disabled: PropTypes.bool,\n  readOnly: PropTypes.bool,\n  value: PropTypes.string,\n  hint: PropTypes.string,\n  error: PropTypes.string,\n  onChange: PropTypes.func,\n  description: PropTypes.string,\n  modified: PropTypes.bool,\n  type: PropTypes.string,\n  valid: PropTypes.bool,\n  'aria-label': PropTypes.string,\n  'data-name': PropTypes.string,\n  inputColor: PropTypes.bool\n};\nexport default InputText;\n"],"mappings":";;;;AAAA,OAAOA,KAAK,IAAGC,OAAO,QAAO,OAAO;AACpC,OAAOC,SAAS,MAAM,YAAY;AAElC,SACEC,2BAA2B,IAAIC,SAAS,EACxCC,oBAAoB,IAAIC,SAAS,EACjCC,0CAA0C,IAAIC,QAAQ,QACjD,0BAA0B;AACjC,OAAOC,UAAU,MAAM,YAAY;AACnC,OAAOC,aAAa,MAAM,4BAA4B;AACtD,OAAOC,KAAK,MAAM,aAAa;AAE/B,MAAMC,UAAU,GAAG;EACjBC,KAAK,EAAEF,KAAK,CAACE,KAAK;EAClBC,YAAY,EAAEH,KAAK,CAACG,YAAY;EAChCC,OAAO,EAAEJ,KAAK,CAACI,OAAO;EACtBC,OAAO,EAAEL,KAAK,CAACM;AACjB,CAAC;AACD,MAAMC,SAAS,GAAGC,KAAK,IAAI;EACzB,MAAM;IACJC,SAAS,GAAG,KAAK;IACjBC,WAAW,GAAG,EAAE;IAChBC,KAAK;IACLC,IAAI,GAAG,MAAM;IACbC,IAAI;IACJC,YAAY;IACZC,QAAQ,GAAAC,KAAO;IACfC,KAAK;IACLC,KAAK;IACLC,KAAK,GAAG,SAAS;IACjBC,WAAW;IACXC,QAAQ;IACRC,QAAQ,GAAG,KAAK;IAChBC,QAAQ,GAAG,KAAK;IAChBC,KAAK,EAAEC,UAAU;IACjB,WAAW,EAAEC,QAAQ,GAAG,YAAY;IACpC,YAAY,EAAEC,SAAS,GAAG,YAAY;IACtCC,UAAU,GAAG;EACf,CAAC,GAAGpB,KAAK;EAET,MAAMqB,SAAS,GAAGV,KAAK,KAAK,cAAc;EAC1C,MAAMW,YAAY,GAAGxC,OAAO,CAAC,MAAMyC,CAAC,IAAIhB,QAAQ,CAACgB,CAAC,CAACC,MAAM,CAACrB,KAAK,CAAC,EAAE,CAACI,QAAQ,CAAC,CAAC;EAC7E,MAAMkB,SAAS,GAAGhC,UAAU,CAACkB,KAAK,CAAC;EACnC,MAAMe,SAAS,GAAGnC,aAAa,CAACC,KAAK,CAACM,YAAY,EAAEN,KAAK,CAACuB,QAAQ,EAAEvB,KAAK,CAACiB,KAAK,EAAEM,QAAQ,EAAEN,KAAK,CAAC;EACjG,MAAMkB,eAAe,GACnBf,WAAW,IAAID,KAAK,KAAK,cAAc,gBACrC9B,KAAA,CAAA+C,aAAA;IAAKF,SAAS,EAAElC,KAAK,CAACoB;EAAY,GAAEA,WAAiB,CAAC,GACpD,IAAI;EACV,MAAMiB,WAAW,GACfjB,WAAW,IAAID,KAAK,KAAK,cAAc,gBACrC9B,KAAA,CAAA+C,aAAA;IAAKF,SAAS,EAAElC,KAAK,CAACsC;EAAgB,gBACpCjD,KAAA,CAAA+C,aAAA,CAACvC,QAAQ;IAACqC,SAAS,EAAElC,KAAK,CAACuC;EAAS,CAAE,CAAC,eACvClD,KAAA,CAAA+C,aAAA;IAAKF,SAAS,EAAElC,KAAK,CAACwC;EAAiB,GAAEpB,WAAiB,CACvD,CAAC,GACJ,IAAI;EACV,MAAMqB,QAAQ,GACZtB,KAAK,KAAK,cAAc,gBACtB9B,KAAA,CAAA+C,aAAA;IACEF,SAAS,EAAElC,KAAK,CAACa;IACjB;IAAA;IACA6B,uBAAuB,EAAE;MAACC,MAAM,EAAE1B,KAAK,IAAIJ;IAAI;EAAE,CAClD,CAAC,GACA,IAAI;EACV,MAAM+B,aAAa,GAAGf,SAAS,IAAIZ,KAAK,gBAAG5B,KAAA,CAAA+C,aAAA,CAACzC,SAAS;IAACuC,SAAS,EAAElC,KAAK,CAAC6C;EAAS,CAAE,CAAC,GAAG,IAAI;EAC1F,MAAMC,aAAa,GAAGjB,SAAS,IAAIX,KAAK,gBAAG7B,KAAA,CAAA+C,aAAA,CAAC3C,SAAS;IAACyC,SAAS,EAAElC,KAAK,CAAC6C;EAAS,CAAE,CAAC,GAAG,IAAI;EAE1F,oBACExD,KAAA,CAAA+C,aAAA;IACEF,SAAS,EAAEpC,UAAU,CACnBmC,SAAS,EACTC,SAAS,EACTb,QAAQ,IAAIrB,KAAK,CAACqB,QAAQ,EAC1BC,QAAQ,IAAItB,KAAK,CAACsB,QAAQ,EAC1ByB,MAAA,CAAMtB,UAAU,CAAC,IAAIzB,KAAK,CAACgD,SAC7B;EAAE,gBAEF3D,KAAA,CAAA+C,aAAA,6BACE/C,KAAA,CAAA+C,aAAA;IAAMF,SAAS,EAAEpC,UAAU,CAACE,KAAK,CAACwB,KAAK,EAAEyB,QAAA,CAAQtC,KAAK,CAAC,IAAIX,KAAK,CAACkD,OAAO;EAAE,GACvEzB,UAAU,EACVY,WACG,CAAC,eAEPhD,KAAA,CAAA+C,aAAA;IACE3B,SAAS,EAAEA,SAAU;IACrBG,IAAI,EAAEA,IAAK;IACXuC,IAAI,EAAE1B,UAAW;IACjBS,SAAS,EAAElC,KAAK,CAACoD,KAAM;IACvB1C,WAAW,EAAEA,WAAY;IACzBI,YAAY,EAAEA,YAAa;IAC3BuC,YAAY,EAAE,KAAM;IACpB1C,KAAK,EAAEA,KAAM;IACb2C,OAAO,EAAExB,YAAa;IACtBT,QAAQ,EAAEA,QAAS;IACnBC,QAAQ,EAAEA,QAAS;IACnBP,QAAQ,EAAAC,KAAO;IACf,aAAWU,QAAS;IACpB,cAAYC;EAAU,CACvB,CAAC,EACDC,UAAU,IAAI,CAACX,KAAK,IAAIN,KAAK,gBAC5BtB,KAAA,CAAA+C,aAAA;IACEF,SAAS,EAAElC,KAAK,CAACuD,OAAQ;IACzBvD,KAAK,EAAE;MACLwD,eAAe,EAAE7C;IACnB;EAAE,CACH,CAAC,GACA,IAAI,EACPiC,aAAa,EACbE,aAAa,EACbL,QACI,CAAC,EACPN,eACE,CAAC;AAEV,CAAC;AAED5B,SAAS,CAACkD,SAAS,GAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA,oBAAG;EACpBnD,SAAS,EAAElB,SAAS,CAACsE,IAAI;EACzBrC,KAAK,EAAEjC,SAAS,CAACuE,MAAM;EACvBpD,WAAW,EAAEnB,SAAS,CAACuE,MAAM;EAC7BhD,YAAY,EAAEvB,SAAS,CAACuE,MAAM;EAC9B3C,KAAK,EAAE5B,SAAS,CAACwE,KAAK,CAACC,KAAA,CAAK/D,UAAU,CAAC,CAAC;EACxCoB,QAAQ,EAAE9B,SAAS,CAACsE,IAAI;EACxBvC,QAAQ,EAAE/B,SAAS,CAACsE,IAAI;EACxBlD,KAAK,EAAEpB,SAAS,CAACuE,MAAM;EACvBjD,IAAI,EAAEtB,SAAS,CAACuE,MAAM;EACtB7C,KAAK,EAAE1B,SAAS,CAACuE,MAAM;EACvB/C,QAAQ,EAAExB,SAAS,CAAC0E,IAAI;EACxB7C,WAAW,EAAE7B,SAAS,CAACuE,MAAM;EAC7BvC,QAAQ,EAAEhC,SAAS,CAACsE,IAAI;EACxBjD,IAAI,EAAErB,SAAS,CAACuE,MAAM;EACtB5C,KAAK,EAAE3B,SAAS,CAACsE,IAAI;EACrB,YAAY,EAAEtE,SAAS,CAACuE,MAAM;EAC9B,WAAW,EAAEvE,SAAS,CAACuE,MAAM;EAC7BlC,UAAU,EAAErC,SAAS,CAACsE;AACxB,CAAC;AACD,eAAetD,SAAS","ignoreList":[]}
+{"version":3,"file":"index.js","names":["React","useMemo","PropTypes","NovaSolidStatusCheckCircle2","CheckIcon","NovaSolidStatusClose","ErrorIcon","NovaCompositionCoorpacademyInformationIcon","InfoIcon","classnames","getClassState","style","themeStyle","setup","coorpmanager","cockpit","default","defaultStyle","InputText","props","autoFocus","placeholder","value","type","hint","defaultValue","onChange","_noop","error","valid","theme","description","disabled","modified","title","propsTitle","dataName","ariaLabel","inputColor","isCMTheme","handleChange","e","target","mainClass","className","descriptionView","createElement","toolTipView","infoIconWrapper","infoIcon","descriptionLabel","hintView","dangerouslySetInnerHTML","__html","errorIconView","leftIcon","validIconView","_isNil","isNoTitle","_isEmpty","noValue","name","input","autoComplete","onInput","preview","backgroundColor","propTypes","process","env","NODE_ENV","bool","string","oneOf","_keys","func"],"sources":["../../../src/atom/input-text/index.js"],"sourcesContent":["import React, {useMemo} from 'react';\nimport PropTypes from 'prop-types';\nimport {noop, isNil, keys, isEmpty} from 'lodash/fp';\nimport {\n  NovaSolidStatusCheckCircle2 as CheckIcon,\n  NovaSolidStatusClose as ErrorIcon,\n  NovaCompositionCoorpacademyInformationIcon as InfoIcon\n} from '@coorpacademy/nova-icons';\nimport classnames from 'classnames';\nimport getClassState from '../../util/get-class-state';\nimport style from './style.css';\n\nconst themeStyle = {\n  setup: style.setup,\n  coorpmanager: style.coorpmanager,\n  cockpit: style.cockpit,\n  default: style.defaultStyle\n};\nconst InputText = props => {\n  const {\n    autoFocus = false,\n    placeholder = '',\n    value,\n    type = 'text',\n    hint,\n    defaultValue,\n    onChange = noop,\n    error,\n    valid,\n    theme = 'default',\n    description,\n    disabled,\n    modified = false,\n    title: propsTitle,\n    'data-name': dataName = 'input-text',\n    'aria-label': ariaLabel = 'Input Text',\n    inputColor = false\n  } = props;\n\n  const isCMTheme = theme === 'coorpmanager';\n  const handleChange = useMemo(() => e => onChange(e.target.value), [onChange]);\n  const mainClass = themeStyle[theme];\n  const className = getClassState(style.defaultStyle, style.modified, style.error, modified, error);\n  const descriptionView =\n    description && theme !== 'coorpmanager' ? (\n      <div className={style.description}>{description}</div>\n    ) : null;\n  const toolTipView =\n    description && theme === 'coorpmanager' ? (\n      <div className={style.infoIconWrapper}>\n        <InfoIcon className={style.infoIcon} />\n        <div className={style.descriptionLabel}>{description}</div>\n      </div>\n    ) : null;\n  const hintView =\n    theme === 'coorpmanager' ? (\n      <div\n        className={style.hint}\n        // eslint-disable-next-line react/no-danger\n        dangerouslySetInnerHTML={{__html: error || hint}}\n      />\n    ) : null;\n  const errorIconView = isCMTheme && error ? <ErrorIcon className={style.leftIcon} /> : null;\n  const validIconView = isCMTheme && valid ? <CheckIcon className={style.leftIcon} /> : null;\n\n  return (\n    <div\n      className={classnames(\n        mainClass,\n        className,\n        disabled && style.disabled,\n        isNil(propsTitle) && style.isNoTitle\n      )}\n    >\n      <label>\n        <span className={classnames(style.title, isEmpty(value) && style.noValue)}>\n          {propsTitle}\n          {toolTipView}\n        </span>\n\n        <input\n          autoFocus={autoFocus}\n          type={type}\n          name={propsTitle}\n          className={style.input}\n          placeholder={placeholder}\n          defaultValue={defaultValue}\n          autoComplete={'off'}\n          value={value}\n          onInput={handleChange}\n          disabled={disabled}\n          onChange={noop}\n          data-name={dataName}\n          aria-label={ariaLabel}\n        />\n        {inputColor && !error && value ? (\n          <span\n            className={style.preview}\n            style={{\n              backgroundColor: value\n            }}\n          />\n        ) : null}\n        {errorIconView}\n        {validIconView}\n        {hintView}\n      </label>\n      {descriptionView}\n    </div>\n  );\n};\n\nInputText.propTypes = {\n  autoFocus: PropTypes.bool,\n  title: PropTypes.string,\n  placeholder: PropTypes.string,\n  defaultValue: PropTypes.string,\n  theme: PropTypes.oneOf(keys(themeStyle)),\n  disabled: PropTypes.bool,\n  value: PropTypes.string,\n  hint: PropTypes.string,\n  error: PropTypes.string,\n  onChange: PropTypes.func,\n  description: PropTypes.string,\n  modified: PropTypes.bool,\n  type: PropTypes.string,\n  valid: PropTypes.bool,\n  'aria-label': PropTypes.string,\n  'data-name': PropTypes.string,\n  inputColor: PropTypes.bool\n};\nexport default InputText;\n"],"mappings":"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","ignoreList":[]}

package/es/atom/input-text/style.css

@@ -410,31 +410,4 @@
   position: absolute;
   top: 23%;
   box-shadow: 0 0 1px grey;
-}
-
-.readOnly input {
-  caret-color: transparent;
-  cursor: default;
-  user-select: none;
-}
-
-.readOnly.coorpmanager input {
-  caret-color: transparent;
-  cursor: default;
-  user-select: none;
-}
-
-.readOnly.coorpmanager:focus-within input::placeholder {
-  color: transparent !important;
-}
-
-.readOnly.coorpmanager:focus-within .title.noValue {
-  font-size: 14px !important;
-  font-weight: 500 !important;
-  color: cm_grey_700 !important;
-  top: 14px !important;
-}
-
-.readOnly.coorpmanager input:hover {
-  background-color: cm_grey_100 !important;
-}
+}

package/es/atom/input-text-with-title/index.d.ts

@@ -10,7 +10,6 @@ declare namespace InputTextWithTitle {
             placeholder: PropTypes.Requireable<string>;
             defaultValue: PropTypes.Requireable<string>;
             disabled: PropTypes.Requireable<boolean>;
-            readOnly: PropTypes.Requireable<boolean>;
             value: PropTypes.Requireable<string>;
             hint: PropTypes.Requireable<string>;
             error: PropTypes.Requireable<string>;

package/es/atom/input-textarea/index.d.ts

@@ -7,7 +7,6 @@ declare namespace InputTextarea {
         const name: PropTypes.Requireable<string>;
         const theme: PropTypes.Requireable<string>;
         const disabled: PropTypes.Requireable<boolean>;
-        const readOnly: PropTypes.Requireable<boolean>;
         const value: PropTypes.Requireable<string>;
         const hint: PropTypes.Requireable<string>;
         const error: PropTypes.Requireable<string>;

package/es/atom/input-textarea/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atom/input-textarea/index.js"],"names":[],"mappings":";AAmBA,wDA0EC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atom/input-textarea/index.js"],"names":[],"mappings":";AAkBA,wDAgEC"}

package/es/atom/input-textarea/index.js

@@ -7,7 +7,6 @@ import classnames from 'classnames';
 import { NovaSolidStatusCheckCircle2 as CheckIcon, NovaSolidStatusClose as ErrorIcon, NovaCompositionCoorpacademyInformationIcon as InfoIcon } from '@coorpacademy/nova-icons';
 import getClassState from '../../util/get-class-state';
 import style from './style.css';
-import { v5 as uuidV5 } from 'uuid';
 const themeStyle = {
   setup: style.setup,
   coorpmanager: style.coorpmanager,
@@ -27,7 +26,6 @@ const InputTextarea = props => {
     valid,
     description,
     disabled,
-    readOnly = false,
     modified = false
   } = props;
   const mainClass = themeStyle[theme];
@@ -58,17 +56,15 @@ const InputTextarea = props => {
     className: style.leftIcon
   }) : null;
   return /*#__PURE__*/React.createElement("div", {
-    className: classnames(mainClass, className, disabled && style.disabled, readOnly && style.readonly)
+    className: classnames(mainClass, className, disabled && style.disabled)
   }, /*#__PURE__*/React.createElement("label", null, /*#__PURE__*/React.createElement("span", {
     className: classnames(style.title, _isEmpty(value) && style.noValue)
   }, propsTitle, toolTipView), /*#__PURE__*/React.createElement("textarea", {
-    id: uuidV5('textarea-', uuidV5.URL),
     name: name,
     value: value,
     placeholder: placeholder,
     onChange: handleChange,
     disabled: disabled,
-    readOnly: readOnly,
     "data-testid": name
   }), errorIconView, validIconView, hintView), descriptionView);
 };
@@ -78,7 +74,6 @@ InputTextarea.propTypes = process.env.NODE_ENV !== "production" ? {
   name: PropTypes.string,
   theme: PropTypes.oneOf(_keys(themeStyle)),
   disabled: PropTypes.bool,
-  readOnly: PropTypes.bool,
   value: PropTypes.string,
   hint: PropTypes.string,
   error: PropTypes.string,

package/es/atom/input-textarea/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","useMemo","PropTypes","classnames","NovaSolidStatusCheckCircle2","CheckIcon","NovaSolidStatusClose","ErrorIcon","NovaCompositionCoorpacademyInformationIcon","InfoIcon","getClassState","style","v5","uuidV5","themeStyle","setup","coorpmanager","cockpit","default","defaultStyle","InputTextarea","props","title","propsTitle","name","placeholder","value","hint","theme","onChange","_noop","error","valid","description","disabled","readOnly","modified","mainClass","className","handleChange","e","target","descriptionView","createElement","toolTipView","infoIconWrapper","infoIcon","descriptionLabel","hintView","dangerouslySetInnerHTML","__html","errorIconView","leftIcon","validIconView","readonly","_isEmpty","noValue","id","URL","propTypes","process","env","NODE_ENV","string","oneOf","_keys","bool","func"],"sources":["../../../src/atom/input-textarea/index.js"],"sourcesContent":["import React, {useMemo} from 'react';\nimport PropTypes from 'prop-types';\nimport {noop, keys, isEmpty} from 'lodash/fp';\nimport classnames from 'classnames';\nimport {\n  NovaSolidStatusCheckCircle2 as CheckIcon,\n  NovaSolidStatusClose as ErrorIcon,\n  NovaCompositionCoorpacademyInformationIcon as InfoIcon\n} from '@coorpacademy/nova-icons';\nimport getClassState from '../../util/get-class-state';\nimport style from './style.css';\nimport {v5 as uuidV5} from 'uuid';\n\nconst themeStyle = {\n  setup: style.setup,\n  coorpmanager: style.coorpmanager,\n  cockpit: style.cockpit,\n  default: style.defaultStyle\n};\nconst InputTextarea = props => {\n  const {\n    title: propsTitle,\n    name,\n    placeholder,\n    value,\n    hint,\n    theme = 'default',\n    onChange = noop,\n    error,\n    valid,\n    description,\n    disabled,\n    readOnly = false,\n    modified = false\n  } = props;\n\n  const mainClass = themeStyle[theme];\n  const className = getClassState(style.defaultStyle, style.modified, style.error, modified, error);\n  const handleChange = useMemo(() => e => onChange(e.target.value), [onChange]);\n\n  const descriptionView =\n    description && theme !== 'coorpmanager' ? (\n      <div className={style.description}>{description}</div>\n    ) : null;\n  const toolTipView =\n    description && theme === 'coorpmanager' ? (\n      <div className={style.infoIconWrapper}>\n        <InfoIcon className={style.infoIcon} />\n        <div className={style.descriptionLabel}>{description}</div>\n      </div>\n    ) : null;\n  const hintView =\n    theme === 'coorpmanager' ? (\n      <div\n        className={style.hint}\n        // eslint-disable-next-line react/no-danger\n        dangerouslySetInnerHTML={{__html: error || hint}}\n      />\n    ) : null;\n  const errorIconView = error ? <ErrorIcon className={style.leftIcon} /> : null;\n  const validIconView = valid ? <CheckIcon className={style.leftIcon} /> : null;\n\n  return (\n    <div\n      className={classnames(\n        mainClass,\n        className,\n        disabled && style.disabled,\n        readOnly && style.readonly\n      )}\n    >\n      <label>\n        <span className={classnames(style.title, isEmpty(value) && style.noValue)}>\n          {propsTitle}\n          {toolTipView}\n        </span>\n        <textarea\n          id={uuidV5('textarea-', uuidV5.URL)}\n          name={name}\n          value={value}\n          placeholder={placeholder}\n          onChange={handleChange}\n          disabled={disabled}\n          readOnly={readOnly}\n          data-testid={name}\n        />\n        {errorIconView}\n        {validIconView}\n        {hintView}\n      </label>\n      {descriptionView}\n    </div>\n  );\n};\n\nInputTextarea.propTypes = {\n  placeholder: PropTypes.string,\n  title: PropTypes.string,\n  name: PropTypes.string,\n  theme: PropTypes.oneOf(keys(themeStyle)),\n  disabled: PropTypes.bool,\n  readOnly: PropTypes.bool,\n  value: PropTypes.string,\n  hint: PropTypes.string,\n  error: PropTypes.string,\n  onChange: PropTypes.func,\n  description: PropTypes.string,\n  modified: PropTypes.bool,\n  valid: PropTypes.bool\n};\nexport default InputTextarea;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.js","names":["React","useMemo","PropTypes","classnames","NovaSolidStatusCheckCircle2","CheckIcon","NovaSolidStatusClose","ErrorIcon","NovaCompositionCoorpacademyInformationIcon","InfoIcon","getClassState","style","themeStyle","setup","coorpmanager","cockpit","default","defaultStyle","InputTextarea","props","title","propsTitle","name","placeholder","value","hint","theme","onChange","_noop","error","valid","description","disabled","modified","mainClass","className","handleChange","e","target","descriptionView","createElement","toolTipView","infoIconWrapper","infoIcon","descriptionLabel","hintView","dangerouslySetInnerHTML","__html","errorIconView","leftIcon","validIconView","_isEmpty","noValue","propTypes","process","env","NODE_ENV","string","oneOf","_keys","bool","func"],"sources":["../../../src/atom/input-textarea/index.js"],"sourcesContent":["import React, {useMemo} from 'react';\nimport PropTypes from 'prop-types';\nimport {noop, keys, isEmpty} from 'lodash/fp';\nimport classnames from 'classnames';\nimport {\n  NovaSolidStatusCheckCircle2 as CheckIcon,\n  NovaSolidStatusClose as ErrorIcon,\n  NovaCompositionCoorpacademyInformationIcon as InfoIcon\n} from '@coorpacademy/nova-icons';\nimport getClassState from '../../util/get-class-state';\nimport style from './style.css';\n\nconst themeStyle = {\n  setup: style.setup,\n  coorpmanager: style.coorpmanager,\n  cockpit: style.cockpit,\n  default: style.defaultStyle\n};\nconst InputTextarea = props => {\n  const {\n    title: propsTitle,\n    name,\n    placeholder,\n    value,\n    hint,\n    theme = 'default',\n    onChange = noop,\n    error,\n    valid,\n    description,\n    disabled,\n    modified = false\n  } = props;\n\n  const mainClass = themeStyle[theme];\n  const className = getClassState(style.defaultStyle, style.modified, style.error, modified, error);\n  const handleChange = useMemo(() => e => onChange(e.target.value), [onChange]);\n\n  const descriptionView =\n    description && theme !== 'coorpmanager' ? (\n      <div className={style.description}>{description}</div>\n    ) : null;\n  const toolTipView =\n    description && theme === 'coorpmanager' ? (\n      <div className={style.infoIconWrapper}>\n        <InfoIcon className={style.infoIcon} />\n        <div className={style.descriptionLabel}>{description}</div>\n      </div>\n    ) : null;\n  const hintView =\n    theme === 'coorpmanager' ? (\n      <div\n        className={style.hint}\n        // eslint-disable-next-line react/no-danger\n        dangerouslySetInnerHTML={{__html: error || hint}}\n      />\n    ) : null;\n  const errorIconView = error ? <ErrorIcon className={style.leftIcon} /> : null;\n  const validIconView = valid ? <CheckIcon className={style.leftIcon} /> : null;\n\n  return (\n    <div className={classnames(mainClass, className, disabled && style.disabled)}>\n      <label>\n        <span className={classnames(style.title, isEmpty(value) && style.noValue)}>\n          {propsTitle}\n          {toolTipView}\n        </span>\n        <textarea\n          name={name}\n          value={value}\n          placeholder={placeholder}\n          onChange={handleChange}\n          disabled={disabled}\n          data-testid={name}\n        />\n        {errorIconView}\n        {validIconView}\n        {hintView}\n      </label>\n      {descriptionView}\n    </div>\n  );\n};\n\nInputTextarea.propTypes = {\n  placeholder: PropTypes.string,\n  title: PropTypes.string,\n  name: PropTypes.string,\n  theme: PropTypes.oneOf(keys(themeStyle)),\n  disabled: PropTypes.bool,\n  value: PropTypes.string,\n  hint: PropTypes.string,\n  error: PropTypes.string,\n  onChange: PropTypes.func,\n  description: PropTypes.string,\n  modified: PropTypes.bool,\n  valid: PropTypes.bool\n};\nexport default InputTextarea;\n"],"mappings":";;;AAAA,OAAOA,KAAK,IAAGC,OAAO,QAAO,OAAO;AACpC,OAAOC,SAAS,MAAM,YAAY;AAElC,OAAOC,UAAU,MAAM,YAAY;AACnC,SACEC,2BAA2B,IAAIC,SAAS,EACxCC,oBAAoB,IAAIC,SAAS,EACjCC,0CAA0C,IAAIC,QAAQ,QACjD,0BAA0B;AACjC,OAAOC,aAAa,MAAM,4BAA4B;AACtD,OAAOC,KAAK,MAAM,aAAa;AAE/B,MAAMC,UAAU,GAAG;EACjBC,KAAK,EAAEF,KAAK,CAACE,KAAK;EAClBC,YAAY,EAAEH,KAAK,CAACG,YAAY;EAChCC,OAAO,EAAEJ,KAAK,CAACI,OAAO;EACtBC,OAAO,EAAEL,KAAK,CAACM;AACjB,CAAC;AACD,MAAMC,aAAa,GAAGC,KAAK,IAAI;EAC7B,MAAM;IACJC,KAAK,EAAEC,UAAU;IACjBC,IAAI;IACJC,WAAW;IACXC,KAAK;IACLC,IAAI;IACJC,KAAK,GAAG,SAAS;IACjBC,QAAQ,GAAAC,KAAO;IACfC,KAAK;IACLC,KAAK;IACLC,WAAW;IACXC,QAAQ;IACRC,QAAQ,GAAG;EACb,CAAC,GAAGd,KAAK;EAET,MAAMe,SAAS,GAAGtB,UAAU,CAACc,KAAK,CAAC;EACnC,MAAMS,SAAS,GAAGzB,aAAa,CAACC,KAAK,CAACM,YAAY,EAAEN,KAAK,CAACsB,QAAQ,EAAEtB,KAAK,CAACkB,KAAK,EAAEI,QAAQ,EAAEJ,KAAK,CAAC;EACjG,MAAMO,YAAY,GAAGnC,OAAO,CAAC,MAAMoC,CAAC,IAAIV,QAAQ,CAACU,CAAC,CAACC,MAAM,CAACd,KAAK,CAAC,EAAE,CAACG,QAAQ,CAAC,CAAC;EAE7E,MAAMY,eAAe,GACnBR,WAAW,IAAIL,KAAK,KAAK,cAAc,gBACrC1B,KAAA,CAAAwC,aAAA;IAAKL,SAAS,EAAExB,KAAK,CAACoB;EAAY,GAAEA,WAAiB,CAAC,GACpD,IAAI;EACV,MAAMU,WAAW,GACfV,WAAW,IAAIL,KAAK,KAAK,cAAc,gBACrC1B,KAAA,CAAAwC,aAAA;IAAKL,SAAS,EAAExB,KAAK,CAAC+B;EAAgB,gBACpC1C,KAAA,CAAAwC,aAAA,CAAC/B,QAAQ;IAAC0B,SAAS,EAAExB,KAAK,CAACgC;EAAS,CAAE,CAAC,eACvC3C,KAAA,CAAAwC,aAAA;IAAKL,SAAS,EAAExB,KAAK,CAACiC;EAAiB,GAAEb,WAAiB,CACvD,CAAC,GACJ,IAAI;EACV,MAAMc,QAAQ,GACZnB,KAAK,KAAK,cAAc,gBACtB1B,KAAA,CAAAwC,aAAA;IACEL,SAAS,EAAExB,KAAK,CAACc;IACjB;IAAA;IACAqB,uBAAuB,EAAE;MAACC,MAAM,EAAElB,KAAK,IAAIJ;IAAI;EAAE,CAClD,CAAC,GACA,IAAI;EACV,MAAMuB,aAAa,GAAGnB,KAAK,gBAAG7B,KAAA,CAAAwC,aAAA,CAACjC,SAAS;IAAC4B,SAAS,EAAExB,KAAK,CAACsC;EAAS,CAAE,CAAC,GAAG,IAAI;EAC7E,MAAMC,aAAa,GAAGpB,KAAK,gBAAG9B,KAAA,CAAAwC,aAAA,CAACnC,SAAS;IAAC8B,SAAS,EAAExB,KAAK,CAACsC;EAAS,CAAE,CAAC,GAAG,IAAI;EAE7E,oBACEjD,KAAA,CAAAwC,aAAA;IAAKL,SAAS,EAAEhC,UAAU,CAAC+B,SAAS,EAAEC,SAAS,EAAEH,QAAQ,IAAIrB,KAAK,CAACqB,QAAQ;EAAE,gBAC3EhC,KAAA,CAAAwC,aAAA,6BACExC,KAAA,CAAAwC,aAAA;IAAML,SAAS,EAAEhC,UAAU,CAACQ,KAAK,CAACS,KAAK,EAAE+B,QAAA,CAAQ3B,KAAK,CAAC,IAAIb,KAAK,CAACyC,OAAO;EAAE,GACvE/B,UAAU,EACVoB,WACG,CAAC,eACPzC,KAAA,CAAAwC,aAAA;IACElB,IAAI,EAAEA,IAAK;IACXE,KAAK,EAAEA,KAAM;IACbD,WAAW,EAAEA,WAAY;IACzBI,QAAQ,EAAES,YAAa;IACvBJ,QAAQ,EAAEA,QAAS;IACnB,eAAaV;EAAK,CACnB,CAAC,EACD0B,aAAa,EACbE,aAAa,EACbL,QACI,CAAC,EACPN,eACE,CAAC;AAEV,CAAC;AAEDrB,aAAa,CAACmC,SAAS,GAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA,oBAAG;EACxBjC,WAAW,EAAErB,SAAS,CAACuD,MAAM;EAC7BrC,KAAK,EAAElB,SAAS,CAACuD,MAAM;EACvBnC,IAAI,EAAEpB,SAAS,CAACuD,MAAM;EACtB/B,KAAK,EAAExB,SAAS,CAACwD,KAAK,CAACC,KAAA,CAAK/C,UAAU,CAAC,CAAC;EACxCoB,QAAQ,EAAE9B,SAAS,CAAC0D,IAAI;EACxBpC,KAAK,EAAEtB,SAAS,CAACuD,MAAM;EACvBhC,IAAI,EAAEvB,SAAS,CAACuD,MAAM;EACtB5B,KAAK,EAAE3B,SAAS,CAACuD,MAAM;EACvB9B,QAAQ,EAAEzB,SAAS,CAAC2D,IAAI;EACxB9B,WAAW,EAAE7B,SAAS,CAACuD,MAAM;EAC7BxB,QAAQ,EAAE/B,SAAS,CAAC0D,IAAI;EACxB9B,KAAK,EAAE5B,SAAS,CAAC0D;AACnB,CAAC;AACD,eAAe1C,aAAa","ignoreList":[]}

package/es/atom/input-textarea/style.css

@@ -25,10 +25,6 @@
   composes: defaultStyle;
 }
 
-.readonly {
-  composes: defaultStyle;
-}
-
 .defaultStyle label {
   display: flex;
   align-items: center;
@@ -60,15 +56,6 @@
   resize: none;
 }
 
-.readonly textarea {
-  user-select: none;
-  -webkit-user-select: none;
-  -moz-user-select: none;
-  -ms-user-select: none;
-  cursor: default;
-  caret-color: transparent;
-}
-
 .error textarea {
   border-color: negative;
 }
@@ -366,30 +353,6 @@
   opacity: 0.5;
 }
 
-.coorpmanager.readonly textarea {
-  user-select: none;
-  -webkit-user-select: none;
-  -moz-user-select: none;
-  -ms-user-select: none;
-  cursor: default;
-  caret-color: transparent;
-}
-
-.coorpmanager.readonly:focus-within textarea::placeholder {
-  color: transparent !important;
-}
-
-.coorpmanager.readonly:focus-within .title.noValue {
-  font-size: 14px !important;
-  font-weight: 500 !important;
-  color: cm_grey_700 !important;
-  top: auto !important;
-}
-
-.coorpmanager.readonly label:hover:before {
-  background-color: cm_grey_100 !important;
-}
-
 .coorpmanager .infoIconWrapper {
   overflow: visible;
   height: 12px;

package/es/atom/select/index.d.ts

@@ -46,7 +46,6 @@ declare namespace Select {
         className: PropTypes.Requireable<string>;
         borderClassName: PropTypes.Requireable<string>;
         disabled: PropTypes.Requireable<boolean>;
-        readOnly: PropTypes.Requireable<boolean>;
         multiple: PropTypes.Requireable<boolean>;
         description: PropTypes.Requireable<string>;
         required: PropTypes.Requireable<boolean>;

package/es/atom/select/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atom/select/index.js"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAwDA,qEAmNC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atom/select/index.js"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAwDA,qEAkMC"}

package/es/atom/select/index.js

@@ -61,7 +61,6 @@ const Select = (props, legacyContext) => {
     onChange,
     multiple = false,
     disabled,
-    readOnly,
     required,
     description,
     theme,
@@ -74,17 +73,8 @@ const Select = (props, legacyContext) => {
   const skin = GetSkinFromContext(legacyContext);
   const title = useMemo(() => propTitle ? `${propTitle}${required ? '*' : ''}` : null, [propTitle, required]);
   const [isArrowUp, setIsArrowUp] = useState(false);
-  const isNonInteractive = disabled || readOnly;
-  const handleSelectOnFocus = useCallback(() => {
-    if (!isNonInteractive) {
-      setIsArrowUp(true);
-    }
-  }, [isNonInteractive]);
-  const handleSelectOnBlur = useCallback(() => {
-    if (!isNonInteractive) {
-      setIsArrowUp(false);
-    }
-  }, [isNonInteractive]);
+  const handleSelectOnFocus = useCallback(() => setIsArrowUp(true), []);
+  const handleSelectOnBlur = useCallback(() => setIsArrowUp(false), []);
   const selectOption = (option, index) => {
     return /*#__PURE__*/React.createElement("option", {
       key: index,
@@ -116,23 +106,19 @@ const Select = (props, legacyContext) => {
     selected: true
   }, options)), [options, theme]);
   const handleChange = useMemo(() => multiple ? e => {
-    if (!isNonInteractive && onChange) {
-      setIsArrowUp(false);
-      onChange(map(get('value'), e.target.selectedOptions));
-    }
+    setIsArrowUp(false);
+    onChange(map(get('value'), e.target.selectedOptions));
   } : e => {
-    if (!isNonInteractive && onChange) {
-      setIsArrowUp(false);
-      onChange(e.target.value);
-    }
-  }, [onChange, multiple, isNonInteractive]);
+    setIsArrowUp(false);
+    onChange(e.target.value);
+  }, [onChange, multiple]);
   const black = useMemo(() => getOr('#14171A', 'common.black', skin), [skin]);
   const color = useMemo(() => getOr('#00B0FF', 'common.primary', skin), [skin]);
   const isThemeOneOfQuestionTemplateOrPlayer = useMemo(() => includes(theme, ['question', 'template', 'player']), [theme]);
   const shouldUseSkinFontColor = useMemo(() => !isSelectedInValidOption && selected && isThemeOneOfQuestionTemplateOrPlayer, [isSelectedInValidOption, selected, isThemeOneOfQuestionTemplateOrPlayer]);
   const arrowColor = selected ? color : undefined;
   const behaviorClassName = useMemo(() => getClassState(style.defaultStyle, style.modified, style.error, modified, error), [error, modified]);
-  const composedClassName = useMemo(() => classnames(theme && theme !== 'coorpmanager' ? themeStyle[theme] : behaviorClassName, selected ? style.selected : style.unselected, disabled ? style.disabled : null, readOnly ? style.readOnly : null, className), [behaviorClassName, className, selected, theme, disabled, readOnly]);
+  const composedClassName = useMemo(() => classnames(theme && theme !== 'coorpmanager' ? themeStyle[theme] : behaviorClassName, selected ? style.selected : style.unselected, className), [behaviorClassName, className, selected, theme]);
   const labelSize = useMemo(() => size(selectedLabel), [selectedLabel]);
   const isLongLabel = useMemo(() => labelSize >= 65, [labelSize]);
   return /*#__PURE__*/React.createElement("div", {
@@ -176,13 +162,13 @@ const Select = (props, legacyContext) => {
     value: selected,
     multiple: multiple,
     disabled: disabled,
-    onClick: isNonInteractive ? undefined : handleSelectOnFocus,
-    onBlur: isNonInteractive ? undefined : handleSelectOnBlur
+    onClick: handleSelectOnFocus,
+    onBlur: handleSelectOnBlur
     // onBlur does not handle completely an out of bounds click
     // ex: select is Opened and a click is done outside, cancelling the select
     // that doesn't count as a Blur, so an onMouseLeave is needed
     ,
-    onMouseLeave: isNonInteractive ? undefined : handleSelectOnBlur,
+    onMouseLeave: handleSelectOnBlur,
     "data-testid": "native-select"
   }), optionList)), /*#__PURE__*/React.createElement("div", {
     className: style.description
@@ -207,7 +193,6 @@ Select.propTypes = process.env.NODE_ENV !== "production" ? {
   className: PropTypes.string,
   borderClassName: PropTypes.string,
   disabled: PropTypes.bool,
-  readOnly: PropTypes.bool,
   multiple: PropTypes.bool,
   description: PropTypes.string,
   required: PropTypes.bool,