@economic/taco 12.0.0 → 13.0.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/components/Table3/components/Columns/Cell/Editing/RowMoveIndicator.cjs.map +1 -1
- package/dist/components/Table3/components/Columns/Cell/Editing/RowMoveIndicator.d.ts +1 -1
- package/dist/components/Table3/components/Columns/Cell/Editing/RowMoveIndicator.js.map +1 -1
- package/dist/components/Table3/features/useEditingState.cjs.map +1 -1
- package/dist/components/Table3/features/useEditingState.d.ts +18 -5
- package/dist/components/Table3/features/useEditingState.js.map +1 -1
- package/dist/components/Table3/features/useTableEditing.d.ts +23 -6
- package/dist/primitives/Table/Core/components/Columns/Cell/BuiltIns/GroupedCell.cjs.map +1 -1
- package/dist/primitives/Table/Core/components/Columns/Cell/BuiltIns/GroupedCell.js.map +1 -1
- package/dist/primitives/Table/Core/components/Columns/Cell/util.cjs.map +1 -1
- package/dist/primitives/Table/Core/components/Columns/Cell/util.d.ts +1 -1
- package/dist/primitives/Table/Core/components/Columns/Cell/util.js.map +1 -1
- package/dist/primitives/Table/Core/types.d.ts +1 -1
- package/dist/primitives/Table/useTableManager/features/useTableRowSelection.d.ts +1 -1
- package/package.json +6 -6
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"RowMoveIndicator.cjs","sources":["../../../../../../../src/components/Table3/components/Columns/Cell/Editing/RowMoveIndicator.tsx"],"sourcesContent":["import type {\n Cell as ReactTableCell,\n TableMeta as ReactTableMeta,\n ColumnMeta as ReactTableColumnMeta,\n} from '@tanstack/react-table';\nimport React from 'react';\n\nimport { Icon } from '../../../../../Icon/Icon';\nimport type { LocalizationTexts } from '../../../../../Provider/Localization';\nimport { useLocalization } from '../../../../../Provider/Localization';\nimport { Tooltip } from '../../../../../Tooltip/Tooltip';\n\ntype TableRowMoveIndicatorProps<TType = unknown> = {\n cell: ReactTableCell<TType, unknown>;\n cellRef: React.RefObject<HTMLTableCellElement>;\n isActiveRow: boolean;\n};\n\ntype Reason = 'search' | 'sorting' | 'filter' | undefined;\n\nexport function RowMoveIndicator<TType = unknown>(props: TableRowMoveIndicatorProps<TType>) {\n const { cell, cellRef, isActiveRow } = props;\n const { texts } = useLocalization();\n const [show, setShow] = React.useState(false);\n const table = cell.getContext().table;\n const tableMeta = table.options.meta as ReactTableMeta<TType>;\n const columnMeta = (cell.column.columnDef.meta ?? {}) as ReactTableColumnMeta<TType, unknown>;\n const moveReason = tableMeta.editing.getRowMoveReason(cell.row.id) as Reason;\n\n React.useEffect(() => {\n if (cellRef.current) {\n if (isActiveRow && !!moveReason) {\n const firstChild = cellRef.current.parentElement?.querySelector('td[data-taco=\"cell-control\"]');\n\n if (cellRef.current === firstChild) {\n setShow(true);\n cellRef.current.parentElement?.setAttribute('data-row-editing-move', 'true');\n }\n } else {\n setShow(false);\n cellRef.current.parentElement?.removeAttribute('data-row-editing-move');\n }\n }\n\n return () => {\n if (cellRef.current) {\n cellRef.current.parentElement?.removeAttribute('data-row-editing-move');\n }\n };\n }, [cellRef, isActiveRow, moveReason]);\n\n if (!show) {\n return null;\n }\n\n const { title, description } = getMessageFromReason(texts, moveReason);\n\n let columnHeader = columnMeta.header;\n\n if (moveReason === 'sorting') {\n const sortedColumns = table.getState().sorting;\n const columnId = sortedColumns[0]?.id;\n\n if (columnId) {\n const sortedColumn = table.getColumn(columnId);\n if (sortedColumn) {\n columnHeader = (sortedColumn.columnDef.meta as ReactTableColumnMeta<TType, unknown>).header;\n }\n }\n }\n\n return (\n <Tooltip placement=\"bottom\" title={description.replace('[COLUMN]', columnHeader)}>\n <span data-row-move-indicator>\n <Icon name=\"info\" className=\"-mt-0.5 mr-1 !h-4 !w-4 rounded-full bg-white !p-0 text-blue-500\" />\n {title}\n </span>\n </Tooltip>\n );\n}\n\nfunction getMessageFromReason(texts: LocalizationTexts, reason: Reason) {\n let title;\n let description;\n\n switch (reason) {\n case 'filter':\n title = texts.table3.editing.rowIndicator.rowWillBeHidden;\n description = texts.table3.editing.rowIndicator.rowWillMoveReasonFilter;\n break;\n\n case 'search':\n title = texts.table3.editing.rowIndicator.rowWillBeHidden;\n description = texts.table3.editing.rowIndicator.rowWillMoveReasonSearch;\n break;\n\n case 'sorting':\n title = texts.table3.editing.rowIndicator.rowWillMove;\n description = texts.table3.editing.rowIndicator.rowWillMoveReasonSorting;\n break;\n\n default:\n title = '';\n description = '';\n break;\n }\n\n return { title, description };\n}\n"],"names":["useLocalization","Tooltip","Icon"],"mappings":";;;;;;AAoBO,SAAS,iBAAkC,OAA0C;AACxF,QAAM,EAAE,MAAM,SAAS,YAAA,IAAgB;AACvC,QAAM,EAAE,MAAA,IAAUA,6BAAA;AAClB,QAAM,CAAC,MAAM,OAAO,IAAI,MAAM,SAAS,KAAK;AAC5C,QAAM,QAAQ,KAAK,WAAA,EAAa;AAChC,QAAM,YAAY,MAAM,QAAQ;AAChC,QAAM,aAAc,KAAK,OAAO,UAAU,QAAQ,CAAA;AAClD,QAAM,aAAa,UAAU,QAAQ,iBAAiB,KAAK,IAAI,EAAE;AAEjE,QAAM,UAAU,MAAM;AAClB,QAAI,QAAQ,SAAS;AACjB,UAAI,eAAe,CAAC,CAAC,YAAY;AAC7B,cAAM,aAAa,QAAQ,QAAQ,eAAe,cAAc,8BAA8B;AAE9F,YAAI,QAAQ,YAAY,YAAY;AAChC,kBAAQ,IAAI;AACZ,kBAAQ,QAAQ,eAAe,aAAa,yBAAyB,MAAM;AAAA,QAC/E;AAAA,MACJ,OAAO;AACH,gBAAQ,KAAK;AACb,gBAAQ,QAAQ,eAAe,gBAAgB,uBAAuB;AAAA,MAC1E;AAAA,IACJ;AAEA,WAAO,MAAM;AACT,UAAI,QAAQ,SAAS;AACjB,gBAAQ,QAAQ,eAAe,gBAAgB,uBAAuB;AAAA,MAC1E;AAAA,IACJ;AAAA,EACJ,GAAG,CAAC,SAAS,aAAa,UAAU,CAAC;AAErC,MAAI,CAAC,MAAM;AACP,WAAO;AAAA,EACX;AAEA,QAAM,EAAE,OAAO,YAAA,IAAgB,qBAAqB,OAAO,UAAU;AAErE,MAAI,eAAe,WAAW;AAE9B,MAAI,eAAe,WAAW;AAC1B,UAAM,gBAAgB,MAAM,SAAA,EAAW;AACvC,UAAM,WAAW,cAAc,CAAC,GAAG;AAEnC,QAAI,UAAU;AACV,YAAM,eAAe,MAAM,UAAU,QAAQ;AAC7C,UAAI,cAAc;AACd,uBAAgB,aAAa,UAAU,KAA8C;AAAA,MACzF;AAAA,IACJ;AAAA,EACJ;AAEA,SACI,sBAAA,cAACC,mBAAQ,WAAU,UAAS,OAAO,YAAY,QAAQ,YAAY,YAAY,EAAA,GAC3E,sBAAA,cAAC,UAAK,2BAAuB,KAAA,uCACxBC,KAAAA,MAAA,EAAK,MAAK,QAAO,WAAU,kEAAA,CAAkE,GAC7F,KACL,CACJ;AAER;AAEA,SAAS,qBAAqB,OAA0B,QAAgB;AACpE,MAAI;AACJ,MAAI;AAEJ,UAAQ,QAAA;AAAA,IACJ,KAAK;AACD,cAAQ,MAAM,OAAO,QAAQ,aAAa;AAC1C,oBAAc,MAAM,OAAO,QAAQ,aAAa;AAChD;AAAA,IAEJ,KAAK;AACD,cAAQ,MAAM,OAAO,QAAQ,aAAa;AAC1C,oBAAc,MAAM,OAAO,QAAQ,aAAa;AAChD;AAAA,IAEJ,KAAK;AACD,cAAQ,MAAM,OAAO,QAAQ,aAAa;AAC1C,oBAAc,MAAM,OAAO,QAAQ,aAAa;AAChD;AAAA,IAEJ;AACI,cAAQ;AACR,oBAAc;AACd;AAAA,EAAA;AAGR,SAAO,EAAE,OAAO,YAAA;AACpB;;"}
|
|
1
|
+
{"version":3,"file":"RowMoveIndicator.cjs","sources":["../../../../../../../src/components/Table3/components/Columns/Cell/Editing/RowMoveIndicator.tsx"],"sourcesContent":["import type {\n Cell as ReactTableCell,\n TableMeta as ReactTableMeta,\n ColumnMeta as ReactTableColumnMeta,\n} from '@tanstack/react-table';\nimport React from 'react';\n\nimport { Icon } from '../../../../../Icon/Icon';\nimport type { LocalizationTexts } from '../../../../../Provider/Localization';\nimport { useLocalization } from '../../../../../Provider/Localization';\nimport { Tooltip } from '../../../../../Tooltip/Tooltip';\n\ntype TableRowMoveIndicatorProps<TType = unknown> = {\n cell: ReactTableCell<TType, unknown>;\n cellRef: React.RefObject<HTMLTableCellElement | null>;\n isActiveRow: boolean;\n};\n\ntype Reason = 'search' | 'sorting' | 'filter' | undefined;\n\nexport function RowMoveIndicator<TType = unknown>(props: TableRowMoveIndicatorProps<TType>) {\n const { cell, cellRef, isActiveRow } = props;\n const { texts } = useLocalization();\n const [show, setShow] = React.useState(false);\n const table = cell.getContext().table;\n const tableMeta = table.options.meta as ReactTableMeta<TType>;\n const columnMeta = (cell.column.columnDef.meta ?? {}) as ReactTableColumnMeta<TType, unknown>;\n const moveReason = tableMeta.editing.getRowMoveReason(cell.row.id) as Reason;\n\n React.useEffect(() => {\n if (cellRef.current) {\n if (isActiveRow && !!moveReason) {\n const firstChild = cellRef.current.parentElement?.querySelector('td[data-taco=\"cell-control\"]');\n\n if (cellRef.current === firstChild) {\n setShow(true);\n cellRef.current.parentElement?.setAttribute('data-row-editing-move', 'true');\n }\n } else {\n setShow(false);\n cellRef.current.parentElement?.removeAttribute('data-row-editing-move');\n }\n }\n\n return () => {\n if (cellRef.current) {\n cellRef.current.parentElement?.removeAttribute('data-row-editing-move');\n }\n };\n }, [cellRef, isActiveRow, moveReason]);\n\n if (!show) {\n return null;\n }\n\n const { title, description } = getMessageFromReason(texts, moveReason);\n\n let columnHeader = columnMeta.header;\n\n if (moveReason === 'sorting') {\n const sortedColumns = table.getState().sorting;\n const columnId = sortedColumns[0]?.id;\n\n if (columnId) {\n const sortedColumn = table.getColumn(columnId);\n if (sortedColumn) {\n columnHeader = (sortedColumn.columnDef.meta as ReactTableColumnMeta<TType, unknown>).header;\n }\n }\n }\n\n return (\n <Tooltip placement=\"bottom\" title={description.replace('[COLUMN]', columnHeader)}>\n <span data-row-move-indicator>\n <Icon name=\"info\" className=\"-mt-0.5 mr-1 !h-4 !w-4 rounded-full bg-white !p-0 text-blue-500\" />\n {title}\n </span>\n </Tooltip>\n );\n}\n\nfunction getMessageFromReason(texts: LocalizationTexts, reason: Reason) {\n let title;\n let description;\n\n switch (reason) {\n case 'filter':\n title = texts.table3.editing.rowIndicator.rowWillBeHidden;\n description = texts.table3.editing.rowIndicator.rowWillMoveReasonFilter;\n break;\n\n case 'search':\n title = texts.table3.editing.rowIndicator.rowWillBeHidden;\n description = texts.table3.editing.rowIndicator.rowWillMoveReasonSearch;\n break;\n\n case 'sorting':\n title = texts.table3.editing.rowIndicator.rowWillMove;\n description = texts.table3.editing.rowIndicator.rowWillMoveReasonSorting;\n break;\n\n default:\n title = '';\n description = '';\n break;\n }\n\n return { title, description };\n}\n"],"names":["useLocalization","Tooltip","Icon"],"mappings":";;;;;;AAoBO,SAAS,iBAAkC,OAA0C;AACxF,QAAM,EAAE,MAAM,SAAS,YAAA,IAAgB;AACvC,QAAM,EAAE,MAAA,IAAUA,6BAAA;AAClB,QAAM,CAAC,MAAM,OAAO,IAAI,MAAM,SAAS,KAAK;AAC5C,QAAM,QAAQ,KAAK,WAAA,EAAa;AAChC,QAAM,YAAY,MAAM,QAAQ;AAChC,QAAM,aAAc,KAAK,OAAO,UAAU,QAAQ,CAAA;AAClD,QAAM,aAAa,UAAU,QAAQ,iBAAiB,KAAK,IAAI,EAAE;AAEjE,QAAM,UAAU,MAAM;AAClB,QAAI,QAAQ,SAAS;AACjB,UAAI,eAAe,CAAC,CAAC,YAAY;AAC7B,cAAM,aAAa,QAAQ,QAAQ,eAAe,cAAc,8BAA8B;AAE9F,YAAI,QAAQ,YAAY,YAAY;AAChC,kBAAQ,IAAI;AACZ,kBAAQ,QAAQ,eAAe,aAAa,yBAAyB,MAAM;AAAA,QAC/E;AAAA,MACJ,OAAO;AACH,gBAAQ,KAAK;AACb,gBAAQ,QAAQ,eAAe,gBAAgB,uBAAuB;AAAA,MAC1E;AAAA,IACJ;AAEA,WAAO,MAAM;AACT,UAAI,QAAQ,SAAS;AACjB,gBAAQ,QAAQ,eAAe,gBAAgB,uBAAuB;AAAA,MAC1E;AAAA,IACJ;AAAA,EACJ,GAAG,CAAC,SAAS,aAAa,UAAU,CAAC;AAErC,MAAI,CAAC,MAAM;AACP,WAAO;AAAA,EACX;AAEA,QAAM,EAAE,OAAO,YAAA,IAAgB,qBAAqB,OAAO,UAAU;AAErE,MAAI,eAAe,WAAW;AAE9B,MAAI,eAAe,WAAW;AAC1B,UAAM,gBAAgB,MAAM,SAAA,EAAW;AACvC,UAAM,WAAW,cAAc,CAAC,GAAG;AAEnC,QAAI,UAAU;AACV,YAAM,eAAe,MAAM,UAAU,QAAQ;AAC7C,UAAI,cAAc;AACd,uBAAgB,aAAa,UAAU,KAA8C;AAAA,MACzF;AAAA,IACJ;AAAA,EACJ;AAEA,SACI,sBAAA,cAACC,mBAAQ,WAAU,UAAS,OAAO,YAAY,QAAQ,YAAY,YAAY,EAAA,GAC3E,sBAAA,cAAC,UAAK,2BAAuB,KAAA,uCACxBC,KAAAA,MAAA,EAAK,MAAK,QAAO,WAAU,kEAAA,CAAkE,GAC7F,KACL,CACJ;AAER;AAEA,SAAS,qBAAqB,OAA0B,QAAgB;AACpE,MAAI;AACJ,MAAI;AAEJ,UAAQ,QAAA;AAAA,IACJ,KAAK;AACD,cAAQ,MAAM,OAAO,QAAQ,aAAa;AAC1C,oBAAc,MAAM,OAAO,QAAQ,aAAa;AAChD;AAAA,IAEJ,KAAK;AACD,cAAQ,MAAM,OAAO,QAAQ,aAAa;AAC1C,oBAAc,MAAM,OAAO,QAAQ,aAAa;AAChD;AAAA,IAEJ,KAAK;AACD,cAAQ,MAAM,OAAO,QAAQ,aAAa;AAC1C,oBAAc,MAAM,OAAO,QAAQ,aAAa;AAChD;AAAA,IAEJ;AACI,cAAQ;AACR,oBAAc;AACd;AAAA,EAAA;AAGR,SAAO,EAAE,OAAO,YAAA;AACpB;;"}
|
|
@@ -2,7 +2,7 @@ import { Cell as ReactTableCell } from '@tanstack/react-table';
|
|
|
2
2
|
import { default as React } from 'react';
|
|
3
3
|
type TableRowMoveIndicatorProps<TType = unknown> = {
|
|
4
4
|
cell: ReactTableCell<TType, unknown>;
|
|
5
|
-
cellRef: React.RefObject<HTMLTableCellElement>;
|
|
5
|
+
cellRef: React.RefObject<HTMLTableCellElement | null>;
|
|
6
6
|
isActiveRow: boolean;
|
|
7
7
|
};
|
|
8
8
|
export declare function RowMoveIndicator<TType = unknown>(props: TableRowMoveIndicatorProps<TType>): React.JSX.Element | null;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"RowMoveIndicator.js","sources":["../../../../../../../src/components/Table3/components/Columns/Cell/Editing/RowMoveIndicator.tsx"],"sourcesContent":["import type {\n Cell as ReactTableCell,\n TableMeta as ReactTableMeta,\n ColumnMeta as ReactTableColumnMeta,\n} from '@tanstack/react-table';\nimport React from 'react';\n\nimport { Icon } from '../../../../../Icon/Icon';\nimport type { LocalizationTexts } from '../../../../../Provider/Localization';\nimport { useLocalization } from '../../../../../Provider/Localization';\nimport { Tooltip } from '../../../../../Tooltip/Tooltip';\n\ntype TableRowMoveIndicatorProps<TType = unknown> = {\n cell: ReactTableCell<TType, unknown>;\n cellRef: React.RefObject<HTMLTableCellElement>;\n isActiveRow: boolean;\n};\n\ntype Reason = 'search' | 'sorting' | 'filter' | undefined;\n\nexport function RowMoveIndicator<TType = unknown>(props: TableRowMoveIndicatorProps<TType>) {\n const { cell, cellRef, isActiveRow } = props;\n const { texts } = useLocalization();\n const [show, setShow] = React.useState(false);\n const table = cell.getContext().table;\n const tableMeta = table.options.meta as ReactTableMeta<TType>;\n const columnMeta = (cell.column.columnDef.meta ?? {}) as ReactTableColumnMeta<TType, unknown>;\n const moveReason = tableMeta.editing.getRowMoveReason(cell.row.id) as Reason;\n\n React.useEffect(() => {\n if (cellRef.current) {\n if (isActiveRow && !!moveReason) {\n const firstChild = cellRef.current.parentElement?.querySelector('td[data-taco=\"cell-control\"]');\n\n if (cellRef.current === firstChild) {\n setShow(true);\n cellRef.current.parentElement?.setAttribute('data-row-editing-move', 'true');\n }\n } else {\n setShow(false);\n cellRef.current.parentElement?.removeAttribute('data-row-editing-move');\n }\n }\n\n return () => {\n if (cellRef.current) {\n cellRef.current.parentElement?.removeAttribute('data-row-editing-move');\n }\n };\n }, [cellRef, isActiveRow, moveReason]);\n\n if (!show) {\n return null;\n }\n\n const { title, description } = getMessageFromReason(texts, moveReason);\n\n let columnHeader = columnMeta.header;\n\n if (moveReason === 'sorting') {\n const sortedColumns = table.getState().sorting;\n const columnId = sortedColumns[0]?.id;\n\n if (columnId) {\n const sortedColumn = table.getColumn(columnId);\n if (sortedColumn) {\n columnHeader = (sortedColumn.columnDef.meta as ReactTableColumnMeta<TType, unknown>).header;\n }\n }\n }\n\n return (\n <Tooltip placement=\"bottom\" title={description.replace('[COLUMN]', columnHeader)}>\n <span data-row-move-indicator>\n <Icon name=\"info\" className=\"-mt-0.5 mr-1 !h-4 !w-4 rounded-full bg-white !p-0 text-blue-500\" />\n {title}\n </span>\n </Tooltip>\n );\n}\n\nfunction getMessageFromReason(texts: LocalizationTexts, reason: Reason) {\n let title;\n let description;\n\n switch (reason) {\n case 'filter':\n title = texts.table3.editing.rowIndicator.rowWillBeHidden;\n description = texts.table3.editing.rowIndicator.rowWillMoveReasonFilter;\n break;\n\n case 'search':\n title = texts.table3.editing.rowIndicator.rowWillBeHidden;\n description = texts.table3.editing.rowIndicator.rowWillMoveReasonSearch;\n break;\n\n case 'sorting':\n title = texts.table3.editing.rowIndicator.rowWillMove;\n description = texts.table3.editing.rowIndicator.rowWillMoveReasonSorting;\n break;\n\n default:\n title = '';\n description = '';\n break;\n }\n\n return { title, description };\n}\n"],"names":["React"],"mappings":";;;;AAoBO,SAAS,iBAAkC,OAA0C;AACxF,QAAM,EAAE,MAAM,SAAS,YAAA,IAAgB;AACvC,QAAM,EAAE,MAAA,IAAU,gBAAA;AAClB,QAAM,CAAC,MAAM,OAAO,IAAIA,eAAM,SAAS,KAAK;AAC5C,QAAM,QAAQ,KAAK,WAAA,EAAa;AAChC,QAAM,YAAY,MAAM,QAAQ;AAChC,QAAM,aAAc,KAAK,OAAO,UAAU,QAAQ,CAAA;AAClD,QAAM,aAAa,UAAU,QAAQ,iBAAiB,KAAK,IAAI,EAAE;AAEjEA,iBAAM,UAAU,MAAM;AAClB,QAAI,QAAQ,SAAS;AACjB,UAAI,eAAe,CAAC,CAAC,YAAY;AAC7B,cAAM,aAAa,QAAQ,QAAQ,eAAe,cAAc,8BAA8B;AAE9F,YAAI,QAAQ,YAAY,YAAY;AAChC,kBAAQ,IAAI;AACZ,kBAAQ,QAAQ,eAAe,aAAa,yBAAyB,MAAM;AAAA,QAC/E;AAAA,MACJ,OAAO;AACH,gBAAQ,KAAK;AACb,gBAAQ,QAAQ,eAAe,gBAAgB,uBAAuB;AAAA,MAC1E;AAAA,IACJ;AAEA,WAAO,MAAM;AACT,UAAI,QAAQ,SAAS;AACjB,gBAAQ,QAAQ,eAAe,gBAAgB,uBAAuB;AAAA,MAC1E;AAAA,IACJ;AAAA,EACJ,GAAG,CAAC,SAAS,aAAa,UAAU,CAAC;AAErC,MAAI,CAAC,MAAM;AACP,WAAO;AAAA,EACX;AAEA,QAAM,EAAE,OAAO,YAAA,IAAgB,qBAAqB,OAAO,UAAU;AAErE,MAAI,eAAe,WAAW;AAE9B,MAAI,eAAe,WAAW;AAC1B,UAAM,gBAAgB,MAAM,SAAA,EAAW;AACvC,UAAM,WAAW,cAAc,CAAC,GAAG;AAEnC,QAAI,UAAU;AACV,YAAM,eAAe,MAAM,UAAU,QAAQ;AAC7C,UAAI,cAAc;AACd,uBAAgB,aAAa,UAAU,KAA8C;AAAA,MACzF;AAAA,IACJ;AAAA,EACJ;AAEA,SACIA,+BAAA,cAAC,WAAQ,WAAU,UAAS,OAAO,YAAY,QAAQ,YAAY,YAAY,EAAA,GAC3EA,+BAAA,cAAC,UAAK,2BAAuB,KAAA,gDACxB,MAAA,EAAK,MAAK,QAAO,WAAU,kEAAA,CAAkE,GAC7F,KACL,CACJ;AAER;AAEA,SAAS,qBAAqB,OAA0B,QAAgB;AACpE,MAAI;AACJ,MAAI;AAEJ,UAAQ,QAAA;AAAA,IACJ,KAAK;AACD,cAAQ,MAAM,OAAO,QAAQ,aAAa;AAC1C,oBAAc,MAAM,OAAO,QAAQ,aAAa;AAChD;AAAA,IAEJ,KAAK;AACD,cAAQ,MAAM,OAAO,QAAQ,aAAa;AAC1C,oBAAc,MAAM,OAAO,QAAQ,aAAa;AAChD;AAAA,IAEJ,KAAK;AACD,cAAQ,MAAM,OAAO,QAAQ,aAAa;AAC1C,oBAAc,MAAM,OAAO,QAAQ,aAAa;AAChD;AAAA,IAEJ;AACI,cAAQ;AACR,oBAAc;AACd;AAAA,EAAA;AAGR,SAAO,EAAE,OAAO,YAAA;AACpB;"}
|
|
1
|
+
{"version":3,"file":"RowMoveIndicator.js","sources":["../../../../../../../src/components/Table3/components/Columns/Cell/Editing/RowMoveIndicator.tsx"],"sourcesContent":["import type {\n Cell as ReactTableCell,\n TableMeta as ReactTableMeta,\n ColumnMeta as ReactTableColumnMeta,\n} from '@tanstack/react-table';\nimport React from 'react';\n\nimport { Icon } from '../../../../../Icon/Icon';\nimport type { LocalizationTexts } from '../../../../../Provider/Localization';\nimport { useLocalization } from '../../../../../Provider/Localization';\nimport { Tooltip } from '../../../../../Tooltip/Tooltip';\n\ntype TableRowMoveIndicatorProps<TType = unknown> = {\n cell: ReactTableCell<TType, unknown>;\n cellRef: React.RefObject<HTMLTableCellElement | null>;\n isActiveRow: boolean;\n};\n\ntype Reason = 'search' | 'sorting' | 'filter' | undefined;\n\nexport function RowMoveIndicator<TType = unknown>(props: TableRowMoveIndicatorProps<TType>) {\n const { cell, cellRef, isActiveRow } = props;\n const { texts } = useLocalization();\n const [show, setShow] = React.useState(false);\n const table = cell.getContext().table;\n const tableMeta = table.options.meta as ReactTableMeta<TType>;\n const columnMeta = (cell.column.columnDef.meta ?? {}) as ReactTableColumnMeta<TType, unknown>;\n const moveReason = tableMeta.editing.getRowMoveReason(cell.row.id) as Reason;\n\n React.useEffect(() => {\n if (cellRef.current) {\n if (isActiveRow && !!moveReason) {\n const firstChild = cellRef.current.parentElement?.querySelector('td[data-taco=\"cell-control\"]');\n\n if (cellRef.current === firstChild) {\n setShow(true);\n cellRef.current.parentElement?.setAttribute('data-row-editing-move', 'true');\n }\n } else {\n setShow(false);\n cellRef.current.parentElement?.removeAttribute('data-row-editing-move');\n }\n }\n\n return () => {\n if (cellRef.current) {\n cellRef.current.parentElement?.removeAttribute('data-row-editing-move');\n }\n };\n }, [cellRef, isActiveRow, moveReason]);\n\n if (!show) {\n return null;\n }\n\n const { title, description } = getMessageFromReason(texts, moveReason);\n\n let columnHeader = columnMeta.header;\n\n if (moveReason === 'sorting') {\n const sortedColumns = table.getState().sorting;\n const columnId = sortedColumns[0]?.id;\n\n if (columnId) {\n const sortedColumn = table.getColumn(columnId);\n if (sortedColumn) {\n columnHeader = (sortedColumn.columnDef.meta as ReactTableColumnMeta<TType, unknown>).header;\n }\n }\n }\n\n return (\n <Tooltip placement=\"bottom\" title={description.replace('[COLUMN]', columnHeader)}>\n <span data-row-move-indicator>\n <Icon name=\"info\" className=\"-mt-0.5 mr-1 !h-4 !w-4 rounded-full bg-white !p-0 text-blue-500\" />\n {title}\n </span>\n </Tooltip>\n );\n}\n\nfunction getMessageFromReason(texts: LocalizationTexts, reason: Reason) {\n let title;\n let description;\n\n switch (reason) {\n case 'filter':\n title = texts.table3.editing.rowIndicator.rowWillBeHidden;\n description = texts.table3.editing.rowIndicator.rowWillMoveReasonFilter;\n break;\n\n case 'search':\n title = texts.table3.editing.rowIndicator.rowWillBeHidden;\n description = texts.table3.editing.rowIndicator.rowWillMoveReasonSearch;\n break;\n\n case 'sorting':\n title = texts.table3.editing.rowIndicator.rowWillMove;\n description = texts.table3.editing.rowIndicator.rowWillMoveReasonSorting;\n break;\n\n default:\n title = '';\n description = '';\n break;\n }\n\n return { title, description };\n}\n"],"names":["React"],"mappings":";;;;AAoBO,SAAS,iBAAkC,OAA0C;AACxF,QAAM,EAAE,MAAM,SAAS,YAAA,IAAgB;AACvC,QAAM,EAAE,MAAA,IAAU,gBAAA;AAClB,QAAM,CAAC,MAAM,OAAO,IAAIA,eAAM,SAAS,KAAK;AAC5C,QAAM,QAAQ,KAAK,WAAA,EAAa;AAChC,QAAM,YAAY,MAAM,QAAQ;AAChC,QAAM,aAAc,KAAK,OAAO,UAAU,QAAQ,CAAA;AAClD,QAAM,aAAa,UAAU,QAAQ,iBAAiB,KAAK,IAAI,EAAE;AAEjEA,iBAAM,UAAU,MAAM;AAClB,QAAI,QAAQ,SAAS;AACjB,UAAI,eAAe,CAAC,CAAC,YAAY;AAC7B,cAAM,aAAa,QAAQ,QAAQ,eAAe,cAAc,8BAA8B;AAE9F,YAAI,QAAQ,YAAY,YAAY;AAChC,kBAAQ,IAAI;AACZ,kBAAQ,QAAQ,eAAe,aAAa,yBAAyB,MAAM;AAAA,QAC/E;AAAA,MACJ,OAAO;AACH,gBAAQ,KAAK;AACb,gBAAQ,QAAQ,eAAe,gBAAgB,uBAAuB;AAAA,MAC1E;AAAA,IACJ;AAEA,WAAO,MAAM;AACT,UAAI,QAAQ,SAAS;AACjB,gBAAQ,QAAQ,eAAe,gBAAgB,uBAAuB;AAAA,MAC1E;AAAA,IACJ;AAAA,EACJ,GAAG,CAAC,SAAS,aAAa,UAAU,CAAC;AAErC,MAAI,CAAC,MAAM;AACP,WAAO;AAAA,EACX;AAEA,QAAM,EAAE,OAAO,YAAA,IAAgB,qBAAqB,OAAO,UAAU;AAErE,MAAI,eAAe,WAAW;AAE9B,MAAI,eAAe,WAAW;AAC1B,UAAM,gBAAgB,MAAM,SAAA,EAAW;AACvC,UAAM,WAAW,cAAc,CAAC,GAAG;AAEnC,QAAI,UAAU;AACV,YAAM,eAAe,MAAM,UAAU,QAAQ;AAC7C,UAAI,cAAc;AACd,uBAAgB,aAAa,UAAU,KAA8C;AAAA,MACzF;AAAA,IACJ;AAAA,EACJ;AAEA,SACIA,+BAAA,cAAC,WAAQ,WAAU,UAAS,OAAO,YAAY,QAAQ,YAAY,YAAY,EAAA,GAC3EA,+BAAA,cAAC,UAAK,2BAAuB,KAAA,gDACxB,MAAA,EAAK,MAAK,QAAO,WAAU,kEAAA,CAAkE,GAC7F,KACL,CACJ;AAER;AAEA,SAAS,qBAAqB,OAA0B,QAAgB;AACpE,MAAI;AACJ,MAAI;AAEJ,UAAQ,QAAA;AAAA,IACJ,KAAK;AACD,cAAQ,MAAM,OAAO,QAAQ,aAAa;AAC1C,oBAAc,MAAM,OAAO,QAAQ,aAAa;AAChD;AAAA,IAEJ,KAAK;AACD,cAAQ,MAAM,OAAO,QAAQ,aAAa;AAC1C,oBAAc,MAAM,OAAO,QAAQ,aAAa;AAChD;AAAA,IAEJ,KAAK;AACD,cAAQ,MAAM,OAAO,QAAQ,aAAa;AAC1C,oBAAc,MAAM,OAAO,QAAQ,aAAa;AAChD;AAAA,IAEJ;AACI,cAAQ;AACR,oBAAc;AACd;AAAA,EAAA;AAGR,SAAO,EAAE,OAAO,YAAA;AACpB;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useEditingState.cjs","sources":["../../../../src/components/Table3/features/useEditingState.ts"],"sourcesContent":["import type { Table as ReactTable, Cell as ReactTableCell, TableMeta as ReactTableMeta } from '@tanstack/react-table';\nimport omit from 'lodash/omit';\nimport setWith from 'lodash/setWith';\nimport { nanoid } from 'nanoid';\nimport React from 'react';\n\nimport { useLocalization } from '../../Provider/Localization';\nimport type {\n Table3EditingChangeHandler,\n Table3EditingDiscardHandler,\n Table3EditingSaveHandler,\n Table3EditingValidatorFn,\n} from '../types';\nimport { isTemporaryRow, TEMPORARY_ROW_ID_PREFIX, willRowMove } from '../util/editing';\n\nconst DELAY_BEFORE_REMOVING_SAVE_STATUS = 3000;\n\ntype EditingError = {\n row: string | undefined;\n cells: Record<string, string>;\n shouldShowErrorAlert: boolean;\n};\ntype EditingRowMoveReason = Record<string, 'search' | 'sorting' | 'filter'>;\ntype EditingSaveState = 'saving' | 'saved' | 'errored';\ntype EditingChangeset<TType = unknown> = Partial<TType>;\ntype EditingState<TType = unknown> = {\n changes: {\n rows: Record<string, EditingChangeset<TType>>;\n errors: Record<string, EditingError>;\n moveReasons: Record<string, EditingRowMoveReason>;\n originals: Record<string, TType>;\n dirty: Record<string, boolean>;\n };\n // we store row indexes because due to server loading, we don't always have all data available\n // so we can't determine an index from a row id\n // note: if the row click button in the error Alert is removed, indexes can be removed here\n indexes: Record<string, number>;\n temporaryRows: TType[];\n // unified state for all row statuses\n statuses: Record<string, EditingSaveState>;\n};\ntype EditingStateAction =\n | {\n type:\n | 'setCellValue'\n | 'removeCellValue'\n | 'updateRow'\n | 'mergeRowValue'\n | 'removeRow'\n | 'complete'\n | 'setRowStatus'\n | 'setRowErrors'\n | 'insertTemporaryRow';\n rowId: string;\n payload?: any;\n }\n | {\n type: 'forceValidate';\n payload?: any;\n };\n\nfunction reducer<TType = unknown>(state: EditingState<TType>, action: EditingStateAction) {\n const { type, payload } = action;\n\n switch (type) {\n case 'setCellValue': {\n const { columnId, index, row, value } = payload;\n return {\n ...state,\n changes: {\n ...state.changes,\n rows: setWith(state.changes.rows, `${action.rowId}.${columnId}`, value, Object),\n originals: setWith(state.changes.originals, action.rowId, row, Object),\n dirty: setWith(state.changes.dirty, action.rowId, true, Object),\n },\n indexes: setWith(state.indexes, action.rowId, index, Object),\n };\n }\n\n case 'removeCellValue': {\n const { columnId, rowIdentityAccessor } = payload;\n const changes = omit(state.changes.rows, `${action.rowId}.${columnId}`);\n\n const rowChanges = changes[action.rowId];\n\n // if there are no changes left, remove the row\n if (rowChanges && !Object.keys(rowChanges).length) {\n return reducer(state, { type: 'removeRow', rowId: action.rowId, payload: { rowIdentityAccessor } });\n }\n\n return {\n ...state,\n changes: {\n ...state.changes,\n rows: omit(state.changes.rows, `${action.rowId}.${columnId}`),\n errors: omit(state.changes.errors, `${action.rowId}.cells.${columnId}`),\n moveReasons: omit(state.changes.moveReasons, `${action.rowId}.${columnId}`),\n },\n };\n }\n\n case 'updateRow': {\n const { cellErrors, index, moveReasons, original, value } = payload;\n\n return {\n ...state,\n changes: {\n ...state.changes,\n rows: setWith(state.changes.rows, action.rowId, value, Object),\n errors: setWith(\n state.changes.errors,\n `${action.rowId}.cells`,\n cellErrors ?? state.changes.errors[action.rowId]?.cells,\n Object\n ),\n originals: setWith(\n state.changes.originals,\n action.rowId,\n original ?? state.changes.originals[action.rowId],\n Object\n ),\n moveReasons: setWith(\n state.changes.moveReasons,\n action.rowId,\n moveReasons ?? state.changes.moveReasons[action.rowId],\n Object\n ),\n },\n indexes: setWith(state.indexes, action.rowId, index, Object),\n statuses: omit(state.statuses, action.rowId),\n };\n }\n\n case 'removeRow': {\n const { rowIdentityAccessor } = payload;\n\n return {\n ...state,\n changes: {\n ...state.changes,\n rows: omit(state.changes.rows, action.rowId),\n errors: omit(state.changes.errors, action.rowId),\n moveReasons: omit(state.changes.moveReasons, action.rowId),\n originals: omit(state.changes.originals, action.rowId),\n dirty: omit(state.changes.dirty, action.rowId),\n },\n indexes: omit(state.indexes, action.rowId),\n temporaryRows: state.temporaryRows.filter(row => row[rowIdentityAccessor as keyof TType] !== action.rowId),\n };\n }\n\n case 'complete': {\n const { changes, handleDiscard } = payload;\n\n if (JSON.stringify(changes) !== JSON.stringify(state.changes.rows[action.rowId])) {\n return {\n ...state,\n changes: {\n ...state.changes,\n originals: setWith(\n state.changes.originals,\n action.rowId,\n { ...state.changes.originals[action.rowId], ...changes },\n Object\n ),\n },\n };\n }\n\n // bit hacky for now, but editing needs a rewrite\n if (typeof handleDiscard === 'function') {\n handleDiscard();\n }\n\n return state;\n }\n\n case 'setRowStatus': {\n const { status } = payload;\n\n if (status) {\n return {\n ...state,\n statuses: setWith(state.statuses, action.rowId, status, Object),\n };\n }\n // Remove status\n return {\n ...state,\n statuses: omit(state.statuses, action.rowId),\n };\n }\n\n case 'setRowErrors': {\n const { ...errors } = payload;\n return {\n ...state,\n changes: {\n ...state.changes,\n errors: setWith(state.changes.errors, action.rowId, errors, Object),\n },\n };\n }\n\n case 'insertTemporaryRow': {\n const { index, value } = payload;\n return {\n ...state,\n temporaryRows: state.temporaryRows.concat(value),\n changes: {\n ...state.changes,\n rows: setWith(state.changes.rows, action.rowId, value, Object),\n originals: setWith(state.changes.originals, action.rowId, value, Object),\n },\n indexes: setWith(state.indexes, action.rowId, index, Object),\n };\n }\n\n case 'forceValidate': {\n const { newState } = payload;\n\n return {\n ...state,\n ...newState,\n };\n }\n\n default:\n return state;\n }\n}\n\nexport function usePendingChangesState<TType = unknown>(\n handleSave: Table3EditingSaveHandler<TType> | undefined,\n handleChange: Table3EditingChangeHandler<TType> | undefined,\n handleDiscard: Table3EditingDiscardHandler | undefined,\n rowIdentityAccessor: keyof TType,\n validator: Table3EditingValidatorFn<TType> | undefined\n) {\n const localization = useLocalization();\n const [state, dispatch] = React.useReducer(reducer, {\n changes: { rows: {}, errors: {}, moveReasons: {}, originals: {}, dirty: {} },\n indexes: {},\n temporaryRows: [],\n statuses: {},\n });\n\n // rows\n function getRowValue(rowId: string) {\n return state.changes.rows?.[rowId] ?? undefined;\n }\n\n function getRowMoveReason(rowId: string) {\n return Object.values(state.changes.moveReasons?.[rowId] ?? {})[0] ?? undefined;\n }\n\n function hasRowErrors(rowId: string) {\n return !!state.changes.errors[rowId]?.row || !!Object.keys(state.changes.errors[rowId]?.cells ?? {}).length;\n }\n\n function hasRowErrorsShownInAlert(rowId: string) {\n return hasRowErrors(rowId) && !!state.changes.errors[rowId]?.shouldShowErrorAlert;\n }\n\n function hasTemporaryRowErrors<T extends TType>() {\n const newRow = state.temporaryRows?.[0] as T | undefined;\n\n if (!newRow) {\n return false;\n }\n\n const rowId = newRow[rowIdentityAccessor as keyof TType] as string;\n return !!state.changes.errors[rowId]?.row || !!Object.keys(state.changes.errors[rowId]?.cells ?? {}).length;\n }\n\n function getRowStatus(rowId: string): EditingSaveState | undefined {\n return state.statuses[rowId];\n }\n\n function setRowStatus(rowId: string, status: EditingSaveState | undefined) {\n dispatch({\n type: 'setRowStatus',\n rowId,\n payload: {\n status,\n },\n });\n }\n\n function showSavedStatus(rowId: string) {\n setRowStatus(rowId, 'saved');\n\n setTimeout(() => {\n setRowStatus(rowId, undefined);\n }, DELAY_BEFORE_REMOVING_SAVE_STATUS);\n }\n\n function insertTemporaryRow<T extends TType>(data: Partial<T>, rowIndex: number) {\n const newRowId = `${TEMPORARY_ROW_ID_PREFIX}${nanoid()}`;\n const value: Partial<TType> = {\n ...data,\n [rowIdentityAccessor]: newRowId,\n };\n\n dispatch({\n type: 'insertTemporaryRow',\n rowId: newRowId,\n payload: { index: rowIndex, value },\n });\n\n return newRowId;\n }\n\n // cells\n function setCellValue<T extends TType>(cell: ReactTableCell<T, unknown>, rowIndex: number, value: unknown) {\n const rowId = cell.row.id;\n const columnId = cell.column.id;\n\n // update if the change is different to the original value\n if (value !== cell.row.original[columnId as keyof TType]) {\n dispatch({\n type: 'setCellValue',\n rowId,\n payload: {\n columnId,\n index: rowIndex,\n row: cell.row.original,\n value,\n },\n });\n }\n // otherwise remove any previous change - no point saving the same value\n else if (cell.row.id in state.changes.rows) {\n dispatch({\n type: 'removeCellValue',\n rowId,\n payload: {\n columnId,\n rowIdentityAccessor,\n },\n });\n }\n }\n\n function getCellValue<T extends TType>(cell: ReactTableCell<T, unknown>): unknown | undefined {\n return state.changes.rows?.[cell.row.id]?.[cell.column.id as keyof TType];\n }\n\n function getCellError<T extends TType>(cell: ReactTableCell<T, unknown>): string | undefined {\n return state.changes.errors?.[cell.row.id]?.cells?.[cell.column.id];\n }\n\n async function onCellChanged<T extends TType>(\n cell: ReactTableCell<T, unknown>,\n rowIndex: number,\n nextValue: any,\n shouldRunUpdaters = true,\n shouldRunValidation = true\n ) {\n const tableMeta = cell.getContext().table.options.meta as ReactTableMeta<TType>;\n const state = tableMeta.editing.getState();\n\n // keyed by runtime column id, so a string-keyed record rather than Partial<TType>\n const changes: Record<string, unknown> =\n nextValue === undefined\n ? { ...state.changes.rows[cell.row.id] }\n : { ...state.changes.rows[cell.row.id], [cell.column.id]: nextValue };\n\n const original = cell.row.original;\n\n if (!Object.keys(changes).length) {\n return;\n }\n\n let updatesForOtherCells: Partial<T> = {};\n\n // run the updater handler if there is one, to see if there are any other cells to update\n if (typeof handleChange === 'function' && shouldRunUpdaters) {\n const previousRowValue = {\n ...original,\n //...getRowChangeset(updatersRef.current[cell.row.id], rowIdentityAccessor),\n };\n const nextRowValue = {\n ...original,\n ...changes,\n };\n updatesForOtherCells = ((await handleChange(\n cell.column.id,\n changes[cell.column.id],\n nextRowValue,\n previousRowValue\n )) ?? {}) as Partial<T>;\n }\n\n // create a projection of the next state, so we can act against it\n const nextChanges = { ...changes, ...updatesForOtherCells };\n const nextMoveReasons: EditingRowMoveReason = { ...state.changes.moveReasons[cell.row.id] };\n const nextCellErrors: Record<string, string> = { ...state.changes.errors[cell.row.id]?.cells };\n\n // run validation - if there are changes, and if there is an original stored\n let validationErrors: Record<string, string> = {};\n\n if (validator && Object.keys(nextChanges).length && original && shouldRunValidation) {\n // merge with the original so we get a full row\n const nextRowValue = { ...original, ...changes, ...updatesForOtherCells };\n validationErrors = ((await validator(nextRowValue)) ?? {}) as Record<string, string>;\n }\n\n // only set errors and move reasons for the cells we're currently acting on\n // why? because the UX is not good if we set them for cells the user hasn't touched yet\n const cellsToActOn = [cell.column.id, ...Object.keys(updatesForOtherCells)];\n const allCells = cell.row._getAllCellsByColumnId();\n\n cellsToActOn.forEach(accessor => {\n if (validationErrors[accessor]) {\n nextCellErrors[accessor] = validationErrors[accessor];\n // don't show move indicator for cells with errors, they aren't valid and can't be saved\n delete nextMoveReasons[accessor];\n } else {\n // there isn't any error in this run, remove any error set in state\n delete nextCellErrors[accessor];\n\n if (allCells[accessor]?.column.getIsSorted()) {\n // run row move determination\n const reason = willRowMove(cell, nextChanges[accessor], rowIndex, localization);\n\n // if the row will move based on this change save why, otherwise delete any existing state\n if (reason) {\n nextMoveReasons[accessor] = reason;\n } else {\n delete nextMoveReasons[accessor];\n }\n }\n }\n });\n\n dispatch({\n type: 'updateRow',\n rowId: cell.row.id,\n payload: {\n cellErrors: nextCellErrors,\n index: rowIndex,\n moveReasons: nextMoveReasons,\n value: nextChanges,\n original,\n },\n });\n }\n\n async function forceValidate<T extends TType>(table: ReactTable<T>) {\n if (validator && table.getRowModel().rows.length) {\n const newState: EditingState<TType> = { ...state };\n const returnIds: string[] = [];\n\n await Promise.all(\n table.getRowModel().rows.map(async (row, index) => {\n const rowWithChanges = { ...row.original, ...state.changes.rows[row.id] };\n\n if (rowWithChanges) {\n const cellErrors = await validator(rowWithChanges);\n\n if (cellErrors) {\n // prep row (it might be new or it might have changes already)\n newState.changes.dirty[row.id] = true;\n newState.changes.originals[row.id] = row.original;\n newState.changes.moveReasons[row.id] = { ...newState.changes.moveReasons[row.id] };\n newState.changes.rows[row.id] = { ...newState.changes.rows[row.id] };\n newState.statuses[row.id] = 'errored';\n newState.indexes[row.id] = index;\n\n newState.changes.errors[row.id] = {\n cells: cellErrors,\n row: newState.changes.errors[row.id]?.row ?? undefined,\n shouldShowErrorAlert: newState.changes.errors[row.id]?.shouldShowErrorAlert ?? false,\n } as EditingError;\n\n const rowChanges = newState.changes.rows[row.id];\n\n // ensure each errored cell actually has a change\n Object.keys(cellErrors).forEach(columnId => {\n if (rowChanges !== undefined) {\n rowChanges[columnId as keyof TType] = rowWithChanges[columnId as keyof TType];\n }\n });\n\n returnIds.push(row.id);\n }\n }\n })\n );\n\n dispatch({\n type: 'forceValidate',\n payload: {\n newState,\n },\n });\n\n return returnIds;\n }\n\n return [];\n }\n\n // general\n function getErrors() {\n return Object.keys(state.changes.errors);\n }\n\n function getErrorsShownInAlert<T extends TType>() {\n const rowsWithErrors = getErrors();\n\n if (!rowsWithErrors.length) {\n return [];\n }\n\n return rowsWithErrors.filter(hasRowErrorsShownInAlert).map(rowId => ({\n rowId,\n index: state.indexes[rowId],\n changes: state.changes.rows[rowId] as EditingChangeset<T>,\n // hasRowErrorsShownInAlert already guarantees errors is defined; the cast narrows the type\n errors: state.changes.errors[rowId] as EditingError,\n }));\n }\n\n function hasSaved() {\n return !!Object.values(state.statuses).filter(status => status === 'saved').length;\n }\n\n function hasChanges(rowId?: string) {\n return rowId ? !!state.changes.rows[rowId] : !!Object.keys(state.changes.rows).length;\n }\n\n async function saveChanges<T extends TType>(table: ReactTable<T>, rowId: string | undefined = undefined): Promise<boolean> {\n const tableMeta = table.options.meta as ReactTableMeta<TType>;\n const state = tableMeta.editing.getState();\n\n if (!handleSave) {\n // oxlint-disable-next-line no-console\n console.warn('Tried to save, but Table has no onEditingSave handler');\n return false;\n }\n\n // sometimes we only want to save one row\n const changes = rowId ? { [rowId]: state.changes.rows[rowId] } : state.changes.rows;\n\n let completed = true;\n\n for (const rowId of Object.keys(changes)) {\n if (!state.changes.dirty[rowId]) {\n discardChanges(rowId, table);\n continue;\n }\n\n const status = getRowStatus(rowId);\n\n try {\n const rowChanges = JSON.parse(JSON.stringify(changes[rowId] ?? {}));\n\n // don't try to save if - already saving, or there are known errors\n if (!Object.keys(rowChanges).length || status === 'saving' || status === 'errored') {\n continue;\n }\n\n setRowStatus(rowId, 'saving');\n\n const changeSet = { ...(state.changes.originals[rowId] as object), ...rowChanges };\n\n // if we had to create a temporary id, delete it first - it's our data, not theirs\n if (isTemporaryRow(changeSet[rowIdentityAccessor as string])) {\n delete changeSet[rowIdentityAccessor];\n }\n\n // re-run validation, maybe a cell is already invalid but has never been blurred\n if (validator) {\n // oxlint-disable-next-line no-await-in-loop\n const errors = await validator(changeSet);\n\n if (errors && Object.keys(errors).length) {\n throw errors;\n }\n }\n\n // send new data to the server\n // oxlint-disable-next-line no-await-in-loop\n await handleSave(changeSet);\n\n complete(rowId, table, rowChanges);\n showSavedStatus(rowId);\n } catch (error) {\n if (error instanceof ReferenceError || error instanceof TypeError || (error as any)?.response?.status >= 500) {\n // oxlint-disable-next-line no-console\n console.error(error);\n }\n\n // the onEditingSave handler should throw errors when something fails, e.g. validation, network errors etc\n // this code handles those errors and maps them either to row errors or cell specific errors\n let rowError: string | undefined;\n let cellErrors;\n\n if (typeof error === 'string') {\n rowError = error;\n } else if (error instanceof Error) {\n rowError = error.message;\n\n // most of our apis return error objects within this shape\n if (typeof (error as any).response?.data === 'object') {\n cellErrors = (error as any).response?.data;\n }\n } else if (typeof error === 'object') {\n cellErrors = error;\n }\n\n if (rowError || cellErrors) {\n dispatch({\n type: 'setRowErrors',\n rowId,\n payload: {\n row: rowError,\n cells: cellErrors,\n shouldShowErrorAlert: true,\n },\n });\n }\n\n setRowStatus(rowId, 'errored');\n completed = false;\n }\n }\n\n return completed;\n }\n\n async function discardChanges<T extends TType>(rowId: string, table: ReactTable<T>) {\n // remove any new rows from pinned state before discarding them\n if (rowId.startsWith(TEMPORARY_ROW_ID_PREFIX)) {\n table.resetRowPinning(true);\n }\n\n dispatch({\n type: 'removeRow',\n rowId,\n payload: { rowIdentityAccessor },\n });\n\n if (typeof handleDiscard === 'function') {\n await handleDiscard();\n }\n }\n\n function complete<T extends TType>(rowId: string, table: ReactTable<T>, changes: Partial<T>) {\n const handleDiscard = async () => {\n await discardChanges(rowId, table);\n };\n\n dispatch({\n type: 'complete',\n rowId,\n payload: { rowIdentityAccessor, changes, handleDiscard },\n });\n }\n\n function getState() {\n return state;\n }\n\n return {\n getState,\n // row\n getRowValue,\n getRowMoveReason,\n hasRowErrors,\n hasRowErrorsShownInAlert,\n hasTemporaryRowErrors,\n getRowStatus,\n setRowStatus,\n forceValidate,\n // cells\n setCellValue,\n getCellValue,\n getCellError,\n onCellChanged,\n // general\n getErrors,\n getErrorsShownInAlert,\n hasChanges,\n saveChanges,\n discardChanges,\n hasSaved,\n // new rows\n insertTemporaryRow,\n temporaryRows: state.temporaryRows,\n isDirty: hasChanges() || state.temporaryRows.length > 0,\n };\n}\n"],"names":["useLocalization","TEMPORARY_ROW_ID_PREFIX","nanoid","state","willRowMove","rowId","isTemporaryRow","handleDiscard"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"useEditingState.cjs","sources":["../../../../src/components/Table3/features/useEditingState.ts"],"sourcesContent":["import type { Table as ReactTable, Cell as ReactTableCell, TableMeta as ReactTableMeta } from '@tanstack/react-table';\nimport omit from 'lodash/omit';\nimport setWith from 'lodash/setWith';\nimport { nanoid } from 'nanoid';\nimport React from 'react';\n\nimport { useLocalization } from '../../Provider/Localization';\nimport type {\n Table3EditingChangeHandler,\n Table3EditingDiscardHandler,\n Table3EditingSaveHandler,\n Table3EditingValidatorFn,\n} from '../types';\nimport { isTemporaryRow, TEMPORARY_ROW_ID_PREFIX, willRowMove } from '../util/editing';\n\nconst DELAY_BEFORE_REMOVING_SAVE_STATUS = 3000;\n\ntype EditingError = {\n row: string | undefined;\n cells: Record<string, string>;\n shouldShowErrorAlert: boolean;\n};\ntype EditingRowMoveReason = Record<string, 'search' | 'sorting' | 'filter'>;\ntype EditingSaveState = 'saving' | 'saved' | 'errored';\ntype EditingChangeset<TType = unknown> = Partial<TType>;\ntype EditingState<TType = unknown> = {\n changes: {\n rows: Record<string, EditingChangeset<TType>>;\n errors: Record<string, EditingError>;\n moveReasons: Record<string, EditingRowMoveReason>;\n originals: Record<string, TType>;\n dirty: Record<string, boolean>;\n };\n // we store row indexes because due to server loading, we don't always have all data available\n // so we can't determine an index from a row id\n // note: if the row click button in the error Alert is removed, indexes can be removed here\n indexes: Record<string, number>;\n temporaryRows: TType[];\n // unified state for all row statuses\n statuses: Record<string, EditingSaveState>;\n};\ntype EditingStateAction =\n | {\n type:\n | 'setCellValue'\n | 'removeCellValue'\n | 'updateRow'\n | 'mergeRowValue'\n | 'removeRow'\n | 'complete'\n | 'setRowStatus'\n | 'setRowErrors'\n | 'insertTemporaryRow';\n rowId: string;\n payload?: any;\n }\n | {\n type: 'forceValidate';\n payload?: any;\n };\n\nfunction reducer<TType = unknown>(state: EditingState<TType>, action: EditingStateAction): EditingState<TType> {\n const { type, payload } = action;\n\n switch (type) {\n case 'setCellValue': {\n const { columnId, index, row, value } = payload;\n return {\n ...state,\n changes: {\n ...state.changes,\n rows: setWith(state.changes.rows, `${action.rowId}.${columnId}`, value, Object),\n originals: setWith(state.changes.originals, action.rowId, row, Object),\n dirty: setWith(state.changes.dirty, action.rowId, true, Object),\n },\n indexes: setWith(state.indexes, action.rowId, index, Object),\n };\n }\n\n case 'removeCellValue': {\n const { columnId, rowIdentityAccessor } = payload;\n const changes = omit(state.changes.rows, `${action.rowId}.${columnId}`);\n\n const rowChanges = changes[action.rowId];\n\n // if there are no changes left, remove the row\n if (rowChanges && !Object.keys(rowChanges).length) {\n return reducer(state, { type: 'removeRow', rowId: action.rowId, payload: { rowIdentityAccessor } });\n }\n\n return {\n ...state,\n changes: {\n ...state.changes,\n rows: omit(state.changes.rows, `${action.rowId}.${columnId}`),\n errors: omit(state.changes.errors, `${action.rowId}.cells.${columnId}`),\n moveReasons: omit(state.changes.moveReasons, `${action.rowId}.${columnId}`),\n },\n };\n }\n\n case 'updateRow': {\n const { cellErrors, index, moveReasons, original, value } = payload;\n\n return {\n ...state,\n changes: {\n ...state.changes,\n rows: setWith(state.changes.rows, action.rowId, value, Object),\n errors: setWith(\n state.changes.errors,\n `${action.rowId}.cells`,\n cellErrors ?? state.changes.errors[action.rowId]?.cells,\n Object\n ),\n originals: setWith(\n state.changes.originals,\n action.rowId,\n original ?? state.changes.originals[action.rowId],\n Object\n ),\n moveReasons: setWith(\n state.changes.moveReasons,\n action.rowId,\n moveReasons ?? state.changes.moveReasons[action.rowId],\n Object\n ),\n },\n indexes: setWith(state.indexes, action.rowId, index, Object),\n statuses: omit(state.statuses, action.rowId),\n };\n }\n\n case 'removeRow': {\n const { rowIdentityAccessor } = payload;\n\n return {\n ...state,\n changes: {\n ...state.changes,\n rows: omit(state.changes.rows, action.rowId),\n errors: omit(state.changes.errors, action.rowId),\n moveReasons: omit(state.changes.moveReasons, action.rowId),\n originals: omit(state.changes.originals, action.rowId),\n dirty: omit(state.changes.dirty, action.rowId),\n },\n indexes: omit(state.indexes, action.rowId),\n temporaryRows: state.temporaryRows.filter(row => row[rowIdentityAccessor as keyof TType] !== action.rowId),\n };\n }\n\n case 'complete': {\n const { changes, handleDiscard } = payload;\n\n if (JSON.stringify(changes) !== JSON.stringify(state.changes.rows[action.rowId])) {\n return {\n ...state,\n changes: {\n ...state.changes,\n originals: setWith(\n state.changes.originals,\n action.rowId,\n { ...state.changes.originals[action.rowId], ...changes },\n Object\n ),\n },\n };\n }\n\n // bit hacky for now, but editing needs a rewrite\n if (typeof handleDiscard === 'function') {\n handleDiscard();\n }\n\n return state;\n }\n\n case 'setRowStatus': {\n const { status } = payload;\n\n if (status) {\n return {\n ...state,\n statuses: setWith(state.statuses, action.rowId, status, Object),\n };\n }\n // Remove status\n return {\n ...state,\n statuses: omit(state.statuses, action.rowId),\n };\n }\n\n case 'setRowErrors': {\n const { ...errors } = payload;\n return {\n ...state,\n changes: {\n ...state.changes,\n errors: setWith(state.changes.errors, action.rowId, errors, Object),\n },\n };\n }\n\n case 'insertTemporaryRow': {\n const { index, value } = payload;\n return {\n ...state,\n temporaryRows: state.temporaryRows.concat(value),\n changes: {\n ...state.changes,\n rows: setWith(state.changes.rows, action.rowId, value, Object),\n originals: setWith(state.changes.originals, action.rowId, value, Object),\n },\n indexes: setWith(state.indexes, action.rowId, index, Object),\n };\n }\n\n case 'forceValidate': {\n const { newState } = payload;\n\n return {\n ...state,\n ...newState,\n };\n }\n\n default:\n return state;\n }\n}\n\nexport function usePendingChangesState<TType = unknown>(\n handleSave: Table3EditingSaveHandler<TType> | undefined,\n handleChange: Table3EditingChangeHandler<TType> | undefined,\n handleDiscard: Table3EditingDiscardHandler | undefined,\n rowIdentityAccessor: keyof TType,\n validator: Table3EditingValidatorFn<TType> | undefined\n) {\n const localization = useLocalization();\n const [state, dispatch] = React.useReducer(reducer<TType>, {\n changes: { rows: {}, errors: {}, moveReasons: {}, originals: {}, dirty: {} },\n indexes: {},\n temporaryRows: [],\n statuses: {},\n });\n\n // rows\n function getRowValue(rowId: string) {\n return state.changes.rows?.[rowId] ?? undefined;\n }\n\n function getRowMoveReason(rowId: string) {\n return Object.values(state.changes.moveReasons?.[rowId] ?? {})[0] ?? undefined;\n }\n\n function hasRowErrors(rowId: string) {\n return !!state.changes.errors[rowId]?.row || !!Object.keys(state.changes.errors[rowId]?.cells ?? {}).length;\n }\n\n function hasRowErrorsShownInAlert(rowId: string) {\n return hasRowErrors(rowId) && !!state.changes.errors[rowId]?.shouldShowErrorAlert;\n }\n\n function hasTemporaryRowErrors<T extends TType>() {\n const newRow = state.temporaryRows?.[0] as T | undefined;\n\n if (!newRow) {\n return false;\n }\n\n const rowId = newRow[rowIdentityAccessor as keyof TType] as string;\n return !!state.changes.errors[rowId]?.row || !!Object.keys(state.changes.errors[rowId]?.cells ?? {}).length;\n }\n\n function getRowStatus(rowId: string): EditingSaveState | undefined {\n return state.statuses[rowId];\n }\n\n function setRowStatus(rowId: string, status: EditingSaveState | undefined) {\n dispatch({\n type: 'setRowStatus',\n rowId,\n payload: {\n status,\n },\n });\n }\n\n function showSavedStatus(rowId: string) {\n setRowStatus(rowId, 'saved');\n\n setTimeout(() => {\n setRowStatus(rowId, undefined);\n }, DELAY_BEFORE_REMOVING_SAVE_STATUS);\n }\n\n function insertTemporaryRow<T extends TType>(data: Partial<T>, rowIndex: number) {\n const newRowId = `${TEMPORARY_ROW_ID_PREFIX}${nanoid()}`;\n const value: Partial<TType> = {\n ...data,\n [rowIdentityAccessor]: newRowId,\n };\n\n dispatch({\n type: 'insertTemporaryRow',\n rowId: newRowId,\n payload: { index: rowIndex, value },\n });\n\n return newRowId;\n }\n\n // cells\n function setCellValue<T extends TType>(cell: ReactTableCell<T, unknown>, rowIndex: number, value: unknown) {\n const rowId = cell.row.id;\n const columnId = cell.column.id;\n\n // update if the change is different to the original value\n if (value !== cell.row.original[columnId as keyof TType]) {\n dispatch({\n type: 'setCellValue',\n rowId,\n payload: {\n columnId,\n index: rowIndex,\n row: cell.row.original,\n value,\n },\n });\n }\n // otherwise remove any previous change - no point saving the same value\n else if (cell.row.id in state.changes.rows) {\n dispatch({\n type: 'removeCellValue',\n rowId,\n payload: {\n columnId,\n rowIdentityAccessor,\n },\n });\n }\n }\n\n function getCellValue<T extends TType>(cell: ReactTableCell<T, unknown>): unknown | undefined {\n return state.changes.rows?.[cell.row.id]?.[cell.column.id as keyof TType];\n }\n\n function getCellError<T extends TType>(cell: ReactTableCell<T, unknown>): string | undefined {\n return state.changes.errors?.[cell.row.id]?.cells?.[cell.column.id];\n }\n\n async function onCellChanged<T extends TType>(\n cell: ReactTableCell<T, unknown>,\n rowIndex: number,\n nextValue: any,\n shouldRunUpdaters = true,\n shouldRunValidation = true\n ) {\n const tableMeta = cell.getContext().table.options.meta as ReactTableMeta<TType>;\n const state = tableMeta.editing.getState();\n\n // keyed by runtime column id, so a string-keyed record rather than Partial<TType>\n const changes: Record<string, unknown> =\n nextValue === undefined\n ? { ...state.changes.rows[cell.row.id] }\n : { ...state.changes.rows[cell.row.id], [cell.column.id]: nextValue };\n\n const original = cell.row.original;\n\n if (!Object.keys(changes).length) {\n return;\n }\n\n let updatesForOtherCells: Partial<T> = {};\n\n // run the updater handler if there is one, to see if there are any other cells to update\n if (typeof handleChange === 'function' && shouldRunUpdaters) {\n const previousRowValue = {\n ...original,\n //...getRowChangeset(updatersRef.current[cell.row.id], rowIdentityAccessor),\n };\n const nextRowValue = {\n ...original,\n ...changes,\n };\n updatesForOtherCells = ((await handleChange(\n cell.column.id,\n changes[cell.column.id],\n nextRowValue,\n previousRowValue\n )) ?? {}) as Partial<T>;\n }\n\n // create a projection of the next state, so we can act against it\n const nextChanges = { ...changes, ...updatesForOtherCells };\n const nextMoveReasons: EditingRowMoveReason = { ...state.changes.moveReasons[cell.row.id] };\n const nextCellErrors: Record<string, string> = { ...state.changes.errors[cell.row.id]?.cells };\n\n // run validation - if there are changes, and if there is an original stored\n let validationErrors: Record<string, string> = {};\n\n if (validator && Object.keys(nextChanges).length && original && shouldRunValidation) {\n // merge with the original so we get a full row\n const nextRowValue = { ...original, ...changes, ...updatesForOtherCells };\n validationErrors = ((await validator(nextRowValue)) ?? {}) as Record<string, string>;\n }\n\n // only set errors and move reasons for the cells we're currently acting on\n // why? because the UX is not good if we set them for cells the user hasn't touched yet\n const cellsToActOn = [cell.column.id, ...Object.keys(updatesForOtherCells)];\n const allCells = cell.row._getAllCellsByColumnId();\n\n cellsToActOn.forEach(accessor => {\n if (validationErrors[accessor]) {\n nextCellErrors[accessor] = validationErrors[accessor];\n // don't show move indicator for cells with errors, they aren't valid and can't be saved\n delete nextMoveReasons[accessor];\n } else {\n // there isn't any error in this run, remove any error set in state\n delete nextCellErrors[accessor];\n\n if (allCells[accessor]?.column.getIsSorted()) {\n // run row move determination\n const reason = willRowMove(cell, nextChanges[accessor], rowIndex, localization);\n\n // if the row will move based on this change save why, otherwise delete any existing state\n if (reason) {\n nextMoveReasons[accessor] = reason;\n } else {\n delete nextMoveReasons[accessor];\n }\n }\n }\n });\n\n dispatch({\n type: 'updateRow',\n rowId: cell.row.id,\n payload: {\n cellErrors: nextCellErrors,\n index: rowIndex,\n moveReasons: nextMoveReasons,\n value: nextChanges,\n original,\n },\n });\n }\n\n async function forceValidate<T extends TType>(table: ReactTable<T>) {\n if (validator && table.getRowModel().rows.length) {\n const newState: EditingState<TType> = { ...state };\n const returnIds: string[] = [];\n\n await Promise.all(\n table.getRowModel().rows.map(async (row, index) => {\n const rowWithChanges = { ...row.original, ...state.changes.rows[row.id] };\n\n if (rowWithChanges) {\n const cellErrors = await validator(rowWithChanges);\n\n if (cellErrors) {\n // prep row (it might be new or it might have changes already)\n newState.changes.dirty[row.id] = true;\n newState.changes.originals[row.id] = row.original;\n newState.changes.moveReasons[row.id] = { ...newState.changes.moveReasons[row.id] };\n newState.changes.rows[row.id] = { ...newState.changes.rows[row.id] };\n newState.statuses[row.id] = 'errored';\n newState.indexes[row.id] = index;\n\n newState.changes.errors[row.id] = {\n cells: cellErrors,\n row: newState.changes.errors[row.id]?.row ?? undefined,\n shouldShowErrorAlert: newState.changes.errors[row.id]?.shouldShowErrorAlert ?? false,\n } as EditingError;\n\n const rowChanges = newState.changes.rows[row.id];\n\n // ensure each errored cell actually has a change\n Object.keys(cellErrors).forEach(columnId => {\n if (rowChanges !== undefined) {\n rowChanges[columnId as keyof TType] = rowWithChanges[columnId as keyof TType];\n }\n });\n\n returnIds.push(row.id);\n }\n }\n })\n );\n\n dispatch({\n type: 'forceValidate',\n payload: {\n newState,\n },\n });\n\n return returnIds;\n }\n\n return [];\n }\n\n // general\n function getErrors() {\n return Object.keys(state.changes.errors);\n }\n\n function getErrorsShownInAlert<T extends TType>() {\n const rowsWithErrors = getErrors();\n\n if (!rowsWithErrors.length) {\n return [];\n }\n\n return rowsWithErrors.filter(hasRowErrorsShownInAlert).map(rowId => ({\n rowId,\n index: state.indexes[rowId],\n changes: state.changes.rows[rowId] as EditingChangeset<T>,\n // hasRowErrorsShownInAlert already guarantees errors is defined; the cast narrows the type\n errors: state.changes.errors[rowId] as EditingError,\n }));\n }\n\n function hasSaved() {\n return !!Object.values(state.statuses).filter(status => status === 'saved').length;\n }\n\n function hasChanges(rowId?: string) {\n return rowId ? !!state.changes.rows[rowId] : !!Object.keys(state.changes.rows).length;\n }\n\n async function saveChanges<T extends TType>(table: ReactTable<T>, rowId: string | undefined = undefined): Promise<boolean> {\n const tableMeta = table.options.meta as ReactTableMeta<TType>;\n const state = tableMeta.editing.getState();\n\n if (!handleSave) {\n // oxlint-disable-next-line no-console\n console.warn('Tried to save, but Table has no onEditingSave handler');\n return false;\n }\n\n // sometimes we only want to save one row\n const changes = rowId ? { [rowId]: state.changes.rows[rowId] } : state.changes.rows;\n\n let completed = true;\n\n for (const rowId of Object.keys(changes)) {\n if (!state.changes.dirty[rowId]) {\n discardChanges(rowId, table);\n continue;\n }\n\n const status = getRowStatus(rowId);\n\n try {\n const rowChanges = JSON.parse(JSON.stringify(changes[rowId] ?? {}));\n\n // don't try to save if - already saving, or there are known errors\n if (!Object.keys(rowChanges).length || status === 'saving' || status === 'errored') {\n continue;\n }\n\n setRowStatus(rowId, 'saving');\n\n const changeSet = { ...(state.changes.originals[rowId] as object), ...rowChanges };\n\n // if we had to create a temporary id, delete it first - it's our data, not theirs\n if (isTemporaryRow(changeSet[rowIdentityAccessor as string])) {\n delete changeSet[rowIdentityAccessor];\n }\n\n // re-run validation, maybe a cell is already invalid but has never been blurred\n if (validator) {\n // oxlint-disable-next-line no-await-in-loop\n const errors = await validator(changeSet);\n\n if (errors && Object.keys(errors).length) {\n throw errors;\n }\n }\n\n // send new data to the server\n // oxlint-disable-next-line no-await-in-loop\n await handleSave(changeSet);\n\n complete(rowId, table, rowChanges);\n showSavedStatus(rowId);\n } catch (error) {\n if (error instanceof ReferenceError || error instanceof TypeError || (error as any)?.response?.status >= 500) {\n // oxlint-disable-next-line no-console\n console.error(error);\n }\n\n // the onEditingSave handler should throw errors when something fails, e.g. validation, network errors etc\n // this code handles those errors and maps them either to row errors or cell specific errors\n let rowError: string | undefined;\n let cellErrors;\n\n if (typeof error === 'string') {\n rowError = error;\n } else if (error instanceof Error) {\n rowError = error.message;\n\n // most of our apis return error objects within this shape\n if (typeof (error as any).response?.data === 'object') {\n cellErrors = (error as any).response?.data;\n }\n } else if (typeof error === 'object') {\n cellErrors = error;\n }\n\n if (rowError || cellErrors) {\n dispatch({\n type: 'setRowErrors',\n rowId,\n payload: {\n row: rowError,\n cells: cellErrors,\n shouldShowErrorAlert: true,\n },\n });\n }\n\n setRowStatus(rowId, 'errored');\n completed = false;\n }\n }\n\n return completed;\n }\n\n async function discardChanges<T extends TType>(rowId: string, table: ReactTable<T>) {\n // remove any new rows from pinned state before discarding them\n if (rowId.startsWith(TEMPORARY_ROW_ID_PREFIX)) {\n table.resetRowPinning(true);\n }\n\n dispatch({\n type: 'removeRow',\n rowId,\n payload: { rowIdentityAccessor },\n });\n\n if (typeof handleDiscard === 'function') {\n await handleDiscard();\n }\n }\n\n function complete<T extends TType>(rowId: string, table: ReactTable<T>, changes: Partial<T>) {\n const handleDiscard = async () => {\n await discardChanges(rowId, table);\n };\n\n dispatch({\n type: 'complete',\n rowId,\n payload: { rowIdentityAccessor, changes, handleDiscard },\n });\n }\n\n function getState() {\n return state;\n }\n\n return {\n getState,\n // row\n getRowValue,\n getRowMoveReason,\n hasRowErrors,\n hasRowErrorsShownInAlert,\n hasTemporaryRowErrors,\n getRowStatus,\n setRowStatus,\n forceValidate,\n // cells\n setCellValue,\n getCellValue,\n getCellError,\n onCellChanged,\n // general\n getErrors,\n getErrorsShownInAlert,\n hasChanges,\n saveChanges,\n discardChanges,\n hasSaved,\n // new rows\n insertTemporaryRow,\n temporaryRows: state.temporaryRows,\n isDirty: hasChanges() || state.temporaryRows.length > 0,\n };\n}\n"],"names":["useLocalization","TEMPORARY_ROW_ID_PREFIX","nanoid","state","willRowMove","rowId","isTemporaryRow","handleDiscard"],"mappings":"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"}
|
|
@@ -5,12 +5,25 @@ type EditingError = {
|
|
|
5
5
|
cells: Record<string, string>;
|
|
6
6
|
shouldShowErrorAlert: boolean;
|
|
7
7
|
};
|
|
8
|
+
type EditingRowMoveReason = Record<string, 'search' | 'sorting' | 'filter'>;
|
|
8
9
|
type EditingSaveState = 'saving' | 'saved' | 'errored';
|
|
9
10
|
type EditingChangeset<TType = unknown> = Partial<TType>;
|
|
11
|
+
type EditingState<TType = unknown> = {
|
|
12
|
+
changes: {
|
|
13
|
+
rows: Record<string, EditingChangeset<TType>>;
|
|
14
|
+
errors: Record<string, EditingError>;
|
|
15
|
+
moveReasons: Record<string, EditingRowMoveReason>;
|
|
16
|
+
originals: Record<string, TType>;
|
|
17
|
+
dirty: Record<string, boolean>;
|
|
18
|
+
};
|
|
19
|
+
indexes: Record<string, number>;
|
|
20
|
+
temporaryRows: TType[];
|
|
21
|
+
statuses: Record<string, EditingSaveState>;
|
|
22
|
+
};
|
|
10
23
|
export declare function usePendingChangesState<TType = unknown>(handleSave: Table3EditingSaveHandler<TType> | undefined, handleChange: Table3EditingChangeHandler<TType> | undefined, handleDiscard: Table3EditingDiscardHandler | undefined, rowIdentityAccessor: keyof TType, validator: Table3EditingValidatorFn<TType> | undefined): {
|
|
11
|
-
getState: () =>
|
|
12
|
-
getRowValue: (rowId: string) =>
|
|
13
|
-
getRowMoveReason: (rowId: string) =>
|
|
24
|
+
getState: () => EditingState<TType>;
|
|
25
|
+
getRowValue: (rowId: string) => Partial<TType> | undefined;
|
|
26
|
+
getRowMoveReason: (rowId: string) => "search" | "filter" | "sorting" | undefined;
|
|
14
27
|
hasRowErrors: (rowId: string) => boolean;
|
|
15
28
|
hasRowErrorsShownInAlert: (rowId: string) => boolean;
|
|
16
29
|
hasTemporaryRowErrors: <T extends TType>() => boolean;
|
|
@@ -24,7 +37,7 @@ export declare function usePendingChangesState<TType = unknown>(handleSave: Tabl
|
|
|
24
37
|
getErrors: () => string[];
|
|
25
38
|
getErrorsShownInAlert: <T extends TType>() => {
|
|
26
39
|
rowId: string;
|
|
27
|
-
index:
|
|
40
|
+
index: number | undefined;
|
|
28
41
|
changes: EditingChangeset<T>;
|
|
29
42
|
errors: EditingError;
|
|
30
43
|
}[];
|
|
@@ -33,7 +46,7 @@ export declare function usePendingChangesState<TType = unknown>(handleSave: Tabl
|
|
|
33
46
|
discardChanges: <T extends TType>(rowId: string, table: ReactTable<T>) => Promise<void>;
|
|
34
47
|
hasSaved: () => boolean;
|
|
35
48
|
insertTemporaryRow: <T extends TType>(data: Partial<T>, rowIndex: number) => string;
|
|
36
|
-
temporaryRows:
|
|
49
|
+
temporaryRows: TType[];
|
|
37
50
|
isDirty: boolean;
|
|
38
51
|
};
|
|
39
52
|
export {};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useEditingState.js","sources":["../../../../src/components/Table3/features/useEditingState.ts"],"sourcesContent":["import type { Table as ReactTable, Cell as ReactTableCell, TableMeta as ReactTableMeta } from '@tanstack/react-table';\nimport omit from 'lodash/omit';\nimport setWith from 'lodash/setWith';\nimport { nanoid } from 'nanoid';\nimport React from 'react';\n\nimport { useLocalization } from '../../Provider/Localization';\nimport type {\n Table3EditingChangeHandler,\n Table3EditingDiscardHandler,\n Table3EditingSaveHandler,\n Table3EditingValidatorFn,\n} from '../types';\nimport { isTemporaryRow, TEMPORARY_ROW_ID_PREFIX, willRowMove } from '../util/editing';\n\nconst DELAY_BEFORE_REMOVING_SAVE_STATUS = 3000;\n\ntype EditingError = {\n row: string | undefined;\n cells: Record<string, string>;\n shouldShowErrorAlert: boolean;\n};\ntype EditingRowMoveReason = Record<string, 'search' | 'sorting' | 'filter'>;\ntype EditingSaveState = 'saving' | 'saved' | 'errored';\ntype EditingChangeset<TType = unknown> = Partial<TType>;\ntype EditingState<TType = unknown> = {\n changes: {\n rows: Record<string, EditingChangeset<TType>>;\n errors: Record<string, EditingError>;\n moveReasons: Record<string, EditingRowMoveReason>;\n originals: Record<string, TType>;\n dirty: Record<string, boolean>;\n };\n // we store row indexes because due to server loading, we don't always have all data available\n // so we can't determine an index from a row id\n // note: if the row click button in the error Alert is removed, indexes can be removed here\n indexes: Record<string, number>;\n temporaryRows: TType[];\n // unified state for all row statuses\n statuses: Record<string, EditingSaveState>;\n};\ntype EditingStateAction =\n | {\n type:\n | 'setCellValue'\n | 'removeCellValue'\n | 'updateRow'\n | 'mergeRowValue'\n | 'removeRow'\n | 'complete'\n | 'setRowStatus'\n | 'setRowErrors'\n | 'insertTemporaryRow';\n rowId: string;\n payload?: any;\n }\n | {\n type: 'forceValidate';\n payload?: any;\n };\n\nfunction reducer<TType = unknown>(state: EditingState<TType>, action: EditingStateAction) {\n const { type, payload } = action;\n\n switch (type) {\n case 'setCellValue': {\n const { columnId, index, row, value } = payload;\n return {\n ...state,\n changes: {\n ...state.changes,\n rows: setWith(state.changes.rows, `${action.rowId}.${columnId}`, value, Object),\n originals: setWith(state.changes.originals, action.rowId, row, Object),\n dirty: setWith(state.changes.dirty, action.rowId, true, Object),\n },\n indexes: setWith(state.indexes, action.rowId, index, Object),\n };\n }\n\n case 'removeCellValue': {\n const { columnId, rowIdentityAccessor } = payload;\n const changes = omit(state.changes.rows, `${action.rowId}.${columnId}`);\n\n const rowChanges = changes[action.rowId];\n\n // if there are no changes left, remove the row\n if (rowChanges && !Object.keys(rowChanges).length) {\n return reducer(state, { type: 'removeRow', rowId: action.rowId, payload: { rowIdentityAccessor } });\n }\n\n return {\n ...state,\n changes: {\n ...state.changes,\n rows: omit(state.changes.rows, `${action.rowId}.${columnId}`),\n errors: omit(state.changes.errors, `${action.rowId}.cells.${columnId}`),\n moveReasons: omit(state.changes.moveReasons, `${action.rowId}.${columnId}`),\n },\n };\n }\n\n case 'updateRow': {\n const { cellErrors, index, moveReasons, original, value } = payload;\n\n return {\n ...state,\n changes: {\n ...state.changes,\n rows: setWith(state.changes.rows, action.rowId, value, Object),\n errors: setWith(\n state.changes.errors,\n `${action.rowId}.cells`,\n cellErrors ?? state.changes.errors[action.rowId]?.cells,\n Object\n ),\n originals: setWith(\n state.changes.originals,\n action.rowId,\n original ?? state.changes.originals[action.rowId],\n Object\n ),\n moveReasons: setWith(\n state.changes.moveReasons,\n action.rowId,\n moveReasons ?? state.changes.moveReasons[action.rowId],\n Object\n ),\n },\n indexes: setWith(state.indexes, action.rowId, index, Object),\n statuses: omit(state.statuses, action.rowId),\n };\n }\n\n case 'removeRow': {\n const { rowIdentityAccessor } = payload;\n\n return {\n ...state,\n changes: {\n ...state.changes,\n rows: omit(state.changes.rows, action.rowId),\n errors: omit(state.changes.errors, action.rowId),\n moveReasons: omit(state.changes.moveReasons, action.rowId),\n originals: omit(state.changes.originals, action.rowId),\n dirty: omit(state.changes.dirty, action.rowId),\n },\n indexes: omit(state.indexes, action.rowId),\n temporaryRows: state.temporaryRows.filter(row => row[rowIdentityAccessor as keyof TType] !== action.rowId),\n };\n }\n\n case 'complete': {\n const { changes, handleDiscard } = payload;\n\n if (JSON.stringify(changes) !== JSON.stringify(state.changes.rows[action.rowId])) {\n return {\n ...state,\n changes: {\n ...state.changes,\n originals: setWith(\n state.changes.originals,\n action.rowId,\n { ...state.changes.originals[action.rowId], ...changes },\n Object\n ),\n },\n };\n }\n\n // bit hacky for now, but editing needs a rewrite\n if (typeof handleDiscard === 'function') {\n handleDiscard();\n }\n\n return state;\n }\n\n case 'setRowStatus': {\n const { status } = payload;\n\n if (status) {\n return {\n ...state,\n statuses: setWith(state.statuses, action.rowId, status, Object),\n };\n }\n // Remove status\n return {\n ...state,\n statuses: omit(state.statuses, action.rowId),\n };\n }\n\n case 'setRowErrors': {\n const { ...errors } = payload;\n return {\n ...state,\n changes: {\n ...state.changes,\n errors: setWith(state.changes.errors, action.rowId, errors, Object),\n },\n };\n }\n\n case 'insertTemporaryRow': {\n const { index, value } = payload;\n return {\n ...state,\n temporaryRows: state.temporaryRows.concat(value),\n changes: {\n ...state.changes,\n rows: setWith(state.changes.rows, action.rowId, value, Object),\n originals: setWith(state.changes.originals, action.rowId, value, Object),\n },\n indexes: setWith(state.indexes, action.rowId, index, Object),\n };\n }\n\n case 'forceValidate': {\n const { newState } = payload;\n\n return {\n ...state,\n ...newState,\n };\n }\n\n default:\n return state;\n }\n}\n\nexport function usePendingChangesState<TType = unknown>(\n handleSave: Table3EditingSaveHandler<TType> | undefined,\n handleChange: Table3EditingChangeHandler<TType> | undefined,\n handleDiscard: Table3EditingDiscardHandler | undefined,\n rowIdentityAccessor: keyof TType,\n validator: Table3EditingValidatorFn<TType> | undefined\n) {\n const localization = useLocalization();\n const [state, dispatch] = React.useReducer(reducer, {\n changes: { rows: {}, errors: {}, moveReasons: {}, originals: {}, dirty: {} },\n indexes: {},\n temporaryRows: [],\n statuses: {},\n });\n\n // rows\n function getRowValue(rowId: string) {\n return state.changes.rows?.[rowId] ?? undefined;\n }\n\n function getRowMoveReason(rowId: string) {\n return Object.values(state.changes.moveReasons?.[rowId] ?? {})[0] ?? undefined;\n }\n\n function hasRowErrors(rowId: string) {\n return !!state.changes.errors[rowId]?.row || !!Object.keys(state.changes.errors[rowId]?.cells ?? {}).length;\n }\n\n function hasRowErrorsShownInAlert(rowId: string) {\n return hasRowErrors(rowId) && !!state.changes.errors[rowId]?.shouldShowErrorAlert;\n }\n\n function hasTemporaryRowErrors<T extends TType>() {\n const newRow = state.temporaryRows?.[0] as T | undefined;\n\n if (!newRow) {\n return false;\n }\n\n const rowId = newRow[rowIdentityAccessor as keyof TType] as string;\n return !!state.changes.errors[rowId]?.row || !!Object.keys(state.changes.errors[rowId]?.cells ?? {}).length;\n }\n\n function getRowStatus(rowId: string): EditingSaveState | undefined {\n return state.statuses[rowId];\n }\n\n function setRowStatus(rowId: string, status: EditingSaveState | undefined) {\n dispatch({\n type: 'setRowStatus',\n rowId,\n payload: {\n status,\n },\n });\n }\n\n function showSavedStatus(rowId: string) {\n setRowStatus(rowId, 'saved');\n\n setTimeout(() => {\n setRowStatus(rowId, undefined);\n }, DELAY_BEFORE_REMOVING_SAVE_STATUS);\n }\n\n function insertTemporaryRow<T extends TType>(data: Partial<T>, rowIndex: number) {\n const newRowId = `${TEMPORARY_ROW_ID_PREFIX}${nanoid()}`;\n const value: Partial<TType> = {\n ...data,\n [rowIdentityAccessor]: newRowId,\n };\n\n dispatch({\n type: 'insertTemporaryRow',\n rowId: newRowId,\n payload: { index: rowIndex, value },\n });\n\n return newRowId;\n }\n\n // cells\n function setCellValue<T extends TType>(cell: ReactTableCell<T, unknown>, rowIndex: number, value: unknown) {\n const rowId = cell.row.id;\n const columnId = cell.column.id;\n\n // update if the change is different to the original value\n if (value !== cell.row.original[columnId as keyof TType]) {\n dispatch({\n type: 'setCellValue',\n rowId,\n payload: {\n columnId,\n index: rowIndex,\n row: cell.row.original,\n value,\n },\n });\n }\n // otherwise remove any previous change - no point saving the same value\n else if (cell.row.id in state.changes.rows) {\n dispatch({\n type: 'removeCellValue',\n rowId,\n payload: {\n columnId,\n rowIdentityAccessor,\n },\n });\n }\n }\n\n function getCellValue<T extends TType>(cell: ReactTableCell<T, unknown>): unknown | undefined {\n return state.changes.rows?.[cell.row.id]?.[cell.column.id as keyof TType];\n }\n\n function getCellError<T extends TType>(cell: ReactTableCell<T, unknown>): string | undefined {\n return state.changes.errors?.[cell.row.id]?.cells?.[cell.column.id];\n }\n\n async function onCellChanged<T extends TType>(\n cell: ReactTableCell<T, unknown>,\n rowIndex: number,\n nextValue: any,\n shouldRunUpdaters = true,\n shouldRunValidation = true\n ) {\n const tableMeta = cell.getContext().table.options.meta as ReactTableMeta<TType>;\n const state = tableMeta.editing.getState();\n\n // keyed by runtime column id, so a string-keyed record rather than Partial<TType>\n const changes: Record<string, unknown> =\n nextValue === undefined\n ? { ...state.changes.rows[cell.row.id] }\n : { ...state.changes.rows[cell.row.id], [cell.column.id]: nextValue };\n\n const original = cell.row.original;\n\n if (!Object.keys(changes).length) {\n return;\n }\n\n let updatesForOtherCells: Partial<T> = {};\n\n // run the updater handler if there is one, to see if there are any other cells to update\n if (typeof handleChange === 'function' && shouldRunUpdaters) {\n const previousRowValue = {\n ...original,\n //...getRowChangeset(updatersRef.current[cell.row.id], rowIdentityAccessor),\n };\n const nextRowValue = {\n ...original,\n ...changes,\n };\n updatesForOtherCells = ((await handleChange(\n cell.column.id,\n changes[cell.column.id],\n nextRowValue,\n previousRowValue\n )) ?? {}) as Partial<T>;\n }\n\n // create a projection of the next state, so we can act against it\n const nextChanges = { ...changes, ...updatesForOtherCells };\n const nextMoveReasons: EditingRowMoveReason = { ...state.changes.moveReasons[cell.row.id] };\n const nextCellErrors: Record<string, string> = { ...state.changes.errors[cell.row.id]?.cells };\n\n // run validation - if there are changes, and if there is an original stored\n let validationErrors: Record<string, string> = {};\n\n if (validator && Object.keys(nextChanges).length && original && shouldRunValidation) {\n // merge with the original so we get a full row\n const nextRowValue = { ...original, ...changes, ...updatesForOtherCells };\n validationErrors = ((await validator(nextRowValue)) ?? {}) as Record<string, string>;\n }\n\n // only set errors and move reasons for the cells we're currently acting on\n // why? because the UX is not good if we set them for cells the user hasn't touched yet\n const cellsToActOn = [cell.column.id, ...Object.keys(updatesForOtherCells)];\n const allCells = cell.row._getAllCellsByColumnId();\n\n cellsToActOn.forEach(accessor => {\n if (validationErrors[accessor]) {\n nextCellErrors[accessor] = validationErrors[accessor];\n // don't show move indicator for cells with errors, they aren't valid and can't be saved\n delete nextMoveReasons[accessor];\n } else {\n // there isn't any error in this run, remove any error set in state\n delete nextCellErrors[accessor];\n\n if (allCells[accessor]?.column.getIsSorted()) {\n // run row move determination\n const reason = willRowMove(cell, nextChanges[accessor], rowIndex, localization);\n\n // if the row will move based on this change save why, otherwise delete any existing state\n if (reason) {\n nextMoveReasons[accessor] = reason;\n } else {\n delete nextMoveReasons[accessor];\n }\n }\n }\n });\n\n dispatch({\n type: 'updateRow',\n rowId: cell.row.id,\n payload: {\n cellErrors: nextCellErrors,\n index: rowIndex,\n moveReasons: nextMoveReasons,\n value: nextChanges,\n original,\n },\n });\n }\n\n async function forceValidate<T extends TType>(table: ReactTable<T>) {\n if (validator && table.getRowModel().rows.length) {\n const newState: EditingState<TType> = { ...state };\n const returnIds: string[] = [];\n\n await Promise.all(\n table.getRowModel().rows.map(async (row, index) => {\n const rowWithChanges = { ...row.original, ...state.changes.rows[row.id] };\n\n if (rowWithChanges) {\n const cellErrors = await validator(rowWithChanges);\n\n if (cellErrors) {\n // prep row (it might be new or it might have changes already)\n newState.changes.dirty[row.id] = true;\n newState.changes.originals[row.id] = row.original;\n newState.changes.moveReasons[row.id] = { ...newState.changes.moveReasons[row.id] };\n newState.changes.rows[row.id] = { ...newState.changes.rows[row.id] };\n newState.statuses[row.id] = 'errored';\n newState.indexes[row.id] = index;\n\n newState.changes.errors[row.id] = {\n cells: cellErrors,\n row: newState.changes.errors[row.id]?.row ?? undefined,\n shouldShowErrorAlert: newState.changes.errors[row.id]?.shouldShowErrorAlert ?? false,\n } as EditingError;\n\n const rowChanges = newState.changes.rows[row.id];\n\n // ensure each errored cell actually has a change\n Object.keys(cellErrors).forEach(columnId => {\n if (rowChanges !== undefined) {\n rowChanges[columnId as keyof TType] = rowWithChanges[columnId as keyof TType];\n }\n });\n\n returnIds.push(row.id);\n }\n }\n })\n );\n\n dispatch({\n type: 'forceValidate',\n payload: {\n newState,\n },\n });\n\n return returnIds;\n }\n\n return [];\n }\n\n // general\n function getErrors() {\n return Object.keys(state.changes.errors);\n }\n\n function getErrorsShownInAlert<T extends TType>() {\n const rowsWithErrors = getErrors();\n\n if (!rowsWithErrors.length) {\n return [];\n }\n\n return rowsWithErrors.filter(hasRowErrorsShownInAlert).map(rowId => ({\n rowId,\n index: state.indexes[rowId],\n changes: state.changes.rows[rowId] as EditingChangeset<T>,\n // hasRowErrorsShownInAlert already guarantees errors is defined; the cast narrows the type\n errors: state.changes.errors[rowId] as EditingError,\n }));\n }\n\n function hasSaved() {\n return !!Object.values(state.statuses).filter(status => status === 'saved').length;\n }\n\n function hasChanges(rowId?: string) {\n return rowId ? !!state.changes.rows[rowId] : !!Object.keys(state.changes.rows).length;\n }\n\n async function saveChanges<T extends TType>(table: ReactTable<T>, rowId: string | undefined = undefined): Promise<boolean> {\n const tableMeta = table.options.meta as ReactTableMeta<TType>;\n const state = tableMeta.editing.getState();\n\n if (!handleSave) {\n // oxlint-disable-next-line no-console\n console.warn('Tried to save, but Table has no onEditingSave handler');\n return false;\n }\n\n // sometimes we only want to save one row\n const changes = rowId ? { [rowId]: state.changes.rows[rowId] } : state.changes.rows;\n\n let completed = true;\n\n for (const rowId of Object.keys(changes)) {\n if (!state.changes.dirty[rowId]) {\n discardChanges(rowId, table);\n continue;\n }\n\n const status = getRowStatus(rowId);\n\n try {\n const rowChanges = JSON.parse(JSON.stringify(changes[rowId] ?? {}));\n\n // don't try to save if - already saving, or there are known errors\n if (!Object.keys(rowChanges).length || status === 'saving' || status === 'errored') {\n continue;\n }\n\n setRowStatus(rowId, 'saving');\n\n const changeSet = { ...(state.changes.originals[rowId] as object), ...rowChanges };\n\n // if we had to create a temporary id, delete it first - it's our data, not theirs\n if (isTemporaryRow(changeSet[rowIdentityAccessor as string])) {\n delete changeSet[rowIdentityAccessor];\n }\n\n // re-run validation, maybe a cell is already invalid but has never been blurred\n if (validator) {\n // oxlint-disable-next-line no-await-in-loop\n const errors = await validator(changeSet);\n\n if (errors && Object.keys(errors).length) {\n throw errors;\n }\n }\n\n // send new data to the server\n // oxlint-disable-next-line no-await-in-loop\n await handleSave(changeSet);\n\n complete(rowId, table, rowChanges);\n showSavedStatus(rowId);\n } catch (error) {\n if (error instanceof ReferenceError || error instanceof TypeError || (error as any)?.response?.status >= 500) {\n // oxlint-disable-next-line no-console\n console.error(error);\n }\n\n // the onEditingSave handler should throw errors when something fails, e.g. validation, network errors etc\n // this code handles those errors and maps them either to row errors or cell specific errors\n let rowError: string | undefined;\n let cellErrors;\n\n if (typeof error === 'string') {\n rowError = error;\n } else if (error instanceof Error) {\n rowError = error.message;\n\n // most of our apis return error objects within this shape\n if (typeof (error as any).response?.data === 'object') {\n cellErrors = (error as any).response?.data;\n }\n } else if (typeof error === 'object') {\n cellErrors = error;\n }\n\n if (rowError || cellErrors) {\n dispatch({\n type: 'setRowErrors',\n rowId,\n payload: {\n row: rowError,\n cells: cellErrors,\n shouldShowErrorAlert: true,\n },\n });\n }\n\n setRowStatus(rowId, 'errored');\n completed = false;\n }\n }\n\n return completed;\n }\n\n async function discardChanges<T extends TType>(rowId: string, table: ReactTable<T>) {\n // remove any new rows from pinned state before discarding them\n if (rowId.startsWith(TEMPORARY_ROW_ID_PREFIX)) {\n table.resetRowPinning(true);\n }\n\n dispatch({\n type: 'removeRow',\n rowId,\n payload: { rowIdentityAccessor },\n });\n\n if (typeof handleDiscard === 'function') {\n await handleDiscard();\n }\n }\n\n function complete<T extends TType>(rowId: string, table: ReactTable<T>, changes: Partial<T>) {\n const handleDiscard = async () => {\n await discardChanges(rowId, table);\n };\n\n dispatch({\n type: 'complete',\n rowId,\n payload: { rowIdentityAccessor, changes, handleDiscard },\n });\n }\n\n function getState() {\n return state;\n }\n\n return {\n getState,\n // row\n getRowValue,\n getRowMoveReason,\n hasRowErrors,\n hasRowErrorsShownInAlert,\n hasTemporaryRowErrors,\n getRowStatus,\n setRowStatus,\n forceValidate,\n // cells\n setCellValue,\n getCellValue,\n getCellError,\n onCellChanged,\n // general\n getErrors,\n getErrorsShownInAlert,\n hasChanges,\n saveChanges,\n discardChanges,\n hasSaved,\n // new rows\n insertTemporaryRow,\n temporaryRows: state.temporaryRows,\n isDirty: hasChanges() || state.temporaryRows.length > 0,\n };\n}\n"],"names":["React","state","rowId","handleDiscard"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"useEditingState.js","sources":["../../../../src/components/Table3/features/useEditingState.ts"],"sourcesContent":["import type { Table as ReactTable, Cell as ReactTableCell, TableMeta as ReactTableMeta } from '@tanstack/react-table';\nimport omit from 'lodash/omit';\nimport setWith from 'lodash/setWith';\nimport { nanoid } from 'nanoid';\nimport React from 'react';\n\nimport { useLocalization } from '../../Provider/Localization';\nimport type {\n Table3EditingChangeHandler,\n Table3EditingDiscardHandler,\n Table3EditingSaveHandler,\n Table3EditingValidatorFn,\n} from '../types';\nimport { isTemporaryRow, TEMPORARY_ROW_ID_PREFIX, willRowMove } from '../util/editing';\n\nconst DELAY_BEFORE_REMOVING_SAVE_STATUS = 3000;\n\ntype EditingError = {\n row: string | undefined;\n cells: Record<string, string>;\n shouldShowErrorAlert: boolean;\n};\ntype EditingRowMoveReason = Record<string, 'search' | 'sorting' | 'filter'>;\ntype EditingSaveState = 'saving' | 'saved' | 'errored';\ntype EditingChangeset<TType = unknown> = Partial<TType>;\ntype EditingState<TType = unknown> = {\n changes: {\n rows: Record<string, EditingChangeset<TType>>;\n errors: Record<string, EditingError>;\n moveReasons: Record<string, EditingRowMoveReason>;\n originals: Record<string, TType>;\n dirty: Record<string, boolean>;\n };\n // we store row indexes because due to server loading, we don't always have all data available\n // so we can't determine an index from a row id\n // note: if the row click button in the error Alert is removed, indexes can be removed here\n indexes: Record<string, number>;\n temporaryRows: TType[];\n // unified state for all row statuses\n statuses: Record<string, EditingSaveState>;\n};\ntype EditingStateAction =\n | {\n type:\n | 'setCellValue'\n | 'removeCellValue'\n | 'updateRow'\n | 'mergeRowValue'\n | 'removeRow'\n | 'complete'\n | 'setRowStatus'\n | 'setRowErrors'\n | 'insertTemporaryRow';\n rowId: string;\n payload?: any;\n }\n | {\n type: 'forceValidate';\n payload?: any;\n };\n\nfunction reducer<TType = unknown>(state: EditingState<TType>, action: EditingStateAction): EditingState<TType> {\n const { type, payload } = action;\n\n switch (type) {\n case 'setCellValue': {\n const { columnId, index, row, value } = payload;\n return {\n ...state,\n changes: {\n ...state.changes,\n rows: setWith(state.changes.rows, `${action.rowId}.${columnId}`, value, Object),\n originals: setWith(state.changes.originals, action.rowId, row, Object),\n dirty: setWith(state.changes.dirty, action.rowId, true, Object),\n },\n indexes: setWith(state.indexes, action.rowId, index, Object),\n };\n }\n\n case 'removeCellValue': {\n const { columnId, rowIdentityAccessor } = payload;\n const changes = omit(state.changes.rows, `${action.rowId}.${columnId}`);\n\n const rowChanges = changes[action.rowId];\n\n // if there are no changes left, remove the row\n if (rowChanges && !Object.keys(rowChanges).length) {\n return reducer(state, { type: 'removeRow', rowId: action.rowId, payload: { rowIdentityAccessor } });\n }\n\n return {\n ...state,\n changes: {\n ...state.changes,\n rows: omit(state.changes.rows, `${action.rowId}.${columnId}`),\n errors: omit(state.changes.errors, `${action.rowId}.cells.${columnId}`),\n moveReasons: omit(state.changes.moveReasons, `${action.rowId}.${columnId}`),\n },\n };\n }\n\n case 'updateRow': {\n const { cellErrors, index, moveReasons, original, value } = payload;\n\n return {\n ...state,\n changes: {\n ...state.changes,\n rows: setWith(state.changes.rows, action.rowId, value, Object),\n errors: setWith(\n state.changes.errors,\n `${action.rowId}.cells`,\n cellErrors ?? state.changes.errors[action.rowId]?.cells,\n Object\n ),\n originals: setWith(\n state.changes.originals,\n action.rowId,\n original ?? state.changes.originals[action.rowId],\n Object\n ),\n moveReasons: setWith(\n state.changes.moveReasons,\n action.rowId,\n moveReasons ?? state.changes.moveReasons[action.rowId],\n Object\n ),\n },\n indexes: setWith(state.indexes, action.rowId, index, Object),\n statuses: omit(state.statuses, action.rowId),\n };\n }\n\n case 'removeRow': {\n const { rowIdentityAccessor } = payload;\n\n return {\n ...state,\n changes: {\n ...state.changes,\n rows: omit(state.changes.rows, action.rowId),\n errors: omit(state.changes.errors, action.rowId),\n moveReasons: omit(state.changes.moveReasons, action.rowId),\n originals: omit(state.changes.originals, action.rowId),\n dirty: omit(state.changes.dirty, action.rowId),\n },\n indexes: omit(state.indexes, action.rowId),\n temporaryRows: state.temporaryRows.filter(row => row[rowIdentityAccessor as keyof TType] !== action.rowId),\n };\n }\n\n case 'complete': {\n const { changes, handleDiscard } = payload;\n\n if (JSON.stringify(changes) !== JSON.stringify(state.changes.rows[action.rowId])) {\n return {\n ...state,\n changes: {\n ...state.changes,\n originals: setWith(\n state.changes.originals,\n action.rowId,\n { ...state.changes.originals[action.rowId], ...changes },\n Object\n ),\n },\n };\n }\n\n // bit hacky for now, but editing needs a rewrite\n if (typeof handleDiscard === 'function') {\n handleDiscard();\n }\n\n return state;\n }\n\n case 'setRowStatus': {\n const { status } = payload;\n\n if (status) {\n return {\n ...state,\n statuses: setWith(state.statuses, action.rowId, status, Object),\n };\n }\n // Remove status\n return {\n ...state,\n statuses: omit(state.statuses, action.rowId),\n };\n }\n\n case 'setRowErrors': {\n const { ...errors } = payload;\n return {\n ...state,\n changes: {\n ...state.changes,\n errors: setWith(state.changes.errors, action.rowId, errors, Object),\n },\n };\n }\n\n case 'insertTemporaryRow': {\n const { index, value } = payload;\n return {\n ...state,\n temporaryRows: state.temporaryRows.concat(value),\n changes: {\n ...state.changes,\n rows: setWith(state.changes.rows, action.rowId, value, Object),\n originals: setWith(state.changes.originals, action.rowId, value, Object),\n },\n indexes: setWith(state.indexes, action.rowId, index, Object),\n };\n }\n\n case 'forceValidate': {\n const { newState } = payload;\n\n return {\n ...state,\n ...newState,\n };\n }\n\n default:\n return state;\n }\n}\n\nexport function usePendingChangesState<TType = unknown>(\n handleSave: Table3EditingSaveHandler<TType> | undefined,\n handleChange: Table3EditingChangeHandler<TType> | undefined,\n handleDiscard: Table3EditingDiscardHandler | undefined,\n rowIdentityAccessor: keyof TType,\n validator: Table3EditingValidatorFn<TType> | undefined\n) {\n const localization = useLocalization();\n const [state, dispatch] = React.useReducer(reducer<TType>, {\n changes: { rows: {}, errors: {}, moveReasons: {}, originals: {}, dirty: {} },\n indexes: {},\n temporaryRows: [],\n statuses: {},\n });\n\n // rows\n function getRowValue(rowId: string) {\n return state.changes.rows?.[rowId] ?? undefined;\n }\n\n function getRowMoveReason(rowId: string) {\n return Object.values(state.changes.moveReasons?.[rowId] ?? {})[0] ?? undefined;\n }\n\n function hasRowErrors(rowId: string) {\n return !!state.changes.errors[rowId]?.row || !!Object.keys(state.changes.errors[rowId]?.cells ?? {}).length;\n }\n\n function hasRowErrorsShownInAlert(rowId: string) {\n return hasRowErrors(rowId) && !!state.changes.errors[rowId]?.shouldShowErrorAlert;\n }\n\n function hasTemporaryRowErrors<T extends TType>() {\n const newRow = state.temporaryRows?.[0] as T | undefined;\n\n if (!newRow) {\n return false;\n }\n\n const rowId = newRow[rowIdentityAccessor as keyof TType] as string;\n return !!state.changes.errors[rowId]?.row || !!Object.keys(state.changes.errors[rowId]?.cells ?? {}).length;\n }\n\n function getRowStatus(rowId: string): EditingSaveState | undefined {\n return state.statuses[rowId];\n }\n\n function setRowStatus(rowId: string, status: EditingSaveState | undefined) {\n dispatch({\n type: 'setRowStatus',\n rowId,\n payload: {\n status,\n },\n });\n }\n\n function showSavedStatus(rowId: string) {\n setRowStatus(rowId, 'saved');\n\n setTimeout(() => {\n setRowStatus(rowId, undefined);\n }, DELAY_BEFORE_REMOVING_SAVE_STATUS);\n }\n\n function insertTemporaryRow<T extends TType>(data: Partial<T>, rowIndex: number) {\n const newRowId = `${TEMPORARY_ROW_ID_PREFIX}${nanoid()}`;\n const value: Partial<TType> = {\n ...data,\n [rowIdentityAccessor]: newRowId,\n };\n\n dispatch({\n type: 'insertTemporaryRow',\n rowId: newRowId,\n payload: { index: rowIndex, value },\n });\n\n return newRowId;\n }\n\n // cells\n function setCellValue<T extends TType>(cell: ReactTableCell<T, unknown>, rowIndex: number, value: unknown) {\n const rowId = cell.row.id;\n const columnId = cell.column.id;\n\n // update if the change is different to the original value\n if (value !== cell.row.original[columnId as keyof TType]) {\n dispatch({\n type: 'setCellValue',\n rowId,\n payload: {\n columnId,\n index: rowIndex,\n row: cell.row.original,\n value,\n },\n });\n }\n // otherwise remove any previous change - no point saving the same value\n else if (cell.row.id in state.changes.rows) {\n dispatch({\n type: 'removeCellValue',\n rowId,\n payload: {\n columnId,\n rowIdentityAccessor,\n },\n });\n }\n }\n\n function getCellValue<T extends TType>(cell: ReactTableCell<T, unknown>): unknown | undefined {\n return state.changes.rows?.[cell.row.id]?.[cell.column.id as keyof TType];\n }\n\n function getCellError<T extends TType>(cell: ReactTableCell<T, unknown>): string | undefined {\n return state.changes.errors?.[cell.row.id]?.cells?.[cell.column.id];\n }\n\n async function onCellChanged<T extends TType>(\n cell: ReactTableCell<T, unknown>,\n rowIndex: number,\n nextValue: any,\n shouldRunUpdaters = true,\n shouldRunValidation = true\n ) {\n const tableMeta = cell.getContext().table.options.meta as ReactTableMeta<TType>;\n const state = tableMeta.editing.getState();\n\n // keyed by runtime column id, so a string-keyed record rather than Partial<TType>\n const changes: Record<string, unknown> =\n nextValue === undefined\n ? { ...state.changes.rows[cell.row.id] }\n : { ...state.changes.rows[cell.row.id], [cell.column.id]: nextValue };\n\n const original = cell.row.original;\n\n if (!Object.keys(changes).length) {\n return;\n }\n\n let updatesForOtherCells: Partial<T> = {};\n\n // run the updater handler if there is one, to see if there are any other cells to update\n if (typeof handleChange === 'function' && shouldRunUpdaters) {\n const previousRowValue = {\n ...original,\n //...getRowChangeset(updatersRef.current[cell.row.id], rowIdentityAccessor),\n };\n const nextRowValue = {\n ...original,\n ...changes,\n };\n updatesForOtherCells = ((await handleChange(\n cell.column.id,\n changes[cell.column.id],\n nextRowValue,\n previousRowValue\n )) ?? {}) as Partial<T>;\n }\n\n // create a projection of the next state, so we can act against it\n const nextChanges = { ...changes, ...updatesForOtherCells };\n const nextMoveReasons: EditingRowMoveReason = { ...state.changes.moveReasons[cell.row.id] };\n const nextCellErrors: Record<string, string> = { ...state.changes.errors[cell.row.id]?.cells };\n\n // run validation - if there are changes, and if there is an original stored\n let validationErrors: Record<string, string> = {};\n\n if (validator && Object.keys(nextChanges).length && original && shouldRunValidation) {\n // merge with the original so we get a full row\n const nextRowValue = { ...original, ...changes, ...updatesForOtherCells };\n validationErrors = ((await validator(nextRowValue)) ?? {}) as Record<string, string>;\n }\n\n // only set errors and move reasons for the cells we're currently acting on\n // why? because the UX is not good if we set them for cells the user hasn't touched yet\n const cellsToActOn = [cell.column.id, ...Object.keys(updatesForOtherCells)];\n const allCells = cell.row._getAllCellsByColumnId();\n\n cellsToActOn.forEach(accessor => {\n if (validationErrors[accessor]) {\n nextCellErrors[accessor] = validationErrors[accessor];\n // don't show move indicator for cells with errors, they aren't valid and can't be saved\n delete nextMoveReasons[accessor];\n } else {\n // there isn't any error in this run, remove any error set in state\n delete nextCellErrors[accessor];\n\n if (allCells[accessor]?.column.getIsSorted()) {\n // run row move determination\n const reason = willRowMove(cell, nextChanges[accessor], rowIndex, localization);\n\n // if the row will move based on this change save why, otherwise delete any existing state\n if (reason) {\n nextMoveReasons[accessor] = reason;\n } else {\n delete nextMoveReasons[accessor];\n }\n }\n }\n });\n\n dispatch({\n type: 'updateRow',\n rowId: cell.row.id,\n payload: {\n cellErrors: nextCellErrors,\n index: rowIndex,\n moveReasons: nextMoveReasons,\n value: nextChanges,\n original,\n },\n });\n }\n\n async function forceValidate<T extends TType>(table: ReactTable<T>) {\n if (validator && table.getRowModel().rows.length) {\n const newState: EditingState<TType> = { ...state };\n const returnIds: string[] = [];\n\n await Promise.all(\n table.getRowModel().rows.map(async (row, index) => {\n const rowWithChanges = { ...row.original, ...state.changes.rows[row.id] };\n\n if (rowWithChanges) {\n const cellErrors = await validator(rowWithChanges);\n\n if (cellErrors) {\n // prep row (it might be new or it might have changes already)\n newState.changes.dirty[row.id] = true;\n newState.changes.originals[row.id] = row.original;\n newState.changes.moveReasons[row.id] = { ...newState.changes.moveReasons[row.id] };\n newState.changes.rows[row.id] = { ...newState.changes.rows[row.id] };\n newState.statuses[row.id] = 'errored';\n newState.indexes[row.id] = index;\n\n newState.changes.errors[row.id] = {\n cells: cellErrors,\n row: newState.changes.errors[row.id]?.row ?? undefined,\n shouldShowErrorAlert: newState.changes.errors[row.id]?.shouldShowErrorAlert ?? false,\n } as EditingError;\n\n const rowChanges = newState.changes.rows[row.id];\n\n // ensure each errored cell actually has a change\n Object.keys(cellErrors).forEach(columnId => {\n if (rowChanges !== undefined) {\n rowChanges[columnId as keyof TType] = rowWithChanges[columnId as keyof TType];\n }\n });\n\n returnIds.push(row.id);\n }\n }\n })\n );\n\n dispatch({\n type: 'forceValidate',\n payload: {\n newState,\n },\n });\n\n return returnIds;\n }\n\n return [];\n }\n\n // general\n function getErrors() {\n return Object.keys(state.changes.errors);\n }\n\n function getErrorsShownInAlert<T extends TType>() {\n const rowsWithErrors = getErrors();\n\n if (!rowsWithErrors.length) {\n return [];\n }\n\n return rowsWithErrors.filter(hasRowErrorsShownInAlert).map(rowId => ({\n rowId,\n index: state.indexes[rowId],\n changes: state.changes.rows[rowId] as EditingChangeset<T>,\n // hasRowErrorsShownInAlert already guarantees errors is defined; the cast narrows the type\n errors: state.changes.errors[rowId] as EditingError,\n }));\n }\n\n function hasSaved() {\n return !!Object.values(state.statuses).filter(status => status === 'saved').length;\n }\n\n function hasChanges(rowId?: string) {\n return rowId ? !!state.changes.rows[rowId] : !!Object.keys(state.changes.rows).length;\n }\n\n async function saveChanges<T extends TType>(table: ReactTable<T>, rowId: string | undefined = undefined): Promise<boolean> {\n const tableMeta = table.options.meta as ReactTableMeta<TType>;\n const state = tableMeta.editing.getState();\n\n if (!handleSave) {\n // oxlint-disable-next-line no-console\n console.warn('Tried to save, but Table has no onEditingSave handler');\n return false;\n }\n\n // sometimes we only want to save one row\n const changes = rowId ? { [rowId]: state.changes.rows[rowId] } : state.changes.rows;\n\n let completed = true;\n\n for (const rowId of Object.keys(changes)) {\n if (!state.changes.dirty[rowId]) {\n discardChanges(rowId, table);\n continue;\n }\n\n const status = getRowStatus(rowId);\n\n try {\n const rowChanges = JSON.parse(JSON.stringify(changes[rowId] ?? {}));\n\n // don't try to save if - already saving, or there are known errors\n if (!Object.keys(rowChanges).length || status === 'saving' || status === 'errored') {\n continue;\n }\n\n setRowStatus(rowId, 'saving');\n\n const changeSet = { ...(state.changes.originals[rowId] as object), ...rowChanges };\n\n // if we had to create a temporary id, delete it first - it's our data, not theirs\n if (isTemporaryRow(changeSet[rowIdentityAccessor as string])) {\n delete changeSet[rowIdentityAccessor];\n }\n\n // re-run validation, maybe a cell is already invalid but has never been blurred\n if (validator) {\n // oxlint-disable-next-line no-await-in-loop\n const errors = await validator(changeSet);\n\n if (errors && Object.keys(errors).length) {\n throw errors;\n }\n }\n\n // send new data to the server\n // oxlint-disable-next-line no-await-in-loop\n await handleSave(changeSet);\n\n complete(rowId, table, rowChanges);\n showSavedStatus(rowId);\n } catch (error) {\n if (error instanceof ReferenceError || error instanceof TypeError || (error as any)?.response?.status >= 500) {\n // oxlint-disable-next-line no-console\n console.error(error);\n }\n\n // the onEditingSave handler should throw errors when something fails, e.g. validation, network errors etc\n // this code handles those errors and maps them either to row errors or cell specific errors\n let rowError: string | undefined;\n let cellErrors;\n\n if (typeof error === 'string') {\n rowError = error;\n } else if (error instanceof Error) {\n rowError = error.message;\n\n // most of our apis return error objects within this shape\n if (typeof (error as any).response?.data === 'object') {\n cellErrors = (error as any).response?.data;\n }\n } else if (typeof error === 'object') {\n cellErrors = error;\n }\n\n if (rowError || cellErrors) {\n dispatch({\n type: 'setRowErrors',\n rowId,\n payload: {\n row: rowError,\n cells: cellErrors,\n shouldShowErrorAlert: true,\n },\n });\n }\n\n setRowStatus(rowId, 'errored');\n completed = false;\n }\n }\n\n return completed;\n }\n\n async function discardChanges<T extends TType>(rowId: string, table: ReactTable<T>) {\n // remove any new rows from pinned state before discarding them\n if (rowId.startsWith(TEMPORARY_ROW_ID_PREFIX)) {\n table.resetRowPinning(true);\n }\n\n dispatch({\n type: 'removeRow',\n rowId,\n payload: { rowIdentityAccessor },\n });\n\n if (typeof handleDiscard === 'function') {\n await handleDiscard();\n }\n }\n\n function complete<T extends TType>(rowId: string, table: ReactTable<T>, changes: Partial<T>) {\n const handleDiscard = async () => {\n await discardChanges(rowId, table);\n };\n\n dispatch({\n type: 'complete',\n rowId,\n payload: { rowIdentityAccessor, changes, handleDiscard },\n });\n }\n\n function getState() {\n return state;\n }\n\n return {\n getState,\n // row\n getRowValue,\n getRowMoveReason,\n hasRowErrors,\n hasRowErrorsShownInAlert,\n hasTemporaryRowErrors,\n getRowStatus,\n setRowStatus,\n forceValidate,\n // cells\n setCellValue,\n getCellValue,\n getCellError,\n onCellChanged,\n // general\n getErrors,\n getErrorsShownInAlert,\n hasChanges,\n saveChanges,\n discardChanges,\n hasSaved,\n // new rows\n insertTemporaryRow,\n temporaryRows: state.temporaryRows,\n isDirty: hasChanges() || state.temporaryRows.length > 0,\n };\n}\n"],"names":["React","state","rowId","handleDiscard"],"mappings":"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"}
|
|
@@ -3,9 +3,26 @@ import { default as React } from 'react';
|
|
|
3
3
|
import { TableEventHandler } from '../../../primitives/Table/types';
|
|
4
4
|
import { Table3EditingChangeHandler, Table3EditingCreateHandler, Table3EditingDiscardHandler, Table3EditingSaveHandler, Table3EditingValidatorFn } from '../types';
|
|
5
5
|
export declare function useTableEditing<TType = unknown>(isEnabled: boolean | undefined, defaultToggleEditing: boolean | undefined, handleSave: Table3EditingSaveHandler<TType> | undefined, handleChange: Table3EditingChangeHandler<TType> | undefined, handleCreate: Table3EditingCreateHandler<TType> | undefined, handleDiscard: Table3EditingDiscardHandler | undefined, rowIdentityAccessor: keyof TType | undefined, validator: Table3EditingValidatorFn<TType> | undefined, showEditingActions?: boolean, onEvent?: TableEventHandler | undefined): {
|
|
6
|
-
getState: () =>
|
|
7
|
-
|
|
8
|
-
|
|
6
|
+
getState: () => {
|
|
7
|
+
changes: {
|
|
8
|
+
rows: Record<string, Partial<TType>>;
|
|
9
|
+
errors: Record<string, {
|
|
10
|
+
row: string | undefined;
|
|
11
|
+
cells: Record<string, string>;
|
|
12
|
+
shouldShowErrorAlert: boolean;
|
|
13
|
+
}>;
|
|
14
|
+
moveReasons: Record<string, {
|
|
15
|
+
[x: string]: "search" | "filter" | "sorting";
|
|
16
|
+
}>;
|
|
17
|
+
originals: Record<string, TType>;
|
|
18
|
+
dirty: Record<string, boolean>;
|
|
19
|
+
};
|
|
20
|
+
indexes: Record<string, number>;
|
|
21
|
+
temporaryRows: TType[];
|
|
22
|
+
statuses: Record<string, "saving" | "saved" | "errored">;
|
|
23
|
+
};
|
|
24
|
+
getRowValue: (rowId: string) => Partial<TType> | undefined;
|
|
25
|
+
getRowMoveReason: (rowId: string) => "search" | "filter" | "sorting" | undefined;
|
|
9
26
|
hasRowErrors: (rowId: string) => boolean;
|
|
10
27
|
hasRowErrorsShownInAlert: (rowId: string) => boolean;
|
|
11
28
|
hasTemporaryRowErrors: <T extends TType>() => boolean;
|
|
@@ -19,7 +36,7 @@ export declare function useTableEditing<TType = unknown>(isEnabled: boolean | un
|
|
|
19
36
|
getErrors: () => string[];
|
|
20
37
|
getErrorsShownInAlert: <T extends TType>() => {
|
|
21
38
|
rowId: string;
|
|
22
|
-
index:
|
|
39
|
+
index: number | undefined;
|
|
23
40
|
changes: Partial<T>;
|
|
24
41
|
errors: {
|
|
25
42
|
row: string | undefined;
|
|
@@ -32,7 +49,7 @@ export declare function useTableEditing<TType = unknown>(isEnabled: boolean | un
|
|
|
32
49
|
discardChanges: <T extends TType>(rowId: string, table: ReactTable<T>) => Promise<void>;
|
|
33
50
|
hasSaved: () => boolean;
|
|
34
51
|
insertTemporaryRow: <T extends TType>(data: Partial<T>, rowIndex: number) => string;
|
|
35
|
-
temporaryRows:
|
|
52
|
+
temporaryRows: TType[];
|
|
36
53
|
isDirty: boolean;
|
|
37
54
|
isEnabled: boolean;
|
|
38
55
|
isEditing: boolean;
|
|
@@ -43,5 +60,5 @@ export declare function useTableEditing<TType = unknown>(isEnabled: boolean | un
|
|
|
43
60
|
lastFocusedCellIndex: number | undefined;
|
|
44
61
|
setLastFocusedCellIndex: React.Dispatch<React.SetStateAction<number | undefined>>;
|
|
45
62
|
createRow: <T extends TType>(table: ReactTable<T>, row?: Partial<T>) => Promise<void>;
|
|
46
|
-
createRowButtonRef: React.RefObject<HTMLButtonElement>;
|
|
63
|
+
createRowButtonRef: React.RefObject<HTMLButtonElement | null>;
|
|
47
64
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"GroupedCell.cjs","sources":["../../../../../../../../src/primitives/Table/Core/components/Columns/Cell/BuiltIns/GroupedCell.tsx"],"sourcesContent":["import type { Table as ReactTable, TableMeta as ReactTableMeta } from '@tanstack/react-table';\nimport React from 'react';\n\nimport type { TableRowActionGroupRenderer } from '../../../../../types';\nimport { isInternalColumn } from '../../../../../useTableManager/util/columns';\nimport type { TableCellRendererProps } from '../../../../types';\nimport { RowContext } from '../../../Row/RowContext';\nimport { Actions as RowGroupActions } from '../../Internal/Actions';\nimport { getCellAttributes } from '../util';\n\nexport function GroupedCell<TType = unknown>(props: TableCellRendererProps<TType>) {\n const { cell, cellRef, index, isHighlighted } = props;\n const { table } = cell.getContext();\n const tableMeta = table.options.meta as ReactTableMeta<TType>;\n const attributes = getCellAttributes(cell, index, isHighlighted);\n\n const { isHovered, rowIndex } = React.useContext(RowContext);\n const isActiveRow = tableMeta.rowActive.rowActiveIndex === rowIndex;\n const canShowActions = isActiveRow || (isHovered && !tableMeta.rowActive.isHoverStatePaused);\n\n // Set colSpan based on the count of visible cells, including '__actions' and non-internal columns, so that\n // rowGroupActions aligns with rowActions.\n const colSpan =\n cell.row.getVisibleCells().filter(c => c.column.id === '__actions' || !isInternalColumn(c.column.id)).length - 1;\n const subRows = cell.getContext().row.subRows.map(row => row.original);\n\n // using flexRender renders as a react component not a function, and that causes re-render issues for us\n // for example, clicks on buttons in cells no longer works until the row becomes active\n const content = typeof cell.column.columnDef.cell === 'function' ? cell.column.columnDef.cell(cell.getContext()) : null;\n\n return (\n <MemoedGroupedCell<TType>\n {...attributes}\n canShowActions={canShowActions}\n cellRef={cellRef}\n colSpan={colSpan}\n rowActions={tableMeta.rowGroups.rowActionsForGroup}\n rowId={cell.row.id}\n subRows={subRows}\n table={table}>\n {content}\n </MemoedGroupedCell>\n );\n}\n\ntype MemoedGroupedCellProps<TType = unknown> = React.TdHTMLAttributes<HTMLTableCellElement> & {\n canShowActions: boolean;\n cellRef: React.RefObject<HTMLTableCellElement>;\n colSpan: number;\n rowActions?: TableRowActionGroupRenderer<TType>[];\n rowId: string;\n subRows: TType[];\n table: ReactTable<TType>;\n};\n\nconst MemoedGroupedCell = React.memo(function MemoedGroupedCell<TType = unknown>(props: MemoedGroupedCellProps<TType>) {\n const { canShowActions, cellRef, children, colSpan, rowActions, rowId, subRows, table, ...attributes } = props;\n\n return (\n // pr-1 is needed to align group row actions with row actions in sibling rows, if present\n <td {...attributes} className=\"!pr-1\" ref={cellRef} style={{ gridColumn: `span ${colSpan} / span ${colSpan}` }}>\n <span className=\"grow\">{children}</span>\n {rowActions?.length && canShowActions ? (\n <RowGroupActions<TType>\n actions={rowActions as any}\n actionsLength={4}\n data={subRows}\n isActiveRow\n rowId={rowId}\n table={table}\n />\n ) : null}\n </td>\n );\n}) as <TType = unknown>(props: MemoedGroupedCellProps<TType>) => React.JSX.Element;\n"],"names":["getCellAttributes","RowContext","isInternalColumn","MemoedGroupedCell","RowGroupActions"],"mappings":";;;;;;;AAUO,SAAS,YAA6B,OAAsC;AAC/E,QAAM,EAAE,MAAM,SAAS,OAAO,kBAAkB;AAChD,QAAM,EAAE,MAAA,IAAU,KAAK,WAAA;AACvB,QAAM,YAAY,MAAM,QAAQ;AAChC,QAAM,aAAaA,KAAAA,kBAAkB,MAAM,OAAO,aAAa;AAE/D,QAAM,EAAE,WAAW,SAAA,IAAa,MAAM,WAAWC,WAAAA,UAAU;AAC3D,QAAM,cAAc,UAAU,UAAU,mBAAmB;AAC3D,QAAM,iBAAiB,eAAgB,aAAa,CAAC,UAAU,UAAU;AAIzE,QAAM,UACF,KAAK,IAAI,kBAAkB,OAAO,OAAK,EAAE,OAAO,OAAO,eAAe,CAACC,QAAAA,iBAAiB,EAAE,OAAO,EAAE,CAAC,EAAE,SAAS;AACnH,QAAM,UAAU,KAAK,WAAA,EAAa,IAAI,QAAQ,IAAI,CAAA,QAAO,IAAI,QAAQ;AAIrE,QAAM,UAAU,OAAO,KAAK,OAAO,UAAU,SAAS,aAAa,KAAK,OAAO,UAAU,KAAK,KAAK,WAAA,CAAY,IAAI;AAEnH,SACI,sBAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACI,GAAG;AAAA,MACJ;AAAA,MACA;AAAA,MACA;AAAA,MACA,YAAY,UAAU,UAAU;AAAA,MAChC,OAAO,KAAK,IAAI;AAAA,MAChB;AAAA,MACA;AAAA,IAAA;AAAA,IACC;AAAA,EAAA;AAGb;AAYA,MAAM,oBAAoB,MAAM,KAAK,SAASC,mBAAmC,OAAsC;AACnH,QAAM,EAAE,gBAAgB,SAAS,UAAU,SAAS,YAAY,OAAO,SAAS,OAAO,GAAG,WAAA,IAAe;AAEzG;AAAA;AAAA,IAEI,sBAAA,cAAC,MAAA,EAAI,GAAG,YAAY,WAAU,SAAQ,KAAK,SAAS,OAAO,EAAE,YAAY,QAAQ,OAAO,WAAW,OAAO,GAAA,EAAG,GACzG,sBAAA,cAAC,QAAA,EAAK,WAAU,OAAA,GAAQ,QAAS,GAChC,YAAY,UAAU,iBACnB,sBAAA;AAAA,MAACC,QAAAA;AAAAA,MAAA;AAAA,QACG,SAAS;AAAA,QACT,eAAe;AAAA,QACf,MAAM;AAAA,QACN,aAAW;AAAA,QACX;AAAA,QACA;AAAA,MAAA;AAAA,IAAA,IAEJ,IACR;AAAA;AAER,CAAC;;"}
|
|
1
|
+
{"version":3,"file":"GroupedCell.cjs","sources":["../../../../../../../../src/primitives/Table/Core/components/Columns/Cell/BuiltIns/GroupedCell.tsx"],"sourcesContent":["import type { Table as ReactTable, TableMeta as ReactTableMeta } from '@tanstack/react-table';\nimport React from 'react';\n\nimport type { TableRowActionGroupRenderer } from '../../../../../types';\nimport { isInternalColumn } from '../../../../../useTableManager/util/columns';\nimport type { TableCellRendererProps } from '../../../../types';\nimport { RowContext } from '../../../Row/RowContext';\nimport { Actions as RowGroupActions } from '../../Internal/Actions';\nimport { getCellAttributes } from '../util';\n\nexport function GroupedCell<TType = unknown>(props: TableCellRendererProps<TType>) {\n const { cell, cellRef, index, isHighlighted } = props;\n const { table } = cell.getContext();\n const tableMeta = table.options.meta as ReactTableMeta<TType>;\n const attributes = getCellAttributes(cell, index, isHighlighted);\n\n const { isHovered, rowIndex } = React.useContext(RowContext);\n const isActiveRow = tableMeta.rowActive.rowActiveIndex === rowIndex;\n const canShowActions = isActiveRow || (isHovered && !tableMeta.rowActive.isHoverStatePaused);\n\n // Set colSpan based on the count of visible cells, including '__actions' and non-internal columns, so that\n // rowGroupActions aligns with rowActions.\n const colSpan =\n cell.row.getVisibleCells().filter(c => c.column.id === '__actions' || !isInternalColumn(c.column.id)).length - 1;\n const subRows = cell.getContext().row.subRows.map(row => row.original);\n\n // using flexRender renders as a react component not a function, and that causes re-render issues for us\n // for example, clicks on buttons in cells no longer works until the row becomes active\n const content = typeof cell.column.columnDef.cell === 'function' ? cell.column.columnDef.cell(cell.getContext()) : null;\n\n return (\n <MemoedGroupedCell<TType>\n {...attributes}\n canShowActions={canShowActions}\n cellRef={cellRef}\n colSpan={colSpan}\n rowActions={tableMeta.rowGroups.rowActionsForGroup}\n rowId={cell.row.id}\n subRows={subRows}\n table={table}>\n {content}\n </MemoedGroupedCell>\n );\n}\n\ntype MemoedGroupedCellProps<TType = unknown> = React.TdHTMLAttributes<HTMLTableCellElement> & {\n canShowActions: boolean;\n cellRef: React.RefObject<HTMLTableCellElement | null>;\n colSpan: number;\n rowActions?: TableRowActionGroupRenderer<TType>[];\n rowId: string;\n subRows: TType[];\n table: ReactTable<TType>;\n};\n\nconst MemoedGroupedCell = React.memo(function MemoedGroupedCell<TType = unknown>(props: MemoedGroupedCellProps<TType>) {\n const { canShowActions, cellRef, children, colSpan, rowActions, rowId, subRows, table, ...attributes } = props;\n\n return (\n // pr-1 is needed to align group row actions with row actions in sibling rows, if present\n <td {...attributes} className=\"!pr-1\" ref={cellRef} style={{ gridColumn: `span ${colSpan} / span ${colSpan}` }}>\n <span className=\"grow\">{children}</span>\n {rowActions?.length && canShowActions ? (\n <RowGroupActions<TType>\n actions={rowActions as any}\n actionsLength={4}\n data={subRows}\n isActiveRow\n rowId={rowId}\n table={table}\n />\n ) : null}\n </td>\n );\n}) as <TType = unknown>(props: MemoedGroupedCellProps<TType>) => React.JSX.Element;\n"],"names":["getCellAttributes","RowContext","isInternalColumn","MemoedGroupedCell","RowGroupActions"],"mappings":";;;;;;;AAUO,SAAS,YAA6B,OAAsC;AAC/E,QAAM,EAAE,MAAM,SAAS,OAAO,kBAAkB;AAChD,QAAM,EAAE,MAAA,IAAU,KAAK,WAAA;AACvB,QAAM,YAAY,MAAM,QAAQ;AAChC,QAAM,aAAaA,KAAAA,kBAAkB,MAAM,OAAO,aAAa;AAE/D,QAAM,EAAE,WAAW,SAAA,IAAa,MAAM,WAAWC,WAAAA,UAAU;AAC3D,QAAM,cAAc,UAAU,UAAU,mBAAmB;AAC3D,QAAM,iBAAiB,eAAgB,aAAa,CAAC,UAAU,UAAU;AAIzE,QAAM,UACF,KAAK,IAAI,kBAAkB,OAAO,OAAK,EAAE,OAAO,OAAO,eAAe,CAACC,QAAAA,iBAAiB,EAAE,OAAO,EAAE,CAAC,EAAE,SAAS;AACnH,QAAM,UAAU,KAAK,WAAA,EAAa,IAAI,QAAQ,IAAI,CAAA,QAAO,IAAI,QAAQ;AAIrE,QAAM,UAAU,OAAO,KAAK,OAAO,UAAU,SAAS,aAAa,KAAK,OAAO,UAAU,KAAK,KAAK,WAAA,CAAY,IAAI;AAEnH,SACI,sBAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACI,GAAG;AAAA,MACJ;AAAA,MACA;AAAA,MACA;AAAA,MACA,YAAY,UAAU,UAAU;AAAA,MAChC,OAAO,KAAK,IAAI;AAAA,MAChB;AAAA,MACA;AAAA,IAAA;AAAA,IACC;AAAA,EAAA;AAGb;AAYA,MAAM,oBAAoB,MAAM,KAAK,SAASC,mBAAmC,OAAsC;AACnH,QAAM,EAAE,gBAAgB,SAAS,UAAU,SAAS,YAAY,OAAO,SAAS,OAAO,GAAG,WAAA,IAAe;AAEzG;AAAA;AAAA,IAEI,sBAAA,cAAC,MAAA,EAAI,GAAG,YAAY,WAAU,SAAQ,KAAK,SAAS,OAAO,EAAE,YAAY,QAAQ,OAAO,WAAW,OAAO,GAAA,EAAG,GACzG,sBAAA,cAAC,QAAA,EAAK,WAAU,OAAA,GAAQ,QAAS,GAChC,YAAY,UAAU,iBACnB,sBAAA;AAAA,MAACC,QAAAA;AAAAA,MAAA;AAAA,QACG,SAAS;AAAA,QACT,eAAe;AAAA,QACf,MAAM;AAAA,QACN,aAAW;AAAA,QACX;AAAA,QACA;AAAA,MAAA;AAAA,IAAA,IAEJ,IACR;AAAA;AAER,CAAC;;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"GroupedCell.js","sources":["../../../../../../../../src/primitives/Table/Core/components/Columns/Cell/BuiltIns/GroupedCell.tsx"],"sourcesContent":["import type { Table as ReactTable, TableMeta as ReactTableMeta } from '@tanstack/react-table';\nimport React from 'react';\n\nimport type { TableRowActionGroupRenderer } from '../../../../../types';\nimport { isInternalColumn } from '../../../../../useTableManager/util/columns';\nimport type { TableCellRendererProps } from '../../../../types';\nimport { RowContext } from '../../../Row/RowContext';\nimport { Actions as RowGroupActions } from '../../Internal/Actions';\nimport { getCellAttributes } from '../util';\n\nexport function GroupedCell<TType = unknown>(props: TableCellRendererProps<TType>) {\n const { cell, cellRef, index, isHighlighted } = props;\n const { table } = cell.getContext();\n const tableMeta = table.options.meta as ReactTableMeta<TType>;\n const attributes = getCellAttributes(cell, index, isHighlighted);\n\n const { isHovered, rowIndex } = React.useContext(RowContext);\n const isActiveRow = tableMeta.rowActive.rowActiveIndex === rowIndex;\n const canShowActions = isActiveRow || (isHovered && !tableMeta.rowActive.isHoverStatePaused);\n\n // Set colSpan based on the count of visible cells, including '__actions' and non-internal columns, so that\n // rowGroupActions aligns with rowActions.\n const colSpan =\n cell.row.getVisibleCells().filter(c => c.column.id === '__actions' || !isInternalColumn(c.column.id)).length - 1;\n const subRows = cell.getContext().row.subRows.map(row => row.original);\n\n // using flexRender renders as a react component not a function, and that causes re-render issues for us\n // for example, clicks on buttons in cells no longer works until the row becomes active\n const content = typeof cell.column.columnDef.cell === 'function' ? cell.column.columnDef.cell(cell.getContext()) : null;\n\n return (\n <MemoedGroupedCell<TType>\n {...attributes}\n canShowActions={canShowActions}\n cellRef={cellRef}\n colSpan={colSpan}\n rowActions={tableMeta.rowGroups.rowActionsForGroup}\n rowId={cell.row.id}\n subRows={subRows}\n table={table}>\n {content}\n </MemoedGroupedCell>\n );\n}\n\ntype MemoedGroupedCellProps<TType = unknown> = React.TdHTMLAttributes<HTMLTableCellElement> & {\n canShowActions: boolean;\n cellRef: React.RefObject<HTMLTableCellElement>;\n colSpan: number;\n rowActions?: TableRowActionGroupRenderer<TType>[];\n rowId: string;\n subRows: TType[];\n table: ReactTable<TType>;\n};\n\nconst MemoedGroupedCell = React.memo(function MemoedGroupedCell<TType = unknown>(props: MemoedGroupedCellProps<TType>) {\n const { canShowActions, cellRef, children, colSpan, rowActions, rowId, subRows, table, ...attributes } = props;\n\n return (\n // pr-1 is needed to align group row actions with row actions in sibling rows, if present\n <td {...attributes} className=\"!pr-1\" ref={cellRef} style={{ gridColumn: `span ${colSpan} / span ${colSpan}` }}>\n <span className=\"grow\">{children}</span>\n {rowActions?.length && canShowActions ? (\n <RowGroupActions<TType>\n actions={rowActions as any}\n actionsLength={4}\n data={subRows}\n isActiveRow\n rowId={rowId}\n table={table}\n />\n ) : null}\n </td>\n );\n}) as <TType = unknown>(props: MemoedGroupedCellProps<TType>) => React.JSX.Element;\n"],"names":["React","MemoedGroupedCell","RowGroupActions"],"mappings":";;;;;AAUO,SAAS,YAA6B,OAAsC;AAC/E,QAAM,EAAE,MAAM,SAAS,OAAO,kBAAkB;AAChD,QAAM,EAAE,MAAA,IAAU,KAAK,WAAA;AACvB,QAAM,YAAY,MAAM,QAAQ;AAChC,QAAM,aAAa,kBAAkB,MAAM,OAAO,aAAa;AAE/D,QAAM,EAAE,WAAW,SAAA,IAAaA,eAAM,WAAW,UAAU;AAC3D,QAAM,cAAc,UAAU,UAAU,mBAAmB;AAC3D,QAAM,iBAAiB,eAAgB,aAAa,CAAC,UAAU,UAAU;AAIzE,QAAM,UACF,KAAK,IAAI,kBAAkB,OAAO,OAAK,EAAE,OAAO,OAAO,eAAe,CAAC,iBAAiB,EAAE,OAAO,EAAE,CAAC,EAAE,SAAS;AACnH,QAAM,UAAU,KAAK,WAAA,EAAa,IAAI,QAAQ,IAAI,CAAA,QAAO,IAAI,QAAQ;AAIrE,QAAM,UAAU,OAAO,KAAK,OAAO,UAAU,SAAS,aAAa,KAAK,OAAO,UAAU,KAAK,KAAK,WAAA,CAAY,IAAI;AAEnH,SACIA,+BAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACI,GAAG;AAAA,MACJ;AAAA,MACA;AAAA,MACA;AAAA,MACA,YAAY,UAAU,UAAU;AAAA,MAChC,OAAO,KAAK,IAAI;AAAA,MAChB;AAAA,MACA;AAAA,IAAA;AAAA,IACC;AAAA,EAAA;AAGb;AAYA,MAAM,oBAAoBA,eAAM,KAAK,SAASC,mBAAmC,OAAsC;AACnH,QAAM,EAAE,gBAAgB,SAAS,UAAU,SAAS,YAAY,OAAO,SAAS,OAAO,GAAG,WAAA,IAAe;AAEzG;AAAA;AAAA,IAEID,+BAAA,cAAC,MAAA,EAAI,GAAG,YAAY,WAAU,SAAQ,KAAK,SAAS,OAAO,EAAE,YAAY,QAAQ,OAAO,WAAW,OAAO,GAAA,EAAG,GACzGA,+BAAA,cAAC,QAAA,EAAK,WAAU,OAAA,GAAQ,QAAS,GAChC,YAAY,UAAU,iBACnBA,+BAAA;AAAA,MAACE;AAAAA,MAAA;AAAA,QACG,SAAS;AAAA,QACT,eAAe;AAAA,QACf,MAAM;AAAA,QACN,aAAW;AAAA,QACX;AAAA,QACA;AAAA,MAAA;AAAA,IAAA,IAEJ,IACR;AAAA;AAER,CAAC;"}
|
|
1
|
+
{"version":3,"file":"GroupedCell.js","sources":["../../../../../../../../src/primitives/Table/Core/components/Columns/Cell/BuiltIns/GroupedCell.tsx"],"sourcesContent":["import type { Table as ReactTable, TableMeta as ReactTableMeta } from '@tanstack/react-table';\nimport React from 'react';\n\nimport type { TableRowActionGroupRenderer } from '../../../../../types';\nimport { isInternalColumn } from '../../../../../useTableManager/util/columns';\nimport type { TableCellRendererProps } from '../../../../types';\nimport { RowContext } from '../../../Row/RowContext';\nimport { Actions as RowGroupActions } from '../../Internal/Actions';\nimport { getCellAttributes } from '../util';\n\nexport function GroupedCell<TType = unknown>(props: TableCellRendererProps<TType>) {\n const { cell, cellRef, index, isHighlighted } = props;\n const { table } = cell.getContext();\n const tableMeta = table.options.meta as ReactTableMeta<TType>;\n const attributes = getCellAttributes(cell, index, isHighlighted);\n\n const { isHovered, rowIndex } = React.useContext(RowContext);\n const isActiveRow = tableMeta.rowActive.rowActiveIndex === rowIndex;\n const canShowActions = isActiveRow || (isHovered && !tableMeta.rowActive.isHoverStatePaused);\n\n // Set colSpan based on the count of visible cells, including '__actions' and non-internal columns, so that\n // rowGroupActions aligns with rowActions.\n const colSpan =\n cell.row.getVisibleCells().filter(c => c.column.id === '__actions' || !isInternalColumn(c.column.id)).length - 1;\n const subRows = cell.getContext().row.subRows.map(row => row.original);\n\n // using flexRender renders as a react component not a function, and that causes re-render issues for us\n // for example, clicks on buttons in cells no longer works until the row becomes active\n const content = typeof cell.column.columnDef.cell === 'function' ? cell.column.columnDef.cell(cell.getContext()) : null;\n\n return (\n <MemoedGroupedCell<TType>\n {...attributes}\n canShowActions={canShowActions}\n cellRef={cellRef}\n colSpan={colSpan}\n rowActions={tableMeta.rowGroups.rowActionsForGroup}\n rowId={cell.row.id}\n subRows={subRows}\n table={table}>\n {content}\n </MemoedGroupedCell>\n );\n}\n\ntype MemoedGroupedCellProps<TType = unknown> = React.TdHTMLAttributes<HTMLTableCellElement> & {\n canShowActions: boolean;\n cellRef: React.RefObject<HTMLTableCellElement | null>;\n colSpan: number;\n rowActions?: TableRowActionGroupRenderer<TType>[];\n rowId: string;\n subRows: TType[];\n table: ReactTable<TType>;\n};\n\nconst MemoedGroupedCell = React.memo(function MemoedGroupedCell<TType = unknown>(props: MemoedGroupedCellProps<TType>) {\n const { canShowActions, cellRef, children, colSpan, rowActions, rowId, subRows, table, ...attributes } = props;\n\n return (\n // pr-1 is needed to align group row actions with row actions in sibling rows, if present\n <td {...attributes} className=\"!pr-1\" ref={cellRef} style={{ gridColumn: `span ${colSpan} / span ${colSpan}` }}>\n <span className=\"grow\">{children}</span>\n {rowActions?.length && canShowActions ? (\n <RowGroupActions<TType>\n actions={rowActions as any}\n actionsLength={4}\n data={subRows}\n isActiveRow\n rowId={rowId}\n table={table}\n />\n ) : null}\n </td>\n );\n}) as <TType = unknown>(props: MemoedGroupedCellProps<TType>) => React.JSX.Element;\n"],"names":["React","MemoedGroupedCell","RowGroupActions"],"mappings":";;;;;AAUO,SAAS,YAA6B,OAAsC;AAC/E,QAAM,EAAE,MAAM,SAAS,OAAO,kBAAkB;AAChD,QAAM,EAAE,MAAA,IAAU,KAAK,WAAA;AACvB,QAAM,YAAY,MAAM,QAAQ;AAChC,QAAM,aAAa,kBAAkB,MAAM,OAAO,aAAa;AAE/D,QAAM,EAAE,WAAW,SAAA,IAAaA,eAAM,WAAW,UAAU;AAC3D,QAAM,cAAc,UAAU,UAAU,mBAAmB;AAC3D,QAAM,iBAAiB,eAAgB,aAAa,CAAC,UAAU,UAAU;AAIzE,QAAM,UACF,KAAK,IAAI,kBAAkB,OAAO,OAAK,EAAE,OAAO,OAAO,eAAe,CAAC,iBAAiB,EAAE,OAAO,EAAE,CAAC,EAAE,SAAS;AACnH,QAAM,UAAU,KAAK,WAAA,EAAa,IAAI,QAAQ,IAAI,CAAA,QAAO,IAAI,QAAQ;AAIrE,QAAM,UAAU,OAAO,KAAK,OAAO,UAAU,SAAS,aAAa,KAAK,OAAO,UAAU,KAAK,KAAK,WAAA,CAAY,IAAI;AAEnH,SACIA,+BAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACI,GAAG;AAAA,MACJ;AAAA,MACA;AAAA,MACA;AAAA,MACA,YAAY,UAAU,UAAU;AAAA,MAChC,OAAO,KAAK,IAAI;AAAA,MAChB;AAAA,MACA;AAAA,IAAA;AAAA,IACC;AAAA,EAAA;AAGb;AAYA,MAAM,oBAAoBA,eAAM,KAAK,SAASC,mBAAmC,OAAsC;AACnH,QAAM,EAAE,gBAAgB,SAAS,UAAU,SAAS,YAAY,OAAO,SAAS,OAAO,GAAG,WAAA,IAAe;AAEzG;AAAA;AAAA,IAEID,+BAAA,cAAC,MAAA,EAAI,GAAG,YAAY,WAAU,SAAQ,KAAK,SAAS,OAAO,EAAE,YAAY,QAAQ,OAAO,WAAW,OAAO,GAAA,EAAG,GACzGA,+BAAA,cAAC,QAAA,EAAK,WAAU,OAAA,GAAQ,QAAS,GAChC,YAAY,UAAU,iBACnBA,+BAAA;AAAA,MAACE;AAAAA,MAAA;AAAA,QACG,SAAS;AAAA,QACT,eAAe;AAAA,QACf,MAAM;AAAA,QACN,aAAW;AAAA,QACX;AAAA,QACA;AAAA,MAAA;AAAA,IAAA,IAEJ,IACR;AAAA;AAER,CAAC;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"util.cjs","sources":["../../../../../../../src/primitives/Table/Core/components/Columns/Cell/util.ts"],"sourcesContent":["import type {\n Cell as ReactTableCell,\n ColumnMeta as ReactTableColumnMeta,\n TableMeta as ReactTableMeta,\n} from '@tanstack/react-table';\nimport React from 'react';\n\nimport { useLocalization } from '../../../../../../components/Provider/Localization';\nimport { isCellHighlighted, isInternalColumn } from '../../../../useTableManager/util/columns';\nimport { RowContext } from '../../Row/RowContext';\n\nexport type DisplayCellProps<TType = unknown> = {\n index: number;\n cell: ReactTableCell<TType, unknown>;\n};\n\nexport function getCellAttributes<TType = unknown>(\n cell: ReactTableCell<TType, unknown>,\n index: number,\n isHighlighted: true | 'current' | undefined\n) {\n const columnMeta = cell.column.columnDef.meta as ReactTableColumnMeta<TType, unknown>;\n const isPinned = cell.column.getIsPinned();\n\n // be careful adding new properties here, any objects will break cell memoisation (e.g. the style attribute)\n return {\n 'data-cell-align': columnMeta?.align,\n 'data-cell-highlighted': isHighlighted,\n 'data-cell-id': cell.column.id,\n 'data-cell-index': index,\n 'data-cell-pinned': isPinned ? true : undefined,\n 'data-cell-truncate': columnMeta.enableTruncate ? true : undefined,\n className: typeof columnMeta.className === 'function' ? columnMeta.className(cell.row.original) : columnMeta.className,\n };\n}\n\nexport function useSearchHighlighting<TType = unknown>(\n cell: ReactTableCell<TType, unknown>,\n cellIndex: number,\n ref: React.RefObject<HTMLTableCellElement>\n) {\n const localization = useLocalization();\n const { rowIndex } = React.useContext(RowContext);\n const context = cell.getContext();\n const tableMeta = context.table.options.meta as ReactTableMeta<TType>;\n const columnMeta = cell.column.columnDef.meta as ReactTableColumnMeta<TType, unknown>;\n\n const isHighlighted: 'current' | boolean | undefined = React.useMemo(() => {\n if (\n !cell.column.columnDef.enableGlobalFilter ||\n isInternalColumn(cell.column.id) ||\n cell.getIsAggregated() ||\n cell.getIsPlaceholder()\n ) {\n return undefined;\n }\n\n let isHighlighted = false;\n\n if (context.table.getState().globalFilter) {\n isHighlighted = isCellHighlighted(\n context.table.getState().globalFilter,\n cell.getValue(),\n cell.row.original,\n columnMeta.dataType,\n columnMeta.dataTypeOptions,\n localization\n );\n }\n\n if (!isHighlighted || tableMeta.search.currentHighlightColumnIndex === undefined) {\n return undefined;\n }\n\n const [rowActiveIndex, currentColumnIndex] =\n tableMeta.search.highlightedColumnIndexes[tableMeta.search.currentHighlightColumnIndex] ?? [];\n\n if (rowActiveIndex === rowIndex && currentColumnIndex === cellIndex) {\n return 'current';\n }\n\n return true;\n }, [\n cell.getValue(),\n context.table.getState().globalFilter,\n tableMeta.search.highlightedColumnIndexes.length,\n tableMeta.search.currentHighlightColumnIndex,\n ]);\n\n React.useEffect(() => {\n if (ref.current && isHighlighted === 'current') {\n ref.current.scrollIntoView({ block: 'nearest', inline: 'nearest' });\n\n setTimeout(() => {\n if (ref.current) {\n const tableEl = ref.current.closest('table[data-taco^=\"table\"]');\n\n setTimeout(() => {\n const pinnedColumns = tableEl?.querySelectorAll('thead tr:last-child th[data-cell-pinned=\"left\"]');\n\n if (pinnedColumns?.length) {\n const lastFrozenRect = pinnedColumns.item(pinnedColumns.length - 1)?.getBoundingClientRect();\n\n if (lastFrozenRect && cell.column.getStart() < lastFrozenRect.right) {\n tableEl?.scrollTo(cell.column.getStart() - lastFrozenRect.right, tableEl.scrollTop);\n }\n }\n }, 1);\n }\n }, 1);\n }\n }, [isHighlighted]);\n\n return isHighlighted;\n}\n\nexport function getCurrentRowCellElement(index: number, tableEl: HTMLElement) {\n const cellSelector = `[data-current=\"true\"] [data-column-index=\"${index}\"`;\n return tableEl.querySelector(cellSelector);\n}\n\nexport function scrollColumnIntoView(columnIndex: number, frozenColumnIndex: number, column: HTMLElement, tableEl: HTMLElement) {\n if (frozenColumnIndex !== undefined && columnIndex > frozenColumnIndex) {\n const lastFrozenColumnElement = getCurrentRowCellElement(frozenColumnIndex, tableEl);\n const highlightRef = column?.getBoundingClientRect();\n const lastFrozenRect = lastFrozenColumnElement?.getBoundingClientRect();\n\n // offset the width of frozen columns so that the column being scrolled to is not hidden behind them\n if (highlightRef && lastFrozenRect && highlightRef.left < lastFrozenRect.left + lastFrozenRect.width) {\n const pinnedColumnsWidth = lastFrozenRect.left + lastFrozenRect.width;\n tableEl?.scrollTo(highlightRef.left - pinnedColumnsWidth, tableEl.scrollTop);\n }\n } else {\n column.scrollIntoView({ block: 'nearest', inline: 'nearest' });\n }\n}\n"],"names":["useLocalization","RowContext","isInternalColumn","isHighlighted","isCellHighlighted"],"mappings":";;;;;;AAgBO,SAAS,kBACZ,MACA,OACA,eACF;AACE,QAAM,aAAa,KAAK,OAAO,UAAU;AACzC,QAAM,WAAW,KAAK,OAAO,YAAA;AAG7B,SAAO;AAAA,IACH,mBAAmB,YAAY;AAAA,IAC/B,yBAAyB;AAAA,IACzB,gBAAgB,KAAK,OAAO;AAAA,IAC5B,mBAAmB;AAAA,IACnB,oBAAoB,WAAW,OAAO;AAAA,IACtC,sBAAsB,WAAW,iBAAiB,OAAO;AAAA,IACzD,WAAW,OAAO,WAAW,cAAc,aAAa,WAAW,UAAU,KAAK,IAAI,QAAQ,IAAI,WAAW;AAAA,EAAA;AAErH;AAEO,SAAS,sBACZ,MACA,WACA,KACF;AACE,QAAM,eAAeA,aAAAA,gBAAA;AACrB,QAAM,EAAE,SAAA,IAAa,MAAM,WAAWC,WAAAA,UAAU;AAChD,QAAM,UAAU,KAAK,WAAA;AACrB,QAAM,YAAY,QAAQ,MAAM,QAAQ;AACxC,QAAM,aAAa,KAAK,OAAO,UAAU;AAEzC,QAAM,gBAAiD,MAAM,QAAQ,MAAM;AACvE,QACI,CAAC,KAAK,OAAO,UAAU,sBACvBC,QAAAA,iBAAiB,KAAK,OAAO,EAAE,KAC/B,KAAK,gBAAA,KACL,KAAK,oBACP;AACE,aAAO;AAAA,IACX;AAEA,QAAIC,iBAAgB;AAEpB,QAAI,QAAQ,MAAM,SAAA,EAAW,cAAc;AACvCA,uBAAgBC,QAAAA;AAAAA,QACZ,QAAQ,MAAM,SAAA,EAAW;AAAA,QACzB,KAAK,SAAA;AAAA,QACL,KAAK,IAAI;AAAA,QACT,WAAW;AAAA,QACX,WAAW;AAAA,QACX;AAAA,MAAA;AAAA,IAER;AAEA,QAAI,CAACD,kBAAiB,UAAU,OAAO,gCAAgC,QAAW;AAC9E,aAAO;AAAA,IACX;AAEA,UAAM,CAAC,gBAAgB,kBAAkB,IACrC,UAAU,OAAO,yBAAyB,UAAU,OAAO,2BAA2B,KAAK,CAAA;AAE/F,QAAI,mBAAmB,YAAY,uBAAuB,WAAW;AACjE,aAAO;AAAA,IACX;AAEA,WAAO;AAAA,EACX,GAAG;AAAA,IACC,KAAK,SAAA;AAAA,IACL,QAAQ,MAAM,SAAA,EAAW;AAAA,IACzB,UAAU,OAAO,yBAAyB;AAAA,IAC1C,UAAU,OAAO;AAAA,EAAA,CACpB;AAED,QAAM,UAAU,MAAM;AAClB,QAAI,IAAI,WAAW,kBAAkB,WAAW;AAC5C,UAAI,QAAQ,eAAe,EAAE,OAAO,WAAW,QAAQ,WAAW;AAElE,iBAAW,MAAM;AACb,YAAI,IAAI,SAAS;AACb,gBAAM,UAAU,IAAI,QAAQ,QAAQ,2BAA2B;AAE/D,qBAAW,MAAM;AACb,kBAAM,gBAAgB,SAAS,iBAAiB,iDAAiD;AAEjG,gBAAI,eAAe,QAAQ;AACvB,oBAAM,iBAAiB,cAAc,KAAK,cAAc,SAAS,CAAC,GAAG,sBAAA;AAErE,kBAAI,kBAAkB,KAAK,OAAO,SAAA,IAAa,eAAe,OAAO;AACjE,yBAAS,SAAS,KAAK,OAAO,SAAA,IAAa,eAAe,OAAO,QAAQ,SAAS;AAAA,cACtF;AAAA,YACJ;AAAA,UACJ,GAAG,CAAC;AAAA,QACR;AAAA,MACJ,GAAG,CAAC;AAAA,IACR;AAAA,EACJ,GAAG,CAAC,aAAa,CAAC;AAElB,SAAO;AACX;;;"}
|
|
1
|
+
{"version":3,"file":"util.cjs","sources":["../../../../../../../src/primitives/Table/Core/components/Columns/Cell/util.ts"],"sourcesContent":["import type {\n Cell as ReactTableCell,\n ColumnMeta as ReactTableColumnMeta,\n TableMeta as ReactTableMeta,\n} from '@tanstack/react-table';\nimport React from 'react';\n\nimport { useLocalization } from '../../../../../../components/Provider/Localization';\nimport { isCellHighlighted, isInternalColumn } from '../../../../useTableManager/util/columns';\nimport { RowContext } from '../../Row/RowContext';\n\nexport type DisplayCellProps<TType = unknown> = {\n index: number;\n cell: ReactTableCell<TType, unknown>;\n};\n\nexport function getCellAttributes<TType = unknown>(\n cell: ReactTableCell<TType, unknown>,\n index: number,\n isHighlighted: true | 'current' | undefined\n) {\n const columnMeta = cell.column.columnDef.meta as ReactTableColumnMeta<TType, unknown>;\n const isPinned = cell.column.getIsPinned();\n\n // be careful adding new properties here, any objects will break cell memoisation (e.g. the style attribute)\n return {\n 'data-cell-align': columnMeta?.align,\n 'data-cell-highlighted': isHighlighted,\n 'data-cell-id': cell.column.id,\n 'data-cell-index': index,\n 'data-cell-pinned': isPinned ? true : undefined,\n 'data-cell-truncate': columnMeta.enableTruncate ? true : undefined,\n className: typeof columnMeta.className === 'function' ? columnMeta.className(cell.row.original) : columnMeta.className,\n };\n}\n\nexport function useSearchHighlighting<TType = unknown>(\n cell: ReactTableCell<TType, unknown>,\n cellIndex: number,\n ref: React.RefObject<HTMLTableCellElement | null>\n) {\n const localization = useLocalization();\n const { rowIndex } = React.useContext(RowContext);\n const context = cell.getContext();\n const tableMeta = context.table.options.meta as ReactTableMeta<TType>;\n const columnMeta = cell.column.columnDef.meta as ReactTableColumnMeta<TType, unknown>;\n\n const isHighlighted: 'current' | boolean | undefined = React.useMemo(() => {\n if (\n !cell.column.columnDef.enableGlobalFilter ||\n isInternalColumn(cell.column.id) ||\n cell.getIsAggregated() ||\n cell.getIsPlaceholder()\n ) {\n return undefined;\n }\n\n let isHighlighted = false;\n\n if (context.table.getState().globalFilter) {\n isHighlighted = isCellHighlighted(\n context.table.getState().globalFilter,\n cell.getValue(),\n cell.row.original,\n columnMeta.dataType,\n columnMeta.dataTypeOptions,\n localization\n );\n }\n\n if (!isHighlighted || tableMeta.search.currentHighlightColumnIndex === undefined) {\n return undefined;\n }\n\n const [rowActiveIndex, currentColumnIndex] =\n tableMeta.search.highlightedColumnIndexes[tableMeta.search.currentHighlightColumnIndex] ?? [];\n\n if (rowActiveIndex === rowIndex && currentColumnIndex === cellIndex) {\n return 'current';\n }\n\n return true;\n }, [\n cell.getValue(),\n context.table.getState().globalFilter,\n tableMeta.search.highlightedColumnIndexes.length,\n tableMeta.search.currentHighlightColumnIndex,\n ]);\n\n React.useEffect(() => {\n if (ref.current && isHighlighted === 'current') {\n ref.current.scrollIntoView({ block: 'nearest', inline: 'nearest' });\n\n setTimeout(() => {\n if (ref.current) {\n const tableEl = ref.current.closest('table[data-taco^=\"table\"]');\n\n setTimeout(() => {\n const pinnedColumns = tableEl?.querySelectorAll('thead tr:last-child th[data-cell-pinned=\"left\"]');\n\n if (pinnedColumns?.length) {\n const lastFrozenRect = pinnedColumns.item(pinnedColumns.length - 1)?.getBoundingClientRect();\n\n if (lastFrozenRect && cell.column.getStart() < lastFrozenRect.right) {\n tableEl?.scrollTo(cell.column.getStart() - lastFrozenRect.right, tableEl.scrollTop);\n }\n }\n }, 1);\n }\n }, 1);\n }\n }, [isHighlighted]);\n\n return isHighlighted;\n}\n\nexport function getCurrentRowCellElement(index: number, tableEl: HTMLElement) {\n const cellSelector = `[data-current=\"true\"] [data-column-index=\"${index}\"`;\n return tableEl.querySelector(cellSelector);\n}\n\nexport function scrollColumnIntoView(columnIndex: number, frozenColumnIndex: number, column: HTMLElement, tableEl: HTMLElement) {\n if (frozenColumnIndex !== undefined && columnIndex > frozenColumnIndex) {\n const lastFrozenColumnElement = getCurrentRowCellElement(frozenColumnIndex, tableEl);\n const highlightRef = column?.getBoundingClientRect();\n const lastFrozenRect = lastFrozenColumnElement?.getBoundingClientRect();\n\n // offset the width of frozen columns so that the column being scrolled to is not hidden behind them\n if (highlightRef && lastFrozenRect && highlightRef.left < lastFrozenRect.left + lastFrozenRect.width) {\n const pinnedColumnsWidth = lastFrozenRect.left + lastFrozenRect.width;\n tableEl?.scrollTo(highlightRef.left - pinnedColumnsWidth, tableEl.scrollTop);\n }\n } else {\n column.scrollIntoView({ block: 'nearest', inline: 'nearest' });\n }\n}\n"],"names":["useLocalization","RowContext","isInternalColumn","isHighlighted","isCellHighlighted"],"mappings":";;;;;;AAgBO,SAAS,kBACZ,MACA,OACA,eACF;AACE,QAAM,aAAa,KAAK,OAAO,UAAU;AACzC,QAAM,WAAW,KAAK,OAAO,YAAA;AAG7B,SAAO;AAAA,IACH,mBAAmB,YAAY;AAAA,IAC/B,yBAAyB;AAAA,IACzB,gBAAgB,KAAK,OAAO;AAAA,IAC5B,mBAAmB;AAAA,IACnB,oBAAoB,WAAW,OAAO;AAAA,IACtC,sBAAsB,WAAW,iBAAiB,OAAO;AAAA,IACzD,WAAW,OAAO,WAAW,cAAc,aAAa,WAAW,UAAU,KAAK,IAAI,QAAQ,IAAI,WAAW;AAAA,EAAA;AAErH;AAEO,SAAS,sBACZ,MACA,WACA,KACF;AACE,QAAM,eAAeA,aAAAA,gBAAA;AACrB,QAAM,EAAE,SAAA,IAAa,MAAM,WAAWC,WAAAA,UAAU;AAChD,QAAM,UAAU,KAAK,WAAA;AACrB,QAAM,YAAY,QAAQ,MAAM,QAAQ;AACxC,QAAM,aAAa,KAAK,OAAO,UAAU;AAEzC,QAAM,gBAAiD,MAAM,QAAQ,MAAM;AACvE,QACI,CAAC,KAAK,OAAO,UAAU,sBACvBC,QAAAA,iBAAiB,KAAK,OAAO,EAAE,KAC/B,KAAK,gBAAA,KACL,KAAK,oBACP;AACE,aAAO;AAAA,IACX;AAEA,QAAIC,iBAAgB;AAEpB,QAAI,QAAQ,MAAM,SAAA,EAAW,cAAc;AACvCA,uBAAgBC,QAAAA;AAAAA,QACZ,QAAQ,MAAM,SAAA,EAAW;AAAA,QACzB,KAAK,SAAA;AAAA,QACL,KAAK,IAAI;AAAA,QACT,WAAW;AAAA,QACX,WAAW;AAAA,QACX;AAAA,MAAA;AAAA,IAER;AAEA,QAAI,CAACD,kBAAiB,UAAU,OAAO,gCAAgC,QAAW;AAC9E,aAAO;AAAA,IACX;AAEA,UAAM,CAAC,gBAAgB,kBAAkB,IACrC,UAAU,OAAO,yBAAyB,UAAU,OAAO,2BAA2B,KAAK,CAAA;AAE/F,QAAI,mBAAmB,YAAY,uBAAuB,WAAW;AACjE,aAAO;AAAA,IACX;AAEA,WAAO;AAAA,EACX,GAAG;AAAA,IACC,KAAK,SAAA;AAAA,IACL,QAAQ,MAAM,SAAA,EAAW;AAAA,IACzB,UAAU,OAAO,yBAAyB;AAAA,IAC1C,UAAU,OAAO;AAAA,EAAA,CACpB;AAED,QAAM,UAAU,MAAM;AAClB,QAAI,IAAI,WAAW,kBAAkB,WAAW;AAC5C,UAAI,QAAQ,eAAe,EAAE,OAAO,WAAW,QAAQ,WAAW;AAElE,iBAAW,MAAM;AACb,YAAI,IAAI,SAAS;AACb,gBAAM,UAAU,IAAI,QAAQ,QAAQ,2BAA2B;AAE/D,qBAAW,MAAM;AACb,kBAAM,gBAAgB,SAAS,iBAAiB,iDAAiD;AAEjG,gBAAI,eAAe,QAAQ;AACvB,oBAAM,iBAAiB,cAAc,KAAK,cAAc,SAAS,CAAC,GAAG,sBAAA;AAErE,kBAAI,kBAAkB,KAAK,OAAO,SAAA,IAAa,eAAe,OAAO;AACjE,yBAAS,SAAS,KAAK,OAAO,SAAA,IAAa,eAAe,OAAO,QAAQ,SAAS;AAAA,cACtF;AAAA,YACJ;AAAA,UACJ,GAAG,CAAC;AAAA,QACR;AAAA,MACJ,GAAG,CAAC;AAAA,IACR;AAAA,EACJ,GAAG,CAAC,aAAa,CAAC;AAElB,SAAO;AACX;;;"}
|
|
@@ -13,6 +13,6 @@ export declare function getCellAttributes<TType = unknown>(cell: ReactTableCell<
|
|
|
13
13
|
'data-cell-truncate': boolean | undefined;
|
|
14
14
|
className: string | undefined;
|
|
15
15
|
};
|
|
16
|
-
export declare function useSearchHighlighting<TType = unknown>(cell: ReactTableCell<TType, unknown>, cellIndex: number, ref: React.RefObject<HTMLTableCellElement>): true | "current" | undefined;
|
|
16
|
+
export declare function useSearchHighlighting<TType = unknown>(cell: ReactTableCell<TType, unknown>, cellIndex: number, ref: React.RefObject<HTMLTableCellElement | null>): true | "current" | undefined;
|
|
17
17
|
export declare function getCurrentRowCellElement(index: number, tableEl: HTMLElement): Element | null;
|
|
18
18
|
export declare function scrollColumnIntoView(columnIndex: number, frozenColumnIndex: number, column: HTMLElement, tableEl: HTMLElement): void;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"util.js","sources":["../../../../../../../src/primitives/Table/Core/components/Columns/Cell/util.ts"],"sourcesContent":["import type {\n Cell as ReactTableCell,\n ColumnMeta as ReactTableColumnMeta,\n TableMeta as ReactTableMeta,\n} from '@tanstack/react-table';\nimport React from 'react';\n\nimport { useLocalization } from '../../../../../../components/Provider/Localization';\nimport { isCellHighlighted, isInternalColumn } from '../../../../useTableManager/util/columns';\nimport { RowContext } from '../../Row/RowContext';\n\nexport type DisplayCellProps<TType = unknown> = {\n index: number;\n cell: ReactTableCell<TType, unknown>;\n};\n\nexport function getCellAttributes<TType = unknown>(\n cell: ReactTableCell<TType, unknown>,\n index: number,\n isHighlighted: true | 'current' | undefined\n) {\n const columnMeta = cell.column.columnDef.meta as ReactTableColumnMeta<TType, unknown>;\n const isPinned = cell.column.getIsPinned();\n\n // be careful adding new properties here, any objects will break cell memoisation (e.g. the style attribute)\n return {\n 'data-cell-align': columnMeta?.align,\n 'data-cell-highlighted': isHighlighted,\n 'data-cell-id': cell.column.id,\n 'data-cell-index': index,\n 'data-cell-pinned': isPinned ? true : undefined,\n 'data-cell-truncate': columnMeta.enableTruncate ? true : undefined,\n className: typeof columnMeta.className === 'function' ? columnMeta.className(cell.row.original) : columnMeta.className,\n };\n}\n\nexport function useSearchHighlighting<TType = unknown>(\n cell: ReactTableCell<TType, unknown>,\n cellIndex: number,\n ref: React.RefObject<HTMLTableCellElement>\n) {\n const localization = useLocalization();\n const { rowIndex } = React.useContext(RowContext);\n const context = cell.getContext();\n const tableMeta = context.table.options.meta as ReactTableMeta<TType>;\n const columnMeta = cell.column.columnDef.meta as ReactTableColumnMeta<TType, unknown>;\n\n const isHighlighted: 'current' | boolean | undefined = React.useMemo(() => {\n if (\n !cell.column.columnDef.enableGlobalFilter ||\n isInternalColumn(cell.column.id) ||\n cell.getIsAggregated() ||\n cell.getIsPlaceholder()\n ) {\n return undefined;\n }\n\n let isHighlighted = false;\n\n if (context.table.getState().globalFilter) {\n isHighlighted = isCellHighlighted(\n context.table.getState().globalFilter,\n cell.getValue(),\n cell.row.original,\n columnMeta.dataType,\n columnMeta.dataTypeOptions,\n localization\n );\n }\n\n if (!isHighlighted || tableMeta.search.currentHighlightColumnIndex === undefined) {\n return undefined;\n }\n\n const [rowActiveIndex, currentColumnIndex] =\n tableMeta.search.highlightedColumnIndexes[tableMeta.search.currentHighlightColumnIndex] ?? [];\n\n if (rowActiveIndex === rowIndex && currentColumnIndex === cellIndex) {\n return 'current';\n }\n\n return true;\n }, [\n cell.getValue(),\n context.table.getState().globalFilter,\n tableMeta.search.highlightedColumnIndexes.length,\n tableMeta.search.currentHighlightColumnIndex,\n ]);\n\n React.useEffect(() => {\n if (ref.current && isHighlighted === 'current') {\n ref.current.scrollIntoView({ block: 'nearest', inline: 'nearest' });\n\n setTimeout(() => {\n if (ref.current) {\n const tableEl = ref.current.closest('table[data-taco^=\"table\"]');\n\n setTimeout(() => {\n const pinnedColumns = tableEl?.querySelectorAll('thead tr:last-child th[data-cell-pinned=\"left\"]');\n\n if (pinnedColumns?.length) {\n const lastFrozenRect = pinnedColumns.item(pinnedColumns.length - 1)?.getBoundingClientRect();\n\n if (lastFrozenRect && cell.column.getStart() < lastFrozenRect.right) {\n tableEl?.scrollTo(cell.column.getStart() - lastFrozenRect.right, tableEl.scrollTop);\n }\n }\n }, 1);\n }\n }, 1);\n }\n }, [isHighlighted]);\n\n return isHighlighted;\n}\n\nexport function getCurrentRowCellElement(index: number, tableEl: HTMLElement) {\n const cellSelector = `[data-current=\"true\"] [data-column-index=\"${index}\"`;\n return tableEl.querySelector(cellSelector);\n}\n\nexport function scrollColumnIntoView(columnIndex: number, frozenColumnIndex: number, column: HTMLElement, tableEl: HTMLElement) {\n if (frozenColumnIndex !== undefined && columnIndex > frozenColumnIndex) {\n const lastFrozenColumnElement = getCurrentRowCellElement(frozenColumnIndex, tableEl);\n const highlightRef = column?.getBoundingClientRect();\n const lastFrozenRect = lastFrozenColumnElement?.getBoundingClientRect();\n\n // offset the width of frozen columns so that the column being scrolled to is not hidden behind them\n if (highlightRef && lastFrozenRect && highlightRef.left < lastFrozenRect.left + lastFrozenRect.width) {\n const pinnedColumnsWidth = lastFrozenRect.left + lastFrozenRect.width;\n tableEl?.scrollTo(highlightRef.left - pinnedColumnsWidth, tableEl.scrollTop);\n }\n } else {\n column.scrollIntoView({ block: 'nearest', inline: 'nearest' });\n }\n}\n"],"names":["React","isHighlighted"],"mappings":";;;;AAgBO,SAAS,kBACZ,MACA,OACA,eACF;AACE,QAAM,aAAa,KAAK,OAAO,UAAU;AACzC,QAAM,WAAW,KAAK,OAAO,YAAA;AAG7B,SAAO;AAAA,IACH,mBAAmB,YAAY;AAAA,IAC/B,yBAAyB;AAAA,IACzB,gBAAgB,KAAK,OAAO;AAAA,IAC5B,mBAAmB;AAAA,IACnB,oBAAoB,WAAW,OAAO;AAAA,IACtC,sBAAsB,WAAW,iBAAiB,OAAO;AAAA,IACzD,WAAW,OAAO,WAAW,cAAc,aAAa,WAAW,UAAU,KAAK,IAAI,QAAQ,IAAI,WAAW;AAAA,EAAA;AAErH;AAEO,SAAS,sBACZ,MACA,WACA,KACF;AACE,QAAM,eAAe,gBAAA;AACrB,QAAM,EAAE,SAAA,IAAaA,eAAM,WAAW,UAAU;AAChD,QAAM,UAAU,KAAK,WAAA;AACrB,QAAM,YAAY,QAAQ,MAAM,QAAQ;AACxC,QAAM,aAAa,KAAK,OAAO,UAAU;AAEzC,QAAM,gBAAiDA,eAAM,QAAQ,MAAM;AACvE,QACI,CAAC,KAAK,OAAO,UAAU,sBACvB,iBAAiB,KAAK,OAAO,EAAE,KAC/B,KAAK,gBAAA,KACL,KAAK,oBACP;AACE,aAAO;AAAA,IACX;AAEA,QAAIC,iBAAgB;AAEpB,QAAI,QAAQ,MAAM,SAAA,EAAW,cAAc;AACvCA,uBAAgB;AAAA,QACZ,QAAQ,MAAM,SAAA,EAAW;AAAA,QACzB,KAAK,SAAA;AAAA,QACL,KAAK,IAAI;AAAA,QACT,WAAW;AAAA,QACX,WAAW;AAAA,QACX;AAAA,MAAA;AAAA,IAER;AAEA,QAAI,CAACA,kBAAiB,UAAU,OAAO,gCAAgC,QAAW;AAC9E,aAAO;AAAA,IACX;AAEA,UAAM,CAAC,gBAAgB,kBAAkB,IACrC,UAAU,OAAO,yBAAyB,UAAU,OAAO,2BAA2B,KAAK,CAAA;AAE/F,QAAI,mBAAmB,YAAY,uBAAuB,WAAW;AACjE,aAAO;AAAA,IACX;AAEA,WAAO;AAAA,EACX,GAAG;AAAA,IACC,KAAK,SAAA;AAAA,IACL,QAAQ,MAAM,SAAA,EAAW;AAAA,IACzB,UAAU,OAAO,yBAAyB;AAAA,IAC1C,UAAU,OAAO;AAAA,EAAA,CACpB;AAEDD,iBAAM,UAAU,MAAM;AAClB,QAAI,IAAI,WAAW,kBAAkB,WAAW;AAC5C,UAAI,QAAQ,eAAe,EAAE,OAAO,WAAW,QAAQ,WAAW;AAElE,iBAAW,MAAM;AACb,YAAI,IAAI,SAAS;AACb,gBAAM,UAAU,IAAI,QAAQ,QAAQ,2BAA2B;AAE/D,qBAAW,MAAM;AACb,kBAAM,gBAAgB,SAAS,iBAAiB,iDAAiD;AAEjG,gBAAI,eAAe,QAAQ;AACvB,oBAAM,iBAAiB,cAAc,KAAK,cAAc,SAAS,CAAC,GAAG,sBAAA;AAErE,kBAAI,kBAAkB,KAAK,OAAO,SAAA,IAAa,eAAe,OAAO;AACjE,yBAAS,SAAS,KAAK,OAAO,SAAA,IAAa,eAAe,OAAO,QAAQ,SAAS;AAAA,cACtF;AAAA,YACJ;AAAA,UACJ,GAAG,CAAC;AAAA,QACR;AAAA,MACJ,GAAG,CAAC;AAAA,IACR;AAAA,EACJ,GAAG,CAAC,aAAa,CAAC;AAElB,SAAO;AACX;"}
|
|
1
|
+
{"version":3,"file":"util.js","sources":["../../../../../../../src/primitives/Table/Core/components/Columns/Cell/util.ts"],"sourcesContent":["import type {\n Cell as ReactTableCell,\n ColumnMeta as ReactTableColumnMeta,\n TableMeta as ReactTableMeta,\n} from '@tanstack/react-table';\nimport React from 'react';\n\nimport { useLocalization } from '../../../../../../components/Provider/Localization';\nimport { isCellHighlighted, isInternalColumn } from '../../../../useTableManager/util/columns';\nimport { RowContext } from '../../Row/RowContext';\n\nexport type DisplayCellProps<TType = unknown> = {\n index: number;\n cell: ReactTableCell<TType, unknown>;\n};\n\nexport function getCellAttributes<TType = unknown>(\n cell: ReactTableCell<TType, unknown>,\n index: number,\n isHighlighted: true | 'current' | undefined\n) {\n const columnMeta = cell.column.columnDef.meta as ReactTableColumnMeta<TType, unknown>;\n const isPinned = cell.column.getIsPinned();\n\n // be careful adding new properties here, any objects will break cell memoisation (e.g. the style attribute)\n return {\n 'data-cell-align': columnMeta?.align,\n 'data-cell-highlighted': isHighlighted,\n 'data-cell-id': cell.column.id,\n 'data-cell-index': index,\n 'data-cell-pinned': isPinned ? true : undefined,\n 'data-cell-truncate': columnMeta.enableTruncate ? true : undefined,\n className: typeof columnMeta.className === 'function' ? columnMeta.className(cell.row.original) : columnMeta.className,\n };\n}\n\nexport function useSearchHighlighting<TType = unknown>(\n cell: ReactTableCell<TType, unknown>,\n cellIndex: number,\n ref: React.RefObject<HTMLTableCellElement | null>\n) {\n const localization = useLocalization();\n const { rowIndex } = React.useContext(RowContext);\n const context = cell.getContext();\n const tableMeta = context.table.options.meta as ReactTableMeta<TType>;\n const columnMeta = cell.column.columnDef.meta as ReactTableColumnMeta<TType, unknown>;\n\n const isHighlighted: 'current' | boolean | undefined = React.useMemo(() => {\n if (\n !cell.column.columnDef.enableGlobalFilter ||\n isInternalColumn(cell.column.id) ||\n cell.getIsAggregated() ||\n cell.getIsPlaceholder()\n ) {\n return undefined;\n }\n\n let isHighlighted = false;\n\n if (context.table.getState().globalFilter) {\n isHighlighted = isCellHighlighted(\n context.table.getState().globalFilter,\n cell.getValue(),\n cell.row.original,\n columnMeta.dataType,\n columnMeta.dataTypeOptions,\n localization\n );\n }\n\n if (!isHighlighted || tableMeta.search.currentHighlightColumnIndex === undefined) {\n return undefined;\n }\n\n const [rowActiveIndex, currentColumnIndex] =\n tableMeta.search.highlightedColumnIndexes[tableMeta.search.currentHighlightColumnIndex] ?? [];\n\n if (rowActiveIndex === rowIndex && currentColumnIndex === cellIndex) {\n return 'current';\n }\n\n return true;\n }, [\n cell.getValue(),\n context.table.getState().globalFilter,\n tableMeta.search.highlightedColumnIndexes.length,\n tableMeta.search.currentHighlightColumnIndex,\n ]);\n\n React.useEffect(() => {\n if (ref.current && isHighlighted === 'current') {\n ref.current.scrollIntoView({ block: 'nearest', inline: 'nearest' });\n\n setTimeout(() => {\n if (ref.current) {\n const tableEl = ref.current.closest('table[data-taco^=\"table\"]');\n\n setTimeout(() => {\n const pinnedColumns = tableEl?.querySelectorAll('thead tr:last-child th[data-cell-pinned=\"left\"]');\n\n if (pinnedColumns?.length) {\n const lastFrozenRect = pinnedColumns.item(pinnedColumns.length - 1)?.getBoundingClientRect();\n\n if (lastFrozenRect && cell.column.getStart() < lastFrozenRect.right) {\n tableEl?.scrollTo(cell.column.getStart() - lastFrozenRect.right, tableEl.scrollTop);\n }\n }\n }, 1);\n }\n }, 1);\n }\n }, [isHighlighted]);\n\n return isHighlighted;\n}\n\nexport function getCurrentRowCellElement(index: number, tableEl: HTMLElement) {\n const cellSelector = `[data-current=\"true\"] [data-column-index=\"${index}\"`;\n return tableEl.querySelector(cellSelector);\n}\n\nexport function scrollColumnIntoView(columnIndex: number, frozenColumnIndex: number, column: HTMLElement, tableEl: HTMLElement) {\n if (frozenColumnIndex !== undefined && columnIndex > frozenColumnIndex) {\n const lastFrozenColumnElement = getCurrentRowCellElement(frozenColumnIndex, tableEl);\n const highlightRef = column?.getBoundingClientRect();\n const lastFrozenRect = lastFrozenColumnElement?.getBoundingClientRect();\n\n // offset the width of frozen columns so that the column being scrolled to is not hidden behind them\n if (highlightRef && lastFrozenRect && highlightRef.left < lastFrozenRect.left + lastFrozenRect.width) {\n const pinnedColumnsWidth = lastFrozenRect.left + lastFrozenRect.width;\n tableEl?.scrollTo(highlightRef.left - pinnedColumnsWidth, tableEl.scrollTop);\n }\n } else {\n column.scrollIntoView({ block: 'nearest', inline: 'nearest' });\n }\n}\n"],"names":["React","isHighlighted"],"mappings":";;;;AAgBO,SAAS,kBACZ,MACA,OACA,eACF;AACE,QAAM,aAAa,KAAK,OAAO,UAAU;AACzC,QAAM,WAAW,KAAK,OAAO,YAAA;AAG7B,SAAO;AAAA,IACH,mBAAmB,YAAY;AAAA,IAC/B,yBAAyB;AAAA,IACzB,gBAAgB,KAAK,OAAO;AAAA,IAC5B,mBAAmB;AAAA,IACnB,oBAAoB,WAAW,OAAO;AAAA,IACtC,sBAAsB,WAAW,iBAAiB,OAAO;AAAA,IACzD,WAAW,OAAO,WAAW,cAAc,aAAa,WAAW,UAAU,KAAK,IAAI,QAAQ,IAAI,WAAW;AAAA,EAAA;AAErH;AAEO,SAAS,sBACZ,MACA,WACA,KACF;AACE,QAAM,eAAe,gBAAA;AACrB,QAAM,EAAE,SAAA,IAAaA,eAAM,WAAW,UAAU;AAChD,QAAM,UAAU,KAAK,WAAA;AACrB,QAAM,YAAY,QAAQ,MAAM,QAAQ;AACxC,QAAM,aAAa,KAAK,OAAO,UAAU;AAEzC,QAAM,gBAAiDA,eAAM,QAAQ,MAAM;AACvE,QACI,CAAC,KAAK,OAAO,UAAU,sBACvB,iBAAiB,KAAK,OAAO,EAAE,KAC/B,KAAK,gBAAA,KACL,KAAK,oBACP;AACE,aAAO;AAAA,IACX;AAEA,QAAIC,iBAAgB;AAEpB,QAAI,QAAQ,MAAM,SAAA,EAAW,cAAc;AACvCA,uBAAgB;AAAA,QACZ,QAAQ,MAAM,SAAA,EAAW;AAAA,QACzB,KAAK,SAAA;AAAA,QACL,KAAK,IAAI;AAAA,QACT,WAAW;AAAA,QACX,WAAW;AAAA,QACX;AAAA,MAAA;AAAA,IAER;AAEA,QAAI,CAACA,kBAAiB,UAAU,OAAO,gCAAgC,QAAW;AAC9E,aAAO;AAAA,IACX;AAEA,UAAM,CAAC,gBAAgB,kBAAkB,IACrC,UAAU,OAAO,yBAAyB,UAAU,OAAO,2BAA2B,KAAK,CAAA;AAE/F,QAAI,mBAAmB,YAAY,uBAAuB,WAAW;AACjE,aAAO;AAAA,IACX;AAEA,WAAO;AAAA,EACX,GAAG;AAAA,IACC,KAAK,SAAA;AAAA,IACL,QAAQ,MAAM,SAAA,EAAW;AAAA,IACzB,UAAU,OAAO,yBAAyB;AAAA,IAC1C,UAAU,OAAO;AAAA,EAAA,CACpB;AAEDD,iBAAM,UAAU,MAAM;AAClB,QAAI,IAAI,WAAW,kBAAkB,WAAW;AAC5C,UAAI,QAAQ,eAAe,EAAE,OAAO,WAAW,QAAQ,WAAW;AAElE,iBAAW,MAAM;AACb,YAAI,IAAI,SAAS;AACb,gBAAM,UAAU,IAAI,QAAQ,QAAQ,2BAA2B;AAE/D,qBAAW,MAAM;AACb,kBAAM,gBAAgB,SAAS,iBAAiB,iDAAiD;AAEjG,gBAAI,eAAe,QAAQ;AACvB,oBAAM,iBAAiB,cAAc,KAAK,cAAc,SAAS,CAAC,GAAG,sBAAA;AAErE,kBAAI,kBAAkB,KAAK,OAAO,SAAA,IAAa,eAAe,OAAO;AACjE,yBAAS,SAAS,KAAK,OAAO,SAAA,IAAa,eAAe,OAAO,QAAQ,SAAS;AAAA,cACtF;AAAA,YACJ;AAAA,UACJ,GAAG,CAAC;AAAA,QACR;AAAA,MACJ,GAAG,CAAC;AAAA,IACR;AAAA,EACJ,GAAG,CAAC,aAAa,CAAC;AAElB,SAAO;AACX;"}
|
|
@@ -16,7 +16,7 @@ export type TableRowRendererProps<TType = unknown> = {
|
|
|
16
16
|
export type TableRowRenderer<TType = unknown> = <T = TType>(props: TableRowRendererProps<T>) => React.JSX.Element;
|
|
17
17
|
export type TableCellRendererProps<TType = unknown> = React.TdHTMLAttributes<HTMLTableCellElement> & {
|
|
18
18
|
cell: ReactTableCell<TType, unknown>;
|
|
19
|
-
cellRef: React.RefObject<HTMLTableCellElement>;
|
|
19
|
+
cellRef: React.RefObject<HTMLTableCellElement | null>;
|
|
20
20
|
index: number;
|
|
21
21
|
isHighlighted: true | 'current' | undefined;
|
|
22
22
|
};
|
|
@@ -5,5 +5,5 @@ export declare function useTableRowSelection(isEnabled?: boolean, controlledSele
|
|
|
5
5
|
isControlled: boolean;
|
|
6
6
|
controlledSelectedRows: Record<string, boolean> | undefined;
|
|
7
7
|
handleKeyDown: <TType = unknown>(event: KeyboardEvent, table: ReactTable<TType>) => void;
|
|
8
|
-
lastSelectedRowIndex: React.
|
|
8
|
+
lastSelectedRowIndex: React.RefObject<number | undefined>;
|
|
9
9
|
};
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@economic/taco",
|
|
3
|
-
"version": "
|
|
3
|
+
"version": "13.0.0",
|
|
4
4
|
"license": "MIT",
|
|
5
5
|
"type": "module",
|
|
6
6
|
"main": "./dist/index.cjs",
|
|
@@ -63,8 +63,8 @@
|
|
|
63
63
|
"peerDependencies": {
|
|
64
64
|
"clsx": "^2.1.1",
|
|
65
65
|
"nanoid": "^5.1.16 || ^6.0.0",
|
|
66
|
-
"react": "^18.3.1",
|
|
67
|
-
"react-dom": "^18.3.1",
|
|
66
|
+
"react": "^18.3.1 || ^19.0.0",
|
|
67
|
+
"react-dom": "^18.3.1 || ^19.0.0",
|
|
68
68
|
"tailwindcss": ">=3.4.19"
|
|
69
69
|
},
|
|
70
70
|
"devDependencies": {
|
|
@@ -76,8 +76,8 @@
|
|
|
76
76
|
"@testing-library/user-event": "^14.6.6",
|
|
77
77
|
"@types/lodash": "^4.17.25",
|
|
78
78
|
"@types/node": "^22.20.1",
|
|
79
|
-
"@types/react": "
|
|
80
|
-
"@types/react-dom": "
|
|
79
|
+
"@types/react": "19.2.18",
|
|
80
|
+
"@types/react-dom": "19.2.4",
|
|
81
81
|
"clsx": "^2.1.1",
|
|
82
82
|
"fast-sort": "^2.2.0",
|
|
83
83
|
"jsdom": "^29.1.1",
|
|
@@ -96,5 +96,5 @@
|
|
|
96
96
|
"optionalDependencies": {
|
|
97
97
|
"@rollup/rollup-linux-x64-gnu": "^4.62.5"
|
|
98
98
|
},
|
|
99
|
-
"gitHead": "
|
|
99
|
+
"gitHead": "2c4e5842687ac7921789d706e33d570348b45c44"
|
|
100
100
|
}
|