@economic/taco 2.0.0-alpha.173 → 2.0.0-alpha.6

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

@@ -0,0 +1,99 @@
+import React__default from 'react';
+import { Input } from '../../../../Input/Input.js';
+import { Datepicker } from '../../../../Datepicker/Datepicker.js';
+import { Switch } from '../../../../Switch/Switch.js';
+import { Table2FilterComparator } from '../../../types.js';
+
+const InferredControl = ({
+  column,
+  comparator,
+  value
+}) => {
+  var _column$columnDef$met2, _column$columnDef$met3;
+  const ariaLabel = column.columnDef.header;
+  if (comparator === Table2FilterComparator.IsEmpty || comparator === Table2FilterComparator.IsNotEmpty) {
+    return null;
+  }
+  if (comparator === Table2FilterComparator.IsBetween) {
+    var _column$columnDef$met;
+    const fromValue = Array.isArray(value) ? value[0] : undefined;
+    const toValue = Array.isArray(value) ? value[1] : undefined;
+    if (((_column$columnDef$met = column.columnDef.meta) === null || _column$columnDef$met === void 0 ? void 0 : _column$columnDef$met.dataType) === 'datetime') {
+      return /*#__PURE__*/React__default.createElement("div", {
+        className: "flex flex-grow items-center gap-2"
+      }, /*#__PURE__*/React__default.createElement(Datepicker, {
+        "aria-label": ariaLabel,
+        onChange: event => column.setFilterValue(currentValue => ({
+          ...currentValue,
+          value: [event.detail, toValue]
+        })),
+        value: fromValue
+      }), /*#__PURE__*/React__default.createElement(Datepicker, {
+        "aria-label": ariaLabel,
+        onChange: event => column.setFilterValue(currentValue => ({
+          ...currentValue,
+          value: [fromValue, event.detail]
+        })),
+        value: toValue
+      }));
+    }
+    return /*#__PURE__*/React__default.createElement("div", {
+      className: "flex flex-grow items-center gap-2"
+    }, /*#__PURE__*/React__default.createElement(Input, {
+      "aria-label": ariaLabel,
+      className: "flex-grow",
+      placeholder: "from",
+      onChange: event => {
+        const value = parseInt(event.target.value);
+        column.setFilterValue(currentValue => ({
+          ...currentValue,
+          value: [isNaN(value) ? undefined : value, toValue]
+        }));
+      },
+      value: fromValue !== null && fromValue !== void 0 ? fromValue : ''
+    }), /*#__PURE__*/React__default.createElement(Input, {
+      className: "flex-grow",
+      placeholder: "to",
+      onChange: event => {
+        const value = parseInt(event.target.value);
+        column.setFilterValue(currentValue => ({
+          ...currentValue,
+          value: [fromValue, isNaN(value) ? undefined : value]
+        }));
+      },
+      value: toValue !== null && toValue !== void 0 ? toValue : ''
+    }));
+  }
+  if (((_column$columnDef$met2 = column.columnDef.meta) === null || _column$columnDef$met2 === void 0 ? void 0 : _column$columnDef$met2.dataType) === 'datetime') {
+    return /*#__PURE__*/React__default.createElement(Datepicker, {
+      "aria-label": ariaLabel,
+      onChange: event => column.setFilterValue(currentValue => ({
+        ...currentValue,
+        value: event.detail
+      })),
+      value: value
+    });
+  } else if (((_column$columnDef$met3 = column.columnDef.meta) === null || _column$columnDef$met3 === void 0 ? void 0 : _column$columnDef$met3.dataType) === 'boolean') {
+    return /*#__PURE__*/React__default.createElement(Switch, {
+      "aria-label": ariaLabel,
+      onChange: checked => column.setFilterValue(currentValue => ({
+        ...currentValue,
+        value: checked
+      })),
+      checked: value
+    });
+  }
+  return /*#__PURE__*/React__default.createElement(Input, {
+    "aria-label": ariaLabel,
+    className: "flex-grow",
+    onChange: event => column.setFilterValue(currentValue => ({
+      ...currentValue,
+      value: event.target.value
+    })),
+    required: true,
+    value: value !== null && value !== void 0 ? value : ''
+  });
+};
+
+export { InferredControl };
+//# sourceMappingURL=InferredControl.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"InferredControl.js","sources":["../../../../../../../../../../src/components/Table2/components/filters/components/InferredControl.tsx"],"sourcesContent":["import React from 'react';\nimport { Column as RTColumn } from '@tanstack/react-table';\nimport { Input } from '../../../../Input/Input';\nimport { Table2FilterComparator } from '../../../types';\nimport { Datepicker } from '../../../../Datepicker/Datepicker';\nimport { Switch } from '../../../../Switch/Switch';\n\ntype InferredControlProps = {\n    column: RTColumn<any, any>;\n    comparator: Table2FilterComparator;\n    value: any | any[];\n};\n\nexport const InferredControl = ({ column, comparator, value }: InferredControlProps) => {\n    const ariaLabel = column.columnDef.header as string | undefined;\n\n    if (comparator === Table2FilterComparator.IsEmpty || comparator === Table2FilterComparator.IsNotEmpty) {\n        return null;\n    }\n\n    if (comparator === Table2FilterComparator.IsBetween) {\n        const fromValue = Array.isArray(value) ? value[0] : undefined;\n        const toValue = Array.isArray(value) ? value[1] : undefined;\n\n        if (column.columnDef.meta?.dataType === 'datetime') {\n            return (\n                <div className=\"flex flex-grow items-center gap-2\">\n                    <Datepicker\n                        aria-label={ariaLabel}\n                        onChange={event =>\n                            column.setFilterValue(currentValue => ({\n                                ...currentValue,\n                                value: [(event as any).detail, toValue],\n                            }))\n                        }\n                        value={fromValue}\n                    />\n                    <Datepicker\n                        aria-label={ariaLabel}\n                        onChange={event =>\n                            column.setFilterValue(currentValue => ({\n                                ...currentValue,\n                                value: [fromValue, (event as any).detail],\n                            }))\n                        }\n                        value={toValue}\n                    />\n                </div>\n            );\n        }\n\n        return (\n            <div className=\"flex flex-grow items-center gap-2\">\n                <Input\n                    aria-label={ariaLabel}\n                    className=\"flex-grow\"\n                    placeholder=\"from\"\n                    onChange={event => {\n                        const value = parseInt(event.target.value);\n                        column.setFilterValue(currentValue => ({\n                            ...currentValue,\n                            value: [isNaN(value) ? undefined : value, toValue],\n                        }));\n                    }}\n                    value={fromValue ?? ''}\n                />\n                <Input\n                    className=\"flex-grow\"\n                    placeholder=\"to\"\n                    onChange={event => {\n                        const value = parseInt(event.target.value);\n                        column.setFilterValue(currentValue => ({\n                            ...currentValue,\n                            value: [fromValue, isNaN(value) ? undefined : value],\n                        }));\n                    }}\n                    value={toValue ?? ''}\n                />\n            </div>\n        );\n    }\n\n    if (column.columnDef.meta?.dataType === 'datetime') {\n        return (\n            <Datepicker\n                aria-label={ariaLabel}\n                onChange={event =>\n                    column.setFilterValue(currentValue => ({\n                        ...currentValue,\n                        value: (event as any).detail,\n                    }))\n                }\n                value={value}\n            />\n        );\n    } else if (column.columnDef.meta?.dataType === 'boolean') {\n        return (\n            <Switch\n                aria-label={ariaLabel}\n                onChange={checked =>\n                    column.setFilterValue(currentValue => ({\n                        ...currentValue,\n                        value: checked,\n                    }))\n                }\n                checked={value}\n            />\n        );\n    }\n\n    return (\n        <Input\n            aria-label={ariaLabel}\n            className=\"flex-grow\"\n            onChange={event =>\n                column.setFilterValue(currentValue => ({\n                    ...currentValue,\n                    value: event.target.value,\n                }))\n            }\n            required\n            value={value ?? ''}\n        />\n    );\n};\n"],"names":["InferredControl","column","comparator","value","ariaLabel","columnDef","header","Table2FilterComparator","IsEmpty","IsNotEmpty","IsBetween","fromValue","Array","isArray","undefined","toValue","meta","dataType","React","className","Datepicker","onChange","event","setFilterValue","currentValue","detail","Input","placeholder","parseInt","target","isNaN","Switch","checked","required"],"mappings":"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"}

