@coorpacademy/components 11.32.46 → 11.32.48-alpha.71

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

@@ -86,6 +86,10 @@
   left: 30px;
 }
 
+.coorpmanager input:checked ~ label::after {
+  left: 23px;
+}
+
 .checkbox:disabled ~ label {
   background: light;
   pointer-events: none;
@@ -108,6 +112,10 @@
   min-height: 24px;
 }
 
+.coorpmanager .title {
+  width: fit-content;
+}
+
 .description {
   font-family: 'Gilroy';
   font-weight: 500;
@@ -126,6 +134,7 @@
 }
 
 .coorpmanager label::after, .coorpmanagerModified label::after {
+  top: 1px;
   width: 22px;
   height: 22px;
 }
@@ -134,7 +143,6 @@
   font-family: Gilroy;
   font-weight: bold;
   color: black;
-  min-width: 190px;
 }
 
 .coorpmanager .checkbox:checked ~ label {

package/es/molecule/banner/index.d.ts

@@ -5,10 +5,11 @@ declare namespace Banner {
         const bannerKey: PropTypes.Requireable<string>;
         const type: PropTypes.Requireable<string>;
         const message: PropTypes.Validator<string>;
-        const firstCTA: PropTypes.Requireable<(...args: any[]) => any>;
-        const firstCTALabel: PropTypes.Requireable<string>;
-        const secondCTALabel: PropTypes.Requireable<string>;
-        const secondCTA: PropTypes.Requireable<(...args: any[]) => any>;
+        const cta: PropTypes.Requireable<(PropTypes.InferProps<{
+            label: PropTypes.Requireable<string>;
+            type: PropTypes.Requireable<string>;
+            action: PropTypes.Requireable<(...args: any[]) => any>;
+        }> | null | undefined)[]>;
         const temporary: PropTypes.Requireable<boolean>;
         const onEnd: PropTypes.Requireable<(...args: any[]) => any>;
     }

package/es/molecule/banner/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/molecule/banner/index.js"],"names":[],"mappings":";AAuBA,iDAmDC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/molecule/banner/index.js"],"names":[],"mappings":";AA0BA,iDA6EC"}

package/es/molecule/banner/index.js

@@ -1,34 +1,92 @@
+import _map from "lodash/fp/map";
+import _isEmpty from "lodash/fp/isEmpty";
+import _noop from "lodash/fp/noop";
 import _keys from "lodash/fp/keys";
-import React from 'react';
+import React, { useState, useCallback } from 'react';
 import PropTypes from 'prop-types';
 import classnames from 'classnames';
-import { NovaSolidInterfaceFeedbackInterfaceAlertDiamond as QuestionIcon, NovaCompositionCoorpacademyValidate as ValidateIcon } from '@coorpacademy/nova-icons';
+import { COLORS } from '../../variables/colors';
 import ButtonLink from '../../atom/button-link';
+import Icon from '../../atom/icon';
+import InputSwitch from '../../atom/input-switch';
 import style from './style.css';
-const ICONS = {
-  success: ValidateIcon,
-  error: QuestionIcon,
-  warning: QuestionIcon
+
+const uncappedMap = _map.convert({
+  cap: false
+});
+
+const TYPES = {
+  success: ['circle-check', COLORS.cm_positive_200],
+  error: ['triangle-exclamation', COLORS.cm_negative_200],
+  warning: ['circle-exclamation', COLORS.cm_yellow_400],
+  info: ['circle-info', COLORS.cm_grey_500]
 };
 const STYLES = {
   success: style.success,
   error: style.error,
-  warning: style.warning
+  warning: style.warning,
+  info: style.info
 };
 
 const Banner = props => {
   const {
     type,
     message,
-    firstCTA,
-    firstCTALabel,
-    secondCTALabel,
-    secondCTA,
+    cta = [],
     temporary,
     bannerKey,
     onEnd
   } = props;
-  const Icon = ICONS[type];
+  const [switchValue, setSwitchValue] = useState(false);
+  const handleSwitchToggle = useCallback(action => () => {
+    setSwitchValue(!switchValue);
+    action();
+  }, [switchValue, setSwitchValue]);
+  const ButtonSeparator = /*#__PURE__*/React.createElement("div", {
+    className: classnames(style.buttonsBar, STYLES[type])
+  });
+
+  const buildButton = ({
+    type: buttonType = 'button',
+    label,
+    action = _noop
+  }) => {
+    switch (buttonType) {
+      case 'switch':
+        return /*#__PURE__*/React.createElement("div", {
+          className: classnames(style.button, STYLES[type])
+        }, /*#__PURE__*/React.createElement(InputSwitch, {
+          theme: "coorpmanager",
+          title: label,
+          value: switchValue,
+          onChange: handleSwitchToggle(action),
+          "data-name": `banner-switch-cta`,
+          "aria-label": label
+        }));
+
+      default:
+        return /*#__PURE__*/React.createElement("div", {
+          className: classnames(style.button, STYLES[type])
+        }, /*#__PURE__*/React.createElement(ButtonLink, {
+          "data-name": "banner-button-cta",
+          "aria-label": label,
+          label: label,
+          onClick: action,
+          type: "text"
+        }));
+    }
+  };
+
+  const buildCta = cta => {
+    return uncappedMap((options, i) => {
+      if (_isEmpty(options)) return null;
+      return /*#__PURE__*/React.createElement(React.Fragment, {
+        key: i
+      }, i > 0 ? ButtonSeparator : null, buildButton(options));
+    }, cta);
+  };
+
+  const [iconName, iconColor] = TYPES[type];
   return /*#__PURE__*/React.createElement("div", {
     key: bannerKey,
     className: classnames(style.banner, STYLES[type], temporary && style.temporaryBanner),
@@ -38,36 +96,22 @@ const Banner = props => {
     "data-name": `${type}-banner-message`,
     className: style.message
   }, /*#__PURE__*/React.createElement(Icon, {
+    iconName: iconName,
+    iconColor: iconColor,
     className: classnames(style.icon, temporary && style.temporaryIcon)
-  }), message), firstCTALabel ? /*#__PURE__*/React.createElement("div", {
-    className: classnames(style.button, STYLES[type])
-  }, /*#__PURE__*/React.createElement(ButtonLink, {
-    "data-name": "first-banner-cta",
-    "aria-label": firstCTALabel,
-    label: firstCTALabel,
-    onClick: firstCTA,
-    type: "text"
-  })) : null, firstCTALabel && secondCTALabel ? /*#__PURE__*/React.createElement("div", {
-    className: classnames(style.buttonsBar, STYLES[type])
-  }) : null, secondCTALabel ? /*#__PURE__*/React.createElement("div", {
-    className: classnames(style.button, STYLES[type])
-  }, /*#__PURE__*/React.createElement(ButtonLink, {
-    "data-name": "second-banner-cta",
-    onClick: secondCTA,
-    "aria-label": secondCTALabel,
-    label: secondCTALabel,
-    type: "text"
-  })) : null);
+  }), message), buildCta(cta));
 };
 
+const ctaPropTypes = process.env.NODE_ENV !== "production" ? PropTypes.shape({
+  label: PropTypes.string,
+  type: PropTypes.oneOf(['button', 'switch']),
+  action: PropTypes.func
+}) : {};
 Banner.propTypes = process.env.NODE_ENV !== "production" ? {
   bannerKey: PropTypes.string,
-  type: PropTypes.oneOf(_keys(ICONS)),
+  type: PropTypes.oneOf(_keys(TYPES)),
   message: PropTypes.string.isRequired,
-  firstCTA: PropTypes.func,
-  firstCTALabel: PropTypes.string,
-  secondCTALabel: PropTypes.string,
-  secondCTA: PropTypes.func,
+  cta: PropTypes.arrayOf(ctaPropTypes),
   temporary: PropTypes.bool,
   onEnd: PropTypes.func
 } : {};

