@coorpacademy/components 11.32.26 → 11.32.27

package/es/atom/{button-link-icon-only → button-link-icon}/index.d.ts

@@ -1,11 +1,12 @@
-export default ButtonLinkIconOnly;
-declare function ButtonLinkIconOnly(props: any): JSX.Element;
-declare namespace ButtonLinkIconOnly {
+export default ButtonLinkIcon;
+declare function ButtonLinkIcon(props: any): JSX.Element;
+declare namespace ButtonLinkIcon {
     const propTypes: {
         size: PropTypes.Requireable<string>;
         'aria-label': PropTypes.Requireable<string>;
         'data-name': PropTypes.Requireable<string>;
         icon: PropTypes.Requireable<string>;
+        faIcon: PropTypes.Requireable<string>;
         onClick: PropTypes.Requireable<(...args: any[]) => any>;
         link: PropTypes.Requireable<PropTypes.InferProps<{
             href: PropTypes.Requireable<string>;
@@ -14,6 +15,7 @@ declare namespace ButtonLinkIconOnly {
         }>>;
         disabled: PropTypes.Requireable<boolean>;
         className: PropTypes.Requireable<string>;
+        tooltipPlacement: PropTypes.Requireable<string>;
     };
 }
 import PropTypes from "prop-types";

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atom/button-link-icon/index.js"],"names":[],"mappings":";AAoCA,yDAoHC"}

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

@@ -0,0 +1,131 @@
+import _keys from "lodash/fp/keys";
+import _getOr from "lodash/fp/getOr";
+
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
+import React, { useMemo, useState, useCallback, useRef } from 'react';
+import PropTypes from 'prop-types';
+import classnames from 'classnames';
+import { ICONS } from '../../util/button-icons';
+import FaIcon from '../icon';
+import Link from '../link';
+import ToolTip from '../tooltip'; // eslint-disable-next-line css-modules/no-unused-class
+
+import style from './style.css';
+
+const getButtonContent = (icon, faIcon) => {
+  const Icon = _getOr(null, icon, ICONS);
+
+  if (!Icon && !faIcon) {
+    return /*#__PURE__*/React.createElement("div", {
+      className: style.buttonContent
+    });
+  }
+
+  return /*#__PURE__*/React.createElement("div", {
+    className: style.buttonContent
+  }, faIcon ? /*#__PURE__*/React.createElement(FaIcon, {
+    iconName: faIcon
+  }) : /*#__PURE__*/React.createElement(Icon, {
+    className: style.icon
+  }));
+};
+
+const getSizeStyle = size => {
+  switch (size) {
+    case 'small':
+      return style.small;
+
+    case 'responsive':
+      return style.responsive;
+
+    default:
+      return style.default;
+  }
+};
+
+const ButtonLinkIcon = props => {
+  const {
+    size = 'default',
+    disabled,
+    icon,
+    faIcon,
+    'data-name': dataName,
+    'aria-label': ariaLabel,
+    link,
+    onClick,
+    className,
+    tooltipPlacement = 'left'
+  } = props;
+  const [toolTipIsVisible, setToolTipIsVisible] = useState(false);
+  const timer = useRef();
+  const contentView = getButtonContent(icon, faIcon);
+  const styleButton = classnames(getSizeStyle(size), link && style.link, disabled && style.disabled, className);
+  const handleOnClick = useMemo(() => () => onClick(), [onClick]);
+  const handleMouseOver = useCallback(() => {
+    timer.current && clearTimeout(timer.current);
+    timer.current = setTimeout(() => {
+      setToolTipIsVisible(true);
+      timer.current = undefined;
+    }, 300);
+  }, [timer, setToolTipIsVisible]);
+  const handleMouseLeave = useCallback(() => {
+    timer.current && clearTimeout(timer.current);
+    setToolTipIsVisible(false);
+  }, [timer, setToolTipIsVisible]);
+  const TooltipContent = useCallback(() => /*#__PURE__*/React.createElement("span", {
+    className: style.tooltipContentWrapper
+  }, ariaLabel), [ariaLabel]);
+  const Button = useCallback(() => link ? /*#__PURE__*/React.createElement(Link, _extends({}, link, ariaLabel ? {
+    'data-for': 'button-icon',
+    'data-tip': toolTipIsVisible
+  } : {}, {
+    className: styleButton,
+    "data-name": dataName,
+    "aria-label": ariaLabel,
+    title: ariaLabel,
+    onMouseLeave: handleMouseLeave,
+    onMouseOver: handleMouseOver
+  }), contentView) : /*#__PURE__*/React.createElement("button", _extends({}, ariaLabel ? {
+    'data-for': 'button-icon',
+    'data-tip': toolTipIsVisible
+  } : {}, {
+    type: "button",
+    "aria-label": ariaLabel,
+    "data-name": dataName,
+    "data-testid": `button-${dataName}-${className}`,
+    title: ariaLabel,
+    className: styleButton,
+    onClick: handleOnClick,
+    onMouseLeave: handleMouseLeave,
+    onMouseOver: handleMouseOver,
+    disabled: disabled
+  }), 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",
+    toolTipIsVisible: toolTipIsVisible,
+    placement: tooltipPlacement,
+    TooltipContent: TooltipContent,
+    closeToolTipInformationTextAriaLabel: ariaLabel
+  }) : null);
+};
+
+ButtonLinkIcon.propTypes = process.env.NODE_ENV !== "production" ? {
+  size: PropTypes.oneOf(['default', 'small', 'responsive']),
+  'aria-label': PropTypes.string,
+  'data-name': PropTypes.string,
+  icon: PropTypes.oneOf(_keys(ICONS)),
+  faIcon: PropTypes.string,
+  onClick: PropTypes.func,
+  link: PropTypes.shape({
+    href: PropTypes.string,
+    download: PropTypes.bool,
+    target: PropTypes.oneOf(['_self', '_blank', '_parent', '_top'])
+  }),
+  disabled: PropTypes.bool,
+  className: PropTypes.string,
+  tooltipPlacement: PropTypes.oneOf(['left', 'right', 'top', 'bottom'])
+} : {};
+export default ButtonLinkIcon;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["React","useMemo","useState","useCallback","useRef","PropTypes","classnames","ICONS","FaIcon","Link","ToolTip","style","getButtonContent","icon","faIcon","Icon","buttonContent","getSizeStyle","size","small","responsive","default","ButtonLinkIcon","props","disabled","dataName","ariaLabel","link","onClick","className","tooltipPlacement","toolTipIsVisible","setToolTipIsVisible","timer","contentView","styleButton","handleOnClick","handleMouseOver","current","clearTimeout","setTimeout","undefined","handleMouseLeave","TooltipContent","tooltipContentWrapper","Button","propTypes","oneOf","string","func","shape","href","download","bool","target"],"sources":["../../../src/atom/button-link-icon/index.js"],"sourcesContent":["import React, {useMemo, 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.default;\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 = useMemo(() => () => 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          title={ariaLabel}\n          onMouseLeave={handleMouseLeave}\n          onMouseOver={handleMouseOver}\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          title={ariaLabel}\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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"}

package/es/atom/{button-link-icon-only → button-link-icon}/style.css

@@ -68,6 +68,15 @@
   border-radius: 5px;
 }
 
