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

package/dist/esm/components/Table/hooks/useSortBy.js

@@ -0,0 +1,45 @@
+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];
+};
+const getCellPropsHook = (props, {
+  cell
+}) => {
+  const nextProps = {
+    sorted: cell.column.isSorted
+  };
+  return [props, nextProps];
+};
+const useInstanceHook = (instance) => {
+  ensurePluginOrder(instance.plugins, ["useSortBy"], "useHvSortBy");
+};
+const useSortBy = (hooks) => {
+  hooks.getHeaderProps.push(getHeaderPropsHook);
+  hooks.getCellProps.push(getCellPropsHook);
+  hooks.useInstance.push(useInstanceHook);
+};
+useSortBy.pluginName = "useHvSortBy";
+const useSortBy$1 = useSortBy;
+export {
+  useSortBy$1 as default,
+  getCellPropsHook,
+  getHeaderPropsHook,
+  useInstanceHook
+};
+//# sourceMappingURL=useSortBy.js.map

package/dist/esm/components/Table/hooks/useSortBy.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useSortBy.js","sources":["../../../../../src/components/Table/hooks/useSortBy.ts"],"sourcesContent":["import { ensurePluginOrder, Hooks } from \"react-table\";\n\n// #region ##### TYPES #####\n\n// getHeaderProps:\nexport interface UseHvSortByColumnProps {\n  sortable?: boolean;\n  sorted?: boolean;\n  sortDirection?: \"descending\" | \"ascending\";\n  onClick:\n    | ((\n        e: React.MouseEvent<HTMLTableHeaderCellElement | HTMLTableCellElement>\n      ) => void)\n    | undefined;\n}\n\n// getCellProps:\nexport interface UseHvSortByTableCellProps {\n  sorted?: boolean;\n}\n\nexport type UseHvSortByProps = (<D extends object = Record<string, unknown>>(\n  hooks: Hooks<D>\n) => void) & { pluginName: string };\n\n// #endregion ##### TYPES #####\n\n// props target: <table><thead><tr><th>\nexport const getHeaderPropsHook = (props, { instance, column }) => {\n  const { isMultiSortEvent = (e) => e.shiftKey } = instance;\n\n  const sortDirection = column.isSortedDesc ? \"descending\" : \"ascending\";\n\n  const nextProps: UseHvSortByColumnProps = {\n    sortable: column.canSort,\n    sorted: column.isSorted,\n    sortDirection: column.isSorted ? sortDirection : undefined,\n\n    onClick: column.canSort\n      ? (e) => {\n          e.persist();\n          column.toggleSortBy(\n            undefined,\n            !instance.disableMultiSort && isMultiSortEvent(e)\n          );\n        }\n      : undefined,\n  };\n\n  return [props, nextProps];\n};\n\n// props target: <table><tbody><tr><td>\nexport const getCellPropsHook = (props, { cell }) => {\n  const nextProps: UseHvSortByTableCellProps = {\n    sorted: cell.column.isSorted,\n  };\n\n  return [props, nextProps];\n};\n\nexport const useInstanceHook = (instance) => {\n  ensurePluginOrder(instance.plugins, [\"useSortBy\"], \"useHvSortBy\");\n};\n\nconst useSortBy: UseHvSortByProps = (hooks) => {\n  // props target: <table><thead><tr><th>\n  hooks.getHeaderProps.push(getHeaderPropsHook);\n  // props target: <table><tbody><tr><td>\n  hooks.getCellProps.push(getCellPropsHook);\n\n  hooks.useInstance.push(useInstanceHook);\n};\n\nuseSortBy.pluginName = \"useHvSortBy\";\n\nexport default useSortBy;\n"],"names":["getHeaderPropsHook","props","instance","column","isMultiSortEvent","e","shiftKey","sortDirection","isSortedDesc","nextProps","sortable","canSort","sorted","isSorted","undefined","onClick","persist","toggleSortBy","disableMultiSort","getCellPropsHook","cell","useInstanceHook","ensurePluginOrder","plugins","useSortBy","hooks","getHeaderProps","push","getCellProps","useInstance","pluginName"],"mappings":";AA4BaA,MAAAA,qBAAqBA,CAACC,OAAO;AAAA,EAAEC;AAAAA,EAAUC;AAAO,MAAM;AAC3D,QAAA;AAAA,IAAEC,mBAAoBC,OAAMA,EAAEC;AAAAA,EAAaJ,IAAAA;AAE3CK,QAAAA,gBAAgBJ,OAAOK,eAAe,eAAe;AAE3D,QAAMC,YAAoC;AAAA,IACxCC,UAAUP,OAAOQ;AAAAA,IACjBC,QAAQT,OAAOU;AAAAA,IACfN,eAAeJ,OAAOU,WAAWN,gBAAgBO;AAAAA,IAEjDC,SAASZ,OAAOQ,UACXN,CAAM,MAAA;AACLA,QAAEW,QAAS;AACXb,aAAOc,aACLH,QACA,CAACZ,SAASgB,oBAAoBd,iBAAiBC,CAAC,CAAC;AAAA,IAGrDS,IAAAA;AAAAA,EAAAA;AAGC,SAAA,CAACb,OAAOQ,SAAS;AAC1B;AAGaU,MAAAA,mBAAmBA,CAAClB,OAAO;AAAA,EAAEmB;AAAK,MAAM;AACnD,QAAMX,YAAuC;AAAA,IAC3CG,QAAQQ,KAAKjB,OAAOU;AAAAA,EAAAA;AAGf,SAAA,CAACZ,OAAOQ,SAAS;AAC1B;AAEO,MAAMY,kBAAmBnB,CAAa,aAAA;AAC3CoB,oBAAkBpB,SAASqB,SAAS,CAAC,WAAW,GAAG,aAAa;AAClE;AAEA,MAAMC,YAA+BC,CAAU,UAAA;AAEvCC,QAAAA,eAAeC,KAAK3B,kBAAkB;AAEtC4B,QAAAA,aAAaD,KAAKR,gBAAgB;AAElCU,QAAAA,YAAYF,KAAKN,eAAe;AACxC;AAEAG,UAAUM,aAAa;AAEvB,MAAA,cAAeN;"}

package/dist/esm/components/Table/hooks/useSticky.js

