@hitachivantara/uikit-react-lab 3.45.12 → 3.47.0

package/dist/legacy/QueryBuilder/Rule/Value/Value.js.map

@@ -1 +1 @@
-{"version":3,"file":"Value.js","names":["React","PropTypes","Context","BooleanValue","NumericValue","TextValue","DateTimeValue","Value","id","attribute","operator","valueProp","value","context","useContext","attributes","initialTouched","type","propTypes","number","string","any","memo"],"sources":["../../../../../src/QueryBuilder/Rule/Value/Value.js"],"sourcesContent":["import React from \"react\";\nimport PropTypes from \"prop-types\";\n\nimport Context from \"../../Context\";\nimport BooleanValue from \"./BooleanValue\";\nimport NumericValue from \"./NumericValue\";\nimport TextValue from \"./TextValue\";\nimport DateTimeValue from \"./DateTimeValue\";\n\nconst Value = ({ id, attribute, operator, value: valueProp }) => {\n  const context = React.useContext(Context);\n  const { attributes, initialTouched } = context;\n  const { type } = attribute ? { ...attributes[attribute] } : { type: null };\n\n  switch (type) {\n    case \"boolean\": {\n      return <BooleanValue id={id} value={!!valueProp} initialTouched={initialTouched} />;\n    }\n    case \"numeric\": {\n      return (\n        <NumericValue\n          id={id}\n          operator={operator}\n          value={valueProp}\n          initialTouched={initialTouched}\n        />\n      );\n    }\n    case \"text\":\n    case \"textarea\": {\n      return <TextValue id={id} value={valueProp} initialTouched={initialTouched} />;\n    }\n    case \"dateandtime\": {\n      return (\n        <DateTimeValue\n          id={id}\n          operator={operator}\n          value={valueProp}\n          initialTouched={initialTouched}\n        />\n      );\n    }\n    default: {\n      return null;\n    }\n  }\n};\n\nValue.propTypes = {\n  id: PropTypes.number,\n  attribute: PropTypes.string,\n  operator: PropTypes.string,\n  value: PropTypes.any,\n};\n\nexport default React.memo(Value);\n"],"mappings":";;;;;;;;;;;;;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AAEA,OAAOC,OAAP,MAAoB,eAApB;AACA,OAAOC,YAAP,MAAyB,gBAAzB;AACA,OAAOC,YAAP,MAAyB,gBAAzB;AACA,OAAOC,SAAP,MAAsB,aAAtB;AACA,OAAOC,aAAP,MAA0B,iBAA1B;;AAEA,IAAMC,KAAK,GAAG,SAARA,KAAQ,OAAmD;EAAA,IAAhDC,EAAgD,QAAhDA,EAAgD;EAAA,IAA5CC,SAA4C,QAA5CA,SAA4C;EAAA,IAAjCC,QAAiC,QAAjCA,QAAiC;EAAA,IAAhBC,SAAgB,QAAvBC,KAAuB;EAC/D,IAAMC,OAAO,GAAGb,KAAK,CAACc,UAAN,CAAiBZ,OAAjB,CAAhB;EACA,IAAQa,UAAR,GAAuCF,OAAvC,CAAQE,UAAR;EAAA,IAAoBC,cAApB,GAAuCH,OAAvC,CAAoBG,cAApB;;EACA,YAAiBP,SAAS,qBAAQM,UAAU,CAACN,SAAD,CAAlB,IAAkC;IAAEQ,IAAI,EAAE;EAAR,CAA5D;EAAA,IAAQA,IAAR,SAAQA,IAAR;;EAEA,QAAQA,IAAR;IACE,KAAK,SAAL;MAAgB;QACd,oBAAO,oBAAC,YAAD;UAAc,EAAE,EAAET,EAAlB;UAAsB,KAAK,EAAE,CAAC,CAACG,SAA/B;UAA0C,cAAc,EAAEK;QAA1D,EAAP;MACD;;IACD,KAAK,SAAL;MAAgB;QACd,oBACE,oBAAC,YAAD;UACE,EAAE,EAAER,EADN;UAEE,QAAQ,EAAEE,QAFZ;UAGE,KAAK,EAAEC,SAHT;UAIE,cAAc,EAAEK;QAJlB,EADF;MAQD;;IACD,KAAK,MAAL;IACA,KAAK,UAAL;MAAiB;QACf,oBAAO,oBAAC,SAAD;UAAW,EAAE,EAAER,EAAf;UAAmB,KAAK,EAAEG,SAA1B;UAAqC,cAAc,EAAEK;QAArD,EAAP;MACD;;IACD,KAAK,aAAL;MAAoB;QAClB,oBACE,oBAAC,aAAD;UACE,EAAE,EAAER,EADN;UAEE,QAAQ,EAAEE,QAFZ;UAGE,KAAK,EAAEC,SAHT;UAIE,cAAc,EAAEK;QAJlB,EADF;MAQD;;IACD;MAAS;QACP,OAAO,IAAP;MACD;EA9BH;AAgCD,CArCD;;AAuCA,wCAAAT,KAAK,CAACW,SAAN,GAAkB;EAChBV,EAAE,EAAEP,SAAS,CAACkB,MADE;EAEhBV,SAAS,EAAER,SAAS,CAACmB,MAFL;EAGhBV,QAAQ,EAAET,SAAS,CAACmB,MAHJ;EAIhBR,KAAK,EAAEX,SAAS,CAACoB;AAJD,CAAlB;AAOA,4BAAerB,KAAK,CAACsB,IAAN,CAAWf,KAAX,CAAf"}
+{"version":3,"file":"Value.js","names":["React","PropTypes","Context","BooleanValue","NumericValue","TextValue","DateTimeValue","Value","id","attribute","operator","valueProp","value","context","useContext","attributes","initialTouched","type","propTypes","number","string","any","memo"],"sources":["../../../../../src/QueryBuilder/Rule/Value/Value.js"],"sourcesContent":["import React from \"react\";\nimport PropTypes from \"prop-types\";\n\nimport Context from \"../../Context\";\nimport BooleanValue from \"./BooleanValue\";\nimport NumericValue from \"./NumericValue\";\nimport TextValue from \"./TextValue\";\nimport DateTimeValue from \"./DateTimeValue\";\n\nconst Value = ({ id, attribute, operator, value: valueProp }) => {\n  const context = React.useContext(Context);\n  const { attributes, initialTouched } = context;\n  const { type } = attribute ? { ...attributes[attribute] } : { type: null };\n\n  switch (type) {\n    case \"boolean\": {\n      return <BooleanValue id={id} value={!!valueProp} initialTouched={initialTouched} />;\n    }\n    case \"numeric\": {\n      return (\n        <NumericValue\n          id={id}\n          operator={operator}\n          value={valueProp}\n          initialTouched={initialTouched}\n        />\n      );\n    }\n    case \"text\":\n    case \"textarea\":\n    default: {\n      return <TextValue id={id} value={valueProp} initialTouched={initialTouched} />;\n    }\n    case \"dateandtime\": {\n      return (\n        <DateTimeValue\n          id={id}\n          operator={operator}\n          value={valueProp}\n          initialTouched={initialTouched}\n        />\n      );\n    }\n  }\n};\n\nValue.propTypes = {\n  id: PropTypes.number,\n  attribute: PropTypes.string,\n  operator: PropTypes.string,\n  value: PropTypes.any,\n};\n\nexport default React.memo(Value);\n"],"mappings":";;;;;;;;;;;;;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AAEA,OAAOC,OAAP,MAAoB,eAApB;AACA,OAAOC,YAAP,MAAyB,gBAAzB;AACA,OAAOC,YAAP,MAAyB,gBAAzB;AACA,OAAOC,SAAP,MAAsB,aAAtB;AACA,OAAOC,aAAP,MAA0B,iBAA1B;;AAEA,IAAMC,KAAK,GAAG,SAARA,KAAQ,OAAmD;EAAA,IAAhDC,EAAgD,QAAhDA,EAAgD;EAAA,IAA5CC,SAA4C,QAA5CA,SAA4C;EAAA,IAAjCC,QAAiC,QAAjCA,QAAiC;EAAA,IAAhBC,SAAgB,QAAvBC,KAAuB;EAC/D,IAAMC,OAAO,GAAGb,KAAK,CAACc,UAAN,CAAiBZ,OAAjB,CAAhB;EACA,IAAQa,UAAR,GAAuCF,OAAvC,CAAQE,UAAR;EAAA,IAAoBC,cAApB,GAAuCH,OAAvC,CAAoBG,cAApB;;EACA,YAAiBP,SAAS,qBAAQM,UAAU,CAACN,SAAD,CAAlB,IAAkC;IAAEQ,IAAI,EAAE;EAAR,CAA5D;EAAA,IAAQA,IAAR,SAAQA,IAAR;;EAEA,QAAQA,IAAR;IACE,KAAK,SAAL;MAAgB;QACd,oBAAO,oBAAC,YAAD;UAAc,EAAE,EAAET,EAAlB;UAAsB,KAAK,EAAE,CAAC,CAACG,SAA/B;UAA0C,cAAc,EAAEK;QAA1D,EAAP;MACD;;IACD,KAAK,SAAL;MAAgB;QACd,oBACE,oBAAC,YAAD;UACE,EAAE,EAAER,EADN;UAEE,QAAQ,EAAEE,QAFZ;UAGE,KAAK,EAAEC,SAHT;UAIE,cAAc,EAAEK;QAJlB,EADF;MAQD;;IACD,KAAK,MAAL;IACA,KAAK,UAAL;IACA;MAAS;QACP,oBAAO,oBAAC,SAAD;UAAW,EAAE,EAAER,EAAf;UAAmB,KAAK,EAAEG,SAA1B;UAAqC,cAAc,EAAEK;QAArD,EAAP;MACD;;IACD,KAAK,aAAL;MAAoB;QAClB,oBACE,oBAAC,aAAD;UACE,EAAE,EAAER,EADN;UAEE,QAAQ,EAAEE,QAFZ;UAGE,KAAK,EAAEC,SAHT;UAIE,cAAc,EAAEK;QAJlB,EADF;MAQD;EA5BH;AA8BD,CAnCD;;AAqCA,wCAAAT,KAAK,CAACW,SAAN,GAAkB;EAChBV,EAAE,EAAEP,SAAS,CAACkB,MADE;EAEhBV,SAAS,EAAER,SAAS,CAACmB,MAFL;EAGhBV,QAAQ,EAAET,SAAS,CAACmB,MAHJ;EAIhBR,KAAK,EAAEX,SAAS,CAACoB;AAJD,CAAlB;AAOA,4BAAerB,KAAK,CAACsB,IAAN,CAAWf,KAAX,CAAf"}

