@economic/taco 1.25.3 → 1.26.1

package/dist/esm/packages/taco/src/components/Header/components/PrimaryNavigation.js.map

@@ -1 +1 @@
-{"version":3,"file":"PrimaryNavigation.js","sources":["../../../../../../../../src/components/Header/components/PrimaryNavigation.tsx"],"sourcesContent":["import React from 'react';\nimport cn from 'classnames';\nimport { Portal } from '@radix-ui/react-portal';\nimport { getLinkClasses } from './Link';\nimport { useMergedRef } from '../../../hooks/useMergedRef';\nimport { useBoundingClientRectListener } from '../../../hooks/useBoundingClientRectListener';\nimport { Button } from '../../Button/Button';\nimport { Menu } from '../../Menu/Menu';\nimport { useLocalization } from '../../Provider/Localization';\n\ntype ChildrenWidthProps = {\n    setWidth: React.Dispatch<React.SetStateAction<number[]>>;\n    children: React.ReactNode;\n};\n\nconst getChildWidths = (parent: HTMLDivElement): number[] => {\n    const widths: number[] = [];\n\n    for (let index = 0; index < parent.children.length; index++) {\n        const childRect = parent.children[index].getBoundingClientRect();\n        widths.push(childRect.width);\n    }\n\n    return widths;\n};\n\nconst ChildrenWidth = ({ setWidth, children }: ChildrenWidthProps) => {\n    const ref = React.useRef<HTMLDivElement>(null);\n    const [show, setShow] = React.useState(true);\n\n    React.useEffect(() => {\n        // Calculate the width of children, and then hides the portal\n        if (ref.current && show) {\n            setWidth(getChildWidths(ref.current));\n            setShow(false);\n        }\n    }, [show]);\n\n    React.useEffect(() => {\n        // If children changes, then we render the children to calculate their width\n        if (!show) {\n            setShow(true);\n        }\n    }, [children]);\n\n    return show ? (\n        <Portal className={cn('invisible absolute z-[-10] flex translate-x-[-1000px]')} ref={ref}>\n            {children}\n        </Portal>\n    ) : null;\n};\n\nconst useBoundaryIndex = (wrapperWidth: number, buttonRef: React.RefObject<HTMLButtonElement>, childWidths: number[]) => {\n    // Primary navigation has a gap of gap-1, so we need to take the gap value in account as well\n    // left gap + right gap = 8px\n    const GAP = 8;\n\n    return React.useMemo(() => {\n        if (childWidths.length && wrapperWidth && buttonRef.current) {\n            const realWidth = wrapperWidth - buttonRef.current.getBoundingClientRect().width - GAP;\n            let boundary: number | undefined;\n            let total = 0;\n\n            childWidths.every((width, index) => {\n                const nextWidth = total + width + GAP;\n\n                if (nextWidth > realWidth) {\n                    boundary = index;\n                    return false;\n                }\n\n                total = nextWidth;\n                return true;\n            });\n\n            return boundary;\n        }\n\n        return undefined;\n    }, [childWidths, wrapperWidth]);\n};\n\nexport type PrimaryNavigationProps = React.HTMLAttributes<HTMLElement>;\n\nexport const PrimaryNavigation = React.forwardRef<HTMLElement, PrimaryNavigationProps>(function PrimaryNavigation(props, ref) {\n    const { texts } = useLocalization();\n    const internalRef = useMergedRef<HTMLDivElement>(ref);\n    const rect = useBoundingClientRectListener(internalRef);\n    const buttonRef = React.useRef<HTMLButtonElement>(null);\n    const [childWidths, setChildWidths] = React.useState<number[]>([]);\n    const boundaryIndex = useBoundaryIndex(rect?.width ?? 0, buttonRef, childWidths);\n\n    const className = cn(\n        'flex h-full w-full flex-grow items-center overflow-hidden active:outline-none relative',\n        props.className\n    );\n\n    const moreButtonClassName = cn(getLinkClasses(), '!bg-transparent aria-expanded:!bg-white/[.08]');\n\n    const [visibleChildren, hiddenChildren] = React.useMemo(() => {\n        const visibleChildren: JSX.Element[] = [];\n        const hiddenChildren: JSX.Element[] = [];\n\n        React.Children.forEach(props.children, (child, index) => {\n            if (React.isValidElement(child) && !!child) {\n                if (boundaryIndex && index >= boundaryIndex) {\n                    hiddenChildren.push(child);\n                } else {\n                    visibleChildren.push(child);\n                }\n            }\n        });\n\n        return [visibleChildren, hiddenChildren];\n    }, [boundaryIndex, props.children]);\n\n    return (\n        <nav {...props} className={className} ref={internalRef}>\n            <ul className=\"mb-0 flex h-full w-full items-center gap-1 overflow-hidden px-1\">\n                {visibleChildren}\n                <li className={cn({ invisible: boundaryIndex === undefined })}>\n                    <Button\n                        className={moreButtonClassName}\n                        menu={menuProps => (\n                            <Menu {...menuProps}>\n                                <Menu.Content className=\"hidden lg:block\">\n                                    {hiddenChildren.map((child, index) => {\n                                        const href: string | undefined = child.props.to || child.props.href;\n                                        const target = href?.startsWith('http') ? '_blank' : '_self';\n                                        // Removing className prop so that custom styling cannot be applied on Menu.Link\n                                        const { as, className: _, ...otherProps } = child.props;\n\n                                        if (as) {\n                                            return React.cloneElement(child, {\n                                                as: Menu.Link,\n                                                key: index,\n                                                target,\n                                                ...otherProps,\n                                            });\n                                        }\n\n                                        return <Menu.Link key={index} target={target} {...otherProps} />;\n                                    })}\n                                </Menu.Content>\n                            </Menu>\n                        )}\n                        ref={buttonRef}>\n                        {texts.header.more}\n                    </Button>\n                </li>\n            </ul>\n            <ChildrenWidth setWidth={setChildWidths}>{props.children}</ChildrenWidth>\n        </nav>\n    );\n});\n"],"names":["getChildWidths","parent","widths","index","children","length","childRect","getBoundingClientRect","push","width","ChildrenWidth","setWidth","ref","React","useRef","show","setShow","useState","useEffect","current","Portal","className","cn","useBoundaryIndex","wrapperWidth","buttonRef","childWidths","GAP","useMemo","realWidth","boundary","total","every","nextWidth","undefined","PrimaryNavigation","forwardRef","props","texts","useLocalization","internalRef","useMergedRef","rect","useBoundingClientRectListener","setChildWidths","boundaryIndex","moreButtonClassName","getLinkClasses","visibleChildren","hiddenChildren","Children","forEach","child","isValidElement","invisible","Button","menu","menuProps","Menu","Content","map","href","to","target","startsWith","as","_","otherProps","cloneElement","Link","key","header","more"],"mappings":"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"}
+{"version":3,"file":"PrimaryNavigation.js","sources":["../../../../../../../../src/components/Header/components/PrimaryNavigation.tsx"],"sourcesContent":["import React from 'react';\nimport cn from 'classnames';\nimport { Portal } from '@radix-ui/react-portal';\nimport { getLinkClasses } from './Link';\nimport { useMergedRef } from '../../../hooks/useMergedRef';\nimport { useBoundingClientRectListener } from '../../../hooks/useBoundingClientRectListener';\nimport { Button } from '../../Button/Button';\nimport { Menu } from '../../Menu/Menu';\nimport { useLocalization } from '../../Provider/Localization';\n\ntype ChildrenWidthProps = {\n    setWidth: React.Dispatch<React.SetStateAction<number[]>>;\n    children: React.ReactNode;\n};\n\nconst getChildWidths = (parent: HTMLDivElement): number[] => {\n    const widths: number[] = [];\n\n    for (let index = 0; index < parent.children.length; index++) {\n        const childRect = parent.children[index].firstElementChild?.getBoundingClientRect();\n        widths.push(childRect?.width ?? 0);\n    }\n\n    return widths;\n};\n\nconst ChildrenWidth = ({ setWidth, children }: ChildrenWidthProps) => {\n    const ref = React.useRef<HTMLDivElement>(null);\n    const [show, setShow] = React.useState(true);\n\n    React.useEffect(() => {\n        // Calculate the width of children, and then hides the portal\n        if (ref.current && show) {\n            setWidth(getChildWidths(ref.current));\n            setShow(false);\n        }\n    }, [show]);\n\n    React.useEffect(() => {\n        // If children changes, then we render the children to calculate their width\n        if (!show) {\n            setShow(true);\n        }\n    }, [children]);\n\n    return show ? (\n        <Portal className={cn('invisible absolute z-[-10] flex translate-x-[-1000px]')} ref={ref}>\n            {children}\n        </Portal>\n    ) : null;\n};\n\nconst useBoundaryIndex = (wrapperWidth: number, buttonRef: React.RefObject<HTMLButtonElement>, childWidths: number[]) => {\n    // Primary navigation has a gap of gap-1, so we need to take the gap value in account as well\n    // left gap + right gap = 8px\n    const GAP = 8;\n\n    return React.useMemo(() => {\n        if (childWidths.length && wrapperWidth && buttonRef.current) {\n            const realWidth = wrapperWidth - buttonRef.current.getBoundingClientRect().width - GAP;\n            let boundary: number | undefined;\n            let total = 0;\n\n            childWidths.every((width, index) => {\n                const nextWidth = total + width + GAP;\n\n                if (nextWidth > realWidth) {\n                    boundary = index;\n                    return false;\n                }\n\n                total = nextWidth;\n                return true;\n            });\n\n            return boundary;\n        }\n\n        return undefined;\n    }, [childWidths, wrapperWidth]);\n};\n\nexport type PrimaryNavigationProps = React.HTMLAttributes<HTMLElement>;\n\nexport const PrimaryNavigation = React.forwardRef<HTMLElement, PrimaryNavigationProps>(function PrimaryNavigation(props, ref) {\n    const { texts } = useLocalization();\n    const internalRef = useMergedRef<HTMLDivElement>(ref);\n    const rect = useBoundingClientRectListener(internalRef);\n    const buttonRef = React.useRef<HTMLButtonElement>(null);\n    const [childWidths, setChildWidths] = React.useState<number[]>([]);\n    const boundaryIndex = useBoundaryIndex(rect?.width ?? 0, buttonRef, childWidths);\n\n    const className = cn(\n        'flex h-full w-full flex-grow items-center overflow-hidden active:outline-none relative',\n        props.className\n    );\n\n    const moreButtonClassName = cn(getLinkClasses(), '!bg-transparent aria-expanded:!bg-white/[.08]');\n\n    const [visibleChildren, hiddenChildren] = React.useMemo(() => {\n        const visibleChildren: JSX.Element[] = [];\n        const hiddenChildren: JSX.Element[] = [];\n\n        React.Children.forEach(props.children, (child, index) => {\n            if (React.isValidElement(child) && !!child) {\n                if (boundaryIndex && index >= boundaryIndex) {\n                    hiddenChildren.push(child);\n                } else {\n                    visibleChildren.push(child);\n                }\n            }\n        });\n\n        return [visibleChildren, hiddenChildren];\n    }, [boundaryIndex, props.children]);\n\n    return (\n        <nav {...props} className={className} ref={internalRef}>\n            <ul className=\"mb-0 flex h-full w-full items-center gap-1 overflow-hidden px-1\">\n                {visibleChildren}\n                <li className={cn({ invisible: boundaryIndex === undefined })}>\n                    <Button\n                        className={moreButtonClassName}\n                        menu={menuProps => (\n                            <Menu {...menuProps}>\n                                <Menu.Content className=\"hidden lg:block\">\n                                    {hiddenChildren.map((child, index) => {\n                                        const href: string | undefined = child.props.to || child.props.href;\n                                        const target = href?.startsWith('http') ? '_blank' : '_self';\n                                        // Removing className prop so that custom styling cannot be applied on Menu.Link\n                                        const { as, className: _, ...otherProps } = child.props;\n\n                                        if (as) {\n                                            return React.cloneElement(child, {\n                                                as: Menu.Link,\n                                                key: index,\n                                                target,\n                                                ...otherProps,\n                                            });\n                                        }\n\n                                        return <Menu.Link key={index} target={target} {...otherProps} />;\n                                    })}\n                                </Menu.Content>\n                            </Menu>\n                        )}\n                        ref={buttonRef}>\n                        {texts.header.more}\n                    </Button>\n                </li>\n            </ul>\n            <ChildrenWidth setWidth={setChildWidths}>{props.children}</ChildrenWidth>\n        </nav>\n    );\n});\n"],"names":["getChildWidths","parent","widths","index","children","length","childRect","firstElementChild","getBoundingClientRect","push","width","ChildrenWidth","setWidth","ref","React","useRef","show","setShow","useState","useEffect","current","Portal","className","cn","useBoundaryIndex","wrapperWidth","buttonRef","childWidths","GAP","useMemo","realWidth","boundary","total","every","nextWidth","undefined","PrimaryNavigation","forwardRef","props","texts","useLocalization","internalRef","useMergedRef","rect","useBoundingClientRectListener","setChildWidths","boundaryIndex","moreButtonClassName","getLinkClasses","visibleChildren","hiddenChildren","Children","forEach","child","isValidElement","invisible","Button","menu","menuProps","Menu","Content","map","href","to","target","startsWith","as","_","otherProps","cloneElement","Link","key","header","more"],"mappings":"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"}