@@ -0,0 +1,209 @@
+import { useGetLatest, makePropGetter } from "react-table";
+const isSticky = (value) => /left|right/i.test(value);
+const getStickyValue = ({
+  sticky,
+  parent
+}) => {
+  var _a;
+  if (isSticky(sticky)) {
+    return sticky;
+  }
+  if (parent != null) {
+    sticky = getStickyValue(parent);
+    if (isSticky(sticky)) {
+      return sticky;
+    }
+    const {
+      columns
+    } = parent;
+    if ((columns == null ? void 0 : columns.length) > 0) {
+      sticky = (_a = columns == null ? void 0 : columns.find((col) => col.sticky != null)) == null ? void 0 : _a.sticky;
+      if (isSticky(sticky)) {
+        return sticky;
+      }
+    }
+  }
+  return void 0;
+};
+const 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) => {
+    var _a;
+    const sticky = (_a = getStickyValue(column)) == null ? void 0 : _a.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 ? 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 ? void 0 : 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()
+  });
+};
+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;
+};
+const getTablePropsHook = (props, {
+  instance
+}) => {
+  const nextProps = {
+    stickyHeader: instance.stickyHeader,
+    stickyColumns: instance.hasStickyColumns
+  };
+  return [props, nextProps];
+};
+const getTableHeadPropsHook = (props, {
+  instance
+}) => {
+  const nextProps = {
+    stickyHeader: instance.stickyHeader
+  };
+  return [props, nextProps];
+};
+const getHeaderGroupPropsHook = (props, {
+  instance
+}) => {
+  const nextProps = instance.hasStickyColumns ? getRowProps() : {};
+  return [props, nextProps];
+};
+const getHeaderPropsHook = (props, {
+  instance,
+  column
+}) => {
+  const nextProps = instance.hasStickyColumns ? getCellProps(column, true) : {};
+  return [props, nextProps];
+};
+const getRowPropsHook = (props, {
+  instance
+}) => {
+  const nextProps = instance.hasStickyColumns ? getRowProps() : {};
+  return [props, nextProps];
+};
+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);
+  hooks.getTableProps.push(getTablePropsHook);
+  hooks.getTableHeadProps = [getTableHeadPropsHook];
+  hooks.getHeaderGroupProps.push(getHeaderGroupPropsHook);
+  hooks.getHeaderProps.push(getHeaderPropsHook);
+  hooks.getRowProps.push(getRowPropsHook);
+  hooks.getCellProps.push(getCellPropsHook);
+};
+useSticky.pluginName = "useHvTableSticky";
+const useSticky$1 = useSticky;
+export {
+  useSticky$1 as default,
+  getCellPropsHook,
+  getHeaderGroupPropsHook,
+  getHeaderPropsHook,
+  getRowPropsHook,
+  getTableHeadPropsHook,
+  getTablePropsHook,
+  useInstanceHook,
+  visibleColumnsHook
+};
+//# sourceMappingURL=useSticky.js.map

package/dist/esm/components/Table/hooks/useSticky.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useSticky.js","sources":["../../../../../src/components/Table/hooks/useSticky.ts"],"sourcesContent":["import {\n  makePropGetter,\n  useGetLatest,\n  Hooks,\n  PropGetter,\n  TableCommonProps,\n} from \"react-table\";\nimport { CSSProperties } from \"react\";\n\n// #region ##### TYPES #####\n\nexport interface UseHvTableStickyTableHeadProps extends TableCommonProps {\n  stickyHeader?: boolean;\n}\n\nexport type HvTableHeadPropGetter<D extends object> = PropGetter<\n  D,\n  UseHvTableStickyTableHeadProps\n>;\n\nexport type UseHvTableStickyTableOptions = {\n  stickyHeader?: boolean;\n  stickyColumns?: boolean;\n};\n\nexport interface UseHvTableStickyHooks<D extends object> {\n  getTableHeadProps: Array<HvTableHeadPropGetter<D>>;\n}\n\nexport interface UseHvTableStickyTableInstance<D extends object> {\n  getTableHeadProps: (\n    propGetter?: HvTableHeadPropGetter<D>\n  ) => UseHvTableStickyTableHeadProps;\n\n  totalRight?: number;\n  hasStickyColumns?: boolean;\n}\n\n// props target: <table>\nexport interface UseHvTableStickyTableProps {\n  stickyHeader?: boolean;\n  stickyColumns?: boolean;\n}\n\n// props target: <table><thead><tr><th>\nexport interface UseHvTableStickyColumnProps {\n  stickyColumn?: boolean;\n  stickyColumnMostLeft?: boolean;\n  stickyColumnLeastRight?: boolean;\n}\n\n// props target: <table><tbody><tr><td>\nexport interface UseHvTableStickyCellProps {\n  stickyColumn?: boolean;\n  stickyColumnMostLeft?: boolean;\n  stickyColumnLeastRight?: boolean;\n}\n\nexport type UseHvTableSticky = (<D extends object = Record<string, unknown>>(\n  hooks: Hooks<D>\n) => void) & { pluginName: string };\n\n// #endregion ##### TYPES #####\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: any[] = [];\n  const toTheRight: any[] = [];\n  const others: any[] = [];\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(\n    instance.getHooks().getTableHeadProps,\n    {\n      instance: getInstance(),\n    }\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: UseHvTableStickyCellProps & { style: CSSProperties } = {\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 =\n      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: UseHvTableStickyTableProps = {\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: UseHvTableStickyCellProps = instance.hasStickyColumns\n    ? getCellProps(cell.column, false)\n    : {};\n\n  return [props, nextProps];\n};\n\nconst useSticky: UseHvTableSticky = (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"],"names":["isSticky","value","test","getStickyValue","sticky","parent","columns","length","find","col","undefined","updateColumnAndParent","column","props","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","useGetLatest","getTableHeadProps","makePropGetter","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"],"mappings":"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"}

package/dist/esm/components/Table/hooks/useTable.js

@@ -0,0 +1,70 @@
+import { useMemo } from "react";
+import { useTable, usePagination, useExpanded, useSortBy, useResizeColumns } from "react-table";
+import { PluginHook } from "react-table";
+import useHvTableStyles from "./useTableStyles.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();
+};
+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,
+    ...others
+  } = props;
+  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);
+  }
+  return useTable({
+    data,
+    columns,
+    ...others
+  }, useHvTableSetup, ...plugins);
+};
+const useHvTable$1 = useHvTable;
+export {
+  PluginHook as HvTablePluginHook,
+  useHvTable$1 as default
+};
+//# sourceMappingURL=useTable.js.map

