@hitachivantara/uikit-react-core 3.72.1 → 4.0.1-next.0

package/dist/legacy/Tab/Tab.js

@@ -1,17 +1,31 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
+import "core-js/modules/es.object.keys.js";
+import "core-js/modules/es.symbol.js";
+import "core-js/modules/es.array.filter.js";
+import "core-js/modules/es.object.to-string.js";
+import "core-js/modules/es.object.get-own-property-descriptor.js";
+import "core-js/modules/web.dom-collections.for-each.js";
+import "core-js/modules/es.object.get-own-property-descriptors.js";
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
 var _excluded = ["classes"];
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
 import React from "react";
 import PropTypes from "prop-types";
 import clsx from "clsx";
-import { Tab, withStyles } from "@material-ui/core";
+import { Tab } from "@mui/material";
+import { withStyles } from "@mui/styles";
 import styles from "./styles";
+import { jsx as _jsx } from "react/jsx-runtime";
 
 var HvTab = function HvTab(props) {
   var classes = props.classes,
       others = _objectWithoutProperties(props, _excluded);
 
-  return /*#__PURE__*/React.createElement(Tab, _extends({
+  return /*#__PURE__*/_jsx(Tab, _objectSpread({
     classes: {
       root: classes.root,
       selected: classes.selected,

package/dist/legacy/Tab/Tab.js.map

@@ -1 +1 @@
-{"version":3,"file":"Tab.js","names":["React","PropTypes","clsx","Tab","withStyles","styles","HvTab","props","classes","others","root","selected","disabled","focusVisible","propTypes","id","string","className","shape","labelContainer","isRequired","bool","icon","node","label","defaultProps","name"],"sources":["../../../src/Tab/Tab.js"],"sourcesContent":["import React from \"react\";\nimport PropTypes from \"prop-types\";\nimport clsx from \"clsx\";\nimport { Tab, withStyles } from \"@material-ui/core\";\nimport styles from \"./styles\";\n\nconst HvTab = (props) => {\n  const { classes, ...others } = props;\n\n  return (\n    <Tab\n      classes={{\n        root: classes.root,\n        selected: classes.selected,\n        disabled: classes.disabled,\n      }}\n      disableRipple\n      disableTouchRipple\n      // expose the global class HvIsFocusVisible as a marker\n      // not to be styled directly, only as helper in specific css queries\n      focusVisibleClassName={clsx(\"HvIsFocusVisible\", classes.focusVisible)}\n      {...others}\n    />\n  );\n};\n\nHvTab.propTypes = {\n  /**\n   * Identifier.\n   */\n  id: PropTypes.string,\n  /**\n   * Class names to be applied.\n   */\n  className: PropTypes.string,\n  /**\n   * A Jss Object used to override or extend the component styles.\n   */\n  classes: PropTypes.shape({\n    /**\n     * Styles applied to the root element.\n     */\n    root: PropTypes.string,\n    /**\n     * Styles applied to the label container element if `label` is provided.\n     */\n    labelContainer: PropTypes.string,\n    /**\n     * Styles applied to the root element if `selected={true}` (controlled by the Tabs component).\n     */\n    selected: PropTypes.string,\n    /**\n     * Styles applied to the root element if `disabled={true}` (controlled by the Tabs component).\n     */\n    disabled: PropTypes.string,\n    /**\n     * Styles applied to the root element if keyboard focused.\n     */\n    focusVisible: PropTypes.string,\n  }).isRequired,\n  /**\n   * If `true`, the tab will be disabled.\n   */\n  disabled: PropTypes.bool,\n  /**\n   * The icon element.\n   */\n  icon: PropTypes.node,\n  /**\n   * The label element.\n   */\n  label: PropTypes.node,\n};\n\nHvTab.defaultProps = {\n  disabled: false,\n  icon: null,\n  label: null,\n};\n\nexport default withStyles(styles, { name: \"HvTab\" })(HvTab);\n"],"mappings":";;;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,OAAOC,IAAP,MAAiB,MAAjB;AACA,SAASC,GAAT,EAAcC,UAAd,QAAgC,mBAAhC;AACA,OAAOC,MAAP,MAAmB,UAAnB;;AAEA,IAAMC,KAAK,GAAG,SAARA,KAAQ,CAACC,KAAD,EAAW;EACvB,IAAQC,OAAR,GAA+BD,KAA/B,CAAQC,OAAR;EAAA,IAAoBC,MAApB,4BAA+BF,KAA/B;;EAEA,oBACE,oBAAC,GAAD;IACE,OAAO,EAAE;MACPG,IAAI,EAAEF,OAAO,CAACE,IADP;MAEPC,QAAQ,EAAEH,OAAO,CAACG,QAFX;MAGPC,QAAQ,EAAEJ,OAAO,CAACI;IAHX,CADX;IAME,aAAa,MANf;IAOE,kBAAkB,MAPpB,CAQE;IACA;IATF;IAUE,qBAAqB,EAAEV,IAAI,CAAC,kBAAD,EAAqBM,OAAO,CAACK,YAA7B;EAV7B,GAWMJ,MAXN,EADF;AAeD,CAlBD;;AAoBA,wCAAAH,KAAK,CAACQ,SAAN,GAAkB;EAChB;AACF;AACA;EACEC,EAAE,EAAEd,SAAS,CAACe,MAJE;;EAKhB;AACF;AACA;EACEC,SAAS,EAAEhB,SAAS,CAACe,MARL;;EAShB;AACF;AACA;EACER,OAAO,EAAEP,SAAS,CAACiB,KAAV,CAAgB;IACvB;AACJ;AACA;IACIR,IAAI,EAAET,SAAS,CAACe,MAJO;;IAKvB;AACJ;AACA;IACIG,cAAc,EAAElB,SAAS,CAACe,MARH;;IASvB;AACJ;AACA;IACIL,QAAQ,EAAEV,SAAS,CAACe,MAZG;;IAavB;AACJ;AACA;IACIJ,QAAQ,EAAEX,SAAS,CAACe,MAhBG;;IAiBvB;AACJ;AACA;IACIH,YAAY,EAAEZ,SAAS,CAACe;EApBD,CAAhB,EAqBNI,UAjCa;;EAkChB;AACF;AACA;EACER,QAAQ,EAAEX,SAAS,CAACoB,IArCJ;;EAsChB;AACF;AACA;EACEC,IAAI,EAAErB,SAAS,CAACsB,IAzCA;;EA0ChB;AACF;AACA;EACEC,KAAK,EAAEvB,SAAS,CAACsB;AA7CD,CAAlB;AAgDAjB,KAAK,CAACmB,YAAN,GAAqB;EACnBb,QAAQ,EAAE,KADS;EAEnBU,IAAI,EAAE,IAFa;EAGnBE,KAAK,EAAE;AAHY,CAArB;AAMA,eAAepB,UAAU,CAACC,MAAD,EAAS;EAAEqB,IAAI,EAAE;AAAR,CAAT,CAAV,CAAsCpB,KAAtC,CAAf"}
+{"version":3,"file":"Tab.js","names":["React","PropTypes","clsx","Tab","withStyles","styles","HvTab","props","classes","others","root","selected","disabled","focusVisible","propTypes","id","string","className","shape","labelContainer","isRequired","bool","icon","node","label","defaultProps","name"],"sources":["../../../src/Tab/Tab.js"],"sourcesContent":["import React from \"react\";\nimport PropTypes from \"prop-types\";\nimport clsx from \"clsx\";\nimport { Tab } from \"@mui/material\";\nimport { withStyles } from \"@mui/styles\";\nimport styles from \"./styles\";\n\nconst HvTab = (props) => {\n  const { classes, ...others } = props;\n\n  return (\n    <Tab\n      classes={{\n        root: classes.root,\n        selected: classes.selected,\n        disabled: classes.disabled,\n      }}\n      disableRipple\n      disableTouchRipple\n      // expose the global class HvIsFocusVisible as a marker\n      // not to be styled directly, only as helper in specific css queries\n      focusVisibleClassName={clsx(\"HvIsFocusVisible\", classes.focusVisible)}\n      {...others}\n    />\n  );\n};\n\nHvTab.propTypes = {\n  /**\n   * Identifier.\n   */\n  id: PropTypes.string,\n  /**\n   * Class names to be applied.\n   */\n  className: PropTypes.string,\n  /**\n   * A Jss Object used to override or extend the component styles.\n   */\n  classes: PropTypes.shape({\n    /**\n     * Styles applied to the root element.\n     */\n    root: PropTypes.string,\n    /**\n     * Styles applied to the label container element if `label` is provided.\n     */\n    labelContainer: PropTypes.string,\n    /**\n     * Styles applied to the root element if `selected={true}` (controlled by the Tabs component).\n     */\n    selected: PropTypes.string,\n    /**\n     * Styles applied to the root element if `disabled={true}` (controlled by the Tabs component).\n     */\n    disabled: PropTypes.string,\n    /**\n     * Styles applied to the root element if keyboard focused.\n     */\n    focusVisible: PropTypes.string,\n  }).isRequired,\n  /**\n   * If `true`, the tab will be disabled.\n   */\n  disabled: PropTypes.bool,\n  /**\n   * The icon element.\n   */\n  icon: PropTypes.node,\n  /**\n   * The label element.\n   */\n  label: PropTypes.node,\n};\n\nHvTab.defaultProps = {\n  disabled: false,\n  icon: null,\n  label: null,\n};\n\nexport default withStyles(styles, { name: \"HvTab\" })(HvTab);\n"],"mappings":";;;;;;;;;;;;;;;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,OAAOC,IAAP,MAAiB,MAAjB;AACA,SAASC,GAAT,QAAoB,eAApB;AACA,SAASC,UAAT,QAA2B,aAA3B;AACA,OAAOC,MAAP,MAAmB,UAAnB;;;AAEA,IAAMC,KAAK,GAAG,SAARA,KAAQ,CAACC,KAAD,EAAW;EACvB,IAAQC,OAAR,GAA+BD,KAA/B,CAAQC,OAAR;EAAA,IAAoBC,MAApB,4BAA+BF,KAA/B;;EAEA,oBACE,KAAC,GAAD;IACE,OAAO,EAAE;MACPG,IAAI,EAAEF,OAAO,CAACE,IADP;MAEPC,QAAQ,EAAEH,OAAO,CAACG,QAFX;MAGPC,QAAQ,EAAEJ,OAAO,CAACI;IAHX,CADX;IAME,aAAa,MANf;IAOE,kBAAkB,MAPpB,CAQE;IACA;IATF;IAUE,qBAAqB,EAAEV,IAAI,CAAC,kBAAD,EAAqBM,OAAO,CAACK,YAA7B;EAV7B,GAWMJ,MAXN,EADF;AAeD,CAlBD;;AAoBA,wCAAAH,KAAK,CAACQ,SAAN,GAAkB;EAChB;AACF;AACA;EACEC,EAAE,EAAEd,SAAS,CAACe,MAJE;;EAKhB;AACF;AACA;EACEC,SAAS,EAAEhB,SAAS,CAACe,MARL;;EAShB;AACF;AACA;EACER,OAAO,EAAEP,SAAS,CAACiB,KAAV,CAAgB;IACvB;AACJ;AACA;IACIR,IAAI,EAAET,SAAS,CAACe,MAJO;;IAKvB;AACJ;AACA;IACIG,cAAc,EAAElB,SAAS,CAACe,MARH;;IASvB;AACJ;AACA;IACIL,QAAQ,EAAEV,SAAS,CAACe,MAZG;;IAavB;AACJ;AACA;IACIJ,QAAQ,EAAEX,SAAS,CAACe,MAhBG;;IAiBvB;AACJ;AACA;IACIH,YAAY,EAAEZ,SAAS,CAACe;EApBD,CAAhB,EAqBNI,UAjCa;;EAkChB;AACF;AACA;EACER,QAAQ,EAAEX,SAAS,CAACoB,IArCJ;;EAsChB;AACF;AACA;EACEC,IAAI,EAAErB,SAAS,CAACsB,IAzCA;;EA0ChB;AACF;AACA;EACEC,KAAK,EAAEvB,SAAS,CAACsB;AA7CD,CAAlB;AAgDAjB,KAAK,CAACmB,YAAN,GAAqB;EACnBb,QAAQ,EAAE,KADS;EAEnBU,IAAI,EAAE,IAFa;EAGnBE,KAAK,EAAE;AAHY,CAArB;AAMA,eAAepB,UAAU,CAACC,MAAD,EAAS;EAAEqB,IAAI,EAAE;AAAR,CAAT,CAAV,CAAsCpB,KAAtC,CAAf"}

package/dist/legacy/Table/Table.d.ts

@@ -1,291 +1,29 @@
-import { StandardProps } from "@material-ui/core";
-import * as React from "react";
-import { HvActionsGenericCommonProps } from "../ActionsGeneric";
-import { ListValueProp } from "../List";
-import { PaginationLabelsProp, HvPaginationProps } from "../Pagination";
+import { StandardProps } from "@mui/material";
 
-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 type HvTableClassKey = "root" | "stickyHeader" | "stickyColumns" | "listRow";
 
 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[];
-
+  extends StandardProps<React.TableHTMLAttributes<HTMLTableElement>, HvTableClassKey> {
   /**
-   * 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
+   * The component used for the root node. Either a string to use a HTML element or a component.
+   * Defaults to `table`.
+   *
+   * When using non-table elements, layout is up to the developer using the component.
    */
-  defaultPageSize?: number;
+  component?: React.ElementType<React.HTMLAttributes<HTMLElement>>;
 
   /**
-   * Component to be shown when no data is displayed.
+   * Whether the `HvTable` has a sticky header row.
    */
-  noDataComponent?: React.ReactNode;
+  stickyHeader?: boolean;
   /**
-   * Defines if the expanded row is collapsed when data changes.
+   * Whether the `HvTable` has sticky columns.
    */
-  collapseOnDataChange?: boolean;
+  stickyColumns?: 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.
+   * Variant of table.
    */
-  fixedSecondaryActions?: boolean;
+  variant?: "listrow" | "default";
 }
 
 export default function HvTable(props: HvTableProps): JSX.Element | null;