package/es/molecule/banner/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","PropTypes","classnames","NovaSolidInterfaceFeedbackInterfaceAlertDiamond","QuestionIcon","NovaCompositionCoorpacademyValidate","ValidateIcon","ButtonLink","style","ICONS","success","error","warning","STYLES","Banner","props","type","message","firstCTA","firstCTALabel","secondCTALabel","secondCTA","temporary","bannerKey","onEnd","Icon","banner","temporaryBanner","icon","temporaryIcon","button","buttonsBar","propTypes","string","oneOf","isRequired","func","bool"],"sources":["../../../src/molecule/banner/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport {keys} from 'lodash/fp';\nimport {\n  NovaSolidInterfaceFeedbackInterfaceAlertDiamond as QuestionIcon,\n  NovaCompositionCoorpacademyValidate as ValidateIcon\n} from '@coorpacademy/nova-icons';\nimport ButtonLink from '../../atom/button-link';\nimport style from './style.css';\n\nconst ICONS = {\n  success: ValidateIcon,\n  error: QuestionIcon,\n  warning: QuestionIcon\n};\n\nconst STYLES = {\n  success: style.success,\n  error: style.error,\n  warning: style.warning\n};\n\nconst Banner = props => {\n  const {\n    type,\n    message,\n    firstCTA,\n    firstCTALabel,\n    secondCTALabel,\n    secondCTA,\n    temporary,\n    bannerKey,\n    onEnd\n  } = props;\n  const Icon = ICONS[type];\n  return (\n    <div\n      key={bannerKey}\n      className={classnames(style.banner, STYLES[type], temporary && style.temporaryBanner)}\n      onAnimationEnd={onEnd}\n      title={message}\n    >\n      <div data-name={`${type}-banner-message`} className={style.message}>\n        <Icon className={classnames(style.icon, temporary && style.temporaryIcon)} />\n        {message}\n      </div>\n      {firstCTALabel ? (\n        <div className={classnames(style.button, STYLES[type])}>\n          <ButtonLink\n            data-name=\"first-banner-cta\"\n            aria-label={firstCTALabel}\n            label={firstCTALabel}\n            onClick={firstCTA}\n            type=\"text\"\n          />\n        </div>\n      ) : null}\n      {firstCTALabel && secondCTALabel ? (\n        <div className={classnames(style.buttonsBar, STYLES[type])} />\n      ) : null}\n      {secondCTALabel ? (\n        <div className={classnames(style.button, STYLES[type])}>\n          <ButtonLink\n            data-name=\"second-banner-cta\"\n            onClick={secondCTA}\n            aria-label={secondCTALabel}\n            label={secondCTALabel}\n            type=\"text\"\n          />\n        </div>\n      ) : null}\n    </div>\n  );\n};\n\nBanner.propTypes = {\n  bannerKey: PropTypes.string,\n  type: PropTypes.oneOf(keys(ICONS)),\n  message: PropTypes.string.isRequired,\n  firstCTA: PropTypes.func,\n  firstCTALabel: PropTypes.string,\n  secondCTALabel: PropTypes.string,\n  secondCTA: PropTypes.func,\n  temporary: PropTypes.bool,\n  onEnd: PropTypes.func\n};\n\nexport default Banner;\n"],"mappings":"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"}
+{"version":3,"file":"index.js","names":["React","useState","useCallback","PropTypes","classnames","COLORS","ButtonLink","Icon","InputSwitch","style","uncappedMap","convert","cap","TYPES","success","cm_positive_200","error","cm_negative_200","warning","cm_yellow_400","info","cm_grey_500","STYLES","Banner","props","type","message","cta","temporary","bannerKey","onEnd","switchValue","setSwitchValue","handleSwitchToggle","action","ButtonSeparator","buttonsBar","buildButton","buttonType","label","button","buildCta","options","i","iconName","iconColor","banner","temporaryBanner","icon","temporaryIcon","ctaPropTypes","shape","string","oneOf","func","propTypes","isRequired","arrayOf","bool"],"sources":["../../../src/molecule/banner/index.js"],"sourcesContent":["import React, {useState, useCallback} from 'react';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport {keys, noop, isEmpty, map} from 'lodash/fp';\nimport {COLORS} from '../../variables/colors';\nimport ButtonLink from '../../atom/button-link';\nimport Icon from '../../atom/icon';\nimport InputSwitch from '../../atom/input-switch';\nimport style from './style.css';\n\nconst uncappedMap = map.convert({cap: false});\n\nconst TYPES = {\n  success: ['circle-check', COLORS.cm_positive_200],\n  error: ['triangle-exclamation', COLORS.cm_negative_200],\n  warning: ['circle-exclamation', COLORS.cm_yellow_400],\n  info: ['circle-info', COLORS.cm_grey_500]\n};\n\nconst STYLES = {\n  success: style.success,\n  error: style.error,\n  warning: style.warning,\n  info: style.info\n};\n\nconst Banner = props => {\n  const {type, message, cta = [], temporary, bannerKey, onEnd} = props;\n  const [switchValue, setSwitchValue] = useState(false);\n\n  const handleSwitchToggle = useCallback(\n    action => () => {\n      setSwitchValue(!switchValue);\n      action();\n    },\n    [switchValue, setSwitchValue]\n  );\n\n  const ButtonSeparator = <div className={classnames(style.buttonsBar, STYLES[type])} />;\n\n  const buildButton = ({type: buttonType = 'button', label, action = noop}) => {\n    switch (buttonType) {\n      case 'switch':\n        return (\n          <div className={classnames(style.button, STYLES[type])}>\n            <InputSwitch\n              theme=\"coorpmanager\"\n              title={label}\n              value={switchValue}\n              onChange={handleSwitchToggle(action)}\n              data-name={`banner-switch-cta`}\n              aria-label={label}\n            />\n          </div>\n        );\n      default:\n        return (\n          <div className={classnames(style.button, STYLES[type])}>\n            <ButtonLink\n              data-name=\"banner-button-cta\"\n              aria-label={label}\n              label={label}\n              onClick={action}\n              type=\"text\"\n            />\n          </div>\n        );\n    }\n  };\n\n  const buildCta = cta => {\n    return uncappedMap((options, i) => {\n      if (isEmpty(options)) return null;\n  \n      return (\n        <React.Fragment key={i}>\n          {i > 0 ? ButtonSeparator : null}\n          {buildButton(options)}\n        </React.Fragment>\n      );\n    }, cta)\n  };\n\n  const [iconName, iconColor] = TYPES[type];\n\n  return (\n    <div\n      key={bannerKey}\n      className={classnames(style.banner, STYLES[type], temporary && style.temporaryBanner)}\n      onAnimationEnd={onEnd}\n      title={message}\n    >\n      <div data-name={`${type}-banner-message`} className={style.message}>\n        <Icon\n          iconName={iconName}\n          iconColor={iconColor}\n          className={classnames(style.icon, temporary && style.temporaryIcon)}\n        />\n        {message}\n      </div>\n      {buildCta(cta)}\n    </div>\n  );\n};\n\nconst ctaPropTypes = PropTypes.shape({\n  label: PropTypes.string,\n  type: PropTypes.oneOf(['button', 'switch']),\n  action: PropTypes.func\n});\n\nBanner.propTypes = {\n  bannerKey: PropTypes.string,\n  type: PropTypes.oneOf(keys(TYPES)),\n  message: PropTypes.string.isRequired,\n  cta: PropTypes.arrayOf(ctaPropTypes),\n  temporary: PropTypes.bool,\n  onEnd: PropTypes.func\n};\n\nexport default Banner;\n"],"mappings":"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"}

package/es/molecule/banner/style.css

@@ -12,6 +12,8 @@
 @value cm_yellow_100 from colors;
 @value cm_yellow_200 from colors;
 @value cm_yellow_400 from colors;
+@value cm_grey_100 from colors;
+@value cm_grey_700 from colors;
 
 @keyframes fadeIn {
     0% {
@@ -36,8 +38,8 @@
     justify-content: flex-start;  
     align-items: center; 
     gap: 8px; 
-    padding: 16px 24px; 
-    border-radius: 5px;
+    padding: 8px 8px 8px 24px; 
+    border-radius: 12px;
 }
 
 .banner.warning {
@@ -55,6 +57,11 @@
     color: cm_positive_200;
 }
 
+.banner.info {
+    background-color: cm_grey_100;
+    color: cm_grey_700;
+}
+
 .temporaryBanner {
     display: inline-flex;
     align-items: center;  
@@ -103,7 +110,6 @@
     color: color(cm_positive_100 blackness(+12%));
 }
 
-
 .buttonsBar {
     width: 2px;
     align-self: stretch;
@@ -123,6 +129,9 @@
     background-color: cm_positive_100;
 }
 
+.buttonsBar.info {
+    background-color: cm_grey_700;
+}
 
 .icon {
     height: 22px;

package/es/molecule/cm-popin/types.d.ts

@@ -199,7 +199,6 @@ declare const propTypes: {
                         size: PropTypes.Requireable<number>;
                         wrapperSize: PropTypes.Requireable<number>;
                     }>>;
-                    editAsIcon: PropTypes.Requireable<boolean>;
                 }> | null | undefined)[]>;
                 type: PropTypes.Requireable<string>;
                 itemType: PropTypes.Requireable<string>;

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

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/molecule/cm-popin/types.ts"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,YAAY,CAAC;AAKnC,OAAO,IAAI,MAAM,iBAAiB,CAAC;AACnC,OAAO,EAAC,UAAU,EAAC,MAAM,wBAAwB,CAAC;AAClD,OAAO,SAAS,MAAM,2BAA2B,CAAC;AAClD,OAAO,SAAS,MAAM,2BAA2B,CAAC;AAGlD,QAAA,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAoDd,CAAC;AAEF,aAAK,gBAAgB,GAAG;IACtB,KAAK,EAAE,UAAU,CAAC;IAClB,eAAe,EAAE,MAAM,CAAC;IACxB,UAAU,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF,oBAAY,eAAe,GAAG;IAC5B,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;IACb,WAAW,CAAC,EAAE;QACZ,eAAe,CAAC,EAAE,MAAM,CAAC;QACzB,KAAK,CAAC,EAAE,MAAM,CAAC;KAChB,CAAC;IACF,aAAa,EAAE,MAAM,IAAI,CAAC;CAC3B,CAAC;AAEF,oBAAY,YAAY,GAAG;IACzB,OAAO,EAAE,MAAM,CAAC;IAChB,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,OAAO,GAAG,aAAa,GAAG,QAAQ,GAAG,OAAO,GAAG,MAAM,CAAC;IAC5D,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,WAAW,CAAC,EAAE,gBAAgB,CAAC;IAC/B,eAAe,EAAE,MAAM,CAAC;IACxB,WAAW,CAAC,EAAE,eAAe,CAAC;IAC9B,YAAY,CAAC,EAAE,eAAe,CAAC;IAC/B,KAAK,CAAC,EAAE;QACN,IAAI,EAAE,SAAS,GAAG,MAAM,CAAC;QACzB,IAAI,EACA,SAAS,CAAC,UAAU,CAAC,OAAO,SAAS,CAAC,SAAS,CAAC,GAChD,SAAS,CAAC,UAAU,CAAC,OAAO,SAAS,CAAC,SAAS,CAAC,CAAC;KACtD,CAAC;IACF,IAAI,CAAC,EAAE,SAAS,CAAC,UAAU,CAAC,OAAO,IAAI,CAAC,SAAS,CAAC,CAAC;CACpD,CAAC;AAEF,eAAe,SAAS,CAAC"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/molecule/cm-popin/types.ts"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,YAAY,CAAC;AAKnC,OAAO,IAAI,MAAM,iBAAiB,CAAC;AACnC,OAAO,EAAC,UAAU,EAAC,MAAM,wBAAwB,CAAC;AAClD,OAAO,SAAS,MAAM,2BAA2B,CAAC;AAClD,OAAO,SAAS,MAAM,2BAA2B,CAAC;AAGlD,QAAA,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAoDd,CAAC;AAEF,aAAK,gBAAgB,GAAG;IACtB,KAAK,EAAE,UAAU,CAAC;IAClB,eAAe,EAAE,MAAM,CAAC;IACxB,UAAU,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF,oBAAY,eAAe,GAAG;IAC5B,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;IACb,WAAW,CAAC,EAAE;QACZ,eAAe,CAAC,EAAE,MAAM,CAAC;QACzB,KAAK,CAAC,EAAE,MAAM,CAAC;KAChB,CAAC;IACF,aAAa,EAAE,MAAM,IAAI,CAAC;CAC3B,CAAC;AAEF,oBAAY,YAAY,GAAG;IACzB,OAAO,EAAE,MAAM,CAAC;IAChB,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,OAAO,GAAG,aAAa,GAAG,QAAQ,GAAG,OAAO,GAAG,MAAM,CAAC;IAC5D,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,WAAW,CAAC,EAAE,gBAAgB,CAAC;IAC/B,eAAe,EAAE,MAAM,CAAC;IACxB,WAAW,CAAC,EAAE,eAAe,CAAC;IAC9B,YAAY,CAAC,EAAE,eAAe,CAAC;IAC/B,KAAK,CAAC,EAAE;QACN,IAAI,EAAE,SAAS,GAAG,MAAM,CAAC;QACzB,IAAI,EACA,SAAS,CAAC,UAAU,CAAC,OAAO,SAAS,CAAC,SAAS,CAAC,GAChD,SAAS,CAAC,UAAU,CAAC,OAAO,SAAS,CAAC,SAAS,CAAC,CAAC;KACtD,CAAC;IACF,IAAI,CAAC,EAAE,SAAS,CAAC,UAAU,CAAC,OAAO,IAAI,CAAC,SAAS,CAAC,CAAC;CACpD,CAAC;AAEF,eAAe,SAAS,CAAC"}

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

@@ -125,7 +125,6 @@ declare namespace DraggableList {
                 size: PropTypes.Requireable<number>;
                 wrapperSize: PropTypes.Requireable<number>;
             }>>;
-            editAsIcon: PropTypes.Requireable<boolean>;
         }> | PropTypes.InferProps<{
             'aria-label': PropTypes.Requireable<string>;
             id: PropTypes.Requireable<string>;

package/es/molecule/icon-picker-modal/index.js

@@ -1,3 +1,4 @@
+import _uniq from "lodash/fp/uniq";
 import _size from "lodash/fp/size";
 import _slice from "lodash/fp/slice";
 import _values from "lodash/fp/values";
@@ -30,7 +31,7 @@ const IconPickerModal = (props, context) => {
   const [selectedIcon, setSelectedIcon] = useState(null);
   const [displayedIcons, setDisplayedIcons] = useState([]);
   const [currentIndex, setCurrentIndex] = useState(0);
-  const allIcons = useMemo(() => _pipe(_values, _map(_get('iconName')))(fas), []);
+  const allIcons = useMemo(() => _pipe(_values, _map(_get('iconName')), _uniq)(fas), []);
   const {
     searchValue,
     searchResults,

package/es/molecule/icon-picker-modal/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","useMemo","useState","useCallback","useEffect","PropTypes","fas","BaseModal","SelectIcon","Provider","SearchForm","COLORS","style","useIconSearch","ICONS_PER_LOAD","IconPickerModal","props","context","isOpen","onCancel","onConfirm","onClose","translate","selectedIcon","setSelectedIcon","displayedIcons","setDisplayedIcons","currentIndex","setCurrentIndex","allIcons","searchValue","searchResults","handleSearch","handleReset","handleCancel","handleClose","handleIconClick","iconName","prevSelectedIcon","loadMoreIcons","nextIndex","newIcons","prevIcons","handleScroll","event","scrollTop","clientHeight","scrollHeight","currentTarget","icons","index","isSelected","footer","cancelButton","label","confirmButton","disabled","color","cm_primary_blue","name","backgroundColor","iconPicker","searchWrapper","placeholder","value","onChange","emptySearchResultContainer","emptySearchResultTitle","emptySearchResultDescription","emptySearchResultClearSearch","iconsListWrapper","contextTypes","childContextTypes","propTypes","bool","func"],"sources":["../../../src/molecule/icon-picker-modal/index.js"],"sourcesContent":["import React, {useMemo, useState, useCallback, useEffect} from 'react';\nimport PropTypes from 'prop-types';\nimport {fas} from '@fortawesome/pro-solid-svg-icons';\nimport {entries, map, pipe, get, values, slice, size} from 'lodash/fp';\nimport BaseModal from '../base-modal';\nimport SelectIcon from '../../atom/select-icon';\nimport Provider from '../../atom/provider';\nimport SearchForm from '../search-form';\nimport {COLORS} from '../../variables/colors';\nimport style from './style.css';\nimport useIconSearch from './use-icon-search';\n\nconst ICONS_PER_LOAD = 48;\n\nconst IconPickerModal = (props, context) => {\n  const {isOpen, onCancel, onConfirm, onClose} = props;\n  const {translate} = context;\n\n  const [selectedIcon, setSelectedIcon] = useState(null);\n  const [displayedIcons, setDisplayedIcons] = useState([]);\n  const [currentIndex, setCurrentIndex] = useState(0);\n\n  const allIcons = useMemo(() => pipe(values, map(get('iconName')))(fas), []);\n  const {searchValue, searchResults, handleSearch, handleReset} = useIconSearch(allIcons);\n\n  const handleCancel = useCallback(() => {\n    onCancel();\n  }, [onCancel]);\n\n  const handleClose = useCallback(() => {\n    onClose();\n  }, [onClose]);\n\n  const handleIconClick = useCallback(\n    iconName => () => {\n      setSelectedIcon(prevSelectedIcon => (prevSelectedIcon === iconName ? null : iconName));\n    },\n    []\n  );\n\n  const loadMoreIcons = useCallback(() => {\n    const nextIndex = currentIndex + ICONS_PER_LOAD;\n    const newIcons = slice(currentIndex, nextIndex, searchResults);\n    setDisplayedIcons(prevIcons => [...prevIcons, ...newIcons]);\n    setCurrentIndex(nextIndex);\n  }, [currentIndex, searchResults]);\n\n  useEffect(() => {\n    setDisplayedIcons(() => slice(0, ICONS_PER_LOAD, searchResults));\n    setCurrentIndex(ICONS_PER_LOAD);\n  }, [searchResults]);\n\n  const handleScroll = useCallback(\n    event => {\n      const {scrollTop, clientHeight, scrollHeight} = event.currentTarget;\n      if (scrollHeight - scrollTop <= clientHeight + 1) {\n        loadMoreIcons();\n      }\n    },\n    [loadMoreIcons]\n  );\n\n  const icons = useMemo(\n    () =>\n      pipe(\n        entries,\n        map(([index, iconName]) => (\n          <SelectIcon\n            key={`icon-${index}`}\n            size=\"responsive\"\n            data-name={`icon-${index}`}\n            aria-label={iconName}\n            faIcon={iconName}\n            onClick={handleIconClick(iconName)}\n            options={{isSelected: selectedIcon === iconName}}\n          />\n        ))\n      )(displayedIcons),\n    [displayedIcons, selectedIcon, handleIconClick]\n  );\n\n  const footer = useMemo(() => {\n    return {\n      cancelButton: {\n        onCancel: handleCancel,\n        label: translate('cancel')\n      },\n      confirmButton: {\n        onConfirm: () => {\n          onConfirm(selectedIcon);\n          setSelectedIcon(null);\n          onClose();\n        },\n        label: translate('confirm'),\n        iconName: 'plus',\n        disabled: selectedIcon === null,\n        color: COLORS.cm_primary_blue\n      }\n    };\n  }, [handleCancel, onConfirm, onClose, translate, selectedIcon]);\n\n  if (!isOpen) return null;\n\n  return (\n    <BaseModal\n      title={translate('icon_picker_title')}\n      description={translate('icon_picker_description')}\n      isOpen={isOpen}\n      onClose={handleClose}\n      onScroll={handleScroll}\n      footer={footer}\n      headerIcon={{\n        name: 'arrows-rotate',\n        backgroundColor: '#D6E6FF'\n      }}\n    >\n      <div className={style.iconPicker}>\n        {\n          <>\n            <div className={style.searchWrapper}>\n              <SearchForm\n                search={{\n                  placeholder: translate('search_place_holder'),\n                  value: searchValue,\n                  onChange: handleSearch\n                }}\n                onReset={handleReset}\n                dataTestId=\"search-input\"\n              />\n            </div>\n            {searchValue && size(searchResults) === 0 ? (\n              <div className={style.emptySearchResultContainer}>\n                <div className={style.emptySearchResultTitle}>\n                  {translate('empty_search_result_title', {searchValue})}\n                </div>\n                <div className={style.emptySearchResultDescription}>\n                  {translate('empty_search_result_description')}\n                </div>\n                <div className={style.emptySearchResultClearSearch} onClick={handleReset}>\n                  {translate('empty_search_result_clear_search')}\n                </div>\n              </div>\n            ) : (\n              <div className={style.iconsListWrapper}>{icons}</div>\n            )}\n          </>\n        }\n      </div>\n    </BaseModal>\n  );\n};\n\nIconPickerModal.contextTypes = {\n  translate: Provider.childContextTypes.translate\n};\n\nIconPickerModal.propTypes = {\n  isOpen: PropTypes.bool,\n  onCancel: PropTypes.func,\n  onConfirm: PropTypes.func,\n  onClose: PropTypes.func\n};\n\nexport default IconPickerModal;\n"],"mappings":"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"}
+{"version":3,"file":"index.js","names":["React","useMemo","useState","useCallback","useEffect","PropTypes","fas","BaseModal","SelectIcon","Provider","SearchForm","COLORS","style","useIconSearch","ICONS_PER_LOAD","IconPickerModal","props","context","isOpen","onCancel","onConfirm","onClose","translate","selectedIcon","setSelectedIcon","displayedIcons","setDisplayedIcons","currentIndex","setCurrentIndex","allIcons","searchValue","searchResults","handleSearch","handleReset","handleCancel","handleClose","handleIconClick","iconName","prevSelectedIcon","loadMoreIcons","nextIndex","newIcons","prevIcons","handleScroll","event","scrollTop","clientHeight","scrollHeight","currentTarget","icons","index","isSelected","footer","cancelButton","label","confirmButton","disabled","color","cm_primary_blue","name","backgroundColor","iconPicker","searchWrapper","placeholder","value","onChange","emptySearchResultContainer","emptySearchResultTitle","emptySearchResultDescription","emptySearchResultClearSearch","iconsListWrapper","contextTypes","childContextTypes","propTypes","bool","func"],"sources":["../../../src/molecule/icon-picker-modal/index.js"],"sourcesContent":["import React, {useMemo, useState, useCallback, useEffect} from 'react';\nimport PropTypes from 'prop-types';\nimport {fas} from '@fortawesome/pro-solid-svg-icons';\nimport {entries, map, pipe, get, values, slice, size, uniq} from 'lodash/fp';\nimport BaseModal from '../base-modal';\nimport SelectIcon from '../../atom/select-icon';\nimport Provider from '../../atom/provider';\nimport SearchForm from '../search-form';\nimport {COLORS} from '../../variables/colors';\nimport style from './style.css';\nimport useIconSearch from './use-icon-search';\n\nconst ICONS_PER_LOAD = 48;\n\nconst IconPickerModal = (props, context) => {\n  const {isOpen, onCancel, onConfirm, onClose} = props;\n  const {translate} = context;\n\n  const [selectedIcon, setSelectedIcon] = useState(null);\n  const [displayedIcons, setDisplayedIcons] = useState([]);\n  const [currentIndex, setCurrentIndex] = useState(0);\n\n  const allIcons = useMemo(() => pipe(values, map(get('iconName')), uniq)(fas), []);\n  const {searchValue, searchResults, handleSearch, handleReset} = useIconSearch(allIcons);\n\n  const handleCancel = useCallback(() => {\n    onCancel();\n  }, [onCancel]);\n\n  const handleClose = useCallback(() => {\n    onClose();\n  }, [onClose]);\n\n  const handleIconClick = useCallback(\n    iconName => () => {\n      setSelectedIcon(prevSelectedIcon => (prevSelectedIcon === iconName ? null : iconName));\n    },\n    []\n  );\n\n  const loadMoreIcons = useCallback(() => {\n    const nextIndex = currentIndex + ICONS_PER_LOAD;\n    const newIcons = slice(currentIndex, nextIndex, searchResults);\n    setDisplayedIcons(prevIcons => [...prevIcons, ...newIcons]);\n    setCurrentIndex(nextIndex);\n  }, [currentIndex, searchResults]);\n\n  useEffect(() => {\n    setDisplayedIcons(() => slice(0, ICONS_PER_LOAD, searchResults));\n    setCurrentIndex(ICONS_PER_LOAD);\n  }, [searchResults]);\n\n  const handleScroll = useCallback(\n    event => {\n      const {scrollTop, clientHeight, scrollHeight} = event.currentTarget;\n      if (scrollHeight - scrollTop <= clientHeight + 1) {\n        loadMoreIcons();\n      }\n    },\n    [loadMoreIcons]\n  );\n\n  const icons = useMemo(\n    () =>\n      pipe(\n        entries,\n        map(([index, iconName]) => (\n          <SelectIcon\n            key={`icon-${index}`}\n            size=\"responsive\"\n            data-name={`icon-${index}`}\n            aria-label={iconName}\n            faIcon={iconName}\n            onClick={handleIconClick(iconName)}\n            options={{isSelected: selectedIcon === iconName}}\n          />\n        ))\n      )(displayedIcons),\n    [displayedIcons, selectedIcon, handleIconClick]\n  );\n\n  const footer = useMemo(() => {\n    return {\n      cancelButton: {\n        onCancel: handleCancel,\n        label: translate('cancel')\n      },\n      confirmButton: {\n        onConfirm: () => {\n          onConfirm(selectedIcon);\n          setSelectedIcon(null);\n          onClose();\n        },\n        label: translate('confirm'),\n        iconName: 'plus',\n        disabled: selectedIcon === null,\n        color: COLORS.cm_primary_blue\n      }\n    };\n  }, [handleCancel, onConfirm, onClose, translate, selectedIcon]);\n\n  if (!isOpen) return null;\n\n  return (\n    <BaseModal\n      title={translate('icon_picker_title')}\n      description={translate('icon_picker_description')}\n      isOpen={isOpen}\n      onClose={handleClose}\n      onScroll={handleScroll}\n      footer={footer}\n      headerIcon={{\n        name: 'arrows-rotate',\n        backgroundColor: '#D6E6FF'\n      }}\n    >\n      <div className={style.iconPicker}>\n        {\n          <>\n            <div className={style.searchWrapper}>\n              <SearchForm\n                search={{\n                  placeholder: translate('search_place_holder'),\n                  value: searchValue,\n                  onChange: handleSearch\n                }}\n                onReset={handleReset}\n                dataTestId=\"search-input\"\n              />\n            </div>\n            {searchValue && size(searchResults) === 0 ? (\n              <div className={style.emptySearchResultContainer}>\n                <div className={style.emptySearchResultTitle}>\n                  {translate('empty_search_result_title', {searchValue})}\n                </div>\n                <div className={style.emptySearchResultDescription}>\n                  {translate('empty_search_result_description')}\n                </div>\n                <div className={style.emptySearchResultClearSearch} onClick={handleReset}>\n                  {translate('empty_search_result_clear_search')}\n                </div>\n              </div>\n            ) : (\n              <div className={style.iconsListWrapper}>{icons}</div>\n            )}\n          </>\n        }\n      </div>\n    </BaseModal>\n  );\n};\n\nIconPickerModal.contextTypes = {\n  translate: Provider.childContextTypes.translate\n};\n\nIconPickerModal.propTypes = {\n  isOpen: PropTypes.bool,\n  onCancel: PropTypes.func,\n  onConfirm: PropTypes.func,\n  onClose: PropTypes.func\n};\n\nexport default IconPickerModal;\n"],"mappings":"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"}

package/es/organism/brand-learning-priorities/index.d.ts

@@ -125,7 +125,6 @@ declare namespace BrandLearningPriorities {
                     size: PropTypes.Requireable<number>;
                     wrapperSize: PropTypes.Requireable<number>;
                 }>>;
-                editAsIcon: PropTypes.Requireable<boolean>;
             }> | PropTypes.InferProps<{
                 'aria-label': PropTypes.Requireable<string>;
                 id: PropTypes.Requireable<string>;

package/es/organism/list-item/index.d.ts

@@ -1,5 +1,5 @@
 export default ListItem;
-declare function ListItem({ buttonLink, secondButtonLink, bulletPointMenuButton, tags, title, provider, selected, selectedColor, subtitle, dataColumns, order, "aria-label": ariaLabel, disabled, contentType, isBulkStyle, isOverflowHidden, onClick, leftIcon, editAsIcon }: {
+declare function ListItem({ buttonLink, secondButtonLink, bulletPointMenuButton, tags, title, provider, selected, selectedColor, subtitle, dataColumns, order, "aria-label": ariaLabel, disabled, contentType, isBulkStyle, isOverflowHidden, onClick, leftIcon }: {
     buttonLink: any;
     secondButtonLink: any;
     bulletPointMenuButton: any;
@@ -18,7 +18,6 @@ declare function ListItem({ buttonLink, secondButtonLink, bulletPointMenuButton,
     isOverflowHidden?: boolean | undefined;
     onClick?: import("lodash/fp").LodashNoop | undefined;
     leftIcon: any;
-    editAsIcon?: boolean | undefined;
 }, context: any): JSX.Element;
 declare namespace ListItem {
     namespace contextTypes {
@@ -111,7 +110,6 @@ declare namespace ListItem {
             size: PropTypes.Requireable<number>;
             wrapperSize: PropTypes.Requireable<number>;
         }>>;
-        editAsIcon: PropTypes.Requireable<boolean>;
     };
 }
 import PropTypes from "prop-types";

package/es/organism/list-item/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/organism/list-item/index.js"],"names":[],"mappings":";AAaA;;;;;;;;;;;;;;;;;;;;8BAiJC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/organism/list-item/index.js"],"names":[],"mappings":";AAaA;;;;;;;;;;;;;;;;;;;8BA8HC"}

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

@@ -35,8 +35,7 @@ const ListItem = ({
   isBulkStyle = false,
   isOverflowHidden = false,
   onClick = _noop,
-  leftIcon,
-  editAsIcon = false
+  leftIcon
 }, context) => {
   const {
     skin
@@ -75,24 +74,6 @@ const ListItem = ({
     className: style.order,
     "aria-label": ariaLabel
   }, order + 1) : null;
-  const handleButtonLinkClick = buttonLink?.onClick || _noop;
-
-  const handleRenderButtonLink = () => {
-    if (editAsIcon && buttonLink) {
-      return /*#__PURE__*/React.createElement(FaIcon, {
-        iconName: buttonLink.icon?.type || 'edit',
-        onClick: handleButtonLinkClick,
-        className: style.editIcon
-      });
-    }
-
-    if (buttonLink) {
-      return /*#__PURE__*/React.createElement(ButtonLink, buttonLink);
-    }
-
-    return null;
-  };
-
   return /*#__PURE__*/React.createElement("div", {
     className: classnames(style.wrapper, isBulkStyle && style.gridLayout, subtitle && style.withSubtitle, disabled && style.disabled, onClick !== _noop && !disabled && style.cursorPointer),
     onClick: !disabled ? onClick : undefined,
@@ -130,7 +111,7 @@ const ListItem = ({
       faSize: 16,
       wrapperSize: 16
     }
-  }) : null, handleRenderButtonLink(), secondButtonLink ? /*#__PURE__*/React.createElement(ButtonLink, secondButtonLink) : null, !_isEmpty(bulletPointMenuButton) ? /*#__PURE__*/React.createElement(BulletPointMenuButton, bulletPointMenuButton) : null));
+  }) : null, buttonLink ? /*#__PURE__*/React.createElement(ButtonLink, buttonLink) : null, secondButtonLink ? /*#__PURE__*/React.createElement(ButtonLink, secondButtonLink) : null, !_isEmpty(bulletPointMenuButton) ? /*#__PURE__*/React.createElement(BulletPointMenuButton, bulletPointMenuButton) : null));
 };
 
 ListItem.contextTypes = {
@@ -202,8 +183,7 @@ ListItem.propTypes = process.env.NODE_ENV !== "production" ? {
     gradientBackground: PropTypes.bool,
     size: PropTypes.number,
     wrapperSize: PropTypes.number
-  }),
-  editAsIcon: PropTypes.bool
+  })
 } : {};
 export default ListItem;
 //# sourceMappingURL=index.js.map

package/es/organism/list-item/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","PropTypes","convert","classnames","Provider","Tag","FaIcon","ButtonLink","BulletPointMenuButton","COLORS","style","ListItem","buttonLink","secondButtonLink","bulletPointMenuButton","tags","title","provider","selected","selectedColor","subtitle","dataColumns","order","ariaLabel","disabled","contentType","isBulkStyle","isOverflowHidden","onClick","leftIcon","editAsIcon","context","skin","primarySelectedColor","mapUncapped","cap","isPublished","selectedStyle","backgroundColor","tagSelectedStyle","color","tagsView","tag","index","type","dataColumnsView","dataColumn","className","label","orderView","undefined","handleButtonLinkClick","handleRenderButtonLink","icon","editIcon","wrapper","gridLayout","withSubtitle","cursorPointer","dataColumnsWrapper","hiddenOverflowX","leftSection","iconName","gradientBackground","iconColor","preset","borderRadius","titleWrapper","titleProviderWrapper","providerTag","settings","white","faSize","wrapperSize","contextTypes","childContextTypes","translate","propTypes","string","isRequired","bool","arrayOf","shape","oneOf","dataName","position","func","buttonAriaLabel","menuAriaLabel","buttons","number","id","size"],"sources":["../../../src/organism/list-item/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {isEmpty, map, noop, get} from 'lodash/fp';\nimport {convert} from 'css-color-function';\nimport classnames from 'classnames';\nimport Provider from '../../atom/provider';\nimport Tag from '../../atom/tag';\nimport FaIcon from '../../atom/icon';\nimport ButtonLink from '../../atom/button-link';\nimport BulletPointMenuButton from '../../molecule/bullet-point-menu-button';\nimport {COLORS} from '../../variables/colors';\nimport style from './style.css';\n\nconst ListItem = (\n  {\n    buttonLink,\n    secondButtonLink,\n    bulletPointMenuButton,\n    tags,\n    title,\n    provider,\n    selected,\n    selectedColor,\n    subtitle,\n    dataColumns,\n    order,\n    'aria-label': ariaLabel,\n    disabled = false,\n    contentType,\n    isBulkStyle = false,\n    isOverflowHidden = false,\n    onClick = noop,\n    leftIcon,\n    editAsIcon = false\n  },\n  context\n) => {\n  const {skin} = context;\n  const primarySelectedColor = selectedColor || get('common.primary', skin);\n  const mapUncapped = map.convert({cap: false});\n  let isPublished = false;\n\n  const selectedStyle = selected\n    ? {\n        backgroundColor: convert(`color(${primarySelectedColor} a(0.07))`)\n      }\n    : {};\n\n  const tagSelectedStyle = selected\n    ? {\n        backgroundColor: convert(`color(${primarySelectedColor} a(0.15))`),\n        color: primarySelectedColor\n      }\n    : {};\n\n  const tagsView = mapUncapped((tag, index) => {\n    isPublished = tag.type === 'success';\n    return (\n      <div key={index} className={style.tag}>\n        <Tag {...tag} customStyle={tagSelectedStyle} />\n      </div>\n    );\n  })(tags);\n\n  const dataColumnsView = mapUncapped((dataColumn, index) => {\n    return (\n      <div key={index} className={style[dataColumn.className]}>\n        {dataColumn.type ? <Tag {...dataColumn} /> : dataColumn.label}\n      </div>\n    );\n  })(dataColumns);\n\n  const orderView =\n    order !== null && order !== undefined ? (\n      <div className={style.order} aria-label={ariaLabel}>\n        {order + 1}\n      </div>\n    ) : null;\n\n  const handleButtonLinkClick = buttonLink?.onClick || noop;\n\n  const handleRenderButtonLink = () => {\n    if (editAsIcon && buttonLink) {\n      return (\n        <FaIcon\n          iconName={buttonLink.icon?.type || 'edit'}\n          onClick={handleButtonLinkClick}\n          className={style.editIcon}\n        />\n      );\n    }\n    if (buttonLink) {\n      return <ButtonLink {...buttonLink} />;\n    }\n    return null;\n  };\n\n  return (\n    <div\n      className={classnames(\n        style.wrapper,\n        isBulkStyle && style.gridLayout,\n        subtitle && style.withSubtitle,\n        disabled && style.disabled,\n        onClick !== noop && !disabled && style.cursorPointer\n      )}\n      onClick={!disabled ? onClick : undefined}\n      style={selectedStyle}\n    >\n      <div\n        className={classnames(style.dataColumnsWrapper, isOverflowHidden && style.hiddenOverflowX)}\n      >\n        {isPublished && contentType === 'certification' ? orderView : null}\n        <div className={style.leftSection}>\n          {leftIcon ? (\n            <div>\n              <FaIcon\n                iconName={leftIcon.iconName}\n                gradientBackground={leftIcon.gradientBackground || true}\n                iconColor={leftIcon.iconColor || primarySelectedColor}\n                preset={leftIcon.preset || 'xl'}\n                borderRadius={leftIcon.borderRadius || '25%'}\n              />\n            </div>\n          ) : null}\n        </div>\n        <div className={style.titleWrapper}>\n          <div className={style.titleProviderWrapper}>\n            <div className={style.title} title={title}>\n              {title}\n            </div>\n            {provider ? (\n              <Tag label={provider} type=\"default\" className={style.providerTag} />\n            ) : null}\n          </div>\n          {subtitle ? <div className={style.subtitle}>{subtitle}</div> : null}\n        </div>\n        {dataColumnsView}\n      </div>\n\n      <div className={style.settings}>\n        {tagsView}\n        {selected ? (\n          <FaIcon\n            iconName=\"circle-check\"\n            iconColor={primarySelectedColor}\n            backgroundColor={COLORS.white}\n            size={{faSize: 16, wrapperSize: 16}}\n          />\n        ) : null}\n        {handleRenderButtonLink()}\n        {secondButtonLink ? <ButtonLink {...secondButtonLink} /> : null}\n        {!isEmpty(bulletPointMenuButton) ? (\n          <BulletPointMenuButton {...bulletPointMenuButton} />\n        ) : null}\n      </div>\n    </div>\n  );\n};\n\nListItem.contextTypes = {\n  skin: Provider.childContextTypes.skin,\n  translate: Provider.childContextTypes.translate\n};\n\nListItem.propTypes = {\n  title: PropTypes.string.isRequired,\n  subtitle: PropTypes.string,\n  provider: PropTypes.string,\n  selected: PropTypes.bool,\n  selectedColor: PropTypes.string,\n  dataColumns: PropTypes.arrayOf(\n    PropTypes.shape({\n      label: PropTypes.string,\n      type: PropTypes.oneOf(['success', 'failure', 'warning', 'progress', 'default']),\n      className: PropTypes.oneOf(['cell', 'title'])\n    })\n  ),\n  buttonLink: PropTypes.shape({\n    type: PropTypes.string,\n    label: PropTypes.string,\n    ariaLabel: PropTypes.string,\n    dataName: PropTypes.string,\n    icon: PropTypes.shape({\n      position: PropTypes.string,\n      type: PropTypes.string\n    }),\n    onClick: PropTypes.func\n  }),\n  secondButtonLink: PropTypes.shape({\n    type: PropTypes.string,\n    label: PropTypes.string,\n    ariaLabel: PropTypes.string,\n    dataName: PropTypes.string,\n    icon: PropTypes.shape({\n      position: PropTypes.string,\n      type: PropTypes.string\n    }),\n    onClick: PropTypes.func\n  }),\n  bulletPointMenuButton: PropTypes.shape({\n    buttonAriaLabel: PropTypes.string,\n    menuAriaLabel: PropTypes.string,\n    buttons: PropTypes.arrayOf(\n      PropTypes.shape({\n        'data-name': PropTypes.string,\n        label: PropTypes.string,\n        type: PropTypes.string,\n        onClick: PropTypes.func\n      })\n    ),\n    onClick: PropTypes.func\n  }),\n  tags: PropTypes.arrayOf(\n    PropTypes.shape({\n      label: PropTypes.string,\n      type: PropTypes.oneOf(['success', 'failure', 'warning', 'progress', 'default'])\n    })\n  ),\n  disabled: PropTypes.bool,\n  onClick: PropTypes.func,\n  isBulkStyle: PropTypes.bool,\n  isOverflowHidden: PropTypes.bool,\n  order: PropTypes.number,\n  'aria-label': PropTypes.string,\n  contentType: PropTypes.string,\n  id: PropTypes.string,\n  leftIcon: PropTypes.shape({\n    iconName: PropTypes.string,\n    iconColor: PropTypes.string,\n    backgroundColor: PropTypes.string,\n    borderRadius: PropTypes.string,\n    preset: PropTypes.string,\n    gradientBackground: PropTypes.bool,\n    size: PropTypes.number,\n    wrapperSize: PropTypes.number\n  }),\n  editAsIcon: PropTypes.bool\n};\n\nexport default ListItem;\n"],"mappings":"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"}
+{"version":3,"file":"index.js","names":["React","PropTypes","convert","classnames","Provider","Tag","FaIcon","ButtonLink","BulletPointMenuButton","COLORS","style","ListItem","buttonLink","secondButtonLink","bulletPointMenuButton","tags","title","provider","selected","selectedColor","subtitle","dataColumns","order","ariaLabel","disabled","contentType","isBulkStyle","isOverflowHidden","onClick","leftIcon","context","skin","primarySelectedColor","mapUncapped","cap","isPublished","selectedStyle","backgroundColor","tagSelectedStyle","color","tagsView","tag","index","type","dataColumnsView","dataColumn","className","label","orderView","undefined","wrapper","gridLayout","withSubtitle","cursorPointer","dataColumnsWrapper","hiddenOverflowX","leftSection","iconName","gradientBackground","iconColor","preset","borderRadius","titleWrapper","titleProviderWrapper","providerTag","settings","white","faSize","wrapperSize","contextTypes","childContextTypes","translate","propTypes","string","isRequired","bool","arrayOf","shape","oneOf","dataName","icon","position","func","buttonAriaLabel","menuAriaLabel","buttons","number","id","size"],"sources":["../../../src/organism/list-item/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {isEmpty, map, noop, get} from 'lodash/fp';\nimport {convert} from 'css-color-function';\nimport classnames from 'classnames';\nimport Provider from '../../atom/provider';\nimport Tag from '../../atom/tag';\nimport FaIcon from '../../atom/icon';\nimport ButtonLink from '../../atom/button-link';\nimport BulletPointMenuButton from '../../molecule/bullet-point-menu-button';\nimport {COLORS} from '../../variables/colors';\nimport style from './style.css';\n\nconst ListItem = (\n  {\n    buttonLink,\n    secondButtonLink,\n    bulletPointMenuButton,\n    tags,\n    title,\n    provider,\n    selected,\n    selectedColor,\n    subtitle,\n    dataColumns,\n    order,\n    'aria-label': ariaLabel,\n    disabled = false,\n    contentType,\n    isBulkStyle = false,\n    isOverflowHidden = false,\n    onClick = noop,\n    leftIcon\n  },\n  context\n) => {\n  const {skin} = context;\n  const primarySelectedColor = selectedColor || get('common.primary', skin);\n  const mapUncapped = map.convert({cap: false});\n  let isPublished = false;\n\n  const selectedStyle = selected\n    ? {\n        backgroundColor: convert(`color(${primarySelectedColor} a(0.07))`)\n      }\n    : {};\n\n  const tagSelectedStyle = selected\n    ? {\n        backgroundColor: convert(`color(${primarySelectedColor} a(0.15))`),\n        color: primarySelectedColor\n      }\n    : {};\n\n  const tagsView = mapUncapped((tag, index) => {\n    isPublished = tag.type === 'success';\n    return (\n      <div key={index} className={style.tag}>\n        <Tag {...tag} customStyle={tagSelectedStyle} />\n      </div>\n    );\n  })(tags);\n\n  const dataColumnsView = mapUncapped((dataColumn, index) => {\n    return (\n      <div key={index} className={style[dataColumn.className]}>\n        {dataColumn.type ? <Tag {...dataColumn} /> : dataColumn.label}\n      </div>\n    );\n  })(dataColumns);\n\n  const orderView =\n    order !== null && order !== undefined ? (\n      <div className={style.order} aria-label={ariaLabel}>\n        {order + 1}\n      </div>\n    ) : null;\n\n  return (\n    <div\n      className={classnames(\n        style.wrapper,\n        isBulkStyle && style.gridLayout,\n        subtitle && style.withSubtitle,\n        disabled && style.disabled,\n        onClick !== noop && !disabled && style.cursorPointer\n      )}\n      onClick={!disabled ? onClick : undefined}\n      style={selectedStyle}\n    >\n      <div\n        className={classnames(style.dataColumnsWrapper, isOverflowHidden && style.hiddenOverflowX)}\n      >\n        {isPublished && contentType === 'certification' ? orderView : null}\n        <div className={style.leftSection}>\n          {leftIcon ? (\n            <div>\n              <FaIcon\n                iconName={leftIcon.iconName}\n                gradientBackground={leftIcon.gradientBackground || true}\n                iconColor={leftIcon.iconColor || primarySelectedColor}\n                preset={leftIcon.preset || 'xl'}\n                borderRadius={leftIcon.borderRadius || '25%'}\n              />\n            </div>\n          ) : null}\n        </div>\n        <div className={style.titleWrapper}>\n          <div className={style.titleProviderWrapper}>\n            <div className={style.title} title={title}>\n              {title}\n            </div>\n            {provider ? (\n              <Tag label={provider} type=\"default\" className={style.providerTag} />\n            ) : null}\n          </div>\n          {subtitle ? <div className={style.subtitle}>{subtitle}</div> : null}\n        </div>\n        {dataColumnsView}\n      </div>\n\n      <div className={style.settings}>\n        {tagsView}\n        {selected ? (\n          <FaIcon\n            iconName=\"circle-check\"\n            iconColor={primarySelectedColor}\n            backgroundColor={COLORS.white}\n            size={{faSize: 16, wrapperSize: 16}}\n          />\n        ) : null}\n        {buttonLink ? <ButtonLink {...buttonLink} /> : null}\n        {secondButtonLink ? <ButtonLink {...secondButtonLink} /> : null}\n        {!isEmpty(bulletPointMenuButton) ? (\n          <BulletPointMenuButton {...bulletPointMenuButton} />\n        ) : null}\n      </div>\n    </div>\n  );\n};\n\nListItem.contextTypes = {\n  skin: Provider.childContextTypes.skin,\n  translate: Provider.childContextTypes.translate\n};\n\nListItem.propTypes = {\n  title: PropTypes.string.isRequired,\n  subtitle: PropTypes.string,\n  provider: PropTypes.string,\n  selected: PropTypes.bool,\n  selectedColor: PropTypes.string,\n  dataColumns: PropTypes.arrayOf(\n    PropTypes.shape({\n      label: PropTypes.string,\n      type: PropTypes.oneOf(['success', 'failure', 'warning', 'progress', 'default']),\n      className: PropTypes.oneOf(['cell', 'title'])\n    })\n  ),\n  buttonLink: PropTypes.shape({\n    type: PropTypes.string,\n    label: PropTypes.string,\n    ariaLabel: PropTypes.string,\n    dataName: PropTypes.string,\n    icon: PropTypes.shape({\n      position: PropTypes.string,\n      type: PropTypes.string\n    }),\n    onClick: PropTypes.func\n  }),\n  secondButtonLink: PropTypes.shape({\n    type: PropTypes.string,\n    label: PropTypes.string,\n    ariaLabel: PropTypes.string,\n    dataName: PropTypes.string,\n    icon: PropTypes.shape({\n      position: PropTypes.string,\n      type: PropTypes.string\n    }),\n    onClick: PropTypes.func\n  }),\n  bulletPointMenuButton: PropTypes.shape({\n    buttonAriaLabel: PropTypes.string,\n    menuAriaLabel: PropTypes.string,\n    buttons: PropTypes.arrayOf(\n      PropTypes.shape({\n        'data-name': PropTypes.string,\n        label: PropTypes.string,\n        type: PropTypes.string,\n        onClick: PropTypes.func\n      })\n    ),\n    onClick: PropTypes.func\n  }),\n  tags: PropTypes.arrayOf(\n    PropTypes.shape({\n      label: PropTypes.string,\n      type: PropTypes.oneOf(['success', 'failure', 'warning', 'progress', 'default'])\n    })\n  ),\n  disabled: PropTypes.bool,\n  onClick: PropTypes.func,\n  isBulkStyle: PropTypes.bool,\n  isOverflowHidden: PropTypes.bool,\n  order: PropTypes.number,\n  'aria-label': PropTypes.string,\n  contentType: PropTypes.string,\n  id: PropTypes.string,\n  leftIcon: PropTypes.shape({\n    iconName: PropTypes.string,\n    iconColor: PropTypes.string,\n    backgroundColor: PropTypes.string,\n    borderRadius: PropTypes.string,\n    preset: PropTypes.string,\n    gradientBackground: PropTypes.bool,\n    size: PropTypes.number,\n    wrapperSize: PropTypes.number\n  })\n};\n\nexport default ListItem;\n"],"mappings":";;;;;;;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AAEA,SAAQC,OAAR,QAAsB,oBAAtB;AACA,OAAOC,UAAP,MAAuB,YAAvB;AACA,OAAOC,QAAP,MAAqB,qBAArB;AACA,OAAOC,GAAP,MAAgB,gBAAhB;AACA,OAAOC,MAAP,MAAmB,iBAAnB;AACA,OAAOC,UAAP,MAAuB,wBAAvB;AACA,OAAOC,qBAAP,MAAkC,yCAAlC;AACA,SAAQC,MAAR,QAAqB,wBAArB;AACA,OAAOC,KAAP,MAAkB,aAAlB;;AAEA,MAAMC,QAAQ,GAAG,CACf;EACEC,UADF;EAEEC,gBAFF;EAGEC,qBAHF;EAIEC,IAJF;EAKEC,KALF;EAMEC,QANF;EAOEC,QAPF;EAQEC,aARF;EASEC,QATF;EAUEC,WAVF;EAWEC,KAXF;EAYE,cAAcC,SAZhB;EAaEC,QAAQ,GAAG,KAbb;EAcEC,WAdF;EAeEC,WAAW,GAAG,KAfhB;EAgBEC,gBAAgB,GAAG,KAhBrB;EAiBEC,OAAO,QAjBT;EAkBEC;AAlBF,CADe,EAqBfC,OArBe,KAsBZ;EACH,MAAM;IAACC;EAAD,IAASD,OAAf;;EACA,MAAME,oBAAoB,GAAGb,aAAa,IAAI,KAAI,gBAAJ,EAAsBY,IAAtB,CAA9C;;EACA,MAAME,WAAW,GAAG,KAAI/B,OAAJ,CAAY;IAACgC,GAAG,EAAE;EAAN,CAAZ,CAApB;;EACA,IAAIC,WAAW,GAAG,KAAlB;EAEA,MAAMC,aAAa,GAAGlB,QAAQ,GAC1B;IACEmB,eAAe,EAAEnC,OAAO,CAAE,SAAQ8B,oBAAqB,WAA/B;EAD1B,CAD0B,GAI1B,EAJJ;EAMA,MAAMM,gBAAgB,GAAGpB,QAAQ,GAC7B;IACEmB,eAAe,EAAEnC,OAAO,CAAE,SAAQ8B,oBAAqB,WAA/B,CAD1B;IAEEO,KAAK,EAAEP;EAFT,CAD6B,GAK7B,EALJ;EAOA,MAAMQ,QAAQ,GAAGP,WAAW,CAAC,CAACQ,GAAD,EAAMC,KAAN,KAAgB;IAC3CP,WAAW,GAAGM,GAAG,CAACE,IAAJ,KAAa,SAA3B;IACA,oBACE;MAAK,GAAG,EAAED,KAAV;MAAiB,SAAS,EAAEhC,KAAK,CAAC+B;IAAlC,gBACE,oBAAC,GAAD,eAASA,GAAT;MAAc,WAAW,EAAEH;IAA3B,GADF,CADF;EAKD,CAP2B,CAAX,CAOdvB,IAPc,CAAjB;EASA,MAAM6B,eAAe,GAAGX,WAAW,CAAC,CAACY,UAAD,EAAaH,KAAb,KAAuB;IACzD,oBACE;MAAK,GAAG,EAAEA,KAAV;MAAiB,SAAS,EAAEhC,KAAK,CAACmC,UAAU,CAACC,SAAZ;IAAjC,GACGD,UAAU,CAACF,IAAX,gBAAkB,oBAAC,GAAD,EAASE,UAAT,CAAlB,GAA4CA,UAAU,CAACE,KAD1D,CADF;EAKD,CANkC,CAAX,CAMrB1B,WANqB,CAAxB;EAQA,MAAM2B,SAAS,GACb1B,KAAK,KAAK,IAAV,IAAkBA,KAAK,KAAK2B,SAA5B,gBACE;IAAK,SAAS,EAAEvC,KAAK,CAACY,KAAtB;IAA6B,cAAYC;EAAzC,GACGD,KAAK,GAAG,CADX,CADF,GAII,IALN;EAOA,oBACE;IACE,SAAS,EAAEnB,UAAU,CACnBO,KAAK,CAACwC,OADa,EAEnBxB,WAAW,IAAIhB,KAAK,CAACyC,UAFF,EAGnB/B,QAAQ,IAAIV,KAAK,CAAC0C,YAHC,EAInB5B,QAAQ,IAAId,KAAK,CAACc,QAJC,EAKnBI,OAAO,UAAP,IAAoB,CAACJ,QAArB,IAAiCd,KAAK,CAAC2C,aALpB,CADvB;IAQE,OAAO,EAAE,CAAC7B,QAAD,GAAYI,OAAZ,GAAsBqB,SARjC;IASE,KAAK,EAAEb;EATT,gBAWE;IACE,SAAS,EAAEjC,UAAU,CAACO,KAAK,CAAC4C,kBAAP,EAA2B3B,gBAAgB,IAAIjB,KAAK,CAAC6C,eAArD;EADvB,GAGGpB,WAAW,IAAIV,WAAW,KAAK,eAA/B,GAAiDuB,SAAjD,GAA6D,IAHhE,eAIE;IAAK,SAAS,EAAEtC,KAAK,CAAC8C;EAAtB,GACG3B,QAAQ,gBACP,8CACE,oBAAC,MAAD;IACE,QAAQ,EAAEA,QAAQ,CAAC4B,QADrB;IAEE,kBAAkB,EAAE5B,QAAQ,CAAC6B,kBAAT,IAA+B,IAFrD;IAGE,SAAS,EAAE7B,QAAQ,CAAC8B,SAAT,IAAsB3B,oBAHnC;IAIE,MAAM,EAAEH,QAAQ,CAAC+B,MAAT,IAAmB,IAJ7B;IAKE,YAAY,EAAE/B,QAAQ,CAACgC,YAAT,IAAyB;EALzC,EADF,CADO,GAUL,IAXN,CAJF,eAiBE;IAAK,SAAS,EAAEnD,KAAK,CAACoD;EAAtB,gBACE;IAAK,SAAS,EAAEpD,KAAK,CAACqD;EAAtB,gBACE;IAAK,SAAS,EAAErD,KAAK,CAACM,KAAtB;IAA6B,KAAK,EAAEA;EAApC,GACGA,KADH,CADF,EAIGC,QAAQ,gBACP,oBAAC,GAAD;IAAK,KAAK,EAAEA,QAAZ;IAAsB,IAAI,EAAC,SAA3B;IAAqC,SAAS,EAAEP,KAAK,CAACsD;EAAtD,EADO,GAEL,IANN,CADF,EASG5C,QAAQ,gBAAG;IAAK,SAAS,EAAEV,KAAK,CAACU;EAAtB,GAAiCA,QAAjC,CAAH,GAAsD,IATjE,CAjBF,EA4BGwB,eA5BH,CAXF,eA0CE;IAAK,SAAS,EAAElC,KAAK,CAACuD;EAAtB,GACGzB,QADH,EAEGtB,QAAQ,gBACP,oBAAC,MAAD;IACE,QAAQ,EAAC,cADX;IAEE,SAAS,EAAEc,oBAFb;IAGE,eAAe,EAAEvB,MAAM,CAACyD,KAH1B;IAIE,IAAI,EAAE;MAACC,MAAM,EAAE,EAAT;MAAaC,WAAW,EAAE;IAA1B;EAJR,EADO,GAOL,IATN,EAUGxD,UAAU,gBAAG,oBAAC,UAAD,EAAgBA,UAAhB,CAAH,GAAoC,IAVjD,EAWGC,gBAAgB,gBAAG,oBAAC,UAAD,EAAgBA,gBAAhB,CAAH,GAA0C,IAX7D,EAYG,CAAC,SAAQC,qBAAR,CAAD,gBACC,oBAAC,qBAAD,EAA2BA,qBAA3B,CADD,GAEG,IAdN,CA1CF,CADF;AA6DD,CA9HD;;AAgIAH,QAAQ,CAAC0D,YAAT,GAAwB;EACtBtC,IAAI,EAAE3B,QAAQ,CAACkE,iBAAT,CAA2BvC,IADX;EAEtBwC,SAAS,EAAEnE,QAAQ,CAACkE,iBAAT,CAA2BC;AAFhB,CAAxB;AAKA5D,QAAQ,CAAC6D,SAAT,2CAAqB;EACnBxD,KAAK,EAAEf,SAAS,CAACwE,MAAV,CAAiBC,UADL;EAEnBtD,QAAQ,EAAEnB,SAAS,CAACwE,MAFD;EAGnBxD,QAAQ,EAAEhB,SAAS,CAACwE,MAHD;EAInBvD,QAAQ,EAAEjB,SAAS,CAAC0E,IAJD;EAKnBxD,aAAa,EAAElB,SAAS,CAACwE,MALN;EAMnBpD,WAAW,EAAEpB,SAAS,CAAC2E,OAAV,CACX3E,SAAS,CAAC4E,KAAV,CAAgB;IACd9B,KAAK,EAAE9C,SAAS,CAACwE,MADH;IAEd9B,IAAI,EAAE1C,SAAS,CAAC6E,KAAV,CAAgB,CAAC,SAAD,EAAY,SAAZ,EAAuB,SAAvB,EAAkC,UAAlC,EAA8C,SAA9C,CAAhB,CAFQ;IAGdhC,SAAS,EAAE7C,SAAS,CAAC6E,KAAV,CAAgB,CAAC,MAAD,EAAS,OAAT,CAAhB;EAHG,CAAhB,CADW,CANM;EAanBlE,UAAU,EAAEX,SAAS,CAAC4E,KAAV,CAAgB;IAC1BlC,IAAI,EAAE1C,SAAS,CAACwE,MADU;IAE1B1B,KAAK,EAAE9C,SAAS,CAACwE,MAFS;IAG1BlD,SAAS,EAAEtB,SAAS,CAACwE,MAHK;IAI1BM,QAAQ,EAAE9E,SAAS,CAACwE,MAJM;IAK1BO,IAAI,EAAE/E,SAAS,CAAC4E,KAAV,CAAgB;MACpBI,QAAQ,EAAEhF,SAAS,CAACwE,MADA;MAEpB9B,IAAI,EAAE1C,SAAS,CAACwE;IAFI,CAAhB,CALoB;IAS1B7C,OAAO,EAAE3B,SAAS,CAACiF;EATO,CAAhB,CAbO;EAwBnBrE,gBAAgB,EAAEZ,SAAS,CAAC4E,KAAV,CAAgB;IAChClC,IAAI,EAAE1C,SAAS,CAACwE,MADgB;IAEhC1B,KAAK,EAAE9C,SAAS,CAACwE,MAFe;IAGhClD,SAAS,EAAEtB,SAAS,CAACwE,MAHW;IAIhCM,QAAQ,EAAE9E,SAAS,CAACwE,MAJY;IAKhCO,IAAI,EAAE/E,SAAS,CAAC4E,KAAV,CAAgB;MACpBI,QAAQ,EAAEhF,SAAS,CAACwE,MADA;MAEpB9B,IAAI,EAAE1C,SAAS,CAACwE;IAFI,CAAhB,CAL0B;IAShC7C,OAAO,EAAE3B,SAAS,CAACiF;EATa,CAAhB,CAxBC;EAmCnBpE,qBAAqB,EAAEb,SAAS,CAAC4E,KAAV,CAAgB;IACrCM,eAAe,EAAElF,SAAS,CAACwE,MADU;IAErCW,aAAa,EAAEnF,SAAS,CAACwE,MAFY;IAGrCY,OAAO,EAAEpF,SAAS,CAAC2E,OAAV,CACP3E,SAAS,CAAC4E,KAAV,CAAgB;MACd,aAAa5E,SAAS,CAACwE,MADT;MAEd1B,KAAK,EAAE9C,SAAS,CAACwE,MAFH;MAGd9B,IAAI,EAAE1C,SAAS,CAACwE,MAHF;MAId7C,OAAO,EAAE3B,SAAS,CAACiF;IAJL,CAAhB,CADO,CAH4B;IAWrCtD,OAAO,EAAE3B,SAAS,CAACiF;EAXkB,CAAhB,CAnCJ;EAgDnBnE,IAAI,EAAEd,SAAS,CAAC2E,OAAV,CACJ3E,SAAS,CAAC4E,KAAV,CAAgB;IACd9B,KAAK,EAAE9C,SAAS,CAACwE,MADH;IAEd9B,IAAI,EAAE1C,SAAS,CAAC6E,KAAV,CAAgB,CAAC,SAAD,EAAY,SAAZ,EAAuB,SAAvB,EAAkC,UAAlC,EAA8C,SAA9C,CAAhB;EAFQ,CAAhB,CADI,CAhDa;EAsDnBtD,QAAQ,EAAEvB,SAAS,CAAC0E,IAtDD;EAuDnB/C,OAAO,EAAE3B,SAAS,CAACiF,IAvDA;EAwDnBxD,WAAW,EAAEzB,SAAS,CAAC0E,IAxDJ;EAyDnBhD,gBAAgB,EAAE1B,SAAS,CAAC0E,IAzDT;EA0DnBrD,KAAK,EAAErB,SAAS,CAACqF,MA1DE;EA2DnB,cAAcrF,SAAS,CAACwE,MA3DL;EA4DnBhD,WAAW,EAAExB,SAAS,CAACwE,MA5DJ;EA6DnBc,EAAE,EAAEtF,SAAS,CAACwE,MA7DK;EA8DnB5C,QAAQ,EAAE5B,SAAS,CAAC4E,KAAV,CAAgB;IACxBpB,QAAQ,EAAExD,SAAS,CAACwE,MADI;IAExBd,SAAS,EAAE1D,SAAS,CAACwE,MAFG;IAGxBpC,eAAe,EAAEpC,SAAS,CAACwE,MAHH;IAIxBZ,YAAY,EAAE5D,SAAS,CAACwE,MAJA;IAKxBb,MAAM,EAAE3D,SAAS,CAACwE,MALM;IAMxBf,kBAAkB,EAAEzD,SAAS,CAAC0E,IANN;IAOxBa,IAAI,EAAEvF,SAAS,CAACqF,MAPQ;IAQxBlB,WAAW,EAAEnE,SAAS,CAACqF;EARC,CAAhB;AA9DS,CAArB;AA0EA,eAAe3E,QAAf"}

package/es/organism/list-item/style.css

@@ -94,12 +94,6 @@
   margin-left: 8px;
 }
 
-.editIcon {
-  cursor: pointer;
-  color: cm_grey_900;
-  margin-left: 8px;
-}
-
 .order {
   width: 6px;
   height: 20px;

package/es/organism/list-items/index.d.ts

@@ -119,7 +119,6 @@ declare namespace ListItems {
                     size: PropTypes.Requireable<number>;
                     wrapperSize: PropTypes.Requireable<number>;
                 }>>;
-                editAsIcon: PropTypes.Requireable<boolean>;
             }> | null | undefined)[]>;
             type: PropTypes.Requireable<string>;
             itemType: PropTypes.Requireable<string>;

package/es/template/app-player/loading/index.d.ts

@@ -200,7 +200,6 @@ declare namespace PlayerLoading {
                                 size: PropTypes.Requireable<number>;
                                 wrapperSize: PropTypes.Requireable<number>;
                             }>>;
-                            editAsIcon: PropTypes.Requireable<boolean>;
                         }> | null | undefined)[]>;
                         type: PropTypes.Requireable<string>;
                         itemType: PropTypes.Requireable<string>;

package/es/template/app-player/player/index.d.ts

@@ -251,7 +251,6 @@ declare namespace SlidePlayer {
                                     size: PropTypes.Requireable<number>;
                                     wrapperSize: PropTypes.Requireable<number>;
                                 }>>;
-                                editAsIcon: PropTypes.Requireable<boolean>;
                             }> | null | undefined)[]>;
                             type: PropTypes.Requireable<string>;
                             itemType: PropTypes.Requireable<string>;
@@ -557,7 +556,6 @@ declare namespace SlidePlayer {
                                 size: PropTypes.Requireable<number>;
                                 wrapperSize: PropTypes.Requireable<number>;
                             }>>;
-                            editAsIcon: PropTypes.Requireable<boolean>;
                         }> | null | undefined)[]>;
                         type: PropTypes.Requireable<string>;
                         itemType: PropTypes.Requireable<string>;