@hitachivantara/uikit-react-core 2.23.2

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

@@ -0,0 +1,44 @@
+import _extends from "@babel/runtime/helpers/esm/extends";
+import React from "react";
+import { makeStyles } from "@material-ui/core/styles";
+import { MoreOptionsVertical as MoreVert } from "@hitachivantara/uikit-react-icons";
+import HvDropDownMenu from "../../DropDownMenu"; // eslint-disable-next-line react/prop-types
+
+const DropDownMenu = ({
+  id,
+  secondaryActions,
+  dropdownMenuProps,
+  original
+}) => {
+  const useStyles = makeStyles({
+    inputExtensionOpen: {
+      width: "30px"
+    }
+  });
+  const dropdownClasses = useStyles();
+  return /*#__PURE__*/React.createElement(HvDropDownMenu, _extends({
+    classes: {
+      inputExtensionOpen: dropdownClasses.inputExtensionOpen
+    },
+    id: id,
+    disablePortal: false,
+    icon: /*#__PURE__*/React.createElement(MoreVert, {
+      boxStyles: {
+        width: "30px",
+        height: "30px"
+      }
+    }),
+    dataList: secondaryActions,
+    onClick: (event, item) => {
+      var _item$action;
+
+      event.stopPropagation();
+      item === null || item === void 0 ? void 0 : (_item$action = item.action) === null || _item$action === void 0 ? void 0 : _item$action.call(item, event, original);
+    },
+    keepOpened: false,
+    placement: "left"
+  }, dropdownMenuProps));
+};
+
+export default DropDownMenu;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["React","makeStyles","MoreOptionsVertical","MoreVert","HvDropDownMenu","DropDownMenu","id","secondaryActions","dropdownMenuProps","original","useStyles","inputExtensionOpen","width","dropdownClasses","height","event","item","stopPropagation","action"],"sources":["../../../../src/Table/DropdownMenu/index.js"],"sourcesContent":["import React from \"react\";\nimport { makeStyles } from \"@material-ui/core/styles\";\nimport { MoreOptionsVertical as MoreVert } from \"@hitachivantara/uikit-react-icons\";\nimport HvDropDownMenu from \"../../DropDownMenu\";\n\n// eslint-disable-next-line react/prop-types\nconst DropDownMenu = ({ id, secondaryActions, dropdownMenuProps, original }) => {\n  const useStyles = makeStyles({\n    inputExtensionOpen: {\n      width: \"30px\",\n    },\n  });\n\n  const dropdownClasses = useStyles();\n\n  return (\n    <HvDropDownMenu\n      classes={{ inputExtensionOpen: dropdownClasses.inputExtensionOpen }}\n      id={id}\n      disablePortal={false}\n      icon={<MoreVert boxStyles={{ width: \"30px\", height: \"30px\" }} />}\n      dataList={secondaryActions}\n      onClick={(event, item) => {\n        event.stopPropagation();\n        item?.action?.(event, original);\n      }}\n      keepOpened={false}\n      placement=\"left\"\n      {...dropdownMenuProps}\n    />\n  );\n};\n\nexport default DropDownMenu;\n"],"mappings":";AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SAASC,UAAT,QAA2B,0BAA3B;AACA,SAASC,mBAAmB,IAAIC,QAAhC,QAAgD,mCAAhD;AACA,OAAOC,cAAP,MAA2B,oBAA3B,C,CAEA;;AACA,MAAMC,YAAY,GAAG,CAAC;EAAEC,EAAF;EAAMC,gBAAN;EAAwBC,iBAAxB;EAA2CC;AAA3C,CAAD,KAA2D;EAC9E,MAAMC,SAAS,GAAGT,UAAU,CAAC;IAC3BU,kBAAkB,EAAE;MAClBC,KAAK,EAAE;IADW;EADO,CAAD,CAA5B;EAMA,MAAMC,eAAe,GAAGH,SAAS,EAAjC;EAEA,oBACE,oBAAC,cAAD;IACE,OAAO,EAAE;MAAEC,kBAAkB,EAAEE,eAAe,CAACF;IAAtC,CADX;IAEE,EAAE,EAAEL,EAFN;IAGE,aAAa,EAAE,KAHjB;IAIE,IAAI,eAAE,oBAAC,QAAD;MAAU,SAAS,EAAE;QAAEM,KAAK,EAAE,MAAT;QAAiBE,MAAM,EAAE;MAAzB;IAArB,EAJR;IAKE,QAAQ,EAAEP,gBALZ;IAME,OAAO,EAAE,CAACQ,KAAD,EAAQC,IAAR,KAAiB;MAAA;;MACxBD,KAAK,CAACE,eAAN;MACAD,IAAI,SAAJ,IAAAA,IAAI,WAAJ,4BAAAA,IAAI,CAAEE,MAAN,mEAAAF,IAAI,EAAWD,KAAX,EAAkBN,QAAlB,CAAJ;IACD,CATH;IAUE,UAAU,EAAE,KAVd;IAWE,SAAS,EAAC;EAXZ,GAYMD,iBAZN,EADF;AAgBD,CAzBD;;AA2BA,eAAeH,YAAf"}

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