package/dist/esm/packages/taco/src/components/Input/Input.js

@@ -1,9 +1,9 @@
 import { forwardRef, createElement, useRef, memo, cloneElement } from 'react';
 import cn from 'classnames';
 import { Icon } from '../Icon/Icon.js';
+import { useMergedRef } from '../../hooks/useMergedRef.js';
 import { getButtonStateClasses, getInputClasses } from './util.js';
 import { useBoundingClientRectListener } from '../../hooks/useBoundingClientRectListener.js';
-import { useMergedRef } from '../../hooks/useMergedRef.js';
 
 const validSetSelectionRangeTypes = ['text', 'search', 'url', 'tel', 'password'];
 const InputWithoutDeprecatedFeatures = /*#__PURE__*/forwardRef(function InputWithoutDeprecatedFeatures(props, ref) {

package/dist/esm/packages/taco/src/components/Listbox/ScrollableList.js

@@ -1,9 +1,9 @@
 import { forwardRef, useMemo, createRef, useEffect, createElement } from 'react';
 import cn from 'classnames';
 import { useLocalization } from '../Provider/Localization.js';
+import { useMergedRef } from '../../hooks/useMergedRef.js';
 import { Checkbox } from '../Checkbox/Checkbox.js';
 import { getInputClasses } from '../Input/util.js';
-import { useMergedRef } from '../../hooks/useMergedRef.js';
 import { getNextIndexFromKey } from '../../utils/hooks/useListKeyboardNavigation.js';
 import { useListScrollTo } from '../../utils/hooks/useListScrollTo.js';
 import { Spinner } from '../Spinner/Spinner.js';

package/dist/esm/packages/taco/src/components/Listbox/useListbox.js

@@ -1,6 +1,6 @@
 import { useMemo, useEffect } from 'react';
-import { v4 } from 'uuid';
 import { useMergedRef } from '../../hooks/useMergedRef.js';
+import { v4 } from 'uuid';
 import { useFlattenedData, getIndexFromValue, getActiveDescendant, setInputValueByRef, findByValue, sanitizeItem } from './util.js';
 import { useTypeahead } from './useTypeahead.js';
 

package/dist/esm/packages/taco/src/components/Listbox/useMultiListbox.js

@@ -1,7 +1,7 @@
 import { useMemo, useState, useEffect } from 'react';
 import { useLocalization } from '../Provider/Localization.js';
-import { v4 } from 'uuid';
 import { useMergedRef } from '../../hooks/useMergedRef.js';
+import { v4 } from 'uuid';
 import { getIndexFromValue, getSelectedIndexesFromValue, setInputValueByRef, getActiveDescendant, findByValue } from './util.js';
 import { useTypeahead } from './useTypeahead.js';
 

package/dist/esm/packages/taco/src/components/Menu/Menu.js

@@ -1,7 +1,7 @@
 import { forwardRef, useState, useMemo, createElement } from 'react';
-import { MenuContext } from './Context.js';
-import { useControllableState } from '@radix-ui/react-use-controllable-state';
 import { Root } from '@radix-ui/react-dropdown-menu';
+import { useControllableState } from '@radix-ui/react-use-controllable-state';
+import { MenuContext } from './Context.js';
 import { Content } from './components/Content.js';
 import { Item } from './components/Item.js';
 import { Link } from './components/Link.js';

package/dist/esm/packages/taco/src/components/Menu/components/Content.js

@@ -1,8 +1,8 @@
 import { forwardRef, createElement } from 'react';
 import cn from 'classnames';
 import { useMergedRef } from '../../../hooks/useMergedRef.js';
-import { useCurrentMenu } from '../Context.js';
 import { Portal, Content as Content$1 } from '@radix-ui/react-dropdown-menu';
+import { useCurrentMenu } from '../Context.js';
 
 const Content = /*#__PURE__*/forwardRef(function MenuContent(props, ref) {
   const internalRef = useMergedRef(ref);

package/dist/esm/packages/taco/src/components/Menu/components/Header.js

@@ -1,7 +1,7 @@
 import { forwardRef, createElement } from 'react';
 import cn from 'classnames';
-import { useCurrentMenu } from '../Context.js';
 import { Label } from '@radix-ui/react-dropdown-menu';
+import { useCurrentMenu } from '../Context.js';
 
 const Header = /*#__PURE__*/forwardRef(function MenuHeader(props, ref) {
   const menu = useCurrentMenu();

package/dist/esm/packages/taco/src/components/Menu/components/Item.js

@@ -1,8 +1,8 @@
 import { forwardRef, createElement, useEffect } from 'react';
 import cn from 'classnames';
 import { Icon as Icon$1 } from '../../Icon/Icon.js';
-import { useCurrentMenu } from '../Context.js';
 import { Item as Item$1 } from '@radix-ui/react-dropdown-menu';
+import { useCurrentMenu } from '../Context.js';
 
 const Icon = ({
   name

package/dist/esm/packages/taco/src/components/Menu/components/Link.js

@@ -1,6 +1,6 @@
 import { forwardRef, createElement } from 'react';
-import { useCurrentMenu } from '../Context.js';
 import { Item } from '@radix-ui/react-dropdown-menu';
+import { useCurrentMenu } from '../Context.js';
 import { useItemStyling, Icon } from './Item.js';
 
 const Link = /*#__PURE__*/forwardRef(function MenuLink(props, ref) {

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

@@ -1,7 +1,7 @@
 import { forwardRef, useEffect, createElement } from 'react';
 import { useMergedRef } from '../../../hooks/useMergedRef.js';
-import { useCurrentMenu } from '../Context.js';
 import { Trigger as Trigger$1 } from '@radix-ui/react-dropdown-menu';
+import { useCurrentMenu } from '../Context.js';
 
 const Trigger = /*#__PURE__*/forwardRef(function MenuTrigger(props, ref) {
   const menu = useCurrentMenu();

package/dist/esm/packages/taco/src/components/Select/useSelect.js

@@ -1,8 +1,8 @@
 import { useState, useMemo, useRef, useEffect, createElement, Fragment, cloneElement } from 'react';
 import cn from 'classnames';
 import { useLocalization } from '../Provider/Localization.js';
-import { v4 } from 'uuid';
 import { useMergedRef } from '../../hooks/useMergedRef.js';
+import { v4 } from 'uuid';
 import { createCustomEvent } from '../../utils/input.js';
 import { useFlattenedData, findByValue, setInputValueByRef, sanitizeItem } from '../Listbox/util.js';
 

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

@@ -1,11 +1,11 @@
 import React__default from 'react';
 import cn from 'classnames';
 import { useLocalization } from '../Provider/Localization.js';
+import { useMergedRef } from '../../hooks/useMergedRef.js';
+import { useControllableState } from '@radix-ui/react-use-controllable-state';
 import { Root, Trigger, Portal, Content } from '@radix-ui/react-popover';
 import { useBoundingClientRectListener } from '../../hooks/useBoundingClientRectListener.js';
-import { useMergedRef } from '../../hooks/useMergedRef.js';
 import { createCustomKeyboardEvent } from '../../utils/input.js';
-import { useControllableState } from '@radix-ui/react-use-controllable-state';
 import { isAriaDirectionKey } from '../../utils/aria.js';
 import { Root as Root$1, createListboxValueSetter } from '../../primitives/Listbox2/components/Root.js';
 import '../../primitives/Listbox2/components/Option.js';

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';
@@ -62,8 +64,8 @@ export { Table2 } from './components/Table2/Table2.js';
 export { Tabs } from './components/Tabs/Tabs.js';
 export { Textarea } from './components/Textarea/Textarea.js';
 export { Tour, TourStep } from './components/Tour/Tour.js';
-export { Header } from './components/Header/Header.js';
 export { useMatchMedia } from './hooks/useMatchMedia.js';
+export { Header } from './components/Header/Header.js';
 export { useIsLargeScreen } from './hooks/useIsLargeScreen.js';
 export { Layout } from './components/Layout/Layout.js';
 export { getNavigationLinkClasses } from './components/Navigation2/components/Link.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';