@banyan_cloud/roots 2.0.5 → 2.0.6

package/dist/esm/src/components/input/dropdown/dropdown-item/DropdownItem.js

@@ -0,0 +1,81 @@
+import { objectSpread2 as _objectSpread2 } from '../../../../../_virtual/_rollupPluginBabelHelpers.js';
+import '../../../../../node_modules/prop-types/index.js';
+import { forwardRef } from 'react';
+import { classes } from '../../../../utils/utils.js';
+import Checkbox from '../../checkbox/CheckBox.js';
+import Radio from '../../radio/Radio.js';
+import modules_bf949acd from './DropdownItem.module.css.js';
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { exports as propTypesExports } from '../../../../../_virtual/index.js';
+
+var DropdownItem = /*#__PURE__*/forwardRef(function DropdownItem(props, ref) {
+  // eslint-disable-next-line object-curly-newline
+  var title = props.title,
+    value = props.value,
+    variant = props.variant,
+    selected = props.selected,
+    onKeyDown = props.onKeyDown,
+    onMouseEnter = props.onMouseEnter,
+    onClick = props.onClick,
+    dataAttrs = props.dataAttrs,
+    className = props.className,
+    tabIndex = props.tabIndex,
+    disabled = props.disabled,
+    customComponent = props.customComponent;
+  var action = null;
+  switch (variant) {
+    case 'checkbox':
+      action = /*#__PURE__*/jsx(Checkbox, {
+        className: modules_bf949acd.input,
+        checked: selected,
+        disabled: true
+      });
+      break;
+    case 'radio':
+      action = /*#__PURE__*/jsx(Radio, {
+        className: modules_bf949acd.input,
+        checked: selected,
+        disabled: true
+      });
+      break;
+  }
+  return /*#__PURE__*/jsxs("li", _objectSpread2(_objectSpread2({
+    ref: ref,
+    className: classes(modules_bf949acd.root, selected ? modules_bf949acd.selected : '', disabled ? modules_bf949acd.disabled : '', className),
+    "data-elem": "dropdown-item",
+    "data-variant": variant,
+    "data-value": value,
+    "data-selected": selected,
+    onClick: onClick,
+    onMouseEnter: onMouseEnter
+  }, _objectSpread2({}, dataAttrs)), {}, {
+    tabIndex: tabIndex,
+    role: "option",
+    "aria-selected": selected,
+    onKeyDown: onKeyDown,
+    children: [action, customComponent !== null && customComponent !== void 0 ? customComponent : /*#__PURE__*/jsx("span", {
+      "data-elem": "title",
+      children: title
+    })]
+  }));
+});
+DropdownItem.propTypes = {
+  className: propTypesExports.string,
+  title: propTypesExports.node,
+  variant: propTypesExports.oneOf(['default', 'checkbox', 'radio']),
+  selected: propTypesExports.bool,
+  // eslint-disable-next-line react/forbid-prop-types
+  dataAttrs: propTypesExports.object,
+  customComponent: propTypesExports.node
+};
+DropdownItem.defaultProps = {
+  className: '',
+  title: '',
+  variant: 'default',
+  dataAttrs: {},
+  selected: false,
+  customComponent: null
+};
+
+export { DropdownItem as default };
+//# sourceMappingURL=DropdownItem.js.map