package/dist/esm/components/Table/hooks/useTable.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useTable.js","sources":["../../../../../src/components/Table/hooks/useTable.ts"],"sourcesContent":["import { useMemo } from \"react\";\nimport {\n  useTable,\n  usePagination,\n  useExpanded,\n  useSortBy,\n  useResizeColumns,\n  Cell,\n  CellPropGetter,\n  CellProps,\n  ColumnInstance,\n  ColumnInterface,\n  FooterPropGetter,\n  HeaderPropGetter,\n  HeaderProps,\n  Hooks,\n  PluginHook,\n  Renderer,\n  Row,\n  RowPropGetter,\n  TableCellProps,\n  TableFooterProps,\n  TableHeaderProps,\n  TableInstance,\n  TableOptions,\n  TablePropGetter,\n  TableProps,\n  TableRowProps,\n  TableState,\n  UseColumnOrderInstanceProps,\n  UseColumnOrderState,\n  UseExpandedHooks,\n  UseExpandedInstanceProps,\n  UseExpandedOptions,\n  UseExpandedState,\n  UseFiltersColumnOptions,\n  UseFiltersColumnProps,\n  UseFiltersInstanceProps,\n  UseFiltersOptions,\n  UseFiltersState,\n  UseGlobalFiltersInstanceProps,\n  UseGlobalFiltersOptions,\n  UseGlobalFiltersState,\n  UseGroupByCellProps,\n  UseGroupByColumnOptions,\n  UseGroupByColumnProps,\n  UseGroupByHooks,\n  UseGroupByInstanceProps,\n  UseGroupByOptions,\n  UseGroupByRowProps,\n  UseGroupByState,\n  UsePaginationInstanceProps,\n  UsePaginationOptions,\n  UsePaginationState,\n  UseResizeColumnsColumnOptions,\n  UseResizeColumnsColumnProps,\n  UseResizeColumnsOptions,\n  UseResizeColumnsState,\n  UseSortByColumnOptions,\n  UseSortByColumnProps,\n  UseSortByHooks,\n  UseSortByInstanceProps,\n  UseSortByOptions,\n  UseSortByState,\n} from \"react-table\";\nimport useHvTableStyles, {\n  UseHvTableStylesTableOptions,\n  UseHvTableStylesColumnOptions,\n  UseHvTableStylesTableCellProps,\n  UseHvTableStylesTableRowProps,\n} from \"./useTableStyles\";\nimport {\n  UseHvTableStickyCellProps,\n  UseHvTableStickyColumnProps,\n  UseHvTableStickyHooks,\n  UseHvTableStickyTableInstance,\n  UseHvTableStickyTableOptions,\n  UseHvTableStickyTableProps,\n} from \"./useSticky\";\nimport { UseHvSortByColumnProps, UseHvSortByTableCellProps } from \"./useSortBy\";\nimport {\n  UseHvRowSelectionHooks,\n  UseHvRowSelectionRowInstance,\n  UseHvRowSelectionState,\n  UseHvRowSelectionTableInstance,\n  UseHvRowSelectionTableOptions,\n  UseHvRowSelectionTableRowProps,\n} from \"./useRowSelection\";\nimport {\n  UseHvPaginationHooks,\n  UseHvPaginationTableInstance,\n} from \"./usePagination\";\nimport {\n  UseHvBulkActionsHooks,\n  UseHvBulkActionsTableInstanceProps,\n  UseHvBulkActionsTableOptions,\n} from \"./useBulkActions\";\nimport {\n  UseHvRowExpandTableOptions,\n  UseHvRowExpandRowInstance,\n  UseHvRowExpandTableRowProps,\n} from \"./useRowExpand\";\nimport {\n  UseHvHeaderGroupsColumnProps,\n  UseHvHeaderGroupsCellProps,\n  UseHvHeaderGroupsInstance,\n} from \"./useHeaderGroups\";\nimport {\n  UseHvResizeColumnProps,\n  UseHvResizeTableCellProps,\n} from \"./useResizeColumns\";\n\n// #region ##### TYPES #####\n\ntype Accessor<D extends object> = (\n  originalRow: D,\n  index: number,\n  sub: {\n    subRows: D[];\n    depth: number;\n    data: D[];\n  }\n) => CellValue;\n\ntype StringKey<D> = Extract<keyof D, string>;\ntype IdType<D> = StringKey<D> | string;\ntype CellValue<V = any> = V;\n\ninterface HvColumnInterfaceBasedOnValue<\n  D extends object = Record<string, unknown>,\n  V = any\n> {\n  Cell?: Renderer<HvCellProps<D, V>>;\n}\n\ninterface HvColumnGroupInterface<D extends object> {\n  columns: Array<HvTableColumnConfig<D>>;\n}\n\ntype HvColumnGroup<D extends object = Record<string, unknown>> =\n  HvTableColumnOptions<D> &\n    HvColumnGroupInterface<D> &\n    (\n      | { Header: string }\n      | ({ id: IdType<D> } & {\n          Header: Renderer<HeaderProps<D>>;\n        })\n    ) & { accessor?: Accessor<D> }; // Not used, but needed for backwards compatibility\n\ntype ValueOf<T> = T[keyof T];\n\n// The accessors like `foo.bar` are not supported, use functions instead\ntype HvColumnWithStrictAccessor<D extends object = Record<string, unknown>> =\n  HvTableColumnOptions<D> &\n    ValueOf<{\n      [K in keyof D]: {\n        accessor: K;\n      } & HvColumnInterfaceBasedOnValue<D, D[K]>;\n    }>;\n\ntype HvColumnWithLooseAccessor<D extends object = Record<string, unknown>> =\n  HvTableColumnOptions<D> &\n    HvColumnInterfaceBasedOnValue<D> &\n    (\n      | { Header: string }\n      | { id: IdType<D> }\n      | { accessor: keyof D extends never ? IdType<D> : never }\n    ) & {\n      accessor?: keyof D extends never ? IdType<D> | Accessor<D> : Accessor<D>;\n    };\n\nexport type HvCellProps<D extends object, V = any> = CellProps<D, V> & {\n  column: HvColumnInstance<D>;\n  row: HvRowInstance<D>;\n  cell: HvCellInstance<D, V>;\n};\n\nexport type HvTableDefinitionConfig<\n  D extends object = Record<string, unknown>\n> = HvTableOptions<D>;\n\nexport type HvTableColumnConfig<D extends object = Record<string, unknown>> =\n  | HvColumnGroup<D>\n  | HvColumnWithLooseAccessor<D>\n  | HvColumnWithStrictAccessor<D>;\n\n// #region HOOKS\nexport interface HvHooks<D extends object = Record<string, unknown>>\n  extends Hooks<D>,\n    UseExpandedHooks<D>,\n    UseGroupByHooks<D>,\n    UseSortByHooks<D>,\n    UseHvRowSelectionHooks<D>,\n    UseHvTableStickyHooks<D>,\n    UseHvPaginationHooks<D>,\n    UseHvBulkActionsHooks<D> {}\n// #endregion\n\n// #region STATE\nexport interface HvTableState<D extends object = Record<string, unknown>>\n  extends TableState<D>,\n    UseColumnOrderState<D>,\n    UseExpandedState<D>,\n    UseFiltersState<D>,\n    UseGlobalFiltersState<D>,\n    UseGroupByState<D>,\n    UsePaginationState<D>,\n    UseResizeColumnsState<D>,\n    UseSortByState<D>,\n    UseHvRowSelectionState<D> {\n  rowCount: number;\n}\n// #endregion\n\n// #region OPTIONS\nexport interface HvTableOptions<D extends object>\n  extends Omit<TableOptions<D>, \"columns\" | \"data\">,\n    UseExpandedOptions<D>,\n    UseFiltersOptions<D>,\n    UseFiltersOptions<D>,\n    UseGlobalFiltersOptions<D>,\n    UseGroupByOptions<D>,\n    UsePaginationOptions<D>,\n    UseResizeColumnsOptions<D>,\n    UseSortByOptions<D>,\n    UseHvTableStylesTableOptions,\n    UseHvRowSelectionTableOptions,\n    UseHvTableStickyTableOptions,\n    UseHvBulkActionsTableOptions,\n    UseHvRowExpandTableOptions {\n  columns?: Array<HvTableColumnConfig<D>>;\n  data?: D[];\n\n  initialState?: Partial<HvTableState<D>>;\n\n  labels?: Record<string, string>;\n}\n\nexport interface HvTableColumnOptions<\n  D extends object = Record<string, unknown>\n> extends ColumnInterface<D>,\n    UseFiltersColumnOptions<D>,\n    UseGroupByColumnOptions<D>,\n    UseResizeColumnsColumnOptions<D>,\n    UseSortByColumnOptions<D>,\n    UseHvTableStylesColumnOptions {}\n// #endregion\n\n// #region INSTANCE\nexport interface HvTableInstance<D extends object = Record<string, unknown>>\n  extends TableInstance<D>,\n    Omit<HvTableOptions<D>, \"columns\" | \"pageCount\" | \"initialState\" | \"data\">,\n    UseColumnOrderInstanceProps<D>,\n    UseExpandedInstanceProps<D>,\n    UseFiltersInstanceProps<D>,\n    UseGlobalFiltersInstanceProps<D>,\n    UseGroupByInstanceProps<D>,\n    UsePaginationInstanceProps<D>,\n    UseSortByInstanceProps<D>,\n    UseHvRowSelectionTableInstance<D>,\n    UseHvTableStickyTableInstance<D>,\n    UseHvHeaderGroupsInstance,\n    UseHvPaginationTableInstance<D>,\n    UseHvBulkActionsTableInstanceProps<D> {\n  initialState: Partial<HvTableState<D>>;\n  state: HvTableState<D>;\n  columns: Array<HvColumnInstance<D>>;\n  allColumns: Array<HvColumnInstance<D>>;\n  visibleColumns: Array<HvColumnInstance<D>>;\n  headers: Array<HvColumnInstance<D>>;\n  flatHeaders: Array<HvColumnInstance<D>>;\n  rows: Array<HvRowInstance<D>>;\n  page: Array<HvRowInstance<D>>;\n  rowsById: Record<string, HvRowInstance<D>>;\n  flatRows: Array<HvRowInstance<D>>;\n  getHooks: () => HvHooks<D>;\n  getTableProps: (propGetter?: TablePropGetter<D>) => HvUseTableProps;\n  selectedFlatRows: Array<HvRowInstance<D>>;\n\n  initialRows: Array<HvRowInstance<D>>;\n  initialRowsById: Record<string, HvRowInstance<D>>;\n\n  labels: Record<string, string>;\n}\n\nexport interface HvColumnInstance<D extends object = Record<string, unknown>>\n  extends ColumnInstance<D>,\n    Omit<HvTableColumnOptions<D>, \"id\">,\n    UseFiltersColumnProps<D>,\n    UseGroupByColumnProps<D>,\n    UseResizeColumnsColumnProps<D>,\n    UseSortByColumnProps<D> {\n  Cell?: Renderer<HvCellProps<D>>;\n  columns: Array<HvColumnInstance<D>>;\n  parent: HvColumnInstance<D>; // not documented\n  placeholderOf?: HvColumnInstance;\n  getHeaderProps: (propGetter?: HeaderPropGetter<D>) => HvUseTableHeaderProps;\n  getFooterProps: (propGetter?: FooterPropGetter<D>) => HvUseTableFooterProps;\n}\n\nexport interface HvRowInstance<D extends object = Record<string, unknown>>\n  extends Row<D>,\n    UseGroupByRowProps<D>,\n    UseHvRowSelectionRowInstance,\n    UseHvRowExpandRowInstance<D> {\n  cells: Array<HvCellInstance<D>>;\n  allCells: Array<HvCellInstance<D>>;\n  getRowProps: (propGetter?: RowPropGetter<D>) => HvUseTableRowProps;\n  index: number;\n  original: D;\n  id: string;\n  subRows: Array<HvRowInstance<D>>;\n}\n\nexport interface HvCellInstance<\n  D extends object = Record<string, unknown>,\n  V = any\n> extends Cell<D, V>,\n    UseGroupByCellProps<D> {\n  column: HvColumnInstance<D>;\n  row: HvRowInstance<D>;\n  getCellProps: (propGetter?: CellPropGetter<D>) => HvUseTableCellProps;\n}\n// #endregion\n\n// #region PROPS\nexport interface HvUseTableProps\n  extends TableProps,\n    UseHvTableStickyTableProps {}\n\nexport interface HvUseTableHeaderProps\n  extends TableHeaderProps,\n    UseHvTableStylesTableCellProps,\n    UseHvTableStickyColumnProps,\n    UseHvHeaderGroupsColumnProps,\n    UseHvResizeColumnProps,\n    UseHvSortByColumnProps {}\nexport interface HvUseTableFooterProps\n  extends TableFooterProps,\n    UseHvTableStylesTableCellProps {}\n\nexport interface HvUseTableRowProps\n  extends TableRowProps,\n    UseHvTableStylesTableRowProps,\n    UseHvRowSelectionTableRowProps,\n    UseHvRowExpandTableRowProps {}\n\nexport interface HvUseTableCellProps\n  extends TableCellProps,\n    UseHvTableStylesTableCellProps,\n    UseHvTableStickyCellProps,\n    UseHvHeaderGroupsCellProps,\n    UseHvResizeTableCellProps,\n    UseHvSortByTableCellProps {}\n\n// #endregion\n\nexport type UseHvTableProps = <D extends object = Record<string, unknown>>(\n  options: HvTableOptions<D>,\n  ...plugins: Array<PluginHook<D>>\n) => HvTableInstance<D>;\n\nexport { PluginHook as HvTablePluginHook };\n\n// #endregion ##### TYPES #####\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 = (\n  plugins,\n  hvPluginName,\n  corePluginToInstall\n) => {\n  const indexOfCorePlugin = plugins.findIndex(\n    (plugin) => plugin.pluginName === corePluginToInstall.pluginName\n  );\n  const indexOfHvPlugin = plugins.findIndex(\n    (plugin) => plugin.pluginName === hvPluginName\n  );\n\n  if (\n    indexOfHvPlugin !== -1 &&\n    (indexOfCorePlugin === -1 || indexOfCorePlugin > indexOfHvPlugin)\n  ) {\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"],"names":["toTitleCase","str","replace","toLowerCase","m","toUpperCase","trim","useDefaultData","data","useMemo","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","usePagination","useExpanded","useSortBy","useResizeColumns","indexOfHvTableStylesPlugin","useHvTableStyles","useTable"],"mappings":";;;;AA8WA,MAAMA,cAAeC,CAAQ,QAAA;AACpBA,SAAAA,IACJC,QAAQ,oBAAoB,OAAO,EACnCA,QAAQ,UAAU,GAAG,EACrBC,cACAD,QAAQ,eAAgBE,CAAAA,MAAMA,EAAEC,YAAa,CAAA,EAC7CH,QAAQ,QAAQ,GAAG,EACnBI;AACL;AAEA,MAAMC,iBAAkBC,CACtBC,SAAAA,QAAQ,MAAM;AACZ,SAAOD,QAAQ,CAAA;AACjB,GAAG,CAACA,IAAI,CAAC;AAEX,MAAME,oBAAoBA,CAACC,SAASH,SAClCC,QAAQ,MAAM;AACZ,MAAIE,WAAW,MAAM;AACZA,WAAAA;AAAAA,EACT;AAEMC,QAAAA,aAAaC,OAAOC,KAAKD,OAAOE,OAAO,CAAC,GAAG,GAAGP,IAAI,CAAC;AACzD,SAAOI,WACJI,OAAQC,CAAQ,QAAA,CAAC,CAAC,WAAW,cAAc,EAAEC,SAASD,GAAG,CAAC,EAC1DE,IAAKF,CAAS,SAAA;AAAA,IACbG,UAAUH;AAAAA,IACVI,QAAQrB,YAAYiB,GAAG;AAAA,EACvB,EAAA;AACN,GAAG,CAACN,SAASH,IAAI,CAAC;AAEpB,MAAMc,+BAA+BA,CACnCC,SACAC,cACAC,wBACG;AACH,QAAMC,oBAAoBH,QAAQI,UAC/BC,YAAWA,OAAOC,eAAeJ,oBAAoBI,UAAU;AAElE,QAAMC,kBAAkBP,QAAQI,UAC7BC,CAAWA,WAAAA,OAAOC,eAAeL,YAAY;AAGhD,MACEM,oBAAoB,OACnBJ,sBAAsB,MAAMA,oBAAoBI,kBACjD;AACA,QAAIJ,oBAAoB,IAAI;AAClBK,cAAAA,OAAOL,mBAAmB,CAAC;AAAA,IACrC;AAEQK,YAAAA,OAAOD,iBAAiB,GAAGL,mBAAmB;AAAA,EACxD;AACF;AAEA,MAAMO,kBAAmBC,CAAa,aAAA;AAC9B,QAAA;AAAA,IAAEC;AAAAA,EAAaD,IAAAA;AAErBpB,SAAOE,OAAOkB,UAAU;AAAA,IACtBE,iBAAiBD;AAAAA,EAAAA,CAClB;AACH;AAEA,MAAME,kBAAmBC,CAAU,UAAA;AAC3BC,QAAAA,YAAYC,KAAKP,eAAe;AACxC;AAEAI,gBAAgBP,aAAa;AAE7B,MAAMW,aAAaA,CAACC,UAAUlB,YAAY;AAClC,QAAA;AAAA,IAAEf,MAAMkC;AAAAA,IAAU/B,SAASgC;AAAAA,OAAgBC;AAAAA,EAAWH,IAAAA;AAEtDjC,QAAAA,OAAOD,eAAemC,QAAQ;AAC9B/B,QAAAA,UAAUD,kBAAkBiC,aAAanC,IAAI;AAEtBe,+BAAAA,SAAS,mBAAmBsB,aAAa;AACzCtB,+BAAAA,SAAS,kBAAkBuB,WAAW;AACtCvB,+BAAAA,SAAS,eAAewB,SAAS;AACjCxB,+BAAAA,SAAS,sBAAsByB,gBAAgB;AAE5E,QAAMC,6BAA6B1B,QAAQI,UACxCC,CAAWA,WAAAA,OAAOC,eAAe,kBAAkB;AAEtD,MAAIoB,+BAA+B,IAAI;AACrC1B,YAAQgB,KAAKW,gBAAgB;AAAA,EAC/B;AAGA,SAAOC,SACL;AAAA,IACE3C;AAAAA,IACAG;AAAAA,IACA,GAAGiC;AAAAA,EAAAA,GAELR,iBACA,GAAGb,OAAO;AAEd;AAEA,MAAA,eAAeiB;"}

