@economic/taco 1.25.2 → 1.26.0

package/dist/esm/packages/taco/src/components/Select2/components/Edit.js

@@ -4,11 +4,11 @@ import { AVAILABLE_COLORS, getSubtleColorShadeClasses } from '../../../utils/tai
 import { Icon } from '../../Icon/Icon.js';
 import { useLocalization } from '../../Provider/Localization.js';
 import { Button } from '../../Button/Button.js';
+import { Group } from '../../Group/Group.js';
+import { Root, Item, Indicator } from '@radix-ui/react-radio-group';
 import { Input } from '../../Input/Input.js';
 import { Popover } from '../../Popover/Popover.js';
-import { Group } from '../../Group/Group.js';
 import { Field } from '../../Field/Field.js';
-import { Root, Item, Indicator } from '@radix-ui/react-radio-group';
 import { useSelect2Context } from './Context.js';
 import { _catch } from '../../../../../../node_modules/babel-plugin-transform-async-to-promises/helpers.mjs.js';
 

package/dist/esm/packages/taco/src/components/Select2/components/Trigger.js

@@ -3,8 +3,8 @@ import cn from 'classnames';
 import { Icon } from '../../Icon/Icon.js';
 import { Badge } from '../../Badge/Badge.js';
 import { Tooltip } from '../../Tooltip/Tooltip.js';
-import { getInputClasses } from '../../Input/util.js';
 import { useMergedRef } from '../../../hooks/useMergedRef.js';
+import { getInputClasses } from '../../Input/util.js';
 import { ScrollArea } from '../../ScrollArea/ScrollArea.js';
 import { Tag } from '../../Tag/Tag.js';
 import { useSelect2Context } from './Context.js';

package/dist/esm/packages/taco/src/components/Table/components/WindowedTable.js

@@ -1,8 +1,8 @@
 import React__default from 'react';
 import cn from 'classnames';
 import { useLocalization } from '../../Provider/Localization.js';
-import { useBoundingClientRectListener } from '../../../hooks/useBoundingClientRectListener.js';
 import { useMergedRef } from '../../../hooks/useMergedRef.js';
+import { useBoundingClientRectListener } from '../../../hooks/useBoundingClientRectListener.js';
 import { useTable } from '../hooks/useTable.js';
 import { Row } from '../util/renderRow.js';
 import { BaseTable, DefaultEmptyState } from './BaseTable.js';

package/dist/esm/packages/taco/src/components/Table/hooks/useTableKeyboardNavigation.js

@@ -1,6 +1,6 @@
 import React__default from 'react';
-import { getNextIndexFromKey } from '../../../utils/hooks/useListKeyboardNavigation.js';
 import { useControllableState } from '@radix-ui/react-use-controllable-state';
