@hitachivantara/uikit-react-core 4.4.1 → 5.0.0-next.1

package/dist/modern/Table/hooks/useSticky.js

@@ -1,239 +0,0 @@
-/* eslint-disable no-param-reassign */
-
-import { makePropGetter, useGetLatest } from "react-table";
-const isSticky = value => /left|right/i.test(value);
-const getStickyValue = ({
-  sticky,
-  parent
-}) => {
-  if (isSticky(sticky)) {
-    return sticky;
-  }
-  if (parent != null) {
-    // check if parent is sticky
-    sticky = getStickyValue(parent);
-    if (isSticky(sticky)) {
-      return sticky;
-    }
-    const {
-      columns
-    } = parent;
-    // check if any column in the same group is sticky
-    if ((columns === null || columns === void 0 ? void 0 : columns.length) > 0) {
-      var _columns$find;
-      sticky = columns === null || columns === void 0 ? void 0 : (_columns$find = columns.find(col => col.sticky != null)) === null || _columns$find === void 0 ? void 0 : _columns$find.sticky;
-      if (isSticky(sticky)) {
-        return sticky;
-      }
-    }
-  }
-  return undefined;
-};
-const updateColumnAndParent = (column, props) => {
-  Object.assign(column, props);
-  if (column.parent != null) {
-    updateColumnAndParent(column.parent, props);
-  }
-};
-export const visibleColumnsHook = (columns, {
-  instance
-}) => {
-  const toTheLeft = [];
-  const toTheRight = [];
-  const others = [];
-  columns.forEach(column => {
-    var _getStickyValue;
-    const sticky = (_getStickyValue = getStickyValue(column)) === null || _getStickyValue === void 0 ? void 0 : _getStickyValue.toLowerCase();
-    updateColumnAndParent(column, {
-      sticky
-    });
-    if (sticky === "left") {
-      toTheLeft.push(column);
-    } else if (sticky === "right") {
-      toTheRight.push(column);
-    } else {
-      others.push(column);
-    }
-  });
-  if (others.length > 0) {
-    const [firstNotSticky] = others;
-    updateColumnAndParent(firstNotSticky, {
-      isFirstNotSticky: true
-    });
-    const lastNotSticky = others[others.length - 1];
-    updateColumnAndParent(lastNotSticky, {
-      isLastNotSticky: true
-    });
-  }
-  const hasLeftSticky = toTheLeft.length > 0;
-  if (hasLeftSticky) {
-    const lastLeftSticky = toTheLeft[toTheLeft.length - 1];
-    updateColumnAndParent(lastLeftSticky, {
-      isLastLeftSticky: true
-    });
-  }
-  const hasRightSticky = toTheRight.length > 0;
-  if (hasRightSticky) {
-    const [firstRightSticky] = toTheRight;
-    updateColumnAndParent(firstRightSticky, {
-      isFirstRightSticky: true
-    });
-  }
-  instance.hasStickyColumns = hasLeftSticky || hasRightSticky;
-  return [...toTheLeft, ...others, ...toTheRight];
-};
-const calculateHeaderWidthsToTheRight = (headers, right = 0) => {
-  if (!(headers !== null && headers !== void 0 && headers.length)) {
-    return;
-  }
-  for (let i = headers.length - 1; i !== -1; i -= 1) {
-    const header = headers[i];
-    header.totalRight = right;
-    const {
-      headers: subHeaders
-    } = header;
-    if ((subHeaders === null || subHeaders === void 0 ? void 0 : subHeaders.length) > 0) {
-      calculateHeaderWidthsToTheRight(subHeaders, right);
-    }
-    if (header.isVisible) {
-      right += header.totalWidth;
-    }
-  }
-};
-export const useInstanceHook = instance => {
-  calculateHeaderWidthsToTheRight(instance.headers);
-  const getInstance = useGetLatest(instance);
-  instance.getTableHeadProps = makePropGetter(instance.getHooks().getTableHeadProps, {
-    instance: getInstance()
-  });
-};
-const getRowProps = () => ({
-  style: {
-    display: "flex",
-    flex: "1 0 auto"
-  }
-});
-const getCellProps = (header, isHeaderCell) => {
-  const props = {
-    style: {
-      display: "inline-flex",
-      flex: `${header.totalWidth} ${header.totalMinWidth} auto`,
-      alignItems: isHeaderCell ? "start" : "center",
-      justifyContent: header.align,
-      width: `${header.totalWidth}px`,
-      minWidth: `${header.totalMinWidth}px`
-    }
-  };
-  if (header.sticky != null) {
-    props.stickyColumn = true;
-    const margin = header.sticky === "left" ? header.totalLeft : header.totalRight;
-    props.style[header.sticky] = `${margin}px`;
-    if (header.isLastLeftSticky) {
-      props.stickyColumnMostLeft = true;
-    }
-    if (header.isFirstRightSticky) {
-      props.stickyColumnLeastRight = true;
-    }
-  } else {
-    if (header.isFirstNotSticky) {
-      props.style.borderLeft = 0;
-    }
-    if (header.isLastNotSticky) {
-      props.style.borderRight = 0;
-    }
-  }
-  return props;
-};
-
-/*
- * STICKY POSITION MANAGEMENT
- *   <thead>: sticky if stickyHeader: true
- *   <tr>: never sticky
- *   <th>: sticky only if that particular column is sticky (left or right)
- */
-
-/*
- * We need to hide the last non sticky column right border, to avoid issues with double borders.
- *
- * This could be done with css, using the `:has()` selector:
- *  - ".not-sticky:has(+ .first-right-sticky)": { border-right: 0 }
- *
- * Until the `:has()` selector is supported by modern browsers,
- * that at the moment is just a proposal https://developer.mozilla.org/en-US/docs/Web/CSS/:has,
- * we need to override the last not sticky column "borderRight" here.
- */
-
-// props target: <table>
-export const getTablePropsHook = (props, {
-  instance
-}) => {
-  const nextProps = {
-    stickyHeader: instance.stickyHeader,
-    stickyColumns: instance.hasStickyColumns
-  };
-  return [props, nextProps];
-};
-
-// props target: <table><thead>
-export const getTableHeadPropsHook = (props, {
-  instance
-}) => {
-  const nextProps = {
-    stickyHeader: instance.stickyHeader
-  };
-  return [props, nextProps];
-};
-
-// props target: <table><thead><tr>
-export const getHeaderGroupPropsHook = (props, {
-  instance
-}) => {
-  const nextProps = instance.hasStickyColumns ? getRowProps() : {};
-  return [props, nextProps];
-};
-
-// props target: <table><thead><tr><th>
-export const getHeaderPropsHook = (props, {
-  instance,
-  column
-}) => {
-  const nextProps = instance.hasStickyColumns ? getCellProps(column, true) : {};
-  return [props, nextProps];
-};
-
-// props target: <table><tbody><tr>
-export const getRowPropsHook = (props, {
-  instance
-}) => {
-  const nextProps = instance.hasStickyColumns ? getRowProps() : {};
-  return [props, nextProps];
-};
-
-// props target: <table><tbody><tr><td>
-export const getCellPropsHook = (props, {
-  instance,
-  cell
-}) => {
-  const nextProps = instance.hasStickyColumns ? getCellProps(cell.column, false) : {};
-  return [props, nextProps];
-};
-const useSticky = hooks => {
-  hooks.visibleColumns.push(visibleColumnsHook);
-  hooks.useInstance.push(useInstanceHook);
-
-  // props target: <table>
-  hooks.getTableProps.push(getTablePropsHook);
-  // props target: <table><thead>
-  hooks.getTableHeadProps = [getTableHeadPropsHook];
-  // props target: <table><thead><tr>
-  hooks.getHeaderGroupProps.push(getHeaderGroupPropsHook);
-  // props target: <table><thead><tr><th>
-  hooks.getHeaderProps.push(getHeaderPropsHook);
-  // props target: <table><tbody><tr>
-  hooks.getRowProps.push(getRowPropsHook);
-  // props target: <table><tbody><tr><td>
-  hooks.getCellProps.push(getCellPropsHook);
-};
-useSticky.pluginName = "useHvTableSticky";
-export default useSticky;
-//# sourceMappingURL=useSticky.js.map