package/dist/esm/src/components/input/dropdown/dropdown-item/DropdownItem.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DropdownItem.js","sources":["../../../../../../../src/components/input/dropdown/dropdown-item/DropdownItem.jsx"],"sourcesContent":["import PropTypes from 'prop-types';\nimport { forwardRef } from 'react';\nimport { classes } from '../../../../utils';\nimport { Checkbox } from '../../checkbox';\nimport { Radio } from '../../radio';\nimport styles from './DropdownItem.module.css';\n\n// eslint-disable-next-line prefer-arrow-callback\nconst DropdownItem = forwardRef(function DropdownItem(props, ref) {\n\t// eslint-disable-next-line object-curly-newline\n\tconst {\n\t\ttitle,\n\t\tvalue,\n\t\tvariant,\n\t\tselected,\n\t\tonKeyDown,\n\t\tonMouseEnter,\n\t\tonClick,\n\t\tdataAttrs,\n\t\tclassName,\n\t\ttabIndex,\n\t\tdisabled,\n\t\tcustomComponent,\n\t} = props;\n\n\tlet action = null;\n\n\tswitch (variant) {\n\t\tcase 'checkbox':\n\t\t\taction = <Checkbox className={styles.input} checked={selected} disabled />;\n\t\t\tbreak;\n\t\tcase 'radio':\n\t\t\taction = <Radio className={styles.input} checked={selected} disabled />;\n\t\t\tbreak;\n\t\tdefault:\n\t\t\tbreak;\n\t}\n\n\treturn (\n\t\t<li\n\t\t\tref={ref}\n\t\t\tclassName={classes(\n\t\t\t\tstyles.root,\n\t\t\t\tselected ? styles.selected : '',\n\t\t\t\tdisabled ? styles.disabled : '',\n\t\t\t\tclassName\n\t\t\t)}\n\t\t\tdata-elem='dropdown-item'\n\t\t\tdata-variant={variant}\n\t\t\tdata-value={value}\n\t\t\tdata-selected={selected}\n\t\t\tonClick={onClick}\n\t\t\tonMouseEnter={onMouseEnter}\n\t\t\t{...{\n\t\t\t\t...dataAttrs,\n\t\t\t}}\n\t\t\ttabIndex={tabIndex}\n\t\t\trole='option'\n\t\t\taria-selected={selected}\n\t\t\tonKeyDown={onKeyDown}>\n\t\t\t{action}\n\t\t\t{customComponent ?? <span data-elem='title'>{title}</span>}\n\t\t</li>\n\t);\n});\n\nDropdownItem.propTypes = {\n\tclassName: PropTypes.string,\n\ttitle: PropTypes.node,\n\tvariant: PropTypes.oneOf(['default', 'checkbox', 'radio']),\n\tselected: PropTypes.bool,\n\t// eslint-disable-next-line react/forbid-prop-types\n\tdataAttrs: PropTypes.object,\n\tcustomComponent: PropTypes.node,\n};\n\nDropdownItem.defaultProps = {\n\tclassName: '',\n\ttitle: '',\n\tvariant: 'default',\n\tdataAttrs: {},\n\tselected: false,\n\tcustomComponent: null,\n};\n\nexport default DropdownItem;\n"],"names":["DropdownItem","forwardRef","props","ref","title","value","variant","selected","onKeyDown","onMouseEnter","onClick","dataAttrs","className","tabIndex","disabled","customComponent","action","_jsx","Checkbox","styles","input","checked","Radio","_jsxs","_objectSpread","classes","root","role","children","propTypes","PropTypes","string","node","oneOf","bool","object","defaultProps"],"mappings":"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"}

package/dist/esm/src/components/input/dropdown/dropdown-item/DropdownItem.module.css.js

@@ -0,0 +1,8 @@
+import n from '../../../../../node_modules/rollup-plugin-styles/dist/runtime/inject-css.js';
+
+var css = ".DropdownItem_module_root__17146601 {\n  display: flex;\n  flex-direction: row;\n  justify-content: flex-start;\n  align-items: center;\n  gap: 0.75rem;\n  width: 100%;\n  padding: 0.75rem 1rem;\n  border-radius: 0.25rem;\n  cursor: pointer;\n  color: var(--grey);\n  outline: none;\n}\n.DropdownItem_module_root__17146601 > .DropdownItem_module_input__17146601 {\n  cursor: pointer;\n}\n.DropdownItem_module_root__17146601:focus {\n  background: var(--grey6);\n}\n.DropdownItem_module_root__17146601.DropdownItem_module_selected__17146601 {\n  background: var(--info-bg);\n}\n.DropdownItem_module_root__17146601.DropdownItem_module_disabled__17146601 {\n  filter: opacity(0.25);\n}\n.DropdownItem_module_root__17146601.DropdownItem_module_disabled__17146601:hover {\n  cursor: not-allowed;\n}";
+var modules_bf949acd = {"root":"DropdownItem_module_root__17146601","input":"DropdownItem_module_input__17146601","selected":"DropdownItem_module_selected__17146601","disabled":"DropdownItem_module_disabled__17146601"};
+n(css,{});
+
+export { css, modules_bf949acd as default };
+//# sourceMappingURL=DropdownItem.module.css.js.map

package/dist/esm/src/components/input/dropdown/dropdown-item/DropdownItem.module.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DropdownItem.module.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;"}

package/dist/esm/src/components/input/dropdownv2/Dropdownv2.js

