@hitachivantara/uikit-react-core 3.52.5

package/dist/modern/Table/Header/Header.js

@@ -0,0 +1,71 @@
+/* eslint-disable */
+import React from "react";
+import clsx from "clsx";
+import { withStyles } from "@material-ui/core";
+import { SortXS as Sort, SortAscendingXS as SortAsc, SortDescendingXS as SortDesc } from "@hitachivantara/uikit-react-icons";
+import { HvTypography } from "../..";
+import { setId } from "../../utils";
+import styles from "./styles";
+/**
+ * Returns the corresponding icon for the type of sorting (ascending or descending).
+ */
+
+const renderSort = (sortType, columnSortable) => {
+  if (sortType) {
+    return sortType === "descending" ? /*#__PURE__*/React.createElement(SortDesc, null) : /*#__PURE__*/React.createElement(SortAsc, null);
+  }
+
+  if (columnSortable) {
+    return /*#__PURE__*/React.createElement(Sort, null);
+  }
+
+  return null;
+};
+
+const getSortType = (id, sort) => {
+  const sortInfo = sort.filter(item => item.id === id);
+
+  if (sortInfo.length) {
+    return sortInfo[0].desc === true ? "descending" : "ascending";
+  }
+
+  return undefined;
+};
+
+const Header = ({
+  id,
+  classes,
+  column,
+  tableSortable,
+  sort,
+  onSortChange
+}) => {
+  const {
+    id: colId,
+    sortable,
+    cellType,
+    headerText
+  } = column;
+  const columnSortable = sortable == null && tableSortable || sortable;
+  const sortType = getSortType(colId, sort);
+  return /*#__PURE__*/React.createElement("div", {
+    className: clsx(classes.headerContainer)
+  }, columnSortable && /*#__PURE__*/React.createElement("div", {
+    id: setId(id, "column", colId, "sort-button"),
+    className: clsx(classes.rtSortIcon, cellType === "numeric" && classes.rtSortIconNumeric),
+    "aria-label": setId(id, "column", colId, "sort-button"),
+    role: "button",
+    tabIndex: "0"
+  }, renderSort(sortType, columnSortable)), /*#__PURE__*/React.createElement("div", {
+    className: clsx(classes.headerTextContainer, columnSortable ? classes.headerSortable : classes.headerNotSortable)
+  }, /*#__PURE__*/React.createElement(HvTypography, {
+    id: setId(id, "column", colId, "label"),
+    variant: "highlightText",
+    className: clsx(classes.headerProps, (cellType === "alpha-numeric" || cellType === "link") && classes.headerAlphaNumeric, cellType === "numeric" && classes.headerNumeric)
+  }, headerText)));
+};
+
+export default withStyles(styles, {
+  name: "HvTableHeader"
+})(Header);
+//# sourceMappingURL=Header.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/Table/Header/Header.js"],"names":["React","clsx","withStyles","SortXS","Sort","SortAscendingXS","SortAsc","SortDescendingXS","SortDesc","HvTypography","setId","styles","renderSort","sortType","columnSortable","getSortType","id","sort","sortInfo","filter","item","length","desc","undefined","Header","classes","column","tableSortable","onSortChange","colId","sortable","cellType","headerText","headerContainer","rtSortIcon","rtSortIconNumeric","headerTextContainer","headerSortable","headerNotSortable","headerProps","headerAlphaNumeric","headerNumeric","name"],"mappings":"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","sourcesContent":["/* eslint-disable */\nimport React from \"react\";\nimport clsx from \"clsx\";\nimport { withStyles } from \"@material-ui/core\";\nimport {\n  SortXS as Sort,\n  SortAscendingXS as SortAsc,\n  SortDescendingXS as SortDesc,\n} from \"@hitachivantara/uikit-react-icons\";\nimport { HvTypography } from \"../..\";\nimport { setId } from \"../../utils\";\nimport styles from \"./styles\";\n\n/**\n * Returns the corresponding icon for the type of sorting (ascending or descending).\n */\nconst renderSort = (sortType, columnSortable) => {\n  if (sortType) {\n    return sortType === \"descending\" ? <SortDesc /> : <SortAsc />;\n  }\n\n  if (columnSortable) {\n    return <Sort />;\n  }\n\n  return null;\n};\n\nconst getSortType = (id, sort) => {\n  const sortInfo = sort.filter((item) => item.id === id);\n  if (sortInfo.length) {\n    return sortInfo[0].desc === true ? \"descending\" : \"ascending\";\n  }\n\n  return undefined;\n};\n\nconst Header = ({ id, classes, column, tableSortable, sort, onSortChange }) => {\n  const { id: colId, sortable, cellType, headerText } = column;\n\n  const columnSortable = (sortable == null && tableSortable) || sortable;\n  const sortType = getSortType(colId, sort);\n\n  return (\n    <div className={clsx(classes.headerContainer)}>\n      {columnSortable && (\n        <div\n          id={setId(id, \"column\", colId, \"sort-button\")}\n          className={clsx(classes.rtSortIcon, {\n            [classes.rtSortIconNumeric]: cellType === \"numeric\",\n          })}\n          aria-label={setId(id, \"column\", colId, \"sort-button\")}\n          role=\"button\"\n          tabIndex=\"0\"\n        >\n          {renderSort(sortType, columnSortable)}\n        </div>\n      )}\n      {/* Setter of the styles for the header */}\n      <div\n        className={clsx(classes.headerTextContainer, {\n          [classes.headerSortable]: columnSortable,\n          [classes.headerNotSortable]: !columnSortable,\n        })}\n      >\n        <HvTypography\n          id={setId(id, \"column\", colId, \"label\")}\n          variant=\"highlightText\"\n          className={clsx(classes.headerProps, {\n            [classes.headerAlphaNumeric]: cellType === \"alpha-numeric\" || cellType === \"link\",\n            [classes.headerNumeric]: cellType === \"numeric\",\n          })}\n        >\n          {headerText}\n        </HvTypography>\n      </div>\n    </div>\n  );\n};\n\nexport default withStyles(styles, { name: \"HvTableHeader\" })(Header);\n"],"file":"Header.js"}

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

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

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

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

