@coorpacademy/components 11.35.2-forcedeploy2.15 → 11.35.3-alpha.3

package/es/organism/header-with-actions/index.js

@@ -13,6 +13,78 @@ const getDataName = suffix => `header-with-actions-${suffix}`;
 const uncappedMap = map.convert({
   cap: false
 });
+const buildCloseButton = ({
+  onClick,
+  ariaLabel
+}) => {
+  return {
+    size: 'default',
+    icon: 'close',
+    'data-name': 'close-button',
+    'aria-label': ariaLabel,
+    onClick
+  };
+};
+const buildButtonMenu = ({
+  dataName,
+  label,
+  iconName,
+  iconColor,
+  onClick
+}) => {
+  return {
+    'data-name': dataName,
+    label,
+    buttonLinkType: 'tertiary',
+    icon: {
+      position: 'left',
+      faIcon: {
+        name: iconName,
+        color: iconColor,
+        size: 14,
+        customStyle: {
+          padding: 0
+        }
+      }
+    },
+    onClick,
+    type: 'defaultLeft'
+  };
+};
+const buildActionButton = ({
+  type,
+  label,
+  onClick,
+  disabled,
+  iconName,
+  iconColor
+}) => {
+  return {
+    type,
+    label,
+    onClick,
+    disabled,
+    icon: {
+      position: 'left',
+      faIcon: {
+        name: iconName,
+        color: iconColor,
+        size: 14,
+        customStyle: {
+          padding: 0
+        }
+      }
+    },
+    customStyle: {
+      fontWeight: '600',
+      borderRadius: '12px',
+      padding: '0 8px 0 16px'
+    }
+  };
+};
+const isButtonActionProps = action => {
+  return typeof action.iconName === 'string' && typeof action.iconColor === 'string';
+};
 const HeaderWithActions = props => {
   const {
     closeButton,
@@ -22,13 +94,23 @@ const HeaderWithActions = props => {
     bulletPointMenuButton,
     actionButtons
   } = props;
+  const renderedActionButtons = uncappedMap((action, key) => {
+    return isButtonActionProps(action) ? /*#__PURE__*/React.createElement(ButtonLink, _extends({}, buildActionButton(action), {
+      key: key
+    })) : /*#__PURE__*/React.createElement(ButtonLink, _extends({}, action, {
+      key: key
+    }));
+  }, actionButtons);
   return /*#__PURE__*/React.createElement("div", {
     className: style.headerWrapper,
     "data-name": getDataName('wrapper')
   }, /*#__PURE__*/React.createElement("div", {
     className: style.titleAndButtonWrapper,
     "data-name": getDataName('title-and-button-wrapper')
-  }, /*#__PURE__*/React.createElement(ButtonLinkIcon, _extends({}, closeButton, {
+  }, /*#__PURE__*/React.createElement(ButtonLinkIcon, _extends({}, buildCloseButton({
+    onClick: closeButton.onClick,
+    ariaLabel: closeButton['aria-label']
+  }), {
     className: style.button
   })), /*#__PURE__*/React.createElement("div", {
     className: style.titleWrapper
@@ -44,12 +126,8 @@ const HeaderWithActions = props => {
     className: style.buttonsWrapper,
     "data-name": getDataName('buttons-wrapper')
   }, bulletPointMenuButton && !isEmpty(bulletPointMenuButton.buttons) ? /*#__PURE__*/React.createElement(BulletPointMenuButton, _extends({}, bulletPointMenuButton, {
-    buttonAriaLabel: "More actions"
-  })) : null, uncappedMap((action, key) => {
-    return /*#__PURE__*/React.createElement(ButtonLink, _extends({}, action, {
-      key: key
-    }));
-  }, actionButtons)));
+    buttons: uncappedMap(buildButtonMenu, bulletPointMenuButton.buttons)
+  })) : null, renderedActionButtons));
 };
 HeaderWithActions.propTypes = process.env.NODE_ENV !== "production" ? headerWithActionsPropTypes : {};
 export default HeaderWithActions;