package/dist/esm/components/Table/hooks/useTableStyles.js

@@ -0,0 +1,93 @@
+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];
+};
+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];
+};
+const getRowPropsHook = (props) => {
+  const nextProps = {
+    hover: true
+  };
+  return [props, nextProps];
+};
+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];
+};
+const useTableStyles = (hooks) => {
+  hooks.getTableProps.push(getTablePropsHook);
+  hooks.getHeaderProps.push(getHeaderFooterPropsHook);
+  hooks.getFooterProps.push(getHeaderFooterPropsHook);
+  hooks.getRowProps.push(getRowPropsHook);
+  hooks.getCellProps.push(getCellPropsHook);
+};
+useTableStyles.pluginName = "useHvTableStyles";
+const useHvTableStyles = useTableStyles;
+export {
+  useHvTableStyles as default,
+  getCellPropsHook,
+  getHeaderFooterPropsHook,
+  getRowPropsHook,
+  getTablePropsHook
+};
+//# sourceMappingURL=useTableStyles.js.map

package/dist/esm/components/Table/hooks/useTableStyles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useTableStyles.js","sources":["../../../../../src/components/Table/hooks/useTableStyles.ts"],"sourcesContent":["import clsx from \"clsx\";\nimport { CSSProperties } from \"react\";\nimport { Hooks } from \"react-table\";\n\n// #region ##### TYPES #####\n\nexport type UseHvTableStylesTableOptions = {\n  style?: CSSProperties;\n  className?: string;\n  classes?: Record<string, string>;\n\n  component?: any;\n};\n\n// column definition:\nexport interface UseHvTableStylesColumnOptions {\n  variant?: \"checkbox\" | \"expand\" | \"actions\" | \"default\" | \"none\";\n  align?: \"center\" | \"inherit\" | \"justify\" | \"left\" | \"right\";\n\n  style?: CSSProperties;\n  className?: string;\n  classes?: Record<string, string>;\n\n  headerStyle?: CSSProperties;\n  headerClassName?: string;\n  headerClasses?: Record<string, string>;\n\n  cellStyle?: CSSProperties;\n  cellClassName?: string;\n  cellClasses?: Record<string, string>;\n}\n\n// PROPS:\nexport interface UseHvTableStylesTableRowProps {\n  hover?: boolean;\n}\n\nexport interface UseHvTableStylesTableCellProps {\n  style?: CSSProperties;\n  className?: string;\n  classes?: Record<string, string>;\n\n  variant?: \"checkbox\" | \"expand\" | \"actions\" | \"default\" | \"none\";\n  align?: \"center\" | \"inherit\" | \"justify\" | \"left\" | \"right\";\n}\n\nexport type UseTableStylesProps = (<D extends object = Record<string, unknown>>(\n  hooks: Hooks<D>\n) => void) & { pluginName: string };\n\n// #endregion ##### TYPES #####\n\n// props target: <table>\nexport const getTablePropsHook = (props, { instance }) => {\n  const nextProps: UseHvTableStylesTableOptions = {\n    component: instance.tableComponent,\n  };\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: UseHvTableStylesColumnOptions = {\n    variant: column.variant,\n    align: column.align,\n  };\n\n  if (column.style != null || column.headerStyle != null) {\n    nextProps.style = {\n      ...props.style,\n      ...column.style,\n      ...column.headerStyle,\n    };\n  }\n\n  if (column.className != null || column.headerClassName != null) {\n    nextProps.className = clsx(\n      props.className,\n      column.className,\n      column.headerClassName\n    );\n  }\n\n  if (column.classes != null || column.headerClasses) {\n    nextProps.classes = {\n      ...props.classes,\n      ...column.classes,\n      ...column.headerClasses,\n    };\n  }\n\n  return [props, nextProps];\n};\n\n// props target: <table><tbody><tr>\nexport const getRowPropsHook = (props) => {\n  const nextProps: UseHvTableStylesTableRowProps = {\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: UseHvTableStylesTableCellProps = {\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 = {\n      ...props.style,\n      ...cell.column.style,\n      ...cell.column.cellStyle,\n    };\n  }\n\n  if (cell.column.className != null || cell.column.cellClassName != null) {\n    nextProps.className = clsx(\n      props.className,\n      cell.column.className,\n      cell.column.cellClassName\n    );\n  }\n\n  if (cell.column.classes != null || cell.column.cellClasses) {\n    nextProps.classes = {\n      ...props.classes,\n      ...cell.column.classes,\n      ...cell.column.cellClasses,\n    };\n  }\n\n  return [props, nextProps];\n};\n\nconst useTableStyles: UseTableStylesProps = (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"],"names":["getTablePropsHook","props","instance","nextProps","component","tableComponent","style","className","classes","getHeaderFooterPropsHook","column","variant","align","headerStyle","headerClassName","clsx","headerClasses","getRowPropsHook","hover","getCellPropsHook","cell","cellStyle","cellClassName","cellClasses","useTableStyles","hooks","getTableProps","push","getHeaderProps","getFooterProps","getRowProps","getCellProps","pluginName"],"mappings":";AAqDaA,MAAAA,oBAAoBA,CAACC,OAAO;AAAA,EAAEC;AAAS,MAAM;AACxD,QAAMC,YAA0C;AAAA,IAC9CC,WAAWF,SAASG;AAAAA,EAAAA;AAGlBH,MAAAA,SAASI,SAAS,MAAM;AAC1BH,cAAUG,QAAQJ,SAASI;AAAAA,EAC7B;AAEIJ,MAAAA,SAASK,aAAa,MAAM;AAC9BJ,cAAUI,YAAYL,SAASK;AAAAA,EACjC;AAEIL,MAAAA,SAASM,WAAW,MAAM;AAC5BL,cAAUK,UAAUN,SAASM;AAAAA,EAC/B;AAEO,SAAA,CAACP,OAAOE,SAAS;AAC1B;AAGaM,MAAAA,2BAA2BA,CAACR,OAAO;AAAA,EAAES;AAAO,MAAM;AAC7D,QAAMP,YAA2C;AAAA,IAC/CQ,SAASD,OAAOC;AAAAA,IAChBC,OAAOF,OAAOE;AAAAA,EAAAA;AAGhB,MAAIF,OAAOJ,SAAS,QAAQI,OAAOG,eAAe,MAAM;AACtDV,cAAUG,QAAQ;AAAA,MAChB,GAAGL,MAAMK;AAAAA,MACT,GAAGI,OAAOJ;AAAAA,MACV,GAAGI,OAAOG;AAAAA,IAAAA;AAAAA,EAEd;AAEA,MAAIH,OAAOH,aAAa,QAAQG,OAAOI,mBAAmB,MAAM;AAC9DX,cAAUI,YAAYQ,KACpBd,MAAMM,WACNG,OAAOH,WACPG,OAAOI,eAAe;AAAA,EAE1B;AAEA,MAAIJ,OAAOF,WAAW,QAAQE,OAAOM,eAAe;AAClDb,cAAUK,UAAU;AAAA,MAClB,GAAGP,MAAMO;AAAAA,MACT,GAAGE,OAAOF;AAAAA,MACV,GAAGE,OAAOM;AAAAA,IAAAA;AAAAA,EAEd;AAEO,SAAA,CAACf,OAAOE,SAAS;AAC1B;AAGO,MAAMc,kBAAmBhB,CAAU,UAAA;AACxC,QAAME,YAA2C;AAAA,IAC/Ce,OAAO;AAAA,EAAA;AAGF,SAAA,CAACjB,OAAOE,SAAS;AAC1B;AAGagB,MAAAA,mBAAmBA,CAAClB,OAAO;AAAA,EAAEmB;AAAK,MAAM;AACnD,QAAMjB,YAA4C;AAAA,IAChDQ,SAASS,KAAKV,OAAOC;AAAAA,IACrBC,OAAOQ,KAAKV,OAAOE;AAAAA,EAAAA;AAGrB,MAAIQ,KAAKV,OAAOJ,SAAS,QAAQc,KAAKV,OAAOW,aAAa,MAAM;AAC9DlB,cAAUG,QAAQ;AAAA,MAChB,GAAGL,MAAMK;AAAAA,MACT,GAAGc,KAAKV,OAAOJ;AAAAA,MACf,GAAGc,KAAKV,OAAOW;AAAAA,IAAAA;AAAAA,EAEnB;AAEA,MAAID,KAAKV,OAAOH,aAAa,QAAQa,KAAKV,OAAOY,iBAAiB,MAAM;AAC5Df,cAAAA,YAAYQ,KACpBd,MAAMM,WACNa,KAAKV,OAAOH,WACZa,KAAKV,OAAOY,aAAa;AAAA,EAE7B;AAEA,MAAIF,KAAKV,OAAOF,WAAW,QAAQY,KAAKV,OAAOa,aAAa;AAC1DpB,cAAUK,UAAU;AAAA,MAClB,GAAGP,MAAMO;AAAAA,MACT,GAAGY,KAAKV,OAAOF;AAAAA,MACf,GAAGY,KAAKV,OAAOa;AAAAA,IAAAA;AAAAA,EAEnB;AAEO,SAAA,CAACtB,OAAOE,SAAS;AAC1B;AAEA,MAAMqB,iBAAuCC,CAAU,UAAA;AAE/CC,QAAAA,cAAcC,KAAK3B,iBAAiB;AAEpC4B,QAAAA,eAAeD,KAAKlB,wBAAwB;AAE5CoB,QAAAA,eAAeF,KAAKlB,wBAAwB;AAE5CqB,QAAAA,YAAYH,KAAKV,eAAe;AAEhCc,QAAAA,aAAaJ,KAAKR,gBAAgB;AAC1C;AAEAK,eAAeQ,aAAa;AAE5B,MAAA,mBAAeR;"}

