@hitachivantara/uikit-react-core 3.72.0 → 4.0.1-next.1

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

@@ -0,0 +1,94 @@
+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 "core-js/modules/es.string.replace.js";
+import "core-js/modules/web.dom-collections.iterator.js";
+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

package/dist/modern/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","assign","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/modern/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/modern/Table/hooks/useTableStyles.js

@@ -0,0 +1,99 @@
+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 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];
+}; // props target: <table><thead><tr><th>
+
+export const getHeaderFooterPropsHook = (props, {
+  column
+}) => {
+  const 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 const getRowPropsHook = props => {
+  const nextProps = {
+    hover: true
+  };
+  return [props, nextProps];
+}; // props target: <table><tbody><tr><td>
+
+export 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 = _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];
+};
+
+const 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/modern/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/modern/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/modern/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

package/dist/modern/Table/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["default"],"sources":["../../../src/Table/index.js"],"sourcesContent":["export { default } from \"./Table\";\n"],"mappings":"AAAA,SAASA,OAAT,QAAwB,SAAxB"}
+{"version":3,"file":"index.js","names":["default","HvTableBody","HvTableCell","HvTableContainer","HvTableHead","HvTableHeader","HvTableRow"],"sources":["../../../src/Table/index.js"],"sourcesContent":["export { default } from \"./Table\";\nexport { default as HvTableBody } from \"./TableBody\";\nexport { default as HvTableCell } from \"./TableCell\";\nexport { default as HvTableContainer } from \"./TableContainer\";\nexport { default as HvTableHead } from \"./TableHead\";\nexport { default as HvTableHeader } from \"./TableHeader\";\nexport { default as HvTableRow } from \"./TableRow\";\n\nexport * from \"./hooks\";\nexport * from \"./renderers\";\nexport * from \"./utils\";\n"],"mappings":"AAAA,SAASA,OAAT,QAAwB,SAAxB;AACA,SAASA,OAAO,IAAIC,WAApB,QAAuC,aAAvC;AACA,SAASD,OAAO,IAAIE,WAApB,QAAuC,aAAvC;AACA,SAASF,OAAO,IAAIG,gBAApB,QAA4C,kBAA5C;AACA,SAASH,OAAO,IAAII,WAApB,QAAuC,aAAvC;AACA,SAASJ,OAAO,IAAIK,aAApB,QAAyC,eAAzC;AACA,SAASL,OAAO,IAAIM,UAApB,QAAsC,YAAtC;AAEA,cAAc,SAAd;AACA,cAAc,aAAd;AACA,cAAc,SAAd"}

package/dist/modern/Table/renderers/DateColumnCell/DateColumnCell.d.ts

@@ -0,0 +1,12 @@
+export interface HvDateColumnCellProp {
+  /**
+   * The date's text representation format.
+   */
+  dateFormat?: string;
+  /**
+   * Date to render.
+   */
+  date?: string;
+}
+
+export default function HvDateColumnCellProp(props: HvDateColumnCellProp): JSX.Element | null;

package/dist/modern/Table/renderers/DateColumnCell/DateColumnCell.js

@@ -0,0 +1,32 @@
+import React, { useMemo } from "react";
+import PropTypes from "prop-types";
+import dayjs from "dayjs";
+import { HvOverflowTooltip } from "../../..";
+import { jsx as _jsx } from "react/jsx-runtime";
+
+const HvDateColumnCell = ({
+  date,
+  dateFormat
+}) => {
+  const formattedDate = useMemo(() => {
+    if (date) return dayjs(date).format(dateFormat !== "ISO8601" ? dateFormat : undefined);
+    return "—";
+  }, [date, dateFormat]);
+  return /*#__PURE__*/_jsx(HvOverflowTooltip, {
+    data: formattedDate
+  });
+};
+
+process.env.NODE_ENV !== "production" ? HvDateColumnCell.propTypes = {
+  /**
+   * Date to render.
+   */
+  date: PropTypes.string,
+
+  /**
+   * The date's text representation format.
+   */
+  dateFormat: PropTypes.string
+} : void 0;
+export default HvDateColumnCell;
+//# sourceMappingURL=DateColumnCell.js.map

