@coorpacademy/components 11.40.5 → 11.40.6-alpha.5

package/es/atom/radio-with-title/types.d.ts

@@ -39,7 +39,7 @@ export declare const propTypes: {
             tooltipPlacement: PropTypes.Requireable<string>;
             'data-name': PropTypes.Requireable<string>;
             'data-testid': PropTypes.Requireable<string>;
-            icon: PropTypes.Requireable<PropTypes.InferProps<{
+            icon: PropTypes.Requireable<NonNullable<PropTypes.InferProps<{
                 position: PropTypes.Requireable<string>;
                 type: PropTypes.Requireable<string>;
                 faIcon: PropTypes.Requireable<PropTypes.InferProps<{
@@ -47,11 +47,19 @@ export declare const propTypes: {
                     color: PropTypes.Requireable<string>;
                     backgroundColor: PropTypes.Requireable<string>;
                     size: PropTypes.Requireable<number>;
-                    customStyle: PropTypes.Requireable<{
-                        [x: string]: NonNullable<string | number | null | undefined> | null | undefined;
-                    }>;
+                    customStyle: PropTypes.Requireable<object>;
                 }>>;
-            }>>;
+            }> | (PropTypes.InferProps<{
+                position: PropTypes.Requireable<string>;
+                type: PropTypes.Requireable<string>;
+                faIcon: PropTypes.Requireable<PropTypes.InferProps<{
+                    name: PropTypes.Validator<string>;
+                    color: PropTypes.Requireable<string>;
+                    backgroundColor: PropTypes.Requireable<string>;
+                    size: PropTypes.Requireable<number>;
+                    customStyle: PropTypes.Requireable<object>;
+                }>>;
+            }> | null | undefined)[] | null | undefined>>;
             onClick: PropTypes.Requireable<(...args: any[]) => any>;
             link: PropTypes.Requireable<PropTypes.InferProps<{
                 href: PropTypes.Requireable<string>;
@@ -62,9 +70,8 @@ export declare const propTypes: {
             hoverColor: PropTypes.Requireable<string>;
             disabled: PropTypes.Requireable<boolean>;
             className: PropTypes.Requireable<string>;
-            customStyle: PropTypes.Requireable<{
-                [x: string]: NonNullable<string | number | null | undefined> | null | undefined;
-            }>;
+            customStyle: PropTypes.Requireable<object>;
+            contentCustomStyle: PropTypes.Requireable<object>;
             useTitle: PropTypes.Requireable<boolean>;
             customLabelClassName: PropTypes.Requireable<string>;
         }>>;

package/es/atom/radio-with-title/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/atom/radio-with-title/types.ts"],"names":[],"mappings":";AAAA,OAAO,SAAS,MAAM,YAAY,CAAC;AAGnC,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAOrB,CAAC;AAEF,oBAAY,mBAAmB,GAAG;IAChC,KAAK,EAAE;QACL,KAAK,EAAE,MAAM,CAAC;QACd,QAAQ,EAAE,MAAM,CAAC;QACjB,IAAI,EAAE,MAAM,CAAC;QACb,WAAW,EAAE,MAAM,CAAC;QACpB,YAAY,EAAE,MAAM,CAAC;KACtB,CAAC;IACF,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,OAAO,CAAC;IACjB,QAAQ,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;IACnC,YAAY,EAAE,MAAM,CAAC;IACrB,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB,CAAC"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/atom/radio-with-title/types.ts"],"names":[],"mappings":";AAAA,OAAO,SAAS,MAAM,YAAY,CAAC;AAGnC,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAOrB,CAAC;AAEF,oBAAY,mBAAmB,GAAG;IAChC,KAAK,EAAE;QACL,KAAK,EAAE,MAAM,CAAC;QACd,QAAQ,EAAE,MAAM,CAAC;QACjB,IAAI,EAAE,MAAM,CAAC;QACb,WAAW,EAAE,MAAM,CAAC;QACpB,YAAY,EAAE,MAAM,CAAC;KACtB,CAAC;IACF,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,OAAO,CAAC;IACjB,QAAQ,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;IACnC,YAAY,EAAE,MAAM,CAAC;IACrB,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB,CAAC"}

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

@@ -39,7 +39,7 @@ declare namespace Title {
             tooltipPlacement: PropTypes.Requireable<string>;
             'data-name': PropTypes.Requireable<string>;
             'data-testid': PropTypes.Requireable<string>;
-            icon: PropTypes.Requireable<PropTypes.InferProps<{
+            icon: PropTypes.Requireable<NonNullable<PropTypes.InferProps<{
                 position: PropTypes.Requireable<string>;
                 type: PropTypes.Requireable<string>;
                 faIcon: PropTypes.Requireable<PropTypes.InferProps<{
@@ -47,11 +47,19 @@ declare namespace Title {
                     color: PropTypes.Requireable<string>;
                     backgroundColor: PropTypes.Requireable<string>;
                     size: PropTypes.Requireable<number>;
-                    customStyle: PropTypes.Requireable<{
-                        [x: string]: NonNullable<string | number | null | undefined> | null | undefined;
-                    }>;
+                    customStyle: PropTypes.Requireable<object>;
                 }>>;
-            }>>;
+            }> | (PropTypes.InferProps<{
+                position: PropTypes.Requireable<string>;
+                type: PropTypes.Requireable<string>;
+                faIcon: PropTypes.Requireable<PropTypes.InferProps<{
+                    name: PropTypes.Validator<string>;
+                    color: PropTypes.Requireable<string>;
+                    backgroundColor: PropTypes.Requireable<string>;
+                    size: PropTypes.Requireable<number>;
+                    customStyle: PropTypes.Requireable<object>;
+                }>>;
+            }> | null | undefined)[] | null | undefined>>;
             onClick: PropTypes.Requireable<(...args: any[]) => any>;
             link: PropTypes.Requireable<PropTypes.InferProps<{
                 href: PropTypes.Requireable<string>;
@@ -62,9 +70,8 @@ declare namespace Title {
             hoverColor: PropTypes.Requireable<string>;
             disabled: PropTypes.Requireable<boolean>;
             className: PropTypes.Requireable<string>;
-            customStyle: PropTypes.Requireable<{
-                [x: string]: NonNullable<string | number | null | undefined> | null | undefined;
-            }>;
+            customStyle: PropTypes.Requireable<object>;
+            contentCustomStyle: PropTypes.Requireable<object>;
             useTitle: PropTypes.Requireable<boolean>;
             customLabelClassName: PropTypes.Requireable<string>;
         }>>;

package/es/molecule/bullet-point-menu-button/index.d.ts

@@ -23,9 +23,7 @@ declare const BulletPointMenuButton: {
                     color: import("prop-types").Requireable<string>;
                     backgroundColor: import("prop-types").Requireable<string>;
                     size: import("prop-types").Requireable<number>;
-                    customStyle: import("prop-types").Requireable<{
-                        [x: string]: NonNullable<string | number | null | undefined> | null | undefined;
-                    }>;
+                    customStyle: import("prop-types").Requireable<object>;
                 }>>;
             }>>;
             customStyle: import("prop-types").Requireable<{

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/molecule/bullet-point-menu-button/index.tsx"],"names":[],"mappings":";AAKA,OAAkB,EAAC,0BAA0B,EAAC,MAAM,SAAS,CAAC;AAM9D,QAAA,MAAM,qBAAqB;YAAW,0BAA0B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAsH/D,CAAC;AAIF,eAAe,qBAAqB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/molecule/bullet-point-menu-button/index.tsx"],"names":[],"mappings":";AAKA,OAAkB,EAAC,0BAA0B,EAAC,MAAM,SAAS,CAAC;AAM9D,QAAA,MAAM,qBAAqB;YAAW,0BAA0B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAsH/D,CAAC;AAIF,eAAe,qBAAqB,CAAC"}

package/es/molecule/bullet-point-menu-button/types.d.ts

@@ -21,9 +21,7 @@ declare const propTypes: {
                 color: PropTypes.Requireable<string>;
                 backgroundColor: PropTypes.Requireable<string>;
                 size: PropTypes.Requireable<number>;
-                customStyle: PropTypes.Requireable<{
-                    [x: string]: NonNullable<string | number | null | undefined> | null | undefined;
-                }>;
+                customStyle: PropTypes.Requireable<object>;
             }>>;
         }>>;
         customStyle: PropTypes.Requireable<{

package/es/molecule/bullet-point-menu-button/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/molecule/bullet-point-menu-button/types.ts"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,YAAY,CAAC;AAEnC,OAAO,EAAC,WAAW,EAAC,MAAM,8BAA8B,CAAC;AAEzD,QAAA,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CASd,CAAC;AAEF,eAAe,SAAS,CAAC;AAEzB,oBAAY,0BAA0B,GAAG;IACvC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,OAAO,EAAE,WAAW,EAAE,CAAC;IACvB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB,CAAC;AAEF,oBAAY,iCAAiC,GAAG;IAAC,KAAK,EAAE,0BAA0B,CAAA;CAAC,CAAC"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/molecule/bullet-point-menu-button/types.ts"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,YAAY,CAAC;AAEnC,OAAO,EAAC,WAAW,EAAC,MAAM,8BAA8B,CAAC;AAEzD,QAAA,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CASd,CAAC;AAEF,eAAe,SAAS,CAAC;AAEzB,oBAAY,0BAA0B,GAAG;IACvC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,OAAO,EAAE,WAAW,EAAE,CAAC;IACvB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB,CAAC;AAEF,oBAAY,iCAAiC,GAAG;IAAC,KAAK,EAAE,0BAA0B,CAAA;CAAC,CAAC"}

package/es/molecule/button-menu-action/index.d.ts

@@ -4,6 +4,7 @@ declare const ButtonMenuAction: {
     (props: ButtonMenuActionProps): JSX.Element;
     propTypes: {
         button: import("prop-types").Validator<NonNullable<import("prop-types").InferProps<{
+            withChevron: import("prop-types").Requireable<boolean>;
             type: import("prop-types").Requireable<string>;
             usage: import("prop-types").Requireable<string>;
             label: import("prop-types").Requireable<string>;
@@ -13,7 +14,7 @@ declare const ButtonMenuAction: {
             tooltipPlacement: import("prop-types").Requireable<string>;
             'data-name': import("prop-types").Requireable<string>;
             'data-testid': import("prop-types").Requireable<string>;
-            icon: import("prop-types").Requireable<import("prop-types").InferProps<{
+            icon: import("prop-types").Requireable<NonNullable<import("prop-types").InferProps<{
                 position: import("prop-types").Requireable<string>;
                 type: import("prop-types").Requireable<string>;
                 faIcon: import("prop-types").Requireable<import("prop-types").InferProps<{
@@ -21,11 +22,19 @@ declare const ButtonMenuAction: {
                     color: import("prop-types").Requireable<string>;
                     backgroundColor: import("prop-types").Requireable<string>;
                     size: import("prop-types").Requireable<number>;
-                    customStyle: import("prop-types").Requireable<{
-                        [x: string]: NonNullable<string | number | null | undefined> | null | undefined;
-                    }>;
+                    customStyle: import("prop-types").Requireable<object>;
                 }>>;
-            }>>;
+            }> | (import("prop-types").InferProps<{
+                position: import("prop-types").Requireable<string>;
+                type: import("prop-types").Requireable<string>;
+                faIcon: import("prop-types").Requireable<import("prop-types").InferProps<{
+                    name: import("prop-types").Validator<string>;
+                    color: import("prop-types").Requireable<string>;
+                    backgroundColor: import("prop-types").Requireable<string>;
+                    size: import("prop-types").Requireable<number>;
+                    customStyle: import("prop-types").Requireable<object>;
+                }>>;
+            }> | null | undefined)[] | null | undefined>>;
             onClick: import("prop-types").Requireable<(...args: any[]) => any>;
             link: import("prop-types").Requireable<import("prop-types").InferProps<{
                 href: import("prop-types").Requireable<string>;
@@ -36,9 +45,8 @@ declare const ButtonMenuAction: {
             hoverColor: import("prop-types").Requireable<string>;
             disabled: import("prop-types").Requireable<boolean>;
             className: import("prop-types").Requireable<string>;
-            customStyle: import("prop-types").Requireable<{
-                [x: string]: NonNullable<string | number | null | undefined> | null | undefined;
-            }>;
+            customStyle: import("prop-types").Requireable<object>;
+            contentCustomStyle: import("prop-types").Requireable<object>;
             useTitle: import("prop-types").Requireable<boolean>;
             customLabelClassName: import("prop-types").Requireable<string>;
         }>>>;
@@ -59,9 +67,7 @@ declare const ButtonMenuAction: {
                         color: import("prop-types").Requireable<string>;
                         backgroundColor: import("prop-types").Requireable<string>;
                         size: import("prop-types").Requireable<number>;
-                        customStyle: import("prop-types").Requireable<{
-                            [x: string]: NonNullable<string | number | null | undefined> | null | undefined;
-                        }>;
+                        customStyle: import("prop-types").Requireable<object>;
                     }>>;
                 }>>;
                 customStyle: import("prop-types").Requireable<{
@@ -83,6 +89,8 @@ declare const ButtonMenuAction: {
         primaryColor: import("prop-types").Requireable<string>;
         closeOnClick: import("prop-types").Requireable<boolean>;
         enableScroll: import("prop-types").Requireable<boolean>;
+        containerCustom: import("prop-types").Requireable<object>;
+        showFade: import("prop-types").Requireable<boolean>;
     };
 };
 export default ButtonMenuAction;

package/es/molecule/button-menu-action/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/molecule/button-menu-action/index.tsx"],"names":[],"mappings":";AAOA,OAAkB,EAAC,qBAAqB,EAAC,MAAM,SAAS,CAAC;AAGzD,QAAA,MAAM,gBAAgB;YAAW,qBAAqB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA4FrD,CAAC;AAIF,eAAe,gBAAgB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/molecule/button-menu-action/index.tsx"],"names":[],"mappings":";AAQA,OAAkB,EAAC,qBAAqB,EAAC,MAAM,SAAS,CAAC;AAGzD,QAAA,MAAM,gBAAgB;YAAW,qBAAqB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAqHrD,CAAC;AAIF,eAAe,gBAAgB,CAAC"}

package/es/molecule/button-menu-action/index.js

@@ -1,11 +1,12 @@
 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, { useCallback, useEffect, useState, useRef } from 'react';
+import React, { useCallback, useEffect, useState, useRef, useMemo } from 'react';
 import classnames from 'classnames';
 import map from 'lodash/fp/map';
 import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
 import ButtonLink from '../../atom/button-link';
 import ButtonMenu from '../../atom/button-menu';
+import { COLORS } from '../../variables/colors';
 import propTypes from './types';
 import style from './style.css';
 const ButtonMenuAction = props => {
@@ -21,7 +22,8 @@ const ButtonMenuAction = props => {
     showFade = false
   } = props;
   const {
-    onClick = _noop
+    onClick = _noop,
+    withChevron = false
   } = button;
   const [visible, setVisible] = useState(false);
   const containerRef = useRef(null);
@@ -59,6 +61,28 @@ const ButtonMenuAction = props => {
   }, /*#__PURE__*/React.createElement(ButtonMenu, _extends({}, menuWithClose, {
     enableScroll: enableScroll
   })));
+  const buttonProps = useMemo(() => {
+    if (!withChevron) return button;
+
+    // to handle array/object/undefined
+    // eslint-disable-next-line no-nested-ternary
+    const baseIcons = Array.isArray(button.icon) ? button.icon : button.icon ? [button.icon] : [];
+    const chevronIcon = {
+      position: 'right',
+      faIcon: {
+        name: visible ? 'chevron-up' : 'chevron-down',
+        color: COLORS.neutral_700,
+        size: 14
+      }
+    };
+
+    // remove right icon if exists
+    const icons = [...baseIcons.filter(i => i && i.position !== 'right'), chevronIcon];
+    return {
+      ...button,
+      icon: icons
+    };
+  }, [button, withChevron, visible]);
   return /*#__PURE__*/React.createElement("div", {
     className: style.container,
     "data-name": "button-menu-action-wrapper",
@@ -81,7 +105,7 @@ const ButtonMenuAction = props => {
       color: visible ? primaryColor : undefined
     },
     "aria-label": button['aria-label']
-  })) : /*#__PURE__*/React.createElement(ButtonLink, _extends({}, button, {
+  })) : /*#__PURE__*/React.createElement(ButtonLink, _extends({}, buttonProps, {
     onClick: toggleVisibility
   })), _menu);
 };

package/es/molecule/button-menu-action/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["React","useCallback","useEffect","useState","useRef","classnames","map","FontAwesomeIcon","ButtonLink","ButtonMenu","propTypes","style","ButtonMenuAction","props","button","menu","menuWrapper","type","primaryColor","containerCustom","closeOnClick","enableScroll","showFade","onClick","_noop","visible","setVisible","containerRef","toggleVisibility","prevState","handleMouseDown","event","current","contains","target","document","addEventListener","removeEventListener","menuWithClose","buttons","btn","menuWrapperClass","length","_menu","createElement","className","ariaLabel","customStyle","_extends","container","ref","currentOption","color","undefined","label","icon","caret","process","env","NODE_ENV"],"sources":["../../../src/molecule/button-menu-action/index.tsx"],"sourcesContent":["import React, {useCallback, useEffect, useState, useRef} from 'react';\nimport classnames from 'classnames';\nimport {noop} from 'lodash/fp';\nimport map from 'lodash/fp/map';\nimport {FontAwesomeIcon} from '@fortawesome/react-fontawesome';\nimport ButtonLink from '../../atom/button-link';\nimport ButtonMenu from '../../atom/button-menu';\nimport propTypes, {ButtonMenuActionProps} from './types';\nimport style from './style.css';\n\nconst ButtonMenuAction = (props: ButtonMenuActionProps) => {\n  const {\n    button,\n    menu,\n    menuWrapper,\n    type = 'button',\n    primaryColor,\n    containerCustom,\n    closeOnClick = false,\n    enableScroll = false,\n    showFade = false\n  } = props;\n  const {onClick = noop} = button;\n  const [visible, setVisible] = useState(false);\n  const containerRef = useRef<HTMLDivElement>(null);\n\n  const toggleVisibility = useCallback(() => {\n    onClick();\n    setVisible(prevState => !prevState);\n  }, [onClick]);\n\n  useEffect(() => {\n    const handleMouseDown = (event: MouseEvent) => {\n      if (visible && containerRef.current && !containerRef.current.contains(event.target as Node)) {\n        setVisible(false);\n      }\n    };\n\n    document.addEventListener('mousedown', handleMouseDown);\n    return () => {\n      document.removeEventListener('mousedown', handleMouseDown);\n    };\n  }, [visible, containerRef]);\n\n  const menuWithClose = closeOnClick\n    ? {\n        ...menu,\n        buttons: map(\n          btn => ({\n            ...btn,\n            onClick: () => setVisible(false)\n          }),\n          menu.buttons\n        )\n      }\n    : menu;\n\n  const menuWrapperClass = classnames(style.menuWrapper, {\n    [style.visible]: visible,\n    [style.showFade]: showFade && menuWithClose.buttons && menuWithClose.buttons.length > 6\n  });\n\n  const _menu = (\n    <div\n      className={menuWrapperClass}\n      data-name=\"menu-wrapper\"\n      aria-label={menuWrapper?.ariaLabel}\n      style={menuWrapper?.customStyle}\n    >\n      <ButtonMenu {...menuWithClose} enableScroll={enableScroll} />\n    </div>\n  );\n\n  return (\n    <div\n      className={style.container}\n      data-name=\"button-menu-action-wrapper\"\n      style={containerCustom}\n      ref={containerRef}\n    >\n      {type === 'link' ? (\n        <div\n          className={style.currentOption}\n          data-name={button['data-name']}\n          onClick={toggleVisibility}\n          aria-expanded={visible}\n          aria-haspopup=\"true\"\n        >\n          <span style={{color: visible ? primaryColor : undefined}}>{button.label}</span>\n          <FontAwesomeIcon\n            icon={visible ? 'chevron-up' : 'chevron-down'}\n            className={style.caret}\n            style={{color: visible ? primaryColor : undefined}}\n            aria-label={button['aria-label']}\n          />\n        </div>\n      ) : (\n        <ButtonLink {...button} onClick={toggleVisibility} />\n      )}\n      {_menu}\n    </div>\n  );\n};\n\nButtonMenuAction.propTypes = propTypes;\n\nexport default ButtonMenuAction;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.js","names":["React","useCallback","useEffect","useState","useRef","useMemo","classnames","map","FontAwesomeIcon","ButtonLink","ButtonMenu","COLORS","propTypes","style","ButtonMenuAction","props","button","menu","menuWrapper","type","primaryColor","containerCustom","closeOnClick","enableScroll","showFade","onClick","_noop","withChevron","visible","setVisible","containerRef","toggleVisibility","prevState","handleMouseDown","event","current","contains","target","document","addEventListener","removeEventListener","menuWithClose","buttons","btn","menuWrapperClass","length","_menu","createElement","className","ariaLabel","customStyle","_extends","buttonProps","baseIcons","Array","isArray","icon","chevronIcon","position","faIcon","name","color","neutral_700","size","icons","filter","i","container","ref","currentOption","undefined","label","caret","process","env","NODE_ENV"],"sources":["../../../src/molecule/button-menu-action/index.tsx"],"sourcesContent":["import React, {useCallback, useEffect, useState, useRef, useMemo} from 'react';\nimport classnames from 'classnames';\nimport {noop} from 'lodash/fp';\nimport map from 'lodash/fp/map';\nimport {FontAwesomeIcon} from '@fortawesome/react-fontawesome';\nimport ButtonLink from '../../atom/button-link';\nimport ButtonMenu from '../../atom/button-menu';\nimport {COLORS} from '../../variables/colors';\nimport propTypes, {ButtonMenuActionProps} from './types';\nimport style from './style.css';\n\nconst ButtonMenuAction = (props: ButtonMenuActionProps) => {\n  const {\n    button,\n    menu,\n    menuWrapper,\n    type = 'button',\n    primaryColor,\n    containerCustom,\n    closeOnClick = false,\n    enableScroll = false,\n    showFade = false\n  } = props;\n  const {onClick = noop, withChevron = false} = button;\n  const [visible, setVisible] = useState(false);\n  const containerRef = useRef<HTMLDivElement>(null);\n\n  const toggleVisibility = useCallback(() => {\n    onClick();\n    setVisible(prevState => !prevState);\n  }, [onClick]);\n\n  useEffect(() => {\n    const handleMouseDown = (event: MouseEvent) => {\n      if (visible && containerRef.current && !containerRef.current.contains(event.target as Node)) {\n        setVisible(false);\n      }\n    };\n\n    document.addEventListener('mousedown', handleMouseDown);\n    return () => {\n      document.removeEventListener('mousedown', handleMouseDown);\n    };\n  }, [visible, containerRef]);\n\n  const menuWithClose = closeOnClick\n    ? {\n        ...menu,\n        buttons: map(\n          btn => ({\n            ...btn,\n            onClick: () => setVisible(false)\n          }),\n          menu.buttons\n        )\n      }\n    : menu;\n\n  const menuWrapperClass = classnames(style.menuWrapper, {\n    [style.visible]: visible,\n    [style.showFade]: showFade && menuWithClose.buttons && menuWithClose.buttons.length > 6\n  });\n\n  const _menu = (\n    <div\n      className={menuWrapperClass}\n      data-name=\"menu-wrapper\"\n      aria-label={menuWrapper?.ariaLabel}\n      style={menuWrapper?.customStyle}\n    >\n      <ButtonMenu {...menuWithClose} enableScroll={enableScroll} />\n    </div>\n  );\n\n  const buttonProps = useMemo(() => {\n    if (!withChevron) return button;\n\n    // to handle array/object/undefined\n    // eslint-disable-next-line no-nested-ternary\n    const baseIcons = Array.isArray(button.icon) ? button.icon : button.icon ? [button.icon] : [];\n\n    const chevronIcon = {\n      position: 'right' as const,\n      faIcon: {\n        name: visible ? 'chevron-up' : 'chevron-down',\n        color: COLORS.neutral_700,\n        size: 14\n      }\n    };\n\n    // remove right icon if exists\n    const icons = [...baseIcons.filter(i => i && i.position !== 'right'), chevronIcon];\n\n    return {\n      ...button,\n      icon: icons\n    };\n  }, [button, withChevron, visible]);\n\n  return (\n    <div\n      className={style.container}\n      data-name=\"button-menu-action-wrapper\"\n      style={containerCustom}\n      ref={containerRef}\n    >\n      {type === 'link' ? (\n        <div\n          className={style.currentOption}\n          data-name={button['data-name']}\n          onClick={toggleVisibility}\n          aria-expanded={visible}\n          aria-haspopup=\"true\"\n        >\n          <span style={{color: visible ? primaryColor : undefined}}>{button.label}</span>\n          <FontAwesomeIcon\n            icon={visible ? 'chevron-up' : 'chevron-down'}\n            className={style.caret}\n            style={{color: visible ? primaryColor : undefined}}\n            aria-label={button['aria-label']}\n          />\n        </div>\n      ) : (\n        <ButtonLink {...buttonProps} onClick={toggleVisibility} />\n      )}\n      {_menu}\n    </div>\n  );\n};\n\nButtonMenuAction.propTypes = propTypes;\n\nexport default ButtonMenuAction;\n"],"mappings":"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","ignoreList":[]}

package/es/molecule/button-menu-action/types.d.ts

@@ -3,6 +3,7 @@ import { ButtonLinkProps } from '../../atom/button-link/types';
 import { ButtonMenuProps } from '../../atom/button-menu/types';
 declare const ButtonMenuActionPropTypes: {
     button: PropTypes.Validator<NonNullable<PropTypes.InferProps<{
+        withChevron: PropTypes.Requireable<boolean>;
         type: PropTypes.Requireable<string>;
         usage: PropTypes.Requireable<string>;
         label: PropTypes.Requireable<string>;
@@ -12,7 +13,7 @@ declare const ButtonMenuActionPropTypes: {
         tooltipPlacement: PropTypes.Requireable<string>;
         'data-name': PropTypes.Requireable<string>;
         'data-testid': PropTypes.Requireable<string>;
-        icon: PropTypes.Requireable<PropTypes.InferProps<{
+        icon: PropTypes.Requireable<NonNullable<PropTypes.InferProps<{
             position: PropTypes.Requireable<string>;
             type: PropTypes.Requireable<string>;
             faIcon: PropTypes.Requireable<PropTypes.InferProps<{
@@ -20,11 +21,19 @@ declare const ButtonMenuActionPropTypes: {
                 color: PropTypes.Requireable<string>;
                 backgroundColor: PropTypes.Requireable<string>;
                 size: PropTypes.Requireable<number>;
-                customStyle: PropTypes.Requireable<{
-                    [x: string]: NonNullable<string | number | null | undefined> | null | undefined;
-                }>;
+                customStyle: PropTypes.Requireable<object>;
             }>>;
-        }>>;
+        }> | (PropTypes.InferProps<{
+            position: PropTypes.Requireable<string>;
+            type: PropTypes.Requireable<string>;
+            faIcon: PropTypes.Requireable<PropTypes.InferProps<{
+                name: PropTypes.Validator<string>;
+                color: PropTypes.Requireable<string>;
+                backgroundColor: PropTypes.Requireable<string>;
+                size: PropTypes.Requireable<number>;
+                customStyle: PropTypes.Requireable<object>;
+            }>>;
+        }> | null | undefined)[] | null | undefined>>;
         onClick: PropTypes.Requireable<(...args: any[]) => any>;
         link: PropTypes.Requireable<PropTypes.InferProps<{
             href: PropTypes.Requireable<string>;
@@ -35,9 +44,8 @@ declare const ButtonMenuActionPropTypes: {
         hoverColor: PropTypes.Requireable<string>;
         disabled: PropTypes.Requireable<boolean>;
         className: PropTypes.Requireable<string>;
-        customStyle: PropTypes.Requireable<{
-            [x: string]: NonNullable<string | number | null | undefined> | null | undefined;
-        }>;
+        customStyle: PropTypes.Requireable<object>;
+        contentCustomStyle: PropTypes.Requireable<object>;
         useTitle: PropTypes.Requireable<boolean>;
         customLabelClassName: PropTypes.Requireable<string>;
     }>>>;
@@ -58,9 +66,7 @@ declare const ButtonMenuActionPropTypes: {
                     color: PropTypes.Requireable<string>;
                     backgroundColor: PropTypes.Requireable<string>;
                     size: PropTypes.Requireable<number>;
-                    customStyle: PropTypes.Requireable<{
-                        [x: string]: NonNullable<string | number | null | undefined> | null | undefined;
-                    }>;
+                    customStyle: PropTypes.Requireable<object>;
                 }>>;
             }>>;
             customStyle: PropTypes.Requireable<{
@@ -82,10 +88,14 @@ declare const ButtonMenuActionPropTypes: {
     primaryColor: PropTypes.Requireable<string>;
     closeOnClick: PropTypes.Requireable<boolean>;
     enableScroll: PropTypes.Requireable<boolean>;
+    containerCustom: PropTypes.Requireable<object>;
+    showFade: PropTypes.Requireable<boolean>;
 };
 export default ButtonMenuActionPropTypes;
 export declare type ButtonMenuActionProps = {
-    button: ButtonLinkProps;
+    button: ButtonLinkProps & {
+        withChevron?: boolean;
+    };
     menu: ButtonMenuProps;
     menuWrapper?: {
         ariaLabel?: string;

package/es/molecule/button-menu-action/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/molecule/button-menu-action/types.ts"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,YAAY,CAAC;AACnC,OAA4B,EAAC,eAAe,EAAC,MAAM,8BAA8B,CAAC;AAClF,OAA4B,EAAC,eAAe,EAAC,MAAM,8BAA8B,CAAC;AAElF,QAAA,MAAM,yBAAyB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAa9B,CAAC;AACF,eAAe,yBAAyB,CAAC;AAEzC,oBAAY,qBAAqB,GAAG;IAClC,MAAM,EAAE,eAAe,CAAC;IACxB,IAAI,EAAE,eAAe,CAAC;IACtB,WAAW,CAAC,EAAE;QACZ,SAAS,CAAC,EAAE,MAAM,CAAC;QACnB,WAAW,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM,CAAC,CAAC;KAC/C,CAAC;IACF,IAAI,CAAC,EAAE,QAAQ,GAAG,MAAM,CAAC;IACzB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,eAAe,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM,CAAC,CAAC;IAClD,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;AAEF,oBAAY,4BAA4B,GAAG;IAAC,KAAK,EAAE,qBAAqB,CAAA;CAAC,CAAC"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/molecule/button-menu-action/types.ts"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,YAAY,CAAC;AACnC,OAA4B,EAAC,eAAe,EAAC,MAAM,8BAA8B,CAAC;AAClF,OAA4B,EAAC,eAAe,EAAC,MAAM,8BAA8B,CAAC;AAElF,QAAA,MAAM,yBAAyB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAkB9B,CAAC;AACF,eAAe,yBAAyB,CAAC;AAEzC,oBAAY,qBAAqB,GAAG;IAClC,MAAM,EAAE,eAAe,GAAG;QACxB,WAAW,CAAC,EAAE,OAAO,CAAC;KACvB,CAAC;IACF,IAAI,EAAE,eAAe,CAAC;IACtB,WAAW,CAAC,EAAE;QACZ,SAAS,CAAC,EAAE,MAAM,CAAC;QACnB,WAAW,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM,CAAC,CAAC;KAC/C,CAAC;IACF,IAAI,CAAC,EAAE,QAAQ,GAAG,MAAM,CAAC;IACzB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,eAAe,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM,CAAC,CAAC;IAClD,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;AAEF,oBAAY,4BAA4B,GAAG;IAAC,KAAK,EAAE,qBAAqB,CAAA;CAAC,CAAC"}

package/es/molecule/button-menu-action/types.js

@@ -2,7 +2,10 @@ import PropTypes from 'prop-types';
 import ButtonLinkPropTypes from '../../atom/button-link/types';
 import ButtonMenuPropTypes from '../../atom/button-menu/types';
 const ButtonMenuActionPropTypes = {
-  button: PropTypes.shape(ButtonLinkPropTypes).isRequired,
+  button: PropTypes.shape({
+    ...ButtonLinkPropTypes,
+    withChevron: PropTypes.bool
+  }).isRequired,
   menu: PropTypes.shape(ButtonMenuPropTypes).isRequired,
   menuWrapper: PropTypes.shape({
     ariaLabel: PropTypes.string,
@@ -11,7 +14,9 @@ const ButtonMenuActionPropTypes = {
   type: PropTypes.oneOf(['button', 'link']),
   primaryColor: PropTypes.string,
   closeOnClick: PropTypes.bool,
-  enableScroll: PropTypes.bool
+  enableScroll: PropTypes.bool,
+  containerCustom: PropTypes.object,
+  showFade: PropTypes.bool
 };
 export default ButtonMenuActionPropTypes;
 //# sourceMappingURL=types.js.map

package/es/molecule/button-menu-action/types.js.map

@@ -1 +1 @@
-{"version":3,"file":"types.js","names":["PropTypes","ButtonLinkPropTypes","ButtonMenuPropTypes","ButtonMenuActionPropTypes","button","shape","isRequired","menu","menuWrapper","ariaLabel","string","customStyle","objectOf","oneOfType","number","object","type","oneOf","primaryColor","closeOnClick","bool","enableScroll"],"sources":["../../../src/molecule/button-menu-action/types.ts"],"sourcesContent":["import PropTypes from 'prop-types';\nimport ButtonLinkPropTypes, {ButtonLinkProps} from '../../atom/button-link/types';\nimport ButtonMenuPropTypes, {ButtonMenuProps} from '../../atom/button-menu/types';\n\nconst ButtonMenuActionPropTypes = {\n  button: PropTypes.shape(ButtonLinkPropTypes).isRequired,\n  menu: PropTypes.shape(ButtonMenuPropTypes).isRequired,\n  menuWrapper: PropTypes.shape({\n    ariaLabel: PropTypes.string,\n    customStyle: PropTypes.objectOf(\n      PropTypes.oneOfType([PropTypes.string, PropTypes.number, PropTypes.object])\n    )\n  }),\n  type: PropTypes.oneOf(['button', 'link']),\n  primaryColor: PropTypes.string,\n  closeOnClick: PropTypes.bool,\n  enableScroll: PropTypes.bool\n};\nexport default ButtonMenuActionPropTypes;\n\nexport type ButtonMenuActionProps = {\n  button: ButtonLinkProps;\n  menu: ButtonMenuProps;\n  menuWrapper?: {\n    ariaLabel?: string;\n    customStyle?: Record<string, string | number>;\n  };\n  type?: 'button' | 'link';\n  primaryColor?: string;\n  containerCustom?: Record<string, string | number>;\n  closeOnClick?: boolean;\n  enableScroll?: boolean;\n  showFade?: boolean;\n};\n\nexport type ButtonMenuActionPropsFixture = {props: ButtonMenuActionProps};\n"],"mappings":"AAAA,OAAOA,SAAS,MAAM,YAAY;AAClC,OAAOC,mBAAmB,MAAyB,8BAA8B;AACjF,OAAOC,mBAAmB,MAAyB,8BAA8B;AAEjF,MAAMC,yBAAyB,GAAG;EAChCC,MAAM,EAAEJ,SAAS,CAACK,KAAK,CAACJ,mBAAmB,CAAC,CAACK,UAAU;EACvDC,IAAI,EAAEP,SAAS,CAACK,KAAK,CAACH,mBAAmB,CAAC,CAACI,UAAU;EACrDE,WAAW,EAAER,SAAS,CAACK,KAAK,CAAC;IAC3BI,SAAS,EAAET,SAAS,CAACU,MAAM;IAC3BC,WAAW,EAAEX,SAAS,CAACY,QAAQ,CAC7BZ,SAAS,CAACa,SAAS,CAAC,CAACb,SAAS,CAACU,MAAM,EAAEV,SAAS,CAACc,MAAM,EAAEd,SAAS,CAACe,MAAM,CAAC,CAC5E;EACF,CAAC,CAAC;EACFC,IAAI,EAAEhB,SAAS,CAACiB,KAAK,CAAC,CAAC,QAAQ,EAAE,MAAM,CAAC,CAAC;EACzCC,YAAY,EAAElB,SAAS,CAACU,MAAM;EAC9BS,YAAY,EAAEnB,SAAS,CAACoB,IAAI;EAC5BC,YAAY,EAAErB,SAAS,CAACoB;AAC1B,CAAC;AACD,eAAejB,yBAAyB","ignoreList":[]}
+{"version":3,"file":"types.js","names":["PropTypes","ButtonLinkPropTypes","ButtonMenuPropTypes","ButtonMenuActionPropTypes","button","shape","withChevron","bool","isRequired","menu","menuWrapper","ariaLabel","string","customStyle","objectOf","oneOfType","number","object","type","oneOf","primaryColor","closeOnClick","enableScroll","containerCustom","showFade"],"sources":["../../../src/molecule/button-menu-action/types.ts"],"sourcesContent":["import PropTypes from 'prop-types';\nimport ButtonLinkPropTypes, {ButtonLinkProps} from '../../atom/button-link/types';\nimport ButtonMenuPropTypes, {ButtonMenuProps} from '../../atom/button-menu/types';\n\nconst ButtonMenuActionPropTypes = {\n  button: PropTypes.shape({\n    ...ButtonLinkPropTypes,\n    withChevron: PropTypes.bool\n  }).isRequired,\n  menu: PropTypes.shape(ButtonMenuPropTypes).isRequired,\n  menuWrapper: PropTypes.shape({\n    ariaLabel: PropTypes.string,\n    customStyle: PropTypes.objectOf(\n      PropTypes.oneOfType([PropTypes.string, PropTypes.number, PropTypes.object])\n    )\n  }),\n  type: PropTypes.oneOf(['button', 'link']),\n  primaryColor: PropTypes.string,\n  closeOnClick: PropTypes.bool,\n  enableScroll: PropTypes.bool,\n  containerCustom: PropTypes.object,\n  showFade: PropTypes.bool\n};\nexport default ButtonMenuActionPropTypes;\n\nexport type ButtonMenuActionProps = {\n  button: ButtonLinkProps & {\n    withChevron?: boolean;\n  };\n  menu: ButtonMenuProps;\n  menuWrapper?: {\n    ariaLabel?: string;\n    customStyle?: Record<string, string | number>;\n  };\n  type?: 'button' | 'link';\n  primaryColor?: string;\n  containerCustom?: Record<string, string | number>;\n  closeOnClick?: boolean;\n  enableScroll?: boolean;\n  showFade?: boolean;\n};\n\nexport type ButtonMenuActionPropsFixture = {props: ButtonMenuActionProps};\n"],"mappings":"AAAA,OAAOA,SAAS,MAAM,YAAY;AAClC,OAAOC,mBAAmB,MAAyB,8BAA8B;AACjF,OAAOC,mBAAmB,MAAyB,8BAA8B;AAEjF,MAAMC,yBAAyB,GAAG;EAChCC,MAAM,EAAEJ,SAAS,CAACK,KAAK,CAAC;IACtB,GAAGJ,mBAAmB;IACtBK,WAAW,EAAEN,SAAS,CAACO;EACzB,CAAC,CAAC,CAACC,UAAU;EACbC,IAAI,EAAET,SAAS,CAACK,KAAK,CAACH,mBAAmB,CAAC,CAACM,UAAU;EACrDE,WAAW,EAAEV,SAAS,CAACK,KAAK,CAAC;IAC3BM,SAAS,EAAEX,SAAS,CAACY,MAAM;IAC3BC,WAAW,EAAEb,SAAS,CAACc,QAAQ,CAC7Bd,SAAS,CAACe,SAAS,CAAC,CAACf,SAAS,CAACY,MAAM,EAAEZ,SAAS,CAACgB,MAAM,EAAEhB,SAAS,CAACiB,MAAM,CAAC,CAC5E;EACF,CAAC,CAAC;EACFC,IAAI,EAAElB,SAAS,CAACmB,KAAK,CAAC,CAAC,QAAQ,EAAE,MAAM,CAAC,CAAC;EACzCC,YAAY,EAAEpB,SAAS,CAACY,MAAM;EAC9BS,YAAY,EAAErB,SAAS,CAACO,IAAI;EAC5Be,YAAY,EAAEtB,SAAS,CAACO,IAAI;EAC5BgB,eAAe,EAAEvB,SAAS,CAACiB,MAAM;EACjCO,QAAQ,EAAExB,SAAS,CAACO;AACtB,CAAC;AACD,eAAeJ,yBAAyB","ignoreList":[]}