@hitachivantara/uikit-react-lab 3.45.10 → 3.46.0

package/dist/modern/Table/TableBody/TableBody.js

@@ -1,15 +1,18 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
-const _excluded = ["classes", "className", "component"];
-import React, { forwardRef, useContext } from "react";
+const _excluded = ["classes", "className", "component", "children", "withNavigation"];
+import React, { forwardRef, useContext, useRef } from "react";
 import PropTypes from "prop-types";
 import clsx from "clsx";
 import { withStyles } from "@material-ui/core";
+import { useForkRef } from "@hitachivantara/uikit-react-core";
+import Focus from "@hitachivantara/uikit-react-core/dist/Focus";
 import TableContext from "../TableContext";
 import TableSectionContext from "../TableSectionContext";
 import styles from "./styles";
 const tableSectionContext = {
-  type: "body"
+  type: "body",
+  filterClassName: "grid"
 };
 const defaultComponent = "tbody";
 /**
@@ -17,25 +20,40 @@ const defaultComponent = "tbody";
  * `HvTableCell` and `HvTableRow` elements in it inherit body-specific styles
  */
 
-const HvTableBody = /*#__PURE__*/forwardRef(function HvTableBody(props, ref) {
+const HvTableBody = /*#__PURE__*/forwardRef(function HvTableBody(props, externalRef) {
   var _tableContext$compone;
 
   const {
     classes,
     className,
-    component
+    component,
+    children,
+    withNavigation = false
   } = props,
         others = _objectWithoutProperties(props, _excluded);
 
   const tableContext = useContext(TableContext);
+  const bodyRef = useRef(null);
+  const handleRef = useForkRef(externalRef, bodyRef);
   const Component = component || (tableContext === null || tableContext === void 0 ? void 0 : (_tableContext$compone = tableContext.components) === null || _tableContext$compone === void 0 ? void 0 : _tableContext$compone.TBody) || defaultComponent;
   return /*#__PURE__*/React.createElement(TableSectionContext.Provider, {
     value: tableSectionContext
   }, /*#__PURE__*/React.createElement(Component, _extends({
     className: clsx(classes.root, className),
-    ref: ref,
+    ref: handleRef,
     role: Component === defaultComponent ? null : "rowgroup"
-  }, others)));
+  }, others), withNavigation ? children.map(element => {
+    return /*#__PURE__*/React.createElement(Focus, {
+      rootRef: bodyRef,
+      key: `row-${element.key}`,
+      strategy: "grid",
+      useArrows: "true",
+      filterClass: tableSectionContext.filterClassName,
+      navigationJump: 1,
+      focusDisabled: false,
+      selected: element.props.selected
+    }, element);
+  }) : children));
 });
 process.env.NODE_ENV !== "production" ? HvTableBody.propTypes = {
   /**
@@ -54,6 +72,11 @@ process.env.NODE_ENV !== "production" ? HvTableBody.propTypes = {
    */
   component: PropTypes.elementType,
 
+  /**
+   * Sets whether or not there should be arrow navigation between the table rows
+   */
+  withNavigation: PropTypes.bool,
+
   /**
    * A Jss Object used to override or extend the styles applied.
    */

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

@@ -1 +1 @@
-{"version":3,"file":"TableBody.js","names":["React","forwardRef","useContext","PropTypes","clsx","withStyles","TableContext","TableSectionContext","styles","tableSectionContext","type","defaultComponent","HvTableBody","props","ref","classes","className","component","others","tableContext","Component","components","TBody","root","propTypes","string","children","node","elementType","shape","isRequired","name"],"sources":["../../../../src/Table/TableBody/TableBody.js"],"sourcesContent":["import React, { forwardRef, useContext } from \"react\";\nimport PropTypes from \"prop-types\";\nimport clsx from \"clsx\";\n\nimport { withStyles } from \"@material-ui/core\";\n\nimport TableContext from \"../TableContext\";\nimport TableSectionContext from \"../TableSectionContext\";\nimport styles from \"./styles\";\n\nconst tableSectionContext = {\n  type: \"body\",\n};\n\nconst defaultComponent = \"tbody\";\n\n/**\n * HvTableBody acts as a `tbody` element.\n * `HvTableCell` and `HvTableRow` elements in it inherit body-specific styles\n */\nconst HvTableBody = forwardRef(function HvTableBody(props, ref) {\n  const { classes, className, component, ...others } = props;\n\n  const tableContext = useContext(TableContext);\n\n  const Component = component || tableContext?.components?.TBody || defaultComponent;\n\n  return (\n    <TableSectionContext.Provider value={tableSectionContext}>\n      <Component\n        className={clsx(classes.root, className)}\n        ref={ref}\n        role={Component === defaultComponent ? null : \"rowgroup\"}\n        {...others}\n      />\n    </TableSectionContext.Provider>\n  );\n});\n\nHvTableBody.propTypes = {\n  /**\n   * Class names to be applied.\n   */\n  className: PropTypes.string,\n  /**\n   * Content to be rendered\n   */\n  children: PropTypes.node,\n  /**\n   * The component used for the root node. Either a string to use a HTML element or a component.\n   * Defaults to tbody.\n   */\n  component: PropTypes.elementType,\n  /**\n   * A Jss Object used to override or extend the styles applied.\n   */\n  classes: PropTypes.shape({\n    /**\n     * Styles applied to the component root class.\n     */\n    root: PropTypes.string,\n  }).isRequired,\n};\n\nexport default withStyles(styles, { name: \"HvTableBody\" })(HvTableBody);\n"],"mappings":";;;AAAA,OAAOA,KAAP,IAAgBC,UAAhB,EAA4BC,UAA5B,QAA8C,OAA9C;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,OAAOC,IAAP,MAAiB,MAAjB;AAEA,SAASC,UAAT,QAA2B,mBAA3B;AAEA,OAAOC,YAAP,MAAyB,iBAAzB;AACA,OAAOC,mBAAP,MAAgC,wBAAhC;AACA,OAAOC,MAAP,MAAmB,UAAnB;AAEA,MAAMC,mBAAmB,GAAG;EAC1BC,IAAI,EAAE;AADoB,CAA5B;AAIA,MAAMC,gBAAgB,GAAG,OAAzB;AAEA;AACA;AACA;AACA;;AACA,MAAMC,WAAW,gBAAGX,UAAU,CAAC,SAASW,WAAT,CAAqBC,KAArB,EAA4BC,GAA5B,EAAiC;EAAA;;EAC9D,MAAM;IAAEC,OAAF;IAAWC,SAAX;IAAsBC;EAAtB,IAA+CJ,KAArD;EAAA,MAA0CK,MAA1C,4BAAqDL,KAArD;;EAEA,MAAMM,YAAY,GAAGjB,UAAU,CAACI,YAAD,CAA/B;EAEA,MAAMc,SAAS,GAAGH,SAAS,KAAIE,YAAJ,aAAIA,YAAJ,gDAAIA,YAAY,CAAEE,UAAlB,0DAAI,sBAA0BC,KAA9B,CAAT,IAAgDX,gBAAlE;EAEA,oBACE,oBAAC,mBAAD,CAAqB,QAArB;IAA8B,KAAK,EAAEF;EAArC,gBACE,oBAAC,SAAD;IACE,SAAS,EAAEL,IAAI,CAACW,OAAO,CAACQ,IAAT,EAAeP,SAAf,CADjB;IAEE,GAAG,EAAEF,GAFP;IAGE,IAAI,EAAEM,SAAS,KAAKT,gBAAd,GAAiC,IAAjC,GAAwC;EAHhD,GAIMO,MAJN,EADF,CADF;AAUD,CAjB6B,CAA9B;AAmBA,wCAAAN,WAAW,CAACY,SAAZ,GAAwB;EACtB;AACF;AACA;EACER,SAAS,EAAEb,SAAS,CAACsB,MAJC;;EAKtB;AACF;AACA;EACEC,QAAQ,EAAEvB,SAAS,CAACwB,IARE;;EAStB;AACF;AACA;AACA;EACEV,SAAS,EAAEd,SAAS,CAACyB,WAbC;;EActB;AACF;AACA;EACEb,OAAO,EAAEZ,SAAS,CAAC0B,KAAV,CAAgB;IACvB;AACJ;AACA;IACIN,IAAI,EAAEpB,SAAS,CAACsB;EAJO,CAAhB,EAKNK;AAtBmB,CAAxB;AAyBA,eAAezB,UAAU,CAACG,MAAD,EAAS;EAAEuB,IAAI,EAAE;AAAR,CAAT,CAAV,CAA4CnB,WAA5C,CAAf"}
+{"version":3,"file":"TableBody.js","names":["React","forwardRef","useContext","useRef","PropTypes","clsx","withStyles","useForkRef","Focus","TableContext","TableSectionContext","styles","tableSectionContext","type","filterClassName","defaultComponent","HvTableBody","props","externalRef","classes","className","component","children","withNavigation","others","tableContext","bodyRef","handleRef","Component","components","TBody","root","map","element","key","selected","propTypes","string","node","elementType","bool","shape","isRequired","name"],"sources":["../../../../src/Table/TableBody/TableBody.js"],"sourcesContent":["import React, { forwardRef, useContext, useRef } from \"react\";\nimport PropTypes from \"prop-types\";\nimport clsx from \"clsx\";\n\nimport { withStyles } from \"@material-ui/core\";\nimport { useForkRef } from \"@hitachivantara/uikit-react-core\";\n\nimport Focus from \"@hitachivantara/uikit-react-core/dist/Focus\";\nimport TableContext from \"../TableContext\";\nimport TableSectionContext from \"../TableSectionContext\";\nimport styles from \"./styles\";\n\nconst tableSectionContext = {\n  type: \"body\",\n  filterClassName: \"grid\",\n};\n\nconst defaultComponent = \"tbody\";\n\n/**\n * HvTableBody acts as a `tbody` element.\n * `HvTableCell` and `HvTableRow` elements in it inherit body-specific styles\n */\nconst HvTableBody = forwardRef(function HvTableBody(props, externalRef) {\n  const { classes, className, component, children, withNavigation = false, ...others } = props;\n\n  const tableContext = useContext(TableContext);\n\n  const bodyRef = useRef(null);\n\n  const handleRef = useForkRef(externalRef, bodyRef);\n\n  const Component = component || tableContext?.components?.TBody || defaultComponent;\n\n  return (\n    <TableSectionContext.Provider value={tableSectionContext}>\n      <Component\n        className={clsx(classes.root, className)}\n        ref={handleRef}\n        role={Component === defaultComponent ? null : \"rowgroup\"}\n        {...others}\n      >\n        {withNavigation\n          ? children.map((element) => {\n              return (\n                <Focus\n                  rootRef={bodyRef}\n                  key={`row-${element.key}`}\n                  strategy=\"grid\"\n                  useArrows=\"true\"\n                  filterClass={tableSectionContext.filterClassName}\n                  navigationJump={1}\n                  focusDisabled={false}\n                  selected={element.props.selected}\n                >\n                  {element}\n                </Focus>\n              );\n            })\n          : children}\n      </Component>\n    </TableSectionContext.Provider>\n  );\n});\n\nHvTableBody.propTypes = {\n  /**\n   * Class names to be applied.\n   */\n  className: PropTypes.string,\n  /**\n   * Content to be rendered\n   */\n  children: PropTypes.node,\n  /**\n   * The component used for the root node. Either a string to use a HTML element or a component.\n   * Defaults to tbody.\n   */\n  component: PropTypes.elementType,\n  /**\n   * Sets whether or not there should be arrow navigation between the table rows\n   */\n  withNavigation: PropTypes.bool,\n  /**\n   * A Jss Object used to override or extend the styles applied.\n   */\n  classes: PropTypes.shape({\n    /**\n     * Styles applied to the component root class.\n     */\n    root: PropTypes.string,\n  }).isRequired,\n};\n\nexport default withStyles(styles, { name: \"HvTableBody\" })(HvTableBody);\n"],"mappings":";;;AAAA,OAAOA,KAAP,IAAgBC,UAAhB,EAA4BC,UAA5B,EAAwCC,MAAxC,QAAsD,OAAtD;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,OAAOC,IAAP,MAAiB,MAAjB;AAEA,SAASC,UAAT,QAA2B,mBAA3B;AACA,SAASC,UAAT,QAA2B,kCAA3B;AAEA,OAAOC,KAAP,MAAkB,6CAAlB;AACA,OAAOC,YAAP,MAAyB,iBAAzB;AACA,OAAOC,mBAAP,MAAgC,wBAAhC;AACA,OAAOC,MAAP,MAAmB,UAAnB;AAEA,MAAMC,mBAAmB,GAAG;EAC1BC,IAAI,EAAE,MADoB;EAE1BC,eAAe,EAAE;AAFS,CAA5B;AAKA,MAAMC,gBAAgB,GAAG,OAAzB;AAEA;AACA;AACA;AACA;;AACA,MAAMC,WAAW,gBAAGf,UAAU,CAAC,SAASe,WAAT,CAAqBC,KAArB,EAA4BC,WAA5B,EAAyC;EAAA;;EACtE,MAAM;IAAEC,OAAF;IAAWC,SAAX;IAAsBC,SAAtB;IAAiCC,QAAjC;IAA2CC,cAAc,GAAG;EAA5D,IAAiFN,KAAvF;EAAA,MAA4EO,MAA5E,4BAAuFP,KAAvF;;EAEA,MAAMQ,YAAY,GAAGvB,UAAU,CAACO,YAAD,CAA/B;EAEA,MAAMiB,OAAO,GAAGvB,MAAM,CAAC,IAAD,CAAtB;EAEA,MAAMwB,SAAS,GAAGpB,UAAU,CAACW,WAAD,EAAcQ,OAAd,CAA5B;EAEA,MAAME,SAAS,GAAGP,SAAS,KAAII,YAAJ,aAAIA,YAAJ,gDAAIA,YAAY,CAAEI,UAAlB,0DAAI,sBAA0BC,KAA9B,CAAT,IAAgDf,gBAAlE;EAEA,oBACE,oBAAC,mBAAD,CAAqB,QAArB;IAA8B,KAAK,EAAEH;EAArC,gBACE,oBAAC,SAAD;IACE,SAAS,EAAEP,IAAI,CAACc,OAAO,CAACY,IAAT,EAAeX,SAAf,CADjB;IAEE,GAAG,EAAEO,SAFP;IAGE,IAAI,EAAEC,SAAS,KAAKb,gBAAd,GAAiC,IAAjC,GAAwC;EAHhD,GAIMS,MAJN,GAMGD,cAAc,GACXD,QAAQ,CAACU,GAAT,CAAcC,OAAD,IAAa;IACxB,oBACE,oBAAC,KAAD;MACE,OAAO,EAAEP,OADX;MAEE,GAAG,EAAG,OAAMO,OAAO,CAACC,GAAI,EAF1B;MAGE,QAAQ,EAAC,MAHX;MAIE,SAAS,EAAC,MAJZ;MAKE,WAAW,EAAEtB,mBAAmB,CAACE,eALnC;MAME,cAAc,EAAE,CANlB;MAOE,aAAa,EAAE,KAPjB;MAQE,QAAQ,EAAEmB,OAAO,CAAChB,KAAR,CAAckB;IAR1B,GAUGF,OAVH,CADF;EAcD,CAfD,CADW,GAiBXX,QAvBN,CADF,CADF;AA6BD,CAxC6B,CAA9B;AA0CA,wCAAAN,WAAW,CAACoB,SAAZ,GAAwB;EACtB;AACF;AACA;EACEhB,SAAS,EAAEhB,SAAS,CAACiC,MAJC;;EAKtB;AACF;AACA;EACEf,QAAQ,EAAElB,SAAS,CAACkC,IARE;;EAStB;AACF;AACA;AACA;EACEjB,SAAS,EAAEjB,SAAS,CAACmC,WAbC;;EActB;AACF;AACA;EACEhB,cAAc,EAAEnB,SAAS,CAACoC,IAjBJ;;EAkBtB;AACF;AACA;EACErB,OAAO,EAAEf,SAAS,CAACqC,KAAV,CAAgB;IACvB;AACJ;AACA;IACIV,IAAI,EAAE3B,SAAS,CAACiC;EAJO,CAAhB,EAKNK;AA1BmB,CAAxB;AA6BA,eAAepC,UAAU,CAACK,MAAD,EAAS;EAAEgC,IAAI,EAAE;AAAR,CAAT,CAAV,CAA4C3B,WAA5C,CAAf"}

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

@@ -1 +1 @@
-{"version":3,"file":"styles.js","names":["styles","root","backgroundColor","position","zIndex"],"sources":["../../../../src/Table/TableBody/styles.js"],"sourcesContent":["const styles = () => ({\n  root: {\n    backgroundColor: \"inherit\",\n\n    position: \"relative\",\n    zIndex: 0,\n  },\n});\n\nexport default styles;\n"],"mappings":"AAAA,MAAMA,MAAM,GAAG,OAAO;EACpBC,IAAI,EAAE;IACJC,eAAe,EAAE,SADb;IAGJC,QAAQ,EAAE,UAHN;IAIJC,MAAM,EAAE;EAJJ;AADc,CAAP,CAAf;;AASA,eAAeJ,MAAf"}
+{"version":3,"file":"styles.js","names":["styles","root","backgroundColor","position","zIndex"],"sources":["../../../../src/Table/TableBody/styles.js"],"sourcesContent":["const styles = () => ({\n  root: {\n    backgroundColor: \"inherit\",\n    position: \"relative\",\n    zIndex: 0,\n  },\n});\n\nexport default styles;\n"],"mappings":"AAAA,MAAMA,MAAM,GAAG,OAAO;EACpBC,IAAI,EAAE;IACJC,eAAe,EAAE,SADb;IAEJC,QAAQ,EAAE,UAFN;IAGJC,MAAM,EAAE;EAHJ;AADc,CAAP,CAAf;;AAQA,eAAeJ,MAAf"}

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

@@ -15,6 +15,8 @@ export type HvTableCellClassKey =
   | "variantCheckbox"
   | "variantExpand"
   | "variantActions"
+  | "variantListactions"
+  | "variantListcheckbox"
   | "variantNone"
   | "resizable"
   | "resizing";
@@ -38,7 +40,7 @@ export interface HvTableCellProps
   /**
    * Sets the cell's variant.
    */
-  variant?: "checkbox" | "expand" | "actions" | "default" | "none";
+  variant?: "checkbox" | "expand" | "actions" | "default" | "listcheckbox" | "listactions" | "none";
 
   /**
    * Specify the cell type.

package/dist/modern/Table/TableCell/TableCell.js

@@ -45,7 +45,7 @@ const HvTableCell = /*#__PURE__*/forwardRef(function HvTableCell(props, ref) {
     ref: ref,
     role: Component === defaultComponent ? null : "cell",
     style: style,
-    className: clsx(classes.root, classes[type], className, align !== "inherit" && classes[`align${capitalize(align)}`], variant !== "default" && classes[`variant${capitalize(variant)}`], sorted && classes.sorted, stickyColumn && classes.stickyColumn, stickyColumnMostLeft && classes.stickyColumnMostLeft, stickyColumnLeastRight && classes.stickyColumnLeastRight, groupColumnMostLeft && classes.groupColumnMostLeft, groupColumnMostRight && classes.groupColumnMostRight, resizable && classes.resizable, resizing && classes.resizing)
+    className: clsx(classes.root, classes[type], className, align !== "inherit" && classes[`align${capitalize(align)}`], variant !== "default" && classes[`variant${capitalize(variant)}`], sorted && classes.sorted, stickyColumn && classes.stickyColumn, stickyColumnMostLeft && classes.stickyColumnMostLeft, stickyColumnLeastRight && classes.stickyColumnLeastRight, groupColumnMostLeft && classes.groupColumnMostLeft, groupColumnMostRight && classes.groupColumnMostRight, resizable && classes.resizable, resizing && classes.resizing, tableContext.variant === "listrow" && [classes.variantList, type !== "body" && classes.variantListHead])
   }, others), children);
 });
 process.env.NODE_ENV !== "production" ? HvTableCell.propTypes = {
@@ -78,7 +78,7 @@ process.env.NODE_ENV !== "production" ? HvTableCell.propTypes = {
   /**
    * Sets the cell's variant.
    */
-  variant: PropTypes.oneOf(["checkbox", "expand", "actions", "default", "none"]),
+  variant: PropTypes.oneOf(["checkbox", "expand", "actions", "default", "listcheckbox", "listactions", "none"]),
 
   /**
    * Specify the cell's type.
@@ -221,6 +221,26 @@ process.env.NODE_ENV !== "production" ? HvTableCell.propTypes = {
      */
     variantNone: PropTypes.string,
 
+    /**
+     * Styles applied to the component root when its variant is list
+     */
+    variantList: PropTypes.string,
+
+    /**
+     * Styles applied to the cell when its variant is list and actions.
+     */
+    variantListactions: PropTypes.string,
+
+    /**
+     * Styles applied to the cell when its variant is list and checkbox.
+     */
+    variantListcheckbox: PropTypes.string,
+
+    /**
+     * Styles applied to the cell when its variant is list and the type is head .
+     */
+    variantListHead: PropTypes.string,
+
     /**
      * Styles applied to the cell when it's part of a resizable column.
      */

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

@@ -1 +1 @@
-{"version":3,"file":"TableCell.js","names":["React","forwardRef","useContext","PropTypes","clsx","capitalize","withStyles","styles","TableContext","TableSectionContext","defaultComponent","HvTableCell","props","ref","children","component","className","style","classes","align","variant","type","typeProp","stickyColumn","stickyColumnMostLeft","stickyColumnLeastRight","groupColumnMostLeft","groupColumnMostRight","sorted","resizable","resizing","others","tableContext","tableSectionContext","Component","components","Td","root","propTypes","elementType","node","string","instanceOf","Object","oneOf","bool","shape","head","body","footer","sortIcon","alignLeft","alignRight","alignCenter","alignJustify","variantCheckbox","variantExpand","variantActions","variantNone","isRequired","name"],"sources":["../../../../src/Table/TableCell/TableCell.js"],"sourcesContent":["import React, { forwardRef, useContext } from \"react\";\nimport PropTypes from \"prop-types\";\nimport clsx from \"clsx\";\nimport capitalize from \"lodash/capitalize\";\n\nimport { withStyles } from \"@material-ui/core\";\nimport styles from \"./styles\";\nimport TableContext from \"../TableContext\";\nimport TableSectionContext from \"../TableSectionContext\";\n\nconst defaultComponent = \"td\";\n\n/**\n * `HvTableCell` acts as a `td` element and inherits styles from its context\n */\nconst HvTableCell = forwardRef(function HvTableCell(props, ref) {\n  const {\n    children,\n\n    component,\n\n    className,\n    style,\n    classes,\n\n    align = \"inherit\",\n    variant = \"default\",\n\n    type: typeProp,\n\n    stickyColumn = false,\n    stickyColumnMostLeft = false,\n    stickyColumnLeastRight = false,\n\n    groupColumnMostLeft = false,\n    groupColumnMostRight = false,\n\n    sorted = false,\n\n    resizable = false,\n    resizing = false,\n\n    ...others\n  } = props;\n\n  const tableContext = useContext(TableContext);\n  const tableSectionContext = useContext(TableSectionContext);\n\n  const type = typeProp || tableSectionContext?.type || \"body\";\n\n  const Component = component || tableContext?.components?.Td || defaultComponent;\n\n  return (\n    <Component\n      ref={ref}\n      role={Component === defaultComponent ? null : \"cell\"}\n      style={style}\n      className={clsx(\n        classes.root,\n        classes[type],\n        {\n          [classes[`align${capitalize(align)}`]]: align !== \"inherit\",\n          [classes[`variant${capitalize(variant)}`]]: variant !== \"default\",\n\n          [classes.sorted]: sorted,\n\n          [classes.stickyColumn]: stickyColumn,\n          [classes.stickyColumnMostLeft]: stickyColumnMostLeft,\n          [classes.stickyColumnLeastRight]: stickyColumnLeastRight,\n\n          [classes.groupColumnMostLeft]: groupColumnMostLeft,\n          [classes.groupColumnMostRight]: groupColumnMostRight,\n\n          [classes.resizable]: resizable,\n          [classes.resizing]: resizing,\n        },\n        className\n      )}\n      {...others}\n    >\n      {children}\n    </Component>\n  );\n});\n\nHvTableCell.propTypes = {\n  /**\n   * The component used for the root node. Either a string to use a HTML element or a component.\n   * Defaults to td.\n   */\n  component: PropTypes.elementType,\n\n  /**\n   * Content to be rendered\n   */\n  children: PropTypes.node,\n\n  /**\n   * Class names to be applied.\n   */\n  className: PropTypes.string,\n  /**\n   * Inline styles to be applied to the root element.\n   */\n  style: PropTypes.instanceOf(Object),\n\n  /**\n   * Set the text-align on the table cell content.\n   */\n  align: PropTypes.oneOf([\"center\", \"inherit\", \"justify\", \"left\", \"right\"]),\n  /**\n   * Sets the cell's variant.\n   */\n  variant: PropTypes.oneOf([\"checkbox\", \"expand\", \"actions\", \"default\", \"none\"]),\n\n  /**\n   * Specify the cell's type.\n   * The prop defaults to the value inherited from the parent TableHead, TableBody, or TableFooter components.\n   */\n  type: PropTypes.oneOf([\"body\", \"footer\", \"head\"]),\n\n  /**\n   * Whether or not the cell is part of a sorted column.\n   */\n  sorted: PropTypes.bool,\n\n  /**\n   * The cell is part of a sticky column.\n   */\n  stickyColumn: PropTypes.bool,\n  /**\n   * The cell is part of the last sticky to the left column.\n   */\n  stickyColumnMostLeft: PropTypes.bool,\n  /**\n   * The cell is part of the first sticky to the right column.\n   */\n  stickyColumnLeastRight: PropTypes.bool,\n\n  /**\n   * The cell is part of the first column in the group.\n   */\n  groupColumnMostLeft: PropTypes.bool,\n  /**\n   * The cell is part of the last column in the group.\n   */\n  groupColumnMostRight: PropTypes.bool,\n\n  /**\n   * Whether or not the cell is resizable\n   */\n  resizable: PropTypes.bool,\n  /**\n   * Whether or not the cell is being resized\n   */\n  resizing: PropTypes.bool,\n\n  /**\n   * A Jss Object used to override or extend the styles applied.\n   */\n  classes: PropTypes.shape({\n    /**\n     * Styles applied to the component root class.\n     */\n    root: PropTypes.string,\n\n    /**\n     * Styles applied to the cell when it's in the table head.\n     */\n    head: PropTypes.string,\n    /**\n     * Styles applied to the cell when it's in the table body.\n     */\n    body: PropTypes.string,\n    /**\n     * Styles applied to the cell when it's in the table footer.\n     */\n    footer: PropTypes.string,\n\n    /**\n     * Styles applied to the cell when it's part of a sticky column.\n     */\n    stickyColumn: PropTypes.string,\n    /**\n     * Styles applied to the cell when it's part of the last sticky to the left column.\n     */\n    stickyColumnMostLeft: PropTypes.string,\n    /**\n     * Styles applied to the cell when it's part of the first right sticky column.\n     */\n    stickyColumnLeastRight: PropTypes.string,\n\n    /**\n     * Styles applied to the cell when it's part of the first column in the group.\n     */\n    groupColumnMostLeft: PropTypes.string,\n    /**\n     * Styles applied to the cell when it's part of the last column in the group.\n     */\n    groupColumnMostRight: PropTypes.string,\n\n    /**\n     * Styles applied to the cell when it's part of a sorted column.\n     */\n    sorted: PropTypes.string,\n\n    sortIcon: PropTypes.string,\n\n    /**\n     * Styles applied to the component root when it is left aligned\n     */\n    alignLeft: PropTypes.string,\n    /**\n     * Styles applied to the component root when it is right aligned\n     */\n    alignRight: PropTypes.string,\n    /**\n     * Styles applied to the component root when it is center aligned\n     */\n    alignCenter: PropTypes.string,\n    /**\n     * Styles applied to the component root when it is justified\n     */\n    alignJustify: PropTypes.string,\n    /**\n     * Styles applied to the component root when its variant is checkbox\n     */\n    variantCheckbox: PropTypes.string,\n    /**\n     * Styles applied to the component root when its variant is expand\n     */\n    variantExpand: PropTypes.string,\n    /**\n     * Styles applied to the component root when its variant is actions\n     */\n    variantActions: PropTypes.string,\n    /**\n     * Styles applied to the component root when its variant is none\n     */\n    variantNone: PropTypes.string,\n\n    /**\n     * Styles applied to the cell when it's part of a resizable column.\n     */\n    resizable: PropTypes.string,\n    /**\n     * Styles applied to the cell when it's part of a resizing column.\n     */\n    resizing: PropTypes.string,\n  }).isRequired,\n};\n\nexport default withStyles(styles, { name: \"HvTableCell\" })(HvTableCell);\n"],"mappings":"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"}
+{"version":3,"file":"TableCell.js","names":["React","forwardRef","useContext","PropTypes","clsx","capitalize","withStyles","styles","TableContext","TableSectionContext","defaultComponent","HvTableCell","props","ref","children","component","className","style","classes","align","variant","type","typeProp","stickyColumn","stickyColumnMostLeft","stickyColumnLeastRight","groupColumnMostLeft","groupColumnMostRight","sorted","resizable","resizing","others","tableContext","tableSectionContext","Component","components","Td","root","variantList","variantListHead","propTypes","elementType","node","string","instanceOf","Object","oneOf","bool","shape","head","body","footer","sortIcon","alignLeft","alignRight","alignCenter","alignJustify","variantCheckbox","variantExpand","variantActions","variantNone","variantListactions","variantListcheckbox","isRequired","name"],"sources":["../../../../src/Table/TableCell/TableCell.js"],"sourcesContent":["import React, { forwardRef, useContext } from \"react\";\nimport PropTypes from \"prop-types\";\nimport clsx from \"clsx\";\nimport capitalize from \"lodash/capitalize\";\n\nimport { withStyles } from \"@material-ui/core\";\nimport styles from \"./styles\";\nimport TableContext from \"../TableContext\";\nimport TableSectionContext from \"../TableSectionContext\";\n\nconst defaultComponent = \"td\";\n\n/**\n * `HvTableCell` acts as a `td` element and inherits styles from its context\n */\nconst HvTableCell = forwardRef(function HvTableCell(props, ref) {\n  const {\n    children,\n\n    component,\n\n    className,\n    style,\n    classes,\n\n    align = \"inherit\",\n    variant = \"default\",\n\n    type: typeProp,\n\n    stickyColumn = false,\n    stickyColumnMostLeft = false,\n    stickyColumnLeastRight = false,\n\n    groupColumnMostLeft = false,\n    groupColumnMostRight = false,\n\n    sorted = false,\n\n    resizable = false,\n    resizing = false,\n\n    ...others\n  } = props;\n\n  const tableContext = useContext(TableContext);\n  const tableSectionContext = useContext(TableSectionContext);\n\n  const type = typeProp || tableSectionContext?.type || \"body\";\n\n  const Component = component || tableContext?.components?.Td || defaultComponent;\n\n  return (\n    <Component\n      ref={ref}\n      role={Component === defaultComponent ? null : \"cell\"}\n      style={style}\n      className={clsx(\n        classes.root,\n        classes[type],\n        {\n          [classes[`align${capitalize(align)}`]]: align !== \"inherit\",\n          [classes[`variant${capitalize(variant)}`]]: variant !== \"default\",\n          [classes.variantList]: tableContext.variant === \"listrow\",\n          [classes.variantListHead]: tableContext.variant === \"listrow\" && type !== \"body\",\n          [classes.sorted]: sorted,\n\n          [classes.stickyColumn]: stickyColumn,\n          [classes.stickyColumnMostLeft]: stickyColumnMostLeft,\n          [classes.stickyColumnLeastRight]: stickyColumnLeastRight,\n\n          [classes.groupColumnMostLeft]: groupColumnMostLeft,\n          [classes.groupColumnMostRight]: groupColumnMostRight,\n\n          [classes.resizable]: resizable,\n          [classes.resizing]: resizing,\n        },\n        className\n      )}\n      {...others}\n    >\n      {children}\n    </Component>\n  );\n});\n\nHvTableCell.propTypes = {\n  /**\n   * The component used for the root node. Either a string to use a HTML element or a component.\n   * Defaults to td.\n   */\n  component: PropTypes.elementType,\n  /**\n   * Content to be rendered\n   */\n  children: PropTypes.node,\n  /**\n   * Class names to be applied.\n   */\n  className: PropTypes.string,\n  /**\n   * Inline styles to be applied to the root element.\n   */\n  style: PropTypes.instanceOf(Object),\n  /**\n   * Set the text-align on the table cell content.\n   */\n  align: PropTypes.oneOf([\"center\", \"inherit\", \"justify\", \"left\", \"right\"]),\n  /**\n   * Sets the cell's variant.\n   */\n  variant: PropTypes.oneOf([\n    \"checkbox\",\n    \"expand\",\n    \"actions\",\n    \"default\",\n    \"listcheckbox\",\n    \"listactions\",\n    \"none\",\n  ]),\n  /**\n   * Specify the cell's type.\n   * The prop defaults to the value inherited from the parent TableHead, TableBody, or TableFooter components.\n   */\n  type: PropTypes.oneOf([\"body\", \"footer\", \"head\"]),\n  /**\n   * Whether or not the cell is part of a sorted column.\n   */\n  sorted: PropTypes.bool,\n  /**\n   * The cell is part of a sticky column.\n   */\n  stickyColumn: PropTypes.bool,\n  /**\n   * The cell is part of the last sticky to the left column.\n   */\n  stickyColumnMostLeft: PropTypes.bool,\n  /**\n   * The cell is part of the first sticky to the right column.\n   */\n  stickyColumnLeastRight: PropTypes.bool,\n  /**\n   * The cell is part of the first column in the group.\n   */\n  groupColumnMostLeft: PropTypes.bool,\n  /**\n   * The cell is part of the last column in the group.\n   */\n  groupColumnMostRight: PropTypes.bool,\n  /**\n   * Whether or not the cell is resizable\n   */\n  resizable: PropTypes.bool,\n  /**\n   * Whether or not the cell is being resized\n   */\n  resizing: PropTypes.bool,\n  /**\n   * A Jss Object used to override or extend the styles applied.\n   */\n  classes: PropTypes.shape({\n    /**\n     * Styles applied to the component root class.\n     */\n    root: PropTypes.string,\n    /**\n     * Styles applied to the cell when it's in the table head.\n     */\n    head: PropTypes.string,\n    /**\n     * Styles applied to the cell when it's in the table body.\n     */\n    body: PropTypes.string,\n    /**\n     * Styles applied to the cell when it's in the table footer.\n     */\n    footer: PropTypes.string,\n    /**\n     * Styles applied to the cell when it's part of a sticky column.\n     */\n    stickyColumn: PropTypes.string,\n    /**\n     * Styles applied to the cell when it's part of the last sticky to the left column.\n     */\n    stickyColumnMostLeft: PropTypes.string,\n    /**\n     * Styles applied to the cell when it's part of the first right sticky column.\n     */\n    stickyColumnLeastRight: PropTypes.string,\n    /**\n     * Styles applied to the cell when it's part of the first column in the group.\n     */\n    groupColumnMostLeft: PropTypes.string,\n    /**\n     * Styles applied to the cell when it's part of the last column in the group.\n     */\n    groupColumnMostRight: PropTypes.string,\n    /**\n     * Styles applied to the cell when it's part of a sorted column.\n     */\n    sorted: PropTypes.string,\n\n    sortIcon: PropTypes.string,\n    /**\n     * Styles applied to the component root when it is left aligned\n     */\n    alignLeft: PropTypes.string,\n    /**\n     * Styles applied to the component root when it is right aligned\n     */\n    alignRight: PropTypes.string,\n    /**\n     * Styles applied to the component root when it is center aligned\n     */\n    alignCenter: PropTypes.string,\n    /**\n     * Styles applied to the component root when it is justified\n     */\n    alignJustify: PropTypes.string,\n    /**\n     * Styles applied to the component root when its variant is checkbox\n     */\n    variantCheckbox: PropTypes.string,\n    /**\n     * Styles applied to the component root when its variant is expand\n     */\n    variantExpand: PropTypes.string,\n    /**\n     * Styles applied to the component root when its variant is actions\n     */\n    variantActions: PropTypes.string,\n    /**\n     * Styles applied to the component root when its variant is none\n     */\n    variantNone: PropTypes.string,\n    /**\n     * Styles applied to the component root when its variant is list\n     */\n    variantList: PropTypes.string,\n    /**\n     * Styles applied to the cell when its variant is list and actions.\n     */\n    variantListactions: PropTypes.string,\n    /**\n     * Styles applied to the cell when its variant is list and checkbox.\n     */\n    variantListcheckbox: PropTypes.string,\n    /**\n     * Styles applied to the cell when its variant is list and the type is head .\n     */\n    variantListHead: PropTypes.string,\n    /**\n     * Styles applied to the cell when it's part of a resizable column.\n     */\n    resizable: PropTypes.string,\n    /**\n     * Styles applied to the cell when it's part of a resizing column.\n     */\n    resizing: PropTypes.string,\n  }).isRequired,\n};\n\nexport default withStyles(styles, { name: \"HvTableCell\" })(HvTableCell);\n"],"mappings":"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"}

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

@@ -69,6 +69,34 @@ const styles = theme => {
       paddingTop: 0,
       paddingBottom: 0
     },
+    variantList: {
+      minHeight: 52,
+      "td&": {
+        height: 52
+      },
+      padding: "0, 0, 0, 32px",
+      border: 0
+    },
+    variantListHead: {
+      backgroundColor: "inherit",
+      "td&": {
+        height: 16
+      }
+    },
+    variantListactions: {
+      borderLeft: `solid 2px ${theme.hv.palette.atmosphere.atmo2}`,
+      paddingLeft: "0",
+      textAlign: "center",
+      width: 130,
+      maxWidth: 130
+    },
+    variantListcheckbox: {
+      borderRight: `solid 2px ${theme.hv.palette.atmosphere.atmo2}`,
+      padding: 0,
+      textAlign: "center",
+      width: 34,
+      maxWidth: 34
+    },
     stickyColumn: {
       position: "sticky",
       zIndex: 2,

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

@@ -1 +1 @@
-{"version":3,"file":"styles.js","names":["hexToRgbA","styles","theme","semiTransparentAtmo1","hv","palette","atmosphere","atmo1","root","verticalAlign","textAlign","padding","hvSpacing","borderBottom","atmo4","head","height","backgroundColor","borderTop","typography","highlightText","body","minHeight","normalText","footer","sorted","alignLeft","alignCenter","alignRight","flexDirection","alignJustify","variantNone","variantCheckbox","width","maxWidth","overflow","borderRight","variantActions","borderLeft","variantExpand","paddingLeft","paddingTop","paddingBottom","stickyColumn","position","zIndex","background","atmo2","backgroundImage","stickyColumnMostLeft","stickyColumnLeastRight","groupColumnMostLeft","groupColumnMostRight","resizable","resizing","accent","acce1"],"sources":["../../../../src/Table/TableCell/styles.js"],"sourcesContent":["import { hexToRgbA } from \"@hitachivantara/uikit-react-core\";\n\nconst styles = (theme) => {\n  const semiTransparentAtmo1 = hexToRgbA(theme.hv.palette.atmosphere.atmo1, 0.4);\n\n  return {\n    root: {\n      verticalAlign: \"inherit\",\n      textAlign: \"left\",\n      padding: theme.hvSpacing(\"8px\", \"xs\", \"8px\", \"32px\"),\n\n      borderBottom: `1px solid ${theme.hv.palette.atmosphere.atmo4}`,\n    },\n\n    head: {\n      height: 52,\n      verticalAlign: \"top\",\n\n      backgroundColor: theme.hv.palette.atmosphere.atmo1,\n      borderTop: `1px solid ${theme.hv.palette.atmosphere.atmo4}`,\n      borderBottom: `1px solid ${theme.hv.palette.atmosphere.atmo4}`,\n      ...theme.hv.typography.highlightText,\n    },\n    body: {\n      minHeight: 32,\n      \"td&\": {\n        height: 32,\n      },\n      backgroundColor: \"inherit\",\n      ...theme.hv.typography.normalText,\n\n      \"&$sorted\": {\n        backgroundColor: semiTransparentAtmo1,\n      },\n    },\n    footer: {},\n\n    sorted: {},\n\n    alignLeft: {\n      textAlign: \"left\",\n    },\n    alignCenter: {\n      textAlign: \"center\",\n    },\n    alignRight: {\n      textAlign: \"right\",\n      flexDirection: \"row-reverse\",\n    },\n    alignJustify: {\n      textAlign: \"justify\",\n    },\n\n    variantNone: {\n      padding: 0,\n    },\n    variantCheckbox: {\n      padding: 0,\n      width: 32,\n      maxWidth: 32,\n      overflow: \"hidden\",\n      borderRight: `solid 1px ${theme.hv.palette.atmosphere.atmo4}`,\n    },\n    variantActions: {\n      padding: 0,\n      width: 32,\n      maxWidth: 32,\n      borderLeft: `solid 1px ${theme.hv.palette.atmosphere.atmo4}`,\n    },\n    variantExpand: {\n      paddingLeft: 0,\n      paddingTop: 0,\n      paddingBottom: 0,\n    },\n\n    stickyColumn: {\n      position: \"sticky\",\n      zIndex: 2,\n      background: theme.hv.palette.atmosphere.atmo2,\n\n      \"&$groupColumnMostRight+$stickyColumn\": {\n        borderLeft: 0,\n      },\n\n      \"&$sorted\": {\n        backgroundColor: theme.hv.palette.atmosphere.atmo2,\n        backgroundImage: `linear-gradient(to right, ${semiTransparentAtmo1}, ${semiTransparentAtmo1})`,\n      },\n    },\n    stickyColumnMostLeft: {\n      borderRight: `solid 1px ${theme.hv.palette.atmosphere.atmo4}`,\n    },\n    stickyColumnLeastRight: {\n      borderLeft: `solid 1px ${theme.hv.palette.atmosphere.atmo4}`,\n    },\n\n    groupColumnMostLeft: {\n      borderLeft: `solid 1px ${theme.hv.palette.atmosphere.atmo4}`,\n\n      \"&:first-child\": {\n        borderLeft: 0,\n      },\n    },\n    groupColumnMostRight: {\n      borderRight: `solid 1px ${theme.hv.palette.atmosphere.atmo4}`,\n\n      // due to the \":has()\" selector not being supported in browsers,\n      // this need to be managed with inline styles\n      // To be uncommented when not needed (see comment in src/Table/hooks/useSticky.js)\n      // \"&:last-child,&:has(+ $stickyColumnLeastRight)\": {\n      \"&:last-child\": {\n        borderRight: 0,\n      },\n\n      \"&+:not($stickyColumn)\": {\n        borderLeft: 0,\n      },\n    },\n\n    resizable: {\n      borderRight: `solid 1px ${theme.hv.palette.atmosphere.atmo4}`,\n    },\n\n    resizing: {\n      borderRight: `solid 2px ${theme.hv.palette.accent.acce1}`,\n    },\n  };\n};\n\nexport default styles;\n"],"mappings":"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"}
+{"version":3,"file":"styles.js","names":["hexToRgbA","styles","theme","semiTransparentAtmo1","hv","palette","atmosphere","atmo1","root","verticalAlign","textAlign","padding","hvSpacing","borderBottom","atmo4","head","height","backgroundColor","borderTop","typography","highlightText","body","minHeight","normalText","footer","sorted","alignLeft","alignCenter","alignRight","flexDirection","alignJustify","variantNone","variantCheckbox","width","maxWidth","overflow","borderRight","variantActions","borderLeft","variantExpand","paddingLeft","paddingTop","paddingBottom","variantList","border","variantListHead","variantListactions","atmo2","variantListcheckbox","stickyColumn","position","zIndex","background","backgroundImage","stickyColumnMostLeft","stickyColumnLeastRight","groupColumnMostLeft","groupColumnMostRight","resizable","resizing","accent","acce1"],"sources":["../../../../src/Table/TableCell/styles.js"],"sourcesContent":["import { hexToRgbA } from \"@hitachivantara/uikit-react-core\";\n\nconst styles = (theme) => {\n  const semiTransparentAtmo1 = hexToRgbA(theme.hv.palette.atmosphere.atmo1, 0.4);\n\n  return {\n    root: {\n      verticalAlign: \"inherit\",\n      textAlign: \"left\",\n      padding: theme.hvSpacing(\"8px\", \"xs\", \"8px\", \"32px\"),\n\n      borderBottom: `1px solid ${theme.hv.palette.atmosphere.atmo4}`,\n    },\n\n    head: {\n      height: 52,\n      verticalAlign: \"top\",\n\n      backgroundColor: theme.hv.palette.atmosphere.atmo1,\n      borderTop: `1px solid ${theme.hv.palette.atmosphere.atmo4}`,\n      borderBottom: `1px solid ${theme.hv.palette.atmosphere.atmo4}`,\n      ...theme.hv.typography.highlightText,\n    },\n    body: {\n      minHeight: 32,\n      \"td&\": {\n        height: 32,\n      },\n      backgroundColor: \"inherit\",\n      ...theme.hv.typography.normalText,\n\n      \"&$sorted\": {\n        backgroundColor: semiTransparentAtmo1,\n      },\n    },\n    footer: {},\n\n    sorted: {},\n\n    alignLeft: {\n      textAlign: \"left\",\n    },\n    alignCenter: {\n      textAlign: \"center\",\n    },\n    alignRight: {\n      textAlign: \"right\",\n      flexDirection: \"row-reverse\",\n    },\n    alignJustify: {\n      textAlign: \"justify\",\n    },\n\n    variantNone: {\n      padding: 0,\n    },\n    variantCheckbox: {\n      padding: 0,\n      width: 32,\n      maxWidth: 32,\n      overflow: \"hidden\",\n      borderRight: `solid 1px ${theme.hv.palette.atmosphere.atmo4}`,\n    },\n    variantActions: {\n      padding: 0,\n      width: 32,\n      maxWidth: 32,\n      borderLeft: `solid 1px ${theme.hv.palette.atmosphere.atmo4}`,\n    },\n    variantExpand: {\n      paddingLeft: 0,\n      paddingTop: 0,\n      paddingBottom: 0,\n    },\n    variantList: {\n      minHeight: 52,\n      \"td&\": {\n        height: 52,\n      },\n      padding: \"0, 0, 0, 32px\",\n      border: 0,\n    },\n    variantListHead: {\n      backgroundColor: \"inherit\",\n      \"td&\": {\n        height: 16,\n      },\n    },\n    variantListactions: {\n      borderLeft: `solid 2px ${theme.hv.palette.atmosphere.atmo2}`,\n      paddingLeft: \"0\",\n      textAlign: \"center\",\n      width: 130,\n      maxWidth: 130,\n    },\n    variantListcheckbox: {\n      borderRight: `solid 2px ${theme.hv.palette.atmosphere.atmo2}`,\n      padding: 0,\n      textAlign: \"center\",\n      width: 34,\n      maxWidth: 34,\n    },\n    stickyColumn: {\n      position: \"sticky\",\n      zIndex: 2,\n      background: theme.hv.palette.atmosphere.atmo2,\n\n      \"&$groupColumnMostRight+$stickyColumn\": {\n        borderLeft: 0,\n      },\n\n      \"&$sorted\": {\n        backgroundColor: theme.hv.palette.atmosphere.atmo2,\n        backgroundImage: `linear-gradient(to right, ${semiTransparentAtmo1}, ${semiTransparentAtmo1})`,\n      },\n    },\n    stickyColumnMostLeft: {\n      borderRight: `solid 1px ${theme.hv.palette.atmosphere.atmo4}`,\n    },\n    stickyColumnLeastRight: {\n      borderLeft: `solid 1px ${theme.hv.palette.atmosphere.atmo4}`,\n    },\n\n    groupColumnMostLeft: {\n      borderLeft: `solid 1px ${theme.hv.palette.atmosphere.atmo4}`,\n\n      \"&:first-child\": {\n        borderLeft: 0,\n      },\n    },\n    groupColumnMostRight: {\n      borderRight: `solid 1px ${theme.hv.palette.atmosphere.atmo4}`,\n\n      // due to the \":has()\" selector not being supported in browsers,\n      // this need to be managed with inline styles\n      // To be uncommented when not needed (see comment in src/Table/hooks/useSticky.js)\n      // \"&:last-child,&:has(+ $stickyColumnLeastRight)\": {\n      \"&:last-child\": {\n        borderRight: 0,\n      },\n\n      \"&+:not($stickyColumn)\": {\n        borderLeft: 0,\n      },\n    },\n\n    resizable: {\n      borderRight: `solid 1px ${theme.hv.palette.atmosphere.atmo4}`,\n    },\n\n    resizing: {\n      borderRight: `solid 2px ${theme.hv.palette.accent.acce1}`,\n    },\n  };\n};\n\nexport default styles;\n"],"mappings":"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"}

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

@@ -21,6 +21,7 @@ export type HvTableHeaderClassKey =
   | "variantCheckbox"
   | "variantExpand"
   | "variantActions"
+  | "variantList"
   | "variantNone"
   | "sortable"
   | "sorted"

package/dist/modern/Table/TableHeader/TableHeader.js

@@ -59,7 +59,7 @@ const HvTableHeader = /*#__PURE__*/forwardRef(function HvTableHeader(props, ref)
     role: role,
     scope: scope,
     style: style,
-    className: clsx(classes.root, classes[type], className, align !== "inherit" && classes[`align${capitalize(align)}`], variant !== "default" && classes[`variant${capitalize(variant)}`], stickyColumn && classes.stickyColumn, stickyColumnMostLeft && classes.stickyColumnMostLeft, stickyColumnLeastRight && classes.stickyColumnLeastRight, groupColumnMostLeft && classes.groupColumnMostLeft, groupColumnMostRight && classes.groupColumnMostRight, sortable && classes.sortable, sorted && classes.sorted, resizable && classes.resizable, resizing && classes.resizing),
+    className: clsx(classes.root, classes[type], className, align !== "inherit" && classes[`align${capitalize(align)}`], variant !== "default" && classes[`variant${capitalize(variant)}`], stickyColumn && classes.stickyColumn, stickyColumnMostLeft && classes.stickyColumnMostLeft, stickyColumnLeastRight && classes.stickyColumnLeastRight, groupColumnMostLeft && classes.groupColumnMostLeft, groupColumnMostRight && classes.groupColumnMostRight, sortable && classes.sortable, sorted && classes.sorted, resizable && classes.resizable, resizing && classes.resizing, tableContext.variant === "listrow" && classes.variantList),
     "aria-sort": sortable ? sortDirection : undefined
   }, others), /*#__PURE__*/React.createElement("div", {
     className: clsx(classes.headerContent, align !== "inherit" && classes[`alignFlex${capitalize(align)}`])
@@ -329,6 +329,11 @@ process.env.NODE_ENV !== "production" ? HvTableHeader.propTypes = {
      */
     variantNone: PropTypes.string,
 
+    /**
+     * Styles applied to the component root when its variant is list row
+     */
+    variantList: PropTypes.string,
+
     /**
      * Styles applied to the cell when it's part of a resizable column.
      */

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

@@ -1 +1 @@
-{"version":3,"file":"TableHeader.js","names":["React","forwardRef","useContext","useMemo","PropTypes","object","clsx","capitalize","withStyles","HvButton","HvTypography","getSortIcon","isParagraph","styles","TableContext","TableSectionContext","defaultComponent","HvTableHeader","props","ref","children","component","className","style","classes","scope","scopeProp","align","variant","type","typeProp","stickyColumn","stickyColumnMostLeft","stickyColumnLeastRight","groupColumnMostLeft","groupColumnMostRight","sortDirection","sorted","sortable","headerTextProps","resizerProps","resizable","resizing","others","tableContext","tableSectionContext","isHeadCell","Sort","Component","components","Th","role","paragraph","root","undefined","headerContent","sortButton","sortIcon","headerParagraph","headerText","sortableHeaderText","resizer","propTypes","elementType","node","string","instanceOf","Object","oneOf","bool","shape","head","body","footer","alignLeft","alignRight","alignCenter","alignJustify","alignFlexLeft","alignFlexRight","alignFlexCenter","alignFlexJustify","variantCheckbox","variantExpand","variantActions","variantNone","isRequired","name"],"sources":["../../../../src/Table/TableHeader/TableHeader.js"],"sourcesContent":["import React, { forwardRef, useContext, useMemo } from \"react\";\nimport PropTypes, { object } from \"prop-types\";\nimport clsx from \"clsx\";\nimport capitalize from \"lodash/capitalize\";\n\nimport { withStyles } from \"@material-ui/core\";\nimport { HvButton, HvTypography } from \"@hitachivantara/uikit-react-core\";\nimport { getSortIcon, isParagraph } from \"./utils\";\nimport styles from \"./styles\";\nimport TableContext from \"../TableContext\";\nimport TableSectionContext from \"../TableSectionContext\";\n\nconst defaultComponent = \"th\";\n\n/**\n * `HvTableHeader` acts as a `th` element and inherits styles from its context\n */\nconst HvTableHeader = forwardRef(function HvTableHeader(props, ref) {\n  const {\n    children,\n\n    component,\n\n    className,\n    style,\n    classes,\n\n    scope: scopeProp,\n\n    align = \"inherit\",\n    variant = \"default\",\n\n    type: typeProp,\n\n    stickyColumn = false,\n    stickyColumnMostLeft = false,\n    stickyColumnLeastRight = false,\n\n    groupColumnMostLeft = false,\n    groupColumnMostRight = false,\n\n    sortDirection = \"none\",\n    sorted,\n    sortable,\n    headerTextProps,\n\n    resizerProps = {},\n    resizable = false,\n    resizing = false,\n\n    ...others\n  } = props;\n\n  const tableContext = useContext(TableContext);\n  const tableSectionContext = useContext(TableSectionContext);\n\n  const type = typeProp || tableSectionContext?.type || \"body\";\n  const isHeadCell = type === \"head\";\n\n  const scope = scopeProp ?? isHeadCell ? \"col\" : \"row\";\n\n  const Sort = useMemo(() => getSortIcon(sorted && sortDirection), [sorted, sortDirection]);\n\n  const Component = component || tableContext?.components?.Th || defaultComponent;\n\n  // eslint-disable-next-line no-nested-ternary\n  const role = Component === defaultComponent ? null : isHeadCell ? \"columnheader\" : \"rowheader\";\n  const paragraph = isParagraph(children);\n  return (\n    <Component\n      ref={ref}\n      role={role}\n      scope={scope}\n      style={style}\n      className={clsx(\n        classes.root,\n        classes[type],\n        {\n          [classes[`align${capitalize(align)}`]]: align !== \"inherit\",\n          [classes[`variant${capitalize(variant)}`]]: variant !== \"default\",\n\n          [classes.stickyColumn]: stickyColumn,\n          [classes.stickyColumnMostLeft]: stickyColumnMostLeft,\n          [classes.stickyColumnLeastRight]: stickyColumnLeastRight,\n\n          [classes.groupColumnMostLeft]: groupColumnMostLeft,\n          [classes.groupColumnMostRight]: groupColumnMostRight,\n\n          [classes.sortable]: sortable,\n          [classes.sorted]: sorted,\n          [classes.resizable]: resizable,\n          [classes.resizing]: resizing,\n        },\n        className\n      )}\n      aria-sort={sortable ? sortDirection : undefined}\n      {...others}\n    >\n      <div\n        className={clsx(classes.headerContent, {\n          [classes[`alignFlex${capitalize(align)}`]]: align !== \"inherit\",\n        })}\n      >\n        {isHeadCell && sortable && (\n          <HvButton className={classes.sortButton} icon overrideIconColors={false}>\n            <Sort className={classes.sortIcon} />\n          </HvButton>\n        )}\n        <HvTypography\n          component=\"div\"\n          className={clsx({\n            [classes.headerText]: !paragraph,\n            [classes.headerParagraph]: paragraph,\n            [classes.sortableHeaderText]: sortable,\n          })}\n          variant=\"highlightText\"\n          {...headerTextProps}\n        >\n          {children}\n        </HvTypography>\n        {resizable && <div {...resizerProps} className={classes.resizer} />}\n      </div>\n    </Component>\n  );\n});\n\nHvTableHeader.propTypes = {\n  /**\n   * The component used for the root node. Either a string to use a HTML element or a component.\n   * Defaults to th.\n   */\n  component: PropTypes.elementType,\n\n  /**\n   * Content to be rendered\n   */\n  children: PropTypes.node,\n\n  /**\n   * Class names to be applied.\n   */\n  className: PropTypes.string,\n  /**\n   * Inline styles to be applied to the root element.\n   */\n  style: PropTypes.instanceOf(Object),\n\n  /**\n   * The scope of cells that the header element relates to.\n   */\n  scope: PropTypes.oneOf([\"col\", \"row\", \"colgroup\", \"rowgroup\"]),\n\n  /**\n   * Set the text-align on the table cell content.\n   */\n  align: PropTypes.oneOf([\"center\", \"inherit\", \"justify\", \"left\", \"right\"]),\n  /**\n   * Sets the cell's variant.\n   */\n  variant: PropTypes.oneOf([\"checkbox\", \"expand\", \"actions\", \"default\", \"none\"]),\n\n  /**\n   * Specify the cell type.\n   * The prop defaults to the value inherited from the parent TableHead, TableBody, or TableFooter components.\n   */\n  type: PropTypes.oneOf([\"body\", \"footer\", \"head\"]),\n\n  /**\n   * The cell is part of a sticky column.\n   */\n  stickyColumn: PropTypes.bool,\n  /**\n   * The cell is part of the last sticky to the left column.\n   */\n  stickyColumnMostLeft: PropTypes.bool,\n  /**\n   * The cell is part of the first sticky to the right column.\n   */\n  stickyColumnLeastRight: PropTypes.bool,\n\n  /**\n   * The cell is part of the first column in the group.\n   */\n  groupColumnMostLeft: PropTypes.bool,\n  /**\n   * The cell is part of the last column in the group.\n   */\n  groupColumnMostRight: PropTypes.bool,\n\n  /**\n   * Whether or not the cell is sorted\n   */\n  sorted: PropTypes.bool,\n  /**\n   * Whether or not the cell is sortable\n   */\n  sortable: PropTypes.bool,\n  /**\n   * Set sort direction icon and aria-sort.\n   */\n  sortDirection: PropTypes.oneOf([\"ascending\", \"descending\", false]),\n  /**\n   * Extra props to be passed onto the text in the header.\n   */\n  headerTextProps: PropTypes.instanceOf(object),\n\n  /**\n   * Whether or not the cell is resizable\n   */\n  resizable: PropTypes.bool,\n  /**\n   * Whether or not the cell is being resized\n   */\n  resizing: PropTypes.bool,\n\n  /**\n   * The resize props injected in the resize handler\n   */\n  resizerProps: PropTypes.instanceOf(object),\n\n  /**\n   * A Jss Object used to override or extend the styles applied.\n   */\n  classes: PropTypes.shape({\n    /**\n     * Styles applied to the component root class.\n     */\n    root: PropTypes.string,\n\n    /**\n     * Styles applied to the cell when it's in the table head.\n     */\n    head: PropTypes.string,\n    /**\n     * Styles applied to the cell when it's in the table body.\n     */\n    body: PropTypes.string,\n    /**\n     * Styles applied to the cell when it's in the table footer.\n     */\n    footer: PropTypes.string,\n\n    /**\n     * Styles applied to the cell when it's part of a sticky column.\n     */\n    stickyColumn: PropTypes.string,\n    /**\n     * Styles applied to the cell when it's part of the last sticky to the left column.\n     */\n    stickyColumnMostLeft: PropTypes.string,\n    /**\n     * Styles applied to the cell when it's part of the first right sticky column.\n     */\n    stickyColumnLeastRight: PropTypes.string,\n\n    /**\n     * Styles applied to the cell when it's part of the first column in the group.\n     */\n    groupColumnMostLeft: PropTypes.string,\n    /**\n     * Styles applied to the cell when it's part of the last column in the group.\n     */\n    groupColumnMostRight: PropTypes.string,\n\n    /**\n     * Styles applied to the container of the header cell content.\n     */\n    headerContent: PropTypes.string,\n    /**\n     * Styles applied to the text of the header cell.\n     */\n    headerText: PropTypes.string,\n    /**\n     * Styles applied to the text of the header cell when it is a paragraph.\n     */\n    headerParagraph: PropTypes.string,\n    /**\n     * Styles applied to the text of the header cell when it is sorted.\n     */\n    sortableHeaderText: PropTypes.string,\n\n    /**\n     * Styles applied to the component root when it is sorted.\n     */\n    sorted: PropTypes.string,\n    /**\n     * Styles applied to the component root when it is sortable.\n     */\n    sortable: PropTypes.string,\n    /**\n     * Styles applied to the sort button component.\n     */\n    sortButton: PropTypes.string,\n    /**\n     * Styles applied to the sort icon component.\n     */\n    sortIcon: PropTypes.string,\n\n    /**\n     * Styles applied to the component root when it is left aligned\n     */\n    alignLeft: PropTypes.string,\n    /**\n     * Styles applied to the component root when it is right aligned\n     */\n    alignRight: PropTypes.string,\n    /**\n     * Styles applied to the component root when it is center aligned\n     */\n    alignCenter: PropTypes.string,\n    /**\n     * Styles applied to the component root when it is justified\n     */\n    alignJustify: PropTypes.string,\n    /**\n     * Styles applied to the header content when it is left aligned\n     */\n    alignFlexLeft: PropTypes.string,\n    /**\n     * Styles applied to the header content when it is right aligned\n     */\n    alignFlexRight: PropTypes.string,\n    /**\n     * Styles applied to the header content when it is center aligned\n     */\n    alignFlexCenter: PropTypes.string,\n    /**\n     * Styles applied to the header content when it is justified\n     */\n    alignFlexJustify: PropTypes.string,\n    /**\n     * Styles applied to the component root when its variant is checkbox\n     */\n    variantCheckbox: PropTypes.string,\n    /**\n     * Styles applied to the component root when its variant is expand\n     */\n    variantExpand: PropTypes.string,\n    /**\n     * Styles applied to the component root when its variant is actions\n     */\n    variantActions: PropTypes.string,\n    /**\n     * Styles applied to the component root when its variant is none\n     */\n    variantNone: PropTypes.string,\n    /**\n     * Styles applied to the cell when it's part of a resizable column.\n     */\n    resizable: PropTypes.string,\n    /**\n     * Styles applied to the cell when it's part of a resizing column.\n     */\n    resizing: PropTypes.string,\n    /**\n     * Styles applied to the resizer object when column is resizable.\n     */\n    resizer: PropTypes.string,\n  }).isRequired,\n};\n\nexport default withStyles(styles, { name: \"HvTableHeader\" })(HvTableHeader);\n"],"mappings":"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"}
+{"version":3,"file":"TableHeader.js","names":["React","forwardRef","useContext","useMemo","PropTypes","object","clsx","capitalize","withStyles","HvButton","HvTypography","getSortIcon","isParagraph","styles","TableContext","TableSectionContext","defaultComponent","HvTableHeader","props","ref","children","component","className","style","classes","scope","scopeProp","align","variant","type","typeProp","stickyColumn","stickyColumnMostLeft","stickyColumnLeastRight","groupColumnMostLeft","groupColumnMostRight","sortDirection","sorted","sortable","headerTextProps","resizerProps","resizable","resizing","others","tableContext","tableSectionContext","isHeadCell","Sort","Component","components","Th","role","paragraph","root","variantList","undefined","headerContent","sortButton","sortIcon","headerParagraph","headerText","sortableHeaderText","resizer","propTypes","elementType","node","string","instanceOf","Object","oneOf","bool","shape","head","body","footer","alignLeft","alignRight","alignCenter","alignJustify","alignFlexLeft","alignFlexRight","alignFlexCenter","alignFlexJustify","variantCheckbox","variantExpand","variantActions","variantNone","isRequired","name"],"sources":["../../../../src/Table/TableHeader/TableHeader.js"],"sourcesContent":["import React, { forwardRef, useContext, useMemo } from \"react\";\nimport PropTypes, { object } from \"prop-types\";\nimport clsx from \"clsx\";\nimport capitalize from \"lodash/capitalize\";\n\nimport { withStyles } from \"@material-ui/core\";\nimport { HvButton, HvTypography } from \"@hitachivantara/uikit-react-core\";\nimport { getSortIcon, isParagraph } from \"./utils\";\nimport styles from \"./styles\";\nimport TableContext from \"../TableContext\";\nimport TableSectionContext from \"../TableSectionContext\";\n\nconst defaultComponent = \"th\";\n\n/**\n * `HvTableHeader` acts as a `th` element and inherits styles from its context\n */\nconst HvTableHeader = forwardRef(function HvTableHeader(props, ref) {\n  const {\n    children,\n\n    component,\n\n    className,\n    style,\n    classes,\n\n    scope: scopeProp,\n\n    align = \"inherit\",\n    variant = \"default\",\n\n    type: typeProp,\n\n    stickyColumn = false,\n    stickyColumnMostLeft = false,\n    stickyColumnLeastRight = false,\n\n    groupColumnMostLeft = false,\n    groupColumnMostRight = false,\n\n    sortDirection = \"none\",\n    sorted,\n    sortable,\n    headerTextProps,\n\n    resizerProps = {},\n    resizable = false,\n    resizing = false,\n\n    ...others\n  } = props;\n\n  const tableContext = useContext(TableContext);\n  const tableSectionContext = useContext(TableSectionContext);\n\n  const type = typeProp || tableSectionContext?.type || \"body\";\n  const isHeadCell = type === \"head\";\n\n  const scope = scopeProp ?? isHeadCell ? \"col\" : \"row\";\n\n  const Sort = useMemo(() => getSortIcon(sorted && sortDirection), [sorted, sortDirection]);\n\n  const Component = component || tableContext?.components?.Th || defaultComponent;\n\n  // eslint-disable-next-line no-nested-ternary\n  const role = Component === defaultComponent ? null : isHeadCell ? \"columnheader\" : \"rowheader\";\n  const paragraph = isParagraph(children);\n  return (\n    <Component\n      ref={ref}\n      role={role}\n      scope={scope}\n      style={style}\n      className={clsx(\n        classes.root,\n        classes[type],\n        {\n          [classes[`align${capitalize(align)}`]]: align !== \"inherit\",\n          [classes[`variant${capitalize(variant)}`]]: variant !== \"default\",\n          [classes.variantList]: tableContext.variant === \"listrow\",\n          [classes.stickyColumn]: stickyColumn,\n          [classes.stickyColumnMostLeft]: stickyColumnMostLeft,\n          [classes.stickyColumnLeastRight]: stickyColumnLeastRight,\n\n          [classes.groupColumnMostLeft]: groupColumnMostLeft,\n          [classes.groupColumnMostRight]: groupColumnMostRight,\n\n          [classes.sortable]: sortable,\n          [classes.sorted]: sorted,\n          [classes.resizable]: resizable,\n          [classes.resizing]: resizing,\n        },\n        className\n      )}\n      aria-sort={sortable ? sortDirection : undefined}\n      {...others}\n    >\n      <div\n        className={clsx(classes.headerContent, {\n          [classes[`alignFlex${capitalize(align)}`]]: align !== \"inherit\",\n        })}\n      >\n        {isHeadCell && sortable && (\n          <HvButton className={classes.sortButton} icon overrideIconColors={false}>\n            <Sort className={classes.sortIcon} />\n          </HvButton>\n        )}\n        <HvTypography\n          component=\"div\"\n          className={clsx({\n            [classes.headerText]: !paragraph,\n            [classes.headerParagraph]: paragraph,\n            [classes.sortableHeaderText]: sortable,\n          })}\n          variant=\"highlightText\"\n          {...headerTextProps}\n        >\n          {children}\n        </HvTypography>\n        {resizable && <div {...resizerProps} className={classes.resizer} />}\n      </div>\n    </Component>\n  );\n});\n\nHvTableHeader.propTypes = {\n  /**\n   * The component used for the root node. Either a string to use a HTML element or a component.\n   * Defaults to th.\n   */\n  component: PropTypes.elementType,\n\n  /**\n   * Content to be rendered\n   */\n  children: PropTypes.node,\n\n  /**\n   * Class names to be applied.\n   */\n  className: PropTypes.string,\n  /**\n   * Inline styles to be applied to the root element.\n   */\n  style: PropTypes.instanceOf(Object),\n\n  /**\n   * The scope of cells that the header element relates to.\n   */\n  scope: PropTypes.oneOf([\"col\", \"row\", \"colgroup\", \"rowgroup\"]),\n\n  /**\n   * Set the text-align on the table cell content.\n   */\n  align: PropTypes.oneOf([\"center\", \"inherit\", \"justify\", \"left\", \"right\"]),\n  /**\n   * Sets the cell's variant.\n   */\n  variant: PropTypes.oneOf([\"checkbox\", \"expand\", \"actions\", \"default\", \"none\"]),\n\n  /**\n   * Specify the cell type.\n   * The prop defaults to the value inherited from the parent TableHead, TableBody, or TableFooter components.\n   */\n  type: PropTypes.oneOf([\"body\", \"footer\", \"head\"]),\n\n  /**\n   * The cell is part of a sticky column.\n   */\n  stickyColumn: PropTypes.bool,\n  /**\n   * The cell is part of the last sticky to the left column.\n   */\n  stickyColumnMostLeft: PropTypes.bool,\n  /**\n   * The cell is part of the first sticky to the right column.\n   */\n  stickyColumnLeastRight: PropTypes.bool,\n\n  /**\n   * The cell is part of the first column in the group.\n   */\n  groupColumnMostLeft: PropTypes.bool,\n  /**\n   * The cell is part of the last column in the group.\n   */\n  groupColumnMostRight: PropTypes.bool,\n\n  /**\n   * Whether or not the cell is sorted\n   */\n  sorted: PropTypes.bool,\n  /**\n   * Whether or not the cell is sortable\n   */\n  sortable: PropTypes.bool,\n  /**\n   * Set sort direction icon and aria-sort.\n   */\n  sortDirection: PropTypes.oneOf([\"ascending\", \"descending\", false]),\n  /**\n   * Extra props to be passed onto the text in the header.\n   */\n  headerTextProps: PropTypes.instanceOf(object),\n\n  /**\n   * Whether or not the cell is resizable\n   */\n  resizable: PropTypes.bool,\n  /**\n   * Whether or not the cell is being resized\n   */\n  resizing: PropTypes.bool,\n\n  /**\n   * The resize props injected in the resize handler\n   */\n  resizerProps: PropTypes.instanceOf(object),\n\n  /**\n   * A Jss Object used to override or extend the styles applied.\n   */\n  classes: PropTypes.shape({\n    /**\n     * Styles applied to the component root class.\n     */\n    root: PropTypes.string,\n\n    /**\n     * Styles applied to the cell when it's in the table head.\n     */\n    head: PropTypes.string,\n    /**\n     * Styles applied to the cell when it's in the table body.\n     */\n    body: PropTypes.string,\n    /**\n     * Styles applied to the cell when it's in the table footer.\n     */\n    footer: PropTypes.string,\n\n    /**\n     * Styles applied to the cell when it's part of a sticky column.\n     */\n    stickyColumn: PropTypes.string,\n    /**\n     * Styles applied to the cell when it's part of the last sticky to the left column.\n     */\n    stickyColumnMostLeft: PropTypes.string,\n    /**\n     * Styles applied to the cell when it's part of the first right sticky column.\n     */\n    stickyColumnLeastRight: PropTypes.string,\n\n    /**\n     * Styles applied to the cell when it's part of the first column in the group.\n     */\n    groupColumnMostLeft: PropTypes.string,\n    /**\n     * Styles applied to the cell when it's part of the last column in the group.\n     */\n    groupColumnMostRight: PropTypes.string,\n\n    /**\n     * Styles applied to the container of the header cell content.\n     */\n    headerContent: PropTypes.string,\n    /**\n     * Styles applied to the text of the header cell.\n     */\n    headerText: PropTypes.string,\n    /**\n     * Styles applied to the text of the header cell when it is a paragraph.\n     */\n    headerParagraph: PropTypes.string,\n    /**\n     * Styles applied to the text of the header cell when it is sorted.\n     */\n    sortableHeaderText: PropTypes.string,\n\n    /**\n     * Styles applied to the component root when it is sorted.\n     */\n    sorted: PropTypes.string,\n    /**\n     * Styles applied to the component root when it is sortable.\n     */\n    sortable: PropTypes.string,\n    /**\n     * Styles applied to the sort button component.\n     */\n    sortButton: PropTypes.string,\n    /**\n     * Styles applied to the sort icon component.\n     */\n    sortIcon: PropTypes.string,\n\n    /**\n     * Styles applied to the component root when it is left aligned\n     */\n    alignLeft: PropTypes.string,\n    /**\n     * Styles applied to the component root when it is right aligned\n     */\n    alignRight: PropTypes.string,\n    /**\n     * Styles applied to the component root when it is center aligned\n     */\n    alignCenter: PropTypes.string,\n    /**\n     * Styles applied to the component root when it is justified\n     */\n    alignJustify: PropTypes.string,\n    /**\n     * Styles applied to the header content when it is left aligned\n     */\n    alignFlexLeft: PropTypes.string,\n    /**\n     * Styles applied to the header content when it is right aligned\n     */\n    alignFlexRight: PropTypes.string,\n    /**\n     * Styles applied to the header content when it is center aligned\n     */\n    alignFlexCenter: PropTypes.string,\n    /**\n     * Styles applied to the header content when it is justified\n     */\n    alignFlexJustify: PropTypes.string,\n    /**\n     * Styles applied to the component root when its variant is checkbox\n     */\n    variantCheckbox: PropTypes.string,\n    /**\n     * Styles applied to the component root when its variant is expand\n     */\n    variantExpand: PropTypes.string,\n    /**\n     * Styles applied to the component root when its variant is actions\n     */\n    variantActions: PropTypes.string,\n    /**\n     * Styles applied to the component root when its variant is none\n     */\n    variantNone: PropTypes.string,\n    /**\n     * Styles applied to the component root when its variant is list row\n     */\n    variantList: PropTypes.string,\n    /**\n     * Styles applied to the cell when it's part of a resizable column.\n     */\n    resizable: PropTypes.string,\n    /**\n     * Styles applied to the cell when it's part of a resizing column.\n     */\n    resizing: PropTypes.string,\n    /**\n     * Styles applied to the resizer object when column is resizable.\n     */\n    resizer: PropTypes.string,\n  }).isRequired,\n};\n\nexport default withStyles(styles, { name: \"HvTableHeader\" })(HvTableHeader);\n"],"mappings":"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"}

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

@@ -124,6 +124,15 @@ const styles = theme => ({
     maxWidth: 32,
     borderLeft: `solid 1px ${theme.hv.palette.atmosphere.atmo4}`
   },
+  variantList: {
+    backgroundColor: "inherit",
+    borderBottom: 0,
+    height: 16,
+    ":first-child > &": {
+      borderTop: 0,
+      height: 16
+    }
+  },
   stickyColumn: {
     position: "sticky",
     zIndex: 2,

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

@@ -1 +1 @@
-{"version":3,"file":"styles.js","names":["hexToRgbA","styles","theme","root","height","verticalAlign","textAlign","padding","hvSpacing","borderBottom","palette","atmo4","head","borderTop","paddingTop","backgroundColor","atmo1","hv","typography","highlightText","transition","transitions","create","duration","shorter","paddingLeft","cursor","atmo3","visibility","body","normalText","footer","alignLeft","alignCenter","alignRight","flexDirection","alignJustify","headerContent","display","alignItems","headerText","overflow","textOverflow","headerParagraph","sortableHeaderText","alignFlexLeft","justifyContent","alignFlexCenter","alignFlexRight","alignFlexJustify","variantNone","variantCheckbox","width","maxWidth","borderRight","atmosphere","variantExpand","variantActions","borderLeft","stickyColumn","position","zIndex","stickyColumnMostLeft","stickyColumnLeastRight","groupColumnMostLeft","groupColumnMostRight","sortable","sorted","sortButton","boxShadow","sortIcon","resizable","resizing","accent","acce1","resizer","right","top","transform","touchAction"],"sources":["../../../../src/Table/TableHeader/styles.js"],"sourcesContent":["import { hexToRgbA } from \"@hitachivantara/uikit-react-core\";\n\nconst styles = (theme) => ({\n  root: {\n    \"--first-row-cell-height\": \"52px\",\n    \"--cell-height\": \"32px\",\n\n    height: \"var(--cell-height)\",\n    verticalAlign: \"inherit\",\n    textAlign: \"left\",\n    padding: theme.hvSpacing(0, \"xs\", 0, \"32px\"),\n\n    borderBottom: `1px solid ${theme.palette.atmo4}`,\n  },\n\n  head: {\n    \":first-child > &\": {\n      height: \"var(--first-row-cell-height)\",\n      borderTop: `1px solid ${theme.palette.atmo4}`,\n    },\n\n    paddingTop: 8,\n    verticalAlign: \"top\",\n\n    backgroundColor: theme.palette.atmo1,\n    borderBottom: `1px solid ${theme.palette.atmo4}`,\n    ...theme.hv.typography.highlightText,\n\n    transition: theme.transitions.create(\"background-color\", {\n      duration: theme.transitions.duration.shorter,\n    }),\n\n    \"&$sortable\": {\n      verticalAlign: \"initial\",\n      paddingTop: 0,\n      paddingLeft: 0,\n      cursor: \"pointer\",\n\n      \"&:hover\": {\n        backgroundColor: theme.palette.atmo3,\n\n        \"& $sortIcon\": {\n          visibility: \"visible\",\n        },\n      },\n      \"&:focus-within\": {\n        backgroundColor: theme.palette.atmo3,\n\n        \"& $sortIcon\": {\n          visibility: \"visible\",\n        },\n      },\n      // IE fallback code (using focus-within-polyfill)\n      \"&.focus-within\": {\n        backgroundColor: theme.palette.atmo3,\n\n        \"& $sortIcon\": {\n          visibility: \"visible\",\n        },\n      },\n    },\n  },\n  body: {\n    backgroundColor: \"inherit\",\n    ...theme.hv.typography.normalText,\n\n    \"&$sortable:not($variantNone)\": {\n      paddingLeft: 32,\n    },\n    \"&$sorted\": {\n      backgroundColor: hexToRgbA(theme.palette.atmo1, 0.4),\n    },\n  },\n  footer: {},\n\n  alignLeft: {\n    textAlign: \"left\",\n  },\n  alignCenter: {\n    textAlign: \"center\",\n  },\n  alignRight: {\n    textAlign: \"right\",\n    flexDirection: \"row-reverse\",\n  },\n  alignJustify: {\n    textAlign: \"justify\",\n  },\n\n  headerContent: {\n    display: \"flex\",\n    alignItems: \"flex-start\",\n  },\n  headerText: {\n    overflow: \"hidden\",\n    textOverflow: \"ellipsis\",\n  },\n  headerParagraph: {\n    overflow: \"hidden\",\n    display: \"-webkit-box\",\n    \"-webkit-line-clamp\": 2,\n    \"-webkit-box-orient\": \"vertical\",\n  },\n  sortableHeaderText: {\n    paddingTop: \"8px\",\n  },\n  alignFlexLeft: {\n    justifyContent: \"flex-start\",\n  },\n  alignFlexCenter: {\n    justifyContent: \"center\",\n  },\n  alignFlexRight: {\n    justifyContent: \"flex-end\",\n  },\n  alignFlexJustify: {\n    textAlign: \"justify\",\n  },\n\n  variantNone: {\n    padding: 0,\n  },\n  variantCheckbox: {\n    padding: 0,\n    width: 32,\n    maxWidth: 32,\n    borderRight: `solid 1px ${theme.hv.palette.atmosphere.atmo4}`,\n  },\n  variantExpand: {},\n  variantActions: {\n    padding: 0,\n    width: 32,\n    maxWidth: 32,\n    borderLeft: `solid 1px ${theme.hv.palette.atmosphere.atmo4}`,\n  },\n\n  stickyColumn: {\n    position: \"sticky\",\n    zIndex: 2,\n\n    \"&$groupColumnMostRight+$stickyColumn\": {\n      borderLeft: 0,\n    },\n  },\n  stickyColumnMostLeft: {\n    borderRight: `solid 1px ${theme.hv.palette.atmosphere.atmo4}`,\n  },\n  stickyColumnLeastRight: {\n    borderLeft: `solid 1px ${theme.hv.palette.atmosphere.atmo4}`,\n  },\n\n  groupColumnMostLeft: {\n    borderLeft: `solid 1px ${theme.hv.palette.atmosphere.atmo4}`,\n\n    \"&:first-child\": {\n      borderLeft: 0,\n    },\n  },\n  groupColumnMostRight: {\n    borderRight: `solid 1px ${theme.hv.palette.atmosphere.atmo4}`,\n\n    // due to the \":has()\" selector not being supported in browsers,\n    // this need to be managed with inline styles\n    // To be uncommented when not needed (see comment in src/Table/hooks/useSticky.js)\n    // \"&:last-child,&:has(+ $stickyColumnLeastRight)\": {\n    \"&:last-child\": {\n      borderRight: 0,\n    },\n\n    \"&+:not($stickyColumn)\": {\n      borderLeft: 0,\n    },\n  },\n\n  sortable: {},\n  sorted: {\n    \"& $sortIcon\": {\n      visibility: \"visible\",\n    },\n  },\n  sortButton: {\n    \"$root$sortable &\": {\n      boxShadow: \"none\",\n      backgroundColor: \"transparent\",\n    },\n  },\n  sortIcon: {\n    display: \"inline-flex\",\n    visibility: \"hidden\",\n  },\n\n  resizable: {\n    borderRight: `solid 1px ${theme.hv.palette.atmosphere.atmo4}`,\n  },\n\n  resizing: {\n    borderRight: `solid 2px ${theme.hv.palette.accent.acce1}`,\n  },\n\n  resizer: {\n    display: \"inline-block\",\n    width: 10,\n    height: \"100%\",\n    position: \"absolute\",\n    right: 0,\n    top: 0,\n    transform: \"translateX(50%)\",\n    zIndex: 1,\n    touchAction: \"none\",\n  },\n});\n\nexport default styles;\n"],"mappings":"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"}
+{"version":3,"file":"styles.js","names":["hexToRgbA","styles","theme","root","height","verticalAlign","textAlign","padding","hvSpacing","borderBottom","palette","atmo4","head","borderTop","paddingTop","backgroundColor","atmo1","hv","typography","highlightText","transition","transitions","create","duration","shorter","paddingLeft","cursor","atmo3","visibility","body","normalText","footer","alignLeft","alignCenter","alignRight","flexDirection","alignJustify","headerContent","display","alignItems","headerText","overflow","textOverflow","headerParagraph","sortableHeaderText","alignFlexLeft","justifyContent","alignFlexCenter","alignFlexRight","alignFlexJustify","variantNone","variantCheckbox","width","maxWidth","borderRight","atmosphere","variantExpand","variantActions","borderLeft","variantList","stickyColumn","position","zIndex","stickyColumnMostLeft","stickyColumnLeastRight","groupColumnMostLeft","groupColumnMostRight","sortable","sorted","sortButton","boxShadow","sortIcon","resizable","resizing","accent","acce1","resizer","right","top","transform","touchAction"],"sources":["../../../../src/Table/TableHeader/styles.js"],"sourcesContent":["import { hexToRgbA } from \"@hitachivantara/uikit-react-core\";\n\nconst styles = (theme) => ({\n  root: {\n    \"--first-row-cell-height\": \"52px\",\n    \"--cell-height\": \"32px\",\n\n    height: \"var(--cell-height)\",\n    verticalAlign: \"inherit\",\n    textAlign: \"left\",\n    padding: theme.hvSpacing(0, \"xs\", 0, \"32px\"),\n\n    borderBottom: `1px solid ${theme.palette.atmo4}`,\n  },\n\n  head: {\n    \":first-child > &\": {\n      height: \"var(--first-row-cell-height)\",\n      borderTop: `1px solid ${theme.palette.atmo4}`,\n    },\n\n    paddingTop: 8,\n    verticalAlign: \"top\",\n\n    backgroundColor: theme.palette.atmo1,\n    borderBottom: `1px solid ${theme.palette.atmo4}`,\n    ...theme.hv.typography.highlightText,\n\n    transition: theme.transitions.create(\"background-color\", {\n      duration: theme.transitions.duration.shorter,\n    }),\n\n    \"&$sortable\": {\n      verticalAlign: \"initial\",\n      paddingTop: 0,\n      paddingLeft: 0,\n      cursor: \"pointer\",\n\n      \"&:hover\": {\n        backgroundColor: theme.palette.atmo3,\n\n        \"& $sortIcon\": {\n          visibility: \"visible\",\n        },\n      },\n      \"&:focus-within\": {\n        backgroundColor: theme.palette.atmo3,\n\n        \"& $sortIcon\": {\n          visibility: \"visible\",\n        },\n      },\n      // IE fallback code (using focus-within-polyfill)\n      \"&.focus-within\": {\n        backgroundColor: theme.palette.atmo3,\n\n        \"& $sortIcon\": {\n          visibility: \"visible\",\n        },\n      },\n    },\n  },\n  body: {\n    backgroundColor: \"inherit\",\n    ...theme.hv.typography.normalText,\n\n    \"&$sortable:not($variantNone)\": {\n      paddingLeft: 32,\n    },\n    \"&$sorted\": {\n      backgroundColor: hexToRgbA(theme.palette.atmo1, 0.4),\n    },\n  },\n  footer: {},\n\n  alignLeft: {\n    textAlign: \"left\",\n  },\n  alignCenter: {\n    textAlign: \"center\",\n  },\n  alignRight: {\n    textAlign: \"right\",\n    flexDirection: \"row-reverse\",\n  },\n  alignJustify: {\n    textAlign: \"justify\",\n  },\n\n  headerContent: {\n    display: \"flex\",\n    alignItems: \"flex-start\",\n  },\n  headerText: {\n    overflow: \"hidden\",\n    textOverflow: \"ellipsis\",\n  },\n  headerParagraph: {\n    overflow: \"hidden\",\n    display: \"-webkit-box\",\n    \"-webkit-line-clamp\": 2,\n    \"-webkit-box-orient\": \"vertical\",\n  },\n  sortableHeaderText: {\n    paddingTop: \"8px\",\n  },\n  alignFlexLeft: {\n    justifyContent: \"flex-start\",\n  },\n  alignFlexCenter: {\n    justifyContent: \"center\",\n  },\n  alignFlexRight: {\n    justifyContent: \"flex-end\",\n  },\n  alignFlexJustify: {\n    textAlign: \"justify\",\n  },\n\n  variantNone: {\n    padding: 0,\n  },\n  variantCheckbox: {\n    padding: 0,\n    width: 32,\n    maxWidth: 32,\n    borderRight: `solid 1px ${theme.hv.palette.atmosphere.atmo4}`,\n  },\n  variantExpand: {},\n  variantActions: {\n    padding: 0,\n    width: 32,\n    maxWidth: 32,\n    borderLeft: `solid 1px ${theme.hv.palette.atmosphere.atmo4}`,\n  },\n  variantList: {\n    backgroundColor: \"inherit\",\n    borderBottom: 0,\n    height: 16,\n    \":first-child > &\": {\n      borderTop: 0,\n      height: 16,\n    },\n  },\n  stickyColumn: {\n    position: \"sticky\",\n    zIndex: 2,\n\n    \"&$groupColumnMostRight+$stickyColumn\": {\n      borderLeft: 0,\n    },\n  },\n  stickyColumnMostLeft: {\n    borderRight: `solid 1px ${theme.hv.palette.atmosphere.atmo4}`,\n  },\n  stickyColumnLeastRight: {\n    borderLeft: `solid 1px ${theme.hv.palette.atmosphere.atmo4}`,\n  },\n\n  groupColumnMostLeft: {\n    borderLeft: `solid 1px ${theme.hv.palette.atmosphere.atmo4}`,\n\n    \"&:first-child\": {\n      borderLeft: 0,\n    },\n  },\n  groupColumnMostRight: {\n    borderRight: `solid 1px ${theme.hv.palette.atmosphere.atmo4}`,\n\n    // due to the \":has()\" selector not being supported in browsers,\n    // this need to be managed with inline styles\n    // To be uncommented when not needed (see comment in src/Table/hooks/useSticky.js)\n    // \"&:last-child,&:has(+ $stickyColumnLeastRight)\": {\n    \"&:last-child\": {\n      borderRight: 0,\n    },\n\n    \"&+:not($stickyColumn)\": {\n      borderLeft: 0,\n    },\n  },\n\n  sortable: {},\n  sorted: {\n    \"& $sortIcon\": {\n      visibility: \"visible\",\n    },\n  },\n  sortButton: {\n    \"$root$sortable &\": {\n      boxShadow: \"none\",\n      backgroundColor: \"transparent\",\n    },\n  },\n  sortIcon: {\n    display: \"inline-flex\",\n    visibility: \"hidden\",\n  },\n\n  resizable: {\n    borderRight: `solid 1px ${theme.hv.palette.atmosphere.atmo4}`,\n  },\n\n  resizing: {\n    borderRight: `solid 2px ${theme.hv.palette.accent.acce1}`,\n  },\n\n  resizer: {\n    display: \"inline-block\",\n    width: 10,\n    height: \"100%\",\n    position: \"absolute\",\n    right: 0,\n    top: 0,\n    transform: \"translateX(50%)\",\n    zIndex: 1,\n    touchAction: \"none\",\n  },\n});\n\nexport default styles;\n"],"mappings":"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"}

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

@@ -8,7 +8,9 @@ export type HvTableRowClassKey =
   | "hover"
   | "selected"
   | "expanded"
-  | "striped";
+  | "striped"
+  | "variantList"
+  | "variantListHead";
 
 export interface HvTableRowProps
   extends StandardProps<React.HTMLAttributes<HTMLTableRowElement>, HvTableRowClassKey> {

package/dist/modern/Table/TableRow/TableRow.js

@@ -30,10 +30,14 @@ const HvTableRow = /*#__PURE__*/forwardRef(function HvTableRow(props, ref) {
   const tableContext = useContext(TableContext);
   const tableSectionContext = useContext(TableSectionContext);
   const type = (tableSectionContext === null || tableSectionContext === void 0 ? void 0 : tableSectionContext.type) || "body";
+  const isList = tableContext.variant === "listrow";
   const Component = component || (tableContext === null || tableContext === void 0 ? void 0 : (_tableContext$compone = tableContext.components) === null || _tableContext$compone === void 0 ? void 0 : _tableContext$compone.Tr) || defaultComponent;
   return /*#__PURE__*/React.createElement(Component, _extends({
     ref: ref,
-    className: clsx(classes.root, classes[type], className, hover && classes.hover, selected && classes.selected, expanded && classes.expanded, striped && classes.striped),
+    className: clsx(classes.root, classes[type], tableSectionContext.filterClassName, className, isList && {
+      "body": classes.variantList,
+      "head": classes.variantListHead
+    }[type], hover && classes.hover, selected && classes.selected, expanded && classes.expanded, striped && classes.striped),
     role: Component === defaultComponent ? null : "row"
   }, others));
 });
@@ -116,7 +120,17 @@ process.env.NODE_ENV !== "production" ? HvTableRow.propTypes = {
     /**
      * Styles applied to the component root when inside a `HvTableFooter`.
      */
-    footer: PropTypes.string
+    footer: PropTypes.string,
+
+    /**
+     * Styles applied to the component root when its table variant is list.
+     */
+    variantList: PropTypes.string,
+
+    /**
+     * Styles applied to the component root when its table variant is list.
+     */
+    variantListHead: PropTypes.string
   }).isRequired
 } : void 0;
 export default withStyles(styles, {