package/dist/modern/Table/renderers/DateColumnCell/DateColumnCell.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DateColumnCell.js","names":["React","useMemo","PropTypes","dayjs","HvOverflowTooltip","HvDateColumnCell","date","dateFormat","formattedDate","format","undefined","propTypes","string"],"sources":["../../../../../src/Table/renderers/DateColumnCell/DateColumnCell.js"],"sourcesContent":["import React, { useMemo } from \"react\";\nimport PropTypes from \"prop-types\";\nimport dayjs from \"dayjs\";\nimport { HvOverflowTooltip } from \"../../..\";\n\nconst HvDateColumnCell = ({ date, dateFormat }) => {\n  const formattedDate = useMemo(() => {\n    if (date) return dayjs(date).format(dateFormat !== \"ISO8601\" ? dateFormat : undefined);\n    return \"—\";\n  }, [date, dateFormat]);\n\n  return <HvOverflowTooltip data={formattedDate} />;\n};\n\nHvDateColumnCell.propTypes = {\n  /**\n   * Date to render.\n   */\n  date: PropTypes.string,\n  /**\n   * The date's text representation format.\n   */\n  dateFormat: PropTypes.string,\n};\n\nexport default HvDateColumnCell;\n"],"mappings":"AAAA,OAAOA,KAAP,IAAgBC,OAAhB,QAA+B,OAA/B;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,OAAOC,KAAP,MAAkB,OAAlB;AACA,SAASC,iBAAT,QAAkC,UAAlC;;;AAEA,MAAMC,gBAAgB,GAAG,CAAC;EAAEC,IAAF;EAAQC;AAAR,CAAD,KAA0B;EACjD,MAAMC,aAAa,GAAGP,OAAO,CAAC,MAAM;IAClC,IAAIK,IAAJ,EAAU,OAAOH,KAAK,CAACG,IAAD,CAAL,CAAYG,MAAZ,CAAmBF,UAAU,KAAK,SAAf,GAA2BA,UAA3B,GAAwCG,SAA3D,CAAP;IACV,OAAO,GAAP;EACD,CAH4B,EAG1B,CAACJ,IAAD,EAAOC,UAAP,CAH0B,CAA7B;EAKA,oBAAO,KAAC,iBAAD;IAAmB,IAAI,EAAEC;EAAzB,EAAP;AACD,CAPD;;AASA,wCAAAH,gBAAgB,CAACM,SAAjB,GAA6B;EAC3B;AACF;AACA;EACEL,IAAI,EAAEJ,SAAS,CAACU,MAJW;;EAK3B;AACF;AACA;EACEL,UAAU,EAAEL,SAAS,CAACU;AARK,CAA7B;AAWA,eAAeP,gBAAf"}

package/dist/modern/Table/renderers/DateColumnCell/index.d.ts

@@ -0,0 +1 @@
+export { default } from "./DateColumnCell";

package/dist/modern/Table/renderers/DateColumnCell/index.js

@@ -0,0 +1,2 @@
+export { default } from "./DateColumnCell";
+//# sourceMappingURL=index.js.map

package/dist/modern/Table/renderers/DateColumnCell/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["default"],"sources":["../../../../../src/Table/renderers/DateColumnCell/index.js"],"sourcesContent":["export { default } from \"./DateColumnCell\";\n"],"mappings":"AAAA,SAASA,OAAT,QAAwB,kBAAxB"}

package/dist/modern/Table/renderers/DropdownColumnCell/DropdownColumnCell.d.ts

@@ -0,0 +1,24 @@
+import { HvDropdownProps, ListValueProp } from "../../..";
+
+export interface HvDropdownColumnCellProps {
+  /**
+   * values to render in the dropdown.
+   */
+  values: ListValueProp[];
+  /**
+   * Placeholder text for when the dropdown is empty.
+   */
+  placeholder: string;
+  /**
+   * The whether the dropdown is disabled.
+   */
+  disabled: boolean;
+  /**
+   * Function called when there is change on the dropdown.
+   */
+  onChange?: (value: ListValueProp) => void;
+  /**
+   * Extra props to be passed onto the dropdown.
+   */
+  dropdownProps?: HvDropdownProps;
+}

package/dist/modern/Table/renderers/DropdownColumnCell/DropdownColumnCell.js

