@economic/taco 2.25.1-alpha.13 → 2.25.1

package/dist/esm/packages/taco/src/components/Table3/hooks/features/useSettings.js

@@ -0,0 +1,23 @@
+import { useTacoSettings } from '../../../../hooks/useTacoSettings.js';
+import { useLocalStorage } from '../../../../hooks/useLocalStorage.js';
+import { useLazyEffect } from '../../../../hooks/useLazyEffect.js';
+
+function useUniqueTableId(tableId) {
+  const tacoSettings = useTacoSettings();
+  return `taco.${tacoSettings.uniqueUserIdentifier}.table3.${tableId}.settings`;
+}
+function useSettings(id, defaultSettings = {}, onChangeSettings) {
+  const uniqueId = useUniqueTableId(id);
+  // If the onChangeSettings prop is provided, we intend to handle settings changes externally rather than saving them
+  // to local storage.
+  const [persistedSettings, setPersistedSettings] = useLocalStorage(uniqueId, defaultSettings);
+  useLazyEffect(() => {
+    if (onChangeSettings) {
+      onChangeSettings(persistedSettings);
+    }
+  }, [persistedSettings]);
+  return [persistedSettings, setPersistedSettings];
+}
+
+export { useSettings, useUniqueTableId };
+//# sourceMappingURL=useSettings.js.map

