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

package/build/{CompactTextInput-42ca5d42.js → inputs/CompactTextInput/CompactTextInput.styled.js}

@@ -1,29 +1,5 @@
-import { isFunction, isEmpty } from 'lodash';
-import { nanoid } from 'nanoid';
-import { a as applyDefaultTheme, P as PropTypes } from './defaultTheme-1bcc2541.js';
-import * as React from 'react';
-import React__default, { useState, useMemo, useEffect, useCallback } from 'react';
-import { S as SvgEditNote } from './edit-note-283a0e15.js';
-import './Alert-e6847a22.js';
-import './Badge-d93586a9.js';
-import { P as Popover } from './Popover-20050b91.js';
-import './Tab-04d435c3.js';
-import './Tabs-74d1ea8a.js';
-import { T as Tooltip } from './Tooltip-c1d1199e.js';
-import './VerificationStatusIcon-49cb1c1b.js';
 import styled, { keyframes, css } from 'styled-components';
-
-var _path;
-function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
-function SvgLink(props) {
-  return /*#__PURE__*/React.createElement("svg", _extends({
-    xmlns: "http://www.w3.org/2000/svg",
-    viewBox: "0 0 20 10"
-  }, props), _path || (_path = /*#__PURE__*/React.createElement("path", {
-    fill: "currentColor",
-    d: "M9 10H5c-1.38 0-2.56-.49-3.54-1.46S0 6.39 0 5s.49-2.56 1.46-3.54S3.62 0 5 0h4v2H5c-.83 0-1.54.29-2.13.88s-.88 1.29-.88 2.13.29 1.54.88 2.13 1.29.88 2.13.88h4v2zM6 6V4h8v2H6zm5 4V8h4c.83 0 1.54-.29 2.13-.88s.88-1.29.88-2.13-.29-1.54-.88-2.13-1.29-.88-2.13-.88h-4V0h4c1.38 0 2.56.49 3.54 1.46S20 3.61 20 5s-.49 2.56-1.46 3.54S16.39 10 15 10h-4z"
-  })));
-}
+import { applyDefaultTheme } from '../../utils/defaultTheme.js';
 
 const fadeIn = keyframes`
   from {
@@ -75,7 +51,7 @@ const commonAnchorTagStyle = css`
 const readOnlyBackground = css`
   ${props => props.theme.themeProp('background', props.theme.getColor('gray-900'), props.theme.getColor('white'))}
 `;
-const CompactTextInput$1 = styled.div.attrs(applyDefaultTheme)`
+const CompactTextInput = styled.div.attrs(applyDefaultTheme)`
   display: flex;
   align-items: center;
   height: 24px;
@@ -346,171 +322,5 @@ const ReadOnlyLinkContainer = styled.div.attrs(applyDefaultTheme)`
   padding: 0 10px 1px;
 `;
 
