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

package/dist/Dropdown/DropdownButton.cjs

@@ -1,12 +1,10 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-var _typeof = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports["default"] = exports.DropdownButtonContainer = void 0;
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+exports.default = exports.DropdownButtonContainer = void 0;
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
 var React = _interopRequireWildcard(require("react"));
@@ -17,96 +15,73 @@ var _common = require("../common");
 var _CommonStyling = require("./CommonStyling");
 var _icons = require("../icons");
 var _jsxRuntime = require("react/jsx-runtime");
-var _excluded = ["items", "icon", "disabled", "onClick", "itemsType", "action", "actionLabel", "actionVariant", "actionIcon", "actionLoading", "size", "width", "alignLeft", "multiSelect", "scrollable", "pinTopItem", "maxHeight", "className", "value", "id", "dataTestId"];
+const _excluded = ["items", "icon", "disabled", "onClick", "itemsType", "action", "actionLabel", "actionVariant", "actionIcon", "actionLoading", "size", "width", "alignLeft", "multiSelect", "scrollable", "pinTopItem", "maxHeight", "className", "value", "id", "dataTestId"];
 var _templateObject;
-/**
- * Import React libraries.
+/**
+ * Import React libraries.
  */
-/**
- * Import custom components.
+/**
+ * Import custom components.
  */
-/**
- * Import custom types.
+/**
+ * Import custom types.
  */