package/dist/modern/Table/Header/styles.js

@@ -0,0 +1,46 @@
+const styles = theme => ({
+  headerContainer: {
+    width: "100%",
+    display: "flex"
+  },
+  headerProps: {
+    width: "100%",
+    whiteSpace: "normal",
+    textOverflow: "ellipsis",
+    overflow: "hidden",
+    maxHeight: 42
+  },
+  headerTextContainer: {
+    minWidth: 0,
+    padding: theme.hvSpacing("8px", "xs", "8px", 0),
+    overflow: "hidden",
+    whiteSpace: "nowrap",
+    textOverflow: "ellipsis"
+  },
+  headerNotSortable: {
+    width: `calc(100% - ${theme.hv.spacing.xs}px)`,
+    marginLeft: theme.hv.spacing.xs
+  },
+  headerSortable: {
+    maxWidth: "calc(100% - 32px)"
+  },
+  headerAlphaNumeric: {
+    float: "left",
+    textAlign: "left"
+  },
+  headerNumeric: {
+    float: "right",
+    textAlign: "right"
+  },
+  rtSortIcon: {
+    "&:focus": {
+      outline: 0
+    }
+  },
+  rtSortIconNumeric: {
+    marginLeft: "auto"
+  }
+});
+
+export default styles;
+//# sourceMappingURL=styles.js.map