@@ -0,0 +1,557 @@
+import { slicedToArray as _slicedToArray, objectSpread2 as _objectSpread2, toConsumableArray as _toConsumableArray } from '../../../../_virtual/_rollupPluginBabelHelpers.js';
+import { useFloating, useInteractions, useClick, useRole, useListNavigation, useDismiss, FloatingFocusManager } from '../../../../node_modules/@floating-ui/react-dom-interactions/dist/floating-ui.react-dom-interactions.esm.js';
+import { motion } from 'framer-motion';
+import '../../../../node_modules/prop-types/index.js';
+import React__default, { forwardRef, useState, useRef, useImperativeHandle, useMemo, useLayoutEffect, useEffect } from 'react';
+import { ErrorBoundary } from 'react-error-boundary';
+import { classes } from '../../../utils/utils.js';
+import Button from '../../buttons/button/Button.js';
+import ErrorBoundaryWrapper from '../../errorBoundary/ErrorBoundaryWrapper.js';
+import { jsx, jsxs } from 'react/jsx-runtime';
+import '../../icons/AngleDouble/AngleDouble.js';
+import '../../icons/Arrow/Arrow.js';
+import '../../icons/BreadcrumbSeperator/BreadcrumbSeperator.js';
+import '../../icons/Calender/Calender.js';
+import Caret from '../../icons/Caret/Caret.js';
+import '../../icons/CheckboxIcon/CheckboxIcon.js';
+import '../../icons/Chevron/Chevron.js';
+import '../../icons/ColumnFilter/ColumnFilter.js';
+import '../../icons/Columns/Columns.js';
+import '../../icons/Copy/Copy.js';
+import '../../icons/Cross/Cross.js';
+import '../../icons/Delete/Delete.js';
+import '../../icons/Download/Download.js';
+import '../../icons/Dropdown/DropdownIcon.js';
+import '../../icons/Edit/Edit.js';
+import '../../icons/Filter/Filter.js';
+import '../../icons/FlowChart/FlowChart.js';
+import '../../icons/fullScreen/FullScreen.js';
+import '../../icons/HalfShade/HalfShade.js';
+import '../../icons/Home/Home.js';
+import Info from '../../icons/Info/Info.js';
+import '../../icons/MagnifyingGlass/MagnifyingGlass.js';
+import '../../icons/Nut/Nut.js';
+import '../../icons/Plus/Plus.js';
+import '../../icons/RadioIcon/RadioIcon.js';
+import '../../icons/Refresh/Refresh.js';
+import '../../icons/Reset/Reset.js';
+import '../../icons/Server/Server.js';
+import '../../icons/Tick/Tick.js';
+import '../../icons/View/View.js';
+import SelectAll from '../../icons/SelectAll/SelectAll.js';
+import Popper from '../../popper/Popper.js';
+import Tooltip from '../../tooltip/Tooltip.js';
+import modules_ef7e5a18 from './Dropdownv2.module.css.js';
+import { exports as propTypesExports } from '../../../../_virtual/index.js';
+import { autoUpdate, offset, flip, shift, size } from '../../../../node_modules/@floating-ui/dom/dist/floating-ui.dom.js';
+
+var Dropdown = /*#__PURE__*/forwardRef(function Dropdown(props, inputRef) {
+  var _selectedOptions$map;
+  var _props$className = props.className,
+    className = _props$className === void 0 ? '' : _props$className,
+    _props$popperClassNam = props.popperClassName,
+    popperClassName = _props$popperClassNam === void 0 ? '' : _props$popperClassNam,
+    value = props.value,
+    onChange = props.onChange,
+    LeftComponent = props.leftComponent,
+    onBlur = props.onBlur,
+    children = props.children,
+    highlightOnSelect = props.highlightOnSelect,
+    label = props.label,
+    _props$placeholder = props.placeholder,
+    placeholder = _props$placeholder === void 0 ? 'Select an option' : _props$placeholder,
+    multi = props.multi,
+    disabled = props.disabled,
+    error = props.error,
+    id = props.id,
+    name = props.name,
+    feedback = props.feedback,
+    _props$formatter = props.formatter,
+    formatter = _props$formatter === void 0 ? function (totalSelected) {
+      return "".concat(totalSelected, " options applied");
+    } : _props$formatter,
+    custom = props.custom,
+    required = props.required,
+    multiSelectActionTitle = props.multiSelectActionTitle,
+    valueAsCount = props.valueAsCount,
+    caretAsUpDown = props.caretAsUpDown;
+  var _useState = useState(false),
+    _useState2 = _slicedToArray(_useState, 2),
+    open = _useState2[0],
+    setOpen = _useState2[1];
+  var _useState3 = useState(null),
+    _useState4 = _slicedToArray(_useState3, 2),
+    activeIndex = _useState4[0],
+    setActiveIndex = _useState4[1];
+  var _useState5 = useState(0),
+    _useState6 = _slicedToArray(_useState5, 2),
+    selectedIndex = _useState6[0],
+    setSelectedIndex = _useState6[1];
+  var listItemsRef = useRef([]);
+  var multiOptionsRef = useRef(null);
+  var isControlled = value !== undefined;
+
+  // for uncontrolled input
+  var _useState7 = useState(value),
+    _useState8 = _slicedToArray(_useState7, 2),
+    uncontrolledValue = _useState8[0],
+    setUncontrolledValue = _useState8[1];
+  var _useState9 = useState(null),
+    _useState0 = _slicedToArray(_useState9, 2),
+    appliedMultiUncontrolledValue = _useState0[0],
+    setAppliedMultiUncontrolledValue = _useState0[1];
+  var _useFloating = useFloating({
+      open: open,
+      onOpenChange: setOpen,
+      whileElementsMounted: autoUpdate,
+      middleware: [offset(5), flip({
+        padding: 8
+      }), shift({
+        padding: 8
+      }), size({
+        apply: function apply(_ref) {
+          var rects = _ref.rects,
+            availableHeight = _ref.availableHeight,
+            elements = _ref.elements;
+          Object.assign(elements.floating.style, {
+            width: "".concat(rects.reference.width, "px"),
+            minWidth: 'fit-content',
+            maxHeight: "".concat(availableHeight, "px")
+          });
+        },
+        padding: 8
+      })]
+    }),
+    x = _useFloating.x,
+    y = _useFloating.y,
+    reference = _useFloating.reference,
+    floating = _useFloating.floating,
+    strategy = _useFloating.strategy,
+    context = _useFloating.context;
+  var _useInteractions = useInteractions([useClick(context, {
+      enabled: !disabled && !error
+    }), useRole(context, {
+      role: 'listbox'
+    }), useListNavigation(context, {
+      listRef: listItemsRef,
+      activeIndex: activeIndex,
+      selectedIndex: selectedIndex,
+      onNavigate: setActiveIndex
+    }), useDismiss(context)]),
+    getReferenceProps = _useInteractions.getReferenceProps,
+    getFloatingProps = _useInteractions.getFloatingProps,
+    getItemProps = _useInteractions.getItemProps;
+  var onSelect = function onSelect(child, selected) {
+    return function (event) {
+      var _itemValue$toString;
+      if (event.currentTarget.getAttribute('data-elem') !== 'dropdown-item') {
+        return;
+      }
+      var itemValue = child.props.value;
+      var itemValueString = itemValue === null || itemValue === void 0 || (_itemValue$toString = itemValue.toString) === null || _itemValue$toString === void 0 ? void 0 : _itemValue$toString.call(itemValue);
+      var index = event.currentTarget.getAttribute('data-index');
+
+      // to support form libraries which require name and value on the event
+      var nativeEvent = event.nativeEvent || event;
+      var clonedEvent = new nativeEvent.constructor(nativeEvent.type, nativeEvent);
+      Object.defineProperty(clonedEvent, 'target', {
+        writable: true,
+        value: {
+          value: itemValueString,
+          name: name
+        }
+      });
+
+      // if (elem === 'dropdown-item') {
+      setSelectedIndex(parseInt(index, 10));
+      if (multi) {
+        // eslint-disable-next-line no-lonely-if
+        if (selected === true) {
+          setUncontrolledValue(uncontrolledValue.filter(function (val) {
+            return val !== itemValueString;
+          }));
+        } else {
+          setUncontrolledValue([].concat(_toConsumableArray(uncontrolledValue !== null && uncontrolledValue !== void 0 ? uncontrolledValue : []), [itemValueString]));
+        }
+        setActiveIndex(parseInt(index, 10));
+      } else {
+        if (isControlled) {
+          onChange(clonedEvent, itemValueString === null || itemValueString === void 0 ? void 0 : itemValueString.toString());
+        } else {
+          setUncontrolledValue(itemValueString === null || itemValueString === void 0 ? void 0 : itemValueString.toString());
+        }
+        setActiveIndex(null);
+        setOpen(false);
+      }
+      // }
+    };
+  };
+  var onNavigate = function onNavigate(child, selected) {
+    return function (event) {
+      var selectKey = [' ', 'Spacebar', 'Enter'].includes(event.key);
+      if (selectKey) {
+        event.stopPropagation();
+        onSelect(child, selected)(event);
+      }
+    };
+  };
+  useImperativeHandle(inputRef, function () {
+    return {
+      value: function value() {
+        var _inputRef$current$val, _inputRef$current$val2, _inputRef$current$val3, _inputValue$;
+        var inputValue = (_inputRef$current$val = (_inputRef$current$val2 = inputRef.current.value) === null || _inputRef$current$val2 === void 0 || (_inputRef$current$val3 = _inputRef$current$val2.split) === null || _inputRef$current$val3 === void 0 ? void 0 : _inputRef$current$val3.call(_inputRef$current$val2, ', ')) !== null && _inputRef$current$val !== void 0 ? _inputRef$current$val : [];
+        if (multi) {
+          return inputValue;
+        }
+        return (_inputValue$ = inputValue === null || inputValue === void 0 ? void 0 : inputValue[0]) !== null && _inputValue$ !== void 0 ? _inputValue$ : null;
+      }
+    };
+  }, []);
+  var childrenArray = React__default.Children.toArray(children);
+  var selectedOptions = useMemo(function () {
+    var inputValue = uncontrolledValue;
+    if (isControlled && !multi) {
+      inputValue = value;
+    }
+    var options = [];
+    if (inputValue != null && inputValue !== '') {
+      childrenArray === null || childrenArray === void 0 || childrenArray.forEach(function (child) {
+        var _inputValue$indexOf, _inputValue, _inputValue$indexOf2, _child$props, _child$props$toString, _inputValue2, _child$props2, _child$props2$toStrin;
+        if (multi && ((_inputValue$indexOf = (_inputValue = inputValue) === null || _inputValue === void 0 || (_inputValue$indexOf2 = _inputValue.indexOf) === null || _inputValue$indexOf2 === void 0 ? void 0 : _inputValue$indexOf2.call(_inputValue, child === null || child === void 0 || (_child$props = child.props) === null || _child$props === void 0 || (_child$props = _child$props.value) === null || _child$props === void 0 || (_child$props$toString = _child$props.toString) === null || _child$props$toString === void 0 ? void 0 : _child$props$toString.call(_child$props))) !== null && _inputValue$indexOf !== void 0 ? _inputValue$indexOf : -1) !== -1 || !multi && ((_inputValue2 = inputValue) === null || _inputValue2 === void 0 ? void 0 : _inputValue2.toString()) === (child === null || child === void 0 || (_child$props2 = child.props) === null || _child$props2 === void 0 || (_child$props2 = _child$props2.value) === null || _child$props2 === void 0 || (_child$props2$toStrin = _child$props2.toString) === null || _child$props2$toStrin === void 0 ? void 0 : _child$props2$toStrin.call(_child$props2))) {
+          var _child$props3, _child$props4, _child$props4$toStrin;
+          options.push({
+            title: child === null || child === void 0 || (_child$props3 = child.props) === null || _child$props3 === void 0 ? void 0 : _child$props3.title,
+            value: child === null || child === void 0 || (_child$props4 = child.props) === null || _child$props4 === void 0 || (_child$props4 = _child$props4.value) === null || _child$props4 === void 0 || (_child$props4$toStrin = _child$props4.toString) === null || _child$props4$toStrin === void 0 ? void 0 : _child$props4$toStrin.call(_child$props4)
+          });
+        }
+      });
+    }
+    return options;
+  }, [value, uncontrolledValue, multi]);
+  var items = childrenArray.map(function (child, index) {
+    var _child$props6;
+    var selected = false;
+    if (selectedOptions.findIndex(function (option) {
+      var _child$props5, _child$props5$toStrin;
+      return option.value === (child === null || child === void 0 || (_child$props5 = child.props) === null || _child$props5 === void 0 || (_child$props5 = _child$props5.value) === null || _child$props5 === void 0 || (_child$props5$toStrin = _child$props5.toString) === null || _child$props5$toStrin === void 0 ? void 0 : _child$props5$toStrin.call(_child$props5));
+    }) !== -1) {
+      selected = true;
+    }
+    return /*#__PURE__*/React__default.cloneElement(child, _objectSpread2({}, getItemProps({
+      key: child === null || child === void 0 || (_child$props6 = child.props) === null || _child$props6 === void 0 ? void 0 : _child$props6.value,
+      onKeyDown: onNavigate(child, selected),
+      onClick: onSelect(child, selected),
+      onMouseEnter: function onMouseEnter() {
+        setActiveIndex(index);
+      },
+      dataAttrs: {
+        'data-index': index
+      },
+      selected: selected,
+      tabIndex: activeIndex === index ? 0 : -1,
+      ref: function ref(node) {
+        listItemsRef.current[index] = node;
+      }
+    })));
+  });
+  var _useState1 = useState(false),
+    _useState10 = _slicedToArray(_useState1, 2),
+    pointer = _useState10[0],
+    setPointer = _useState10[1];
+  if (!open && pointer) {
+    setPointer(false);
+  }
+  useLayoutEffect(function () {
+    if (open && activeIndex != null && !pointer) {
+      requestAnimationFrame(function () {
+        var _listItemsRef$current;
+        (_listItemsRef$current = listItemsRef.current[activeIndex]) === null || _listItemsRef$current === void 0 || _listItemsRef$current.scrollIntoView({
+          block: 'nearest'
+        });
+      });
+    }
+  }, [open, activeIndex, pointer]);
+  useEffect(function () {
+    if (multi && isControlled) {
+      setUncontrolledValue(value);
+    }
+  }, [open, multi, value]);
+  var onSelectAll = function onSelectAll(event, selected) {
+    // to support form libraries which require name and value on the event
+    var nativeEvent = event.nativeEvent || event;
+    var clonedEvent = new nativeEvent.constructor(nativeEvent.type, nativeEvent);
+    var itemValue = [];
+    if (selected) {
+      itemValue = childrenArray.map(function (child) {
+        var _child$props7, _child$props7$toStrin;
+        return child === null || child === void 0 || (_child$props7 = child.props) === null || _child$props7 === void 0 || (_child$props7 = _child$props7.value) === null || _child$props7 === void 0 || (_child$props7$toStrin = _child$props7.toString) === null || _child$props7$toStrin === void 0 ? void 0 : _child$props7$toStrin.call(_child$props7);
+      });
+    }
+    Object.defineProperty(clonedEvent, 'target', {
+      writable: true,
+      value: {
+        value: itemValue,
+        name: name
+      }
+    });
+    setUncontrolledValue(itemValue);
+    setActiveIndex(0);
+  };
+  var onApply = function onApply(event) {
+    var nativeEvent = event.nativeEvent || event;
+    var clonedEvent = new nativeEvent.constructor(nativeEvent.type, nativeEvent);
+    Object.defineProperty(clonedEvent, 'target', {
+      writable: true,
+      value: {
+        value: uncontrolledValue,
+        name: name
+      }
+    });
+    if (!isControlled) {
+      setAppliedMultiUncontrolledValue(uncontrolledValue);
+      onChange(event, appliedMultiUncontrolledValue);
+      return;
+    }
+    onChange(event, uncontrolledValue);
+  };
+  var selectedItemsLabel = null;
+  if ((selectedOptions === null || selectedOptions === void 0 ? void 0 : selectedOptions.length) === 1) {
+    selectedItemsLabel = '1 option selected';
+  } else {
+    selectedItemsLabel = "".concat(selectedOptions === null || selectedOptions === void 0 ? void 0 : selectedOptions.length, " options selected");
+  }
+  var getValueToDisplay = function getValueToDisplay() {
+    if (value) {
+      var _selectedItem$props2;
+      if (Array.isArray(value) && value.length > 0) {
+        var sanitizedValue = value.filter(Boolean);
+        if (sanitizedValue.length === 0) {
+          return '';
+        }
+        if (sanitizedValue.length === 1 && !valueAsCount) {
+          var _selectedItem$props;
+          var _selectedItem = items === null || items === void 0 ? void 0 : items.find(function (item) {
+            return item.props.value == sanitizedValue[0];
+          });
+          return _selectedItem === null || _selectedItem === void 0 || (_selectedItem$props = _selectedItem.props) === null || _selectedItem$props === void 0 ? void 0 : _selectedItem$props.title;
+        }
+        return formatter(sanitizedValue.length);
+      }
+      var selectedItem = items === null || items === void 0 ? void 0 : items.find(function (item) {
+        return item.props.value == value;
+      });
+      return selectedItem === null || selectedItem === void 0 || (_selectedItem$props2 = selectedItem.props) === null || _selectedItem$props2 === void 0 ? void 0 : _selectedItem$props2.title;
+    }
+    if (!isControlled && appliedMultiUncontrolledValue && appliedMultiUncontrolledValue.length > 0) {
+      if ((appliedMultiUncontrolledValue === null || appliedMultiUncontrolledValue === void 0 ? void 0 : appliedMultiUncontrolledValue.length) === 1) {
+        var _selectedItem2$props;
+        var _selectedItem2 = items === null || items === void 0 ? void 0 : items.find(function (item) {
+          return item.props.value == appliedMultiUncontrolledValue[0];
+        });
+        return _selectedItem2 === null || _selectedItem2 === void 0 || (_selectedItem2$props = _selectedItem2.props) === null || _selectedItem2$props === void 0 ? void 0 : _selectedItem2$props.title;
+      }
+      return formatter(appliedMultiUncontrolledValue.length);
+    }
+    if (!isControlled) {
+      var _selectedItem3$props;
+      var _selectedItem3 = items === null || items === void 0 ? void 0 : items.find(function (item) {
+        return item.props.value == uncontrolledValue;
+      });
+      return _selectedItem3 === null || _selectedItem3 === void 0 || (_selectedItem3$props = _selectedItem3.props) === null || _selectedItem3$props === void 0 ? void 0 : _selectedItem3$props.title;
+    }
+    return '';
+  };
+  var getLeftComponent = function getLeftComponent() {
+    if (LeftComponent) {
+      if (LeftComponent.Active || LeftComponent.InActive) {
+        if (highlightOnSelect && (value === null || value === void 0 ? void 0 : value.length) > 0) {
+          return /*#__PURE__*/jsx(LeftComponent.Active, {});
+        }
+        return /*#__PURE__*/jsx(LeftComponent.InActive, {});
+      }
+      return /*#__PURE__*/jsx(LeftComponent, {});
+    }
+    return null;
+  };
+  return /*#__PURE__*/jsx(ErrorBoundary, {
+    FallbackComponent: function FallbackComponent(args) {
+      return /*#__PURE__*/jsx(ErrorBoundaryWrapper, _objectSpread2(_objectSpread2({}, args), {}, {
+        className: modules_ef7e5a18['error-boundary'],
+        custom: custom
+      }));
+    },
+    children: /*#__PURE__*/jsxs("div", {
+      className: classes(modules_ef7e5a18.root, open ? modules_ef7e5a18.open : '', disabled || error ? modules_ef7e5a18.disabled : '', className),
+      children: [label && /*#__PURE__*/jsx("div", {
+        "data-elem": "label",
+        className: classes(modules_ef7e5a18.label, required ? modules_ef7e5a18.required : ''),
+        children: /*#__PURE__*/jsx("span", {
+          children: label
+        })
+      }), /*#__PURE__*/jsxs("div", _objectSpread2(_objectSpread2({
+        "data-elem": "header",
+        className: classes(modules_ef7e5a18.header, error ? modules_ef7e5a18.error : ' ', open ? modules_ef7e5a18.open : '', (Array.isArray(value) ? value.length > 0 : !!value) && highlightOnSelect ? modules_ef7e5a18.highlightOnSelect : ''),
+        ref: reference
+      }, getReferenceProps()), {}, {
+        children: [/*#__PURE__*/jsx("input", {
+          id: id,
+          name: name,
+          ref: inputRef,
+          disabled: disabled,
+          tabIndex: 0,
+          className: modules_ef7e5a18.input,
+          onKeyDown: function onKeyDown(event) {
+            var validKey = [' ', 'Spacebar', 'Enter'].includes(event.key);
+            if (validKey) {
+              setOpen(true);
+            }
+          },
+          onBlur: onBlur,
+          value: selectedOptions === null || selectedOptions === void 0 || (_selectedOptions$map = selectedOptions.map(function (option) {
+            return option === null || option === void 0 ? void 0 : option.value;
+          })) === null || _selectedOptions$map === void 0 ? void 0 : _selectedOptions$map.join(', ')
+        }), /*#__PURE__*/jsxs("div", {
+          "data-elem": "select",
+          role: "button",
+          className: classes(modules_ef7e5a18.select, feedback != null ? modules_ef7e5a18["feedback-".concat(feedback === null || feedback === void 0 ? void 0 : feedback.type)] : ''),
+          children: [getLeftComponent(), typeof placeholder === 'string' || placeholder instanceof String ? getValueToDisplay() ? /*#__PURE__*/jsx("span", {
+            "data-elem": "value",
+            children: getValueToDisplay()
+          }) : placeholder && /*#__PURE__*/jsx("span", {
+            "data-elem": "placeholder",
+            className: modules_ef7e5a18.placeholder,
+            children: placeholder
+          }) : /*#__PURE__*/jsx("div", {
+            "data-elem": "placeholder",
+            children: placeholder
+          }), /*#__PURE__*/jsxs("div", {
+            className: modules_ef7e5a18['icon-bundle'],
+            children: [error && /*#__PURE__*/jsx(Tooltip, {
+              content: error !== null && error !== void 0 ? error : '',
+              position: "top",
+              className: modules_ef7e5a18.tooltip,
+              variant: "light",
+              children: /*#__PURE__*/jsx("span", {
+                className: modules_ef7e5a18.span,
+                children: /*#__PURE__*/jsx(Info, {
+                  className: modules_ef7e5a18['info-icon']
+                })
+              })
+            }), caretAsUpDown ? /*#__PURE__*/jsx(Caret, {
+              className: classes(modules_ef7e5a18['caret-icon-upDown'], open ? modules_ef7e5a18.open : ''),
+              upDown: true
+            }) : /*#__PURE__*/jsx(Caret, {
+              "data-elem": "icon",
+              className: classes(modules_ef7e5a18['caret-icon'], open ? modules_ef7e5a18.open : '')
+            })]
+          })]
+        })]
+      })), /*#__PURE__*/jsx(Popper, {
+        open: open,
+        wrapperId: "dropdown-popper",
+        children: open && /*#__PURE__*/jsx(FloatingFocusManager, {
+          context: context,
+          initialFocus: -1,
+          modal: false,
+          children: /*#__PURE__*/jsxs(motion.ul, _objectSpread2(_objectSpread2({}, getFloatingProps({
+            'data-elem': 'body',
+            role: 'group',
+            ref: floating,
+            onKeyDown: function onKeyDown(event) {
+              setPointer(false);
+              if (event.key === 'Tab' && !multi) {
+                setOpen(false);
+              }
+            },
+            onPointerMove: function onPointerMove() {
+              setPointer(true);
+            },
+            style: {
+              position: strategy,
+              top: y !== null && y !== void 0 ? y : 0,
+              left: x !== null && x !== void 0 ? x : 0
+            },
+            className: classes(modules_ef7e5a18.body, open ? modules_ef7e5a18.open : '', multi ? modules_ef7e5a18.multi : '', popperClassName)
+          })), {}, {
+            initial: {
+              opacity: 0,
+              scale: 0
+            },
+            animate: {
+              opacity: 1,
+              scale: 1
+            },
+            children: [multi && /*#__PURE__*/jsxs("li", {
+              ref: multiOptionsRef,
+              className: modules_ef7e5a18['multi-options'],
+              tabIndex: -1,
+              children: [/*#__PURE__*/jsx(Button, {
+                className: modules_ef7e5a18.button,
+                blurOnClick: false,
+                title: "Select All",
+                variant: "contained",
+                type: "button",
+                leftComponent: function leftComponent() {
+                  return /*#__PURE__*/jsx(SelectAll, {
+                    className: modules_ef7e5a18.icon,
+                    position: "left"
+                  });
+                },
+                onClick: function onClick(event) {
+                  var _multiOptionsRef$curr;
+                  event.stopPropagation();
+                  multiOptionsRef === null || multiOptionsRef === void 0 || (_multiOptionsRef$curr = multiOptionsRef.current) === null || _multiOptionsRef$curr === void 0 || _multiOptionsRef$curr.focus();
+                  onSelectAll(event, true);
+                }
+              }), (selectedOptions === null || selectedOptions === void 0 ? void 0 : selectedOptions.length) > 0 && /*#__PURE__*/jsx("span", {
+                className: modules_ef7e5a18.items,
+                children: selectedItemsLabel
+              })]
+            }), items, multi && /*#__PURE__*/jsxs("div", {
+              className: modules_ef7e5a18.footer,
+              children: [/*#__PURE__*/jsx(Button, {
+                className: modules_ef7e5a18['multi-clear'],
+                blurOnClick: false,
+                title: "Clear All",
+                size: "auto",
+                disabled: (selectedOptions === null || selectedOptions === void 0 ? void 0 : selectedOptions.length) === 0,
+                onClick: function onClick(event) {
+                  var _multiOptionsRef$curr2;
+                  event.stopPropagation();
+                  multiOptionsRef === null || multiOptionsRef === void 0 || (_multiOptionsRef$curr2 = multiOptionsRef.current) === null || _multiOptionsRef$curr2 === void 0 || _multiOptionsRef$curr2.focus();
+                  onSelectAll(event, false);
+                }
+              }), /*#__PURE__*/jsx(Button, {
+                className: modules_ef7e5a18['multi-apply'],
+                title: multiSelectActionTitle !== null && multiSelectActionTitle !== void 0 ? multiSelectActionTitle : 'Apply',
+                size: "auto",
+                onClick: onApply
+              })]
+            })]
+          }))
+        })
+      })]
+    })
+  });
+});
+Dropdown.propTypes = {
+  popperClassName: propTypesExports.string,
+  className: propTypesExports.string,
+  disabled: propTypesExports.bool,
+  label: propTypesExports.string,
+  value: propTypesExports.oneOfType([propTypesExports.string, propTypesExports.arrayOf(propTypesExports.string)]),
+  placeholder: propTypesExports.string || propTypesExports.node,
+  multi: propTypesExports.bool,
+  onChange: propTypesExports.func,
+  onBlur: propTypesExports.func,
+  feedback: propTypesExports.shape({
+    text: propTypesExports.node,
+    type: propTypesExports.oneOf(['error', 'success', 'default'])
+  }),
+  formatter: propTypesExports.func,
+  required: propTypesExports.bool,
+  hideIcon: propTypesExports.bool
+};
+
+export { Dropdown as default };
+//# sourceMappingURL=Dropdownv2.js.map