@ntbjs/react-components 2.0.0-rc.9 → 2.0.2-rc.1

package/{esm/components → build}/inputs/MultiLevelCheckbox/MultiLevelCheckbox.js

@@ -1,25 +1,11 @@
-import { objectWithoutProperties as _objectWithoutProperties, extends as _extends } from '../../../_virtual/_rollupPluginBabelHelpers.js';
-import React from '../../../node_modules/react/index.js';
-import { MultiLevelCheckbox as MultiLevelCheckbox$2, MultiLevelCheckboxLegend, MultiLevelCheckboxNoResults, CheckboxTree as CheckboxTree$1, CheckboxTreeCheckboxContainer, ExpandTreeButton, CheckboxTreeChildren } from './MultiLevelCheckbox.styled.js';
-import { isEmpty, uniq, isEqual, isArray } from 'lodash';
-import PropTypes from '../../../node_modules/prop-types/index.js';
+import { extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
+import React__default, { useState, useMemo, useCallback, useEffect } from 'react';
+import PropTypes from 'prop-types';
+import { MultiLevelCheckbox as MultiLevelCheckbox$1, MultiLevelCheckboxLegend, MultiLevelCheckboxNoResults, CheckboxTree as CheckboxTree$1, CheckboxTreeCheckboxContainer, ExpandTreeButton, CheckboxTreeChildren } from './MultiLevelCheckbox.styled.js';
 import Checkbox from '../Checkbox/Checkbox.js';
-import { r as react } from '../../../_virtual/index.js';
+import { isEmpty, uniq, isEqual, isArray } from 'lodash';
+import { findChildValues, NodeType } from './types.js';
 
-const _excluded = ["options", "checked", "search", "label", "noResultsText", "onChange"];
-function findChildValues(node) {
-  const result = [];
-  function traverse(node) {
-    if (isArray(node.children) && node.children.length > 0) {
-      node.children.forEach(child => {
-        result.push(child.value);
-        traverse(child);
-      });
-    }
-  }
-  traverse(node);
-  return result;
-}
 function hasChildrenSelected(node, targetValue, checkedValues) {
   if (!isArray(node.children) || node.children.length === 0) {
     return false;
@@ -52,18 +38,17 @@ function getLabelByValue(targetValue, nodes) {
   }
   return null;
 }
-const MultiLevelCheckbox = React.forwardRef(function MultiLevelCheckbox(_ref, forwardedRef) {
-  let {
-      options,
-      checked,
-      search,
-      label,
-      noResultsText,
-      onChange
-    } = _ref,
-    props = _objectWithoutProperties(_ref, _excluded);
-  const [internalChecked, setInternalChecked] = react.exports.useState(includeAllChildren(checked, options));
-  const anySearchResults = react.exports.useMemo(() => {
+const MultiLevelCheckbox = React__default.forwardRef(function MultiLevelCheckbox({
+  options,
+  checked,
+  search,
+  label,
+  noResultsText,
+  onChange,
+  ...props
+}, forwardedRef) {
+  const [internalChecked, setInternalChecked] = useState(includeAllChildren(checked, options));
+  const anySearchResults = useMemo(() => {
     if (isEmpty(search)) {
       return true;
     }
@@ -91,23 +76,23 @@ const MultiLevelCheckbox = React.forwardRef(function MultiLevelCheckbox(_ref, fo
     fillSiblings(nodes);
     return newChecked;
   }
-  const onAdd = react.exports.useCallback(values => {
+  const onAdd = useCallback(values => {
     setInternalChecked(prevChecked => uniq(includeAllChildren([...prevChecked, ...values], options)));
   }, [options]);
-  const onRemove = react.exports.useCallback(values => {
+  const onRemove = useCallback(values => {
     setInternalChecked(prevChecked => includeAllChildren(prevChecked.filter(v => !values.includes(v)), options, false));
   }, [options]);
-  react.exports.useEffect(() => {
+  useEffect(() => {
     onChange([...internalChecked].sort());
   }, [internalChecked, onChange]);
-  react.exports.useEffect(() => {
+  useEffect(() => {
     if (!isEqual([...checked].sort(), [...internalChecked].sort())) {
       setInternalChecked(includeAllChildren(checked, options));
     }
   }, [checked, options]);
-  return React.createElement(MultiLevelCheckbox$2, _extends({}, props, {
+  return React__default.createElement(MultiLevelCheckbox$1, _extends({}, props, {
     ref: forwardedRef
-  }), label && React.createElement(MultiLevelCheckboxLegend, null, label), options.map(node => React.createElement(CheckboxTree, {
+  }), label && React__default.createElement(MultiLevelCheckboxLegend, null, label), options.map(node => React__default.createElement(CheckboxTree, {
     key: node.value,
     nodes: options,
     node: node,
@@ -115,19 +100,10 @@ const MultiLevelCheckbox = React.forwardRef(function MultiLevelCheckbox(_ref, fo
     onAdd: onAdd,
     onRemove: onRemove,
     search: search
-  })), !anySearchResults && React.createElement(MultiLevelCheckboxNoResults, null, noResultsText));
-});
-const NodeType = PropTypes.shape({
-  label: PropTypes.string.isRequired,
-  value: PropTypes.any.isRequired,
-  children: NodeType
+  })), !anySearchResults && React__default.createElement(MultiLevelCheckboxNoResults, null, noResultsText));
 });
 MultiLevelCheckbox.propTypes = process.env.NODE_ENV !== "production" ? {
-  options: PropTypes.arrayOf(PropTypes.shape({
-    label: PropTypes.string.isRequired,
-    value: PropTypes.any.isRequired,
-    children: PropTypes.array
-  })),
+  options: PropTypes.arrayOf(NodeType),
   checked: PropTypes.array.isRequired,
   label: PropTypes.string,
   search: PropTypes.string,
@@ -138,7 +114,7 @@ MultiLevelCheckbox.defaultProps = {
   options: [],
   noResultsText: 'No results.'
 };
-const CheckboxTree = React.memo(function CheckboxTree({
+const CheckboxTree = React__default.memo(function CheckboxTree({
   node,
   nodes,
   checked,
@@ -146,37 +122,37 @@ const CheckboxTree = React.memo(function CheckboxTree({
   onRemove,
   search = ''
 }) {
-  const [expanded, setExpanded] = react.exports.useState(false);
-  const [expandedBySearch, setExpandedBySearch] = react.exports.useState(false);
-  const onChange = react.exports.useCallback(event => {
+  const [expanded, setExpanded] = useState(false);
+  const [expandedBySearch, setExpandedBySearch] = useState(false);
+  const onChange = useCallback(event => {
     if (event.target.checked) {
       onAdd([event.target.value, ...findChildValues(node)]);
     } else {
       onRemove([event.target.value, ...findChildValues(node)]);
     }
-  }, [onAdd, onRemove]);
-  const onChildrenAdd = react.exports.useCallback(newValues => {
+  }, [node, onAdd, onRemove]);
+  const onChildrenAdd = useCallback(newValues => {
     if (hasAllChildrenSelected(node, '', [...newValues, ...checked])) {
       return onAdd([node.value, ...newValues]);
     }
     onAdd(newValues);
   }, [node, checked, onAdd]);
-  const hideOption = react.exports.useMemo(() => {
+  const hideOption = useMemo(() => {
     if (isEmpty(search)) {
       return;
     }
     const childValues = findChildValues(node);
     return ![node.value, ...childValues].map(v => getLabelByValue(v, nodes)).some(v => v.match(new RegExp(search, 'i')));
   }, [node, nodes, search]);
-  react.exports.useEffect(() => {
+  useEffect(() => {
     const childValues = findChildValues(node);
     const expandBySearch = !isEmpty(search) && [node.value, ...childValues].map(v => getLabelByValue(v, nodes)).some(v => v.match(new RegExp(search, 'i')));
     setExpandedBySearch(expandBySearch);
-  }, [search, nodes, node.value]);
+  }, [search, nodes, node]);
   if (hideOption) {
     return null;
   }
-  return React.createElement(CheckboxTree$1, null, React.createElement(CheckboxTreeCheckboxContainer, null, isArray(node.children) && node.children.length > 0 && React.createElement(ExpandTreeButton, {
+  return React__default.createElement(CheckboxTree$1, null, React__default.createElement(CheckboxTreeCheckboxContainer, null, isArray(node.children) && node.children.length > 0 && React__default.createElement(ExpandTreeButton, {
     $expanded: expanded || expandedBySearch,
     type: "button",
     onClick: () => {
@@ -189,14 +165,14 @@ const CheckboxTree = React.memo(function CheckboxTree({
         return false;
       });
     }
-  }, React.createElement("svg", {
+  }, React__default.createElement("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     viewBox: "0 0 12 7.4"
-  }, React.createElement("path", {
+  }, React__default.createElement("path", {
     fill: "currentColor",
     d: "m6,7.4L0,1.4,1.4,0l4.6,4.6L10.6,0l1.4,1.4-6,6Z",
     strokeWidth: "0"
-  }))), React.createElement(Checkbox, {
+  }))), React__default.createElement(Checkbox, {
     style: {
       paddingLeft: 24
     },
@@ -206,9 +182,9 @@ const CheckboxTree = React.memo(function CheckboxTree({
     checked: hasChildrenSelected(node, node.value, checked) || checked.includes(node.value),
     value: node.value,
     onChange: onChange
-  })), node.children && React.createElement(CheckboxTreeChildren, {
+  })), node.children && React__default.createElement(CheckboxTreeChildren, {
     $expanded: expanded || expandedBySearch
-  }, React.createElement("div", null, node.children.map(childNode => React.createElement(CheckboxTree, {
+  }, React__default.createElement("div", null, node.children.map(childNode => React__default.createElement(CheckboxTree, {
     key: childNode.value,
     checked: checked.filter(c => [childNode.value, ...findChildValues(childNode)].includes(c)),
     onAdd: onChildrenAdd,
@@ -219,29 +195,13 @@ const CheckboxTree = React.memo(function CheckboxTree({
   })))));
 }, isEqual);
 CheckboxTree.propTypes = process.env.NODE_ENV !== "production" ? {
-  node: PropTypes.shape({
-    label: PropTypes.string.isRequired,
-    value: PropTypes.any.isRequired,
-    children: PropTypes.arrayOf(PropTypes.shape({
-      label: PropTypes.string.isRequired,
-      value: PropTypes.any.isRequired,
-      children: PropTypes.arrayOf(PropTypes.any)
-    }))
-  }),
-  nodes: PropTypes.arrayOf(PropTypes.shape({
-    label: PropTypes.string.isRequired,
-    value: PropTypes.any.isRequired,
-    children: PropTypes.arrayOf(PropTypes.shape({
-      label: PropTypes.string.isRequired,
-      value: PropTypes.any.isRequired,
-      children: PropTypes.arrayOf(PropTypes.any)
-    }))
-  })),
+  node: NodeType,
+  nodes: PropTypes.arrayOf(NodeType),
   checked: PropTypes.array.isRequired,
   search: PropTypes.string,
   onAdd: PropTypes.func.isRequired,
   onRemove: PropTypes.func.isRequired
 } : {};
-var MultiLevelCheckbox$1 = MultiLevelCheckbox;
 
-export { NodeType, MultiLevelCheckbox$1 as default, findChildValues };
+export { MultiLevelCheckbox as default };
+//# sourceMappingURL=MultiLevelCheckbox.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"MultiLevelCheckbox.js","sources":["../../../src/components/inputs/MultiLevelCheckbox/MultiLevelCheckbox.js"],"sourcesContent":["import React, { useCallback, useEffect, useMemo, useState } from 'react';\nimport PropTypes from 'prop-types';\nimport * as S from './MultiLevelCheckbox.styled';\nimport Checkbox from '../Checkbox';\nimport { isArray, isEmpty, isEqual, uniq } from 'lodash';\nimport { NodeType, findChildValues } from './types';\n\nfunction hasChildrenSelected(node, targetValue, checkedValues) {\n  if (!isArray(node.children) || node.children.length === 0) {\n    return false;\n  }\n\n  // Check if any direct children are selected\n  if (node.children.some(childNode => checkedValues.includes(childNode.value))) {\n    return true;\n  }\n\n  // Check recursively for selected children in each child node\n  return node.children.some(childNode =>\n    hasChildrenSelected(childNode, childNode.value, checkedValues)\n  );\n}\n\nfunction hasAllChildrenSelected(node, targetValue, checkedValues) {\n  if (!node.children || node.children.length === 0) {\n    return checkedValues.includes(node.value);\n  }\n\n  // Check if any direct children are not selected\n  if (node.children.some(childNode => !checkedValues.includes(childNode.value))) {\n    return false;\n  }\n\n  // Check recursively for selected children in each child node\n  return node.children.every(childNode =>\n    hasAllChildrenSelected(childNode, childNode.value, checkedValues)\n  );\n}\n\nfunction getLabelByValue(targetValue, nodes) {\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\n/**\n * MultiLevelCheckbox allow the user to select one or more items from a nested set.\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.\n * On any selection or deselection `onChange` will be called with an updated `checked`-list.\n *\n * ### Import\n *\n * ```js\n * import { MultiLevelCheckbox } from '@ntbjs/react-components/inputs'\n * // or\n * import MultiLevelCheckbox from '@ntbjs/react-components/inputs/MultiLevelCheckbox'\n * ```\n */\nconst MultiLevelCheckbox = React.forwardRef(function MultiLevelCheckbox(\n  { options, checked, search, label, noResultsText, onChange, ...props },\n  forwardedRef\n) {\n  const [internalChecked, setInternalChecked] = useState(includeAllChildren(checked, options));\n\n  const anySearchResults = useMemo(() => {\n    if (isEmpty(search)) {\n      return true;\n    }\n\n    return options.some(node => {\n      const childValues = findChildValues(node);\n      return [node.value, ...childValues]\n        .map(v => getLabelByValue(v, options))\n        .some(v => v.match(new RegExp(search, 'i')));\n    });\n  }, [options, search]);\n\n  function includeAllChildren(checked, nodes, honorParent = true) {\n    let newChecked = [];\n\n    function fillSiblings(nodes) {\n      nodes.forEach(node => {\n        if (hasAllChildrenSelected(node, node.value, checked)) {\n          newChecked.push(node.value);\n        }\n        if (honorParent && checked.includes(node.value)) {\n          const childValues = findChildValues(node);\n          return (newChecked = newChecked.concat([node.value, ...childValues]));\n        }\n\n        if (node.children) {\n          fillSiblings(node.children);\n        }\n      });\n    }\n\n    fillSiblings(nodes);\n\n    return newChecked;\n  }\n\n  const onAdd = useCallback(\n    values => {\n      setInternalChecked(prevChecked =>\n        uniq(includeAllChildren([...prevChecked, ...values], options))\n      );\n    },\n    [options]\n  );\n\n  const onRemove = useCallback(\n    values => {\n      setInternalChecked(prevChecked =>\n        includeAllChildren(\n          prevChecked.filter(v => !values.includes(v)),\n          options,\n          false\n        )\n      );\n    },\n    [options]\n  );\n\n  // Call the onChange callback with the new internal value\n  useEffect(() => {\n    onChange([...internalChecked].sort());\n  }, [internalChecked, onChange]);\n\n  useEffect(() => {\n    if (!isEqual([...checked].sort(), [...internalChecked].sort())) {\n      setInternalChecked(includeAllChildren(checked, options));\n    }\n  }, [checked, options]);\n\n  return (\n    <S.MultiLevelCheckbox {...props} ref={forwardedRef}>\n      {label && <S.MultiLevelCheckboxLegend>{label}</S.MultiLevelCheckboxLegend>}\n      {options.map(node => (\n        <CheckboxTree\n          key={node.value}\n          nodes={options}\n          node={node}\n          checked={checked.filter(c => [node.value, ...findChildValues(node)].includes(c))}\n          onAdd={onAdd}\n          onRemove={onRemove}\n          search={search}\n        />\n      ))}\n\n      {!anySearchResults && (\n        <S.MultiLevelCheckboxNoResults>{noResultsText}</S.MultiLevelCheckboxNoResults>\n      )}\n    </S.MultiLevelCheckbox>\n  );\n});\n\nMultiLevelCheckbox.propTypes = {\n  options: PropTypes.arrayOf(NodeType),\n  /**\n   * Array of checked option values\n   */\n  checked: PropTypes.array.isRequired,\n\n  /**\n   * Label text for the MultiLevelCheckbox\n   */\n  label: PropTypes.string,\n\n  /**\n   * Optional search string\n   */\n  search: PropTypes.string,\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\nMultiLevelCheckbox.defaultProps = {\n  options: [],\n  noResultsText: 'No results.'\n};\n\nconst CheckboxTree = React.memo(function CheckboxTree({\n  node,\n  nodes,\n  checked,\n  onAdd,\n  onRemove,\n  search = ''\n}) {\n  const [expanded, setExpanded] = useState(false);\n  const [expandedBySearch, setExpandedBySearch] = useState(false);\n\n  const onChange = useCallback(\n    event => {\n      if (event.target.checked) {\n        onAdd([event.target.value, ...findChildValues(node)]);\n      } else {\n        onRemove([event.target.value, ...findChildValues(node)]);\n      }\n    },\n    [node, onAdd, onRemove]\n  );\n\n  const onChildrenAdd = useCallback(\n    newValues => {\n      if (hasAllChildrenSelected(node, '', [...newValues, ...checked])) {\n        return onAdd([node.value, ...newValues]);\n      }\n\n      onAdd(newValues);\n    },\n    [node, checked, onAdd]\n  );\n\n  const hideOption = useMemo(() => {\n    if (isEmpty(search)) {\n      return;\n    }\n\n    const childValues = findChildValues(node);\n    return ![node.value, ...childValues]\n      .map(v => getLabelByValue(v, nodes))\n      .some(v => v.match(new RegExp(search, 'i')));\n  }, [node, nodes, search]);\n\n  useEffect(() => {\n    const childValues = findChildValues(node);\n    const expandBySearch =\n      !isEmpty(search) &&\n      [node.value, ...childValues]\n        .map(v => getLabelByValue(v, nodes))\n        .some(v => v.match(new RegExp(search, 'i')));\n    setExpandedBySearch(expandBySearch);\n  }, [search, nodes, node]);\n\n  if (hideOption) {\n    return null;\n  }\n\n  return (\n    <S.CheckboxTree>\n      <S.CheckboxTreeCheckboxContainer>\n        {isArray(node.children) && node.children.length > 0 && (\n          <S.ExpandTreeButton\n            $expanded={expanded || expandedBySearch}\n            type=\"button\"\n            onClick={() => {\n              setExpandedBySearch(current => {\n                if (current) {\n                  setExpanded(false);\n                } else {\n                  setExpanded(v => !v);\n                }\n                return false;\n              });\n            }}\n          >\n            <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 12 7.4\">\n              <path\n                fill=\"currentColor\"\n                d=\"m6,7.4L0,1.4,1.4,0l4.6,4.6L10.6,0l1.4,1.4-6,6Z\"\n                strokeWidth=\"0\"\n              />\n            </svg>\n          </S.ExpandTreeButton>\n        )}\n\n        <Checkbox\n          style={{ paddingLeft: 24 }}\n          muted={!checked.includes(node.value)}\n          label={node.label}\n          indeterminate={\n            (checked.includes(node.value) && !hasAllChildrenSelected(node, node.value, checked)) ||\n            (hasChildrenSelected(node, node.value, checked) &&\n              !hasAllChildrenSelected(node, node.value, checked))\n          }\n          checked={hasChildrenSelected(node, node.value, checked) || checked.includes(node.value)}\n          value={node.value}\n          onChange={onChange}\n        />\n      </S.CheckboxTreeCheckboxContainer>\n\n      {node.children && (\n        <S.CheckboxTreeChildren $expanded={expanded || expandedBySearch}>\n          <div>\n            {node.children.map(childNode => (\n              <CheckboxTree\n                key={childNode.value}\n                checked={checked.filter(c =>\n                  [childNode.value, ...findChildValues(childNode)].includes(c)\n                )}\n                onAdd={onChildrenAdd}\n                onRemove={onRemove}\n                node={childNode}\n                nodes={nodes}\n                search={search}\n              />\n            ))}\n          </div>\n        </S.CheckboxTreeChildren>\n      )}\n    </S.CheckboxTree>\n  );\n},\nisEqual);\n\nCheckboxTree.propTypes = {\n  node: NodeType,\n  nodes: PropTypes.arrayOf(NodeType),\n  checked: PropTypes.array.isRequired,\n  search: PropTypes.string,\n  onAdd: PropTypes.func.isRequired,\n  onRemove: PropTypes.func.isRequired\n};\n\nexport default MultiLevelCheckbox;\n"],"names":["hasChildrenSelected","node","targetValue","checkedValues","isArray","children","length","some","childNode","includes","value","hasAllChildrenSelected","every","getLabelByValue","nodes","label","result","MultiLevelCheckbox","React","forwardRef","options","checked","search","noResultsText","onChange","props","forwardedRef","internalChecked","setInternalChecked","useState","includeAllChildren","anySearchResults","useMemo","isEmpty","childValues","findChildValues","map","v","match","RegExp","honorParent","newChecked","fillSiblings","forEach","push","concat","onAdd","useCallback","values","prevChecked","uniq","onRemove","filter","useEffect","sort","isEqual","createElement","S","_extends","ref","CheckboxTree","key","c","propTypes","process","env","NODE_ENV","PropTypes","arrayOf","NodeType","array","isRequired","string","func","defaultProps","memo","expanded","setExpanded","expandedBySearch","setExpandedBySearch","event","target","onChildrenAdd","newValues","hideOption","expandBySearch","$expanded","type","onClick","current","xmlns","viewBox","fill","d","strokeWidth","Checkbox","style","paddingLeft","muted","indeterminate"],"mappings":"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"}

package/build/inputs/MultiLevelCheckbox/MultiLevelCheckbox.styled.js

@@ -0,0 +1,83 @@
+import styled, { css } from 'styled-components';
+import { applyDefaultTheme } from '../../utils/defaultTheme.js';
+
+const shouldForwardProp = prop => {
+  return prop !== 'theme' && !prop.startsWith('$');
+};
+const MultiLevelCheckbox = styled.fieldset.withConfig({
+  shouldForwardProp
+}).attrs(applyDefaultTheme)`
+  padding: 0;
+  border: 0;
+  margin: 0;
+`;
+const MultiLevelCheckboxLegend = styled.legend.withConfig({
+  shouldForwardProp
+}).attrs(applyDefaultTheme)`
+  line-height: 1.2;
+  font-size: 0.75rem;
+  padding: 0 0 4px;
+  letter-spacing: 0.03em;
+  ${props => props.theme.themeProp('color', props.theme.getColor('gray-300'), props.theme.getColor('gray-600'))}
+`;
+const MultiLevelCheckboxNoResults = styled.div.withConfig({
+  shouldForwardProp
+}).attrs(applyDefaultTheme)`
+  text-align: center;
+  opacity: 0.7;
+  font-size: 0.875rem;
+`;
+const CheckboxTreeChildren = styled.div.withConfig({
+  shouldForwardProp
+}).attrs(applyDefaultTheme)`
+  display: grid;
+  grid-template-rows: 0fr;
+  padding-left: 28px;
+  transition: grid-template-rows 250ms;
+
+  & > div {
+    overflow: hidden;
+  }
+
+  ${props => props.$expanded && css`
+      grid-template-rows: 1fr;
+    `}
+}
+`;
+const CheckboxTree = styled.div.withConfig({
+  shouldForwardProp
+}).attrs(applyDefaultTheme)`
+  width: fit-content;
+`;
+const CheckboxTreeCheckboxContainer = styled.div.withConfig({
+  shouldForwardProp
+}).attrs(applyDefaultTheme)`
+  position: relative;
+  margin-top: 4px;
+`;
+const ExpandTreeButton = styled.button.withConfig({
+  shouldForwardProp
+}).attrs(applyDefaultTheme)`
+  -webkit-appearance: none;
+  background: none;
+  border: none;
+  position: absolute;
+  height: 100%;
+  cursor: pointer;
+  color: currentColor;
+
+  & > svg {
+    display: block;
+    width: 10px;
+    transform: rotate(-90deg);
+    transition: transform 250ms;
+
+    ${props => props.$expanded && css`
+        transform: rotate(0deg);
+      `}
+  }
+}
+`;
+
+export { CheckboxTree, CheckboxTreeCheckboxContainer, CheckboxTreeChildren, ExpandTreeButton, MultiLevelCheckbox, MultiLevelCheckboxLegend, MultiLevelCheckboxNoResults };
+//# sourceMappingURL=MultiLevelCheckbox.styled.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"MultiLevelCheckbox.styled.js","sources":["../../../src/components/inputs/MultiLevelCheckbox/MultiLevelCheckbox.styled.js"],"sourcesContent":["import styled, { css } from 'styled-components';\nimport { applyDefaultTheme } from '../../../utils/defaultTheme';\n\nconst shouldForwardProp = prop => {\n  return prop !== 'theme' && !prop.startsWith('$');\n};\n\nexport const MultiLevelCheckbox = styled.fieldset\n  .withConfig({\n    shouldForwardProp\n  })\n  .attrs(applyDefaultTheme)`\n  padding: 0;\n  border: 0;\n  margin: 0;\n`;\n\nexport const MultiLevelCheckboxLegend = styled.legend\n  .withConfig({\n    shouldForwardProp\n  })\n  .attrs(applyDefaultTheme)`\n  line-height: 1.2;\n  font-size: 0.75rem;\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`;\n\nexport const MultiLevelCheckboxNoResults = styled.div\n  .withConfig({\n    shouldForwardProp\n  })\n  .attrs(applyDefaultTheme)`\n  text-align: center;\n  opacity: 0.7;\n  font-size: 0.875rem;\n`;\n\nexport const CheckboxTreeChildren = styled.div\n  .withConfig({\n    shouldForwardProp\n  })\n  .attrs(applyDefaultTheme)`\n  display: grid;\n  grid-template-rows: 0fr;\n  padding-left: 28px;\n  transition: grid-template-rows 250ms;\n\n  & > div {\n    overflow: hidden;\n  }\n\n  ${props =>\n    props.$expanded &&\n    css`\n      grid-template-rows: 1fr;\n    `}\n}\n`;\n\nexport const CheckboxTree = styled.div\n  .withConfig({\n    shouldForwardProp\n  })\n  .attrs(applyDefaultTheme)`\n  width: fit-content;\n`;\n\nexport const CheckboxTreeCheckboxContainer = styled.div\n  .withConfig({\n    shouldForwardProp\n  })\n  .attrs(applyDefaultTheme)`\n  position: relative;\n  margin-top: 4px;\n`;\n\nexport const ExpandTreeButton = styled.button\n  .withConfig({\n    shouldForwardProp\n  })\n  .attrs(applyDefaultTheme)`\n  -webkit-appearance: none;\n  background: none;\n  border: none;\n  position: absolute;\n  height: 100%;\n  cursor: pointer;\n  color: currentColor;\n\n  & > svg {\n    display: block;\n    width: 10px;\n    transform: rotate(-90deg);\n    transition: transform 250ms;\n\n    ${props =>\n      props.$expanded &&\n      css`\n        transform: rotate(0deg);\n      `}\n  }\n}\n`;\n"],"names":["shouldForwardProp","prop","startsWith","MultiLevelCheckbox","styled","fieldset","withConfig","attrs","applyDefaultTheme","MultiLevelCheckboxLegend","legend","props","theme","themeProp","getColor","MultiLevelCheckboxNoResults","div","CheckboxTreeChildren","$expanded","css","CheckboxTree","CheckboxTreeCheckboxContainer","ExpandTreeButton","button"],"mappings":";;;AAGA,MAAMA,iBAAiB,GAAGC,IAAI,IAAI;EAChC,OAAOA,IAAI,KAAK,OAAO,IAAI,CAACA,IAAI,CAACC,UAAU,CAAC,GAAG,CAAC,CAAA;AAClD,CAAC,CAAA;AAEM,MAAMC,kBAAkB,GAAGC,MAAM,CAACC,QAAQ,CAC9CC,UAAU,CAAC;AACVN,EAAAA,iBAAAA;AACF,CAAC,CAAC,CACDO,KAAK,CAACC,iBAAiB,CAAC,CAAA;AAC3B;AACA;AACA;AACA,EAAC;AAEM,MAAMC,wBAAwB,GAAGL,MAAM,CAACM,MAAM,CAClDJ,UAAU,CAAC;AACVN,EAAAA,iBAAAA;AACF,CAAC,CAAC,CACDO,KAAK,CAACC,iBAAiB,CAAC,CAAA;AAC3B;AACA;AACA;AACA;AACA,EAAIG,EAAAA,KAAK,IACLA,KAAK,CAACC,KAAK,CAACC,SAAS,CACnB,OAAO,EACPF,KAAK,CAACC,KAAK,CAACE,QAAQ,CAAC,UAAU,CAAC,EAChCH,KAAK,CAACC,KAAK,CAACE,QAAQ,CAAC,UAAU,CACjC,CAAC,CAAA;AACL,EAAC;AAEM,MAAMC,2BAA2B,GAAGX,MAAM,CAACY,GAAG,CAClDV,UAAU,CAAC;AACVN,EAAAA,iBAAAA;AACF,CAAC,CAAC,CACDO,KAAK,CAACC,iBAAiB,CAAC,CAAA;AAC3B;AACA;AACA;AACA,EAAC;AAEM,MAAMS,oBAAoB,GAAGb,MAAM,CAACY,GAAG,CAC3CV,UAAU,CAAC;AACVN,EAAAA,iBAAAA;AACF,CAAC,CAAC,CACDO,KAAK,CAACC,iBAAiB,CAAC,CAAA;AAC3B;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,EAAA,EAAIG,KAAK,IACLA,KAAK,CAACO,SAAS,IACfC,GAAG,CAAA;AACP;AACA,IAAK,CAAA,CAAA;AACL;AACA,EAAC;AAEM,MAAMC,YAAY,GAAGhB,MAAM,CAACY,GAAG,CACnCV,UAAU,CAAC;AACVN,EAAAA,iBAAAA;AACF,CAAC,CAAC,CACDO,KAAK,CAACC,iBAAiB,CAAC,CAAA;AAC3B;AACA,EAAC;AAEM,MAAMa,6BAA6B,GAAGjB,MAAM,CAACY,GAAG,CACpDV,UAAU,CAAC;AACVN,EAAAA,iBAAAA;AACF,CAAC,CAAC,CACDO,KAAK,CAACC,iBAAiB,CAAC,CAAA;AAC3B;AACA;AACA,EAAC;AAEM,MAAMc,gBAAgB,GAAGlB,MAAM,CAACmB,MAAM,CAC1CjB,UAAU,CAAC;AACVN,EAAAA,iBAAAA;AACF,CAAC,CAAC,CACDO,KAAK,CAACC,iBAAiB,CAAC,CAAA;AAC3B;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,IAAA,EAAMG,KAAK,IACLA,KAAK,CAACO,SAAS,IACfC,GAAG,CAAA;AACT;AACA,MAAO,CAAA,CAAA;AACP;AACA;AACA;;;;"}

package/build/inputs/MultiLevelCheckbox/index.js

@@ -0,0 +1,3 @@
+export { default } from './MultiLevelCheckbox.js';
+export { NodeType, findChildValues } from './types.js';
+//# sourceMappingURL=index.js.map

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

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

package/build/inputs/MultiLevelCheckbox/types.js

@@ -0,0 +1,27 @@
+import PropTypes from 'prop-types';
+
+const NodeType = PropTypes.shape({
+  label: PropTypes.string.isRequired,
+  value: PropTypes.any.isRequired,
+  children: PropTypes.arrayOf(PropTypes.shape({
+    label: PropTypes.string.isRequired,
+    value: PropTypes.any.isRequired,
+    children: PropTypes.array
+  }))
+});
+function findChildValues(node) {
+  const result = [];
+  function traverse(node) {
+    if (Array.isArray(node.children) && node.children.length > 0) {
+      node.children.forEach(child => {
+        result.push(child.value);
+        traverse(child);
+      });
+    }
+  }
+  traverse(node);
+  return result;
+}
+
+export { NodeType, findChildValues };
+//# sourceMappingURL=types.js.map

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/{esm/components → build}/inputs/MultiLevelCheckboxSelect/MultiLevelCheckboxSelect.js

@@ -1,42 +1,46 @@
-import { objectWithoutProperties as _objectWithoutProperties, extends as _extends } from '../../../_virtual/_rollupPluginBabelHelpers.js';
-import React from '../../../node_modules/react/index.js';
-import PropTypes from '../../../node_modules/prop-types/index.js';
-import { MultiLevelCheckboxSelect as MultiLevelCheckboxSelect$2, PopoverContainer, PopoverHeader, SearchContainer, OptionsContainer, MultiLevelCheckboxSelectInput, Label, Placeholder, Item, ItemLabel, ItemRemoveButton } from './MultiLevelCheckboxSelect.styled.js';
-import { ReactComponent as SvgSearch } from '../../../icons/search.svg.js';
-import { ReactComponent as SvgClose } from '../../../icons/close.svg.js';
-import MultiLevelCheckbox, { NodeType, findChildValues } from '../MultiLevelCheckbox/MultiLevelCheckbox.js';
-import { useEventListener } from '../../../hooks/useEventListner.js';
-import { useOnClickOutside } from '../../../hooks/useOnClickOutside.js';
-import useUpdateEffect from '../../../node_modules/@restart/hooks/esm/useUpdateEffect.js';
-import { isFunction } from 'lodash';
+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 { r as react } from '../../../_virtual/index.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 _excluded = ["label", "options", "checked", "placeholder", "noResultsText", "onChange", "onParentChange"];
-const MultiLevelCheckboxSelect = React.forwardRef(function MultiLevelCheckboxSelect(_ref, forwardedRef) {
-  let {
-      label,
-      options,
-      checked: checkedProp,
-      placeholder,
-      noResultsText,
-      onChange,
-      onParentChange
-    } = _ref,
-    props = _objectWithoutProperties(_ref, _excluded);
-  const inputRef = react.exports.useRef(null);
-  const popoverContentRef = react.exports.useRef(null);
-  const searchInputRef = react.exports.useRef(null);
-  const [searchString, setSearchString] = react.exports.useState('');
-  const [open, setOpen] = react.exports.useState(false);
-  const handleClickInside = react.exports.useCallback(() => {
-    var _searchInputRef$curre;
+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$curre = searchInputRef.current) === null || _searchInputRef$curre === void 0 || _searchInputRef$curre.focus();
+    searchInputRef.current?.focus();
   }, []);
-  const handleKeyDown = react.exports.useCallback(event => {
+  const handleKeyDown = useCallback(event => {
     if (!open) return;
     if (event.key === 'Escape') {
       setOpen(false);
@@ -46,14 +50,13 @@ const MultiLevelCheckboxSelect = React.forwardRef(function MultiLevelCheckboxSel
   useEventListener('mousedown', handleClickInside, inputRef);
   useEventListener('keydown', handleKeyDown);
   const handleClickOutside = event => {
-    var _popoverContentRef$cu;
-    if ((popoverContentRef === null || popoverContentRef === void 0 ? void 0 : popoverContentRef.current) === event.target || popoverContentRef !== null && popoverContentRef !== void 0 && (_popoverContentRef$cu = popoverContentRef.current) !== null && _popoverContentRef$cu !== void 0 && _popoverContentRef$cu.contains(event.target)) {
+    if (popoverContentRef?.current === event.target || popoverContentRef?.current?.contains(event.target)) {
       return;
     }
     setOpen(false);
   };
   useOnClickOutside(inputRef, handleClickOutside);
-  const checked = react.exports.useMemo(() => {
+  const checked = useMemo(() => {
     const checkedParents = [];
     function iterate(nodes) {
       nodes.forEach(node => {
@@ -68,7 +71,7 @@ const MultiLevelCheckboxSelect = React.forwardRef(function MultiLevelCheckboxSel
     iterate(options);
     return checkedParents.sort();
   }, [JSON.stringify(options), JSON.stringify(checkedProp)]);
-  const getLabelByValue = react.exports.useCallback((targetValue, nodes = options) => {
+  const getLabelByValue = useCallback((targetValue, nodes = options) => {
     for (const node of nodes) {
       if (node.value === targetValue) {
         return node.label;
@@ -82,7 +85,7 @@ const MultiLevelCheckboxSelect = React.forwardRef(function MultiLevelCheckboxSel
     }
     return null;
   }, [options]);
-  const removeItem = react.exports.useCallback(value => {
+  const removeItem = useCallback(value => {
     let node = null;
     function findNodeByValue(options, value) {
       for (let i = 0; i < options.length; i++) {
@@ -107,9 +110,9 @@ const MultiLevelCheckboxSelect = React.forwardRef(function MultiLevelCheckboxSel
       onParentChange(checked);
     }
   }, [checked]);
-  return React.createElement(MultiLevelCheckboxSelect$2, _extends({
+  return React__default.createElement(MultiLevelCheckboxSelect$1, _extends({
     ref: forwardedRef
-  }, props), React.createElement(Popover, {
+  }, props), React__default.createElement(Popover, {
     visible: open,
     arrow: false,
     placement: 'bottom',
@@ -130,35 +133,35 @@ const MultiLevelCheckboxSelect = React.forwardRef(function MultiLevelCheckboxSel
         state.elements.popper.style.width = `${state.elements.reference.offsetWidth}px`;
       }
     }],
-    content: React.createElement(PopoverContainer, {
+    content: React__default.createElement(PopoverContainer, {
       ref: popoverContentRef
-    }, React.createElement(PopoverHeader, null, React.createElement(SearchContainer, null, React.createElement(TextInput, {
+    }, 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.createElement(SvgSearch, null),
+      icon: React__default.createElement(SvgSearch, null),
       value: searchString,
       onChange: e => setSearchString(e.target.value)
-    })), React.createElement(SectionSeparator, null)), React.createElement(OptionsContainer, null, React.createElement(MultiLevelCheckbox, {
+    })), 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.createElement(MultiLevelCheckboxSelectInput, {
+  }, React__default.createElement(MultiLevelCheckboxSelectInput, {
     tabIndex: "0",
     ref: inputRef
-  }, label && React.createElement(Label, null, label), checked.length === 0 && React.createElement(Placeholder, null, placeholder), checked.map(option => React.createElement(Item, {
+  }, 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.createElement(ItemLabel, null, getLabelByValue(option)), React.createElement(ItemRemoveButton, {
+  }, React__default.createElement(ItemLabel, null, getLabelByValue(option)), React__default.createElement(ItemRemoveButton, {
     onClick: () => {
       removeItem(option);
     }
-  }, React.createElement(SvgClose, null)))))));
+  }, React__default.createElement(SvgClose, null)))))));
 });
 MultiLevelCheckboxSelect.propTypes = process.env.NODE_ENV !== "production" ? {
   label: PropTypes.string,
@@ -176,6 +179,6 @@ MultiLevelCheckboxSelect.propTypes = process.env.NODE_ENV !== "production" ? {
 MultiLevelCheckboxSelect.defaultProps = {
   checked: []
 };
-var MultiLevelCheckboxSelect$1 = MultiLevelCheckboxSelect;
 
-export { MultiLevelCheckboxSelect$1 as default };
+export { MultiLevelCheckboxSelect as default };
+//# sourceMappingURL=MultiLevelCheckboxSelect.js.map