@coorpacademy/components 11.33.13-alpha.4 → 11.33.13-alpha.99.14

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

@@ -68,7 +68,7 @@ const ButtonLinkIcon = props => {
     className: style.tooltipContentWrapper
   }, ariaLabel), [ariaLabel]);
   const Button = useCallback(() => link ? /*#__PURE__*/React.createElement(Link, _extends({}, link, ariaLabel ? {
-    'data-for': 'button-icon',
+    'data-for': dataName,
     'data-tip': toolTipIsVisible
   } : {}, {
     className: styleButton,
@@ -77,7 +77,7 @@ const ButtonLinkIcon = props => {
     onMouseEnter: handleMouseOver,
     onMouseLeave: handleMouseLeave
   }), contentView) : /*#__PURE__*/React.createElement("button", _extends({}, ariaLabel ? {
-    'data-for': 'button-icon',
+    'data-for': dataName,
     'data-tip': toolTipIsVisible
   } : {}, {
     type: "button",
@@ -92,7 +92,7 @@ const ButtonLinkIcon = props => {
   }), contentView), [link, ariaLabel, className, contentView, dataName, disabled, handleMouseLeave, handleMouseOver, handleOnClick, styleButton, toolTipIsVisible]);
   return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Button, null), ariaLabel ? /*#__PURE__*/React.createElement(ToolTip, {
     fontSize: 12,
-    anchorId: "button-icon",
+    anchorId: dataName,
     toolTipIsVisible: toolTipIsVisible,
     placement: tooltipPlacement,
     TooltipContent: TooltipContent,

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","useState","useCallback","useRef","PropTypes","classnames","ICONS","FaIcon","Link","ToolTip","style","getButtonContent","icon","faIcon","Icon","_getOr","createElement","className","buttonContent","iconName","getSizeStyle","size","small","responsive","defaultStyle","ButtonLinkIcon","props","disabled","dataName","ariaLabel","link","onClick","tooltipPlacement","toolTipIsVisible","setToolTipIsVisible","timer","contentView","styleButton","handleOnClick","handleMouseOver","current","clearTimeout","setTimeout","undefined","handleMouseLeave","TooltipContent","tooltipContentWrapper","Button","_extends","onMouseEnter","onMouseLeave","type","onMouseOver","Fragment","fontSize","anchorId","placement","closeToolTipInformationTextAriaLabel","propTypes","process","env","NODE_ENV","oneOf","string","_keys","func","shape","href","download","bool","target"],"sources":["../../../src/atom/button-link-icon/index.js"],"sourcesContent":["import React, {useState, useCallback, useRef} from 'react';\nimport PropTypes from 'prop-types';\nimport {getOr, keys} from 'lodash/fp';\nimport classnames from 'classnames';\nimport {ICONS} from '../../util/button-icons';\nimport FaIcon from '../icon';\nimport Link from '../link';\nimport ToolTip from '../tooltip';\n// eslint-disable-next-line css-modules/no-unused-class\nimport style from './style.css';\n\nconst getButtonContent = (icon, faIcon) => {\n  const Icon = getOr(null, icon, ICONS);\n\n  if (!Icon && !faIcon) {\n    return <div className={style.buttonContent} />;\n  }\n\n  return (\n    <div className={style.buttonContent}>\n      {faIcon ? <FaIcon iconName={faIcon} /> : <Icon className={style.icon} />}\n    </div>\n  );\n};\n\nconst getSizeStyle = size => {\n  switch (size) {\n    case 'small':\n      return style.small;\n    case 'responsive':\n      return style.responsive;\n    default:\n      return style.defaultStyle;\n  }\n};\n\nconst ButtonLinkIcon = props => {\n  const {\n    size = 'default',\n    disabled,\n    icon,\n    faIcon,\n    'data-name': dataName,\n    'aria-label': ariaLabel,\n    link,\n    onClick,\n    className,\n    tooltipPlacement = 'left'\n  } = props;\n  const [toolTipIsVisible, setToolTipIsVisible] = useState(false);\n  const timer = useRef();\n\n  const contentView = getButtonContent(icon, faIcon);\n  const styleButton = classnames(\n    getSizeStyle(size),\n    link && style.link,\n    disabled && style.disabled,\n    className\n  );\n\n  const handleOnClick = useCallback(() => onClick(), [onClick]);\n\n  const handleMouseOver = useCallback(() => {\n    timer.current && clearTimeout(timer.current);\n    timer.current = setTimeout(() => {\n      setToolTipIsVisible(true);\n      timer.current = undefined;\n    }, 300);\n  }, [timer, setToolTipIsVisible]);\n\n  const handleMouseLeave = useCallback(() => {\n    timer.current && clearTimeout(timer.current);\n    setToolTipIsVisible(false);\n  }, [timer, setToolTipIsVisible]);\n\n  const TooltipContent = useCallback(\n    () => <span className={style.tooltipContentWrapper}>{ariaLabel}</span>,\n    [ariaLabel]\n  );\n\n  const Button = useCallback(\n    () =>\n      link ? (\n        <Link\n          {...link}\n          {...(ariaLabel\n            ? {\n                'data-for': 'button-icon',\n                'data-tip': toolTipIsVisible\n              }\n            : {})}\n          className={styleButton}\n          data-name={dataName}\n          aria-label={ariaLabel}\n          onMouseEnter={handleMouseOver}\n          onMouseLeave={handleMouseLeave}\n        >\n          {contentView}\n        </Link>\n      ) : (\n        <button\n          {...(ariaLabel\n            ? {\n                'data-for': 'button-icon',\n                'data-tip': toolTipIsVisible\n              }\n            : {})}\n          type=\"button\"\n          aria-label={ariaLabel}\n          data-name={dataName}\n          data-testid={`button-${dataName}-${className}`}\n          className={styleButton}\n          onClick={handleOnClick}\n          onMouseLeave={handleMouseLeave}\n          onMouseOver={handleMouseOver}\n          disabled={disabled}\n        >\n          {contentView}\n        </button>\n      ),\n    [\n      link,\n      ariaLabel,\n      className,\n      contentView,\n      dataName,\n      disabled,\n      handleMouseLeave,\n      handleMouseOver,\n      handleOnClick,\n      styleButton,\n      toolTipIsVisible\n    ]\n  );\n\n  return (\n    <>\n      <Button />\n      {ariaLabel ? (\n        <ToolTip\n          fontSize={12}\n          anchorId=\"button-icon\"\n          toolTipIsVisible={toolTipIsVisible}\n          placement={tooltipPlacement}\n          TooltipContent={TooltipContent}\n          closeToolTipInformationTextAriaLabel={ariaLabel}\n        />\n      ) : null}\n    </>\n  );\n};\n\nButtonLinkIcon.propTypes = {\n  size: PropTypes.oneOf(['default', 'small', 'responsive']),\n  'aria-label': PropTypes.string,\n  'data-name': PropTypes.string,\n  icon: PropTypes.oneOf(keys(ICONS)),\n  faIcon: PropTypes.string,\n  onClick: PropTypes.func,\n  link: PropTypes.shape({\n    href: PropTypes.string,\n    download: PropTypes.bool,\n    target: PropTypes.oneOf(['_self', '_blank', '_parent', '_top'])\n  }),\n  disabled: PropTypes.bool,\n  className: PropTypes.string,\n  tooltipPlacement: PropTypes.oneOf(['left', 'right', 'top', 'bottom'])\n};\n\nexport default ButtonLinkIcon;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.js","names":["React","useState","useCallback","useRef","PropTypes","classnames","ICONS","FaIcon","Link","ToolTip","style","getButtonContent","icon","faIcon","Icon","_getOr","createElement","className","buttonContent","iconName","getSizeStyle","size","small","responsive","defaultStyle","ButtonLinkIcon","props","disabled","dataName","ariaLabel","link","onClick","tooltipPlacement","toolTipIsVisible","setToolTipIsVisible","timer","contentView","styleButton","handleOnClick","handleMouseOver","current","clearTimeout","setTimeout","undefined","handleMouseLeave","TooltipContent","tooltipContentWrapper","Button","_extends","onMouseEnter","onMouseLeave","type","onMouseOver","Fragment","fontSize","anchorId","placement","closeToolTipInformationTextAriaLabel","propTypes","process","env","NODE_ENV","oneOf","string","_keys","func","shape","href","download","bool","target"],"sources":["../../../src/atom/button-link-icon/index.js"],"sourcesContent":["import React, {useState, useCallback, useRef} from 'react';\nimport PropTypes from 'prop-types';\nimport {getOr, keys} from 'lodash/fp';\nimport classnames from 'classnames';\nimport {ICONS} from '../../util/button-icons';\nimport FaIcon from '../icon';\nimport Link from '../link';\nimport ToolTip from '../tooltip';\n// eslint-disable-next-line css-modules/no-unused-class\nimport style from './style.css';\n\nconst getButtonContent = (icon, faIcon) => {\n  const Icon = getOr(null, icon, ICONS);\n\n  if (!Icon && !faIcon) {\n    return <div className={style.buttonContent} />;\n  }\n\n  return (\n    <div className={style.buttonContent}>\n      {faIcon ? <FaIcon iconName={faIcon} /> : <Icon className={style.icon} />}\n    </div>\n  );\n};\n\nconst getSizeStyle = size => {\n  switch (size) {\n    case 'small':\n      return style.small;\n    case 'responsive':\n      return style.responsive;\n    default:\n      return style.defaultStyle;\n  }\n};\n\nconst ButtonLinkIcon = props => {\n  const {\n    size = 'default',\n    disabled,\n    icon,\n    faIcon,\n    'data-name': dataName,\n    'aria-label': ariaLabel,\n    link,\n    onClick,\n    className,\n    tooltipPlacement = 'left'\n  } = props;\n  const [toolTipIsVisible, setToolTipIsVisible] = useState(false);\n  const timer = useRef();\n\n  const contentView = getButtonContent(icon, faIcon);\n  const styleButton = classnames(\n    getSizeStyle(size),\n    link && style.link,\n    disabled && style.disabled,\n    className\n  );\n\n  const handleOnClick = useCallback(() => onClick(), [onClick]);\n\n  const handleMouseOver = useCallback(() => {\n    timer.current && clearTimeout(timer.current);\n    timer.current = setTimeout(() => {\n      setToolTipIsVisible(true);\n      timer.current = undefined;\n    }, 300);\n  }, [timer, setToolTipIsVisible]);\n\n  const handleMouseLeave = useCallback(() => {\n    timer.current && clearTimeout(timer.current);\n    setToolTipIsVisible(false);\n  }, [timer, setToolTipIsVisible]);\n\n  const TooltipContent = useCallback(\n    () => <span className={style.tooltipContentWrapper}>{ariaLabel}</span>,\n    [ariaLabel]\n  );\n\n  const Button = useCallback(\n    () =>\n      link ? (\n        <Link\n          {...link}\n          {...(ariaLabel\n            ? {\n                'data-for': dataName,\n                'data-tip': toolTipIsVisible\n              }\n            : {})}\n          className={styleButton}\n          data-name={dataName}\n          aria-label={ariaLabel}\n          onMouseEnter={handleMouseOver}\n          onMouseLeave={handleMouseLeave}\n        >\n          {contentView}\n        </Link>\n      ) : (\n        <button\n          {...(ariaLabel\n            ? {\n                'data-for': dataName,\n                'data-tip': toolTipIsVisible\n              }\n            : {})}\n          type=\"button\"\n          aria-label={ariaLabel}\n          data-name={dataName}\n          data-testid={`button-${dataName}-${className}`}\n          className={styleButton}\n          onClick={handleOnClick}\n          onMouseLeave={handleMouseLeave}\n          onMouseOver={handleMouseOver}\n          disabled={disabled}\n        >\n          {contentView}\n        </button>\n      ),\n    [\n      link,\n      ariaLabel,\n      className,\n      contentView,\n      dataName,\n      disabled,\n      handleMouseLeave,\n      handleMouseOver,\n      handleOnClick,\n      styleButton,\n      toolTipIsVisible\n    ]\n  );\n\n  return (\n    <>\n      <Button />\n      {ariaLabel ? (\n        <ToolTip\n          fontSize={12}\n          anchorId={dataName}\n          toolTipIsVisible={toolTipIsVisible}\n          placement={tooltipPlacement}\n          TooltipContent={TooltipContent}\n          closeToolTipInformationTextAriaLabel={ariaLabel}\n        />\n      ) : null}\n    </>\n  );\n};\n\nButtonLinkIcon.propTypes = {\n  size: PropTypes.oneOf(['default', 'small', 'responsive']),\n  'aria-label': PropTypes.string,\n  'data-name': PropTypes.string,\n  icon: PropTypes.oneOf(keys(ICONS)),\n  faIcon: PropTypes.string,\n  onClick: PropTypes.func,\n  link: PropTypes.shape({\n    href: PropTypes.string,\n    download: PropTypes.bool,\n    target: PropTypes.oneOf(['_self', '_blank', '_parent', '_top'])\n  }),\n  disabled: PropTypes.bool,\n  className: PropTypes.string,\n  tooltipPlacement: PropTypes.oneOf(['left', 'right', 'top', 'bottom'])\n};\n\nexport default ButtonLinkIcon;\n"],"mappings":"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","ignoreList":[]}

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

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

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

@@ -1,3 +1,4 @@
+import _noop from "lodash/fp/noop";
 function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
 import React, { useMemo, useCallback } from 'react';
 import map from 'lodash/fp/map';
@@ -5,72 +6,58 @@ import classnames from 'classnames';
 import ButtonLink from '../button-link';
 import style from './style.css';
 import propTypes, { buttonPropTypes } from './types';
-const buildIconByTheme = type => {
-  const defaultIconStyle = {
-    position: 'left',
+import { DEFAULT_ICON_STYLE, THEMES } from './utils';
+const buildCustomIconByTheme = icon => {
+  if (!icon) return;
+  const {
+    theme,
+    ...iconProps
+  } = icon;
+  const custom = theme && THEMES[theme];
+  if (!custom) return iconProps;
+  const customProps = custom ? {
+    ...DEFAULT_ICON_STYLE,
     faIcon: {
-      size: 14,
-      color: '#515161',
-      customStyle: {
-        padding: 0
-      }
-    }
-  };
-  const themes = {
-    publish: {
-      name: 'cloud-arrow-up'
-    },
-    archive: {
-      name: 'folder-open'
-    },
-    delete: {
-      name: 'trash',
-      color: '#B81400'
-    }
-  };
-  return themes[type] ? {
-    icon: {
-      ...defaultIconStyle,
-      faIcon: {
-        ...defaultIconStyle.faIcon,
-        ...themes[type]
-      }
+      ...DEFAULT_ICON_STYLE.faIcon,
+      ...custom
     }
   } : null;
+  return {
+    ...iconProps,
+    ...customProps
+  };
 };
 const Button = props => {
   const {
     'data-name': dataName,
     disabled,
     label,
-    onClick,
+    onClick = _noop,
     type = 'default',
     buttonLinkType,
     icon,
-    customStyle = {}
+    customStyle = {},
+    ...rest
   } = props;
   const styleButton = classnames(style.button, type === 'default' && style.defaultStyle, type === 'defaultLeft' && style.defaultLeft, type === 'dangerous' && style.dangerous, type === 'dangerousLeft' && style.dangerousLeft, disabled && style.disabled);
   const handleOnClick = useCallback(() => onClick(), [onClick]);
-  const buttonLinkProps = useMemo(() => {
-    const defaultProps = {
-      icon,
-      'aria-label': label,
-      disabled,
-      label,
-      type: buttonLinkType,
-      onClick: handleOnClick,
-      'data-name': dataName,
-      className: styleButton,
-      customStyle: {
-        ...customStyle
-      }
-    };
-    return {
-      ...defaultProps,
-      ...(icon?.theme && buildIconByTheme(icon.theme))
-    };
-  }, [label, buttonLinkType, handleOnClick, dataName, styleButton, customStyle, icon, disabled]);
-  return /*#__PURE__*/React.createElement(ButtonLink, buttonLinkProps);
+  const buttonLinkProps = {
+    ...rest,
+    'aria-label': label,
+    disabled,
+    label,
+    type: buttonLinkType,
+    onClick: handleOnClick,
+    'data-name': dataName,
+    className: styleButton,
+    customStyle: {
+      ...customStyle
+    }
+  };
+  const iconProps = buildCustomIconByTheme(icon);
+  return /*#__PURE__*/React.createElement(ButtonLink, _extends({}, buttonLinkProps, {
+    icon: iconProps
+  }));
 };
 Button.propTypes = process.env.NODE_ENV !== "production" ? buttonPropTypes : {};
 const ButtonMenu = props => {

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

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

package/es/atom/button-menu/types.d.ts

@@ -55,17 +55,13 @@ declare const propTypes: {
     'aria-label': PropTypes.Requireable<string>;
 };
 export default propTypes;
-export declare type ButtonProps = {
-    'data-name'?: string;
-    disabled?: boolean;
-    label: string;
-    onClick: () => void;
+export declare type Theme = 'archived' | 'published' | 'deleted';
+export declare type ButtonProps = Omit<ButtonLinkProps, 'type' | 'icon'> & {
     type?: 'default' | 'defaultLeft' | 'dangerous' | 'dangerousLeft';
     buttonLinkType?: ButtonLinkProps['type'];
     icon?: IconType & {
-        theme: 'archive' | 'publish' | 'delete';
+        theme?: Theme;
     };
-    customStyle?: Record<string, string | number>;
 };
 export declare type ButtonMenuProps = {
     buttons: ButtonProps[];

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

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/atom/button-menu/types.ts"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,YAAY,CAAC;AACnC,OAAO,EAAC,eAAe,EAAE,QAAQ,EAAgB,MAAM,sBAAsB,CAAC;AAE9E,eAAO,MAAM,eAAe;;;;;;;;;;;;;;;;;;;;;;;;CAY3B,CAAC;AAEF,QAAA,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAId,CAAC;AAEF,eAAe,SAAS,CAAC;AAEzB,oBAAY,WAAW,GAAG;IACxB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,IAAI,CAAC,EAAE,SAAS,GAAG,aAAa,GAAG,WAAW,GAAG,eAAe,CAAC;IACjE,cAAc,CAAC,EAAE,eAAe,CAAC,MAAM,CAAC,CAAC;IACzC,IAAI,CAAC,EAAE,QAAQ,GAAG;QAAC,KAAK,EAAE,SAAS,GAAG,SAAS,GAAG,QAAQ,CAAA;KAAC,CAAC;IAC5D,WAAW,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM,CAAC,CAAC;CAC/C,CAAC;AAEF,oBAAY,eAAe,GAAG;IAC5B,OAAO,EAAE,WAAW,EAAE,CAAC;IACvB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB,CAAC;AAEF,oBAAY,sBAAsB,GAAG;IAAC,KAAK,EAAE,eAAe,CAAA;CAAC,CAAC"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/atom/button-menu/types.ts"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,YAAY,CAAC;AACnC,OAAO,EAAC,eAAe,EAAE,QAAQ,EAAgB,MAAM,sBAAsB,CAAC;AAE9E,eAAO,MAAM,eAAe;;;;;;;;;;;;;;;;;;;;;;;;CAY3B,CAAC;AAEF,QAAA,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAId,CAAC;AAEF,eAAe,SAAS,CAAC;AAEzB,oBAAY,KAAK,GAAG,UAAU,GAAG,WAAW,GAAG,SAAS,CAAC;AAEzD,oBAAY,WAAW,GAAG,IAAI,CAAC,eAAe,EAAE,MAAM,GAAG,MAAM,CAAC,GAAG;IACjE,IAAI,CAAC,EAAE,SAAS,GAAG,aAAa,GAAG,WAAW,GAAG,eAAe,CAAC;IACjE,cAAc,CAAC,EAAE,eAAe,CAAC,MAAM,CAAC,CAAC;IACzC,IAAI,CAAC,EAAE,QAAQ,GAAG;QAAC,KAAK,CAAC,EAAE,KAAK,CAAA;KAAC,CAAC;CACnC,CAAC;AAEF,oBAAY,eAAe,GAAG;IAC5B,OAAO,EAAE,WAAW,EAAE,CAAC;IACvB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB,CAAC;AAEF,oBAAY,sBAAsB,GAAG;IAAC,KAAK,EAAE,eAAe,CAAA;CAAC,CAAC"}

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

@@ -9,7 +9,7 @@ export const buttonPropTypes = {
   buttonLinkType: PropTypes.oneOf(['primary', 'secondary', 'tertiary', 'text', 'dangerous']),
   icon: PropTypes.shape({
     ...iconPropTypes,
-    theme: PropTypes.oneOf(['archive', 'publish', 'delete'])
+    theme: PropTypes.oneOf(['archived', 'published', 'deleted'])
   }),
   customStyle: PropTypes.objectOf(PropTypes.oneOfType([PropTypes.string, PropTypes.number]))
 };

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

@@ -1 +1 @@
-{"version":3,"file":"types.js","names":["PropTypes","iconPropTypes","buttonPropTypes","string","disabled","bool","label","isRequired","onClick","func","type","oneOf","buttonLinkType","icon","shape","theme","customStyle","objectOf","oneOfType","number","propTypes","buttons","arrayOf"],"sources":["../../../src/atom/button-menu/types.ts"],"sourcesContent":["import PropTypes from 'prop-types';\nimport {ButtonLinkProps, IconType, iconPropTypes} from '../button-link/types';\n\nexport const buttonPropTypes = {\n  'data-name': PropTypes.string,\n  disabled: PropTypes.bool,\n  label: PropTypes.string.isRequired,\n  onClick: PropTypes.func.isRequired,\n  type: PropTypes.oneOf(['default', 'defaultLeft', 'dangerous', 'dangerousLeft']),\n  buttonLinkType: PropTypes.oneOf(['primary', 'secondary', 'tertiary', 'text', 'dangerous']),\n  icon: PropTypes.shape({\n    ...iconPropTypes,\n    theme: PropTypes.oneOf(['archive', 'publish', 'delete'])\n  }),\n  customStyle: PropTypes.objectOf(PropTypes.oneOfType([PropTypes.string, PropTypes.number]))\n};\n\nconst propTypes = {\n  buttons: PropTypes.arrayOf(PropTypes.shape(buttonPropTypes)).isRequired,\n  'data-name': PropTypes.string,\n  'aria-label': PropTypes.string\n};\n\nexport default propTypes;\n\nexport type ButtonProps = {\n  'data-name'?: string;\n  disabled?: boolean;\n  label: string;\n  onClick: () => void;\n  type?: 'default' | 'defaultLeft' | 'dangerous' | 'dangerousLeft';\n  buttonLinkType?: ButtonLinkProps['type'];\n  icon?: IconType & {theme: 'archive' | 'publish' | 'delete'};\n  customStyle?: Record<string, string | number>;\n};\n\nexport type ButtonMenuProps = {\n  buttons: ButtonProps[];\n  'data-name'?: string;\n  'aria-label'?: string;\n};\n\nexport type ButtonMenuPropsFixture = {props: ButtonMenuProps};\n"],"mappings":"AAAA,OAAOA,SAAS,MAAM,YAAY;AAClC,SAAmCC,aAAa,QAAO,sBAAsB;AAE7E,OAAO,MAAMC,eAAe,GAAG;EAC7B,WAAW,EAAEF,SAAS,CAACG,MAAM;EAC7BC,QAAQ,EAAEJ,SAAS,CAACK,IAAI;EACxBC,KAAK,EAAEN,SAAS,CAACG,MAAM,CAACI,UAAU;EAClCC,OAAO,EAAER,SAAS,CAACS,IAAI,CAACF,UAAU;EAClCG,IAAI,EAAEV,SAAS,CAACW,KAAK,CAAC,CAAC,SAAS,EAAE,aAAa,EAAE,WAAW,EAAE,eAAe,CAAC,CAAC;EAC/EC,cAAc,EAAEZ,SAAS,CAACW,KAAK,CAAC,CAAC,SAAS,EAAE,WAAW,EAAE,UAAU,EAAE,MAAM,EAAE,WAAW,CAAC,CAAC;EAC1FE,IAAI,EAAEb,SAAS,CAACc,KAAK,CAAC;IACpB,GAAGb,aAAa;IAChBc,KAAK,EAAEf,SAAS,CAACW,KAAK,CAAC,CAAC,SAAS,EAAE,SAAS,EAAE,QAAQ,CAAC;EACzD,CAAC,CAAC;EACFK,WAAW,EAAEhB,SAAS,CAACiB,QAAQ,CAACjB,SAAS,CAACkB,SAAS,CAAC,CAAClB,SAAS,CAACG,MAAM,EAAEH,SAAS,CAACmB,MAAM,CAAC,CAAC;AAC3F,CAAC;AAED,MAAMC,SAAS,GAAG;EAChBC,OAAO,EAAErB,SAAS,CAACsB,OAAO,CAACtB,SAAS,CAACc,KAAK,CAACZ,eAAe,CAAC,CAAC,CAACK,UAAU;EACvE,WAAW,EAAEP,SAAS,CAACG,MAAM;EAC7B,YAAY,EAAEH,SAAS,CAACG;AAC1B,CAAC;AAED,eAAeiB,SAAS","ignoreList":[]}
+{"version":3,"file":"types.js","names":["PropTypes","iconPropTypes","buttonPropTypes","string","disabled","bool","label","isRequired","onClick","func","type","oneOf","buttonLinkType","icon","shape","theme","customStyle","objectOf","oneOfType","number","propTypes","buttons","arrayOf"],"sources":["../../../src/atom/button-menu/types.ts"],"sourcesContent":["import PropTypes from 'prop-types';\nimport {ButtonLinkProps, IconType, iconPropTypes} from '../button-link/types';\n\nexport const buttonPropTypes = {\n  'data-name': PropTypes.string,\n  disabled: PropTypes.bool,\n  label: PropTypes.string.isRequired,\n  onClick: PropTypes.func.isRequired,\n  type: PropTypes.oneOf(['default', 'defaultLeft', 'dangerous', 'dangerousLeft']),\n  buttonLinkType: PropTypes.oneOf(['primary', 'secondary', 'tertiary', 'text', 'dangerous']),\n  icon: PropTypes.shape({\n    ...iconPropTypes,\n    theme: PropTypes.oneOf(['archived', 'published', 'deleted'])\n  }),\n  customStyle: PropTypes.objectOf(PropTypes.oneOfType([PropTypes.string, PropTypes.number]))\n};\n\nconst propTypes = {\n  buttons: PropTypes.arrayOf(PropTypes.shape(buttonPropTypes)).isRequired,\n  'data-name': PropTypes.string,\n  'aria-label': PropTypes.string\n};\n\nexport default propTypes;\n\nexport type Theme = 'archived' | 'published' | 'deleted';\n\nexport type ButtonProps = Omit<ButtonLinkProps, 'type' | 'icon'> & {\n  type?: 'default' | 'defaultLeft' | 'dangerous' | 'dangerousLeft';\n  buttonLinkType?: ButtonLinkProps['type'];\n  icon?: IconType & {theme?: Theme};\n};\n\nexport type ButtonMenuProps = {\n  buttons: ButtonProps[];\n  'data-name'?: string;\n  'aria-label'?: string;\n};\n\nexport type ButtonMenuPropsFixture = {props: ButtonMenuProps};\n"],"mappings":"AAAA,OAAOA,SAAS,MAAM,YAAY;AAClC,SAAmCC,aAAa,QAAO,sBAAsB;AAE7E,OAAO,MAAMC,eAAe,GAAG;EAC7B,WAAW,EAAEF,SAAS,CAACG,MAAM;EAC7BC,QAAQ,EAAEJ,SAAS,CAACK,IAAI;EACxBC,KAAK,EAAEN,SAAS,CAACG,MAAM,CAACI,UAAU;EAClCC,OAAO,EAAER,SAAS,CAACS,IAAI,CAACF,UAAU;EAClCG,IAAI,EAAEV,SAAS,CAACW,KAAK,CAAC,CAAC,SAAS,EAAE,aAAa,EAAE,WAAW,EAAE,eAAe,CAAC,CAAC;EAC/EC,cAAc,EAAEZ,SAAS,CAACW,KAAK,CAAC,CAAC,SAAS,EAAE,WAAW,EAAE,UAAU,EAAE,MAAM,EAAE,WAAW,CAAC,CAAC;EAC1FE,IAAI,EAAEb,SAAS,CAACc,KAAK,CAAC;IACpB,GAAGb,aAAa;IAChBc,KAAK,EAAEf,SAAS,CAACW,KAAK,CAAC,CAAC,UAAU,EAAE,WAAW,EAAE,SAAS,CAAC;EAC7D,CAAC,CAAC;EACFK,WAAW,EAAEhB,SAAS,CAACiB,QAAQ,CAACjB,SAAS,CAACkB,SAAS,CAAC,CAAClB,SAAS,CAACG,MAAM,EAAEH,SAAS,CAACmB,MAAM,CAAC,CAAC;AAC3F,CAAC;AAED,MAAMC,SAAS,GAAG;EAChBC,OAAO,EAAErB,SAAS,CAACsB,OAAO,CAACtB,SAAS,CAACc,KAAK,CAACZ,eAAe,CAAC,CAAC,CAACK,UAAU;EACvE,WAAW,EAAEP,SAAS,CAACG,MAAM;EAC7B,YAAY,EAAEH,SAAS,CAACG;AAC1B,CAAC;AAED,eAAeiB,SAAS","ignoreList":[]}

package/es/atom/button-menu/utils.d.ts

@@ -0,0 +1,23 @@
+export declare const DEFAULT_ICON_STYLE: {
+    position: "left";
+    faIcon: {
+        size: number;
+        color: "#515161";
+        customStyle: {
+            padding: number;
+        };
+    };
+};
+export declare const THEMES: {
+    published: {
+        name: string;
+    };
+    archived: {
+        name: string;
+    };
+    deleted: {
+        name: string;
+        color: "#B81400";
+    };
+};
+//# sourceMappingURL=utils.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../src/atom/button-menu/utils.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,kBAAkB;;;;;;;;;CAO9B,CAAC;AAEF,eAAO,MAAM,MAAM;;;;;;;;;;;CAIlB,CAAC"}

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

@@ -0,0 +1,24 @@
+import { COLORS } from '../../variables/colors';
+export const DEFAULT_ICON_STYLE = {
+  position: 'left',
+  faIcon: {
+    size: 14,
+    color: COLORS.cm_grey_500,
+    customStyle: {
+      padding: 0
+    }
+  }
+};
+export const THEMES = {
+  published: {
+    name: 'cloud-arrow-up'
+  },
+  archived: {
+    name: 'folder-open'
+  },
+  deleted: {
+    name: 'trash',
+    color: COLORS.cm_negative_200
+  }
+};
+//# sourceMappingURL=utils.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","names":["COLORS","DEFAULT_ICON_STYLE","position","faIcon","size","color","cm_grey_500","customStyle","padding","THEMES","published","name","archived","deleted","cm_negative_200"],"sources":["../../../src/atom/button-menu/utils.ts"],"sourcesContent":["import {COLORS} from '../../variables/colors';\n\nexport const DEFAULT_ICON_STYLE = {\n  position: 'left' as const,\n  faIcon: {\n    size: 14,\n    color: COLORS.cm_grey_500,\n    customStyle: {padding: 0}\n  }\n};\n\nexport const THEMES = {\n  published: {name: 'cloud-arrow-up'},\n  archived: {name: 'folder-open'},\n  deleted: {name: 'trash', color: COLORS.cm_negative_200}\n};\n"],"mappings":"AAAA,SAAQA,MAAM,QAAO,wBAAwB;AAE7C,OAAO,MAAMC,kBAAkB,GAAG;EAChCC,QAAQ,EAAE,MAAe;EACzBC,MAAM,EAAE;IACNC,IAAI,EAAE,EAAE;IACRC,KAAK,EAAEL,MAAM,CAACM,WAAW;IACzBC,WAAW,EAAE;MAACC,OAAO,EAAE;IAAC;EAC1B;AACF,CAAC;AAED,OAAO,MAAMC,MAAM,GAAG;EACpBC,SAAS,EAAE;IAACC,IAAI,EAAE;EAAgB,CAAC;EACnCC,QAAQ,EAAE;IAACD,IAAI,EAAE;EAAa,CAAC;EAC/BE,OAAO,EAAE;IAACF,IAAI,EAAE,OAAO;IAAEN,KAAK,EAAEL,MAAM,CAACc;EAAe;AACxD,CAAC","ignoreList":[]}

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

@@ -48,6 +48,7 @@
 
 .popin {
   width: 400px;
+  box-sizing: border-box;
   flex-grow: 0;
   margin: 16px;
   padding: 24px;
@@ -111,7 +112,7 @@
   line-height: 24px;
   letter-spacing: normal;
   text-align: center;
-  color: cm_grey_600;
+  color: cm_grey_700;
 }
 
 .buttonContainer {

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

@@ -207,6 +207,7 @@ declare const propTypes: {
                 items: PropTypes.Requireable<(PropTypes.InferProps<{
                     title: PropTypes.Validator<string>;
                     subtitle: PropTypes.Requireable<string>;
+                    'data-name': PropTypes.Requireable<string>;
                     provider: PropTypes.Requireable<PropTypes.InferProps<{
                         label: PropTypes.Requireable<string>;
                         type: 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;AAElD,OAAO,EAAC,aAAa,EAAC,MAAM,iBAAiB,CAAC;AAE9C,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,GAAG,SAAS,CAAC,UAAU,CAAC,OAAO,aAAa,CAAC,CAAC;IAC1D,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;AAElD,OAAO,EAAC,aAAa,EAAC,MAAM,iBAAiB,CAAC;AAE9C,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,GAAG,SAAS,CAAC,UAAU,CAAC,OAAO,aAAa,CAAC,CAAC;IAC1D,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

@@ -62,6 +62,7 @@ declare namespace DraggableList {
         }> | PropTypes.InferProps<{
             title: PropTypes.Validator<string>;
             subtitle: PropTypes.Requireable<string>;
+            'data-name': PropTypes.Requireable<string>;
             provider: PropTypes.Requireable<PropTypes.InferProps<{
                 label: PropTypes.Requireable<string>;
                 type: PropTypes.Requireable<string>;

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

@@ -62,6 +62,7 @@ declare namespace BrandLearningPriorities {
             }> | PropTypes.InferProps<{
                 title: PropTypes.Validator<string>;
                 subtitle: PropTypes.Requireable<string>;
+                'data-name': PropTypes.Requireable<string>;
                 provider: PropTypes.Requireable<PropTypes.InferProps<{
                     label: PropTypes.Requireable<string>;
                     type: 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 }: {
+declare function ListItem({ buttonLink, secondButtonLink, bulletPointMenuButton, tags, title, provider, selected, selectedColor, subtitle, dataColumns, order, "aria-label": ariaLabel, disabled, contentType, isBulkStyle, isOverflowHidden, onClick, leftIcon, "data-name": dataName }: {
     buttonLink: any;
     secondButtonLink: any;
     bulletPointMenuButton: any;
@@ -18,6 +18,7 @@ declare function ListItem({ buttonLink, secondButtonLink, bulletPointMenuButton,
     isOverflowHidden?: boolean | undefined;
     onClick?: import("lodash/fp").LodashNoop | undefined;
     leftIcon: any;
+    "data-name": any;
 }, context: any): JSX.Element;
 declare namespace ListItem {
     namespace contextTypes {
@@ -47,6 +48,7 @@ declare namespace ListItem {
     const propTypes: {
         title: PropTypes.Validator<string>;
         subtitle: PropTypes.Requireable<string>;
+        'data-name': PropTypes.Requireable<string>;
         provider: PropTypes.Requireable<PropTypes.InferProps<{
             label: PropTypes.Requireable<string>;
             type: PropTypes.Requireable<string>;

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;;;;;;;;;;;;;;;;;;;8BA+HC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/organism/list-item/index.js"],"names":[],"mappings":";AAaA;;;;;;;;;;;;;;;;;;;;8BAoIC"}

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

@@ -1,3 +1,6 @@
+import _pipe from "lodash/fp/pipe";
+import _split from "lodash/fp/split";
+import _last from "lodash/fp/last";
 import _get from "lodash/fp/get";
 import _noop from "lodash/fp/noop";
 import _map from "lodash/fp/map";
@@ -32,7 +35,8 @@ const ListItem = ({
   isBulkStyle = false,
   isOverflowHidden = false,
   onClick = _noop,
-  leftIcon
+  leftIcon,
+  'data-name': dataName
 }, context) => {
   const {
     skin
@@ -68,11 +72,12 @@ const ListItem = ({
     className: style.order,
     "aria-label": ariaLabel
   }, order + 1) : null;
+  const extractedIndex = _pipe(_split('-'), _last)(dataName);
   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,
     style: selectedStyle,
-    "data-name": `modal-title-${title}`
+    "data-name": dataName
   }, /*#__PURE__*/React.createElement("div", {
     className: classnames(style.dataColumnsWrapper, isOverflowHidden && style.hiddenOverflowX)
   }, isPublished && contentType === 'certification' ? orderView : null, /*#__PURE__*/React.createElement("div", {
@@ -106,7 +111,9 @@ const ListItem = ({
       faSize: 16,
       wrapperSize: 16
     }
-  }) : null, buttonLink ? /*#__PURE__*/React.createElement(ButtonLink, buttonLink) : null, 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, _extends({}, bulletPointMenuButton, {
+    "data-name": `bullet-point-menu-button-${extractedIndex}`
+  })) : null));
 };
 ListItem.contextTypes = {
   skin: Provider.childContextTypes.skin,
@@ -115,6 +122,7 @@ ListItem.contextTypes = {
 ListItem.propTypes = process.env.NODE_ENV !== "production" ? {
   title: PropTypes.string.isRequired,
   subtitle: PropTypes.string,
+  'data-name': PropTypes.string,
   provider: PropTypes.shape({
     label: PropTypes.string,
     type: PropTypes.oneOf(['info', 'default', 'success', 'failure', 'warning', 'progress'])

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","_noop","leftIcon","context","skin","primarySelectedColor","_get","mapUncapped","_map","cap","isPublished","selectedStyle","backgroundColor","tagSelectedStyle","color","tagsView","tag","index","type","createElement","key","className","_extends","customStyle","dataColumnsView","dataColumn","label","orderView","undefined","wrapper","gridLayout","withSubtitle","cursorPointer","dataColumnsWrapper","hiddenOverflowX","leftSection","iconName","gradientBackground","iconColor","preset","borderRadius","titleWrapper","titleProviderWrapper","_isEmpty","providerTag","settings","white","size","faSize","wrapperSize","contextTypes","childContextTypes","translate","propTypes","process","env","NODE_ENV","string","isRequired","shape","oneOf","bool","arrayOf","dataName","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} 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      data-name={`modal-title-${title}`}\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            {!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\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.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};\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","style","ListItem","buttonLink","secondButtonLink","bulletPointMenuButton","tags","title","provider","selected","selectedColor","subtitle","dataColumns","order","ariaLabel","disabled","contentType","isBulkStyle","isOverflowHidden","onClick","_noop","leftIcon","dataName","context","skin","primarySelectedColor","_get","mapUncapped","_map","cap","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","dataColumnsWrapper","hiddenOverflowX","leftSection","iconName","gradientBackground","iconColor","preset","borderRadius","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 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    '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  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      )}\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          {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            {!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};\n\nexport default ListItem;\n"],"mappings":"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","ignoreList":[]}

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

@@ -70,6 +70,7 @@ declare namespace ListItems {
             items: PropTypes.Requireable<(PropTypes.InferProps<{
                 title: PropTypes.Validator<string>;
                 subtitle: PropTypes.Requireable<string>;
+                'data-name': PropTypes.Requireable<string>;
                 provider: PropTypes.Requireable<PropTypes.InferProps<{
                     label: PropTypes.Requireable<string>;
                     type: PropTypes.Requireable<string>;

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/organism/list-items/index.js"],"names":[],"mappings":";AA4EA;;;;;;;;gBA0CC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/organism/list-items/index.js"],"names":[],"mappings":";AAiFA;;;;;;;;gBA0CC"}

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

@@ -33,7 +33,8 @@ const buildListItemsView = (content, ariaLabel, selectMultiple) => {
     "data-name": `content-${index}`
   }, /*#__PURE__*/React.createElement(ListItem, _extends({}, item, {
     order: null,
-    contentType: itemType
+    contentType: itemType,
+    "data-name": `list-item-${index}`
   }))));
   const tableHeaderView = !isNil(tableHeader) && !isEmpty(tableHeader) ? /*#__PURE__*/React.createElement("div", {
     className: style.tableHeaderWrapper