@@ -0,0 +1,64 @@
+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 "core-js/modules/web.dom-collections.iterator.js";
+import React from "react";
+import PropTypes from "prop-types";
+import { HvDropdown } from "../../..";
+import { jsx as _jsx } from "react/jsx-runtime";
+
+const HvDropdownColumnCell = ({
+  values,
+  disabled,
+  onChange,
+  placeholder,
+  dropdownProps
+}) => {
+  return /*#__PURE__*/_jsx(HvDropdown, _objectSpread({
+    onChange: item => {
+      onChange === null || onChange === void 0 ? void 0 : onChange(item);
+    },
+    placeholder: placeholder,
+    disabled: disabled,
+    values: values,
+    disablePortal: true
+  }, dropdownProps));
+};
+
+process.env.NODE_ENV !== "production" ? HvDropdownColumnCell.propTypes = {
+  /**
+   * values to render in the dropdown.
+   */
+  values: PropTypes.arrayOf(PropTypes.shape({
+    id: PropTypes.string,
+    label: PropTypes.node.isRequired,
+    searchValue: PropTypes.string,
+    value: PropTypes.any,
+    selected: PropTypes.bool
+  })),
+
+  /**
+   * The whether the dropdown is disabled.
+   */
+  disabled: PropTypes.bool,
+
+  /**
+   * Function called when there is change on the dropdown.
+   */
+  onChange: PropTypes.func,
+
+  /**
+   * Placeholder text for when the dropdown is empty.
+   */
+  placeholder: PropTypes.string,
+
+  /**
+   * Extra props to be passed onto the dropdown.
+   */
+  dropdownProps: PropTypes.instanceOf(Object)
+} : void 0;
+export default HvDropdownColumnCell;
+//# sourceMappingURL=DropdownColumnCell.js.map

package/dist/modern/Table/renderers/DropdownColumnCell/DropdownColumnCell.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DropdownColumnCell.js","names":["React","PropTypes","HvDropdown","HvDropdownColumnCell","values","disabled","onChange","placeholder","dropdownProps","item","propTypes","arrayOf","shape","id","string","label","node","isRequired","searchValue","value","any","selected","bool","func","instanceOf","Object"],"sources":["../../../../../src/Table/renderers/DropdownColumnCell/DropdownColumnCell.js"],"sourcesContent":["import React from \"react\";\nimport PropTypes from \"prop-types\";\nimport { HvDropdown } from \"../../..\";\n\nconst HvDropdownColumnCell = ({ values, disabled, onChange, placeholder, dropdownProps }) => {\n  return (\n    <HvDropdown\n      onChange={(item) => {\n        onChange?.(item);\n      }}\n      placeholder={placeholder}\n      disabled={disabled}\n      values={values}\n      disablePortal\n      {...dropdownProps}\n    />\n  );\n};\n\nHvDropdownColumnCell.propTypes = {\n  /**\n   * values to render in the dropdown.\n   */\n  values: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.string,\n      label: PropTypes.node.isRequired,\n      searchValue: PropTypes.string,\n      value: PropTypes.any,\n      selected: PropTypes.bool,\n    })\n  ),\n  /**\n   * The whether the dropdown is disabled.\n   */\n  disabled: PropTypes.bool,\n  /**\n   * Function called when there is change on the dropdown.\n   */\n  onChange: PropTypes.func,\n  /**\n   * Placeholder text for when the dropdown is empty.\n   */\n  placeholder: PropTypes.string,\n  /**\n   * Extra props to be passed onto the dropdown.\n   */\n  dropdownProps: PropTypes.instanceOf(Object),\n};\n\nexport default HvDropdownColumnCell;\n"],"mappings":";;;;;;;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,SAASC,UAAT,QAA2B,UAA3B;;;AAEA,MAAMC,oBAAoB,GAAG,CAAC;EAAEC,MAAF;EAAUC,QAAV;EAAoBC,QAApB;EAA8BC,WAA9B;EAA2CC;AAA3C,CAAD,KAAgE;EAC3F,oBACE,KAAC,UAAD;IACE,QAAQ,EAAGC,IAAD,IAAU;MAClBH,QAAQ,SAAR,IAAAA,QAAQ,WAAR,YAAAA,QAAQ,CAAGG,IAAH,CAAR;IACD,CAHH;IAIE,WAAW,EAAEF,WAJf;IAKE,QAAQ,EAAEF,QALZ;IAME,MAAM,EAAED,MANV;IAOE,aAAa;EAPf,GAQMI,aARN,EADF;AAYD,CAbD;;AAeA,wCAAAL,oBAAoB,CAACO,SAArB,GAAiC;EAC/B;AACF;AACA;EACEN,MAAM,EAAEH,SAAS,CAACU,OAAV,CACNV,SAAS,CAACW,KAAV,CAAgB;IACdC,EAAE,EAAEZ,SAAS,CAACa,MADA;IAEdC,KAAK,EAAEd,SAAS,CAACe,IAAV,CAAeC,UAFR;IAGdC,WAAW,EAAEjB,SAAS,CAACa,MAHT;IAIdK,KAAK,EAAElB,SAAS,CAACmB,GAJH;IAKdC,QAAQ,EAAEpB,SAAS,CAACqB;EALN,CAAhB,CADM,CAJuB;;EAa/B;AACF;AACA;EACEjB,QAAQ,EAAEJ,SAAS,CAACqB,IAhBW;;EAiB/B;AACF;AACA;EACEhB,QAAQ,EAAEL,SAAS,CAACsB,IApBW;;EAqB/B;AACF;AACA;EACEhB,WAAW,EAAEN,SAAS,CAACa,MAxBQ;;EAyB/B;AACF;AACA;EACEN,aAAa,EAAEP,SAAS,CAACuB,UAAV,CAAqBC,MAArB;AA5BgB,CAAjC;AA+BA,eAAetB,oBAAf"}

