@economic/taco 2.40.0 → 2.40.1

package/dist/esm/packages/taco/src/primitives/Listbox2/components/Group.js

@@ -0,0 +1,19 @@
+import React__default from 'react';
+
+const Group = /*#__PURE__*/React__default.forwardRef(function Listbox2Group(props, ref) {
+  const [labelledById, setLabelledById] = React__default.useState();
+  return /*#__PURE__*/React__default.createElement(Listbox2GroupContext.Provider, {
+    value: {
+      setLabelledById
+    }
+  }, /*#__PURE__*/React__default.createElement("div", Object.assign({}, props, {
+    "aria-labelledby": labelledById,
+    ref: ref,
+    role: "group"
+  })));
+});
+const Listbox2GroupContext = /*#__PURE__*/React__default.createContext({});
+const useListbox2GroupContext = () => React__default.useContext(Listbox2GroupContext);
+
+export { Group, Listbox2GroupContext, useListbox2GroupContext };
+//# sourceMappingURL=Group.js.map

package/dist/esm/packages/taco/src/primitives/Listbox2/components/Group.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Group.js","sources":["../../../../../../../../src/primitives/Listbox2/components/Group.tsx"],"sourcesContent":["import React from 'react';\n\nexport type Listbox2GroupProps = React.HTMLAttributes<HTMLDivElement>;\n\nexport const Group = React.forwardRef<HTMLDivElement, Listbox2GroupProps>(function Listbox2Group(props, ref) {\n    const [labelledById, setLabelledById] = React.useState<string>();\n\n    return (\n        <Listbox2GroupContext.Provider value={{ setLabelledById }}>\n            <div {...props} aria-labelledby={labelledById} ref={ref} role=\"group\" />\n        </Listbox2GroupContext.Provider>\n    );\n});\n\nexport type Listbox2GroupContextProps = {\n    setLabelledById: (id: string) => void;\n};\n\nexport const Listbox2GroupContext = React.createContext({} as Listbox2GroupContextProps);\nexport const useListbox2GroupContext = () => React.useContext(Listbox2GroupContext);\n"],"names":["Group","React","forwardRef","Listbox2Group","props","ref","labelledById","setLabelledById","useState","Listbox2GroupContext","Provider","value","role","createContext","useListbox2GroupContext","useContext"],"mappings":";;MAIaA,KAAK,gBAAGC,cAAK,CAACC,UAAU,CAAqC,SAASC,aAAaA,CAACC,KAAK,EAAEC,GAAG;EACvG,MAAM,CAACC,YAAY,EAAEC,eAAe,CAAC,GAAGN,cAAK,CAACO,QAAQ,EAAU;EAEhE,oBACIP,6BAACQ,oBAAoB,CAACC,QAAQ;IAACC,KAAK,EAAE;MAAEJ;;kBACpCN,sDAASG,KAAK;uBAAmBE,YAAY;IAAED,GAAG,EAAEA,GAAG;IAAEO,IAAI,EAAC;KAAU,CAC5C;AAExC,CAAC;MAMYH,oBAAoB,gBAAGR,cAAK,CAACY,aAAa,CAAC,EAA+B;MAC1EC,uBAAuB,GAAGA,MAAMb,cAAK,CAACc,UAAU,CAACN,oBAAoB;;;;"}

package/dist/esm/packages/taco/src/primitives/Listbox2/components/Option.js

@@ -0,0 +1,62 @@
+import React__default from 'react';
+import { useId } from '../../../hooks/useId.js';
+import { isAriaSelectionKey } from '../../../utils/aria.js';
+import { useListbox2Context } from './Context.js';
+
+const Option = /*#__PURE__*/React__default.forwardRef(function Listbox2Option(props, ref) {
+  const {
+    disabled,
+    id: nativeId,
+    title,
+    value,
+    ...otherProps
+  } = props;
+  const {
+    disabled: listboxDisabled,
+    readOnly: listboxReadOnly,
+    setValue,
+    value: currentValue
+  } = useListbox2Context();
+  // The id name cannot start with a number, otherwise unit tests will fail when trying to querry element with such id.
+  // That's why adding prefix.
+  const id = 'option-' + useId(nativeId);
+  const selected = Array.isArray(currentValue) ? currentValue.includes(value) : currentValue === value;
+  const handleClick = event => {
+    if (disabled || listboxDisabled || listboxReadOnly) {
+      event.stopPropagation();
+      return;
+    } else {
+      setValue(value);
+    }
+    if (typeof props.onClick === 'function') {
+      props.onClick(event);
+    }
+  };
+  const handleKeyDown = event => {
+    if (disabled || listboxDisabled || listboxReadOnly) {
+      event.stopPropagation();
+      return;
+    }
+    // UX requirement: if tab key is pressed and the current option is selected then keydown event is ignored
+    else if (event.key === 'Tab' && selected) {
+      return;
+    } else if (isAriaSelectionKey(event)) {
+      setValue(value);
+    }
+    if (typeof props.onKeyDown === 'function') {
+      props.onKeyDown(event);
+    }
+  };
+  return /*#__PURE__*/React__default.createElement("div", Object.assign({}, otherProps, {
+    "aria-disabled": listboxDisabled || disabled ? 'true' : undefined,
+    "aria-selected": selected ? 'true' : undefined,
+    id: id,
+    onClick: handleClick,
+    onKeyDown: handleKeyDown,
+    ref: ref,
+    role: "option"
+  }));
+});
+
+export { Option };
+//# sourceMappingURL=Option.js.map

package/dist/esm/packages/taco/src/primitives/Listbox2/components/Option.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Option.js","sources":["../../../../../../../../src/primitives/Listbox2/components/Option.tsx"],"sourcesContent":["import React from 'react';\nimport { useId } from '../../../hooks/useId';\nimport { isAriaSelectionKey } from '../../../utils/aria';\nimport { Listbox2OptionValue } from '../types';\nimport { useListbox2Context } from './Context';\n\nexport type Listbox2OptionProps = React.HTMLAttributes<HTMLDivElement> & {\n    disabled?: boolean;\n    value: Listbox2OptionValue;\n};\n\nexport const Option = React.forwardRef<HTMLDivElement, Listbox2OptionProps>(function Listbox2Option(props, ref) {\n    const { disabled, id: nativeId, title, value, ...otherProps } = props;\n    const { disabled: listboxDisabled, readOnly: listboxReadOnly, setValue, value: currentValue } = useListbox2Context();\n    // The id name cannot start with a number, otherwise unit tests will fail when trying to querry element with such id.\n    // That's why adding prefix.\n    const id = 'option-' + useId(nativeId);\n    const selected = Array.isArray(currentValue) ? currentValue.includes(value) : currentValue === value;\n\n    const handleClick = (event: React.MouseEvent<HTMLDivElement>) => {\n        if (disabled || listboxDisabled || listboxReadOnly) {\n            event.stopPropagation();\n            return;\n        } else {\n            setValue(value);\n        }\n\n        if (typeof props.onClick === 'function') {\n            props.onClick(event);\n        }\n    };\n\n    const handleKeyDown = (event: React.KeyboardEvent<HTMLDivElement>) => {\n        if (disabled || listboxDisabled || listboxReadOnly) {\n            event.stopPropagation();\n            return;\n        }\n        // UX requirement: if tab key is pressed and the current option is selected then keydown event is ignored\n        else if (event.key === 'Tab' && selected) {\n            return;\n        } else if (isAriaSelectionKey(event)) {\n            setValue(value);\n        }\n\n        if (typeof props.onKeyDown === 'function') {\n            props.onKeyDown(event);\n        }\n    };\n\n    return (\n        <div\n            {...otherProps}\n            aria-disabled={listboxDisabled || disabled ? 'true' : undefined}\n            aria-selected={selected ? 'true' : undefined}\n            id={id}\n            onClick={handleClick}\n            onKeyDown={handleKeyDown}\n            ref={ref}\n            role=\"option\"\n        />\n    );\n});\n"],"names":["Option","React","forwardRef","Listbox2Option","props","ref","disabled","id","nativeId","title","value","otherProps","listboxDisabled","readOnly","listboxReadOnly","setValue","currentValue","useListbox2Context","useId","selected","Array","isArray","includes","handleClick","event","stopPropagation","onClick","handleKeyDown","key","isAriaSelectionKey","onKeyDown","undefined","role"],"mappings":";;;;;MAWaA,MAAM,gBAAGC,cAAK,CAACC,UAAU,CAAsC,SAASC,cAAcA,CAACC,KAAK,EAAEC,GAAG;EAC1G,MAAM;IAAEC,QAAQ;IAAEC,EAAE,EAAEC,QAAQ;IAAEC,KAAK;IAAEC,KAAK;IAAE,GAAGC;GAAY,GAAGP,KAAK;EACrE,MAAM;IAAEE,QAAQ,EAAEM,eAAe;IAAEC,QAAQ,EAAEC,eAAe;IAAEC,QAAQ;IAAEL,KAAK,EAAEM;GAAc,GAAGC,kBAAkB,EAAE;;;EAGpH,MAAMV,EAAE,GAAG,SAAS,GAAGW,KAAK,CAACV,QAAQ,CAAC;EACtC,MAAMW,QAAQ,GAAGC,KAAK,CAACC,OAAO,CAACL,YAAY,CAAC,GAAGA,YAAY,CAACM,QAAQ,CAACZ,KAAK,CAAC,GAAGM,YAAY,KAAKN,KAAK;EAEpG,MAAMa,WAAW,GAAIC,KAAuC;IACxD,IAAIlB,QAAQ,IAAIM,eAAe,IAAIE,eAAe,EAAE;MAChDU,KAAK,CAACC,eAAe,EAAE;MACvB;KACH,MAAM;MACHV,QAAQ,CAACL,KAAK,CAAC;;IAGnB,IAAI,OAAON,KAAK,CAACsB,OAAO,KAAK,UAAU,EAAE;MACrCtB,KAAK,CAACsB,OAAO,CAACF,KAAK,CAAC;;GAE3B;EAED,MAAMG,aAAa,GAAIH,KAA0C;IAC7D,IAAIlB,QAAQ,IAAIM,eAAe,IAAIE,eAAe,EAAE;MAChDU,KAAK,CAACC,eAAe,EAAE;MACvB;;;SAGC,IAAID,KAAK,CAACI,GAAG,KAAK,KAAK,IAAIT,QAAQ,EAAE;MACtC;KACH,MAAM,IAAIU,kBAAkB,CAACL,KAAK,CAAC,EAAE;MAClCT,QAAQ,CAACL,KAAK,CAAC;;IAGnB,IAAI,OAAON,KAAK,CAAC0B,SAAS,KAAK,UAAU,EAAE;MACvC1B,KAAK,CAAC0B,SAAS,CAACN,KAAK,CAAC;;GAE7B;EAED,oBACIvB,sDACQU,UAAU;qBACCC,eAAe,IAAIN,QAAQ,GAAG,MAAM,GAAGyB,SAAS;qBAChDZ,QAAQ,GAAG,MAAM,GAAGY,SAAS;IAC5CxB,EAAE,EAAEA,EAAE;IACNmB,OAAO,EAAEH,WAAW;IACpBO,SAAS,EAAEH,aAAa;IACxBtB,GAAG,EAAEA,GAAG;IACR2B,IAAI,EAAC;KACP;AAEV,CAAC;;;;"}

package/dist/esm/packages/taco/src/primitives/Listbox2/components/Root.js

@@ -0,0 +1,65 @@
+import React__default from 'react';
+import { useId } from '../../../hooks/useId.js';
+import { Root as Root$1 } from '../../Collection/components/Root.js';
+import '../../Collection/Collection.js';
+import { Listbox2Context } from './Context.js';
+
+const DEFAULT_SELECTOR = '[role="option"]';
+const Root = /*#__PURE__*/React__default.forwardRef(function Listbox2(props, ref) {
+  const {
+    children,
+    customSelector,
+    disabled = false,
+    id: nativeId,
+    multiple,
+    readOnly = false,
+    setValue,
+    title,
+    value,
+    ...otherProps
+  } = props;
+  // The id name cannot start with a number, otherwise unit tests will fail when trying to querry element with such id.
+  // That's why adding prefix.
+  const id = 'listbox2-' + useId(nativeId);
+  const context = React__default.useMemo(() => ({
+    disabled,
+    readOnly,
+    setValue,
+    value
+  }), [disabled, readOnly, value]);
+  return /*#__PURE__*/React__default.createElement(Listbox2Context.Provider, {
+    value: context
+  }, /*#__PURE__*/React__default.createElement("div", {
+    "data-taco": "listbox2"
+  }, /*#__PURE__*/React__default.createElement(Root$1, Object.assign({}, otherProps, {
+    "aria-multiselectable": multiple ? true : undefined,
+    id: id,
+    querySelector: customSelector ? `${DEFAULT_SELECTOR}, ${customSelector}` : DEFAULT_SELECTOR,
+    ref: ref,
+    role: "listbox"
+  }), children)));
+});
+const createListboxValueSetter = (multiple, setValue) => nextValue => {
+  setValue(value => {
+    if (Array.isArray(nextValue)) {
+      return nextValue;
+    }
+    if (multiple) {
+      if (value === undefined) {
+        return [nextValue];
+      } else if (Array.isArray(value)) {
+        if (value.includes(nextValue)) {
+          return value.filter(v => v !== nextValue);
+        }
+        return [...value, nextValue];
+      } else if (value === nextValue) {
+        return [];
+      }
+      return [value, nextValue];
+    }
+    return nextValue;
+  });
+};
+
+export { Root, createListboxValueSetter };
+//# sourceMappingURL=Root.js.map

package/dist/esm/packages/taco/src/primitives/Listbox2/components/Root.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Root.js","sources":["../../../../../../../../src/primitives/Listbox2/components/Root.tsx"],"sourcesContent":["import React from 'react';\nimport { useId } from '../../../hooks/useId';\nimport * as CollectionPrimitive from '../../Collection/Collection';\nimport { Listbox2Value } from '../types';\nimport { Listbox2Context } from './Context';\n\nexport type Listbox2Props = React.HTMLAttributes<HTMLDivElement> & {\n    customSelector?: string;\n    disabled?: boolean;\n    multiple?: boolean;\n    readOnly?: boolean;\n    setValue: (value: Listbox2Value) => void;\n    value?: Listbox2Value;\n};\n\nconst DEFAULT_SELECTOR = '[role=\"option\"]';\n\nexport const Root = React.forwardRef<CollectionPrimitive.CollectionRef, Listbox2Props>(function Listbox2(props, ref) {\n    const {\n        children,\n        customSelector,\n        disabled = false,\n        id: nativeId,\n        multiple,\n        readOnly = false,\n        setValue,\n        title,\n        value,\n        ...otherProps\n    } = props;\n    // The id name cannot start with a number, otherwise unit tests will fail when trying to querry element with such id.\n    // That's why adding prefix.\n    const id = 'listbox2-' + useId(nativeId);\n\n    const context = React.useMemo(\n        () => ({\n            disabled,\n            readOnly,\n            setValue,\n            value,\n        }),\n        [disabled, readOnly, value]\n    );\n\n    return (\n        <Listbox2Context.Provider value={context}>\n            <div data-taco=\"listbox2\">\n                <CollectionPrimitive.Root\n                    {...otherProps}\n                    aria-multiselectable={multiple ? true : undefined}\n                    id={id}\n                    querySelector={customSelector ? `${DEFAULT_SELECTOR}, ${customSelector}` : DEFAULT_SELECTOR}\n                    ref={ref}\n                    role=\"listbox\">\n                    {children}\n                </CollectionPrimitive.Root>\n            </div>\n        </Listbox2Context.Provider>\n    );\n});\n\nexport const createListboxValueSetter =\n    (multiple: boolean, setValue: React.Dispatch<React.SetStateAction<Listbox2Value | undefined>>) =>\n    (nextValue: Listbox2Value) => {\n        setValue(value => {\n            if (Array.isArray(nextValue)) {\n                return nextValue;\n            }\n\n            if (multiple) {\n                if (value === undefined) {\n                    return [nextValue];\n                } else if (Array.isArray(value)) {\n                    if (value.includes(nextValue)) {\n                        return value.filter(v => v !== nextValue);\n                    }\n\n                    return [...value, nextValue];\n                } else if (value === nextValue) {\n                    return [];\n                }\n\n                return [value, nextValue];\n            }\n\n            return nextValue;\n        });\n    };\n"],"names":["DEFAULT_SELECTOR","Root","React","forwardRef","Listbox2","props","ref","children","customSelector","disabled","id","nativeId","multiple","readOnly","setValue","title","value","otherProps","useId","context","useMemo","Listbox2Context","Provider","CollectionPrimitive","undefined","querySelector","role","createListboxValueSetter","nextValue","Array","isArray","includes","filter","v"],"mappings":";;;;;;AAeA,MAAMA,gBAAgB,GAAG,iBAAiB;MAE7BC,IAAI,gBAAGC,cAAK,CAACC,UAAU,CAAmD,SAASC,QAAQA,CAACC,KAAK,EAAEC,GAAG;EAC/G,MAAM;IACFC,QAAQ;IACRC,cAAc;IACdC,QAAQ,GAAG,KAAK;IAChBC,EAAE,EAAEC,QAAQ;IACZC,QAAQ;IACRC,QAAQ,GAAG,KAAK;IAChBC,QAAQ;IACRC,KAAK;IACLC,KAAK;IACL,GAAGC;GACN,GAAGZ,KAAK;;;EAGT,MAAMK,EAAE,GAAG,WAAW,GAAGQ,KAAK,CAACP,QAAQ,CAAC;EAExC,MAAMQ,OAAO,GAAGjB,cAAK,CAACkB,OAAO,CACzB,OAAO;IACHX,QAAQ;IACRI,QAAQ;IACRC,QAAQ;IACRE;GACH,CAAC,EACF,CAACP,QAAQ,EAAEI,QAAQ,EAAEG,KAAK,CAAC,CAC9B;EAED,oBACId,6BAACmB,eAAe,CAACC,QAAQ;IAACN,KAAK,EAAEG;kBAC7BjB;iBAAe;kBACXA,6BAACqB,MAAwB,oBACjBN,UAAU;4BACQL,QAAQ,GAAG,IAAI,GAAGY,SAAS;IACjDd,EAAE,EAAEA,EAAE;IACNe,aAAa,EAAEjB,cAAc,GAAG,GAAGR,gBAAgB,KAAKQ,cAAc,EAAE,GAAGR,gBAAgB;IAC3FM,GAAG,EAAEA,GAAG;IACRoB,IAAI,EAAC;MACJnB,QAAQ,CACc,CACzB,CACiB;AAEnC,CAAC;MAEYoB,wBAAwB,GACjCA,CAACf,QAAiB,EAAEE,QAAyE,KAC5Fc,SAAwB;EACrBd,QAAQ,CAACE,KAAK;IACV,IAAIa,KAAK,CAACC,OAAO,CAACF,SAAS,CAAC,EAAE;MAC1B,OAAOA,SAAS;;IAGpB,IAAIhB,QAAQ,EAAE;MACV,IAAII,KAAK,KAAKQ,SAAS,EAAE;QACrB,OAAO,CAACI,SAAS,CAAC;OACrB,MAAM,IAAIC,KAAK,CAACC,OAAO,CAACd,KAAK,CAAC,EAAE;QAC7B,IAAIA,KAAK,CAACe,QAAQ,CAACH,SAAS,CAAC,EAAE;UAC3B,OAAOZ,KAAK,CAACgB,MAAM,CAACC,CAAC,IAAIA,CAAC,KAAKL,SAAS,CAAC;;QAG7C,OAAO,CAAC,GAAGZ,KAAK,EAAEY,SAAS,CAAC;OAC/B,MAAM,IAAIZ,KAAK,KAAKY,SAAS,EAAE;QAC5B,OAAO,EAAE;;MAGb,OAAO,CAACZ,KAAK,EAAEY,SAAS,CAAC;;IAG7B,OAAOA,SAAS;GACnB,CAAC;AACN;;;;"}

package/dist/esm/packages/taco/src/primitives/Listbox2/components/Title.js

@@ -0,0 +1,25 @@
+import React__default from 'react';
+import { useId } from '../../../hooks/useId.js';
+import { useListbox2GroupContext } from './Group.js';
+
+const Title = /*#__PURE__*/React__default.forwardRef(function Listbox2Group(props, ref) {
+  const {
+    id: nativeId,
+    ...otherProps
+  } = props;
+  const {
+    setLabelledById
+  } = useListbox2GroupContext();
+  const id = useId(nativeId);
+  React__default.useEffect(() => {
+    setLabelledById(id);
+  }, [id]);
+  return /*#__PURE__*/React__default.createElement("div", Object.assign({}, otherProps, {
+    id: id,
+    ref: ref,
+    role: "presentation"
+  }));
+});
+
+export { Title };
+//# sourceMappingURL=Title.js.map

package/dist/esm/packages/taco/src/primitives/Listbox2/components/Title.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Title.js","sources":["../../../../../../../../src/primitives/Listbox2/components/Title.tsx"],"sourcesContent":["import React from 'react';\nimport { useId } from '../../../hooks/useId';\nimport { useListbox2GroupContext } from './Group';\n\nexport type Listbox2TitleProps = React.HTMLAttributes<HTMLDivElement>;\n\nexport const Title = React.forwardRef<HTMLDivElement, Listbox2TitleProps>(function Listbox2Group(props, ref) {\n    const { id: nativeId, ...otherProps } = props;\n    const { setLabelledById } = useListbox2GroupContext();\n    const id = useId(nativeId);\n\n    React.useEffect(() => {\n        setLabelledById(id);\n    }, [id]);\n\n    return <div {...otherProps} id={id} ref={ref} role=\"presentation\" />;\n});\n"],"names":["Title","React","forwardRef","Listbox2Group","props","ref","id","nativeId","otherProps","setLabelledById","useListbox2GroupContext","useId","useEffect","role"],"mappings":";;;;MAMaA,KAAK,gBAAGC,cAAK,CAACC,UAAU,CAAqC,SAASC,aAAaA,CAACC,KAAK,EAAEC,GAAG;EACvG,MAAM;IAAEC,EAAE,EAAEC,QAAQ;IAAE,GAAGC;GAAY,GAAGJ,KAAK;EAC7C,MAAM;IAAEK;GAAiB,GAAGC,uBAAuB,EAAE;EACrD,MAAMJ,EAAE,GAAGK,KAAK,CAACJ,QAAQ,CAAC;EAE1BN,cAAK,CAACW,SAAS,CAAC;IACZH,eAAe,CAACH,EAAE,CAAC;GACtB,EAAE,CAACA,EAAE,CAAC,CAAC;EAER,oBAAOL,sDAASO,UAAU;IAAEF,EAAE,EAAEA,EAAE;IAAED,GAAG,EAAEA,GAAG;IAAEQ,IAAI,EAAC;KAAiB;AACxE,CAAC;;;;"}

package/dist/esm/packages/taco/src/primitives/Sortable/components/Container.js

@@ -0,0 +1,61 @@
+import React__default from 'react';
+import { DndContext, closestCenter } from '@dnd-kit/core';
+import { restrictToVerticalAxis } from '@dnd-kit/modifiers';
+
+function getContainerById(children, id) {
+  var _lists$find;
+  const lists = React__default.Children.toArray(children).filter(child => child.type.displayName === 'SortableList');
+  const list = lists.find(list => list.props.id === id);
+  if (list) {
+    return list === null || list === void 0 ? void 0 : list.props;
+  }
+  return (_lists$find = lists.find(l => React__default.Children.toArray(l.props.children).findIndex(child => child.props.id === id) > -1)) === null || _lists$find === void 0 ? void 0 : _lists$find.props;
+}
+function Container(externalProps) {
+  const {
+    children,
+    reorder,
+    move
+  } = externalProps;
+  function handleDragOver(event) {
+    const {
+      active,
+      over
+    } = event;
+    if (!(active !== null && active !== void 0 && active.id) || !(over !== null && over !== void 0 && over.id)) {
+      return;
+    }
+    const activeList = getContainerById(children, active.id);
+    const overList = getContainerById(children, over.id);
+    if (!(activeList !== null && activeList !== void 0 && activeList.id) || !(overList !== null && overList !== void 0 && overList.id) || activeList.id === overList.id) {
+      return;
+    }
+    move(active.id, activeList === null || activeList === void 0 ? void 0 : activeList.id, overList.id);
+  }
+  function handleDragEnd(event) {
+    const {
+      active,
+      over
+    } = event;
+    if (!(active !== null && active !== void 0 && active.id) || !(over !== null && over !== void 0 && over.id)) {
+      return;
+    }
+    const activeList = getContainerById(children, active.id);
+    const overList = getContainerById(children, over.id);
+    if (!(activeList !== null && activeList !== void 0 && activeList.id) || !(overList !== null && overList !== void 0 && overList.id) || activeList.id !== overList.id) {
+      return;
+    }
+    reorder(active.id, over.id, overList.id);
+  }
+  return /*#__PURE__*/React__default.createElement(DndContext, Object.assign({
+    collisionDetection: closestCenter
+  }, externalProps, {
+    modifiers: [restrictToVerticalAxis],
+    onDragOver: handleDragOver,
+    onDragEnd: handleDragEnd
+  }), children);
+}
+Container.displayName = 'SortableContainer';
+
+export { Container };
+//# sourceMappingURL=Container.js.map

package/dist/esm/packages/taco/src/primitives/Sortable/components/Container.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Container.js","sources":["../../../../../../../../src/primitives/Sortable/components/Container.tsx"],"sourcesContent":["import React, { ReactNode } from 'react';\nimport { DndContext, closestCenter } from '@dnd-kit/core';\nimport { SortableListProps } from './List';\nimport { SortableItemId } from './Item';\nimport { restrictToVerticalAxis } from '@dnd-kit/modifiers';\n\nexport type SortableContainerProps = {\n    children: ReactNode;\n    move?: (activeId: SortableItemId, overId: SortableItemId, listId: string) => void;\n    reorder: (activeId: SortableItemId, oldListId: string, listId: string) => void;\n};\n\nfunction getContainerById(children, id): SortableListProps | undefined {\n    const lists = React.Children.toArray(children).filter(\n        (child: any) => child.type.displayName === 'SortableList'\n    ) as React.ReactElement<SortableListProps>[];\n    const list: React.ReactElement<SortableListProps> | undefined = lists.find(\n        (list: React.ReactElement<SortableListProps>) => list.props.id === id\n    );\n\n    if (list) {\n        return list?.props;\n    }\n\n    return lists.find(l => React.Children.toArray(l.props.children).findIndex((child: any) => child.props.id === id) > -1)?.props;\n}\n\nexport function Container(externalProps) {\n    const { children, reorder, move } = externalProps;\n\n    function handleDragOver(event): void {\n        const { active, over } = event;\n\n        if (!active?.id || !over?.id) {\n            return;\n        }\n\n        const activeList = getContainerById(children, active.id);\n        const overList = getContainerById(children, over.id);\n\n        if (!activeList?.id || !overList?.id || activeList.id === overList.id) {\n            return;\n        }\n\n        move(active.id, activeList?.id, overList.id);\n    }\n\n    function handleDragEnd(event): void {\n        const { active, over } = event;\n\n        if (!active?.id || !over?.id) {\n            return;\n        }\n\n        const activeList = getContainerById(children, active.id);\n        const overList = getContainerById(children, over.id);\n\n        if (!activeList?.id || !overList?.id || activeList.id !== overList.id) {\n            return;\n        }\n\n        reorder(active.id, over.id, overList.id);\n    }\n\n    return (\n        <DndContext\n            collisionDetection={closestCenter}\n            {...externalProps}\n            modifiers={[restrictToVerticalAxis]}\n            onDragOver={handleDragOver}\n            onDragEnd={handleDragEnd}>\n            {children}\n        </DndContext>\n    );\n}\nContainer.displayName = 'SortableContainer';\n"],"names":["getContainerById","children","id","lists","React","Children","toArray","filter","child","type","displayName","list","find","props","_lists$find","l","findIndex","Container","externalProps","reorder","move","handleDragOver","event","active","over","activeList","overList","handleDragEnd","DndContext","collisionDetection","closestCenter","modifiers","restrictToVerticalAxis","onDragOver","onDragEnd"],"mappings":"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"}

package/dist/esm/packages/taco/src/primitives/Sortable/components/Item.js

@@ -0,0 +1,51 @@
+import React__default from 'react';
+import { useSortable } from '@dnd-kit/sortable';
+import { CSS } from '@dnd-kit/utilities';
+
+const isFormElement = element => {
+  const formElementNodeNames = ['BUTTON', 'INPUT', 'TEXTAREA', 'SELECT', 'FIELDSET'];
+  return formElementNodeNames.includes(element.nodeName);
+};
+function Item(props) {
+  const {
+    asChild,
+    children,
+    disabled = false,
+    id
+  } = props;
+  const {
+    attributes,
+    listeners,
+    setNodeRef,
+    transform,
+    transition
+  } = useSortable({
+    disabled,
+    id
+  });
+  const style = {
+    transform: CSS.Transform.toString(transform),
+    transition
+  };
+  const onPointerDown = event => {
+    // allow form components, like checkboxes, to be active
+    if (event.currentTarget.contains(event.target) && !isFormElement(event.target)) {
+      listeners === null || listeners === void 0 ? void 0 : listeners.onPointerDown(event);
+    }
+  };
+  const elProps = {
+    ...attributes,
+    ...listeners,
+    onPointerDown,
+    ref: setNodeRef,
+    style
+  };
+  if (asChild) {
+    return /*#__PURE__*/React__default.cloneElement(children, elProps);
+  }
+  return /*#__PURE__*/React__default.createElement("div", Object.assign({}, elProps), children);
+}
+Item.displayName = 'SortableListItem';
+
+export { Item };
+//# sourceMappingURL=Item.js.map

package/dist/esm/packages/taco/src/primitives/Sortable/components/Item.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Item.js","sources":["../../../../../../../../src/primitives/Sortable/components/Item.tsx"],"sourcesContent":["import React from 'react';\nimport { useSortable } from '@dnd-kit/sortable';\nimport { CSS } from '@dnd-kit/utilities';\n\nexport type SortableItemId = string | number;\n\nexport type SortableListItemProps = Omit<React.HTMLAttributes<HTMLDivElement>, 'id'> & {\n    disabled?: boolean;\n    id: SortableItemId;\n};\n\nconst isFormElement = (element: HTMLElement) => {\n    const formElementNodeNames = ['BUTTON', 'INPUT', 'TEXTAREA', 'SELECT', 'FIELDSET'];\n\n    return formElementNodeNames.includes(element.nodeName);\n};\n\nexport function Item(props) {\n    const { asChild, children, disabled = false, id } = props;\n    const { attributes, listeners, setNodeRef, transform, transition } = useSortable({ disabled, id });\n\n    const style = {\n        transform: CSS.Transform.toString(transform),\n        transition,\n    };\n\n    const onPointerDown = event => {\n        // allow form components, like checkboxes, to be active\n        if (event.currentTarget.contains(event.target) && !isFormElement(event.target)) {\n            listeners?.onPointerDown(event);\n        }\n    };\n\n    const elProps = { ...attributes, ...listeners, onPointerDown, ref: setNodeRef, style };\n\n    if (asChild) {\n        return React.cloneElement(children, elProps);\n    }\n\n    return <div {...elProps}>{children}</div>;\n}\nItem.displayName = 'SortableListItem';\n"],"names":["isFormElement","element","formElementNodeNames","includes","nodeName","Item","props","asChild","children","disabled","id","attributes","listeners","setNodeRef","transform","transition","useSortable","style","CSS","Transform","toString","onPointerDown","event","currentTarget","contains","target","elProps","ref","React","cloneElement","displayName"],"mappings":";;;;AAWA,MAAMA,aAAa,GAAIC,OAAoB;EACvC,MAAMC,oBAAoB,GAAG,CAAC,QAAQ,EAAE,OAAO,EAAE,UAAU,EAAE,QAAQ,EAAE,UAAU,CAAC;EAElF,OAAOA,oBAAoB,CAACC,QAAQ,CAACF,OAAO,CAACG,QAAQ,CAAC;AAC1D,CAAC;SAEeC,IAAIA,CAACC,KAAK;EACtB,MAAM;IAAEC,OAAO;IAAEC,QAAQ;IAAEC,QAAQ,GAAG,KAAK;IAAEC;GAAI,GAAGJ,KAAK;EACzD,MAAM;IAAEK,UAAU;IAAEC,SAAS;IAAEC,UAAU;IAAEC,SAAS;IAAEC;GAAY,GAAGC,WAAW,CAAC;IAAEP,QAAQ;IAAEC;GAAI,CAAC;EAElG,MAAMO,KAAK,GAAG;IACVH,SAAS,EAAEI,GAAG,CAACC,SAAS,CAACC,QAAQ,CAACN,SAAS,CAAC;IAC5CC;GACH;EAED,MAAMM,aAAa,GAAGC,KAAK;;IAEvB,IAAIA,KAAK,CAACC,aAAa,CAACC,QAAQ,CAACF,KAAK,CAACG,MAAM,CAAC,IAAI,CAACzB,aAAa,CAACsB,KAAK,CAACG,MAAM,CAAC,EAAE;MAC5Eb,SAAS,aAATA,SAAS,uBAATA,SAAS,CAAES,aAAa,CAACC,KAAK,CAAC;;GAEtC;EAED,MAAMI,OAAO,GAAG;IAAE,GAAGf,UAAU;IAAE,GAAGC,SAAS;IAAES,aAAa;IAAEM,GAAG,EAAEd,UAAU;IAAEI;GAAO;EAEtF,IAAIV,OAAO,EAAE;IACT,oBAAOqB,cAAK,CAACC,YAAY,CAACrB,QAAQ,EAAEkB,OAAO,CAAC;;EAGhD,oBAAOE,sDAASF,OAAO,GAAGlB,QAAQ,CAAO;AAC7C;AACAH,IAAI,CAACyB,WAAW,GAAG,kBAAkB;;;;"}

package/dist/esm/packages/taco/src/primitives/Sortable/components/List.js

@@ -0,0 +1,28 @@
+import React__default from 'react';
+import { useDroppable } from '@dnd-kit/core';
+import { SortableContext, verticalListSortingStrategy } from '@dnd-kit/sortable';
+
+function List(externalProps) {
+  const {
+    children,
+    id,
+    ...props
+  } = externalProps;
+  const {
+    setNodeRef
+  } = useDroppable({
+    id
+  });
+  const items = React__default.Children.toArray(children).map(child => child.props);
+  return /*#__PURE__*/React__default.createElement(SortableContext, {
+    id: id,
+    items: items,
+    strategy: verticalListSortingStrategy
+  }, /*#__PURE__*/React__default.createElement("div", Object.assign({}, props, {
+    ref: id ? setNodeRef : undefined
+  }), children));
+}
+List.displayName = 'SortableList';
+
+export { List };
+//# sourceMappingURL=List.js.map

package/dist/esm/packages/taco/src/primitives/Sortable/components/List.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"List.js","sources":["../../../../../../../../src/primitives/Sortable/components/List.tsx"],"sourcesContent":["import React from 'react';\nimport { useDroppable } from '@dnd-kit/core';\nimport { SortableContext, verticalListSortingStrategy } from '@dnd-kit/sortable';\n\nexport type SortableListProps = Omit<React.HTMLAttributes<HTMLDivElement>, 'id'> & {\n    id: string;\n};\n\nexport function List(externalProps: SortableListProps) {\n    const { children, id, ...props } = externalProps;\n    const { setNodeRef } = useDroppable({ id });\n    const items = React.Children.toArray(children).map((child: any) => child.props);\n\n    return (\n        <SortableContext id={id} items={items} strategy={verticalListSortingStrategy}>\n            <div {...props} ref={id ? setNodeRef : undefined}>\n                {children}\n            </div>\n        </SortableContext>\n    );\n}\nList.displayName = 'SortableList';\n"],"names":["List","externalProps","children","id","props","setNodeRef","useDroppable","items","React","Children","toArray","map","child","SortableContext","strategy","verticalListSortingStrategy","ref","undefined","displayName"],"mappings":";;;;SAQgBA,IAAIA,CAACC,aAAgC;EACjD,MAAM;IAAEC,QAAQ;IAAEC,EAAE;IAAE,GAAGC;GAAO,GAAGH,aAAa;EAChD,MAAM;IAAEI;GAAY,GAAGC,YAAY,CAAC;IAAEH;GAAI,CAAC;EAC3C,MAAMI,KAAK,GAAGC,cAAK,CAACC,QAAQ,CAACC,OAAO,CAACR,QAAQ,CAAC,CAACS,GAAG,CAAEC,KAAU,IAAKA,KAAK,CAACR,KAAK,CAAC;EAE/E,oBACII,6BAACK,eAAe;IAACV,EAAE,EAAEA,EAAE;IAAEI,KAAK,EAAEA,KAAK;IAAEO,QAAQ,EAAEC;kBAC7CP,sDAASJ,KAAK;IAAEY,GAAG,EAAEb,EAAE,GAAGE,UAAU,GAAGY;MAClCf,QAAQ,CACP,CACQ;AAE1B;AACAF,IAAI,CAACkB,WAAW,GAAG,cAAc;;;;"}

package/dist/esm/packages/taco/src/primitives/Table/Core/Table.js

@@ -0,0 +1,77 @@
+import React__default from 'react';
+import { FocusScope } from '@react-aria/focus';
+import { ROW_HEIGHT_ESTIMATES } from './util/rows.js';
+import { Header } from './components/Header/Header.js';
+import { Body } from './components/Body/Body.js';
+import { Foot } from './components/Footer/Footer.js';
+import { EmptyStateBody } from './components/Body/EmptyStateBody.js';
+import { TableToolbar } from './components/Toolbar/Toolbar.js';
+
+function Table(props) {
+  return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, props.children);
+}
+Table.Toolbar = TableToolbar;
+Table.Grid = TableGrid;
+function getFilterReason(table) {
+  if (table.instance.getFilteredRowModel().rows.length === 0 && table.instance.getCoreRowModel().rows.length !== 0) {
+    const state = table.instance.getState();
+    if (table.meta.search.enableGlobalFilter && !!state.globalFilter) {
+      return 'searching';
+    }
+    return 'filtering';
+  }
+  if (table.instance.getCoreRowModel().rows.length === 0) {
+    return 'empty';
+  }
+  return null;
+}
+function TableGrid(props) {
+  var _table$state$grouping;
+  const {
+    enableHorizontalArrowKeyNavigation,
+    table,
+    ...attributes
+  } = props;
+  const handleFocus = table.meta.rowActive.rowActiveIndex === undefined ? event => {
+    table.meta.rowActive.handleFocus(event, table.meta.length, table.renderer.scrollToIndex);
+  } : undefined;
+  const filterReason = getFilterReason(table);
+  return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement("style", null, table.stylesheet), /*#__PURE__*/React__default.createElement(FocusScope, null, /*#__PURE__*/React__default.createElement("table", Object.assign({}, attributes, {
+    id: table.id,
+    "data-table-font-size": table.meta.fontSize.size,
+    "data-table-grouped": !!((_table$state$grouping = table.state.grouping) !== null && _table$state$grouping !== void 0 && _table$state$grouping.length),
+    "data-table-horizontally-scrolled": table.meta.columnFreezing.isHorizontallyScrolled ? true : undefined,
+    "data-table-status": table.meta.server.isEnabled ? table.meta.server.isReady ? 'ready' : undefined : 'ready',
+    "data-table-pause-hover": table.meta.rowActive.isHoverStatePaused ? true : undefined,
+    "data-table-resizing": table.state.columnSizingInfo.isResizingColumn ? true : undefined,
+    "data-table-row-height": table.meta.rowHeight.height,
+    onFocus: handleFocus,
+    onScroll: table.meta.columnFreezing.handleScroll,
+    ref: table.ref,
+    style: table.style,
+    tabIndex: -1
+  }), /*#__PURE__*/React__default.createElement("thead", null, table.instance.getHeaderGroups().map(headerGroup => (/*#__PURE__*/React__default.createElement("tr", {
+    key: headerGroup.id
+  }, headerGroup.headers.map(props => (/*#__PURE__*/React__default.createElement(Header, {
+    key: props.id,
+    header: props,
+    scrollToIndex: table.renderer.scrollToIndex
+  }))))))), filterReason ? (/*#__PURE__*/React__default.createElement(EmptyStateBody, {
+    emptyState: props.table.props.emptyState,
+    reason: filterReason
+  })) : (/*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(Body, {
+    enableHorizontalArrowKeyNavigation: enableHorizontalArrowKeyNavigation,
+    table: table.instance,
+    tableElement: table.ref.current,
+    scrollToIndex: table.renderer.scrollToIndex,
+    style: props.children ? {
+      ...table.renderer.style,
+      height: table.renderer.style.height + ROW_HEIGHT_ESTIMATES[table.meta.rowHeight.height]
+    } : table.renderer.style
+  }, table.renderer.rows, props.children), table.meta.footer.isEnabled ? /*#__PURE__*/React__default.createElement(Foot, {
+    table: table.instance
+  }) : null)))));
+}
+
+export { Table, TableGrid };
+//# sourceMappingURL=Table.js.map

package/dist/esm/packages/taco/src/primitives/Table/Core/Table.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Table.js","sources":["../../../../../../../../src/primitives/Table/Core/Table.tsx"],"sourcesContent":["import React from 'react';\nimport { FocusScope } from '@react-aria/focus';\nimport { Header } from './components/Header/Header';\nimport { Body } from './components/Body/Body';\nimport { Foot } from './components/Footer/Footer';\nimport { EmptyStateBody } from './components/Body/EmptyStateBody';\nimport { useTableReturnValue } from './useTable';\nimport { TableToolbar } from './components/Toolbar/Toolbar';\nimport './style.css';\nimport { TableEmptyStateReason } from '../types';\nimport { ROW_HEIGHT_ESTIMATES } from './util/rows';\n\ntype TableProps = {\n    children: JSX.Element | Array<JSX.Element | null>;\n};\n\nexport function Table(props: TableProps) {\n    return <>{props.children}</>;\n}\nTable.Toolbar = TableToolbar;\nTable.Grid = TableGrid;\n\nexport type TableGridProps<TType = unknown> = React.TableHTMLAttributes<HTMLTableElement> & {\n    'data-taco': string;\n    enableHorizontalArrowKeyNavigation?: boolean;\n    table: useTableReturnValue<TType>;\n};\n\nfunction getFilterReason<TType = unknown>(table: useTableReturnValue<TType>): TableEmptyStateReason | null {\n    if (table.instance.getFilteredRowModel().rows.length === 0 && table.instance.getCoreRowModel().rows.length !== 0) {\n        const state = table.instance.getState();\n\n        if (table.meta.search.enableGlobalFilter && !!state.globalFilter) {\n            return 'searching';\n        }\n\n        return 'filtering';\n    }\n    if (table.instance.getCoreRowModel().rows.length === 0) {\n        return 'empty';\n    }\n\n    return null;\n}\n\nexport function TableGrid<TType = unknown>(props: TableGridProps<TType>) {\n    const { enableHorizontalArrowKeyNavigation, table, ...attributes } = props;\n    const handleFocus =\n        table.meta.rowActive.rowActiveIndex === undefined\n            ? (event: React.FocusEvent) => {\n                  table.meta.rowActive.handleFocus(event, table.meta.length, table.renderer.scrollToIndex);\n              }\n            : undefined;\n    const filterReason = getFilterReason(table);\n\n    return (\n        <>\n            <style>{table.stylesheet}</style>\n            <FocusScope>\n                <table\n                    {...attributes}\n                    id={table.id}\n                    data-table-font-size={table.meta.fontSize.size}\n                    data-table-grouped={!!table.state.grouping?.length}\n                    data-table-horizontally-scrolled={table.meta.columnFreezing.isHorizontallyScrolled ? true : undefined}\n                    data-table-status={table.meta.server.isEnabled ? (table.meta.server.isReady ? 'ready' : undefined) : 'ready'}\n                    data-table-pause-hover={table.meta.rowActive.isHoverStatePaused ? true : undefined}\n                    data-table-resizing={table.state.columnSizingInfo.isResizingColumn ? true : undefined}\n                    data-table-row-height={table.meta.rowHeight.height}\n                    onFocus={handleFocus}\n                    onScroll={table.meta.columnFreezing.handleScroll}\n                    ref={table.ref}\n                    style={table.style}\n                    tabIndex={-1}>\n                    <thead>\n                        {table.instance.getHeaderGroups().map(headerGroup => (\n                            <tr key={headerGroup.id}>\n                                {headerGroup.headers.map(props => (\n                                    <Header key={props.id} header={props} scrollToIndex={table.renderer.scrollToIndex} />\n                                ))}\n                            </tr>\n                        ))}\n                    </thead>\n                    {filterReason ? (\n                        <EmptyStateBody emptyState={props.table.props.emptyState} reason={filterReason} />\n                    ) : (\n                        <>\n                            <Body\n                                enableHorizontalArrowKeyNavigation={enableHorizontalArrowKeyNavigation}\n                                table={table.instance}\n                                tableElement={table.ref.current}\n                                scrollToIndex={table.renderer.scrollToIndex}\n                                style={\n                                    props.children\n                                        ? {\n                                              ...table.renderer.style,\n                                              height:\n                                                  (table.renderer.style.height as number) +\n                                                  ROW_HEIGHT_ESTIMATES[table.meta.rowHeight.height],\n                                          }\n                                        : table.renderer.style\n                                }>\n                                {table.renderer.rows}\n                                {props.children}\n                            </Body>\n                            {table.meta.footer.isEnabled ? <Foot table={table.instance} /> : null}\n                        </>\n                    )}\n                </table>\n            </FocusScope>\n        </>\n    );\n}\n"],"names":["Table","props","React","children","Toolbar","TableToolbar","Grid","TableGrid","getFilterReason","table","instance","getFilteredRowModel","rows","length","getCoreRowModel","state","getState","meta","search","enableGlobalFilter","globalFilter","enableHorizontalArrowKeyNavigation","attributes","handleFocus","rowActive","rowActiveIndex","undefined","event","renderer","scrollToIndex","filterReason","stylesheet","FocusScope","id","fontSize","size","_table$state$grouping","grouping","columnFreezing","isHorizontallyScrolled","server","isEnabled","isReady","isHoverStatePaused","columnSizingInfo","isResizingColumn","rowHeight","height","onFocus","onScroll","handleScroll","ref","style","tabIndex","getHeaderGroups","map","headerGroup","key","headers","Header","header","EmptyStateBody","emptyState","reason","Body","tableElement","current","ROW_HEIGHT_ESTIMATES","footer","Foot"],"mappings":"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"}

package/dist/esm/packages/taco/src/primitives/Table/Core/components/Body/Body.js

@@ -0,0 +1,100 @@
+import React__default from 'react';
+import { hasFocusableElement } from '../../../../../utils/dom.js';
+import { isPressingMetaKey } from '../../../../../utils/keyboard.js';
+import { useAugmentedFocusManager } from './util.js';
+
+function Body(props) {
+  const {
+    enableHorizontalArrowKeyNavigation = false,
+    scrollToIndex,
+    table,
+    tableElement,
+    ...attributes
+  } = props;
+  const ref = React__default.useRef(null);
+  const focusManager = useAugmentedFocusManager();
+  const tableMeta = table.options.meta;
+  const handleKeyDown = event => {
+    if (event.isDefaultPrevented() || event.isPropagationStopped()) {
+      return;
+    }
+    if (tableMeta.rowActive.rowActiveIndex !== undefined) {
+      const isFirstRow = tableMeta.rowActive.rowActiveIndex === 0;
+      const isLastRow = tableMeta.rowActive.rowActiveIndex === tableMeta.length - 1;
+      if (event.key === 'Tab' || enableHorizontalArrowKeyNavigation && (event.key === 'ArrowLeft' || event.key === 'ArrowRight')) {
+        if (event.key === 'Tab' && !hasFocusableElement(event.target.closest('tr[data-row-id]'))) {
+          return;
+        }
+        tableMeta.rowActive.setHoverStatePaused(true);
+        const isMetaKeyPressed = isPressingMetaKey(event);
+        let focusedElement;
+        switch (event.key) {
+          case 'ArrowLeft':
+            focusedElement = isMetaKeyPressed ? focusManager.focusFirst() : focusManager.focusPrevious(true);
+            break;
+          case 'ArrowRight':
+            focusedElement = isMetaKeyPressed ? focusManager.focusLast() : focusManager.focusNext(true);
+            // Scrolls table all the way to the right
+            if (isMetaKeyPressed && tableElement) {
+              tableElement.scrollLeft = tableElement.scrollWidth;
+            }
+            break;
+          default:
+            focusedElement = event.shiftKey ? focusManager.focusPrevious() : focusManager.focusNext();
+            break;
+        }
+        if (focusedElement) {
+          // override default behaviour, since we're handling focus internally now
+          event.preventDefault();
+          return;
+        }
+        // The code below only executes when focusedElement was undefined/null. This happens only when arrow-left/shift+tab
+        // is pressed on the first cell or arrow-right/tab is pressed on the last cell.
+        if (event.shiftKey || event.key === 'ArrowLeft') {
+          if (!isFirstRow) {
+            // there are no previous elements to focus, go up a row or go outside the table
+            // but only if there are actually any focusable elements in the row
+            event.preventDefault();
+            const prevIndex = tableMeta.rowActive.rowActiveIndex - 1;
+            tableMeta.rowActive.setRowActiveIndex(prevIndex);
+            requestAnimationFrame(() => {
+              focusManager.focusLast();
+              scrollToIndex(prevIndex);
+            });
+          }
+        } else {
+          if (!isLastRow) {
+            // there are no next elements to focus, go down a row or go outside the table
+            // but only if there are actually any focusable elements in the row
+            event.preventDefault();
+            const nextIndex = tableMeta.rowActive.rowActiveIndex + 1;
+            tableMeta.rowActive.setRowActiveIndex(nextIndex);
+            requestAnimationFrame(() => {
+              focusManager.focusFirst();
+              scrollToIndex(nextIndex);
+            });
+          }
+        }
+      }
+    }
+  };
+  const handleMouseMove = React__default.useCallback(event => {
+    var _event$target, _event$target$closest;
+    const index = (_event$target = event.target) === null || _event$target === void 0 ? void 0 : (_event$target$closest = _event$target.closest('tr')) === null || _event$target$closest === void 0 ? void 0 : _event$target$closest.getAttribute('data-row-index');
+    if (index) {
+      tableMeta.rowActive.setRowHoverIndex(Number.parseInt(index));
+    }
+  }, []);
+  // Sometimes this event does not trigger if the mouse leaves the window without leaving boundary of the table
+  // this is a browser level bug and there's not much to be done about it
+  const handleMouseLeave = React__default.useCallback(() => tableMeta.rowActive.setRowHoverIndex(undefined), []);
+  return /*#__PURE__*/React__default.createElement("tbody", Object.assign({}, attributes, {
+    onKeyDown: handleKeyDown,
+    onMouseLeave: handleMouseLeave,
+    onMouseMove: handleMouseMove,
+    ref: ref
+  }));
+}
+
+export { Body };
+//# sourceMappingURL=Body.js.map

package/dist/esm/packages/taco/src/primitives/Table/Core/components/Body/Body.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Body.js","sources":["../../../../../../../../../../src/primitives/Table/Core/components/Body/Body.tsx"],"sourcesContent":["import React from 'react';\nimport { Table as ReactTable, TableMeta as ReactTableMeta } from '@tanstack/react-table';\nimport { useAugmentedFocusManager } from './util';\nimport { hasFocusableElement } from '../../../../../utils/dom';\nimport { isPressingMetaKey } from '../../../../../utils/keyboard';\nimport { TableRef } from '../../../types';\n\ntype BodyProps<TType = unknown> = React.HTMLAttributes<HTMLTableSectionElement> & {\n    enableHorizontalArrowKeyNavigation?: boolean;\n    scrollToIndex: (index: number) => void;\n    table: ReactTable<TType>;\n    tableElement: TableRef | null;\n};\n\nexport function Body<TType = unknown>(props: BodyProps<TType>) {\n    const { enableHorizontalArrowKeyNavigation = false, scrollToIndex, table, tableElement, ...attributes } = props;\n    const ref = React.useRef<HTMLTableSectionElement>(null);\n    const focusManager = useAugmentedFocusManager();\n    const tableMeta = table.options.meta as ReactTableMeta<TType>;\n\n    const handleKeyDown = (event: React.KeyboardEvent) => {\n        if (event.isDefaultPrevented() || event.isPropagationStopped()) {\n            return;\n        }\n\n        if (tableMeta.rowActive.rowActiveIndex !== undefined) {\n            const isFirstRow = tableMeta.rowActive.rowActiveIndex === 0;\n            const isLastRow = tableMeta.rowActive.rowActiveIndex === tableMeta.length - 1;\n            if (\n                event.key === 'Tab' ||\n                (enableHorizontalArrowKeyNavigation && (event.key === 'ArrowLeft' || event.key === 'ArrowRight'))\n            ) {\n                if (event.key === 'Tab' && !hasFocusableElement((event.target as HTMLElement).closest('tr[data-row-id]'))) {\n                    return;\n                }\n\n                tableMeta.rowActive.setHoverStatePaused(true);\n\n                const isMetaKeyPressed = isPressingMetaKey(event);\n                let focusedElement;\n\n                switch (event.key) {\n                    case 'ArrowLeft':\n                        focusedElement = isMetaKeyPressed ? focusManager.focusFirst() : focusManager.focusPrevious(true);\n                        break;\n                    case 'ArrowRight':\n                        focusedElement = isMetaKeyPressed ? focusManager.focusLast() : focusManager.focusNext(true);\n\n                        // Scrolls table all the way to the right\n                        if (isMetaKeyPressed && tableElement) {\n                            tableElement.scrollLeft = tableElement.scrollWidth;\n                        }\n\n                        break;\n                    default:\n                        focusedElement = event.shiftKey ? focusManager.focusPrevious() : focusManager.focusNext();\n                        break;\n                }\n\n                if (focusedElement) {\n                    // override default behaviour, since we're handling focus internally now\n                    event.preventDefault();\n                    return;\n                }\n\n                // The code below only executes when focusedElement was undefined/null. This happens only when arrow-left/shift+tab\n                // is pressed on the first cell or arrow-right/tab is pressed on the last cell.\n                if (event.shiftKey || event.key === 'ArrowLeft') {\n                    if (!isFirstRow) {\n                        // there are no previous elements to focus, go up a row or go outside the table\n                        // but only if there are actually any focusable elements in the row\n                        event.preventDefault();\n                        const prevIndex = tableMeta.rowActive.rowActiveIndex - 1;\n                        tableMeta.rowActive.setRowActiveIndex(prevIndex);\n                        requestAnimationFrame(() => {\n                            focusManager.focusLast();\n                            scrollToIndex(prevIndex);\n                        });\n                    }\n                } else {\n                    if (!isLastRow) {\n                        // there are no next elements to focus, go down a row or go outside the table\n                        // but only if there are actually any focusable elements in the row\n                        event.preventDefault();\n                        const nextIndex = tableMeta.rowActive.rowActiveIndex + 1;\n                        tableMeta.rowActive.setRowActiveIndex(nextIndex);\n                        requestAnimationFrame(() => {\n                            focusManager.focusFirst();\n                            scrollToIndex(nextIndex);\n                        });\n                    }\n                }\n            }\n        }\n    };\n    const handleMouseMove = React.useCallback((event: React.MouseEvent<HTMLTableSectionElement>) => {\n        const index = (event.target as HTMLElement)?.closest('tr')?.getAttribute('data-row-index');\n\n        if (index) {\n            tableMeta.rowActive.setRowHoverIndex(Number.parseInt(index));\n        }\n    }, []);\n\n    // Sometimes this event does not trigger if the mouse leaves the window without leaving boundary of the table\n    // this is a browser level bug and there's not much to be done about it\n    const handleMouseLeave = React.useCallback(() => tableMeta.rowActive.setRowHoverIndex(undefined), []);\n\n    return (\n        <tbody\n            {...attributes}\n            onKeyDown={handleKeyDown}\n            onMouseLeave={handleMouseLeave}\n            onMouseMove={handleMouseMove}\n            ref={ref}\n        />\n    );\n}\n"],"names":["Body","props","enableHorizontalArrowKeyNavigation","scrollToIndex","table","tableElement","attributes","ref","React","useRef","focusManager","useAugmentedFocusManager","tableMeta","options","meta","handleKeyDown","event","isDefaultPrevented","isPropagationStopped","rowActive","rowActiveIndex","undefined","isFirstRow","isLastRow","length","key","hasFocusableElement","target","closest","setHoverStatePaused","isMetaKeyPressed","isPressingMetaKey","focusedElement","focusFirst","focusPrevious","focusLast","focusNext","scrollLeft","scrollWidth","shiftKey","preventDefault","prevIndex","setRowActiveIndex","requestAnimationFrame","nextIndex","handleMouseMove","useCallback","index","_event$target","_event$target$closest","getAttribute","setRowHoverIndex","Number","parseInt","handleMouseLeave","onKeyDown","onMouseLeave","onMouseMove"],"mappings":"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"}

package/dist/esm/packages/taco/src/primitives/Table/Core/components/Body/EmptyStateBody.js

@@ -0,0 +1,21 @@
+import React__default from 'react';
+
+function EmptyStateBody(props) {
+  const {
+    emptyState: Placeholder,
+    reason,
+    ...attributes
+  } = props;
+  return /*#__PURE__*/React__default.createElement("tbody", Object.assign({}, attributes, {
+    className: "!auto-rows-fr"
+  }), /*#__PURE__*/React__default.createElement("tr", {
+    className: "!auto-rows-fr"
+  }, /*#__PURE__*/React__default.createElement("td", {
+    className: "col-span-full !border-0 !p-0 hover:!bg-white"
+  }, Placeholder ? /*#__PURE__*/React__default.createElement(Placeholder, {
+    reason: reason
+  }) : undefined)));
+}
+
+export { EmptyStateBody };
+//# sourceMappingURL=EmptyStateBody.js.map