-const CompactTextInput = React__default.forwardRef(function CompactTextInput({
-  label,
-  inputType,
-  name,
-  defaultValue,
-  value,
-  placeholder,
-  link,
-  linkTarget,
-  linkHandler,
-  activeLinkHandler,
-  autoSelect,
-  readOnly,
-  disabled,
-  edit,
-  type,
-  descriptionToolTip,
-  bold,
-  hidden,
-  onChange: onChangeProp,
-  onFocus: onFocusProp,
-  onBlur: onBlurProp,
-  loadingIcon,
-  successIcon,
-  ...props
-}, forwardedRef) {
-  const [uniqueId] = useState(nanoid());
-  const [currentValue, setCurrentValue] = useState();
-  const [autoFocus, setAutoFocus] = useState(false);
-  const memoizedDescriptionToolTip = useMemo(() => {
-    return descriptionToolTip;
-  }, [descriptionToolTip]);
-  useEffect(() => {
-    setCurrentValue(value || defaultValue);
-    setAutoFocus(false);
-  }, [value, defaultValue]);
-  const onChange = useCallback(event => {
-    setCurrentValue(event.target.value);
-    if (!autoFocus) {
-      setAutoFocus(true);
-    }
-    if (isFunction(onChangeProp)) {
-      onChangeProp(event);
-    }
-  }, [onChangeProp]);
-  const onFocus = useCallback(event => {
-    if (autoSelect) {
-      event.target.select();
-    }
-    if (isFunction(onFocusProp)) {
-      onFocusProp(event);
-    }
-  }, [autoSelect, readOnly, onFocusProp]);
-  const onBlur = useCallback(event => {
-    if (isFunction(onBlurProp)) {
-      onBlurProp(event);
-    }
-  }, [onBlurProp]);
-  const input = () => {
-    return React__default.createElement(Input, {
-      ref: forwardedRef,
-      id: uniqueId,
-      key: uniqueId,
-      autoFocus: autoFocus,
-      inputType: inputType,
-      name: name,
-      readOnly: readOnly,
-      disabled: disabled,
-      edit: edit,
-      placeholder: placeholder,
-      defaultValue: defaultValue,
-      value: value,
-      type: type,
-      bold: bold,
-      hasLink: !isEmpty(link),
-      onFocus: onFocus,
-      onChange: onChange,
-      onBlur: onBlur
-    });
-  };
-  if (hidden) return null;
-  return React__default.createElement(CompactTextInput$1, props, label && React__default.createElement(Label, {
-    htmlFor: uniqueId,
-    disabled: disabled
-  }, label, React__default.createElement(SuccessContainer, null, type === 'loading' && loadingIcon, type === 'success' && successIcon)), React__default.createElement(InputContainer, {
-    $hasLabel: !isEmpty(label)
-  }, !memoizedDescriptionToolTip && !link && React__default.createElement("div", null, input()), memoizedDescriptionToolTip && !link && React__default.createElement("div", null, React__default.createElement(Tooltip, {
-    content: memoizedDescriptionToolTip,
-    key: "tooltip1",
-    placement: "bottom-end",
-    trigger: 'mouseenter',
-    zIndex: 999999
-  }, input())), link && !readOnly && React__default.createElement("div", null, React__default.createElement(Popover, {
-    arrow: false,
-    content: React__default.createElement(LinkPopoverContainer, null, activeLinkHandler ? React__default.createElement(StyledLink, {
-      href: link,
-      target: linkTarget,
-      onClick: e => {
-        if (activeLinkHandler) {
-          e.preventDefault();
-          linkHandler();
-        }
-      },
-      rel: "noreferrer"
-    }, React__default.createElement(SvgLink, null), currentValue) : React__default.createElement(StyledLink, {
-      href: link,
-      target: linkTarget,
-      rel: "noreferrer"
-    }, React__default.createElement(SvgLink, null), currentValue)),
-    key: "tooltip2",
-    placement: "bottom-start",
-    trigger: "focusin",
-    zIndex: 999999,
-    interactive: true
-  }, input())), link && readOnly && React__default.createElement(ReadOnlyLinkContainer, null, React__default.createElement(StyledLink, {
-    href: link,
-    rel: "noreferrer",
-    style: {
-      display: 'inline-block'
-    },
-    target: linkTarget
-  }, currentValue)), !readOnly && !disabled && React__default.createElement(React__default.Fragment, null, React__default.createElement(InputIconContainer, {
-    type: type
-  }, React__default.createElement(SvgEditNote, null)), isEmpty(label) && React__default.createElement(InputSuccessContainer, null, type === 'loading' && loadingIcon, type === 'success' && successIcon))));
-});
-CompactTextInput.propTypes = process.env.NODE_ENV !== "production" ? {
-  label: PropTypes.string,
-  success: PropTypes.bool,
-  inputType: PropTypes.string,
-  name: PropTypes.string,
-  defaultValue: PropTypes.string,
-  value: PropTypes.string,
-  placeholder: PropTypes.string,
-  link: PropTypes.string,
-  linkTarget: PropTypes.oneOf(['_self', '_blank', '_parent', '_top']),
-  linkHandler: PropTypes.func,
-  activeLinkHandler: PropTypes.bool,
-  autoSelect: PropTypes.bool,
-  readOnly: PropTypes.bool,
-  disabled: PropTypes.bool,
-  edit: PropTypes.bool,
-  warning: PropTypes.oneOfType([PropTypes.bool, PropTypes.string]),
-  bold: PropTypes.bool,
-  hidden: PropTypes.bool,
-  onChange: PropTypes.func,
-  onFocus: PropTypes.func,
-  onBlur: PropTypes.func,
-  type: PropTypes.oneOf(['', 'error', 'warning', 'loading', 'success']),
-  descriptionToolTip: PropTypes.string,
-  loadingIcon: PropTypes.element,
-  successIcon: PropTypes.element
-} : {};
-CompactTextInput.defaultProps = {
-  inputType: 'text',
-  autoSelect: true,
-  linkTarget: '_self',
-  bold: false,
-  readOnly: false,
-  descriptionToolTip: '',
-  edit: false,
-  hidden: false,
-  type: '',
-  linkHandler: () => {},
-  activeLinkHandler: false,
-  onChange: () => {}
-};
-
-export { CompactTextInput as C };
+export { CompactTextInput, Input, InputContainer, InputIconContainer, InputSuccessContainer, Label, LinkPopoverContainer, ReadOnlyLinkContainer, StyledLink, SuccessContainer };
+//# sourceMappingURL=CompactTextInput.styled.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CompactTextInput.styled.js","sources":["../../../src/components/inputs/CompactTextInput/CompactTextInput.styled.js"],"sourcesContent":["import styled, { css, keyframes } from 'styled-components';\nimport { applyDefaultTheme } from '../../../utils/defaultTheme';\n\nconst fadeIn = keyframes`\n  from {\n    background-color: ${props =>\n      props.theme.themeProp('rgba(48, 130, 106, 0)', 'rgba(191, 224, 213, 0)')};\n  }\n  to {\n    background-color: ${props =>\n      props.theme.themeProp('rgba(48, 130, 106, 1)', 'rgba(191, 224, 213, 1)')};\n  }\n`;\n\nconst fadeOut = keyframes`\n  from {\n    background-color: ${props =>\n      props.theme.themeProp('rgba(48, 130, 106, 1)', 'rgba(191, 224, 213, 1)')};\n  }\n  to {\n    background-color: ${props =>\n      props.theme.themeProp('rgba(48, 130, 106, 0)', 'rgba(191, 224, 213, 0)')};\n  }\n`;\n\nconst fadeInCheck = keyframes`\n  from {\n    opacity: 0\n  }\n  to {\n    opacity: 1\n  }\n`;\n\nconst fadeOutCheck = keyframes`\n  from {\n    opacity: 1\n  }\n  to {\n    opacity: 0\n  }\n`;\n\nconst linkColor = css`\n  ${props => props.theme.themeProp('color', '#ACCDC3', props.theme.getColor('emerald-500'))}\n  ${props =>\n    !props.disabled &&\n    css`\n      &:hover {\n        text-decoration: underline;\n      }\n    `}\n`;\n\nconst commonAnchorTagStyle = css`\n  a,\n  && {\n    font-size: 0.875rem;\n    text-decoration: none;\n  }\n`;\n\nconst readOnlyBackground = css`\n  ${props =>\n    props.theme.themeProp(\n      'background',\n      props.theme.getColor('gray-900'),\n      props.theme.getColor('white')\n    )}\n`;\n\nexport const CompactTextInput = styled.div.attrs(applyDefaultTheme)`\n  display: flex;\n  align-items: center;\n  height: 24px;\n  font-family: ${props => props.theme.primaryFontFamily};\n`;\n\nexport const Label = styled.label.attrs(applyDefaultTheme)`\n  ${props =>\n    props.theme.themeProp(\n      'color',\n      props.theme.getColor('white'),\n      props.theme.getColor('gray-700')\n    )};\n  flex-basis: 33.33%;\n  font-size: 0.875rem;\n  line-height: 1rem;\n  justify-content: space-between;\n  height: 19px;\n  display: flex;\n  align-items: center;\n  ${props =>\n    props.disabled &&\n    css`\n      opacity: 0.5;\n      cursor: not-allowed;\n    `}\n`;\n\nexport const InputContainer = styled.div.attrs(applyDefaultTheme)`\n  position: relative;\n  height: 19px;\n  flex-basis: ${props => (props.$hasLabel ? '66.66%' : '100%')};\n`;\n\nexport const SuccessContainer = styled.div.attrs(applyDefaultTheme)`\n  opacity: 1;\n  pointer-events: none;\n  display: flex;\n  opacity: ${props => (props.fadeIn ? 0 : 1)};\n  animation: ${props => (props.fadeIn ? fadeOutCheck : fadeInCheck)} 0.5s ease-in-out;\n  transition: opacity 0.5s ease-in-out;\n  margin-right: 5px;\n  ${props =>\n    props.theme.themeProp(\n      'color',\n      props.theme.getColor('gray-300'),\n      props.theme.getColor('gray-500')\n    )}\n  > svg {\n    width: 13px;\n  }\n`;\n\nexport const InputSuccessContainer = styled.div.attrs(applyDefaultTheme)`\n  opacity: 1;\n  pointer-events: none;\n  display: flex;\n  justify-content: flex-end;\n  opacity: ${props => (props.fadeIn ? 0 : 1)};\n  animation: ${props => (props.fadeIn ? fadeOutCheck : fadeInCheck)} 0.5s ease-in-out;\n  transition: opacity 0.5s ease-in-out;\n  position: relative;\n  margin-top: -20px;\n  margin-right: 8px;\n  ${props =>\n    props.theme.themeProp(\n      'color',\n      props.theme.getColor('gray-300'),\n      props.theme.getColor('gray-500')\n    )}\n  > svg {\n    width: 13px;\n  }\n`;\n\nexport const InputIconContainer = styled.div.attrs(applyDefaultTheme)`\n  opacity: 0;\n  pointer-events: none;\n  border-top-right-radius: 3px;\n  border-bottom-right-radius: 3px;\n  padding: 5px 10px 0 0;\n  ${props =>\n    props.theme.themeProp(\n      'background',\n      css`\n        linear-gradient(-90deg,\n        ${props =>\n          props.type === 'error'\n            ? '#901d1d'\n            : props.type === 'warning'\n            ? '#816600'\n            : props.theme.getColor('gray-700')} 55%,\n        transparent)\n      `,\n      css`\n        linear-gradient(-90deg,\n        ${props =>\n          props.type === 'error'\n            ? '#f7d5d0'\n            : props.type === 'warning'\n            ? '#fffebf'\n            : props.theme.getColor('gray-100')} 55%,\n        transparent)\n      `\n    )};\n\n  display: flex;\n  align-items: center;\n  position: absolute;\n  right: 0;\n  top: 0;\n  bottom: 0;\n  color: ${props => props.theme.getColor('gray-400')};\n\n  ${props => props.type === 'warning' && props.theme.themeProp('color', '#C3AF43', '#C3AF43')}\n\n  ${props => props.type === 'error' && props.theme.themeProp('color', '#CB968F', '#CB968F')}\n\n  > svg {\n    width: 12px;\n  }\n`;\n\nexport const Input = styled.input.attrs(applyDefaultTheme)`\n  box-sizing: border-box;\n  height: 22px;\n  width: 100%;\n  display: block;\n  font-size: 0.875rem;\n  line-height: 1rem;\n  font-family: inherit;\n  padding: 1px 10px;\n  border-radius: 3px;\n  border: 1px solid transparent;\n\n${props => {\n  if (props.type === 'error') {\n    return css`\n      ${props.theme.themeProp('background', '#7f1b1b', '#FEE2E2')} !important;\n    `;\n  } else if (props.type === 'warning') {\n    return css`\n      ${props.theme.themeProp('background', '#634E01', '#FFFDE8')} !important;\n    `;\n  } else {\n    return props.theme.themeProp(\n      'background',\n      props.theme.getColor('gray-900'),\n      props.theme.getColor('white')\n    );\n  }\n}}\n\n  ${props =>\n    props.readOnly &&\n    css`\n      cursor: default;\n    `}\n\n  ${props =>\n    props.disabled &&\n    css`\n      opacity: 0.5;\n    `}\n\n  ${props =>\n    props.type === 'success' &&\n    css`\n      animation: ${props => (props.type === 'success' ? fadeIn : fadeOut)} 0.5s ease-in-out;\n    `}\n\n\n    ${props =>\n      props.theme.themeProp(\n        'color',\n        props.theme.getColor('gray-200'),\n        props.theme.getColor('gray-700')\n      )}\n\n\n      \n   \n\n      ${props =>\n        props.hasLink &&\n        css`\n          &&:not(:focus),\n          &&:read-only {\n            ${linkColor}\n          }\n          &&:read-only {\n            cursor: default;\n          }\n        `};\n\n        \n\n\n  &&:not(:hover):not(:focus) {\n\n    ${props => {\n      if (props.edit) {\n        if (props.type === 'error') {\n          return props.theme.themeProp('background', '#7f1b1b', '#FEE2E2');\n        } else if (props.type === 'warning') {\n          return props.theme.themeProp('background', '#634E01', '#FFFDE8');\n        } else {\n          return props.theme.themeProp(\n            'background',\n            'rgba(39,39,42, 0.7)',\n            'rgba(244,244,245, 0.3)'\n          );\n        }\n      }\n    }}\n   \n     \n\n    ${props =>\n      props.edit &&\n      props.theme.themeProp('border-color', 'rgba(39,39,42, 0.7)', 'rgba(228,228,231, 0.3)')};\n    \n    ${props =>\n      props.hasLink &&\n      css`\n        &&:not(:focus),\n        &&:read-only {\n          cursor: default;\n          ${linkColor}\n        }\n      `}\n  }\n\n  &&:hover:not(:focus) {\n\n    ${props =>\n      props.theme.themeProp(\n        'background',\n        props.theme.getColor('gray-700'),\n        props.theme.getColor('gray-100')\n      )}\n\n    ${props =>\n      props.readOnly &&\n      css`\n        ${readOnlyBackground}\n      `};\n\n    ${props =>\n      props.edit &&\n      props.theme.themeProp(\n        'border-color',\n        props.theme.getColor('gray-700'),\n        props.theme.getColor('gray-100')\n      )};\n\n    ${props =>\n      props.type === 'warning' && props.theme.themeProp('background', '#806403', '#FFFEBF')};\n\n    ${props => props.type === 'error' && props.theme.themeProp('background', '#901d1d', '#F7D5D0')};\n\n\n    ${props =>\n      props.hasLink &&\n      css`\n        cursor: pointer;\n        &&:read-only {\n          background: none !important;\n          cursor: default;\n        }\n      `}\n      & + ${InputIconContainer} {\n        opacity: 1;\n        \n      }\n  }\n\n    ${props =>\n      props.disabled &&\n      css`\n        background: none !important;\n        cursor: not-allowed;\n      `}\n      ${props =>\n        props.disabled &&\n        props.hasLink &&\n        css`\n          background: none !important;\n          cursor: not-allowed !important;\n        `}\n\n  }\n\n  &&:focus {\n    ${props =>\n      !props.readOnly &&\n      props.theme.themeProp(\n        'background',\n        props.theme.getColor('gray-700'),\n        props.theme.getColor('gray-100')\n      )};\n\n      ${props =>\n        props.readOnly &&\n        css`\n          ${readOnlyBackground}\n        `};\n    \n    ${props =>\n      props.type === 'error' &&\n      !props.readOnly &&\n      props.theme.themeProp(\n        'color',\n        props.theme.getColor('gray-200'),\n        props.theme.getColor('gray-700')\n      )};\n\n    ${props =>\n      !props.readOnly &&\n      css`\n        border-color: ${props => props.theme.getColor('gray-600')};\n      `};\n    outline: none;\n\n    ${props =>\n      props.type === 'warning' &&\n      css`\n        ${props => props.theme.themeProp('border-color', '#F4E21E', '#F4E21E')}\n        ${props.theme.themeProp('background', 'white', 'white')}\n        ${props.theme.themeProp('color', 'black', 'black')}\n      `};\n\n    ${props =>\n      props.type === 'error' &&\n      css`\n        ${props => props.theme.themeProp('border-color', '#D83018', '#D83018')}\n        ${props.theme.themeProp('background', 'white', 'white')}\n        ${props.theme.themeProp('color', 'black', 'black')}\n      `};\n  }\n\n  &&::placeholder {\n    color: inherit;\n    opacity: 0.6;\n  }\n\n  ${props =>\n    props.bold &&\n    css`\n      font-size: 1rem;\n      font-weight: 500;\n      line-height: 1.0625;\n      padding-top: 3px;\n      padding-bottom: 2px;\n    `}\n`;\n\nexport const LinkPopoverContainer = styled.div.attrs(applyDefaultTheme)`\n  ${commonAnchorTagStyle}\n\n  padding: 5px 8px;\n\n  svg {\n    width: 18px;\n    margin-right: 8px;\n  }\n`;\n\nexport const StyledLink = styled.a.attrs(applyDefaultTheme)`\n  ${commonAnchorTagStyle}\n  ${linkColor}\n`;\n\nexport const ReadOnlyLinkContainer = styled.div.attrs(applyDefaultTheme)`\n  ${readOnlyBackground};\n  border: 1px solid transparent;\n  border-radius: 3px;\n  padding: 0 10px 1px;\n`;\n"],"names":["fadeIn","keyframes","props","theme","themeProp","fadeOut","fadeInCheck","fadeOutCheck","linkColor","css","getColor","disabled","commonAnchorTagStyle","readOnlyBackground","CompactTextInput","styled","div","attrs","applyDefaultTheme","primaryFontFamily","Label","label","InputContainer","$hasLabel","SuccessContainer","InputSuccessContainer","InputIconContainer","type","Input","input","readOnly","hasLink","edit","bold","LinkPopoverContainer","StyledLink","a","ReadOnlyLinkContainer"],"mappings":"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"}