package/dist/modern/Table/renderers/DropdownColumnCell/index.d.ts

@@ -0,0 +1 @@
+export { default } from "./DropdownColumnCell";

package/dist/modern/Table/renderers/DropdownColumnCell/index.js

@@ -0,0 +1,2 @@
+export { default } from "./DropdownColumnCell";
+//# sourceMappingURL=index.js.map

package/dist/modern/Table/renderers/DropdownColumnCell/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["default"],"sources":["../../../../../src/Table/renderers/DropdownColumnCell/index.js"],"sourcesContent":["export { default } from \"./DropdownColumnCell\";\n"],"mappings":"AAAA,SAASA,OAAT,QAAwB,sBAAxB"}

package/dist/modern/Table/renderers/ProgressColumnCell/ProgressColumnCell.d.ts

@@ -0,0 +1,16 @@
+export interface HvProgressColumnCellProps {
+  /**
+   * Current value of the bar.
+   */
+  partial: number;
+  /**
+   * Maximum value of the bar.
+   */
+  total: number;
+  /**
+   * The color of the bar.
+   */
+  color?: "primary" | "secondary";
+}
+
+export function normalizeProgressBar(value: number, max: number): number;

package/dist/modern/Table/renderers/ProgressColumnCell/ProgressColumnCell.js

@@ -0,0 +1,53 @@
+import React from "react";
+import PropTypes from "prop-types";
+import { LinearProgress } from "@mui/material";
+import useStyles from "./styles";
+import { jsx as _jsx } from "react/jsx-runtime";
+export const normalizeProgressBar = (value, max) => {
+  return max > 0 ? Math.floor(value * 100 / max) : 0;
+};
+
+const HvProgressColumnCell = ({
+  partial,
+  total,
+  color = "primary"
+}) => {
+  const classes = useStyles();
+  const percentage = normalizeProgressBar(partial, total);
+  return /*#__PURE__*/_jsx("div", {
+    className: classes.root,
+    children: /*#__PURE__*/_jsx("div", {
+      className: classes.linearProgressContainer,
+      children: /*#__PURE__*/_jsx(LinearProgress, {
+        className: classes.linearProgress,
+        classes: {
+          colorPrimary: classes.linearProgressColorPrimary,
+          barColorPrimary: classes.linearProgressBarColorPrimary,
+          barColorSecondary: classes.linearProgressBarColorSecondary
+        },
+        color: color,
+        variant: "determinate",
+        value: percentage
+      })
+    })
+  });
+};
+
+process.env.NODE_ENV !== "production" ? HvProgressColumnCell.propTypes = {
+  /**
+   * Current value of the bar.
+   */
+  partial: PropTypes.number,
+
+  /**
+   * Maximum value of the bar.
+   */
+  total: PropTypes.number,
+
+  /**
+   * The color of the bar.
+   */
+  color: PropTypes.oneOf(["primary", "secondary"])
+} : void 0;
+export default HvProgressColumnCell;
+//# sourceMappingURL=ProgressColumnCell.js.map

