@hitachivantara/uikit-react-core 6.8.2 → 6.9.0

package/dist/Table/hooks/useHvRowState.js

@@ -1,6 +1,6 @@
 import { useRowState } from "react-table";
-const useHvRowState = useRowState.bind({});
+//#region src/Table/hooks/useHvRowState.ts
+var useHvRowState = useRowState.bind({});
 useHvRowState.pluginName = "useHvRowState";
-export {
-  useHvRowState
-};
+//#endregion
+export { useHvRowState };

package/dist/Table/hooks/useHvSortBy.js

@@ -1,36 +1,29 @@
 import { ensurePluginOrder } from "react-table";
-const getHeaderPropsHook = (props, { instance, column }) => {
-  const { isMultiSortEvent = (e) => e.shiftKey } = instance;
-  const sortDirection = column.isSortedDesc ? "descending" : "ascending";
-  const nextProps = {
-    sortable: column.canSort,
-    sorted: column.isSorted,
-    sortDirection: column.isSorted ? sortDirection : void 0,
-    onClick: column.canSort ? (e) => {
-      e.persist();
-      column.toggleSortBy(
-        void 0,
-        !instance.disableMultiSort && isMultiSortEvent(e)
-      );
-    } : void 0
-  };
-  return [props, nextProps];
+//#region src/Table/hooks/useHvSortBy.ts
+var getHeaderPropsHook = (props, { instance, column }) => {
+	const { isMultiSortEvent = (e) => e.shiftKey } = instance;
+	const sortDirection = column.isSortedDesc ? "descending" : "ascending";
+	return [props, {
+		sortable: column.canSort,
+		sorted: column.isSorted,
+		sortDirection: column.isSorted ? sortDirection : void 0,
+		onClick: column.canSort ? (e) => {
+			e.persist();
+			column.toggleSortBy(void 0, !instance.disableMultiSort && isMultiSortEvent(e));
+		} : void 0
+	}];
 };
-const getCellPropsHook = (props, { cell }) => {
-  const nextProps = {
-    sorted: cell.column.isSorted
-  };
-  return [props, nextProps];
+var getCellPropsHook = (props, { cell }) => {
+	return [props, { sorted: cell.column.isSorted }];
 };
-const useInstanceHook = (instance) => {
-  ensurePluginOrder(instance.plugins, ["useSortBy"], "useHvSortBy");
+var useInstanceHook = (instance) => {
+	ensurePluginOrder(instance.plugins, ["useSortBy"], "useHvSortBy");
 };
-const useHvSortBy = (hooks) => {
-  hooks.getHeaderProps.push(getHeaderPropsHook);
-  hooks.getCellProps.push(getCellPropsHook);
-  hooks.useInstance.push(useInstanceHook);
+var useHvSortBy = (hooks) => {
+	hooks.getHeaderProps.push(getHeaderPropsHook);
+	hooks.getCellProps.push(getCellPropsHook);
+	hooks.useInstance.push(useInstanceHook);
 };
 useHvSortBy.pluginName = "useHvSortBy";
-export {
-  useHvSortBy
-};
+//#endregion
+export { useHvSortBy };

package/dist/Table/hooks/useHvSticky.js

@@ -1,169 +1,129 @@
-import { useGetLatest, makePropGetter } from "react-table";
 import { theme } from "@hitachivantara/uikit-styles";
-const isSticky = (value) => /left|right/i.test(value);
-const getStickyValue = ({ sticky, parent }) => {
-  if (isSticky(sticky)) {
-    return sticky;
-  }
-  if (parent != null) {
-    sticky = getStickyValue(parent);
-    if (isSticky(sticky)) {
-      return sticky;
-    }
-    const { columns } = parent;
-    if (columns?.length > 0) {
-      sticky = columns?.find((col) => col.sticky != null)?.sticky;
-      if (isSticky(sticky)) {
-        return sticky;
-      }
-    }
-  }
-  return void 0;
+import { makePropGetter, useGetLatest } from "react-table";
+//#region src/Table/hooks/useHvSticky.ts
+var isSticky = (value) => /left|right/i.test(value);
+var getStickyValue = ({ sticky, parent }) => {
+	if (isSticky(sticky)) return sticky;
+	if (parent != null) {
+		sticky = getStickyValue(parent);
+		if (isSticky(sticky)) return sticky;
+		const { columns } = parent;
+		if (columns?.length > 0) {
+			sticky = columns?.find((col) => col.sticky != null)?.sticky;
+			if (isSticky(sticky)) return sticky;
+		}
+	}
 };
-const updateColumnAndParent = (column, props) => {
-  Object.assign(column, props);
-  if (column.parent != null) {
-    updateColumnAndParent(column.parent, props);
-  }
+var updateColumnAndParent = (column, props) => {
+	Object.assign(column, props);
+	if (column.parent != null) updateColumnAndParent(column.parent, props);
 };
-const visibleColumnsHook = (columns, { instance }) => {
-  const toTheLeft = [];
-  const toTheRight = [];
-  const others = [];
-  columns.forEach((column) => {
-    const sticky = getStickyValue(column)?.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];
+var visibleColumnsHook = (columns, { instance }) => {
+	const toTheLeft = [];
+	const toTheRight = [];
+	const others = [];
+	columns.forEach((column) => {
+		const sticky = getStickyValue(column)?.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?.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?.length > 0) {
-      calculateHeaderWidthsToTheRight(subHeaders, right);
-    }
-    if (header.isVisible) {
-      right += header.totalWidth;
-    }
-  }
+var calculateHeaderWidthsToTheRight = (headers, right = 0) => {
+	if (!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?.length > 0) calculateHeaderWidthsToTheRight(subHeaders, right);
+		if (header.isVisible) right += header.totalWidth;
+	}
 };
-const useInstanceHook = (instance) => {
-  calculateHeaderWidthsToTheRight(instance.headers);
-  const getInstance = useGetLatest(instance);
-  instance.getTableHeadProps = makePropGetter(
-    instance.getHooks().getTableHeadProps,
-    {
-      instance: getInstance()
-    }
-  );
+var 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`,
-      ...isHeaderCell && { backgroundColor: theme.colors.bgPage }
-    }
-  };
-  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;
+var getRowProps = () => ({ style: {
+	display: "flex",
+	flex: "1 0 auto"
+} });
+var 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`,
+		...isHeaderCell && { backgroundColor: theme.colors.bgPage }
+	} };
+	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;
 };
-const getTablePropsHook = (props, { instance }) => {
-  const nextProps = {
-    stickyHeader: instance.stickyHeader,
-    stickyColumns: instance.hasStickyColumns
-  };
-  return [props, nextProps];
+var getTablePropsHook = (props, { instance }) => {
+	return [props, {
+		stickyHeader: instance.stickyHeader,
+		stickyColumns: instance.hasStickyColumns
+	}];
 };
-const getTableHeadPropsHook = (props, { instance }) => {
-  const nextProps = {
-    stickyHeader: instance.stickyHeader
-  };
-  return [props, nextProps];
+var getTableHeadPropsHook = (props, { instance }) => {
+	return [props, { stickyHeader: instance.stickyHeader }];
 };
-const getHeaderGroupPropsHook = (props, { instance }) => {
-  const nextProps = instance.hasStickyColumns ? getRowProps() : {};
-  return [props, nextProps];
+var getHeaderGroupPropsHook = (props, { instance }) => {
+	return [props, instance.hasStickyColumns ? getRowProps() : {}];
 };
-const getHeaderPropsHook = (props, { instance, column }) => {
-  const nextProps = instance.hasStickyColumns ? getCellProps(column, true) : {};
-  return [props, nextProps];
+var getHeaderPropsHook = (props, { instance, column }) => {
+	return [props, instance.hasStickyColumns ? getCellProps(column, true) : {}];
 };
-const getRowPropsHook = (props, { instance }) => {
-  const nextProps = instance.hasStickyColumns ? getRowProps() : {};
-  return [props, nextProps];
+var getRowPropsHook = (props, { instance }) => {
+	return [props, instance.hasStickyColumns ? getRowProps() : {}];
 };
-const getCellPropsHook = (props, { instance, cell }) => {
-  const nextProps = instance.hasStickyColumns ? getCellProps(cell.column, false) : {};
-  return [props, nextProps];
+var getCellPropsHook = (props, { instance, cell }) => {
+	return [props, instance.hasStickyColumns ? getCellProps(cell.column, false) : {}];
 };
-const useHvTableSticky = (hooks) => {
-  hooks.visibleColumns.push(visibleColumnsHook);
-  hooks.useInstance.push(useInstanceHook);
-  hooks.getTableProps.push(getTablePropsHook);
-  hooks.getTableHeadProps = [getTableHeadPropsHook];
-  hooks.getHeaderGroupProps.push(getHeaderGroupPropsHook);
-  hooks.getHeaderProps.push(getHeaderPropsHook);
-  hooks.getRowProps.push(getRowPropsHook);
-  hooks.getCellProps.push(getCellPropsHook);
+var useHvTableSticky = (hooks) => {
+	hooks.visibleColumns.push(visibleColumnsHook);
+	hooks.useInstance.push(useInstanceHook);
+	hooks.getTableProps.push(getTablePropsHook);
+	hooks.getTableHeadProps = [getTableHeadPropsHook];
+	hooks.getHeaderGroupProps.push(getHeaderGroupPropsHook);
+	hooks.getHeaderProps.push(getHeaderPropsHook);
+	hooks.getRowProps.push(getRowPropsHook);
+	hooks.getCellProps.push(getCellPropsHook);
 };
 useHvTableSticky.pluginName = "useHvTableSticky";
-export {
-  useHvTableSticky
-};
+//#endregion
+export { useHvTableSticky };

package/dist/Table/hooks/useHvTable.js

@@ -1,80 +1,56 @@
-import { useMemo } from "react";
-import { useTable, usePagination, useExpanded, useSortBy, useResizeColumns } from "react-table";
 import { DefaultCell } from "../renderers/DefaultCell.js";
 import { useHvTableStyles } from "./useHvTableStyles.js";
-const toTitleCase = (str) => {
-  return str.replace(/([^A-Z])([A-Z])/g, "$1 $2").replace(/[_-]+/g, " ").toLowerCase().replace(/(^\w|\b\w)/g, (m) => m.toUpperCase()).replace(/\s+/g, " ").trim();
+import { useMemo } from "react";
+import { useExpanded, usePagination, useResizeColumns, useSortBy, useTable } from "react-table";
+//#region src/Table/hooks/useHvTable.ts
+var toTitleCase = (str) => {
+	return str.replace(/([^A-Z])([A-Z])/g, "$1 $2").replace(/[_-]+/g, " ").toLowerCase().replace(/(^\w|\b\w)/g, (m) => m.toUpperCase()).replace(/\s+/g, " ").trim();
 };
 function useDefaultData(data) {
-  return useMemo(() => {
-    return data || [];
-  }, [data]);
+	return useMemo(() => {
+		return data || [];
+	}, [data]);
 }
 function useDefaultColumns(data, columns) {
-  return 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]);
+	return useMemo(() => {
+		if (columns != null) return columns;
+		return Object.keys(Object.assign({}, ...data)).filter((key) => !["subRows", "subComponent"].includes(key)).map((key) => ({
+			accessor: key,
+			Header: toTitleCase(key)
+		}));
+	}, [columns, data]);
 }
 function 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 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);
+	}
 }
 function useInstanceHook(instance) {
-  const { rowsById } = instance;
-  Object.assign(instance, {
-    initialRowsById: rowsById
-  });
+	const { rowsById } = instance;
+	Object.assign(instance, { initialRowsById: rowsById });
 }
 function useHvTableSetup(hooks) {
-  hooks.useInstance.push(useInstanceHook);
+	hooks.useInstance.push(useInstanceHook);
 }
 useHvTableSetup.pluginName = "useHvTableSetup";
 function useHvTable(options, ...plugins) {
-  const { data: dataProp, columns: columnsProp, ...others } = options;
-  const data = useDefaultData(dataProp);
-  const columns = useDefaultColumns(data, columnsProp);
-  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);
-  }
-  return useTable(
-    {
-      data,
-      columns,
-      defaultColumn: { Cell: DefaultCell },
-      ...others
-    },
-    useHvTableSetup,
-    ...plugins
-  );
+	const { data: dataProp, columns: columnsProp, ...others } = options;
+	const data = useDefaultData(dataProp);
+	const columns = useDefaultColumns(data, columnsProp);
+	ensureCorePluginInstallation(plugins, "useHvPagination", usePagination);
+	ensureCorePluginInstallation(plugins, "useHvRowExpand", useExpanded);
+	ensureCorePluginInstallation(plugins, "useHvSortBy", useSortBy);
+	ensureCorePluginInstallation(plugins, "useHvResizeColumns", useResizeColumns);
+	if (plugins.findIndex((plugin) => plugin.pluginName === "useHvTableStyles") === -1) plugins.push(useHvTableStyles);
+	return useTable({
+		data,
+		columns,
+		defaultColumn: { Cell: DefaultCell },
+		...others
+	}, useHvTableSetup, ...plugins);
 }
-export {
-  useHvTable
-};
+//#endregion
+export { useHvTable };

package/dist/Table/hooks/useHvTableStyles.js

@@ -1,89 +1,58 @@
 import { clsx } from "clsx";
-const getTablePropsHook = (props, { instance }) => {
-  const 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];
+//#region src/Table/hooks/useHvTableStyles.ts
+var getTablePropsHook = (props, { instance }) => {
+	const 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];
 };
-const getHeaderFooterPropsHook = (props, { column }) => {
-  const nextProps = {
-    variant: column.variant,
-    align: column.align
-  };
-  if (column.style != null || column.headerStyle != null) {
-    nextProps.style = {
-      ...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 = {
-      ...props.classes,
-      ...column.classes,
-      ...column.headerClasses
-    };
-  }
-  return [props, nextProps];
+var getHeaderFooterPropsHook = (props, { column }) => {
+	const nextProps = {
+		variant: column.variant,
+		align: column.align
+	};
+	if (column.style != null || column.headerStyle != null) nextProps.style = {
+		...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 = {
+		...props.classes,
+		...column.classes,
+		...column.headerClasses
+	};
+	return [props, nextProps];
 };
-const getRowPropsHook = (props) => {
-  const nextProps = {
-    hover: true
-  };
-  return [props, nextProps];
+var getRowPropsHook = (props) => {
+	return [props, { hover: true }];
 };
-const getCellPropsHook = (props, { cell }) => {
-  const nextProps = {
-    variant: cell.column.variant,
-    align: cell.column.align
-  };
-  if (cell.column.style != null || cell.column.cellStyle != null) {
-    nextProps.style = {
-      ...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 = {
-      ...props.classes,
-      ...cell.column.classes,
-      ...cell.column.cellClasses
-    };
-  }
-  return [props, nextProps];
+var getCellPropsHook = (props, { cell }) => {
+	const nextProps = {
+		variant: cell.column.variant,
+		align: cell.column.align
+	};
+	if (cell.column.style != null || cell.column.cellStyle != null) nextProps.style = {
+		...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 = {
+		...props.classes,
+		...cell.column.classes,
+		...cell.column.cellClasses
+	};
+	return [props, nextProps];
 };
-const useHvTableStyles = (hooks) => {
-  hooks.getTableProps.push(getTablePropsHook);
-  hooks.getHeaderProps.push(getHeaderFooterPropsHook);
-  hooks.getFooterProps.push(getHeaderFooterPropsHook);
-  hooks.getRowProps.push(getRowPropsHook);
-  hooks.getCellProps.push(getCellPropsHook);
+var useHvTableStyles = (hooks) => {
+	hooks.getTableProps.push(getTablePropsHook);
+	hooks.getHeaderProps.push(getHeaderFooterPropsHook);
+	hooks.getFooterProps.push(getHeaderFooterPropsHook);
+	hooks.getRowProps.push(getRowPropsHook);
+	hooks.getCellProps.push(getCellPropsHook);
 };
 useHvTableStyles.pluginName = "useHvTableStyles";
-export {
-  useHvTableStyles
-};
+//#endregion
+export { useHvTableStyles };

package/dist/Table/renderers/DateColumnCell.js

@@ -1,16 +1,15 @@
-import { jsx } from "react/jsx-runtime";
-import { useMemo } from "react";
 import { HvOverflowTooltip } from "../../OverflowTooltip/OverflowTooltip.js";
-const formatter = new Intl.DateTimeFormat(void 0, {
-  dateStyle: "short",
-  timeStyle: "medium"
+import { useMemo } from "react";
+import { jsx } from "react/jsx-runtime";
+//#region src/Table/renderers/DateColumnCell.tsx
+var formatter = new Intl.DateTimeFormat(void 0, {
+	dateStyle: "short",
+	timeStyle: "medium"
 });
-const HvDateColumnCell = ({ date }) => {
-  const formattedDate = useMemo(() => {
-    return date ? formatter.format(new Date(date)) : "—";
-  }, [date]);
-  return /* @__PURE__ */ jsx(HvOverflowTooltip, { data: formattedDate });
-};
-export {
-  HvDateColumnCell
+var HvDateColumnCell = ({ date }) => {
+	return /* @__PURE__ */ jsx(HvOverflowTooltip, { data: useMemo(() => {
+		return date ? formatter.format(new Date(date)) : "—";
+	}, [date]) });
 };
+//#endregion
+export { HvDateColumnCell };