package/dist/modern/Table/hooks/useSticky.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useSticky.js","names":["makePropGetter","useGetLatest","isSticky","value","test","getStickyValue","sticky","parent","columns","length","find","col","undefined","updateColumnAndParent","column","props","Object","assign","visibleColumnsHook","instance","toTheLeft","toTheRight","others","forEach","toLowerCase","push","firstNotSticky","isFirstNotSticky","lastNotSticky","isLastNotSticky","hasLeftSticky","lastLeftSticky","isLastLeftSticky","hasRightSticky","firstRightSticky","isFirstRightSticky","hasStickyColumns","calculateHeaderWidthsToTheRight","headers","right","i","header","totalRight","subHeaders","isVisible","totalWidth","useInstanceHook","getInstance","getTableHeadProps","getHooks","getRowProps","style","display","flex","getCellProps","isHeaderCell","totalMinWidth","alignItems","justifyContent","align","width","minWidth","stickyColumn","margin","totalLeft","stickyColumnMostLeft","stickyColumnLeastRight","borderLeft","borderRight","getTablePropsHook","nextProps","stickyHeader","stickyColumns","getTableHeadPropsHook","getHeaderGroupPropsHook","getHeaderPropsHook","getRowPropsHook","getCellPropsHook","cell","useSticky","hooks","visibleColumns","useInstance","getTableProps","getHeaderGroupProps","getHeaderProps","pluginName"],"sources":["../../../../src/Table/hooks/useSticky.js"],"sourcesContent":["/* eslint-disable no-param-reassign */\n\nimport { makePropGetter, useGetLatest } from \"react-table\";\n\nconst isSticky = (value) => /left|right/i.test(value);\n\nconst getStickyValue = ({ sticky, parent }) => {\n  if (isSticky(sticky)) {\n    return sticky;\n  }\n\n  if (parent != null) {\n    // check if parent is sticky\n    sticky = getStickyValue(parent);\n    if (isSticky(sticky)) {\n      return sticky;\n    }\n\n    const { columns } = parent;\n    // check if any column in the same group is sticky\n    if (columns?.length > 0) {\n      sticky = columns?.find((col) => col.sticky != null)?.sticky;\n      if (isSticky(sticky)) {\n        return sticky;\n      }\n    }\n  }\n\n  return undefined;\n};\n\nconst updateColumnAndParent = (column, props) => {\n  Object.assign(column, props);\n\n  if (column.parent != null) {\n    updateColumnAndParent(column.parent, props);\n  }\n};\n\nexport const visibleColumnsHook = (columns, { instance }) => {\n  const toTheLeft = [];\n  const toTheRight = [];\n  const others = [];\n\n  columns.forEach((column) => {\n    const sticky = getStickyValue(column)?.toLowerCase();\n\n    updateColumnAndParent(column, { sticky });\n\n    if (sticky === \"left\") {\n      toTheLeft.push(column);\n    } else if (sticky === \"right\") {\n      toTheRight.push(column);\n    } else {\n      others.push(column);\n    }\n  });\n\n  if (others.length > 0) {\n    const [firstNotSticky] = others;\n    updateColumnAndParent(firstNotSticky, { isFirstNotSticky: true });\n\n    const lastNotSticky = others[others.length - 1];\n    updateColumnAndParent(lastNotSticky, { isLastNotSticky: true });\n  }\n\n  const hasLeftSticky = toTheLeft.length > 0;\n  if (hasLeftSticky) {\n    const lastLeftSticky = toTheLeft[toTheLeft.length - 1];\n\n    updateColumnAndParent(lastLeftSticky, { isLastLeftSticky: true });\n  }\n\n  const hasRightSticky = toTheRight.length > 0;\n  if (hasRightSticky) {\n    const [firstRightSticky] = toTheRight;\n\n    updateColumnAndParent(firstRightSticky, { isFirstRightSticky: true });\n  }\n\n  instance.hasStickyColumns = hasLeftSticky || hasRightSticky;\n\n  return [...toTheLeft, ...others, ...toTheRight];\n};\n\nconst calculateHeaderWidthsToTheRight = (headers, right = 0) => {\n  if (!headers?.length) {\n    return;\n  }\n\n  for (let i = headers.length - 1; i !== -1; i -= 1) {\n    const header = headers[i];\n\n    header.totalRight = right;\n\n    const { headers: subHeaders } = header;\n    if (subHeaders?.length > 0) {\n      calculateHeaderWidthsToTheRight(subHeaders, right);\n    }\n\n    if (header.isVisible) {\n      right += header.totalWidth;\n    }\n  }\n};\n\nexport const useInstanceHook = (instance) => {\n  calculateHeaderWidthsToTheRight(instance.headers);\n\n  const getInstance = useGetLatest(instance);\n  instance.getTableHeadProps = makePropGetter(instance.getHooks().getTableHeadProps, {\n    instance: getInstance(),\n  });\n};\n\nconst getRowProps = () => ({\n  style: {\n    display: \"flex\",\n    flex: \"1 0 auto\",\n  },\n});\n\nconst getCellProps = (header, isHeaderCell) => {\n  const props = {\n    style: {\n      display: \"inline-flex\",\n      flex: `${header.totalWidth} ${header.totalMinWidth} auto`,\n      alignItems: isHeaderCell ? \"start\" : \"center\",\n      justifyContent: header.align,\n\n      width: `${header.totalWidth}px`,\n      minWidth: `${header.totalMinWidth}px`,\n    },\n  };\n\n  if (header.sticky != null) {\n    props.stickyColumn = true;\n\n    const margin = header.sticky === \"left\" ? header.totalLeft : header.totalRight;\n\n    props.style[header.sticky] = `${margin}px`;\n\n    if (header.isLastLeftSticky) {\n      props.stickyColumnMostLeft = true;\n    }\n\n    if (header.isFirstRightSticky) {\n      props.stickyColumnLeastRight = true;\n    }\n  } else {\n    if (header.isFirstNotSticky) {\n      props.style.borderLeft = 0;\n    }\n\n    if (header.isLastNotSticky) {\n      props.style.borderRight = 0;\n    }\n  }\n\n  return props;\n};\n\n/*\n * STICKY POSITION MANAGEMENT\n *   <thead>: sticky if stickyHeader: true\n *   <tr>: never sticky\n *   <th>: sticky only if that particular column is sticky (left or right)\n */\n\n/*\n * We need to hide the last non sticky column right border, to avoid issues with double borders.\n *\n * This could be done with css, using the `:has()` selector:\n *  - \".not-sticky:has(+ .first-right-sticky)\": { border-right: 0 }\n *\n * Until the `:has()` selector is supported by modern browsers,\n * that at the moment is just a proposal https://developer.mozilla.org/en-US/docs/Web/CSS/:has,\n * we need to override the last not sticky column \"borderRight\" here.\n */\n\n// props target: <table>\nexport const getTablePropsHook = (props, { instance }) => {\n  const nextProps = {\n    stickyHeader: instance.stickyHeader,\n    stickyColumns: instance.hasStickyColumns,\n  };\n\n  return [props, nextProps];\n};\n\n// props target: <table><thead>\nexport const getTableHeadPropsHook = (props, { instance }) => {\n  const nextProps = {\n    stickyHeader: instance.stickyHeader,\n  };\n\n  return [props, nextProps];\n};\n\n// props target: <table><thead><tr>\nexport const getHeaderGroupPropsHook = (props, { instance }) => {\n  const nextProps = instance.hasStickyColumns ? getRowProps() : {};\n\n  return [props, nextProps];\n};\n\n// props target: <table><thead><tr><th>\nexport const getHeaderPropsHook = (props, { instance, column }) => {\n  const nextProps = instance.hasStickyColumns ? getCellProps(column, true) : {};\n\n  return [props, nextProps];\n};\n\n// props target: <table><tbody><tr>\nexport const getRowPropsHook = (props, { instance }) => {\n  const nextProps = instance.hasStickyColumns ? getRowProps() : {};\n\n  return [props, nextProps];\n};\n\n// props target: <table><tbody><tr><td>\nexport const getCellPropsHook = (props, { instance, cell }) => {\n  const nextProps = instance.hasStickyColumns ? getCellProps(cell.column, false) : {};\n\n  return [props, nextProps];\n};\n\nconst useSticky = (hooks) => {\n  hooks.visibleColumns.push(visibleColumnsHook);\n  hooks.useInstance.push(useInstanceHook);\n\n  // props target: <table>\n  hooks.getTableProps.push(getTablePropsHook);\n  // props target: <table><thead>\n  hooks.getTableHeadProps = [getTableHeadPropsHook];\n  // props target: <table><thead><tr>\n  hooks.getHeaderGroupProps.push(getHeaderGroupPropsHook);\n  // props target: <table><thead><tr><th>\n  hooks.getHeaderProps.push(getHeaderPropsHook);\n  // props target: <table><tbody><tr>\n  hooks.getRowProps.push(getRowPropsHook);\n  // props target: <table><tbody><tr><td>\n  hooks.getCellProps.push(getCellPropsHook);\n};\n\nuseSticky.pluginName = \"useHvTableSticky\";\n\nexport default useSticky;\n"],"mappings":"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"}