package/dist/modern/Table/renderers/ProgressColumnCell/ProgressColumnCell.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProgressColumnCell.js","names":["React","PropTypes","LinearProgress","useStyles","normalizeProgressBar","value","max","Math","floor","HvProgressColumnCell","partial","total","color","classes","percentage","root","linearProgressContainer","linearProgress","colorPrimary","linearProgressColorPrimary","barColorPrimary","linearProgressBarColorPrimary","barColorSecondary","linearProgressBarColorSecondary","propTypes","number","oneOf"],"sources":["../../../../../src/Table/renderers/ProgressColumnCell/ProgressColumnCell.js"],"sourcesContent":["import React from \"react\";\nimport PropTypes from \"prop-types\";\nimport { LinearProgress } from \"@mui/material\";\n\nimport useStyles from \"./styles\";\n\nexport const normalizeProgressBar = (value, max) => {\n  return max > 0 ? Math.floor((value * 100) / max) : 0;\n};\n\nconst HvProgressColumnCell = ({ partial, total, color = \"primary\" }) => {\n  const classes = useStyles();\n  const percentage = normalizeProgressBar(partial, total);\n\n  return (\n    <div className={classes.root}>\n      <div className={classes.linearProgressContainer}>\n        <LinearProgress\n          className={classes.linearProgress}\n          classes={{\n            colorPrimary: classes.linearProgressColorPrimary,\n            barColorPrimary: classes.linearProgressBarColorPrimary,\n            barColorSecondary: classes.linearProgressBarColorSecondary,\n          }}\n          color={color}\n          variant=\"determinate\"\n          value={percentage}\n        />\n      </div>\n    </div>\n  );\n};\n\nHvProgressColumnCell.propTypes = {\n  /**\n   * Current value of the bar.\n   */\n  partial: PropTypes.number,\n  /**\n   * Maximum value of the bar.\n   */\n  total: PropTypes.number,\n  /**\n   * The color of the bar.\n   */\n  color: PropTypes.oneOf([\"primary\", \"secondary\"]),\n};\n\nexport default HvProgressColumnCell;\n"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,SAASC,cAAT,QAA+B,eAA/B;AAEA,OAAOC,SAAP,MAAsB,UAAtB;;AAEA,OAAO,MAAMC,oBAAoB,GAAG,CAACC,KAAD,EAAQC,GAAR,KAAgB;EAClD,OAAOA,GAAG,GAAG,CAAN,GAAUC,IAAI,CAACC,KAAL,CAAYH,KAAK,GAAG,GAAT,GAAgBC,GAA3B,CAAV,GAA4C,CAAnD;AACD,CAFM;;AAIP,MAAMG,oBAAoB,GAAG,CAAC;EAAEC,OAAF;EAAWC,KAAX;EAAkBC,KAAK,GAAG;AAA1B,CAAD,KAA2C;EACtE,MAAMC,OAAO,GAAGV,SAAS,EAAzB;EACA,MAAMW,UAAU,GAAGV,oBAAoB,CAACM,OAAD,EAAUC,KAAV,CAAvC;EAEA,oBACE;IAAK,SAAS,EAAEE,OAAO,CAACE,IAAxB;IAAA,uBACE;MAAK,SAAS,EAAEF,OAAO,CAACG,uBAAxB;MAAA,uBACE,KAAC,cAAD;QACE,SAAS,EAAEH,OAAO,CAACI,cADrB;QAEE,OAAO,EAAE;UACPC,YAAY,EAAEL,OAAO,CAACM,0BADf;UAEPC,eAAe,EAAEP,OAAO,CAACQ,6BAFlB;UAGPC,iBAAiB,EAAET,OAAO,CAACU;QAHpB,CAFX;QAOE,KAAK,EAAEX,KAPT;QAQE,OAAO,EAAC,aARV;QASE,KAAK,EAAEE;MATT;IADF;EADF,EADF;AAiBD,CArBD;;AAuBA,wCAAAL,oBAAoB,CAACe,SAArB,GAAiC;EAC/B;AACF;AACA;EACEd,OAAO,EAAET,SAAS,CAACwB,MAJY;;EAK/B;AACF;AACA;EACEd,KAAK,EAAEV,SAAS,CAACwB,MARc;;EAS/B;AACF;AACA;EACEb,KAAK,EAAEX,SAAS,CAACyB,KAAV,CAAgB,CAAC,SAAD,EAAY,WAAZ,CAAhB;AAZwB,CAAjC;AAeA,eAAejB,oBAAf"}

package/dist/modern/Table/renderers/ProgressColumnCell/index.d.ts

@@ -0,0 +1,2 @@
+export { default , normalizeProgressBar} from "./ProgressColumnCell";
+export * from "./ProgressColumnCell";

package/dist/modern/Table/renderers/ProgressColumnCell/index.js

@@ -0,0 +1,3 @@
+export { default } from "./ProgressColumnCell";
+export * from "./ProgressColumnCell";
+//# sourceMappingURL=index.js.map