package/dist/esm/packages/taco/src/components/Table2/components/row/Context.js

@@ -0,0 +1,58 @@
+import React__default from 'react';
+
+const RowContext = /*#__PURE__*/React__default.createContext({
+  isActive: false,
+  editMode: {
+    validationErrors: null,
+    setValidationErrors: () => undefined,
+    rowMoveReason: {},
+    setRowMoveReason: () => undefined
+  },
+  rowIndex: undefined,
+  isHovered: false,
+  setIsHovered: () => undefined
+});
+const RowContextProvider = ({
+  isActiveRow,
+  children,
+  meta,
+  rowIndex
+}) => {
+  // we use non-css hovered state to determine whether to render actions or not, for performance
+  const [isHovered, setIsHovered] = React__default.useState(false);
+  // editing specific functionality
+  const [validationErrors, setValidationErrors] = React__default.useState(null);
+  const [rowMoveReason, setRowMoveReason] = React__default.useState({});
+  // This effect aims to focus the first focussable cell when edit mode is turned on.
+  React__default.useEffect(() => {
+    var _meta$tableRef$curren;
+    const isFocusInsideTable = (_meta$tableRef$curren = meta.tableRef.current) === null || _meta$tableRef$curren === void 0 ? void 0 : _meta$tableRef$curren.contains(document.activeElement);
+    // If the foucs is outside the table i.e., table action popups, search etc., then don't focus the first cell.
+    if (isActiveRow && isFocusInsideTable) {
+      meta.editMode.moveToFirstColumn(meta.focussableColumnIndexes);
+    }
+    // We are intentionally not adding activeRow to the depency variable so that everytime active row is changed,
+    // first focussable cell is not focussed.
+  }, [meta.editMode.isEditing, meta.focussableColumnIndexes]);
+  const context = React__default.useMemo(() => {
+    return {
+      isActive: isActiveRow,
+      editMode: {
+        validationErrors,
+        setValidationErrors,
+        rowMoveReason,
+        setRowMoveReason
+      },
+      rowIndex,
+      isHovered,
+      setIsHovered
+    };
+  }, [isActiveRow, isHovered, rowMoveReason, validationErrors, rowIndex]);
+  return /*#__PURE__*/React__default.createElement(RowContext.Provider, {
+    value: context
+  }, children);
+};
+const useRowContext = () => React__default.useContext(RowContext);
+
+export { RowContext, RowContextProvider, useRowContext };
+//# sourceMappingURL=Context.js.map

package/dist/esm/packages/taco/src/components/Table2/components/row/Context.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Context.js","sources":["../../../../../../../../../src/components/Table2/components/row/Context.tsx"],"sourcesContent":["import React from 'react';\nimport { SaveHandlerErrorResponse } from '../../types';\nimport { IndicatorReason } from '../column/Indicator';\n\ntype RowContextValue = {\n    // we store this here because the \"real\" row index comes from the virtualiser,\n    // and that isn't accessible in some places we need it - like the row actions column\n    isActive: boolean;\n    editMode: {\n        validationErrors: SaveHandlerErrorResponse;\n        setValidationErrors: React.Dispatch<React.SetStateAction<SaveHandlerErrorResponse>>;\n        rowMoveReason: Record<string, IndicatorReason | null>;\n        setRowMoveReason: React.Dispatch<React.SetStateAction<Record<string, IndicatorReason | null>>>;\n    };\n    rowIndex?: number;\n    isHovered: boolean;\n    setIsHovered: React.Dispatch<React.SetStateAction<boolean>>;\n};\n\nexport const RowContext = React.createContext<RowContextValue>({\n    isActive: false,\n    editMode: {\n        validationErrors: null,\n        setValidationErrors: () => undefined,\n        rowMoveReason: {},\n        setRowMoveReason: () => undefined,\n    },\n    rowIndex: undefined,\n    isHovered: false,\n    setIsHovered: () => undefined,\n});\n\nexport const RowContextProvider = ({ isActiveRow, children, meta, rowIndex }) => {\n    // we use non-css hovered state to determine whether to render actions or not, for performance\n    const [isHovered, setIsHovered] = React.useState(false);\n\n    // editing specific functionality\n    const [validationErrors, setValidationErrors] = React.useState<SaveHandlerErrorResponse | null>(null);\n    const [rowMoveReason, setRowMoveReason] = React.useState<Record<string, IndicatorReason | null>>({});\n\n    // This effect aims to focus the first focussable cell when edit mode is turned on.\n    React.useEffect(() => {\n        const isFocusInsideTable = meta.tableRef.current?.contains(document.activeElement);\n\n        // If the foucs is outside the table i.e., table action popups, search etc., then don't focus the first cell.\n        if (isActiveRow && isFocusInsideTable) {\n            meta.editMode.moveToFirstColumn(meta.focussableColumnIndexes);\n        }\n        // We are intentionally not adding activeRow to the depency variable so that everytime active row is changed,\n        // first focussable cell is not focussed.\n    }, [meta.editMode.isEditing, meta.focussableColumnIndexes]);\n\n    const context = React.useMemo(() => {\n        return {\n            isActive: isActiveRow,\n            editMode: {\n                validationErrors,\n                setValidationErrors,\n                rowMoveReason,\n                setRowMoveReason,\n            },\n            rowIndex,\n            isHovered,\n            setIsHovered,\n        };\n    }, [isActiveRow, isHovered, rowMoveReason, validationErrors, rowIndex]);\n\n    return <RowContext.Provider value={context}>{children}</RowContext.Provider>;\n};\n\nexport const useRowContext = () => React.useContext(RowContext);\n"],"names":["RowContext","React","createContext","isActive","editMode","validationErrors","setValidationErrors","undefined","rowMoveReason","setRowMoveReason","rowIndex","isHovered","setIsHovered","RowContextProvider","isActiveRow","children","meta","useState","useEffect","isFocusInsideTable","tableRef","current","contains","document","activeElement","moveToFirstColumn","focussableColumnIndexes","isEditing","context","useMemo","Provider","value","useRowContext","useContext"],"mappings":";;MAmBaA,UAAU,gBAAGC,cAAK,CAACC,aAAa,CAAkB;EAC3DC,QAAQ,EAAE,KAAK;EACfC,QAAQ,EAAE;IACNC,gBAAgB,EAAE,IAAI;IACtBC,mBAAmB,EAAE,MAAMC,SAAS;IACpCC,aAAa,EAAE,EAAE;IACjBC,gBAAgB,EAAE,MAAMF;GAC3B;EACDG,QAAQ,EAAEH,SAAS;EACnBI,SAAS,EAAE,KAAK;EAChBC,YAAY,EAAE,MAAML;CACvB;MAEYM,kBAAkB,GAAG,CAAC;EAAEC,WAAW;EAAEC,QAAQ;EAAEC,IAAI;EAAEN;CAAU;;EAExE,MAAM,CAACC,SAAS,EAAEC,YAAY,CAAC,GAAGX,cAAK,CAACgB,QAAQ,CAAC,KAAK,CAAC;;EAGvD,MAAM,CAACZ,gBAAgB,EAAEC,mBAAmB,CAAC,GAAGL,cAAK,CAACgB,QAAQ,CAAkC,IAAI,CAAC;EACrG,MAAM,CAACT,aAAa,EAAEC,gBAAgB,CAAC,GAAGR,cAAK,CAACgB,QAAQ,CAAyC,EAAE,CAAC;;EAGpGhB,cAAK,CAACiB,SAAS,CAAC;;IACZ,MAAMC,kBAAkB,4BAAGH,IAAI,CAACI,QAAQ,CAACC,OAAO,0DAArB,sBAAuBC,QAAQ,CAACC,QAAQ,CAACC,aAAa,CAAC;;IAGlF,IAAIV,WAAW,IAAIK,kBAAkB,EAAE;MACnCH,IAAI,CAACZ,QAAQ,CAACqB,iBAAiB,CAACT,IAAI,CAACU,uBAAuB,CAAC;;;;GAIpE,EAAE,CAACV,IAAI,CAACZ,QAAQ,CAACuB,SAAS,EAAEX,IAAI,CAACU,uBAAuB,CAAC,CAAC;EAE3D,MAAME,OAAO,GAAG3B,cAAK,CAAC4B,OAAO,CAAC;IAC1B,OAAO;MACH1B,QAAQ,EAAEW,WAAW;MACrBV,QAAQ,EAAE;QACNC,gBAAgB;QAChBC,mBAAmB;QACnBE,aAAa;QACbC;OACH;MACDC,QAAQ;MACRC,SAAS;MACTC;KACH;GACJ,EAAE,CAACE,WAAW,EAAEH,SAAS,EAAEH,aAAa,EAAEH,gBAAgB,EAAEK,QAAQ,CAAC,CAAC;EAEvE,oBAAOT,6BAACD,UAAU,CAAC8B,QAAQ;IAACC,KAAK,EAAEH;KAAUb,QAAQ,CAAuB;AAChF;MAEaiB,aAAa,GAAG,MAAM/B,cAAK,CAACgC,UAAU,CAACjC,UAAU;;;;"}

package/dist/esm/packages/taco/src/components/Table2/components/row/ExpandedRow.js

@@ -0,0 +1,36 @@
+import React__default from 'react';
+
+const ExpandedRow = ({
+  index,
+  setSize,
+  ...props
+}) => {
+  const ref = React__default.useRef(null);
+  React__default.useEffect(() => {
+    if (ref.current) {
+      var _ref$current;
+      const height = (_ref$current = ref.current) === null || _ref$current === void 0 ? void 0 : _ref$current.getBoundingClientRect().height;
+      setSize(sizes => {
+        if (height !== sizes[index]) {
+          var _ref$current2;
+          return {
+            ...sizes,
+            [index]: (_ref$current2 = ref.current) === null || _ref$current2 === void 0 ? void 0 : _ref$current2.getBoundingClientRect().height
+          };
+        }
+        return sizes;
+      });
+    }
+  }, []);
+  if (props.children === null || props.children === undefined) {
+    return null;
+  }
+  return /*#__PURE__*/React__default.createElement("div", Object.assign({
+    className: "border-grey-300 bg-grey-50 col-span-full border-b p-4"
+  }, props, {
+    ref: ref
+  }));
+};
+
+export { ExpandedRow };
+//# sourceMappingURL=ExpandedRow.js.map

package/dist/esm/packages/taco/src/components/Table2/components/row/ExpandedRow.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ExpandedRow.js","sources":["../../../../../../../../../src/components/Table2/components/row/ExpandedRow.tsx"],"sourcesContent":["import React from 'react';\n\nexport const ExpandedRow = ({ index, setSize, ...props }) => {\n    const ref = React.useRef<HTMLDivElement>(null);\n\n    React.useEffect(() => {\n        if (ref.current) {\n            const height = ref.current?.getBoundingClientRect().height;\n\n            setSize(sizes => {\n                if (height !== sizes[index]) {\n                    return { ...sizes, [index]: ref.current?.getBoundingClientRect().height };\n                }\n\n                return sizes;\n            });\n        }\n    }, []);\n\n    if (props.children === null || props.children === undefined) {\n        return null;\n    }\n\n    return <div className=\"border-grey-300 bg-grey-50 col-span-full border-b p-4\" {...props} ref={ref} />;\n};\n"],"names":["ExpandedRow","index","setSize","props","ref","React","useRef","useEffect","current","height","getBoundingClientRect","sizes","children","undefined","className"],"mappings":";;MAEaA,WAAW,GAAG,CAAC;EAAEC,KAAK;EAAEC,OAAO;EAAE,GAAGC;CAAO;EACpD,MAAMC,GAAG,GAAGC,cAAK,CAACC,MAAM,CAAiB,IAAI,CAAC;EAE9CD,cAAK,CAACE,SAAS,CAAC;IACZ,IAAIH,GAAG,CAACI,OAAO,EAAE;MAAA;MACb,MAAMC,MAAM,mBAAGL,GAAG,CAACI,OAAO,iDAAX,aAAaE,qBAAqB,EAAE,CAACD,MAAM;MAE1DP,OAAO,CAACS,KAAK;QACT,IAAIF,MAAM,KAAKE,KAAK,CAACV,KAAK,CAAC,EAAE;UAAA;UACzB,OAAO;YAAE,GAAGU,KAAK;YAAE,CAACV,KAAK,oBAAGG,GAAG,CAACI,OAAO,kDAAX,cAAaE,qBAAqB,EAAE,CAACD;WAAQ;;QAG7E,OAAOE,KAAK;OACf,CAAC;;GAET,EAAE,EAAE,CAAC;EAEN,IAAIR,KAAK,CAACS,QAAQ,KAAK,IAAI,IAAIT,KAAK,CAACS,QAAQ,KAAKC,SAAS,EAAE;IACzD,OAAO,IAAI;;EAGf,oBAAOR;IAAKS,SAAS,EAAC;KAA4DX,KAAK;IAAEC,GAAG,EAAEA;KAAO;AACzG;;;;"}

