@banyan_cloud/roots 2.0.7 → 2.0.8

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

@@ -1,81 +0,0 @@
-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

@@ -1 +0,0 @@
-{"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

@@ -1,8 +0,0 @@
-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

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

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

@@ -1,557 +0,0 @@
-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