package/build/inputs/CompactTextInput/index.js

@@ -1,19 +1,2 @@
-export { C as default } from '../../CompactTextInput-42ca5d42.js';
-import 'lodash';
-import 'nanoid';
-import '../../defaultTheme-1bcc2541.js';
-import 'styled-components';
-import 'react';
-import '../../edit-note-283a0e15.js';
-import '../../Alert-e6847a22.js';
-import '../../_rollupPluginBabelHelpers-c245b26a.js';
-import '../../Badge-d93586a9.js';
-import '../../Popover-20050b91.js';
-import 'polished';
-import '@tippyjs/react';
-import '../../shift-away-subtle-0dd94a03.js';
-import 'popper-max-size-modifier';
-import '../../Tab-04d435c3.js';
-import '../../Tabs-74d1ea8a.js';
-import '../../Tooltip-c1d1199e.js';
-import '../../VerificationStatusIcon-49cb1c1b.js';
+export { default } from './CompactTextInput.js';
+//# sourceMappingURL=index.js.map

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

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

package/build/inputs/MultiLevelCheckbox/MultiLevelCheckbox.js

@@ -0,0 +1,207 @@
+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 { isEmpty, uniq, isEqual, isArray } from 'lodash';
+import { findChildValues, NodeType } from './types.js';
+
+function hasChildrenSelected(node, targetValue, checkedValues) {
+  if (!isArray(node.children) || node.children.length === 0) {
+    return false;
+  }
+  if (node.children.some(childNode => checkedValues.includes(childNode.value))) {
+    return true;
+  }
+  return node.children.some(childNode => hasChildrenSelected(childNode, childNode.value, checkedValues));
+}
+function hasAllChildrenSelected(node, targetValue, checkedValues) {
+  if (!node.children || node.children.length === 0) {
+    return checkedValues.includes(node.value);
+  }
+  if (node.children.some(childNode => !checkedValues.includes(childNode.value))) {
+    return false;
+  }
+  return node.children.every(childNode => hasAllChildrenSelected(childNode, childNode.value, checkedValues));
+}
+function getLabelByValue(targetValue, nodes) {
+  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;
+}
+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;
+    }
+    return options.some(node => {
+      const childValues = findChildValues(node);
+      return [node.value, ...childValues].map(v => getLabelByValue(v, options)).some(v => v.match(new RegExp(search, 'i')));
+    });
+  }, [options, search]);
+  function includeAllChildren(checked, nodes, honorParent = true) {
+    let newChecked = [];
+    function fillSiblings(nodes) {
+      nodes.forEach(node => {
+        if (hasAllChildrenSelected(node, node.value, checked)) {
+          newChecked.push(node.value);
+        }
+        if (honorParent && checked.includes(node.value)) {
+          const childValues = findChildValues(node);
+          return newChecked = newChecked.concat([node.value, ...childValues]);
+        }
+        if (node.children) {
+          fillSiblings(node.children);
+        }
+      });
+    }
+    fillSiblings(nodes);
+    return newChecked;
+  }
+  const onAdd = useCallback(values => {
+    setInternalChecked(prevChecked => uniq(includeAllChildren([...prevChecked, ...values], options)));
+  }, [options]);
+  const onRemove = useCallback(values => {
+    setInternalChecked(prevChecked => includeAllChildren(prevChecked.filter(v => !values.includes(v)), options, false));
+  }, [options]);
+  useEffect(() => {
+    onChange([...internalChecked].sort());
+  }, [internalChecked, onChange]);
+  useEffect(() => {
+    if (!isEqual([...checked].sort(), [...internalChecked].sort())) {
+      setInternalChecked(includeAllChildren(checked, options));
+    }
+  }, [checked, options]);
+  return React__default.createElement(MultiLevelCheckbox$1, _extends({}, props, {
+    ref: forwardedRef
+  }), label && React__default.createElement(MultiLevelCheckboxLegend, null, label), options.map(node => React__default.createElement(CheckboxTree, {
+    key: node.value,
+    nodes: options,
+    node: node,
+    checked: checked.filter(c => [node.value, ...findChildValues(node)].includes(c)),
+    onAdd: onAdd,
+    onRemove: onRemove,
+    search: search
+  })), !anySearchResults && React__default.createElement(MultiLevelCheckboxNoResults, null, noResultsText));
+});
+MultiLevelCheckbox.propTypes = process.env.NODE_ENV !== "production" ? {
+  options: PropTypes.arrayOf(NodeType),
+  checked: PropTypes.array.isRequired,
+  label: PropTypes.string,
+  search: PropTypes.string,
+  noResultsText: PropTypes.string,
+  onChange: PropTypes.func.isRequired
+} : {};
+MultiLevelCheckbox.defaultProps = {
+  options: [],
+  noResultsText: 'No results.'
+};
+const CheckboxTree = React__default.memo(function CheckboxTree({
+  node,
+  nodes,
+  checked,
+  onAdd,
+  onRemove,
+  search = ''
+}) {
+  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)]);
+    }
+  }, [node, onAdd, onRemove]);
+  const onChildrenAdd = useCallback(newValues => {
+    if (hasAllChildrenSelected(node, '', [...newValues, ...checked])) {
+      return onAdd([node.value, ...newValues]);
+    }
+    onAdd(newValues);
+  }, [node, checked, onAdd]);
+  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]);
+  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]);
+  if (hideOption) {
+    return null;
+  }
+  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: () => {
+      setExpandedBySearch(current => {
+        if (current) {
+          setExpanded(false);
+        } else {
+          setExpanded(v => !v);
+        }
+        return false;
+      });
+    }
+  }, React__default.createElement("svg", {
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 12 7.4"
+  }, 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__default.createElement(Checkbox, {
+    style: {
+      paddingLeft: 24
+    },
+    muted: !checked.includes(node.value),
+    label: node.label,
+    indeterminate: checked.includes(node.value) && !hasAllChildrenSelected(node, node.value, checked) || hasChildrenSelected(node, node.value, checked) && !hasAllChildrenSelected(node, node.value, checked),
+    checked: hasChildrenSelected(node, node.value, checked) || checked.includes(node.value),
+    value: node.value,
+    onChange: onChange
+  })), node.children && React__default.createElement(CheckboxTreeChildren, {
+    $expanded: expanded || expandedBySearch
+  }, 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,
+    onRemove: onRemove,
+    node: childNode,
+    nodes: nodes,
+    search: search
+  })))));
+}, isEqual);
+CheckboxTree.propTypes = process.env.NODE_ENV !== "production" ? {
+  node: NodeType,
+  nodes: PropTypes.arrayOf(NodeType),
+  checked: PropTypes.array.isRequired,
+  search: PropTypes.string,
+  onAdd: PropTypes.func.isRequired,
+  onRemove: PropTypes.func.isRequired
+} : {};
+
+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,66 @@
+import styled, { css } from 'styled-components';
+import { applyDefaultTheme } from '../../utils/defaultTheme.js';
+
+const MultiLevelCheckbox = styled.fieldset.attrs(applyDefaultTheme)`
+  padding: 0;
+  border: 0;
+  margin: 0;
+`;
+const MultiLevelCheckboxLegend = styled.legend.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.attrs(applyDefaultTheme)`
+  text-align: center;
+  opacity: 0.7;
+  font-size: 0.875rem;
+`;
+const CheckboxTreeChildren = styled.div.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.attrs(applyDefaultTheme)`
+  width: fit-content;
+`;
+const CheckboxTreeCheckboxContainer = styled.div.attrs(applyDefaultTheme)`
+  position: relative;
+  margin-top: 4px;
+`;
+const ExpandTreeButton = styled.button.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\nexport const MultiLevelCheckbox = styled.fieldset.attrs(applyDefaultTheme)`\n  padding: 0;\n  border: 0;\n  margin: 0;\n`;\n\nexport const MultiLevelCheckboxLegend = styled.legend.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.attrs(applyDefaultTheme)`\n  text-align: center;\n  opacity: 0.7;\n  font-size: 0.875rem;\n`;\n\nexport const CheckboxTreeChildren = styled.div.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.attrs(applyDefaultTheme)`\n  width: fit-content;\n`;\n\nexport const CheckboxTreeCheckboxContainer = styled.div.attrs(applyDefaultTheme)`\n  position: relative;\n  margin-top: 4px;\n`;\n\nexport const ExpandTreeButton = styled.button.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":["MultiLevelCheckbox","styled","fieldset","attrs","applyDefaultTheme","MultiLevelCheckboxLegend","legend","props","theme","themeProp","getColor","MultiLevelCheckboxNoResults","div","CheckboxTreeChildren","$expanded","css","CheckboxTree","CheckboxTreeCheckboxContainer","ExpandTreeButton","button"],"mappings":";;;AAGO,MAAMA,kBAAkB,GAAGC,MAAM,CAACC,QAAQ,CAACC,KAAK,CAACC,iBAAiB,CAAC,CAAA;AAC1E;AACA;AACA;AACA,EAAC;AAEM,MAAMC,wBAAwB,GAAGJ,MAAM,CAACK,MAAM,CAACH,KAAK,CAACC,iBAAiB,CAAC,CAAA;AAC9E;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,GAAGV,MAAM,CAACW,GAAG,CAACT,KAAK,CAACC,iBAAiB,CAAC,CAAA;AAC9E;AACA;AACA;AACA,EAAC;AAEM,MAAMS,oBAAoB,GAAGZ,MAAM,CAACW,GAAG,CAACT,KAAK,CAACC,iBAAiB,CAAC,CAAA;AACvE;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,GAAGf,MAAM,CAACW,GAAG,CAACT,KAAK,CAACC,iBAAiB,CAAC,CAAA;AAC/D;AACA,EAAC;AAEM,MAAMa,6BAA6B,GAAGhB,MAAM,CAACW,GAAG,CAACT,KAAK,CAACC,iBAAiB,CAAC,CAAA;AAChF;AACA;AACA,EAAC;AAEM,MAAMc,gBAAgB,GAAGjB,MAAM,CAACkB,MAAM,CAAChB,KAAK,CAACC,iBAAiB,CAAC,CAAA;AACtE;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