package/es/organism/header-with-actions/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","isEmpty","map","ButtonLink","ButtonLinkIcon","Tag","BulletPointMenuButton","headerWithActionsPropTypes","style","getDataName","suffix","uncappedMap","convert","cap","HeaderWithActions","props","closeButton","title","tag","saveStatus","bulletPointMenuButton","actionButtons","createElement","className","headerWrapper","titleAndButtonWrapper","_extends","button","titleWrapper","statusWrapper","display","label","buttonsWrapper","buttons","buttonAriaLabel","action","key","propTypes","process","env","NODE_ENV"],"sources":["../../../src/organism/header-with-actions/index.tsx"],"sourcesContent":["import React from 'react';\nimport isEmpty from 'lodash/fp/isEmpty';\nimport map from 'lodash/fp/map';\nimport ButtonLink from '../../atom/button-link';\nimport ButtonLinkIcon from '../../atom/button-link-icon';\nimport Tag from '../../atom/tag';\nimport {ButtonLinkProps} from '../../atom/button-link/types';\nimport BulletPointMenuButton from '../../molecule/bullet-point-menu-button';\nimport headerWithActionsPropTypes, {HeaderWithActionsProps} from './types';\nimport style from './style.css';\n\nconst getDataName = (suffix: string) => `header-with-actions-${suffix}`;\n// @ts-expect-error (need to get the index)\nconst uncappedMap = map.convert({cap: false});\n\nconst HeaderWithActions = (props: HeaderWithActionsProps) => {\n  const {closeButton, title, tag, saveStatus, bulletPointMenuButton, actionButtons} = props;\n\n  return (\n    <div className={style.headerWrapper} data-name={getDataName('wrapper')}>\n      <div\n        className={style.titleAndButtonWrapper}\n        data-name={getDataName('title-and-button-wrapper')}\n      >\n        <ButtonLinkIcon {...closeButton} className={style.button} />\n        <div className={style.titleWrapper}>\n          <div className={style.statusWrapper}>\n            <Tag {...tag} />\n            {saveStatus.display && saveStatus.label ? (\n              <p className={style.saveStatus}>{saveStatus.label}</p>\n            ) : null}\n          </div>\n          <h3 className={style.title} aria-label={title} data-name={getDataName('title')}>\n            {title}\n          </h3>\n        </div>\n      </div>\n      <div className={style.buttonsWrapper} data-name={getDataName('buttons-wrapper')}>\n        {bulletPointMenuButton && !isEmpty(bulletPointMenuButton.buttons) ? (\n          <BulletPointMenuButton {...bulletPointMenuButton} buttonAriaLabel=\"More actions\" />\n        ) : null}\n        {uncappedMap((action: ButtonLinkProps, key: string) => {\n          return <ButtonLink {...action} key={key} />;\n        }, actionButtons)}\n      </div>\n    </div>\n  );\n};\n\nHeaderWithActions.propTypes = headerWithActionsPropTypes;\n\nexport default HeaderWithActions;\n"],"mappings":";AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,OAAO,MAAM,mBAAmB;AACvC,OAAOC,GAAG,MAAM,eAAe;AAC/B,OAAOC,UAAU,MAAM,wBAAwB;AAC/C,OAAOC,cAAc,MAAM,6BAA6B;AACxD,OAAOC,GAAG,MAAM,gBAAgB;AAEhC,OAAOC,qBAAqB,MAAM,yCAAyC;AAC3E,OAAOC,0BAA0B,MAAgC,SAAS;AAC1E,OAAOC,KAAK,MAAM,aAAa;AAE/B,MAAMC,WAAW,GAAIC,MAAc,IAAK,uBAAuBA,MAAM,EAAE;AACvE;AACA,MAAMC,WAAW,GAAGT,GAAG,CAACU,OAAO,CAAC;EAACC,GAAG,EAAE;AAAK,CAAC,CAAC;AAE7C,MAAMC,iBAAiB,GAAIC,KAA6B,IAAK;EAC3D,MAAM;IAACC,WAAW;IAAEC,KAAK;IAAEC,GAAG;IAAEC,UAAU;IAAEC,qBAAqB;IAAEC;EAAa,CAAC,GAAGN,KAAK;EAEzF,oBACEf,KAAA,CAAAsB,aAAA;IAAKC,SAAS,EAAEf,KAAK,CAACgB,aAAc;IAAC,aAAWf,WAAW,CAAC,SAAS;EAAE,gBACrET,KAAA,CAAAsB,aAAA;IACEC,SAAS,EAAEf,KAAK,CAACiB,qBAAsB;IACvC,aAAWhB,WAAW,CAAC,0BAA0B;EAAE,gBAEnDT,KAAA,CAAAsB,aAAA,CAAClB,cAAc,EAAAsB,QAAA,KAAKV,WAAW;IAAEO,SAAS,EAAEf,KAAK,CAACmB;EAAO,EAAE,CAAC,eAC5D3B,KAAA,CAAAsB,aAAA;IAAKC,SAAS,EAAEf,KAAK,CAACoB;EAAa,gBACjC5B,KAAA,CAAAsB,aAAA;IAAKC,SAAS,EAAEf,KAAK,CAACqB;EAAc,gBAClC7B,KAAA,CAAAsB,aAAA,CAACjB,GAAG,EAAKa,GAAM,CAAC,EACfC,UAAU,CAACW,OAAO,IAAIX,UAAU,CAACY,KAAK,gBACrC/B,KAAA,CAAAsB,aAAA;IAAGC,SAAS,EAAEf,KAAK,CAACW;EAAW,GAAEA,UAAU,CAACY,KAAS,CAAC,GACpD,IACD,CAAC,eACN/B,KAAA,CAAAsB,aAAA;IAAIC,SAAS,EAAEf,KAAK,CAACS,KAAM;IAAC,cAAYA,KAAM;IAAC,aAAWR,WAAW,CAAC,OAAO;EAAE,GAC5EQ,KACC,CACD,CACF,CAAC,eACNjB,KAAA,CAAAsB,aAAA;IAAKC,SAAS,EAAEf,KAAK,CAACwB,cAAe;IAAC,aAAWvB,WAAW,CAAC,iBAAiB;EAAE,GAC7EW,qBAAqB,IAAI,CAACnB,OAAO,CAACmB,qBAAqB,CAACa,OAAO,CAAC,gBAC/DjC,KAAA,CAAAsB,aAAA,CAAChB,qBAAqB,EAAAoB,QAAA,KAAKN,qBAAqB;IAAEc,eAAe,EAAC;EAAc,EAAE,CAAC,GACjF,IAAI,EACPvB,WAAW,CAAC,CAACwB,MAAuB,EAAEC,GAAW,KAAK;IACrD,oBAAOpC,KAAA,CAAAsB,aAAA,CAACnB,UAAU,EAAAuB,QAAA,KAAKS,MAAM;MAAEC,GAAG,EAAEA;IAAI,EAAE,CAAC;EAC7C,CAAC,EAAEf,aAAa,CACb,CACF,CAAC;AAEV,CAAC;AAEDP,iBAAiB,CAACuB,SAAS,GAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA,oBAAGjC,0BAA0B;AAExD,eAAeO,iBAAiB","ignoreList":[]}
+{"version":3,"file":"index.js","names":["React","isEmpty","map","ButtonLink","ButtonLinkIcon","Tag","BulletPointMenuButton","headerWithActionsPropTypes","style","getDataName","suffix","uncappedMap","convert","cap","buildCloseButton","onClick","ariaLabel","size","icon","buildButtonMenu","dataName","label","iconName","iconColor","buttonLinkType","position","faIcon","name","color","customStyle","padding","type","buildActionButton","disabled","fontWeight","borderRadius","isButtonActionProps","action","HeaderWithActions","props","closeButton","title","tag","saveStatus","bulletPointMenuButton","actionButtons","renderedActionButtons","key","createElement","_extends","className","headerWrapper","titleAndButtonWrapper","button","titleWrapper","statusWrapper","display","buttonsWrapper","buttons","propTypes","process","env","NODE_ENV"],"sources":["../../../src/organism/header-with-actions/index.tsx"],"sourcesContent":["import React from 'react';\nimport isEmpty from 'lodash/fp/isEmpty';\nimport map from 'lodash/fp/map';\nimport ButtonLink from '../../atom/button-link';\nimport ButtonLinkIcon from '../../atom/button-link-icon';\nimport Tag from '../../atom/tag';\nimport {ButtonLinkProps} from '../../atom/button-link/types';\nimport BulletPointMenuButton from '../../molecule/bullet-point-menu-button';\nimport headerWithActionsPropTypes, {\n  HeaderWithActionsProps,\n  ButtonMenuProps,\n  ButtonActionProps\n} from './types';\nimport style from './style.css';\n\nconst getDataName = (suffix: string) => `header-with-actions-${suffix}`;\n// @ts-expect-error (need to get the index)\nconst uncappedMap = map.convert({cap: false});\n\nconst buildCloseButton = ({onClick, ariaLabel}: {onClick: () => void; ariaLabel: string}) => {\n  return {\n    size: 'default',\n    icon: 'close',\n    'data-name': 'close-button',\n    'aria-label': ariaLabel,\n    onClick\n  };\n};\n\nconst buildButtonMenu = ({dataName, label, iconName, iconColor, onClick}: ButtonMenuProps) => {\n  return {\n    'data-name': dataName,\n    label,\n    buttonLinkType: 'tertiary',\n    icon: {\n      position: 'left' as const,\n      faIcon: {\n        name: iconName,\n        color: iconColor,\n        size: 14,\n        customStyle: {padding: 0}\n      }\n    },\n    onClick,\n    type: 'defaultLeft'\n  };\n};\n\nconst buildActionButton = ({\n  type,\n  label,\n  onClick,\n  disabled,\n  iconName,\n  iconColor\n}: ButtonActionProps) => {\n  return {\n    type,\n    label,\n    onClick,\n    disabled,\n    icon: {\n      position: 'left' as const,\n      faIcon: {\n        name: iconName,\n        color: iconColor,\n        size: 14,\n        customStyle: {padding: 0}\n      }\n    },\n    customStyle: {\n      fontWeight: '600',\n      borderRadius: '12px',\n      padding: '0 8px 0 16px'\n    }\n  };\n};\n\nconst isButtonActionProps = (action: any): action is ButtonActionProps => {\n  return typeof action.iconName === 'string' && typeof action.iconColor === 'string';\n};\n\nconst HeaderWithActions = (props: HeaderWithActionsProps) => {\n  const {closeButton, title, tag, saveStatus, bulletPointMenuButton, actionButtons} = props;\n\n  const renderedActionButtons = uncappedMap(\n    (action: ButtonLinkProps | ButtonActionProps, key: string) => {\n      return isButtonActionProps(action) ? (\n        <ButtonLink {...buildActionButton(action)} key={key} />\n      ) : (\n        <ButtonLink {...action} key={key} />\n      );\n    },\n    actionButtons\n  );\n\n  return (\n    <div className={style.headerWrapper} data-name={getDataName('wrapper')}>\n      <div\n        className={style.titleAndButtonWrapper}\n        data-name={getDataName('title-and-button-wrapper')}\n      >\n        <ButtonLinkIcon\n          {...buildCloseButton({\n            onClick: closeButton.onClick,\n            ariaLabel: closeButton['aria-label']\n          })}\n          className={style.button}\n        />\n        <div className={style.titleWrapper}>\n          <div className={style.statusWrapper}>\n            <Tag {...tag} />\n            {saveStatus.display && saveStatus.label ? (\n              <p className={style.saveStatus}>{saveStatus.label}</p>\n            ) : null}\n          </div>\n          <h3 className={style.title} aria-label={title} data-name={getDataName('title')}>\n            {title}\n          </h3>\n        </div>\n      </div>\n      <div className={style.buttonsWrapper} data-name={getDataName('buttons-wrapper')}>\n        {bulletPointMenuButton && !isEmpty(bulletPointMenuButton.buttons) ? (\n          <BulletPointMenuButton\n            {...bulletPointMenuButton}\n            buttons={uncappedMap(buildButtonMenu, bulletPointMenuButton.buttons)}\n          />\n        ) : null}\n        {renderedActionButtons}\n      </div>\n    </div>\n  );\n};\n\nHeaderWithActions.propTypes = headerWithActionsPropTypes;\n\nexport default HeaderWithActions;\n"],"mappings":"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","ignoreList":[]}