package/dist/esm/components/Table/tableClasses.js

@@ -0,0 +1,8 @@
+import { getClasses } from "../../utils/classes.js";
+const classKeys = ["root", "stickyHeader", "stickyColumns", "listRow"];
+const tableClasses = getClasses(classKeys, "HvTable");
+const tableClasses$1 = tableClasses;
+export {
+  tableClasses$1 as default
+};
+//# sourceMappingURL=tableClasses.js.map

package/dist/esm/components/Table/tableClasses.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tableClasses.js","sources":["../../../../src/components/Table/tableClasses.ts"],"sourcesContent":["import { getClasses } from \"utils\";\n\nexport type HvTableClasses = {\n  /** Styles applied to the component root class. */\n  root?: string;\n  /** Styles applied to the component root class when it has a sticky header. */\n  stickyHeader?: string;\n  /** Styles applied to the component root class when it has sticky columns. */\n  stickyColumns?: string;\n  /** Styles applied to the component root class when it has sticky columns. */\n  listRow?: string;\n};\n\nconst classKeys: string[] = [\n  \"root\",\n  \"stickyHeader\",\n  \"stickyColumns\",\n  \"listRow\",\n];\n\nconst tableClasses = getClasses<HvTableClasses>(classKeys, \"HvTable\");\n\nexport default tableClasses;\n"],"names":["classKeys","tableClasses","getClasses"],"mappings":";AAaA,MAAMA,YAAsB,CAC1B,QACA,gBACA,iBACA,SAAS;AAGX,MAAMC,eAAeC,WAA2BF,WAAW,SAAS;AAEpE,MAAA,iBAAeC;"}

