@hitachivantara/uikit-react-core 3.74.0 → 4.0.1-next.2

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

@@ -0,0 +1,336 @@
+/* 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/legacy/Table/hooks/useTable.js

@@ -0,0 +1,127 @@
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+import _toConsumableArray from "@babel/runtime/helpers/esm/toConsumableArray";
+import _extends from "@babel/runtime/helpers/esm/extends";
+var _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 "core-js/modules/es.string.trim.js";
+import "core-js/modules/es.regexp.exec.js";
+import "core-js/modules/es.string.replace.js";
+import "core-js/modules/es.object.keys.js";
+import "core-js/modules/es.array.concat.js";
+import "core-js/modules/es.array.map.js";
+import "core-js/modules/es.array.filter.js";
+import "core-js/modules/es.object.to-string.js";
+import "core-js/modules/es.array.includes.js";
+import "core-js/modules/es.array.find-index.js";
+import "core-js/modules/es.array.splice.js";
+import "core-js/modules/es.symbol.js";
+import "core-js/modules/es.object.get-own-property-descriptor.js";
+import "core-js/modules/web.dom-collections.for-each.js";
+import "core-js/modules/es.object.get-own-property-descriptors.js";
+import { useMemo } from "react";
+import { useTable, usePagination, useExpanded, useSortBy, useResizeColumns } from "react-table";
+import useHvTableStyles from "./useTableStyles";
+
+var toTitleCase = function 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, function (m) {
+    return m.toUpperCase();
+  }) // title case words
+  .replace(/\s+/g, " ") // collapse repeated whitespace
+  .trim(); // remove leading/trailing whitespace
+};
+
+var useDefaultData = function useDefaultData(data) {
+  return useMemo(function () {
+    return data || [];
+  }, [data]);
+};
+
+var useDefaultColumns = function useDefaultColumns(columns, data) {
+  return useMemo(function () {
+    if (columns != null) {
+      return columns;
+    }
+
+    var uniqueKeys = Object.keys(_extends.apply(void 0, [{}].concat(_toConsumableArray(data))));
+    return uniqueKeys.filter(function (key) {
+      return !["subRows", "subComponent"].includes(key);
+    }).map(function (key) {
+      return {
+        accessor: key,
+        Header: toTitleCase(key)
+      };
+    });
+  }, [columns, data]);
+};
+
+var ensureCorePluginInstallation = function ensureCorePluginInstallation(plugins, hvPluginName, corePluginToInstall) {
+  var indexOfCorePlugin = plugins.findIndex(function (plugin) {
+    return plugin.pluginName === corePluginToInstall.pluginName;
+  });
+  var indexOfHvPlugin = plugins.findIndex(function (plugin) {
+    return plugin.pluginName === hvPluginName;
+  });
+
+  if (indexOfHvPlugin !== -1 && (indexOfCorePlugin === -1 || indexOfCorePlugin > indexOfHvPlugin)) {
+    if (indexOfCorePlugin > -1) {
+      plugins.splice(indexOfCorePlugin, 1);
+    }
+
+    plugins.splice(indexOfHvPlugin, 0, corePluginToInstall);
+  }
+};
+
+var useInstanceHook = function useInstanceHook(instance) {
+  var rowsById = instance.rowsById;
+
+  _extends(instance, {
+    initialRowsById: rowsById
+  });
+};
+
+var useHvTableSetup = function useHvTableSetup(hooks) {
+  hooks.useInstance.push(useInstanceHook);
+};
+
+useHvTableSetup.pluginName = "useHvTableSetup";
+
+var useHvTable = function useHvTable(props) {
+  var dataProp = props.data,
+      columnsProp = props.columns,
+      others = _objectWithoutProperties(props, _excluded);
+
+  var data = useDefaultData(dataProp);
+  var columns = useDefaultColumns(columnsProp, data);
+
+  for (var _len = arguments.length, plugins = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {
+    plugins[_key - 1] = arguments[_key];
+  }
+
+  ensureCorePluginInstallation(plugins, "useHvPagination", usePagination);
+  ensureCorePluginInstallation(plugins, "useHvRowExpand", useExpanded);
+  ensureCorePluginInstallation(plugins, "useHvSortBy", useSortBy);
+  ensureCorePluginInstallation(plugins, "useHvResizeColumns", useResizeColumns);
+  var indexOfHvTableStylesPlugin = plugins.findIndex(function (plugin) {
+    return plugin.pluginName === "useHvTableStyles";
+  });
+
+  if (indexOfHvTableStylesPlugin === -1) {
+    plugins.push(useHvTableStyles);
+  } // main hook call
+
+
+  return useTable.apply(void 0, [_objectSpread({
+    data: data,
+    columns: columns
+  }, others), useHvTableSetup].concat(plugins));
+};
+
+export default useHvTable;
+//# sourceMappingURL=useTable.js.map

package/dist/legacy/Table/hooks/useTable.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useTable.js","names":["useMemo","useTable","usePagination","useExpanded","useSortBy","useResizeColumns","useHvTableStyles","toTitleCase","str","replace","toLowerCase","m","toUpperCase","trim","useDefaultData","data","useDefaultColumns","columns","uniqueKeys","Object","keys","filter","key","includes","map","accessor","Header","ensureCorePluginInstallation","plugins","hvPluginName","corePluginToInstall","indexOfCorePlugin","findIndex","plugin","pluginName","indexOfHvPlugin","splice","useInstanceHook","instance","rowsById","initialRowsById","useHvTableSetup","hooks","useInstance","push","useHvTable","props","dataProp","columnsProp","others","indexOfHvTableStylesPlugin"],"sources":["../../../../src/Table/hooks/useTable.js"],"sourcesContent":["import { useMemo } from \"react\";\nimport { useTable, usePagination, useExpanded, useSortBy, useResizeColumns } from \"react-table\";\n\nimport useHvTableStyles from \"./useTableStyles\";\n\nconst toTitleCase = (str) => {\n  return str\n    .replace(/([^A-Z])([A-Z])/g, \"$1 $2\") // split cameCase\n    .replace(/[_-]+/g, \" \") // split snake_case and lisp-case\n    .toLowerCase()\n    .replace(/(^\\w|\\b\\w)/g, (m) => m.toUpperCase()) // title case words\n    .replace(/\\s+/g, \" \") // collapse repeated whitespace\n    .trim(); // remove leading/trailing whitespace\n};\n\nconst useDefaultData = (data) =>\n  useMemo(() => {\n    return data || [];\n  }, [data]);\n\nconst useDefaultColumns = (columns, data) =>\n  useMemo(() => {\n    if (columns != null) {\n      return columns;\n    }\n\n    const uniqueKeys = Object.keys(Object.assign({}, ...data));\n    return uniqueKeys\n      .filter((key) => ![\"subRows\", \"subComponent\"].includes(key))\n      .map((key) => ({\n        accessor: key,\n        Header: toTitleCase(key),\n      }));\n  }, [columns, data]);\n\nconst ensureCorePluginInstallation = (plugins, hvPluginName, corePluginToInstall) => {\n  const indexOfCorePlugin = plugins.findIndex(\n    (plugin) => plugin.pluginName === corePluginToInstall.pluginName\n  );\n  const indexOfHvPlugin = plugins.findIndex((plugin) => plugin.pluginName === hvPluginName);\n\n  if (indexOfHvPlugin !== -1 && (indexOfCorePlugin === -1 || indexOfCorePlugin > indexOfHvPlugin)) {\n    if (indexOfCorePlugin > -1) {\n      plugins.splice(indexOfCorePlugin, 1);\n    }\n\n    plugins.splice(indexOfHvPlugin, 0, corePluginToInstall);\n  }\n};\n\nconst useInstanceHook = (instance) => {\n  const { rowsById } = instance;\n\n  Object.assign(instance, {\n    initialRowsById: rowsById,\n  });\n};\n\nconst useHvTableSetup = (hooks) => {\n  hooks.useInstance.push(useInstanceHook);\n};\n\nuseHvTableSetup.pluginName = \"useHvTableSetup\";\n\nconst useHvTable = (props, ...plugins) => {\n  const { data: dataProp, columns: columnsProp, ...others } = props;\n\n  const data = useDefaultData(dataProp);\n  const columns = useDefaultColumns(columnsProp, data);\n\n  ensureCorePluginInstallation(plugins, \"useHvPagination\", usePagination);\n  ensureCorePluginInstallation(plugins, \"useHvRowExpand\", useExpanded);\n  ensureCorePluginInstallation(plugins, \"useHvSortBy\", useSortBy);\n  ensureCorePluginInstallation(plugins, \"useHvResizeColumns\", useResizeColumns);\n\n  const indexOfHvTableStylesPlugin = plugins.findIndex(\n    (plugin) => plugin.pluginName === \"useHvTableStyles\"\n  );\n  if (indexOfHvTableStylesPlugin === -1) {\n    plugins.push(useHvTableStyles);\n  }\n\n  // main hook call\n  return useTable(\n    {\n      data,\n      columns,\n      ...others,\n    },\n    useHvTableSetup,\n    ...plugins\n  );\n};\n\nexport default useHvTable;\n"],"mappings":"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"}

package/dist/legacy/Table/hooks/useTableStyles.d.ts

@@ -0,0 +1,41 @@
+import { CSSProperties } from "react";
+import { Hooks } from "react-table";
+
+// table definition:
+export type UseHvTableStylesTableOptions = {
+  style?: CSSProperties;
+  className?: string;
+  classes?: Record<string, string>;
+};
+
+// column definition:
+export interface UseHvTableStylesColumnOptions {
+  variant?: "checkbox" | "expand" | "actions" | "default" | "none";
+  align?: "center" | "inherit" | "justify" | "left" | "right";
+
+  style?: CSSProperties;
+  className?: string;
+  classes?: Record<string, string>;
+
+  headerStyle?: CSSProperties;
+  headerClassName?: string;
+  headerClasses?: Record<string, string>;
+
+  cellStyle?: CSSProperties;
+  cellClassName?: string;
+  cellClasses?: Record<string, string>;
+}
+
+// PROPS:
+export interface UseHvTableStylesTableRowProps {
+  hover?: boolean;
+}
+
+export interface UseHvTableStylesTableCellProps {
+  variant?: "checkbox" | "expand" | "actions" | "default" | "none";
+  align?: "center" | "inherit" | "justify" | "left" | "right";
+}
+
+export default function useTableStyles<D extends object = Record<string, unknown>>(
+  hooks: Hooks<D>
+): void;

package/dist/legacy/Table/hooks/useTableStyles.js

@@ -0,0 +1,103 @@
+import "core-js/modules/es.object.keys.js";
+import "core-js/modules/es.symbol.js";
+import "core-js/modules/es.array.filter.js";
+import "core-js/modules/es.object.to-string.js";
+import "core-js/modules/es.object.get-own-property-descriptor.js";
+import "core-js/modules/web.dom-collections.for-each.js";
+import "core-js/modules/es.object.get-own-property-descriptors.js";
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+
+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 clsx from "clsx"; // props target: <table>
+
+export var getTablePropsHook = function getTablePropsHook(props, _ref) {
+  var instance = _ref.instance;
+  var nextProps = {
+    component: instance.tableComponent
+  };
+
+  if (instance.style != null) {
+    nextProps.style = instance.style;
+  }
+
+  if (instance.className != null) {
+    nextProps.className = instance.className;
+  }
+
+  if (instance.classes != null) {
+    nextProps.classes = instance.classes;
+  }
+
+  return [props, nextProps];
+}; // props target: <table><thead><tr><th>
+
+export var getHeaderFooterPropsHook = function getHeaderFooterPropsHook(props, _ref2) {
+  var column = _ref2.column;
+  var nextProps = {
+    variant: column.variant,
+    align: column.align
+  };
+
+  if (column.style != null || column.headerStyle != null) {
+    nextProps.style = _objectSpread(_objectSpread(_objectSpread({}, props.style), column.style), column.headerStyle);
+  }
+
+  if (column.className != null || column.headerClassName != null) {
+    nextProps.className = clsx(props.className, column.className, column.headerClassName);
+  }
+
+  if (column.classes != null || column.headerClasses) {
+    nextProps.classes = _objectSpread(_objectSpread(_objectSpread({}, props.classes), column.classes), column.headerClasses);
+  }
+
+  return [props, nextProps];
+}; // props target: <table><tbody><tr>
+
+export var getRowPropsHook = function getRowPropsHook(props) {
+  var nextProps = {
+    hover: true
+  };
+  return [props, nextProps];
+}; // props target: <table><tbody><tr><td>
+
+export var getCellPropsHook = function getCellPropsHook(props, _ref3) {
+  var cell = _ref3.cell;
+  var nextProps = {
+    variant: cell.column.variant,
+    align: cell.column.align
+  };
+
+  if (cell.column.style != null || cell.column.cellStyle != null) {
+    nextProps.style = _objectSpread(_objectSpread(_objectSpread({}, props.style), cell.column.style), cell.column.cellStyle);
+  }
+
+  if (cell.column.className != null || cell.column.cellClassName != null) {
+    nextProps.className = clsx(props.className, cell.column.className, cell.column.cellClassName);
+  }
+
+  if (cell.column.classes != null || cell.column.cellClasses) {
+    nextProps.classes = _objectSpread(_objectSpread(_objectSpread({}, props.classes), cell.column.classes), cell.column.cellClasses);
+  }
+
+  return [props, nextProps];
+};
+
+var useTableStyles = function useTableStyles(hooks) {
+  // props target: <table>
+  hooks.getTableProps.push(getTablePropsHook); // props target: <table><thead><tr><th>
+
+  hooks.getHeaderProps.push(getHeaderFooterPropsHook); // props target: <table><tfoot><tr><td>
+
+  hooks.getFooterProps.push(getHeaderFooterPropsHook); // props target: <table><tbody><tr>
+
+  hooks.getRowProps.push(getRowPropsHook); // props target: <table><tbody><tr><td>
+
+  hooks.getCellProps.push(getCellPropsHook);
+};
+
+useTableStyles.pluginName = "useHvTableStyles";
+export default useTableStyles;
+//# sourceMappingURL=useTableStyles.js.map

package/dist/legacy/Table/hooks/useTableStyles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useTableStyles.js","names":["clsx","getTablePropsHook","props","instance","nextProps","component","tableComponent","style","className","classes","getHeaderFooterPropsHook","column","variant","align","headerStyle","headerClassName","headerClasses","getRowPropsHook","hover","getCellPropsHook","cell","cellStyle","cellClassName","cellClasses","useTableStyles","hooks","getTableProps","push","getHeaderProps","getFooterProps","getRowProps","getCellProps","pluginName"],"sources":["../../../../src/Table/hooks/useTableStyles.js"],"sourcesContent":["import clsx from \"clsx\";\n\n// props target: <table>\nexport const getTablePropsHook = (props, { instance }) => {\n  const nextProps = { component: instance.tableComponent };\n\n  if (instance.style != null) {\n    nextProps.style = instance.style;\n  }\n\n  if (instance.className != null) {\n    nextProps.className = instance.className;\n  }\n\n  if (instance.classes != null) {\n    nextProps.classes = instance.classes;\n  }\n\n  return [props, nextProps];\n};\n\n// props target: <table><thead><tr><th>\nexport const getHeaderFooterPropsHook = (props, { column }) => {\n  const nextProps = {\n    variant: column.variant,\n    align: column.align,\n  };\n\n  if (column.style != null || column.headerStyle != null) {\n    nextProps.style = { ...props.style, ...column.style, ...column.headerStyle };\n  }\n\n  if (column.className != null || column.headerClassName != null) {\n    nextProps.className = clsx(props.className, column.className, column.headerClassName);\n  }\n\n  if (column.classes != null || column.headerClasses) {\n    nextProps.classes = { ...props.classes, ...column.classes, ...column.headerClasses };\n  }\n\n  return [props, nextProps];\n};\n\n// props target: <table><tbody><tr>\nexport const getRowPropsHook = (props) => {\n  const nextProps = {\n    hover: true,\n  };\n\n  return [props, nextProps];\n};\n\n// props target: <table><tbody><tr><td>\nexport const getCellPropsHook = (props, { cell }) => {\n  const nextProps = {\n    variant: cell.column.variant,\n    align: cell.column.align,\n  };\n\n  if (cell.column.style != null || cell.column.cellStyle != null) {\n    nextProps.style = { ...props.style, ...cell.column.style, ...cell.column.cellStyle };\n  }\n\n  if (cell.column.className != null || cell.column.cellClassName != null) {\n    nextProps.className = clsx(props.className, cell.column.className, cell.column.cellClassName);\n  }\n\n  if (cell.column.classes != null || cell.column.cellClasses) {\n    nextProps.classes = { ...props.classes, ...cell.column.classes, ...cell.column.cellClasses };\n  }\n\n  return [props, nextProps];\n};\n\nconst useTableStyles = (hooks) => {\n  // props target: <table>\n  hooks.getTableProps.push(getTablePropsHook);\n  // props target: <table><thead><tr><th>\n  hooks.getHeaderProps.push(getHeaderFooterPropsHook);\n  // props target: <table><tfoot><tr><td>\n  hooks.getFooterProps.push(getHeaderFooterPropsHook);\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\nuseTableStyles.pluginName = \"useHvTableStyles\";\n\nexport default useTableStyles;\n"],"mappings":"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"}

package/dist/legacy/Table/index.d.ts

@@ -1,2 +1,24 @@
 export { default } from "./Table";
 export * from "./Table";
+
+export { default as HvTableBody } from "./TableBody";
+export * from "./TableBody";
+
+export { default as HvTableCell } from "./TableCell";
+export * from "./TableCell";
+
+export { default as HvTableContainer } from "./TableContainer";
+export * from "./TableContainer";
+
+export { default as HvTableHead } from "./TableHead";
+export * from "./TableHead";
+
+export { default as HvTableHeader } from "./TableHeader";
+export * from "./TableHeader";
+
+export { default as HvTableRow } from "./TableRow";
+export * from "./TableRow";
+
+export * from "./hooks";
+export * from "./utils";
+export * from "./renderers";

package/dist/legacy/Table/index.js

@@ -1,2 +1,11 @@
 export { default } from "./Table";
+export { default as HvTableBody } from "./TableBody";
+export { default as HvTableCell } from "./TableCell";
+export { default as HvTableContainer } from "./TableContainer";
+export { default as HvTableHead } from "./TableHead";
+export { default as HvTableHeader } from "./TableHeader";
+export { default as HvTableRow } from "./TableRow";
+export * from "./hooks";
+export * from "./renderers";
+export * from "./utils";
 //# sourceMappingURL=index.js.map