package/es/organism/header-with-actions/types.d.ts

@@ -3,10 +3,7 @@ import { BulletPointMenuButtonProps } from '../../molecule/bullet-point-menu-but
 import { ButtonLinkProps } from '../../atom/button-link/types';
 declare const headerWithActionsPropTypes: {
     closeButton: PropTypes.Requireable<PropTypes.InferProps<{
-        size: PropTypes.Validator<string>;
-        icon: PropTypes.Validator<string>;
-        'data-name': PropTypes.Validator<string>;
-        'aria-label': PropTypes.Validator<string>;
+        'aria-label': PropTypes.Requireable<string>;
         onClick: PropTypes.Validator<(...args: any[]) => any>;
     }>>;
     title: PropTypes.Validator<string>;
@@ -19,7 +16,7 @@ declare const headerWithActionsPropTypes: {
         display: PropTypes.Validator<boolean>;
         label: PropTypes.Requireable<string>;
     }>>>;
-    bulletPointMenuButton: PropTypes.Requireable<PropTypes.InferProps<{
+    bulletPointMenuButtonPropTypes: PropTypes.Requireable<NonNullable<PropTypes.InferProps<{
         'data-name': PropTypes.Requireable<string>;
         disabled: PropTypes.Requireable<boolean>;
         buttonAriaLabel: PropTypes.Requireable<string>;
@@ -52,8 +49,18 @@ declare const headerWithActionsPropTypes: {
         onClick: PropTypes.Requireable<(...args: any[]) => any>;
         menuButtonClassName: PropTypes.Requireable<string>;
         isBulkMenu: PropTypes.Requireable<boolean>;
-    }>>;
-    actionButtons: PropTypes.Validator<(PropTypes.InferProps<{
+    }> | PropTypes.InferProps<{
+        buttons: PropTypes.Validator<(PropTypes.InferProps<{
+            dataName: PropTypes.Requireable<string>;
+            label: PropTypes.Validator<string>;
+            iconName: PropTypes.Validator<string>;
+            iconColor: PropTypes.Validator<string>;
+            onClick: PropTypes.Validator<(...args: any[]) => any>;
+        }> | null | undefined)[]>;
+        onClick: PropTypes.Validator<(...args: any[]) => any>;
+        buttonAriaLabel: PropTypes.Requireable<string>;
+    }> | null | undefined>>;
+    actionButtons: PropTypes.Validator<NonNullable<NonNullable<(PropTypes.InferProps<{
         type: PropTypes.Requireable<string>;
         usage: PropTypes.Requireable<string>;
         label: PropTypes.Requireable<string>;
@@ -89,7 +96,14 @@ declare const headerWithActionsPropTypes: {
         customStyle: PropTypes.Requireable<{
             [x: string]: NonNullable<string | number | null | undefined> | null | undefined;
         }>;
-    }> | null | undefined)[]>;
+    }> | null | undefined)[] | (PropTypes.InferProps<{
+        type: PropTypes.Validator<string>;
+        label: PropTypes.Validator<string>;
+        onClick: PropTypes.Validator<(...args: any[]) => any>;
+        disabled: PropTypes.Requireable<boolean>;
+        iconName: PropTypes.Validator<string>;
+        iconColor: PropTypes.Validator<string>;
+    }> | null | undefined)[] | null | undefined>>>;
 };
 export default headerWithActionsPropTypes;
 declare type TagProps = {
@@ -102,19 +116,36 @@ declare type SaveStatusProps = {
     label?: 'Unsaved changes' | 'Saved';
 };
 declare type CloseButtonProps = {
-    size: 'default' | 'small' | 'responsive';
-    icon: string;
-    'data-name': string;
     'aria-label': string;
     onClick: () => void;
 };
+export declare type ButtonMenuProps = {
+    dataName: string;
+    label: string;
+    iconName: string;
+    iconColor: string;
+    onClick: () => void;
+};
+declare type BulletPointMenuButtonCustomProps = {
+    buttons: ButtonMenuProps[];
+    onClick: () => void;
+    buttonAriaLabel: string;
+};
+export declare type ButtonActionProps = {
+    type: 'primary' | 'secondary';
+    label: string;
+    onClick: () => void;
+    disabled?: boolean;
+    iconName: string;
+    iconColor: string;
+};
 export declare type HeaderWithActionsProps = {
     closeButton: CloseButtonProps;
     title: string;
     tag: TagProps;
     saveStatus: SaveStatusProps;
-    actionButtons: ButtonLinkProps[];
-    bulletPointMenuButton?: BulletPointMenuButtonProps;
+    actionButtons: ButtonLinkProps[] | ButtonActionProps[];
+    bulletPointMenuButton?: BulletPointMenuButtonProps | BulletPointMenuButtonCustomProps;
 };
 export declare type HeaderWithActionsPropsFixture = {
     props: HeaderWithActionsProps;

package/es/organism/header-with-actions/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/organism/header-with-actions/types.ts"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,YAAY,CAAC;AACnC,OAAuC,EACrC,0BAA0B,EAC3B,MAAM,+CAA+C,CAAC;AACvD,OAA4B,EAAC,eAAe,EAAC,MAAM,8BAA8B,CAAC;AASlF,QAAA,MAAM,0BAA0B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAc/B,CAAC;AAEF,eAAe,0BAA0B,CAAC;AAE1C,aAAK,QAAQ,GAAG;IACd,KAAK,EAAE,WAAW,GAAG,iBAAiB,GAAG,OAAO,GAAG,UAAU,CAAC;IAC9D,IAAI,EAAE,SAAS,GAAG,UAAU,GAAG,SAAS,CAAC;IACzC,IAAI,EAAE,MAAM,CAAC;CACd,CAAC;AAEF,aAAK,eAAe,GAAG;IACrB,OAAO,EAAE,OAAO,CAAC;IACjB,KAAK,CAAC,EAAE,iBAAiB,GAAG,OAAO,CAAC;CACrC,CAAC;AAEF,aAAK,gBAAgB,GAAG;IACtB,IAAI,EAAE,SAAS,GAAG,OAAO,GAAG,YAAY,CAAC;IACzC,IAAI,EAAE,MAAM,CAAC;IACb,WAAW,EAAE,MAAM,CAAC;IACpB,YAAY,EAAE,MAAM,CAAC;IACrB,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB,CAAC;AAEF,oBAAY,sBAAsB,GAAG;IACnC,WAAW,EAAE,gBAAgB,CAAC;IAC9B,KAAK,EAAE,MAAM,CAAC;IACd,GAAG,EAAE,QAAQ,CAAC;IACd,UAAU,EAAE,eAAe,CAAC;IAC5B,aAAa,EAAE,eAAe,EAAE,CAAC;IACjC,qBAAqB,CAAC,EAAE,0BAA0B,CAAC;CACpD,CAAC;AAEF,oBAAY,6BAA6B,GAAG;IAAC,KAAK,EAAE,sBAAsB,CAAA;CAAC,CAAC"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/organism/header-with-actions/types.ts"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,YAAY,CAAC;AACnC,OAAuC,EACrC,0BAA0B,EAC3B,MAAM,+CAA+C,CAAC;AACvD,OAA4B,EAAC,eAAe,EAAC,MAAM,8BAA8B,CAAC;AAwBlF,QAAA,MAAM,0BAA0B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAwB/B,CAAC;AAEF,eAAe,0BAA0B,CAAC;AAE1C,aAAK,QAAQ,GAAG;IACd,KAAK,EAAE,WAAW,GAAG,iBAAiB,GAAG,OAAO,GAAG,UAAU,CAAC;IAC9D,IAAI,EAAE,SAAS,GAAG,UAAU,GAAG,SAAS,CAAC;IACzC,IAAI,EAAE,MAAM,CAAC;CACd,CAAC;AAEF,aAAK,eAAe,GAAG;IACrB,OAAO,EAAE,OAAO,CAAC;IACjB,KAAK,CAAC,EAAE,iBAAiB,GAAG,OAAO,CAAC;CACrC,CAAC;AAEF,aAAK,gBAAgB,GAAG;IACtB,YAAY,EAAE,MAAM,CAAC;IACrB,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB,CAAC;AAEF,oBAAY,eAAe,GAAG;IAC5B,QAAQ,EAAE,MAAM,CAAC;IACjB,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,MAAM,CAAC;IACjB,SAAS,EAAE,MAAM,CAAC;IAClB,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB,CAAC;AAEF,aAAK,gCAAgC,GAAG;IACtC,OAAO,EAAE,eAAe,EAAE,CAAC;IAC3B,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,eAAe,EAAE,MAAM,CAAC;CACzB,CAAC;AAEF,oBAAY,iBAAiB,GAAG;IAC9B,IAAI,EAAE,SAAS,GAAG,WAAW,CAAC;IAC9B,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,EAAE,MAAM,CAAC;IACjB,SAAS,EAAE,MAAM,CAAC;CACnB,CAAC;AAEF,oBAAY,sBAAsB,GAAG;IACnC,WAAW,EAAE,gBAAgB,CAAC;IAC9B,KAAK,EAAE,MAAM,CAAC;IACd,GAAG,EAAE,QAAQ,CAAC;IACd,UAAU,EAAE,eAAe,CAAC;IAC5B,aAAa,EAAE,eAAe,EAAE,GAAG,iBAAiB,EAAE,CAAC;IACvD,qBAAqB,CAAC,EAAE,0BAA0B,GAAG,gCAAgC,CAAC;CACvF,CAAC;AAEF,oBAAY,6BAA6B,GAAG;IAAC,KAAK,EAAE,sBAAsB,CAAA;CAAC,CAAC"}

package/es/organism/header-with-actions/types.js

@@ -2,12 +2,24 @@ import PropTypes from 'prop-types';
 import bulletPointMenuButtonPropTypes from '../../molecule/bullet-point-menu-button/types';
 import ButtonLinkPropTypes from '../../atom/button-link/types';
 const closeButtonPropTypes = {
-  size: PropTypes.oneOf(['default', 'small', 'responsive']).isRequired,
-  icon: PropTypes.string.isRequired,
-  'data-name': PropTypes.string.isRequired,
-  'aria-label': PropTypes.string.isRequired,
+  'aria-label': PropTypes.string,
   onClick: PropTypes.func.isRequired
 };
+const ButtonMenuPropTypes = {
+  dataName: PropTypes.string,
+  label: PropTypes.string.isRequired,
+  iconName: PropTypes.string.isRequired,
+  iconColor: PropTypes.string.isRequired,
+  onClick: PropTypes.func.isRequired
+};
+const ButtonActionPropTypes = {
+  type: PropTypes.string.isRequired,
+  label: PropTypes.string.isRequired,
+  onClick: PropTypes.func.isRequired,
+  disabled: PropTypes.bool,
+  iconName: PropTypes.string.isRequired,
+  iconColor: PropTypes.string.isRequired
+};
 const headerWithActionsPropTypes = {
   closeButton: PropTypes.shape(closeButtonPropTypes),
   title: PropTypes.string.isRequired,
@@ -20,8 +32,12 @@ const headerWithActionsPropTypes = {
     display: PropTypes.bool.isRequired,
     label: PropTypes.oneOf(['Unsaved changes', 'Saved'])
   }).isRequired,
-  bulletPointMenuButton: PropTypes.shape(bulletPointMenuButtonPropTypes),
-  actionButtons: PropTypes.arrayOf(PropTypes.shape(ButtonLinkPropTypes)).isRequired
+  bulletPointMenuButtonPropTypes: PropTypes.oneOfType([PropTypes.shape(bulletPointMenuButtonPropTypes), PropTypes.shape({
+    buttons: PropTypes.arrayOf(PropTypes.shape(ButtonMenuPropTypes)).isRequired,
+    onClick: PropTypes.func.isRequired,
+    buttonAriaLabel: PropTypes.string
+  })]),
+  actionButtons: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.shape(ButtonLinkPropTypes)), PropTypes.arrayOf(PropTypes.shape(ButtonActionPropTypes))]).isRequired
 };
 export default headerWithActionsPropTypes;
 //# sourceMappingURL=types.js.map