-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; }
-var DropdownButtonContainer = _styledComponents["default"].div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["\n  display: inline-block;\n"])));
-exports.DropdownButtonContainer = DropdownButtonContainer;
-var DropdownButton = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
-  var items = _ref.items,
-    icon = _ref.icon,
-    disabled = _ref.disabled,
-    onClick = _ref.onClick,
-    _ref$itemsType = _ref.itemsType,
-    itemsType = _ref$itemsType === void 0 ? 'normal' : _ref$itemsType,
-    action = _ref.action,
-    _ref$actionLabel = _ref.actionLabel,
-    actionLabel = _ref$actionLabel === void 0 ? '' : _ref$actionLabel,
-    actionVariant = _ref.actionVariant,
-    actionIcon = _ref.actionIcon,
-    actionLoading = _ref.actionLoading,
-    size = _ref.size,
-    width = _ref.width,
-    alignLeft = _ref.alignLeft,
-    _ref$multiSelect = _ref.multiSelect,
-    multiSelect = _ref$multiSelect === void 0 ? false : _ref$multiSelect,
-    _ref$scrollable = _ref.scrollable,
-    scrollable = _ref$scrollable === void 0 ? false : _ref$scrollable,
-    _ref$pinTopItem = _ref.pinTopItem,
-    pinTopItem = _ref$pinTopItem === void 0 ? false : _ref$pinTopItem,
-    maxHeight = _ref.maxHeight,
-    className = _ref.className,
-    value = _ref.value,
-    id = _ref.id,
-    dataTestId = _ref.dataTestId,
-    rest = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
+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; }
+const DropdownButtonContainer = exports.DropdownButtonContainer = _styledComponents.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  display: inline-block;\n"])));
+const DropdownButton = /*#__PURE__*/React.forwardRef((_ref, ref) => {
+  let {
+      items,
+      icon,
+      disabled,
+      onClick,
+      itemsType = 'normal',
+      action,
+      actionLabel = '',
+      actionVariant,
+      actionIcon,
+      actionLoading,
+      size,
+      width,
+      alignLeft,
+      multiSelect = false,
+      scrollable = false,
+      pinTopItem = false,
+      maxHeight,
+      className,
+      value,
+      id,
+      dataTestId
+    } = _ref,
+    rest = (0, _objectWithoutProperties2.default)(_ref, _excluded);
   // Globally used variables within the view.
-  var _React$useState = React.useState(false),
-    _React$useState2 = (0, _slicedToArray2["default"])(_React$useState, 2),
-    dropdownOpen = _React$useState2[0],
-    setDropdownOpen = _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([]),
-    _React$useState6 = (0, _slicedToArray2["default"])(_React$useState5, 2),
-    selectedValues = _React$useState6[0],
-    setSelectedValues = _React$useState6[1];
-  var _React$useState7 = React.useState(null),
-    _React$useState8 = (0, _slicedToArray2["default"])(_React$useState7, 2),
-    focused = _React$useState8[0],
-    setFocused = _React$useState8[1];
-  var _React$useState9 = React.useState(false),
-    _React$useState10 = (0, _slicedToArray2["default"])(_React$useState9, 2),
-    keyboardNavigated = _React$useState10[0],
-    setKeyboardNavigated = _React$useState10[1];
-  var dropdownRef = React.useRef(null);
-  var containerRef = (0, _common.useFocusOutsideRef)(function () {
-    return setDropdownOpen(false);
-  }, [dropdownRef]);
-  (0, _common.useClickOutsideRef)(function () {
-    return setDropdownOpen(false);
-  }, [], containerRef);
-  React.useEffect(function () {
+  const [dropdownOpen, setDropdownOpen] = React.useState(false);
+  const [activeDescendant, setActiveDescendant] = React.useState();
+  const [selectedValues, setSelectedValues] = React.useState([]);
+  const [focused, setFocused] = React.useState(null);
+  const [keyboardNavigated, setKeyboardNavigated] = React.useState(false);
+  const dropdownRef = React.useRef(null);
+  const containerRef = (0, _common.useFocusOutsideRef)(() => setDropdownOpen(false), [dropdownRef]);
+  (0, _common.useClickOutsideRef)(() => setDropdownOpen(false), [], containerRef);
+  React.useEffect(() => {
     !dropdownOpen && setKeyboardNavigated(false);
   }, [dropdownOpen]);
-  React.useEffect(function () {
+  React.useEffect(() => {
     disabled && setDropdownOpen(false);
   }, [disabled]);
-  React.useEffect(function () {
+  React.useEffect(() => {
     setSelectedValues(value || []);
   }, [value]);
-  var handleValueSelect = function handleValueSelect(values) {
+  const handleValueSelect = values => {
     // Do all required actions
     onClick(values);
   };
 
-  /**
-   * Renders Icon Button dropdown menu.
-   * @returns HTML View for the Icon button dropdown menu.
+  /**
+   * Renders Icon Button dropdown menu.
+   * @returns HTML View for the Icon button dropdown menu.
    */
-  var renderButton = function renderButton() {
+  const renderButton = () => {
     switch (rest.type) {
       case 'icon':
         return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Button.IconButton, {
@@ -120,7 +95,7 @@ var DropdownButton = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
           "data-testid": dataTestId,
           "aria-controls": "".concat(id, "_dropdowncontent"),
           "aria-activedescendant": activeDescendant,
-          action: function action(event) {
+          action: event => {
             setDropdownOpen(!dropdownOpen);
             if ((event === null || event === void 0 ? void 0 : event.detail) !== 1) {
               setKeyboardNavigated(true);
@@ -130,13 +105,11 @@ var DropdownButton = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
           children: icon
         });
       case 'text':
-        var label = rest.keepLabel || !(selectedValues !== null && selectedValues !== void 0 && selectedValues.length) ? rest.label : items.filter(function (a) {
-          return selectedValues.includes(a.value);
-        }).map(function (a) {
+        const label = rest.keepLabel || !(selectedValues !== null && selectedValues !== void 0 && selectedValues.length) ? rest.label : items.filter(a => selectedValues.includes(a.value)).map(a => {
           var _a$displayLabel;
           return (_a$displayLabel = a.displayLabel) !== null && _a$displayLabel !== void 0 ? _a$displayLabel : a.value;
         }).join(', ');
-        var cls = "".concat(disabled && 'disabled', " ").concat(dropdownOpen && 'expanded', " ").concat(className);
+        const cls = "".concat(disabled && 'disabled', " ").concat(dropdownOpen && 'expanded', " ").concat(className);
         return /*#__PURE__*/(0, _jsxRuntime.jsx)(_CommonStyling.DropdownButtonTextWrapper, {
           tabIndex: !disabled ? 0 : -1,
           className: cls,
@@ -147,7 +120,7 @@ var DropdownButton = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
           "aria-controls": "".concat(id, "_dropdowncontent"),
           "aria-activedescendant": activeDescendant,
           onMouseDown: _common.defaultOnMouseDownHandler,
-          onKeyDown: function onKeyDown(e) {
+          onKeyDown: e => {
             if (e.key === 'Enter' || e.key === ' ') {
               e.preventDefault();
               e.stopPropagation();
@@ -155,9 +128,7 @@ var DropdownButton = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
               setKeyboardNavigated(true);
             }
           },
-          onClick: function onClick() {
-            return !disabled && setDropdownOpen(!dropdownOpen);
-          },
+          onClick: () => !disabled && setDropdownOpen(!dropdownOpen),
           children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_CommonStyling.DropdownButtonTextContent, {
             children: [icon && /*#__PURE__*/(0, _jsxRuntime.jsx)(_CommonStyling.DropdownButtonTextIcon, {
               children: icon
@@ -179,13 +150,13 @@ var DropdownButton = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(DropdownButtonContainer, {
     className: className,
     ref: containerRef,
-    children: [renderButton(), /*#__PURE__*/(0, _jsxRuntime.jsx)(_DropdownContent["default"], {
+    children: [renderButton(), /*#__PURE__*/(0, _jsxRuntime.jsx)(_DropdownContent.default, {
       ref: dropdownRef,
       ariaRolesType: "menu",
       containerRef: containerRef,
       customizationProps: {
         itemsType: itemsType,
-        action: action !== null && action !== void 0 ? action : function () {},
+        action: action !== null && action !== void 0 ? action : () => {},
         actionLabel: actionLabel,
         actionVariant: actionVariant,
         onValueUpdate: handleValueSelect,
@@ -197,9 +168,7 @@ var DropdownButton = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
         maxHeight: maxHeight,
         items: items
       },
-      onActiveDescendantChanged: function onActiveDescendantChanged(e) {
-        return setActiveDescendant(e);
-      },
+      onActiveDescendantChanged: e => setActiveDescendant(e),
       focused: focused,
       setFocused: setFocused,
       size: size,
@@ -217,6 +186,5 @@ var DropdownButton = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     })]
   });
 });
-var _default = DropdownButton;
-exports["default"] = _default;
+var _default = exports.default = DropdownButton;
 //# sourceMappingURL=DropdownButton.cjs.map

package/dist/Dropdown/DropdownButton.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"DropdownButton.cjs","names":["React","_interopRequireWildcard","require","_Button","_DropdownContent","_interopRequireDefault","_styledComponents","_common","_CommonStyling","_icons","_jsxRuntime","_excluded","_templateObject","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","_typeof","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","DropdownButtonContainer","styled","div","_taggedTemplateLiteral2","exports","DropdownButton","forwardRef","_ref","ref","items","icon","disabled","onClick","_ref$itemsType","itemsType","action","_ref$actionLabel","actionLabel","actionVariant","actionIcon","actionLoading","size","width","alignLeft","_ref$multiSelect","multiSelect","_ref$scrollable","scrollable","_ref$pinTopItem","pinTopItem","maxHeight","className","value","id","dataTestId","rest","_objectWithoutProperties2","_React$useState","useState","_React$useState2","_slicedToArray2","dropdownOpen","setDropdownOpen","_React$useState3","_React$useState4","activeDescendant","setActiveDescendant","_React$useState5","_React$useState6","selectedValues","setSelectedValues","_React$useState7","_React$useState8","focused","setFocused","_React$useState9","_React$useState10","keyboardNavigated","setKeyboardNavigated","dropdownRef","useRef","containerRef","useFocusOutsideRef","useClickOutsideRef","useEffect","handleValueSelect","values","renderButton","type","jsx","IconButton","variant","shape","role","tooltip","concat","event","detail","children","label","keepLabel","length","filter","includes","map","_a$displayLabel","displayLabel","join","cls","DropdownButtonTextWrapper","tabIndex","onMouseDown","defaultOnMouseDownHandler","onKeyDown","key","preventDefault","stopPropagation","jsxs","DropdownButtonTextContent","DropdownButtonTextIcon","DropdownButtonTextStyles","DropdownButtonTextArrow","SystemIcons","ArrowDropUp","ArrowDropDown","ariaRolesType","customizationProps","onValueUpdate","onActiveDescendantChanged","isOpen","setIsOpen","outline","messageOnNoResults","isButton","_default"],"sources":["../../src/Dropdown/DropdownButton.tsx"],"sourcesContent":["/**\n * Import React libraries.\n */\nimport * as React from 'react';\n\n/**\n * Import custom components.\n */\nimport {IconButton} from '../Button';\nimport DropdownContent from './DropdownContent';\nimport styled from 'styled-components';\n\n/**\n * Import custom types.\n */\nimport {DropdownButtonProps} from './DropdownButtonTypes';\nimport {defaultOnMouseDownHandler, useClickOutsideRef, useFocusOutsideRef} from '../common';\nimport {\n  DropdownButtonTextArrow,\n  DropdownButtonTextContent,\n  DropdownButtonTextIcon,\n  DropdownButtonTextStyles,\n  DropdownButtonTextWrapper\n} from './CommonStyling';\nimport {SystemIcons} from '../icons';\n\nexport const DropdownButtonContainer = styled.div`\n  display: inline-block;\n`;\n\nconst DropdownButton = React.forwardRef( ({\n                          items,\n                          icon,\n                          disabled,\n                          onClick,\n                          itemsType = 'normal',\n                          action,\n                          actionLabel = '',\n                          actionVariant,\n                          actionIcon,\n                          actionLoading,\n                          size,\n                          width,\n                          alignLeft,\n                          multiSelect = false,\n                          scrollable = false,\n                          pinTopItem = false,\n                          maxHeight,\n                          className,\n                          value,\n                          id,\n                          dataTestId,\n                          ...rest\n                        }: DropdownButtonProps, ref: React.Ref<HTMLButtonElement>) => {\n  // Globally used variables within the view.\n  const [dropdownOpen, setDropdownOpen] = React.useState<boolean>(false);\n  const [activeDescendant, setActiveDescendant] = React.useState<string>();\n  const [selectedValues, setSelectedValues] = React.useState<string[]>([]);\n  const [focused, setFocused] = React.useState<number | null>(null);\n  const [keyboardNavigated, setKeyboardNavigated] = React.useState<boolean>(false);\n  const dropdownRef = React.useRef<HTMLDivElement>(null);\n\n  const containerRef = useFocusOutsideRef(() => setDropdownOpen(false), [dropdownRef]);\n  useClickOutsideRef(() => setDropdownOpen(false), [], containerRef);\n\n  React.useEffect(() => {\n    !dropdownOpen && setKeyboardNavigated(false)\n  }, [dropdownOpen]);\n\n  React.useEffect(() => {\n    disabled && setDropdownOpen(false)\n  }, [disabled]);\n\n  React.useEffect(() => {\n    setSelectedValues(value || []);\n  }, [value]);\n\n  const handleValueSelect = (values: string[]) => {\n    // Do all required actions\n    onClick(values);\n  };\n\n  /**\n   * Renders Icon Button dropdown menu.\n   * @returns HTML View for the Icon button dropdown menu.\n   */\n  const renderButton = () => {\n    switch (rest.type) {\n      case 'icon':\n        return (\n          <IconButton ref={ref}\n                      variant=\"secondary\"\n                      shape=\"circular\"\n                      role=\"button\"\n                      tooltip={rest.tooltip}\n                      id={id}\n                      aria-expanded={dropdownOpen}\n                      data-testid={dataTestId}\n                      aria-controls={`${id}_dropdowncontent`}\n                      aria-activedescendant={activeDescendant}\n                      \n                      action={(event: any) => {\n                        setDropdownOpen(!dropdownOpen);\n                        if (event?.detail !== 1) {\n                          setKeyboardNavigated(true);\n                        }\n                      }}\n                      disabled={disabled}>\n            {icon}\n          </IconButton>\n        );\n      case 'text':\n        const label = rest.keepLabel || !selectedValues?.length\n          ? rest.label\n          : items.filter(a => selectedValues.includes(a.value)).map(a => a.displayLabel ?? a.value).join(', ');\n        const cls = `${disabled && 'disabled'} ${dropdownOpen && 'expanded'} ${className}`;\n        return <DropdownButtonTextWrapper tabIndex={!disabled ? 0 : -1}\n                                          className={cls}\n                                          role=\"button\"\n                                          id={id}\n                                          data-testid={dataTestId}\n                                          aria-expanded={dropdownOpen}\n                                          aria-controls={`${id}_dropdowncontent`}\n                                          aria-activedescendant={activeDescendant}\n                                          onMouseDown={defaultOnMouseDownHandler}\n                                          onKeyDown={e => {\n                                            if (e.key === 'Enter' || e.key === ' ') {\n                                              e.preventDefault();\n                                              e.stopPropagation();\n                                              setDropdownOpen(!dropdownOpen);\n                                              setKeyboardNavigated(true);\n                                            }\n                                          }}\n                                          onClick={() => !disabled && setDropdownOpen(!dropdownOpen)}>\n          <DropdownButtonTextContent>\n            {icon && <DropdownButtonTextIcon>{icon}</DropdownButtonTextIcon>}\n            <DropdownButtonTextStyles>{label}</DropdownButtonTextStyles>\n            <DropdownButtonTextArrow>\n              {\n                dropdownOpen\n                  ? <SystemIcons.ArrowDropUp aria-label='Expanded' size=\"24px\"/>\n                  : <SystemIcons.ArrowDropDown aria-label='Collapsed' size=\"24px\"/>\n              }\n            </DropdownButtonTextArrow>\n          </DropdownButtonTextContent>\n        </DropdownButtonTextWrapper>\n    }\n  };\n\n  return (\n    <DropdownButtonContainer className={className} ref={containerRef}> \n      {renderButton()}\n      <DropdownContent\n        ref={dropdownRef}\n        ariaRolesType=\"menu\"\n        containerRef={containerRef}\n        customizationProps={{\n          itemsType: itemsType,\n          action: action ?? (() => {\n          }),\n          actionLabel: actionLabel,\n          actionVariant: actionVariant,\n          onValueUpdate: handleValueSelect,\n          multiSelect: multiSelect,\n          actionIcon: actionIcon,\n          actionLoading: actionLoading,\n          scrollable: scrollable,\n          pinTopItem: pinTopItem,\n          maxHeight: maxHeight,\n          items: items\n        }}\n        onActiveDescendantChanged={(e) => setActiveDescendant(e)}\n        focused={focused}\n        setFocused={setFocused}\n        size={size}\n        width={width}\n        alignLeft={alignLeft}\n        isOpen={dropdownOpen}\n        setIsOpen={setDropdownOpen}\n        outline={keyboardNavigated}\n        filter=\"\"\n        selectedValues={rest.type === 'icon' && itemsType === 'normal' ? [] : selectedValues}\n        setSelectedValues={setSelectedValues}\n        messageOnNoResults=\"No results\"\n        isButton={true}\n        id={`${id}_dropdowncontent`}\n      />\n    </DropdownButtonContainer>\n  );\n});\n\nexport default DropdownButton;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"DropdownButton.cjs","names":["React","_interopRequireWildcard","require","_Button","_DropdownContent","_interopRequireDefault","_styledComponents","_common","_CommonStyling","_icons","_jsxRuntime","_excluded","_templateObject","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","DropdownButtonContainer","exports","styled","div","_taggedTemplateLiteral2","DropdownButton","forwardRef","_ref","ref","items","icon","disabled","onClick","itemsType","action","actionLabel","actionVariant","actionIcon","actionLoading","size","width","alignLeft","multiSelect","scrollable","pinTopItem","maxHeight","className","value","id","dataTestId","rest","_objectWithoutProperties2","dropdownOpen","setDropdownOpen","useState","activeDescendant","setActiveDescendant","selectedValues","setSelectedValues","focused","setFocused","keyboardNavigated","setKeyboardNavigated","dropdownRef","useRef","containerRef","useFocusOutsideRef","useClickOutsideRef","useEffect","handleValueSelect","values","renderButton","type","jsx","IconButton","variant","shape","role","tooltip","concat","event","detail","children","label","keepLabel","length","filter","includes","map","_a$displayLabel","displayLabel","join","cls","DropdownButtonTextWrapper","tabIndex","onMouseDown","defaultOnMouseDownHandler","onKeyDown","key","preventDefault","stopPropagation","jsxs","DropdownButtonTextContent","DropdownButtonTextIcon","DropdownButtonTextStyles","DropdownButtonTextArrow","SystemIcons","ArrowDropUp","ArrowDropDown","ariaRolesType","customizationProps","onValueUpdate","onActiveDescendantChanged","isOpen","setIsOpen","outline","messageOnNoResults","isButton","_default"],"sources":["../../src/Dropdown/DropdownButton.tsx"],"sourcesContent":["/**\r\n * Import React libraries.\r\n */\r\nimport * as React from 'react';\r\n\r\n/**\r\n * Import custom components.\r\n */\r\nimport {IconButton} from '../Button';\r\nimport DropdownContent from './DropdownContent';\r\nimport styled from 'styled-components';\r\n\r\n/**\r\n * Import custom types.\r\n */\r\nimport {DropdownButtonProps} from './DropdownButtonTypes';\r\nimport {defaultOnMouseDownHandler, useClickOutsideRef, useFocusOutsideRef} from '../common';\r\nimport {\r\n  DropdownButtonTextArrow,\r\n  DropdownButtonTextContent,\r\n  DropdownButtonTextIcon,\r\n  DropdownButtonTextStyles,\r\n  DropdownButtonTextWrapper\r\n} from './CommonStyling';\r\nimport {SystemIcons} from '../icons';\r\n\r\nexport const DropdownButtonContainer = styled.div`\r\n  display: inline-block;\r\n`;\r\n\r\nconst DropdownButton = React.forwardRef( ({\r\n                          items,\r\n                          icon,\r\n                          disabled,\r\n                          onClick,\r\n                          itemsType = 'normal',\r\n                          action,\r\n                          actionLabel = '',\r\n                          actionVariant,\r\n                          actionIcon,\r\n                          actionLoading,\r\n                          size,\r\n                          width,\r\n                          alignLeft,\r\n                          multiSelect = false,\r\n                          scrollable = false,\r\n                          pinTopItem = false,\r\n                          maxHeight,\r\n                          className,\r\n                          value,\r\n                          id,\r\n                          dataTestId,\r\n                          ...rest\r\n                        }: DropdownButtonProps, ref: React.Ref<HTMLButtonElement>) => {\r\n  // Globally used variables within the view.\r\n  const [dropdownOpen, setDropdownOpen] = React.useState<boolean>(false);\r\n  const [activeDescendant, setActiveDescendant] = React.useState<string>();\r\n  const [selectedValues, setSelectedValues] = 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 dropdownRef = React.useRef<HTMLDivElement>(null);\r\n\r\n  const containerRef = useFocusOutsideRef(() => setDropdownOpen(false), [dropdownRef]);\r\n  useClickOutsideRef(() => setDropdownOpen(false), [], containerRef);\r\n\r\n  React.useEffect(() => {\r\n    !dropdownOpen && setKeyboardNavigated(false)\r\n  }, [dropdownOpen]);\r\n\r\n  React.useEffect(() => {\r\n    disabled && setDropdownOpen(false)\r\n  }, [disabled]);\r\n\r\n  React.useEffect(() => {\r\n    setSelectedValues(value || []);\r\n  }, [value]);\r\n\r\n  const handleValueSelect = (values: string[]) => {\r\n    // Do all required actions\r\n    onClick(values);\r\n  };\r\n\r\n  /**\r\n   * Renders Icon Button dropdown menu.\r\n   * @returns HTML View for the Icon button dropdown menu.\r\n   */\r\n  const renderButton = () => {\r\n    switch (rest.type) {\r\n      case 'icon':\r\n        return (\r\n          <IconButton ref={ref}\r\n                      variant=\"secondary\"\r\n                      shape=\"circular\"\r\n                      role=\"button\"\r\n                      tooltip={rest.tooltip}\r\n                      id={id}\r\n                      aria-expanded={dropdownOpen}\r\n                      data-testid={dataTestId}\r\n                      aria-controls={`${id}_dropdowncontent`}\r\n                      aria-activedescendant={activeDescendant}\r\n                      \r\n                      action={(event: any) => {\r\n                        setDropdownOpen(!dropdownOpen);\r\n                        if (event?.detail !== 1) {\r\n                          setKeyboardNavigated(true);\r\n                        }\r\n                      }}\r\n                      disabled={disabled}>\r\n            {icon}\r\n          </IconButton>\r\n        );\r\n      case 'text':\r\n        const label = rest.keepLabel || !selectedValues?.length\r\n          ? rest.label\r\n          : items.filter(a => selectedValues.includes(a.value)).map(a => a.displayLabel ?? a.value).join(', ');\r\n        const cls = `${disabled && 'disabled'} ${dropdownOpen && 'expanded'} ${className}`;\r\n        return <DropdownButtonTextWrapper tabIndex={!disabled ? 0 : -1}\r\n                                          className={cls}\r\n                                          role=\"button\"\r\n                                          id={id}\r\n                                          data-testid={dataTestId}\r\n                                          aria-expanded={dropdownOpen}\r\n                                          aria-controls={`${id}_dropdowncontent`}\r\n                                          aria-activedescendant={activeDescendant}\r\n                                          onMouseDown={defaultOnMouseDownHandler}\r\n                                          onKeyDown={e => {\r\n                                            if (e.key === 'Enter' || e.key === ' ') {\r\n                                              e.preventDefault();\r\n                                              e.stopPropagation();\r\n                                              setDropdownOpen(!dropdownOpen);\r\n                                              setKeyboardNavigated(true);\r\n                                            }\r\n                                          }}\r\n                                          onClick={() => !disabled && setDropdownOpen(!dropdownOpen)}>\r\n          <DropdownButtonTextContent>\r\n            {icon && <DropdownButtonTextIcon>{icon}</DropdownButtonTextIcon>}\r\n            <DropdownButtonTextStyles>{label}</DropdownButtonTextStyles>\r\n            <DropdownButtonTextArrow>\r\n              {\r\n                dropdownOpen\r\n                  ? <SystemIcons.ArrowDropUp aria-label='Expanded' size=\"24px\"/>\r\n                  : <SystemIcons.ArrowDropDown aria-label='Collapsed' size=\"24px\"/>\r\n              }\r\n            </DropdownButtonTextArrow>\r\n          </DropdownButtonTextContent>\r\n        </DropdownButtonTextWrapper>\r\n    }\r\n  };\r\n\r\n  return (\r\n    <DropdownButtonContainer className={className} ref={containerRef}> \r\n      {renderButton()}\r\n      <DropdownContent\r\n        ref={dropdownRef}\r\n        ariaRolesType=\"menu\"\r\n        containerRef={containerRef}\r\n        customizationProps={{\r\n          itemsType: itemsType,\r\n          action: action ?? (() => {\r\n          }),\r\n          actionLabel: actionLabel,\r\n          actionVariant: actionVariant,\r\n          onValueUpdate: handleValueSelect,\r\n          multiSelect: multiSelect,\r\n          actionIcon: actionIcon,\r\n          actionLoading: actionLoading,\r\n          scrollable: scrollable,\r\n          pinTopItem: pinTopItem,\r\n          maxHeight: maxHeight,\r\n          items: items\r\n        }}\r\n        onActiveDescendantChanged={(e) => setActiveDescendant(e)}\r\n        focused={focused}\r\n        setFocused={setFocused}\r\n        size={size}\r\n        width={width}\r\n        alignLeft={alignLeft}\r\n        isOpen={dropdownOpen}\r\n        setIsOpen={setDropdownOpen}\r\n        outline={keyboardNavigated}\r\n        filter=\"\"\r\n        selectedValues={rest.type === 'icon' && itemsType === 'normal' ? [] : selectedValues}\r\n        setSelectedValues={setSelectedValues}\r\n        messageOnNoResults=\"No results\"\r\n        isButton={true}\r\n        id={`${id}_dropdowncontent`}\r\n      />\r\n    </DropdownButtonContainer>\r\n  );\r\n});\r\n\r\nexport default DropdownButton;\r\n"],"mappings":"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","ignoreList":[]}

package/dist/Dropdown/DropdownButton.d.ts

@@ -1,11 +1,11 @@
-/**
- * Import React libraries.
- */
-import * as React from 'react';
-/**
- * Import custom types.
- */
-import { DropdownButtonProps } from './DropdownButtonTypes';
-export declare const DropdownButtonContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
-declare const DropdownButton: React.ForwardRefExoticComponent<DropdownButtonProps & React.RefAttributes<HTMLButtonElement>>;
-export default DropdownButton;
+/**
+ * Import React libraries.
+ */
+import * as React from 'react';
+/**
+ * Import custom types.
+ */
+import { DropdownButtonProps } from './DropdownButtonTypes';
+export declare const DropdownButtonContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+declare const DropdownButton: React.ForwardRefExoticComponent<DropdownButtonProps & React.RefAttributes<HTMLButtonElement>>;
+export default DropdownButton;

package/dist/Dropdown/DropdownButton.js

@@ -1,105 +1,81 @@
-import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
 import _taggedTemplateLiteral from "@babel/runtime/helpers/esm/taggedTemplateLiteral";
-var _excluded = ["items", "icon", "disabled", "onClick", "itemsType", "action", "actionLabel", "actionVariant", "actionIcon", "actionLoading", "size", "width", "alignLeft", "multiSelect", "scrollable", "pinTopItem", "maxHeight", "className", "value", "id", "dataTestId"];
+const _excluded = ["items", "icon", "disabled", "onClick", "itemsType", "action", "actionLabel", "actionVariant", "actionIcon", "actionLoading", "size", "width", "alignLeft", "multiSelect", "scrollable", "pinTopItem", "maxHeight", "className", "value", "id", "dataTestId"];
 var _templateObject;
-/**
- * Import React libraries.
+/**
+ * Import React libraries.
  */
 import * as React from 'react';
 
-/**
- * Import custom components.
+/**
+ * Import custom components.
  */
 import { IconButton } from '../Button';
 import DropdownContent from './DropdownContent';
 import styled from 'styled-components';
 
-/**
- * Import custom types.
+/**
+ * Import custom types.
  */
 
 import { defaultOnMouseDownHandler, useClickOutsideRef, useFocusOutsideRef } from '../common';
 import { DropdownButtonTextArrow, DropdownButtonTextContent, DropdownButtonTextIcon, DropdownButtonTextStyles, DropdownButtonTextWrapper } from './CommonStyling';
 import { SystemIcons } from '../icons';
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
-export var DropdownButtonContainer = styled.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  display: inline-block;\n"])));
-var DropdownButton = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
-  var items = _ref.items,
-    icon = _ref.icon,
-    disabled = _ref.disabled,
-    onClick = _ref.onClick,
-    _ref$itemsType = _ref.itemsType,
-    itemsType = _ref$itemsType === void 0 ? 'normal' : _ref$itemsType,
-    action = _ref.action,
-    _ref$actionLabel = _ref.actionLabel,
-    actionLabel = _ref$actionLabel === void 0 ? '' : _ref$actionLabel,
-    actionVariant = _ref.actionVariant,
-    actionIcon = _ref.actionIcon,
-    actionLoading = _ref.actionLoading,
-    size = _ref.size,
-    width = _ref.width,
-    alignLeft = _ref.alignLeft,
-    _ref$multiSelect = _ref.multiSelect,
-    multiSelect = _ref$multiSelect === void 0 ? false : _ref$multiSelect,
-    _ref$scrollable = _ref.scrollable,
-    scrollable = _ref$scrollable === void 0 ? false : _ref$scrollable,
-    _ref$pinTopItem = _ref.pinTopItem,
-    pinTopItem = _ref$pinTopItem === void 0 ? false : _ref$pinTopItem,
-    maxHeight = _ref.maxHeight,
-    className = _ref.className,
-    value = _ref.value,
-    id = _ref.id,
-    dataTestId = _ref.dataTestId,
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export const DropdownButtonContainer = styled.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  display: inline-block;\n"])));
+const DropdownButton = /*#__PURE__*/React.forwardRef((_ref, ref) => {
+  let {
+      items,
+      icon,
+      disabled,
+      onClick,
+      itemsType = 'normal',
+      action,
+      actionLabel = '',
+      actionVariant,
+      actionIcon,
+      actionLoading,
+      size,
+      width,
+      alignLeft,
+      multiSelect = false,
+      scrollable = false,
+      pinTopItem = false,
+      maxHeight,
+      className,
+      value,
+      id,
+      dataTestId
+    } = _ref,
     rest = _objectWithoutProperties(_ref, _excluded);
   // Globally used variables within the view.
-  var _React$useState = React.useState(false),
-    _React$useState2 = _slicedToArray(_React$useState, 2),
-    dropdownOpen = _React$useState2[0],
-    setDropdownOpen = _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([]),
-    _React$useState6 = _slicedToArray(_React$useState5, 2),
-    selectedValues = _React$useState6[0],
-    setSelectedValues = _React$useState6[1];
-  var _React$useState7 = React.useState(null),
-    _React$useState8 = _slicedToArray(_React$useState7, 2),
-    focused = _React$useState8[0],
-    setFocused = _React$useState8[1];
-  var _React$useState9 = React.useState(false),
-    _React$useState10 = _slicedToArray(_React$useState9, 2),
-    keyboardNavigated = _React$useState10[0],
-    setKeyboardNavigated = _React$useState10[1];
-  var dropdownRef = React.useRef(null);
-  var containerRef = useFocusOutsideRef(function () {
-    return setDropdownOpen(false);
-  }, [dropdownRef]);
-  useClickOutsideRef(function () {
-    return setDropdownOpen(false);
-  }, [], containerRef);
-  React.useEffect(function () {
+  const [dropdownOpen, setDropdownOpen] = React.useState(false);
+  const [activeDescendant, setActiveDescendant] = React.useState();
+  const [selectedValues, setSelectedValues] = React.useState([]);
+  const [focused, setFocused] = React.useState(null);
+  const [keyboardNavigated, setKeyboardNavigated] = React.useState(false);
+  const dropdownRef = React.useRef(null);
+  const containerRef = useFocusOutsideRef(() => setDropdownOpen(false), [dropdownRef]);
+  useClickOutsideRef(() => setDropdownOpen(false), [], containerRef);
+  React.useEffect(() => {
     !dropdownOpen && setKeyboardNavigated(false);
   }, [dropdownOpen]);
-  React.useEffect(function () {
+  React.useEffect(() => {
     disabled && setDropdownOpen(false);
   }, [disabled]);
-  React.useEffect(function () {
+  React.useEffect(() => {
     setSelectedValues(value || []);
   }, [value]);
-  var handleValueSelect = function handleValueSelect(values) {
+  const handleValueSelect = values => {
     // Do all required actions
     onClick(values);
   };
 
-  /**
-   * Renders Icon Button dropdown menu.
-   * @returns HTML View for the Icon button dropdown menu.
+  /**
+   * Renders Icon Button dropdown menu.
+   * @returns HTML View for the Icon button dropdown menu.
    */
-  var renderButton = function renderButton() {
+  const renderButton = () => {
     switch (rest.type) {
       case 'icon':
         return /*#__PURE__*/_jsx(IconButton, {
@@ -113,7 +89,7 @@ var DropdownButton = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
           "data-testid": dataTestId,
           "aria-controls": "".concat(id, "_dropdowncontent"),
           "aria-activedescendant": activeDescendant,
-          action: function action(event) {
+          action: event => {
             setDropdownOpen(!dropdownOpen);
             if ((event === null || event === void 0 ? void 0 : event.detail) !== 1) {
               setKeyboardNavigated(true);
@@ -123,13 +99,11 @@ var DropdownButton = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
           children: icon
         });
       case 'text':
-        var label = rest.keepLabel || !(selectedValues !== null && selectedValues !== void 0 && selectedValues.length) ? rest.label : items.filter(function (a) {
-          return selectedValues.includes(a.value);
-        }).map(function (a) {
+        const label = rest.keepLabel || !(selectedValues !== null && selectedValues !== void 0 && selectedValues.length) ? rest.label : items.filter(a => selectedValues.includes(a.value)).map(a => {
           var _a$displayLabel;
           return (_a$displayLabel = a.displayLabel) !== null && _a$displayLabel !== void 0 ? _a$displayLabel : a.value;
         }).join(', ');
-        var cls = "".concat(disabled && 'disabled', " ").concat(dropdownOpen && 'expanded', " ").concat(className);
+        const cls = "".concat(disabled && 'disabled', " ").concat(dropdownOpen && 'expanded', " ").concat(className);
         return /*#__PURE__*/_jsx(DropdownButtonTextWrapper, {
           tabIndex: !disabled ? 0 : -1,
           className: cls,
@@ -140,7 +114,7 @@ var DropdownButton = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
           "aria-controls": "".concat(id, "_dropdowncontent"),
           "aria-activedescendant": activeDescendant,
           onMouseDown: defaultOnMouseDownHandler,
-          onKeyDown: function onKeyDown(e) {
+          onKeyDown: e => {
             if (e.key === 'Enter' || e.key === ' ') {
               e.preventDefault();
               e.stopPropagation();
@@ -148,9 +122,7 @@ var DropdownButton = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
               setKeyboardNavigated(true);
             }
           },
-          onClick: function onClick() {
-            return !disabled && setDropdownOpen(!dropdownOpen);
-          },
+          onClick: () => !disabled && setDropdownOpen(!dropdownOpen),
           children: /*#__PURE__*/_jsxs(DropdownButtonTextContent, {
             children: [icon && /*#__PURE__*/_jsx(DropdownButtonTextIcon, {
               children: icon
@@ -178,7 +150,7 @@ var DropdownButton = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
       containerRef: containerRef,
       customizationProps: {
         itemsType: itemsType,
-        action: action !== null && action !== void 0 ? action : function () {},
+        action: action !== null && action !== void 0 ? action : () => {},
         actionLabel: actionLabel,
         actionVariant: actionVariant,
         onValueUpdate: handleValueSelect,
@@ -190,9 +162,7 @@ var DropdownButton = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
         maxHeight: maxHeight,
         items: items
       },
-      onActiveDescendantChanged: function onActiveDescendantChanged(e) {
-        return setActiveDescendant(e);
-      },
+      onActiveDescendantChanged: e => setActiveDescendant(e),
       focused: focused,
       setFocused: setFocused,
       size: size,