package/dist/modern/Table/hooks/useTable.d.ts

@@ -1,336 +0,0 @@
-/* eslint-disable no-use-before-define */
-import {
-  Cell,
-  CellPropGetter,
-  CellProps,
-  ColumnInstance,
-  ColumnInterface,
-  FooterPropGetter,
-  HeaderPropGetter,
-  HeaderProps,
-  Hooks,
-  PluginHook,
-  Renderer,
-  Row,
-  RowPropGetter,
-  TableCellProps,
-  TableFooterProps,
-  TableHeaderProps,
-  TableInstance,
-  TableOptions,
-  TablePropGetter,
-  TableProps,
-  TableRowProps,
-  TableState,
-  UseColumnOrderInstanceProps,
-  UseColumnOrderState,
-  UseExpandedHooks,
-  UseExpandedInstanceProps,
-  UseExpandedOptions,
-  UseExpandedState,
-  UseFiltersColumnOptions,
-  UseFiltersColumnProps,
-  UseFiltersInstanceProps,
-  UseFiltersOptions,
-  UseFiltersState,
-  UseGlobalFiltersInstanceProps,
-  UseGlobalFiltersOptions,
-  UseGlobalFiltersState,
-  UseGroupByCellProps,
-  UseGroupByColumnOptions,
-  UseGroupByColumnProps,
-  UseGroupByHooks,
-  UseGroupByInstanceProps,
-  UseGroupByOptions,
-  UseGroupByRowProps,
-  UseGroupByState,
-  UsePaginationInstanceProps,
-  UsePaginationOptions,
-  UsePaginationState,
-  UseResizeColumnsColumnOptions,
-  UseResizeColumnsColumnProps,
-  UseResizeColumnsOptions,
-  UseResizeColumnsState,
-  UseSortByColumnOptions,
-  UseSortByColumnProps,
-  UseSortByHooks,
-  UseSortByInstanceProps,
-  UseSortByOptions,
-  UseSortByState,
-} from "react-table";
-
-import {
-  UseHvTableStylesTableOptions,
-  UseHvTableStylesColumnOptions,
-  UseHvTableStylesTableCellProps,
-  UseHvTableStylesTableRowProps,
-} from "./useTableStyles";
-import {
-  UseHvTableStickyCellProps,
-  UseHvTableStickyColumnProps,
-  UseHvTableStickyHooks,
-  UseHvTableStickyTableInstance,
-  UseHvTableStickyTableOptions,
-  UseHvTableStickyTableProps,
-} from "./useSticky";
-import { UseHvSortByColumnProps, UseHvSortByTableCellProps } from "./useSortBy";
-import {
-  UseHvRowSelectionHooks,
-  UseHvRowSelectionRowInstance,
-  UseHvRowSelectionState,
-  UseHvRowSelectionTableInstance,
-  UseHvRowSelectionTableOptions,
-  UseHvRowSelectionTableRowProps,
-} from "./useRowSelection";
-import { UseHvPaginationHooks, UseHvPaginationTableInstance } from "./usePagination";
-import {
-  UseHvBulkActionsHooks,
-  UseHvBulkActionsTableInstanceProps,
-  UseHvBulkActionsTableOptions,
-} from "./useBulkActions";
-import {
-  UseHvRowExpandTableOptions,
-  UseHvRowExpandRowInstance,
-  UseHvRowExpandTableRowProps,
-} from "./useRowExpand";
-import {
-  UseHvHeaderGroupsColumnProps,
-  UseHvHeaderGroupsCellProps,
-  UseHvHeaderGroupsInstance,
-} from "./useHeaderGroups";
-import { UseHvResizeColumnProps, UseHvResizeTableCellProps } from "./useResizeColumns";
-
-type Accessor<D extends object> = (
-  originalRow: D,
-  index: number,
-  sub: {
-    subRows: D[];
-    depth: number;
-    data: D[];
-  }
-) => CellValue;
-
-type StringKey<D> = Extract<keyof D, string>;
-type IdType<D> = StringKey<D> | string;
-type CellValue<V = any> = V;
-
-interface HvColumnInterfaceBasedOnValue<D extends object = Record<string, unknown>, V = any> {
-  Cell?: Renderer<HvCellProps<D, V>>;
-}
-
-interface HvColumnGroupInterface<D extends object> {
-  columns: Array<HvTableColumnConfig<D>>;
-}
-
-type HvColumnGroup<D extends object = Record<string, unknown>> = HvTableColumnOptions<D> &
-  HvColumnGroupInterface<D> &
-  (
-    | { Header: string }
-    | ({ id: IdType<D> } & {
-        Header: Renderer<HeaderProps<D>>;
-      })
-  ) & { accessor?: Accessor<D> }; // Not used, but needed for backwards compatibility
-
-type ValueOf<T> = T[keyof T];
-
-// The accessors like `foo.bar` are not supported, use functions instead
-type HvColumnWithStrictAccessor<D extends object = Record<string, unknown>> =
-  HvTableColumnOptions<D> &
-    ValueOf<{
-      [K in keyof D]: {
-        accessor: K;
-      } & HvColumnInterfaceBasedOnValue<D, D[K]>;
-    }>;
-
-type HvColumnWithLooseAccessor<D extends object = Record<string, unknown>> =
-  HvTableColumnOptions<D> &
-    HvColumnInterfaceBasedOnValue<D> &
-    (
-      | { Header: string }
-      | { id: IdType<D> }
-      | { accessor: keyof D extends never ? IdType<D> : never }
-    ) & { accessor?: keyof D extends never ? IdType<D> | Accessor<D> : Accessor<D> };
-
-export type HvCellProps<D extends object, V = any> = CellProps<D, V> & {
-  column: HvColumnInstance<D>;
-  row: HvRowInstance<D>;
-  cell: HvCellInstance<D, V>;
-};
-
-export type HvTableDefinitionConfig<D extends object = Record<string, unknown>> = HvTableOptions<D>;
-
-export type HvTableColumnConfig<D extends object = Record<string, unknown>> =
-  | HvColumnGroup<D>
-  | HvColumnWithLooseAccessor<D>
-  | HvColumnWithStrictAccessor<D>;
-
-// #region HOOKS
-export interface HvHooks<D extends object = Record<string, unknown>>
-  extends Hooks<D>,
-    UseExpandedHooks<D>,
-    UseGroupByHooks<D>,
-    UseSortByHooks<D>,
-    UseHvRowSelectionHooks<D>,
-    UseHvTableStickyHooks<D>,
-    UseHvPaginationHooks<D>,
-    UseHvBulkActionsHooks<D> {}
-// #endregion
-
-// #region STATE
-export interface HvTableState<D extends object = Record<string, unknown>>
-  extends TableState<D>,
-    UseColumnOrderState<D>,
-    UseExpandedState<D>,
-    UseFiltersState<D>,
-    UseGlobalFiltersState<D>,
-    UseGroupByState<D>,
-    UsePaginationState<D>,
-    UseResizeColumnsState<D>,
-    UseSortByState<D>,
-    UseHvRowSelectionState<D> {
-  rowCount: number;
-}
-// #endregion
-
-// #region OPTIONS
-export interface HvTableOptions<D extends object>
-  extends Omit<TableOptions<D>, "columns" | "data">,
-    UseExpandedOptions<D>,
-    UseFiltersOptions<D>,
-    UseFiltersOptions<D>,
-    UseGlobalFiltersOptions<D>,
-    UseGroupByOptions<D>,
-    UsePaginationOptions<D>,
-    UseResizeColumnsOptions<D>,
-    UseSortByOptions<D>,
-    UseHvTableStylesTableOptions,
-    UseHvRowSelectionTableOptions,
-    UseHvTableStickyTableOptions,
-    UseHvBulkActionsTableOptions,
-    UseHvRowExpandTableOptions {
-  columns?: Array<HvTableColumnConfig<D>>;
-  data?: D[];
-
-  initialState?: Partial<HvTableState<D>>;
-
-  labels?: Record<string, string>;
-}
-
-export interface HvTableColumnOptions<D extends object = Record<string, unknown>>
-  extends ColumnInterface<D>,
-    UseFiltersColumnOptions<D>,
-    UseGroupByColumnOptions<D>,
-    UseResizeColumnsColumnOptions<D>,
-    UseSortByColumnOptions<D>,
-    UseHvTableStylesColumnOptions {}
-// #endregion
-
-// #region INSTANCE
-export interface HvTableInstance<D extends object = Record<string, unknown>>
-  extends TableInstance<D>,
-    Omit<HvTableOptions<D>, "columns" | "pageCount" | "initialState" | "data">,
-    UseColumnOrderInstanceProps<D>,
-    UseExpandedInstanceProps<D>,
-    UseFiltersInstanceProps<D>,
-    UseGlobalFiltersInstanceProps<D>,
-    UseGroupByInstanceProps<D>,
-    UsePaginationInstanceProps<D>,
-    UseSortByInstanceProps<D>,
-    UseHvRowSelectionTableInstance<D>,
-    UseHvTableStickyTableInstance<D>,
-    UseHvHeaderGroupsInstance,
-    UseHvPaginationTableInstance<D>,
-    UseHvBulkActionsTableInstanceProps<D> {
-  initialState: Partial<HvTableState<D>>;
-  state: HvTableState<D>;
-  columns: Array<HvColumnInstance<D>>;
-  allColumns: Array<HvColumnInstance<D>>;
-  visibleColumns: Array<HvColumnInstance<D>>;
-  headers: Array<HvColumnInstance<D>>;
-  flatHeaders: Array<HvColumnInstance<D>>;
-  rows: Array<HvRowInstance<D>>;
-  page: Array<HvRowInstance<D>>;
-  rowsById: Record<string, HvRowInstance<D>>;
-  flatRows: Array<HvRowInstance<D>>;
-  getHooks: () => HvHooks<D>;
-  getTableProps: (propGetter?: TablePropGetter<D>) => HvUseTableProps;
-  selectedFlatRows: Array<HvRowInstance<D>>;
-
-  initialRows: Array<HvRowInstance<D>>;
-  initialRowsById: Record<string, HvRowInstance<D>>;
-
-  labels: Record<string, string>;
-}
-
-export interface HvColumnInstance<D extends object = Record<string, unknown>>
-  extends ColumnInstance<D>,
-    Omit<HvTableColumnOptions<D>, "id">,
-    UseFiltersColumnProps<D>,
-    UseGroupByColumnProps<D>,
-    UseResizeColumnsColumnProps<D>,
-    UseSortByColumnProps<D> {
-  Cell?: Renderer<HvCellProps<D>>;
-  columns: Array<HvColumnInstance<D>>;
-  parent: HvColumnInstance<D>; // not documented
-  placeholderOf?: HvColumnInstance;
-  getHeaderProps: (propGetter?: HeaderPropGetter<D>) => HvUseTableHeaderProps;
-  getFooterProps: (propGetter?: FooterPropGetter<D>) => HvUseTableFooterProps;
-}
-
-export interface HvRowInstance<D extends object = Record<string, unknown>>
-  extends Row<D>,
-    UseGroupByRowProps<D>,
-    UseHvRowSelectionRowInstance,
-    UseHvRowExpandRowInstance<D> {
-  cells: Array<HvCellInstance<D>>;
-  allCells: Array<HvCellInstance<D>>;
-  getRowProps: (propGetter?: RowPropGetter<D>) => HvUseTableRowProps;
-  index: number;
-  original: D;
-  id: string;
-  subRows: Array<HvRowInstance<D>>;
-}
-
-export interface HvCellInstance<D extends object = Record<string, unknown>, V = any>
-  extends Cell<D, V>,
-    UseGroupByCellProps<D> {
-  column: HvColumnInstance<D>;
-  row: HvRowInstance<D>;
-  getCellProps: (propGetter?: CellPropGetter<D>) => HvUseTableCellProps;
-}
-// #endregion
-
-// #region PROPS
-export interface HvUseTableProps extends TableProps, UseHvTableStickyTableProps {}
-
-export interface HvUseTableHeaderProps
-  extends TableHeaderProps,
-    UseHvTableStylesTableCellProps,
-    UseHvTableStickyColumnProps,
-    UseHvHeaderGroupsColumnProps,
-    UseHvResizeColumnProps,
-    UseHvSortByColumnProps {}
-export interface HvUseTableFooterProps extends TableFooterProps, UseHvTableStylesTableCellProps {}
-
-export interface HvUseTableRowProps
-  extends TableRowProps,
-    UseHvTableStylesTableRowProps,
-    UseHvRowSelectionTableRowProps,
-    UseHvRowExpandTableRowProps {}
-
-export interface HvUseTableCellProps
-  extends TableCellProps,
-    UseHvTableStylesTableCellProps,
-    UseHvTableStickyCellProps,
-    UseHvHeaderGroupsCellProps,
-    UseHvResizeTableCellProps,
-    UseHvSortByTableCellProps {}
-
-// #endregion
-
-export default function useHvTable<D extends object = Record<string, unknown>>(
-  options: HvTableOptions<D>,
-  ...plugins: Array<PluginHook<D>>
-): HvTableInstance<D>;
-
-export { PluginHook as HvTablePluginHook };

