@coorpacademy/components 11.14.1-alpha.2 → 11.14.1-alpha.28

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atom/button/index.js"],"names":[],"mappings":";AA8IA,iDAgCC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atom/button/index.js"],"names":[],"mappings":";AA0IA,iDAgCC"}

package/es/atom/button/index.js

@@ -48,8 +48,7 @@ const ButtonContent = props => {
         target: target,
         className: anchorClassName,
         style: style,
-        "aria-label": ariaLabel,
-        "data-testid": dataTestid
+        "aria-label": ariaLabel
       }, submitValue || children || 'submit');
 
     case 'a':
@@ -59,8 +58,7 @@ const ButtonContent = props => {
         target: target,
         className: anchorClassName,
         onClick: anchorOnClick,
-        style: style,
-        "data-testid": dataTestid
+        style: style
       }, submitValue || children);
 
     case 'button':
@@ -84,20 +82,17 @@ const ButtonContent = props => {
     // falls through in case type is button BUT no button tag is needed, for retro-compatibility
 
     default:
-      {
-        return /*#__PURE__*/React.createElement("input", {
-          "data-name": dataName,
-          type: type,
-          value: submitValue,
-          disabled: disabled,
-          onClick: onClick,
-          className: inputClassName,
-          "data-testid": dataTestid,
-          style: _extends({
-            color
-          }, style)
-        });
-      }
+      return /*#__PURE__*/React.createElement("input", {
+        "data-name": dataName,
+        type: type,
+        value: submitValue,
+        disabled: disabled,
+        onClick: onClick,
+        className: inputClassName,
+        style: _extends({
+          color
+        }, style)
+      });
   }
 };
 

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","useMemo","PropTypes","classnames","noop","ColorPropType","Link","cssStyle","ButtonContent","props","color","submitValue","disabled","download","href","target","onClick","className","children","type","style","dataName","ariaLabel","dataTestid","useButtonTag","buttonRef","dataFor","dataTooltipPlace","dataTip","onKeyDown","onMouseLeave","onMouseOver","anchorClassName","disabledAnchor","anchorOnClick","anchorHref","inputClassName","buttonDisabled","favorite","propTypes","string","bool","oneOf","node","shape","func","Button","buttonContentClassName","isLinkDisabled","useWrapper","buttonWrapperClassNames","button","contentClassName","buttonContent"],"sources":["../../../src/atom/button/index.js"],"sourcesContent":["import React, {useMemo} from 'react';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport noop from 'lodash/fp/noop';\nimport {ColorPropType} from '../../util/proptypes';\nimport Link from '../link';\nimport cssStyle from './style.css';\n\nconst ButtonContent = props => {\n  const {\n    color,\n    submitValue,\n    disabled,\n    download,\n    href,\n    target,\n    onClick,\n    className,\n    children,\n    type,\n    style,\n    'data-name': dataName,\n    'aria-label': ariaLabel,\n    'data-testid': dataTestid,\n    useButtonTag,\n    buttonRef,\n    'data-for': dataFor,\n    'data-tooltip-place': dataTooltipPlace,\n    'data-tip': dataTip,\n    onKeyDown = noop,\n    onMouseLeave = noop,\n    onMouseOver = noop\n  } = props;\n  const anchorClassName = (disabled && `${className} ${cssStyle.disabledAnchor}`) || className;\n  const anchorOnClick = (disabled && null) || onClick;\n  const anchorHref = (disabled && null) || href;\n  const inputClassName = (disabled && `${className} ${cssStyle.buttonDisabled}`) || className;\n\n  switch (type) {\n    case 'link':\n      return (\n        <Link\n          data-name={dataName}\n          href={anchorHref}\n          download={download}\n          onClick={anchorOnClick}\n          target={target}\n          className={anchorClassName}\n          style={style}\n          aria-label={ariaLabel}\n          data-testid={dataTestid}\n        >\n          {submitValue || children || 'submit'}\n        </Link>\n      );\n\n    case 'a':\n      return (\n        <a\n          data-name={dataName}\n          href={anchorHref}\n          target={target}\n          className={anchorClassName}\n          onClick={anchorOnClick}\n          style={style}\n          data-testid={dataTestid}\n        >\n          {submitValue || children}\n        </a>\n      );\n\n    case 'button':\n      if (useButtonTag)\n        return (\n          <button\n            ref={buttonRef}\n            type=\"button\"\n            data-for={dataFor}\n            data-tooltip-place={dataTooltipPlace}\n            data-tip={dataTip}\n            data-name={dataName}\n            data-testid={dataTestid}\n            aria-label={ariaLabel.favorite}\n            className={className}\n            onClick={onClick}\n            style={style}\n            onKeyDown={onKeyDown}\n            onMouseLeave={onMouseLeave}\n            onMouseOver={onMouseOver}\n            tabIndex={0}\n          >\n            {children}\n          </button>\n        );\n    // falls through in case type is button BUT no button tag is needed, for retro-compatibility\n    default: {\n      return (\n        <input\n          data-name={dataName}\n          type={type}\n          value={submitValue}\n          disabled={disabled}\n          onClick={onClick}\n          className={inputClassName}\n          data-testid={dataTestid}\n          style={{\n            color,\n            ...style\n          }}\n        />\n      );\n    }\n  }\n};\n\nButtonContent.propTypes = {\n  color: ColorPropType,\n  submitValue: PropTypes.string,\n  disabled: PropTypes.bool,\n  href: PropTypes.string,\n  download: PropTypes.bool,\n  target: PropTypes.oneOf(['_self', '_blank', '_parent', '_top']),\n  type: PropTypes.string,\n  children: PropTypes.node,\n  className: PropTypes.string,\n  style: PropTypes.shape({}),\n  'data-name': PropTypes.string,\n  'aria-label': PropTypes.string,\n  'data-testid': PropTypes.string,\n  useButtonTag: PropTypes.bool,\n  // event handlers\n  onClick: PropTypes.func,\n  onKeyDown: PropTypes.func,\n  onMouseLeave: PropTypes.func,\n  onMouseOver: PropTypes.func,\n  // for ReactTooltip handling\n  buttonRef: PropTypes.shape({}),\n  'data-for': PropTypes.string,\n  'data-tooltip-place': PropTypes.string,\n  'data-tip': PropTypes.bool\n};\n\nconst Button = props => {\n  const {\n    className,\n    buttonContentClassName,\n    isLinkDisabled,\n    type = 'submit',\n    children,\n    useWrapper = true\n  } = props;\n  const buttonWrapperClassNames = useMemo(\n    () =>\n      (isLinkDisabled && classnames([cssStyle.disabledAnchor, className])) ||\n      classnames([cssStyle.button, className]),\n    [className, isLinkDisabled]\n  );\n\n  const contentClassName = useMemo(\n    () => (buttonContentClassName ? buttonContentClassName : cssStyle.buttonContent),\n    [buttonContentClassName]\n  );\n\n  return useWrapper ? (\n    <div className={buttonWrapperClassNames}>\n      <ButtonContent {...props} type={type} className={contentClassName}>\n        {children}\n      </ButtonContent>\n    </div>\n  ) : (\n    <ButtonContent {...props} type={type} className={contentClassName}>\n      {children}\n    </ButtonContent>\n  );\n};\n\nButton.propTypes = {\n  isLinkDisabled: PropTypes.bool,\n  useWrapper: PropTypes.bool,\n  buttonContentClassName: PropTypes.string,\n  ...ButtonContent.propTypes\n};\n\nexport default Button;\n"],"mappings":"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"}
+{"version":3,"file":"index.js","names":["React","useMemo","PropTypes","classnames","noop","ColorPropType","Link","cssStyle","ButtonContent","props","color","submitValue","disabled","download","href","target","onClick","className","children","type","style","dataName","ariaLabel","dataTestid","useButtonTag","buttonRef","dataFor","dataTooltipPlace","dataTip","onKeyDown","onMouseLeave","onMouseOver","anchorClassName","disabledAnchor","anchorOnClick","anchorHref","inputClassName","buttonDisabled","favorite","propTypes","string","bool","oneOf","node","shape","func","Button","buttonContentClassName","isLinkDisabled","useWrapper","buttonWrapperClassNames","button","contentClassName","buttonContent"],"sources":["../../../src/atom/button/index.js"],"sourcesContent":["import React, {useMemo} from 'react';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport noop from 'lodash/fp/noop';\nimport {ColorPropType} from '../../util/proptypes';\nimport Link from '../link';\nimport cssStyle from './style.css';\n\nconst ButtonContent = props => {\n  const {\n    color,\n    submitValue,\n    disabled,\n    download,\n    href,\n    target,\n    onClick,\n    className,\n    children,\n    type,\n    style,\n    'data-name': dataName,\n    'aria-label': ariaLabel,\n    'data-testid': dataTestid,\n    useButtonTag,\n    buttonRef,\n    'data-for': dataFor,\n    'data-tooltip-place': dataTooltipPlace,\n    'data-tip': dataTip,\n    onKeyDown = noop,\n    onMouseLeave = noop,\n    onMouseOver = noop\n  } = props;\n  const anchorClassName = (disabled && `${className} ${cssStyle.disabledAnchor}`) || className;\n  const anchorOnClick = (disabled && null) || onClick;\n  const anchorHref = (disabled && null) || href;\n  const inputClassName = (disabled && `${className} ${cssStyle.buttonDisabled}`) || className;\n\n  switch (type) {\n    case 'link':\n      return (\n        <Link\n          data-name={dataName}\n          href={anchorHref}\n          download={download}\n          onClick={anchorOnClick}\n          target={target}\n          className={anchorClassName}\n          style={style}\n          aria-label={ariaLabel}\n        >\n          {submitValue || children || 'submit'}\n        </Link>\n      );\n\n    case 'a':\n      return (\n        <a\n          data-name={dataName}\n          href={anchorHref}\n          target={target}\n          className={anchorClassName}\n          onClick={anchorOnClick}\n          style={style}\n        >\n          {submitValue || children}\n        </a>\n      );\n\n    case 'button':\n      if (useButtonTag)\n        return (\n          <button\n            ref={buttonRef}\n            type=\"button\"\n            data-for={dataFor}\n            data-tooltip-place={dataTooltipPlace}\n            data-tip={dataTip}\n            data-name={dataName}\n            data-testid={dataTestid}\n            aria-label={ariaLabel.favorite}\n            className={className}\n            onClick={onClick}\n            style={style}\n            onKeyDown={onKeyDown}\n            onMouseLeave={onMouseLeave}\n            onMouseOver={onMouseOver}\n            tabIndex={0}\n          >\n            {children}\n          </button>\n        );\n    // falls through in case type is button BUT no button tag is needed, for retro-compatibility\n    default:\n      return (\n        <input\n          data-name={dataName}\n          type={type}\n          value={submitValue}\n          disabled={disabled}\n          onClick={onClick}\n          className={inputClassName}\n          style={{\n            color,\n            ...style\n          }}\n        />\n      );\n  }\n};\n\nButtonContent.propTypes = {\n  color: ColorPropType,\n  submitValue: PropTypes.string,\n  disabled: PropTypes.bool,\n  href: PropTypes.string,\n  download: PropTypes.bool,\n  target: PropTypes.oneOf(['_self', '_blank', '_parent', '_top']),\n  type: PropTypes.string,\n  children: PropTypes.node,\n  className: PropTypes.string,\n  style: PropTypes.shape({}),\n  'data-name': PropTypes.string,\n  'aria-label': PropTypes.string,\n  'data-testid': PropTypes.string,\n  useButtonTag: PropTypes.bool,\n  // event handlers\n  onClick: PropTypes.func,\n  onKeyDown: PropTypes.func,\n  onMouseLeave: PropTypes.func,\n  onMouseOver: PropTypes.func,\n  // for ReactTooltip handling\n  buttonRef: PropTypes.shape({}),\n  'data-for': PropTypes.string,\n  'data-tooltip-place': PropTypes.string,\n  'data-tip': PropTypes.bool\n};\n\nconst Button = props => {\n  const {\n    className,\n    buttonContentClassName,\n    isLinkDisabled,\n    type = 'submit',\n    children,\n    useWrapper = true\n  } = props;\n  const buttonWrapperClassNames = useMemo(\n    () =>\n      (isLinkDisabled && classnames([cssStyle.disabledAnchor, className])) ||\n      classnames([cssStyle.button, className]),\n    [className, isLinkDisabled]\n  );\n\n  const contentClassName = useMemo(\n    () => (buttonContentClassName ? buttonContentClassName : cssStyle.buttonContent),\n    [buttonContentClassName]\n  );\n\n  return useWrapper ? (\n    <div className={buttonWrapperClassNames}>\n      <ButtonContent {...props} type={type} className={contentClassName}>\n        {children}\n      </ButtonContent>\n    </div>\n  ) : (\n    <ButtonContent {...props} type={type} className={contentClassName}>\n      {children}\n    </ButtonContent>\n  );\n};\n\nButton.propTypes = {\n  isLinkDisabled: PropTypes.bool,\n  useWrapper: PropTypes.bool,\n  buttonContentClassName: PropTypes.string,\n  ...ButtonContent.propTypes\n};\n\nexport default Button;\n"],"mappings":"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"}

package/es/molecule/cm-popin/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/molecule/cm-popin/index.js"],"names":[],"mappings":";AAeA,kDAoLC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/molecule/cm-popin/index.js"],"names":[],"mappings":";AAcA,kDAiLC"}

package/es/molecule/cm-popin/index.js

@@ -1,5 +1,5 @@
 import React from 'react';
-import { NovaSolidInterfaceFeedbackInterfaceAlertDiamond as AlertDiamond, NovaSolidApplicationsWindowUpload3 as WindowUpload, NovaLineSettingsCookie as Cookie, NovaSolidSpaceMoonRocket as MoonRocket, NovaLineStatusCheckCircle1 as CheckCircle1 } from '@coorpacademy/nova-icons';
+import { NovaSolidInterfaceFeedbackInterfaceAlertDiamond as AlertDiamond, NovaSolidApplicationsWindowUpload3 as WindowUpload, NovaLineSettingsCookie as Cookie, NovaSolidSpaceMoonRocket as MoonRocket } from '@coorpacademy/nova-icons';
 import map from 'lodash/fp/map';
 import Cta from '../../atom/button-link';
 import ButtonLinkIconOnly from '../../atom/button-link-icon-only';
@@ -26,8 +26,7 @@ const CMPopin = props => {
   const logo = {
     AlertDiamond,
     WindowUpload,
-    MoonRocket,
-    CheckCircle1
+    MoonRocket
   };
   const LogoComponent = logo[icon];
   const backgroundImageStyle = backgroundImageUrl ? {
@@ -136,7 +135,7 @@ const CMPopin = props => {
     }
   }) : null), descriptionBtnTxt ? /*#__PURE__*/React.createElement("div", {
     className: style.descriptionBtn
-  }, descriptionBtnTxt) : null, renderBtnSwitch(), firstButton || secondButton || thirdButton ? /*#__PURE__*/React.createElement("div", {
+  }, descriptionBtnTxt) : null, renderBtnSwitch(), /*#__PURE__*/React.createElement("div", {
     className: style.buttonContainer
   }, firstButton ? /*#__PURE__*/React.createElement("div", {
     className: firstButton.largeButton ? style.largeButton : style.button
@@ -165,7 +164,7 @@ const CMPopin = props => {
     "aria-label": thirdButton['aria-label'],
     type: thirdButton.type,
     customStyle: thirdButton.customStyle
-  })) : null) : null));
+  })) : null)));
 };
 
 CMPopin.propTypes = process.env.NODE_ENV !== "production" ? propTypes : {};

