@coorpacademy/components 11.40.5 → 11.40.6-alpha.5

package/lib/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/lib/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/lib/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/lib/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/lib/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/lib/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/lib/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/lib/molecule/button-menu-action/index.js

@@ -9,6 +9,7 @@ var _map = _interopRequireDefault(require("lodash/fp/map"));
 var _reactFontawesome = require("@fortawesome/react-fontawesome");
 var _buttonLink = _interopRequireDefault(require("../../atom/button-link"));
 var _buttonMenu = _interopRequireDefault(require("../../atom/button-menu"));
+var _colors = require("../../variables/colors");
 var _types = _interopRequireDefault(require("./types"));
 var _style = _interopRequireDefault(require("./style.css"));
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
@@ -28,7 +29,8 @@ const ButtonMenuAction = props => {
     showFade = false
   } = props;
   const {
-    onClick = _noop2.default
+    onClick = _noop2.default,
+    withChevron = false
   } = button;
   const [visible, setVisible] = (0, _react.useState)(false);
   const containerRef = (0, _react.useRef)(null);
@@ -66,6 +68,28 @@ const ButtonMenuAction = props => {
   }, /*#__PURE__*/_react.default.createElement(_buttonMenu.default, _extends({}, menuWithClose, {
     enableScroll: enableScroll
   })));
+  const buttonProps = (0, _react.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.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.default.createElement("div", {
     className: _style.default.container,
     "data-name": "button-menu-action-wrapper",
@@ -88,7 +112,7 @@ const ButtonMenuAction = props => {
       color: visible ? primaryColor : undefined
     },
     "aria-label": button['aria-label']
-  })) : /*#__PURE__*/_react.default.createElement(_buttonLink.default, _extends({}, button, {
+  })) : /*#__PURE__*/_react.default.createElement(_buttonLink.default, _extends({}, buttonProps, {
     onClick: toggleVisibility
   })), _menu);
 };

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["_react","_interopRequireWildcard","require","_classnames","_interopRequireDefault","_map","_reactFontawesome","_buttonLink","_buttonMenu","_types","_style","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","_extends","assign","bind","arguments","length","apply","ButtonMenuAction","props","button","menu","menuWrapper","type","primaryColor","containerCustom","closeOnClick","enableScroll","showFade","onClick","_noop2","visible","setVisible","useState","containerRef","useRef","toggleVisibility","useCallback","prevState","useEffect","handleMouseDown","event","current","contains","target","document","addEventListener","removeEventListener","menuWithClose","buttons","map","btn","menuWrapperClass","classnames","style","_menu","createElement","className","ariaLabel","customStyle","container","ref","currentOption","color","undefined","label","FontAwesomeIcon","icon","caret","propTypes","process","env","NODE_ENV","_default","exports"],"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","_interopRequireWildcard","require","_classnames","_interopRequireDefault","_map","_reactFontawesome","_buttonLink","_buttonMenu","_colors","_types","_style","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","_extends","assign","bind","arguments","length","apply","ButtonMenuAction","props","button","menu","menuWrapper","type","primaryColor","containerCustom","closeOnClick","enableScroll","showFade","onClick","_noop2","withChevron","visible","setVisible","useState","containerRef","useRef","toggleVisibility","useCallback","prevState","useEffect","handleMouseDown","event","current","contains","target","document","addEventListener","removeEventListener","menuWithClose","buttons","map","btn","menuWrapperClass","classnames","style","_menu","createElement","className","ariaLabel","customStyle","buttonProps","useMemo","baseIcons","Array","isArray","icon","chevronIcon","position","faIcon","name","color","COLORS","neutral_700","size","icons","filter","container","ref","currentOption","undefined","label","FontAwesomeIcon","caret","propTypes","process","env","NODE_ENV","_default","exports"],"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/lib/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/lib/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/lib/molecule/button-menu-action/types.js