+import { getNextIndexFromKey } from '../../../utils/hooks/useListKeyboardNavigation.js';
 import { sanitizeRowProps } from '../util.js';
 
 const useTableKeyboardNavigation = (props, rows, rowProps, ref) => {

package/dist/esm/packages/taco/src/components/Table2/components/filters/FiltersButton.js

@@ -3,8 +3,8 @@ import cn from 'classnames';
 import { Icon } from '../../../Icon/Icon.js';
 import { useLocalization } from '../../../Provider/Localization.js';
 import { Button } from '../../../Button/Button.js';
-import { Popover } from '../../../Popover/Popover.js';
 import { Group } from '../../../Group/Group.js';
+import { Popover } from '../../../Popover/Popover.js';
 import { useGlobalKeyboardShortcut } from '../../../../hooks/useGlobalKeyboardShortcut.js';
 import { Shortcut } from '../../../Shortcut/Shortcut.js';
 import { isInternalColumn } from '../../utilities/columns.js';

package/dist/esm/packages/taco/src/components/Table2/utilities/columns.js

@@ -3,8 +3,8 @@ import cn from 'classnames';
 import { Icon } from '../../Icon/Icon.js';
 import { Tooltip } from '../../Tooltip/Tooltip.js';
 import { IconButton } from '../../IconButton/IconButton.js';
-import { Checkbox } from '../../Checkbox/Checkbox.js';
 import { Menu } from '../../Menu/Menu.js';
+import { Checkbox } from '../../Checkbox/Checkbox.js';
 import { Shortcut } from '../../Shortcut/Shortcut.js';
 import { useRowContext } from '../components/row/Context.js';
 

package/dist/esm/packages/taco/src/hooks/useIntersectionObserver.js

@@ -0,0 +1,48 @@
+import React__default from 'react';
+
+const useIntersectionObserver = (ref, offset) => {
+  const [intersectedIndexes, setIntersectedIndexes] = React__default.useState({});
+  const handleIntersection = (entries, observer) => {
+    if (observer.root) {
+      const children = Array.from(observer.root.children);
+      const map = {};
+      entries.forEach(entry => {
+        // entries only contains the items being intersected not all children of the ref
+        // so use root and the the entry being intersected to find its real index
+        // on first mount this is different - all children are present
+        map[children.indexOf(entry.target)] = entry.isIntersecting;
+      });
+      setIntersectedIndexes(prev => ({
+        ...prev,
+        ...map
+      }));
+    }
+  };
+  const intersectedChildIndex = React__default.useMemo(() => {
+    const index = Object.values(intersectedIndexes).indexOf(false);
+    return index > -1 ? index : undefined;
+  }, [intersectedIndexes]);
+  const hasRootMargin = intersectedChildIndex !== undefined && offset;
+  React__default.useEffect(() => {
+    const observer = new IntersectionObserver(handleIntersection, {
+      root: ref.current,
+      // offset the button, but only after the first item has been intersected
+      rootMargin: hasRootMargin ? `0px -${offset}px 0px 0px` : undefined,
+      threshold: 1
+    });
+    if (observer.root) {
+      Array.from(observer.root.children).forEach(item => {
+        if (item.getAttribute('data-intersection-observer') !== 'ignore') {
+          observer.observe(item);
+        }
+      });
+    }
+    return () => {
+      observer.disconnect();
+    };
+  }, [hasRootMargin]);
+  return intersectedChildIndex;
+};
+
+export { useIntersectionObserver };
+//# sourceMappingURL=useIntersectionObserver.js.map

package/dist/esm/packages/taco/src/hooks/useIntersectionObserver.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useIntersectionObserver.js","sources":["../../../../../../src/hooks/useIntersectionObserver.ts"],"sourcesContent":["import React from 'react';\n\nexport const useIntersectionObserver = (ref: React.RefObject<HTMLElement>, offset?: number) => {\n    const [intersectedIndexes, setIntersectedIndexes] = React.useState({});\n\n    const handleIntersection = (entries: IntersectionObserverEntry[], observer: IntersectionObserver) => {\n        if (observer.root) {\n            const children = Array.from((observer.root as Element).children);\n            const map = {};\n\n            entries.forEach(entry => {\n                // entries only contains the items being intersected not all children of the ref\n                // so use root and the the entry being intersected to find its real index\n                // on first mount this is different - all children are present\n                map[children.indexOf(entry.target)] = entry.isIntersecting;\n            });\n\n            setIntersectedIndexes(prev => ({ ...prev, ...map }));\n        }\n    };\n\n    const intersectedChildIndex = React.useMemo(() => {\n        const index = Object.values(intersectedIndexes).indexOf(false);\n        return index > -1 ? index : undefined;\n    }, [intersectedIndexes]);\n\n    const hasRootMargin = intersectedChildIndex !== undefined && offset;\n\n    React.useEffect(() => {\n        const observer = new IntersectionObserver(handleIntersection, {\n            root: ref.current,\n            // offset the button, but only after the first item has been intersected\n            rootMargin: hasRootMargin ? `0px -${offset}px 0px 0px` : undefined,\n            threshold: 1,\n        });\n\n        if (observer.root) {\n            Array.from(observer.root.children).forEach(item => {\n                if (item.getAttribute('data-intersection-observer') !== 'ignore') {\n                    observer.observe(item);\n                }\n            });\n        }\n\n        return () => {\n            observer.disconnect();\n        };\n    }, [hasRootMargin]);\n\n    return intersectedChildIndex;\n};\n"],"names":["useIntersectionObserver","ref","offset","intersectedIndexes","setIntersectedIndexes","React","useState","handleIntersection","entries","observer","root","children","Array","from","map","forEach","entry","indexOf","target","isIntersecting","prev","intersectedChildIndex","useMemo","index","Object","values","undefined","hasRootMargin","useEffect","IntersectionObserver","current","rootMargin","threshold","item","getAttribute","observe","disconnect"],"mappings":";;MAEaA,uBAAuB,GAAG,CAACC,GAAiC,EAAEC,MAAe;EACtF,MAAM,CAACC,kBAAkB,EAAEC,qBAAqB,CAAC,GAAGC,cAAK,CAACC,QAAQ,CAAC,EAAE,CAAC;EAEtE,MAAMC,kBAAkB,GAAG,CAACC,OAAoC,EAAEC,QAA8B;IAC5F,IAAIA,QAAQ,CAACC,IAAI,EAAE;MACf,MAAMC,QAAQ,GAAGC,KAAK,CAACC,IAAI,CAAEJ,QAAQ,CAACC,IAAgB,CAACC,QAAQ,CAAC;MAChE,MAAMG,GAAG,GAAG,EAAE;MAEdN,OAAO,CAACO,OAAO,CAACC,KAAK;;;;QAIjBF,GAAG,CAACH,QAAQ,CAACM,OAAO,CAACD,KAAK,CAACE,MAAM,CAAC,CAAC,GAAGF,KAAK,CAACG,cAAc;OAC7D,CAAC;MAEFf,qBAAqB,CAACgB,IAAI,KAAK;QAAE,GAAGA,IAAI;QAAE,GAAGN;OAAK,CAAC,CAAC;;GAE3D;EAED,MAAMO,qBAAqB,GAAGhB,cAAK,CAACiB,OAAO,CAAC;IACxC,MAAMC,KAAK,GAAGC,MAAM,CAACC,MAAM,CAACtB,kBAAkB,CAAC,CAACc,OAAO,CAAC,KAAK,CAAC;IAC9D,OAAOM,KAAK,GAAG,CAAC,CAAC,GAAGA,KAAK,GAAGG,SAAS;GACxC,EAAE,CAACvB,kBAAkB,CAAC,CAAC;EAExB,MAAMwB,aAAa,GAAGN,qBAAqB,KAAKK,SAAS,IAAIxB,MAAM;EAEnEG,cAAK,CAACuB,SAAS,CAAC;IACZ,MAAMnB,QAAQ,GAAG,IAAIoB,oBAAoB,CAACtB,kBAAkB,EAAE;MAC1DG,IAAI,EAAET,GAAG,CAAC6B,OAAO;;MAEjBC,UAAU,EAAEJ,aAAa,WAAWzB,kBAAkB,GAAGwB,SAAS;MAClEM,SAAS,EAAE;KACd,CAAC;IAEF,IAAIvB,QAAQ,CAACC,IAAI,EAAE;MACfE,KAAK,CAACC,IAAI,CAACJ,QAAQ,CAACC,IAAI,CAACC,QAAQ,CAAC,CAACI,OAAO,CAACkB,IAAI;QAC3C,IAAIA,IAAI,CAACC,YAAY,CAAC,4BAA4B,CAAC,KAAK,QAAQ,EAAE;UAC9DzB,QAAQ,CAAC0B,OAAO,CAACF,IAAI,CAAC;;OAE7B,CAAC;;IAGN,OAAO;MACHxB,QAAQ,CAAC2B,UAAU,EAAE;KACxB;GACJ,EAAE,CAACT,aAAa,CAAC,CAAC;EAEnB,OAAON,qBAAqB;AAChC;;;;"}

package/dist/esm/packages/taco/src/index.js

@@ -13,11 +13,16 @@ export { Base, IconButton } from './components/IconButton/IconButton.js';
 export { LocalizationContext, LocalizationProvider, defaultLocalisationTexts, useLocalization } from './components/Provider/Localization.js';
 export { Banner } from './components/Banner/Banner.js';
 export { Button } from './components/Button/Button.js';
+export { useMergedRef } from './hooks/useMergedRef.js';
+export { Group } from './components/Group/Group.js';
+export { RadioGroup, findByValue, getRadioGroupItemValueAsString, useRadioGroup } from './components/RadioGroup/RadioGroup.js';
+export { Menu } from './components/Menu/Menu.js';
+export { useIntersectionObserver } from './hooks/useIntersectionObserver.js';
+export { ButtonGroup } from './components/ButtonGroup/ButtonGroup.js';
 export { Calendar } from './components/Calendar/Calendar.js';
 export { Card } from './components/Card/Card.js';
 export { Checkbox } from './components/Checkbox/Checkbox.js';
 export { useBoundingClientRectListener } from './hooks/useBoundingClientRectListener.js';
-export { useMergedRef } from './hooks/useMergedRef.js';
 export { Input } from './components/Input/Input.js';
 export { getNextIndexFromKey, useListKeyboardNavigation } from './utils/hooks/useListKeyboardNavigation.js';
 export { useListScrollTo } from './utils/hooks/useListScrollTo.js';
@@ -27,7 +32,6 @@ export { format, isWeakEqual, parseFromCustomString, parseFromISOString } from '
 export { Popover } from './components/Popover/Popover.js';
 export { Datepicker } from './components/Datepicker/Datepicker.js';
 export { Dialog } from './components/Dialog/Dialog.js';
-export { Group } from './components/Group/Group.js';
 export { Drawer } from './components/Drawer/Drawer.js';
 export { Field } from './components/Field/Field.js';
 export { Form } from './components/Form/Form.js';
@@ -35,8 +39,6 @@ export { Hanger, Title } from './components/Hanger/Hanger.js';
 export { HoverCard } from './components/HoverCard/HoverCard.js';
 export { SearchInput } from './components/SearchInput/SearchInput.js';
 export { Listbox, MultiListbox } from './components/Listbox/Listbox.js';
-export { RadioGroup, findByValue, getRadioGroupItemValueAsString, useRadioGroup } from './components/RadioGroup/RadioGroup.js';
-export { Menu } from './components/Menu/Menu.js';
 export { Treeview } from './components/Treeview/Treeview.js';
 export { useDropTarget } from './utils/hooks/useDropTarget.js';
 export { Navigation } from './components/Navigation/Navigation.js';

package/dist/esm/packages/taco/src/index.js.map

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

package/dist/hooks/useIntersectionObserver.d.ts

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare const useIntersectionObserver: (ref: React.RefObject<HTMLElement>, offset?: number | undefined) => number | undefined;

package/dist/index.d.ts

@@ -7,6 +7,7 @@ export * from './components/Badge/Badge';
 export * from './components/BadgeIcon/BadgeIcon';
 export * from './components/Banner/Banner';
 export * from './components/Button/Button';
+export * from './components/ButtonGroup/ButtonGroup';
 export * from './components/Calendar/Calendar';
 export * from './components/Card/Card';
 export * from './components/Checkbox/Checkbox';
@@ -55,6 +56,7 @@ export * from './utils/date';
 export * from './utils/mergeRefs';
 export * from './hooks/useBoundaryOverflowDetection';
 export * from './hooks/useBoundingClientRectListener';
+export * from './hooks/useIntersectionObserver';
 export * from './hooks/useIsLargeScreen';
 export * from './hooks/useMatchMedia';
 export * from './hooks/useMergedRef';