@economic/taco 2.24.0 → 2.25.1-alpha.13

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

@@ -1,178 +0,0 @@
-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

@@ -1 +0,0 @@
-{"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

@@ -1,28 +0,0 @@
-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

@@ -1 +0,0 @@
-{"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

@@ -1,24 +0,0 @@
-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

@@ -1 +0,0 @@
-{"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

@@ -1,143 +0,0 @@
-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

@@ -1 +0,0 @@
-{"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

@@ -1,66 +0,0 @@
-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

@@ -1 +0,0 @@
-{"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

@@ -1,74 +0,0 @@
-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

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

@@ -1 +0,0 @@
-{"version":3,"file":"useCssVars.js","sources":["../../../../../../../../src/components/Table3/hooks/useCssVars.ts"],"sourcesContent":["import { Table3RowHeight } from '../types';\nimport { FontSize, FontSizes } from '../../../types';\n\n// we cannot just use a fixed height because our rows need to grow in height (images, edit mode validation etc)\nconst getCellHeightPadding = (height: Table3RowHeight, fontSize: FontSize) => {\n    // TODO: can we get the rem values from tailwind\n    switch (height) {\n        case 'short': {\n            switch (fontSize) {\n                case FontSizes.small:\n                    return '8px';\n\n                default:\n                    return '6px'; // py-1.5\n            }\n        }\n\n        case 'tall': {\n            switch (fontSize) {\n                case FontSizes.small:\n                    return '16px';\n\n                case FontSizes.large:\n                    return '12px';\n\n                default:\n                    return '14px';\n            }\n        }\n\n        case 'extra-tall': {\n            switch (fontSize) {\n                case FontSizes.small:\n                    return '22px';\n\n                case FontSizes.large:\n                    return '18px';\n\n                default:\n                    return '20px';\n            }\n        }\n\n        default: {\n            switch (fontSize) {\n                case FontSizes.small:\n                    return '12px';\n\n                case FontSizes.large:\n                    return '8px';\n\n                default:\n                    return '10px';\n            }\n        }\n    }\n};\n\nconst getCellWidthPadding = (fontSize: FontSize) => {\n    switch (fontSize) {\n        case FontSizes.small:\n            return '8px';\n\n        case FontSizes.medium:\n            return '12px';\n\n        default:\n            return '16px'; // py-1.5\n    }\n};\n\nexport const useCssVars = (height: Table3RowHeight, fontSize: FontSize) => {\n    const style = {\n        '--table3-cell-padding-x': getCellWidthPadding(fontSize),\n        '--table3-cell-padding-y': getCellHeightPadding(height, fontSize),\n    };\n\n    return { style };\n};\n"],"names":["getCellHeightPadding","height","fontSize","FontSizes","small","large","getCellWidthPadding","medium","useCssVars","style"],"mappings":";;AAGA;AACA,MAAMA,oBAAoB,GAAGA,CAACC,MAAuB,EAAEC,QAAkB;;EAErE,QAAQD,MAAM;IACV,KAAK,OAAO;MAAE;QACV,QAAQC,QAAQ;UACZ,KAAKC,SAAS,CAACC,KAAK;YAChB,OAAO,KAAK;UAEhB;YACI,OAAO,KAAK;;;;IAIxB,KAAK,MAAM;MAAE;QACT,QAAQF,QAAQ;UACZ,KAAKC,SAAS,CAACC,KAAK;YAChB,OAAO,MAAM;UAEjB,KAAKD,SAAS,CAACE,KAAK;YAChB,OAAO,MAAM;UAEjB;YACI,OAAO,MAAM;;;IAIzB,KAAK,YAAY;MAAE;QACf,QAAQH,QAAQ;UACZ,KAAKC,SAAS,CAACC,KAAK;YAChB,OAAO,MAAM;UAEjB,KAAKD,SAAS,CAACE,KAAK;YAChB,OAAO,MAAM;UAEjB;YACI,OAAO,MAAM;;;IAIzB;MAAS;QACL,QAAQH,QAAQ;UACZ,KAAKC,SAAS,CAACC,KAAK;YAChB,OAAO,MAAM;UAEjB,KAAKD,SAAS,CAACE,KAAK;YAChB,OAAO,KAAK;UAEhB;YACI,OAAO,MAAM;;;;AAIjC,CAAC;AAED,MAAMC,mBAAmB,GAAIJ,QAAkB;EAC3C,QAAQA,QAAQ;IACZ,KAAKC,SAAS,CAACC,KAAK;MAChB,OAAO,KAAK;IAEhB,KAAKD,SAAS,CAACI,MAAM;MACjB,OAAO,MAAM;IAEjB;MACI,OAAO,MAAM;;;AAEzB,CAAC;MAEYC,UAAU,GAAGA,CAACP,MAAuB,EAAEC,QAAkB;EAClE,MAAMO,KAAK,GAAG;IACV,yBAAyB,EAAEH,mBAAmB,CAACJ,QAAQ,CAAC;IACxD,yBAAyB,EAAEF,oBAAoB,CAACC,MAAM,EAAEC,QAAQ;GACnE;EAED,OAAO;IAAEO;GAAO;AACpB;;;;"}