@@ -7,7 +7,10 @@ var _types = _interopRequireDefault(require("../../atom/button-link/types"));
 var _types2 = _interopRequireDefault(require("../../atom/button-menu/types"));
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 const ButtonMenuActionPropTypes = {
-  button: _propTypes.default.shape(_types.default).isRequired,
+  button: _propTypes.default.shape({
+    ..._types.default,
+    withChevron: _propTypes.default.bool
+  }).isRequired,
   menu: _propTypes.default.shape(_types2.default).isRequired,
   menuWrapper: _propTypes.default.shape({
     ariaLabel: _propTypes.default.string,
@@ -16,7 +19,9 @@ const ButtonMenuActionPropTypes = {
   type: _propTypes.default.oneOf(['button', 'link']),
   primaryColor: _propTypes.default.string,
   closeOnClick: _propTypes.default.bool,
-  enableScroll: _propTypes.default.bool
+  enableScroll: _propTypes.default.bool,
+  containerCustom: _propTypes.default.object,
+  showFade: _propTypes.default.bool
 };
 var _default = exports.default = ButtonMenuActionPropTypes;
 //# sourceMappingURL=types.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"types.js","names":["_propTypes","_interopRequireDefault","require","_types","_types2","e","__esModule","default","ButtonMenuActionPropTypes","button","PropTypes","shape","ButtonLinkPropTypes","isRequired","menu","ButtonMenuPropTypes","menuWrapper","ariaLabel","string","customStyle","objectOf","oneOfType","number","object","type","oneOf","primaryColor","closeOnClick","bool","enableScroll","_default","exports"],"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,IAAAA,UAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,MAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,OAAA,GAAAH,sBAAA,CAAAC,OAAA;AAAkF,SAAAD,uBAAAI,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAElF,MAAMG,yBAAyB,GAAG;EAChCC,MAAM,EAAEC,kBAAS,CAACC,KAAK,CAACC,cAAmB,CAAC,CAACC,UAAU;EACvDC,IAAI,EAAEJ,kBAAS,CAACC,KAAK,CAACI,eAAmB,CAAC,CAACF,UAAU;EACrDG,WAAW,EAAEN,kBAAS,CAACC,KAAK,CAAC;IAC3BM,SAAS,EAAEP,kBAAS,CAACQ,MAAM;IAC3BC,WAAW,EAAET,kBAAS,CAACU,QAAQ,CAC7BV,kBAAS,CAACW,SAAS,CAAC,CAACX,kBAAS,CAACQ,MAAM,EAAER,kBAAS,CAACY,MAAM,EAAEZ,kBAAS,CAACa,MAAM,CAAC,CAC5E;EACF,CAAC,CAAC;EACFC,IAAI,EAAEd,kBAAS,CAACe,KAAK,CAAC,CAAC,QAAQ,EAAE,MAAM,CAAC,CAAC;EACzCC,YAAY,EAAEhB,kBAAS,CAACQ,MAAM;EAC9BS,YAAY,EAAEjB,kBAAS,CAACkB,IAAI;EAC5BC,YAAY,EAAEnB,kBAAS,CAACkB;AAC1B,CAAC;AAAC,IAAAE,QAAA,GAAAC,OAAA,CAAAxB,OAAA,GACaC,yBAAyB","ignoreList":[]}
+{"version":3,"file":"types.js","names":["_propTypes","_interopRequireDefault","require","_types","_types2","e","__esModule","default","ButtonMenuActionPropTypes","button","PropTypes","shape","ButtonLinkPropTypes","withChevron","bool","isRequired","menu","ButtonMenuPropTypes","menuWrapper","ariaLabel","string","customStyle","objectOf","oneOfType","number","object","type","oneOf","primaryColor","closeOnClick","enableScroll","containerCustom","showFade","_default","exports"],"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,IAAAA,UAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,MAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,OAAA,GAAAH,sBAAA,CAAAC,OAAA;AAAkF,SAAAD,uBAAAI,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAElF,MAAMG,yBAAyB,GAAG;EAChCC,MAAM,EAAEC,kBAAS,CAACC,KAAK,CAAC;IACtB,GAAGC,cAAmB;IACtBC,WAAW,EAAEH,kBAAS,CAACI;EACzB,CAAC,CAAC,CAACC,UAAU;EACbC,IAAI,EAAEN,kBAAS,CAACC,KAAK,CAACM,eAAmB,CAAC,CAACF,UAAU;EACrDG,WAAW,EAAER,kBAAS,CAACC,KAAK,CAAC;IAC3BQ,SAAS,EAAET,kBAAS,CAACU,MAAM;IAC3BC,WAAW,EAAEX,kBAAS,CAACY,QAAQ,CAC7BZ,kBAAS,CAACa,SAAS,CAAC,CAACb,kBAAS,CAACU,MAAM,EAAEV,kBAAS,CAACc,MAAM,EAAEd,kBAAS,CAACe,MAAM,CAAC,CAC5E;EACF,CAAC,CAAC;EACFC,IAAI,EAAEhB,kBAAS,CAACiB,KAAK,CAAC,CAAC,QAAQ,EAAE,MAAM,CAAC,CAAC;EACzCC,YAAY,EAAElB,kBAAS,CAACU,MAAM;EAC9BS,YAAY,EAAEnB,kBAAS,CAACI,IAAI;EAC5BgB,YAAY,EAAEpB,kBAAS,CAACI,IAAI;EAC5BiB,eAAe,EAAErB,kBAAS,CAACe,MAAM;EACjCO,QAAQ,EAAEtB,kBAAS,CAACI;AACtB,CAAC;AAAC,IAAAmB,QAAA,GAAAC,OAAA,CAAA3B,OAAA,GACaC,yBAAyB","ignoreList":[]}