package/dist/modern/Table/Header/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/Table/Header/styles.js"],"names":["styles","theme","headerContainer","width","display","headerProps","whiteSpace","textOverflow","overflow","maxHeight","headerTextContainer","minWidth","padding","hvSpacing","headerNotSortable","hv","spacing","xs","marginLeft","headerSortable","maxWidth","headerAlphaNumeric","float","textAlign","headerNumeric","rtSortIcon","outline","rtSortIconNumeric"],"mappings":"AAAA,MAAMA,MAAM,GAAIC,KAAD,KAAY;AACzBC,EAAAA,eAAe,EAAE;AACfC,IAAAA,KAAK,EAAE,MADQ;AAEfC,IAAAA,OAAO,EAAE;AAFM,GADQ;AAKzBC,EAAAA,WAAW,EAAE;AACXF,IAAAA,KAAK,EAAE,MADI;AAEXG,IAAAA,UAAU,EAAE,QAFD;AAGXC,IAAAA,YAAY,EAAE,UAHH;AAIXC,IAAAA,QAAQ,EAAE,QAJC;AAKXC,IAAAA,SAAS,EAAE;AALA,GALY;AAYzBC,EAAAA,mBAAmB,EAAE;AACnBC,IAAAA,QAAQ,EAAE,CADS;AAEnBC,IAAAA,OAAO,EAAEX,KAAK,CAACY,SAAN,CAAgB,KAAhB,EAAuB,IAAvB,EAA6B,KAA7B,EAAoC,CAApC,CAFU;AAGnBL,IAAAA,QAAQ,EAAE,QAHS;AAInBF,IAAAA,UAAU,EAAE,QAJO;AAKnBC,IAAAA,YAAY,EAAE;AALK,GAZI;AAmBzBO,EAAAA,iBAAiB,EAAE;AACjBX,IAAAA,KAAK,EAAG,eAAcF,KAAK,CAACc,EAAN,CAASC,OAAT,CAAiBC,EAAG,KADzB;AAEjBC,IAAAA,UAAU,EAAEjB,KAAK,CAACc,EAAN,CAASC,OAAT,CAAiBC;AAFZ,GAnBM;AAuBzBE,EAAAA,cAAc,EAAE;AACdC,IAAAA,QAAQ,EAAE;AADI,GAvBS;AA0BzBC,EAAAA,kBAAkB,EAAE;AAClBC,IAAAA,KAAK,EAAE,MADW;AAElBC,IAAAA,SAAS,EAAE;AAFO,GA1BK;AA8BzBC,EAAAA,aAAa,EAAE;AACbF,IAAAA,KAAK,EAAE,OADM;AAEbC,IAAAA,SAAS,EAAE;AAFE,GA9BU;AAkCzBE,EAAAA,UAAU,EAAE;AACV,eAAW;AACTC,MAAAA,OAAO,EAAE;AADA;AADD,GAlCa;AAuCzBC,EAAAA,iBAAiB,EAAE;AACjBT,IAAAA,UAAU,EAAE;AADK;AAvCM,CAAZ,CAAf;;AA4CA,eAAelB,MAAf","sourcesContent":["const styles = (theme) => ({\n  headerContainer: {\n    width: \"100%\",\n    display: \"flex\",\n  },\n  headerProps: {\n    width: \"100%\",\n    whiteSpace: \"normal\",\n    textOverflow: \"ellipsis\",\n    overflow: \"hidden\",\n    maxHeight: 42,\n  },\n  headerTextContainer: {\n    minWidth: 0,\n    padding: theme.hvSpacing(\"8px\", \"xs\", \"8px\", 0),\n    overflow: \"hidden\",\n    whiteSpace: \"nowrap\",\n    textOverflow: \"ellipsis\",\n  },\n  headerNotSortable: {\n    width: `calc(100% - ${theme.hv.spacing.xs}px)`,\n    marginLeft: theme.hv.spacing.xs,\n  },\n  headerSortable: {\n    maxWidth: \"calc(100% - 32px)\",\n  },\n  headerAlphaNumeric: {\n    float: \"left\",\n    textAlign: \"left\",\n  },\n  headerNumeric: {\n    float: \"right\",\n    textAlign: \"right\",\n  },\n  rtSortIcon: {\n    \"&:focus\": {\n      outline: 0,\n    },\n  },\n  rtSortIconNumeric: {\n    marginLeft: \"auto\",\n  },\n});\n\nexport default styles;\n"],"file":"styles.js"}

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

@@ -0,0 +1,21 @@
+import { Ban } from "@hitachivantara/uikit-react-icons";
+import React from "react";
+import HvEmptyState from "../../EmptyState";
+import useStyles from "./styles"; // eslint-disable-next-line react/prop-types
+
+const NoData = ({
+  noDataMessage = " No data to display.",
+  children
+}) => {
+  const classes = useStyles();
+  return /*#__PURE__*/React.createElement("div", {
+    className: classes.root
+  }, children || /*#__PURE__*/React.createElement(HvEmptyState, {
+    className: classes.default,
+    message: noDataMessage,
+    icon: /*#__PURE__*/React.createElement(Ban, null)
+  }));
+};
+
+export default NoData;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/Table/NoData/index.js"],"names":["Ban","React","HvEmptyState","useStyles","NoData","noDataMessage","children","classes","root","default"],"mappings":"AAAA,SAASA,GAAT,QAAoB,mCAApB;AACA,OAAOC,KAAP,MAAkB,OAAlB;AACA,OAAOC,YAAP,MAAyB,kBAAzB;AACA,OAAOC,SAAP,MAAsB,UAAtB,C,CAEA;;AACA,MAAMC,MAAM,GAAG,CAAC;AAAEC,EAAAA,aAAa,GAAG,sBAAlB;AAA0CC,EAAAA;AAA1C,CAAD,KAA0D;AACvE,QAAMC,OAAO,GAAGJ,SAAS,EAAzB;AACA,sBACE;AAAK,IAAA,SAAS,EAAEI,OAAO,CAACC;AAAxB,KACGF,QAAQ,iBACP,oBAAC,YAAD;AAAc,IAAA,SAAS,EAAEC,OAAO,CAACE,OAAjC;AAA0C,IAAA,OAAO,EAAEJ,aAAnD;AAAkE,IAAA,IAAI,eAAE,oBAAC,GAAD;AAAxE,IAFJ,CADF;AAOD,CATD;;AAWA,eAAeD,MAAf","sourcesContent":["import { Ban } from \"@hitachivantara/uikit-react-icons\";\nimport React from \"react\";\nimport HvEmptyState from \"../../EmptyState\";\nimport useStyles from \"./styles\";\n\n// eslint-disable-next-line react/prop-types\nconst NoData = ({ noDataMessage = \" No data to display.\", children }) => {\n  const classes = useStyles();\n  return (\n    <div className={classes.root}>\n      {children || (\n        <HvEmptyState className={classes.default} message={noDataMessage} icon={<Ban />} />\n      )}\n    </div>\n  );\n};\n\nexport default NoData;\n"],"file":"index.js"}