package/dist/esm/packages/taco/src/components/Table3/hooks/features/useSettings.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useSettings.js","sources":["../../../../../../../../../src/components/Table3/hooks/features/useSettings.ts"],"sourcesContent":["import { useLocalStorage } from '../../../../hooks/useLocalStorage';\nimport { useTacoSettings } from '../../../../hooks/useTacoSettings';\nimport { Table3Settings, Table3SettingsHandler } from '../../types';\nimport { useLazyEffect } from '../../../../hooks/useLazyEffect';\n\nexport function useUniqueTableId(tableId: string) {\n    const tacoSettings = useTacoSettings();\n\n    return `taco.${tacoSettings.uniqueUserIdentifier}.table3.${tableId}.settings`;\n}\n\nexport function useSettings(\n    id: string,\n    defaultSettings: Table3Settings | undefined = {},\n    onChangeSettings: Table3SettingsHandler | undefined\n): [Table3Settings, Table3SettingsHandler] {\n    const uniqueId = useUniqueTableId(id);\n    // If the onChangeSettings prop is provided, we intend to handle settings changes externally rather than saving them\n    // to local storage.\n    const [persistedSettings, setPersistedSettings] = useLocalStorage<Table3Settings>(uniqueId, defaultSettings);\n\n    useLazyEffect(() => {\n        if (onChangeSettings) {\n            onChangeSettings(persistedSettings);\n        }\n    }, [persistedSettings]);\n\n    return [persistedSettings, setPersistedSettings];\n}\n"],"names":["useUniqueTableId","tableId","tacoSettings","useTacoSettings","uniqueUserIdentifier","useSettings","id","defaultSettings","onChangeSettings","uniqueId","persistedSettings","setPersistedSettings","useLocalStorage","useLazyEffect"],"mappings":";;;;SAKgBA,gBAAgBA,CAACC,OAAe;EAC5C,MAAMC,YAAY,GAAGC,eAAe,EAAE;EAEtC,eAAeD,YAAY,CAACE,+BAA+BH,kBAAkB;AACjF;SAEgBI,WAAWA,CACvBC,EAAU,EACVC,kBAA8C,EAAE,EAChDC,gBAAmD;EAEnD,MAAMC,QAAQ,GAAGT,gBAAgB,CAACM,EAAE,CAAC;;;EAGrC,MAAM,CAACI,iBAAiB,EAAEC,oBAAoB,CAAC,GAAGC,eAAe,CAAiBH,QAAQ,EAAEF,eAAe,CAAC;EAE5GM,aAAa,CAAC;IACV,IAAIL,gBAAgB,EAAE;MAClBA,gBAAgB,CAACE,iBAAiB,CAAC;;GAE1C,EAAE,CAACA,iBAAiB,CAAC,CAAC;EAEvB,OAAO,CAACA,iBAAiB,EAAEC,oBAAoB,CAAC;AACpD;;;;"}

package/dist/esm/packages/taco/src/components/Table3/hooks/features/useValidation.js

@@ -0,0 +1,178 @@
+import React__default from 'react';
+
+function useValidation(onCellValidate, onRowValidate) {
+  const [validationState, dispatch] = React__default.useReducer(validationReducer, {
+    errors: null,
+    draftErrors: null
+  });
+  function getCellError(cell) {
+    var _validationState$draf, _validationState$erro;
+    return validationState.draftErrors && ((_validationState$draf = validationState.draftErrors[cell.row.id]) === null || _validationState$draf === void 0 ? void 0 : _validationState$draf[cell.column.id]) || (validationState.errors ? (_validationState$erro = validationState.errors[cell.row.id]) === null || _validationState$erro === void 0 ? void 0 : _validationState$erro[cell.column.id] : undefined);
+  }
+  function setCellError(rowId, cellId, error) {
+    dispatch({
+      type: ValidationActionType.SET_CELL_ERROR,
+      payload: {
+        rowId,
+        cellId,
+        error
+      }
+    });
+  }
+  function setRowErrors(rowId, errors) {
+    dispatch({
+      type: ValidationActionType.SET_ROW_ERROR,
+      payload: {
+        rowId,
+        errors
+      }
+    });
+  }
+  function confirmErrors(rowId) {
+    dispatch({
+      type: ValidationActionType.CONFIRN_ERRORS,
+      payload: {
+        rowId
+      }
+    });
+  }
+  function resetErrors(rowId, cellId) {
+    dispatch({
+      type: ValidationActionType.RESET_ERRORS,
+      payload: {
+        rowId,
+        cellId
+      }
+    });
+  }
+  const setErrors = (errors, rowId, cellId) => {
+    if (cellId) {
+      setCellError(rowId, cellId, errors[cellId]);
+    } else {
+      setRowErrors(rowId, errors);
+    }
+  };
+  const validate = (rowId, row, cellId) => {
+    let validationPromise;
+    if (cellId && onCellValidate) {
+      validationPromise = onCellValidate(row[cellId], cellId, row);
+    } else if (onRowValidate) {
+      validationPromise = onRowValidate(row);
+    } else {
+      validationPromise = new Promise(resolve => {
+        resolve();
+      });
+    }
+    validationPromise.then(() => {
+      // Need to reset previous errors,
+      // since promise resolve is the only place where we consider that previous errors is not relevant anymore.
+      resetErrors(rowId, cellId);
+    }).catch(errors => {
+      setErrors(errors, rowId, cellId);
+    });
+    return validationPromise;
+  };
+  return {
+    validate,
+    setCellError,
+    setRowErrors,
+    confirmErrors,
+    getCellError,
+    resetErrors,
+    errors: validationState.errors,
+    draftErrors: validationState.draftErrors
+  };
+}
+// Taking care of reseting/removing errors for particular cell/row and reseting errors object to null, when no errors at all.
+function _resetErrors(errors, rowId, columnId) {
+  let currentErrors = errors ? {
+    ...errors
+  } : {};
+  if (currentErrors && currentErrors[rowId]) {
+    if (columnId) {
+      delete currentErrors[rowId][columnId];
+      const rowErrorsSet = Object.keys(currentErrors[rowId]);
+      if (rowErrorsSet.length === 0) {
+        delete currentErrors[rowId];
+      }
+    } else {
+      delete currentErrors[rowId];
+    }
+  }
+  const errorsSet = Object.keys(currentErrors);
+  if (errorsSet.length === 0) {
+    currentErrors = null;
+  }
+  return currentErrors;
+}
+var ValidationActionType;
+(function (ValidationActionType) {
+  ValidationActionType[ValidationActionType["SET_CELL_ERROR"] = 0] = "SET_CELL_ERROR";
+  ValidationActionType[ValidationActionType["SET_ROW_ERROR"] = 1] = "SET_ROW_ERROR";
+  ValidationActionType[ValidationActionType["CONFIRN_ERRORS"] = 2] = "CONFIRN_ERRORS";
+  ValidationActionType[ValidationActionType["RESET_ERRORS"] = 3] = "RESET_ERRORS";
+})(ValidationActionType || (ValidationActionType = {}));
+function validationReducer(state, action) {
+  var _state$draftErrors, _state$draftErrors2;
+  switch (action.type) {
+    // Saves cell error into draft errors state.
+    case ValidationActionType.SET_CELL_ERROR:
+      return {
+        ...state,
+        draftErrors: {
+          ...state.draftErrors,
+          [action.payload.rowId]: {
+            ...((_state$draftErrors = state.draftErrors) === null || _state$draftErrors === void 0 ? void 0 : _state$draftErrors[action.payload.rowId]),
+            [action.payload.cellId]: action.payload.error
+          }
+        }
+      };
+    // Saves row errors into draft errors state.
+    case ValidationActionType.SET_ROW_ERROR:
+      return {
+        ...state,
+        draftErrors: {
+          ...state.draftErrors,
+          [action.payload.rowId]: {
+            ...((_state$draftErrors2 = state.draftErrors) === null || _state$draftErrors2 === void 0 ? void 0 : _state$draftErrors2[action.payload.rowId]),
+            ...action.payload.errors
+          }
+        }
+      };
+    // Promotes errors from draft into confirmed state (When user moves to next/prev row)
+    case ValidationActionType.CONFIRN_ERRORS:
+      {
+        const newDraftErrors = {
+          ...state.draftErrors
+        };
+        const confirmedRow = {
+          ...newDraftErrors[action.payload.rowId]
+        };
+        delete newDraftErrors[action.payload.rowId];
+        return {
+          draftErrors: newDraftErrors,
+          errors: {
+            ...state.errors,
+            [action.payload.rowId]: confirmedRow
+          }
+        };
+      }
+    // Resets all errors for particular row or cell if cell id is passed.
+    // We need to reset both confirmed and draft errors, for the situations,
+    // when user is getting back to the row wich already had error.
+    case ValidationActionType.RESET_ERRORS:
+      {
+        const newDraftErrors = _resetErrors(state.draftErrors, action.payload.rowId, action.payload.cellId);
+        const newErrors = _resetErrors(state.errors, action.payload.rowId, action.payload.cellId);
+        return {
+          errors: newErrors,
+          draftErrors: newDraftErrors
+        };
+      }
+    default:
+      return state;
+  }
+}
+
+export { useValidation };
+//# sourceMappingURL=useValidation.js.map

package/dist/esm/packages/taco/src/components/Table3/hooks/features/useValidation.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useValidation.js","sources":["../../../../../../../../../src/components/Table3/hooks/features/useValidation.ts"],"sourcesContent":["import React from 'react';\nimport * as _ from 'lodash';\nimport { Cell as RTCell } from '@tanstack/react-table';\nimport { RowErrors, Table3CellValidationHandler, Table3RowValidationHandler } from '../../types';\n\nexport type Table3Validation<TType = unknown> = {\n    validate: (rowId: string, row: TType, cellId?: string) => Promise<void | RowErrors>;\n    setCellError: (rowId: string, cellId: string, error: string) => void;\n    setRowErrors: (rowId: string, errors: Record<string, string>) => void;\n    confirmErrors: (rowId: string) => void;\n    getCellError: <T extends TType>(cell: RTCell<T, unknown>) => string | undefined;\n    resetErrors: (rowId: string, cellId?: string) => void;\n    errors: Record<string, RowErrors> | null;\n    draftErrors: Record<string, RowErrors> | null;\n};\n\nexport function useValidation<TType = unknown>(\n    onCellValidate?: Table3CellValidationHandler<TType>,\n    onRowValidate?: Table3RowValidationHandler<TType>\n): Table3Validation<TType> {\n    const [validationState, dispatch] = React.useReducer(validationReducer, { errors: null, draftErrors: null });\n\n    function getCellError<T extends TType>(cell: RTCell<T, unknown>) {\n        return (\n            (validationState.draftErrors && validationState.draftErrors[cell.row.id]?.[cell.column.id]) ||\n            (validationState.errors ? validationState.errors[cell.row.id]?.[cell.column.id] : undefined)\n        );\n    }\n\n    function setCellError(rowId: string, cellId: string, error: string) {\n        dispatch({\n            type: ValidationActionType.SET_CELL_ERROR,\n            payload: { rowId, cellId, error },\n        });\n    }\n\n    function setRowErrors(rowId: string, errors: Record<string, string>) {\n        dispatch({\n            type: ValidationActionType.SET_ROW_ERROR,\n            payload: { rowId, errors },\n        });\n    }\n\n    function confirmErrors(rowId: string) {\n        dispatch({\n            type: ValidationActionType.CONFIRN_ERRORS,\n            payload: { rowId },\n        });\n    }\n\n    function resetErrors(rowId: string, cellId?: string) {\n        dispatch({\n            type: ValidationActionType.RESET_ERRORS,\n            payload: { rowId, cellId },\n        });\n    }\n\n    const setErrors = (errors: RowErrors, rowId: string, cellId?: string) => {\n        if (cellId) {\n            setCellError(rowId, cellId, errors[cellId]);\n        } else {\n            setRowErrors(rowId, errors);\n        }\n    };\n\n    const validate = (rowId: string, row: TType, cellId?: string) => {\n        let validationPromise: Promise<RowErrors | void>;\n        if (cellId && onCellValidate) {\n            validationPromise = onCellValidate(row[cellId], cellId, row);\n        } else if (onRowValidate) {\n            validationPromise = onRowValidate(row);\n        } else {\n            validationPromise = new Promise(resolve => {\n                resolve();\n            });\n        }\n\n        validationPromise\n            .then(() => {\n                // Need to reset previous errors,\n                // since promise resolve is the only place where we consider that previous errors is not relevant anymore.\n                resetErrors(rowId, cellId);\n            })\n            .catch((errors: RowErrors) => {\n                setErrors(errors, rowId, cellId);\n            });\n\n        return validationPromise;\n    };\n\n    return {\n        validate,\n        setCellError,\n        setRowErrors,\n        confirmErrors,\n        getCellError,\n        resetErrors,\n        errors: validationState.errors,\n        draftErrors: validationState.draftErrors,\n    };\n}\n\n// Taking care of reseting/removing errors for particular cell/row and reseting errors object to null, when no errors at all.\nfunction _resetErrors(\n    errors: Record<string, RowErrors> | null,\n    rowId: string,\n    columnId?: string\n): Record<string, RowErrors> | null {\n    let currentErrors: Record<string, RowErrors> | null = errors ? { ...errors } : {};\n\n    if (currentErrors && currentErrors[rowId]) {\n        if (columnId) {\n            delete currentErrors[rowId][columnId];\n            const rowErrorsSet = Object.keys(currentErrors[rowId]);\n            if (rowErrorsSet.length === 0) {\n                delete currentErrors[rowId];\n            }\n        } else {\n            delete currentErrors[rowId];\n        }\n    }\n\n    const errorsSet = Object.keys(currentErrors);\n    if (errorsSet.length === 0) {\n        currentErrors = null;\n    }\n\n    return currentErrors;\n}\n\nenum ValidationActionType {\n    SET_CELL_ERROR,\n    SET_ROW_ERROR,\n    CONFIRN_ERRORS,\n    RESET_ERRORS,\n}\n\ntype ValidationState = {\n    // According to UX requirement, while user still editing current row, the error alert should not be yet shown,\n    // and row should not be highlighted in red, but error still need to be shown on a cell level when user moving from cell to cell.\n    // This means that we need to maintain some kind of draft validation errors as well as confirmed errors.\n    draftErrors: Record<string, RowErrors> | null;\n    // sets of row errors\n    errors: Record<string, RowErrors> | null;\n};\n\ntype ValidationAction =\n    | { type: ValidationActionType.SET_CELL_ERROR; payload: { rowId: string; cellId: string; error: string } }\n    | { type: ValidationActionType.SET_ROW_ERROR; payload: { rowId: string; errors: RowErrors } }\n    | { type: ValidationActionType.CONFIRN_ERRORS; payload: { rowId: string } }\n    | { type: ValidationActionType.RESET_ERRORS; payload: { rowId: string; cellId?: string } };\n\nfunction validationReducer(state: ValidationState, action: ValidationAction): ValidationState {\n    switch (action.type) {\n        // Saves cell error into draft errors state.\n        case ValidationActionType.SET_CELL_ERROR:\n            return {\n                ...state,\n                draftErrors: {\n                    ...state.draftErrors,\n                    [action.payload.rowId]: {\n                        ...state.draftErrors?.[action.payload.rowId],\n                        [action.payload.cellId]: action.payload.error,\n                    },\n                },\n            };\n\n        // Saves row errors into draft errors state.\n        case ValidationActionType.SET_ROW_ERROR:\n            return {\n                ...state,\n                draftErrors: {\n                    ...state.draftErrors,\n                    [action.payload.rowId]: {\n                        ...state.draftErrors?.[action.payload.rowId],\n                        ...action.payload.errors,\n                    },\n                },\n            };\n\n        // Promotes errors from draft into confirmed state (When user moves to next/prev row)\n        case ValidationActionType.CONFIRN_ERRORS: {\n            const newDraftErrors = { ...state.draftErrors };\n            const confirmedRow = { ...newDraftErrors[action.payload.rowId] };\n            delete newDraftErrors[action.payload.rowId];\n            return {\n                draftErrors: newDraftErrors,\n                errors: {\n                    ...state.errors,\n                    [action.payload.rowId]: confirmedRow,\n                },\n            };\n        }\n\n        // Resets all errors for particular row or cell if cell id is passed.\n        // We need to reset both confirmed and draft errors, for the situations,\n        // when user is getting back to the row wich already had error.\n        case ValidationActionType.RESET_ERRORS: {\n            const newDraftErrors = _resetErrors(state.draftErrors, action.payload.rowId, action.payload.cellId);\n            const newErrors = _resetErrors(state.errors, action.payload.rowId, action.payload.cellId);\n            return {\n                errors: newErrors,\n                draftErrors: newDraftErrors,\n            };\n        }\n\n        default:\n            return state;\n    }\n}\n"],"names":["useValidation","onCellValidate","onRowValidate","validationState","dispatch","React","useReducer","validationReducer","errors","draftErrors","getCellError","cell","_validationState$draf","row","id","column","_validationState$erro","undefined","setCellError","rowId","cellId","error","type","ValidationActionType","SET_CELL_ERROR","payload","setRowErrors","SET_ROW_ERROR","confirmErrors","CONFIRN_ERRORS","resetErrors","RESET_ERRORS","setErrors","validate","validationPromise","Promise","resolve","then","catch","_resetErrors","columnId","currentErrors","rowErrorsSet","Object","keys","length","errorsSet","state","action","_state$draftErrors","_state$draftErrors2","newDraftErrors","confirmedRow","newErrors"],"mappings":"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"}

package/dist/esm/packages/taco/src/components/Table3/hooks/listeners/useEditingStateListener.js

@@ -0,0 +1,28 @@
+import React__default from 'react';
+
+function useEditingStateListener(table) {
+  const meta = table.options.meta;
+  // save when the row changes
+  React__default.useEffect(() => {
+    if (meta.editing.isEnabled && meta.editing.isEditing) {
+      requestAnimationFrame(() => {
+        meta.editing.saveChangesIfNeeded();
+      });
+    }
+  }, [meta.rowActive.rowActiveIndex]);
+  // save if editing gets toggled off
+  React__default.useEffect(() => {
+    if (meta.editing.isEnabled) {
+      if (!meta.editing.isEditing) {
+        requestAnimationFrame(() => {
+          meta.editing.saveChangesIfNeeded();
+        });
+      } else if (meta.rowActive.rowActiveIndex === undefined) {
+        meta.rowActive.setRowActiveIndex(0);
+      }
+    }
+  }, [meta.editing.isEditing]);
+}
+
+export { useEditingStateListener };
+//# sourceMappingURL=useEditingStateListener.js.map

package/dist/esm/packages/taco/src/components/Table3/hooks/listeners/useEditingStateListener.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useEditingStateListener.js","sources":["../../../../../../../../../src/components/Table3/hooks/listeners/useEditingStateListener.ts"],"sourcesContent":["import React from 'react';\nimport { Table as RTable, TableMeta } from '@tanstack/react-table';\n\nexport function useEditingStateListener<TType = unknown>(table: RTable<TType>) {\n    const meta = table.options.meta as TableMeta<TType>;\n\n    // save when the row changes\n    React.useEffect(() => {\n        if (meta.editing.isEnabled && meta.editing.isEditing) {\n            requestAnimationFrame(() => {\n                meta.editing.saveChangesIfNeeded();\n            });\n        }\n    }, [meta.rowActive.rowActiveIndex]);\n\n    // save if editing gets toggled off\n    React.useEffect(() => {\n        if (meta.editing.isEnabled) {\n            if (!meta.editing.isEditing) {\n                requestAnimationFrame(() => {\n                    meta.editing.saveChangesIfNeeded();\n                });\n            } else if (meta.rowActive.rowActiveIndex === undefined) {\n                meta.rowActive.setRowActiveIndex(0);\n            }\n        }\n    }, [meta.editing.isEditing]);\n}\n"],"names":["useEditingStateListener","table","meta","options","React","useEffect","editing","isEnabled","isEditing","requestAnimationFrame","saveChangesIfNeeded","rowActive","rowActiveIndex","undefined","setRowActiveIndex"],"mappings":";;SAGgBA,uBAAuBA,CAAkBC,KAAoB;EACzE,MAAMC,IAAI,GAAGD,KAAK,CAACE,OAAO,CAACD,IAAwB;;EAGnDE,cAAK,CAACC,SAAS,CAAC;IACZ,IAAIH,IAAI,CAACI,OAAO,CAACC,SAAS,IAAIL,IAAI,CAACI,OAAO,CAACE,SAAS,EAAE;MAClDC,qBAAqB,CAAC;QAClBP,IAAI,CAACI,OAAO,CAACI,mBAAmB,EAAE;OACrC,CAAC;;GAET,EAAE,CAACR,IAAI,CAACS,SAAS,CAACC,cAAc,CAAC,CAAC;;EAGnCR,cAAK,CAACC,SAAS,CAAC;IACZ,IAAIH,IAAI,CAACI,OAAO,CAACC,SAAS,EAAE;MACxB,IAAI,CAACL,IAAI,CAACI,OAAO,CAACE,SAAS,EAAE;QACzBC,qBAAqB,CAAC;UAClBP,IAAI,CAACI,OAAO,CAACI,mBAAmB,EAAE;SACrC,CAAC;OACL,MAAM,IAAIR,IAAI,CAACS,SAAS,CAACC,cAAc,KAAKC,SAAS,EAAE;QACpDX,IAAI,CAACS,SAAS,CAACG,iBAAiB,CAAC,CAAC,CAAC;;;GAG9C,EAAE,CAACZ,IAAI,CAACI,OAAO,CAACE,SAAS,CAAC,CAAC;AAChC;;;;"}

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

@@ -0,0 +1,24 @@
+import React__default from 'react';
+
+function useSettingsStateListener(table, onChangeSettings) {
+  const meta = table.options.meta;
+  const state = table.getState();
+  React__default.useEffect(() => {
+    let handler;
+    if (typeof onChangeSettings === 'function') {
+      handler = setTimeout(() => {
+        onChangeSettings(meta.getSettings());
+      }, 250);
+    }
+    return () => clearTimeout(handler);
+  }, [
+  // @ts-expect-error: fixing type issue while report and table3 TableMeta definitions live in parallel
+  meta.columnFreezing.frozenColumnIndex, state.columnOrder, state.columnSizing, state.columnVisibility,
+  // @ts-expect-error: fixing type issue while report and table3 TableMeta definitions live in parallel
+  meta.search.excludeUnmatchedResults, meta.fontSize.size, meta.rowHeight.height,
+  // @ts-expect-error: fixing type issue while report and table3 TableMeta definitions live in parallel
+  meta.printing.isWarningVisibleForLargeDatasets, state.sorting]);
+}
+
+export { useSettingsStateListener };
+//# sourceMappingURL=useSettingsStateListener.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useSettingsStateListener.js","sources":["../../../../../../../../../src/components/Table3/hooks/listeners/useSettingsStateListener.ts"],"sourcesContent":["import React from 'react';\nimport { Table as RTable, TableMeta } from '@tanstack/react-table';\nimport { Table3SettingsHandler } from '../../types';\n\nexport function useSettingsStateListener<TType = unknown>(\n    table: RTable<TType>,\n    onChangeSettings: Table3SettingsHandler | undefined\n) {\n    const meta = table.options.meta as TableMeta<TType>;\n    const state = table.getState();\n\n    React.useEffect(() => {\n        let handler;\n\n        if (typeof onChangeSettings === 'function') {\n            handler = setTimeout(() => {\n                onChangeSettings(meta.getSettings());\n            }, 250);\n        }\n\n        return () => clearTimeout(handler);\n    }, [\n        // @ts-expect-error: fixing type issue while report and table3 TableMeta definitions live in parallel\n        meta.columnFreezing.frozenColumnIndex,\n        state.columnOrder,\n        state.columnSizing,\n        state.columnVisibility,\n        // @ts-expect-error: fixing type issue while report and table3 TableMeta definitions live in parallel\n        meta.search.excludeUnmatchedResults,\n        meta.fontSize.size,\n        meta.rowHeight.height,\n        // @ts-expect-error: fixing type issue while report and table3 TableMeta definitions live in parallel\n        meta.printing.isWarningVisibleForLargeDatasets,\n        state.sorting,\n    ]);\n}\n"],"names":["useSettingsStateListener","table","onChangeSettings","meta","options","state","getState","React","useEffect","handler","setTimeout","getSettings","clearTimeout","columnFreezing","frozenColumnIndex","columnOrder","columnSizing","columnVisibility","search","excludeUnmatchedResults","fontSize","size","rowHeight","height","printing","isWarningVisibleForLargeDatasets","sorting"],"mappings":";;SAIgBA,wBAAwBA,CACpCC,KAAoB,EACpBC,gBAAmD;EAEnD,MAAMC,IAAI,GAAGF,KAAK,CAACG,OAAO,CAACD,IAAwB;EACnD,MAAME,KAAK,GAAGJ,KAAK,CAACK,QAAQ,EAAE;EAE9BC,cAAK,CAACC,SAAS,CAAC;IACZ,IAAIC,OAAO;IAEX,IAAI,OAAOP,gBAAgB,KAAK,UAAU,EAAE;MACxCO,OAAO,GAAGC,UAAU,CAAC;QACjBR,gBAAgB,CAACC,IAAI,CAACQ,WAAW,EAAE,CAAC;OACvC,EAAE,GAAG,CAAC;;IAGX,OAAO,MAAMC,YAAY,CAACH,OAAO,CAAC;GACrC,EAAE;;EAECN,IAAI,CAACU,cAAc,CAACC,iBAAiB,EACrCT,KAAK,CAACU,WAAW,EACjBV,KAAK,CAACW,YAAY,EAClBX,KAAK,CAACY,gBAAgB;;EAEtBd,IAAI,CAACe,MAAM,CAACC,uBAAuB,EACnChB,IAAI,CAACiB,QAAQ,CAACC,IAAI,EAClBlB,IAAI,CAACmB,SAAS,CAACC,MAAM;;EAErBpB,IAAI,CAACqB,QAAQ,CAACC,gCAAgC,EAC9CpB,KAAK,CAACqB,OAAO,CAChB,CAAC;AACN;;;;"}

package/dist/esm/packages/taco/src/components/Table3/hooks/useConvertChildrenToColumns.js

@@ -0,0 +1,143 @@
+import React__default from 'react';
+import { createColumnHelper } from '@tanstack/react-table';
+import { Header } from '../components/columns/header/Header.js';
+import { Footer } from '../components/columns/footer/Footer.js';
+import { createRowActionsColumn } from '../components/columns/internal/Actions.js';
+import { getFontBasedMinColumnSize } from '../components/columns/styles.js';
+import { createRowEditingActionsColumn } from '../components/columns/internal/EditingActions.js';
+import { Cell } from '../components/columns/cell/Cell.js';
+import { createRowSelectionColumn } from '../components/columns/internal/Selection.js';
+import { createRowExpansionColumn } from '../components/columns/internal/Expansion.js';
+import { createRowDragColumn } from '../components/columns/internal/Drag.js';
+import { Group } from '../components/columns/header/Group.js';
+
+function getSortingFn(dataType, customFnOrBuiltIn) {
+  if (typeof customFnOrBuiltIn === 'function') {
+    return (rowA, rowB, columnId) => customFnOrBuiltIn(rowA.original, rowB.original, columnId);
+  }
+  // if a built in is being used, just return that
+  if (customFnOrBuiltIn) {
+    return customFnOrBuiltIn;
+  }
+  // some times we alias based on the type
+  if (dataType && dataType !== 'boolean' && dataType !== 'number') {
+    return dataType;
+  }
+  // otherwise fall back to auto
+  return 'auto';
+}
+function useConvertChildrenToColumns(props, options, editing) {
+  var _props$defaultSetting;
+  const minColumnSize = getFontBasedMinColumnSize(props === null || props === void 0 ? void 0 : (_props$defaultSetting = props.defaultSettings) === null || _props$defaultSetting === void 0 ? void 0 : _props$defaultSetting.fontSize);
+  // It's important to memoise column definitions, because it prevents columns like "Drag column" to re-render on every state change,
+  // and break dragging at the moment it happens.
+  return React__default.useMemo(() => {
+    var _props$actionsForRow;
+    const columnHelper = createColumnHelper();
+    const defaultColumnSizing = {};
+    const defaultColumnVisibility = {};
+    const defaultSorting = [];
+    function processChild(child) {
+      var _child$type, _child$type2;
+      if ( /*#__PURE__*/React__default.isValidElement(child) && ((_child$type = child.type) === null || _child$type === void 0 ? void 0 : _child$type.displayName) === 'Table3Column' && child.props.accessor) {
+        var _child$props$enableRe, _child$props$enableFi, _child$props$enableSo, _child$props$enableHi, _child$props$enableOr, _child$props$enablePr, _child$props$enableSe, _child$props$enableTr;
+        if (child.props.defaultWidth) {
+          defaultColumnSizing[child.props.accessor] = child.props.defaultWidth === 'grow' ? '1fr' : child.props.defaultWidth;
+        }
+        if (child.props.defaultHidden && options.enableColumnHiding) {
+          defaultColumnVisibility[child.props.accessor] = false;
+        }
+        if (child.props.sort !== undefined) {
+          defaultSorting.push({
+            id: child.props.accessor,
+            desc: child.props.sort === 'desc'
+          });
+        }
+        // return regular column definition
+        return {
+          accessorKey: child.props.accessor,
+          id: child.props.accessor,
+          header: Header,
+          cell: Cell,
+          footer: Footer,
+          // sizing
+          minSize: minColumnSize,
+          enableResizing: (_child$props$enableRe = child.props.enableResizing) !== null && _child$props$enableRe !== void 0 ? _child$props$enableRe : true,
+          // filtering
+          enableColumnFilter: (_child$props$enableFi = child.props.enableFiltering) !== null && _child$props$enableFi !== void 0 ? _child$props$enableFi : true,
+          filterFn: 'tacoFilter',
+          // sorting
+          enableSorting: (_child$props$enableSo = child.props.enableSorting) !== null && _child$props$enableSo !== void 0 ? _child$props$enableSo : true,
+          sortingFn: getSortingFn(child.props.dataType, child.props.sortFn),
+          sortDescFirst: false,
+          sortUndefined: 1,
+          // visibility
+          enableHiding: (_child$props$enableHi = child.props.enableHiding) !== null && _child$props$enableHi !== void 0 ? _child$props$enableHi : true,
+          // custom options
+          meta: {
+            align: child.props.align,
+            className: child.props.className,
+            control: child.props.control,
+            dataType: child.props.dataType,
+            enableOrdering: (_child$props$enableOr = child.props.enableOrdering) !== null && _child$props$enableOr !== void 0 ? _child$props$enableOr : true,
+            enablePrinting: (_child$props$enablePr = child.props.enablePrinting) !== null && _child$props$enablePr !== void 0 ? _child$props$enablePr : true,
+            enableSearch: (_child$props$enableSe = child.props.enableSearch) !== null && _child$props$enableSe !== void 0 ? _child$props$enableSe : true,
+            enableTruncate: (_child$props$enableTr = child.props.enableTruncate) !== null && _child$props$enableTr !== void 0 ? _child$props$enableTr : false,
+            filters: child.props.filters,
+            footer: child.props.footer,
+            header: child.props.header,
+            headerClassName: child.props.headerClassName,
+            menu: child.props.menu,
+            renderer: child.props.renderer,
+            tooltip: child.props.tooltip
+          }
+        };
+      } else if ( /*#__PURE__*/React__default.isValidElement(child) && ((_child$type2 = child.type) === null || _child$type2 === void 0 ? void 0 : _child$type2.displayName) === 'Table3Group' && child.props.children) {
+        // return column group definition
+        return columnHelper.group({
+          id: child.props.id,
+          header: Group,
+          columns: processChildren(child.props.children),
+          meta: {
+            align: 'center',
+            enableOrdering: false,
+            enableSearch: false,
+            enableTruncate: false,
+            header: child.props.header
+          }
+        });
+      }
+      return;
+    }
+    function processChildren(children) {
+      return React__default.Children.toArray(children).map(processChild)
+      // compiler cannot get filtering out undefined items, so using the type casting here
+      .filter(child => !!child); // need to remove undefined array items after processing the children
+    }
+    const columns = processChildren(props.children);
+    if (options.enableRowExpansion && props.expandedRowRenderer) {
+      columns.unshift(columnHelper.display(createRowExpansionColumn(props.expandedRowRenderer)));
+    }
+    if (options.enableRowSelection) {
+      columns.unshift(columnHelper.display(createRowSelectionColumn(!!(options.enableRowDrag && props.onRowDrag), !!props.expandedRowRenderer)));
+    }
+    if (options.enableRowDrag && props.onRowDrag) {
+      columns.unshift(columnHelper.display(createRowDragColumn(props.onRowDrag)));
+    }
+    if ((_props$actionsForRow = props.actionsForRow) !== null && _props$actionsForRow !== void 0 && _props$actionsForRow.length) {
+      columns.push(columnHelper.display(createRowActionsColumn()));
+    }
+    if (editing.isEnabled && editing.isEditing) {
+      columns.push(columnHelper.display(createRowEditingActionsColumn(props.rowIdentifier)));
+    }
+    return {
+      columns,
+      defaultColumnSizing,
+      defaultColumnVisibility,
+      defaultSorting
+    };
+  }, [editing.isEditing]);
+}
+
+export { useConvertChildrenToColumns };
+//# sourceMappingURL=useConvertChildrenToColumns.js.map

package/dist/esm/packages/taco/src/components/Table3/hooks/useConvertChildrenToColumns.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useConvertChildrenToColumns.js","sources":["../../../../../../../../src/components/Table3/hooks/useConvertChildrenToColumns.tsx"],"sourcesContent":["import React from 'react';\nimport {\n    ColumnDef,\n    ColumnSizingState,\n    createColumnHelper,\n    ColumnSort,\n    VisibilityState,\n    GroupColumnDef,\n} from '@tanstack/react-table';\nimport { Table3ColumnProps, Table3Props, Table3Options, Table3ColumnDataType, Table3SortFn, Table3GroupProps } from '../types';\nimport { Header } from '../components/columns/header/Header';\nimport { Footer } from '../components/columns/footer/Footer';\nimport { Cell } from '../components/columns/cell/Cell';\nimport { createRowSelectionColumn } from '../components/columns/internal/Selection';\nimport { getFontBasedMinColumnSize } from '../components/columns/styles';\nimport { createRowActionsColumn } from '../components/columns/internal/Actions';\nimport { createRowExpansionColumn } from '../components/columns/internal/Expansion';\nimport { createRowDragColumn } from '../components/columns/internal/Drag';\nimport { createRowEditingActionsColumn } from '../components/columns/internal/EditingActions';\nimport { useEditing } from './features/useEditing';\nimport { Group } from '../components/columns/header/Group';\n\nfunction getSortingFn<TType = unknown>(dataType?: Table3ColumnDataType, customFnOrBuiltIn?: Table3SortFn<TType>) {\n    if (typeof customFnOrBuiltIn === 'function') {\n        return (rowA, rowB, columnId) => customFnOrBuiltIn(rowA.original, rowB.original, columnId);\n    }\n\n    // if a built in is being used, just return that\n    if (customFnOrBuiltIn) {\n        return customFnOrBuiltIn;\n    }\n\n    // some times we alias based on the type\n    if (dataType && dataType !== 'boolean' && dataType !== 'number') {\n        return dataType;\n    }\n\n    // otherwise fall back to auto\n    return 'auto';\n}\n\nexport function useConvertChildrenToColumns<TType = unknown>(\n    props: Table3Props<TType>,\n    options: Table3Options,\n    editing: ReturnType<typeof useEditing>\n) {\n    const minColumnSize = getFontBasedMinColumnSize(props?.defaultSettings?.fontSize);\n    // It's important to memoise column definitions, because it prevents columns like \"Drag column\" to re-render on every state change,\n    // and break dragging at the moment it happens.\n    return React.useMemo(() => {\n        const columnHelper = createColumnHelper<TType>();\n\n        const defaultColumnSizing: ColumnSizingState = {};\n        const defaultColumnVisibility: VisibilityState = {};\n        const defaultSorting: ColumnSort[] = [];\n\n        function processChild<TType>(child: React.ReactChild | React.ReactFragment | React.ReactPortal) {\n            if (\n                React.isValidElement<Table3ColumnProps<TType>>(child) &&\n                (child as any).type?.displayName === 'Table3Column' &&\n                child.props.accessor\n            ) {\n                if (child.props.defaultWidth) {\n                    defaultColumnSizing[child.props.accessor as string] =\n                        child.props.defaultWidth === 'grow' ? '1fr' : (child.props.defaultWidth as any);\n                }\n\n                if (child.props.defaultHidden && options.enableColumnHiding) {\n                    defaultColumnVisibility[child.props.accessor as string] = false;\n                }\n\n                if (child.props.sort !== undefined) {\n                    defaultSorting.push({\n                        id: child.props.accessor as string,\n                        desc: child.props.sort === 'desc',\n                    });\n                }\n\n                // return regular column definition\n                return {\n                    accessorKey: child.props.accessor,\n                    id: child.props.accessor as string,\n                    header: Header,\n                    cell: Cell,\n                    footer: Footer,\n                    // sizing\n                    minSize: minColumnSize,\n                    enableResizing: child.props.enableResizing ?? true,\n                    // filtering\n                    enableColumnFilter: child.props.enableFiltering ?? true,\n                    filterFn: 'tacoFilter' as any,\n                    // sorting\n                    enableSorting: child.props.enableSorting ?? true,\n                    sortingFn: getSortingFn<TType>(child.props.dataType, child.props.sortFn),\n                    sortDescFirst: false,\n                    sortUndefined: 1,\n                    // visibility\n                    enableHiding: child.props.enableHiding ?? true,\n                    // custom options\n                    meta: {\n                        align: child.props.align,\n                        className: child.props.className,\n                        control: child.props.control,\n                        dataType: child.props.dataType,\n                        enableOrdering: child.props.enableOrdering ?? true,\n                        enablePrinting: child.props.enablePrinting ?? true,\n                        enableSearch: child.props.enableSearch ?? true,\n                        enableTruncate: child.props.enableTruncate ?? false,\n                        filters: child.props.filters,\n                        footer: child.props.footer,\n                        header: child.props.header,\n                        headerClassName: child.props.headerClassName,\n                        menu: child.props.menu,\n                        renderer: child.props.renderer,\n                        tooltip: child.props.tooltip,\n                    },\n                };\n            } else if (\n                React.isValidElement<Table3GroupProps>(child) &&\n                (child as any).type?.displayName === 'Table3Group' &&\n                child.props.children\n            ) {\n                // return column group definition\n                return columnHelper.group({\n                    id: child.props.id,\n                    header: Group,\n                    columns: processChildren(child.props.children),\n                    meta: {\n                        align: 'center',\n                        enableOrdering: false,\n                        enableSearch: false,\n                        enableTruncate: false,\n                        header: child.props.header,\n                    },\n                });\n            }\n            return;\n        }\n\n        function processChildren<TType = unknown>(\n            children: (JSX.Element | boolean | null | undefined)[]\n        ): Array<ColumnDef<TType> | GroupColumnDef<TType>> {\n            return (\n                React.Children.toArray(children)\n                    .map(processChild)\n                    // compiler cannot get filtering out undefined items, so using the type casting here\n                    .filter(child => !!child) as Array<ColumnDef<TType> | GroupColumnDef<TType>>\n            ); // need to remove undefined array items after processing the children\n        }\n\n        const columns: ColumnDef<TType>[] = processChildren(props.children);\n\n        if (options.enableRowExpansion && props.expandedRowRenderer) {\n            columns.unshift(columnHelper.display(createRowExpansionColumn(props.expandedRowRenderer)));\n        }\n\n        if (options.enableRowSelection) {\n            columns.unshift(\n                columnHelper.display(\n                    createRowSelectionColumn<TType>(!!(options.enableRowDrag && props.onRowDrag), !!props.expandedRowRenderer)\n                )\n            );\n        }\n\n        if (options.enableRowDrag && props.onRowDrag) {\n            columns.unshift(columnHelper.display(createRowDragColumn(props.onRowDrag)));\n        }\n\n        if (props.actionsForRow?.length) {\n            columns.push(columnHelper.display(createRowActionsColumn<TType>()));\n        }\n\n        if (editing.isEnabled && editing.isEditing) {\n            columns.push(columnHelper.display(createRowEditingActionsColumn<TType>(props.rowIdentifier)));\n        }\n\n        return { columns, defaultColumnSizing, defaultColumnVisibility, defaultSorting };\n    }, [editing.isEditing]);\n}\n"],"names":["getSortingFn","dataType","customFnOrBuiltIn","rowA","rowB","columnId","original","useConvertChildrenToColumns","props","options","editing","minColumnSize","getFontBasedMinColumnSize","_props$defaultSetting","defaultSettings","fontSize","React","useMemo","columnHelper","createColumnHelper","defaultColumnSizing","defaultColumnVisibility","defaultSorting","processChild","child","isValidElement","_child$type","type","displayName","accessor","_child$props$enableRe","_child$props$enableFi","_child$props$enableSo","_child$props$enableHi","_child$props$enableOr","_child$props$enablePr","_child$props$enableSe","_child$props$enableTr","defaultWidth","defaultHidden","enableColumnHiding","sort","undefined","push","id","desc","accessorKey","header","Header","cell","Cell","footer","Footer","minSize","enableResizing","enableColumnFilter","enableFiltering","filterFn","enableSorting","sortingFn","sortFn","sortDescFirst","sortUndefined","enableHiding","meta","align","className","control","enableOrdering","enablePrinting","enableSearch","enableTruncate","filters","headerClassName","menu","renderer","tooltip","_child$type2","children","group","Group","columns","processChildren","Children","toArray","map","filter","enableRowExpansion","expandedRowRenderer","unshift","display","createRowExpansionColumn","enableRowSelection","createRowSelectionColumn","enableRowDrag","onRowDrag","createRowDragColumn","_props$actionsForRow","actionsForRow","length","createRowActionsColumn","isEnabled","isEditing","createRowEditingActionsColumn","rowIdentifier"],"mappings":"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"}

package/dist/esm/packages/taco/src/components/Table3/hooks/useCssGrid.js

@@ -0,0 +1,66 @@
+import React__default from 'react';
+import { COLUMN_ID } from '../components/columns/internal/Actions.js';
+import { isInternalColumn } from '../util/columns.js';
+import { getFontBasedMinColumnSize, PRINT_MIN_COLUMN_SIZE } from '../components/columns/styles.js';
+
+const useCssGrid = (table, isPrintTable = false, actionsForRowLength = 0, fontSize) => {
+  const allVisibleColumns = table.getVisibleLeafColumns();
+  const columnSizing = table.getState().columnSizing;
+  const rowsLength = table.getRowModel().rows.length;
+  const expandedRowsLength = Object.keys(table.getState().expanded).length;
+  const length = rowsLength + expandedRowsLength;
+  const minColumnSize = getFontBasedMinColumnSize(fontSize);
+  const gridTemplateColumns = React__default.useMemo(() => {
+    return allVisibleColumns.reduce((accum, column, index) => {
+      let size;
+      const isLastColumn = index === allVisibleColumns.length - 1;
+      // column has a getSize function, but it always returns a default value (150), and we want the
+      // first render to use auto layout - so we get the size directly from table state where it is undefined
+      const width = columnSizing[column.id];
+      const isColumnInternal = isInternalColumn(column.id);
+      if (isPrintTable) {
+        const maxWidth = isColumnInternal ? `${column.getSize()}px` : '1fr';
+        size = `minmax(${PRINT_MIN_COLUMN_SIZE}px, ${maxWidth})`;
+      } else if (isColumnInternal) {
+        if (column.id === COLUMN_ID) {
+          const minWidth = actionsForRowLength * 32 + 8 /* button margins l+r */ + 8; /* cell padding l+r */
+          size = `minmax(${minWidth}px, auto)`;
+        } else {
+          // getSize method is used instead of columnSizing state because columnSizing state doesn't have
+          // sizes of internal columns.
+          size = `${column.getSize()}px`;
+        }
+      } else if (width !== undefined) {
+        if (width === '1fr') {
+          size = 'minmax(max-content, 1fr)';
+        } else if (isLastColumn) {
+          size = `minmax(${width}px, auto)`;
+        } else if (width < minColumnSize) {
+          // the react-table getResizeHandler function does not respect the minSize property on columns, it is possible
+          // to go below the minSize - so we have to prevent it entirely on the grid layout
+          size = `${minColumnSize}px`;
+        } else {
+          size = `${width}px`;
+        }
+      } else {
+        size = 'minmax(max-content, auto)';
+      }
+      return `${accum} ${size}`.trim();
+    }, '');
+  }, [allVisibleColumns, columnSizing, minColumnSize]);
+  const gridTemplateRows = React__default.useMemo(() => {
+    // 1fr makes sure that there is always a free space between the rows and footer when table height exceeds the
+    // cumulative height of all rows
+    return `min-content repeat(${length}, min-content) 1fr min-content`;
+  }, [length]);
+  const style = {
+    gridTemplateColumns,
+    gridTemplateRows
+  };
+  return {
+    style
+  };
+};
+
+export { useCssGrid };
+//# sourceMappingURL=useCssGrid.js.map

package/dist/esm/packages/taco/src/components/Table3/hooks/useCssGrid.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useCssGrid.js","sources":["../../../../../../../../src/components/Table3/hooks/useCssGrid.ts"],"sourcesContent":["import React from 'react';\nimport { Table as RTable } from '@tanstack/react-table';\n\nimport { isInternalColumn } from '../util/columns';\nimport { getFontBasedMinColumnSize, PRINT_MIN_COLUMN_SIZE } from '../components/columns/styles';\nimport { COLUMN_ID as ACTIONS_COLUMN_ID } from '../components/columns/internal/Actions';\nimport { FontSize } from '../../../types';\n\nexport const useCssGrid = <TType = unknown>(\n    table: RTable<TType>,\n    isPrintTable = false,\n    actionsForRowLength = 0,\n    fontSize: FontSize\n) => {\n    const allVisibleColumns = table.getVisibleLeafColumns();\n    const columnSizing = table.getState().columnSizing;\n    const rowsLength = table.getRowModel().rows.length;\n    const expandedRowsLength = Object.keys(table.getState().expanded).length;\n    const length = rowsLength + expandedRowsLength;\n    const minColumnSize = getFontBasedMinColumnSize(fontSize);\n    const gridTemplateColumns = React.useMemo(() => {\n        return allVisibleColumns.reduce((accum, column, index) => {\n            let size;\n            const isLastColumn = index === allVisibleColumns.length - 1;\n            // column has a getSize function, but it always returns a default value (150), and we want the\n            // first render to use auto layout - so we get the size directly from table state where it is undefined\n            const width = columnSizing[column.id] as number | '1fr';\n            const isColumnInternal = isInternalColumn(column.id);\n\n            if (isPrintTable) {\n                const maxWidth = isColumnInternal ? `${column.getSize()}px` : '1fr';\n\n                size = `minmax(${PRINT_MIN_COLUMN_SIZE}px, ${maxWidth})`;\n            } else if (isColumnInternal) {\n                if (column.id === ACTIONS_COLUMN_ID) {\n                    const minWidth = actionsForRowLength * 32 + 8 /* button margins l+r */ + 8; /* cell padding l+r */\n                    size = `minmax(${minWidth}px, auto)`;\n                } else {\n                    // getSize method is used instead of columnSizing state because columnSizing state doesn't have\n                    // sizes of internal columns.\n                    size = `${column.getSize()}px`;\n                }\n            } else if (width !== undefined) {\n                if (width === '1fr') {\n                    size = 'minmax(max-content, 1fr)';\n                } else if (isLastColumn) {\n                    size = `minmax(${width}px, auto)`;\n                } else if (width < minColumnSize) {\n                    // the react-table getResizeHandler function does not respect the minSize property on columns, it is possible\n                    // to go below the minSize - so we have to prevent it entirely on the grid layout\n                    size = `${minColumnSize}px`;\n                } else {\n                    size = `${width}px`;\n                }\n            } else {\n                size = 'minmax(max-content, auto)';\n            }\n\n            return `${accum} ${size}`.trim();\n        }, '');\n    }, [allVisibleColumns, columnSizing, minColumnSize]);\n\n    const gridTemplateRows = React.useMemo(() => {\n        // 1fr makes sure that there is always a free space between the rows and footer when table height exceeds the\n        // cumulative height of all rows\n        return `min-content repeat(${length}, min-content) 1fr min-content`;\n    }, [length]);\n\n    const style: React.CSSProperties = {\n        gridTemplateColumns,\n        gridTemplateRows,\n    };\n\n    return { style };\n};\n"],"names":["useCssGrid","table","isPrintTable","actionsForRowLength","fontSize","allVisibleColumns","getVisibleLeafColumns","columnSizing","getState","rowsLength","getRowModel","rows","length","expandedRowsLength","Object","keys","expanded","minColumnSize","getFontBasedMinColumnSize","gridTemplateColumns","React","useMemo","reduce","accum","column","index","size","isLastColumn","width","id","isColumnInternal","isInternalColumn","maxWidth","getSize","PRINT_MIN_COLUMN_SIZE","ACTIONS_COLUMN_ID","minWidth","undefined","trim","gridTemplateRows","style"],"mappings":";;;;;MAQaA,UAAU,GAAGA,CACtBC,KAAoB,EACpBC,YAAY,GAAG,KAAK,EACpBC,mBAAmB,GAAG,CAAC,EACvBC,QAAkB;EAElB,MAAMC,iBAAiB,GAAGJ,KAAK,CAACK,qBAAqB,EAAE;EACvD,MAAMC,YAAY,GAAGN,KAAK,CAACO,QAAQ,EAAE,CAACD,YAAY;EAClD,MAAME,UAAU,GAAGR,KAAK,CAACS,WAAW,EAAE,CAACC,IAAI,CAACC,MAAM;EAClD,MAAMC,kBAAkB,GAAGC,MAAM,CAACC,IAAI,CAACd,KAAK,CAACO,QAAQ,EAAE,CAACQ,QAAQ,CAAC,CAACJ,MAAM;EACxE,MAAMA,MAAM,GAAGH,UAAU,GAAGI,kBAAkB;EAC9C,MAAMI,aAAa,GAAGC,yBAAyB,CAACd,QAAQ,CAAC;EACzD,MAAMe,mBAAmB,GAAGC,cAAK,CAACC,OAAO,CAAC;IACtC,OAAOhB,iBAAiB,CAACiB,MAAM,CAAC,CAACC,KAAK,EAAEC,MAAM,EAAEC,KAAK;MACjD,IAAIC,IAAI;MACR,MAAMC,YAAY,GAAGF,KAAK,KAAKpB,iBAAiB,CAACO,MAAM,GAAG,CAAC;;;MAG3D,MAAMgB,KAAK,GAAGrB,YAAY,CAACiB,MAAM,CAACK,EAAE,CAAmB;MACvD,MAAMC,gBAAgB,GAAGC,gBAAgB,CAACP,MAAM,CAACK,EAAE,CAAC;MAEpD,IAAI3B,YAAY,EAAE;QACd,MAAM8B,QAAQ,GAAGF,gBAAgB,MAAMN,MAAM,CAACS,OAAO,MAAM,GAAG,KAAK;QAEnEP,IAAI,aAAaQ,4BAA4BF,WAAW;OAC3D,MAAM,IAAIF,gBAAgB,EAAE;QACzB,IAAIN,MAAM,CAACK,EAAE,KAAKM,SAAiB,EAAE;UACjC,MAAMC,QAAQ,GAAGjC,mBAAmB,GAAG,EAAE,GAAG,CAAC,4BAA4B,CAAC,CAAC;UAC3EuB,IAAI,aAAaU,mBAAmB;SACvC,MAAM;;;UAGHV,IAAI,MAAMF,MAAM,CAACS,OAAO,MAAM;;OAErC,MAAM,IAAIL,KAAK,KAAKS,SAAS,EAAE;QAC5B,IAAIT,KAAK,KAAK,KAAK,EAAE;UACjBF,IAAI,GAAG,0BAA0B;SACpC,MAAM,IAAIC,YAAY,EAAE;UACrBD,IAAI,aAAaE,gBAAgB;SACpC,MAAM,IAAIA,KAAK,GAAGX,aAAa,EAAE;;;UAG9BS,IAAI,MAAMT,iBAAiB;SAC9B,MAAM;UACHS,IAAI,MAAME,SAAS;;OAE1B,MAAM;QACHF,IAAI,GAAG,2BAA2B;;MAGtC,UAAUH,SAASG,MAAM,CAACY,IAAI,EAAE;KACnC,EAAE,EAAE,CAAC;GACT,EAAE,CAACjC,iBAAiB,EAAEE,YAAY,EAAEU,aAAa,CAAC,CAAC;EAEpD,MAAMsB,gBAAgB,GAAGnB,cAAK,CAACC,OAAO,CAAC;;;IAGnC,6BAA6BT,sCAAsC;GACtE,EAAE,CAACA,MAAM,CAAC,CAAC;EAEZ,MAAM4B,KAAK,GAAwB;IAC/BrB,mBAAmB;IACnBoB;GACH;EAED,OAAO;IAAEC;GAAO;AACpB;;;;"}

package/dist/esm/packages/taco/src/components/Table3/hooks/useCssVars.js

@@ -0,0 +1,74 @@
+import { FontSizes } from '../../../types.js';
+
+// we cannot just use a fixed height because our rows need to grow in height (images, edit mode validation etc)
+const getCellHeightPadding = (height, fontSize) => {
+  // TODO: can we get the rem values from tailwind
+  switch (height) {
+    case 'short':
+      {
+        switch (fontSize) {
+          case FontSizes.small:
+            return '8px';
+          default:
+            return '6px';
+          // py-1.5
+        }
+      }
+    case 'tall':
+      {
+        switch (fontSize) {
+          case FontSizes.small:
+            return '16px';
+          case FontSizes.large:
+            return '12px';
+          default:
+            return '14px';
+        }
+      }
+    case 'extra-tall':
+      {
+        switch (fontSize) {
+          case FontSizes.small:
+            return '22px';
+          case FontSizes.large:
+            return '18px';
+          default:
+            return '20px';
+        }
+      }
+    default:
+      {
+        switch (fontSize) {
+          case FontSizes.small:
+            return '12px';
+          case FontSizes.large:
+            return '8px';
+          default:
+            return '10px';
+        }
+      }
+  }
+};
+const getCellWidthPadding = fontSize => {
+  switch (fontSize) {
+    case FontSizes.small:
+      return '8px';
+    case FontSizes.medium:
+      return '12px';
+    default:
+      return '16px';
+    // py-1.5
+  }
+};
+const useCssVars = (height, fontSize) => {
+  const style = {
+    '--table3-cell-padding-x': getCellWidthPadding(fontSize),
+    '--table3-cell-padding-y': getCellHeightPadding(height, fontSize)
+  };
+  return {
+    style
+  };
+};
+
+export { useCssVars };
+//# sourceMappingURL=useCssVars.js.map