@economic/taco 1.12.2 → 1.13.0

package/dist/esm/components/Listbox/useMultiListbox.js

@@ -1,196 +0,0 @@
-import { useMemo, useState, useEffect } from 'react';
-import { useProxiedRef } from '../../utils/hooks/useProxiedRef.js';
-import { v4 } from 'uuid';
-import { useLocalization } from '../Provider/Provider.js';
-import { getIndexFromValue, getSelectedIndexesFromValue, setInputValueByRef, getActiveDescendant, findByValue } from './util.js';
-import { useTypeahead } from './useTypeahead.js';
-
-const useMultiListbox = ({
-  data: externalData = [],
-  defaultValue,
-  disabled,
-  emptyValue: _,
-  id: nativeId,
-  name,
-  onClick,
-  onChange,
-  onFocus,
-  onKeyDown,
-  value,
-  ...otherProps
-}, ref) => {
-  const {
-    texts
-  } = useLocalization();
-  const id = useMemo(() => nativeId || v4(), [nativeId]);
-  const inputRef = useProxiedRef(ref);
-  const data = useMemo(() => {
-    return [{
-      text: texts.listbox.allOption,
-      value: '#ALL-OPTIONS#'
-    }, ...externalData];
-  }, [externalData]);
-  const [currentIndex, setCurrentIndex] = useState(getIndexFromValue(data, value) || 0);
-  const [allOptionsSelected, setAllOptionsSelected] = useState(false);
-  const {
-    getNextIndex
-  } = useTypeahead({
-    data,
-    currentIndex
-  });
-  const [selectedIndexes, setSelectedIndexes] = useState(getSelectedIndexesFromValue(data, value));
-  useEffect(() => {
-    if (defaultValue && !value) {
-      setInputValueByRef(inputRef.current, defaultValue.toString());
-    }
-  }, []);
-  useEffect(() => {
-    const selectableItemsCount = data.filter(item => !item.disabled).length - 1;
-
-    if (selectableItemsCount === selectedIndexes.length) {
-      setAllOptionsSelected(true);
-    } else {
-      setAllOptionsSelected(false);
-    }
-  }, [selectedIndexes, data]);
-
-  const setInputValueByIndex = index => {
-    if (index !== undefined) {
-      const option = data[index];
-
-      if (option && !option.disabled) {
-        var _inputRef$current;
-
-        let newInputValue = '';
-        const currentInputValue = (_inputRef$current = inputRef.current) === null || _inputRef$current === void 0 ? void 0 : _inputRef$current.value;
-        const currentValuesArray = (currentInputValue === null || currentInputValue === void 0 ? void 0 : currentInputValue.split(',')) || [];
-        const optionAlreadySelected = currentValuesArray.findIndex(val => val === String(option.value)) !== -1; // Handling the select_all option
-
-        if (option.value === '#ALL-OPTIONS#') {
-          if (!allOptionsSelected) {
-            newInputValue = data.filter((option, index) => index !== 0 && !option.disabled).map(option => option.value).join(',');
-          } else {
-            newInputValue = '';
-          }
-        } else {
-          // Handling rest options
-          if (optionAlreadySelected) {
-            newInputValue = currentValuesArray.filter(val => val !== String(option.value)).join(',');
-          } else {
-            newInputValue = currentInputValue ? `${currentInputValue},${option.value}` : option.value;
-          }
-        }
-
-        setInputValueByRef(inputRef.current, newInputValue);
-      }
-    }
-  };
-
-  const handleListboxClick = (event, index) => {
-    event.preventDefault();
-
-    if (!data[index].disabled) {
-      setCurrentIndex(index);
-      setInputValueByIndex(index);
-    }
-
-    if (onClick) {
-      onClick(event);
-    }
-  };
-
-  const handleListboxKeyDown = (event, index) => {
-    const charKey = event.key; // event.key always returns the whole string (String.fromCharCode(event.keyCode) does not)
-    // We need to filter out only alphabetical or numeric letters, that's why that condition has been changed
-
-    if (charKey.length === 1 && /(\w)/g.test(charKey)) {
-      const nextIndex = getNextIndex(charKey);
-
-      if (nextIndex > -1 && nextIndex !== currentIndex) {
-        setCurrentIndex(nextIndex);
-      }
-
-      return;
-    }
-
-    switch (event.key) {
-      case ' ':
-        {
-          event.preventDefault();
-          setInputValueByIndex(index);
-          break;
-        }
-
-      case 'Enter':
-        {
-          setInputValueByIndex(index);
-          break;
-        }
-    }
-
-    setCurrentIndex(index !== undefined ? index : 0);
-
-    if (onKeyDown) {
-      event.persist();
-      onKeyDown(event);
-    }
-  };
-
-  const handleListboxFocus = event => {
-    if (onFocus) {
-      event.persist();
-      onFocus(event);
-    }
-  };
-
-  const handleInputChange = event => {
-    event.persist();
-    setSelectedIndexes(getSelectedIndexesFromValue(data, event.target.value));
-
-    if (onChange) {
-      const detail = [];
-      const valuesArray = event.target.value.split(',');
-      valuesArray.forEach(val => {
-        const item = findByValue(data, val);
-
-        if (item) {
-          detail.push(item);
-        }
-      });
-      event.detail = detail;
-      onChange(event);
-    }
-  };
-
-  const list = { ...otherProps,
-    'aria-activedescendant': getActiveDescendant(data, currentIndex, id),
-    'aria-multiselectable': true,
-    data,
-    disabled,
-    id,
-    onChange: () => null,
-    onClick: handleListboxClick,
-    onFocus: handleListboxFocus,
-    onKeyDown: handleListboxKeyDown,
-    scrollOnFocus: false,
-    tabIndex: disabled ? -1 : otherProps.tabIndex ? otherProps.tabIndex : 0,
-    value: currentIndex,
-    selectedIndexes,
-    multiselect: true,
-    allOptionsSelected
-  };
-  const input = {
-    name,
-    onChange: handleInputChange,
-    ref: inputRef,
-    tabIndex: -1,
-    value: value !== null && value !== void 0 ? value : ''
-  };
-  return {
-    list,
-    input
-  };
-};
-
-export { useMultiListbox };
-//# sourceMappingURL=useMultiListbox.js.map

