@hitachivantara/uikit-react-core 4.3.1 → 4.4.0

package/dist/BulkActions/BulkActions.d.ts

@@ -1,7 +1,6 @@
 import * as React from "react";
 import { StandardProps } from "@mui/material";
-import { HvActionsGenericCommonProps } from "../ActionsGeneric";
-import { HvCheckBoxProps } from "..";
+import { HvActionsGenericCommonProps, HvCheckBoxProps, HvButtonProps } from "..";
 
 export type HvBulkActionsClassKey =
   | "root"
@@ -37,11 +36,11 @@ export interface HvBulkActionsProps
   /**
    * Function called when the "select all" Checkbox is toggled.
    */
-  onSelectAll?: (event: React.MouseEvent) => void;
+  onSelectAll?: HvCheckBoxProps["onChange"];
   /**
-   * Function called when the "select all pages" Button is clicked toggled.
+   * Function called when the "select all pages" button is clicked.
    */
-  onSelectAllPages?: (event: React.ChangeEvent<HTMLInputElement>, checked: boolean) => void;
+  onSelectAllPages?: HvButtonProps["onClick"];
   /**
    *  Whether actions should be all disabled
    */

package/dist/BulkActions/BulkActions.js

@@ -103,24 +103,14 @@ var HvBulkActions = function HvBulkActions(props) {
         className: classes.selectAll,
         checked: numSelected > 0,
         semantic: isSemantic,
-        onChange: function onChange() {
-          for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-            args[_key] = arguments[_key];
-          }
-          return onSelectAll === null || onSelectAll === void 0 ? void 0 : onSelectAll.apply(void 0, args);
-        },
+        onChange: onSelectAll,
         indeterminate: numSelected > 0 && numSelected < numTotal,
         label: selectAllLabelComponent
       }, checkboxProps)), showSelectAllPages && anySelected && numSelected < numTotal && /*#__PURE__*/(0, _jsxRuntime.jsx)(_.HvButton, {
         id: (0, _utils.setId)(id, "pages"),
         className: classes.selectAllPages,
         category: isSemantic ? "semantic" : "ghost",
-        onClick: function onClick() {
-          for (var _len2 = arguments.length, args = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
-            args[_key2] = arguments[_key2];
-          }
-          return onSelectAllPages === null || onSelectAllPages === void 0 ? void 0 : onSelectAllPages.apply(void 0, args);
-        },
+        onClick: onSelectAllPages,
         children: selectAllPagesLabel !== null && selectAllPagesLabel !== void 0 ? selectAllPagesLabel : defaultSelectAllPagesLabel
       })]
     }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_.HvActionsGeneric, {

package/dist/BulkActions/BulkActions.js.map

@@ -1 +1 @@
-{"version":3,"file":"BulkActions.js","names":["HvBulkActions","props","id","className","classes","numTotal","numSelected","onSelectAll","onSelectAllPages","selectAllLabel","selectAllConjunctionLabel","selectAllPagesLabel","showSelectAllPages","semantic","actions","actionsCallback","actionsDisabled","maxVisibleActions","checkboxProps","others","useState","anySelected","setAnySelected","isSemantic","useEffect","selectAllLabelComponent","disabled","defaultSelectAllPagesLabel","color","clsx","root","selectAllContainer","setId","selectAll","args","selectAllPages","propTypes","PropTypes","string","shape","isRequired","node","bool","number","func","oneOfType","arrayOf","label","icon","object","withStyles","styles","name"],"sources":["../../src/BulkActions/BulkActions.js"],"sourcesContent":["import React, { useState, useEffect } from \"react\";\nimport clsx from \"clsx\";\nimport PropTypes from \"prop-types\";\nimport { withStyles } from \"@mui/styles\";\nimport { HvActionsGeneric, HvButton, HvCheckBox, HvTypography } from \"..\";\nimport styles from \"./styles\";\nimport { setId } from \"../utils\";\n\n/**\n * Bulk Actions allow users to perform an action on a single or multiple items.\n * Also known as \"batch production\" of multiple items at once, one stage at a time.\n */\nconst HvBulkActions = (props) => {\n  const {\n    id,\n    className,\n    classes,\n    numTotal = 0,\n    numSelected = 0,\n    onSelectAll,\n    onSelectAllPages,\n    selectAllLabel = \"All\",\n    selectAllConjunctionLabel = \"/\",\n    selectAllPagesLabel,\n    showSelectAllPages = false,\n    semantic = true,\n    actions,\n    actionsCallback,\n    actionsDisabled,\n    maxVisibleActions,\n    checkboxProps,\n    ...others\n  } = props;\n  const [anySelected, setAnySelected] = useState(false);\n\n  const isSemantic = semantic && anySelected;\n\n  useEffect(() => {\n    setAnySelected(numSelected > 0);\n  }, [numSelected]);\n\n  const selectAllLabelComponent = (\n    <HvTypography\n      component=\"span\"\n      variant={checkboxProps?.disabled ? \"disabledText\" : \"normalText\"}\n    >\n      {!anySelected ? (\n        <>\n          <b>{selectAllLabel}</b>\n          {` (${numTotal})`}\n        </>\n      ) : (\n        <>\n          <b>{numSelected}</b>\n          {` ${selectAllConjunctionLabel} ${numTotal}`}\n        </>\n      )}\n    </HvTypography>\n  );\n\n  const defaultSelectAllPagesLabel = (\n    <HvTypography style={{ color: \"inherit\" }} variant=\"highlightText\" component=\"span\">\n      {`Select all ${numTotal} items across all pages`}\n    </HvTypography>\n  );\n\n  return (\n    <div\n      id={id}\n      className={clsx(className, classes.root, {\n        [classes.semantic]: isSemantic,\n      })}\n      {...others}\n    >\n      <div className={classes.selectAllContainer}>\n        <HvCheckBox\n          id={setId(id, \"select\")}\n          className={classes.selectAll}\n          checked={numSelected > 0}\n          semantic={isSemantic}\n          onChange={(...args) => onSelectAll?.(...args)}\n          indeterminate={numSelected > 0 && numSelected < numTotal}\n          label={selectAllLabelComponent}\n          {...checkboxProps}\n        />\n        {showSelectAllPages && anySelected && numSelected < numTotal && (\n          <HvButton\n            id={setId(id, \"pages\")}\n            className={classes.selectAllPages}\n            category={isSemantic ? \"semantic\" : \"ghost\"}\n            onClick={(...args) => onSelectAllPages?.(...args)}\n          >\n            {selectAllPagesLabel ?? defaultSelectAllPagesLabel}\n          </HvButton>\n        )}\n      </div>\n      <HvActionsGeneric\n        id={setId(id, \"actions\")}\n        classes={{ root: classes.actions }}\n        category={isSemantic ? \"semantic\" : \"ghost\"}\n        actions={actions}\n        disabled={actionsDisabled ?? numSelected === 0}\n        actionsCallback={actionsCallback}\n        maxVisibleActions={maxVisibleActions}\n      />\n    </div>\n  );\n};\n\nHvBulkActions.propTypes = {\n  /**\n   * Id to be applied to the root node.\n   */\n  id: PropTypes.string,\n  /**\n   * Class names to be applied.\n   */\n  className: PropTypes.string,\n  /**\n   * A Jss Object used to override or extend the 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 semantic and there are selected elements.\n     */\n    semantic: PropTypes.string,\n    /**\n     * Styles applied to the Actions root class.\n     */\n    actions: PropTypes.string,\n    /**\n     * Styles applied to the Select All container.\n     */\n    selectAllContainer: PropTypes.string,\n    /**\n     * Styles applied to the Select All checkbox.\n     */\n    selectAll: PropTypes.string,\n    /**\n     * Styles applied to the Select All pages button.\n     */\n    selectAllPages: PropTypes.string,\n  }).isRequired,\n  /**\n   * Custom label for select all checkbox\n   */\n  selectAllLabel: PropTypes.node,\n  /**\n   * Custom label for select all checkbox conjunction\n   */\n  selectAllConjunctionLabel: PropTypes.string,\n  /**\n   * Custom label for select all pages button\n   */\n  selectAllPagesLabel: PropTypes.node,\n  /**\n   * Whether select all pages element should be visible\n   */\n  showSelectAllPages: PropTypes.bool,\n  /**\n   * The total number of elements\n   */\n  numTotal: PropTypes.number,\n  /**\n   * The number of elements currently selected\n   */\n  numSelected: PropTypes.number,\n  /**\n   * Function called when the \"select all\" Checkbox is toggled.\n   */\n  onSelectAll: PropTypes.func,\n  /**\n   * Function called when the \"select all pages\" button is clicked toggled.\n   */\n  onSelectAllPages: PropTypes.func,\n  /**\n   * Whether the bulk actions should use the semantic styles when there are selected elements.\n   */\n  semantic: PropTypes.bool,\n  /**\n   * The renderable content inside the right actions slot,\n   * or an Array of actions `{ id, label, icon, disabled, ... }`\n   */\n  actions: PropTypes.oneOfType([\n    PropTypes.node,\n    PropTypes.arrayOf(\n      PropTypes.shape({\n        id: PropTypes.string.isRequired,\n        label: PropTypes.string,\n        icon: PropTypes.oneOfType([PropTypes.func, PropTypes.node]),\n        disabled: PropTypes.bool,\n      })\n    ),\n  ]),\n  /**\n   *  Whether actions should be all disabled\n   */\n  actionsDisabled: PropTypes.bool,\n  /**\n   *  The callback function ran when an action is triggered, receiving `action` as param\n   */\n  actionsCallback: PropTypes.func,\n  /**\n   *  The number of maximum visible actions before they're collapsed into a `DropDownMenu`.\n   */\n  maxVisibleActions: PropTypes.number,\n  /**\n   * Properties to be passed onto the checkbox component, the values of the object are equivalent to the\n   * HvCheckbox API.\n   */\n  checkboxProps: PropTypes.object,\n};\n\nexport default withStyles(styles, { name: \"HvBulkActions\" })(HvBulkActions);\n"],"mappings":"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"}
+{"version":3,"file":"BulkActions.js","names":["HvBulkActions","props","id","className","classes","numTotal","numSelected","onSelectAll","onSelectAllPages","selectAllLabel","selectAllConjunctionLabel","selectAllPagesLabel","showSelectAllPages","semantic","actions","actionsCallback","actionsDisabled","maxVisibleActions","checkboxProps","others","useState","anySelected","setAnySelected","isSemantic","useEffect","selectAllLabelComponent","disabled","defaultSelectAllPagesLabel","color","clsx","root","selectAllContainer","setId","selectAll","selectAllPages","propTypes","PropTypes","string","shape","isRequired","node","bool","number","func","oneOfType","arrayOf","label","icon","object","withStyles","styles","name"],"sources":["../../src/BulkActions/BulkActions.js"],"sourcesContent":["import React, { useState, useEffect } from \"react\";\nimport clsx from \"clsx\";\nimport PropTypes from \"prop-types\";\nimport { withStyles } from \"@mui/styles\";\nimport { HvActionsGeneric, HvButton, HvCheckBox, HvTypography } from \"..\";\nimport styles from \"./styles\";\nimport { setId } from \"../utils\";\n\n/**\n * Bulk Actions allow users to perform an action on a single or multiple items.\n * Also known as \"batch production\" of multiple items at once, one stage at a time.\n */\nconst HvBulkActions = (props) => {\n  const {\n    id,\n    className,\n    classes,\n    numTotal = 0,\n    numSelected = 0,\n    onSelectAll,\n    onSelectAllPages,\n    selectAllLabel = \"All\",\n    selectAllConjunctionLabel = \"/\",\n    selectAllPagesLabel,\n    showSelectAllPages = false,\n    semantic = true,\n    actions,\n    actionsCallback,\n    actionsDisabled,\n    maxVisibleActions,\n    checkboxProps,\n    ...others\n  } = props;\n  const [anySelected, setAnySelected] = useState(false);\n\n  const isSemantic = semantic && anySelected;\n\n  useEffect(() => {\n    setAnySelected(numSelected > 0);\n  }, [numSelected]);\n\n  const selectAllLabelComponent = (\n    <HvTypography\n      component=\"span\"\n      variant={checkboxProps?.disabled ? \"disabledText\" : \"normalText\"}\n    >\n      {!anySelected ? (\n        <>\n          <b>{selectAllLabel}</b>\n          {` (${numTotal})`}\n        </>\n      ) : (\n        <>\n          <b>{numSelected}</b>\n          {` ${selectAllConjunctionLabel} ${numTotal}`}\n        </>\n      )}\n    </HvTypography>\n  );\n\n  const defaultSelectAllPagesLabel = (\n    <HvTypography style={{ color: \"inherit\" }} variant=\"highlightText\" component=\"span\">\n      {`Select all ${numTotal} items across all pages`}\n    </HvTypography>\n  );\n\n  return (\n    <div\n      id={id}\n      className={clsx(className, classes.root, {\n        [classes.semantic]: isSemantic,\n      })}\n      {...others}\n    >\n      <div className={classes.selectAllContainer}>\n        <HvCheckBox\n          id={setId(id, \"select\")}\n          className={classes.selectAll}\n          checked={numSelected > 0}\n          semantic={isSemantic}\n          onChange={onSelectAll}\n          indeterminate={numSelected > 0 && numSelected < numTotal}\n          label={selectAllLabelComponent}\n          {...checkboxProps}\n        />\n        {showSelectAllPages && anySelected && numSelected < numTotal && (\n          <HvButton\n            id={setId(id, \"pages\")}\n            className={classes.selectAllPages}\n            category={isSemantic ? \"semantic\" : \"ghost\"}\n            onClick={onSelectAllPages}\n          >\n            {selectAllPagesLabel ?? defaultSelectAllPagesLabel}\n          </HvButton>\n        )}\n      </div>\n      <HvActionsGeneric\n        id={setId(id, \"actions\")}\n        classes={{ root: classes.actions }}\n        category={isSemantic ? \"semantic\" : \"ghost\"}\n        actions={actions}\n        disabled={actionsDisabled ?? numSelected === 0}\n        actionsCallback={actionsCallback}\n        maxVisibleActions={maxVisibleActions}\n      />\n    </div>\n  );\n};\n\nHvBulkActions.propTypes = {\n  /**\n   * Id to be applied to the root node.\n   */\n  id: PropTypes.string,\n  /**\n   * Class names to be applied.\n   */\n  className: PropTypes.string,\n  /**\n   * A Jss Object used to override or extend the 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 semantic and there are selected elements.\n     */\n    semantic: PropTypes.string,\n    /**\n     * Styles applied to the Actions root class.\n     */\n    actions: PropTypes.string,\n    /**\n     * Styles applied to the Select All container.\n     */\n    selectAllContainer: PropTypes.string,\n    /**\n     * Styles applied to the Select All checkbox.\n     */\n    selectAll: PropTypes.string,\n    /**\n     * Styles applied to the Select All pages button.\n     */\n    selectAllPages: PropTypes.string,\n  }).isRequired,\n  /**\n   * Custom label for select all checkbox\n   */\n  selectAllLabel: PropTypes.node,\n  /**\n   * Custom label for select all checkbox conjunction\n   */\n  selectAllConjunctionLabel: PropTypes.string,\n  /**\n   * Custom label for select all pages button\n   */\n  selectAllPagesLabel: PropTypes.node,\n  /**\n   * Whether select all pages element should be visible\n   */\n  showSelectAllPages: PropTypes.bool,\n  /**\n   * The total number of elements\n   */\n  numTotal: PropTypes.number,\n  /**\n   * The number of elements currently selected\n   */\n  numSelected: PropTypes.number,\n  /**\n   * Function called when the \"select all\" Checkbox is toggled.\n   */\n  onSelectAll: PropTypes.func,\n  /**\n   * Function called when the \"select all pages\" button is clicked toggled.\n   */\n  onSelectAllPages: PropTypes.func,\n  /**\n   * Whether the bulk actions should use the semantic styles when there are selected elements.\n   */\n  semantic: PropTypes.bool,\n  /**\n   * The renderable content inside the right actions slot,\n   * or an Array of actions `{ id, label, icon, disabled, ... }`\n   */\n  actions: PropTypes.oneOfType([\n    PropTypes.node,\n    PropTypes.arrayOf(\n      PropTypes.shape({\n        id: PropTypes.string.isRequired,\n        label: PropTypes.string,\n        icon: PropTypes.oneOfType([PropTypes.func, PropTypes.node]),\n        disabled: PropTypes.bool,\n      })\n    ),\n  ]),\n  /**\n   *  Whether actions should be all disabled\n   */\n  actionsDisabled: PropTypes.bool,\n  /**\n   *  The callback function ran when an action is triggered, receiving `action` as param\n   */\n  actionsCallback: PropTypes.func,\n  /**\n   *  The number of maximum visible actions before they're collapsed into a `DropDownMenu`.\n   */\n  maxVisibleActions: PropTypes.number,\n  /**\n   * Properties to be passed onto the checkbox component, the values of the object are equivalent to the\n   * HvCheckbox API.\n   */\n  checkboxProps: PropTypes.object,\n};\n\nexport default withStyles(styles, { name: \"HvBulkActions\" })(HvBulkActions);\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AAAiC;AAAA;AAAA;AAAA;AAAA;AAAA;AAEjC;AACA;AACA;AACA;AACA,IAAMA,aAAa,GAAG,SAAhBA,aAAa,CAAIC,KAAK,EAAK;EAC/B,IACEC,EAAE,GAkBAD,KAAK,CAlBPC,EAAE;IACFC,SAAS,GAiBPF,KAAK,CAjBPE,SAAS;IACTC,OAAO,GAgBLH,KAAK,CAhBPG,OAAO;IAAA,kBAgBLH,KAAK,CAfPI,QAAQ;IAARA,QAAQ,gCAAG,CAAC;IAAA,qBAeVJ,KAAK,CAdPK,WAAW;IAAXA,WAAW,mCAAG,CAAC;IACfC,WAAW,GAaTN,KAAK,CAbPM,WAAW;IACXC,gBAAgB,GAYdP,KAAK,CAZPO,gBAAgB;IAAA,wBAYdP,KAAK,CAXPQ,cAAc;IAAdA,cAAc,sCAAG,KAAK;IAAA,wBAWpBR,KAAK,CAVPS,yBAAyB;IAAzBA,yBAAyB,sCAAG,GAAG;IAC/BC,mBAAmB,GASjBV,KAAK,CATPU,mBAAmB;IAAA,wBASjBV,KAAK,CARPW,kBAAkB;IAAlBA,kBAAkB,sCAAG,KAAK;IAAA,kBAQxBX,KAAK,CAPPY,QAAQ;IAARA,QAAQ,gCAAG,IAAI;IACfC,OAAO,GAMLb,KAAK,CANPa,OAAO;IACPC,eAAe,GAKbd,KAAK,CALPc,eAAe;IACfC,eAAe,GAIbf,KAAK,CAJPe,eAAe;IACfC,iBAAiB,GAGfhB,KAAK,CAHPgB,iBAAiB;IACjBC,aAAa,GAEXjB,KAAK,CAFPiB,aAAa;IACVC,MAAM,0CACPlB,KAAK;EACT,gBAAsC,IAAAmB,eAAQ,EAAC,KAAK,CAAC;IAAA;IAA9CC,WAAW;IAAEC,cAAc;EAElC,IAAMC,UAAU,GAAGV,QAAQ,IAAIQ,WAAW;EAE1C,IAAAG,gBAAS,EAAC,YAAM;IACdF,cAAc,CAAChB,WAAW,GAAG,CAAC,CAAC;EACjC,CAAC,EAAE,CAACA,WAAW,CAAC,CAAC;EAEjB,IAAMmB,uBAAuB,gBAC3B,qBAAC,cAAY;IACX,SAAS,EAAC,MAAM;IAChB,OAAO,EAAEP,aAAa,aAAbA,aAAa,eAAbA,aAAa,CAAEQ,QAAQ,GAAG,cAAc,GAAG,YAAa;IAAA,UAEhE,CAACL,WAAW,gBACX;MAAA,wBACE;QAAA,UAAIZ;MAAc,EAAK,cACjBJ,QAAQ;IAAA,EACb,gBAEH;MAAA,wBACE;QAAA,UAAIC;MAAW,EAAK,aACfI,yBAAyB,cAAIL,QAAQ;IAAA;EAE7C,EAEJ;EAED,IAAMsB,0BAA0B,gBAC9B,qBAAC,cAAY;IAAC,KAAK,EAAE;MAAEC,KAAK,EAAE;IAAU,CAAE;IAAC,OAAO,EAAC,eAAe;IAAC,SAAS,EAAC,MAAM;IAAA,+BAClEvB,QAAQ;EAAA,EAE1B;EAED,oBACE;IACE,EAAE,EAAEH,EAAG;IACP,SAAS,EAAE,IAAA2B,aAAI,EAAC1B,SAAS,EAAEC,OAAO,CAAC0B,IAAI,EACjBP,UAAU,IAA7BnB,OAAO,CAACS,QAAQ;EAChB,GACCM,MAAM;IAAA,wBAEV;MAAK,SAAS,EAAEf,OAAO,CAAC2B,kBAAmB;MAAA,wBACzC,qBAAC,YAAU;QACT,EAAE,EAAE,IAAAC,YAAK,EAAC9B,EAAE,EAAE,QAAQ,CAAE;QACxB,SAAS,EAAEE,OAAO,CAAC6B,SAAU;QAC7B,OAAO,EAAE3B,WAAW,GAAG,CAAE;QACzB,QAAQ,EAAEiB,UAAW;QACrB,QAAQ,EAAEhB,WAAY;QACtB,aAAa,EAAED,WAAW,GAAG,CAAC,IAAIA,WAAW,GAAGD,QAAS;QACzD,KAAK,EAAEoB;MAAwB,GAC3BP,aAAa,EACjB,EACDN,kBAAkB,IAAIS,WAAW,IAAIf,WAAW,GAAGD,QAAQ,iBAC1D,qBAAC,UAAQ;QACP,EAAE,EAAE,IAAA2B,YAAK,EAAC9B,EAAE,EAAE,OAAO,CAAE;QACvB,SAAS,EAAEE,OAAO,CAAC8B,cAAe;QAClC,QAAQ,EAAEX,UAAU,GAAG,UAAU,GAAG,OAAQ;QAC5C,OAAO,EAAEf,gBAAiB;QAAA,UAEzBG,mBAAmB,aAAnBA,mBAAmB,cAAnBA,mBAAmB,GAAIgB;MAA0B,EAErD;IAAA,EACG,eACN,qBAAC,kBAAgB;MACf,EAAE,EAAE,IAAAK,YAAK,EAAC9B,EAAE,EAAE,SAAS,CAAE;MACzB,OAAO,EAAE;QAAE4B,IAAI,EAAE1B,OAAO,CAACU;MAAQ,CAAE;MACnC,QAAQ,EAAES,UAAU,GAAG,UAAU,GAAG,OAAQ;MAC5C,OAAO,EAAET,OAAQ;MACjB,QAAQ,EAAEE,eAAe,aAAfA,eAAe,cAAfA,eAAe,GAAIV,WAAW,KAAK,CAAE;MAC/C,eAAe,EAAES,eAAgB;MACjC,iBAAiB,EAAEE;IAAkB,EACrC;EAAA,GACE;AAEV,CAAC;AAED,wCAAAjB,aAAa,CAACmC,SAAS,GAAG;EACxB;AACF;AACA;EACEjC,EAAE,EAAEkC,kBAAS,CAACC,MAAM;EACpB;AACF;AACA;EACElC,SAAS,EAAEiC,kBAAS,CAACC,MAAM;EAC3B;AACF;AACA;EACEjC,OAAO,EAAEgC,kBAAS,CAACE,KAAK,CAAC;IACvB;AACJ;AACA;IACIR,IAAI,EAAEM,kBAAS,CAACC,MAAM;IACtB;AACJ;AACA;IACIxB,QAAQ,EAAEuB,kBAAS,CAACC,MAAM;IAC1B;AACJ;AACA;IACIvB,OAAO,EAAEsB,kBAAS,CAACC,MAAM;IACzB;AACJ;AACA;IACIN,kBAAkB,EAAEK,kBAAS,CAACC,MAAM;IACpC;AACJ;AACA;IACIJ,SAAS,EAAEG,kBAAS,CAACC,MAAM;IAC3B;AACJ;AACA;IACIH,cAAc,EAAEE,kBAAS,CAACC;EAC5B,CAAC,CAAC,CAACE,UAAU;EACb;AACF;AACA;EACE9B,cAAc,EAAE2B,kBAAS,CAACI,IAAI;EAC9B;AACF;AACA;EACE9B,yBAAyB,EAAE0B,kBAAS,CAACC,MAAM;EAC3C;AACF;AACA;EACE1B,mBAAmB,EAAEyB,kBAAS,CAACI,IAAI;EACnC;AACF;AACA;EACE5B,kBAAkB,EAAEwB,kBAAS,CAACK,IAAI;EAClC;AACF;AACA;EACEpC,QAAQ,EAAE+B,kBAAS,CAACM,MAAM;EAC1B;AACF;AACA;EACEpC,WAAW,EAAE8B,kBAAS,CAACM,MAAM;EAC7B;AACF;AACA;EACEnC,WAAW,EAAE6B,kBAAS,CAACO,IAAI;EAC3B;AACF;AACA;EACEnC,gBAAgB,EAAE4B,kBAAS,CAACO,IAAI;EAChC;AACF;AACA;EACE9B,QAAQ,EAAEuB,kBAAS,CAACK,IAAI;EACxB;AACF;AACA;AACA;EACE3B,OAAO,EAAEsB,kBAAS,CAACQ,SAAS,CAAC,CAC3BR,kBAAS,CAACI,IAAI,EACdJ,kBAAS,CAACS,OAAO,CACfT,kBAAS,CAACE,KAAK,CAAC;IACdpC,EAAE,EAAEkC,kBAAS,CAACC,MAAM,CAACE,UAAU;IAC/BO,KAAK,EAAEV,kBAAS,CAACC,MAAM;IACvBU,IAAI,EAAEX,kBAAS,CAACQ,SAAS,CAAC,CAACR,kBAAS,CAACO,IAAI,EAAEP,kBAAS,CAACI,IAAI,CAAC,CAAC;IAC3Dd,QAAQ,EAAEU,kBAAS,CAACK;EACtB,CAAC,CAAC,CACH,CACF,CAAC;EACF;AACF;AACA;EACEzB,eAAe,EAAEoB,kBAAS,CAACK,IAAI;EAC/B;AACF;AACA;EACE1B,eAAe,EAAEqB,kBAAS,CAACO,IAAI;EAC/B;AACF;AACA;EACE1B,iBAAiB,EAAEmB,kBAAS,CAACM,MAAM;EACnC;AACF;AACA;AACA;EACExB,aAAa,EAAEkB,kBAAS,CAACY;AAC3B,CAAC;AAAC,eAEa,IAAAC,kBAAU,EAACC,gBAAM,EAAE;EAAEC,IAAI,EAAE;AAAgB,CAAC,CAAC,CAACnD,aAAa,CAAC;AAAA"}

package/dist/DatePicker/DatePicker.d.ts

@@ -1,5 +1,6 @@
 import { StandardProps } from "@mui/material";
 import { HvFormElementProps } from "..";
+import { HvCalendarProps } from "../Calendar/Calendar";
 
 export type HvDatePickerClassKey =
   | "root"
@@ -105,6 +106,10 @@ export interface HvDatePickerProps
    * If `true` the DatePicker will be in read only mode, unable to be interacted.
    */
   readOnly?: boolean;
+  /**
+   * Additional props passed to the HvCalendar component.
+   */
+  calendarProps?: Partial<HvCalendarProps>;
 }
 
 export default function HvDatePicker(props: HvDatePickerProps): JSX.Element | null;

package/dist/DatePicker/DatePicker.js

@@ -39,7 +39,7 @@ var _useVisibleDate3 = _interopRequireDefault(require("./useVisibleDate"));
 var _useLocale = _interopRequireDefault(require("../Provider/useLocale"));
 var _enums = require("../Calendar/enums");
 var _jsxRuntime = require("react/jsx-runtime");
-var _excluded = ["classes", "className", "id", "name", "required", "disabled", "label", "aria-label", "aria-labelledby", "description", "aria-describedby", "onChange", "onCancel", "onClear", "status", "statusMessage", "aria-errormessage", "placeholder", "labels", "value", "startValue", "endValue", "rangeMode", "startAdornment", "horizontalPlacement", "locale", "showActions", "showClear", "disablePortal", "escapeWithReference", "dropdownProps", "readOnly"];
+var _excluded = ["classes", "className", "id", "name", "required", "disabled", "readOnly", "label", "aria-label", "aria-labelledby", "description", "aria-describedby", "onChange", "onCancel", "onClear", "status", "statusMessage", "aria-errormessage", "placeholder", "labels", "value", "startValue", "endValue", "rangeMode", "startAdornment", "horizontalPlacement", "locale", "showActions", "showClear", "disablePortal", "escapeWithReference", "dropdownProps", "calendarProps"];
 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; }
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
@@ -63,6 +63,7 @@ var HvDatePicker = function HvDatePicker(props) {
     required = _props$required === void 0 ? false : _props$required,
     _props$disabled = props.disabled,
     disabled = _props$disabled === void 0 ? false : _props$disabled,
+    readOnly = props.readOnly,
     label = props.label,
     ariaLabel = props["aria-label"],
     ariaLabelledBy = props["aria-labelledby"],
@@ -94,7 +95,7 @@ var HvDatePicker = function HvDatePicker(props) {
     _props$escapeWithRefe = props.escapeWithReference,
     escapeWithReference = _props$escapeWithRefe === void 0 ? true : _props$escapeWithRefe,
     dropdownProps = props.dropdownProps,
-    readOnly = props.readOnly,
+    calendarProps = props.calendarProps,
     others = (0, _objectWithoutProperties2.default)(props, _excluded);
   var labels = (0, _utils.useLabels)(DEFAULT_LABELS, labelsProp);
   var elementId = (0, _.useUniqueId)(id, "hvdatepicker");
@@ -369,7 +370,7 @@ var HvDatePicker = function HvDatePicker(props) {
       children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
         ref: focusTarget,
         tabIndex: -1
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_.HvCalendar, _objectSpread({
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_.HvCalendar, _objectSpread(_objectSpread({
         id: (0, _utils.setId)(id, "calendar"),
         startAdornment: startAdornment,
         onChange: handleDateChange,
@@ -382,7 +383,7 @@ var HvDatePicker = function HvDatePicker(props) {
           });
         },
         locale: locale
-      }, visibleDate)), (rangeMode || showActions) && renderActions()]
+      }, visibleDate), calendarProps)), (rangeMode || showActions) && renderActions()]
     })), canShowError && /*#__PURE__*/(0, _jsxRuntime.jsx)(_.HvWarningText, {
       id: (0, _utils.setId)(elementId, "error"),
       disableBorder: true,
@@ -594,7 +595,11 @@ process.env.NODE_ENV !== "production" ? HvDatePicker.propTypes = {
   /**
    * If `true` the DatePicker will be in read only mode, unable to be interacted.
    */
-  readOnly: _propTypes.default.bool
+  readOnly: _propTypes.default.bool,
+  /**
+   * Additional props passed to the HvCalendar component.
+   */
+  calendarProps: _propTypes.default.instanceOf(Object)
 } : void 0;
 var _default = (0, _styles.withStyles)(_styles2.default, {
   name: "HvDatePicker",

package/dist/DatePicker/DatePicker.js.map

@@ -1 +1 @@
-{"version":3,"file":"DatePicker.js","names":["DEFAULT_LABELS","applyLabel","cancelLabel","clearLabel","HvDatePicker","props","classes","className","id","name","required","disabled","label","ariaLabel","ariaLabelledBy","description","ariaDescribedBy","onChange","onCancel","onClear","status","statusMessage","ariaErrorMessage","placeholder","labelsProp","labels","value","startValue","endValue","rangeMode","startAdornment","horizontalPlacement","localeProp","locale","showActions","showClear","disablePortal","escapeWithReference","dropdownProps","readOnly","others","useLabels","elementId","useUniqueId","useControlled","validationState","setValidationState","validationMessage","localeFromProvider","useLocale","useState","calendarOpen","setCalendarOpen","useSavedState","startDate","setStartDate","rollbackStartDate","endDate","setEndDate","rollbackEndDate","useVisibleDate","visibleDate","dispatchAction","focusTarget","useRef","useEffect","endDateIsSet","current","type","NAV_OPTIONS","MONTH_YEAR","target","year","getFullYear","month","getMonth","handleApply","isDate","handleCancel","handleClear","undefined","handleCalendarClose","shouldSave","handleToggle","evt","open","focusOnContainer","focus","handleDateChange","event","newDate","autoSave","handleInputDateChange","position","renderActions","clsx","actionContainer","leftContainer","setId","action","rightContainer","renderInput","dateString","dateValue","hasLabel","hasDescription","canShowError","isStateInvalid","isInvalid","errorMessageId","root","labelContainer","dropdown","panel","header","dropdownHeaderInvalid","headerOpen","dropdownHeaderOpen","getDateLabel","icon","modifiers","enabled","join","trim","_event","error","propTypes","PropTypes","string","shape","isRequired","node","bool","oneOf","func","instanceOf","Date","Object","withStyles","styles","index"],"sources":["../../src/DatePicker/DatePicker.js"],"sourcesContent":["import React, { useState, useEffect, useRef } from \"react\";\nimport PropTypes from \"prop-types\";\nimport { withStyles } from \"@mui/styles\";\nimport { Calendar } from \"@hitachivantara/uikit-react-icons\";\nimport clsx from \"clsx\";\nimport { setId, useSavedState, useLabels } from \"../utils\";\nimport {\n  HvActionBar,\n  HvBaseDropdown,\n  HvButton,\n  HvCalendar,\n  HvLabel,\n  HvInfoMessage,\n  HvFormElement,\n  HvWarningText,\n  HvTypography,\n  useUniqueId,\n  useControlled,\n} from \"..\";\nimport { isInvalid } from \"../Forms/FormElement/validationStates\";\nimport styles from \"./styles\";\nimport { isDate } from \"../Calendar/utils\";\nimport { getDateLabel } from \"./utils\";\nimport useVisibleDate from \"./useVisibleDate\";\nimport useLocale from \"../Provider/useLocale\";\nimport { NAV_OPTIONS } from \"../Calendar/enums\";\n\nconst DEFAULT_LABELS = {\n  applyLabel: \"Apply\",\n  cancelLabel: \"Cancel\",\n  clearLabel: \"Clear\",\n};\n\n/**\n * A date picker, popup calendar or date range picker is a graphical user\n * interface widget which allows the user to select a date from a calendar.\n */\nconst HvDatePicker = (props) => {\n  const {\n    classes,\n    className,\n\n    id,\n    name,\n\n    required = false,\n    disabled = false,\n\n    label,\n    \"aria-label\": ariaLabel,\n    \"aria-labelledby\": ariaLabelledBy,\n    description,\n    \"aria-describedby\": ariaDescribedBy,\n\n    onChange,\n    onCancel,\n    onClear,\n    status,\n    statusMessage,\n    \"aria-errormessage\": ariaErrorMessage,\n\n    placeholder,\n\n    labels: labelsProp,\n\n    value,\n    startValue,\n    endValue,\n\n    rangeMode = false,\n    startAdornment,\n    horizontalPlacement = \"right\",\n    locale: localeProp,\n    showActions = false,\n    showClear = false,\n    disablePortal = true,\n    escapeWithReference = true,\n    dropdownProps,\n    readOnly,\n    ...others\n  } = props;\n\n  const labels = useLabels(DEFAULT_LABELS, labelsProp);\n\n  const elementId = useUniqueId(id, \"hvdatepicker\");\n\n  const [validationState, setValidationState] = useControlled(status, \"standBy\");\n\n  const [validationMessage] = useControlled(statusMessage, \"Required\");\n\n  const localeFromProvider = useLocale();\n\n  const locale = localeProp || localeFromProvider;\n\n  const [calendarOpen, setCalendarOpen] = useState(false);\n\n  const [startDate, setStartDate, rollbackStartDate] = useSavedState(\n    rangeMode ? startValue : value\n  );\n  const [endDate, setEndDate, rollbackEndDate] = useSavedState(endValue);\n\n  const [visibleDate, dispatchAction] = useVisibleDate(startDate, endDate);\n\n  const focusTarget = useRef();\n\n  useEffect(() => {\n    setStartDate(rangeMode ? startValue : value, true);\n    setEndDate(endValue, true);\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [value, startValue, endValue, rangeMode]);\n\n  const endDateIsSet = useRef(false);\n  endDateIsSet.current = endDate != null;\n\n  useEffect(() => {\n    if (startDate != null) {\n      dispatchAction({\n        type: NAV_OPTIONS.MONTH_YEAR,\n        target: endDateIsSet.current ? \"left\" : \"best\",\n        year: startDate.getFullYear(),\n        month: startDate.getMonth() + 1,\n      });\n    }\n  }, [dispatchAction, startDate]);\n\n  useEffect(() => {\n    if (endDate != null) {\n      dispatchAction({\n        type: NAV_OPTIONS.MONTH_YEAR,\n        target: \"right\",\n        year: endDate.getFullYear(),\n        month: endDate.getMonth() + 1,\n      });\n    }\n  }, [dispatchAction, endDate]);\n\n  /**\n   * Handles the `Apply` action. Both single and ranged modes are handled here.\n   */\n  const handleApply = () => {\n    setStartDate(startDate, true);\n    setEndDate(endDate ?? startDate, true);\n\n    onChange?.(startDate, endDate);\n\n    setValidationState(() => {\n      // this will only run if status is uncontrolled\n      if (required && (!isDate(startDate) || (rangeMode && !isDate(endDate)))) {\n        return \"invalid\";\n      }\n\n      return \"valid\";\n    });\n\n    setCalendarOpen(false);\n  };\n\n  /**\n   * Handles the `Cancel` action. Both single and ranged modes are handled here.\n   */\n  const handleCancel = () => {\n    rollbackStartDate();\n    rollbackEndDate();\n\n    onCancel?.();\n\n    setCalendarOpen(false);\n  };\n\n  /**\n   * Handles the `Cancel` action. Both single and ranged modes are handled here.\n   */\n  const handleClear = () => {\n    setStartDate(undefined, false);\n    setEndDate(undefined, false);\n    onClear?.();\n  };\n\n  const handleCalendarClose = () => {\n    const shouldSave = !(rangeMode || showActions);\n    if (shouldSave) {\n      handleApply();\n    } else {\n      handleCancel();\n    }\n  };\n\n  const handleToggle = (evt, open) => {\n    /* \n     If evt is null this toggle wasn't triggered by the user.\n     instead it was triggered by the baseDropdown useEffect after\n     the datepicker changed the expanded value this baseDropdown behavior needs a review\n    */\n    if (evt === null) return;\n    setCalendarOpen(open);\n    if (!open) handleCalendarClose();\n  };\n\n  const focusOnContainer = () => {\n    focusTarget.current?.focus();\n  };\n\n  const handleDateChange = (event, newDate) => {\n    if (!isDate(newDate)) return;\n\n    const autoSave = !showActions && !rangeMode;\n\n    if (rangeMode) {\n      if (!startDate || (startDate && endDate) || newDate < startDate) {\n        setStartDate(newDate);\n        setEndDate(null);\n      } else {\n        setEndDate(newDate);\n      }\n    } else {\n      setStartDate(newDate, autoSave);\n    }\n\n    if (autoSave) {\n      onChange?.(newDate);\n\n      setValidationState(() => {\n        // this will only run if status is uncontrolled\n        if (required && !isDate(newDate)) {\n          return \"invalid\";\n        }\n\n        return \"valid\";\n      });\n\n      setCalendarOpen(false);\n    }\n  };\n\n  const handleInputDateChange = (event, newDate, position) => {\n    if (!isDate(newDate)) return;\n\n    if (!rangeMode) {\n      handleDateChange(event, newDate);\n      return;\n    }\n\n    if (position === \"left\") {\n      setStartDate(newDate > endDate ? endDate : newDate);\n    } else if (position === \"right\") {\n      if (!startDate) {\n        setStartDate(newDate > endDate ? endDate : newDate);\n        return;\n      }\n      setEndDate(newDate < startDate ? startDate : newDate);\n    }\n  };\n\n  /**\n   * Renders the container for the action elements.\n   */\n  const renderActions = () => (\n    <HvActionBar\n      className={clsx({\n        [classes.actionContainer]: showClear,\n      })}\n    >\n      {showClear && (\n        <div className={classes.leftContainer}>\n          <HvButton\n            id={setId(id, \"action\", \"clear\")}\n            className={classes.action}\n            category=\"ghost\"\n            onClick={handleClear}\n          >\n            {labels.clearLabel}\n          </HvButton>\n        </div>\n      )}\n      <div className={classes.rightContainer}>\n        <HvButton\n          id={setId(id, \"action\", \"apply\")}\n          className={classes.action}\n          category=\"ghost\"\n          onClick={handleApply}\n        >\n          {labels.applyLabel}\n        </HvButton>\n        <HvButton\n          id={setId(id, \"action\", \"cancel\")}\n          className={classes.action}\n          category=\"ghost\"\n          onClick={handleCancel}\n        >\n          {labels.cancelLabel}\n        </HvButton>\n      </div>\n    </HvActionBar>\n  );\n\n  const renderInput = (dateString) => (\n    <HvTypography variant={dateString ? \"normalText\" : \"placeholderText\"}>\n      {(dateString || placeholder) === undefined ? \"\" : dateString || placeholder}\n    </HvTypography>\n  );\n\n  const dateValue = rangeMode ? { startDate, endDate } : startDate;\n\n  const hasLabel = label != null;\n  const hasDescription = description != null;\n\n  // the error message area will only be created if:\n  // - an external element that provides an error message isn't identified via aria-errormessage AND\n  //   - both status and statusMessage properties are being controlled OR\n  //   - status is uncontrolled and required is true\n  const canShowError =\n    ariaErrorMessage == null &&\n    ((status !== undefined && statusMessage !== undefined) || (status === undefined && required));\n\n  const isStateInvalid = isInvalid(validationState);\n\n  let errorMessageId;\n  if (isStateInvalid) {\n    errorMessageId = canShowError ? setId(elementId, \"error\") : ariaErrorMessage;\n  }\n\n  return (\n    <HvFormElement\n      id={id}\n      name={name}\n      value={dateValue}\n      status={validationState}\n      disabled={disabled}\n      required={required}\n      className={clsx(className, classes.root)}\n      locale={locale}\n      readOnly={readOnly}\n      {...others}\n    >\n      {(hasLabel || hasDescription) && (\n        <div className={classes.labelContainer}>\n          {hasLabel && (\n            <HvLabel id={setId(elementId, \"label\")} label={label} className={classes.label} />\n          )}\n\n          {hasDescription && (\n            <HvInfoMessage id={setId(elementId, \"description\")} className={classes.description}>\n              {description}\n            </HvInfoMessage>\n          )}\n        </div>\n      )}\n      <HvBaseDropdown\n        role=\"combobox\"\n        classes={{\n          root: classes.dropdown,\n          panel: classes.panel,\n          header: isStateInvalid ? classes.dropdownHeaderInvalid : undefined,\n          headerOpen: classes.dropdownHeaderOpen,\n        }}\n        readOnly={readOnly}\n        disabled={disabled}\n        disablePortal={disablePortal}\n        variableWidth\n        placement={horizontalPlacement}\n        expanded={calendarOpen}\n        onToggle={handleToggle}\n        onClickOutside={handleCalendarClose}\n        onContainerCreation={focusOnContainer}\n        placeholder={renderInput(getDateLabel(dateValue, rangeMode, locale))}\n        adornment={<Calendar className={classes.icon} color={disabled ? \"atmo5\" : undefined} />}\n        popperProps={{ modifiers: [{ name: \"preventOverflow\", enabled: escapeWithReference }] }}\n        aria-haspopup=\"dialog\"\n        aria-label={ariaLabel}\n        aria-labelledby={\n          [label && setId(elementId, \"label\"), ariaLabelledBy].join(\" \").trim() || undefined\n        }\n        aria-invalid={isStateInvalid ? true : undefined}\n        aria-errormessage={errorMessageId}\n        aria-describedby={\n          [description && setId(elementId, \"description\"), ariaDescribedBy].join(\" \").trim() ||\n          undefined\n        }\n        {...dropdownProps}\n      >\n        <div ref={focusTarget} tabIndex={-1} />\n        <HvCalendar\n          id={setId(id, \"calendar\")}\n          startAdornment={startAdornment}\n          onChange={handleDateChange}\n          onInputChange={handleInputDateChange}\n          onVisibleDateChange={(_event, type, month, target) => {\n            dispatchAction({ type, target, month });\n          }}\n          locale={locale}\n          {...visibleDate}\n        />\n        {(rangeMode || showActions) && renderActions()}\n      </HvBaseDropdown>\n      {canShowError && (\n        <HvWarningText id={setId(elementId, \"error\")} disableBorder className={classes.error}>\n          {validationMessage}\n        </HvWarningText>\n      )}\n    </HvFormElement>\n  );\n};\n\nHvDatePicker.propTypes = {\n  /**\n   * Class names to be applied.\n   */\n  className: PropTypes.string,\n  /**\n   * A Jss Object used to override or extend the component styles 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 container of the labels elements.\n     */\n    labelContainer: PropTypes.string,\n    /**\n     * Styles applied to the label element.\n     */\n    label: PropTypes.string,\n    /**\n     * Styles applied to the icon information text.\n     */\n    description: PropTypes.string,\n\n    /**\n     * Styles applied to the error area.\n     */\n    error: PropTypes.string,\n\n    /**\n     * Styles applied to the dropdown.\n     */\n    dropdown: PropTypes.string,\n\n    panel: PropTypes.string,\n    action: PropTypes.string,\n    icon: PropTypes.string,\n    /**\n     * Styles applied to the date picker when invalid.\n     */\n    dropdownHeaderInvalid: PropTypes.string,\n    /**\n     * Styles applied to the date picker when opened.\n     */\n    dropdownHeaderOpen: PropTypes.string,\n    /**\n     * Styles applied to the container that holds the actions buttons.\n     */\n    actionContainer: PropTypes.string,\n    /**\n     * Styles applied to the container that holds the clear button.\n     */\n    leftContainer: PropTypes.string,\n    /**\n     * Styles applied to the container that holds the apply and cancel button.\n     */\n    rightContainer: PropTypes.string,\n  }).isRequired,\n\n  /**\n   * Id to be applied to the form element root node.\n   */\n  id: PropTypes.string,\n\n  /**\n   * The form element name.\n   */\n  name: PropTypes.string,\n\n  /**\n   * The label of the form element.\n   *\n   * The form element must be labeled for accessibility reasons.\n   * If not provided, an aria-label or aria-labelledby must be provided instead.\n   */\n  label: PropTypes.node,\n  /**\n   * @ignore\n   */\n  \"aria-label\": PropTypes.string,\n  /**\n   * @ignore\n   */\n  \"aria-labelledby\": PropTypes.string,\n  /**\n   * Provide additional descriptive text for the form element.\n   */\n  description: PropTypes.node,\n  /**\n   * @ignore\n   */\n  \"aria-describedby\": PropTypes.string,\n\n  /**\n   * The placeholder value when nothing is selected.\n   */\n  placeholder: PropTypes.string,\n\n  /**\n   * Indicates that the form element is disabled.\n   */\n  disabled: PropTypes.bool,\n  /**\n   * Indicates that user input is required on the form element.\n   */\n  required: PropTypes.bool,\n\n  /**\n   * The status of the form element.\n   *\n   * Valid is correct, invalid is incorrect and standBy means no validations have run.\n   *\n   * When uncontrolled and unspecified it will default to \"standBy\" and change to either \"valid\"\n   * or \"invalid\" after any change to the state.\n   */\n  status: PropTypes.oneOf([\"standBy\", \"valid\", \"invalid\"]),\n  /**\n   * The error message to show when the validation status is \"invalid\".\n   *\n   * Defaults to \"Required\" when the status is uncontrolled and no `aria-errormessage` is provided.\n   */\n  statusMessage: PropTypes.node,\n  /**\n   * Identifies the element that provides an error message for the date picker.\n   *\n   * Will only be used when the validation status is invalid.\n   */\n  \"aria-errormessage\": PropTypes.string,\n\n  /**\n   * The callback fired when the value changes.\n   */\n  onChange: PropTypes.func,\n\n  /**\n   * The callback fired when user clicks on cancel.\n   */\n  onCancel: PropTypes.func,\n\n  /**\n   * The callback fired when user clicks on clear.\n   */\n  onClear: PropTypes.func,\n\n  /**\n   * An object containing all the labels for the datepicker.\n   */\n  labels: PropTypes.shape({\n    /**\n     * Apply button label.\n     */\n    applyLabel: PropTypes.string,\n    /**\n     * Cancel button label.\n     */\n    cancelLabel: PropTypes.string,\n    /**\n     * Clear button label.\n     */\n    clearLabel: PropTypes.string,\n  }),\n\n  /**\n   * The initial value of the input when in single calendar mode.\n   */\n  value: PropTypes.instanceOf(Date),\n  /**\n   * The initial value for the start date when in range mode.\n   */\n  startValue: PropTypes.instanceOf(Date),\n  /**\n   * The initial value for the end date when in range mode.\n   */\n  endValue: PropTypes.instanceOf(Date),\n  /**\n   * Flag informing if the the component should be in range mode or in single mode.\n   */\n  rangeMode: PropTypes.bool,\n  /**\n   * The placement where the calendar should be placed according to the input. Options are `left` or `right`.\n   * Note this prop only affects the calendar when in `rangeMode`.\n   */\n  horizontalPlacement: PropTypes.oneOf([\"left\", \"right\"]),\n  /**\n   * The calendar locale. If undefined, it uses calendar default\n   */\n  locale: PropTypes.string,\n\n  /**\n   * Controls if actions buttons are visible at the calendar.\n   */\n  showActions: PropTypes.bool,\n  /**\n   * Controls if clear button is visible at the calendar,\n   * only works if showing actions or in range mode.\n   */\n  showClear: PropTypes.bool,\n  /**\n   * Disable the portal behavior. The children stay within it's parent DOM hierarchy.\n   */\n  disablePortal: PropTypes.bool,\n  /**\n   * Sets if the calendar container should follow the date picker input out of the screen or stay visible.\n   */\n  escapeWithReference: PropTypes.bool,\n  /**\n   * An element placed before the Calendar\n   */\n  startAdornment: PropTypes.node,\n  /**\n   * An object containing props to be passed onto the baseDropdown.\n   */\n  dropdownProps: PropTypes.instanceOf(Object),\n  /**\n   * If `true` the DatePicker will be in read only mode, unable to be interacted.\n   */\n  readOnly: PropTypes.bool,\n};\n\nexport default withStyles(styles, { name: \"HvDatePicker\", index: 1 })(HvDatePicker);\n"],"mappings":"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"}
+{"version":3,"file":"DatePicker.js","names":["DEFAULT_LABELS","applyLabel","cancelLabel","clearLabel","HvDatePicker","props","classes","className","id","name","required","disabled","readOnly","label","ariaLabel","ariaLabelledBy","description","ariaDescribedBy","onChange","onCancel","onClear","status","statusMessage","ariaErrorMessage","placeholder","labelsProp","labels","value","startValue","endValue","rangeMode","startAdornment","horizontalPlacement","localeProp","locale","showActions","showClear","disablePortal","escapeWithReference","dropdownProps","calendarProps","others","useLabels","elementId","useUniqueId","useControlled","validationState","setValidationState","validationMessage","localeFromProvider","useLocale","useState","calendarOpen","setCalendarOpen","useSavedState","startDate","setStartDate","rollbackStartDate","endDate","setEndDate","rollbackEndDate","useVisibleDate","visibleDate","dispatchAction","focusTarget","useRef","useEffect","endDateIsSet","current","type","NAV_OPTIONS","MONTH_YEAR","target","year","getFullYear","month","getMonth","handleApply","isDate","handleCancel","handleClear","undefined","handleCalendarClose","shouldSave","handleToggle","evt","open","focusOnContainer","focus","handleDateChange","event","newDate","autoSave","handleInputDateChange","position","renderActions","clsx","actionContainer","leftContainer","setId","action","rightContainer","renderInput","dateString","dateValue","hasLabel","hasDescription","canShowError","isStateInvalid","isInvalid","errorMessageId","root","labelContainer","dropdown","panel","header","dropdownHeaderInvalid","headerOpen","dropdownHeaderOpen","getDateLabel","icon","modifiers","enabled","join","trim","_event","error","propTypes","PropTypes","string","shape","isRequired","node","bool","oneOf","func","instanceOf","Date","Object","withStyles","styles","index"],"sources":["../../src/DatePicker/DatePicker.js"],"sourcesContent":["import React, { useState, useEffect, useRef } from \"react\";\nimport PropTypes from \"prop-types\";\nimport { withStyles } from \"@mui/styles\";\nimport { Calendar } from \"@hitachivantara/uikit-react-icons\";\nimport clsx from \"clsx\";\nimport { setId, useSavedState, useLabels } from \"../utils\";\nimport {\n  HvActionBar,\n  HvBaseDropdown,\n  HvButton,\n  HvCalendar,\n  HvLabel,\n  HvInfoMessage,\n  HvFormElement,\n  HvWarningText,\n  HvTypography,\n  useUniqueId,\n  useControlled,\n} from \"..\";\nimport { isInvalid } from \"../Forms/FormElement/validationStates\";\nimport styles from \"./styles\";\nimport { isDate } from \"../Calendar/utils\";\nimport { getDateLabel } from \"./utils\";\nimport useVisibleDate from \"./useVisibleDate\";\nimport useLocale from \"../Provider/useLocale\";\nimport { NAV_OPTIONS } from \"../Calendar/enums\";\n\nconst DEFAULT_LABELS = {\n  applyLabel: \"Apply\",\n  cancelLabel: \"Cancel\",\n  clearLabel: \"Clear\",\n};\n\n/**\n * A date picker, popup calendar or date range picker is a graphical user\n * interface widget which allows the user to select a date from a calendar.\n */\nconst HvDatePicker = (props) => {\n  const {\n    classes,\n    className,\n\n    id,\n    name,\n\n    required = false,\n    disabled = false,\n    readOnly,\n\n    label,\n    \"aria-label\": ariaLabel,\n    \"aria-labelledby\": ariaLabelledBy,\n    description,\n    \"aria-describedby\": ariaDescribedBy,\n\n    onChange,\n    onCancel,\n    onClear,\n    status,\n    statusMessage,\n    \"aria-errormessage\": ariaErrorMessage,\n\n    placeholder,\n\n    labels: labelsProp,\n\n    value,\n    startValue,\n    endValue,\n\n    rangeMode = false,\n    startAdornment,\n    horizontalPlacement = \"right\",\n    locale: localeProp,\n    showActions = false,\n    showClear = false,\n    disablePortal = true,\n    escapeWithReference = true,\n    dropdownProps,\n    calendarProps,\n    ...others\n  } = props;\n\n  const labels = useLabels(DEFAULT_LABELS, labelsProp);\n\n  const elementId = useUniqueId(id, \"hvdatepicker\");\n\n  const [validationState, setValidationState] = useControlled(status, \"standBy\");\n\n  const [validationMessage] = useControlled(statusMessage, \"Required\");\n\n  const localeFromProvider = useLocale();\n\n  const locale = localeProp || localeFromProvider;\n\n  const [calendarOpen, setCalendarOpen] = useState(false);\n\n  const [startDate, setStartDate, rollbackStartDate] = useSavedState(\n    rangeMode ? startValue : value\n  );\n  const [endDate, setEndDate, rollbackEndDate] = useSavedState(endValue);\n\n  const [visibleDate, dispatchAction] = useVisibleDate(startDate, endDate);\n\n  const focusTarget = useRef();\n\n  useEffect(() => {\n    setStartDate(rangeMode ? startValue : value, true);\n    setEndDate(endValue, true);\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [value, startValue, endValue, rangeMode]);\n\n  const endDateIsSet = useRef(false);\n  endDateIsSet.current = endDate != null;\n\n  useEffect(() => {\n    if (startDate != null) {\n      dispatchAction({\n        type: NAV_OPTIONS.MONTH_YEAR,\n        target: endDateIsSet.current ? \"left\" : \"best\",\n        year: startDate.getFullYear(),\n        month: startDate.getMonth() + 1,\n      });\n    }\n  }, [dispatchAction, startDate]);\n\n  useEffect(() => {\n    if (endDate != null) {\n      dispatchAction({\n        type: NAV_OPTIONS.MONTH_YEAR,\n        target: \"right\",\n        year: endDate.getFullYear(),\n        month: endDate.getMonth() + 1,\n      });\n    }\n  }, [dispatchAction, endDate]);\n\n  /**\n   * Handles the `Apply` action. Both single and ranged modes are handled here.\n   */\n  const handleApply = () => {\n    setStartDate(startDate, true);\n    setEndDate(endDate ?? startDate, true);\n\n    onChange?.(startDate, endDate);\n\n    setValidationState(() => {\n      // this will only run if status is uncontrolled\n      if (required && (!isDate(startDate) || (rangeMode && !isDate(endDate)))) {\n        return \"invalid\";\n      }\n\n      return \"valid\";\n    });\n\n    setCalendarOpen(false);\n  };\n\n  /**\n   * Handles the `Cancel` action. Both single and ranged modes are handled here.\n   */\n  const handleCancel = () => {\n    rollbackStartDate();\n    rollbackEndDate();\n\n    onCancel?.();\n\n    setCalendarOpen(false);\n  };\n\n  /**\n   * Handles the `Cancel` action. Both single and ranged modes are handled here.\n   */\n  const handleClear = () => {\n    setStartDate(undefined, false);\n    setEndDate(undefined, false);\n    onClear?.();\n  };\n\n  const handleCalendarClose = () => {\n    const shouldSave = !(rangeMode || showActions);\n    if (shouldSave) {\n      handleApply();\n    } else {\n      handleCancel();\n    }\n  };\n\n  const handleToggle = (evt, open) => {\n    /* \n     If evt is null this toggle wasn't triggered by the user.\n     instead it was triggered by the baseDropdown useEffect after\n     the datepicker changed the expanded value this baseDropdown behavior needs a review\n    */\n    if (evt === null) return;\n    setCalendarOpen(open);\n    if (!open) handleCalendarClose();\n  };\n\n  const focusOnContainer = () => {\n    focusTarget.current?.focus();\n  };\n\n  const handleDateChange = (event, newDate) => {\n    if (!isDate(newDate)) return;\n\n    const autoSave = !showActions && !rangeMode;\n\n    if (rangeMode) {\n      if (!startDate || (startDate && endDate) || newDate < startDate) {\n        setStartDate(newDate);\n        setEndDate(null);\n      } else {\n        setEndDate(newDate);\n      }\n    } else {\n      setStartDate(newDate, autoSave);\n    }\n\n    if (autoSave) {\n      onChange?.(newDate);\n\n      setValidationState(() => {\n        // this will only run if status is uncontrolled\n        if (required && !isDate(newDate)) {\n          return \"invalid\";\n        }\n\n        return \"valid\";\n      });\n\n      setCalendarOpen(false);\n    }\n  };\n\n  const handleInputDateChange = (event, newDate, position) => {\n    if (!isDate(newDate)) return;\n\n    if (!rangeMode) {\n      handleDateChange(event, newDate);\n      return;\n    }\n\n    if (position === \"left\") {\n      setStartDate(newDate > endDate ? endDate : newDate);\n    } else if (position === \"right\") {\n      if (!startDate) {\n        setStartDate(newDate > endDate ? endDate : newDate);\n        return;\n      }\n      setEndDate(newDate < startDate ? startDate : newDate);\n    }\n  };\n\n  /**\n   * Renders the container for the action elements.\n   */\n  const renderActions = () => (\n    <HvActionBar\n      className={clsx({\n        [classes.actionContainer]: showClear,\n      })}\n    >\n      {showClear && (\n        <div className={classes.leftContainer}>\n          <HvButton\n            id={setId(id, \"action\", \"clear\")}\n            className={classes.action}\n            category=\"ghost\"\n            onClick={handleClear}\n          >\n            {labels.clearLabel}\n          </HvButton>\n        </div>\n      )}\n      <div className={classes.rightContainer}>\n        <HvButton\n          id={setId(id, \"action\", \"apply\")}\n          className={classes.action}\n          category=\"ghost\"\n          onClick={handleApply}\n        >\n          {labels.applyLabel}\n        </HvButton>\n        <HvButton\n          id={setId(id, \"action\", \"cancel\")}\n          className={classes.action}\n          category=\"ghost\"\n          onClick={handleCancel}\n        >\n          {labels.cancelLabel}\n        </HvButton>\n      </div>\n    </HvActionBar>\n  );\n\n  const renderInput = (dateString) => (\n    <HvTypography variant={dateString ? \"normalText\" : \"placeholderText\"}>\n      {(dateString || placeholder) === undefined ? \"\" : dateString || placeholder}\n    </HvTypography>\n  );\n\n  const dateValue = rangeMode ? { startDate, endDate } : startDate;\n\n  const hasLabel = label != null;\n  const hasDescription = description != null;\n\n  // the error message area will only be created if:\n  // - an external element that provides an error message isn't identified via aria-errormessage AND\n  //   - both status and statusMessage properties are being controlled OR\n  //   - status is uncontrolled and required is true\n  const canShowError =\n    ariaErrorMessage == null &&\n    ((status !== undefined && statusMessage !== undefined) || (status === undefined && required));\n\n  const isStateInvalid = isInvalid(validationState);\n\n  let errorMessageId;\n  if (isStateInvalid) {\n    errorMessageId = canShowError ? setId(elementId, \"error\") : ariaErrorMessage;\n  }\n\n  return (\n    <HvFormElement\n      id={id}\n      name={name}\n      value={dateValue}\n      status={validationState}\n      disabled={disabled}\n      required={required}\n      className={clsx(className, classes.root)}\n      locale={locale}\n      readOnly={readOnly}\n      {...others}\n    >\n      {(hasLabel || hasDescription) && (\n        <div className={classes.labelContainer}>\n          {hasLabel && (\n            <HvLabel id={setId(elementId, \"label\")} label={label} className={classes.label} />\n          )}\n\n          {hasDescription && (\n            <HvInfoMessage id={setId(elementId, \"description\")} className={classes.description}>\n              {description}\n            </HvInfoMessage>\n          )}\n        </div>\n      )}\n      <HvBaseDropdown\n        role=\"combobox\"\n        classes={{\n          root: classes.dropdown,\n          panel: classes.panel,\n          header: isStateInvalid ? classes.dropdownHeaderInvalid : undefined,\n          headerOpen: classes.dropdownHeaderOpen,\n        }}\n        readOnly={readOnly}\n        disabled={disabled}\n        disablePortal={disablePortal}\n        variableWidth\n        placement={horizontalPlacement}\n        expanded={calendarOpen}\n        onToggle={handleToggle}\n        onClickOutside={handleCalendarClose}\n        onContainerCreation={focusOnContainer}\n        placeholder={renderInput(getDateLabel(dateValue, rangeMode, locale))}\n        adornment={<Calendar className={classes.icon} color={disabled ? \"atmo5\" : undefined} />}\n        popperProps={{ modifiers: [{ name: \"preventOverflow\", enabled: escapeWithReference }] }}\n        aria-haspopup=\"dialog\"\n        aria-label={ariaLabel}\n        aria-labelledby={\n          [label && setId(elementId, \"label\"), ariaLabelledBy].join(\" \").trim() || undefined\n        }\n        aria-invalid={isStateInvalid ? true : undefined}\n        aria-errormessage={errorMessageId}\n        aria-describedby={\n          [description && setId(elementId, \"description\"), ariaDescribedBy].join(\" \").trim() ||\n          undefined\n        }\n        {...dropdownProps}\n      >\n        <div ref={focusTarget} tabIndex={-1} />\n        <HvCalendar\n          id={setId(id, \"calendar\")}\n          startAdornment={startAdornment}\n          onChange={handleDateChange}\n          onInputChange={handleInputDateChange}\n          onVisibleDateChange={(_event, type, month, target) => {\n            dispatchAction({ type, target, month });\n          }}\n          locale={locale}\n          {...visibleDate}\n          {...calendarProps}\n        />\n        {(rangeMode || showActions) && renderActions()}\n      </HvBaseDropdown>\n      {canShowError && (\n        <HvWarningText id={setId(elementId, \"error\")} disableBorder className={classes.error}>\n          {validationMessage}\n        </HvWarningText>\n      )}\n    </HvFormElement>\n  );\n};\n\nHvDatePicker.propTypes = {\n  /**\n   * Class names to be applied.\n   */\n  className: PropTypes.string,\n  /**\n   * A Jss Object used to override or extend the component styles 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 container of the labels elements.\n     */\n    labelContainer: PropTypes.string,\n    /**\n     * Styles applied to the label element.\n     */\n    label: PropTypes.string,\n    /**\n     * Styles applied to the icon information text.\n     */\n    description: PropTypes.string,\n\n    /**\n     * Styles applied to the error area.\n     */\n    error: PropTypes.string,\n\n    /**\n     * Styles applied to the dropdown.\n     */\n    dropdown: PropTypes.string,\n\n    panel: PropTypes.string,\n    action: PropTypes.string,\n    icon: PropTypes.string,\n    /**\n     * Styles applied to the date picker when invalid.\n     */\n    dropdownHeaderInvalid: PropTypes.string,\n    /**\n     * Styles applied to the date picker when opened.\n     */\n    dropdownHeaderOpen: PropTypes.string,\n    /**\n     * Styles applied to the container that holds the actions buttons.\n     */\n    actionContainer: PropTypes.string,\n    /**\n     * Styles applied to the container that holds the clear button.\n     */\n    leftContainer: PropTypes.string,\n    /**\n     * Styles applied to the container that holds the apply and cancel button.\n     */\n    rightContainer: PropTypes.string,\n  }).isRequired,\n\n  /**\n   * Id to be applied to the form element root node.\n   */\n  id: PropTypes.string,\n\n  /**\n   * The form element name.\n   */\n  name: PropTypes.string,\n\n  /**\n   * The label of the form element.\n   *\n   * The form element must be labeled for accessibility reasons.\n   * If not provided, an aria-label or aria-labelledby must be provided instead.\n   */\n  label: PropTypes.node,\n  /**\n   * @ignore\n   */\n  \"aria-label\": PropTypes.string,\n  /**\n   * @ignore\n   */\n  \"aria-labelledby\": PropTypes.string,\n  /**\n   * Provide additional descriptive text for the form element.\n   */\n  description: PropTypes.node,\n  /**\n   * @ignore\n   */\n  \"aria-describedby\": PropTypes.string,\n\n  /**\n   * The placeholder value when nothing is selected.\n   */\n  placeholder: PropTypes.string,\n\n  /**\n   * Indicates that the form element is disabled.\n   */\n  disabled: PropTypes.bool,\n  /**\n   * Indicates that user input is required on the form element.\n   */\n  required: PropTypes.bool,\n\n  /**\n   * The status of the form element.\n   *\n   * Valid is correct, invalid is incorrect and standBy means no validations have run.\n   *\n   * When uncontrolled and unspecified it will default to \"standBy\" and change to either \"valid\"\n   * or \"invalid\" after any change to the state.\n   */\n  status: PropTypes.oneOf([\"standBy\", \"valid\", \"invalid\"]),\n  /**\n   * The error message to show when the validation status is \"invalid\".\n   *\n   * Defaults to \"Required\" when the status is uncontrolled and no `aria-errormessage` is provided.\n   */\n  statusMessage: PropTypes.node,\n  /**\n   * Identifies the element that provides an error message for the date picker.\n   *\n   * Will only be used when the validation status is invalid.\n   */\n  \"aria-errormessage\": PropTypes.string,\n\n  /**\n   * The callback fired when the value changes.\n   */\n  onChange: PropTypes.func,\n\n  /**\n   * The callback fired when user clicks on cancel.\n   */\n  onCancel: PropTypes.func,\n\n  /**\n   * The callback fired when user clicks on clear.\n   */\n  onClear: PropTypes.func,\n\n  /**\n   * An object containing all the labels for the datepicker.\n   */\n  labels: PropTypes.shape({\n    /**\n     * Apply button label.\n     */\n    applyLabel: PropTypes.string,\n    /**\n     * Cancel button label.\n     */\n    cancelLabel: PropTypes.string,\n    /**\n     * Clear button label.\n     */\n    clearLabel: PropTypes.string,\n  }),\n\n  /**\n   * The initial value of the input when in single calendar mode.\n   */\n  value: PropTypes.instanceOf(Date),\n  /**\n   * The initial value for the start date when in range mode.\n   */\n  startValue: PropTypes.instanceOf(Date),\n  /**\n   * The initial value for the end date when in range mode.\n   */\n  endValue: PropTypes.instanceOf(Date),\n  /**\n   * Flag informing if the the component should be in range mode or in single mode.\n   */\n  rangeMode: PropTypes.bool,\n  /**\n   * The placement where the calendar should be placed according to the input. Options are `left` or `right`.\n   * Note this prop only affects the calendar when in `rangeMode`.\n   */\n  horizontalPlacement: PropTypes.oneOf([\"left\", \"right\"]),\n  /**\n   * The calendar locale. If undefined, it uses calendar default\n   */\n  locale: PropTypes.string,\n\n  /**\n   * Controls if actions buttons are visible at the calendar.\n   */\n  showActions: PropTypes.bool,\n  /**\n   * Controls if clear button is visible at the calendar,\n   * only works if showing actions or in range mode.\n   */\n  showClear: PropTypes.bool,\n  /**\n   * Disable the portal behavior. The children stay within it's parent DOM hierarchy.\n   */\n  disablePortal: PropTypes.bool,\n  /**\n   * Sets if the calendar container should follow the date picker input out of the screen or stay visible.\n   */\n  escapeWithReference: PropTypes.bool,\n  /**\n   * An element placed before the Calendar\n   */\n  startAdornment: PropTypes.node,\n  /**\n   * An object containing props to be passed onto the baseDropdown.\n   */\n  dropdownProps: PropTypes.instanceOf(Object),\n  /**\n   * If `true` the DatePicker will be in read only mode, unable to be interacted.\n   */\n  readOnly: PropTypes.bool,\n  /**\n   * Additional props passed to the HvCalendar component.\n   */\n  calendarProps: PropTypes.instanceOf(Object),\n};\n\nexport default withStyles(styles, { name: \"HvDatePicker\", index: 1 })(HvDatePicker);\n"],"mappings":"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"}

package/dist/FileUploader/File/File.js

@@ -68,6 +68,7 @@ var File = function File(_ref2) {
   var statusIcon = getStatusIcon(classes, data.status);
   var currentProgress = getProgressBarWith(data);
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)("li", {
+    className: classes.root,
     children: [!hasError && inProgress && /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
       className: classes.progressbarBack
     }), !hasError && inProgress && /*#__PURE__*/(0, _jsxRuntime.jsx)("progress", {
@@ -112,6 +113,10 @@ process.env.NODE_ENV !== "production" ? File.propTypes = {
    * A Jss Object used to override or extend the styles applied to the Switch Component.
    */
   classes: _propTypes.default.shape({
+    /**
+     * Styles applied to the root element.
+     */
+    root: _propTypes.default.string,
     /**
      * Style applied to the progress bar.
      */

package/dist/FileUploader/File/File.js.map

@@ -1 +1 @@
-{"version":3,"file":"File.js","names":["getStatusIcon","classes","status","icon","getProgressText","data","hasFailed","inProgress","progress","size","errorMessage","convertUnits","fail","getProgressBarWith","width","Math","round","File","id","onFileRemoved","removeFileButtonLabel","hasError","progressText","statusIcon","currentProgress","progressbarBack","progressbar","nameText","name","progressTextContainer","preview","previewContainer","setId","removeButton","propTypes","PropTypes","string","shape","isRequired","oneOf","node","func","withStyles","styles"],"sources":["../../../src/FileUploader/File/File.js"],"sourcesContent":["import React from \"react\";\nimport PropTypes from \"prop-types\";\nimport { withStyles } from \"@mui/styles\";\nimport { IconButton } from \"@mui/material\";\nimport { Fail, Close, Success } from \"@hitachivantara/uikit-react-icons\";\nimport HvTypography from \"../../Typography\";\nimport { setId } from \"../../utils/setId\";\nimport { convertUnits } from \"../utils\";\nimport styles from \"./styles\";\n\nconst getStatusIcon = (classes, status) => {\n  switch (status) {\n    case \"success\":\n      return <Success className={classes.icon} color=\"sema1\" />;\n    case \"fail\":\n      return <Fail className={classes.icon} color=\"sema4\" />;\n    default:\n      return <div className={classes.icon} />;\n  }\n};\n\nconst getProgressText = (classes, data) => {\n  const hasFailed = data.status === \"fail\";\n  const inProgress = data.status === \"progress\";\n\n  return (\n    <>\n      {data.progress || data.size || data.errorMessage ? `\\xa0|\\xa0` : null}\n\n      {inProgress && data.progress != null && (\n        <HvTypography variant=\"highlightText\">\n          {`${convertUnits(data.progress)}\\xa0/\\xa0`}\n        </HvTypography>\n      )}\n\n      {!hasFailed && data.size && <HvTypography>{`${convertUnits(data.size)}`}</HvTypography>}\n\n      {hasFailed && data.errorMessage && (\n        <HvTypography className={classes.fail}>{data.errorMessage}</HvTypography>\n      )}\n    </>\n  );\n};\n\nconst getProgressBarWith = ({ size, progress }) => {\n  const width = Math.round((progress * 100) / size);\n\n  return width;\n};\n\nconst File = ({ id, classes, data, onFileRemoved, removeFileButtonLabel }) => {\n  const hasError = data.status === \"fail\";\n  const inProgress = data.status === \"progress\";\n  const progressText = getProgressText(classes, data);\n  const statusIcon = getStatusIcon(classes, data.status);\n\n  const currentProgress = getProgressBarWith(data);\n\n  return (\n    <li>\n      {!hasError && inProgress && <span className={classes.progressbarBack} />}\n\n      {!hasError && inProgress && (\n        <progress\n          className={classes.progressbar}\n          aria-valuemin=\"0\"\n          aria-valuemax=\"100\"\n          aria-valuenow={currentProgress}\n          style={{ width: `${currentProgress}%` }}\n        />\n      )}\n\n      {statusIcon}\n\n      <HvTypography noWrap className={classes.nameText} variant=\"highlightText\">\n        {data.name}\n      </HvTypography>\n\n      <span className={classes.progressTextContainer}>{progressText}</span>\n\n      {data.preview && <div className={classes.previewContainer}>{data.preview}</div>}\n\n      <IconButton\n        id={setId(id, \"remove-button\")}\n        aria-label={removeFileButtonLabel}\n        className={classes.removeButton}\n        category=\"ghost\"\n        onClick={() => onFileRemoved?.(data)}\n      >\n        <Close iconSize=\"XS\" />\n      </IconButton>\n    </li>\n  );\n};\n\nFile.propTypes = {\n  /**\n   * Id to be applied to the root node.\n   */\n  id: PropTypes.string,\n  /**\n   * A Jss Object used to override or extend the styles applied to the Switch Component.\n   */\n  classes: PropTypes.shape({\n    /**\n     * Style applied to the progress bar.\n     */\n    progressbar: PropTypes.string,\n    /**\n     * Style applied to the progress bar background.\n     */\n    progressbarBack: PropTypes.string,\n    /**\n     * Style applied to the file name.\n     */\n    nameText: PropTypes.string,\n    /**\n     * Style applied to the container of the progress bar.\n     */\n    progressTextContainer: PropTypes.string,\n    /**\n     * Style applied to the remove button.\n     */\n    removeButton: PropTypes.string,\n    /**\n     * Style applied to the file preview container.\n     */\n    previewContainer: PropTypes.string,\n  }).isRequired,\n  /**\n   * File information to be displayed\n   */\n  data: PropTypes.shape({\n    /**\n     * The file id.\n     */\n    id: PropTypes.string,\n    /**\n     * The file name.\n     */\n    name: PropTypes.string,\n    /**\n     * The upload status.\n     */\n    status: PropTypes.oneOf([\"progress\", \"success\", \"fail\"]),\n    /**\n     * Optional node representing a preview of the uploaded file.\n     */\n    preview: PropTypes.node,\n  }).isRequired,\n  /**\n   * Callback fired when file is removed from list.\n   */\n  onFileRemoved: PropTypes.func.isRequired,\n  /**\n   * Value of aria-label to apply to remove file button in filelist\n   * */\n  removeFileButtonLabel: PropTypes.string.isRequired,\n};\n\nexport default withStyles(styles, { name: \"HvFileUploaderFile\" })(File);\n"],"mappings":"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"}
+{"version":3,"file":"File.js","names":["getStatusIcon","classes","status","icon","getProgressText","data","hasFailed","inProgress","progress","size","errorMessage","convertUnits","fail","getProgressBarWith","width","Math","round","File","id","onFileRemoved","removeFileButtonLabel","hasError","progressText","statusIcon","currentProgress","root","progressbarBack","progressbar","nameText","name","progressTextContainer","preview","previewContainer","setId","removeButton","propTypes","PropTypes","string","shape","isRequired","oneOf","node","func","withStyles","styles"],"sources":["../../../src/FileUploader/File/File.js"],"sourcesContent":["import React from \"react\";\nimport PropTypes from \"prop-types\";\nimport { withStyles } from \"@mui/styles\";\nimport { IconButton } from \"@mui/material\";\nimport { Fail, Close, Success } from \"@hitachivantara/uikit-react-icons\";\nimport HvTypography from \"../../Typography\";\nimport { setId } from \"../../utils/setId\";\nimport { convertUnits } from \"../utils\";\nimport styles from \"./styles\";\n\nconst getStatusIcon = (classes, status) => {\n  switch (status) {\n    case \"success\":\n      return <Success className={classes.icon} color=\"sema1\" />;\n    case \"fail\":\n      return <Fail className={classes.icon} color=\"sema4\" />;\n    default:\n      return <div className={classes.icon} />;\n  }\n};\n\nconst getProgressText = (classes, data) => {\n  const hasFailed = data.status === \"fail\";\n  const inProgress = data.status === \"progress\";\n\n  return (\n    <>\n      {data.progress || data.size || data.errorMessage ? `\\xa0|\\xa0` : null}\n\n      {inProgress && data.progress != null && (\n        <HvTypography variant=\"highlightText\">\n          {`${convertUnits(data.progress)}\\xa0/\\xa0`}\n        </HvTypography>\n      )}\n\n      {!hasFailed && data.size && <HvTypography>{`${convertUnits(data.size)}`}</HvTypography>}\n\n      {hasFailed && data.errorMessage && (\n        <HvTypography className={classes.fail}>{data.errorMessage}</HvTypography>\n      )}\n    </>\n  );\n};\n\nconst getProgressBarWith = ({ size, progress }) => {\n  const width = Math.round((progress * 100) / size);\n\n  return width;\n};\n\nconst File = ({ id, classes, data, onFileRemoved, removeFileButtonLabel }) => {\n  const hasError = data.status === \"fail\";\n  const inProgress = data.status === \"progress\";\n  const progressText = getProgressText(classes, data);\n  const statusIcon = getStatusIcon(classes, data.status);\n\n  const currentProgress = getProgressBarWith(data);\n\n  return (\n    <li className={classes.root}>\n      {!hasError && inProgress && <span className={classes.progressbarBack} />}\n\n      {!hasError && inProgress && (\n        <progress\n          className={classes.progressbar}\n          aria-valuemin=\"0\"\n          aria-valuemax=\"100\"\n          aria-valuenow={currentProgress}\n          style={{ width: `${currentProgress}%` }}\n        />\n      )}\n\n      {statusIcon}\n\n      <HvTypography noWrap className={classes.nameText} variant=\"highlightText\">\n        {data.name}\n      </HvTypography>\n\n      <span className={classes.progressTextContainer}>{progressText}</span>\n\n      {data.preview && <div className={classes.previewContainer}>{data.preview}</div>}\n\n      <IconButton\n        id={setId(id, \"remove-button\")}\n        aria-label={removeFileButtonLabel}\n        className={classes.removeButton}\n        category=\"ghost\"\n        onClick={() => onFileRemoved?.(data)}\n      >\n        <Close iconSize=\"XS\" />\n      </IconButton>\n    </li>\n  );\n};\n\nFile.propTypes = {\n  /**\n   * Id to be applied to the root node.\n   */\n  id: PropTypes.string,\n  /**\n   * A Jss Object used to override or extend the styles applied to the Switch Component.\n   */\n  classes: PropTypes.shape({\n    /**\n     * Styles applied to the root element.\n     */\n    root: PropTypes.string,\n    /**\n     * Style applied to the progress bar.\n     */\n    progressbar: PropTypes.string,\n    /**\n     * Style applied to the progress bar background.\n     */\n    progressbarBack: PropTypes.string,\n    /**\n     * Style applied to the file name.\n     */\n    nameText: PropTypes.string,\n    /**\n     * Style applied to the container of the progress bar.\n     */\n    progressTextContainer: PropTypes.string,\n    /**\n     * Style applied to the remove button.\n     */\n    removeButton: PropTypes.string,\n    /**\n     * Style applied to the file preview container.\n     */\n    previewContainer: PropTypes.string,\n  }).isRequired,\n  /**\n   * File information to be displayed\n   */\n  data: PropTypes.shape({\n    /**\n     * The file id.\n     */\n    id: PropTypes.string,\n    /**\n     * The file name.\n     */\n    name: PropTypes.string,\n    /**\n     * The upload status.\n     */\n    status: PropTypes.oneOf([\"progress\", \"success\", \"fail\"]),\n    /**\n     * Optional node representing a preview of the uploaded file.\n     */\n    preview: PropTypes.node,\n  }).isRequired,\n  /**\n   * Callback fired when file is removed from list.\n   */\n  onFileRemoved: PropTypes.func.isRequired,\n  /**\n   * Value of aria-label to apply to remove file button in filelist\n   * */\n  removeFileButtonLabel: PropTypes.string.isRequired,\n};\n\nexport default withStyles(styles, { name: \"HvFileUploaderFile\" })(File);\n"],"mappings":"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"}

package/dist/FileUploader/File/styles.js

@@ -6,6 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var styles = function styles(theme) {
   return {
+    root: {},
     progressbarBack: {
       position: "absolute",
       top: "-1px",
@@ -37,8 +38,6 @@ var styles = function styles(theme) {
       "& img": {
         width: "100%",
         height: "100%",
-        maxWidth: 52,
-        maxHeight: 52,
         objectFit: "cover",
         objectPosition: "center"
       }

package/dist/FileUploader/File/styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"styles.js","names":["styles","theme","progressbarBack","position","top","width","border","hv","palette","atmosphere","atmo4","progressbar","height","accent","acce1","background","progressTextContainer","display","flexGrow","alignItems","previewContainer","margin","hvSpacing","justifyContent","maxWidth","maxHeight","objectFit","objectPosition","icon","removeButton","fail","color","sema4","nameText"],"sources":["../../../src/FileUploader/File/styles.js"],"sourcesContent":["const styles = (theme) => ({\n  progressbarBack: {\n    position: \"absolute\",\n    top: \"-1px\",\n    width: \"100%\",\n    border: `1px solid ${theme.hv.palette.atmosphere.atmo4}`,\n  },\n  progressbar: {\n    position: \"absolute\",\n    top: \"-1px\",\n    width: \"80%\",\n    height: 2,\n    border: `1px solid ${theme.hv.palette.accent.acce1}`,\n    \"&::-moz-progress-bar\": {\n      background: theme.hv.palette.accent.acce1,\n    },\n  },\n  progressTextContainer: {\n    display: \"flex\",\n    flexGrow: 1,\n    alignItems: \"center\",\n  },\n  previewContainer: {\n    display: \"flex\",\n    margin: theme.hvSpacing(0, \"xs\"),\n    width: 52,\n    height: 52,\n    justifyContent: \"center\",\n    alignItems: \"center\",\n\n    \"& img\": {\n      width: \"100%\",\n      height: \"100%\",\n      maxWidth: 52,\n      maxHeight: 52,\n      objectFit: \"cover\",\n      objectPosition: \"center\",\n    },\n  },\n  icon: {\n    width: 32,\n    height: 32,\n    margin: theme.hvSpacing(0, \"xs\"),\n  },\n  removeButton: {\n    margin: theme.hvSpacing(0, \"xs\"),\n  },\n  fail: {\n    color: theme.palette.sema4,\n  },\n  nameText: {},\n});\n\nexport default styles;\n"],"mappings":";;;;;;AAAA,IAAMA,MAAM,GAAG,SAATA,MAAM,CAAIC,KAAK;EAAA,OAAM;IACzBC,eAAe,EAAE;MACfC,QAAQ,EAAE,UAAU;MACpBC,GAAG,EAAE,MAAM;MACXC,KAAK,EAAE,MAAM;MACbC,MAAM,sBAAeL,KAAK,CAACM,EAAE,CAACC,OAAO,CAACC,UAAU,CAACC,KAAK;IACxD,CAAC;IACDC,WAAW,EAAE;MACXR,QAAQ,EAAE,UAAU;MACpBC,GAAG,EAAE,MAAM;MACXC,KAAK,EAAE,KAAK;MACZO,MAAM,EAAE,CAAC;MACTN,MAAM,sBAAeL,KAAK,CAACM,EAAE,CAACC,OAAO,CAACK,MAAM,CAACC,KAAK,CAAE;MACpD,sBAAsB,EAAE;QACtBC,UAAU,EAAEd,KAAK,CAACM,EAAE,CAACC,OAAO,CAACK,MAAM,CAACC;MACtC;IACF,CAAC;IACDE,qBAAqB,EAAE;MACrBC,OAAO,EAAE,MAAM;MACfC,QAAQ,EAAE,CAAC;MACXC,UAAU,EAAE;IACd,CAAC;IACDC,gBAAgB,EAAE;MAChBH,OAAO,EAAE,MAAM;MACfI,MAAM,EAAEpB,KAAK,CAACqB,SAAS,CAAC,CAAC,EAAE,IAAI,CAAC;MAChCjB,KAAK,EAAE,EAAE;MACTO,MAAM,EAAE,EAAE;MACVW,cAAc,EAAE,QAAQ;MACxBJ,UAAU,EAAE,QAAQ;MAEpB,OAAO,EAAE;QACPd,KAAK,EAAE,MAAM;QACbO,MAAM,EAAE,MAAM;QACdY,QAAQ,EAAE,EAAE;QACZC,SAAS,EAAE,EAAE;QACbC,SAAS,EAAE,OAAO;QAClBC,cAAc,EAAE;MAClB;IACF,CAAC;IACDC,IAAI,EAAE;MACJvB,KAAK,EAAE,EAAE;MACTO,MAAM,EAAE,EAAE;MACVS,MAAM,EAAEpB,KAAK,CAACqB,SAAS,CAAC,CAAC,EAAE,IAAI;IACjC,CAAC;IACDO,YAAY,EAAE;MACZR,MAAM,EAAEpB,KAAK,CAACqB,SAAS,CAAC,CAAC,EAAE,IAAI;IACjC,CAAC;IACDQ,IAAI,EAAE;MACJC,KAAK,EAAE9B,KAAK,CAACO,OAAO,CAACwB;IACvB,CAAC;IACDC,QAAQ,EAAE,CAAC;EACb,CAAC;AAAA,CAAC;AAAC,eAEYjC,MAAM;AAAA"}
+{"version":3,"file":"styles.js","names":["styles","theme","root","progressbarBack","position","top","width","border","hv","palette","atmosphere","atmo4","progressbar","height","accent","acce1","background","progressTextContainer","display","flexGrow","alignItems","previewContainer","margin","hvSpacing","justifyContent","objectFit","objectPosition","icon","removeButton","fail","color","sema4","nameText"],"sources":["../../../src/FileUploader/File/styles.js"],"sourcesContent":["const styles = (theme) => ({\n  root: {},\n  progressbarBack: {\n    position: \"absolute\",\n    top: \"-1px\",\n    width: \"100%\",\n    border: `1px solid ${theme.hv.palette.atmosphere.atmo4}`,\n  },\n  progressbar: {\n    position: \"absolute\",\n    top: \"-1px\",\n    width: \"80%\",\n    height: 2,\n    border: `1px solid ${theme.hv.palette.accent.acce1}`,\n    \"&::-moz-progress-bar\": {\n      background: theme.hv.palette.accent.acce1,\n    },\n  },\n  progressTextContainer: {\n    display: \"flex\",\n    flexGrow: 1,\n    alignItems: \"center\",\n  },\n  previewContainer: {\n    display: \"flex\",\n    margin: theme.hvSpacing(0, \"xs\"),\n    width: 52,\n    height: 52,\n    justifyContent: \"center\",\n    alignItems: \"center\",\n\n    \"& img\": {\n      width: \"100%\",\n      height: \"100%\",\n      objectFit: \"cover\",\n      objectPosition: \"center\",\n    },\n  },\n  icon: {\n    width: 32,\n    height: 32,\n    margin: theme.hvSpacing(0, \"xs\"),\n  },\n  removeButton: {\n    margin: theme.hvSpacing(0, \"xs\"),\n  },\n  fail: {\n    color: theme.palette.sema4,\n  },\n  nameText: {},\n});\n\nexport default styles;\n"],"mappings":";;;;;;AAAA,IAAMA,MAAM,GAAG,SAATA,MAAM,CAAIC,KAAK;EAAA,OAAM;IACzBC,IAAI,EAAE,CAAC,CAAC;IACRC,eAAe,EAAE;MACfC,QAAQ,EAAE,UAAU;MACpBC,GAAG,EAAE,MAAM;MACXC,KAAK,EAAE,MAAM;MACbC,MAAM,sBAAeN,KAAK,CAACO,EAAE,CAACC,OAAO,CAACC,UAAU,CAACC,KAAK;IACxD,CAAC;IACDC,WAAW,EAAE;MACXR,QAAQ,EAAE,UAAU;MACpBC,GAAG,EAAE,MAAM;MACXC,KAAK,EAAE,KAAK;MACZO,MAAM,EAAE,CAAC;MACTN,MAAM,sBAAeN,KAAK,CAACO,EAAE,CAACC,OAAO,CAACK,MAAM,CAACC,KAAK,CAAE;MACpD,sBAAsB,EAAE;QACtBC,UAAU,EAAEf,KAAK,CAACO,EAAE,CAACC,OAAO,CAACK,MAAM,CAACC;MACtC;IACF,CAAC;IACDE,qBAAqB,EAAE;MACrBC,OAAO,EAAE,MAAM;MACfC,QAAQ,EAAE,CAAC;MACXC,UAAU,EAAE;IACd,CAAC;IACDC,gBAAgB,EAAE;MAChBH,OAAO,EAAE,MAAM;MACfI,MAAM,EAAErB,KAAK,CAACsB,SAAS,CAAC,CAAC,EAAE,IAAI,CAAC;MAChCjB,KAAK,EAAE,EAAE;MACTO,MAAM,EAAE,EAAE;MACVW,cAAc,EAAE,QAAQ;MACxBJ,UAAU,EAAE,QAAQ;MAEpB,OAAO,EAAE;QACPd,KAAK,EAAE,MAAM;QACbO,MAAM,EAAE,MAAM;QACdY,SAAS,EAAE,OAAO;QAClBC,cAAc,EAAE;MAClB;IACF,CAAC;IACDC,IAAI,EAAE;MACJrB,KAAK,EAAE,EAAE;MACTO,MAAM,EAAE,EAAE;MACVS,MAAM,EAAErB,KAAK,CAACsB,SAAS,CAAC,CAAC,EAAE,IAAI;IACjC,CAAC;IACDK,YAAY,EAAE;MACZN,MAAM,EAAErB,KAAK,CAACsB,SAAS,CAAC,CAAC,EAAE,IAAI;IACjC,CAAC;IACDM,IAAI,EAAE;MACJC,KAAK,EAAE7B,KAAK,CAACQ,OAAO,CAACsB;IACvB,CAAC;IACDC,QAAQ,EAAE,CAAC;EACb,CAAC;AAAA,CAAC;AAAC,eAEYhC,MAAM;AAAA"}

package/dist/FileUploader/FileList/FileList.js

@@ -28,6 +28,9 @@ var FileList = function FileList(_ref) {
     className: classes.list,
     children: list.map(function (data) {
       return /*#__PURE__*/(0, _jsxRuntime.jsx)(_File.default, {
+        classes: {
+          root: classes.listItem
+        },
         id: (0, _.setId)(elementId, "values"),
         data: data,
         onFileRemoved: onFileRemoved,

package/dist/FileUploader/FileList/FileList.js.map

@@ -1 +1 @@
-{"version":3,"file":"FileList.js","names":["FileList","id","classes","list","removeFileButtonLabel","onFileRemoved","elementId","useUniqueId","hasFiles","length","setId","map","data","propTypes","PropTypes","string","instanceOf","Object","isRequired","arrayOf","shape","func","withStyles","styles","name"],"sources":["../../../src/FileUploader/FileList/FileList.js"],"sourcesContent":["import React from \"react\";\nimport PropTypes from \"prop-types\";\nimport { withStyles } from \"@mui/styles\";\nimport { setId, useUniqueId } from \"../..\";\nimport File from \"../File\";\nimport styles from \"./styles\";\n\nconst FileList = ({ id, classes, list = [], removeFileButtonLabel, onFileRemoved }) => {\n  const elementId = useUniqueId(id, \"hvfilelist\");\n\n  const hasFiles = list.length > 0;\n  if (!hasFiles) return null;\n\n  return (\n    <ul id={setId(id, \"list\")} className={classes.list}>\n      {list.map((data) => (\n        <File\n          key={data.id}\n          id={setId(elementId, \"values\")}\n          data={data}\n          onFileRemoved={onFileRemoved}\n          removeFileButtonLabel={removeFileButtonLabel}\n        />\n      ))}\n    </ul>\n  );\n};\n\nFileList.propTypes = {\n  /**\n   * Id to be applied to the root node.\n   */\n  id: PropTypes.string,\n  /**\n   * A Jss Object used to override or extend the styles applied to the Switch Component.\n   */\n  classes: PropTypes.instanceOf(Object).isRequired,\n  /**\n   * The files to upload.\n   */\n  list: PropTypes.arrayOf(PropTypes.shape({})),\n  /**\n   * Callback fired when file is removed from list.\n   */\n  onFileRemoved: PropTypes.func,\n  /**\n   * Value of aria-label to apply to remove file button in filelist\n   * */\n  removeFileButtonLabel: PropTypes.string.isRequired,\n};\n\nexport default withStyles(styles, { name: \"HvFileUploaderFileList\" })(FileList);\n"],"mappings":";;;;;;;;AAAA;AACA;AACA;AACA;AACA;AACA;AAA8B;AAE9B,IAAMA,QAAQ,GAAG,SAAXA,QAAQ,OAAyE;EAAA,IAAnEC,EAAE,QAAFA,EAAE;IAAEC,OAAO,QAAPA,OAAO;IAAA,iBAAEC,IAAI;IAAJA,IAAI,0BAAG,EAAE;IAAEC,qBAAqB,QAArBA,qBAAqB;IAAEC,aAAa,QAAbA,aAAa;EAC9E,IAAMC,SAAS,GAAG,IAAAC,aAAW,EAACN,EAAE,EAAE,YAAY,CAAC;EAE/C,IAAMO,QAAQ,GAAGL,IAAI,CAACM,MAAM,GAAG,CAAC;EAChC,IAAI,CAACD,QAAQ,EAAE,OAAO,IAAI;EAE1B,oBACE;IAAI,EAAE,EAAE,IAAAE,OAAK,EAACT,EAAE,EAAE,MAAM,CAAE;IAAC,SAAS,EAAEC,OAAO,CAACC,IAAK;IAAA,UAChDA,IAAI,CAACQ,GAAG,CAAC,UAACC,IAAI;MAAA,oBACb,qBAAC,aAAI;QAEH,EAAE,EAAE,IAAAF,OAAK,EAACJ,SAAS,EAAE,QAAQ,CAAE;QAC/B,IAAI,EAAEM,IAAK;QACX,aAAa,EAAEP,aAAc;QAC7B,qBAAqB,EAAED;MAAsB,GAJxCQ,IAAI,CAACX,EAAE,CAKZ;IAAA,CACH;EAAC,EACC;AAET,CAAC;AAED,wCAAAD,QAAQ,CAACa,SAAS,GAAG;EACnB;AACF;AACA;EACEZ,EAAE,EAAEa,kBAAS,CAACC,MAAM;EACpB;AACF;AACA;EACEb,OAAO,EAAEY,kBAAS,CAACE,UAAU,CAACC,MAAM,CAAC,CAACC,UAAU;EAChD;AACF;AACA;EACEf,IAAI,EAAEW,kBAAS,CAACK,OAAO,CAACL,kBAAS,CAACM,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC;EAC5C;AACF;AACA;EACEf,aAAa,EAAES,kBAAS,CAACO,IAAI;EAC7B;AACF;AACA;EACEjB,qBAAqB,EAAEU,kBAAS,CAACC,MAAM,CAACG;AAC1C,CAAC;AAAC,eAEa,IAAAI,kBAAU,EAACC,gBAAM,EAAE;EAAEC,IAAI,EAAE;AAAyB,CAAC,CAAC,CAACxB,QAAQ,CAAC;AAAA"}
+{"version":3,"file":"FileList.js","names":["FileList","id","classes","list","removeFileButtonLabel","onFileRemoved","elementId","useUniqueId","hasFiles","length","setId","map","data","root","listItem","propTypes","PropTypes","string","instanceOf","Object","isRequired","arrayOf","shape","func","withStyles","styles","name"],"sources":["../../../src/FileUploader/FileList/FileList.js"],"sourcesContent":["import React from \"react\";\nimport PropTypes from \"prop-types\";\nimport { withStyles } from \"@mui/styles\";\nimport { setId, useUniqueId } from \"../..\";\nimport File from \"../File\";\nimport styles from \"./styles\";\n\nconst FileList = ({ id, classes, list = [], removeFileButtonLabel, onFileRemoved }) => {\n  const elementId = useUniqueId(id, \"hvfilelist\");\n\n  const hasFiles = list.length > 0;\n  if (!hasFiles) return null;\n\n  return (\n    <ul id={setId(id, \"list\")} className={classes.list}>\n      {list.map((data) => (\n        <File\n          key={data.id}\n          classes={{ root: classes.listItem }}\n          id={setId(elementId, \"values\")}\n          data={data}\n          onFileRemoved={onFileRemoved}\n          removeFileButtonLabel={removeFileButtonLabel}\n        />\n      ))}\n    </ul>\n  );\n};\n\nFileList.propTypes = {\n  /**\n   * Id to be applied to the root node.\n   */\n  id: PropTypes.string,\n  /**\n   * A Jss Object used to override or extend the styles applied to the Switch Component.\n   */\n  classes: PropTypes.instanceOf(Object).isRequired,\n  /**\n   * The files to upload.\n   */\n  list: PropTypes.arrayOf(PropTypes.shape({})),\n  /**\n   * Callback fired when file is removed from list.\n   */\n  onFileRemoved: PropTypes.func,\n  /**\n   * Value of aria-label to apply to remove file button in filelist\n   * */\n  removeFileButtonLabel: PropTypes.string.isRequired,\n};\n\nexport default withStyles(styles, { name: \"HvFileUploaderFileList\" })(FileList);\n"],"mappings":";;;;;;;;AAAA;AACA;AACA;AACA;AACA;AACA;AAA8B;AAE9B,IAAMA,QAAQ,GAAG,SAAXA,QAAQ,OAAyE;EAAA,IAAnEC,EAAE,QAAFA,EAAE;IAAEC,OAAO,QAAPA,OAAO;IAAA,iBAAEC,IAAI;IAAJA,IAAI,0BAAG,EAAE;IAAEC,qBAAqB,QAArBA,qBAAqB;IAAEC,aAAa,QAAbA,aAAa;EAC9E,IAAMC,SAAS,GAAG,IAAAC,aAAW,EAACN,EAAE,EAAE,YAAY,CAAC;EAE/C,IAAMO,QAAQ,GAAGL,IAAI,CAACM,MAAM,GAAG,CAAC;EAChC,IAAI,CAACD,QAAQ,EAAE,OAAO,IAAI;EAE1B,oBACE;IAAI,EAAE,EAAE,IAAAE,OAAK,EAACT,EAAE,EAAE,MAAM,CAAE;IAAC,SAAS,EAAEC,OAAO,CAACC,IAAK;IAAA,UAChDA,IAAI,CAACQ,GAAG,CAAC,UAACC,IAAI;MAAA,oBACb,qBAAC,aAAI;QAEH,OAAO,EAAE;UAAEC,IAAI,EAAEX,OAAO,CAACY;QAAS,CAAE;QACpC,EAAE,EAAE,IAAAJ,OAAK,EAACJ,SAAS,EAAE,QAAQ,CAAE;QAC/B,IAAI,EAAEM,IAAK;QACX,aAAa,EAAEP,aAAc;QAC7B,qBAAqB,EAAED;MAAsB,GALxCQ,IAAI,CAACX,EAAE,CAMZ;IAAA,CACH;EAAC,EACC;AAET,CAAC;AAED,wCAAAD,QAAQ,CAACe,SAAS,GAAG;EACnB;AACF;AACA;EACEd,EAAE,EAAEe,kBAAS,CAACC,MAAM;EACpB;AACF;AACA;EACEf,OAAO,EAAEc,kBAAS,CAACE,UAAU,CAACC,MAAM,CAAC,CAACC,UAAU;EAChD;AACF;AACA;EACEjB,IAAI,EAAEa,kBAAS,CAACK,OAAO,CAACL,kBAAS,CAACM,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC;EAC5C;AACF;AACA;EACEjB,aAAa,EAAEW,kBAAS,CAACO,IAAI;EAC7B;AACF;AACA;EACEnB,qBAAqB,EAAEY,kBAAS,CAACC,MAAM,CAACG;AAC1C,CAAC;AAAC,eAEa,IAAAI,kBAAU,EAACC,gBAAM,EAAE;EAAEC,IAAI,EAAE;AAAyB,CAAC,CAAC,CAAC1B,QAAQ,CAAC;AAAA"}

package/dist/FileUploader/FileList/styles.js

@@ -7,19 +7,19 @@ exports.default = void 0;
 var styles = function styles(theme) {
   return {
     list: {
+      display: "flex",
+      flexDirection: "column",
+      gap: theme.hvSpacing("xs"),
       margin: 0,
       padding: 0,
-      marginTop: theme.hv.spacing.sm,
-      "& li": {
-        position: "relative",
-        display: "flex",
-        alignItems: "center",
-        background: theme.hv.palette.atmosphere.atmo1,
-        "&:not(:last-child)": {
-          marginBottom: theme.hv.spacing.xs
-        },
-        height: 72
-      }
+      marginTop: theme.hv.spacing.sm
+    },
+    listItem: {
+      position: "relative",
+      display: "flex",
+      alignItems: "center",
+      background: theme.palette.atmo1,
+      padding: theme.hvSpacing("xs", 0)
     }
   };
 };

package/dist/FileUploader/FileList/styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"styles.js","names":["styles","theme","list","margin","padding","marginTop","hv","spacing","sm","position","display","alignItems","background","palette","atmosphere","atmo1","marginBottom","xs","height"],"sources":["../../../src/FileUploader/FileList/styles.js"],"sourcesContent":["const styles = (theme) => ({\n  list: {\n    margin: 0,\n    padding: 0,\n    marginTop: theme.hv.spacing.sm,\n    \"& li\": {\n      position: \"relative\",\n      display: \"flex\",\n      alignItems: \"center\",\n      background: theme.hv.palette.atmosphere.atmo1,\n      \"&:not(:last-child)\": {\n        marginBottom: theme.hv.spacing.xs,\n      },\n      height: 72,\n    },\n  },\n});\n\nexport default styles;\n"],"mappings":";;;;;;AAAA,IAAMA,MAAM,GAAG,SAATA,MAAM,CAAIC,KAAK;EAAA,OAAM;IACzBC,IAAI,EAAE;MACJC,MAAM,EAAE,CAAC;MACTC,OAAO,EAAE,CAAC;MACVC,SAAS,EAAEJ,KAAK,CAACK,EAAE,CAACC,OAAO,CAACC,EAAE;MAC9B,MAAM,EAAE;QACNC,QAAQ,EAAE,UAAU;QACpBC,OAAO,EAAE,MAAM;QACfC,UAAU,EAAE,QAAQ;QACpBC,UAAU,EAAEX,KAAK,CAACK,EAAE,CAACO,OAAO,CAACC,UAAU,CAACC,KAAK;QAC7C,oBAAoB,EAAE;UACpBC,YAAY,EAAEf,KAAK,CAACK,EAAE,CAACC,OAAO,CAACU;QACjC,CAAC;QACDC,MAAM,EAAE;MACV;IACF;EACF,CAAC;AAAA,CAAC;AAAC,eAEYlB,MAAM;AAAA"}
+{"version":3,"file":"styles.js","names":["styles","theme","list","display","flexDirection","gap","hvSpacing","margin","padding","marginTop","hv","spacing","sm","listItem","position","alignItems","background","palette","atmo1"],"sources":["../../../src/FileUploader/FileList/styles.js"],"sourcesContent":["const styles = (theme) => ({\n  list: {\n    display: \"flex\",\n    flexDirection: \"column\",\n    gap: theme.hvSpacing(\"xs\"),\n    margin: 0,\n    padding: 0,\n    marginTop: theme.hv.spacing.sm,\n  },\n  listItem: {\n    position: \"relative\",\n    display: \"flex\",\n    alignItems: \"center\",\n    background: theme.palette.atmo1,\n    padding: theme.hvSpacing(\"xs\", 0),\n  },\n});\n\nexport default styles;\n"],"mappings":";;;;;;AAAA,IAAMA,MAAM,GAAG,SAATA,MAAM,CAAIC,KAAK;EAAA,OAAM;IACzBC,IAAI,EAAE;MACJC,OAAO,EAAE,MAAM;MACfC,aAAa,EAAE,QAAQ;MACvBC,GAAG,EAAEJ,KAAK,CAACK,SAAS,CAAC,IAAI,CAAC;MAC1BC,MAAM,EAAE,CAAC;MACTC,OAAO,EAAE,CAAC;MACVC,SAAS,EAAER,KAAK,CAACS,EAAE,CAACC,OAAO,CAACC;IAC9B,CAAC;IACDC,QAAQ,EAAE;MACRC,QAAQ,EAAE,UAAU;MACpBX,OAAO,EAAE,MAAM;MACfY,UAAU,EAAE,QAAQ;MACpBC,UAAU,EAAEf,KAAK,CAACgB,OAAO,CAACC,KAAK;MAC/BV,OAAO,EAAEP,KAAK,CAACK,SAAS,CAAC,IAAI,EAAE,CAAC;IAClC;EACF,CAAC;AAAA,CAAC;AAAC,eAEYN,MAAM;AAAA"}

package/dist/FileUploader/index.js

@@ -4,6 +4,12 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
+Object.defineProperty(exports, "HvFile", {
+  enumerable: true,
+  get: function get() {
+    return _File.default;
+  }
+});
 Object.defineProperty(exports, "HvFileUploaderPreview", {
   enumerable: true,
   get: function get() {
@@ -18,4 +24,5 @@ Object.defineProperty(exports, "default", {
 });
 var _FileUploader = _interopRequireDefault(require("./FileUploader"));
 var _Preview = _interopRequireDefault(require("./Preview"));
+var _File = _interopRequireDefault(require("./File"));
 //# sourceMappingURL=index.js.map

package/dist/FileUploader/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../src/FileUploader/index.js"],"sourcesContent":["export { default } from \"./FileUploader\";\nexport { default as HvFileUploaderPreview } from \"./Preview\";\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AACA"}
+{"version":3,"file":"index.js","names":[],"sources":["../../src/FileUploader/index.js"],"sourcesContent":["export { default } from \"./FileUploader\";\nexport { default as HvFileUploaderPreview } from \"./Preview\";\nexport { default as HvFile } from \"./File\";\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AACA;AACA"}

package/dist/Snackbar/Snackbar.js

@@ -203,7 +203,7 @@ process.env.NODE_ENV !== "production" ? HvSnackbar.propTypes = {
   /**
    * Variant of the snackbar.
    */
-  variant: _propTypes.default.oneOf(["default", "success", "error"]),
+  variant: _propTypes.default.oneOf(["default", "success", "warning", "error"]),
   /**
    * Custom icon to replace the variant default.
    */