package/dist/legacy/QueryBuilder/index.d.ts

@@ -1,4 +1,5 @@
 export { default } from "./QueryBuilder";
 
 export * from "./QueryBuilder";
+export { defaultCombinators, defaultLabels, defaultOperators } from "./Context";
 export * from "./types";

package/dist/legacy/QueryBuilder/index.js

@@ -1,2 +1,3 @@
 export { default } from "./QueryBuilder";
+export { defaultCombinators, defaultLabels, defaultOperators } from "./Context";
 //# sourceMappingURL=index.js.map

package/dist/legacy/QueryBuilder/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["default"],"sources":["../../../src/QueryBuilder/index.js"],"sourcesContent":["export { default } from \"./QueryBuilder\";\n"],"mappings":"AAAA,SAASA,OAAT,QAAwB,gBAAxB"}
+{"version":3,"file":"index.js","names":["default","defaultCombinators","defaultLabels","defaultOperators"],"sources":["../../../src/QueryBuilder/index.js"],"sourcesContent":["export { default } from \"./QueryBuilder\";\nexport { defaultCombinators, defaultLabels, defaultOperators } from \"./Context\";\n"],"mappings":"AAAA,SAASA,OAAT,QAAwB,gBAAxB;AACA,SAASC,kBAAT,EAA6BC,aAA7B,EAA4CC,gBAA5C,QAAoE,WAApE"}

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