package/dist/esm/components/Table/utils/fallbacks.js

@@ -0,0 +1,18 @@
+const LONG_DASH = "\u2014";
+const hvStringFallback = (value) => {
+  return typeof value === "string" && value !== "" ? value : LONG_DASH;
+};
+const hvNumberFallback = (value) => {
+  return typeof value === "number" ? value : LONG_DASH;
+};
+const hvNodeFallback = (value) => {
+  if (!value)
+    return LONG_DASH;
+  return hvStringFallback(value == null ? void 0 : value.toString()) === LONG_DASH ? LONG_DASH : value;
+};
+export {
+  hvNodeFallback,
+  hvNumberFallback,
+  hvStringFallback
+};
+//# sourceMappingURL=fallbacks.js.map

package/dist/esm/components/Table/utils/fallbacks.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"fallbacks.js","sources":["../../../../../src/components/Table/utils/fallbacks.ts"],"sourcesContent":["const LONG_DASH = \"—\";\n\nexport const hvStringFallback = (value) => {\n  return typeof value === \"string\" && value !== \"\" ? value : LONG_DASH;\n};\n\nexport const hvNumberFallback = (value) => {\n  return typeof value === \"number\" ? value : LONG_DASH;\n};\n\nexport const hvNodeFallback = (value) => {\n  if (!value) return LONG_DASH;\n  return hvStringFallback(value?.toString()) === LONG_DASH ? LONG_DASH : value;\n};\n"],"names":["LONG_DASH","hvStringFallback","value","hvNumberFallback","hvNodeFallback","toString"],"mappings":"AAAA,MAAMA,YAAY;AAEX,MAAMC,mBAAoBC,CAAU,UAAA;AACzC,SAAO,OAAOA,UAAU,YAAYA,UAAU,KAAKA,QAAQF;AAC7D;AAEO,MAAMG,mBAAoBD,CAAU,UAAA;AAClC,SAAA,OAAOA,UAAU,WAAWA,QAAQF;AAC7C;AAEO,MAAMI,iBAAkBF,CAAU,UAAA;AACvC,MAAI,CAACA;AAAcF,WAAAA;AACnB,SAAOC,iBAAiBC,+BAAOG,UAAU,MAAML,YAAYA,YAAYE;AACzE;"}

