@ntbjs/react-components 2.0.0-rc.29 → 2.0.0-rc.30

package/build/inputs/MultiLevelCheckbox/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sources":["../../../src/components/inputs/MultiLevelCheckbox/types.js"],"sourcesContent":["import PropTypes from 'prop-types';\n\n// Define NodeType without self-reference to avoid circular dependency\nexport const NodeType = PropTypes.shape({\n  label: PropTypes.string.isRequired,\n  value: PropTypes.any.isRequired,\n  children: PropTypes.arrayOf(PropTypes.shape({\n    label: PropTypes.string.isRequired,\n    value: PropTypes.any.isRequired,\n    children: PropTypes.array\n  }))\n});\n\nexport function findChildValues(node) {\n  const result = [];\n  \n  function traverse(node) {\n    if (Array.isArray(node.children) && node.children.length > 0) {\n      node.children.forEach(child => {\n        result.push(child.value);\n        traverse(child);\n      });\n    }\n  }\n  \n  traverse(node);\n  return result;\n}\n"],"names":["NodeType","PropTypes","shape","label","string","isRequired","value","any","children","arrayOf","array","findChildValues","node","result","traverse","Array","isArray","length","forEach","child","push"],"mappings":";;MAGaA,QAAQ,GAAGC,SAAS,CAACC,KAAK,CAAC;AACtCC,EAAAA,KAAK,EAAEF,SAAS,CAACG,MAAM,CAACC,UAAU;AAClCC,EAAAA,KAAK,EAAEL,SAAS,CAACM,GAAG,CAACF,UAAU;EAC/BG,QAAQ,EAAEP,SAAS,CAACQ,OAAO,CAACR,SAAS,CAACC,KAAK,CAAC;AAC1CC,IAAAA,KAAK,EAAEF,SAAS,CAACG,MAAM,CAACC,UAAU;AAClCC,IAAAA,KAAK,EAAEL,SAAS,CAACM,GAAG,CAACF,UAAU;IAC/BG,QAAQ,EAAEP,SAAS,CAACS,KAAAA;AACtB,GAAC,CAAC,CAAA;AACJ,CAAC,EAAC;AAEK,SAASC,eAAeA,CAACC,IAAI,EAAE;EACpC,MAAMC,MAAM,GAAG,EAAE,CAAA;EAEjB,SAASC,QAAQA,CAACF,IAAI,EAAE;AACtB,IAAA,IAAIG,KAAK,CAACC,OAAO,CAACJ,IAAI,CAACJ,QAAQ,CAAC,IAAII,IAAI,CAACJ,QAAQ,CAACS,MAAM,GAAG,CAAC,EAAE;AAC5DL,MAAAA,IAAI,CAACJ,QAAQ,CAACU,OAAO,CAACC,KAAK,IAAI;AAC7BN,QAAAA,MAAM,CAACO,IAAI,CAACD,KAAK,CAACb,KAAK,CAAC,CAAA;QACxBQ,QAAQ,CAACK,KAAK,CAAC,CAAA;AACjB,OAAC,CAAC,CAAA;AACJ,KAAA;AACF,GAAA;EAEAL,QAAQ,CAACF,IAAI,CAAC,CAAA;AACd,EAAA,OAAOC,MAAM,CAAA;AACf;;;;"}

package/build/inputs/MultiLevelCheckboxSelect/MultiLevelCheckboxSelect.js