@@ -1,6 +1,6 @@
 import { StandardProps } from "@material-ui/core";
 
-export type HvTableClassKey = "root" | "stickyHeader" | "stickyColumns";
+export type HvTableClassKey = "root" | "stickyHeader" | "stickyColumns" | "listRow";
 
 export interface HvTableProps
   extends StandardProps<React.TableHTMLAttributes<HTMLTableElement>, HvTableClassKey> {
@@ -20,6 +20,10 @@ export interface HvTableProps
    * Whether the `HvTable` has sticky columns.
    */
   stickyColumns?: boolean;
+  /**
+   * Variant of table.
+   */
+  variant?: "listrow" | "default";
 }
 
 export default function HvTable(props: HvTableProps): JSX.Element | null;

package/dist/legacy/Table/Table.js

@@ -1,7 +1,7 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
-var _excluded = ["classes", "className", "component", "stickyHeader", "stickyColumns"];
-import React, { forwardRef, useMemo } from "react";
+var _excluded = ["classes", "className", "component", "stickyHeader", "stickyColumns", "variant"];
+import React, { useRef, forwardRef, useMemo } from "react";
 import PropTypes from "prop-types";
 import clsx from "clsx";
 import { withStyles } from "@material-ui/core";
@@ -54,22 +54,27 @@ var HvTable = /*#__PURE__*/forwardRef(function HvTable(props, ref) {
       stickyHeader = _props$stickyHeader === void 0 ? false : _props$stickyHeader,
       _props$stickyColumns = props.stickyColumns,
       stickyColumns = _props$stickyColumns === void 0 ? false : _props$stickyColumns,
+      _props$variant = props.variant,
+      variant = _props$variant === void 0 ? "default" : _props$variant,
       others = _objectWithoutProperties(props, _excluded);
 
+  var containerRef = useRef(ref);
   var components = useMemo(function () {
     return computeTablePartComponents(component);
   }, [component]);
   var tableContext = useMemo(function () {
     return {
-      components: components
+      components: components,
+      variant: variant,
+      containerRef: containerRef
     };
-  }, [components]);
+  }, [components, variant, containerRef]);
   return /*#__PURE__*/React.createElement(TableContext.Provider, {
     value: tableContext
   }, /*#__PURE__*/React.createElement(components.Table, _extends({
     ref: ref,
     role: component === defaultComponent ? null : "table",
-    className: clsx(classes.root, className, stickyHeader && classes.stickyHeader, stickyColumns && classes.stickyColumns)
+    className: clsx(classes.root, className, stickyHeader && classes.stickyHeader, stickyColumns && classes.stickyColumns, variant !== "default" && classes.listRow)
   }, others)));
 });
 process.env.NODE_ENV !== "production" ? HvTable.propTypes = {
@@ -101,6 +106,11 @@ process.env.NODE_ENV !== "production" ? HvTable.propTypes = {
    */
   stickyColumns: PropTypes.bool,
 
+  /**
+   * Whether the `HvTable` has the list row styles or the default.
+   */
+  variant: PropTypes.oneOf(["listrow", "default"]),
+
   /**
    * A Jss Object used to override or extend the styles applied.
    */
@@ -118,7 +128,12 @@ process.env.NODE_ENV !== "production" ? HvTable.propTypes = {
     /**
      * Styles applied to the component root class when it has sticky columns.
      */
-    stickyColumns: PropTypes.string
+    stickyColumns: PropTypes.string,
+
+    /**
+     * Styles applied to the component root class when it has sticky columns.
+     */
+    listRow: PropTypes.string
   }).isRequired
 } : void 0;
 export default withStyles(styles, {

package/dist/legacy/Table/Table.js.map

@@ -1 +1 @@
-{"version":3,"file":"Table.js","names":["React","forwardRef","useMemo","PropTypes","clsx","withStyles","TableContext","styles","defaultComponent","computeTablePartComponents","rootComponent","Table","THead","TBody","Tr","Th","Td","HvTable","props","ref","classes","className","component","stickyHeader","stickyColumns","others","components","tableContext","root","propTypes","elementType","children","node","isRequired","string","bool","shape","name"],"sources":["../../../src/Table/Table.js"],"sourcesContent":["import React, { forwardRef, useMemo } from \"react\";\nimport PropTypes from \"prop-types\";\nimport clsx from \"clsx\";\n\nimport { withStyles } from \"@material-ui/core\";\n\nimport TableContext from \"./TableContext\";\nimport styles from \"./styles\";\n\nconst defaultComponent = \"table\";\n\nconst computeTablePartComponents = (rootComponent) => {\n  if (rootComponent === \"table\") {\n    return {\n      Table: \"table\",\n      THead: \"thead\",\n      TBody: \"tbody\",\n      Tr: \"tr\",\n      Th: \"th\",\n      Td: \"td\",\n    };\n  }\n\n  return {\n    Table: rootComponent,\n    THead: rootComponent,\n    TBody: rootComponent,\n    Tr: rootComponent,\n    Th: rootComponent,\n    Td: rootComponent,\n  };\n};\n\n/**\n * A Table gathers relational data, it displays values arranged to allow quick numerical analysis\n * like comparison and sorting.\n *\n * **HvTable** component offers a set of HTML-equivalent elements, **styled to Design System's specification**,\n * for building tables.\n * You can rely on these **elements** when your table doesn’t have many interactions or you need it to be very lightweight.\n *\n * For better data handling and **advanced features** we recommend the use of the utility hooks collection .\n * See the <a href=\"?id=lab-table-hooks--main&viewMode=docs\" target=\"_self\">Table Hooks documentation</a> for more details.\n *\n * **PLEASE NOTE**: This Table implementation is still a WIP. There might be breaking changes.\n */\nconst HvTable = forwardRef(function HvTable(props, ref) {\n  const {\n    classes,\n    className,\n    component = defaultComponent,\n    stickyHeader = false,\n    stickyColumns = false,\n    ...others\n  } = props;\n\n  const components = useMemo(() => computeTablePartComponents(component), [component]);\n\n  const tableContext = useMemo(() => ({ components }), [components]);\n\n  return (\n    <TableContext.Provider value={tableContext}>\n      <components.Table\n        ref={ref}\n        role={component === defaultComponent ? null : \"table\"}\n        className={clsx(\n          classes.root,\n          {\n            [classes.stickyHeader]: stickyHeader,\n            [classes.stickyColumns]: stickyColumns,\n          },\n          className\n        )}\n        {...others}\n      />\n    </TableContext.Provider>\n  );\n});\n\nHvTable.propTypes = {\n  /**\n   * The component used for the root node. Either a string to use a HTML element or a component.\n   * Defaults to `table`.\n   *\n   * When using non-table elements, layout is up to the developer using the component.\n   */\n  component: PropTypes.elementType,\n\n  /**\n   * Content to be rendered\n   */\n  children: PropTypes.node.isRequired,\n\n  /**\n   * Class names to be applied.\n   */\n  className: PropTypes.string,\n\n  /**\n   * Whether the `HvTable` has a sticky header row.\n   */\n  stickyHeader: PropTypes.bool,\n  /**\n   * Whether the `HvTable` has sticky columns.\n   */\n  stickyColumns: 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     * Styles applied to the component root class when it has a sticky header.\n     */\n    stickyHeader: PropTypes.string,\n    /**\n     * Styles applied to the component root class when it has sticky columns.\n     */\n    stickyColumns: PropTypes.string,\n  }).isRequired,\n};\n\nexport default withStyles(styles, { name: \"HvTable\" })(HvTable);\n"],"mappings":"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"}
+{"version":3,"file":"Table.js","names":["React","useRef","forwardRef","useMemo","PropTypes","clsx","withStyles","TableContext","styles","defaultComponent","computeTablePartComponents","rootComponent","Table","THead","TBody","Tr","Th","Td","HvTable","props","ref","classes","className","component","stickyHeader","stickyColumns","variant","others","containerRef","components","tableContext","root","listRow","propTypes","elementType","children","node","isRequired","string","bool","oneOf","shape","name"],"sources":["../../../src/Table/Table.js"],"sourcesContent":["import React, { useRef, forwardRef, useMemo } from \"react\";\nimport PropTypes from \"prop-types\";\nimport clsx from \"clsx\";\n\nimport { withStyles } from \"@material-ui/core\";\n\nimport TableContext from \"./TableContext\";\nimport styles from \"./styles\";\n\nconst defaultComponent = \"table\";\n\nconst computeTablePartComponents = (rootComponent) => {\n  if (rootComponent === \"table\") {\n    return {\n      Table: \"table\",\n      THead: \"thead\",\n      TBody: \"tbody\",\n      Tr: \"tr\",\n      Th: \"th\",\n      Td: \"td\",\n    };\n  }\n\n  return {\n    Table: rootComponent,\n    THead: rootComponent,\n    TBody: rootComponent,\n    Tr: rootComponent,\n    Th: rootComponent,\n    Td: rootComponent,\n  };\n};\n\n/**\n * A Table gathers relational data, it displays values arranged to allow quick numerical analysis\n * like comparison and sorting.\n *\n * **HvTable** component offers a set of HTML-equivalent elements, **styled to Design System's specification**,\n * for building tables.\n * You can rely on these **elements** when your table doesn’t have many interactions or you need it to be very lightweight.\n *\n * For better data handling and **advanced features** we recommend the use of the utility hooks collection .\n * See the <a href=\"?id=lab-table-hooks--main&viewMode=docs\" target=\"_self\">Table Hooks documentation</a> for more details.\n *\n * **PLEASE NOTE**: This Table implementation is still a WIP. There might be breaking changes.\n */\nconst HvTable = forwardRef(function HvTable(props, ref) {\n  const {\n    classes,\n    className,\n    component = defaultComponent,\n    stickyHeader = false,\n    stickyColumns = false,\n    variant = \"default\",\n    ...others\n  } = props;\n\n  const containerRef = useRef(ref);\n\n  const components = useMemo(() => computeTablePartComponents(component), [component]);\n\n  const tableContext = useMemo(\n    () => ({ components, variant, containerRef }),\n    [components, variant, containerRef]\n  );\n\n  return (\n    <TableContext.Provider value={tableContext}>\n      <components.Table\n        ref={ref}\n        role={component === defaultComponent ? null : \"table\"}\n        className={clsx(\n          classes.root,\n          {\n            [classes.stickyHeader]: stickyHeader,\n            [classes.stickyColumns]: stickyColumns,\n            [classes.listRow]: variant === \"listrow\",\n          },\n          className\n        )}\n        {...others}\n      />\n    </TableContext.Provider>\n  );\n});\n\nHvTable.propTypes = {\n  /**\n   * The component used for the root node. Either a string to use a HTML element or a component.\n   * Defaults to `table`.\n   *\n   * When using non-table elements, layout is up to the developer using the component.\n   */\n  component: PropTypes.elementType,\n  /**\n   * Content to be rendered\n   */\n  children: PropTypes.node.isRequired,\n  /**\n   * Class names to be applied.\n   */\n  className: PropTypes.string,\n  /**\n   * Whether the `HvTable` has a sticky header row.\n   */\n  stickyHeader: PropTypes.bool,\n  /**\n   * Whether the `HvTable` has sticky columns.\n   */\n  stickyColumns: PropTypes.bool,\n  /**\n   * Whether the `HvTable` has the list row styles or the default.\n   */\n  variant: PropTypes.oneOf([\"listrow\", \"default\"]),\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 component root class when it has a sticky header.\n     */\n    stickyHeader: PropTypes.string,\n    /**\n     * Styles applied to the component root class when it has sticky columns.\n     */\n    stickyColumns: PropTypes.string,\n    /**\n     * Styles applied to the component root class when it has sticky columns.\n     */\n    listRow: PropTypes.string,\n  }).isRequired,\n};\n\nexport default withStyles(styles, { name: \"HvTable\" })(HvTable);\n"],"mappings":";;;AAAA,OAAOA,KAAP,IAAgBC,MAAhB,EAAwBC,UAAxB,EAAoCC,OAApC,QAAmD,OAAnD;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,OAAOC,IAAP,MAAiB,MAAjB;AAEA,SAASC,UAAT,QAA2B,mBAA3B;AAEA,OAAOC,YAAP,MAAyB,gBAAzB;AACA,OAAOC,MAAP,MAAmB,UAAnB;AAEA,IAAMC,gBAAgB,GAAG,OAAzB;;AAEA,IAAMC,0BAA0B,GAAG,SAA7BA,0BAA6B,CAACC,aAAD,EAAmB;EACpD,IAAIA,aAAa,KAAK,OAAtB,EAA+B;IAC7B,OAAO;MACLC,KAAK,EAAE,OADF;MAELC,KAAK,EAAE,OAFF;MAGLC,KAAK,EAAE,OAHF;MAILC,EAAE,EAAE,IAJC;MAKLC,EAAE,EAAE,IALC;MAMLC,EAAE,EAAE;IANC,CAAP;EAQD;;EAED,OAAO;IACLL,KAAK,EAAED,aADF;IAELE,KAAK,EAAEF,aAFF;IAGLG,KAAK,EAAEH,aAHF;IAILI,EAAE,EAAEJ,aAJC;IAKLK,EAAE,EAAEL,aALC;IAMLM,EAAE,EAAEN;EANC,CAAP;AAQD,CApBD;AAsBA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;AACA,IAAMO,OAAO,gBAAGhB,UAAU,CAAC,SAASgB,OAAT,CAAiBC,KAAjB,EAAwBC,GAAxB,EAA6B;EACtD,IACEC,OADF,GAQIF,KARJ,CACEE,OADF;EAAA,IAEEC,SAFF,GAQIH,KARJ,CAEEG,SAFF;EAAA,uBAQIH,KARJ,CAGEI,SAHF;EAAA,IAGEA,SAHF,iCAGcd,gBAHd;EAAA,0BAQIU,KARJ,CAIEK,YAJF;EAAA,IAIEA,YAJF,oCAIiB,KAJjB;EAAA,2BAQIL,KARJ,CAKEM,aALF;EAAA,IAKEA,aALF,qCAKkB,KALlB;EAAA,qBAQIN,KARJ,CAMEO,OANF;EAAA,IAMEA,OANF,+BAMY,SANZ;EAAA,IAOKC,MAPL,4BAQIR,KARJ;;EAUA,IAAMS,YAAY,GAAG3B,MAAM,CAACmB,GAAD,CAA3B;EAEA,IAAMS,UAAU,GAAG1B,OAAO,CAAC;IAAA,OAAMO,0BAA0B,CAACa,SAAD,CAAhC;EAAA,CAAD,EAA8C,CAACA,SAAD,CAA9C,CAA1B;EAEA,IAAMO,YAAY,GAAG3B,OAAO,CAC1B;IAAA,OAAO;MAAE0B,UAAU,EAAVA,UAAF;MAAcH,OAAO,EAAPA,OAAd;MAAuBE,YAAY,EAAZA;IAAvB,CAAP;EAAA,CAD0B,EAE1B,CAACC,UAAD,EAAaH,OAAb,EAAsBE,YAAtB,CAF0B,CAA5B;EAKA,oBACE,oBAAC,YAAD,CAAc,QAAd;IAAuB,KAAK,EAAEE;EAA9B,gBACE,oBAAC,UAAD,CAAY,KAAZ;IACE,GAAG,EAAEV,GADP;IAEE,IAAI,EAAEG,SAAS,KAAKd,gBAAd,GAAiC,IAAjC,GAAwC,OAFhD;IAGE,SAAS,EAAEJ,IAAI,CACbgB,OAAO,CAACU,IADK,EAObT,SAPa,EAGaE,YAHb,IAGVH,OAAO,CAACG,YAHE,EAIcC,aAJd,IAIVJ,OAAO,CAACI,aAJE,EAKQC,OAAO,cALf,IAKVL,OAAO,CAACW,OALE;EAHjB,GAYML,MAZN,EADF,CADF;AAkBD,CAtCyB,CAA1B;AAwCA,wCAAAT,OAAO,CAACe,SAAR,GAAoB;EAClB;AACF;AACA;AACA;AACA;AACA;EACEV,SAAS,EAAEnB,SAAS,CAAC8B,WAPH;;EAQlB;AACF;AACA;EACEC,QAAQ,EAAE/B,SAAS,CAACgC,IAAV,CAAeC,UAXP;;EAYlB;AACF;AACA;EACEf,SAAS,EAAElB,SAAS,CAACkC,MAfH;;EAgBlB;AACF;AACA;EACEd,YAAY,EAAEpB,SAAS,CAACmC,IAnBN;;EAoBlB;AACF;AACA;EACEd,aAAa,EAAErB,SAAS,CAACmC,IAvBP;;EAwBlB;AACF;AACA;EACEb,OAAO,EAAEtB,SAAS,CAACoC,KAAV,CAAgB,CAAC,SAAD,EAAY,SAAZ,CAAhB,CA3BS;;EA4BlB;AACF;AACA;EACEnB,OAAO,EAAEjB,SAAS,CAACqC,KAAV,CAAgB;IACvB;AACJ;AACA;IACIV,IAAI,EAAE3B,SAAS,CAACkC,MAJO;;IAKvB;AACJ;AACA;IACId,YAAY,EAAEpB,SAAS,CAACkC,MARD;;IASvB;AACJ;AACA;IACIb,aAAa,EAAErB,SAAS,CAACkC,MAZF;;IAavB;AACJ;AACA;IACIN,OAAO,EAAE5B,SAAS,CAACkC;EAhBI,CAAhB,EAiBND;AAhDe,CAApB;AAmDA,eAAe/B,UAAU,CAACE,MAAD,EAAS;EAAEkC,IAAI,EAAE;AAAR,CAAT,CAAV,CAAwCxB,OAAxC,CAAf"}

package/dist/legacy/Table/TableBody/TableBody.js

@@ -1,15 +1,19 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
-var _excluded = ["classes", "className", "component"];
-import React, { forwardRef, useContext } from "react";
+var _excluded = ["classes", "className", "component", "children", "withNavigation"];
+import "core-js/modules/es.array.map.js";
+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";
 var tableSectionContext = {
-  type: "body"
+  type: "body",
+  filterClassName: "grid"
 };
 var defaultComponent = "tbody";
 /**
@@ -17,23 +21,39 @@ var defaultComponent = "tbody";
  * `HvTableCell` and `HvTableRow` elements in it inherit body-specific styles
  */
 
-var HvTableBody = /*#__PURE__*/forwardRef(function HvTableBody(props, ref) {
+var HvTableBody = /*#__PURE__*/forwardRef(function HvTableBody(props, externalRef) {
   var _tableContext$compone;
 
   var classes = props.classes,
       className = props.className,
       component = props.component,
+      children = props.children,
+      _props$withNavigation = props.withNavigation,
+      withNavigation = _props$withNavigation === void 0 ? false : _props$withNavigation,
       others = _objectWithoutProperties(props, _excluded);
 
   var tableContext = useContext(TableContext);
+  var bodyRef = useRef(null);
+  var handleRef = useForkRef(externalRef, bodyRef);
   var 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(function (element) {
+    return /*#__PURE__*/React.createElement(Focus, {
+      rootRef: bodyRef,
+      key: "row-".concat(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 = {
   /**
@@ -52,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/legacy/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,IAAMC,mBAAmB,GAAG;EAC1BC,IAAI,EAAE;AADoB,CAA5B;AAIA,IAAMC,gBAAgB,GAAG,OAAzB;AAEA;AACA;AACA;AACA;;AACA,IAAMC,WAAW,gBAAGX,UAAU,CAAC,SAASW,WAAT,CAAqBC,KAArB,EAA4BC,GAA5B,EAAiC;EAAA;;EAC9D,IAAQC,OAAR,GAAqDF,KAArD,CAAQE,OAAR;EAAA,IAAiBC,SAAjB,GAAqDH,KAArD,CAAiBG,SAAjB;EAAA,IAA4BC,SAA5B,GAAqDJ,KAArD,CAA4BI,SAA5B;EAAA,IAA0CC,MAA1C,4BAAqDL,KAArD;;EAEA,IAAMM,YAAY,GAAGjB,UAAU,CAACI,YAAD,CAA/B;EAEA,IAAMc,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":"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"}

package/dist/legacy/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,IAAMA,MAAM,GAAG,SAATA,MAAS;EAAA,OAAO;IACpBC,IAAI,EAAE;MACJC,eAAe,EAAE,SADb;MAGJC,QAAQ,EAAE,UAHN;MAIJC,MAAM,EAAE;IAJJ;EADc,CAAP;AAAA,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,IAAMA,MAAM,GAAG,SAATA,MAAS;EAAA,OAAO;IACpBC,IAAI,EAAE;MACJC,eAAe,EAAE,SADb;MAEJC,QAAQ,EAAE,UAFN;MAGJC,MAAM,EAAE;IAHJ;EADc,CAAP;AAAA,CAAf;;AAQA,eAAeJ,MAAf"}

package/dist/legacy/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/legacy/Table/TableCell/TableCell.js

@@ -53,7 +53,7 @@ var 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".concat(capitalize(align))], variant !== "default" && classes["variant".concat(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".concat(capitalize(align))], variant !== "default" && classes["variant".concat(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 = {
@@ -86,7 +86,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.
@@ -229,6 +229,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/legacy/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","typeProp","type","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","typeProp","type","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/legacy/Table/TableCell/styles.js

@@ -77,6 +77,34 @@ var styles = function 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 ".concat(theme.hv.palette.atmosphere.atmo2),
+      paddingLeft: "0",
+      textAlign: "center",
+      width: 130,
+      maxWidth: 130
+    },
+    variantListcheckbox: {
+      borderRight: "solid 2px ".concat(theme.hv.palette.atmosphere.atmo2),
+      padding: 0,
+      textAlign: "center",
+      width: 34,
+      maxWidth: 34
+    },
     stickyColumn: {
       position: "sticky",
       zIndex: 2,

package/dist/legacy/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/legacy/Table/TableHeader/TableHeader.d.ts

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

package/dist/legacy/Table/TableHeader/TableHeader.js

@@ -70,7 +70,7 @@ var HvTableHeader = /*#__PURE__*/forwardRef(function HvTableHeader(props, ref) {
     role: role,
     scope: scope,
     style: style,
-    className: clsx(classes.root, classes[type], className, align !== "inherit" && classes["align".concat(capitalize(align))], variant !== "default" && classes["variant".concat(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".concat(capitalize(align))], variant !== "default" && classes["variant".concat(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".concat(capitalize(align))])
@@ -340,6 +340,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.
      */