package/dist/esm/components/Listbox/useMultiListbox.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useMultiListbox.js","sources":["../../../../src/components/Listbox/useMultiListbox.tsx"],"sourcesContent":["import * as React from 'react';\nimport { v4 as uuid } from 'uuid';\nimport { useLocalization } from '../Provider/Provider';\nimport { ListboxProps } from './Listbox';\nimport { useProxiedRef } from '../../utils/hooks/useProxiedRef';\nimport { setInputValueByRef, getIndexFromValue, getSelectedIndexesFromValue, findByValue, getActiveDescendant } from './util';\nimport { ScrollableListProps, ScrollableListItem, ScrollableListItemValue } from './ScrollableList';\nimport { useTypeahead } from './useTypeahead';\n\ntype useListbox = {\n    list: ScrollableListProps;\n    input: Omit<React.HTMLAttributes<HTMLInputElement>, 'defaultValue'>;\n};\n\nexport const useMultiListbox = (\n    {\n        data: externalData = [],\n        defaultValue,\n        disabled,\n        emptyValue: _,\n        id: nativeId,\n        name,\n        onClick,\n        onChange,\n        onFocus,\n        onKeyDown,\n        value,\n        ...otherProps\n    }: ListboxProps,\n    ref: React.Ref<HTMLInputElement>\n): useListbox => {\n    const { texts } = useLocalization();\n    const id = React.useMemo(() => nativeId || uuid(), [nativeId]);\n    const inputRef = useProxiedRef<HTMLInputElement>(ref);\n    const data = React.useMemo(() => {\n        return [{ text: texts.listbox.allOption, value: '#ALL-OPTIONS#' }, ...externalData];\n    }, [externalData]);\n    const [currentIndex, setCurrentIndex] = React.useState(getIndexFromValue(data, value) || 0);\n    const [allOptionsSelected, setAllOptionsSelected] = React.useState(false);\n    const { getNextIndex } = useTypeahead({ data, currentIndex });\n    const [selectedIndexes, setSelectedIndexes] = React.useState(getSelectedIndexesFromValue(data, value));\n\n    React.useEffect(() => {\n        if (defaultValue && !value) {\n            setInputValueByRef(inputRef.current, defaultValue.toString());\n        }\n    }, []);\n\n    React.useEffect(() => {\n        const selectableItemsCount = data.filter(item => !item.disabled).length - 1;\n\n        if (selectableItemsCount === selectedIndexes.length) {\n            setAllOptionsSelected(true);\n        } else {\n            setAllOptionsSelected(false);\n        }\n    }, [selectedIndexes, data]);\n\n    const setInputValueByIndex = (index: number | undefined): void => {\n        if (index !== undefined) {\n            const option = data[index];\n\n            if (option && !option.disabled) {\n                let newInputValue: ScrollableListItemValue = '';\n                const currentInputValue = inputRef.current?.value;\n                const currentValuesArray = currentInputValue?.split(',') || [];\n                const optionAlreadySelected = currentValuesArray.findIndex(val => val === String(option.value)) !== -1;\n\n                // Handling the select_all option\n                if (option.value === '#ALL-OPTIONS#') {\n                    if (!allOptionsSelected) {\n                        newInputValue = data\n                            .filter((option, index) => index !== 0 && !option.disabled)\n                            .map(option => option.value)\n                            .join(',');\n                    } else {\n                        newInputValue = '';\n                    }\n                } else {\n                    // Handling rest options\n                    if (optionAlreadySelected) {\n                        newInputValue = currentValuesArray.filter(val => val !== String(option.value)).join(',');\n                    } else {\n                        newInputValue = currentInputValue ? `${currentInputValue},${option.value}` : option.value;\n                    }\n                }\n\n                setInputValueByRef(inputRef.current, newInputValue);\n            }\n        }\n    };\n\n    const handleListboxClick = (event: React.MouseEvent<HTMLLIElement>, index: number): void => {\n        event.preventDefault();\n\n        if (!data[index].disabled) {\n            setCurrentIndex(index);\n            setInputValueByIndex(index);\n        }\n\n        if (onClick) {\n            onClick(event);\n        }\n    };\n\n    const handleListboxKeyDown = (event: React.KeyboardEvent<HTMLElement>, index?: number): void => {\n        const charKey = event.key;\n\n        // event.key always returns the whole string (String.fromCharCode(event.keyCode) does not)\n        // We need to filter out only alphabetical or numeric letters, that's why that condition has been changed\n        if (charKey.length === 1 && /(\\w)/g.test(charKey)) {\n            const nextIndex = getNextIndex(charKey);\n\n            if (nextIndex > -1 && nextIndex !== currentIndex) {\n                setCurrentIndex(nextIndex);\n            }\n            return;\n        }\n\n        switch (event.key) {\n            case ' ': {\n                event.preventDefault();\n                setInputValueByIndex(index);\n                break;\n            }\n\n            case 'Enter': {\n                setInputValueByIndex(index);\n                break;\n            }\n\n            default:\n        }\n        setCurrentIndex(index !== undefined ? index : 0);\n\n        if (onKeyDown) {\n            event.persist();\n            onKeyDown(event);\n        }\n    };\n\n    const handleListboxFocus = (event: React.FocusEvent<HTMLElement>): void => {\n        if (onFocus) {\n            event.persist();\n            onFocus(event);\n        }\n    };\n\n    const handleInputChange = (event: React.ChangeEvent<HTMLInputElement>): void => {\n        event.persist();\n\n        setSelectedIndexes(getSelectedIndexesFromValue(data, event.target.value));\n\n        if (onChange) {\n            const detail: ScrollableListItem[] = [];\n            const valuesArray = event.target.value.split(',');\n\n            valuesArray.forEach(val => {\n                const item = findByValue(data, val);\n                if (item) {\n                    detail.push(item);\n                }\n            });\n            (event as any).detail = detail;\n\n            onChange(event);\n        }\n    };\n\n    const list = {\n        ...otherProps,\n        'aria-activedescendant': getActiveDescendant(data, currentIndex, id),\n        'aria-multiselectable': true,\n        data,\n        disabled,\n        id,\n        onChange: () => null,\n        onClick: handleListboxClick,\n        onFocus: handleListboxFocus,\n        onKeyDown: handleListboxKeyDown,\n        scrollOnFocus: false,\n        tabIndex: disabled ? -1 : otherProps.tabIndex ? otherProps.tabIndex : 0,\n        value: currentIndex,\n        selectedIndexes,\n        multiselect: true,\n        allOptionsSelected,\n    };\n\n    const input = {\n        name,\n        onChange: handleInputChange,\n        ref: inputRef,\n        tabIndex: -1,\n        value: value ?? '',\n    };\n\n    return { list, input };\n};\n"],"names":["useMultiListbox","data","externalData","defaultValue","disabled","emptyValue","_","id","nativeId","name","onClick","onChange","onFocus","onKeyDown","value","otherProps","ref","texts","useLocalization","React","uuid","inputRef","useProxiedRef","text","listbox","allOption","currentIndex","setCurrentIndex","getIndexFromValue","allOptionsSelected","setAllOptionsSelected","getNextIndex","useTypeahead","selectedIndexes","setSelectedIndexes","getSelectedIndexesFromValue","setInputValueByRef","current","toString","selectableItemsCount","filter","item","length","setInputValueByIndex","index","undefined","option","newInputValue","currentInputValue","currentValuesArray","split","optionAlreadySelected","findIndex","val","String","map","join","handleListboxClick","event","preventDefault","handleListboxKeyDown","charKey","key","test","nextIndex","persist","handleListboxFocus","handleInputChange","target","detail","valuesArray","forEach","findByValue","push","list","getActiveDescendant","scrollOnFocus","tabIndex","multiselect","input"],"mappings":"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"}

package/dist/esm/components/Listbox/useTypeahead.js

@@ -1,28 +0,0 @@
-import { useRef } from 'react';
-import useTimer from '../../utils/hooks/useTimer.js';
-import { findNextIndexByValue } from './util.js';
-
-const useTypeahead = ({
-  data,
-  currentIndex
-}) => {
-  const typeaheadQuery = useRef();
-  const typeaheadQueryTimer = useTimer(1000, () => {
-    typeaheadQuery.current = undefined;
-  });
-
-  const getNextIndex = charKey => {
-    const query = (typeaheadQuery.current ? typeaheadQuery.current + charKey : charKey).toLowerCase();
-    const nextIndex = findNextIndexByValue(data, query, currentIndex);
-    typeaheadQueryTimer.start();
-    typeaheadQuery.current = query;
-    return nextIndex;
-  };
-
-  return {
-    getNextIndex
-  };
-};
-
-export { useTypeahead };
-//# sourceMappingURL=useTypeahead.js.map

package/dist/esm/components/Listbox/useTypeahead.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useTypeahead.js","sources":["../../../../src/components/Listbox/useTypeahead.tsx"],"sourcesContent":["import * as React from 'react';\nimport useTimer from '../../utils/hooks/useTimer';\nimport { findNextIndexByValue } from './util';\nimport { ScrollableListItem } from './ScrollableList';\n\ntype useTypeahead = {\n    getNextIndex: (key: string) => number;\n};\n\ntype useTypeaheadProps = {\n    data: ScrollableListItem[];\n    currentIndex: number | undefined;\n};\n\nexport const useTypeahead = ({ data, currentIndex }: useTypeaheadProps): useTypeahead => {\n    const typeaheadQuery = React.useRef<string | undefined>();\n    const typeaheadQueryTimer = useTimer(1000, () => {\n        typeaheadQuery.current = undefined;\n    });\n\n    const getNextIndex = (charKey: string): number => {\n        const query = (typeaheadQuery.current ? typeaheadQuery.current + charKey : charKey).toLowerCase();\n        const nextIndex = findNextIndexByValue(data, query, currentIndex);\n\n        typeaheadQueryTimer.start();\n        typeaheadQuery.current = query;\n\n        return nextIndex;\n    };\n\n    return { getNextIndex };\n};\n"],"names":["useTypeahead","data","currentIndex","typeaheadQuery","React","typeaheadQueryTimer","useTimer","current","undefined","getNextIndex","charKey","query","toLowerCase","nextIndex","findNextIndexByValue","start"],"mappings":";;;;MAcaA,YAAY,GAAG,CAAC;EAAEC,IAAF;EAAQC;AAAR,CAAD;EACxB,MAAMC,cAAc,GAAGC,MAAA,EAAvB;EACA,MAAMC,mBAAmB,GAAGC,QAAQ,CAAC,IAAD,EAAO;IACvCH,cAAc,CAACI,OAAf,GAAyBC,SAAzB;GADgC,CAApC;;EAIA,MAAMC,YAAY,GAAIC,OAAD;IACjB,MAAMC,KAAK,GAAG,CAACR,cAAc,CAACI,OAAf,GAAyBJ,cAAc,CAACI,OAAf,GAAyBG,OAAlD,GAA4DA,OAA7D,EAAsEE,WAAtE,EAAd;IACA,MAAMC,SAAS,GAAGC,oBAAoB,CAACb,IAAD,EAAOU,KAAP,EAAcT,YAAd,CAAtC;IAEAG,mBAAmB,CAACU,KAApB;IACAZ,cAAc,CAACI,OAAf,GAAyBI,KAAzB;IAEA,OAAOE,SAAP;GAPJ;;EAUA,OAAO;IAAEJ;GAAT;AACH;;;;"}

package/dist/esm/components/Listbox/util.js

@@ -1,150 +0,0 @@
-import React__default from 'react';
-import { getId } from './ScrollableList.js';
-import { setInputValueByRef as setInputValueByRef$1 } from '../../utils/input.js';
-
-const getValue = value => String(value !== null && value !== void 0 ? value : '');
-
-const setInputValueByRef = (input, value, event = 'change') => {
-  setInputValueByRef$1(input, getValue(value), event);
-};
-const getIndexFromValue = (data, value) => {
-  const index = data.findIndex(option => getValue(option.value) === getValue(value));
-  return index > -1 ? index : undefined;
-};
-const getSelectedIndexesFromValue = (data, value) => {
-  if (typeof value !== 'string') return [];
-  return value.split(',').map(v => data.findIndex(o => String(o.value) === v)).filter(v => v !== -1);
-};
-const findByValue = (data, value) => {
-  return data.find(option => getValue(option.value) === getValue(value));
-};
-const searchForString = (child, value, strategy = 'includes') => {
-  try {
-    var _child$props;
-
-    if (typeof child !== 'string' && (_child$props = child.props) !== null && _child$props !== void 0 && _child$props.children) {
-      var _child$props2, _child$props3;
-
-      if (Array.isArray((_child$props2 = child.props) === null || _child$props2 === void 0 ? void 0 : _child$props2.children)) {
-        return !!child.props.children.find(subChild => searchForString(subChild, value, strategy));
-      }
-
-      return searchForString((_child$props3 = child.props) === null || _child$props3 === void 0 ? void 0 : _child$props3.children, value, strategy);
-    } else {
-      return child.toString().toLowerCase()[strategy](String(value).toLowerCase());
-    }
-  } catch {
-    return false;
-  }
-};
-
-const getIndexInRangeByValue = (data, query, firstIndex, lastIndex = data.length) => {
-  const index = data.slice(firstIndex, lastIndex).findIndex(option => {
-    if (option.disabled) {
-      return false;
-    }
-
-    return searchForString(option.text, query, 'startsWith');
-  });
-  return index > -1 ? index + firstIndex : -1;
-};
-
-const findNextIndexByValue = (data, query, activeIndex) => {
-  const firstIndex = activeIndex === undefined ? 0 : activeIndex + 1;
-  let index = getIndexInRangeByValue(data, query, firstIndex);
-
-  if (index === -1) {
-    index = getIndexInRangeByValue(data, query, 0, activeIndex);
-  }
-
-  return index;
-};
-const getActiveDescendant = (data, currentIndex, id) => {
-  return currentIndex !== undefined && data[currentIndex] ? getId(id, data[currentIndex].value) : undefined;
-};
-const useFlattenedData = data => {
-  return React__default.useMemo(() => {
-    const items = [];
-
-    const flatten = (item, path, parentPath, parentDisabled) => {
-      const currentPath = parentPath ? `${parentPath}.${path}` : `${path}`;
-      const isItemDisabled = parentDisabled || item.disabled;
-      items.push({ ...item,
-        disabled: isItemDisabled,
-        path: currentPath,
-        hasChildren: !!item.children
-      });
-
-      if (item.children) {
-        item.children.forEach((childItem, childPath) => flatten(childItem, childPath, currentPath, isItemDisabled));
-      }
-    };
-
-    data.forEach((item, index) => {
-      flatten(item, index);
-    });
-    return items;
-  }, [data]);
-};
-const sanitizeItem = item => {
-  if (item) {
-    const {
-      hasChildren: _1,
-      path: _2,
-      ...rest
-    } = item;
-    return rest;
-  }
-
-  return undefined;
-};
-const getOptionParents = (data, path) => {
-  var _path$split;
-
-  const indexes = (_path$split = path === null || path === void 0 ? void 0 : path.split('.')) !== null && _path$split !== void 0 ? _path$split : [];
-
-  if (indexes.length > 1) {
-    // we don't want to map the current item
-    indexes.pop(); // we need to rebuild the path as we map
-
-    let lastPath;
-    return indexes.map(i => {
-      lastPath = lastPath ? [lastPath, i].join('.') : i;
-      return sanitizeItem(data.find(i => i.path === lastPath));
-    });
-  }
-
-  return null;
-};
-const filterData = (data, value = '') => {
-  if (value === '' || value === null) {
-    return data;
-  }
-
-  const filteredOptionValues = new Set();
-
-  const shouldFilterOption = option => {
-    if (option.disabled) {
-      return false;
-    }
-
-    return searchForString(option.text, String(value));
-  };
-
-  data.forEach(option => {
-    if (shouldFilterOption(option)) {
-      const parents = getOptionParents(data, option.path);
-      filteredOptionValues.add(option.value);
-
-      if (parents !== null) {
-        parents.forEach(option => filteredOptionValues.add(option === null || option === void 0 ? void 0 : option.value));
-      }
-    }
-  });
-  return data.filter(({
-    value
-  }) => filteredOptionValues.has(value));
-};
-
-export { filterData, findByValue, findNextIndexByValue, getActiveDescendant, getIndexFromValue, getOptionParents, getSelectedIndexesFromValue, sanitizeItem, searchForString, setInputValueByRef, useFlattenedData };
-//# sourceMappingURL=util.js.map

package/dist/esm/components/Listbox/util.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"util.js","sources":["../../../../src/components/Listbox/util.ts"],"sourcesContent":["import React from 'react';\nimport { ScrollableListItem, ScrollableListItemValue, getId } from './ScrollableList';\nimport { setInputValueByRef as setInputValueByRefBase } from '../../utils/input';\n\nconst getValue = (value: ScrollableListItemValue | undefined): string => String(value ?? '');\n\nexport const setInputValueByRef = (input: HTMLInputElement | null, value: ScrollableListItemValue, event = 'change'): void => {\n    setInputValueByRefBase(input, getValue(value), event);\n};\n\nexport const getIndexFromValue = (data: ScrollableListItem[], value: ScrollableListItemValue | undefined): number | undefined => {\n    const index = data.findIndex(option => getValue(option.value) === getValue(value));\n    return index > -1 ? index : undefined;\n};\n\nexport const getSelectedIndexesFromValue = (data: ScrollableListItem[], value: ScrollableListItemValue | undefined): number[] => {\n    if (typeof value !== 'string') return [];\n\n    return value\n        .split(',')\n        .map(v => data.findIndex(o => String(o.value) === v))\n        .filter(v => v !== -1);\n};\n\nexport const findByValue = (data: ScrollableListItem[], value: ScrollableListItemValue): ScrollableListItem | undefined => {\n    return data.find(option => getValue(option.value) === getValue(value));\n};\n\nexport const searchForString = (child: JSX.Element | string, value: string, strategy = 'includes'): boolean => {\n    try {\n        if (typeof child !== 'string' && child.props?.children) {\n            if (Array.isArray(child.props?.children)) {\n                return !!child.props.children.find((subChild: JSX.Element | string) =>\n                    searchForString(subChild, value, strategy)\n                );\n            }\n\n            return searchForString(child.props?.children, value, strategy);\n        } else {\n            return child.toString().toLowerCase()[strategy](String(value).toLowerCase());\n        }\n    } catch {\n        return false;\n    }\n};\n\nconst getIndexInRangeByValue = (\n    data: ScrollableListItem[],\n    query: string,\n    firstIndex: number,\n    lastIndex: number = data.length\n): number => {\n    const index = data.slice(firstIndex, lastIndex).findIndex(option => {\n        if (option.disabled) {\n            return false;\n        }\n\n        return searchForString(option.text, query, 'startsWith');\n    });\n\n    return index > -1 ? index + firstIndex : -1;\n};\n\nexport const findNextIndexByValue = (data: ScrollableListItem[], query: string, activeIndex: number | undefined): number => {\n    const firstIndex = activeIndex === undefined ? 0 : activeIndex + 1;\n    let index = getIndexInRangeByValue(data, query, firstIndex);\n\n    if (index === -1) {\n        index = getIndexInRangeByValue(data, query, 0, activeIndex);\n    }\n\n    return index;\n};\n\nexport const getActiveDescendant = (data: ScrollableListItem[], currentIndex: number | undefined, id: string): any => {\n    return currentIndex !== undefined && data[currentIndex] ? getId(id, data[currentIndex].value) : undefined;\n};\n\nexport const useFlattenedData = (data: ScrollableListItem[]): ScrollableListItem[] => {\n    return React.useMemo(() => {\n        const items: ScrollableListItem[] = [];\n\n        const flatten = (item: ScrollableListItem, path: number, parentPath?: string, parentDisabled?: boolean) => {\n            const currentPath = parentPath ? `${parentPath}.${path}` : `${path}`;\n            const isItemDisabled = parentDisabled || item.disabled;\n\n            items.push({\n                ...item,\n                disabled: isItemDisabled,\n                path: currentPath,\n                hasChildren: !!item.children,\n            });\n\n            if (item.children) {\n                item.children.forEach((childItem: ScrollableListItem, childPath: number) =>\n                    flatten(childItem, childPath, currentPath, isItemDisabled)\n                );\n            }\n        };\n\n        data.forEach((item, index) => {\n            flatten(item, index);\n        });\n\n        return items;\n    }, [data]);\n};\n\nexport const sanitizeItem = (item: ScrollableListItem | undefined) => {\n    if (item) {\n        const { hasChildren: _1, path: _2, ...rest } = item;\n        return rest;\n    }\n\n    return undefined;\n};\n\nexport const getOptionParents = (data: ScrollableListItem[], path?: string) => {\n    const indexes = path?.split('.') ?? [];\n\n    if (indexes.length > 1) {\n        // we don't want to map the current item\n        indexes.pop();\n        // we need to rebuild the path as we map\n        let lastPath: string;\n\n        return indexes.map(i => {\n            lastPath = lastPath ? [lastPath, i].join('.') : i;\n            return sanitizeItem(data.find((i: ScrollableListItem) => i.path === lastPath));\n        });\n    }\n\n    return null;\n};\n\nexport const filterData = (data: ScrollableListItem[], value: ScrollableListItemValue = ''): ScrollableListItem[] => {\n    if (value === '' || value === null) {\n        return data;\n    }\n\n    const filteredOptionValues = new Set();\n    const shouldFilterOption = (option: ScrollableListItem): boolean => {\n        if (option.disabled) {\n            return false;\n        }\n\n        return searchForString(option.text, String(value));\n    };\n\n    data.forEach(option => {\n        if (shouldFilterOption(option)) {\n            const parents = getOptionParents(data, option.path);\n\n            filteredOptionValues.add(option.value);\n\n            if (parents !== null) {\n                parents.forEach(option => filteredOptionValues.add(option?.value));\n            }\n        }\n    });\n\n    return data.filter(({ value }) => filteredOptionValues.has(value));\n};\n"],"names":["getValue","value","String","setInputValueByRef","input","event","setInputValueByRefBase","getIndexFromValue","data","index","findIndex","option","undefined","getSelectedIndexesFromValue","split","map","v","o","filter","findByValue","find","searchForString","child","strategy","props","children","Array","isArray","subChild","toString","toLowerCase","getIndexInRangeByValue","query","firstIndex","lastIndex","length","slice","disabled","text","findNextIndexByValue","activeIndex","getActiveDescendant","currentIndex","id","getId","useFlattenedData","React","useMemo","items","flatten","item","path","parentPath","parentDisabled","currentPath","isItemDisabled","push","hasChildren","forEach","childItem","childPath","sanitizeItem","_1","_2","rest","getOptionParents","indexes","pop","lastPath","i","join","filterData","filteredOptionValues","Set","shouldFilterOption","parents","add","has"],"mappings":"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"}

package/dist/esm/components/Menu/Context.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Context.js","sources":["../../../../src/components/Menu/Context.tsx"],"sourcesContent":["import * as React from 'react';\n\nexport const MenuContext = React.createContext<\n    | {\n          indented: boolean;\n          registerIndentation: () => void;\n          minWidth?: number;\n          setMinWidth: (width: number) => void;\n          close: () => void;\n      }\n    | undefined\n>(undefined);\n\nexport const useCurrentMenu = () => {\n    return React.useContext(MenuContext);\n};\n"],"names":["MenuContext","React","undefined","useCurrentMenu"],"mappings":";;MAEaA,WAAW,gBAAGC,aAAA,CASzBC,SATyB;MAWdC,cAAc,GAAG;EAC1B,OAAOF,UAAA,CAAiBD,WAAjB,CAAP;AACH;;;;"}

package/dist/esm/components/Menu/Menu.js

@@ -1,49 +0,0 @@
-import { forwardRef, useState, useMemo, createElement } from 'react';
-import { MenuContext } from './Context.js';
-import { Root } from '@radix-ui/react-dropdown-menu';
-import { Content } from './components/Content.js';
-import { Item } from './components/Item.js';
-import { Link } from './components/Link.js';
-import { Trigger } from './components/Trigger.js';
-import { Checkbox } from './components/Checkbox.js';
-import { RadioGroup } from './components/RadioGroup.js';
-import { Separator } from './components/Separator.js';
-import { Header } from './components/Header.js';
-
-const Menu = /*#__PURE__*/forwardRef(function Menu(externalProps, ref) {
-  const {
-    children,
-    trigger,
-    ...props
-  } = externalProps;
-  const [open, setOpen] = useState(false);
-  const [indented, setIndented] = useState(false);
-  const [minWidth, setMinWidth] = useState(undefined);
-  const context = useMemo(() => ({
-    indented,
-    registerIndentation: () => setIndented(true),
-    minWidth,
-    setMinWidth: width => setMinWidth(width),
-    close: () => setOpen(false)
-  }), [indented, minWidth]);
-  return /*#__PURE__*/createElement(MenuContext.Provider, {
-    value: context
-  }, /*#__PURE__*/createElement(Root, Object.assign({}, props, {
-    modal: false,
-    open: open,
-    onOpenChange: setOpen
-  }), trigger && /*#__PURE__*/createElement(Trigger, {
-    ref: ref
-  }, trigger), children));
-});
-Menu.Trigger = Trigger;
-Menu.Content = Content;
-Menu.Item = Item;
-Menu.Link = Link;
-Menu.Checkbox = Checkbox;
-Menu.Separator = Separator;
-Menu.Header = Header;
-Menu.RadioGroup = RadioGroup;
-
-export { Menu };
-//# sourceMappingURL=Menu.js.map

package/dist/esm/components/Menu/Menu.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Menu.js","sources":["../../../../src/components/Menu/Menu.tsx"],"sourcesContent":["import * as React from 'react';\nimport * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';\nimport { MenuContext } from './Context';\nimport { Content, MenuContentProps } from './components/Content';\nimport { Item, MenuItemProps } from './components/Item';\nimport { Link, MenuLinkItemProps } from './components/Link';\nimport { Trigger, MenuTriggerProps } from './components/Trigger';\nimport { Checkbox, MenuCheckboxItemProps } from './components/Checkbox';\nimport { ForwardedMenuRadioGroupWithStatics, RadioGroup } from './components/RadioGroup';\nimport { Separator } from './components/Separator';\nimport { Header, MenuHeaderProps } from './components/Header';\n\nexport type MenuProps = {\n    children: React.ReactNode;\n    id?: string;\n    /** A trigger to be used for the menu, should not be set if `children` already contains a trigger */\n    trigger?: JSX.Element;\n};\nexport type ForwardedMenuWithStatics = React.ForwardRefExoticComponent<MenuProps & React.RefAttributes<HTMLElement>> & {\n    Trigger: React.ForwardRefExoticComponent<MenuTriggerProps>;\n    Content: React.ForwardRefExoticComponent<MenuContentProps>;\n    Item: React.ForwardRefExoticComponent<MenuItemProps>;\n    Link: React.ForwardRefExoticComponent<MenuLinkItemProps>;\n    Checkbox: React.ForwardRefExoticComponent<MenuCheckboxItemProps>;\n    Separator: React.FunctionComponent;\n    Header: React.ForwardRefExoticComponent<MenuHeaderProps>;\n    RadioGroup: ForwardedMenuRadioGroupWithStatics;\n};\n\nexport const Menu = React.forwardRef<HTMLButtonElement, MenuProps>(function Menu(externalProps, ref) {\n    const { children, trigger, ...props } = externalProps;\n    const [open, setOpen] = React.useState(false);\n    const [indented, setIndented] = React.useState(false);\n    const [minWidth, setMinWidth] = React.useState<number | undefined>(undefined);\n\n    const context = React.useMemo(\n        () => ({\n            indented,\n            registerIndentation: () => setIndented(true),\n            minWidth,\n            setMinWidth: (width: number) => setMinWidth(width),\n            close: () => setOpen(false),\n        }),\n        [indented, minWidth]\n    );\n\n    return (\n        <MenuContext.Provider value={context}>\n            <DropdownMenuPrimitive.Root {...props} modal={false} open={open} onOpenChange={setOpen}>\n                {trigger && <Trigger ref={ref}>{trigger}</Trigger>}\n                {children}\n            </DropdownMenuPrimitive.Root>\n        </MenuContext.Provider>\n    );\n}) as ForwardedMenuWithStatics;\nMenu.Trigger = Trigger;\nMenu.Content = Content;\nMenu.Item = Item;\nMenu.Link = Link;\nMenu.Checkbox = Checkbox;\nMenu.Separator = Separator;\nMenu.Header = Header;\nMenu.RadioGroup = RadioGroup;\n"],"names":["Menu","React","externalProps","ref","children","trigger","props","open","setOpen","indented","setIndented","minWidth","setMinWidth","undefined","context","registerIndentation","width","close","MenuContext","Provider","value","DropdownMenuPrimitive","modal","onOpenChange","Trigger","Content","Item","Link","Checkbox","Separator","Header","RadioGroup"],"mappings":";;;;;;;;;;;;MA6BaA,IAAI,gBAAGC,UAAA,CAA+C,SAASD,IAAT,CAAcE,aAAd,EAA6BC,GAA7B;EAC/D,MAAM;IAAEC,QAAF;IAAYC,OAAZ;IAAqB,GAAGC;MAAUJ,aAAxC;EACA,MAAM,CAACK,IAAD,EAAOC,OAAP,IAAkBP,QAAA,CAAe,KAAf,CAAxB;EACA,MAAM,CAACQ,QAAD,EAAWC,WAAX,IAA0BT,QAAA,CAAe,KAAf,CAAhC;EACA,MAAM,CAACU,QAAD,EAAWC,WAAX,IAA0BX,QAAA,CAAmCY,SAAnC,CAAhC;EAEA,MAAMC,OAAO,GAAGb,OAAA,CACZ,OAAO;IACHQ,QADG;IAEHM,mBAAmB,EAAE,MAAML,WAAW,CAAC,IAAD,CAFnC;IAGHC,QAHG;IAIHC,WAAW,EAAGI,KAAD,IAAmBJ,WAAW,CAACI,KAAD,CAJxC;IAKHC,KAAK,EAAE,MAAMT,OAAO,CAAC,KAAD;GALxB,CADY,EAQZ,CAACC,QAAD,EAAWE,QAAX,CARY,CAAhB;EAWA,oBACIV,aAAA,CAACiB,WAAW,CAACC,QAAb;IAAsBC,KAAK,EAAEN;GAA7B,eACIb,aAAA,CAACoB,IAAD,oBAAgCf;IAAOgB,KAAK,EAAE;IAAOf,IAAI,EAAEA;IAAMgB,YAAY,EAAEf;IAA/E,EACKH,OAAO,iBAAIJ,aAAA,CAACuB,OAAD;IAASrB,GAAG,EAAEA;GAAd,EAAoBE,OAApB,CADhB,EAEKD,QAFL,CADJ,CADJ;AAQH,CAzBmB;AA0BpBJ,IAAI,CAACwB,OAAL,GAAeA,OAAf;AACAxB,IAAI,CAACyB,OAAL,GAAeA,OAAf;AACAzB,IAAI,CAAC0B,IAAL,GAAYA,IAAZ;AACA1B,IAAI,CAAC2B,IAAL,GAAYA,IAAZ;AACA3B,IAAI,CAAC4B,QAAL,GAAgBA,QAAhB;AACA5B,IAAI,CAAC6B,SAAL,GAAiBA,SAAjB;AACA7B,IAAI,CAAC8B,MAAL,GAAcA,MAAd;AACA9B,IAAI,CAAC+B,UAAL,GAAkBA,UAAlB;;;;"}

package/dist/esm/components/Menu/components/Checkbox.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Checkbox.js","sources":["../../../../../src/components/Menu/components/Checkbox.tsx"],"sourcesContent":["import * as React from 'react';\nimport * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';\nimport { Icon } from '../../Icon/Icon';\nimport { useItemStyling } from './Item';\n\nexport type MenuCheckboxItemProps = Omit<React.HTMLAttributes<HTMLDivElement>, 'onSelect'> & {\n    /* Whether the checkbox item is disabled */\n    disabled?: boolean;\n    /* The current checked state (controlled) */\n    checked: boolean;\n    /* Handler called when the checked state changes */\n    onChange: (checked: boolean | 'indeterminate') => void;\n};\n\nexport const Checkbox = React.forwardRef<HTMLDivElement, MenuCheckboxItemProps>(function MenuCheckboxItem(props, ref) {\n    const { checked, children, onChange, ...otherProps } = props;\n    const className = useItemStyling({\n        disabled: props.disabled,\n        indented: true,\n        className: props.className,\n    });\n\n    return (\n        <DropdownMenuPrimitive.CheckboxItem\n            {...otherProps}\n            checked={checked}\n            className={className}\n            onCheckedChange={onChange}\n            ref={ref}>\n            <DropdownMenuPrimitive.ItemIndicator className=\"absolute left-0 ml-1.5\">\n                <Icon name=\"tick\" className=\"-ml-px !h-4 !w-4\" />\n            </DropdownMenuPrimitive.ItemIndicator>\n            {children}\n        </DropdownMenuPrimitive.CheckboxItem>\n    );\n});\n"],"names":["Checkbox","React","MenuCheckboxItem","props","ref","checked","children","onChange","otherProps","className","useItemStyling","disabled","indented","DropdownMenuPrimitive","onCheckedChange","Icon","name"],"mappings":";;;;;MAcaA,QAAQ,gBAAGC,UAAA,CAAwD,SAASC,gBAAT,CAA0BC,KAA1B,EAAiCC,GAAjC;EAC5E,MAAM;IAAEC,OAAF;IAAWC,QAAX;IAAqBC,QAArB;IAA+B,GAAGC;MAAeL,KAAvD;EACA,MAAMM,SAAS,GAAGC,cAAc,CAAC;IAC7BC,QAAQ,EAAER,KAAK,CAACQ,QADa;IAE7BC,QAAQ,EAAE,IAFmB;IAG7BH,SAAS,EAAEN,KAAK,CAACM;GAHW,CAAhC;EAMA,oBACIR,aAAA,CAACY,YAAD,oBACQL;IACJH,OAAO,EAAEA;IACTI,SAAS,EAAEA;IACXK,eAAe,EAAEP;IACjBH,GAAG,EAAEA;IALT,eAMIH,aAAA,CAACY,aAAD;IAAqCJ,SAAS,EAAC;GAA/C,eACIR,aAAA,CAACc,IAAD;IAAMC,IAAI,EAAC;IAAOP,SAAS,EAAC;GAA5B,CADJ,CANJ,EASKH,QATL,CADJ;AAaH,CArBuB;;;;"}

package/dist/esm/components/Menu/components/Content.js

@@ -1,30 +0,0 @@
-import { forwardRef, createElement } from 'react';
-import cn from 'classnames';
-import { useProxiedRef } from '../../../utils/hooks/useProxiedRef.js';
-import { useCurrentMenu } from '../Context.js';
-import { Content as Content$1 } from '@radix-ui/react-dropdown-menu';
-
-const Content = /*#__PURE__*/forwardRef(function MenuContent(props, ref) {
-  const internalRef = useProxiedRef(ref);
-  const menu = useCurrentMenu();
-  const {
-    children,
-    placement: side,
-    ...otherProps
-  } = props;
-  const className = cn('border rounded block outline-none p-1 wcag-white border-grey yt-shadow', props.className);
-  return /*#__PURE__*/createElement(Content$1, Object.assign({}, otherProps, {
-    align: "start",
-    className: className,
-    "data-taco": "menu",
-    side: side,
-    sideOffset: 2,
-    style: {
-      minWidth: menu === null || menu === void 0 ? void 0 : menu.minWidth
-    },
-    ref: internalRef
-  }), children);
-});
-
-export { Content };
-//# sourceMappingURL=Content.js.map

package/dist/esm/components/Menu/components/Content.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Content.js","sources":["../../../../../src/components/Menu/components/Content.tsx"],"sourcesContent":["import * as React from 'react';\nimport * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';\nimport cn from 'classnames';\nimport { Placement } from '../../../types';\nimport { useProxiedRef } from '../../../utils/hooks/useProxiedRef';\nimport { useCurrentMenu } from '../Context';\n\nexport type MenuContentProps = Omit<DropdownMenuPrimitive.DropdownMenuContentProps, 'children' | 'side'> & {\n    children: React.ReactNode;\n    /** Set the position of the Menu relative to its trigger. Default value is `bottom` */\n    placement?: Placement;\n};\n\nexport const Content = React.forwardRef(function MenuContent(props: MenuContentProps, ref: React.Ref<HTMLDivElement>) {\n    const internalRef = useProxiedRef<any>(ref);\n    const menu = useCurrentMenu();\n    const { children, placement: side, ...otherProps } = props;\n    const className = cn('border rounded block outline-none p-1 wcag-white border-grey yt-shadow', props.className);\n\n    return (\n        <DropdownMenuPrimitive.Content\n            {...otherProps}\n            align=\"start\"\n            className={className}\n            data-taco=\"menu\"\n            side={side}\n            sideOffset={2}\n            style={{ minWidth: menu?.minWidth }}\n            ref={internalRef}>\n            {children}\n        </DropdownMenuPrimitive.Content>\n    );\n});\n"],"names":["Content","React","MenuContent","props","ref","internalRef","useProxiedRef","menu","useCurrentMenu","children","placement","side","otherProps","className","cn","DropdownMenuPrimitive","align","sideOffset","style","minWidth"],"mappings":";;;;;;MAaaA,OAAO,gBAAGC,UAAA,CAAiB,SAASC,WAAT,CAAqBC,KAArB,EAA8CC,GAA9C;EACpC,MAAMC,WAAW,GAAGC,aAAa,CAAMF,GAAN,CAAjC;EACA,MAAMG,IAAI,GAAGC,cAAc,EAA3B;EACA,MAAM;IAAEC,QAAF;IAAYC,SAAS,EAAEC,IAAvB;IAA6B,GAAGC;MAAeT,KAArD;EACA,MAAMU,SAAS,GAAGC,EAAE,CAAC,wEAAD,EAA2EX,KAAK,CAACU,SAAjF,CAApB;EAEA,oBACIZ,aAAA,CAACc,SAAD,oBACQH;IACJI,KAAK,EAAC;IACNH,SAAS,EAAEA;iBACD;IACVF,IAAI,EAAEA;IACNM,UAAU,EAAE;IACZC,KAAK,EAAE;MAAEC,QAAQ,EAAEZ,IAAF,aAAEA,IAAF,uBAAEA,IAAI,CAAEY;;IACzBf,GAAG,EAAEC;IART,EASKI,QATL,CADJ;AAaH,CAnBsB;;;;"}

package/dist/esm/components/Menu/components/Header.js

@@ -1,19 +0,0 @@
-import { forwardRef, createElement } from 'react';
-import cn from 'classnames';
-import { useCurrentMenu } from '../Context.js';
-import { Label } from '@radix-ui/react-dropdown-menu';
-
-const Header = /*#__PURE__*/forwardRef(function MenuHeader(props, ref) {
-  const menu = useCurrentMenu();
-  const className = cn('flex items-center justify-start h-7 pr-1.5 text-xs text-grey-darkest', {
-    'pl-7': menu === null || menu === void 0 ? void 0 : menu.indented,
-    'pl-1.5': !(menu !== null && menu !== void 0 && menu.indented)
-  }, props.className);
-  return /*#__PURE__*/createElement(Label, Object.assign({}, props, {
-    className: className,
-    ref: ref
-  }));
-});
-
-export { Header };
-//# sourceMappingURL=Header.js.map

package/dist/esm/components/Menu/components/Header.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Header.js","sources":["../../../../../src/components/Menu/components/Header.tsx"],"sourcesContent":["import * as React from 'react';\nimport * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';\nimport cn from 'classnames';\nimport { useCurrentMenu } from '../Context';\n\nexport type MenuHeaderProps = React.HTMLAttributes<HTMLDivElement>;\n\nexport const Header = React.forwardRef<HTMLDivElement, MenuHeaderProps>(function MenuHeader(props, ref) {\n    const menu = useCurrentMenu();\n    const className = cn(\n        'flex items-center justify-start h-7 pr-1.5 text-xs text-grey-darkest',\n        {\n            'pl-7': menu?.indented,\n            'pl-1.5': !menu?.indented,\n        },\n        props.className\n    );\n\n    return <DropdownMenuPrimitive.Label {...props} className={className} ref={ref} />;\n});\n"],"names":["Header","React","MenuHeader","props","ref","menu","useCurrentMenu","className","cn","indented","DropdownMenuPrimitive"],"mappings":";;;;;MAOaA,MAAM,gBAAGC,UAAA,CAAkD,SAASC,UAAT,CAAoBC,KAApB,EAA2BC,GAA3B;EACpE,MAAMC,IAAI,GAAGC,cAAc,EAA3B;EACA,MAAMC,SAAS,GAAGC,EAAE,CAChB,sEADgB,EAEhB;IACI,QAAQH,IAAR,aAAQA,IAAR,uBAAQA,IAAI,CAAEI,QADlB;IAEI,UAAU,EAACJ,IAAD,aAACA,IAAD,eAACA,IAAI,CAAEI,QAAP;GAJE,EAMhBN,KAAK,CAACI,SANU,CAApB;EASA,oBAAON,aAAA,CAACS,KAAD,oBAAiCP;IAAOI,SAAS,EAAEA;IAAWH,GAAG,EAAEA;IAAnE,CAAP;AACH,CAZqB;;;;"}