package/dist/modern/Table/NoData/styles.js

@@ -0,0 +1,21 @@
+import { createStyles, makeStyles } from "@material-ui/core";
+const useStyles = makeStyles(() => createStyles({
+  root: {
+    display: "flex",
+    position: "absolute",
+    left: "50%",
+    top: "54px",
+    transform: "translate(-50%,0)",
+    transition: "all .3s ease",
+    zIndex: 1,
+    pointerEvents: "none"
+  },
+  default: {
+    padding: "32px"
+  },
+  noTextMessage: {
+    lineHeight: "32px"
+  }
+}));
+export default useStyles;
+//# sourceMappingURL=styles.js.map

package/dist/modern/Table/NoData/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/Table/NoData/styles.js"],"names":["createStyles","makeStyles","useStyles","root","display","position","left","top","transform","transition","zIndex","pointerEvents","default","padding","noTextMessage","lineHeight"],"mappings":"AAAA,SAASA,YAAT,EAAuBC,UAAvB,QAAyC,mBAAzC;AAEA,MAAMC,SAAS,GAAGD,UAAU,CAAC,MAC3BD,YAAY,CAAC;AACXG,EAAAA,IAAI,EAAE;AACJC,IAAAA,OAAO,EAAE,MADL;AAEJC,IAAAA,QAAQ,EAAE,UAFN;AAGJC,IAAAA,IAAI,EAAE,KAHF;AAIJC,IAAAA,GAAG,EAAE,MAJD;AAKJC,IAAAA,SAAS,EAAE,mBALP;AAMJC,IAAAA,UAAU,EAAE,cANR;AAOJC,IAAAA,MAAM,EAAE,CAPJ;AAQJC,IAAAA,aAAa,EAAE;AARX,GADK;AAWXC,EAAAA,OAAO,EAAE;AACPC,IAAAA,OAAO,EAAE;AADF,GAXE;AAcXC,EAAAA,aAAa,EAAE;AACbC,IAAAA,UAAU,EAAE;AADC;AAdJ,CAAD,CADc,CAA5B;AAqBA,eAAeb,SAAf","sourcesContent":["import { createStyles, makeStyles } from \"@material-ui/core\";\n\nconst useStyles = makeStyles(() =>\n  createStyles({\n    root: {\n      display: \"flex\",\n      position: \"absolute\",\n      left: \"50%\",\n      top: \"54px\",\n      transform: \"translate(-50%,0)\",\n      transition: \"all .3s ease\",\n      zIndex: 1,\n      pointerEvents: \"none\",\n    },\n    default: {\n      padding: \"32px\",\n    },\n    noTextMessage: {\n      lineHeight: \"32px\",\n    },\n  })\n);\n\nexport default useStyles;\n"],"file":"styles.js"}

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

