@hitachivantara/uikit-react-lab 3.45.11 → 3.46.1

package/dist/ProgressBar/ProgressBar.d.ts

@@ -9,12 +9,10 @@ export type HvProgressBarClassKey =
   | "progressBar"
   | "progressDone"
   | "progressError"
-  | "progressBarLabel"
-  | "progressBarLabelHidden";
+  | "progressBarLabel";
 
 export interface HvProgressBarProps
-  extends StandardProps<React.HTMLAttributes<HTMLDivElement>, HvProgressBarClassKey>,
-    HvProgressBarProps {
+  extends StandardProps<React.HTMLAttributes<HTMLDivElement>, HvProgressBarClassKey> {
   /**
    * The value of the progress bar.
    */
@@ -27,10 +25,6 @@ export interface HvProgressBarProps
    * When uncontrolled and unspecified it will default to "inProgress".
    */
   status?: string;
-  /**
-   * If `true` the progress bar will not show the percentage label.
-   */
-  undeterminate?: boolean;
   /**
    * Aria Properties passed on to the progress bar.
    */

package/dist/ProgressBar/ProgressBar.js

@@ -27,7 +27,7 @@ var _core = require("@material-ui/core");
 
 var _styles = _interopRequireDefault(require("./styles"));
 
-var _excluded = ["className", "classes", "value", "status", "undeterminate", "labelProps"];
+var _excluded = ["className", "classes", "value", "status", "labelProps"];
 var statusCategories = Object.freeze({
   inProgress: "inProgress",
   completed: "completed",
@@ -44,8 +44,6 @@ var HvProgressBar = function HvProgressBar(props) {
       value = _props$value === void 0 ? 0 : _props$value,
       _props$status = props.status,
       status = _props$status === void 0 ? statusCategories.inProgress : _props$status,
-      _props$undeterminate = props.undeterminate,
-      undeterminate = _props$undeterminate === void 0 ? false : _props$undeterminate,
       labelProps = props.labelProps,
       others = (0, _objectWithoutProperties2.default)(props, _excluded);
   var clampedValue = (0, _clamp.default)(value, 0, 100);
@@ -62,7 +60,7 @@ var HvProgressBar = function HvProgressBar(props) {
     style: {
       width: "".concat(clampedValue, "%")
     },
-    className: (0, _clsx.default)(classes.progressBarLabel, status === statusCategories.completed && classes.progressDone, undeterminate && classes.progressBarLabelHidden)
+    className: (0, _clsx.default)(classes.progressBarLabel, status === statusCategories.completed && classes.progressDone)
   }, labelProps), "".concat(clampedValue, "%")), /*#__PURE__*/_react.default.createElement("div", {
     className: classes.progressBarContainer
   }, /*#__PURE__*/_react.default.createElement("div", {
@@ -121,12 +119,7 @@ process.env.NODE_ENV !== "production" ? HvProgressBar.propTypes = {
     /**
      * Style applied to the progress bar label.
      */
-    progressBarLabel: _propTypes.default.string,
-
-    /**
-     * Style applied to the progress bar label.
-     */
-    progressBarLabelHidden: _propTypes.default.string
+    progressBarLabel: _propTypes.default.string
   }).isRequired,
 
   /**
@@ -143,11 +136,6 @@ process.env.NODE_ENV !== "production" ? HvProgressBar.propTypes = {
    */
   status: _propTypes.default.oneOf([statusCategories.inProgress, statusCategories.completed, statusCategories.error]),
 
-  /**
-   * If `true` the progress bar will not show the percentage label.
-   */
-  undeterminate: _propTypes.default.bool,
-
   /**
    * Aria Properties passed on to the progress bar.
    */

package/dist/ProgressBar/ProgressBar.js.map

@@ -1 +1 @@
-{"version":3,"file":"ProgressBar.js","names":["statusCategories","Object","freeze","inProgress","completed","error","HvProgressBar","props","className","classes","value","status","undeterminate","labelProps","others","clampedValue","root","progress","progressContainer","width","progressBarLabel","progressDone","progressBarLabelHidden","progressBarContainer","progressBar","progressError","propTypes","PropTypes","string","shape","isRequired","number","oneOf","bool","instanceOf","styles","name"],"sources":["../../src/ProgressBar/ProgressBar.js"],"sourcesContent":["import React from \"react\";\nimport PropTypes from \"prop-types\";\nimport clsx from \"clsx\";\n\nimport clamp from \"lodash/clamp\";\nimport { HvTypography } from \"@hitachivantara/uikit-react-core\";\n\nimport { withStyles } from \"@material-ui/core\";\n\nimport styles from \"./styles\";\n\nconst statusCategories = Object.freeze({\n  inProgress: \"inProgress\",\n  completed: \"completed\",\n  error: \"error\",\n});\n\n/**\n * ProgressBar provides feedback about a process that is taking place in the application.\n */\nconst HvProgressBar = (props) => {\n  const {\n    className,\n    classes,\n    value = 0,\n    status = statusCategories.inProgress,\n    undeterminate = false,\n    labelProps,\n    ...others\n  } = props;\n\n  const clampedValue = clamp(value, 0, 100);\n\n  return (\n    <div\n      className={clsx(className, classes.root, classes.progress)}\n      role=\"progressbar\"\n      aria-valuemin=\"0\"\n      aria-valuemax=\"100\"\n      aria-valuenow={clampedValue}\n      {...others}\n    >\n      <div className={classes.progressContainer}>\n        <HvTypography\n          variant=\"vizText\"\n          style={{ width: `${clampedValue}%` }}\n          className={clsx(\n            classes.progressBarLabel,\n            status === statusCategories.completed && classes.progressDone,\n            undeterminate && classes.progressBarLabelHidden\n          )}\n          {...labelProps}\n        >\n          {`${clampedValue}%`}\n        </HvTypography>\n        <div className={classes.progressBarContainer}>\n          <div\n            style={{ width: `${clampedValue}%` }}\n            className={clsx(\n              classes.progressBar,\n              status === statusCategories.completed && classes.progressDone,\n              status === statusCategories.error && classes.progressError\n            )}\n          />\n        </div>\n      </div>\n    </div>\n  );\n};\n\nHvProgressBar.propTypes = {\n  /**\n   * Class names to be applied.\n   */\n  className: PropTypes.string,\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     * Style applied to the overall container when in progress mode.\n     */\n    progress: PropTypes.string,\n    /**\n     * Style applied to the specifc container when in progress mode.\n     */\n    progressContainer: PropTypes.string,\n    /**\n     * Style applied to progress bar container.\n     */\n    progressBarContainer: PropTypes.string,\n    /**\n     * Style applied to the progress bar.\n     */\n    progressBar: PropTypes.string,\n    /**\n     * Style applied to the progress bar when the loading is done.\n     */\n    progressDone: PropTypes.string,\n    /**\n     * Style applied to the progress bar when an error occurs.\n     */\n    progressError: PropTypes.string,\n    /**\n     * Style applied to the progress bar label.\n     */\n    progressBarLabel: PropTypes.string,\n    /**\n     * Style applied to the progress bar label.\n     */\n    progressBarLabelHidden: PropTypes.string,\n  }).isRequired,\n  /**\n   * The value of the progress bar.\n   */\n  value: PropTypes.number,\n  /**\n   * The status of the progress bar.\n   *\n   * inProgress is black, error is red and completed is green.\n   *\n   * When uncontrolled and unspecified it will default to \"inProgress\".\n   */\n  status: PropTypes.oneOf([\n    statusCategories.inProgress,\n    statusCategories.completed,\n    statusCategories.error,\n  ]),\n  /**\n   * If `true` the progress bar will not show the percentage label.\n   */\n  undeterminate: PropTypes.bool,\n  /**\n   * Aria Properties passed on to the progress bar.\n   */\n  labelProps: PropTypes.instanceOf(Object),\n};\n\nexport default withStyles(styles, { name: \"HvProgressBar\" })(HvProgressBar);\n"],"mappings":"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"}
+{"version":3,"file":"ProgressBar.js","names":["statusCategories","Object","freeze","inProgress","completed","error","HvProgressBar","props","className","classes","value","status","labelProps","others","clampedValue","root","progress","progressContainer","width","progressBarLabel","progressDone","progressBarContainer","progressBar","progressError","propTypes","PropTypes","string","shape","isRequired","number","oneOf","instanceOf","styles","name"],"sources":["../../src/ProgressBar/ProgressBar.js"],"sourcesContent":["import React from \"react\";\nimport PropTypes from \"prop-types\";\nimport clsx from \"clsx\";\n\nimport clamp from \"lodash/clamp\";\nimport { HvTypography } from \"@hitachivantara/uikit-react-core\";\n\nimport { withStyles } from \"@material-ui/core\";\n\nimport styles from \"./styles\";\n\nconst statusCategories = Object.freeze({\n  inProgress: \"inProgress\",\n  completed: \"completed\",\n  error: \"error\",\n});\n\n/**\n * ProgressBar provides feedback about a process that is taking place in the application.\n */\nconst HvProgressBar = (props) => {\n  const {\n    className,\n    classes,\n    value = 0,\n    status = statusCategories.inProgress,\n    labelProps,\n    ...others\n  } = props;\n\n  const clampedValue = clamp(value, 0, 100);\n\n  return (\n    <div\n      className={clsx(className, classes.root, classes.progress)}\n      role=\"progressbar\"\n      aria-valuemin=\"0\"\n      aria-valuemax=\"100\"\n      aria-valuenow={clampedValue}\n      {...others}\n    >\n      <div className={classes.progressContainer}>\n        <HvTypography\n          variant=\"vizText\"\n          style={{ width: `${clampedValue}%` }}\n          className={clsx(\n            classes.progressBarLabel,\n            status === statusCategories.completed && classes.progressDone\n          )}\n          {...labelProps}\n        >\n          {`${clampedValue}%`}\n        </HvTypography>\n        <div className={classes.progressBarContainer}>\n          <div\n            style={{ width: `${clampedValue}%` }}\n            className={clsx(\n              classes.progressBar,\n              status === statusCategories.completed && classes.progressDone,\n              status === statusCategories.error && classes.progressError\n            )}\n          />\n        </div>\n      </div>\n    </div>\n  );\n};\n\nHvProgressBar.propTypes = {\n  /**\n   * Class names to be applied.\n   */\n  className: PropTypes.string,\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     * Style applied to the overall container when in progress mode.\n     */\n    progress: PropTypes.string,\n    /**\n     * Style applied to the specifc container when in progress mode.\n     */\n    progressContainer: PropTypes.string,\n    /**\n     * Style applied to progress bar container.\n     */\n    progressBarContainer: PropTypes.string,\n    /**\n     * Style applied to the progress bar.\n     */\n    progressBar: PropTypes.string,\n    /**\n     * Style applied to the progress bar when the loading is done.\n     */\n    progressDone: PropTypes.string,\n    /**\n     * Style applied to the progress bar when an error occurs.\n     */\n    progressError: PropTypes.string,\n    /**\n     * Style applied to the progress bar label.\n     */\n    progressBarLabel: PropTypes.string,\n  }).isRequired,\n  /**\n   * The value of the progress bar.\n   */\n  value: PropTypes.number,\n  /**\n   * The status of the progress bar.\n   *\n   * inProgress is black, error is red and completed is green.\n   *\n   * When uncontrolled and unspecified it will default to \"inProgress\".\n   */\n  status: PropTypes.oneOf([\n    statusCategories.inProgress,\n    statusCategories.completed,\n    statusCategories.error,\n  ]),\n  /**\n   * Aria Properties passed on to the progress bar.\n   */\n  labelProps: PropTypes.instanceOf(Object),\n};\n\nexport default withStyles(styles, { name: \"HvProgressBar\" })(HvProgressBar);\n"],"mappings":"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"}

package/dist/ProgressBar/ProgressBarSimulator.js

@@ -37,7 +37,6 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
 var ProgressBarSimulator = function ProgressBarSimulator(_ref) {
   var inc = _ref.inc,
       error = _ref.error,
-      undeterminate = _ref.undeterminate,
       ariaLabel = _ref.ariaLabel,
       ariaLive = _ref.ariaLive;
 
@@ -88,7 +87,6 @@ var ProgressBarSimulator = function ProgressBarSimulator(_ref) {
   }, /*#__PURE__*/_react.default.createElement(_.HvProgressBar, {
     value: value,
     status: status,
-    undeterminate: undeterminate,
     labelProps: {
       "aria-label": ariaLabel,
       "aria-busy": false,

package/dist/ProgressBar/ProgressBarSimulator.js.map

@@ -1 +1 @@
-{"version":3,"file":"ProgressBarSimulator.js","names":["ProgressBarSimulator","inc","error","undeterminate","ariaLabel","ariaLive","status","setStatus","value","setValue","run","setRun","interval","setInterval","clearInterval","reset","start","width","marginTop","marginLeft"],"sources":["../../src/ProgressBar/ProgressBarSimulator.js"],"sourcesContent":["import React, { useEffect, useState } from \"react\";\n\nimport { HvButton } from \"@hitachivantara/uikit-react-core\";\n\nimport { HvProgressBar } from \"..\";\n\n// eslint-disable-next-line react/prop-types\nexport const ProgressBarSimulator = ({ inc, error, undeterminate, ariaLabel, ariaLive }) => {\n  const [status, setStatus] = useState(\"inProgress\");\n  const [value, setValue] = useState(0);\n  const [run, setRun] = useState(false);\n\n  useEffect(() => {\n    const interval = setInterval(() => {\n      if (value === 100) {\n        setRun(false);\n        clearInterval(interval);\n        setStatus(\"completed\");\n      } else if (error && value === error) {\n        clearInterval(interval);\n        setStatus(\"error\");\n      } else if (run) setValue(inc);\n    }, 150);\n    return () => clearInterval(interval);\n  }, [inc, value, run, error]);\n\n  const reset = () => {\n    setValue(0);\n    setStatus(\"inProgress\");\n  };\n\n  const start = () => {\n    setRun(true);\n  };\n\n  return (\n    <div style={{ width: 400 }}>\n      <HvProgressBar\n        value={value}\n        status={status}\n        undeterminate={undeterminate}\n        labelProps={{\n          \"aria-label\": ariaLabel,\n          \"aria-busy\": false,\n          \"aria-live\": ariaLive,\n        }}\n      />\n      <div style={{ marginTop: 10 }}>\n        <HvButton onClick={start}>Start</HvButton>\n        <HvButton style={{ marginLeft: 10 }} onClick={reset}>\n          Reset\n        </HvButton>\n      </div>\n    </div>\n  );\n};\n\nexport { ProgressBarSimulator as default };\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;AAEA;;AAEA;;;;;;AAEA;AACO,IAAMA,oBAAoB,GAAG,SAAvBA,oBAAuB,OAAwD;EAAA,IAArDC,GAAqD,QAArDA,GAAqD;EAAA,IAAhDC,KAAgD,QAAhDA,KAAgD;EAAA,IAAzCC,aAAyC,QAAzCA,aAAyC;EAAA,IAA1BC,SAA0B,QAA1BA,SAA0B;EAAA,IAAfC,QAAe,QAAfA,QAAe;;EAC1F,gBAA4B,qBAAS,YAAT,CAA5B;EAAA;EAAA,IAAOC,MAAP;EAAA,IAAeC,SAAf;;EACA,iBAA0B,qBAAS,CAAT,CAA1B;EAAA;EAAA,IAAOC,KAAP;EAAA,IAAcC,QAAd;;EACA,iBAAsB,qBAAS,KAAT,CAAtB;EAAA;EAAA,IAAOC,GAAP;EAAA,IAAYC,MAAZ;;EAEA,sBAAU,YAAM;IACd,IAAMC,QAAQ,GAAGC,WAAW,CAAC,YAAM;MACjC,IAAIL,KAAK,KAAK,GAAd,EAAmB;QACjBG,MAAM,CAAC,KAAD,CAAN;QACAG,aAAa,CAACF,QAAD,CAAb;QACAL,SAAS,CAAC,WAAD,CAAT;MACD,CAJD,MAIO,IAAIL,KAAK,IAAIM,KAAK,KAAKN,KAAvB,EAA8B;QACnCY,aAAa,CAACF,QAAD,CAAb;QACAL,SAAS,CAAC,OAAD,CAAT;MACD,CAHM,MAGA,IAAIG,GAAJ,EAASD,QAAQ,CAACR,GAAD,CAAR;IACjB,CAT2B,EASzB,GATyB,CAA5B;IAUA,OAAO;MAAA,OAAMa,aAAa,CAACF,QAAD,CAAnB;IAAA,CAAP;EACD,CAZD,EAYG,CAACX,GAAD,EAAMO,KAAN,EAAaE,GAAb,EAAkBR,KAAlB,CAZH;;EAcA,IAAMa,KAAK,GAAG,SAARA,KAAQ,GAAM;IAClBN,QAAQ,CAAC,CAAD,CAAR;IACAF,SAAS,CAAC,YAAD,CAAT;EACD,CAHD;;EAKA,IAAMS,KAAK,GAAG,SAARA,KAAQ,GAAM;IAClBL,MAAM,CAAC,IAAD,CAAN;EACD,CAFD;;EAIA,oBACE;IAAK,KAAK,EAAE;MAAEM,KAAK,EAAE;IAAT;EAAZ,gBACE,6BAAC,eAAD;IACE,KAAK,EAAET,KADT;IAEE,MAAM,EAAEF,MAFV;IAGE,aAAa,EAAEH,aAHjB;IAIE,UAAU,EAAE;MACV,cAAcC,SADJ;MAEV,aAAa,KAFH;MAGV,aAAaC;IAHH;EAJd,EADF,eAWE;IAAK,KAAK,EAAE;MAAEa,SAAS,EAAE;IAAb;EAAZ,gBACE,6BAAC,wBAAD;IAAU,OAAO,EAAEF;EAAnB,WADF,eAEE,6BAAC,wBAAD;IAAU,KAAK,EAAE;MAAEG,UAAU,EAAE;IAAd,CAAjB;IAAqC,OAAO,EAAEJ;EAA9C,WAFF,CAXF,CADF;AAoBD,CAhDM"}
+{"version":3,"file":"ProgressBarSimulator.js","names":["ProgressBarSimulator","inc","error","ariaLabel","ariaLive","status","setStatus","value","setValue","run","setRun","interval","setInterval","clearInterval","reset","start","width","marginTop","marginLeft"],"sources":["../../src/ProgressBar/ProgressBarSimulator.js"],"sourcesContent":["import React, { useEffect, useState } from \"react\";\n\nimport { HvButton } from \"@hitachivantara/uikit-react-core\";\n\nimport { HvProgressBar } from \"..\";\n\n// eslint-disable-next-line react/prop-types\nexport const ProgressBarSimulator = ({ inc, error, ariaLabel, ariaLive }) => {\n  const [status, setStatus] = useState(\"inProgress\");\n  const [value, setValue] = useState(0);\n  const [run, setRun] = useState(false);\n\n  useEffect(() => {\n    const interval = setInterval(() => {\n      if (value === 100) {\n        setRun(false);\n        clearInterval(interval);\n        setStatus(\"completed\");\n      } else if (error && value === error) {\n        clearInterval(interval);\n        setStatus(\"error\");\n      } else if (run) setValue(inc);\n    }, 150);\n    return () => clearInterval(interval);\n  }, [inc, value, run, error]);\n\n  const reset = () => {\n    setValue(0);\n    setStatus(\"inProgress\");\n  };\n\n  const start = () => {\n    setRun(true);\n  };\n\n  return (\n    <div style={{ width: 400 }}>\n      <HvProgressBar\n        value={value}\n        status={status}\n        labelProps={{\n          \"aria-label\": ariaLabel,\n          \"aria-busy\": false,\n          \"aria-live\": ariaLive,\n        }}\n      />\n      <div style={{ marginTop: 10 }}>\n        <HvButton onClick={start}>Start</HvButton>\n        <HvButton style={{ marginLeft: 10 }} onClick={reset}>\n          Reset\n        </HvButton>\n      </div>\n    </div>\n  );\n};\n\nexport { ProgressBarSimulator as default };\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;AAEA;;AAEA;;;;;;AAEA;AACO,IAAMA,oBAAoB,GAAG,SAAvBA,oBAAuB,OAAyC;EAAA,IAAtCC,GAAsC,QAAtCA,GAAsC;EAAA,IAAjCC,KAAiC,QAAjCA,KAAiC;EAAA,IAA1BC,SAA0B,QAA1BA,SAA0B;EAAA,IAAfC,QAAe,QAAfA,QAAe;;EAC3E,gBAA4B,qBAAS,YAAT,CAA5B;EAAA;EAAA,IAAOC,MAAP;EAAA,IAAeC,SAAf;;EACA,iBAA0B,qBAAS,CAAT,CAA1B;EAAA;EAAA,IAAOC,KAAP;EAAA,IAAcC,QAAd;;EACA,iBAAsB,qBAAS,KAAT,CAAtB;EAAA;EAAA,IAAOC,GAAP;EAAA,IAAYC,MAAZ;;EAEA,sBAAU,YAAM;IACd,IAAMC,QAAQ,GAAGC,WAAW,CAAC,YAAM;MACjC,IAAIL,KAAK,KAAK,GAAd,EAAmB;QACjBG,MAAM,CAAC,KAAD,CAAN;QACAG,aAAa,CAACF,QAAD,CAAb;QACAL,SAAS,CAAC,WAAD,CAAT;MACD,CAJD,MAIO,IAAIJ,KAAK,IAAIK,KAAK,KAAKL,KAAvB,EAA8B;QACnCW,aAAa,CAACF,QAAD,CAAb;QACAL,SAAS,CAAC,OAAD,CAAT;MACD,CAHM,MAGA,IAAIG,GAAJ,EAASD,QAAQ,CAACP,GAAD,CAAR;IACjB,CAT2B,EASzB,GATyB,CAA5B;IAUA,OAAO;MAAA,OAAMY,aAAa,CAACF,QAAD,CAAnB;IAAA,CAAP;EACD,CAZD,EAYG,CAACV,GAAD,EAAMM,KAAN,EAAaE,GAAb,EAAkBP,KAAlB,CAZH;;EAcA,IAAMY,KAAK,GAAG,SAARA,KAAQ,GAAM;IAClBN,QAAQ,CAAC,CAAD,CAAR;IACAF,SAAS,CAAC,YAAD,CAAT;EACD,CAHD;;EAKA,IAAMS,KAAK,GAAG,SAARA,KAAQ,GAAM;IAClBL,MAAM,CAAC,IAAD,CAAN;EACD,CAFD;;EAIA,oBACE;IAAK,KAAK,EAAE;MAAEM,KAAK,EAAE;IAAT;EAAZ,gBACE,6BAAC,eAAD;IACE,KAAK,EAAET,KADT;IAEE,MAAM,EAAEF,MAFV;IAGE,UAAU,EAAE;MACV,cAAcF,SADJ;MAEV,aAAa,KAFH;MAGV,aAAaC;IAHH;EAHd,EADF,eAUE;IAAK,KAAK,EAAE;MAAEa,SAAS,EAAE;IAAb;EAAZ,gBACE,6BAAC,wBAAD;IAAU,OAAO,EAAEF;EAAnB,WADF,eAEE,6BAAC,wBAAD;IAAU,KAAK,EAAE;MAAEG,UAAU,EAAE;IAAd,CAAjB;IAAqC,OAAO,EAAEJ;EAA9C,WAFF,CAVF,CADF;AAmBD,CA/CM"}

package/dist/ProgressBar/styles.js

@@ -39,11 +39,6 @@ var styles = function styles(theme) {
       backgroundColor: "transparent",
       display: "flex",
       justifyContent: "end"
-    },
-    progressBarLabelHidden: {
-      width: "1px",
-      height: "1px",
-      overflow: "hidden"
     }
   };
 };

package/dist/ProgressBar/styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"styles.js","names":["styles","theme","root","display","flexDirection","alignItems","justifyContent","progress","width","progressContainer","progressBarContainer","height","backgroundColor","hv","palette","atmosphere","atmo4","progressBar","progressDone","semantic","sema1","progressError","sema4","progressBarLabel","progressBarLabelHidden","overflow"],"sources":["../../src/ProgressBar/styles.js"],"sourcesContent":["const styles = (theme) => ({\n  root: {\n    display: \"flex\",\n    flexDirection: \"column\",\n    alignItems: \"center\",\n    justifyContent: \"center\",\n  },\n\n  progress: {\n    width: \"100%\",\n  },\n\n  progressContainer: {\n    width: \"100%\",\n  },\n\n  progressBarContainer: {\n    display: \"flex\",\n    width: \"100%\",\n    height: 4,\n    backgroundColor: theme.hv.palette.atmosphere.atmo4,\n  },\n\n  progressBar: {\n    backgroundColor: \"#000\",\n    height: 4,\n  },\n\n  progressDone: {\n    backgroundColor: theme.hv.palette.semantic.sema1,\n  },\n\n  progressError: {\n    backgroundColor: theme.hv.palette.semantic.sema4,\n  },\n\n  progressBarLabel: {\n    backgroundColor: \"transparent\",\n    display: \"flex\",\n    justifyContent: \"end\",\n  },\n\n  progressBarLabelHidden: {\n    width: \"1px\",\n    height: \"1px\",\n    overflow: \"hidden\",\n  },\n});\n\nexport default styles;\n"],"mappings":";;;;;;;AAAA,IAAMA,MAAM,GAAG,SAATA,MAAS,CAACC,KAAD;EAAA,OAAY;IACzBC,IAAI,EAAE;MACJC,OAAO,EAAE,MADL;MAEJC,aAAa,EAAE,QAFX;MAGJC,UAAU,EAAE,QAHR;MAIJC,cAAc,EAAE;IAJZ,CADmB;IAQzBC,QAAQ,EAAE;MACRC,KAAK,EAAE;IADC,CARe;IAYzBC,iBAAiB,EAAE;MACjBD,KAAK,EAAE;IADU,CAZM;IAgBzBE,oBAAoB,EAAE;MACpBP,OAAO,EAAE,MADW;MAEpBK,KAAK,EAAE,MAFa;MAGpBG,MAAM,EAAE,CAHY;MAIpBC,eAAe,EAAEX,KAAK,CAACY,EAAN,CAASC,OAAT,CAAiBC,UAAjB,CAA4BC;IAJzB,CAhBG;IAuBzBC,WAAW,EAAE;MACXL,eAAe,EAAE,MADN;MAEXD,MAAM,EAAE;IAFG,CAvBY;IA4BzBO,YAAY,EAAE;MACZN,eAAe,EAAEX,KAAK,CAACY,EAAN,CAASC,OAAT,CAAiBK,QAAjB,CAA0BC;IAD/B,CA5BW;IAgCzBC,aAAa,EAAE;MACbT,eAAe,EAAEX,KAAK,CAACY,EAAN,CAASC,OAAT,CAAiBK,QAAjB,CAA0BG;IAD9B,CAhCU;IAoCzBC,gBAAgB,EAAE;MAChBX,eAAe,EAAE,aADD;MAEhBT,OAAO,EAAE,MAFO;MAGhBG,cAAc,EAAE;IAHA,CApCO;IA0CzBkB,sBAAsB,EAAE;MACtBhB,KAAK,EAAE,KADe;MAEtBG,MAAM,EAAE,KAFc;MAGtBc,QAAQ,EAAE;IAHY;EA1CC,CAAZ;AAAA,CAAf;;eAiDezB,M"}
+{"version":3,"file":"styles.js","names":["styles","theme","root","display","flexDirection","alignItems","justifyContent","progress","width","progressContainer","progressBarContainer","height","backgroundColor","hv","palette","atmosphere","atmo4","progressBar","progressDone","semantic","sema1","progressError","sema4","progressBarLabel"],"sources":["../../src/ProgressBar/styles.js"],"sourcesContent":["const styles = (theme) => ({\n  root: {\n    display: \"flex\",\n    flexDirection: \"column\",\n    alignItems: \"center\",\n    justifyContent: \"center\",\n  },\n\n  progress: {\n    width: \"100%\",\n  },\n\n  progressContainer: {\n    width: \"100%\",\n  },\n\n  progressBarContainer: {\n    display: \"flex\",\n    width: \"100%\",\n    height: 4,\n    backgroundColor: theme.hv.palette.atmosphere.atmo4,\n  },\n\n  progressBar: {\n    backgroundColor: \"#000\",\n    height: 4,\n  },\n\n  progressDone: {\n    backgroundColor: theme.hv.palette.semantic.sema1,\n  },\n\n  progressError: {\n    backgroundColor: theme.hv.palette.semantic.sema4,\n  },\n\n  progressBarLabel: {\n    backgroundColor: \"transparent\",\n    display: \"flex\",\n    justifyContent: \"end\",\n  },\n});\n\nexport default styles;\n"],"mappings":";;;;;;;AAAA,IAAMA,MAAM,GAAG,SAATA,MAAS,CAACC,KAAD;EAAA,OAAY;IACzBC,IAAI,EAAE;MACJC,OAAO,EAAE,MADL;MAEJC,aAAa,EAAE,QAFX;MAGJC,UAAU,EAAE,QAHR;MAIJC,cAAc,EAAE;IAJZ,CADmB;IAQzBC,QAAQ,EAAE;MACRC,KAAK,EAAE;IADC,CARe;IAYzBC,iBAAiB,EAAE;MACjBD,KAAK,EAAE;IADU,CAZM;IAgBzBE,oBAAoB,EAAE;MACpBP,OAAO,EAAE,MADW;MAEpBK,KAAK,EAAE,MAFa;MAGpBG,MAAM,EAAE,CAHY;MAIpBC,eAAe,EAAEX,KAAK,CAACY,EAAN,CAASC,OAAT,CAAiBC,UAAjB,CAA4BC;IAJzB,CAhBG;IAuBzBC,WAAW,EAAE;MACXL,eAAe,EAAE,MADN;MAEXD,MAAM,EAAE;IAFG,CAvBY;IA4BzBO,YAAY,EAAE;MACZN,eAAe,EAAEX,KAAK,CAACY,EAAN,CAASC,OAAT,CAAiBK,QAAjB,CAA0BC;IAD/B,CA5BW;IAgCzBC,aAAa,EAAE;MACbT,eAAe,EAAEX,KAAK,CAACY,EAAN,CAASC,OAAT,CAAiBK,QAAjB,CAA0BG;IAD9B,CAhCU;IAoCzBC,gBAAgB,EAAE;MAChBX,eAAe,EAAE,aADD;MAEhBT,OAAO,EAAE,MAFO;MAGhBG,cAAc,EAAE;IAHA;EApCO,CAAZ;AAAA,CAAf;;eA2CeN,M"}

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

@@ -37,7 +37,7 @@ var _TableContext = _interopRequireDefault(require("./TableContext"));
 
 var _styles = _interopRequireDefault(require("./styles"));
 
-var _excluded = ["classes", "className", "component", "stickyHeader", "stickyColumns"];
+var _excluded = ["classes", "className", "component", "stickyHeader", "stickyColumns", "variant"];
 
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 
@@ -90,21 +90,26 @@ var HvTable = /*#__PURE__*/(0, _react.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 = (0, _objectWithoutProperties2.default)(props, _excluded);
+  var containerRef = (0, _react.useRef)(ref);
   var components = (0, _react.useMemo)(function () {
     return computeTablePartComponents(component);
   }, [component]);
   var tableContext = (0, _react.useMemo)(function () {
     return {
-      components: components
+      components: components,
+      variant: variant,
+      containerRef: containerRef
     };
-  }, [components]);
+  }, [components, variant, containerRef]);
   return /*#__PURE__*/_react.default.createElement(_TableContext.default.Provider, {
     value: tableContext
   }, /*#__PURE__*/_react.default.createElement(components.Table, (0, _extends2.default)({
     ref: ref,
     role: component === defaultComponent ? null : "table",
-    className: (0, _clsx.default)(classes.root, className, stickyHeader && classes.stickyHeader, stickyColumns && classes.stickyColumns)
+    className: (0, _clsx.default)(classes.root, className, stickyHeader && classes.stickyHeader, stickyColumns && classes.stickyColumns, variant !== "default" && classes.listRow)
   }, others)));
 });
 process.env.NODE_ENV !== "production" ? HvTable.propTypes = {
@@ -136,6 +141,11 @@ process.env.NODE_ENV !== "production" ? HvTable.propTypes = {
    */
   stickyColumns: _propTypes.default.bool,
 
+  /**
+   * Whether the `HvTable` has the list row styles or the default.
+   */
+  variant: _propTypes.default.oneOf(["listrow", "default"]),
+
   /**
    * A Jss Object used to override or extend the styles applied.
    */
@@ -153,7 +163,12 @@ process.env.NODE_ENV !== "production" ? HvTable.propTypes = {
     /**
      * Styles applied to the component root class when it has sticky columns.
      */
-    stickyColumns: _propTypes.default.string
+    stickyColumns: _propTypes.default.string,
+
+    /**
+     * Styles applied to the component root class when it has sticky columns.
+     */
+    listRow: _propTypes.default.string
   }).isRequired
 } : void 0;
 

package/dist/Table/Table.js.map

@@ -1 +1 @@
-{"version":3,"file":"Table.js","names":["defaultComponent","computeTablePartComponents","rootComponent","Table","THead","TBody","Tr","Th","Td","HvTable","props","ref","classes","className","component","stickyHeader","stickyColumns","others","components","tableContext","root","propTypes","PropTypes","elementType","children","node","isRequired","string","bool","shape","styles","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":["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","PropTypes","elementType","children","node","isRequired","string","bool","oneOf","shape","styles","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":"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"}

package/dist/Table/TableBody/TableBody.js

@@ -21,6 +21,8 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 
+require("core-js/modules/es.array.map.js");
+
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
@@ -33,20 +35,25 @@ var _clsx = _interopRequireDefault(require("clsx"));
 
 var _core = require("@material-ui/core");
 
+var _uikitReactCore = require("@hitachivantara/uikit-react-core");
+
+var _Focus = _interopRequireDefault(require("@hitachivantara/uikit-react-core/dist/Focus"));
+
 var _TableContext = _interopRequireDefault(require("../TableContext"));
 
 var _TableSectionContext = _interopRequireDefault(require("../TableSectionContext"));
 
 var _styles = _interopRequireDefault(require("./styles"));
 
-var _excluded = ["classes", "className", "component"];
+var _excluded = ["classes", "className", "component", "children", "withNavigation"];
 
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 
 var tableSectionContext = {
-  type: "body"
+  type: "body",
+  filterClassName: "grid"
 };
 var defaultComponent = "tbody";
 /**
@@ -54,22 +61,38 @@ var defaultComponent = "tbody";
  * `HvTableCell` and `HvTableRow` elements in it inherit body-specific styles
  */
 
-var HvTableBody = /*#__PURE__*/(0, _react.forwardRef)(function HvTableBody(props, ref) {
+var HvTableBody = /*#__PURE__*/(0, _react.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 = (0, _objectWithoutProperties2.default)(props, _excluded);
   var tableContext = (0, _react.useContext)(_TableContext.default);
+  var bodyRef = (0, _react.useRef)(null);
+  var handleRef = (0, _uikitReactCore.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.default.createElement(_TableSectionContext.default.Provider, {
     value: tableSectionContext
   }, /*#__PURE__*/_react.default.createElement(Component, (0, _extends2.default)({
     className: (0, _clsx.default)(classes.root, className),
-    ref: ref,
+    ref: handleRef,
     role: Component === defaultComponent ? null : "rowgroup"
-  }, others)));
+  }, others), withNavigation ? children.map(function (element) {
+    return /*#__PURE__*/_react.default.createElement(_Focus.default, {
+      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 = {
   /**
@@ -88,6 +111,11 @@ process.env.NODE_ENV !== "production" ? HvTableBody.propTypes = {
    */
   component: _propTypes.default.elementType,
 
+  /**
+   * Sets whether or not there should be arrow navigation between the table rows
+   */
+  withNavigation: _propTypes.default.bool,
+
   /**
    * A Jss Object used to override or extend the styles applied.
    */

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

@@ -1 +1 @@
-{"version":3,"file":"TableBody.js","names":["tableSectionContext","type","defaultComponent","HvTableBody","props","ref","classes","className","component","others","tableContext","TableContext","Component","components","TBody","root","propTypes","PropTypes","string","children","node","elementType","shape","isRequired","styles","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;;AACA;;AACA;;AAEA;;AAEA;;AACA;;AACA;;;;;;;;AAEA,IAAMA,mBAAmB,GAAG;EAC1BC,IAAI,EAAE;AADoB,CAA5B;AAIA,IAAMC,gBAAgB,GAAG,OAAzB;AAEA;AACA;AACA;AACA;;AACA,IAAMC,WAAW,gBAAG,uBAAW,SAASA,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,0CAAqDL,KAArD;EAEA,IAAMM,YAAY,GAAG,uBAAWC,qBAAX,CAArB;EAEA,IAAMC,SAAS,GAAGJ,SAAS,KAAIE,YAAJ,aAAIA,YAAJ,gDAAIA,YAAY,CAAEG,UAAlB,0DAAI,sBAA0BC,KAA9B,CAAT,IAAgDZ,gBAAlE;EAEA,oBACE,6BAAC,4BAAD,CAAqB,QAArB;IAA8B,KAAK,EAAEF;EAArC,gBACE,6BAAC,SAAD;IACE,SAAS,EAAE,mBAAKM,OAAO,CAACS,IAAb,EAAmBR,SAAnB,CADb;IAEE,GAAG,EAAEF,GAFP;IAGE,IAAI,EAAEO,SAAS,KAAKV,gBAAd,GAAiC,IAAjC,GAAwC;EAHhD,GAIMO,MAJN,EADF,CADF;AAUD,CAjBmB,CAApB;AAmBA,wCAAAN,WAAW,CAACa,SAAZ,GAAwB;EACtB;AACF;AACA;EACET,SAAS,EAAEU,mBAAUC,MAJC;;EAKtB;AACF;AACA;EACEC,QAAQ,EAAEF,mBAAUG,IARE;;EAStB;AACF;AACA;AACA;EACEZ,SAAS,EAAES,mBAAUI,WAbC;;EActB;AACF;AACA;EACEf,OAAO,EAAEW,mBAAUK,KAAV,CAAgB;IACvB;AACJ;AACA;IACIP,IAAI,EAAEE,mBAAUC;EAJO,CAAhB,EAKNK;AAtBmB,CAAxB;;eAyBe,sBAAWC,eAAX,EAAmB;EAAEC,IAAI,EAAE;AAAR,CAAnB,EAA4CtB,WAA5C,C"}
+{"version":3,"file":"TableBody.js","names":["tableSectionContext","type","filterClassName","defaultComponent","HvTableBody","props","externalRef","classes","className","component","children","withNavigation","others","tableContext","TableContext","bodyRef","handleRef","Component","components","TBody","root","map","element","key","selected","propTypes","PropTypes","string","node","elementType","bool","shape","isRequired","styles","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;;AACA;;AACA;;AAEA;;AACA;;AAEA;;AACA;;AACA;;AACA;;;;;;;;AAEA,IAAMA,mBAAmB,GAAG;EAC1BC,IAAI,EAAE,MADoB;EAE1BC,eAAe,EAAE;AAFS,CAA5B;AAKA,IAAMC,gBAAgB,GAAG,OAAzB;AAEA;AACA;AACA;AACA;;AACA,IAAMC,WAAW,gBAAG,uBAAW,SAASA,WAAT,CAAqBC,KAArB,EAA4BC,WAA5B,EAAyC;EAAA;;EACtE,IAAQC,OAAR,GAAuFF,KAAvF,CAAQE,OAAR;EAAA,IAAiBC,SAAjB,GAAuFH,KAAvF,CAAiBG,SAAjB;EAAA,IAA4BC,SAA5B,GAAuFJ,KAAvF,CAA4BI,SAA5B;EAAA,IAAuCC,QAAvC,GAAuFL,KAAvF,CAAuCK,QAAvC;EAAA,4BAAuFL,KAAvF,CAAiDM,cAAjD;EAAA,IAAiDA,cAAjD,sCAAkE,KAAlE;EAAA,IAA4EC,MAA5E,0CAAuFP,KAAvF;EAEA,IAAMQ,YAAY,GAAG,uBAAWC,qBAAX,CAArB;EAEA,IAAMC,OAAO,GAAG,mBAAO,IAAP,CAAhB;EAEA,IAAMC,SAAS,GAAG,gCAAWV,WAAX,EAAwBS,OAAxB,CAAlB;EAEA,IAAME,SAAS,GAAGR,SAAS,KAAII,YAAJ,aAAIA,YAAJ,gDAAIA,YAAY,CAAEK,UAAlB,0DAAI,sBAA0BC,KAA9B,CAAT,IAAgDhB,gBAAlE;EAEA,oBACE,6BAAC,4BAAD,CAAqB,QAArB;IAA8B,KAAK,EAAEH;EAArC,gBACE,6BAAC,SAAD;IACE,SAAS,EAAE,mBAAKO,OAAO,CAACa,IAAb,EAAmBZ,SAAnB,CADb;IAEE,GAAG,EAAEQ,SAFP;IAGE,IAAI,EAAEC,SAAS,KAAKd,gBAAd,GAAiC,IAAjC,GAAwC;EAHhD,GAIMS,MAJN,GAMGD,cAAc,GACXD,QAAQ,CAACW,GAAT,CAAa,UAACC,OAAD,EAAa;IACxB,oBACE,6BAAC,cAAD;MACE,OAAO,EAAEP,OADX;MAEE,GAAG,gBAASO,OAAO,CAACC,GAAjB,CAFL;MAGE,QAAQ,EAAC,MAHX;MAIE,SAAS,EAAC,MAJZ;MAKE,WAAW,EAAEvB,mBAAmB,CAACE,eALnC;MAME,cAAc,EAAE,CANlB;MAOE,aAAa,EAAE,KAPjB;MAQE,QAAQ,EAAEoB,OAAO,CAACjB,KAAR,CAAcmB;IAR1B,GAUGF,OAVH,CADF;EAcD,CAfD,CADW,GAiBXZ,QAvBN,CADF,CADF;AA6BD,CAxCmB,CAApB;AA0CA,wCAAAN,WAAW,CAACqB,SAAZ,GAAwB;EACtB;AACF;AACA;EACEjB,SAAS,EAAEkB,mBAAUC,MAJC;;EAKtB;AACF;AACA;EACEjB,QAAQ,EAAEgB,mBAAUE,IARE;;EAStB;AACF;AACA;AACA;EACEnB,SAAS,EAAEiB,mBAAUG,WAbC;;EActB;AACF;AACA;EACElB,cAAc,EAAEe,mBAAUI,IAjBJ;;EAkBtB;AACF;AACA;EACEvB,OAAO,EAAEmB,mBAAUK,KAAV,CAAgB;IACvB;AACJ;AACA;IACIX,IAAI,EAAEM,mBAAUC;EAJO,CAAhB,EAKNK;AA1BmB,CAAxB;;eA6Be,sBAAWC,eAAX,EAAmB;EAAEC,IAAI,EAAE;AAAR,CAAnB,EAA4C9B,WAA5C,C"}

package/dist/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;;eASeJ,M"}
+{"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;;eAQeJ,M"}

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

@@ -90,7 +90,7 @@ var HvTableCell = /*#__PURE__*/(0, _react.forwardRef)(function HvTableCell(props
     ref: ref,
     role: Component === defaultComponent ? null : "cell",
     style: style,
-    className: (0, _clsx.default)(classes.root, classes[type], className, align !== "inherit" && classes["align".concat((0, _capitalize.default)(align))], variant !== "default" && classes["variant".concat((0, _capitalize.default)(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: (0, _clsx.default)(classes.root, classes[type], className, align !== "inherit" && classes["align".concat((0, _capitalize.default)(align))], variant !== "default" && classes["variant".concat((0, _capitalize.default)(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 = {
@@ -123,7 +123,7 @@ process.env.NODE_ENV !== "production" ? HvTableCell.propTypes = {
   /**
    * Sets the cell's variant.
    */
-  variant: _propTypes.default.oneOf(["checkbox", "expand", "actions", "default", "none"]),
+  variant: _propTypes.default.oneOf(["checkbox", "expand", "actions", "default", "listcheckbox", "listactions", "none"]),
 
   /**
    * Specify the cell's type.
@@ -266,6 +266,26 @@ process.env.NODE_ENV !== "production" ? HvTableCell.propTypes = {
      */
     variantNone: _propTypes.default.string,
 
+    /**
+     * Styles applied to the component root when its variant is list
+     */
+    variantList: _propTypes.default.string,
+
+    /**
+     * Styles applied to the cell when its variant is list and actions.
+     */
+    variantListactions: _propTypes.default.string,
+
+    /**
+     * Styles applied to the cell when its variant is list and checkbox.
+     */
+    variantListcheckbox: _propTypes.default.string,
+
+    /**
+     * Styles applied to the cell when its variant is list and the type is head .
+     */
+    variantListHead: _propTypes.default.string,
+
     /**
      * Styles applied to the cell when it's part of a resizable column.
      */

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

@@ -1 +1 @@
-{"version":3,"file":"TableCell.js","names":["defaultComponent","HvTableCell","props","ref","children","component","className","style","classes","align","variant","typeProp","type","stickyColumn","stickyColumnMostLeft","stickyColumnLeastRight","groupColumnMostLeft","groupColumnMostRight","sorted","resizable","resizing","others","tableContext","TableContext","tableSectionContext","TableSectionContext","Component","components","Td","root","propTypes","PropTypes","elementType","node","string","instanceOf","Object","oneOf","bool","shape","head","body","footer","sortIcon","alignLeft","alignRight","alignCenter","alignJustify","variantCheckbox","variantExpand","variantActions","variantNone","isRequired","styles","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":["defaultComponent","HvTableCell","props","ref","children","component","className","style","classes","align","variant","typeProp","type","stickyColumn","stickyColumnMostLeft","stickyColumnLeastRight","groupColumnMostLeft","groupColumnMostRight","sorted","resizable","resizing","others","tableContext","TableContext","tableSectionContext","TableSectionContext","Component","components","Td","root","variantList","variantListHead","propTypes","PropTypes","elementType","node","string","instanceOf","Object","oneOf","bool","shape","head","body","footer","sortIcon","alignLeft","alignRight","alignCenter","alignJustify","variantCheckbox","variantExpand","variantActions","variantNone","variantListactions","variantListcheckbox","isRequired","styles","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":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AAEA;;AACA;;AACA;;AACA;;;;;;;;AAEA,IAAMA,gBAAgB,GAAG,IAAzB;AAEA;AACA;AACA;;AACA,IAAMC,WAAW,gBAAG,uBAAW,SAASA,WAAT,CAAqBC,KAArB,EAA4BC,GAA5B,EAAiC;EAAA;;EAC9D,IACEC,QADF,GA2BIF,KA3BJ,CACEE,QADF;EAAA,IAGEC,SAHF,GA2BIH,KA3BJ,CAGEG,SAHF;EAAA,IAKEC,SALF,GA2BIJ,KA3BJ,CAKEI,SALF;EAAA,IAMEC,KANF,GA2BIL,KA3BJ,CAMEK,KANF;EAAA,IAOEC,OAPF,GA2BIN,KA3BJ,CAOEM,OAPF;EAAA,mBA2BIN,KA3BJ,CASEO,KATF;EAAA,IASEA,KATF,6BASU,SATV;EAAA,qBA2BIP,KA3BJ,CAUEQ,OAVF;EAAA,IAUEA,OAVF,+BAUY,SAVZ;EAAA,IAYQC,QAZR,GA2BIT,KA3BJ,CAYEU,IAZF;EAAA,0BA2BIV,KA3BJ,CAcEW,YAdF;EAAA,IAcEA,YAdF,oCAciB,KAdjB;EAAA,4BA2BIX,KA3BJ,CAeEY,oBAfF;EAAA,IAeEA,oBAfF,sCAeyB,KAfzB;EAAA,4BA2BIZ,KA3BJ,CAgBEa,sBAhBF;EAAA,IAgBEA,sBAhBF,sCAgB2B,KAhB3B;EAAA,4BA2BIb,KA3BJ,CAkBEc,mBAlBF;EAAA,IAkBEA,mBAlBF,sCAkBwB,KAlBxB;EAAA,6BA2BId,KA3BJ,CAmBEe,oBAnBF;EAAA,IAmBEA,oBAnBF,uCAmByB,KAnBzB;EAAA,oBA2BIf,KA3BJ,CAqBEgB,MArBF;EAAA,IAqBEA,MArBF,8BAqBW,KArBX;EAAA,uBA2BIhB,KA3BJ,CAuBEiB,SAvBF;EAAA,IAuBEA,SAvBF,iCAuBc,KAvBd;EAAA,sBA2BIjB,KA3BJ,CAwBEkB,QAxBF;EAAA,IAwBEA,QAxBF,gCAwBa,KAxBb;EAAA,IA0BKC,MA1BL,0CA2BInB,KA3BJ;EA6BA,IAAMoB,YAAY,GAAG,uBAAWC,qBAAX,CAArB;EACA,IAAMC,mBAAmB,GAAG,uBAAWC,4BAAX,CAA5B;EAEA,IAAMb,IAAI,GAAGD,QAAQ,KAAIa,mBAAJ,aAAIA,mBAAJ,uBAAIA,mBAAmB,CAAEZ,IAAzB,CAAR,IAAyC,MAAtD;EAEA,IAAMc,SAAS,GAAGrB,SAAS,KAAIiB,YAAJ,aAAIA,YAAJ,gDAAIA,YAAY,CAAEK,UAAlB,0DAAI,sBAA0BC,EAA9B,CAAT,IAA6C5B,gBAA/D;EAEA,oBACE,6BAAC,SAAD;IACE,GAAG,EAAEG,GADP;IAEE,IAAI,EAAEuB,SAAS,KAAK1B,gBAAd,GAAiC,IAAjC,GAAwC,MAFhD;IAGE,KAAK,EAAEO,KAHT;IAIE,SAAS,EAAE,mBACTC,OAAO,CAACqB,IADC,EAETrB,OAAO,CAACI,IAAD,CAFE,EAoBTN,SApBS,EAIiCG,KAAK,KAAK,SAJ3C,IAIND,OAAO,gBAAS,yBAAWC,KAAX,CAAT,EAJD,EAKqCC,OAAO,KAAK,SALjD,IAKNF,OAAO,kBAAW,yBAAWE,OAAX,CAAX,EALD,EAQWQ,MARX,IAQNV,OAAO,CAACU,MARF,EAUiBL,YAVjB,IAUNL,OAAO,CAACK,YAVF,EAWyBC,oBAXzB,IAWNN,OAAO,CAACM,oBAXF,EAY2BC,sBAZ3B,IAYNP,OAAO,CAACO,sBAZF,EAcwBC,mBAdxB,IAcNR,OAAO,CAACQ,mBAdF,EAeyBC,oBAfzB,IAeNT,OAAO,CAACS,oBAfF,EAiBcE,SAjBd,IAiBNX,OAAO,CAACW,SAjBF,EAkBaC,QAlBb,IAkBNZ,OAAO,CAACY,QAlBF,EAMgBE,YAAY,CAACZ,OAAb,KAAyB,SANzC,KAMNF,OAAO,CAACsB,WANF,EAO0DlB,IAAI,KAAK,MAPnE,IAONJ,OAAO,CAACuB,eAPF;EAJb,GA0BMV,MA1BN,GA4BGjB,QA5BH,CADF;AAgCD,CArEmB,CAApB;AAuEA,wCAAAH,WAAW,CAAC+B,SAAZ,GAAwB;EACtB;AACF;AACA;AACA;EACE3B,SAAS,EAAE4B,mBAAUC,WALC;;EAMtB;AACF;AACA;EACE9B,QAAQ,EAAE6B,mBAAUE,IATE;;EAUtB;AACF;AACA;EACE7B,SAAS,EAAE2B,mBAAUG,MAbC;;EActB;AACF;AACA;EACE7B,KAAK,EAAE0B,mBAAUI,UAAV,CAAqBC,MAArB,CAjBe;;EAkBtB;AACF;AACA;EACE7B,KAAK,EAAEwB,mBAAUM,KAAV,CAAgB,CAAC,QAAD,EAAW,SAAX,EAAsB,SAAtB,EAAiC,MAAjC,EAAyC,OAAzC,CAAhB,CArBe;;EAsBtB;AACF;AACA;EACE7B,OAAO,EAAEuB,mBAAUM,KAAV,CAAgB,CACvB,UADuB,EAEvB,QAFuB,EAGvB,SAHuB,EAIvB,SAJuB,EAKvB,cALuB,EAMvB,aANuB,EAOvB,MAPuB,CAAhB,CAzBa;;EAkCtB;AACF;AACA;AACA;EACE3B,IAAI,EAAEqB,mBAAUM,KAAV,CAAgB,CAAC,MAAD,EAAS,QAAT,EAAmB,MAAnB,CAAhB,CAtCgB;;EAuCtB;AACF;AACA;EACErB,MAAM,EAAEe,mBAAUO,IA1CI;;EA2CtB;AACF;AACA;EACE3B,YAAY,EAAEoB,mBAAUO,IA9CF;;EA+CtB;AACF;AACA;EACE1B,oBAAoB,EAAEmB,mBAAUO,IAlDV;;EAmDtB;AACF;AACA;EACEzB,sBAAsB,EAAEkB,mBAAUO,IAtDZ;;EAuDtB;AACF;AACA;EACExB,mBAAmB,EAAEiB,mBAAUO,IA1DT;;EA2DtB;AACF;AACA;EACEvB,oBAAoB,EAAEgB,mBAAUO,IA9DV;;EA+DtB;AACF;AACA;EACErB,SAAS,EAAEc,mBAAUO,IAlEC;;EAmEtB;AACF;AACA;EACEpB,QAAQ,EAAEa,mBAAUO,IAtEE;;EAuEtB;AACF;AACA;EACEhC,OAAO,EAAEyB,mBAAUQ,KAAV,CAAgB;IACvB;AACJ;AACA;IACIZ,IAAI,EAAEI,mBAAUG,MAJO;;IAKvB;AACJ;AACA;IACIM,IAAI,EAAET,mBAAUG,MARO;;IASvB;AACJ;AACA;IACIO,IAAI,EAAEV,mBAAUG,MAZO;;IAavB;AACJ;AACA;IACIQ,MAAM,EAAEX,mBAAUG,MAhBK;;IAiBvB;AACJ;AACA;IACIvB,YAAY,EAAEoB,mBAAUG,MApBD;;IAqBvB;AACJ;AACA;IACItB,oBAAoB,EAAEmB,mBAAUG,MAxBT;;IAyBvB;AACJ;AACA;IACIrB,sBAAsB,EAAEkB,mBAAUG,MA5BX;;IA6BvB;AACJ;AACA;IACIpB,mBAAmB,EAAEiB,mBAAUG,MAhCR;;IAiCvB;AACJ;AACA;IACInB,oBAAoB,EAAEgB,mBAAUG,MApCT;;IAqCvB;AACJ;AACA;IACIlB,MAAM,EAAEe,mBAAUG,MAxCK;IA0CvBS,QAAQ,EAAEZ,mBAAUG,MA1CG;;IA2CvB;AACJ;AACA;IACIU,SAAS,EAAEb,mBAAUG,MA9CE;;IA+CvB;AACJ;AACA;IACIW,UAAU,EAAEd,mBAAUG,MAlDC;;IAmDvB;AACJ;AACA;IACIY,WAAW,EAAEf,mBAAUG,MAtDA;;IAuDvB;AACJ;AACA;IACIa,YAAY,EAAEhB,mBAAUG,MA1DD;;IA2DvB;AACJ;AACA;IACIc,eAAe,EAAEjB,mBAAUG,MA9DJ;;IA+DvB;AACJ;AACA;IACIe,aAAa,EAAElB,mBAAUG,MAlEF;;IAmEvB;AACJ;AACA;IACIgB,cAAc,EAAEnB,mBAAUG,MAtEH;;IAuEvB;AACJ;AACA;IACIiB,WAAW,EAAEpB,mBAAUG,MA1EA;;IA2EvB;AACJ;AACA;IACIN,WAAW,EAAEG,mBAAUG,MA9EA;;IA+EvB;AACJ;AACA;IACIkB,kBAAkB,EAAErB,mBAAUG,MAlFP;;IAmFvB;AACJ;AACA;IACImB,mBAAmB,EAAEtB,mBAAUG,MAtFR;;IAuFvB;AACJ;AACA;IACIL,eAAe,EAAEE,mBAAUG,MA1FJ;;IA2FvB;AACJ;AACA;IACIjB,SAAS,EAAEc,mBAAUG,MA9FE;;IA+FvB;AACJ;AACA;IACIhB,QAAQ,EAAEa,mBAAUG;EAlGG,CAAhB,EAmGNoB;AA7KmB,CAAxB;;eAgLe,sBAAWC,eAAX,EAAmB;EAAEC,IAAI,EAAE;AAAR,CAAnB,EAA4CzD,WAA5C,C"}

package/dist/Table/TableCell/styles.js

@@ -94,6 +94,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,