package/es/molecule/cm-popin/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","NovaSolidInterfaceFeedbackInterfaceAlertDiamond","AlertDiamond","NovaSolidApplicationsWindowUpload3","WindowUpload","NovaLineSettingsCookie","Cookie","NovaSolidSpaceMoonRocket","MoonRocket","NovaLineStatusCheckCircle1","CheckCircle1","map","Cta","ButtonLinkIconOnly","InputSwitch","style","propTypes","CMPopin","props","content","mode","firstButton","secondButton","onClose","header","icon","backgroundImageUrl","descriptionText","thirdButton","cookieTitle","descriptionBtnTxt","listBtnSwicth","logo","LogoComponent","backgroundImageStyle","backgroundImage","backgroundSize","renderHeader","headerBackground","cookieHeader","cookieIconContainer","cookieIcon","getClassBtnSwitch","index","btnList","firstBtnSwitchContainer","length","lastBtnSwitchContainer","singleSwitchContainer","renderBtnSwitch","convert","cap","el","type","title","value","onChange","titlePosition","theme","details","requiredSelection","disabled","id","dataName","background","popinCookie","popin","popinHeader","cookieTitleContainer","titleContainer","contentSection","message","__html","descriptionBtn","buttonContainer","largeButton","button","label","handleOnclick","customStyle"],"sources":["../../../src/molecule/cm-popin/index.js"],"sourcesContent":["import React from 'react';\nimport {\n  NovaSolidInterfaceFeedbackInterfaceAlertDiamond as AlertDiamond,\n  NovaSolidApplicationsWindowUpload3 as WindowUpload,\n  NovaLineSettingsCookie as Cookie,\n  NovaSolidSpaceMoonRocket as MoonRocket,\n  NovaLineStatusCheckCircle1 as CheckCircle1\n} from '@coorpacademy/nova-icons';\nimport map from 'lodash/fp/map';\nimport Cta from '../../atom/button-link';\nimport ButtonLinkIconOnly from '../../atom/button-link-icon-only';\nimport InputSwitch from '../../atom/input-switch';\nimport style from './style.css';\nimport propTypes from './types';\n\nconst CMPopin = props => {\n  const {\n    content,\n    mode = 'alert',\n    firstButton,\n    secondButton,\n    onClose,\n    header,\n    icon,\n    backgroundImageUrl,\n    descriptionText,\n    thirdButton,\n    cookieTitle,\n    descriptionBtnTxt,\n    listBtnSwicth\n  } = props;\n\n  const logo = {\n    AlertDiamond,\n    WindowUpload,\n    MoonRocket,\n    CheckCircle1\n  };\n  const LogoComponent = logo[icon];\n\n  const backgroundImageStyle = backgroundImageUrl\n    ? {\n        backgroundImage: `url(${backgroundImageUrl})`,\n        backgroundSize: 'cover'\n      }\n    : null;\n  const renderHeader = () => {\n    if (header) return <img className={style.headerBackground} src={header} />;\n    if (mode === 'cookie')\n      return (\n        <div className={style.cookieHeader}>\n          <div className={style.cookieIconContainer}>\n            <Cookie className={style.cookieIcon} />\n          </div>\n          <div className={style.cookieTitle}>{cookieTitle}</div>\n        </div>\n      );\n    return null;\n  };\n  const getClassBtnSwitch = (index, btnList) => {\n    switch (index) {\n      case 0:\n        return style.firstBtnSwitchContainer;\n      case btnList.length - 1:\n        return style.lastBtnSwitchContainer;\n      default:\n        return style.singleSwitchContainer;\n    }\n  };\n  const renderBtnSwitch = () => {\n    return map.convert({cap: false})((el, index) => {\n      const {\n        type,\n        title,\n        value,\n        onChange,\n        titlePosition,\n        theme,\n        details,\n        requiredSelection,\n        disabled,\n        id,\n        'data-name': dataName\n      } = el;\n      return (\n        <div key={index} className={getClassBtnSwitch(index, listBtnSwicth)}>\n          <InputSwitch\n            {...{\n              type,\n              title,\n              value,\n              onChange,\n              titlePosition,\n              theme,\n              details,\n              requiredSelection,\n              disabled,\n              id,\n              'data-name': dataName\n            }}\n          />\n        </div>\n      );\n    })(listBtnSwicth);\n  };\n  return (\n    <div\n      className={mode !== 'cookie' ? style.background : null}\n      style={backgroundImageStyle}\n      data-name={'cm-popin-container'}\n    >\n      <div className={mode === 'cookie' ? style.popinCookie : style.popin}>\n        <header className={style.popinHeader}>\n          {renderHeader()}\n          {onClose ? (\n            <ButtonLinkIconOnly\n              onClick={onClose}\n              data-name={'close-icon'}\n              aria-label={'close-icon'}\n              size=\"small\"\n              icon=\"close\"\n            />\n          ) : null}\n        </header>\n        <div\n          className={\n            mode === 'cookie' || mode === 'information'\n              ? style.cookieTitleContainer\n              : style.titleContainer\n          }\n        >\n          <div className={style.contentSection}>\n            {LogoComponent ? <LogoComponent className={style.icon} /> : null}\n            {content ? (\n              <p\n                className={mode === 'alert' ? style.content : style.message}\n                data-name={'cm-popin-content'}\n                // eslint-disable-next-line react/no-danger\n                dangerouslySetInnerHTML={{__html: content}}\n              />\n            ) : null}\n          </div>\n          {descriptionText ? (\n            <p\n              className={style.descriptionText}\n              // eslint-disable-next-line react/no-danger\n              dangerouslySetInnerHTML={{__html: descriptionText}}\n            />\n          ) : null}\n        </div>\n        {descriptionBtnTxt ? <div className={style.descriptionBtn}>{descriptionBtnTxt}</div> : null}\n        {renderBtnSwitch()}\n        {firstButton || secondButton || thirdButton ? (\n          <div className={style.buttonContainer}>\n            {firstButton ? (\n              <div className={firstButton.largeButton ? style.largeButton : style.button}>\n                <Cta\n                  label={firstButton.label}\n                  onClick={firstButton.handleOnclick}\n                  data-name={'cm-popin-cta'}\n                  aria-label={firstButton['aria-label']}\n                  type={firstButton.type}\n                  customStyle={firstButton.customStyle}\n                />\n              </div>\n            ) : null}\n            {secondButton ? (\n              <div className={secondButton.largeButton ? style.largeButton : style.button}>\n                <Cta\n                  label={secondButton.label}\n                  onClick={secondButton.handleOnclick}\n                  data-name={`cm-popin-cta-${secondButton.type}`}\n                  aria-label={secondButton['aria-label']}\n                  type={secondButton.type}\n                  customStyle={secondButton.customStyle}\n                />\n              </div>\n            ) : null}\n            {thirdButton ? (\n              <div className={thirdButton.largeButton ? style.largeButton : style.button}>\n                <Cta\n                  label={thirdButton.label}\n                  onClick={thirdButton.handleOnclick}\n                  data-name={`cm-popin-cta-${thirdButton.type}`}\n                  aria-label={thirdButton['aria-label']}\n                  type={thirdButton.type}\n                  customStyle={thirdButton.customStyle}\n                />\n              </div>\n            ) : null}\n          </div>\n        ) : null}\n      </div>\n    </div>\n  );\n};\n\nCMPopin.propTypes = propTypes;\n\nexport default CMPopin;\n"],"mappings":"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"}
+{"version":3,"file":"index.js","names":["React","NovaSolidInterfaceFeedbackInterfaceAlertDiamond","AlertDiamond","NovaSolidApplicationsWindowUpload3","WindowUpload","NovaLineSettingsCookie","Cookie","NovaSolidSpaceMoonRocket","MoonRocket","map","Cta","ButtonLinkIconOnly","InputSwitch","style","propTypes","CMPopin","props","content","mode","firstButton","secondButton","onClose","header","icon","backgroundImageUrl","descriptionText","thirdButton","cookieTitle","descriptionBtnTxt","listBtnSwicth","logo","LogoComponent","backgroundImageStyle","backgroundImage","backgroundSize","renderHeader","headerBackground","cookieHeader","cookieIconContainer","cookieIcon","getClassBtnSwitch","index","btnList","firstBtnSwitchContainer","length","lastBtnSwitchContainer","singleSwitchContainer","renderBtnSwitch","convert","cap","el","type","title","value","onChange","titlePosition","theme","details","requiredSelection","disabled","id","dataName","background","popinCookie","popin","popinHeader","cookieTitleContainer","titleContainer","contentSection","message","__html","descriptionBtn","buttonContainer","largeButton","button","label","handleOnclick","customStyle"],"sources":["../../../src/molecule/cm-popin/index.js"],"sourcesContent":["import React from 'react';\nimport {\n  NovaSolidInterfaceFeedbackInterfaceAlertDiamond as AlertDiamond,\n  NovaSolidApplicationsWindowUpload3 as WindowUpload,\n  NovaLineSettingsCookie as Cookie,\n  NovaSolidSpaceMoonRocket as MoonRocket\n} from '@coorpacademy/nova-icons';\nimport map from 'lodash/fp/map';\nimport Cta from '../../atom/button-link';\nimport ButtonLinkIconOnly from '../../atom/button-link-icon-only';\nimport InputSwitch from '../../atom/input-switch';\nimport style from './style.css';\nimport propTypes from './types';\n\nconst CMPopin = props => {\n  const {\n    content,\n    mode = 'alert',\n    firstButton,\n    secondButton,\n    onClose,\n    header,\n    icon,\n    backgroundImageUrl,\n    descriptionText,\n    thirdButton,\n    cookieTitle,\n    descriptionBtnTxt,\n    listBtnSwicth\n  } = props;\n\n  const logo = {\n    AlertDiamond,\n    WindowUpload,\n    MoonRocket\n  };\n  const LogoComponent = logo[icon];\n\n  const backgroundImageStyle = backgroundImageUrl\n    ? {\n        backgroundImage: `url(${backgroundImageUrl})`,\n        backgroundSize: 'cover'\n      }\n    : null;\n  const renderHeader = () => {\n    if (header) return <img className={style.headerBackground} src={header} />;\n    if (mode === 'cookie')\n      return (\n        <div className={style.cookieHeader}>\n          <div className={style.cookieIconContainer}>\n            <Cookie className={style.cookieIcon} />\n          </div>\n          <div className={style.cookieTitle}>{cookieTitle}</div>\n        </div>\n      );\n    return null;\n  };\n  const getClassBtnSwitch = (index, btnList) => {\n    switch (index) {\n      case 0:\n        return style.firstBtnSwitchContainer;\n      case btnList.length - 1:\n        return style.lastBtnSwitchContainer;\n      default:\n        return style.singleSwitchContainer;\n    }\n  };\n  const renderBtnSwitch = () => {\n    return map.convert({cap: false})((el, index) => {\n      const {\n        type,\n        title,\n        value,\n        onChange,\n        titlePosition,\n        theme,\n        details,\n        requiredSelection,\n        disabled,\n        id,\n        'data-name': dataName\n      } = el;\n      return (\n        <div key={index} className={getClassBtnSwitch(index, listBtnSwicth)}>\n          <InputSwitch\n            {...{\n              type,\n              title,\n              value,\n              onChange,\n              titlePosition,\n              theme,\n              details,\n              requiredSelection,\n              disabled,\n              id,\n              'data-name': dataName\n            }}\n          />\n        </div>\n      );\n    })(listBtnSwicth);\n  };\n  return (\n    <div\n      className={mode !== 'cookie' ? style.background : null}\n      style={backgroundImageStyle}\n      data-name={'cm-popin-container'}\n    >\n      <div className={mode === 'cookie' ? style.popinCookie : style.popin}>\n        <header className={style.popinHeader}>\n          {renderHeader()}\n          {onClose ? (\n            <ButtonLinkIconOnly\n              onClick={onClose}\n              data-name={'close-icon'}\n              aria-label={'close-icon'}\n              size=\"small\"\n              icon=\"close\"\n            />\n          ) : null}\n        </header>\n        <div\n          className={\n            mode === 'cookie' || mode === 'information'\n              ? style.cookieTitleContainer\n              : style.titleContainer\n          }\n        >\n          <div className={style.contentSection}>\n            {LogoComponent ? <LogoComponent className={style.icon} /> : null}\n            {content ? (\n              <p\n                className={mode === 'alert' ? style.content : style.message}\n                data-name={'cm-popin-content'}\n                // eslint-disable-next-line react/no-danger\n                dangerouslySetInnerHTML={{__html: content}}\n              />\n            ) : null}\n          </div>\n          {descriptionText ? (\n            <p\n              className={style.descriptionText}\n              // eslint-disable-next-line react/no-danger\n              dangerouslySetInnerHTML={{__html: descriptionText}}\n            />\n          ) : null}\n        </div>\n        {descriptionBtnTxt ? <div className={style.descriptionBtn}>{descriptionBtnTxt}</div> : null}\n        {renderBtnSwitch()}\n        <div className={style.buttonContainer}>\n          {firstButton ? (\n            <div className={firstButton.largeButton ? style.largeButton : style.button}>\n              <Cta\n                label={firstButton.label}\n                onClick={firstButton.handleOnclick}\n                data-name={'cm-popin-cta'}\n                aria-label={firstButton['aria-label']}\n                type={firstButton.type}\n                customStyle={firstButton.customStyle}\n              />\n            </div>\n          ) : null}\n          {secondButton ? (\n            <div className={secondButton.largeButton ? style.largeButton : style.button}>\n              <Cta\n                label={secondButton.label}\n                onClick={secondButton.handleOnclick}\n                data-name={`cm-popin-cta-${secondButton.type}`}\n                aria-label={secondButton['aria-label']}\n                type={secondButton.type}\n                customStyle={secondButton.customStyle}\n              />\n            </div>\n          ) : null}\n          {thirdButton ? (\n            <div className={thirdButton.largeButton ? style.largeButton : style.button}>\n              <Cta\n                label={thirdButton.label}\n                onClick={thirdButton.handleOnclick}\n                data-name={`cm-popin-cta-${thirdButton.type}`}\n                aria-label={thirdButton['aria-label']}\n                type={thirdButton.type}\n                customStyle={thirdButton.customStyle}\n              />\n            </div>\n          ) : null}\n        </div>\n      </div>\n    </div>\n  );\n};\n\nCMPopin.propTypes = propTypes;\n\nexport default CMPopin;\n"],"mappings":"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"}

package/es/molecule/cm-popin/style.css

@@ -47,7 +47,7 @@
 
 .popin {
   overflow: auto;
-  width: 434px;
+  width: 500px;
   flex-grow: 0;
   margin: 16px;
   padding: 16px 16px 20px 16px;
@@ -114,12 +114,12 @@
 
 .button {
   min-width: max-content;
-  width: 161px;
+  width: 160px;
   padding: 8px;
 }
 
 .largeButton {
-  width: 75%;
+  width: 100%;
   padding: 8px;
 }
 
@@ -147,11 +147,7 @@
   color: cm_grey_500;
   font-style: normal;
   white-space: pre-line;
-  margin: 0px 32px;
-}
-
-.content {
-  margin: 20px 32px;
+  margin-top: 0px;
 }
 
 .cookieTitleContainer {
@@ -282,21 +278,29 @@ a {
 }
 
 @media tablet {
+  .popin {
+    position: fixed;
+  }
+
   .popin {
     width: 80%;
-    overflow: hidden;
   }
 
   .buttonContainer {
     display: flex;
     flex-wrap: wrap-reverse;
-    margin: 12px 24px 32px 24px;
+    margin: 48px 24px 32px 24px;
+    width: 85%;
   }
   
-  .largeButton, .button , .titleContainer {
+  .button {
     width: 100%;
   }
 
+  .titleContainer {
+    width: 85%;
+  }
+
   .popinCookie {
     position: fixed;
     bottom: 10px;
@@ -306,66 +310,40 @@ a {
     overflow-x: hidden;
     overflow-y: auto;
   }
-  .popinCookie .button {
+  .popinCookie .button{
     width: 100%;
     padding: 0px 0px 8px 0px
   }
 
   .popinCookie .largeButton {
-    padding: 8px 0px 0px 0px;
+    padding: 8px 0px 0px 0px
   }
   .popinCookie .message {
     padding: 24px 24px 0px 24px
   }
-  .descriptionText {
-    margin: 0px 16px;
-  }
-  .content {
-    margin: 20px 16px;
-  }
-  .message { 
-    padding: 40px 16px 0px;
-  }
-}
-
-@media mobile {
-  .background {
-    padding: 0;
-  }
-
-  .popin {
-    width: 80%;
-    overflow: hidden;
-  }
-
-  .buttonContainer {
-    display: flex;
-    margin: 12px 16px 32px 16px;
-  }
-  
-  .button {
-    width: 100%;
-  }
-
-  .titleContainer {
-    width: 100%;
-    margin: 0px 16px;
-  }
-
-  .descriptionText {
-    margin: 0px 16px;
-  }
-
-  .content {
-    margin: 16px 32px;
-  }
-  
-  .largeButton { 
-    margin: 0px 32px;
-  }
 
-  .message { 
-    padding: 40px 16px 0px;
+  @media mobile {
+    .popin {
+      position: fixed;
+    }
+
+    .popin {
+      width: 80%;
+    }
+
+    .buttonContainer {
+      display: flex;
+      margin: 48px 24px 32px 24px;
+      width: 85%;
+    }
+    
+    .button {
+      width: 100%;
+    }
+
+    .titleContainer {
+      width: 85%;
+    }
   }
 }
 
@@ -377,6 +355,7 @@ button {
 }
 
 _:-ms-fullscreen,
+.descriptionText,
 .buttonContainer {
   width: 85%;
 }

package/es/molecule/expandable-item/index.d.ts

@@ -0,0 +1,19 @@
+/// <reference types="react" />
+import { Props } from './types';
+export declare const ICONS: {
+    arrow: any;
+};
+declare const ExpandableItem: {
+    ({ icon, title, isExpended, isLink, content, onClick, image }: Props): JSX.Element;
+    propTypes: {
+        title: import("prop-types").Requireable<string>;
+        icon: import("prop-types").Requireable<string>;
+        isExpended: import("prop-types").Requireable<boolean>;
+        isLink: import("prop-types").Requireable<boolean>;
+        content: import("prop-types").Requireable<string>;
+        image: import("prop-types").Requireable<string>;
+        onClick: import("prop-types").Requireable<(...args: any[]) => any>;
+    };
+};
+export default ExpandableItem;
+//# sourceMappingURL=index.d.ts.map

package/es/molecule/expandable-item/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/molecule/expandable-item/index.tsx"],"names":[],"mappings":";AAGA,OAAO,EAAY,KAAK,EAAC,MAAM,SAAS,CAAC;AAGzC,eAAO,MAAM,KAAK;;CAEjB,CAAC;AAEF,QAAA,MAAM,cAAc;mEAAgE,KAAK;;;;;;;;;;CA2BxF,CAAC;AAGF,eAAe,cAAc,CAAC"}

package/es/molecule/expandable-item/index.js

@@ -0,0 +1,44 @@
+import React from 'react';
+import classnames from 'classnames';
+import { NovaCompositionNavigationArrowDown as ArrowIcon } from '@coorpacademy/nova-icons';
+import { propTypes } from './types';
+import styles from './style.css';
+export const ICONS = {
+  arrow: ArrowIcon
+};
+
+const ExpandableItem = ({
+  icon,
+  title,
+  isExpended,
+  isLink,
+  content,
+  onClick,
+  image
+}) => {
+  const Icon = ICONS[icon];
+  return /*#__PURE__*/React.createElement("div", {
+    className: isExpended ? styles.expendedContainer : styles.container,
+    onClick: onClick
+  }, /*#__PURE__*/React.createElement("div", {
+    className: classnames(styles.header, isExpended ? styles.expendedHeader : null)
+  }, /*#__PURE__*/React.createElement("h3", {
+    className: styles.title
+  }, title), Icon ? /*#__PURE__*/React.createElement(Icon, {
+    className: classnames(styles.icon, isExpended ? styles.expendedIcon : null, isLink ? styles.linkIcon : null)
+  }) : null), isExpended ? /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("div", {
+    className: styles.content // eslint-disable-next-line react/no-danger
+    ,
+    dangerouslySetInnerHTML: {
+      __html: content
+    }
+  }), image ? /*#__PURE__*/React.createElement("img", {
+    className: styles.image,
+    src: image,
+    alt: ''
+  }) : null) : null);
+};
+
+ExpandableItem.propTypes = process.env.NODE_ENV !== "production" ? propTypes : {};
+export default ExpandableItem;
+//# sourceMappingURL=index.js.map

package/es/molecule/expandable-item/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["React","classnames","NovaCompositionNavigationArrowDown","ArrowIcon","propTypes","styles","ICONS","arrow","ExpandableItem","icon","title","isExpended","isLink","content","onClick","image","Icon","expendedContainer","container","header","expendedHeader","expendedIcon","linkIcon","__html"],"sources":["../../../src/molecule/expandable-item/index.tsx"],"sourcesContent":["import React from 'react';\nimport classnames from 'classnames';\nimport {NovaCompositionNavigationArrowDown as ArrowIcon} from '@coorpacademy/nova-icons';\nimport {propTypes, Props} from './types';\nimport styles from './style.css';\n\nexport const ICONS = {\n  arrow: ArrowIcon\n};\n\nconst ExpandableItem = ({icon, title, isExpended, isLink, content, onClick, image}: Props) => {\n  const Icon = ICONS[icon];\n  return (\n    <div className={isExpended ? styles.expendedContainer : styles.container} onClick={onClick}>\n      <div className={classnames(styles.header, isExpended ? styles.expendedHeader : null)}>\n        <h3 className={styles.title}>{title}</h3>\n        {Icon ? (\n          <Icon\n            className={classnames(\n              styles.icon,\n              isExpended ? styles.expendedIcon : null,\n              isLink ? styles.linkIcon : null\n            )}\n          />\n        ) : null}\n      </div>\n      {isExpended ? (\n        <div>\n          <div\n            className={styles.content} // eslint-disable-next-line react/no-danger\n            dangerouslySetInnerHTML={{__html: content}}\n          />\n          {image ? <img className={styles.image} src={image} alt={''} /> : null}\n        </div>\n      ) : null}\n    </div>\n  );\n};\n\nExpandableItem.propTypes = propTypes;\nexport default ExpandableItem;\n"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,UAAP,MAAuB,YAAvB;AACA,SAAQC,kCAAkC,IAAIC,SAA9C,QAA8D,0BAA9D;AACA,SAAQC,SAAR,QAA+B,SAA/B;AACA,OAAOC,MAAP,MAAmB,aAAnB;AAEA,OAAO,MAAMC,KAAK,GAAG;EACnBC,KAAK,EAAEJ;AADY,CAAd;;AAIP,MAAMK,cAAc,GAAG,CAAC;EAACC,IAAD;EAAOC,KAAP;EAAcC,UAAd;EAA0BC,MAA1B;EAAkCC,OAAlC;EAA2CC,OAA3C;EAAoDC;AAApD,CAAD,KAAuE;EAC5F,MAAMC,IAAI,GAAGV,KAAK,CAACG,IAAD,CAAlB;EACA,oBACE;IAAK,SAAS,EAAEE,UAAU,GAAGN,MAAM,CAACY,iBAAV,GAA8BZ,MAAM,CAACa,SAA/D;IAA0E,OAAO,EAAEJ;EAAnF,gBACE;IAAK,SAAS,EAAEb,UAAU,CAACI,MAAM,CAACc,MAAR,EAAgBR,UAAU,GAAGN,MAAM,CAACe,cAAV,GAA2B,IAArD;EAA1B,gBACE;IAAI,SAAS,EAAEf,MAAM,CAACK;EAAtB,GAA8BA,KAA9B,CADF,EAEGM,IAAI,gBACH,oBAAC,IAAD;IACE,SAAS,EAAEf,UAAU,CACnBI,MAAM,CAACI,IADY,EAEnBE,UAAU,GAAGN,MAAM,CAACgB,YAAV,GAAyB,IAFhB,EAGnBT,MAAM,GAAGP,MAAM,CAACiB,QAAV,GAAqB,IAHR;EADvB,EADG,GAQD,IAVN,CADF,EAaGX,UAAU,gBACT,8CACE;IACE,SAAS,EAAEN,MAAM,CAACQ,OADpB,CAC6B;IAD7B;IAEE,uBAAuB,EAAE;MAACU,MAAM,EAAEV;IAAT;EAF3B,EADF,EAKGE,KAAK,gBAAG;IAAK,SAAS,EAAEV,MAAM,CAACU,KAAvB;IAA8B,GAAG,EAAEA,KAAnC;IAA0C,GAAG,EAAE;EAA/C,EAAH,GAA2D,IALnE,CADS,GAQP,IArBN,CADF;AAyBD,CA3BD;;AA6BAP,cAAc,CAACJ,SAAf,2CAA2BA,SAA3B;AACA,eAAeI,cAAf"}

package/es/molecule/expandable-item/style.css

@@ -0,0 +1,135 @@
+@value colors: "../../variables/colors.css";
+@value breakpoints: "../../variables/breakpoints.css";
+@value mobile from breakpoints;
+@value tablet from breakpoints;
+@value cm_primary_blue from colors;
+@value cm_grey_500 from colors;
+@value cm_grey_600 from colors;
+@value cm_grey_800 from colors;
+@value cm_grey_700 from colors;
+@value white from colors;
+
+.container {
+  display: flex;
+  flex-direction: column;
+  background: white;
+  gap: 16px;
+  border-radius: 8px;
+  width: 100%;
+  display: flex;
+  height: 72px;
+  justify-content: center;
+}
+
+.header {
+  display: flex;
+  flex-direction: row;
+  flex: none;
+  order: 0;
+  flex-grow: 0;
+  justify-content: space-between;
+  align-items: center;
+  cursor: pointer;
+  padding: 24px;
+  gap: 16px;
+}
+
+.expendedContainer {
+  display: flex;
+  flex-direction: column;
+  background: white;
+  gap: 16px;
+  border-radius: 2px;
+  width: 100%;
+  display: flex;
+  justify-content: center;
+}
+
+.expendedHeader {
+  padding: 24px 24px 0px 24px;
+}
+
+.title {
+  font-family: Gilroy;
+  color: cm_grey_700;
+  margin: 0;
+  font-weight: inherit;
+  font-family: Gilroy;
+  font-size: 18px;
+  font-weight: 600;
+  line-height: 24px;
+  letter-spacing: 0px;
+  text-align: left;
+}
+
+.icon {
+  width: 16px;
+  height: 16px;
+  width: 14px;
+  left: 5px;
+  top: 9px;
+  border-radius: 0px;
+  color: cm_grey_500;
+  flex-shrink: 0;
+  min-width: 16px;
+  flex-basis: 16px;
+}
+
+.expendedIcon {
+  transform: rotateZ(180deg);
+}
+
+.linkIcon {
+  transform: rotateZ(270deg);
+}
+
+.content {
+  font-family: Gilroy;
+  font-size: 20px;
+  font-weight: 400;
+  line-height: 28px;
+  letter-spacing: 0px;
+  text-align: left;
+  padding: 0px 40px 32px 40px;
+
+}
+
+.image {
+  width: 100%;
+}
+
+.content span{
+  font-family: Gilroy;
+  font-size: 20px;
+  font-weight: 400;
+  line-height: 28px;
+  letter-spacing: 0px;
+  text-align: left;
+  color: cm_grey_600;
+}
+
+@media mobile {
+  .container {
+    display: flex;
+    flex-direction: column;
+    background: white;
+    gap: 16px;
+    border-radius: 2px;
+    width: 100%;
+    display: flex;
+    justify-content: center;
+    height: max-content;
+  }
+  .header {
+    display: flex;
+    flex-direction: row;
+    flex: none;
+    order: 0;
+    flex-grow: 0;
+    justify-content: space-between;
+    align-items: center;
+    cursor: pointer;
+    padding: 12px 40px;
+    height: max-content;
+  }
+}

package/es/molecule/expandable-item/types.d.ts

@@ -0,0 +1,20 @@
+import PropTypes from 'prop-types';
+export declare const propTypes: {
+    title: PropTypes.Requireable<string>;
+    icon: PropTypes.Requireable<string>;
+    isExpended: PropTypes.Requireable<boolean>;
+    isLink: PropTypes.Requireable<boolean>;
+    content: PropTypes.Requireable<string>;
+    image: PropTypes.Requireable<string>;
+    onClick: PropTypes.Requireable<(...args: any[]) => any>;
+};
+export declare type Props = {
+    title: string;
+    icon: 'arrow';
+    isExpended: boolean;
+    content: string;
+    isLink?: boolean;
+    image?: string;
+    onClick: () => void;
+};
+//# sourceMappingURL=types.d.ts.map

package/es/molecule/expandable-item/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/molecule/expandable-item/types.ts"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,YAAY,CAAC;AAEnC,eAAO,MAAM,SAAS;;;;;;;;CAQrB,CAAC;AAEF,oBAAY,KAAK,GAAG;IAClB,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,OAAO,CAAC;IACd,UAAU,EAAE,OAAO,CAAC;IACpB,OAAO,EAAE,MAAM,CAAC;IAChB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB,CAAC"}

package/es/molecule/expandable-item/types.js

@@ -0,0 +1,11 @@
+import PropTypes from 'prop-types';
+export const propTypes = {
+  title: PropTypes.string,
+  icon: PropTypes.oneOf(['arrow']),
+  isExpended: PropTypes.bool,
+  isLink: PropTypes.bool,
+  content: PropTypes.string,
+  image: PropTypes.string,
+  onClick: PropTypes.func
+};
+//# sourceMappingURL=types.js.map

package/es/molecule/expandable-item/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","names":["PropTypes","propTypes","title","string","icon","oneOf","isExpended","bool","isLink","content","image","onClick","func"],"sources":["../../../src/molecule/expandable-item/types.ts"],"sourcesContent":["import PropTypes from 'prop-types';\n\nexport const propTypes = {\n  title: PropTypes.string,\n  icon: PropTypes.oneOf(['arrow']),\n  isExpended: PropTypes.bool,\n  isLink: PropTypes.bool,\n  content: PropTypes.string,\n  image: PropTypes.string,\n  onClick: PropTypes.func\n};\n\nexport type Props = {\n  title: string;\n  icon: 'arrow';\n  isExpended: boolean;\n  content: string;\n  isLink?: boolean;\n  image?: string;\n  onClick: () => void;\n};\n"],"mappings":"AAAA,OAAOA,SAAP,MAAsB,YAAtB;AAEA,OAAO,MAAMC,SAAS,GAAG;EACvBC,KAAK,EAAEF,SAAS,CAACG,MADM;EAEvBC,IAAI,EAAEJ,SAAS,CAACK,KAAV,CAAgB,CAAC,OAAD,CAAhB,CAFiB;EAGvBC,UAAU,EAAEN,SAAS,CAACO,IAHC;EAIvBC,MAAM,EAAER,SAAS,CAACO,IAJK;EAKvBE,OAAO,EAAET,SAAS,CAACG,MALI;EAMvBO,KAAK,EAAEV,SAAS,CAACG,MANM;EAOvBQ,OAAO,EAAEX,SAAS,CAACY;AAPI,CAAlB"}

package/es/molecule/expandable-list/index.d.ts

@@ -0,0 +1,18 @@
+/// <reference types="react" />
+import { Props } from './types';
+declare const ExpandableList: {
+    ({ items }: Props): JSX.Element;
+    propTypes: {
+        items: import("prop-types").Requireable<(import("prop-types").InferProps<{
+            title: import("prop-types").Requireable<string>;
+            icon: import("prop-types").Requireable<string>;
+            isExpended: import("prop-types").Requireable<boolean>;
+            isLink: import("prop-types").Requireable<boolean>;
+            content: import("prop-types").Requireable<string>;
+            image: import("prop-types").Requireable<string>;
+            onClick: import("prop-types").Requireable<(...args: any[]) => any>;
+        }> | null | undefined)[]>;
+    };
+};
+export default ExpandableList;
+//# sourceMappingURL=index.d.ts.map

package/es/molecule/expandable-list/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/molecule/expandable-list/index.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAY,KAAK,EAAC,MAAM,SAAS,CAAC;AAGzC,QAAA,MAAM,cAAc;gBAAa,KAAK;;;;;;;;;;;;CAYrC,CAAC;AAIF,eAAe,cAAc,CAAC"}