package/dist/modern/Table/renderers/ProgressColumnCell/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["default"],"sources":["../../../../../src/Table/renderers/ProgressColumnCell/index.js"],"sourcesContent":["export { default } from \"./ProgressColumnCell\";\nexport * from \"./ProgressColumnCell\";\n"],"mappings":"AAAA,SAASA,OAAT,QAAwB,sBAAxB;AACA,cAAc,sBAAd"}

package/dist/modern/Table/renderers/ProgressColumnCell/styles.js

@@ -0,0 +1,25 @@
+import { makeStyles } from "@mui/styles";
+const useStyles = makeStyles(theme => ({
+  root: {
+    display: "flex",
+    width: "100%"
+  },
+  linearProgressContainer: {
+    width: "100%",
+    margin: "auto"
+  },
+  linearProgress: {
+    height: 8
+  },
+  linearProgressColorPrimary: {
+    backgroundColor: theme.hv.palette.atmosphere.atmo4
+  },
+  linearProgressBarColorPrimary: {
+    backgroundColor: theme.hv.palette.semantic.sema1
+  },
+  linearProgressBarColorSecondary: {
+    backgroundColor: theme.hv.palette.accent.acce1
+  }
+}));
+export default useStyles;
+//# sourceMappingURL=styles.js.map

package/dist/modern/Table/renderers/ProgressColumnCell/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","names":["makeStyles","useStyles","theme","root","display","width","linearProgressContainer","margin","linearProgress","height","linearProgressColorPrimary","backgroundColor","hv","palette","atmosphere","atmo4","linearProgressBarColorPrimary","semantic","sema1","linearProgressBarColorSecondary","accent","acce1"],"sources":["../../../../../src/Table/renderers/ProgressColumnCell/styles.js"],"sourcesContent":["import { makeStyles } from \"@mui/styles\";\n\nconst useStyles = makeStyles((theme) => ({\n  root: {\n    display: \"flex\",\n    width: \"100%\",\n  },\n  linearProgressContainer: {\n    width: \"100%\",\n    margin: \"auto\",\n  },\n  linearProgress: {\n    height: 8,\n  },\n  linearProgressColorPrimary: {\n    backgroundColor: theme.hv.palette.atmosphere.atmo4,\n  },\n  linearProgressBarColorPrimary: {\n    backgroundColor: theme.hv.palette.semantic.sema1,\n  },\n  linearProgressBarColorSecondary: {\n    backgroundColor: theme.hv.palette.accent.acce1,\n  },\n}));\n\nexport default useStyles;\n"],"mappings":"AAAA,SAASA,UAAT,QAA2B,aAA3B;AAEA,MAAMC,SAAS,GAAGD,UAAU,CAAEE,KAAD,KAAY;EACvCC,IAAI,EAAE;IACJC,OAAO,EAAE,MADL;IAEJC,KAAK,EAAE;EAFH,CADiC;EAKvCC,uBAAuB,EAAE;IACvBD,KAAK,EAAE,MADgB;IAEvBE,MAAM,EAAE;EAFe,CALc;EASvCC,cAAc,EAAE;IACdC,MAAM,EAAE;EADM,CATuB;EAYvCC,0BAA0B,EAAE;IAC1BC,eAAe,EAAET,KAAK,CAACU,EAAN,CAASC,OAAT,CAAiBC,UAAjB,CAA4BC;EADnB,CAZW;EAevCC,6BAA6B,EAAE;IAC7BL,eAAe,EAAET,KAAK,CAACU,EAAN,CAASC,OAAT,CAAiBI,QAAjB,CAA0BC;EADd,CAfQ;EAkBvCC,+BAA+B,EAAE;IAC/BR,eAAe,EAAET,KAAK,CAACU,EAAN,CAASC,OAAT,CAAiBO,MAAjB,CAAwBC;EADV;AAlBM,CAAZ,CAAD,CAA5B;AAuBA,eAAepB,SAAf"}

package/dist/modern/Table/renderers/SwitchColumnCell/SwitchColumnCell.d.ts

@@ -0,0 +1,29 @@
+import { HvBaseSwitchProps } from "../../..";
+
+export interface HvSwitchColumnCellProps {
+   /**
+   * Whether the switch is checked or not.
+   */
+  checked: boolean;
+  /**
+   * The switch label.
+   */
+  value: number | string | undefined;
+  /**
+   * The value of the switch.
+   */
+  switchLabel: string;
+  /**
+   * The right switch label.
+   */
+  falseLabel?: string;
+  /**
+   * The left switch label.
+   */
+  trueLabel?: string;
+  /**
+   * Extra props to be passed to the switch.
+   */
+  switchProps?: HvBaseSwitchProps;
+}
+