@@ -0,0 +1,291 @@
+import { StandardProps } from "@material-ui/core";
+import * as React from "react";
+import { HvActionsGenericCommonProps } from "../ActionsGeneric";
+import { ListValueProp } from "../List";
+import { PaginationLabelsProp, HvPaginationProps } from "../Pagination";
+
+export interface TableColumn {
+  /**
+   * The id of the column.
+   */
+  id?: string;
+  /**
+   * The title of the column.
+   */
+  headerText?: string;
+  /**
+   * Accessors are functions that return the value to populate the row's value for the column.
+   */
+  accessor?: string | Function;
+  /**
+   * Receives each cell value and it should return with any desired modification.
+   * @param value - the cell value.
+   */
+  format?: (value: any) => any;
+  /**
+   * Sets the column type
+   */
+  cellType?: "numeric" | "alpha-numeric";
+  /**
+   * Styles to apply to the column.
+   */
+  style?: any;
+  /**
+   * Specifies if the column should always be visible and where it should be rendered.
+   */
+  fixed?: "left" | "right";
+  /**
+   *  Used to render a standard cell, defaults to the accessed value.
+   */
+  Cell?: React.ReactNode | string | Function;
+  /**
+   * If `true` the column may be sorted.
+   */
+  sortable?: boolean;
+  /**
+   * The width of the column
+   */
+  width?: string | number;
+  /**
+   * The max-width of the column
+   */
+  maxWidth?: string | number;
+  /**
+   * The min-width of the column
+   */
+  minWidth?: string | number;
+  /**
+   * Custom sort method
+   * @param a - the first value to compare.
+   * @param b - the second value to compare.
+   */
+  sortMethod?: (a: any, b: any) => number;
+}
+
+export interface SecondaryAction extends ListValueProp {
+  /**
+   * Value when the action is clicked, it receives the row representation.
+   */
+  action?: (event: React.FormEvent<HTMLDivElement>, row: object) => void;
+}
+
+export type HvTableClassKey =
+  | "root"
+  | "table"
+  | "theadGroup"
+  | "theadGroupTr"
+  | "theadGroupTh"
+  | "thead"
+  | "theadTh"
+  | "theadFilter"
+  | "theadFilterTr"
+  | "theadFilterTh"
+  | "tbody"
+  | "tBodyEmpty"
+  | "trGroups"
+  | "tr"
+  | "textContainer"
+  | "td"
+  | "tfoot"
+  | "tfootTr"
+  | "tfootTh"
+  | "pagination"
+  | "loading"
+  | "noDate"
+  | "resizer"
+  | "rtSortIcon"
+  | "sortedIconShown"
+  | "sortedIconHidden"
+  | "pointer"
+  | "tableContainer"
+  | "subtitle"
+  | "title"
+  | "checkBoxBorder"
+  | "checkBoxRow"
+  | "centered"
+  | "alphaNumeric"
+  | "numeric"
+  | "link"
+  | "subComponentContainer"
+  | "iconContainer"
+  | "firstWithNumeric"
+  | "lockIcon"
+  | "lockIconSelected"
+  | "trashIcon"
+  | "trashIconSelected"
+  | "checkBoxText"
+  | "menuItem"
+  | "expand"
+  | "separatorContainer"
+  | "bulkActions";
+
+export interface HvTableProps
+  extends StandardProps<React.HTMLAttributes<HTMLDivElement>, HvTableClassKey>,
+    HvActionsGenericCommonProps {
+  /**
+   * Unique class name used to identify the fixed table
+   */
+  uniqClassName?: string;
+
+  /**
+   * The column definition to apply to the table. Please check https://react-table.js.org/#/story/readme for more info
+   * Use the property "cellType" to define the different types of cell. Available values: "number" , "alpha-numeric" and "link.
+   * If the type is "link", in data use the structure {displayText: {text to display} ,url: {url} }.
+   */
+  columns: TableColumn[];
+  /**
+   * Array with the data elements to show.
+   * It can also define the checkBoxProps property to pass extra props to the row checkbox selector.
+   */
+  data: object[];
+
+  /**
+   * Boolean to show or hide the pagination controls
+   */
+  showPagination?: boolean;
+
+  /**
+   * Callback to notify when the page changes
+   */
+  onPageChange?: (...args: any[]) => any;
+
+  /**
+   * Boolean to show or hide the page size control
+   */
+  showPageSize?: boolean;
+
+  /**
+   * Number of data entries for server side pagination
+   */
+  dataSize?: number;
+
+  /**
+   * Numeric value to control the page size selected
+   */
+  pageSize?: number;
+
+  /**
+   * Callback to notify when the page size changes
+   */
+  onPageSizeChange?: (pageSize: number, currentPage: number) => void;
+
+  /**
+   * Boolean to enable or disable the server side pagination mechanism
+   */
+  paginationServerSide?: boolean;
+
+  /**
+   * Labels for the pagination.
+   */
+  paginationLabels?: PaginationLabelsProp;
+
+  /**
+   * Attributes applied to the pagination component
+   */
+  paginationProps?: HvPaginationProps;
+
+  /**
+   * Numeric value to control the number of pages. Useful when Server side pagination data is enabled
+   */
+  pages?: number;
+
+  /**
+   * Specify the current page number when using a server side pagination
+   */
+  page?: number;
+
+  /**
+   * Callback with receives the page info and should fetch the data to show on the table
+   */
+  onFetchData?: (...args: any[]) => any;
+
+  /**
+   * Boolean to enable or disable the sort mechanism
+   */
+  sortable?: boolean;
+
+  /**
+   * An object describing what column is sorted by default on the table
+   */
+  defaultSorted?: any[];
+
+  /**
+   * Element to be shown in the expander.
+   */
+  subElementTemplate?: (row: object) => React.ReactNode;
+
+  /**
+   * Property to be uses as unique row identifier. One of the fields of the data.
+   */
+  idForCheckbox?: string;
+
+  /**
+   * Function to overwrite the existed getTrProps. Returns props to be applied to the tr.
+   */
+  getTrProps?: (state: object, rowInfo: object, column: object, instance: object) => any;
+
+  /**
+   * Number of rows available in table to display in aria-rowcount
+   */
+  rowCount?: number;
+
+  /**
+   * Callback which receives the checked state of all items in the list
+   */
+  onSelection?: (event: React.FormEvent<HTMLDivElement>, selection: any[]) => void;
+
+  /**
+   * Ids of preselected items in the list
+   */
+  selections?: any[];
+
+  /**
+   *  Secondary actions listed in menu dropdown. Label is displayed and action is executed on click.
+   */
+  secondaryActions?: SecondaryAction[];
+
+  /**
+   *  Extra properties passed to the select all checkbox props.
+   */
+  allCheckBoxProps?: Record<string, any>;
+
+  /**
+   *  Extra properties passed to the dropdown menu.
+   */
+  dropdownMenuProps?: Record<string, any>;
+
+  tableProps?: Record<string, any>;
+
+  /**
+   * Boolean describing if the table columns are rezisable or not
+   */
+  resizable?: boolean;
+
+  /**
+   * The default page size in the page size selector
+   */
+  defaultPageSize?: number;
+
+  /**
+   * Component to be shown when no data is displayed.
+   */
+  noDataComponent?: React.ReactNode;
+  /**
+   * Defines if the expanded row is collapsed when data changes.
+   */
+  collapseOnDataChange?: boolean;
+  /**
+   * Defines if the selection checkbox column should be always visible/fixed to the left.
+   *
+   * Defaults to true when there are any other columns fixed to the left, false otherwise.
+   */
+  fixedCheckbox?: boolean;
+  /**
+   * Defines if the secondary actions column should be always visible/fixed to the right.
+   *
+   * Defaults to true when there are any other columns fixed to the right, false otherwise.
+   */
+  fixedSecondaryActions?: boolean;
+}
+
+export default function HvTable(props: HvTableProps): JSX.Element | null;