package/dist/esm/packages/taco/src/components/Table2/components/row/Row.js

@@ -0,0 +1,43 @@
+import React__default from 'react';
+import { useDropTarget } from '../../../../utils/hooks/useDropTarget.js';
+import { RowContextProvider, useRowContext } from './Context.js';
+
+const InternalRow = ({
+  onRowDrop,
+  row,
+  rowIndex,
+  table,
+  ...props
+}) => {
+  const {
+    setIsHovered
+  } = useRowContext();
+  const meta = table.options.meta;
+  const isActiveRow = meta.activeRowIndex === rowIndex;
+  const isDragging = meta.dragging[row.id];
+  const [, dropTargetProps] = useDropTarget(event => onRowDrop(event, row.original));
+  const attributes = {
+    ...props,
+    ...(typeof onRowDrop === 'function' ? dropTargetProps : undefined),
+    'aria-current': isActiveRow ? true : undefined,
+    'aria-grabbed': isDragging ? true : undefined,
+    'data-row-index': rowIndex,
+    draggable: meta.enableRowDragging ? true : undefined,
+    onMouseEnter: () => setIsHovered(true),
+    onMouseLeave: () => setIsHovered(false),
+    role: 'row'
+  };
+  return /*#__PURE__*/React__default.createElement("div", Object.assign({}, attributes));
+};
+const Row = props => {
+  const meta = props.table.options.meta;
+  const isActiveRow = meta.activeRowIndex === props.rowIndex;
+  return /*#__PURE__*/React__default.createElement(RowContextProvider, {
+    isActiveRow: isActiveRow,
+    meta: props.table.options.meta,
+    rowIndex: props.rowIndex
+  }, /*#__PURE__*/React__default.createElement(InternalRow, Object.assign({}, props)));
+};
+
+export { Row };
+//# sourceMappingURL=Row.js.map