package/es/organism/header-with-actions/types.js.map

@@ -1 +1 @@
-{"version":3,"file":"types.js","names":["PropTypes","bulletPointMenuButtonPropTypes","ButtonLinkPropTypes","closeButtonPropTypes","size","oneOf","isRequired","icon","string","onClick","func","headerWithActionsPropTypes","closeButton","shape","title","tag","label","type","saveStatus","display","bool","bulletPointMenuButton","actionButtons","arrayOf"],"sources":["../../../src/organism/header-with-actions/types.ts"],"sourcesContent":["import PropTypes from 'prop-types';\nimport bulletPointMenuButtonPropTypes, {\n  BulletPointMenuButtonProps\n} from '../../molecule/bullet-point-menu-button/types';\nimport ButtonLinkPropTypes, {ButtonLinkProps} from '../../atom/button-link/types';\n\nconst closeButtonPropTypes = {\n  size: PropTypes.oneOf(['default', 'small', 'responsive']).isRequired,\n  icon: PropTypes.string.isRequired,\n  'data-name': PropTypes.string.isRequired,\n  'aria-label': PropTypes.string.isRequired,\n  onClick: PropTypes.func.isRequired\n};\nconst headerWithActionsPropTypes = {\n  closeButton: PropTypes.shape(closeButtonPropTypes),\n  title: PropTypes.string.isRequired,\n  tag: PropTypes.shape({\n    label: PropTypes.oneOf(['Published', 'Ongoing changes', 'Draft', 'Archived']).isRequired,\n    type: PropTypes.oneOf(['success', 'progress', 'warning']).isRequired,\n    size: PropTypes.string.isRequired\n  }).isRequired,\n  saveStatus: PropTypes.shape({\n    display: PropTypes.bool.isRequired,\n    label: PropTypes.oneOf(['Unsaved changes', 'Saved'])\n  }).isRequired,\n  bulletPointMenuButton: PropTypes.shape(bulletPointMenuButtonPropTypes),\n  actionButtons: PropTypes.arrayOf(PropTypes.shape(ButtonLinkPropTypes)).isRequired\n};\n\nexport default headerWithActionsPropTypes;\n\ntype TagProps = {\n  label: 'Published' | 'Ongoing changes' | 'Draft' | 'Archived';\n  type: 'success' | 'progress' | 'warning';\n  size: string;\n};\n\ntype SaveStatusProps = {\n  display: boolean;\n  label?: 'Unsaved changes' | 'Saved';\n};\n\ntype CloseButtonProps = {\n  size: 'default' | 'small' | 'responsive';\n  icon: string;\n  'data-name': string;\n  'aria-label': string;\n  onClick: () => void;\n};\n\nexport type HeaderWithActionsProps = {\n  closeButton: CloseButtonProps;\n  title: string;\n  tag: TagProps;\n  saveStatus: SaveStatusProps;\n  actionButtons: ButtonLinkProps[];\n  bulletPointMenuButton?: BulletPointMenuButtonProps;\n};\n\nexport type HeaderWithActionsPropsFixture = {props: HeaderWithActionsProps};\n"],"mappings":"AAAA,OAAOA,SAAS,MAAM,YAAY;AAClC,OAAOC,8BAA8B,MAE9B,+CAA+C;AACtD,OAAOC,mBAAmB,MAAyB,8BAA8B;AAEjF,MAAMC,oBAAoB,GAAG;EAC3BC,IAAI,EAAEJ,SAAS,CAACK,KAAK,CAAC,CAAC,SAAS,EAAE,OAAO,EAAE,YAAY,CAAC,CAAC,CAACC,UAAU;EACpEC,IAAI,EAAEP,SAAS,CAACQ,MAAM,CAACF,UAAU;EACjC,WAAW,EAAEN,SAAS,CAACQ,MAAM,CAACF,UAAU;EACxC,YAAY,EAAEN,SAAS,CAACQ,MAAM,CAACF,UAAU;EACzCG,OAAO,EAAET,SAAS,CAACU,IAAI,CAACJ;AAC1B,CAAC;AACD,MAAMK,0BAA0B,GAAG;EACjCC,WAAW,EAAEZ,SAAS,CAACa,KAAK,CAACV,oBAAoB,CAAC;EAClDW,KAAK,EAAEd,SAAS,CAACQ,MAAM,CAACF,UAAU;EAClCS,GAAG,EAAEf,SAAS,CAACa,KAAK,CAAC;IACnBG,KAAK,EAAEhB,SAAS,CAACK,KAAK,CAAC,CAAC,WAAW,EAAE,iBAAiB,EAAE,OAAO,EAAE,UAAU,CAAC,CAAC,CAACC,UAAU;IACxFW,IAAI,EAAEjB,SAAS,CAACK,KAAK,CAAC,CAAC,SAAS,EAAE,UAAU,EAAE,SAAS,CAAC,CAAC,CAACC,UAAU;IACpEF,IAAI,EAAEJ,SAAS,CAACQ,MAAM,CAACF;EACzB,CAAC,CAAC,CAACA,UAAU;EACbY,UAAU,EAAElB,SAAS,CAACa,KAAK,CAAC;IAC1BM,OAAO,EAAEnB,SAAS,CAACoB,IAAI,CAACd,UAAU;IAClCU,KAAK,EAAEhB,SAAS,CAACK,KAAK,CAAC,CAAC,iBAAiB,EAAE,OAAO,CAAC;EACrD,CAAC,CAAC,CAACC,UAAU;EACbe,qBAAqB,EAAErB,SAAS,CAACa,KAAK,CAACZ,8BAA8B,CAAC;EACtEqB,aAAa,EAAEtB,SAAS,CAACuB,OAAO,CAACvB,SAAS,CAACa,KAAK,CAACX,mBAAmB,CAAC,CAAC,CAACI;AACzE,CAAC;AAED,eAAeK,0BAA0B","ignoreList":[]}
+{"version":3,"file":"types.js","names":["PropTypes","bulletPointMenuButtonPropTypes","ButtonLinkPropTypes","closeButtonPropTypes","string","onClick","func","isRequired","ButtonMenuPropTypes","dataName","label","iconName","iconColor","ButtonActionPropTypes","type","disabled","bool","headerWithActionsPropTypes","closeButton","shape","title","tag","oneOf","size","saveStatus","display","oneOfType","buttons","arrayOf","buttonAriaLabel","actionButtons"],"sources":["../../../src/organism/header-with-actions/types.ts"],"sourcesContent":["import PropTypes from 'prop-types';\nimport bulletPointMenuButtonPropTypes, {\n  BulletPointMenuButtonProps\n} from '../../molecule/bullet-point-menu-button/types';\nimport ButtonLinkPropTypes, {ButtonLinkProps} from '../../atom/button-link/types';\n\nconst closeButtonPropTypes = {\n  'aria-label': PropTypes.string,\n  onClick: PropTypes.func.isRequired\n};\n\nconst ButtonMenuPropTypes = {\n  dataName: PropTypes.string,\n  label: PropTypes.string.isRequired,\n  iconName: PropTypes.string.isRequired,\n  iconColor: PropTypes.string.isRequired,\n  onClick: PropTypes.func.isRequired\n};\n\nconst ButtonActionPropTypes = {\n  type: PropTypes.string.isRequired,\n  label: PropTypes.string.isRequired,\n  onClick: PropTypes.func.isRequired,\n  disabled: PropTypes.bool,\n  iconName: PropTypes.string.isRequired,\n  iconColor: PropTypes.string.isRequired\n};\n\nconst headerWithActionsPropTypes = {\n  closeButton: PropTypes.shape(closeButtonPropTypes),\n  title: PropTypes.string.isRequired,\n  tag: PropTypes.shape({\n    label: PropTypes.oneOf(['Published', 'Ongoing changes', 'Draft', 'Archived']).isRequired,\n    type: PropTypes.oneOf(['success', 'progress', 'warning']).isRequired,\n    size: PropTypes.string.isRequired\n  }).isRequired,\n  saveStatus: PropTypes.shape({\n    display: PropTypes.bool.isRequired,\n    label: PropTypes.oneOf(['Unsaved changes', 'Saved'])\n  }).isRequired,\n  bulletPointMenuButtonPropTypes: PropTypes.oneOfType([\n    PropTypes.shape(bulletPointMenuButtonPropTypes),\n    PropTypes.shape({\n      buttons: PropTypes.arrayOf(PropTypes.shape(ButtonMenuPropTypes)).isRequired,\n      onClick: PropTypes.func.isRequired,\n      buttonAriaLabel: PropTypes.string\n    })\n  ]),\n  actionButtons: PropTypes.oneOfType([\n    PropTypes.arrayOf(PropTypes.shape(ButtonLinkPropTypes)),\n    PropTypes.arrayOf(PropTypes.shape(ButtonActionPropTypes))\n  ]).isRequired\n};\n\nexport default headerWithActionsPropTypes;\n\ntype TagProps = {\n  label: 'Published' | 'Ongoing changes' | 'Draft' | 'Archived';\n  type: 'success' | 'progress' | 'warning';\n  size: string;\n};\n\ntype SaveStatusProps = {\n  display: boolean;\n  label?: 'Unsaved changes' | 'Saved';\n};\n\ntype CloseButtonProps = {\n  'aria-label': string;\n  onClick: () => void;\n};\n\nexport type ButtonMenuProps = {\n  dataName: string;\n  label: string;\n  iconName: string;\n  iconColor: string;\n  onClick: () => void;\n};\n\ntype BulletPointMenuButtonCustomProps = {\n  buttons: ButtonMenuProps[];\n  onClick: () => void;\n  buttonAriaLabel: string;\n};\n\nexport type ButtonActionProps = {\n  type: 'primary' | 'secondary';\n  label: string;\n  onClick: () => void;\n  disabled?: boolean;\n  iconName: string;\n  iconColor: string;\n};\n\nexport type HeaderWithActionsProps = {\n  closeButton: CloseButtonProps;\n  title: string;\n  tag: TagProps;\n  saveStatus: SaveStatusProps;\n  actionButtons: ButtonLinkProps[] | ButtonActionProps[];\n  bulletPointMenuButton?: BulletPointMenuButtonProps | BulletPointMenuButtonCustomProps;\n};\n\nexport type HeaderWithActionsPropsFixture = {props: HeaderWithActionsProps};\n"],"mappings":"AAAA,OAAOA,SAAS,MAAM,YAAY;AAClC,OAAOC,8BAA8B,MAE9B,+CAA+C;AACtD,OAAOC,mBAAmB,MAAyB,8BAA8B;AAEjF,MAAMC,oBAAoB,GAAG;EAC3B,YAAY,EAAEH,SAAS,CAACI,MAAM;EAC9BC,OAAO,EAAEL,SAAS,CAACM,IAAI,CAACC;AAC1B,CAAC;AAED,MAAMC,mBAAmB,GAAG;EAC1BC,QAAQ,EAAET,SAAS,CAACI,MAAM;EAC1BM,KAAK,EAAEV,SAAS,CAACI,MAAM,CAACG,UAAU;EAClCI,QAAQ,EAAEX,SAAS,CAACI,MAAM,CAACG,UAAU;EACrCK,SAAS,EAAEZ,SAAS,CAACI,MAAM,CAACG,UAAU;EACtCF,OAAO,EAAEL,SAAS,CAACM,IAAI,CAACC;AAC1B,CAAC;AAED,MAAMM,qBAAqB,GAAG;EAC5BC,IAAI,EAAEd,SAAS,CAACI,MAAM,CAACG,UAAU;EACjCG,KAAK,EAAEV,SAAS,CAACI,MAAM,CAACG,UAAU;EAClCF,OAAO,EAAEL,SAAS,CAACM,IAAI,CAACC,UAAU;EAClCQ,QAAQ,EAAEf,SAAS,CAACgB,IAAI;EACxBL,QAAQ,EAAEX,SAAS,CAACI,MAAM,CAACG,UAAU;EACrCK,SAAS,EAAEZ,SAAS,CAACI,MAAM,CAACG;AAC9B,CAAC;AAED,MAAMU,0BAA0B,GAAG;EACjCC,WAAW,EAAElB,SAAS,CAACmB,KAAK,CAAChB,oBAAoB,CAAC;EAClDiB,KAAK,EAAEpB,SAAS,CAACI,MAAM,CAACG,UAAU;EAClCc,GAAG,EAAErB,SAAS,CAACmB,KAAK,CAAC;IACnBT,KAAK,EAAEV,SAAS,CAACsB,KAAK,CAAC,CAAC,WAAW,EAAE,iBAAiB,EAAE,OAAO,EAAE,UAAU,CAAC,CAAC,CAACf,UAAU;IACxFO,IAAI,EAAEd,SAAS,CAACsB,KAAK,CAAC,CAAC,SAAS,EAAE,UAAU,EAAE,SAAS,CAAC,CAAC,CAACf,UAAU;IACpEgB,IAAI,EAAEvB,SAAS,CAACI,MAAM,CAACG;EACzB,CAAC,CAAC,CAACA,UAAU;EACbiB,UAAU,EAAExB,SAAS,CAACmB,KAAK,CAAC;IAC1BM,OAAO,EAAEzB,SAAS,CAACgB,IAAI,CAACT,UAAU;IAClCG,KAAK,EAAEV,SAAS,CAACsB,KAAK,CAAC,CAAC,iBAAiB,EAAE,OAAO,CAAC;EACrD,CAAC,CAAC,CAACf,UAAU;EACbN,8BAA8B,EAAED,SAAS,CAAC0B,SAAS,CAAC,CAClD1B,SAAS,CAACmB,KAAK,CAAClB,8BAA8B,CAAC,EAC/CD,SAAS,CAACmB,KAAK,CAAC;IACdQ,OAAO,EAAE3B,SAAS,CAAC4B,OAAO,CAAC5B,SAAS,CAACmB,KAAK,CAACX,mBAAmB,CAAC,CAAC,CAACD,UAAU;IAC3EF,OAAO,EAAEL,SAAS,CAACM,IAAI,CAACC,UAAU;IAClCsB,eAAe,EAAE7B,SAAS,CAACI;EAC7B,CAAC,CAAC,CACH,CAAC;EACF0B,aAAa,EAAE9B,SAAS,CAAC0B,SAAS,CAAC,CACjC1B,SAAS,CAAC4B,OAAO,CAAC5B,SAAS,CAACmB,KAAK,CAACjB,mBAAmB,CAAC,CAAC,EACvDF,SAAS,CAAC4B,OAAO,CAAC5B,SAAS,CAACmB,KAAK,CAACN,qBAAqB,CAAC,CAAC,CAC1D,CAAC,CAACN;AACL,CAAC;AAED,eAAeU,0BAA0B","ignoreList":[]}

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