+.tooltipContentWrapper {
+  text-align: left;
+  width: max-content;
+  font-family: Gilroy;
+  font-size: 12px;
+  font-weight: 500;
+  line-height: 16px;
+}
+
 @media tablet {
   .responsive {
     composes: button;

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

@@ -1,6 +1,6 @@
 export function toggleStateOnKeyPress(state: any, setState: any, ref: any): (event: any) => void;
 export default ToolTip;
-declare function ToolTip({ anchorId, TooltipContent, "aria-label": ariaLabel, "data-testid": dataTestId, closeToolTipInformationTextAriaLabel, toolTipIsVisible: _toolTipIsVisible, iconContainerClassName, delayHide, fontSize, iconSize, AnchorElement, tooltipClassName }: {
+declare function ToolTip({ anchorId, TooltipContent, "aria-label": ariaLabel, "data-testid": dataTestId, closeToolTipInformationTextAriaLabel, toolTipIsVisible: _toolTipIsVisible, iconContainerClassName, delayHide, fontSize, iconSize, AnchorElement, tooltipClassName, placement }: {
     anchorId: any;
     TooltipContent: any;
     "aria-label": any;
@@ -13,6 +13,7 @@ declare function ToolTip({ anchorId, TooltipContent, "aria-label": ariaLabel, "d
     iconSize?: string | undefined;
     AnchorElement: any;
     tooltipClassName: any;
+    placement?: string | undefined;
 }): JSX.Element;
 declare namespace ToolTip {
     const propTypes: {
@@ -28,6 +29,7 @@ declare namespace ToolTip {
         iconSize: PropTypes.Requireable<string>;
         anchorId: PropTypes.Requireable<string>;
         toolTipIsVisible: PropTypes.Requireable<boolean>;
+        placement: PropTypes.Requireable<string>;
     };
 }
 import PropTypes from "prop-types";

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atom/tooltip/index.js"],"names":[],"mappings":"AA4EO,iGAUN;;AAED;;;;;;;;;;;;;gBAwGC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/atom/tooltip/index.js"],"names":[],"mappings":"AA6EO,iGAUN;;AAED;;;;;;;;;;;;;;gBA0GC"}

package/es/atom/tooltip/index.js

@@ -25,7 +25,8 @@ const ToolTipWrapper = ({
   handleContentMouseOver,
   iconSize,
   tooltipClassName,
-  usesAnchorElement
+  usesAnchorElement,
+  placement
 }) => {
   const coorpToolTipClasses = classnames(style.toolTip, tooltipClassName, // eslint-disable-next-line no-nested-ternary
   usesAnchorElement ? null : iconSize === 'big' ? style.bigIconToolTip : style.smallIconToolTip);
@@ -36,7 +37,7 @@ const ToolTipWrapper = ({
       id: anchorId,
       className: style.toolTipReact,
       "data-event-off": "click",
-      place: "left",
+      place: placement,
       effect: "solid",
       "aria-label": closeToolTipInformationTextAriaLabel
     }, content);
@@ -83,7 +84,8 @@ const ToolTip = ({
   fontSize = 14,
   iconSize = 'small',
   AnchorElement,
-  tooltipClassName
+  tooltipClassName,
+  placement = 'left'
 }) => {
   const isComponent = useMemo(() => !isString(TooltipContent) && /*#__PURE__*/isValidElement(TooltipContent()), [TooltipContent]);
   const [toolTipIsVisible, setToolTipIsVisible] = useState(false);
@@ -129,7 +131,8 @@ const ToolTip = ({
     content: content,
     onMouseLeave: handleMouseLeave,
     onMouseOver: handleMouseOver,
-    fontSize: fontSize
+    fontSize: fontSize,
+    placement: placement
   }) : /*#__PURE__*/React.createElement("div", {
     className: style.tooltipContainer,
     onMouseLeave: handleMouseLeave,
@@ -166,7 +169,8 @@ ToolTip.propTypes = process.env.NODE_ENV !== "production" ? {
   // parents overflow hidden controls
   // data-for={anchorId} && data-tooltip-place="left" are needed on the anchored component
   anchorId: PropTypes.string,
-  toolTipIsVisible: PropTypes.bool
+  toolTipIsVisible: PropTypes.bool,
+  placement: PropTypes.oneOf(['left', 'right', 'top', 'bottom'])
 } : {};
 export default ToolTip;
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","isValidElement","useState","useCallback","useMemo","classnames","PropTypes","ReactTooltip","isString","has","isNil","keys","NovaCompositionCoorpacademyInformationIcon","InformationIcon","style","FontSizes","tooltipContentFontSize12","tooltipContentFontSize14","IconSizes","small","big","ToolTipWrapper","toolTipIsVisible","anchorId","closeToolTipInformationTextAriaLabel","content","handleContentMouseOver","iconSize","tooltipClassName","usesAnchorElement","coorpToolTipClasses","toolTip","bigIconToolTip","smallIconToolTip","toolTipReact","propTypes","bool","string","isRequired","node","func","oneOf","toggleStateOnKeyPress","state","setState","ref","event","key","current","focus","stopPropagation","preventDefault","ToolTip","TooltipContent","ariaLabel","dataTestId","_toolTipIsVisible","iconContainerClassName","delayHide","fontSize","AnchorElement","isComponent","setToolTipIsVisible","mouseLeaveTimer","setMouseLeaveTimer","undefined","handleKeyPress","clearTimeout","handleMouseOver","handleMouseLeave","setTimeout","tooltipContent","anchorElement","tooltipIconContainer","informationIcon","tooltipContainer","oneOfType","number"],"sources":["../../../src/atom/tooltip/index.js"],"sourcesContent":["import React, {isValidElement, useState, useCallback, useMemo} from 'react';\nimport classnames from 'classnames';\nimport PropTypes from 'prop-types';\nimport ReactTooltip from 'react-tooltip';\nimport isString from 'lodash/fp/isString';\nimport has from 'lodash/fp/has';\nimport isNil from 'lodash/fp/isNil';\nimport keys from 'lodash/fp/keys';\nimport {NovaCompositionCoorpacademyInformationIcon as InformationIcon} from '@coorpacademy/nova-icons';\nimport style from './style.css';\n\nconst FontSizes = {\n  12: style.tooltipContentFontSize12,\n  14: style.tooltipContentFontSize14\n};\n\nconst IconSizes = {\n  small: 12,\n  big: 20\n};\n\nconst ToolTipWrapper = ({\n  toolTipIsVisible,\n  anchorId,\n  closeToolTipInformationTextAriaLabel,\n  content,\n  handleContentMouseOver,\n  iconSize,\n  tooltipClassName,\n  usesAnchorElement\n}) => {\n  const coorpToolTipClasses = classnames(\n    style.toolTip,\n    tooltipClassName,\n    // eslint-disable-next-line no-nested-ternary\n    usesAnchorElement ? null : iconSize === 'big' ? style.bigIconToolTip : style.smallIconToolTip\n  );\n  if (!toolTipIsVisible) return null;\n  if (anchorId) {\n    return (\n      <ReactTooltip\n        id={anchorId}\n        className={style.toolTipReact}\n        data-event-off=\"click\"\n        place=\"left\"\n        effect=\"solid\"\n        aria-label={closeToolTipInformationTextAriaLabel}\n      >\n        {content}\n      </ReactTooltip>\n    );\n  } else {\n    return (\n      <div\n        className={coorpToolTipClasses}\n        data-testid=\"tooltip\"\n        aria-label={closeToolTipInformationTextAriaLabel}\n        onMouseOver={handleContentMouseOver}\n      >\n        {content}\n      </div>\n    );\n  }\n};\n\nToolTipWrapper.propTypes = {\n  toolTipIsVisible: PropTypes.bool,\n  anchorId: PropTypes.string,\n  closeToolTipInformationTextAriaLabel: PropTypes.string.isRequired,\n  content: PropTypes.node,\n  handleContentMouseOver: PropTypes.func,\n  iconSize: PropTypes.oneOf(keys(IconSizes)),\n  tooltipClassName: PropTypes.string,\n  usesAnchorElement: PropTypes.bool\n};\n\nexport const toggleStateOnKeyPress = (state, setState, ref) => event => {\n  if (!has('key', event)) return;\n  else if (event.key === 'Enter') {\n    if (ref) ref.current.focus();\n    event.stopPropagation();\n    event.preventDefault();\n    setState(!state);\n  } else if (event.key === 'Tab' || event.key === 'Escape') {\n    setState(false);\n  }\n};\n\nconst ToolTip = ({\n  anchorId,\n  TooltipContent,\n  'aria-label': ariaLabel,\n  'data-testid': dataTestId,\n  closeToolTipInformationTextAriaLabel,\n  toolTipIsVisible: _toolTipIsVisible,\n  iconContainerClassName,\n  delayHide = 250,\n  fontSize = 14,\n  iconSize = 'small',\n  AnchorElement,\n  tooltipClassName\n}) => {\n  const isComponent = useMemo(\n    () => !isString(TooltipContent) && isValidElement(TooltipContent()),\n    [TooltipContent]\n  );\n\n  const [toolTipIsVisible, setToolTipIsVisible] = useState(false);\n\n  const [mouseLeaveTimer, setMouseLeaveTimer] = useState(undefined);\n\n  const handleKeyPress = useCallback(\n    event => {\n      toggleStateOnKeyPress(toolTipIsVisible, setToolTipIsVisible)(event);\n    },\n    [toolTipIsVisible]\n  );\n\n  const handleContentMouseOver = useCallback(() => {\n    mouseLeaveTimer && /* istanbul ignore next */ clearTimeout(mouseLeaveTimer);\n  }, [mouseLeaveTimer]);\n\n  const handleMouseOver = useCallback(() => {\n    mouseLeaveTimer && clearTimeout(mouseLeaveTimer);\n    setToolTipIsVisible(true);\n  }, [mouseLeaveTimer]);\n\n  const handleMouseLeave = useCallback(() => {\n    setMouseLeaveTimer(setTimeout(() => setToolTipIsVisible(false), delayHide));\n  }, [delayHide]);\n\n  const content = useMemo(() => {\n    return isComponent ? (\n      <TooltipContent />\n    ) : (\n      <p className={classnames([style.tooltipContent, FontSizes[fontSize]])}>{TooltipContent}</p>\n    );\n  }, [TooltipContent, fontSize, isComponent]);\n\n  const anchorElement = useMemo(\n    () =>\n      AnchorElement ? (\n        <AnchorElement onKeyDown={handleKeyPress} />\n      ) : (\n        <button\n          type=\"button\"\n          className={classnames([style.tooltipIconContainer, iconContainerClassName])}\n          data-testid={dataTestId}\n          onKeyDown={handleKeyPress}\n          tabIndex={0}\n        >\n          <InformationIcon\n            className={style.informationIcon}\n            width={IconSizes[iconSize]}\n            height={IconSizes[iconSize]}\n            aria-label={ariaLabel}\n          />\n        </button>\n      ),\n    [AnchorElement, ariaLabel, dataTestId, handleKeyPress, iconContainerClassName, iconSize]\n  );\n\n  return anchorId ? (\n    <ToolTipWrapper\n      toolTipIsVisible={_toolTipIsVisible}\n      anchorId={anchorId}\n      closeToolTipInformationTextAriaLabel={closeToolTipInformationTextAriaLabel}\n      content={content}\n      onMouseLeave={handleMouseLeave}\n      onMouseOver={handleMouseOver}\n      fontSize={fontSize}\n    />\n  ) : (\n    <div\n      className={style.tooltipContainer}\n      onMouseLeave={handleMouseLeave}\n      onMouseOver={handleMouseOver}\n    >\n      {anchorElement}\n      <ToolTipWrapper\n        toolTipIsVisible={toolTipIsVisible}\n        anchorId={anchorId}\n        closeToolTipInformationTextAriaLabel={closeToolTipInformationTextAriaLabel}\n        content={content}\n        handleContentMouseOver={handleContentMouseOver}\n        fontSize={fontSize}\n        iconSize={iconSize}\n        tooltipClassName={tooltipClassName}\n        usesAnchorElement={!isNil(AnchorElement)}\n      />\n    </div>\n  );\n};\n\nToolTip.propTypes = {\n  TooltipContent: PropTypes.oneOfType([PropTypes.func, PropTypes.node, PropTypes.string]),\n  'data-testid': PropTypes.string,\n  'aria-label': PropTypes.string,\n  closeToolTipInformationTextAriaLabel: PropTypes.string.isRequired,\n  // ---------- Regular Tooltip exclusive --------------\n  // If using an Anchor element w/ the regular Tooltip\n  AnchorElement: PropTypes.func,\n  tooltipClassName: PropTypes.string,\n  //\n  iconContainerClassName: PropTypes.string,\n  delayHide: PropTypes.number,\n  fontSize: PropTypes.oneOf([12, 14]),\n  iconSize: PropTypes.oneOf(keys(IconSizes)),\n  // ----------  React Tooltip exclusive  --------------\n  // externalHandling: if passed down, React Tooltip is used instead, due to limitations on\n  // parents overflow hidden controls\n  // data-for={anchorId} && data-tooltip-place=\"left\" are needed on the anchored component\n  anchorId: PropTypes.string,\n  toolTipIsVisible: PropTypes.bool\n};\n\nexport default ToolTip;\n"],"mappings":"AAAA,OAAOA,KAAP,IAAeC,cAAf,EAA+BC,QAA/B,EAAyCC,WAAzC,EAAsDC,OAAtD,QAAoE,OAApE;AACA,OAAOC,UAAP,MAAuB,YAAvB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,OAAOC,YAAP,MAAyB,eAAzB;AACA,OAAOC,QAAP,MAAqB,oBAArB;AACA,OAAOC,GAAP,MAAgB,eAAhB;AACA,OAAOC,KAAP,MAAkB,iBAAlB;AACA,OAAOC,IAAP,MAAiB,gBAAjB;AACA,SAAQC,0CAA0C,IAAIC,eAAtD,QAA4E,0BAA5E;AACA,OAAOC,KAAP,MAAkB,aAAlB;AAEA,MAAMC,SAAS,GAAG;EAChB,IAAID,KAAK,CAACE,wBADM;EAEhB,IAAIF,KAAK,CAACG;AAFM,CAAlB;AAKA,MAAMC,SAAS,GAAG;EAChBC,KAAK,EAAE,EADS;EAEhBC,GAAG,EAAE;AAFW,CAAlB;;AAKA,MAAMC,cAAc,GAAG,CAAC;EACtBC,gBADsB;EAEtBC,QAFsB;EAGtBC,oCAHsB;EAItBC,OAJsB;EAKtBC,sBALsB;EAMtBC,QANsB;EAOtBC,gBAPsB;EAQtBC;AARsB,CAAD,KASjB;EACJ,MAAMC,mBAAmB,GAAGzB,UAAU,CACpCS,KAAK,CAACiB,OAD8B,EAEpCH,gBAFoC,EAGpC;EACAC,iBAAiB,GAAG,IAAH,GAAUF,QAAQ,KAAK,KAAb,GAAqBb,KAAK,CAACkB,cAA3B,GAA4ClB,KAAK,CAACmB,gBAJzC,CAAtC;EAMA,IAAI,CAACX,gBAAL,EAAuB,OAAO,IAAP;;EACvB,IAAIC,QAAJ,EAAc;IACZ,oBACE,oBAAC,YAAD;MACE,EAAE,EAAEA,QADN;MAEE,SAAS,EAAET,KAAK,CAACoB,YAFnB;MAGE,kBAAe,OAHjB;MAIE,KAAK,EAAC,MAJR;MAKE,MAAM,EAAC,OALT;MAME,cAAYV;IANd,GAQGC,OARH,CADF;EAYD,CAbD,MAaO;IACL,oBACE;MACE,SAAS,EAAEK,mBADb;MAEE,eAAY,SAFd;MAGE,cAAYN,oCAHd;MAIE,WAAW,EAAEE;IAJf,GAMGD,OANH,CADF;EAUD;AACF,CA1CD;;AA4CAJ,cAAc,CAACc,SAAf,2CAA2B;EACzBb,gBAAgB,EAAEhB,SAAS,CAAC8B,IADH;EAEzBb,QAAQ,EAAEjB,SAAS,CAAC+B,MAFK;EAGzBb,oCAAoC,EAAElB,SAAS,CAAC+B,MAAV,CAAiBC,UAH9B;EAIzBb,OAAO,EAAEnB,SAAS,CAACiC,IAJM;EAKzBb,sBAAsB,EAAEpB,SAAS,CAACkC,IALT;EAMzBb,QAAQ,EAAErB,SAAS,CAACmC,KAAV,CAAgB9B,IAAI,CAACO,SAAD,CAApB,CANe;EAOzBU,gBAAgB,EAAEtB,SAAS,CAAC+B,MAPH;EAQzBR,iBAAiB,EAAEvB,SAAS,CAAC8B;AARJ,CAA3B;AAWA,OAAO,MAAMM,qBAAqB,GAAG,CAACC,KAAD,EAAQC,QAAR,EAAkBC,GAAlB,KAA0BC,KAAK,IAAI;EACtE,IAAI,CAACrC,GAAG,CAAC,KAAD,EAAQqC,KAAR,CAAR,EAAwB,OAAxB,KACK,IAAIA,KAAK,CAACC,GAAN,KAAc,OAAlB,EAA2B;IAC9B,IAAIF,GAAJ,EAASA,GAAG,CAACG,OAAJ,CAAYC,KAAZ;IACTH,KAAK,CAACI,eAAN;IACAJ,KAAK,CAACK,cAAN;IACAP,QAAQ,CAAC,CAACD,KAAF,CAAR;EACD,CALI,MAKE,IAAIG,KAAK,CAACC,GAAN,KAAc,KAAd,IAAuBD,KAAK,CAACC,GAAN,KAAc,QAAzC,EAAmD;IACxDH,QAAQ,CAAC,KAAD,CAAR;EACD;AACF,CAVM;;AAYP,MAAMQ,OAAO,GAAG,CAAC;EACf7B,QADe;EAEf8B,cAFe;EAGf,cAAcC,SAHC;EAIf,eAAeC,UAJA;EAKf/B,oCALe;EAMfF,gBAAgB,EAAEkC,iBANH;EAOfC,sBAPe;EAQfC,SAAS,GAAG,GARG;EASfC,QAAQ,GAAG,EATI;EAUfhC,QAAQ,GAAG,OAVI;EAWfiC,aAXe;EAYfhC;AAZe,CAAD,KAaV;EACJ,MAAMiC,WAAW,GAAGzD,OAAO,CACzB,MAAM,CAACI,QAAQ,CAAC6C,cAAD,CAAT,iBAA6BpD,cAAc,CAACoD,cAAc,EAAf,CADxB,EAEzB,CAACA,cAAD,CAFyB,CAA3B;EAKA,MAAM,CAAC/B,gBAAD,EAAmBwC,mBAAnB,IAA0C5D,QAAQ,CAAC,KAAD,CAAxD;EAEA,MAAM,CAAC6D,eAAD,EAAkBC,kBAAlB,IAAwC9D,QAAQ,CAAC+D,SAAD,CAAtD;EAEA,MAAMC,cAAc,GAAG/D,WAAW,CAChC2C,KAAK,IAAI;IACPJ,qBAAqB,CAACpB,gBAAD,EAAmBwC,mBAAnB,CAArB,CAA6DhB,KAA7D;EACD,CAH+B,EAIhC,CAACxB,gBAAD,CAJgC,CAAlC;EAOA,MAAMI,sBAAsB,GAAGvB,WAAW,CAAC,MAAM;IAC/C4D,eAAe;IAAI;IAA2BI,YAAY,CAACJ,eAAD,CAA1D;EACD,CAFyC,EAEvC,CAACA,eAAD,CAFuC,CAA1C;EAIA,MAAMK,eAAe,GAAGjE,WAAW,CAAC,MAAM;IACxC4D,eAAe,IAAII,YAAY,CAACJ,eAAD,CAA/B;IACAD,mBAAmB,CAAC,IAAD,CAAnB;EACD,CAHkC,EAGhC,CAACC,eAAD,CAHgC,CAAnC;EAKA,MAAMM,gBAAgB,GAAGlE,WAAW,CAAC,MAAM;IACzC6D,kBAAkB,CAACM,UAAU,CAAC,MAAMR,mBAAmB,CAAC,KAAD,CAA1B,EAAmCJ,SAAnC,CAAX,CAAlB;EACD,CAFmC,EAEjC,CAACA,SAAD,CAFiC,CAApC;EAIA,MAAMjC,OAAO,GAAGrB,OAAO,CAAC,MAAM;IAC5B,OAAOyD,WAAW,gBAChB,oBAAC,cAAD,OADgB,gBAGhB;MAAG,SAAS,EAAExD,UAAU,CAAC,CAACS,KAAK,CAACyD,cAAP,EAAuBxD,SAAS,CAAC4C,QAAD,CAAhC,CAAD;IAAxB,GAAwEN,cAAxE,CAHF;EAKD,CANsB,EAMpB,CAACA,cAAD,EAAiBM,QAAjB,EAA2BE,WAA3B,CANoB,CAAvB;EAQA,MAAMW,aAAa,GAAGpE,OAAO,CAC3B,MACEwD,aAAa,gBACX,oBAAC,aAAD;IAAe,SAAS,EAAEM;EAA1B,EADW,gBAGX;IACE,IAAI,EAAC,QADP;IAEE,SAAS,EAAE7D,UAAU,CAAC,CAACS,KAAK,CAAC2D,oBAAP,EAA6BhB,sBAA7B,CAAD,CAFvB;IAGE,eAAaF,UAHf;IAIE,SAAS,EAAEW,cAJb;IAKE,QAAQ,EAAE;EALZ,gBAOE,oBAAC,eAAD;IACE,SAAS,EAAEpD,KAAK,CAAC4D,eADnB;IAEE,KAAK,EAAExD,SAAS,CAACS,QAAD,CAFlB;IAGE,MAAM,EAAET,SAAS,CAACS,QAAD,CAHnB;IAIE,cAAY2B;EAJd,EAPF,CALuB,EAoB3B,CAACM,aAAD,EAAgBN,SAAhB,EAA2BC,UAA3B,EAAuCW,cAAvC,EAAuDT,sBAAvD,EAA+E9B,QAA/E,CApB2B,CAA7B;EAuBA,OAAOJ,QAAQ,gBACb,oBAAC,cAAD;IACE,gBAAgB,EAAEiC,iBADpB;IAEE,QAAQ,EAAEjC,QAFZ;IAGE,oCAAoC,EAAEC,oCAHxC;IAIE,OAAO,EAAEC,OAJX;IAKE,YAAY,EAAE4C,gBALhB;IAME,WAAW,EAAED,eANf;IAOE,QAAQ,EAAET;EAPZ,EADa,gBAWb;IACE,SAAS,EAAE7C,KAAK,CAAC6D,gBADnB;IAEE,YAAY,EAAEN,gBAFhB;IAGE,WAAW,EAAED;EAHf,GAKGI,aALH,eAME,oBAAC,cAAD;IACE,gBAAgB,EAAElD,gBADpB;IAEE,QAAQ,EAAEC,QAFZ;IAGE,oCAAoC,EAAEC,oCAHxC;IAIE,OAAO,EAAEC,OAJX;IAKE,sBAAsB,EAAEC,sBAL1B;IAME,QAAQ,EAAEiC,QANZ;IAOE,QAAQ,EAAEhC,QAPZ;IAQE,gBAAgB,EAAEC,gBARpB;IASE,iBAAiB,EAAE,CAAClB,KAAK,CAACkD,aAAD;EAT3B,EANF,CAXF;AA8BD,CAxGD;;AA0GAR,OAAO,CAACjB,SAAR,2CAAoB;EAClBkB,cAAc,EAAE/C,SAAS,CAACsE,SAAV,CAAoB,CAACtE,SAAS,CAACkC,IAAX,EAAiBlC,SAAS,CAACiC,IAA3B,EAAiCjC,SAAS,CAAC+B,MAA3C,CAApB,CADE;EAElB,eAAe/B,SAAS,CAAC+B,MAFP;EAGlB,cAAc/B,SAAS,CAAC+B,MAHN;EAIlBb,oCAAoC,EAAElB,SAAS,CAAC+B,MAAV,CAAiBC,UAJrC;EAKlB;EACA;EACAsB,aAAa,EAAEtD,SAAS,CAACkC,IAPP;EAQlBZ,gBAAgB,EAAEtB,SAAS,CAAC+B,MARV;EASlB;EACAoB,sBAAsB,EAAEnD,SAAS,CAAC+B,MAVhB;EAWlBqB,SAAS,EAAEpD,SAAS,CAACuE,MAXH;EAYlBlB,QAAQ,EAAErD,SAAS,CAACmC,KAAV,CAAgB,CAAC,EAAD,EAAK,EAAL,CAAhB,CAZQ;EAalBd,QAAQ,EAAErB,SAAS,CAACmC,KAAV,CAAgB9B,IAAI,CAACO,SAAD,CAApB,CAbQ;EAclB;EACA;EACA;EACA;EACAK,QAAQ,EAAEjB,SAAS,CAAC+B,MAlBF;EAmBlBf,gBAAgB,EAAEhB,SAAS,CAAC8B;AAnBV,CAApB;AAsBA,eAAegB,OAAf"}
+{"version":3,"file":"index.js","names":["React","isValidElement","useState","useCallback","useMemo","classnames","PropTypes","ReactTooltip","isString","has","isNil","keys","NovaCompositionCoorpacademyInformationIcon","InformationIcon","style","FontSizes","tooltipContentFontSize12","tooltipContentFontSize14","IconSizes","small","big","ToolTipWrapper","toolTipIsVisible","anchorId","closeToolTipInformationTextAriaLabel","content","handleContentMouseOver","iconSize","tooltipClassName","usesAnchorElement","placement","coorpToolTipClasses","toolTip","bigIconToolTip","smallIconToolTip","toolTipReact","propTypes","bool","string","isRequired","node","func","oneOf","toggleStateOnKeyPress","state","setState","ref","event","key","current","focus","stopPropagation","preventDefault","ToolTip","TooltipContent","ariaLabel","dataTestId","_toolTipIsVisible","iconContainerClassName","delayHide","fontSize","AnchorElement","isComponent","setToolTipIsVisible","mouseLeaveTimer","setMouseLeaveTimer","undefined","handleKeyPress","clearTimeout","handleMouseOver","handleMouseLeave","setTimeout","tooltipContent","anchorElement","tooltipIconContainer","informationIcon","tooltipContainer","oneOfType","number"],"sources":["../../../src/atom/tooltip/index.js"],"sourcesContent":["import React, {isValidElement, useState, useCallback, useMemo} from 'react';\nimport classnames from 'classnames';\nimport PropTypes from 'prop-types';\nimport ReactTooltip from 'react-tooltip';\nimport isString from 'lodash/fp/isString';\nimport has from 'lodash/fp/has';\nimport isNil from 'lodash/fp/isNil';\nimport keys from 'lodash/fp/keys';\nimport {NovaCompositionCoorpacademyInformationIcon as InformationIcon} from '@coorpacademy/nova-icons';\nimport style from './style.css';\n\nconst FontSizes = {\n  12: style.tooltipContentFontSize12,\n  14: style.tooltipContentFontSize14\n};\n\nconst IconSizes = {\n  small: 12,\n  big: 20\n};\n\nconst ToolTipWrapper = ({\n  toolTipIsVisible,\n  anchorId,\n  closeToolTipInformationTextAriaLabel,\n  content,\n  handleContentMouseOver,\n  iconSize,\n  tooltipClassName,\n  usesAnchorElement,\n  placement\n}) => {\n  const coorpToolTipClasses = classnames(\n    style.toolTip,\n    tooltipClassName,\n    // eslint-disable-next-line no-nested-ternary\n    usesAnchorElement ? null : iconSize === 'big' ? style.bigIconToolTip : style.smallIconToolTip\n  );\n  if (!toolTipIsVisible) return null;\n  if (anchorId) {\n    return (\n      <ReactTooltip\n        id={anchorId}\n        className={style.toolTipReact}\n        data-event-off=\"click\"\n        place={placement}\n        effect=\"solid\"\n        aria-label={closeToolTipInformationTextAriaLabel}\n      >\n        {content}\n      </ReactTooltip>\n    );\n  } else {\n    return (\n      <div\n        className={coorpToolTipClasses}\n        data-testid=\"tooltip\"\n        aria-label={closeToolTipInformationTextAriaLabel}\n        onMouseOver={handleContentMouseOver}\n      >\n        {content}\n      </div>\n    );\n  }\n};\n\nToolTipWrapper.propTypes = {\n  toolTipIsVisible: PropTypes.bool,\n  anchorId: PropTypes.string,\n  closeToolTipInformationTextAriaLabel: PropTypes.string.isRequired,\n  content: PropTypes.node,\n  handleContentMouseOver: PropTypes.func,\n  iconSize: PropTypes.oneOf(keys(IconSizes)),\n  tooltipClassName: PropTypes.string,\n  usesAnchorElement: PropTypes.bool\n};\n\nexport const toggleStateOnKeyPress = (state, setState, ref) => event => {\n  if (!has('key', event)) return;\n  else if (event.key === 'Enter') {\n    if (ref) ref.current.focus();\n    event.stopPropagation();\n    event.preventDefault();\n    setState(!state);\n  } else if (event.key === 'Tab' || event.key === 'Escape') {\n    setState(false);\n  }\n};\n\nconst ToolTip = ({\n  anchorId,\n  TooltipContent,\n  'aria-label': ariaLabel,\n  'data-testid': dataTestId,\n  closeToolTipInformationTextAriaLabel,\n  toolTipIsVisible: _toolTipIsVisible,\n  iconContainerClassName,\n  delayHide = 250,\n  fontSize = 14,\n  iconSize = 'small',\n  AnchorElement,\n  tooltipClassName,\n  placement = 'left'\n}) => {\n  const isComponent = useMemo(\n    () => !isString(TooltipContent) && isValidElement(TooltipContent()),\n    [TooltipContent]\n  );\n\n  const [toolTipIsVisible, setToolTipIsVisible] = useState(false);\n\n  const [mouseLeaveTimer, setMouseLeaveTimer] = useState(undefined);\n\n  const handleKeyPress = useCallback(\n    event => {\n      toggleStateOnKeyPress(toolTipIsVisible, setToolTipIsVisible)(event);\n    },\n    [toolTipIsVisible]\n  );\n\n  const handleContentMouseOver = useCallback(() => {\n    mouseLeaveTimer && /* istanbul ignore next */ clearTimeout(mouseLeaveTimer);\n  }, [mouseLeaveTimer]);\n\n  const handleMouseOver = useCallback(() => {\n    mouseLeaveTimer && clearTimeout(mouseLeaveTimer);\n    setToolTipIsVisible(true);\n  }, [mouseLeaveTimer]);\n\n  const handleMouseLeave = useCallback(() => {\n    setMouseLeaveTimer(setTimeout(() => setToolTipIsVisible(false), delayHide));\n  }, [delayHide]);\n\n  const content = useMemo(() => {\n    return isComponent ? (\n      <TooltipContent />\n    ) : (\n      <p className={classnames([style.tooltipContent, FontSizes[fontSize]])}>{TooltipContent}</p>\n    );\n  }, [TooltipContent, fontSize, isComponent]);\n\n  const anchorElement = useMemo(\n    () =>\n      AnchorElement ? (\n        <AnchorElement onKeyDown={handleKeyPress} />\n      ) : (\n        <button\n          type=\"button\"\n          className={classnames([style.tooltipIconContainer, iconContainerClassName])}\n          data-testid={dataTestId}\n          onKeyDown={handleKeyPress}\n          tabIndex={0}\n        >\n          <InformationIcon\n            className={style.informationIcon}\n            width={IconSizes[iconSize]}\n            height={IconSizes[iconSize]}\n            aria-label={ariaLabel}\n          />\n        </button>\n      ),\n    [AnchorElement, ariaLabel, dataTestId, handleKeyPress, iconContainerClassName, iconSize]\n  );\n\n  return anchorId ? (\n    <ToolTipWrapper\n      toolTipIsVisible={_toolTipIsVisible}\n      anchorId={anchorId}\n      closeToolTipInformationTextAriaLabel={closeToolTipInformationTextAriaLabel}\n      content={content}\n      onMouseLeave={handleMouseLeave}\n      onMouseOver={handleMouseOver}\n      fontSize={fontSize}\n      placement={placement}\n    />\n  ) : (\n    <div\n      className={style.tooltipContainer}\n      onMouseLeave={handleMouseLeave}\n      onMouseOver={handleMouseOver}\n    >\n      {anchorElement}\n      <ToolTipWrapper\n        toolTipIsVisible={toolTipIsVisible}\n        anchorId={anchorId}\n        closeToolTipInformationTextAriaLabel={closeToolTipInformationTextAriaLabel}\n        content={content}\n        handleContentMouseOver={handleContentMouseOver}\n        fontSize={fontSize}\n        iconSize={iconSize}\n        tooltipClassName={tooltipClassName}\n        usesAnchorElement={!isNil(AnchorElement)}\n      />\n    </div>\n  );\n};\n\nToolTip.propTypes = {\n  TooltipContent: PropTypes.oneOfType([PropTypes.func, PropTypes.node, PropTypes.string]),\n  'data-testid': PropTypes.string,\n  'aria-label': PropTypes.string,\n  closeToolTipInformationTextAriaLabel: PropTypes.string.isRequired,\n  // ---------- Regular Tooltip exclusive --------------\n  // If using an Anchor element w/ the regular Tooltip\n  AnchorElement: PropTypes.func,\n  tooltipClassName: PropTypes.string,\n  //\n  iconContainerClassName: PropTypes.string,\n  delayHide: PropTypes.number,\n  fontSize: PropTypes.oneOf([12, 14]),\n  iconSize: PropTypes.oneOf(keys(IconSizes)),\n  // ----------  React Tooltip exclusive  --------------\n  // externalHandling: if passed down, React Tooltip is used instead, due to limitations on\n  // parents overflow hidden controls\n  // data-for={anchorId} && data-tooltip-place=\"left\" are needed on the anchored component\n  anchorId: PropTypes.string,\n  toolTipIsVisible: PropTypes.bool,\n  placement: PropTypes.oneOf(['left', 'right', 'top', 'bottom'])\n};\n\nexport default ToolTip;\n"],"mappings":"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"}

package/es/atom/tooltip/style.css

@@ -97,13 +97,13 @@
   opacity: 1 !important;
   left: 5px;
   max-width: 400px;
+  padding: 8px 12px !important;
 }
 
 /* for keyboard navigation, the position can't be obtained from the mouse */
 [class*="__react_component_tooltip"]:not(.toolTipReact) {
   border-radius: 7px !important;
-  top: 97px!important;
-  left: 628px!important;
+  left: -999em !important;
   visibility: visible !important;
   opacity: 1!important;
 }

package/es/molecule/bullet-point-menu-button/index.js

@@ -1,6 +1,6 @@
 import React, { useCallback } from 'react';
 import classnames from 'classnames';
-import ButtonLinkIconOnly from '../../atom/button-link-icon-only';
+import ButtonLinkIcon from '../../atom/button-link-icon';
 import ButtonMenu from '../../atom/button-menu';
 import propTypes from './types';
 import style from './style.css';
@@ -37,7 +37,7 @@ const BulletPointMenuButton = props => {
   return /*#__PURE__*/React.createElement("div", {
     className: style.bulletPointWrapper,
     "data-name": "bullet-point-wrapper"
-  }, /*#__PURE__*/React.createElement(ButtonLinkIconOnly, bulletPointButtonProps), menu);
+  }, /*#__PURE__*/React.createElement(ButtonLinkIcon, bulletPointButtonProps), menu);
 };
 
 BulletPointMenuButton.propTypes = process.env.NODE_ENV !== "production" ? propTypes : {};

package/es/molecule/bullet-point-menu-button/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","useCallback","classnames","ButtonLinkIconOnly","ButtonMenu","propTypes","style","BulletPointMenuButton","props","disabled","buttonAriaLabel","menuAriaLabel","onClick","buttons","menuButtonClassName","isBulkMenu","handleOnClick","menuProps","menu","bulletPointMenu","bulkBulletPointMenu","bulletPointButtonProps","size","icon","className","bulletPointWrapper"],"sources":["../../../src/molecule/bullet-point-menu-button/index.tsx"],"sourcesContent":["import React, {useCallback} from 'react';\nimport classnames from 'classnames';\nimport ButtonLinkIconOnly from '../../atom/button-link-icon-only';\nimport ButtonMenu from '../../atom/button-menu';\nimport propTypes, {BulletPointMenuButtonProps} from './types';\nimport style from './style.css';\n\nconst BulletPointMenuButton = (props: BulletPointMenuButtonProps) => {\n  const {\n    disabled = false,\n    buttonAriaLabel,\n    menuAriaLabel,\n    onClick,\n    buttons,\n    menuButtonClassName,\n    isBulkMenu\n  } = props;\n  const handleOnClick = useCallback(() => onClick(), [onClick]);\n\n  const menuProps = {\n    'data-name': 'button-menu',\n    buttons\n  };\n\n  const menu = (\n    <div\n      className={classnames(style.bulletPointMenu, isBulkMenu && style.bulkBulletPointMenu)}\n      data-name=\"menu-wrapper\"\n      aria-label={menuAriaLabel}\n    >\n      <ButtonMenu {...menuProps} />\n    </div>\n  );\n  const bulletPointButtonProps = {\n    size: 'default',\n    'aria-label': buttonAriaLabel,\n    'data-name': 'bullet-point-button',\n    icon: 'bullet-point',\n    onClick: handleOnClick,\n    disabled,\n    className: menuButtonClassName\n  };\n\n  return (\n    <div className={style.bulletPointWrapper} data-name=\"bullet-point-wrapper\">\n      <ButtonLinkIconOnly {...bulletPointButtonProps} />\n      {menu}\n    </div>\n  );\n};\n\nBulletPointMenuButton.propTypes = propTypes;\n\nexport default BulletPointMenuButton;\n"],"mappings":"AAAA,OAAOA,KAAP,IAAeC,WAAf,QAAiC,OAAjC;AACA,OAAOC,UAAP,MAAuB,YAAvB;AACA,OAAOC,kBAAP,MAA+B,kCAA/B;AACA,OAAOC,UAAP,MAAuB,wBAAvB;AACA,OAAOC,SAAP,MAAoD,SAApD;AACA,OAAOC,KAAP,MAAkB,aAAlB;;AAEA,MAAMC,qBAAqB,GAAIC,KAAD,IAAuC;EACnE,MAAM;IACJC,QAAQ,GAAG,KADP;IAEJC,eAFI;IAGJC,aAHI;IAIJC,OAJI;IAKJC,OALI;IAMJC,mBANI;IAOJC;EAPI,IAQFP,KARJ;EASA,MAAMQ,aAAa,GAAGf,WAAW,CAAC,MAAMW,OAAO,EAAd,EAAkB,CAACA,OAAD,CAAlB,CAAjC;EAEA,MAAMK,SAAS,GAAG;IAChB,aAAa,aADG;IAEhBJ;EAFgB,CAAlB;EAKA,MAAMK,IAAI,gBACR;IACE,SAAS,EAAEhB,UAAU,CAACI,KAAK,CAACa,eAAP,EAAwBJ,UAAU,IAAIT,KAAK,CAACc,mBAA5C,CADvB;IAEE,aAAU,cAFZ;IAGE,cAAYT;EAHd,gBAKE,oBAAC,UAAD,EAAgBM,SAAhB,CALF,CADF;EASA,MAAMI,sBAAsB,GAAG;IAC7BC,IAAI,EAAE,SADuB;IAE7B,cAAcZ,eAFe;IAG7B,aAAa,qBAHgB;IAI7Ba,IAAI,EAAE,cAJuB;IAK7BX,OAAO,EAAEI,aALoB;IAM7BP,QAN6B;IAO7Be,SAAS,EAAEV;EAPkB,CAA/B;EAUA,oBACE;IAAK,SAAS,EAAER,KAAK,CAACmB,kBAAtB;IAA0C,aAAU;EAApD,gBACE,oBAAC,kBAAD,EAAwBJ,sBAAxB,CADF,EAEGH,IAFH,CADF;AAMD,CA1CD;;AA4CAX,qBAAqB,CAACF,SAAtB,2CAAkCA,SAAlC;AAEA,eAAeE,qBAAf"}
+{"version":3,"file":"index.js","names":["React","useCallback","classnames","ButtonLinkIcon","ButtonMenu","propTypes","style","BulletPointMenuButton","props","disabled","buttonAriaLabel","menuAriaLabel","onClick","buttons","menuButtonClassName","isBulkMenu","handleOnClick","menuProps","menu","bulletPointMenu","bulkBulletPointMenu","bulletPointButtonProps","size","icon","className","bulletPointWrapper"],"sources":["../../../src/molecule/bullet-point-menu-button/index.tsx"],"sourcesContent":["import React, {useCallback} from 'react';\nimport classnames from 'classnames';\nimport ButtonLinkIcon from '../../atom/button-link-icon';\nimport ButtonMenu from '../../atom/button-menu';\nimport propTypes, {BulletPointMenuButtonProps} from './types';\nimport style from './style.css';\n\nconst BulletPointMenuButton = (props: BulletPointMenuButtonProps) => {\n  const {\n    disabled = false,\n    buttonAriaLabel,\n    menuAriaLabel,\n    onClick,\n    buttons,\n    menuButtonClassName,\n    isBulkMenu\n  } = props;\n  const handleOnClick = useCallback(() => onClick(), [onClick]);\n\n  const menuProps = {\n    'data-name': 'button-menu',\n    buttons\n  };\n\n  const menu = (\n    <div\n      className={classnames(style.bulletPointMenu, isBulkMenu && style.bulkBulletPointMenu)}\n      data-name=\"menu-wrapper\"\n      aria-label={menuAriaLabel}\n    >\n      <ButtonMenu {...menuProps} />\n    </div>\n  );\n  const bulletPointButtonProps = {\n    size: 'default',\n    'aria-label': buttonAriaLabel,\n    'data-name': 'bullet-point-button',\n    icon: 'bullet-point',\n    onClick: handleOnClick,\n    disabled,\n    className: menuButtonClassName\n  };\n\n  return (\n    <div className={style.bulletPointWrapper} data-name=\"bullet-point-wrapper\">\n      <ButtonLinkIcon {...bulletPointButtonProps} />\n      {menu}\n    </div>\n  );\n};\n\nBulletPointMenuButton.propTypes = propTypes;\n\nexport default BulletPointMenuButton;\n"],"mappings":"AAAA,OAAOA,KAAP,IAAeC,WAAf,QAAiC,OAAjC;AACA,OAAOC,UAAP,MAAuB,YAAvB;AACA,OAAOC,cAAP,MAA2B,6BAA3B;AACA,OAAOC,UAAP,MAAuB,wBAAvB;AACA,OAAOC,SAAP,MAAoD,SAApD;AACA,OAAOC,KAAP,MAAkB,aAAlB;;AAEA,MAAMC,qBAAqB,GAAIC,KAAD,IAAuC;EACnE,MAAM;IACJC,QAAQ,GAAG,KADP;IAEJC,eAFI;IAGJC,aAHI;IAIJC,OAJI;IAKJC,OALI;IAMJC,mBANI;IAOJC;EAPI,IAQFP,KARJ;EASA,MAAMQ,aAAa,GAAGf,WAAW,CAAC,MAAMW,OAAO,EAAd,EAAkB,CAACA,OAAD,CAAlB,CAAjC;EAEA,MAAMK,SAAS,GAAG;IAChB,aAAa,aADG;IAEhBJ;EAFgB,CAAlB;EAKA,MAAMK,IAAI,gBACR;IACE,SAAS,EAAEhB,UAAU,CAACI,KAAK,CAACa,eAAP,EAAwBJ,UAAU,IAAIT,KAAK,CAACc,mBAA5C,CADvB;IAEE,aAAU,cAFZ;IAGE,cAAYT;EAHd,gBAKE,oBAAC,UAAD,EAAgBM,SAAhB,CALF,CADF;EASA,MAAMI,sBAAsB,GAAG;IAC7BC,IAAI,EAAE,SADuB;IAE7B,cAAcZ,eAFe;IAG7B,aAAa,qBAHgB;IAI7Ba,IAAI,EAAE,cAJuB;IAK7BX,OAAO,EAAEI,aALoB;IAM7BP,QAN6B;IAO7Be,SAAS,EAAEV;EAPkB,CAA/B;EAUA,oBACE;IAAK,SAAS,EAAER,KAAK,CAACmB,kBAAtB;IAA0C,aAAU;EAApD,gBACE,oBAAC,cAAD,EAAoBJ,sBAApB,CADF,EAEGH,IAFH,CADF;AAMD,CA1CD;;AA4CAX,qBAAqB,CAACF,SAAtB,2CAAkCA,SAAlC;AAEA,eAAeE,qBAAf"}

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

@@ -5,7 +5,7 @@ import isEmpty from 'lodash/fp/isEmpty';
 import classNames from 'classnames';
 import Provider from '../../atom/provider';
 import Cta from '../../atom/button-link';
-import ButtonLinkIconOnly from '../../atom/button-link-icon-only';
+import ButtonLinkIcon from '../../atom/button-link-icon';
 import InputSwitch from '../../atom/input-switch';
 import Title from '../../atom/title';
 import CardsGrid from '../../organism/cards-grid';
@@ -186,7 +186,7 @@ const CMPopin = props => {
     className: style.popinHeader
   }, renderHeader(), onClose ? /*#__PURE__*/React.createElement("div", {
     className: style.onCloseButton
-  }, /*#__PURE__*/React.createElement(ButtonLinkIconOnly, {
+  }, /*#__PURE__*/React.createElement(ButtonLinkIcon, {
     onClick: handleCloseButton,
     "data-name": 'close-icon',
     "aria-label": 'close-icon',

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","useRef","useEffect","useMemo","NovaSolidInterfaceFeedbackInterfaceAlertDiamond","AlertDiamond","NovaSolidApplicationsWindowUpload3","WindowUpload","NovaLineSettingsCookie","Cookie","NovaSolidSpaceMoonRocket","MoonRocket","NovaCompositionCoorpacademyPadlock","LockIcon","NovaLineStatusCheckCircle1","CheckCircle1","NovaSolidFilesBasicFileLines","FileLinesIcon","NovaSolidInterfaceFeedbackInterfaceAlertRounded","AlertIcon","map","isEmpty","classNames","Provider","Cta","ButtonLinkIconOnly","InputSwitch","Title","CardsGrid","ListItems","Link","style","propTypes","IconType","lockedContent","lockIcon","fileZipped","filesListIconContainer","filesListIcon","CMPopin","props","content","mode","firstButton","secondButton","onClose","header","icon","backgroundImageUrl","descriptionText","thirdButton","cookieTitle","descriptionBtnTxt","listBtnSwicth","items","link","logo","LogoComponent","backgroundImageStyle","backgroundImage","backgroundSize","handleCloseButton","nodeRef","closePopin","e","current","contains","target","handleKeyDown","key","document","addEventListener","removeEventListener","renderHeader","title","headerIcon","TopTitleIcon","headerContent","headerBackground","cookieHeader","cookieIconContainer","cookieIcon","getClassBtnSwitch","index","btnList","firstBtnSwitchContainer","length","lastBtnSwitchContainer","singleSwitchContainer","renderBtnSwitch","convert","cap","el","type","value","onChange","titlePosition","theme","details","requiredSelection","disabled","id","dataName","renderItems","list","itemsContainer","filesListContainer","wrapperPopinStyle","popinCookie","popinFilesList","popinItems","popin","background","popinHeader","onCloseButton","cookieTitleContainer","titleContainer","contentSection","message","__html","descriptionBtn","buttonContainer","largeButton","button","label","handleOnclick","customStyle","contextTypes","translate","childContextTypes"],"sources":["../../../src/molecule/cm-popin/index.js"],"sourcesContent":["import React, {useRef, useEffect, useMemo} from 'react';\nimport {\n  NovaSolidInterfaceFeedbackInterfaceAlertDiamond as AlertDiamond,\n  NovaSolidApplicationsWindowUpload3 as WindowUpload,\n  NovaLineSettingsCookie as Cookie,\n  NovaSolidSpaceMoonRocket as MoonRocket,\n  NovaCompositionCoorpacademyPadlock as LockIcon,\n  NovaLineStatusCheckCircle1 as CheckCircle1,\n  NovaSolidFilesBasicFileLines as FileLinesIcon,\n  NovaSolidInterfaceFeedbackInterfaceAlertRounded as AlertIcon\n} from '@coorpacademy/nova-icons';\nimport map from 'lodash/fp/map';\nimport isEmpty from 'lodash/fp/isEmpty';\nimport classNames from 'classnames';\nimport Provider from '../../atom/provider';\nimport Cta from '../../atom/button-link';\nimport ButtonLinkIconOnly from '../../atom/button-link-icon-only';\nimport InputSwitch from '../../atom/input-switch';\nimport Title from '../../atom/title';\nimport CardsGrid from '../../organism/cards-grid';\nimport ListItems from '../../organism/list-items';\nimport Link from '../../atom/link';\nimport style from './style.css';\nimport propTypes from './types';\n\nconst IconType = {\n  lockedContent: <LockIcon className={style.lockIcon} />,\n  fileZipped: (\n    <div className={style.filesListIconContainer}>\n      <FileLinesIcon className={style.filesListIcon} />\n    </div>\n  )\n};\n\nconst CMPopin = props => {\n  const {\n    content,\n    mode = 'alert',\n    firstButton,\n    secondButton,\n    onClose,\n    header,\n    icon,\n    backgroundImageUrl,\n    descriptionText,\n    thirdButton,\n    cookieTitle,\n    descriptionBtnTxt,\n    listBtnSwicth,\n    items,\n    link\n  } = props;\n  const logo = {\n    AlertDiamond,\n    WindowUpload,\n    MoonRocket,\n    CheckCircle1,\n    AlertIcon\n  };\n  const LogoComponent = logo[icon];\n\n  const backgroundImageStyle = backgroundImageUrl\n    ? {\n        backgroundImage: `url(${backgroundImageUrl})`,\n        backgroundSize: 'cover'\n      }\n    : null;\n  const handleCloseButton = useMemo(() => () => onClose(), [onClose]);\n  const nodeRef = useRef(null);\n  useEffect(() => {\n    if (mode === 'items') {\n      const closePopin = e => {\n        if (nodeRef && nodeRef.current && !nodeRef.current.contains(e.target)) {\n          handleCloseButton();\n        }\n      };\n      const handleKeyDown = e => {\n        if (e?.key === 'Escape') {\n          handleCloseButton();\n        }\n      };\n      document.addEventListener('click', closePopin);\n      document.addEventListener('touchstart', closePopin);\n      document.addEventListener('keydown', handleKeyDown);\n      return () => {\n        document.removeEventListener('click', closePopin);\n        document.removeEventListener('touchstart', closePopin);\n        document.removeEventListener('keydown', handleKeyDown);\n      };\n    }\n  }, [handleCloseButton, mode, onClose]);\n  const renderHeader = () => {\n    if (header) {\n      const {title, headerIcon, backgroundImage} = header;\n      const TopTitleIcon = IconType[headerIcon];\n\n      return (\n        <>\n          {title ? (\n            <div className={style.headerContent}>\n              {TopTitleIcon}\n              <Title {...title} />\n            </div>\n          ) : null}\n          {backgroundImage ? (\n            <img className={style.headerBackground} src={backgroundImage} />\n          ) : null}\n        </>\n      );\n    }\n\n    if (mode === 'cookie')\n      return (\n        <div className={style.cookieHeader}>\n          <div className={style.cookieIconContainer}>\n            <Cookie className={style.cookieIcon} />\n          </div>\n          <div className={style.cookieTitle}>{cookieTitle}</div>\n        </div>\n      );\n\n    return null;\n  };\n\n  const getClassBtnSwitch = (index, btnList) => {\n    switch (index) {\n      case 0:\n        return style.firstBtnSwitchContainer;\n      case btnList.length - 1:\n        return style.lastBtnSwitchContainer;\n      default:\n        return style.singleSwitchContainer;\n    }\n  };\n\n  const renderBtnSwitch = () => {\n    return map.convert({cap: false})((el, index) => {\n      const {\n        type,\n        title,\n        value,\n        onChange,\n        titlePosition,\n        theme,\n        details,\n        requiredSelection,\n        disabled,\n        id,\n        'data-name': dataName\n      } = el;\n      return (\n        <div key={index} className={getClassBtnSwitch(index, listBtnSwicth)}>\n          <InputSwitch\n            {...{\n              type,\n              title,\n              value,\n              onChange,\n              titlePosition,\n              theme,\n              details,\n              requiredSelection,\n              disabled,\n              id,\n              'data-name': dataName\n            }}\n          />\n        </div>\n      );\n    })(listBtnSwicth);\n  };\n\n  const renderItems = () => {\n    const {type, list} = items;\n    if (isEmpty(list)) return null;\n\n    if (type === 'content')\n      return (\n        <div className={style.itemsContainer} data-name={'cm-popin-cards'}>\n          <CardsGrid {...list} />\n        </div>\n      );\n    if (type === 'list')\n      return (\n        <div className={style.filesListContainer}>\n          <ListItems {...list} />\n        </div>\n      );\n\n    return null;\n  };\n  const wrapperPopinStyle = classNames(\n    mode === 'cookie' && style.popinCookie,\n    mode === 'list' && style.popinFilesList,\n    mode === 'items' && style.popinItems,\n    style.popin\n  );\n  return (\n    <div\n      className={mode !== 'cookie' ? style.background : null}\n      style={backgroundImageStyle}\n      data-name={'cm-popin-container'}\n    >\n      <div className={wrapperPopinStyle} ref={nodeRef}>\n        <header className={style.popinHeader}>\n          {renderHeader()}\n          {onClose ? (\n            <div className={style.onCloseButton}>\n              <ButtonLinkIconOnly\n                onClick={handleCloseButton}\n                data-name={'close-icon'}\n                aria-label={'close-icon'}\n                size=\"small\"\n                icon=\"close\"\n              />\n            </div>\n          ) : null}\n        </header>\n        {mode !== 'items' && mode !== 'list' ? (\n          <div\n            className={\n              mode === 'cookie' || mode === 'information'\n                ? style.cookieTitleContainer\n                : style.titleContainer\n            }\n          >\n            <div className={style.contentSection}>\n              {LogoComponent ? <LogoComponent className={style.icon} /> : null}\n              {content ? (\n                <p\n                  className={mode === 'alert' ? style.content : style.message}\n                  data-name={'cm-popin-content'}\n                  // eslint-disable-next-line react/no-danger\n                  dangerouslySetInnerHTML={{__html: content}}\n                />\n              ) : null}\n            </div>\n            {descriptionText ? (\n              <p\n                className={style.descriptionText}\n                // eslint-disable-next-line react/no-danger\n                dangerouslySetInnerHTML={{__html: descriptionText}}\n              />\n            ) : null}\n            {link ? <Link {...link} /> : null}\n          </div>\n        ) : null}\n        {descriptionBtnTxt ? <div className={style.descriptionBtn}>{descriptionBtnTxt}</div> : null}\n        {!isEmpty(items) ? renderItems() : null}\n        {renderBtnSwitch()}\n        {firstButton || secondButton || thirdButton ? (\n          <div className={style.buttonContainer}>\n            {firstButton ? (\n              <div className={firstButton.largeButton ? style.largeButton : style.button}>\n                <Cta\n                  label={firstButton.label}\n                  onClick={firstButton.handleOnclick}\n                  data-name={'cm-popin-cta'}\n                  aria-label={firstButton['aria-label']}\n                  type={firstButton.type}\n                  customStyle={firstButton.customStyle}\n                />\n              </div>\n            ) : null}\n            {secondButton ? (\n              <div className={secondButton.largeButton ? style.largeButton : style.button}>\n                <Cta\n                  label={secondButton.label}\n                  onClick={secondButton.handleOnclick}\n                  data-name={`cm-popin-cta-${secondButton.type}`}\n                  aria-label={secondButton['aria-label']}\n                  type={secondButton.type}\n                  customStyle={secondButton.customStyle}\n                  icon={secondButton.icon}\n                />\n              </div>\n            ) : null}\n            {thirdButton ? (\n              <div className={thirdButton.largeButton ? style.largeButton : style.button}>\n                <Cta\n                  label={thirdButton.label}\n                  onClick={thirdButton.handleOnclick}\n                  data-name={`cm-popin-cta-${thirdButton.type}`}\n                  aria-label={thirdButton['aria-label']}\n                  type={thirdButton.type}\n                  customStyle={thirdButton.customStyle}\n                />\n              </div>\n            ) : null}\n          </div>\n        ) : null}\n      </div>\n    </div>\n  );\n};\n\nCMPopin.propTypes = propTypes;\nCMPopin.contextTypes = {\n  translate: Provider.childContextTypes.translate\n};\n\nexport default CMPopin;\n"],"mappings":"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"}
+{"version":3,"file":"index.js","names":["React","useRef","useEffect","useMemo","NovaSolidInterfaceFeedbackInterfaceAlertDiamond","AlertDiamond","NovaSolidApplicationsWindowUpload3","WindowUpload","NovaLineSettingsCookie","Cookie","NovaSolidSpaceMoonRocket","MoonRocket","NovaCompositionCoorpacademyPadlock","LockIcon","NovaLineStatusCheckCircle1","CheckCircle1","NovaSolidFilesBasicFileLines","FileLinesIcon","NovaSolidInterfaceFeedbackInterfaceAlertRounded","AlertIcon","map","isEmpty","classNames","Provider","Cta","ButtonLinkIcon","InputSwitch","Title","CardsGrid","ListItems","Link","style","propTypes","IconType","lockedContent","lockIcon","fileZipped","filesListIconContainer","filesListIcon","CMPopin","props","content","mode","firstButton","secondButton","onClose","header","icon","backgroundImageUrl","descriptionText","thirdButton","cookieTitle","descriptionBtnTxt","listBtnSwicth","items","link","logo","LogoComponent","backgroundImageStyle","backgroundImage","backgroundSize","handleCloseButton","nodeRef","closePopin","e","current","contains","target","handleKeyDown","key","document","addEventListener","removeEventListener","renderHeader","title","headerIcon","TopTitleIcon","headerContent","headerBackground","cookieHeader","cookieIconContainer","cookieIcon","getClassBtnSwitch","index","btnList","firstBtnSwitchContainer","length","lastBtnSwitchContainer","singleSwitchContainer","renderBtnSwitch","convert","cap","el","type","value","onChange","titlePosition","theme","details","requiredSelection","disabled","id","dataName","renderItems","list","itemsContainer","filesListContainer","wrapperPopinStyle","popinCookie","popinFilesList","popinItems","popin","background","popinHeader","onCloseButton","cookieTitleContainer","titleContainer","contentSection","message","__html","descriptionBtn","buttonContainer","largeButton","button","label","handleOnclick","customStyle","contextTypes","translate","childContextTypes"],"sources":["../../../src/molecule/cm-popin/index.js"],"sourcesContent":["import React, {useRef, useEffect, useMemo} from 'react';\nimport {\n  NovaSolidInterfaceFeedbackInterfaceAlertDiamond as AlertDiamond,\n  NovaSolidApplicationsWindowUpload3 as WindowUpload,\n  NovaLineSettingsCookie as Cookie,\n  NovaSolidSpaceMoonRocket as MoonRocket,\n  NovaCompositionCoorpacademyPadlock as LockIcon,\n  NovaLineStatusCheckCircle1 as CheckCircle1,\n  NovaSolidFilesBasicFileLines as FileLinesIcon,\n  NovaSolidInterfaceFeedbackInterfaceAlertRounded as AlertIcon\n} from '@coorpacademy/nova-icons';\nimport map from 'lodash/fp/map';\nimport isEmpty from 'lodash/fp/isEmpty';\nimport classNames from 'classnames';\nimport Provider from '../../atom/provider';\nimport Cta from '../../atom/button-link';\nimport ButtonLinkIcon from '../../atom/button-link-icon';\nimport InputSwitch from '../../atom/input-switch';\nimport Title from '../../atom/title';\nimport CardsGrid from '../../organism/cards-grid';\nimport ListItems from '../../organism/list-items';\nimport Link from '../../atom/link';\nimport style from './style.css';\nimport propTypes from './types';\n\nconst IconType = {\n  lockedContent: <LockIcon className={style.lockIcon} />,\n  fileZipped: (\n    <div className={style.filesListIconContainer}>\n      <FileLinesIcon className={style.filesListIcon} />\n    </div>\n  )\n};\n\nconst CMPopin = props => {\n  const {\n    content,\n    mode = 'alert',\n    firstButton,\n    secondButton,\n    onClose,\n    header,\n    icon,\n    backgroundImageUrl,\n    descriptionText,\n    thirdButton,\n    cookieTitle,\n    descriptionBtnTxt,\n    listBtnSwicth,\n    items,\n    link\n  } = props;\n  const logo = {\n    AlertDiamond,\n    WindowUpload,\n    MoonRocket,\n    CheckCircle1,\n    AlertIcon\n  };\n  const LogoComponent = logo[icon];\n\n  const backgroundImageStyle = backgroundImageUrl\n    ? {\n        backgroundImage: `url(${backgroundImageUrl})`,\n        backgroundSize: 'cover'\n      }\n    : null;\n  const handleCloseButton = useMemo(() => () => onClose(), [onClose]);\n  const nodeRef = useRef(null);\n  useEffect(() => {\n    if (mode === 'items') {\n      const closePopin = e => {\n        if (nodeRef && nodeRef.current && !nodeRef.current.contains(e.target)) {\n          handleCloseButton();\n        }\n      };\n      const handleKeyDown = e => {\n        if (e?.key === 'Escape') {\n          handleCloseButton();\n        }\n      };\n      document.addEventListener('click', closePopin);\n      document.addEventListener('touchstart', closePopin);\n      document.addEventListener('keydown', handleKeyDown);\n      return () => {\n        document.removeEventListener('click', closePopin);\n        document.removeEventListener('touchstart', closePopin);\n        document.removeEventListener('keydown', handleKeyDown);\n      };\n    }\n  }, [handleCloseButton, mode, onClose]);\n  const renderHeader = () => {\n    if (header) {\n      const {title, headerIcon, backgroundImage} = header;\n      const TopTitleIcon = IconType[headerIcon];\n\n      return (\n        <>\n          {title ? (\n            <div className={style.headerContent}>\n              {TopTitleIcon}\n              <Title {...title} />\n            </div>\n          ) : null}\n          {backgroundImage ? (\n            <img className={style.headerBackground} src={backgroundImage} />\n          ) : null}\n        </>\n      );\n    }\n\n    if (mode === 'cookie')\n      return (\n        <div className={style.cookieHeader}>\n          <div className={style.cookieIconContainer}>\n            <Cookie className={style.cookieIcon} />\n          </div>\n          <div className={style.cookieTitle}>{cookieTitle}</div>\n        </div>\n      );\n\n    return null;\n  };\n\n  const getClassBtnSwitch = (index, btnList) => {\n    switch (index) {\n      case 0:\n        return style.firstBtnSwitchContainer;\n      case btnList.length - 1:\n        return style.lastBtnSwitchContainer;\n      default:\n        return style.singleSwitchContainer;\n    }\n  };\n\n  const renderBtnSwitch = () => {\n    return map.convert({cap: false})((el, index) => {\n      const {\n        type,\n        title,\n        value,\n        onChange,\n        titlePosition,\n        theme,\n        details,\n        requiredSelection,\n        disabled,\n        id,\n        'data-name': dataName\n      } = el;\n      return (\n        <div key={index} className={getClassBtnSwitch(index, listBtnSwicth)}>\n          <InputSwitch\n            {...{\n              type,\n              title,\n              value,\n              onChange,\n              titlePosition,\n              theme,\n              details,\n              requiredSelection,\n              disabled,\n              id,\n              'data-name': dataName\n            }}\n          />\n        </div>\n      );\n    })(listBtnSwicth);\n  };\n\n  const renderItems = () => {\n    const {type, list} = items;\n    if (isEmpty(list)) return null;\n\n    if (type === 'content')\n      return (\n        <div className={style.itemsContainer} data-name={'cm-popin-cards'}>\n          <CardsGrid {...list} />\n        </div>\n      );\n    if (type === 'list')\n      return (\n        <div className={style.filesListContainer}>\n          <ListItems {...list} />\n        </div>\n      );\n\n    return null;\n  };\n  const wrapperPopinStyle = classNames(\n    mode === 'cookie' && style.popinCookie,\n    mode === 'list' && style.popinFilesList,\n    mode === 'items' && style.popinItems,\n    style.popin\n  );\n  return (\n    <div\n      className={mode !== 'cookie' ? style.background : null}\n      style={backgroundImageStyle}\n      data-name={'cm-popin-container'}\n    >\n      <div className={wrapperPopinStyle} ref={nodeRef}>\n        <header className={style.popinHeader}>\n          {renderHeader()}\n          {onClose ? (\n            <div className={style.onCloseButton}>\n              <ButtonLinkIcon\n                onClick={handleCloseButton}\n                data-name={'close-icon'}\n                aria-label={'close-icon'}\n                size=\"small\"\n                icon=\"close\"\n              />\n            </div>\n          ) : null}\n        </header>\n        {mode !== 'items' && mode !== 'list' ? (\n          <div\n            className={\n              mode === 'cookie' || mode === 'information'\n                ? style.cookieTitleContainer\n                : style.titleContainer\n            }\n          >\n            <div className={style.contentSection}>\n              {LogoComponent ? <LogoComponent className={style.icon} /> : null}\n              {content ? (\n                <p\n                  className={mode === 'alert' ? style.content : style.message}\n                  data-name={'cm-popin-content'}\n                  // eslint-disable-next-line react/no-danger\n                  dangerouslySetInnerHTML={{__html: content}}\n                />\n              ) : null}\n            </div>\n            {descriptionText ? (\n              <p\n                className={style.descriptionText}\n                // eslint-disable-next-line react/no-danger\n                dangerouslySetInnerHTML={{__html: descriptionText}}\n              />\n            ) : null}\n            {link ? <Link {...link} /> : null}\n          </div>\n        ) : null}\n        {descriptionBtnTxt ? <div className={style.descriptionBtn}>{descriptionBtnTxt}</div> : null}\n        {!isEmpty(items) ? renderItems() : null}\n        {renderBtnSwitch()}\n        {firstButton || secondButton || thirdButton ? (\n          <div className={style.buttonContainer}>\n            {firstButton ? (\n              <div className={firstButton.largeButton ? style.largeButton : style.button}>\n                <Cta\n                  label={firstButton.label}\n                  onClick={firstButton.handleOnclick}\n                  data-name={'cm-popin-cta'}\n                  aria-label={firstButton['aria-label']}\n                  type={firstButton.type}\n                  customStyle={firstButton.customStyle}\n                />\n              </div>\n            ) : null}\n            {secondButton ? (\n              <div className={secondButton.largeButton ? style.largeButton : style.button}>\n                <Cta\n                  label={secondButton.label}\n                  onClick={secondButton.handleOnclick}\n                  data-name={`cm-popin-cta-${secondButton.type}`}\n                  aria-label={secondButton['aria-label']}\n                  type={secondButton.type}\n                  customStyle={secondButton.customStyle}\n                  icon={secondButton.icon}\n                />\n              </div>\n            ) : null}\n            {thirdButton ? (\n              <div className={thirdButton.largeButton ? style.largeButton : style.button}>\n                <Cta\n                  label={thirdButton.label}\n                  onClick={thirdButton.handleOnclick}\n                  data-name={`cm-popin-cta-${thirdButton.type}`}\n                  aria-label={thirdButton['aria-label']}\n                  type={thirdButton.type}\n                  customStyle={thirdButton.customStyle}\n                />\n              </div>\n            ) : null}\n          </div>\n        ) : null}\n      </div>\n    </div>\n  );\n};\n\nCMPopin.propTypes = propTypes;\nCMPopin.contextTypes = {\n  translate: Provider.childContextTypes.translate\n};\n\nexport default CMPopin;\n"],"mappings":"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"}

package/es/molecule/expandible-actionable-table/index.js

@@ -8,7 +8,7 @@ function _extends() { _extends = Object.assign ? Object.assign.bind() : function
 
 import React, { useState } from 'react';
 import classnames from 'classnames';
-import ButtonLinkIconOnly from '../../atom/button-link-icon-only';
+import ButtonLinkIcon from '../../atom/button-link-icon';
 import StatusItem from '../../atom/status-item';
 import BulkProgressBar from '../bulk-progress-bar';
 import Provider, { GetTranslateFromContext } from '../../atom/provider';
@@ -147,7 +147,7 @@ const ActionableExpandableTable = (props, legacyContext) => {
         className: style.columFirstWrapper
       }, /*#__PURE__*/React.createElement("div", {
         className: style.expandButtonWrapper
-      }, isRowExpandible ? /*#__PURE__*/React.createElement(ButtonLinkIconOnly, {
+      }, isRowExpandible ? /*#__PURE__*/React.createElement(ButtonLinkIcon, {
         onClick: handleExpandRow(index),
         "data-name": `arrowUp-button-${index}`,
         icon: "down",

package/es/molecule/expandible-actionable-table/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","useState","classnames","ButtonLinkIconOnly","StatusItem","BulkProgressBar","Provider","GetTranslateFromContext","BulletPointMenuButton","ButtonLink","ErrorsTable","EmptySearchResult","style","propTypes","buildField","field","componentType","statusItemWrapper","buildLastField","lastField","buildNestedRow","row","ActionableExpandableTable","props","legacyContext","columns","rows","stickyFirstColumn","stickyLastColumn","ariaDescribedby","columnWidth","isNestedTable","emptyStateFistMessage","emptyStateSecondMessage","translate","expandedRows","setExpandedRows","expandState","setExpandState","wrapper","handleExpandRow","index","isRowExpanded","newExpandedRows","filter","id","concat","expandedState","forEach","headerRow","map","column","cIndex","title","headerFirstSticky","headerFirst","header","push","headerLastSticky","headerLast","headerView","bodyView","fields","isRowExpandible","bodyRow","fIndex","cellContent","columFirstWrapper","expandButtonWrapper","columnFirstSticky","columnFirst","col","width","columnLastSticky","columnLast","inspectButton","nestedRow","nestedRowCellule","includes","length","table","theadNested","thead","contextTypes","skin","childContextTypes"],"sources":["../../../src/molecule/expandible-actionable-table/index.tsx"],"sourcesContent":["import React, {useState} from 'react';\nimport classnames from 'classnames';\nimport {get, isString, size, includes, isEmpty} from 'lodash/fp';\nimport ButtonLinkIconOnly from '../../atom/button-link-icon-only';\nimport StatusItem from '../../atom/status-item';\nimport BulkProgressBar from '../bulk-progress-bar';\nimport {WebContextValues} from '../../atom/provider/web-context';\nimport Provider, {GetTranslateFromContext} from '../../atom/provider';\nimport BulletPointMenuButton from '../bullet-point-menu-button';\nimport ButtonLink from '../../atom/button-link';\nimport ErrorsTable from '../errors-table';\nimport EmptySearchResult from '../../atom/empty-search-result';\nimport style from './style.css';\nimport {ExpandState, Field, LastField, NestedRow, Props, propTypes} from './types';\n\nconst buildField = (field: Field) => {\n  if (isString(field)) return field;\n  const {componentType} = field;\n  switch (componentType) {\n    case 'status':\n      return (\n        <div className={style.statusItemWrapper}>\n          <StatusItem {...field} />\n        </div>\n      );\n    case 'progress-bar':\n      return <BulkProgressBar {...field} />;\n  }\n};\n\nconst buildLastField = (lastField: LastField) => {\n  const {componentType} = lastField;\n  switch (componentType) {\n    case 'menu':\n      return <BulletPointMenuButton {...lastField} />;\n    case 'button-link':\n      return <ButtonLink {...lastField} />;\n  }\n};\n\nconst buildNestedRow = (row: NestedRow) => {\n  const {componentType} = row;\n  switch (componentType) {\n    case 'errors-table':\n      return <ErrorsTable {...row} />;\n    case 'expandible-errors-table':\n      return <ActionableExpandableTable {...row} />;\n  }\n};\n\nconst ActionableExpandableTable = (props: Props, legacyContext: WebContextValues) => {\n  const {\n    columns,\n    rows = [],\n    lastField,\n    stickyFirstColumn = false,\n    stickyLastColumn = false,\n    ariaDescribedby,\n    columnWidth = `${100 / size(columns)}%`,\n    isNestedTable = false,\n    emptyStateFistMessage = '',\n    emptyStateSecondMessage = ''\n  } = props;\n\n  const translate = GetTranslateFromContext(legacyContext);\n\n  /**\n   * State variable to keep track of all the expanded rows\n   * By default, nothing expanded. Hence initialized with empty array.\n   */\n  const [expandedRows, setExpandedRows] = useState<number[]>([]);\n\n  /**\n   * State variable to keep track which row is currently expanded.\n   */\n  const [expandState, setExpandState] = useState<ExpandState>({});\n\n  if (isEmpty(columns))\n    return (\n      <div className={style.wrapper}>\n        <EmptySearchResult\n          firstMessage={emptyStateFistMessage}\n          secondMessage={emptyStateSecondMessage}\n          isBulk\n        />\n      </div>\n    );\n\n  /**\n   * This function gets called when show/hide link is clicked.\n   */\n  const handleExpandRow = (index: number) => () => {\n    const isRowExpanded = includes(index, expandedRows);\n\n    /**\n     * If the row is expanded, we are here to hide it. Hence remove\n     * it from the state variable. Otherwise add to it.\n     */\n    const newExpandedRows = isRowExpanded\n      ? expandedRows.filter(id => id !== index)\n      : expandedRows.concat(index);\n\n    setExpandedRows(newExpandedRows);\n\n    /**\n     * Create a new object to update the expanded state of all rows\n     * Use the newExpandedRows array to set the state of all rows that are currently expanded\n     */\n    const expandedState: ExpandState = {};\n    newExpandedRows.forEach(id => {\n      expandedState[id] = true;\n    });\n\n    setExpandState(expandedState);\n  };\n\n  const headerRow = columns.map((column, cIndex) => {\n    const {title} = column;\n    return (\n      <th\n        className={\n          cIndex === 0\n            ? classnames(\n                stickyFirstColumn ? style.headerFirstSticky : style.headerFirst,\n                style.header\n              )\n            : style.header\n        }\n        key={`${title}-${cIndex}`}\n        role=\"columnheader\"\n      >\n        {title}\n      </th>\n    );\n  });\n\n  headerRow.push(\n    <th\n      className={stickyLastColumn ? style.headerLastSticky : style.headerLast}\n      key=\"action-header\"\n    />\n  );\n  const headerView = [...headerRow];\n\n  const bodyView = rows.map((row, index) => {\n    const {fields, isRowExpandible = false} = row;\n    const bodyRow = fields.map((field, fIndex) => {\n      const cellContent =\n        fIndex === 0 ? (\n          <div className={style.columFirstWrapper}>\n            <div className={style.expandButtonWrapper}>\n              {isRowExpandible ? (\n                <ButtonLinkIconOnly\n                  onClick={handleExpandRow(index)}\n                  data-name={`arrowUp-button-${index}`}\n                  icon=\"down\"\n                  className={expandState[index] ? 'bulkArrowUp' : 'bulkArrowDown'}\n                  aria-label={translate('bulk_import.show_errors')}\n                />\n              ) : null}\n            </div>\n            {buildField(field)}\n          </div>\n        ) : (\n          buildField(field)\n        );\n      return (\n        <td\n          className={\n            fIndex === 0\n              ? classnames(\n                  stickyFirstColumn ? style.columnFirstSticky : style.columnFirst,\n                  style.col\n                )\n              : style.col\n          }\n          style={{width: columnWidth}}\n          key={`${field}-${fIndex}`}\n        >\n          {cellContent}\n        </td>\n      );\n    });\n\n    bodyRow.push(\n      <td\n        className={stickyLastColumn ? style.columnLastSticky : style.columnLast}\n        key=\"actionHeader\"\n      >\n        {lastField ? (\n          <div\n            className={classnames({\n              [style.inspectButton]: get('className', lastField) === 'bulkInspectButton'\n            })}\n          >\n            {buildLastField(lastField)}\n          </div>\n        ) : null}\n      </td>\n    );\n    const nestedRow = get('nestedRow', row);\n    const nestedRowCellule =\n      nestedRow && expandedRows.includes(index) ? (\n        <tr key={`line-${index}-error`}>\n          <td className={style.nestedRowCellule} colSpan={fields.length + 2}>\n            {buildNestedRow(nestedRow)}\n          </td>\n        </tr>\n      ) : null;\n\n    return nestedRowCellule\n      ? [<tr key={`line-${index}`}>{bodyRow}</tr>, nestedRowCellule]\n      : [<tr key={`line-${index}`}>{bodyRow}</tr>];\n  });\n\n  return (\n    <div className={style.wrapper}>\n      <table\n        {...(ariaDescribedby ? {'aria-describedby': ariaDescribedby} : {})}\n        className={style.table}\n        data-testid=\"expandible-actionable-table\"\n        data-name=\"expandible-actionable-table\"\n      >\n        <thead className={isNestedTable ? style.theadNested : style.thead}>\n          <tr>{headerView}</tr>\n        </thead>\n        <tbody>{bodyView}</tbody>\n      </table>\n    </div>\n  );\n};\n\nActionableExpandableTable.contextTypes = {\n  skin: Provider.childContextTypes.skin,\n  translate: Provider.childContextTypes.translate\n};\n\nActionableExpandableTable.propTypes = propTypes;\n\nexport default ActionableExpandableTable;\n"],"mappings":"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"}
+{"version":3,"file":"index.js","names":["React","useState","classnames","ButtonLinkIcon","StatusItem","BulkProgressBar","Provider","GetTranslateFromContext","BulletPointMenuButton","ButtonLink","ErrorsTable","EmptySearchResult","style","propTypes","buildField","field","componentType","statusItemWrapper","buildLastField","lastField","buildNestedRow","row","ActionableExpandableTable","props","legacyContext","columns","rows","stickyFirstColumn","stickyLastColumn","ariaDescribedby","columnWidth","isNestedTable","emptyStateFistMessage","emptyStateSecondMessage","translate","expandedRows","setExpandedRows","expandState","setExpandState","wrapper","handleExpandRow","index","isRowExpanded","newExpandedRows","filter","id","concat","expandedState","forEach","headerRow","map","column","cIndex","title","headerFirstSticky","headerFirst","header","push","headerLastSticky","headerLast","headerView","bodyView","fields","isRowExpandible","bodyRow","fIndex","cellContent","columFirstWrapper","expandButtonWrapper","columnFirstSticky","columnFirst","col","width","columnLastSticky","columnLast","inspectButton","nestedRow","nestedRowCellule","includes","length","table","theadNested","thead","contextTypes","skin","childContextTypes"],"sources":["../../../src/molecule/expandible-actionable-table/index.tsx"],"sourcesContent":["import React, {useState} from 'react';\nimport classnames from 'classnames';\nimport {get, isString, size, includes, isEmpty} from 'lodash/fp';\nimport ButtonLinkIcon from '../../atom/button-link-icon';\nimport StatusItem from '../../atom/status-item';\nimport BulkProgressBar from '../bulk-progress-bar';\nimport {WebContextValues} from '../../atom/provider/web-context';\nimport Provider, {GetTranslateFromContext} from '../../atom/provider';\nimport BulletPointMenuButton from '../bullet-point-menu-button';\nimport ButtonLink from '../../atom/button-link';\nimport ErrorsTable from '../errors-table';\nimport EmptySearchResult from '../../atom/empty-search-result';\nimport style from './style.css';\nimport {ExpandState, Field, LastField, NestedRow, Props, propTypes} from './types';\n\nconst buildField = (field: Field) => {\n  if (isString(field)) return field;\n  const {componentType} = field;\n  switch (componentType) {\n    case 'status':\n      return (\n        <div className={style.statusItemWrapper}>\n          <StatusItem {...field} />\n        </div>\n      );\n    case 'progress-bar':\n      return <BulkProgressBar {...field} />;\n  }\n};\n\nconst buildLastField = (lastField: LastField) => {\n  const {componentType} = lastField;\n  switch (componentType) {\n    case 'menu':\n      return <BulletPointMenuButton {...lastField} />;\n    case 'button-link':\n      return <ButtonLink {...lastField} />;\n  }\n};\n\nconst buildNestedRow = (row: NestedRow) => {\n  const {componentType} = row;\n  switch (componentType) {\n    case 'errors-table':\n      return <ErrorsTable {...row} />;\n    case 'expandible-errors-table':\n      return <ActionableExpandableTable {...row} />;\n  }\n};\n\nconst ActionableExpandableTable = (props: Props, legacyContext: WebContextValues) => {\n  const {\n    columns,\n    rows = [],\n    lastField,\n    stickyFirstColumn = false,\n    stickyLastColumn = false,\n    ariaDescribedby,\n    columnWidth = `${100 / size(columns)}%`,\n    isNestedTable = false,\n    emptyStateFistMessage = '',\n    emptyStateSecondMessage = ''\n  } = props;\n\n  const translate = GetTranslateFromContext(legacyContext);\n\n  /**\n   * State variable to keep track of all the expanded rows\n   * By default, nothing expanded. Hence initialized with empty array.\n   */\n  const [expandedRows, setExpandedRows] = useState<number[]>([]);\n\n  /**\n   * State variable to keep track which row is currently expanded.\n   */\n  const [expandState, setExpandState] = useState<ExpandState>({});\n\n  if (isEmpty(columns))\n    return (\n      <div className={style.wrapper}>\n        <EmptySearchResult\n          firstMessage={emptyStateFistMessage}\n          secondMessage={emptyStateSecondMessage}\n          isBulk\n        />\n      </div>\n    );\n\n  /**\n   * This function gets called when show/hide link is clicked.\n   */\n  const handleExpandRow = (index: number) => () => {\n    const isRowExpanded = includes(index, expandedRows);\n\n    /**\n     * If the row is expanded, we are here to hide it. Hence remove\n     * it from the state variable. Otherwise add to it.\n     */\n    const newExpandedRows = isRowExpanded\n      ? expandedRows.filter(id => id !== index)\n      : expandedRows.concat(index);\n\n    setExpandedRows(newExpandedRows);\n\n    /**\n     * Create a new object to update the expanded state of all rows\n     * Use the newExpandedRows array to set the state of all rows that are currently expanded\n     */\n    const expandedState: ExpandState = {};\n    newExpandedRows.forEach(id => {\n      expandedState[id] = true;\n    });\n\n    setExpandState(expandedState);\n  };\n\n  const headerRow = columns.map((column, cIndex) => {\n    const {title} = column;\n    return (\n      <th\n        className={\n          cIndex === 0\n            ? classnames(\n                stickyFirstColumn ? style.headerFirstSticky : style.headerFirst,\n                style.header\n              )\n            : style.header\n        }\n        key={`${title}-${cIndex}`}\n        role=\"columnheader\"\n      >\n        {title}\n      </th>\n    );\n  });\n\n  headerRow.push(\n    <th\n      className={stickyLastColumn ? style.headerLastSticky : style.headerLast}\n      key=\"action-header\"\n    />\n  );\n  const headerView = [...headerRow];\n\n  const bodyView = rows.map((row, index) => {\n    const {fields, isRowExpandible = false} = row;\n    const bodyRow = fields.map((field, fIndex) => {\n      const cellContent =\n        fIndex === 0 ? (\n          <div className={style.columFirstWrapper}>\n            <div className={style.expandButtonWrapper}>\n              {isRowExpandible ? (\n                <ButtonLinkIcon\n                  onClick={handleExpandRow(index)}\n                  data-name={`arrowUp-button-${index}`}\n                  icon=\"down\"\n                  className={expandState[index] ? 'bulkArrowUp' : 'bulkArrowDown'}\n                  aria-label={translate('bulk_import.show_errors')}\n                />\n              ) : null}\n            </div>\n            {buildField(field)}\n          </div>\n        ) : (\n          buildField(field)\n        );\n      return (\n        <td\n          className={\n            fIndex === 0\n              ? classnames(\n                  stickyFirstColumn ? style.columnFirstSticky : style.columnFirst,\n                  style.col\n                )\n              : style.col\n          }\n          style={{width: columnWidth}}\n          key={`${field}-${fIndex}`}\n        >\n          {cellContent}\n        </td>\n      );\n    });\n\n    bodyRow.push(\n      <td\n        className={stickyLastColumn ? style.columnLastSticky : style.columnLast}\n        key=\"actionHeader\"\n      >\n        {lastField ? (\n          <div\n            className={classnames({\n              [style.inspectButton]: get('className', lastField) === 'bulkInspectButton'\n            })}\n          >\n            {buildLastField(lastField)}\n          </div>\n        ) : null}\n      </td>\n    );\n    const nestedRow = get('nestedRow', row);\n    const nestedRowCellule =\n      nestedRow && expandedRows.includes(index) ? (\n        <tr key={`line-${index}-error`}>\n          <td className={style.nestedRowCellule} colSpan={fields.length + 2}>\n            {buildNestedRow(nestedRow)}\n          </td>\n        </tr>\n      ) : null;\n\n    return nestedRowCellule\n      ? [<tr key={`line-${index}`}>{bodyRow}</tr>, nestedRowCellule]\n      : [<tr key={`line-${index}`}>{bodyRow}</tr>];\n  });\n\n  return (\n    <div className={style.wrapper}>\n      <table\n        {...(ariaDescribedby ? {'aria-describedby': ariaDescribedby} : {})}\n        className={style.table}\n        data-testid=\"expandible-actionable-table\"\n        data-name=\"expandible-actionable-table\"\n      >\n        <thead className={isNestedTable ? style.theadNested : style.thead}>\n          <tr>{headerView}</tr>\n        </thead>\n        <tbody>{bodyView}</tbody>\n      </table>\n    </div>\n  );\n};\n\nActionableExpandableTable.contextTypes = {\n  skin: Provider.childContextTypes.skin,\n  translate: Provider.childContextTypes.translate\n};\n\nActionableExpandableTable.propTypes = propTypes;\n\nexport default ActionableExpandableTable;\n"],"mappings":"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"}