package/dist/esm/packages/taco/src/components/Table2/components/row/Row.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Row.js","sources":["../../../../../../../../../src/components/Table2/components/row/Row.tsx"],"sourcesContent":["import React from 'react';\nimport { TableMeta } from '@tanstack/react-table';\nimport { RowContextProvider, useRowContext } from './Context';\nimport { useDropTarget } from '../../../../utils/hooks/useDropTarget';\n\nconst InternalRow = ({ onRowDrop, row, rowIndex, table, ...props }) => {\n    const { setIsHovered } = useRowContext();\n\n    const meta = table.options.meta as TableMeta<any>;\n    const isActiveRow = meta.activeRowIndex === rowIndex;\n    const isDragging = meta.dragging[row.id];\n\n    const [, dropTargetProps] = useDropTarget(event => onRowDrop(event, row.original));\n\n    const attributes = {\n        ...props,\n        ...(typeof onRowDrop === 'function' ? dropTargetProps : undefined),\n        'aria-current': isActiveRow ? true : undefined,\n        'aria-grabbed': isDragging ? true : undefined,\n        'data-row-index': rowIndex,\n        draggable: meta.enableRowDragging ? true : undefined,\n        onMouseEnter: () => setIsHovered(true),\n        onMouseLeave: () => setIsHovered(false),\n        role: 'row',\n    };\n\n    return <div {...attributes} />;\n};\n\nexport const Row = props => {\n    const meta = props.table.options.meta as TableMeta<any>;\n    const isActiveRow = meta.activeRowIndex === props.rowIndex;\n\n    return (\n        <RowContextProvider isActiveRow={isActiveRow} meta={props.table.options.meta} rowIndex={props.rowIndex}>\n            <InternalRow {...props} />\n        </RowContextProvider>\n    );\n};\n"],"names":["InternalRow","onRowDrop","row","rowIndex","table","props","setIsHovered","useRowContext","meta","options","isActiveRow","activeRowIndex","isDragging","dragging","id","dropTargetProps","useDropTarget","event","original","attributes","undefined","draggable","enableRowDragging","onMouseEnter","onMouseLeave","role","React","Row","RowContextProvider"],"mappings":";;;;AAKA,MAAMA,WAAW,GAAG,CAAC;EAAEC,SAAS;EAAEC,GAAG;EAAEC,QAAQ;EAAEC,KAAK;EAAE,GAAGC;CAAO;EAC9D,MAAM;IAAEC;GAAc,GAAGC,aAAa,EAAE;EAExC,MAAMC,IAAI,GAAGJ,KAAK,CAACK,OAAO,CAACD,IAAsB;EACjD,MAAME,WAAW,GAAGF,IAAI,CAACG,cAAc,KAAKR,QAAQ;EACpD,MAAMS,UAAU,GAAGJ,IAAI,CAACK,QAAQ,CAACX,GAAG,CAACY,EAAE,CAAC;EAExC,MAAM,GAAGC,eAAe,CAAC,GAAGC,aAAa,CAACC,KAAK,IAAIhB,SAAS,CAACgB,KAAK,EAAEf,GAAG,CAACgB,QAAQ,CAAC,CAAC;EAElF,MAAMC,UAAU,GAAG;IACf,GAAGd,KAAK;IACR,IAAI,OAAOJ,SAAS,KAAK,UAAU,GAAGc,eAAe,GAAGK,SAAS,CAAC;IAClE,cAAc,EAAEV,WAAW,GAAG,IAAI,GAAGU,SAAS;IAC9C,cAAc,EAAER,UAAU,GAAG,IAAI,GAAGQ,SAAS;IAC7C,gBAAgB,EAAEjB,QAAQ;IAC1BkB,SAAS,EAAEb,IAAI,CAACc,iBAAiB,GAAG,IAAI,GAAGF,SAAS;IACpDG,YAAY,EAAE,MAAMjB,YAAY,CAAC,IAAI,CAAC;IACtCkB,YAAY,EAAE,MAAMlB,YAAY,CAAC,KAAK,CAAC;IACvCmB,IAAI,EAAE;GACT;EAED,oBAAOC,sDAASP,UAAU,EAAI;AAClC,CAAC;MAEYQ,GAAG,GAAGtB,KAAK;EACpB,MAAMG,IAAI,GAAGH,KAAK,CAACD,KAAK,CAACK,OAAO,CAACD,IAAsB;EACvD,MAAME,WAAW,GAAGF,IAAI,CAACG,cAAc,KAAKN,KAAK,CAACF,QAAQ;EAE1D,oBACIuB,6BAACE,kBAAkB;IAAClB,WAAW,EAAEA,WAAW;IAAEF,IAAI,EAAEH,KAAK,CAACD,KAAK,CAACK,OAAO,CAACD,IAAI;IAAEL,QAAQ,EAAEE,KAAK,CAACF;kBAC1FuB,6BAAC1B,WAAW,oBAAKK,KAAK,EAAI,CACT;AAE7B;;;;"}

package/dist/esm/packages/taco/src/components/Table2/hooks/listeners/useActiveRowStateListener.js

@@ -0,0 +1,19 @@
+import React__default from 'react';
+
+const useActiveRowStateListener = (table, rows, activeRowIndex) => {
+  const meta = table.options.meta;
+  React__default.useEffect(() => {
+    if (meta.editMode.isEditing && meta.shouldPauseSortingAndFiltering) {
+      meta.setShouldPauseSortingAndFiltering(false);
+    }
+  }, [activeRowIndex.activeRowIndex]);
+  // if a filter would exclude the active row, reset it to 0
+  React__default.useEffect(() => {
+    if (activeRowIndex.activeRowIndex > rows.length - 1) {
+      meta.setActiveRowIndex(rows.length ? rows.length - 1 : 0);
+    }
+  }, [table.getState().columnFilters, rows.length]);
+};
+
+export { useActiveRowStateListener };
+//# sourceMappingURL=useActiveRowStateListener.js.map