@@ -79,25 +79,25 @@ const ListItem = ({
   }, order + 1) : null;
   const extractedIndex = _pipe(_split('-'), _last)(dataName);
   return /*#__PURE__*/React.createElement("div", {
-    className: classnames(style.wrapper, isBulkStyle ? style.gridLayout : style.flexLayout, subtitle && style.withSubtitle, disabled && style.disabled, onClick !== _noop && !disabled && style.cursorPointer, checkbox?.checked && style.checked),
+    className: classnames(style.wrapper, isBulkStyle && style.gridLayout, subtitle && style.withSubtitle, disabled && style.disabled, onClick !== _noop && !disabled && style.cursorPointer, checkbox?.checked && style.checked),
     onClick: !disabled ? onClick : undefined,
     style: selectedStyle,
     "data-name": dataName
   }, /*#__PURE__*/React.createElement("div", {
     className: classnames(style.dataColumnsWrapper, isOverflowHidden && style.hiddenOverflowX)
-  }, isPublished && contentType === 'certification' ? orderView : null, leftIcon || image || checkable ? /*#__PURE__*/React.createElement("div", {
+  }, isPublished && contentType === 'certification' ? orderView : null, /*#__PURE__*/React.createElement("div", {
     className: style.leftSection
-  }, checkable ? /*#__PURE__*/React.createElement(CheckboxWithTitle, checkbox) : null, leftIcon && !image ? /*#__PURE__*/React.createElement(FaIcon, {
+  }, checkable ? /*#__PURE__*/React.createElement(CheckboxWithTitle, checkbox) : null, leftIcon && !image ? /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(FaIcon, {
     iconName: leftIcon.iconName,
     gradientBackground: leftIcon.gradientBackground || true,
     iconColor: leftIcon.iconColor || primarySelectedColor,
     preset: leftIcon.preset || 'xl',
     borderRadius: leftIcon.borderRadius || '25%'
-  }) : null, !leftIcon && image ? /*#__PURE__*/React.createElement("div", {
+  })) : null, !leftIcon && image ? /*#__PURE__*/React.createElement("div", {
     className: style.containerImage
   }, /*#__PURE__*/React.createElement(CardImagePreview, {
     image: image
-  })) : null) : null, /*#__PURE__*/React.createElement("div", {
+  })) : null), /*#__PURE__*/React.createElement("div", {
     className: style.titleWrapper
   }, /*#__PURE__*/React.createElement("div", {
     className: style.titleProviderWrapper

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","CardImagePreview","CheckboxWithTitle","style","ListItem","buttonLink","secondButtonLink","bulletPointMenuButton","tags","title","provider","selected","selectedColor","subtitle","dataColumns","order","ariaLabel","disabled","contentType","isBulkStyle","isOverflowHidden","onClick","_noop","leftIcon","image","checkbox","dataName","context","skin","primarySelectedColor","_get","mapUncapped","_map","cap","checkable","isPublished","selectedStyle","backgroundColor","tagSelectedStyle","color","tagsView","tag","index","type","createElement","key","className","_extends","customStyle","dataColumnsView","dataColumn","label","orderView","undefined","extractedIndex","_pipe","_split","_last","wrapper","gridLayout","flexLayout","withSubtitle","cursorPointer","checked","dataColumnsWrapper","hiddenOverflowX","leftSection","iconName","gradientBackground","iconColor","preset","borderRadius","containerImage","titleWrapper","titleProviderWrapper","_isEmpty","providerTag","settings","white","size","faSize","wrapperSize","contextTypes","childContextTypes","translate","propTypes","process","env","NODE_ENV","string","isRequired","shape","oneOf","bool","arrayOf","icon","position","func","buttonAriaLabel","menuAriaLabel","buttons","number","id"],"sources":["../../../src/organism/list-item/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {isEmpty, map, noop, get, last, split, pipe} 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 CardImagePreview from '../../atom/card-image-preview';\nimport CheckboxWithTitle from '../../atom/checkbox-with-title';\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    image,\n    checkbox,\n    'data-name': dataName\n  },\n  context\n) => {\n  const {skin} = context;\n  const primarySelectedColor = selectedColor || get('common.primary', skin);\n  const mapUncapped = map.convert({cap: false});\n  const checkable = checkbox || 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 extractedIndex = pipe(split('-'), last)(dataName);\n\n  return (\n    <div\n      className={classnames(\n        style.wrapper,\n        isBulkStyle ? style.gridLayout : style.flexLayout,\n        subtitle && style.withSubtitle,\n        disabled && style.disabled,\n        onClick !== noop && !disabled && style.cursorPointer,\n        checkbox?.checked && style.checked\n      )}\n      onClick={!disabled ? onClick : undefined}\n      style={selectedStyle}\n      data-name={dataName}\n    >\n      <div\n        className={classnames(style.dataColumnsWrapper, isOverflowHidden && style.hiddenOverflowX)}\n      >\n        {isPublished && contentType === 'certification' ? orderView : null}\n        {leftIcon || image || checkable ? (\n          <div className={style.leftSection}>\n            {checkable ? <CheckboxWithTitle {...checkbox} /> : null}\n            {leftIcon && !image ? (\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            ) : null}\n            {!leftIcon && image ? (\n              <div className={style.containerImage}>\n                <CardImagePreview image={image} />\n              </div>\n            ) : null}\n          </div>\n        ) : null}\n        <div className={style.titleWrapper}>\n          <div className={style.titleProviderWrapper}>\n            <div className={style.title} title={title}>\n              {title}\n            </div>\n            {!isEmpty(provider) ? (\n              <Tag label={provider.label} type={provider.type} className={style.providerTag} />\n            ) : null}\n          </div>\n          {subtitle ? <div className={style.subtitle}>{subtitle}</div> : null}\n        </div>\n        {dataColumnsView}\n      </div>\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\n            {...bulletPointMenuButton}\n            data-name={`bullet-point-menu-button-${extractedIndex}`}\n          />\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  'data-name': PropTypes.string,\n  provider: PropTypes.shape({\n    label: PropTypes.string,\n    type: PropTypes.oneOf(['info', 'default', 'success', 'failure', 'warning', 'progress'])\n  }),\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  image: PropTypes.string,\n  checkbox: PropTypes.shape(CheckboxWithTitle.propTypes)\n};\n\nexport default ListItem;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.js","names":["React","PropTypes","convert","classnames","Provider","Tag","FaIcon","ButtonLink","BulletPointMenuButton","COLORS","CardImagePreview","CheckboxWithTitle","style","ListItem","buttonLink","secondButtonLink","bulletPointMenuButton","tags","title","provider","selected","selectedColor","subtitle","dataColumns","order","ariaLabel","disabled","contentType","isBulkStyle","isOverflowHidden","onClick","_noop","leftIcon","image","checkbox","dataName","context","skin","primarySelectedColor","_get","mapUncapped","_map","cap","checkable","isPublished","selectedStyle","backgroundColor","tagSelectedStyle","color","tagsView","tag","index","type","createElement","key","className","_extends","customStyle","dataColumnsView","dataColumn","label","orderView","undefined","extractedIndex","_pipe","_split","_last","wrapper","gridLayout","withSubtitle","cursorPointer","checked","dataColumnsWrapper","hiddenOverflowX","leftSection","iconName","gradientBackground","iconColor","preset","borderRadius","containerImage","titleWrapper","titleProviderWrapper","_isEmpty","providerTag","settings","white","size","faSize","wrapperSize","contextTypes","childContextTypes","translate","propTypes","process","env","NODE_ENV","string","isRequired","shape","oneOf","bool","arrayOf","icon","position","func","buttonAriaLabel","menuAriaLabel","buttons","number","id"],"sources":["../../../src/organism/list-item/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {isEmpty, map, noop, get, last, split, pipe} 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 CardImagePreview from '../../atom/card-image-preview';\nimport CheckboxWithTitle from '../../atom/checkbox-with-title';\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    image,\n    checkbox,\n    'data-name': dataName\n  },\n  context\n) => {\n  const {skin} = context;\n  const primarySelectedColor = selectedColor || get('common.primary', skin);\n  const mapUncapped = map.convert({cap: false});\n  const checkable = checkbox || 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 extractedIndex = pipe(split('-'), last)(dataName);\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        checkbox?.checked && style.checked\n      )}\n      onClick={!disabled ? onClick : undefined}\n      style={selectedStyle}\n      data-name={dataName}\n    >\n      <div\n        className={classnames(style.dataColumnsWrapper, isOverflowHidden && style.hiddenOverflowX)}\n      >\n        {isPublished && contentType === 'certification' ? orderView : null}\n        <div className={style.leftSection}>\n          {checkable ? <CheckboxWithTitle {...checkbox} /> : null}\n          {leftIcon && !image ? (\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          {!leftIcon && image ? (\n            <div className={style.containerImage}>\n              <CardImagePreview image={image} />\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            {!isEmpty(provider) ? (\n              <Tag label={provider.label} type={provider.type} className={style.providerTag} />\n            ) : null}\n          </div>\n          {subtitle ? <div className={style.subtitle}>{subtitle}</div> : null}\n        </div>\n        {dataColumnsView}\n      </div>\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\n            {...bulletPointMenuButton}\n            data-name={`bullet-point-menu-button-${extractedIndex}`}\n          />\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  'data-name': PropTypes.string,\n  provider: PropTypes.shape({\n    label: PropTypes.string,\n    type: PropTypes.oneOf(['info', 'default', 'success', 'failure', 'warning', 'progress'])\n  }),\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  image: PropTypes.string,\n  checkbox: PropTypes.shape(CheckboxWithTitle.propTypes)\n};\n\nexport default ListItem;\n"],"mappings":"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","ignoreList":[]}

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

@@ -9,38 +9,26 @@
 @value cm_grey_700 from colors;
 @value cm_primary_blue from colors;
 
-.wrapper:hover {
-  background-color: cm_grey_75;
-}
 .wrapper {
   font-family: Gilroy;
+  align-items: center;
   background-color: color(xtraLightGrey a(90%));
   box-sizing: border-box;
+  display: flex;
+  justify-content: space-between;
   padding: 0 24px;
   width: 100%;
   border-radius: 12px;
   min-height: 64px;
 }
 
-.flexLayout {
-  display: flex;
-  justify-content: space-between;
-  align-items: center;
+.wrapper:hover {
+  background-color: cm_grey_75;
 }
 
 .gridLayout {
   display: grid;
-  grid-template-columns: 1fr auto;
-  align-items: center;
-}
-
-.settings {
-  display: flex;
-  align-items: center;
-  justify-content: flex-end;
-  gap: 16px;
-  height: 100%;
-
+  grid-template-columns: 60% auto;
 }
 
 .disabled {
@@ -79,6 +67,15 @@
   cursor: pointer;
 }
 
+.settings {
+  align-items: center;
+  display: flex;
+  height: 100%;
+  gap: 16px;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
 .tag {
   text-overflow: ellipsis;
   white-space: nowrap;
@@ -93,9 +90,8 @@
 .titleWrapper {
   display: flex;
   flex-direction: column;
-  justify-content: center;
   gap: 2px;
-  margin: 0 16px 0 0;
+  margin: 0 16px;
 }
 
 .titleProviderWrapper {
@@ -122,10 +118,8 @@
 .dataColumnsWrapper {
   display: flex;
   width: 100%;
-  gap: 54px;
-  min-height: inherit;
-  justify-content: flex-start;
   align-items: center;
+  align-content: space-between;
 }
 
 .hiddenOverflowX {

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

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

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

@@ -146,7 +146,6 @@
   font-size: 14px;
   font-weight: 600;
   line-height: 20px;
-  cursor: pointer;
   margin-top: 32px;
   width: auto;
 }

package/es/organism/rewards-form/index.d.ts

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