@laerdal/life-react-components 5.0.8-dev.2.full → 5.0.9

package/dist/Button/DualFunctionButton.cjs

@@ -1,11 +1,13 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _typeof = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = void 0;
+exports["default"] = void 0;
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
@@ -19,46 +21,68 @@ var _DropdownContent = _interopRequireDefault(require("../Dropdown/DropdownConte
 var _styledComponents = _interopRequireDefault(require("styled-components"));
 var _common = require("../common");
 var _jsxRuntime = require("react/jsx-runtime");
-const _excluded = ["children", "variant", "type", "size", "width", "testId", "disabled", "id", "dropdownMenuValues", "setDropdownMenuValues", "dropdownCustomizationProps"],
+var _excluded = ["children", "variant", "type", "size", "width", "testId", "disabled", "id", "dropdownMenuValues", "setDropdownMenuValues", "dropdownCustomizationProps"],
   _excluded2 = ["loading", "icon", "onClick"];
 var _templateObject;
-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); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-const DualButtonsContainer = _styledComponents.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  display: flex;\n  align-items: center;\n\n  button:first-child {\n    margin-right: 2px;\n  }\n\n  ", " {\n    min-width: unset;\n    gap: 0px;\n    padding: ", ";\n  }\n\n  .extraMargin {\n    margin-bottom: 4px;\n  }\n"])), _Button.ButtonContentContainer, props => props.$size == _types.Size.Large ? '4px 18px' : props.$size == _types.Size.Medium ? '4px 14px' : '4px 10px');
-const DualFunctionButton = _ref => {
-  let {
-      children = 'Primary Button',
-      variant = 'primary',
-      type = 'button',
-      size = _types.Size.Medium,
-      width = 'auto',
-      testId,
-      disabled,
-      id,
-      dropdownMenuValues,
-      setDropdownMenuValues,
-      dropdownCustomizationProps
-    } = _ref,
-    props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2["default"])(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var DualButtonsContainer = _styledComponents["default"].div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["\n  display: flex;\n  align-items: center;\n\n  button:first-child {\n    margin-right: 2px;\n  }\n\n  ", " {\n    min-width: unset;\n    gap: 0px;\n    padding: ", ";\n  }\n\n  .extraMargin {\n    margin-bottom: 4px;\n  }\n"])), _Button.ButtonContentContainer, function (props) {
+  return props.$size == _types.Size.Large ? '4px 18px' : props.$size == _types.Size.Medium ? '4px 14px' : '4px 10px';
+});
+var DualFunctionButton = function DualFunctionButton(_ref) {
+  var _ref$children = _ref.children,
+    children = _ref$children === void 0 ? 'Primary Button' : _ref$children,
+    _ref$variant = _ref.variant,
+    variant = _ref$variant === void 0 ? 'primary' : _ref$variant,
+    _ref$type = _ref.type,
+    type = _ref$type === void 0 ? 'button' : _ref$type,
+    _ref$size = _ref.size,
+    size = _ref$size === void 0 ? _types.Size.Medium : _ref$size,
+    _ref$width = _ref.width,
+    width = _ref$width === void 0 ? 'auto' : _ref$width,
+    testId = _ref.testId,
+    disabled = _ref.disabled,
+    id = _ref.id,
+    dropdownMenuValues = _ref.dropdownMenuValues,
+    setDropdownMenuValues = _ref.setDropdownMenuValues,
+    dropdownCustomizationProps = _ref.dropdownCustomizationProps,
+    props = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
   // Let's filter out properties that we don't need to render.
-  const {
-      loading,
-      icon,
-      onClick
-    } = props,
-    renderProps = (0, _objectWithoutProperties2.default)(props, _excluded2);
-  const [isOpen, setIsOpen] = React.useState(false);
-  const [activeDescendant, setActiveDescendant] = React.useState();
-  const [focused, setFocused] = React.useState(null);
-  const [keyboardNavigated, setKeyboardNavigated] = React.useState(false);
-  const dropdownContainerRef = React.useRef(null);
-  const [selectedValues, setSelectedValues] = React.useState([]);
-  const dropdownContentRef = React.useRef(null);
-  const dropdownButtonRef = (0, _common.useClickOutsideRef)(() => setIsOpen(false), [dropdownContainerRef], (0, _common.useFocusOutsideRef)(() => setIsOpen(false), [dropdownContentRef]));
-  const dropdownContentId = id ? id + '_dropdownContent' : (0, _nanoid.nanoid)();
-  React.useEffect(() => {
+  var loading = props.loading,
+    icon = props.icon,
+    onClick = props.onClick,
+    renderProps = (0, _objectWithoutProperties2["default"])(props, _excluded2);
+  var _React$useState = React.useState(false),
+    _React$useState2 = (0, _slicedToArray2["default"])(_React$useState, 2),
+    isOpen = _React$useState2[0],
+    setIsOpen = _React$useState2[1];
+  var _React$useState3 = React.useState(),
+    _React$useState4 = (0, _slicedToArray2["default"])(_React$useState3, 2),
+    activeDescendant = _React$useState4[0],
+    setActiveDescendant = _React$useState4[1];
+  var _React$useState5 = React.useState(null),
+    _React$useState6 = (0, _slicedToArray2["default"])(_React$useState5, 2),
+    focused = _React$useState6[0],
+    setFocused = _React$useState6[1];
+  var _React$useState7 = React.useState(false),
+    _React$useState8 = (0, _slicedToArray2["default"])(_React$useState7, 2),
+    keyboardNavigated = _React$useState8[0],
+    setKeyboardNavigated = _React$useState8[1];
+  var dropdownContainerRef = React.useRef(null);
+  var _React$useState9 = React.useState([]),
+    _React$useState10 = (0, _slicedToArray2["default"])(_React$useState9, 2),
+    selectedValues = _React$useState10[0],
+    setSelectedValues = _React$useState10[1];
+  var dropdownContentRef = React.useRef(null);
+  var dropdownButtonRef = (0, _common.useClickOutsideRef)(function () {
+    return setIsOpen(false);
+  }, [dropdownContainerRef], (0, _common.useFocusOutsideRef)(function () {
+    return setIsOpen(false);
+  }, [dropdownContentRef]));
+  var dropdownContentId = id ? id + '_dropdownContent' : (0, _nanoid.nanoid)();
+  React.useEffect(function () {
     !isOpen && setKeyboardNavigated(false);
   }, [isOpen]);
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(DualButtonsContainer, {
@@ -69,7 +93,7 @@ const DualFunctionButton = _ref => {
       $readOnly: false,
       $disabled: false,
       margin: "",
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Button.default, _objectSpread(_objectSpread({}, renderProps), {}, {
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Button["default"], _objectSpread(_objectSpread({}, renderProps), {}, {
         testId: testId,
         onClick: onClick,
         disabled: disabled,
@@ -81,7 +105,7 @@ const DualFunctionButton = _ref => {
         variant: variant,
         flatEdge: "right",
         children: children
-      })), /*#__PURE__*/(0, _jsxRuntime.jsx)(_DropdownContent.default, {
+      })), /*#__PURE__*/(0, _jsxRuntime.jsx)(_DropdownContent["default"], {
         containerRef: dropdownContainerRef,
         customizationProps: dropdownCustomizationProps,
         filter: "",
@@ -92,7 +116,9 @@ const DualFunctionButton = _ref => {
         setIsOpen: setIsOpen,
         focused: focused,
         width: size == _types.Size.Small ? '280px' : '360px',
-        onActiveDescendantChanged: e => setActiveDescendant(e),
+        onActiveDescendantChanged: function onActiveDescendantChanged(e) {
+          return setActiveDescendant(e);
+        },
         setFocused: setFocused,
         size: size,
         outline: keyboardNavigated,
@@ -102,10 +128,10 @@ const DualFunctionButton = _ref => {
         alignLeft: true,
         ariaRolesType: "menu"
       })]
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Button.default, _objectSpread(_objectSpread({
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Button["default"], _objectSpread(_objectSpread({
       variant: variant
     }, renderProps), {}, {
-      onKeyPress: e => {
+      onKeyPress: function onKeyPress(e) {
         if (isOpen) return;
         if (e.key === 'Enter' || e.key === ' ') {
           setFocused(0);
@@ -121,7 +147,7 @@ const DualFunctionButton = _ref => {
       disabled: disabled,
       type: type,
       size: size,
-      onClick: e => {
+      onClick: function onClick(e) {
         e.stopPropagation();
         setIsOpen(!isOpen);
       },
@@ -137,8 +163,9 @@ const DualFunctionButton = _ref => {
   });
 };
 DualFunctionButton.propTypes = {
-  dropdownMenuValues: _propTypes.default.arrayOf(_propTypes.default.string),
-  setDropdownMenuValues: _propTypes.default.func
+  dropdownMenuValues: _propTypes["default"].arrayOf(_propTypes["default"].string),
+  setDropdownMenuValues: _propTypes["default"].func
 };
-var _default = exports.default = DualFunctionButton;
+var _default = DualFunctionButton;
+exports["default"] = _default;
 //# sourceMappingURL=DualFunctionButton.cjs.map

package/dist/Button/DualFunctionButton.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"DualFunctionButton.cjs","names":["React","_interopRequireWildcard","require","_Button","_icons","_CommonStyling","_nanoid","_types","_DropdownContent","_interopRequireDefault","_styledComponents","_common","_jsxRuntime","_excluded","_excluded2","_templateObject","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","ownKeys","keys","getOwnPropertySymbols","o","filter","enumerable","push","apply","_objectSpread","arguments","length","forEach","_defineProperty2","getOwnPropertyDescriptors","defineProperties","DualButtonsContainer","styled","div","_taggedTemplateLiteral2","ButtonContentContainer","props","$size","Size","Large","Medium","DualFunctionButton","_ref","children","variant","type","size","width","testId","disabled","id","dropdownMenuValues","setDropdownMenuValues","dropdownCustomizationProps","_objectWithoutProperties2","loading","icon","onClick","renderProps","isOpen","setIsOpen","useState","activeDescendant","setActiveDescendant","focused","setFocused","keyboardNavigated","setKeyboardNavigated","dropdownContainerRef","useRef","selectedValues","setSelectedValues","dropdownContentRef","dropdownButtonRef","useClickOutsideRef","useFocusOutsideRef","dropdownContentId","nanoid","useEffect","jsxs","DropdownContainer","ref","$isButton","$readOnly","$disabled","margin","jsx","flatEdge","containerRef","customizationProps","itemsType","isButton","Small","onActiveDescendantChanged","outline","messageOnNoResults","alignLeft","ariaRolesType","onKeyPress","key","className","role","stopPropagation","SystemIcons","ArrowDropUp","ArrowDropDown","propTypes","_propTypes","arrayOf","string","func","_default","exports"],"sources":["../../src/Button/DualFunctionButton.tsx"],"sourcesContent":["import * as React from 'react';\r\nimport Button, { ButtonContentContainer, ButtonProps } from './Button';\r\nimport { SystemIcons } from '../icons';\r\nimport { DropdownContainer } from '../Dropdown/CommonStyling';\r\nimport { nanoid } from 'nanoid';\r\nimport { Size } from '../types';\r\nimport DropdownContent, { DropdownCustomizationProps } from '../Dropdown/DropdownContent';\r\nimport styled from 'styled-components';\r\nimport { useClickOutsideRef, useFocusOutsideRef } from '../common';\r\n\r\nconst DualButtonsContainer = styled.div<{ $size?: Size }>`\r\n  display: flex;\r\n  align-items: center;\r\n\r\n  button:first-child {\r\n    margin-right: 2px;\r\n  }\r\n\r\n  ${ButtonContentContainer} {\r\n    min-width: unset;\r\n    gap: 0px;\r\n    padding: ${(props) => (props.$size == Size.Large ? '4px 18px' : props.$size == Size.Medium ? '4px 14px' : '4px 10px')};\r\n  }\r\n\r\n  .extraMargin {\r\n    margin-bottom: 4px;\r\n  }\r\n`;\r\n\r\nexport interface ButtonOption {\r\n  label: string;\r\n}\r\n\r\nexport interface DualButtonProps extends ButtonProps {\r\n  /**\r\n  * Required. An object containing customization properties for the dropdown.\r\n  */\r\n  dropdownCustomizationProps: DropdownCustomizationProps;\r\n  /**\r\n  * Optional. An array of strings representing the values in the dropdown menu.\r\n  */\r\n  dropdownMenuValues?: string[];\r\n  /**\r\n   * Optional. A function to be called when the values in the dropdown menu change.\r\n   * It should return void, a boolean, or undefined.\r\n   */\r\n  setDropdownMenuValues?: (values: string[]) => void | boolean | undefined;\r\n}\r\n\r\nconst DualFunctionButton: React.FunctionComponent<DualButtonProps> = ({\r\n  children = 'Primary Button',\r\n  variant = 'primary',\r\n  type = 'button',\r\n  size = Size.Medium,\r\n  width: width = 'auto',\r\n  testId,\r\n  disabled,\r\n  id,\r\n  dropdownMenuValues,\r\n  setDropdownMenuValues,\r\n  dropdownCustomizationProps,\r\n  ...props\r\n}) => {\r\n  // Let's filter out properties that we don't need to render.\r\n  const { loading, icon, onClick, ...renderProps } = props;\r\n  const [isOpen, setIsOpen] = React.useState<boolean>(false);\r\n  const [activeDescendant, setActiveDescendant] = React.useState<string>();\r\n  const [focused, setFocused] = React.useState<number | null>(null);\r\n  const [keyboardNavigated, setKeyboardNavigated] = React.useState<boolean>(false);\r\n  const dropdownContainerRef = React.useRef<HTMLDivElement>(null);\r\n  const [selectedValues, setSelectedValues] = React.useState<string[]>([]);\r\n\r\n  const dropdownContentRef = React.useRef<HTMLDivElement>(null);\r\n  const dropdownButtonRef = useClickOutsideRef(\r\n    () => setIsOpen(false),\r\n    [dropdownContainerRef],\r\n    useFocusOutsideRef(() => setIsOpen(false), [dropdownContentRef]),\r\n  );\r\n  \r\n  const dropdownContentId = id ? id + '_dropdownContent' : nanoid();\r\n\r\n  React.useEffect(() => {\r\n    !isOpen && setKeyboardNavigated(false);\r\n  }, [isOpen]);\r\n\r\n  return (\r\n    <DualButtonsContainer $size={size}>\r\n      <DropdownContainer ref={dropdownContainerRef} $isButton={true} $readOnly={false} $disabled={false} margin=\"\">\r\n        <Button {...renderProps} testId={testId} onClick={onClick} disabled={disabled} type={type} loading={loading} icon={icon} size={size} width={width} variant={variant} flatEdge=\"right\">\r\n          {children}\r\n        </Button>\r\n        <DropdownContent\r\n          containerRef={dropdownContainerRef}\r\n          customizationProps={dropdownCustomizationProps}\r\n          filter=\"\"\r\n          ref={dropdownContentRef}\r\n          selectedValues={dropdownCustomizationProps.itemsType == 'normal' ? [] : dropdownMenuValues ?? selectedValues}\r\n          setSelectedValues={setDropdownMenuValues ? setDropdownMenuValues : setSelectedValues}\r\n          isButton={true}\r\n          setIsOpen={setIsOpen}\r\n          focused={focused}\r\n          width={size == Size.Small ? '280px' : '360px'}\r\n          onActiveDescendantChanged={(e) => setActiveDescendant(e)}\r\n          setFocused={setFocused}\r\n          size={size}\r\n          outline={keyboardNavigated}\r\n          isOpen={isOpen}\r\n          id={dropdownContentId}\r\n          messageOnNoResults=\"\"\r\n          alignLeft={true}\r\n          ariaRolesType=\"menu\"\r\n        />\r\n      </DropdownContainer>\r\n      <Button\r\n        variant={variant}\r\n        {...renderProps}\r\n        onKeyPress={(e: any) => {\r\n          if (isOpen) return;\r\n\r\n          if (e.key === 'Enter' || e.key === ' ') {\r\n            setFocused(0);\r\n            setKeyboardNavigated(true);\r\n          }\r\n        }}\r\n        className=\"extraMargin\"\r\n        testId={'options_toggleBtn'}\r\n        ref={dropdownButtonRef}\r\n        aria-activedescendant={activeDescendant}\r\n        role=\"button\"\r\n        aria-controls={dropdownContentId}\r\n        disabled={disabled}\r\n        type={type}\r\n        size={size}\r\n        onClick={(e) => {\r\n          e.stopPropagation();\r\n          setIsOpen(!isOpen);\r\n        }}\r\n        icon={ isOpen ? <SystemIcons.ArrowDropUp aria-hidden=\"true\" size=\"16px\" /> \r\n        : <SystemIcons.ArrowDropDown aria-hidden=\"true\" size=\"16px\" /> }\r\n        flatEdge=\"left\"\r\n      />\r\n    </DualButtonsContainer>\r\n  );\r\n};\r\n\r\nexport default DualFunctionButton;\r\n"],"mappings":";;;;;;;;;;;AAAA,IAAAA,KAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,OAAA,GAAAF,uBAAA,CAAAC,OAAA;AACA,IAAAE,MAAA,GAAAF,OAAA;AACA,IAAAG,cAAA,GAAAH,OAAA;AACA,IAAAI,OAAA,GAAAJ,OAAA;AACA,IAAAK,MAAA,GAAAL,OAAA;AACA,IAAAM,gBAAA,GAAAC,sBAAA,CAAAP,OAAA;AACA,IAAAQ,iBAAA,GAAAD,sBAAA,CAAAP,OAAA;AACA,IAAAS,OAAA,GAAAT,OAAA;AAAmE,IAAAU,WAAA,GAAAV,OAAA;AAAA,MAAAW,SAAA;EAAAC,UAAA;AAAA,IAAAC,eAAA;AAAA,SAAAC,yBAAAC,CAAA,6BAAAC,OAAA,mBAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,CAAAC,CAAA,WAAAA,CAAA,GAAAG,CAAA,GAAAD,CAAA,KAAAF,CAAA;AAAA,SAAAhB,wBAAAgB,CAAA,EAAAE,CAAA,SAAAA,CAAA,IAAAF,CAAA,IAAAA,CAAA,CAAAI,UAAA,SAAAJ,CAAA,eAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,WAAAK,OAAA,EAAAL,CAAA,QAAAG,CAAA,GAAAJ,wBAAA,CAAAG,CAAA,OAAAC,CAAA,IAAAA,CAAA,CAAAG,GAAA,CAAAN,CAAA,UAAAG,CAAA,CAAAI,GAAA,CAAAP,CAAA,OAAAQ,CAAA,KAAAC,SAAA,UAAAC,CAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,CAAA,IAAAd,CAAA,oBAAAc,CAAA,OAAAC,cAAA,CAAAC,IAAA,CAAAhB,CAAA,EAAAc,CAAA,SAAAG,CAAA,GAAAP,CAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAb,CAAA,EAAAc,CAAA,UAAAG,CAAA,KAAAA,CAAA,CAAAV,GAAA,IAAAU,CAAA,CAAAC,GAAA,IAAAP,MAAA,CAAAC,cAAA,CAAAJ,CAAA,EAAAM,CAAA,EAAAG,CAAA,IAAAT,CAAA,CAAAM,CAAA,IAAAd,CAAA,CAAAc,CAAA,YAAAN,CAAA,CAAAH,OAAA,GAAAL,CAAA,EAAAG,CAAA,IAAAA,CAAA,CAAAe,GAAA,CAAAlB,CAAA,EAAAQ,CAAA,GAAAA,CAAA;AAAA,SAAAW,QAAAnB,CAAA,EAAAE,CAAA,QAAAC,CAAA,GAAAQ,MAAA,CAAAS,IAAA,CAAApB,CAAA,OAAAW,MAAA,CAAAU,qBAAA,QAAAC,CAAA,GAAAX,MAAA,CAAAU,qBAAA,CAAArB,CAAA,GAAAE,CAAA,KAAAoB,CAAA,GAAAA,CAAA,CAAAC,MAAA,WAAArB,CAAA,WAAAS,MAAA,CAAAE,wBAAA,CAAAb,CAAA,EAAAE,CAAA,EAAAsB,UAAA,OAAArB,CAAA,CAAAsB,IAAA,CAAAC,KAAA,CAAAvB,CAAA,EAAAmB,CAAA,YAAAnB,CAAA;AAAA,SAAAwB,cAAA3B,CAAA,aAAAE,CAAA,MAAAA,CAAA,GAAA0B,SAAA,CAAAC,MAAA,EAAA3B,CAAA,UAAAC,CAAA,WAAAyB,SAAA,CAAA1B,CAAA,IAAA0B,SAAA,CAAA1B,CAAA,QAAAA,CAAA,OAAAiB,OAAA,CAAAR,MAAA,CAAAR,CAAA,OAAA2B,OAAA,WAAA5B,CAAA,QAAA6B,gBAAA,CAAA1B,OAAA,EAAAL,CAAA,EAAAE,CAAA,EAAAC,CAAA,CAAAD,CAAA,SAAAS,MAAA,CAAAqB,yBAAA,GAAArB,MAAA,CAAAsB,gBAAA,CAAAjC,CAAA,EAAAW,MAAA,CAAAqB,yBAAA,CAAA7B,CAAA,KAAAgB,OAAA,CAAAR,MAAA,CAAAR,CAAA,GAAA2B,OAAA,WAAA5B,CAAA,IAAAS,MAAA,CAAAC,cAAA,CAAAZ,CAAA,EAAAE,CAAA,EAAAS,MAAA,CAAAE,wBAAA,CAAAV,CAAA,EAAAD,CAAA,iBAAAF,CAAA;AAEnE,MAAMkC,oBAAoB,GAAGC,yBAAM,CAACC,GAAG,CAAAtC,eAAA,KAAAA,eAAA,OAAAuC,uBAAA,CAAAhC,OAAA,0OAQnCiC,8BAAsB,EAGVC,KAAK,IAAMA,KAAK,CAACC,KAAK,IAAIC,WAAI,CAACC,KAAK,GAAG,UAAU,GAAGH,KAAK,CAACC,KAAK,IAAIC,WAAI,CAACE,MAAM,GAAG,UAAU,GAAG,UAAW,CAMxH;AAsBD,MAAMC,kBAA4D,GAAGC,IAAA,IAa/D;EAAA,IAbgE;MACpEC,QAAQ,GAAG,gBAAgB;MAC3BC,OAAO,GAAG,SAAS;MACnBC,IAAI,GAAG,QAAQ;MACfC,IAAI,GAAGR,WAAI,CAACE,MAAM;MACXO,KAAK,GAAG,MAAM;MACrBC,MAAM;MACNC,QAAQ;MACRC,EAAE;MACFC,kBAAkB;MAClBC,qBAAqB;MACrBC;IAEF,CAAC,GAAAX,IAAA;IADIN,KAAK,OAAAkB,yBAAA,CAAApD,OAAA,EAAAwC,IAAA,EAAAjD,SAAA;EAER;EACA,MAAM;MAAE8D,OAAO;MAAEC,IAAI;MAAEC;IAAwB,CAAC,GAAGrB,KAAK;IAArBsB,WAAW,OAAAJ,yBAAA,CAAApD,OAAA,EAAKkC,KAAK,EAAA1C,UAAA;EACxD,MAAM,CAACiE,MAAM,EAAEC,SAAS,CAAC,GAAGhF,KAAK,CAACiF,QAAQ,CAAU,KAAK,CAAC;EAC1D,MAAM,CAACC,gBAAgB,EAAEC,mBAAmB,CAAC,GAAGnF,KAAK,CAACiF,QAAQ,CAAS,CAAC;EACxE,MAAM,CAACG,OAAO,EAAEC,UAAU,CAAC,GAAGrF,KAAK,CAACiF,QAAQ,CAAgB,IAAI,CAAC;EACjE,MAAM,CAACK,iBAAiB,EAAEC,oBAAoB,CAAC,GAAGvF,KAAK,CAACiF,QAAQ,CAAU,KAAK,CAAC;EAChF,MAAMO,oBAAoB,GAAGxF,KAAK,CAACyF,MAAM,CAAiB,IAAI,CAAC;EAC/D,MAAM,CAACC,cAAc,EAAEC,iBAAiB,CAAC,GAAG3F,KAAK,CAACiF,QAAQ,CAAW,EAAE,CAAC;EAExE,MAAMW,kBAAkB,GAAG5F,KAAK,CAACyF,MAAM,CAAiB,IAAI,CAAC;EAC7D,MAAMI,iBAAiB,GAAG,IAAAC,0BAAkB,EAC1C,MAAMd,SAAS,CAAC,KAAK,CAAC,EACtB,CAACQ,oBAAoB,CAAC,EACtB,IAAAO,0BAAkB,EAAC,MAAMf,SAAS,CAAC,KAAK,CAAC,EAAE,CAACY,kBAAkB,CAAC,CACjE,CAAC;EAED,MAAMI,iBAAiB,GAAG1B,EAAE,GAAGA,EAAE,GAAG,kBAAkB,GAAG,IAAA2B,cAAM,EAAC,CAAC;EAEjEjG,KAAK,CAACkG,SAAS,CAAC,MAAM;IACpB,CAACnB,MAAM,IAAIQ,oBAAoB,CAAC,KAAK,CAAC;EACxC,CAAC,EAAE,CAACR,MAAM,CAAC,CAAC;EAEZ,oBACE,IAAAnE,WAAA,CAAAuF,IAAA,EAAChD,oBAAoB;IAACM,KAAK,EAAES,IAAK;IAAAH,QAAA,gBAChC,IAAAnD,WAAA,CAAAuF,IAAA,EAAC9F,cAAA,CAAA+F,iBAAiB;MAACC,GAAG,EAAEb,oBAAqB;MAACc,SAAS,EAAE,IAAK;MAACC,SAAS,EAAE,KAAM;MAACC,SAAS,EAAE,KAAM;MAACC,MAAM,EAAC,EAAE;MAAA1C,QAAA,gBAC1G,IAAAnD,WAAA,CAAA8F,GAAA,EAACvG,OAAA,CAAAmB,OAAM,EAAAsB,aAAA,CAAAA,aAAA,KAAKkC,WAAW;QAAEV,MAAM,EAAEA,MAAO;QAACS,OAAO,EAAEA,OAAQ;QAACR,QAAQ,EAAEA,QAAS;QAACJ,IAAI,EAAEA,IAAK;QAACU,OAAO,EAAEA,OAAQ;QAACC,IAAI,EAAEA,IAAK;QAACV,IAAI,EAAEA,IAAK;QAACC,KAAK,EAAEA,KAAM;QAACH,OAAO,EAAEA,OAAQ;QAAC2C,QAAQ,EAAC,OAAO;QAAA5C,QAAA,EAClLA;MAAQ,EACH,CAAC,eACT,IAAAnD,WAAA,CAAA8F,GAAA,EAAClG,gBAAA,CAAAc,OAAe;QACdsF,YAAY,EAAEpB,oBAAqB;QACnCqB,kBAAkB,EAAEpC,0BAA2B;QAC/CjC,MAAM,EAAC,EAAE;QACT6D,GAAG,EAAET,kBAAmB;QACxBF,cAAc,EAAEjB,0BAA0B,CAACqC,SAAS,IAAI,QAAQ,GAAG,EAAE,GAAGvC,kBAAkB,aAAlBA,kBAAkB,cAAlBA,kBAAkB,GAAImB,cAAe;QAC7GC,iBAAiB,EAAEnB,qBAAqB,GAAGA,qBAAqB,GAAGmB,iBAAkB;QACrFoB,QAAQ,EAAE,IAAK;QACf/B,SAAS,EAAEA,SAAU;QACrBI,OAAO,EAAEA,OAAQ;QACjBjB,KAAK,EAAED,IAAI,IAAIR,WAAI,CAACsD,KAAK,GAAG,OAAO,GAAG,OAAQ;QAC9CC,yBAAyB,EAAGhG,CAAC,IAAKkE,mBAAmB,CAAClE,CAAC,CAAE;QACzDoE,UAAU,EAAEA,UAAW;QACvBnB,IAAI,EAAEA,IAAK;QACXgD,OAAO,EAAE5B,iBAAkB;QAC3BP,MAAM,EAAEA,MAAO;QACfT,EAAE,EAAE0B,iBAAkB;QACtBmB,kBAAkB,EAAC,EAAE;QACrBC,SAAS,EAAE,IAAK;QAChBC,aAAa,EAAC;MAAM,CACrB,CAAC;IAAA,CACe,CAAC,eACpB,IAAAzG,WAAA,CAAA8F,GAAA,EAACvG,OAAA,CAAAmB,OAAM,EAAAsB,aAAA,CAAAA,aAAA;MACLoB,OAAO,EAAEA;IAAQ,GACbc,WAAW;MACfwC,UAAU,EAAGrG,CAAM,IAAK;QACtB,IAAI8D,MAAM,EAAE;QAEZ,IAAI9D,CAAC,CAACsG,GAAG,KAAK,OAAO,IAAItG,CAAC,CAACsG,GAAG,KAAK,GAAG,EAAE;UACtClC,UAAU,CAAC,CAAC,CAAC;UACbE,oBAAoB,CAAC,IAAI,CAAC;QAC5B;MACF,CAAE;MACFiC,SAAS,EAAC,aAAa;MACvBpD,MAAM,EAAE,mBAAoB;MAC5BiC,GAAG,EAAER,iBAAkB;MACvB,yBAAuBX,gBAAiB;MACxCuC,IAAI,EAAC,QAAQ;MACb,iBAAezB,iBAAkB;MACjC3B,QAAQ,EAAEA,QAAS;MACnBJ,IAAI,EAAEA,IAAK;MACXC,IAAI,EAAEA,IAAK;MACXW,OAAO,EAAG5D,CAAC,IAAK;QACdA,CAAC,CAACyG,eAAe,CAAC,CAAC;QACnB1C,SAAS,CAAC,CAACD,MAAM,CAAC;MACpB,CAAE;MACFH,IAAI,EAAGG,MAAM,gBAAG,IAAAnE,WAAA,CAAA8F,GAAA,EAACtG,MAAA,CAAAuH,WAAW,CAACC,WAAW;QAAC,eAAY,MAAM;QAAC1D,IAAI,EAAC;MAAM,CAAE,CAAC,gBACxE,IAAAtD,WAAA,CAAA8F,GAAA,EAACtG,MAAA,CAAAuH,WAAW,CAACE,aAAa;QAAC,eAAY,MAAM;QAAC3D,IAAI,EAAC;MAAM,CAAE,CAAG;MAChEyC,QAAQ,EAAC;IAAM,EAChB,CAAC;EAAA,CACkB,CAAC;AAE3B,CAAC;AAAC9C,kBAAA,CAAAiE,SAAA;EAtGAvD,kBAAkB,EAAAwD,UAAA,CAAAzG,OAAA,CAAA0G,OAAA,CAAAD,UAAA,CAAAzG,OAAA,CAAA2G,MAAA;EAKlBzD,qBAAqB,EAAAuD,UAAA,CAAAzG,OAAA,CAAA4G;AAAA;AAAA,IAAAC,QAAA,GAAAC,OAAA,CAAA9G,OAAA,GAmGRuC,kBAAkB","ignoreList":[]}
+{"version":3,"file":"DualFunctionButton.cjs","names":["React","_interopRequireWildcard","require","_Button","_icons","_CommonStyling","_nanoid","_types","_DropdownContent","_interopRequireDefault","_styledComponents","_common","_jsxRuntime","_excluded","_excluded2","_templateObject","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","_typeof","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","ownKeys","keys","getOwnPropertySymbols","o","filter","enumerable","push","apply","_objectSpread","arguments","length","forEach","_defineProperty2","getOwnPropertyDescriptors","defineProperties","DualButtonsContainer","styled","div","_taggedTemplateLiteral2","ButtonContentContainer","props","$size","Size","Large","Medium","DualFunctionButton","_ref","_ref$children","children","_ref$variant","variant","_ref$type","type","_ref$size","size","_ref$width","width","testId","disabled","id","dropdownMenuValues","setDropdownMenuValues","dropdownCustomizationProps","_objectWithoutProperties2","loading","icon","onClick","renderProps","_React$useState","useState","_React$useState2","_slicedToArray2","isOpen","setIsOpen","_React$useState3","_React$useState4","activeDescendant","setActiveDescendant","_React$useState5","_React$useState6","focused","setFocused","_React$useState7","_React$useState8","keyboardNavigated","setKeyboardNavigated","dropdownContainerRef","useRef","_React$useState9","_React$useState10","selectedValues","setSelectedValues","dropdownContentRef","dropdownButtonRef","useClickOutsideRef","useFocusOutsideRef","dropdownContentId","nanoid","useEffect","jsxs","DropdownContainer","ref","$isButton","$readOnly","$disabled","margin","jsx","flatEdge","containerRef","customizationProps","itemsType","isButton","Small","onActiveDescendantChanged","outline","messageOnNoResults","alignLeft","ariaRolesType","onKeyPress","key","className","role","stopPropagation","SystemIcons","ArrowDropUp","ArrowDropDown","propTypes","_propTypes","arrayOf","string","func","_default","exports"],"sources":["../../src/Button/DualFunctionButton.tsx"],"sourcesContent":["import * as React from 'react';\r\nimport Button, { ButtonContentContainer, ButtonProps } from './Button';\r\nimport { SystemIcons } from '../icons';\r\nimport { DropdownContainer } from '../Dropdown/CommonStyling';\r\nimport { nanoid } from 'nanoid';\r\nimport { Size } from '../types';\r\nimport DropdownContent, { DropdownCustomizationProps } from '../Dropdown/DropdownContent';\r\nimport styled from 'styled-components';\r\nimport { useClickOutsideRef, useFocusOutsideRef } from '../common';\r\n\r\nconst DualButtonsContainer = styled.div<{ $size?: Size }>`\r\n  display: flex;\r\n  align-items: center;\r\n\r\n  button:first-child {\r\n    margin-right: 2px;\r\n  }\r\n\r\n  ${ButtonContentContainer} {\r\n    min-width: unset;\r\n    gap: 0px;\r\n    padding: ${(props) => (props.$size == Size.Large ? '4px 18px' : props.$size == Size.Medium ? '4px 14px' : '4px 10px')};\r\n  }\r\n\r\n  .extraMargin {\r\n    margin-bottom: 4px;\r\n  }\r\n`;\r\n\r\nexport interface ButtonOption {\r\n  label: string;\r\n}\r\n\r\nexport interface DualButtonProps extends ButtonProps {\r\n  /**\r\n  * Required. An object containing customization properties for the dropdown.\r\n  */\r\n  dropdownCustomizationProps: DropdownCustomizationProps;\r\n  /**\r\n  * Optional. An array of strings representing the values in the dropdown menu.\r\n  */\r\n  dropdownMenuValues?: string[];\r\n  /**\r\n   * Optional. A function to be called when the values in the dropdown menu change.\r\n   * It should return void, a boolean, or undefined.\r\n   */\r\n  setDropdownMenuValues?: (values: string[]) => void | boolean | undefined;\r\n}\r\n\r\nconst DualFunctionButton: React.FunctionComponent<DualButtonProps> = ({\r\n  children = 'Primary Button',\r\n  variant = 'primary',\r\n  type = 'button',\r\n  size = Size.Medium,\r\n  width: width = 'auto',\r\n  testId,\r\n  disabled,\r\n  id,\r\n  dropdownMenuValues,\r\n  setDropdownMenuValues,\r\n  dropdownCustomizationProps,\r\n  ...props\r\n}) => {\r\n  // Let's filter out properties that we don't need to render.\r\n  const { loading, icon, onClick, ...renderProps } = props;\r\n  const [isOpen, setIsOpen] = React.useState<boolean>(false);\r\n  const [activeDescendant, setActiveDescendant] = React.useState<string>();\r\n  const [focused, setFocused] = React.useState<number | null>(null);\r\n  const [keyboardNavigated, setKeyboardNavigated] = React.useState<boolean>(false);\r\n  const dropdownContainerRef = React.useRef<HTMLDivElement>(null);\r\n  const [selectedValues, setSelectedValues] = React.useState<string[]>([]);\r\n\r\n  const dropdownContentRef = React.useRef<HTMLDivElement>(null);\r\n  const dropdownButtonRef = useClickOutsideRef(\r\n    () => setIsOpen(false),\r\n    [dropdownContainerRef],\r\n    useFocusOutsideRef(() => setIsOpen(false), [dropdownContentRef]),\r\n  );\r\n  \r\n  const dropdownContentId = id ? id + '_dropdownContent' : nanoid();\r\n\r\n  React.useEffect(() => {\r\n    !isOpen && setKeyboardNavigated(false);\r\n  }, [isOpen]);\r\n\r\n  return (\r\n    <DualButtonsContainer $size={size}>\r\n      <DropdownContainer ref={dropdownContainerRef} $isButton={true} $readOnly={false} $disabled={false} margin=\"\">\r\n        <Button {...renderProps} testId={testId} onClick={onClick} disabled={disabled} type={type} loading={loading} icon={icon} size={size} width={width} variant={variant} flatEdge=\"right\">\r\n          {children}\r\n        </Button>\r\n        <DropdownContent\r\n          containerRef={dropdownContainerRef}\r\n          customizationProps={dropdownCustomizationProps}\r\n          filter=\"\"\r\n          ref={dropdownContentRef}\r\n          selectedValues={dropdownCustomizationProps.itemsType == 'normal' ? [] : dropdownMenuValues ?? selectedValues}\r\n          setSelectedValues={setDropdownMenuValues ? setDropdownMenuValues : setSelectedValues}\r\n          isButton={true}\r\n          setIsOpen={setIsOpen}\r\n          focused={focused}\r\n          width={size == Size.Small ? '280px' : '360px'}\r\n          onActiveDescendantChanged={(e) => setActiveDescendant(e)}\r\n          setFocused={setFocused}\r\n          size={size}\r\n          outline={keyboardNavigated}\r\n          isOpen={isOpen}\r\n          id={dropdownContentId}\r\n          messageOnNoResults=\"\"\r\n          alignLeft={true}\r\n          ariaRolesType=\"menu\"\r\n        />\r\n      </DropdownContainer>\r\n      <Button\r\n        variant={variant}\r\n        {...renderProps}\r\n        onKeyPress={(e: any) => {\r\n          if (isOpen) return;\r\n\r\n          if (e.key === 'Enter' || e.key === ' ') {\r\n            setFocused(0);\r\n            setKeyboardNavigated(true);\r\n          }\r\n        }}\r\n        className=\"extraMargin\"\r\n        testId={'options_toggleBtn'}\r\n        ref={dropdownButtonRef}\r\n        aria-activedescendant={activeDescendant}\r\n        role=\"button\"\r\n        aria-controls={dropdownContentId}\r\n        disabled={disabled}\r\n        type={type}\r\n        size={size}\r\n        onClick={(e) => {\r\n          e.stopPropagation();\r\n          setIsOpen(!isOpen);\r\n        }}\r\n        icon={ isOpen ? <SystemIcons.ArrowDropUp aria-hidden=\"true\" size=\"16px\" /> \r\n        : <SystemIcons.ArrowDropDown aria-hidden=\"true\" size=\"16px\" /> }\r\n        flatEdge=\"left\"\r\n      />\r\n    </DualButtonsContainer>\r\n  );\r\n};\r\n\r\nexport default DualFunctionButton;\r\n"],"mappings":"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","ignoreList":[]}

package/dist/Button/DualFunctionButton.js

@@ -1,8 +1,9 @@
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
 import _taggedTemplateLiteral from "@babel/runtime/helpers/esm/taggedTemplateLiteral";
 import _pt from "prop-types";
-const _excluded = ["children", "variant", "type", "size", "width", "testId", "disabled", "id", "dropdownMenuValues", "setDropdownMenuValues", "dropdownCustomizationProps"],
+var _excluded = ["children", "variant", "type", "size", "width", "testId", "disabled", "id", "dropdownMenuValues", "setDropdownMenuValues", "dropdownCustomizationProps"],
   _excluded2 = ["loading", "icon", "onClick"];
 var _templateObject;
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
@@ -16,40 +17,63 @@ import { Size } from '../types';
 import DropdownContent from '../Dropdown/DropdownContent';
 import styled from 'styled-components';
 import { useClickOutsideRef, useFocusOutsideRef } from '../common';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-const DualButtonsContainer = styled.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  display: flex;\n  align-items: center;\n\n  button:first-child {\n    margin-right: 2px;\n  }\n\n  ", " {\n    min-width: unset;\n    gap: 0px;\n    padding: ", ";\n  }\n\n  .extraMargin {\n    margin-bottom: 4px;\n  }\n"])), ButtonContentContainer, props => props.$size == Size.Large ? '4px 18px' : props.$size == Size.Medium ? '4px 14px' : '4px 10px');
-const DualFunctionButton = _ref => {
-  let {
-      children = 'Primary Button',
-      variant = 'primary',
-      type = 'button',
-      size = Size.Medium,
-      width = 'auto',
-      testId,
-      disabled,
-      id,
-      dropdownMenuValues,
-      setDropdownMenuValues,
-      dropdownCustomizationProps
-    } = _ref,
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+var DualButtonsContainer = styled.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  display: flex;\n  align-items: center;\n\n  button:first-child {\n    margin-right: 2px;\n  }\n\n  ", " {\n    min-width: unset;\n    gap: 0px;\n    padding: ", ";\n  }\n\n  .extraMargin {\n    margin-bottom: 4px;\n  }\n"])), ButtonContentContainer, function (props) {
+  return props.$size == Size.Large ? '4px 18px' : props.$size == Size.Medium ? '4px 14px' : '4px 10px';
+});
+var DualFunctionButton = function DualFunctionButton(_ref) {
+  var _ref$children = _ref.children,
+    children = _ref$children === void 0 ? 'Primary Button' : _ref$children,
+    _ref$variant = _ref.variant,
+    variant = _ref$variant === void 0 ? 'primary' : _ref$variant,
+    _ref$type = _ref.type,
+    type = _ref$type === void 0 ? 'button' : _ref$type,
+    _ref$size = _ref.size,
+    size = _ref$size === void 0 ? Size.Medium : _ref$size,
+    _ref$width = _ref.width,
+    width = _ref$width === void 0 ? 'auto' : _ref$width,
+    testId = _ref.testId,
+    disabled = _ref.disabled,
+    id = _ref.id,
+    dropdownMenuValues = _ref.dropdownMenuValues,
+    setDropdownMenuValues = _ref.setDropdownMenuValues,
+    dropdownCustomizationProps = _ref.dropdownCustomizationProps,
     props = _objectWithoutProperties(_ref, _excluded);
   // Let's filter out properties that we don't need to render.
-  const {
-      loading,
-      icon,
-      onClick
-    } = props,
+  var loading = props.loading,
+    icon = props.icon,
+    onClick = props.onClick,
     renderProps = _objectWithoutProperties(props, _excluded2);
-  const [isOpen, setIsOpen] = React.useState(false);
-  const [activeDescendant, setActiveDescendant] = React.useState();
-  const [focused, setFocused] = React.useState(null);
-  const [keyboardNavigated, setKeyboardNavigated] = React.useState(false);
-  const dropdownContainerRef = React.useRef(null);
-  const [selectedValues, setSelectedValues] = React.useState([]);
-  const dropdownContentRef = React.useRef(null);
-  const dropdownButtonRef = useClickOutsideRef(() => setIsOpen(false), [dropdownContainerRef], useFocusOutsideRef(() => setIsOpen(false), [dropdownContentRef]));
-  const dropdownContentId = id ? id + '_dropdownContent' : nanoid();
-  React.useEffect(() => {
+  var _React$useState = React.useState(false),
+    _React$useState2 = _slicedToArray(_React$useState, 2),
+    isOpen = _React$useState2[0],
+    setIsOpen = _React$useState2[1];
+  var _React$useState3 = React.useState(),
+    _React$useState4 = _slicedToArray(_React$useState3, 2),
+    activeDescendant = _React$useState4[0],
+    setActiveDescendant = _React$useState4[1];
+  var _React$useState5 = React.useState(null),
+    _React$useState6 = _slicedToArray(_React$useState5, 2),
+    focused = _React$useState6[0],
+    setFocused = _React$useState6[1];
+  var _React$useState7 = React.useState(false),
+    _React$useState8 = _slicedToArray(_React$useState7, 2),
+    keyboardNavigated = _React$useState8[0],
+    setKeyboardNavigated = _React$useState8[1];
+  var dropdownContainerRef = React.useRef(null);
+  var _React$useState9 = React.useState([]),
+    _React$useState10 = _slicedToArray(_React$useState9, 2),
+    selectedValues = _React$useState10[0],
+    setSelectedValues = _React$useState10[1];
+  var dropdownContentRef = React.useRef(null);
+  var dropdownButtonRef = useClickOutsideRef(function () {
+    return setIsOpen(false);
+  }, [dropdownContainerRef], useFocusOutsideRef(function () {
+    return setIsOpen(false);
+  }, [dropdownContentRef]));
+  var dropdownContentId = id ? id + '_dropdownContent' : nanoid();
+  React.useEffect(function () {
     !isOpen && setKeyboardNavigated(false);
   }, [isOpen]);
   return /*#__PURE__*/_jsxs(DualButtonsContainer, {
@@ -83,7 +107,9 @@ const DualFunctionButton = _ref => {
         setIsOpen: setIsOpen,
         focused: focused,
         width: size == Size.Small ? '280px' : '360px',
-        onActiveDescendantChanged: e => setActiveDescendant(e),
+        onActiveDescendantChanged: function onActiveDescendantChanged(e) {
+          return setActiveDescendant(e);
+        },
         setFocused: setFocused,
         size: size,
         outline: keyboardNavigated,
@@ -96,7 +122,7 @@ const DualFunctionButton = _ref => {
     }), /*#__PURE__*/_jsx(Button, _objectSpread(_objectSpread({
       variant: variant
     }, renderProps), {}, {
-      onKeyPress: e => {
+      onKeyPress: function onKeyPress(e) {
         if (isOpen) return;
         if (e.key === 'Enter' || e.key === ' ') {
           setFocused(0);
@@ -112,7 +138,7 @@ const DualFunctionButton = _ref => {
       disabled: disabled,
       type: type,
       size: size,
-      onClick: e => {
+      onClick: function onClick(e) {
         e.stopPropagation();
         setIsOpen(!isOpen);
       },

package/dist/Button/DualFunctionButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"DualFunctionButton.js","names":["React","Button","ButtonContentContainer","SystemIcons","DropdownContainer","nanoid","Size","DropdownContent","styled","useClickOutsideRef","useFocusOutsideRef","jsx","_jsx","jsxs","_jsxs","DualButtonsContainer","div","_templateObject","_taggedTemplateLiteral","props","$size","Large","Medium","DualFunctionButton","_ref","children","variant","type","size","width","testId","disabled","id","dropdownMenuValues","setDropdownMenuValues","dropdownCustomizationProps","_objectWithoutProperties","_excluded","loading","icon","onClick","renderProps","_excluded2","isOpen","setIsOpen","useState","activeDescendant","setActiveDescendant","focused","setFocused","keyboardNavigated","setKeyboardNavigated","dropdownContainerRef","useRef","selectedValues","setSelectedValues","dropdownContentRef","dropdownButtonRef","dropdownContentId","useEffect","ref","$isButton","$readOnly","$disabled","margin","_objectSpread","flatEdge","containerRef","customizationProps","filter","itemsType","isButton","Small","onActiveDescendantChanged","e","outline","messageOnNoResults","alignLeft","ariaRolesType","onKeyPress","key","className","role","stopPropagation","ArrowDropUp","ArrowDropDown","propTypes","_pt","arrayOf","string","func"],"sources":["../../src/Button/DualFunctionButton.tsx"],"sourcesContent":["import * as React from 'react';\r\nimport Button, { ButtonContentContainer, ButtonProps } from './Button';\r\nimport { SystemIcons } from '../icons';\r\nimport { DropdownContainer } from '../Dropdown/CommonStyling';\r\nimport { nanoid } from 'nanoid';\r\nimport { Size } from '../types';\r\nimport DropdownContent, { DropdownCustomizationProps } from '../Dropdown/DropdownContent';\r\nimport styled from 'styled-components';\r\nimport { useClickOutsideRef, useFocusOutsideRef } from '../common';\r\n\r\nconst DualButtonsContainer = styled.div<{ $size?: Size }>`\r\n  display: flex;\r\n  align-items: center;\r\n\r\n  button:first-child {\r\n    margin-right: 2px;\r\n  }\r\n\r\n  ${ButtonContentContainer} {\r\n    min-width: unset;\r\n    gap: 0px;\r\n    padding: ${(props) => (props.$size == Size.Large ? '4px 18px' : props.$size == Size.Medium ? '4px 14px' : '4px 10px')};\r\n  }\r\n\r\n  .extraMargin {\r\n    margin-bottom: 4px;\r\n  }\r\n`;\r\n\r\nexport interface ButtonOption {\r\n  label: string;\r\n}\r\n\r\nexport interface DualButtonProps extends ButtonProps {\r\n  /**\r\n  * Required. An object containing customization properties for the dropdown.\r\n  */\r\n  dropdownCustomizationProps: DropdownCustomizationProps;\r\n  /**\r\n  * Optional. An array of strings representing the values in the dropdown menu.\r\n  */\r\n  dropdownMenuValues?: string[];\r\n  /**\r\n   * Optional. A function to be called when the values in the dropdown menu change.\r\n   * It should return void, a boolean, or undefined.\r\n   */\r\n  setDropdownMenuValues?: (values: string[]) => void | boolean | undefined;\r\n}\r\n\r\nconst DualFunctionButton: React.FunctionComponent<DualButtonProps> = ({\r\n  children = 'Primary Button',\r\n  variant = 'primary',\r\n  type = 'button',\r\n  size = Size.Medium,\r\n  width: width = 'auto',\r\n  testId,\r\n  disabled,\r\n  id,\r\n  dropdownMenuValues,\r\n  setDropdownMenuValues,\r\n  dropdownCustomizationProps,\r\n  ...props\r\n}) => {\r\n  // Let's filter out properties that we don't need to render.\r\n  const { loading, icon, onClick, ...renderProps } = props;\r\n  const [isOpen, setIsOpen] = React.useState<boolean>(false);\r\n  const [activeDescendant, setActiveDescendant] = React.useState<string>();\r\n  const [focused, setFocused] = React.useState<number | null>(null);\r\n  const [keyboardNavigated, setKeyboardNavigated] = React.useState<boolean>(false);\r\n  const dropdownContainerRef = React.useRef<HTMLDivElement>(null);\r\n  const [selectedValues, setSelectedValues] = React.useState<string[]>([]);\r\n\r\n  const dropdownContentRef = React.useRef<HTMLDivElement>(null);\r\n  const dropdownButtonRef = useClickOutsideRef(\r\n    () => setIsOpen(false),\r\n    [dropdownContainerRef],\r\n    useFocusOutsideRef(() => setIsOpen(false), [dropdownContentRef]),\r\n  );\r\n  \r\n  const dropdownContentId = id ? id + '_dropdownContent' : nanoid();\r\n\r\n  React.useEffect(() => {\r\n    !isOpen && setKeyboardNavigated(false);\r\n  }, [isOpen]);\r\n\r\n  return (\r\n    <DualButtonsContainer $size={size}>\r\n      <DropdownContainer ref={dropdownContainerRef} $isButton={true} $readOnly={false} $disabled={false} margin=\"\">\r\n        <Button {...renderProps} testId={testId} onClick={onClick} disabled={disabled} type={type} loading={loading} icon={icon} size={size} width={width} variant={variant} flatEdge=\"right\">\r\n          {children}\r\n        </Button>\r\n        <DropdownContent\r\n          containerRef={dropdownContainerRef}\r\n          customizationProps={dropdownCustomizationProps}\r\n          filter=\"\"\r\n          ref={dropdownContentRef}\r\n          selectedValues={dropdownCustomizationProps.itemsType == 'normal' ? [] : dropdownMenuValues ?? selectedValues}\r\n          setSelectedValues={setDropdownMenuValues ? setDropdownMenuValues : setSelectedValues}\r\n          isButton={true}\r\n          setIsOpen={setIsOpen}\r\n          focused={focused}\r\n          width={size == Size.Small ? '280px' : '360px'}\r\n          onActiveDescendantChanged={(e) => setActiveDescendant(e)}\r\n          setFocused={setFocused}\r\n          size={size}\r\n          outline={keyboardNavigated}\r\n          isOpen={isOpen}\r\n          id={dropdownContentId}\r\n          messageOnNoResults=\"\"\r\n          alignLeft={true}\r\n          ariaRolesType=\"menu\"\r\n        />\r\n      </DropdownContainer>\r\n      <Button\r\n        variant={variant}\r\n        {...renderProps}\r\n        onKeyPress={(e: any) => {\r\n          if (isOpen) return;\r\n\r\n          if (e.key === 'Enter' || e.key === ' ') {\r\n            setFocused(0);\r\n            setKeyboardNavigated(true);\r\n          }\r\n        }}\r\n        className=\"extraMargin\"\r\n        testId={'options_toggleBtn'}\r\n        ref={dropdownButtonRef}\r\n        aria-activedescendant={activeDescendant}\r\n        role=\"button\"\r\n        aria-controls={dropdownContentId}\r\n        disabled={disabled}\r\n        type={type}\r\n        size={size}\r\n        onClick={(e) => {\r\n          e.stopPropagation();\r\n          setIsOpen(!isOpen);\r\n        }}\r\n        icon={ isOpen ? <SystemIcons.ArrowDropUp aria-hidden=\"true\" size=\"16px\" /> \r\n        : <SystemIcons.ArrowDropDown aria-hidden=\"true\" size=\"16px\" /> }\r\n        flatEdge=\"left\"\r\n      />\r\n    </DualButtonsContainer>\r\n  );\r\n};\r\n\r\nexport default DualFunctionButton;\r\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"DualFunctionButton.js","names":["React","Button","ButtonContentContainer","SystemIcons","DropdownContainer","nanoid","Size","DropdownContent","styled","useClickOutsideRef","useFocusOutsideRef","jsx","_jsx","jsxs","_jsxs","DualButtonsContainer","div","_templateObject","_taggedTemplateLiteral","props","$size","Large","Medium","DualFunctionButton","_ref","_ref$children","children","_ref$variant","variant","_ref$type","type","_ref$size","size","_ref$width","width","testId","disabled","id","dropdownMenuValues","setDropdownMenuValues","dropdownCustomizationProps","_objectWithoutProperties","_excluded","loading","icon","onClick","renderProps","_excluded2","_React$useState","useState","_React$useState2","_slicedToArray","isOpen","setIsOpen","_React$useState3","_React$useState4","activeDescendant","setActiveDescendant","_React$useState5","_React$useState6","focused","setFocused","_React$useState7","_React$useState8","keyboardNavigated","setKeyboardNavigated","dropdownContainerRef","useRef","_React$useState9","_React$useState10","selectedValues","setSelectedValues","dropdownContentRef","dropdownButtonRef","dropdownContentId","useEffect","ref","$isButton","$readOnly","$disabled","margin","_objectSpread","flatEdge","containerRef","customizationProps","filter","itemsType","isButton","Small","onActiveDescendantChanged","e","outline","messageOnNoResults","alignLeft","ariaRolesType","onKeyPress","key","className","role","stopPropagation","ArrowDropUp","ArrowDropDown","propTypes","_pt","arrayOf","string","func"],"sources":["../../src/Button/DualFunctionButton.tsx"],"sourcesContent":["import * as React from 'react';\r\nimport Button, { ButtonContentContainer, ButtonProps } from './Button';\r\nimport { SystemIcons } from '../icons';\r\nimport { DropdownContainer } from '../Dropdown/CommonStyling';\r\nimport { nanoid } from 'nanoid';\r\nimport { Size } from '../types';\r\nimport DropdownContent, { DropdownCustomizationProps } from '../Dropdown/DropdownContent';\r\nimport styled from 'styled-components';\r\nimport { useClickOutsideRef, useFocusOutsideRef } from '../common';\r\n\r\nconst DualButtonsContainer = styled.div<{ $size?: Size }>`\r\n  display: flex;\r\n  align-items: center;\r\n\r\n  button:first-child {\r\n    margin-right: 2px;\r\n  }\r\n\r\n  ${ButtonContentContainer} {\r\n    min-width: unset;\r\n    gap: 0px;\r\n    padding: ${(props) => (props.$size == Size.Large ? '4px 18px' : props.$size == Size.Medium ? '4px 14px' : '4px 10px')};\r\n  }\r\n\r\n  .extraMargin {\r\n    margin-bottom: 4px;\r\n  }\r\n`;\r\n\r\nexport interface ButtonOption {\r\n  label: string;\r\n}\r\n\r\nexport interface DualButtonProps extends ButtonProps {\r\n  /**\r\n  * Required. An object containing customization properties for the dropdown.\r\n  */\r\n  dropdownCustomizationProps: DropdownCustomizationProps;\r\n  /**\r\n  * Optional. An array of strings representing the values in the dropdown menu.\r\n  */\r\n  dropdownMenuValues?: string[];\r\n  /**\r\n   * Optional. A function to be called when the values in the dropdown menu change.\r\n   * It should return void, a boolean, or undefined.\r\n   */\r\n  setDropdownMenuValues?: (values: string[]) => void | boolean | undefined;\r\n}\r\n\r\nconst DualFunctionButton: React.FunctionComponent<DualButtonProps> = ({\r\n  children = 'Primary Button',\r\n  variant = 'primary',\r\n  type = 'button',\r\n  size = Size.Medium,\r\n  width: width = 'auto',\r\n  testId,\r\n  disabled,\r\n  id,\r\n  dropdownMenuValues,\r\n  setDropdownMenuValues,\r\n  dropdownCustomizationProps,\r\n  ...props\r\n}) => {\r\n  // Let's filter out properties that we don't need to render.\r\n  const { loading, icon, onClick, ...renderProps } = props;\r\n  const [isOpen, setIsOpen] = React.useState<boolean>(false);\r\n  const [activeDescendant, setActiveDescendant] = React.useState<string>();\r\n  const [focused, setFocused] = React.useState<number | null>(null);\r\n  const [keyboardNavigated, setKeyboardNavigated] = React.useState<boolean>(false);\r\n  const dropdownContainerRef = React.useRef<HTMLDivElement>(null);\r\n  const [selectedValues, setSelectedValues] = React.useState<string[]>([]);\r\n\r\n  const dropdownContentRef = React.useRef<HTMLDivElement>(null);\r\n  const dropdownButtonRef = useClickOutsideRef(\r\n    () => setIsOpen(false),\r\n    [dropdownContainerRef],\r\n    useFocusOutsideRef(() => setIsOpen(false), [dropdownContentRef]),\r\n  );\r\n  \r\n  const dropdownContentId = id ? id + '_dropdownContent' : nanoid();\r\n\r\n  React.useEffect(() => {\r\n    !isOpen && setKeyboardNavigated(false);\r\n  }, [isOpen]);\r\n\r\n  return (\r\n    <DualButtonsContainer $size={size}>\r\n      <DropdownContainer ref={dropdownContainerRef} $isButton={true} $readOnly={false} $disabled={false} margin=\"\">\r\n        <Button {...renderProps} testId={testId} onClick={onClick} disabled={disabled} type={type} loading={loading} icon={icon} size={size} width={width} variant={variant} flatEdge=\"right\">\r\n          {children}\r\n        </Button>\r\n        <DropdownContent\r\n          containerRef={dropdownContainerRef}\r\n          customizationProps={dropdownCustomizationProps}\r\n          filter=\"\"\r\n          ref={dropdownContentRef}\r\n          selectedValues={dropdownCustomizationProps.itemsType == 'normal' ? [] : dropdownMenuValues ?? selectedValues}\r\n          setSelectedValues={setDropdownMenuValues ? setDropdownMenuValues : setSelectedValues}\r\n          isButton={true}\r\n          setIsOpen={setIsOpen}\r\n          focused={focused}\r\n          width={size == Size.Small ? '280px' : '360px'}\r\n          onActiveDescendantChanged={(e) => setActiveDescendant(e)}\r\n          setFocused={setFocused}\r\n          size={size}\r\n          outline={keyboardNavigated}\r\n          isOpen={isOpen}\r\n          id={dropdownContentId}\r\n          messageOnNoResults=\"\"\r\n          alignLeft={true}\r\n          ariaRolesType=\"menu\"\r\n        />\r\n      </DropdownContainer>\r\n      <Button\r\n        variant={variant}\r\n        {...renderProps}\r\n        onKeyPress={(e: any) => {\r\n          if (isOpen) return;\r\n\r\n          if (e.key === 'Enter' || e.key === ' ') {\r\n            setFocused(0);\r\n            setKeyboardNavigated(true);\r\n          }\r\n        }}\r\n        className=\"extraMargin\"\r\n        testId={'options_toggleBtn'}\r\n        ref={dropdownButtonRef}\r\n        aria-activedescendant={activeDescendant}\r\n        role=\"button\"\r\n        aria-controls={dropdownContentId}\r\n        disabled={disabled}\r\n        type={type}\r\n        size={size}\r\n        onClick={(e) => {\r\n          e.stopPropagation();\r\n          setIsOpen(!isOpen);\r\n        }}\r\n        icon={ isOpen ? <SystemIcons.ArrowDropUp aria-hidden=\"true\" size=\"16px\" /> \r\n        : <SystemIcons.ArrowDropDown aria-hidden=\"true\" size=\"16px\" /> }\r\n        flatEdge=\"left\"\r\n      />\r\n    </DualButtonsContainer>\r\n  );\r\n};\r\n\r\nexport default DualFunctionButton;\r\n"],"mappings":"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","ignoreList":[]}