@economic/taco 0.0.11-alpha.0 → 0.0.14-alpha.0

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

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

@@ -2,24 +2,25 @@ import { useRef } from 'react';
 import useTimer from '../../utils/hooks/useTimer.js';
 import { findNextIndexByValue } from './util.js';
 
-var useTypeahead = function useTypeahead(_ref) {
-  var data = _ref.data,
-      currentIndex = _ref.currentIndex;
-  var typeaheadQuery = useRef();
-  var typeaheadQueryTimer = useTimer(1000, function () {
+const useTypeahead = ({
+  data,
+  currentIndex
+}) => {
+  const typeaheadQuery = useRef();
+  const typeaheadQueryTimer = useTimer(1000, () => {
     typeaheadQuery.current = undefined;
   });
 
-  var getNextIndex = function getNextIndex(charKey) {
-    var query = (typeaheadQuery.current ? typeaheadQuery.current + charKey : charKey).toLowerCase();
-    var nextIndex = findNextIndexByValue(data, query, currentIndex);
+  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: getNextIndex
+    getNextIndex
   };
 };
 

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

@@ -1 +1 @@
-{"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":";;;;IAcaA,YAAY,GAAG,SAAfA,YAAe;MAAGC,YAAAA;MAAMC,oBAAAA;AACjC,MAAMC,cAAc,GAAGC,MAAA,EAAvB;AACA,MAAMC,mBAAmB,GAAGC,QAAQ,CAAC,IAAD,EAAO;AACvCH,IAAAA,cAAc,CAACI,OAAf,GAAyBC,SAAzB;AACH,GAFmC,CAApC;;AAIA,MAAMC,YAAY,GAAG,SAAfA,YAAe,CAACC,OAAD;AACjB,QAAMC,KAAK,GAAG,CAACR,cAAc,CAACI,OAAf,GAAyBJ,cAAc,CAACI,OAAf,GAAyBG,OAAlD,GAA4DA,OAA7D,EAAsEE,WAAtE,EAAd;AACA,QAAMC,SAAS,GAAGC,oBAAoB,CAACb,IAAD,EAAOU,KAAP,EAAcT,YAAd,CAAtC;AAEAG,IAAAA,mBAAmB,CAACU,KAApB;AACAZ,IAAAA,cAAc,CAACI,OAAf,GAAyBI,KAAzB;AAEA,WAAOE,SAAP;AACH,GARD;;AAUA,SAAO;AAAEJ,IAAAA,YAAY,EAAZA;AAAF,GAAP;AACH;;;;"}
+{"version":3,"file":"useTypeahead.js","sources":["../../../../src/components/Listbox/useTypeahead.tsx"],"sourcesContent":["import * as React from 'react';\r\nimport useTimer from '../../utils/hooks/useTimer';\r\nimport { findNextIndexByValue } from './util';\r\nimport { ScrollableListItem } from './ScrollableList';\r\n\r\ntype useTypeahead = {\r\n    getNextIndex: (key: string) => number;\r\n};\r\n\r\ntype useTypeaheadProps = {\r\n    data: ScrollableListItem[];\r\n    currentIndex: number | undefined;\r\n};\r\n\r\nexport const useTypeahead = ({ data, currentIndex }: useTypeaheadProps): useTypeahead => {\r\n    const typeaheadQuery = React.useRef<string | undefined>();\r\n    const typeaheadQueryTimer = useTimer(1000, () => {\r\n        typeaheadQuery.current = undefined;\r\n    });\r\n\r\n    const getNextIndex = (charKey: string): number => {\r\n        const query = (typeaheadQuery.current ? typeaheadQuery.current + charKey : charKey).toLowerCase();\r\n        const nextIndex = findNextIndexByValue(data, query, currentIndex);\r\n\r\n        typeaheadQueryTimer.start();\r\n        typeaheadQuery.current = query;\r\n\r\n        return nextIndex;\r\n    };\r\n\r\n    return { getNextIndex };\r\n};\r\n"],"names":["useTypeahead","data","currentIndex","typeaheadQuery","React","typeaheadQueryTimer","useTimer","current","undefined","getNextIndex","charKey","query","toLowerCase","nextIndex","findNextIndexByValue","start"],"mappings":";;;;MAcaA,YAAY,GAAG,CAAC;AAAEC,EAAAA,IAAF;AAAQC,EAAAA;AAAR,CAAD;AACxB,QAAMC,cAAc,GAAGC,MAAA,EAAvB;AACA,QAAMC,mBAAmB,GAAGC,QAAQ,CAAC,IAAD,EAAO;AACvCH,IAAAA,cAAc,CAACI,OAAf,GAAyBC,SAAzB;AACH,GAFmC,CAApC;;AAIA,QAAMC,YAAY,GAAIC,OAAD;AACjB,UAAMC,KAAK,GAAG,CAACR,cAAc,CAACI,OAAf,GAAyBJ,cAAc,CAACI,OAAf,GAAyBG,OAAlD,GAA4DA,OAA7D,EAAsEE,WAAtE,EAAd;AACA,UAAMC,SAAS,GAAGC,oBAAoB,CAACb,IAAD,EAAOU,KAAP,EAAcT,YAAd,CAAtC;AAEAG,IAAAA,mBAAmB,CAACU,KAApB;AACAZ,IAAAA,cAAc,CAACI,OAAf,GAAyBI,KAAzB;AAEA,WAAOE,SAAP;AACH,GARD;;AAUA,SAAO;AAAEJ,IAAAA;AAAF,GAAP;AACH;;;;"}

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

@@ -1,47 +1,25 @@
-import { extends as _extends, objectWithoutPropertiesLoose as _objectWithoutPropertiesLoose } from '../../_virtual/_rollupPluginBabelHelpers.js';
 import React__default from 'react';
 import { getId } from './ScrollableList.js';
 import { setInputValueByRef as setInputValueByRef$1 } from '../../utils/input.js';
 
-var _excluded = ["hasChildren", "path"];
-var setInputValueByRef = function setInputValueByRef(input, value, event) {
-  if (event === void 0) {
-    event = 'change';
-  }
-
+const setInputValueByRef = (input, value, event = 'change') => {
   setInputValueByRef$1(input, value !== undefined && value !== null ? String(value) : '', event);
 };
 
-var getValue = function getValue(value) {
-  return value === undefined || value === null ? '' : String(value);
-};
+const getValue = value => value === undefined || value === null ? '' : String(value);
 
-var getIndexFromValue = function getIndexFromValue(data, value) {
-  var index = data.findIndex(function (option) {
-    return getValue(option.value) === getValue(value);
-  });
+const getIndexFromValue = (data, value) => {
+  const index = data.findIndex(option => getValue(option.value) === getValue(value));
   return index > -1 ? index : undefined;
 };
-var getSelectedIndexesFromValue = function getSelectedIndexesFromValue(data, value) {
+const getSelectedIndexesFromValue = (data, value) => {
   if (typeof value !== 'string') return [];
-  return value.split(',').map(function (v) {
-    return data.findIndex(function (o) {
-      return String(o.value) === v;
-    });
-  }).filter(function (v) {
-    return v !== -1;
-  });
+  return value.split(',').map(v => data.findIndex(o => String(o.value) === v)).filter(v => v !== -1);
 };
-var findByValue = function findByValue(data, value) {
-  return data.find(function (option) {
-    return getValue(option.value) === getValue(value);
-  });
+const findByValue = (data, value) => {
+  return data.find(option => getValue(option.value) === getValue(value));
 };
-var searchForString = function searchForString(child, value, strategy) {
-  if (strategy === void 0) {
-    strategy = 'includes';
-  }
-
+const searchForString = (child, value, strategy = 'includes') => {
   try {
     var _child$props;
 
@@ -49,9 +27,7 @@ var searchForString = function searchForString(child, value, strategy) {
       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(function (subChild) {
-          return searchForString(subChild, value, strategy);
-        });
+        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);
@@ -60,17 +36,13 @@ var searchForString = function searchForString(child, value, strategy) {
 
       return child.toString().toLowerCase()[strategy]((_String = String(value)) === null || _String === void 0 ? void 0 : _String.toLowerCase());
     }
-  } catch (_unused) {
+  } catch {
     return false;
   }
 };
 
-var getIndexInRangeByValue = function getIndexInRangeByValue(data, query, firstIndex, lastIndex) {
-  if (lastIndex === void 0) {
-    lastIndex = data.length;
-  }
-
-  var index = data.slice(firstIndex, lastIndex).findIndex(function (option) {
+const getIndexInRangeByValue = (data, query, firstIndex, lastIndex = data.length) => {
+  const index = data.slice(firstIndex, lastIndex).findIndex(option => {
     if (option.disabled) {
       return false;
     }
@@ -80,9 +52,9 @@ var getIndexInRangeByValue = function getIndexInRangeByValue(data, query, firstI
   return index > -1 ? index + firstIndex : -1;
 };
 
-var findNextIndexByValue = function findNextIndexByValue(data, query, activeIndex) {
-  var firstIndex = activeIndex === undefined ? 0 : activeIndex + 1;
-  var index = getIndexInRangeByValue(data, query, firstIndex);
+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);
@@ -90,76 +62,71 @@ var findNextIndexByValue = function findNextIndexByValue(data, query, activeInde
 
   return index;
 };
-var getActiveDescendant = function getActiveDescendant(data, currentIndex, id) {
+const getActiveDescendant = (data, currentIndex, id) => {
   return currentIndex !== undefined && data[currentIndex] ? getId(id, data[currentIndex].value) : undefined;
 };
-var useFlattenedData = function useFlattenedData(data) {
-  return React__default.useMemo(function () {
-    var items = [];
-
-    var flatten = function flatten(item, path, parentPath, parentDisabled) {
-      var currentPath = parentPath ? parentPath + "." + path : "" + path;
-      var isItemDisabled = parentDisabled || item.disabled;
-      items.push(_extends({}, item, {
+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(function (childItem, childPath) {
-          return flatten(childItem, childPath, currentPath, isItemDisabled);
-        });
+        item.children.forEach((childItem, childPath) => flatten(childItem, childPath, currentPath, isItemDisabled));
       }
     };
 
-    data.forEach(function (item, index) {
+    data.forEach((item, index) => {
       flatten(item, index);
     });
     return items;
   }, [data]);
 };
-var sanitizeItem = function sanitizeItem(item) {
+const sanitizeItem = item => {
   if (item) {
-    var rest = _objectWithoutPropertiesLoose(item, _excluded);
-
+    const {
+      hasChildren: _1,
+      path: _2,
+      ...rest
+    } = item;
     return rest;
   }
 
   return undefined;
 };
-var getOptionParents = function getOptionParents(data, path) {
+const getOptionParents = (data, path) => {
   var _path$split;
 
-  var indexes = (_path$split = path === null || path === void 0 ? void 0 : path.split('.')) !== null && _path$split !== void 0 ? _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
 
-    var lastPath;
-    return indexes.map(function (i) {
+    let lastPath;
+    return indexes.map(i => {
       lastPath = lastPath ? [lastPath, i].join('.') : i;
-      return sanitizeItem(data.find(function (i) {
-        return i.path === lastPath;
-      }));
+      return sanitizeItem(data.find(i => i.path === lastPath));
     });
   }
 
   return null;
 };
-var filterData = function filterData(data, value) {
-  if (value === void 0) {
-    value = '';
-  }
-
+const filterData = (data, value = '') => {
   if (value === '' || value === null) {
     return data;
   }
 
-  var filteredOptionValues = new Set();
+  const filteredOptionValues = new Set();
 
-  var shouldFilterOption = function shouldFilterOption(option) {
+  const shouldFilterOption = option => {
     if (option.disabled) {
       return false;
     }
@@ -167,22 +134,19 @@ var filterData = function filterData(data, value) {
     return searchForString(option.text, String(value));
   };
 
-  data.forEach(function (option) {
+  data.forEach(option => {
     if (shouldFilterOption(option)) {
-      var parents = getOptionParents(data, option.path);
+      const parents = getOptionParents(data, option.path);
       filteredOptionValues.add(option.value);
 
       if (parents !== null) {
-        parents.forEach(function (option) {
-          return filteredOptionValues.add(option === null || option === void 0 ? void 0 : option.value);
-        });
+        parents.forEach(option => filteredOptionValues.add(option === null || option === void 0 ? void 0 : option.value));
       }
     }
   });
-  return data.filter(function (_ref) {
-    var value = _ref.value;
-    return filteredOptionValues.has(value);
-  });
+  return data.filter(({
+    value
+  }) => filteredOptionValues.has(value));
 };
 
 export { filterData, findByValue, findNextIndexByValue, getActiveDescendant, getIndexFromValue, getOptionParents, getSelectedIndexesFromValue, sanitizeItem, searchForString, setInputValueByRef, useFlattenedData };

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

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

@@ -1,7 +1,7 @@
 import { createContext, useContext } from 'react';
 
-var MenuContext = /*#__PURE__*/createContext(undefined);
-var useCurrentMenu = function useCurrentMenu() {
+const MenuContext = /*#__PURE__*/createContext(undefined);
+const useCurrentMenu = () => {
   return useContext(MenuContext);
 };
 

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

@@ -1 +1 @@
-{"version":3,"file":"Context.js","sources":["../../../../src/components/Menu/Context.tsx"],"sourcesContent":["import * as React from 'react';\nimport { Appearance } from '../..';\n\nexport const MenuContext = React.createContext<\n    | {\n          appearance?: Appearance;\n          setAppearance: (appearance: Appearance) => void;\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":";;IAGaA,WAAW,gBAAGC,aAAA,CAWzBC,SAXyB;IAadC,cAAc,GAAG,SAAjBA,cAAiB;AAC1B,SAAOF,UAAA,CAAiBD,WAAjB,CAAP;AACH;;;;"}
+{"version":3,"file":"Context.js","sources":["../../../../src/components/Menu/Context.tsx"],"sourcesContent":["import * as React from 'react';\r\nimport { Appearance } from '../..';\r\n\r\nexport const MenuContext = React.createContext<\r\n    | {\r\n          appearance?: Appearance;\r\n          setAppearance: (appearance: Appearance) => void;\r\n          indented: boolean;\r\n          registerIndentation: () => void;\r\n          minWidth?: number;\r\n          setMinWidth: (width: number) => void;\r\n          close: () => void;\r\n      }\r\n    | undefined\r\n>(undefined);\r\n\r\nexport const useCurrentMenu = () => {\r\n    return React.useContext(MenuContext);\r\n};\r\n"],"names":["MenuContext","React","undefined","useCurrentMenu"],"mappings":";;MAGaA,WAAW,gBAAGC,aAAA,CAWzBC,SAXyB;MAadC,cAAc,GAAG;AAC1B,SAAOF,UAAA,CAAiBD,WAAjB,CAAP;AACH;;;;"}

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

@@ -1 +1 @@
-{"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 } from './components/Content';\nimport { Item } from './components/Item';\nimport { Link } from './components/Link';\nimport { Trigger } from './components/Trigger';\nimport { Checkbox } from './components/Checkbox';\nimport { RadioGroup } from './components/RadioGroup';\nimport { Separator } from './components/Separator';\nimport { Header } from './components/Header';\nimport { Appearance } from '../..';\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};\n\nexport const Menu = (externalProps: MenuProps): JSX.Element => {\n    const { children, trigger, ...props } = externalProps;\n    const [open, setOpen] = React.useState(false);\n    const [appearance, setAppearance] = React.useState<Appearance>('default');\n    const [indented, setIndented] = React.useState(false);\n    const [minWidth, setMinWidth] = React.useState<number | undefined>(undefined);\n\n    const context = React.useMemo(\n        () => ({\n            appearance,\n            setAppearance: (appearance: Appearance) => setAppearance(appearance),\n            indented,\n            registerIndentation: () => setIndented(true),\n            minWidth,\n            setMinWidth: (width: number) => setMinWidth(width),\n            close: () => setOpen(false),\n        }),\n        [indented, minWidth, appearance]\n    );\n\n    return (\n        <MenuContext.Provider value={context}>\n            <DropdownMenuPrimitive.Root {...props} open={open} onOpenChange={setOpen}>\n                {trigger && <Trigger>{trigger}</Trigger>}\n                {children}\n            </DropdownMenuPrimitive.Root>\n        </MenuContext.Provider>\n    );\n};\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","externalProps","children","trigger","props","React","open","setOpen","appearance","setAppearance","indented","setIndented","undefined","minWidth","setMinWidth","context","registerIndentation","width","close","MenuContext","Provider","value","DropdownMenuPrimitive","onOpenChange","Trigger","Content","Item","Link","Checkbox","Separator","Header","RadioGroup"],"mappings":";;;;;;;;;;;;;;IAoBaA,IAAI,GAAG,SAAPA,IAAO,CAACC,aAAD;AAChB,MAAQC,QAAR,GAAwCD,aAAxC,CAAQC,QAAR;AAAA,MAAkBC,OAAlB,GAAwCF,aAAxC,CAAkBE,OAAlB;AAAA,MAA8BC,KAA9B,iCAAwCH,aAAxC;;AACA,wBAAwBI,QAAA,CAAe,KAAf,CAAxB;AAAA,MAAOC,IAAP;AAAA,MAAaC,OAAb;;AACA,yBAAoCF,QAAA,CAA2B,SAA3B,CAApC;AAAA,MAAOG,UAAP;AAAA,MAAmBC,cAAnB;;AACA,yBAAgCJ,QAAA,CAAe,KAAf,CAAhC;AAAA,MAAOK,QAAP;AAAA,MAAiBC,WAAjB;;AACA,yBAAgCN,QAAA,CAAmCO,SAAnC,CAAhC;AAAA,MAAOC,QAAP;AAAA,MAAiBC,YAAjB;;AAEA,MAAMC,OAAO,GAAGV,OAAA,CACZ;AAAA,WAAO;AACHG,MAAAA,UAAU,EAAVA,UADG;AAEHC,MAAAA,aAAa,EAAE,uBAACD,UAAD;AAAA,eAA4BC,cAAa,CAACD,UAAD,CAAzC;AAAA,OAFZ;AAGHE,MAAAA,QAAQ,EAARA,QAHG;AAIHM,MAAAA,mBAAmB,EAAE;AAAA,eAAML,WAAW,CAAC,IAAD,CAAjB;AAAA,OAJlB;AAKHE,MAAAA,QAAQ,EAARA,QALG;AAMHC,MAAAA,WAAW,EAAE,qBAACG,KAAD;AAAA,eAAmBH,YAAW,CAACG,KAAD,CAA9B;AAAA,OANV;AAOHC,MAAAA,KAAK,EAAE;AAAA,eAAMX,OAAO,CAAC,KAAD,CAAb;AAAA;AAPJ,KAAP;AAAA,GADY,EAUZ,CAACG,QAAD,EAAWG,QAAX,EAAqBL,UAArB,CAVY,CAAhB;AAaA,SACIH,aAAA,CAACc,WAAW,CAACC,QAAb;AAAsBC,IAAAA,KAAK,EAAEN;GAA7B,EACIV,aAAA,CAACiB,IAAD,oBAAgClB;AAAOE,IAAAA,IAAI,EAAEA;AAAMiB,IAAAA,YAAY,EAAEhB;IAAjE,EACKJ,OAAO,IAAIE,aAAA,CAACmB,OAAD,MAAA,EAAUrB,OAAV,CADhB,EAEKD,QAFL,CADJ,CADJ;AAQH;AACDF,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;;;;"}
+{"version":3,"file":"Menu.js","sources":["../../../../src/components/Menu/Menu.tsx"],"sourcesContent":["import * as React from 'react';\r\nimport * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';\r\nimport { MenuContext } from './Context';\r\nimport { Content } from './components/Content';\r\nimport { Item } from './components/Item';\r\nimport { Link } from './components/Link';\r\nimport { Trigger } from './components/Trigger';\r\nimport { Checkbox } from './components/Checkbox';\r\nimport { RadioGroup } from './components/RadioGroup';\r\nimport { Separator } from './components/Separator';\r\nimport { Header } from './components/Header';\r\nimport { Appearance } from '../..';\r\n\r\nexport type MenuProps = {\r\n    children: React.ReactNode;\r\n    id?: string;\r\n    /** A trigger to be used for the menu, should not be set if `children` already contains a trigger */\r\n    trigger?: JSX.Element;\r\n};\r\n\r\nexport const Menu = (externalProps: MenuProps): JSX.Element => {\r\n    const { children, trigger, ...props } = externalProps;\r\n    const [open, setOpen] = React.useState(false);\r\n    const [appearance, setAppearance] = React.useState<Appearance>('default');\r\n    const [indented, setIndented] = React.useState(false);\r\n    const [minWidth, setMinWidth] = React.useState<number | undefined>(undefined);\r\n\r\n    const context = React.useMemo(\r\n        () => ({\r\n            appearance,\r\n            setAppearance: (appearance: Appearance) => setAppearance(appearance),\r\n            indented,\r\n            registerIndentation: () => setIndented(true),\r\n            minWidth,\r\n            setMinWidth: (width: number) => setMinWidth(width),\r\n            close: () => setOpen(false),\r\n        }),\r\n        [indented, minWidth, appearance]\r\n    );\r\n\r\n    return (\r\n        <MenuContext.Provider value={context}>\r\n            <DropdownMenuPrimitive.Root {...props} open={open} onOpenChange={setOpen}>\r\n                {trigger && <Trigger>{trigger}</Trigger>}\r\n                {children}\r\n            </DropdownMenuPrimitive.Root>\r\n        </MenuContext.Provider>\r\n    );\r\n};\r\nMenu.Trigger = Trigger;\r\nMenu.Content = Content;\r\nMenu.Item = Item;\r\nMenu.Link = Link;\r\nMenu.Checkbox = Checkbox;\r\nMenu.Separator = Separator;\r\nMenu.Header = Header;\r\nMenu.RadioGroup = RadioGroup;\r\n"],"names":["Menu","externalProps","children","trigger","props","React","open","setOpen","appearance","setAppearance","indented","setIndented","undefined","minWidth","setMinWidth","context","registerIndentation","width","close","MenuContext","Provider","value","DropdownMenuPrimitive","onOpenChange","Trigger","Content","Item","Link","Checkbox","Separator","Header","RadioGroup"],"mappings":";;;;;;;;;;;;;;IAoBaA,IAAI,GAAG,SAAPA,IAAO,CAACC,aAAD;AAChB,MAAQC,QAAR,GAAwCD,aAAxC,CAAQC,QAAR;AAAA,MAAkBC,OAAlB,GAAwCF,aAAxC,CAAkBE,OAAlB;AAAA,MAA8BC,KAA9B,iCAAwCH,aAAxC;;AACA,wBAAwBI,QAAA,CAAe,KAAf,CAAxB;AAAA,MAAOC,IAAP;AAAA,MAAaC,OAAb;;AACA,yBAAoCF,QAAA,CAA2B,SAA3B,CAApC;AAAA,MAAOG,UAAP;AAAA,MAAmBC,cAAnB;;AACA,yBAAgCJ,QAAA,CAAe,KAAf,CAAhC;AAAA,MAAOK,QAAP;AAAA,MAAiBC,WAAjB;;AACA,yBAAgCN,QAAA,CAAmCO,SAAnC,CAAhC;AAAA,MAAOC,QAAP;AAAA,MAAiBC,YAAjB;;AAEA,MAAMC,OAAO,GAAGV,OAAA,CACZ;AAAA,WAAO;AACHG,MAAAA,UAAU,EAAVA,UADG;AAEHC,MAAAA,aAAa,EAAE,uBAACD,UAAD;AAAA,eAA4BC,cAAa,CAACD,UAAD,CAAzC;AAAA,OAFZ;AAGHE,MAAAA,QAAQ,EAARA,QAHG;AAIHM,MAAAA,mBAAmB,EAAE;AAAA,eAAML,WAAW,CAAC,IAAD,CAAjB;AAAA,OAJlB;AAKHE,MAAAA,QAAQ,EAARA,QALG;AAMHC,MAAAA,WAAW,EAAE,qBAACG,KAAD;AAAA,eAAmBH,YAAW,CAACG,KAAD,CAA9B;AAAA,OANV;AAOHC,MAAAA,KAAK,EAAE;AAAA,eAAMX,OAAO,CAAC,KAAD,CAAb;AAAA;AAPJ,KAAP;AAAA,GADY,EAUZ,CAACG,QAAD,EAAWG,QAAX,EAAqBL,UAArB,CAVY,CAAhB;AAaA,SACIH,aAAA,CAACc,WAAW,CAACC,QAAb;AAAsBC,IAAAA,KAAK,EAAEN;GAA7B,EACIV,aAAA,CAACiB,IAAD,oBAAgClB;AAAOE,IAAAA,IAAI,EAAEA;AAAMiB,IAAAA,YAAY,EAAEhB;IAAjE,EACKJ,OAAO,IAAIE,aAAA,CAACmB,OAAD,MAAA,EAAUrB,OAAV,CADhB,EAEKD,QAFL,CADJ,CADJ;AAQH;AACDF,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

@@ -1,17 +1,16 @@
-import { objectWithoutPropertiesLoose as _objectWithoutPropertiesLoose } from '../../../_virtual/_rollupPluginBabelHelpers.js';
 import { createElement } from 'react';
 import { Icon } from '../../Icon/Icon.js';
 import { CheckboxItem, ItemIndicator } from '@radix-ui/react-dropdown-menu';
 import { useItemStyling } from './Item.js';
 
-var _excluded = ["checked", "children", "onChange"];
-var Checkbox = function Checkbox(props) {
-  var checked = props.checked,
-      children = props.children,
-      onChange = props.onChange,
-      otherProps = _objectWithoutPropertiesLoose(props, _excluded);
-
-  var className = useItemStyling({
+const Checkbox = props => {
+  const {
+    checked,
+    children,
+    onChange,
+    ...otherProps
+  } = props;
+  const className = useItemStyling({
     disabled: props.disabled,
     indented: true,
     className: props.className

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

@@ -1 +1 @@
-{"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 = (props: MenuCheckboxItemProps) => {\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 {...otherProps} className={className} checked={checked} onCheckedChange={onChange}>\n            <DropdownMenuPrimitive.ItemIndicator className=\"absolute left-0 ml-1.5\">\n                <Icon name=\"tick\" className=\"!h-4 !w-4 -ml-px\" />\n            </DropdownMenuPrimitive.ItemIndicator>\n            {children}\n        </DropdownMenuPrimitive.CheckboxItem>\n    );\n};\n"],"names":["Checkbox","props","checked","children","onChange","otherProps","className","useItemStyling","disabled","indented","React","DropdownMenuPrimitive","onCheckedChange","Icon","name"],"mappings":";;;;;;;IAcaA,QAAQ,GAAG,SAAXA,QAAW,CAACC,KAAD;AACpB,MAAQC,OAAR,GAAuDD,KAAvD,CAAQC,OAAR;AAAA,MAAiBC,QAAjB,GAAuDF,KAAvD,CAAiBE,QAAjB;AAAA,MAA2BC,QAA3B,GAAuDH,KAAvD,CAA2BG,QAA3B;AAAA,MAAwCC,UAAxC,iCAAuDJ,KAAvD;;AACA,MAAMK,SAAS,GAAGC,cAAc,CAAC;AAC7BC,IAAAA,QAAQ,EAAEP,KAAK,CAACO,QADa;AAE7BC,IAAAA,QAAQ,EAAE,IAFmB;AAG7BH,IAAAA,SAAS,EAAEL,KAAK,CAACK;AAHY,GAAD,CAAhC;AAMA,SACII,aAAA,CAACC,YAAD,oBAAwCN;AAAYC,IAAAA,SAAS,EAAEA;AAAWJ,IAAAA,OAAO,EAAEA;AAASU,IAAAA,eAAe,EAAER;IAA7G,EACIM,aAAA,CAACC,aAAD;AAAqCL,IAAAA,SAAS,EAAC;GAA/C,EACII,aAAA,CAACG,IAAD;AAAMC,IAAAA,IAAI,EAAC;AAAOR,IAAAA,SAAS,EAAC;GAA5B,CADJ,CADJ,EAIKH,QAJL,CADJ;AAQH;;;;"}
+{"version":3,"file":"Checkbox.js","sources":["../../../../../src/components/Menu/components/Checkbox.tsx"],"sourcesContent":["import * as React from 'react';\r\nimport * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';\r\nimport { Icon } from '../../Icon/Icon';\r\nimport { useItemStyling } from './Item';\r\n\r\nexport type MenuCheckboxItemProps = Omit<React.HTMLAttributes<HTMLDivElement>, 'onSelect'> & {\r\n    /* Whether the checkbox item is disabled */\r\n    disabled?: boolean;\r\n    /* The current checked state (controlled) */\r\n    checked: boolean;\r\n    /* Handler called when the checked state changes */\r\n    onChange: (checked: boolean | 'indeterminate') => void;\r\n};\r\n\r\nexport const Checkbox = (props: MenuCheckboxItemProps) => {\r\n    const { checked, children, onChange, ...otherProps } = props;\r\n    const className = useItemStyling({\r\n        disabled: props.disabled,\r\n        indented: true,\r\n        className: props.className,\r\n    });\r\n\r\n    return (\r\n        <DropdownMenuPrimitive.CheckboxItem {...otherProps} className={className} checked={checked} onCheckedChange={onChange}>\r\n            <DropdownMenuPrimitive.ItemIndicator className=\"absolute left-0 ml-1.5\">\r\n                <Icon name=\"tick\" className=\"!h-4 !w-4 -ml-px\" />\r\n            </DropdownMenuPrimitive.ItemIndicator>\r\n            {children}\r\n        </DropdownMenuPrimitive.CheckboxItem>\r\n    );\r\n};\r\n"],"names":["Checkbox","props","checked","children","onChange","otherProps","className","useItemStyling","disabled","indented","React","DropdownMenuPrimitive","onCheckedChange","Icon","name"],"mappings":";;;;;MAcaA,QAAQ,GAAIC,KAAD;AACpB,QAAM;AAAEC,IAAAA,OAAF;AAAWC,IAAAA,QAAX;AAAqBC,IAAAA,QAArB;AAA+B,OAAGC;AAAlC,MAAiDJ,KAAvD;AACA,QAAMK,SAAS,GAAGC,cAAc,CAAC;AAC7BC,IAAAA,QAAQ,EAAEP,KAAK,CAACO,QADa;AAE7BC,IAAAA,QAAQ,EAAE,IAFmB;AAG7BH,IAAAA,SAAS,EAAEL,KAAK,CAACK;AAHY,GAAD,CAAhC;AAMA,SACII,aAAA,CAACC,YAAD,oBAAwCN;AAAYC,IAAAA,SAAS,EAAEA;AAAWJ,IAAAA,OAAO,EAAEA;AAASU,IAAAA,eAAe,EAAER;IAA7G,EACIM,aAAA,CAACC,aAAD;AAAqCL,IAAAA,SAAS,EAAC;GAA/C,EACII,aAAA,CAACG,IAAD;AAAMC,IAAAA,IAAI,EAAC;AAAOR,IAAAA,SAAS,EAAC;GAA5B,CADJ,CADJ,EAIKH,QAJL,CADJ;AAQH;;;;"}

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

@@ -1,13 +1,10 @@
-import { objectWithoutPropertiesLoose as _objectWithoutPropertiesLoose } from '../../../_virtual/_rollupPluginBabelHelpers.js';
 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';
 
-var _excluded = ["children", "placement"];
-
-var getAppearanceClasses = function getAppearanceClasses(appearance) {
+const getAppearanceClasses = appearance => {
   switch (appearance) {
     case 'primary':
       return 'wcag-blue border-blue';
@@ -27,15 +24,15 @@ var getAppearanceClasses = function getAppearanceClasses(appearance) {
   }
 };
 
-var Content = /*#__PURE__*/forwardRef(function (props, ref) {
-  var internalRef = useProxiedRef(ref);
-  var menu = useCurrentMenu();
-
-  var children = props.children,
-      side = props.placement,
-      otherProps = _objectWithoutPropertiesLoose(props, _excluded);
-
-  var className = cn('border rounded block outline-none p-1', getAppearanceClasses(menu === null || menu === void 0 ? void 0 : menu.appearance), props.className);
+const Content = /*#__PURE__*/forwardRef((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', getAppearanceClasses(menu === null || menu === void 0 ? void 0 : menu.appearance), props.className);
   return createElement(Content$1, Object.assign({}, otherProps, {
     align: "start",
     className: className,

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

@@ -1 +1 @@
-{"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 { Appearance, Placement } from '../../../types';\nimport { useProxiedRef } from '../../../utils/hooks/useProxiedRef';\nimport { useCurrentMenu } from '../Context';\n\nconst getAppearanceClasses = (appearance: Appearance | undefined) => {\n    switch (appearance) {\n        case 'primary':\n            return 'wcag-blue border-blue';\n\n        case 'danger':\n            return 'wcag-red border-red';\n\n        case 'ghost':\n            return 'bg-white text-blue border-blue yt-shadow-blue';\n\n        case 'discrete':\n            return 'wcag-white border-grey yt-shadow';\n\n        case 'default':\n        default:\n            return 'wcag-grey-light border-grey';\n    }\n};\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((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', getAppearanceClasses(menu?.appearance), 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        >\n            {children}\n        </DropdownMenuPrimitive.Content>\n    );\n});\n"],"names":["getAppearanceClasses","appearance","Content","React","props","ref","internalRef","useProxiedRef","menu","useCurrentMenu","children","side","placement","otherProps","className","cn","DropdownMenuPrimitive","align","sideOffset","style","minWidth"],"mappings":";;;;;;;;;AAOA,IAAMA,oBAAoB,GAAG,SAAvBA,oBAAuB,CAACC,UAAD;AACzB,UAAQA,UAAR;AACI,SAAK,SAAL;AACI,aAAO,uBAAP;;AAEJ,SAAK,QAAL;AACI,aAAO,qBAAP;;AAEJ,SAAK,OAAL;AACI,aAAO,+CAAP;;AAEJ,SAAK,UAAL;AACI,aAAO,kCAAP;;AAEJ,SAAK,SAAL;AACA;AACI,aAAO,6BAAP;AAfR;AAiBH,CAlBD;;IA0BaC,OAAO,gBAAGC,UAAA,CAAiB,UAACC,KAAD,EAA0BC,GAA1B;AACpC,MAAMC,WAAW,GAAGC,aAAa,CAAMF,GAAN,CAAjC;AACA,MAAMG,IAAI,GAAGC,cAAc,EAA3B;;AACA,MAAQC,QAAR,GAAqDN,KAArD,CAAQM,QAAR;AAAA,MAA6BC,IAA7B,GAAqDP,KAArD,CAAkBQ,SAAlB;AAAA,MAAsCC,UAAtC,iCAAqDT,KAArD;;AACA,MAAMU,SAAS,GAAGC,EAAE,CAAC,uCAAD,EAA0Cf,oBAAoB,CAACQ,IAAD,aAACA,IAAD,uBAACA,IAAI,CAAEP,UAAP,CAA9D,EAAkFG,KAAK,CAACU,SAAxF,CAApB;AAEA,SACIX,aAAA,CAACa,SAAD,oBACQH;AACJI,IAAAA,KAAK,EAAC;AACNH,IAAAA,SAAS,EAAEA;iBACD;AACVH,IAAAA,IAAI,EAAEA;AACNO,IAAAA,UAAU,EAAE;AACZC,IAAAA,KAAK,EAAE;AAAEC,MAAAA,QAAQ,EAAEZ,IAAF,aAAEA,IAAF,uBAAEA,IAAI,CAAEY;AAAlB;AACPf,IAAAA,GAAG,EAAEC;IART,EAUKI,QAVL,CADJ;AAcH,CApBsB;;;;"}
+{"version":3,"file":"Content.js","sources":["../../../../../src/components/Menu/components/Content.tsx"],"sourcesContent":["import * as React from 'react';\r\nimport * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';\r\nimport cn from 'classnames';\r\nimport { Appearance, Placement } from '../../../types';\r\nimport { useProxiedRef } from '../../../utils/hooks/useProxiedRef';\r\nimport { useCurrentMenu } from '../Context';\r\n\r\nconst getAppearanceClasses = (appearance: Appearance | undefined) => {\r\n    switch (appearance) {\r\n        case 'primary':\r\n            return 'wcag-blue border-blue';\r\n\r\n        case 'danger':\r\n            return 'wcag-red border-red';\r\n\r\n        case 'ghost':\r\n            return 'bg-white text-blue border-blue yt-shadow-blue';\r\n\r\n        case 'discrete':\r\n            return 'wcag-white border-grey yt-shadow';\r\n\r\n        case 'default':\r\n        default:\r\n            return 'wcag-grey-light border-grey';\r\n    }\r\n};\r\n\r\nexport type MenuContentProps = Omit<DropdownMenuPrimitive.DropdownMenuContentProps, 'children' | 'side'> & {\r\n    children: React.ReactNode;\r\n    /** Set the position of the Menu relative to its trigger. Default value is `bottom` */\r\n    placement?: Placement;\r\n};\r\n\r\nexport const Content = React.forwardRef((props: MenuContentProps, ref: React.Ref<HTMLDivElement>) => {\r\n    const internalRef = useProxiedRef<any>(ref);\r\n    const menu = useCurrentMenu();\r\n    const { children, placement: side, ...otherProps } = props;\r\n    const className = cn('border rounded block outline-none p-1', getAppearanceClasses(menu?.appearance), props.className);\r\n\r\n    return (\r\n        <DropdownMenuPrimitive.Content\r\n            {...otherProps}\r\n            align=\"start\"\r\n            className={className}\r\n            data-taco=\"menu\"\r\n            side={side}\r\n            sideOffset={2}\r\n            style={{ minWidth: menu?.minWidth }}\r\n            ref={internalRef}\r\n        >\r\n            {children}\r\n        </DropdownMenuPrimitive.Content>\r\n    );\r\n});\r\n"],"names":["getAppearanceClasses","appearance","Content","React","props","ref","internalRef","useProxiedRef","menu","useCurrentMenu","children","placement","side","otherProps","className","cn","DropdownMenuPrimitive","align","sideOffset","style","minWidth"],"mappings":";;;;;;AAOA,MAAMA,oBAAoB,GAAIC,UAAD;AACzB,UAAQA,UAAR;AACI,SAAK,SAAL;AACI,aAAO,uBAAP;;AAEJ,SAAK,QAAL;AACI,aAAO,qBAAP;;AAEJ,SAAK,OAAL;AACI,aAAO,+CAAP;;AAEJ,SAAK,UAAL;AACI,aAAO,kCAAP;;AAEJ,SAAK,SAAL;AACA;AACI,aAAO,6BAAP;AAfR;AAiBH,CAlBD;;MA0BaC,OAAO,gBAAGC,UAAA,CAAiB,CAACC,KAAD,EAA0BC,GAA1B;AACpC,QAAMC,WAAW,GAAGC,aAAa,CAAMF,GAAN,CAAjC;AACA,QAAMG,IAAI,GAAGC,cAAc,EAA3B;AACA,QAAM;AAAEC,IAAAA,QAAF;AAAYC,IAAAA,SAAS,EAAEC,IAAvB;AAA6B,OAAGC;AAAhC,MAA+CT,KAArD;AACA,QAAMU,SAAS,GAAGC,EAAE,CAAC,uCAAD,EAA0Cf,oBAAoB,CAACQ,IAAD,aAACA,IAAD,uBAACA,IAAI,CAAEP,UAAP,CAA9D,EAAkFG,KAAK,CAACU,SAAxF,CAApB;AAEA,SACIX,aAAA,CAACa,SAAD,oBACQH;AACJI,IAAAA,KAAK,EAAC;AACNH,IAAAA,SAAS,EAAEA;iBACD;AACVF,IAAAA,IAAI,EAAEA;AACNM,IAAAA,UAAU,EAAE;AACZC,IAAAA,KAAK,EAAE;AAAEC,MAAAA,QAAQ,EAAEZ,IAAF,aAAEA,IAAF,uBAAEA,IAAI,CAAEY;AAAlB;AACPf,IAAAA,GAAG,EAAEC;IART,EAUKI,QAVL,CADJ;AAcH,CApBsB;;;;"}

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

@@ -3,7 +3,7 @@ import cn from 'classnames';
 import { useCurrentMenu } from '../Context.js';
 import { Label } from '@radix-ui/react-dropdown-menu';
 
-var getAppearanceClasses = function getAppearanceClasses(appearance) {
+const getAppearanceClasses = appearance => {
   switch (appearance) {
     case 'primary':
       return 'text-blue-lighest';
@@ -23,9 +23,9 @@ var getAppearanceClasses = function getAppearanceClasses(appearance) {
   }
 };
 
-var Header = function Header(props) {
-  var menu = useCurrentMenu();
-  var className = cn('flex items-center justify-start h-6 pr-1.5 text-xs', getAppearanceClasses(menu === null || menu === void 0 ? void 0 : menu.appearance), {
+const Header = props => {
+  const menu = useCurrentMenu();
+  const className = cn('flex items-center justify-start h-6 pr-1.5 text-xs', getAppearanceClasses(menu === null || menu === void 0 ? void 0 : menu.appearance), {
     'pl-7': menu === null || menu === void 0 ? void 0 : menu.indented,
     'pl-1.5': !(menu !== null && menu !== void 0 && menu.indented)
   }, props.className);

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

@@ -1 +1 @@
-{"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';\nimport { Appearance } from '../../../types';\n\nconst getAppearanceClasses = (appearance: Appearance | undefined) => {\n    switch (appearance) {\n        case 'primary':\n            return 'text-blue-lighest';\n\n        case 'danger':\n            return 'text-red-lightest';\n\n        case 'ghost':\n            return 'text-blue-light';\n\n        case 'discrete':\n            return 'text-grey-darkest';\n\n        case 'default':\n        default:\n            return 'text-grey-darkest';\n    }\n};\n\nexport type MenuHeaderProps = React.HTMLAttributes<HTMLDivElement>;\n\nexport const Header = (props: MenuHeaderProps) => {\n    const menu = useCurrentMenu();\n    const className = cn(\n        'flex items-center justify-start h-6 pr-1.5 text-xs',\n        getAppearanceClasses(menu?.appearance),\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} />;\n};\n"],"names":["getAppearanceClasses","appearance","Header","props","menu","useCurrentMenu","className","cn","indented","React","DropdownMenuPrimitive"],"mappings":";;;;;AAMA,IAAMA,oBAAoB,GAAG,SAAvBA,oBAAuB,CAACC,UAAD;AACzB,UAAQA,UAAR;AACI,SAAK,SAAL;AACI,aAAO,mBAAP;;AAEJ,SAAK,QAAL;AACI,aAAO,mBAAP;;AAEJ,SAAK,OAAL;AACI,aAAO,iBAAP;;AAEJ,SAAK,UAAL;AACI,aAAO,mBAAP;;AAEJ,SAAK,SAAL;AACA;AACI,aAAO,mBAAP;AAfR;AAiBH,CAlBD;;IAsBaC,MAAM,GAAG,SAATA,MAAS,CAACC,KAAD;AAClB,MAAMC,IAAI,GAAGC,cAAc,EAA3B;AACA,MAAMC,SAAS,GAAGC,EAAE,CAChB,oDADgB,EAEhBP,oBAAoB,CAACI,IAAD,aAACA,IAAD,uBAACA,IAAI,CAAEH,UAAP,CAFJ,EAGhB;AACI,YAAQG,IAAR,aAAQA,IAAR,uBAAQA,IAAI,CAAEI,QADlB;AAEI,cAAU,EAACJ,IAAD,aAACA,IAAD,eAACA,IAAI,CAAEI,QAAP;AAFd,GAHgB,EAOhBL,KAAK,CAACG,SAPU,CAApB;AAUA,SAAOG,aAAA,CAACC,KAAD,oBAAiCP;AAAOG,IAAAA,SAAS,EAAEA;IAAnD,CAAP;AACH;;;;"}
+{"version":3,"file":"Header.js","sources":["../../../../../src/components/Menu/components/Header.tsx"],"sourcesContent":["import * as React from 'react';\r\nimport * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';\r\nimport cn from 'classnames';\r\nimport { useCurrentMenu } from '../Context';\r\nimport { Appearance } from '../../../types';\r\n\r\nconst getAppearanceClasses = (appearance: Appearance | undefined) => {\r\n    switch (appearance) {\r\n        case 'primary':\r\n            return 'text-blue-lighest';\r\n\r\n        case 'danger':\r\n            return 'text-red-lightest';\r\n\r\n        case 'ghost':\r\n            return 'text-blue-light';\r\n\r\n        case 'discrete':\r\n            return 'text-grey-darkest';\r\n\r\n        case 'default':\r\n        default:\r\n            return 'text-grey-darkest';\r\n    }\r\n};\r\n\r\nexport type MenuHeaderProps = React.HTMLAttributes<HTMLDivElement>;\r\n\r\nexport const Header = (props: MenuHeaderProps) => {\r\n    const menu = useCurrentMenu();\r\n    const className = cn(\r\n        'flex items-center justify-start h-6 pr-1.5 text-xs',\r\n        getAppearanceClasses(menu?.appearance),\r\n        {\r\n            'pl-7': menu?.indented,\r\n            'pl-1.5': !menu?.indented,\r\n        },\r\n        props.className\r\n    );\r\n\r\n    return <DropdownMenuPrimitive.Label {...props} className={className} />;\r\n};\r\n"],"names":["getAppearanceClasses","appearance","Header","props","menu","useCurrentMenu","className","cn","indented","React","DropdownMenuPrimitive"],"mappings":";;;;;AAMA,MAAMA,oBAAoB,GAAIC,UAAD;AACzB,UAAQA,UAAR;AACI,SAAK,SAAL;AACI,aAAO,mBAAP;;AAEJ,SAAK,QAAL;AACI,aAAO,mBAAP;;AAEJ,SAAK,OAAL;AACI,aAAO,iBAAP;;AAEJ,SAAK,UAAL;AACI,aAAO,mBAAP;;AAEJ,SAAK,SAAL;AACA;AACI,aAAO,mBAAP;AAfR;AAiBH,CAlBD;;MAsBaC,MAAM,GAAIC,KAAD;AAClB,QAAMC,IAAI,GAAGC,cAAc,EAA3B;AACA,QAAMC,SAAS,GAAGC,EAAE,CAChB,oDADgB,EAEhBP,oBAAoB,CAACI,IAAD,aAACA,IAAD,uBAACA,IAAI,CAAEH,UAAP,CAFJ,EAGhB;AACI,YAAQG,IAAR,aAAQA,IAAR,uBAAQA,IAAI,CAAEI,QADlB;AAEI,cAAU,EAACJ,IAAD,aAACA,IAAD,eAACA,IAAI,CAAEI,QAAP;AAFd,GAHgB,EAOhBL,KAAK,CAACG,SAPU,CAApB;AAUA,SAAOG,aAAA,CAACC,KAAD,oBAAiCP;AAAOG,IAAAA,SAAS,EAAEA;IAAnD,CAAP;AACH;;;;"}