@@ -1,26 +1,184 @@
-import '../../_rollupPluginBabelHelpers-c245b26a.js';
-import 'react';
-import '../../defaultTheme-1bcc2541.js';
-export { a as default } from '../../MultiLevelCheckboxSelect-d8044c88.js';
-import '../../Alert-e6847a22.js';
-import '../../Badge-d93586a9.js';
-import '../../Popover-20050b91.js';
-import '../../Tab-04d435c3.js';
-import '../../Tabs-74d1ea8a.js';
-import '../../Tooltip-c1d1199e.js';
-import '../../VerificationStatusIcon-49cb1c1b.js';
-import '../../TextInput-fab35842.js';
-import '../../InputGroup-1294d190.js';
-import '../../SectionSeparator-f47760a2.js';
-import '../../close-a5d37608.js';
-import '@restart/hooks/useUpdateEffect';
-import 'lodash';
-import 'styled-components';
-import '../../Checkbox-4a5fd716.js';
-import 'nanoid';
-import 'polished';
-import '@tippyjs/react';
-import '../../shift-away-subtle-0dd94a03.js';
-import 'popper-max-size-modifier';
-import '@restart/hooks/useMergedRefs';
-import '../../edit-note-283a0e15.js';
+import { extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
+import React__default, { useRef, useState, useCallback, useMemo } from 'react';
+import PropTypes from 'prop-types';
+import { MultiLevelCheckboxSelect as MultiLevelCheckboxSelect$1, PopoverContainer, PopoverHeader, SearchContainer, OptionsContainer, MultiLevelCheckboxSelectInput, Label, Placeholder, Item, ItemLabel, ItemRemoveButton } from './MultiLevelCheckboxSelect.styled.js';
+import '../../data/Alert/Alert.js';
+import '../../data/Badge/Badge.js';
+import Popover from '../../data/Popover/Popover.js';
+import '../../data/Tab/Tab.js';
+import '../../data/Tabs/Tabs.js';
+import '../../data/Tooltip/Tooltip.js';
+import '../../data/VerificationStatusIcon/VerificationStatusIcon.js';
+import MultiLevelCheckbox from '../MultiLevelCheckbox/MultiLevelCheckbox.js';
+import { NodeType, findChildValues } from '../MultiLevelCheckbox/types.js';
+import TextInput from '../TextInput/TextInput.js';
+import '../../layout/InputGroup/InputGroup.js';
+import SectionSeparator from '../../layout/SectionSeparator/SectionSeparator.js';
+import { ReactComponent as SvgSearch } from '../../icons/search.svg.js';
+import { ReactComponent as SvgClose } from '../../icons/close.svg.js';
+import { useEventListener } from '../../hooks/useEventListner.js';
+import { useOnClickOutside } from '../../hooks/useOnClickOutside.js';
+import useUpdateEffect from '@restart/hooks/useUpdateEffect';
+import { isFunction } from 'lodash';
+
+const MultiLevelCheckboxSelect = React__default.forwardRef(function MultiLevelCheckboxSelect({
+  label,
+  options,
+  checked: checkedProp,
+  placeholder,
+  noResultsText,
+  onChange,
+  onParentChange,
+  ...props
+}, forwardedRef) {
+  const inputRef = useRef(null);
+  const popoverContentRef = useRef(null);
+  const searchInputRef = useRef(null);
+  const [searchString, setSearchString] = useState('');
+  const [open, setOpen] = useState(false);
+  const handleClickInside = useCallback(() => {
+    setOpen(true);
+    searchInputRef.current?.focus();
+  }, []);
+  const handleKeyDown = useCallback(event => {
+    if (!open) return;
+    if (event.key === 'Escape') {
+      setOpen(false);
+    }
+  }, [open]);
+  useEventListener('focus', handleClickInside, inputRef);
+  useEventListener('mousedown', handleClickInside, inputRef);
+  useEventListener('keydown', handleKeyDown);
+  const handleClickOutside = event => {
+    if (popoverContentRef?.current === event.target || popoverContentRef?.current?.contains(event.target)) {
+      return;
+    }
+    setOpen(false);
+  };
+  useOnClickOutside(inputRef, handleClickOutside);
+  const checked = useMemo(() => {
+    const checkedParents = [];
+    function iterate(nodes) {
+      nodes.forEach(node => {
+        if (checkedProp.includes(node.value)) {
+          return checkedParents.push(node.value);
+        }
+        if (node.children) {
+          iterate(node.children);
+        }
+      });
+    }
+    iterate(options);
+    return checkedParents.sort();
+  }, [JSON.stringify(options), JSON.stringify(checkedProp)]);
+  const getLabelByValue = useCallback((targetValue, nodes = options) => {
+    for (const node of nodes) {
+      if (node.value === targetValue) {
+        return node.label;
+      }
+      if (node.children) {
+        const result = getLabelByValue(targetValue, node.children);
+        if (result) {
+          return result;
+        }
+      }
+    }
+    return null;
+  }, [options]);
+  const removeItem = useCallback(value => {
+    let node = null;
+    function findNodeByValue(options, value) {
+      for (let i = 0; i < options.length; i++) {
+        if (options[i].value === value) {
+          node = options[i];
+          break;
+        }
+        if (options[i].children) {
+          findNodeByValue(options[i].children, value);
+        }
+      }
+    }
+    findNodeByValue(options, value);
+    if (node) {
+      const childValues = findChildValues(node);
+      const valuesToRemove = [value, ...childValues];
+      onChange(checkedProp.filter(value => !valuesToRemove.includes(value)));
+    }
+  }, [options, checkedProp]);
+  useUpdateEffect(() => {
+    if (isFunction(onParentChange)) {
+      onParentChange(checked);
+    }
+  }, [checked]);
+  return React__default.createElement(MultiLevelCheckboxSelect$1, _extends({
+    ref: forwardedRef
+  }, props), React__default.createElement(Popover, {
+    visible: open,
+    arrow: false,
+    placement: 'bottom',
+    offset: [0, 6],
+    modifiers: [{
+      name: 'sameWidth',
+      enabled: true,
+      phase: 'beforeWrite',
+      requires: ['computeStyles'],
+      fn: ({
+        state
+      }) => {
+        state.styles.popper.width = `${state.rects.reference.width}px`;
+      },
+      effect: ({
+        state
+      }) => {
+        state.elements.popper.style.width = `${state.elements.reference.offsetWidth}px`;
+      }
+    }],
+    content: React__default.createElement(PopoverContainer, {
+      ref: popoverContentRef
+    }, React__default.createElement(PopoverHeader, null, React__default.createElement(SearchContainer, null, React__default.createElement(TextInput, {
+      ref: searchInputRef,
+      onBlur: e => {
+        if (open) {
+          e.target.focus();
+        }
+      },
+      icon: React__default.createElement(SvgSearch, null),
+      value: searchString,
+      onChange: e => setSearchString(e.target.value)
+    })), React__default.createElement(SectionSeparator, null)), React__default.createElement(OptionsContainer, null, React__default.createElement(MultiLevelCheckbox, {
+      options: options,
+      checked: checkedProp,
+      search: searchString,
+      noResultsText: noResultsText,
+      onChange: onChange
+    })))
+  }, React__default.createElement(MultiLevelCheckboxSelectInput, {
+    tabIndex: "0",
+    ref: inputRef
+  }, label && React__default.createElement(Label, null, label), checked.length === 0 && React__default.createElement(Placeholder, null, placeholder), checked.map(option => React__default.createElement(Item, {
+    key: option
+  }, React__default.createElement(ItemLabel, null, getLabelByValue(option)), React__default.createElement(ItemRemoveButton, {
+    onClick: () => {
+      removeItem(option);
+    }
+  }, React__default.createElement(SvgClose, null)))))));
+});
+MultiLevelCheckboxSelect.propTypes = process.env.NODE_ENV !== "production" ? {
+  label: PropTypes.string,
+  placeholder: PropTypes.string,
+  options: PropTypes.arrayOf(PropTypes.shape({
+    label: PropTypes.string.isRequired,
+    value: PropTypes.any.isRequired,
+    children: PropTypes.arrayOf(NodeType)
+  })).isRequired,
+  checked: PropTypes.array.isRequired,
+  noResultsText: PropTypes.string,
+  onChange: PropTypes.func.isRequired,
+  onParentChange: PropTypes.func
+} : {};
+MultiLevelCheckboxSelect.defaultProps = {
+  checked: []
+};
+
+export { MultiLevelCheckboxSelect as default };
+//# sourceMappingURL=MultiLevelCheckboxSelect.js.map

package/build/inputs/MultiLevelCheckboxSelect/MultiLevelCheckboxSelect.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MultiLevelCheckboxSelect.js","sources":["../../../src/components/inputs/MultiLevelCheckboxSelect/MultiLevelCheckboxSelect.js"],"sourcesContent":["import React, { useCallback, useMemo, useRef, useState } from 'react';\nimport PropTypes from 'prop-types';\nimport * as S from './MultiLevelCheckboxSelect.styled';\nimport { Popover } from '../../data';\nimport MultiLevelCheckbox from '../MultiLevelCheckbox';\nimport TextInput from '../TextInput';\nimport { SectionSeparator } from '../../layout';\nimport { ReactComponent as SearchIcon } from '../../../icons/search.svg';\nimport { ReactComponent as CloseIcon } from '../../../icons/close.svg';\nimport { findChildValues, NodeType } from '../MultiLevelCheckbox';\nimport { useEventListener } from '../../../hooks/useEventListner';\nimport { useOnClickOutside } from '../../../hooks/useOnClickOutside';\nimport useUpdateEffect from '@restart/hooks/useUpdateEffect';\nimport { isFunction } from 'lodash';\n\n/**\n * MultiLevelCheckboxSelect allow the user to select one or more items from a nested set into a MultiSelect-styled input.\n *\n * This component is controlled which means that the consumer will have to keep track of what options are selected. The selected options should be provided to the `checked`-prop. On any selection or deselection onChange will be called with an updated `checked`-list.\n *\n * ### Import\n *\n * ```js\n * import { MultiLevelCheckboxSelect } from '@ntbjs/react-components/inputs'\n * // or\n * import MultiLevelCheckboxSelect from '@ntbjs/react-components/inputs/MultiLevelCheckboxSelect'\n * ```\n */\nconst MultiLevelCheckboxSelect = React.forwardRef(function MultiLevelCheckboxSelect(\n  {\n    label,\n    options,\n    checked: checkedProp,\n    placeholder,\n    noResultsText,\n    onChange,\n    onParentChange,\n    ...props\n  },\n  forwardedRef\n) {\n  const inputRef = useRef(null);\n  const popoverContentRef = useRef(null);\n  const searchInputRef = useRef(null);\n  // const [internalChecked, setInternalChecked] = useState([]);\n  const [searchString, setSearchString] = useState('');\n  const [open, setOpen] = useState(false);\n\n  const handleClickInside = useCallback(() => {\n    setOpen(true);\n    searchInputRef.current?.focus();\n  }, []);\n\n  const handleKeyDown = useCallback(\n    event => {\n      if (!open) return;\n      if (event.key === 'Escape') {\n        setOpen(false);\n      }\n    },\n    [open]\n  );\n\n  useEventListener('focus', handleClickInside, inputRef);\n  useEventListener('mousedown', handleClickInside, inputRef);\n  useEventListener('keydown', handleKeyDown);\n\n  const handleClickOutside = event => {\n    if (\n      popoverContentRef?.current === event.target ||\n      popoverContentRef?.current?.contains(event.target)\n    ) {\n      return;\n    }\n    setOpen(false);\n  };\n\n  useOnClickOutside(inputRef, handleClickOutside);\n\n  const checked = useMemo(() => {\n    const checkedParents = [];\n\n    function iterate(nodes) {\n      nodes.forEach(node => {\n        if (checkedProp.includes(node.value)) {\n          return checkedParents.push(node.value);\n        }\n\n        if (node.children) {\n          iterate(node.children);\n        }\n      });\n    }\n\n    iterate(options);\n    return checkedParents.sort();\n  }, [JSON.stringify(options), JSON.stringify(checkedProp)]);\n\n  const getLabelByValue = useCallback(\n    (targetValue, nodes = options) => {\n      for (const node of nodes) {\n        if (node.value === targetValue) {\n          return node.label;\n        }\n\n        if (node.children) {\n          const result = getLabelByValue(targetValue, node.children);\n          if (result) {\n            return result;\n          }\n        }\n      }\n\n      return null; // Return null if the value is not found in the array\n    },\n    [options]\n  );\n\n  const removeItem = useCallback(\n    value => {\n      let node = null;\n\n      function findNodeByValue(options, value) {\n        for (let i = 0; i < options.length; i++) {\n          if (options[i].value === value) {\n            node = options[i];\n            break; // This will exit the loop when the condition is met\n          }\n\n          if (options[i].children) {\n            findNodeByValue(options[i].children, value);\n          }\n        }\n      }\n\n      findNodeByValue(options, value);\n\n      if (node) {\n        const childValues = findChildValues(node);\n        const valuesToRemove = [value, ...childValues];\n        onChange(checkedProp.filter(value => !valuesToRemove.includes(value)));\n      }\n    },\n    [options, checkedProp]\n  );\n\n  useUpdateEffect(() => {\n    if (isFunction(onParentChange)) {\n      onParentChange(checked);\n    }\n  }, [checked]);\n\n  return (\n    <S.MultiLevelCheckboxSelect ref={forwardedRef} {...props}>\n      <Popover\n        visible={open}\n        arrow={false}\n        placement={'bottom'}\n        offset={[0, 6]}\n        modifiers={[\n          {\n            name: 'sameWidth',\n            enabled: true,\n            phase: 'beforeWrite',\n            requires: ['computeStyles'],\n            fn: ({ state }) => {\n              state.styles.popper.width = `${state.rects.reference.width}px`;\n            },\n            effect: ({ state }) => {\n              state.elements.popper.style.width = `${state.elements.reference.offsetWidth}px`;\n            }\n          }\n        ]}\n        content={\n          <S.PopoverContainer ref={popoverContentRef}>\n            <S.PopoverHeader>\n              <S.SearchContainer>\n                <TextInput\n                  ref={searchInputRef}\n                  onBlur={e => {\n                    if (open) {\n                      e.target.focus();\n                    }\n                  }}\n                  icon={<SearchIcon />}\n                  value={searchString}\n                  onChange={e => setSearchString(e.target.value)}\n                />\n              </S.SearchContainer>\n              <SectionSeparator />\n            </S.PopoverHeader>\n            <S.OptionsContainer>\n              <MultiLevelCheckbox\n                options={options}\n                checked={checkedProp}\n                search={searchString}\n                noResultsText={noResultsText}\n                onChange={onChange}\n              />\n            </S.OptionsContainer>\n          </S.PopoverContainer>\n        }\n      >\n        <S.MultiLevelCheckboxSelectInput tabIndex=\"0\" ref={inputRef}>\n          {label && <S.Label>{label}</S.Label>}\n          {checked.length === 0 && <S.Placeholder>{placeholder}</S.Placeholder>}\n          {checked.map(option => (\n            <S.Item key={option}>\n              <S.ItemLabel>{getLabelByValue(option)}</S.ItemLabel>\n              <S.ItemRemoveButton\n                onClick={() => {\n                  removeItem(option);\n                }}\n              >\n                <CloseIcon />\n              </S.ItemRemoveButton>\n            </S.Item>\n          ))}\n        </S.MultiLevelCheckboxSelectInput>\n      </Popover>\n    </S.MultiLevelCheckboxSelect>\n  );\n});\n\nMultiLevelCheckboxSelect.propTypes = {\n  /**\n   * Label text for the MultiLevelCheckbox\n   */\n  label: PropTypes.string,\n  /**\n   * The placeholder of the input. Text to be displayed on the input element when the component is enabled and not focused – e.g. \"Select categories...\"\n   */\n  placeholder: PropTypes.string,\n  options: PropTypes.arrayOf(\n    PropTypes.shape({\n      label: PropTypes.string.isRequired,\n      value: PropTypes.any.isRequired,\n      children: PropTypes.arrayOf(NodeType)\n    })\n  ).isRequired,\n\n  /**\n   * Array of checked option values\n   */\n  checked: PropTypes.array.isRequired,\n\n  /**\n   * Optional text to display when no results are found while searching.`\n   */\n  noResultsText: PropTypes.string,\n\n  /**\n   *  Callback function for the `onChange` event\n   */\n  onChange: PropTypes.func.isRequired,\n\n  /**\n   *  Callback function for the `onChange` event – returns only the checked parents\n   */\n  onParentChange: PropTypes.func\n};\n\nMultiLevelCheckboxSelect.defaultProps = {\n  checked: []\n};\n\nexport default MultiLevelCheckboxSelect;\n"],"names":["MultiLevelCheckboxSelect","React","forwardRef","label","options","checked","checkedProp","placeholder","noResultsText","onChange","onParentChange","props","forwardedRef","inputRef","useRef","popoverContentRef","searchInputRef","searchString","setSearchString","useState","open","setOpen","handleClickInside","useCallback","current","focus","handleKeyDown","event","key","useEventListener","handleClickOutside","target","contains","useOnClickOutside","useMemo","checkedParents","iterate","nodes","forEach","node","includes","value","push","children","sort","JSON","stringify","getLabelByValue","targetValue","result","removeItem","findNodeByValue","i","length","childValues","findChildValues","valuesToRemove","filter","useUpdateEffect","isFunction","createElement","S","_extends","ref","Popover","visible","arrow","placement","offset","modifiers","name","enabled","phase","requires","fn","state","styles","popper","width","rects","reference","effect","elements","style","offsetWidth","content","TextInput","onBlur","e","icon","SearchIcon","SectionSeparator","MultiLevelCheckbox","search","tabIndex","map","option","onClick","CloseIcon","propTypes","process","env","NODE_ENV","PropTypes","string","arrayOf","shape","isRequired","any","NodeType","array","func","defaultProps"],"mappings":"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"}

package/build/inputs/MultiLevelCheckboxSelect/MultiLevelCheckboxSelect.styled.js

@@ -0,0 +1,93 @@
+import styled from 'styled-components';
+import { applyDefaultTheme } from '../../utils/defaultTheme.js';
+
+const MultiLevelCheckboxSelect = styled.div.attrs(applyDefaultTheme)`
+  font-family: ${props => props.theme.primaryFontFamily};
+`;
+const MultiLevelCheckboxSelectInput = styled.div.attrs(applyDefaultTheme)`
+  position: relative;
+  border: 1px solid;
+  ${props => props.theme.themeProp('border-color', props.theme.getColor('gray-500'), props.theme.getColor('gray-400'))}
+  display: flex;
+  flex-wrap: wrap;
+  gap: 4px;
+  min-height: 44px;
+  box-sizing: border-box;
+  padding: 8px 6px;
+  border-radius: 3px;
+  transition: border-color 350ms;
+
+  &:focus-within {
+    ${props => props.theme.themeProp('border-color', props.theme.getColor('gray-500'), props.theme.getColor('gray-600'), 1)}
+  }
+`;
+const Item = styled.div.attrs(applyDefaultTheme)`
+  display: flex;
+  align-items: center;
+  background: #272727;
+  color: #f7f8f9;
+  font-size: 12px;
+  height: 26px;
+  border-radius: 3px;
+`;
+const ItemLabel = styled.div.attrs(applyDefaultTheme)`
+  padding: 0 5px 0 8px;
+`;
+const ItemRemoveButton = styled.button.attrs(applyDefaultTheme)`
+  color: inherit;
+  border: none;
+  background: none;
+  -webkit-appearance: none;
+  height: 100%;
+  border-top-right-radius: 3px;
+  border-bottom-right-radius: 3px;
+  padding: 0 7px;
+  cursor: pointer;
+
+  &:hover {
+    background: ${props => props.theme.getColor('red-500')};
+  }
+
+  & > svg {
+    width: 8px;
+    display: block;
+  }
+`;
+const Label = styled.div.attrs(applyDefaultTheme)`
+  position: absolute;
+  top: -8px;
+  left: 7px;
+  line-height: 1.2;
+  font-size: 0.75rem;
+  font-weight: 400;
+  padding: 0 3px;
+  //padding: 0 0 4px;
+  letter-spacing: 0.03em;
+  ${props => props.theme.themeProp('color', props.theme.getColor('gray-300'), props.theme.getColor('gray-600'))}
+  ${props => props.theme.themeProp('background', `linear-gradient(0deg, ${props.theme.getColor('gray-900')} calc(50% + 1px), transparent 50%)`, `linear-gradient(0deg, ${props.theme.getColor('white')} calc(50% + 1px), transparent 50%)`)}
+`;
+const Placeholder = styled.div.attrs(applyDefaultTheme)`
+  font-size: 0.875rem;
+  line-height: 26px;
+  padding-left: 4px;
+  opacity: 0.4;
+`;
+const PopoverContainer = styled.div.attrs(applyDefaultTheme)`
+  max-height: inherit;
+  display: flex;
+  flex-direction: column;
+`;
+const PopoverHeader = styled.div.attrs(applyDefaultTheme)`
+  ${props => props.theme.themeProp('background', props.theme.getColor('gray-700'), props.theme.getColor('white'))}
+`;
+const SearchContainer = styled.div.attrs(applyDefaultTheme)`
+  padding: 12px 8px;
+`;
+const OptionsContainer = styled.div.attrs(applyDefaultTheme)`
+  padding: 12px 8px;
+  overflow: auto;
+  box-sizing: border-box;
+`;
+
+export { Item, ItemLabel, ItemRemoveButton, Label, MultiLevelCheckboxSelect, MultiLevelCheckboxSelectInput, OptionsContainer, Placeholder, PopoverContainer, PopoverHeader, SearchContainer };
+//# sourceMappingURL=MultiLevelCheckboxSelect.styled.js.map

package/build/inputs/MultiLevelCheckboxSelect/MultiLevelCheckboxSelect.styled.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MultiLevelCheckboxSelect.styled.js","sources":["../../../src/components/inputs/MultiLevelCheckboxSelect/MultiLevelCheckboxSelect.styled.js"],"sourcesContent":["import styled from 'styled-components';\nimport { applyDefaultTheme } from '../../../utils/defaultTheme';\n\nexport const MultiLevelCheckboxSelect = styled.div.attrs(applyDefaultTheme)`\n  font-family: ${props => props.theme.primaryFontFamily};\n`;\nexport const MultiLevelCheckboxSelectInput = styled.div.attrs(applyDefaultTheme)`\n  position: relative;\n  border: 1px solid;\n  ${props =>\n    props.theme.themeProp(\n      'border-color',\n      props.theme.getColor('gray-500'),\n      props.theme.getColor('gray-400')\n    )}\n  display: flex;\n  flex-wrap: wrap;\n  gap: 4px;\n  min-height: 44px;\n  box-sizing: border-box;\n  padding: 8px 6px;\n  border-radius: 3px;\n  transition: border-color 350ms;\n\n  &:focus-within {\n    ${props =>\n      props.theme.themeProp(\n        'border-color',\n        props.theme.getColor('gray-500'),\n        props.theme.getColor('gray-600'),\n        1\n      )}\n  }\n`;\nexport const Item = styled.div.attrs(applyDefaultTheme)`\n  display: flex;\n  align-items: center;\n  background: #272727;\n  color: #f7f8f9;\n  font-size: 12px;\n  height: 26px;\n  border-radius: 3px;\n`;\n\nexport const ItemLabel = styled.div.attrs(applyDefaultTheme)`\n  padding: 0 5px 0 8px;\n`;\nexport const ItemRemoveButton = styled.button.attrs(applyDefaultTheme)`\n  color: inherit;\n  border: none;\n  background: none;\n  -webkit-appearance: none;\n  height: 100%;\n  border-top-right-radius: 3px;\n  border-bottom-right-radius: 3px;\n  padding: 0 7px;\n  cursor: pointer;\n\n  &:hover {\n    background: ${props => props.theme.getColor('red-500')};\n  }\n\n  & > svg {\n    width: 8px;\n    display: block;\n  }\n`;\n\nexport const Label = styled.div.attrs(applyDefaultTheme)`\n  position: absolute;\n  top: -8px;\n  left: 7px;\n  line-height: 1.2;\n  font-size: 0.75rem;\n  font-weight: 400;\n  padding: 0 3px;\n  //padding: 0 0 4px;\n  letter-spacing: 0.03em;\n  ${props =>\n    props.theme.themeProp(\n      'color',\n      props.theme.getColor('gray-300'),\n      props.theme.getColor('gray-600')\n    )}\n  ${props =>\n    props.theme.themeProp(\n      'background',\n      `linear-gradient(0deg, ${props.theme.getColor('gray-900')} calc(50% + 1px), transparent 50%)`,\n      `linear-gradient(0deg, ${props.theme.getColor('white')} calc(50% + 1px), transparent 50%)`\n    )}\n`;\n\nexport const Placeholder = styled.div.attrs(applyDefaultTheme)`\n  font-size: 0.875rem;\n  line-height: 26px;\n  padding-left: 4px;\n  opacity: 0.4;\n`;\n\nexport const PopoverContainer = styled.div.attrs(applyDefaultTheme)`\n  max-height: inherit;\n  display: flex;\n  flex-direction: column;\n`;\n\nexport const PopoverHeader = styled.div.attrs(applyDefaultTheme)`\n  ${props =>\n    props.theme.themeProp(\n      'background',\n      props.theme.getColor('gray-700'),\n      props.theme.getColor('white')\n    )}\n`;\nexport const SearchContainer = styled.div.attrs(applyDefaultTheme)`\n  padding: 12px 8px;\n`;\n\nexport const OptionsContainer = styled.div.attrs(applyDefaultTheme)`\n  padding: 12px 8px;\n  overflow: auto;\n  box-sizing: border-box;\n`;\n"],"names":["MultiLevelCheckboxSelect","styled","div","attrs","applyDefaultTheme","props","theme","primaryFontFamily","MultiLevelCheckboxSelectInput","themeProp","getColor","Item","ItemLabel","ItemRemoveButton","button","Label","Placeholder","PopoverContainer","PopoverHeader","SearchContainer","OptionsContainer"],"mappings":"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"}

package/build/inputs/MultiLevelCheckboxSelect/index.js

@@ -0,0 +1,2 @@
+export { default } from './MultiLevelCheckboxSelect.js';
+//# sourceMappingURL=index.js.map

package/build/inputs/MultiLevelCheckboxSelect/index.js.map

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

package/build/{MultiSelect-9f497e62.js → inputs/MultiSelect/MultiSelect.js}

@@ -1,227 +1,9 @@
-import { _ as _extends } from './_rollupPluginBabelHelpers-c245b26a.js';
+import { extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
 import React__default, { useState, useEffect, useMemo } from 'react';
-import { a as applyDefaultTheme, P as PropTypes } from './defaultTheme-1bcc2541.js';
+import PropTypes from 'prop-types';
 import { nanoid } from 'nanoid';
-import styled, { css } from 'styled-components';
-import { S as SvgClose } from './close-a5d37608.js';
-import Select, { components } from 'react-select';
-import CreatableSelect from 'react-select/creatable';
-import { withAsyncPaginate, AsyncPaginate } from 'react-select-async-paginate';
-
-const AsyncCreatableSelectPaginate = withAsyncPaginate(CreatableSelect);
-const showMoreHeight = 114;
-const sharedStyle = css`
-  font-family: ${props => props.theme.primaryFontFamily};
-  font-size: 12px;
-  font-weight: 400;
-  position: relative;
-`;
-const Label = styled.label.attrs(applyDefaultTheme)`
-  ${props => props.theme.themeProp('color', props.theme.getColor('white'), props.theme.getColor('gray-700'))};
-  flex-basis: 33.33%;
-  font-size: 0.875rem;
-  line-height: 1rem;
-  cursor: pointer;
-  height: 19px;
-  display: flex;
-  align-items: center;
-`;
-const MultiSelect$1 = styled(Select).attrs(applyDefaultTheme)`
-  ${sharedStyle}
-`;
-const CreatableMultiSelect = styled(CreatableSelect).attrs(applyDefaultTheme)`
-  ${sharedStyle}
-`;
-const AsyncCreatableMultiSelect = styled(AsyncCreatableSelectPaginate).attrs(applyDefaultTheme)`
-  ${sharedStyle}
-`;
-const AsyncMultiSelect = styled(AsyncPaginate).attrs(applyDefaultTheme)`
-  ${sharedStyle}
-`;
-const MultiSelectWrapper = styled.div.attrs(applyDefaultTheme)`
-  position: relative;
-`;
-const Control = styled(components.Control).attrs(applyDefaultTheme)`
-  && {
-    align-items: flex-start;
-    background: transparent;
-    border: none;
-    box-shadow: none;
-  }
-
-  :hover {
-    cursor: ${props => !props.isDisabled && props.focused || props.readOnly ? 'default' : 'pointer'};
-  }
-`;
-const ValueContainer = styled(components.ValueContainer)`
-  && {
-    align-items: flex-start;
-    gap: 8px;
-    padding: 0;
-
-    max-height: ${props => {
-  return props.showMore ? props.error || props.warning ? '100%' : showMoreHeight + 16 + 'px' : '100%';
-}} !important;
-
-    ${props => (props.error || props.warning) && css`
-        border: 1px solid;
-        border-radius: 3px;
-        padding: 4px;
-
-        border-color: ${props => props.error ? props.theme.getColor('red-500') : props.warning ? props.theme.getColor('orange-500') : 'inherit'};
-      `}
-  }
-`;
-const MultiValueWrapper = styled.div.attrs(applyDefaultTheme)`
-  && {
-    border-radius: 3px;
-    margin: 0;
-  }
-`;
-const MultiValue = styled(components.MultiValue).attrs(applyDefaultTheme)`
-  && {
-    border-radius: 3px;
-    margin: 0;
-
-    ${props => props.theme.themeProp('background-color', props.theme.getColor('gray-600'), props.theme.getColor('gray-800'))}
-
-    ${props => props.theme.themeProp('color', props.theme.getColor('gray-100'), props.theme.getColor('gray-100'))}
-
-    > div {
-      align-items: center;
-      display: flex;
-      font-size: 12px;
-      min-height: 26px;
-
-      :first-of-type {
-        padding: ${props => props.isDisabled || props.readOnly ? '0 8px' : '0 3px 0 8px'};
-      }
-
-      :last-of-type:not(:only-child) {
-        padding: 0 8px 0 5px;
-        height: 100%;
-        width: fit-content;
-      }
-
-      :last-of-type:not(:only-child):hover {
-        background-color: ${props => props.theme.getColor('red-500')};
-        border-bottom-left-radius: 0;
-        border-top-left-radius: 0;
-        cursor: pointer;
-      }
-
-      svg {
-        stroke: white;
-        stroke-width: 2px;
-        width: 8px;
-      }
-
-    :hover {
-      cursor: pointer;
-    }
-  }
-`;
-const MultiValueRemove$1 = styled(components.MultiValueRemove).attrs(applyDefaultTheme)``;
-const Input = styled(components.Input).attrs(applyDefaultTheme)`
-  align-self: center;
-  font-size: ${props => props.$focused ? '14px' : '12px'};
-  min-width: 150px;
-
-  ${props => props.theme.themeProp('color', props.theme.getColor('gray-100'), props.theme.getColor('gray-900'))}
-
-  ${props => !props.$focused && css`
-      ${props => props.theme.themeProp('color', props.theme.getColor('gray-400'), props.theme.getColor('gray-500'))}
-
-      :before {
-        height: 100%;
-        white-space: nowrap;
-        width: fit-content;
-        content: '${props => props.edittext}';
-      }
-    `}
-  }
-`;
-const DropdownMenu = styled(components.Menu).attrs(applyDefaultTheme)`
-  font-size: 14px;
-
-  ${props => props.theme.themeProp('background-color', props.theme.getColor('gray-600'), props.theme.getColor('white'))}
-
-  ${props => props.theme.themeProp('color', props.theme.getColor('gray-100'), props.theme.getColor('gray-900'))}
-`;
-const sharedOptionStyle = css`
-  ${props => props.isFocused && css`
-      ${props.theme.themeProp('background-color', props.theme.getColor('gray-500'), props.theme.getColor('gray-200'))}
-    `}
-
-  ${props => props.isSelected && css`
-      ${props.theme.themeProp('background-color', 'transparent', 'transparent')}
-
-      ${props.theme.themeProp('color', props.theme.getColor('gray-100'), props.theme.getColor('gray-900'))}
-    `}
-
-  ${props => props.isFocused && props.isSelected && css`
-      ${props.theme.themeProp('background-color', props.theme.getColor('gray-500'), props.theme.getColor('gray-200'))}
-    `}
-
-  :hover {
-    cursor: pointer;
-  }
-`;
-const Option$1 = styled(components.Option).attrs(applyDefaultTheme)`
-  ${sharedOptionStyle}
-`;
-const SelectedOption$1 = styled(components.Option).attrs(applyDefaultTheme)`
-  ${sharedOptionStyle}
-
-  display: flex !important;
-  justify-content: space-between;
-`;
-const DropdownOptionDeleteIcon = styled(SvgClose).attrs(applyDefaultTheme)`
-  stroke-width: 1px;
-  width: 8px;
-
-  ${props => props.theme.themeProp('stroke', props.theme.getColor('gray-100'), props.theme.getColor('gray-900'))}
-`;
-const ShowMoreWrapper = styled.div.attrs(applyDefaultTheme)`
-  align-items: end;
-  display: flex;
-  flex-direction: column;
-  height: 100%;
-  left: 0;
-  position: absolute;
-  max-height: ${showMoreHeight + 16}px;
-  top: 0;
-  width: 100%;
-
-  ${props => props.theme.themeProp('color', props.theme.getColor('gray-100'), props.theme.getColor('emerald-500'))}
-
-  :hover {
-    cursor: pointer;
-    text-decoration: underline;
-  }
-`;
-const ShowMoreOverlay = styled.div.attrs(applyDefaultTheme)`
-  align-items: end;
-  display: block;
-  height: 100%;
-  max-height: ${showMoreHeight}px;
-  left: 0;
-  top: 0;
-  width: 100%;
-
-  ${props => props.theme.themeProp('background', 'transparent linear-gradient(180deg, #12121200 0%, #12121230 40%, #12121279 70%, #121212 95%, #121212 100%) 0% 0% no-repeat padding-box', 'transparent linear-gradient(180deg, #fefefe00 0%, #fefefe30 40%, #fefefe79 70%, #fefefe 95%, #fefefe 100%) 0% 0% no-repeat padding-box')}
-`;
-const ShowMoreText = styled.div.attrs(applyDefaultTheme)`
-  font-size: 0.875rem;
-  width: 100%;
-  ${props => props.theme.themeProp('background-color', '#121212', '#fefefe')}
-`;
-const ErrorMessage = styled.div.attrs(applyDefaultTheme)`
-  color: ${props => props.error ? props.theme.getColor('red-500') : props.warning ? props.theme.getColor('orange-500') : 'inherit'};
-  font-size: 0.75rem;
-  margin-top: 8px;
-  padding: 0 12px;
-`;
+import { MultiSelectWrapper, AsyncCreatableMultiSelect, AsyncMultiSelect, CreatableMultiSelect, MultiSelect as MultiSelect$1, ShowMoreWrapper, ShowMoreOverlay, ShowMoreText, ErrorMessage, MultiValueRemove as MultiValueRemove$1, DropdownMenu, Option as Option$1, SelectedOption as SelectedOption$1, DropdownOptionDeleteIcon, Control, Label, ValueContainer, MultiValueWrapper, MultiValue, Input } from './MultiSelect.styled.js';
+import { ReactComponent as SvgClose } from '../../icons/close.svg.js';
 
 const MultiSelect = React__default.forwardRef(function MultiSelect({
   label,
@@ -458,4 +240,5 @@ const SelectedOption = innerProps => {
   return React__default.createElement(SelectedOption$1, innerProps, innerProps.label, React__default.createElement(DropdownOptionDeleteIcon, null));
 };
 
-export { MultiSelect as M };
+export { MultiSelect as default };
+//# sourceMappingURL=MultiSelect.js.map