package/dist/esm/packages/taco/src/components/Table2/hooks/listeners/useActiveRowStateListener.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useActiveRowStateListener.js","sources":["../../../../../../../../../src/components/Table2/hooks/listeners/useActiveRowStateListener.ts"],"sourcesContent":["import React from 'react';\nimport { Row as RTRow, Table as RTTable, TableMeta } from '@tanstack/react-table';\nimport { useActiveRow } from '../useActiveRow';\n\nexport const useActiveRowStateListener = <TType = any>(\n    table: RTTable<any>,\n    rows: RTRow<any>[],\n    activeRowIndex: useActiveRow<TType>\n) => {\n    const meta = table.options.meta as TableMeta<any>;\n\n    React.useEffect(() => {\n        if (meta.editMode.isEditing && meta.shouldPauseSortingAndFiltering) {\n            meta.setShouldPauseSortingAndFiltering(false);\n        }\n    }, [activeRowIndex.activeRowIndex]);\n\n    // if a filter would exclude the active row, reset it to 0\n    React.useEffect(() => {\n        if (activeRowIndex.activeRowIndex > rows.length - 1) {\n            meta.setActiveRowIndex(rows.length ? rows.length - 1 : 0);\n        }\n    }, [table.getState().columnFilters, rows.length]);\n};\n"],"names":["useActiveRowStateListener","table","rows","activeRowIndex","meta","options","React","useEffect","editMode","isEditing","shouldPauseSortingAndFiltering","setShouldPauseSortingAndFiltering","length","setActiveRowIndex","getState","columnFilters"],"mappings":";;MAIaA,yBAAyB,GAAG,CACrCC,KAAmB,EACnBC,IAAkB,EAClBC,cAAmC;EAEnC,MAAMC,IAAI,GAAGH,KAAK,CAACI,OAAO,CAACD,IAAsB;EAEjDE,cAAK,CAACC,SAAS,CAAC;IACZ,IAAIH,IAAI,CAACI,QAAQ,CAACC,SAAS,IAAIL,IAAI,CAACM,8BAA8B,EAAE;MAChEN,IAAI,CAACO,iCAAiC,CAAC,KAAK,CAAC;;GAEpD,EAAE,CAACR,cAAc,CAACA,cAAc,CAAC,CAAC;;EAGnCG,cAAK,CAACC,SAAS,CAAC;IACZ,IAAIJ,cAAc,CAACA,cAAc,GAAGD,IAAI,CAACU,MAAM,GAAG,CAAC,EAAE;MACjDR,IAAI,CAACS,iBAAiB,CAACX,IAAI,CAACU,MAAM,GAAGV,IAAI,CAACU,MAAM,GAAG,CAAC,GAAG,CAAC,CAAC;;GAEhE,EAAE,CAACX,KAAK,CAACa,QAAQ,EAAE,CAACC,aAAa,EAAEb,IAAI,CAACU,MAAM,CAAC,CAAC;AACrD;;;;"}

package/dist/esm/packages/taco/src/components/Table2/hooks/listeners/useColumnOffsetStateListener.js

@@ -0,0 +1,28 @@
+import React__default from 'react';
+
+// frozen columns have position sticky, and because we support more than one of them
+// we must set a 'left' css value. this hook listens to changes on state that will
+// affect the left offset (resize, visibility, freezing) and updates offsets based on width
+const useColumnOffsetStateListener = (table, setColumnOffsets) => {
+  const {
+    columnOrder,
+    columnSizing,
+    columnSizingInfo,
+    columnVisibility
+  } = table.getState();
+  const {
+    frozenColumnsCount
+  } = table.options.meta;
+  React__default.useEffect(() => {
+    const offsets = {};
+    // store left offsets for each visible column
+    table.getVisibleLeafColumns().reduce((offset, column) => {
+      offsets[column.id] = offset;
+      return offset + column.getSize();
+    }, 0);
+    setColumnOffsets(offsets);
+  }, [columnOrder, columnSizing, columnSizingInfo, columnVisibility, frozenColumnsCount]);
+};
+
+export { useColumnOffsetStateListener };
+//# sourceMappingURL=useColumnOffsetStateListener.js.map

package/dist/esm/packages/taco/src/components/Table2/hooks/listeners/useColumnOffsetStateListener.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useColumnOffsetStateListener.js","sources":["../../../../../../../../../src/components/Table2/hooks/listeners/useColumnOffsetStateListener.ts"],"sourcesContent":["import React from 'react';\nimport { Table as RTTable, OnChangeFn, TableMeta } from '@tanstack/react-table';\nimport { ColumnOffsetState } from '../../types';\n\n// frozen columns have position sticky, and because we support more than one of them\n// we must set a 'left' css value. this hook listens to changes on state that will\n// affect the left offset (resize, visibility, freezing) and updates offsets based on width\nexport const useColumnOffsetStateListener = (table: RTTable<any>, setColumnOffsets: OnChangeFn<ColumnOffsetState>) => {\n    const { columnOrder, columnSizing, columnSizingInfo, columnVisibility } = table.getState();\n    const { frozenColumnsCount } = table.options.meta as TableMeta<any>;\n\n    React.useEffect(() => {\n        const offsets = {};\n\n        // store left offsets for each visible column\n        table.getVisibleLeafColumns().reduce((offset, column) => {\n            offsets[column.id] = offset;\n            return offset + column.getSize();\n        }, 0);\n\n        setColumnOffsets(offsets);\n    }, [columnOrder, columnSizing, columnSizingInfo, columnVisibility, frozenColumnsCount]);\n};\n"],"names":["useColumnOffsetStateListener","table","setColumnOffsets","columnOrder","columnSizing","columnSizingInfo","columnVisibility","getState","frozenColumnsCount","options","meta","React","useEffect","offsets","getVisibleLeafColumns","reduce","offset","column","id","getSize"],"mappings":";;AAIA;AACA;AACA;MACaA,4BAA4B,GAAG,CAACC,KAAmB,EAAEC,gBAA+C;EAC7G,MAAM;IAAEC,WAAW;IAAEC,YAAY;IAAEC,gBAAgB;IAAEC;GAAkB,GAAGL,KAAK,CAACM,QAAQ,EAAE;EAC1F,MAAM;IAAEC;GAAoB,GAAGP,KAAK,CAACQ,OAAO,CAACC,IAAsB;EAEnEC,cAAK,CAACC,SAAS,CAAC;IACZ,MAAMC,OAAO,GAAG,EAAE;;IAGlBZ,KAAK,CAACa,qBAAqB,EAAE,CAACC,MAAM,CAAC,CAACC,MAAM,EAAEC,MAAM;MAChDJ,OAAO,CAACI,MAAM,CAACC,EAAE,CAAC,GAAGF,MAAM;MAC3B,OAAOA,MAAM,GAAGC,MAAM,CAACE,OAAO,EAAE;KACnC,EAAE,CAAC,CAAC;IAELjB,gBAAgB,CAACW,OAAO,CAAC;GAC5B,EAAE,CAACV,WAAW,EAAEC,YAAY,EAAEC,gBAAgB,EAAEC,gBAAgB,EAAEE,kBAAkB,CAAC,CAAC;AAC3F;;;;"}

package/dist/esm/packages/taco/src/components/Table2/hooks/listeners/useFilterStateListener.js

@@ -0,0 +1,12 @@
+import React__default from 'react';
+
+const useFilterStateListener = (table, onRowSelect) => {
+  React__default.useEffect(() => {
+    if (onRowSelect) {
+      table.resetRowSelection();
+    }
+  }, [table.getState().columnFilters, table.getState().globalFilter]);
+};
+
+export { useFilterStateListener };
+//# sourceMappingURL=useFilterStateListener.js.map

package/dist/esm/packages/taco/src/components/Table2/hooks/listeners/useFilterStateListener.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useFilterStateListener.js","sources":["../../../../../../../../../src/components/Table2/hooks/listeners/useFilterStateListener.ts"],"sourcesContent":["import React from 'react';\nimport { Table as RTTable } from '@tanstack/react-table';\nimport { RowSelectionHandler } from '../../types';\n\nexport const useFilterStateListener = <TType = any>(table: RTTable<TType>, onRowSelect: RowSelectionHandler | undefined) => {\n    React.useEffect(() => {\n        if (onRowSelect) {\n            table.resetRowSelection();\n        }\n    }, [table.getState().columnFilters, table.getState().globalFilter]);\n};\n"],"names":["useFilterStateListener","table","onRowSelect","React","useEffect","resetRowSelection","getState","columnFilters","globalFilter"],"mappings":";;MAIaA,sBAAsB,GAAG,CAAcC,KAAqB,EAAEC,WAA4C;EACnHC,cAAK,CAACC,SAAS,CAAC;IACZ,IAAIF,WAAW,EAAE;MACbD,KAAK,CAACI,iBAAiB,EAAE;;GAEhC,EAAE,CAACJ,KAAK,CAACK,QAAQ,EAAE,CAACC,aAAa,EAAEN,KAAK,CAACK,QAAQ,EAAE,CAACE,YAAY,CAAC,CAAC;AACvE;;;;"}

package/dist/esm/packages/taco/src/components/Table2/hooks/listeners/useRowSelectionListener.js

@@ -0,0 +1,18 @@
+import React__default from 'react';
+
+const useRowSelectionListener = (table, onRowSelect) => {
+  React__default.useEffect(() => {
+    if (onRowSelect) {
+      if (table.options.enableMultiRowSelection) {
+        const rows = table.getSelectedRowModel().rows.map(row => row.original);
+        onRowSelect(rows, table.getIsAllRowsSelected());
+      } else {
+        var _table$getSelectedRow, _table$getSelectedRow2;
+        onRowSelect((_table$getSelectedRow = (_table$getSelectedRow2 = table.getSelectedRowModel().rows[0]) === null || _table$getSelectedRow2 === void 0 ? void 0 : _table$getSelectedRow2.original) !== null && _table$getSelectedRow !== void 0 ? _table$getSelectedRow : undefined, false);
+      }
+    }
+  }, [table.getState().rowSelection]);
+};
+
+export { useRowSelectionListener };
+//# sourceMappingURL=useRowSelectionListener.js.map

package/dist/esm/packages/taco/src/components/Table2/hooks/listeners/useRowSelectionListener.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useRowSelectionListener.js","sources":["../../../../../../../../../src/components/Table2/hooks/listeners/useRowSelectionListener.ts"],"sourcesContent":["import React from 'react';\nimport { Table as RTTable } from '@tanstack/react-table';\nimport { RowSelectionHandler } from '../../types';\n\nexport const useRowSelectionListener = <TType = any>(table: RTTable<any>, onRowSelect: RowSelectionHandler | undefined) => {\n    React.useEffect(() => {\n        if (onRowSelect) {\n            if (table.options.enableMultiRowSelection) {\n                const rows = table.getSelectedRowModel().rows.map(row => row.original) as TType[];\n\n                onRowSelect(rows, table.getIsAllRowsSelected());\n            } else {\n                onRowSelect(table.getSelectedRowModel().rows[0]?.original ?? undefined, false);\n            }\n        }\n    }, [table.getState().rowSelection]);\n};\n"],"names":["useRowSelectionListener","table","onRowSelect","React","useEffect","options","enableMultiRowSelection","rows","getSelectedRowModel","map","row","original","getIsAllRowsSelected","undefined","getState","rowSelection"],"mappings":";;MAIaA,uBAAuB,GAAG,CAAcC,KAAmB,EAAEC,WAA4C;EAClHC,cAAK,CAACC,SAAS,CAAC;IACZ,IAAIF,WAAW,EAAE;MACb,IAAID,KAAK,CAACI,OAAO,CAACC,uBAAuB,EAAE;QACvC,MAAMC,IAAI,GAAGN,KAAK,CAACO,mBAAmB,EAAE,CAACD,IAAI,CAACE,GAAG,CAACC,GAAG,IAAIA,GAAG,CAACC,QAAQ,CAAY;QAEjFT,WAAW,CAACK,IAAI,EAAEN,KAAK,CAACW,oBAAoB,EAAE,CAAC;OAClD,MAAM;QAAA;QACHV,WAAW,oDAACD,KAAK,CAACO,mBAAmB,EAAE,CAACD,IAAI,CAAC,CAAC,CAAC,2DAAnC,uBAAqCI,QAAQ,yEAAIE,SAAS,EAAE,KAAK,CAAC;;;GAGzF,EAAE,CAACZ,KAAK,CAACa,QAAQ,EAAE,CAACC,YAAY,CAAC,CAAC;AACvC;;;;"}

package/dist/esm/packages/taco/src/components/Table2/hooks/listeners/useSettingsStateListener.js

@@ -0,0 +1,25 @@
+import React__default from 'react';
+
+const useSettingsStateListener = (table, onChangeSettings) => {
+  const meta = table.options.meta;
+  const state = table.getState();
+  React__default.useEffect(() => {
+    let handler;
+    if (typeof onChangeSettings === 'function') {
+      handler = setTimeout(() => onChangeSettings({
+        columnFilters: state.columnFilters,
+        columnOrder: state.columnOrder,
+        columnSizing: state.columnSizing,
+        columnVisibility: state.columnVisibility,
+        frozenColumnCount: meta.frozenColumnsCount,
+        globalFilter: state.globalFilter,
+        rowDensity: meta.rowDensity,
+        sorting: state.sorting
+      }), 250);
+    }
+    return () => clearTimeout(handler);
+  }, [state.columnFilters, state.columnOrder, meta.frozenColumnsCount, state.columnSizing, state.columnVisibility, state.globalFilter, meta.rowDensity, state.sorting]);
+};
+
+export { useSettingsStateListener };
+//# sourceMappingURL=useSettingsStateListener.js.map

package/dist/esm/packages/taco/src/components/Table2/hooks/listeners/useSettingsStateListener.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useSettingsStateListener.js","sources":["../../../../../../../../../src/components/Table2/hooks/listeners/useSettingsStateListener.ts"],"sourcesContent":["import React from 'react';\nimport { Table as RTTable, TableMeta } from '@tanstack/react-table';\nimport { SettingsHandler } from '../../types';\n\nexport const useSettingsStateListener = (table: RTTable<any>, onChangeSettings: SettingsHandler | undefined) => {\n    const meta = table.options.meta as TableMeta<any>;\n    const state = table.getState();\n\n    React.useEffect(() => {\n        let handler;\n\n        if (typeof onChangeSettings === 'function') {\n            handler = setTimeout(\n                () =>\n                    onChangeSettings({\n                        columnFilters: state.columnFilters,\n                        columnOrder: state.columnOrder,\n                        columnSizing: state.columnSizing,\n                        columnVisibility: state.columnVisibility,\n                        frozenColumnCount: meta.frozenColumnsCount,\n                        globalFilter: state.globalFilter,\n                        rowDensity: meta.rowDensity,\n                        sorting: state.sorting,\n                    }),\n                250\n            );\n        }\n\n        return () => clearTimeout(handler);\n    }, [\n        state.columnFilters,\n        state.columnOrder,\n        meta.frozenColumnsCount,\n        state.columnSizing,\n        state.columnVisibility,\n        state.globalFilter,\n        meta.rowDensity,\n        state.sorting,\n    ]);\n};\n"],"names":["useSettingsStateListener","table","onChangeSettings","meta","options","state","getState","React","useEffect","handler","setTimeout","columnFilters","columnOrder","columnSizing","columnVisibility","frozenColumnCount","frozenColumnsCount","globalFilter","rowDensity","sorting","clearTimeout"],"mappings":";;MAIaA,wBAAwB,GAAG,CAACC,KAAmB,EAAEC,gBAA6C;EACvG,MAAMC,IAAI,GAAGF,KAAK,CAACG,OAAO,CAACD,IAAsB;EACjD,MAAME,KAAK,GAAGJ,KAAK,CAACK,QAAQ,EAAE;EAE9BC,cAAK,CAACC,SAAS,CAAC;IACZ,IAAIC,OAAO;IAEX,IAAI,OAAOP,gBAAgB,KAAK,UAAU,EAAE;MACxCO,OAAO,GAAGC,UAAU,CAChB,MACIR,gBAAgB,CAAC;QACbS,aAAa,EAAEN,KAAK,CAACM,aAAa;QAClCC,WAAW,EAAEP,KAAK,CAACO,WAAW;QAC9BC,YAAY,EAAER,KAAK,CAACQ,YAAY;QAChCC,gBAAgB,EAAET,KAAK,CAACS,gBAAgB;QACxCC,iBAAiB,EAAEZ,IAAI,CAACa,kBAAkB;QAC1CC,YAAY,EAAEZ,KAAK,CAACY,YAAY;QAChCC,UAAU,EAAEf,IAAI,CAACe,UAAU;QAC3BC,OAAO,EAAEd,KAAK,CAACc;OAClB,CAAC,EACN,GAAG,CACN;;IAGL,OAAO,MAAMC,YAAY,CAACX,OAAO,CAAC;GACrC,EAAE,CACCJ,KAAK,CAACM,aAAa,EACnBN,KAAK,CAACO,WAAW,EACjBT,IAAI,CAACa,kBAAkB,EACvBX,KAAK,CAACQ,YAAY,EAClBR,KAAK,CAACS,gBAAgB,EACtBT,KAAK,CAACY,YAAY,EAClBd,IAAI,CAACe,UAAU,EACfb,KAAK,CAACc,OAAO,CAChB,CAAC;AACN;;;;"}

package/dist/esm/packages/taco/src/components/Table2/hooks/useActiveRow.js

@@ -0,0 +1,33 @@
+import React__default from 'react';
+
+const useActiveRow = (defaultActiveRowIndex = 0) => {
+  const [activeRowIndex, _setActiveRow] = React__default.useState(defaultActiveRowIndex);
+  const moveActiveRow = (direction, rows, callback) => {
+    _setActiveRow(rowIndex => {
+      const nextRowIndex = getNextIndex(direction, rowIndex, rows.length);
+      if (callback) {
+        callback(nextRowIndex);
+      }
+      return nextRowIndex;
+    });
+  };
+  // output
+  const moveToPreviousRow = (rows, callback) => moveActiveRow(-1, rows, callback);
+  const moveToNextRow = (rows, callback) => moveActiveRow(1, rows, callback);
+  const setActiveRowIndex = rowIndex => _setActiveRow(rowIndex);
+  return {
+    activeRowIndex,
+    setActiveRowIndex,
+    moveToPreviousRow,
+    moveToNextRow
+  };
+};
+const getNextIndex = (direction, currentIndex, length) => {
+  if (direction === -1) {
+    return currentIndex - 1 > 0 ? currentIndex - 1 : 0;
+  }
+  return currentIndex + 1 < length ? currentIndex + 1 : currentIndex;
+};
+
+export { useActiveRow };
+//# sourceMappingURL=useActiveRow.js.map

package/dist/esm/packages/taco/src/components/Table2/hooks/useActiveRow.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useActiveRow.js","sources":["../../../../../../../../src/components/Table2/hooks/useActiveRow.ts"],"sourcesContent":["import React from 'react';\nimport { Row as TRow } from '@tanstack/react-table';\n\n/*\n    Note: We have to use row id as the identifier for the row, index isn't good enough\n\n    If new rows are added (e.g. by polling of data) and we use index, then the active row\n    could change to a different row, this is really bad if the user is editing a row.\n    \n    Using row id allows us to always stay on the same row. We have to store index though to make\n    arrow key navigation performant (otherwise we have to findIndex the entire row array each time).\n*/\n\nexport type ActiveRowHandler = (rowIndex: number) => void;\nexport type ActiveRowMoveHandler<TType = any> = (rows: TRow<TType>[], callback?: (index: number) => void) => void;\n\nexport type useActiveRow<TType = any> = {\n    activeRowIndex: number;\n    setActiveRowIndex: ActiveRowHandler;\n    moveToPreviousRow: ActiveRowMoveHandler<TType>;\n    moveToNextRow: ActiveRowMoveHandler<TType>;\n};\n\nexport const useActiveRow = <TType = any>(defaultActiveRowIndex = 0): useActiveRow<TType> => {\n    const [activeRowIndex, _setActiveRow] = React.useState<number>(defaultActiveRowIndex);\n\n    const moveActiveRow = (direction: -1 | 1, rows: TRow<TType>[], callback?: (index: number) => void) => {\n        _setActiveRow(rowIndex => {\n            const nextRowIndex = getNextIndex(direction, rowIndex, rows.length);\n            if (callback) {\n                callback(nextRowIndex);\n            }\n            return nextRowIndex;\n        });\n    };\n\n    // output\n    const moveToPreviousRow = (rows: TRow<TType>[], callback?: (index: number) => void) => moveActiveRow(-1, rows, callback);\n    const moveToNextRow = (rows: TRow<TType>[], callback?: (index: number) => void) => moveActiveRow(1, rows, callback);\n    const setActiveRowIndex = (rowIndex: number) => _setActiveRow(rowIndex);\n\n    return {\n        activeRowIndex,\n        setActiveRowIndex,\n        moveToPreviousRow,\n        moveToNextRow,\n    };\n};\n\nconst getNextIndex = (direction: -1 | 1, currentIndex: number, length: number) => {\n    if (direction === -1) {\n        return currentIndex - 1 > 0 ? currentIndex - 1 : 0;\n    }\n\n    return currentIndex + 1 < length ? currentIndex + 1 : currentIndex;\n};\n"],"names":["useActiveRow","defaultActiveRowIndex","activeRowIndex","_setActiveRow","React","useState","moveActiveRow","direction","rows","callback","rowIndex","nextRowIndex","getNextIndex","length","moveToPreviousRow","moveToNextRow","setActiveRowIndex","currentIndex"],"mappings":";;MAuBaA,YAAY,GAAG,CAAcC,qBAAqB,GAAG,CAAC;EAC/D,MAAM,CAACC,cAAc,EAAEC,aAAa,CAAC,GAAGC,cAAK,CAACC,QAAQ,CAASJ,qBAAqB,CAAC;EAErF,MAAMK,aAAa,GAAG,CAACC,SAAiB,EAAEC,IAAmB,EAAEC,QAAkC;IAC7FN,aAAa,CAACO,QAAQ;MAClB,MAAMC,YAAY,GAAGC,YAAY,CAACL,SAAS,EAAEG,QAAQ,EAAEF,IAAI,CAACK,MAAM,CAAC;MACnE,IAAIJ,QAAQ,EAAE;QACVA,QAAQ,CAACE,YAAY,CAAC;;MAE1B,OAAOA,YAAY;KACtB,CAAC;GACL;;EAGD,MAAMG,iBAAiB,GAAG,CAACN,IAAmB,EAAEC,QAAkC,KAAKH,aAAa,CAAC,CAAC,CAAC,EAAEE,IAAI,EAAEC,QAAQ,CAAC;EACxH,MAAMM,aAAa,GAAG,CAACP,IAAmB,EAAEC,QAAkC,KAAKH,aAAa,CAAC,CAAC,EAAEE,IAAI,EAAEC,QAAQ,CAAC;EACnH,MAAMO,iBAAiB,GAAIN,QAAgB,IAAKP,aAAa,CAACO,QAAQ,CAAC;EAEvE,OAAO;IACHR,cAAc;IACdc,iBAAiB;IACjBF,iBAAiB;IACjBC;GACH;AACL;AAEA,MAAMH,YAAY,GAAG,CAACL,SAAiB,EAAEU,YAAoB,EAAEJ,MAAc;EACzE,IAAIN,SAAS,KAAK,CAAC,CAAC,EAAE;IAClB,OAAOU,YAAY,GAAG,CAAC,GAAG,CAAC,GAAGA,YAAY,GAAG,CAAC,GAAG,CAAC;;EAGtD,OAAOA,YAAY,GAAG,CAAC,GAAGJ,MAAM,GAAGI,YAAY,GAAG,CAAC,GAAGA,YAAY;AACtE,CAAC;;;;"}

package/dist/esm/packages/taco/src/components/Table2/hooks/useColumnDefinitions.js

@@ -0,0 +1,122 @@
+import React__default from 'react';
+import { useLocalization } from '../../Provider/Localization.js';
+import { createColumnHelper } from '@tanstack/react-table';
+import { createRowExpansionColumn, createRowSelectionColumn, createRowDraggableColumn, createRowActionsColumn, MIN_COLUMN_SIZE } from '../utilities/columns.js';
+
+function useColumnDefinitions(children, options, tableRef) {
+  const {
+    texts
+  } = useLocalization();
+  const lastSelectedRowIndex = React__default.useRef();
+  const columnHelper = createColumnHelper();
+  return React__default.useMemo(() => {
+    var _options$actionsForRo;
+    let internalFrozenColumnCount = 0;
+    // cannot be typed correctly until https://github.com/TanStack/table/discussions/4530 is resolved
+    const columns = [];
+    const defaultColumnSizing = {};
+    const defaultColumnVisibility = {};
+    const defaultSorting = [];
+    const footers = {};
+    React__default.Children.toArray(children).filter(child => !!child).forEach(child => {
+      if ( /*#__PURE__*/React__default.isValidElement(child)) {
+        var _child$props$minWidth;
+        const defaultWidth = child.props.defaultWidth === 'grow' ? '1fr' : child.props.defaultWidth;
+        if (defaultWidth) {
+          defaultColumnSizing[child.props.accessor] = defaultWidth;
+        }
+        if (child.props.defaultHidden && options.enableColumnHiding) {
+          defaultColumnVisibility[child.props.accessor] = false;
+        }
+        if (child.props.sort !== undefined) {
+          defaultSorting.push({
+            id: child.props.accessor,
+            desc: child.props.sort === 'desc'
+          });
+        }
+        if (child.props.footer) {
+          footers[child.props.accessor] = child.props.footer;
+        }
+        columns.push({
+          accessorKey: child.props.accessor,
+          id: child.props.accessor,
+          cell: props => {
+            var _value;
+            let value = props.getValue();
+            if (typeof child.props.renderer === 'function') {
+              value = child.props.renderer(value, props.row.original);
+            }
+            if (typeof value === 'string' || typeof value === 'number') {
+              return /*#__PURE__*/React__default.createElement("span", {
+                className: "truncate"
+              }, value);
+            }
+            return (_value = value) !== null && _value !== void 0 ? _value : null;
+          },
+          header: child.props.header,
+          meta: {
+            align: child.props.align,
+            className: child.props.className,
+            control: child.props.control,
+            dataType: child.props.dataType,
+            defaultWidth,
+            disableReordering: child.props.disableReordering,
+            menu: child.props.menu,
+            tooltip: child.props.tooltip
+          },
+          enableHiding: !child.props.disableHiding,
+          // filtering
+          enableColumnFilter: !child.props.disableFiltering,
+          filterFn: options.enableColumnFiltering && !child.props.disableFiltering ? 'tacoFilter' : undefined,
+          // sizing
+          enableResizing: !child.props.disableResizing,
+          minSize: (_child$props$minWidth = child.props.minWidth) !== null && _child$props$minWidth !== void 0 ? _child$props$minWidth : MIN_COLUMN_SIZE,
+          size: child.props.defaultWidth,
+          // sorting
+          enableSorting: !child.props.disableSorting,
+          sortingFn: getSortingFn(child.props.dataType, child.props.sortFn),
+          sortDescFirst: false,
+          sortUndefined: 1
+        });
+      }
+    });
+    if (options.enableRowExpansion && options.expandedRowRenderer) {
+      columns.unshift(columnHelper.display(createRowExpansionColumn(options.expandedRowRenderer, texts)));
+      internalFrozenColumnCount++;
+    }
+    if (options.enableRowSelection) {
+      columns.unshift(columnHelper.display(createRowSelectionColumn(options.enableMultipleRowSelection, lastSelectedRowIndex, options.onRowDrag, tableRef, texts)));
+      internalFrozenColumnCount++;
+    }
+    if (options.onRowDrag) {
+      columns.unshift(columnHelper.display(createRowDraggableColumn(options.onRowDrag, texts)));
+      internalFrozenColumnCount++;
+    }
+    if ((_options$actionsForRo = options.actionsForRow) !== null && _options$actionsForRo !== void 0 && _options$actionsForRo.length) {
+      columns.push(columnHelper.display(createRowActionsColumn(options.actionsForRow, options.actionsForRowLength, texts)));
+    }
+    return {
+      columns,
+      internalFrozenColumnCount,
+      defaultColumnSizing,
+      defaultColumnVisibility,
+      defaultSorting,
+      footers
+    };
+  }, [children]);
+}
+function getSortingFn(dataType, customFn) {
+  if (typeof customFn === 'function') {
+    return (rowA, rowB, columnId) => customFn(rowA.original, rowB.original, columnId);
+  }
+  if (customFn) {
+    return customFn;
+  }
+  if (dataType && dataType !== 'boolean') {
+    return dataType;
+  }
+  return 'auto';
+}
+
+export { useColumnDefinitions };
+//# sourceMappingURL=useColumnDefinitions.js.map

package/dist/esm/packages/taco/src/components/Table2/hooks/useColumnDefinitions.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useColumnDefinitions.js","sources":["../../../../../../../../src/components/Table2/hooks/useColumnDefinitions.tsx"],"sourcesContent":["import React from 'react';\nimport {\n    createColumnHelper,\n    ColumnSort,\n    ColumnSizingState,\n    Row,\n    RowData,\n    VisibilityState,\n    SortingFnOption,\n    Table,\n} from '@tanstack/react-table';\nimport {\n    CellAlignment,\n    ColumnDataType,\n    RowDragHandler,\n    RowExpansionRenderer,\n    SortFn,\n    Table2Children,\n    Table2ColumnControlRenderer,\n    Table2ColumnFooterRenderer,\n    Table2ColumnHeaderMenu,\n    Table2ColumnProps,\n    Table2RowActionRenderer,\n} from '../types';\nimport {\n    createRowActionsColumn,\n    createRowDraggableColumn,\n    createRowExpansionColumn,\n    createRowSelectionColumn,\n    MIN_COLUMN_SIZE,\n} from '../utilities/columns';\nimport { useLocalization } from '../../Provider/Localization';\n\ndeclare module '@tanstack/table-core' {\n    interface ColumnMeta<TData extends RowData, TValue> {\n        align?: CellAlignment;\n        className?: string | ((row: Row<TData>, table: Table<TData>) => string);\n        control?: Table2ColumnControlRenderer;\n        dataType?: ColumnDataType;\n        disableReordering?: boolean;\n        defaultWidth?: number | 'grow';\n        headerClassName?: string;\n        menu?: Table2ColumnHeaderMenu;\n        tooltip?: string;\n    }\n}\n\ntype useColumnDefinitionsOptions<TType> = {\n    actionsForRow: Table2RowActionRenderer<TType>[];\n    actionsForRowLength: number;\n    enableColumnFiltering: boolean;\n    enableColumnHiding: boolean;\n    enableColumnFreezing: boolean;\n    enableRowExpansion: boolean;\n    enableRowSelection: boolean;\n    enableMultipleRowSelection: boolean;\n    expandedRowRenderer?: RowExpansionRenderer<TType>;\n    onRowDrag?: RowDragHandler<TType>;\n};\n\nexport function useColumnDefinitions<TType = any>(\n    children: Table2Children,\n    options: useColumnDefinitionsOptions<TType>,\n    tableRef: React.RefObject<HTMLDivElement>\n) {\n    const { texts } = useLocalization();\n    const lastSelectedRowIndex = React.useRef<number>();\n    const columnHelper = createColumnHelper<TType>();\n\n    return React.useMemo(() => {\n        let internalFrozenColumnCount = 0;\n        // cannot be typed correctly until https://github.com/TanStack/table/discussions/4530 is resolved\n        const columns: any[] = [];\n        const defaultColumnSizing: ColumnSizingState = {};\n        const defaultColumnVisibility: VisibilityState = {};\n        const defaultSorting: ColumnSort[] = [];\n        const footers: Record<string, Table2ColumnFooterRenderer> = {};\n\n        (React.Children.toArray(children) as React.ReactElement<Table2ColumnProps<TType>>[])\n            .filter((child: any) => !!child)\n            .forEach(child => {\n                if (React.isValidElement(child)) {\n                    const defaultWidth = child.props.defaultWidth === 'grow' ? '1fr' : child.props.defaultWidth;\n\n                    if (defaultWidth) {\n                        defaultColumnSizing[child.props.accessor] = defaultWidth as any;\n                    }\n\n                    if (child.props.defaultHidden && options.enableColumnHiding) {\n                        defaultColumnVisibility[child.props.accessor] = false;\n                    }\n\n                    if (child.props.sort !== undefined) {\n                        defaultSorting.push({\n                            id: child.props.accessor,\n                            desc: child.props.sort === 'desc',\n                        });\n                    }\n\n                    if (child.props.footer) {\n                        footers[child.props.accessor] = child.props.footer;\n                    }\n\n                    columns.push({\n                        accessorKey: child.props.accessor,\n                        id: child.props.accessor,\n                        cell: props => {\n                            let value = props.getValue();\n\n                            if (typeof child.props.renderer === 'function') {\n                                value = child.props.renderer(value, props.row.original);\n                            }\n\n                            if (typeof value === 'string' || typeof value === 'number') {\n                                return <span className=\"truncate\">{value}</span>;\n                            }\n\n                            return value ?? null;\n                        },\n                        header: child.props.header,\n                        meta: {\n                            align: child.props.align,\n                            className: child.props.className,\n                            control: child.props.control,\n                            dataType: child.props.dataType,\n                            defaultWidth,\n                            disableReordering: child.props.disableReordering,\n                            menu: child.props.menu,\n                            tooltip: child.props.tooltip,\n                        },\n                        enableHiding: !child.props.disableHiding,\n                        // filtering\n                        enableColumnFilter: !child.props.disableFiltering,\n                        filterFn:\n                            options.enableColumnFiltering && !child.props.disableFiltering ? ('tacoFilter' as any) : undefined,\n                        // sizing\n                        enableResizing: !child.props.disableResizing,\n                        minSize: child.props.minWidth ?? MIN_COLUMN_SIZE,\n                        size: child.props.defaultWidth,\n                        // sorting\n                        enableSorting: !child.props.disableSorting,\n                        sortingFn: getSortingFn<TType>(child.props.dataType, child.props.sortFn),\n                        sortDescFirst: false,\n                        sortUndefined: 1,\n                    });\n                }\n            });\n\n        if (options.enableRowExpansion && options.expandedRowRenderer) {\n            columns.unshift(columnHelper.display(createRowExpansionColumn(options.expandedRowRenderer, texts)));\n            internalFrozenColumnCount++;\n        }\n\n        if (options.enableRowSelection) {\n            columns.unshift(\n                columnHelper.display(\n                    createRowSelectionColumn(\n                        options.enableMultipleRowSelection,\n                        lastSelectedRowIndex,\n                        options.onRowDrag,\n                        tableRef,\n                        texts\n                    )\n                )\n            );\n            internalFrozenColumnCount++;\n        }\n\n        if (options.onRowDrag) {\n            columns.unshift(columnHelper.display(createRowDraggableColumn(options.onRowDrag, texts)));\n            internalFrozenColumnCount++;\n        }\n\n        if (options.actionsForRow?.length) {\n            columns.push(columnHelper.display(createRowActionsColumn(options.actionsForRow, options.actionsForRowLength, texts)));\n        }\n\n        return { columns, internalFrozenColumnCount, defaultColumnSizing, defaultColumnVisibility, defaultSorting, footers };\n    }, [children]);\n}\n\nfunction getSortingFn<TType>(dataType?: ColumnDataType, customFn?: SortFn<TType>): SortingFnOption<TType> {\n    if (typeof customFn === 'function') {\n        return (rowA, rowB, columnId) => customFn(rowA.original, rowB.original, columnId);\n    }\n\n    if (customFn) {\n        return customFn;\n    }\n\n    if (dataType && dataType !== 'boolean') {\n        return dataType;\n    }\n\n    return 'auto';\n}\n"],"names":["useColumnDefinitions","children","options","tableRef","texts","useLocalization","lastSelectedRowIndex","React","useRef","columnHelper","createColumnHelper","useMemo","internalFrozenColumnCount","columns","defaultColumnSizing","defaultColumnVisibility","defaultSorting","footers","Children","toArray","filter","child","forEach","isValidElement","defaultWidth","props","accessor","defaultHidden","enableColumnHiding","sort","undefined","push","id","desc","footer","accessorKey","cell","value","getValue","renderer","row","original","className","header","meta","align","control","dataType","disableReordering","menu","tooltip","enableHiding","disableHiding","enableColumnFilter","disableFiltering","filterFn","enableColumnFiltering","enableResizing","disableResizing","minSize","minWidth","MIN_COLUMN_SIZE","size","enableSorting","disableSorting","sortingFn","getSortingFn","sortFn","sortDescFirst","sortUndefined","enableRowExpansion","expandedRowRenderer","unshift","display","createRowExpansionColumn","enableRowSelection","createRowSelectionColumn","enableMultipleRowSelection","onRowDrag","createRowDraggableColumn","actionsForRow","length","createRowActionsColumn","actionsForRowLength","customFn","rowA","rowB","columnId"],"mappings":"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"}