package/dist/esm/components/Table/utils/utils.js

@@ -0,0 +1,46 @@
+import { theme } from "@hitachivantara/uikit-styles";
+const getBorderStyles = (type, color) => {
+  if (type === "row") {
+    return {
+      "& td:first-child": {
+        borderLeft: `1px solid ${color}`,
+        borderTop: `1px solid ${color}`,
+        borderBottom: `1px solid ${color}`,
+        borderRadius: `${theme.table.rowBorderRadius} 0 0 ${theme.table.rowBorderRadius}`
+      },
+      "& td:last-child": {
+        borderRight: `1px solid ${color}`,
+        borderTop: `1px solid ${color}`,
+        borderBottom: `1px solid ${color}`,
+        borderRadius: `0 ${theme.table.rowBorderRadius} ${theme.table.rowBorderRadius} 0`
+      },
+      "& td:not(:first-child):not(:last-child)": {
+        borderTop: `1px solid ${color}`,
+        borderBottom: `1px solid ${color}`
+      }
+    };
+  } else if (type === "cell") {
+    return {
+      ":first-child&": {
+        borderLeft: `1px solid ${theme.table.rowBorderColor}`,
+        borderTop: `1px solid ${theme.table.rowBorderColor}`,
+        borderBottom: `1px solid ${theme.table.rowBorderColor}`,
+        borderRadius: `${theme.table.rowBorderRadius} 0 0 ${theme.table.rowBorderRadius}`
+      },
+      ":last-child&": {
+        borderRight: `1px solid ${theme.table.rowBorderColor}`,
+        borderTop: `1px solid ${theme.table.rowBorderColor}`,
+        borderBottom: `1px solid ${theme.table.rowBorderColor}`,
+        borderRadius: `0 ${theme.table.rowBorderRadius} ${theme.table.rowBorderRadius} 0`
+      },
+      ":not(:first-child):not(:last-child)&": {
+        borderTop: `1px solid ${theme.table.rowBorderColor}`,
+        borderBottom: `1px solid ${theme.table.rowBorderColor}`
+      }
+    };
+  }
+};
+export {
+  getBorderStyles
+};
+//# sourceMappingURL=utils.js.map