package/dist/modern/Table/hooks/useTable.js

@@ -1,76 +0,0 @@
-import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
-import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
-const _excluded = ["data", "columns"];
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-import { useMemo } from "react";
-import { useTable, usePagination, useExpanded, useSortBy, useResizeColumns } from "react-table";
-import useHvTableStyles from "./useTableStyles";
-const toTitleCase = str => {
-  return str.replace(/([^A-Z])([A-Z])/g, "$1 $2") // split cameCase
-  .replace(/[_-]+/g, " ") // split snake_case and lisp-case
-  .toLowerCase().replace(/(^\w|\b\w)/g, m => m.toUpperCase()) // title case words
-  .replace(/\s+/g, " ") // collapse repeated whitespace
-  .trim(); // remove leading/trailing whitespace
-};
-
-const useDefaultData = data => useMemo(() => {
-  return data || [];
-}, [data]);
-const useDefaultColumns = (columns, data) => useMemo(() => {
-  if (columns != null) {
-    return columns;
-  }
-  const uniqueKeys = Object.keys(Object.assign({}, ...data));
-  return uniqueKeys.filter(key => !["subRows", "subComponent"].includes(key)).map(key => ({
-    accessor: key,
-    Header: toTitleCase(key)
-  }));
-}, [columns, data]);
-const ensureCorePluginInstallation = (plugins, hvPluginName, corePluginToInstall) => {
-  const indexOfCorePlugin = plugins.findIndex(plugin => plugin.pluginName === corePluginToInstall.pluginName);
-  const indexOfHvPlugin = plugins.findIndex(plugin => plugin.pluginName === hvPluginName);
-  if (indexOfHvPlugin !== -1 && (indexOfCorePlugin === -1 || indexOfCorePlugin > indexOfHvPlugin)) {
-    if (indexOfCorePlugin > -1) {
-      plugins.splice(indexOfCorePlugin, 1);
-    }
-    plugins.splice(indexOfHvPlugin, 0, corePluginToInstall);
-  }
-};
-const useInstanceHook = instance => {
-  const {
-    rowsById
-  } = instance;
-  Object.assign(instance, {
-    initialRowsById: rowsById
-  });
-};
-const useHvTableSetup = hooks => {
-  hooks.useInstance.push(useInstanceHook);
-};
-useHvTableSetup.pluginName = "useHvTableSetup";
-const useHvTable = (props, ...plugins) => {
-  const {
-      data: dataProp,
-      columns: columnsProp
-    } = props,
-    others = _objectWithoutProperties(props, _excluded);
-  const data = useDefaultData(dataProp);
-  const columns = useDefaultColumns(columnsProp, data);
-  ensureCorePluginInstallation(plugins, "useHvPagination", usePagination);
-  ensureCorePluginInstallation(plugins, "useHvRowExpand", useExpanded);
-  ensureCorePluginInstallation(plugins, "useHvSortBy", useSortBy);
-  ensureCorePluginInstallation(plugins, "useHvResizeColumns", useResizeColumns);
-  const indexOfHvTableStylesPlugin = plugins.findIndex(plugin => plugin.pluginName === "useHvTableStyles");
-  if (indexOfHvTableStylesPlugin === -1) {
-    plugins.push(useHvTableStyles);
-  }
-
-  // main hook call
-  return useTable(_objectSpread({
-    data,
-    columns
-  }, others), useHvTableSetup, ...plugins);
-};
-export default useHvTable;
-//# sourceMappingURL=useTable.js.map