@@ -0,0 +1,73 @@
+var _SortDesc, _SortAsc, _Sort;
+
+/* 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 { KeyboardCodes, isKeypress, 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" ? _SortDesc || (_SortDesc = /*#__PURE__*/React.createElement(SortDesc, null)) : _SortAsc || (_SortAsc = /*#__PURE__*/React.createElement(SortAsc, null));
+  }
+
+  if (columnSortable) {
+    return _Sort || (_Sort = /*#__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,"file":"Header.js","names":["React","clsx","withStyles","SortXS","Sort","SortAscendingXS","SortAsc","SortDescendingXS","SortDesc","HvTypography","KeyboardCodes","isKeypress","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"],"sources":["../../../../src/Table/Header/Header.js"],"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 { KeyboardCodes, isKeypress, 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"],"mappings":"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"}

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,"file":"index.js","names":["default"],"sources":["../../../../src/Table/Header/index.js"],"sourcesContent":["export { default } from \"./Header\";\n"],"mappings":"AAAA,SAASA,OAAT,QAAwB,UAAxB"}

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: `6px ${theme.hv.spacing.xs}px 6px 0px`,
+    overflow: "hidden",
+    whiteSpace: "nowrap",
+    textOverflow: "ellipsis"
+  },
+  headerNotSortable: {
+    width: `calc(100% - ${theme.hv.spacing.xs}px)`,
+    marginLeft: `${theme.hv.spacing.xs}px`
+  },
+  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,"file":"styles.js","names":["styles","theme","headerContainer","width","display","headerProps","whiteSpace","textOverflow","overflow","maxHeight","headerTextContainer","minWidth","padding","hv","spacing","xs","headerNotSortable","marginLeft","headerSortable","maxWidth","headerAlphaNumeric","float","textAlign","headerNumeric","rtSortIcon","outline","rtSortIconNumeric"],"sources":["../../../../src/Table/Header/styles.js"],"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: `6px ${theme.hv.spacing.xs}px 6px 0px`,\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}px`,\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"],"mappings":"AAAA,MAAMA,MAAM,GAAIC,KAAD,KAAY;EACzBC,eAAe,EAAE;IACfC,KAAK,EAAE,MADQ;IAEfC,OAAO,EAAE;EAFM,CADQ;EAKzBC,WAAW,EAAE;IACXF,KAAK,EAAE,MADI;IAEXG,UAAU,EAAE,QAFD;IAGXC,YAAY,EAAE,UAHH;IAIXC,QAAQ,EAAE,QAJC;IAKXC,SAAS,EAAE;EALA,CALY;EAYzBC,mBAAmB,EAAE;IACnBC,QAAQ,EAAE,CADS;IAEnBC,OAAO,EAAG,OAAMX,KAAK,CAACY,EAAN,CAASC,OAAT,CAAiBC,EAAG,YAFjB;IAGnBP,QAAQ,EAAE,QAHS;IAInBF,UAAU,EAAE,QAJO;IAKnBC,YAAY,EAAE;EALK,CAZI;EAmBzBS,iBAAiB,EAAE;IACjBb,KAAK,EAAG,eAAcF,KAAK,CAACY,EAAN,CAASC,OAAT,CAAiBC,EAAG,KADzB;IAEjBE,UAAU,EAAG,GAAEhB,KAAK,CAACY,EAAN,CAASC,OAAT,CAAiBC,EAAG;EAFlB,CAnBM;EAuBzBG,cAAc,EAAE;IACdC,QAAQ,EAAE;EADI,CAvBS;EA0BzBC,kBAAkB,EAAE;IAClBC,KAAK,EAAE,MADW;IAElBC,SAAS,EAAE;EAFO,CA1BK;EA8BzBC,aAAa,EAAE;IACbF,KAAK,EAAE,OADM;IAEbC,SAAS,EAAE;EAFE,CA9BU;EAkCzBE,UAAU,EAAE;IACV,WAAW;MACTC,OAAO,EAAE;IADA;EADD,CAlCa;EAuCzBC,iBAAiB,EAAE;IACjBT,UAAU,EAAE;EADK;AAvCM,CAAZ,CAAf;;AA4CA,eAAejB,MAAf"}

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

@@ -0,0 +1,23 @@
+var _Fail;
+
+import React from "react";
+import { Fail } from "@hitachivantara/uikit-react-icons";
+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: _Fail || (_Fail = /*#__PURE__*/React.createElement(Fail, null))
+  }));
+};
+
+export default NoData;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["React","Fail","HvEmptyState","useStyles","NoData","noDataMessage","children","classes","root","default"],"sources":["../../../../src/Table/NoData/index.js"],"sourcesContent":["import React from \"react\";\nimport { Fail } from \"@hitachivantara/uikit-react-icons\";\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={<Fail />} />\n      )}\n    </div>\n  );\n};\n\nexport default NoData;\n"],"mappings":";;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SAASC,IAAT,QAAqB,mCAArB;AACA,OAAOC,YAAP,MAAyB,kBAAzB;AACA,OAAOC,SAAP,MAAsB,UAAtB,C,CAEA;;AACA,MAAMC,MAAM,GAAG,CAAC;EAAEC,aAAa,GAAG,sBAAlB;EAA0CC;AAA1C,CAAD,KAA0D;EACvE,MAAMC,OAAO,GAAGJ,SAAS,EAAzB;EACA,oBACE;IAAK,SAAS,EAAEI,OAAO,CAACC;EAAxB,GACGF,QAAQ,iBACP,oBAAC,YAAD;IAAc,SAAS,EAAEC,OAAO,CAACE,OAAjC;IAA0C,OAAO,EAAEJ,aAAnD;IAAkE,IAAI,iCAAE,oBAAC,IAAD,OAAF;EAAtE,EAFJ,CADF;AAOD,CATD;;AAWA,eAAeD,MAAf"}

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,"file":"styles.js","names":["createStyles","makeStyles","useStyles","root","display","position","left","top","transform","transition","zIndex","pointerEvents","default","padding","noTextMessage","lineHeight"],"sources":["../../../../src/Table/NoData/styles.js"],"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"],"mappings":"AAAA,SAASA,YAAT,EAAuBC,UAAvB,QAAyC,mBAAzC;AAEA,MAAMC,SAAS,GAAGD,UAAU,CAAC,MAC3BD,YAAY,CAAC;EACXG,IAAI,EAAE;IACJC,OAAO,EAAE,MADL;IAEJC,QAAQ,EAAE,UAFN;IAGJC,IAAI,EAAE,KAHF;IAIJC,GAAG,EAAE,MAJD;IAKJC,SAAS,EAAE,mBALP;IAMJC,UAAU,EAAE,cANR;IAOJC,MAAM,EAAE,CAPJ;IAQJC,aAAa,EAAE;EARX,CADK;EAWXC,OAAO,EAAE;IACPC,OAAO,EAAE;EADF,CAXE;EAcXC,aAAa,EAAE;IACbC,UAAU,EAAE;EADC;AAdJ,CAAD,CADc,CAA5B;AAqBA,eAAeb,SAAf"}

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