package/dist/esm/components/Table/utils/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","sources":["../../../../../src/components/Table/utils/utils.ts"],"sourcesContent":["import { theme } from \"@hitachivantara/uikit-styles\";\n\nexport const getBorderStyles = (type: string, color: string) => {\n  if (type === \"row\") {\n    return {\n      \"& td:first-child\": {\n        borderLeft: `1px solid ${color}`,\n        borderTop: `1px solid ${color}`,\n        borderBottom: `1px solid ${color}`,\n        borderRadius: `${theme.table.rowBorderRadius} 0 0 ${theme.table.rowBorderRadius}`,\n      },\n      \"& td:last-child\": {\n        borderRight: `1px solid ${color}`,\n        borderTop: `1px solid ${color}`,\n        borderBottom: `1px solid ${color}`,\n        borderRadius: `0 ${theme.table.rowBorderRadius} ${theme.table.rowBorderRadius} 0`,\n      },\n      \"& td:not(:first-child):not(:last-child)\": {\n        borderTop: `1px solid ${color}`,\n        borderBottom: `1px solid ${color}`,\n      },\n    };\n  } else if (type === \"cell\") {\n    return {\n      \":first-child&\": {\n        borderLeft: `1px solid ${theme.table.rowBorderColor}`,\n        borderTop: `1px solid ${theme.table.rowBorderColor}`,\n        borderBottom: `1px solid ${theme.table.rowBorderColor}`,\n        borderRadius: `${theme.table.rowBorderRadius} 0 0 ${theme.table.rowBorderRadius}`,\n      },\n      \":last-child&\": {\n        borderRight: `1px solid ${theme.table.rowBorderColor}`,\n        borderTop: `1px solid ${theme.table.rowBorderColor}`,\n        borderBottom: `1px solid ${theme.table.rowBorderColor}`,\n        borderRadius: `0 ${theme.table.rowBorderRadius} ${theme.table.rowBorderRadius} 0`,\n      },\n      \":not(:first-child):not(:last-child)&\": {\n        borderTop: `1px solid ${theme.table.rowBorderColor}`,\n        borderBottom: `1px solid ${theme.table.rowBorderColor}`,\n      },\n    };\n  }\n};\n"],"names":["getBorderStyles","type","color","borderLeft","borderTop","borderBottom","borderRadius","theme","table","rowBorderRadius","borderRight","rowBorderColor"],"mappings":";AAEaA,MAAAA,kBAAkBA,CAACC,MAAcC,UAAkB;AAC9D,MAAID,SAAS,OAAO;AACX,WAAA;AAAA,MACL,oBAAoB;AAAA,QAClBE,YAAa,aAAYD;AAAAA,QACzBE,WAAY,aAAYF;AAAAA,QACxBG,cAAe,aAAYH;AAAAA,QAC3BI,cAAe,GAAEC,MAAMC,MAAMC,uBAAuBF,MAAMC,MAAMC;AAAAA,MAClE;AAAA,MACA,mBAAmB;AAAA,QACjBC,aAAc,aAAYR;AAAAA,QAC1BE,WAAY,aAAYF;AAAAA,QACxBG,cAAe,aAAYH;AAAAA,QAC3BI,cAAe,KAAIC,MAAMC,MAAMC,mBAAmBF,MAAMC,MAAMC;AAAAA,MAChE;AAAA,MACA,2CAA2C;AAAA,QACzCL,WAAY,aAAYF;AAAAA,QACxBG,cAAe,aAAYH;AAAAA,MAC7B;AAAA,IAAA;AAAA,EACF,WACSD,SAAS,QAAQ;AACnB,WAAA;AAAA,MACL,iBAAiB;AAAA,QACfE,YAAa,aAAYI,MAAMC,MAAMG;AAAAA,QACrCP,WAAY,aAAYG,MAAMC,MAAMG;AAAAA,QACpCN,cAAe,aAAYE,MAAMC,MAAMG;AAAAA,QACvCL,cAAe,GAAEC,MAAMC,MAAMC,uBAAuBF,MAAMC,MAAMC;AAAAA,MAClE;AAAA,MACA,gBAAgB;AAAA,QACdC,aAAc,aAAYH,MAAMC,MAAMG;AAAAA,QACtCP,WAAY,aAAYG,MAAMC,MAAMG;AAAAA,QACpCN,cAAe,aAAYE,MAAMC,MAAMG;AAAAA,QACvCL,cAAe,KAAIC,MAAMC,MAAMC,mBAAmBF,MAAMC,MAAMC;AAAAA,MAChE;AAAA,MACA,wCAAwC;AAAA,QACtCL,WAAY,aAAYG,MAAMC,MAAMG;AAAAA,QACpCN,cAAe,aAAYE,MAAMC,MAAMG;AAAAA,MACzC;AAAA,IAAA;AAAA,EAEJ;AACF;"}

package/dist/esm/components/Tabs/Tabs.js

@@ -0,0 +1,25 @@
+import { StyledTabs } from "./Tabs.styles.js";
+import tabsClasses from "./tabsClasses.js";
+import clsx from "clsx";
+import { jsx } from "@emotion/react/jsx-runtime";
+const HvTabs = ({
+  classes,
+  ...others
+}) => {
+  return /* @__PURE__ */ jsx(StyledTabs, {
+    classes: {
+      root: clsx(tabsClasses.root, classes == null ? void 0 : classes.root),
+      flexContainer: clsx(tabsClasses.flexContainer, classes == null ? void 0 : classes.flexContainer),
+      indicator: clsx(tabsClasses.indicator, classes == null ? void 0 : classes.indicator),
+      scroller: clsx(tabsClasses.scroller, classes == null ? void 0 : classes.scroller)
+    },
+    TabIndicatorProps: {
+      children: /* @__PURE__ */ jsx("div", {})
+    },
+    ...others
+  });
+};
+export {
+  HvTabs
+};
+//# sourceMappingURL=Tabs.js.map

package/dist/esm/components/Tabs/Tabs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tabs.js","sources":["../../../../src/components/Tabs/Tabs.tsx"],"sourcesContent":["import { TabsProps as MuiTabsProps } from \"@mui/material\";\nimport { HvBaseProps } from \"../../types\";\nimport { StyledTabs } from \"./Tabs.styles\";\nimport tabsClasses, { HvTabsClasses } from \"./tabsClasses\";\nimport clsx from \"clsx\";\n\n// Mui Tabs props: https://mui.com/material-ui/api/tabs/#props\nexport type HvTabsProps = MuiTabsProps &\n  HvBaseProps<HTMLButtonElement, { onChange }> & {\n    /**\n     * The value of the currently selected Tab. If you don't want any selected Tab, you can set this property to `false`.\n     */\n    value?: any;\n    /**\n     * Callback fired when the value changes.\n     */\n    onChange?: (event: React.SyntheticEvent, value: any) => void;\n    /**\n     * A Jss Object used to override or extend the component styles.\n     */\n    classes?: HvTabsClasses;\n  };\n\n/**\n * A Tab is a graphical control element that allows multiple documents or panels to be contained within a single window.\n * Tabs can be used as a navigational widget for switching between sets of documents.\n */\nexport const HvTabs = ({ classes, ...others }: HvTabsProps) => {\n  return (\n    <StyledTabs\n      classes={{\n        root: clsx(tabsClasses.root, classes?.root),\n        flexContainer: clsx(tabsClasses.flexContainer, classes?.flexContainer),\n        indicator: clsx(tabsClasses.indicator, classes?.indicator),\n        scroller: clsx(tabsClasses.scroller, classes?.scroller),\n      }}\n      TabIndicatorProps={{ children: <div /> }}\n      {...others}\n    />\n  );\n};\n"],"names":["HvTabs","classes","others","StyledTabs","root","clsx","tabsClasses","flexContainer","indicator","scroller","TabIndicatorProps","children","_jsx"],"mappings":";;;;AA2BO,MAAMA,SAASA,CAAC;AAAA,EAAEC;AAAAA,KAAYC;AAAoB,MAAM;AAC7D,6BACGC,YAAU;AAAA,IACTF,SAAS;AAAA,MACPG,MAAMC,KAAKC,YAAYF,MAAMH,mCAASG,IAAI;AAAA,MAC1CG,eAAeF,KAAKC,YAAYC,eAAeN,mCAASM,aAAa;AAAA,MACrEC,WAAWH,KAAKC,YAAYE,WAAWP,mCAASO,SAAS;AAAA,MACzDC,UAAUJ,KAAKC,YAAYG,UAAUR,mCAASQ,QAAQ;AAAA,IACxD;AAAA,IACAC,mBAAmB;AAAA,MAAEC,UAAUC,oBAAA,OAAA,EAAA;AAAA,IAAQ;AAAA,IAAE,GACrCV;AAAAA,EAAAA,CACJ;AAEN;"}