@@ -0,0 +1,299 @@
+import * as React from "react";
+import { StandardProps } from "@material-ui/core";
+import { ListValueProp } from "../List";
+import { PaginationLabelsProp, HvPaginationProps } from "../Pagination";
+import { HvActionsCommonProps } from "../Actions";
+
+export interface TableLabel {
+  /**
+   * The title that identifies the title, rendered outside of the table.
+   */
+  titleText?: string;
+  /**
+   * The subtitle that identifies the title, rendered outside of the table.
+   */
+  subtitleText?: string;
+}
+
+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;
+  /**
+   * Labels for the pagination.
+   */
+  paginationLabels?: PaginationLabelsProp;
+  /**
+   * 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 interface HvTableProps
+  extends StandardProps<React.HTMLAttributes<HTMLDivElement>, HvTableClassKey>,
+    HvActionsCommonProps {
+  /**
+   * Unique class name used to identify the fixed table
+   */
+  uniqClassName?: string;
+
+  /**
+   * The labels inside the table.
+   */
+  labels?: TableLabel;
+  /**
+   * 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?: (...args: any[]) => any;
+
+  /**
+   * Boolean to enable or disable the server side pagination mechanism
+   */
+  paginationServerSide?: boolean;
+
+  /** 
+   * 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;
+
+  /**
+   * 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 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";
+
+export default function HvTable(props: HvTableProps): JSX.Element | null;