@hitachivantara/uikit-react-core 3.52.5

package/dist/modern/FileUploader/FileUploader.js

@@ -0,0 +1,203 @@
+import _extends from "@babel/runtime/helpers/esm/extends";
+import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+const _excluded = ["id", "className", "labels", "fileList", "multiple", "disabled", "maxFileSize", "acceptedFiles", "onFilesAdded", "onFileRemoved", "hideLabels", "inputProps"];
+import React from "react";
+import PropTypes from "prop-types";
+import { withStyles } from "@material-ui/core";
+import { setId, useLabels } from "../utils";
+import DropZone from "./DropZone";
+import FileList from "./FileList";
+import styles from "./styles"; // TODO: this component needs to adopt the Form element shape and deprecate its way of composing labels
+
+const DEFAULT_LABELS = {
+  dropzone: "Label",
+  sizeWarning: "Max. file size:",
+  drag: "Drop files here or",
+  selectFiles: "click to upload",
+  dropFiles: "Drop files here",
+  fileSizeError: "The file exceeds the maximum upload size",
+  fileTypeError: "File type not allowed for upload",
+  removeFileButtonLabel: "Remove File"
+};
+/**
+ * Lets the user choose one or more files from their device storage. Once chosen,
+ * the files can be uploaded to a server or manipulated on the client side.
+ *
+ * Accepted file types follow the format of the html input accept attribute. Please check https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/file for more details.
+ */
+
+const FileUploader = _ref => {
+  let {
+    id,
+    className,
+    labels: labelsProp,
+    fileList,
+    multiple = true,
+    disabled = false,
+    maxFileSize = Infinity,
+    acceptedFiles = [],
+    onFilesAdded,
+    onFileRemoved,
+    hideLabels = false,
+    inputProps = {}
+  } = _ref,
+      others = _objectWithoutProperties(_ref, _excluded);
+
+  const labels = useLabels(DEFAULT_LABELS, labelsProp);
+  return /*#__PURE__*/React.createElement("div", _extends({
+    id: id,
+    className: className
+  }, others), /*#__PURE__*/React.createElement(DropZone, {
+    id: setId(id, "dropzone"),
+    labels: labels,
+    multiple: multiple,
+    disabled: disabled,
+    acceptedFiles: acceptedFiles,
+    maxFileSize: maxFileSize,
+    onFilesAdded: onFilesAdded,
+    inputProps: inputProps,
+    hideLabels: hideLabels
+  }), /*#__PURE__*/React.createElement(FileList, {
+    id: setId(id, "filelist"),
+    list: fileList,
+    onFileRemoved: onFileRemoved,
+    removeFileButtonLabel: labels.removeFileButtonLabel
+  }));
+};
+
+FileUploader.propTypes = {
+  /**
+   * Id to be applied to the root node.
+   */
+  id: PropTypes.string,
+
+  /**
+   * Class names to be applied.
+   */
+  className: PropTypes.string,
+
+  /**
+   * An object containing all the labels.
+   *
+   */
+  labels: PropTypes.shape({
+    /**
+     * Accepted file list label
+     */
+    acceptedFiles: PropTypes.string,
+
+    /**
+     * DropZone area label.
+     */
+    dropzone: PropTypes.string,
+
+    /**
+     * Size file warning label.
+     */
+    sizeWarning: PropTypes.string,
+
+    /**
+     * Size file warning label.
+     */
+    drag: PropTypes.string,
+
+    /**
+     * Size file warning label.
+     */
+    selectFiles: PropTypes.string,
+
+    /**
+     * Theming sheet used to style components
+     * */
+    dropFiles: PropTypes.string,
+
+    /**
+     * Message to display when file size is greater than allowed
+     * */
+    fileSizeError: PropTypes.string,
+
+    /**
+     * Message to display when file type is greater than allowed
+     * */
+    fileTypeError: PropTypes.string,
+
+    /**
+     * Value of aria-label to apply to remove file button in filelist
+     * */
+    removeFileButtonLabel: PropTypes.string
+  }),
+
+  /**
+   * The files to upload.
+   */
+  fileList: PropTypes.arrayOf(PropTypes.shape({
+    /**
+     * The file name.
+     */
+    name: PropTypes.string,
+
+    /**
+     * The file size in bytes.
+     */
+    size: PropTypes.number,
+
+    /**
+     * Upload progress in bytes.
+     */
+    progress: PropTypes.number,
+
+    /**
+     * Upload status.
+     */
+    status: PropTypes.oneOf(["progress", "success", "fail"]),
+
+    /**
+     * Optional node representing a preview of the uploaded file.
+     */
+    preview: PropTypes.node
+  })).isRequired,
+
+  /**
+   * Whether the DropZone should accept multiple files at once.
+   */
+  multiple: PropTypes.bool,
+
+  /**
+   * If the input is disabled or not
+   */
+  disabled: PropTypes.bool,
+
+  /**
+   * Max upload size
+   * */
+  maxFileSize: PropTypes.number,
+
+  /**
+   * Files extensions accepted for upload.
+   */
+  acceptedFiles: PropTypes.arrayOf(PropTypes.string),
+
+  /**
+   * Callback fired when files are added.
+   */
+  onFilesAdded: PropTypes.func,
+
+  /**
+   * Callback fired when file is removed from list.
+   */
+  onFileRemoved: PropTypes.func,
+
+  /**
+   * Whether the DropZone should hide labels or not.
+   */
+  hideLabels: PropTypes.bool,
+
+  /**
+   * Attributes applied to the input element.
+   */
+  inputProps: PropTypes.instanceOf(Object)
+};
+export default withStyles(styles, {
+  name: "HvFileUploader"
+})(FileUploader);
+//# sourceMappingURL=FileUploader.js.map

package/dist/modern/FileUploader/FileUploader.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/FileUploader/FileUploader.js"],"names":["React","PropTypes","withStyles","setId","useLabels","DropZone","FileList","styles","DEFAULT_LABELS","dropzone","sizeWarning","drag","selectFiles","dropFiles","fileSizeError","fileTypeError","removeFileButtonLabel","FileUploader","id","className","labels","labelsProp","fileList","multiple","disabled","maxFileSize","Infinity","acceptedFiles","onFilesAdded","onFileRemoved","hideLabels","inputProps","others","propTypes","string","shape","arrayOf","name","size","number","progress","status","oneOf","preview","node","isRequired","bool","func","instanceOf","Object"],"mappings":";;;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,SAASC,UAAT,QAA2B,mBAA3B;AACA,SAASC,KAAT,EAAgBC,SAAhB,QAAiC,UAAjC;AACA,OAAOC,QAAP,MAAqB,YAArB;AACA,OAAOC,QAAP,MAAqB,YAArB;AACA,OAAOC,MAAP,MAAmB,UAAnB,C,CAEA;;AAEA,MAAMC,cAAc,GAAG;AACrBC,EAAAA,QAAQ,EAAE,OADW;AAErBC,EAAAA,WAAW,EAAE,iBAFQ;AAGrBC,EAAAA,IAAI,EAAE,oBAHe;AAIrBC,EAAAA,WAAW,EAAE,iBAJQ;AAKrBC,EAAAA,SAAS,EAAE,iBALU;AAMrBC,EAAAA,aAAa,EAAE,0CANM;AAOrBC,EAAAA,aAAa,EAAE,kCAPM;AAQrBC,EAAAA,qBAAqB,EAAE;AARF,CAAvB;AAWA;AACA;AACA;AACA;AACA;AACA;;AACA,MAAMC,YAAY,GAAG,QAef;AAAA,MAfgB;AACpBC,IAAAA,EADoB;AAEpBC,IAAAA,SAFoB;AAGpBC,IAAAA,MAAM,EAAEC,UAHY;AAIpBC,IAAAA,QAJoB;AAKpBC,IAAAA,QAAQ,GAAG,IALS;AAMpBC,IAAAA,QAAQ,GAAG,KANS;AAOpBC,IAAAA,WAAW,GAAGC,QAPM;AAQpBC,IAAAA,aAAa,GAAG,EARI;AASpBC,IAAAA,YAToB;AAUpBC,IAAAA,aAVoB;AAYpBC,IAAAA,UAAU,GAAG,KAZO;AAapBC,IAAAA,UAAU,GAAG;AAbO,GAehB;AAAA,MADDC,MACC;;AACJ,QAAMZ,MAAM,GAAGhB,SAAS,CAACI,cAAD,EAAiBa,UAAjB,CAAxB;AAEA,sBACE;AAAK,IAAA,EAAE,EAAEH,EAAT;AAAa,IAAA,SAAS,EAAEC;AAAxB,KAAuCa,MAAvC,gBACE,oBAAC,QAAD;AACE,IAAA,EAAE,EAAE7B,KAAK,CAACe,EAAD,EAAK,UAAL,CADX;AAEE,IAAA,MAAM,EAAEE,MAFV;AAGE,IAAA,QAAQ,EAAEG,QAHZ;AAIE,IAAA,QAAQ,EAAEC,QAJZ;AAKE,IAAA,aAAa,EAAEG,aALjB;AAME,IAAA,WAAW,EAAEF,WANf;AAOE,IAAA,YAAY,EAAEG,YAPhB;AAQE,IAAA,UAAU,EAAEG,UARd;AASE,IAAA,UAAU,EAAED;AATd,IADF,eAYE,oBAAC,QAAD;AACE,IAAA,EAAE,EAAE3B,KAAK,CAACe,EAAD,EAAK,UAAL,CADX;AAEE,IAAA,IAAI,EAAEI,QAFR;AAGE,IAAA,aAAa,EAAEO,aAHjB;AAIE,IAAA,qBAAqB,EAAET,MAAM,CAACJ;AAJhC,IAZF,CADF;AAqBD,CAvCD;;AAyCAC,YAAY,CAACgB,SAAb,GAAyB;AACvB;AACF;AACA;AACEf,EAAAA,EAAE,EAAEjB,SAAS,CAACiC,MAJS;;AAKvB;AACF;AACA;AACEf,EAAAA,SAAS,EAAElB,SAAS,CAACiC,MARE;;AASvB;AACF;AACA;AACA;AACEd,EAAAA,MAAM,EAAEnB,SAAS,CAACkC,KAAV,CAAgB;AACtB;AACJ;AACA;AACIR,IAAAA,aAAa,EAAE1B,SAAS,CAACiC,MAJH;;AAKtB;AACJ;AACA;AACIzB,IAAAA,QAAQ,EAAER,SAAS,CAACiC,MARE;;AAStB;AACJ;AACA;AACIxB,IAAAA,WAAW,EAAET,SAAS,CAACiC,MAZD;;AAatB;AACJ;AACA;AACIvB,IAAAA,IAAI,EAAEV,SAAS,CAACiC,MAhBM;;AAiBtB;AACJ;AACA;AACItB,IAAAA,WAAW,EAAEX,SAAS,CAACiC,MApBD;;AAqBtB;AACJ;AACA;AACIrB,IAAAA,SAAS,EAAEZ,SAAS,CAACiC,MAxBC;;AAyBtB;AACJ;AACA;AACIpB,IAAAA,aAAa,EAAEb,SAAS,CAACiC,MA5BH;;AA6BtB;AACJ;AACA;AACInB,IAAAA,aAAa,EAAEd,SAAS,CAACiC,MAhCH;;AAiCtB;AACJ;AACA;AACIlB,IAAAA,qBAAqB,EAAEf,SAAS,CAACiC;AApCX,GAAhB,CAbe;;AAmDvB;AACF;AACA;AACEZ,EAAAA,QAAQ,EAAErB,SAAS,CAACmC,OAAV,CACRnC,SAAS,CAACkC,KAAV,CAAgB;AACd;AACN;AACA;AACME,IAAAA,IAAI,EAAEpC,SAAS,CAACiC,MAJF;;AAKd;AACN;AACA;AACMI,IAAAA,IAAI,EAAErC,SAAS,CAACsC,MARF;;AASd;AACN;AACA;AACMC,IAAAA,QAAQ,EAAEvC,SAAS,CAACsC,MAZN;;AAad;AACN;AACA;AACME,IAAAA,MAAM,EAAExC,SAAS,CAACyC,KAAV,CAAgB,CAAC,UAAD,EAAa,SAAb,EAAwB,MAAxB,CAAhB,CAhBM;;AAiBd;AACN;AACA;AACMC,IAAAA,OAAO,EAAE1C,SAAS,CAAC2C;AApBL,GAAhB,CADQ,EAuBRC,UA7EqB;;AA8EvB;AACF;AACA;AACEtB,EAAAA,QAAQ,EAAEtB,SAAS,CAAC6C,IAjFG;;AAkFvB;AACF;AACA;AACEtB,EAAAA,QAAQ,EAAEvB,SAAS,CAAC6C,IArFG;;AAsFvB;AACF;AACA;AACErB,EAAAA,WAAW,EAAExB,SAAS,CAACsC,MAzFA;;AA0FvB;AACF;AACA;AACEZ,EAAAA,aAAa,EAAE1B,SAAS,CAACmC,OAAV,CAAkBnC,SAAS,CAACiC,MAA5B,CA7FQ;;AA8FvB;AACF;AACA;AACEN,EAAAA,YAAY,EAAE3B,SAAS,CAAC8C,IAjGD;;AAkGvB;AACF;AACA;AACElB,EAAAA,aAAa,EAAE5B,SAAS,CAAC8C,IArGF;;AAsGvB;AACF;AACA;AACEjB,EAAAA,UAAU,EAAE7B,SAAS,CAAC6C,IAzGC;;AA0GvB;AACF;AACA;AACEf,EAAAA,UAAU,EAAE9B,SAAS,CAAC+C,UAAV,CAAqBC,MAArB;AA7GW,CAAzB;AAgHA,eAAe/C,UAAU,CAACK,MAAD,EAAS;AAAE8B,EAAAA,IAAI,EAAE;AAAR,CAAT,CAAV,CAA+CpB,YAA/C,CAAf","sourcesContent":["import React from \"react\";\nimport PropTypes from \"prop-types\";\nimport { withStyles } from \"@material-ui/core\";\nimport { setId, useLabels } from \"../utils\";\nimport DropZone from \"./DropZone\";\nimport FileList from \"./FileList\";\nimport styles from \"./styles\";\n\n// TODO: this component needs to adopt the Form element shape and deprecate its way of composing labels\n\nconst DEFAULT_LABELS = {\n  dropzone: \"Label\",\n  sizeWarning: \"Max. file size:\",\n  drag: \"Drop files here or\",\n  selectFiles: \"click to upload\",\n  dropFiles: \"Drop files here\",\n  fileSizeError: \"The file exceeds the maximum upload size\",\n  fileTypeError: \"File type not allowed for upload\",\n  removeFileButtonLabel: \"Remove File\",\n};\n\n/**\n * Lets the user choose one or more files from their device storage. Once chosen,\n * the files can be uploaded to a server or manipulated on the client side.\n *\n * Accepted file types follow the format of the html input accept attribute. Please check https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/file for more details.\n */\nconst FileUploader = ({\n  id,\n  className,\n  labels: labelsProp,\n  fileList,\n  multiple = true,\n  disabled = false,\n  maxFileSize = Infinity,\n  acceptedFiles = [],\n  onFilesAdded,\n  onFileRemoved,\n\n  hideLabels = false,\n  inputProps = {},\n  ...others\n}) => {\n  const labels = useLabels(DEFAULT_LABELS, labelsProp);\n\n  return (\n    <div id={id} className={className} {...others}>\n      <DropZone\n        id={setId(id, \"dropzone\")}\n        labels={labels}\n        multiple={multiple}\n        disabled={disabled}\n        acceptedFiles={acceptedFiles}\n        maxFileSize={maxFileSize}\n        onFilesAdded={onFilesAdded}\n        inputProps={inputProps}\n        hideLabels={hideLabels}\n      />\n      <FileList\n        id={setId(id, \"filelist\")}\n        list={fileList}\n        onFileRemoved={onFileRemoved}\n        removeFileButtonLabel={labels.removeFileButtonLabel}\n      />\n    </div>\n  );\n};\n\nFileUploader.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   * An object containing all the labels.\n   *\n   */\n  labels: PropTypes.shape({\n    /**\n     * Accepted file list label\n     */\n    acceptedFiles: PropTypes.string,\n    /**\n     * DropZone area label.\n     */\n    dropzone: PropTypes.string,\n    /**\n     * Size file warning label.\n     */\n    sizeWarning: PropTypes.string,\n    /**\n     * Size file warning label.\n     */\n    drag: PropTypes.string,\n    /**\n     * Size file warning label.\n     */\n    selectFiles: PropTypes.string,\n    /**\n     * Theming sheet used to style components\n     * */\n    dropFiles: PropTypes.string,\n    /**\n     * Message to display when file size is greater than allowed\n     * */\n    fileSizeError: PropTypes.string,\n    /**\n     * Message to display when file type is greater than allowed\n     * */\n    fileTypeError: PropTypes.string,\n    /**\n     * Value of aria-label to apply to remove file button in filelist\n     * */\n    removeFileButtonLabel: PropTypes.string,\n  }),\n  /**\n   * The files to upload.\n   */\n  fileList: PropTypes.arrayOf(\n    PropTypes.shape({\n      /**\n       * The file name.\n       */\n      name: PropTypes.string,\n      /**\n       * The file size in bytes.\n       */\n      size: PropTypes.number,\n      /**\n       * Upload progress in bytes.\n       */\n      progress: PropTypes.number,\n      /**\n       * 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    })\n  ).isRequired,\n  /**\n   * Whether the DropZone should accept multiple files at once.\n   */\n  multiple: PropTypes.bool,\n  /**\n   * If the input is disabled or not\n   */\n  disabled: PropTypes.bool,\n  /**\n   * Max upload size\n   * */\n  maxFileSize: PropTypes.number,\n  /**\n   * Files extensions accepted for upload.\n   */\n  acceptedFiles: PropTypes.arrayOf(PropTypes.string),\n  /**\n   * Callback fired when files are added.\n   */\n  onFilesAdded: PropTypes.func,\n  /**\n   * Callback fired when file is removed from list.\n   */\n  onFileRemoved: PropTypes.func,\n  /**\n   * Whether the DropZone should hide labels or not.\n   */\n  hideLabels: PropTypes.bool,\n  /**\n   * Attributes applied to the input element.\n   */\n  inputProps: PropTypes.instanceOf(Object),\n};\n\nexport default withStyles(styles, { name: \"HvFileUploader\" })(FileUploader);\n"],"file":"FileUploader.js"}

package/dist/modern/FileUploader/Preview/Preview.d.ts

@@ -0,0 +1,20 @@
+import { ButtonProps, StandardProps } from "@material-ui/core";
+
+export type HvFileUploaderPreviewClassKey = "previewButton" | "overlay";
+
+export interface PreviewProps extends StandardProps<ButtonProps, HvFileUploaderPreviewClassKey> {
+  /**
+   * Callback executed when the preview is unmounted.
+   *
+   * Should be used for cleaning up client-side image URLs created by `URL.createObjectURL()`.
+   */
+  onUnload?: void;
+  /**
+   * If `true`, doesn't show an overlay on top of the preview when hovering.
+   *
+   * Only applies when `onClick` is set.
+   */
+  disableOverlay?: boolean;
+}
+
+export default function HvFileUploaderPreview(props: PreviewProps): JSX.Element | null;

package/dist/modern/FileUploader/Preview/Preview.js

@@ -0,0 +1,92 @@
+import _extends from "@babel/runtime/helpers/esm/extends";
+import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+const _excluded = ["children", "classes", "onClick", "onUnload", "disableOverlay"];
+import React, { useEffect } from "react";
+import PropTypes from "prop-types";
+import { withStyles } from "@material-ui/core";
+import { Preview as PreviewIcon } from "@hitachivantara/uikit-react-icons";
+import { HvButton } from "../..";
+import styles from "./styles";
+/**
+ * The `HvFileUploaderPreview` component is available to facilitate the styling
+ * of the button (when clickable) and the detection of image unloading.
+ */
+
+const Preview = props => {
+  const {
+    children,
+    classes,
+    onClick,
+    onUnload,
+    disableOverlay = false
+  } = props,
+        others = _objectWithoutProperties(props, _excluded);
+
+  useEffect(() => {
+    return () => {
+      onUnload === null || onUnload === void 0 ? void 0 : onUnload();
+    };
+  }, [onUnload]);
+
+  if (onClick) {
+    return /*#__PURE__*/React.createElement(HvButton, _extends({
+      icon: true,
+      className: classes.previewButton,
+      onClick: onClick
+    }, others), children, !disableOverlay && /*#__PURE__*/React.createElement("div", {
+      className: classes.overlay,
+      "aria-hidden": "true"
+    }, /*#__PURE__*/React.createElement(PreviewIcon, null)));
+  }
+
+  return children;
+};
+
+Preview.propTypes = {
+  /**
+   * Content that represents the preview of an uploaded file.
+   */
+  children: PropTypes.node.isRequired,
+
+  /**
+   * Callback executed when the preview is clicked.
+   *
+   * When not null, the preview content will be enclosed in a button.
+   *
+   * @param event React.MouseEvent<HTMLButtonElement>
+   */
+  onClick: PropTypes.func,
+
+  /**
+   * Callback executed when the preview is unmounted.
+   *
+   * Should be used for cleaning up client-side image URLs created by `URL.createObjectURL()`.
+   */
+  onUnload: PropTypes.func,
+
+  /**
+   * If `true`, doesn't show an overlay on top of the preview when hovering.
+   *
+   * Only applies when `onClick` is set.
+   */
+  disableOverlay: PropTypes.bool,
+
+  /**
+   * A Jss Object used to override or extend the styles applied to the component.
+   */
+  classes: PropTypes.shape({
+    /**
+     * Styles to apply to the button when present.
+     */
+    previewButton: PropTypes.string,
+
+    /**
+     * Styles to apply to the overlay shown on hover.
+     */
+    overlay: PropTypes.string
+  }).isRequired
+};
+export default withStyles(styles, {
+  name: "HvFileUploaderPreview"
+})(Preview);
+//# sourceMappingURL=Preview.js.map

package/dist/modern/FileUploader/Preview/Preview.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/FileUploader/Preview/Preview.js"],"names":["React","useEffect","PropTypes","withStyles","Preview","PreviewIcon","HvButton","styles","props","children","classes","onClick","onUnload","disableOverlay","others","previewButton","overlay","propTypes","node","isRequired","func","bool","shape","string","name"],"mappings":";;;AAAA,OAAOA,KAAP,IAAgBC,SAAhB,QAAiC,OAAjC;AACA,OAAOC,SAAP,MAAsB,YAAtB;AAEA,SAASC,UAAT,QAA2B,mBAA3B;AAEA,SAASC,OAAO,IAAIC,WAApB,QAAuC,mCAAvC;AAEA,SAASC,QAAT,QAAyB,OAAzB;AAEA,OAAOC,MAAP,MAAmB,UAAnB;AAEA;AACA;AACA;AACA;;AACA,MAAMH,OAAO,GAAII,KAAD,IAAW;AACzB,QAAM;AAAEC,IAAAA,QAAF;AAAYC,IAAAA,OAAZ;AAAqBC,IAAAA,OAArB;AAA8BC,IAAAA,QAA9B;AAAwCC,IAAAA,cAAc,GAAG;AAAzD,MAA8EL,KAApF;AAAA,QAAyEM,MAAzE,4BAAoFN,KAApF;;AAEAP,EAAAA,SAAS,CAAC,MAAM;AACd,WAAO,MAAM;AACXW,MAAAA,QAAQ,SAAR,IAAAA,QAAQ,WAAR,YAAAA,QAAQ;AACT,KAFD;AAGD,GAJQ,EAIN,CAACA,QAAD,CAJM,CAAT;;AAMA,MAAID,OAAJ,EAAa;AACX,wBACE,oBAAC,QAAD;AAAU,MAAA,IAAI,MAAd;AAAe,MAAA,SAAS,EAAED,OAAO,CAACK,aAAlC;AAAiD,MAAA,OAAO,EAAEJ;AAA1D,OAAuEG,MAAvE,GACGL,QADH,EAEG,CAACI,cAAD,iBACC;AAAK,MAAA,SAAS,EAAEH,OAAO,CAACM,OAAxB;AAAiC,qBAAY;AAA7C,oBACE,oBAAC,WAAD,OADF,CAHJ,CADF;AAUD;;AAED,SAAOP,QAAP;AACD,CAvBD;;AAyBAL,OAAO,CAACa,SAAR,GAAoB;AAClB;AACF;AACA;AACER,EAAAA,QAAQ,EAAEP,SAAS,CAACgB,IAAV,CAAeC,UAJP;;AAKlB;AACF;AACA;AACA;AACA;AACA;AACA;AACER,EAAAA,OAAO,EAAET,SAAS,CAACkB,IAZD;;AAalB;AACF;AACA;AACA;AACA;AACER,EAAAA,QAAQ,EAAEV,SAAS,CAACkB,IAlBF;;AAmBlB;AACF;AACA;AACA;AACA;AACEP,EAAAA,cAAc,EAAEX,SAAS,CAACmB,IAxBR;;AAyBlB;AACF;AACA;AACEX,EAAAA,OAAO,EAAER,SAAS,CAACoB,KAAV,CAAgB;AACvB;AACJ;AACA;AACIP,IAAAA,aAAa,EAAEb,SAAS,CAACqB,MAJF;;AAKvB;AACJ;AACA;AACIP,IAAAA,OAAO,EAAEd,SAAS,CAACqB;AARI,GAAhB,EASNJ;AArCe,CAApB;AAwCA,eAAehB,UAAU,CAACI,MAAD,EAAS;AAAEiB,EAAAA,IAAI,EAAE;AAAR,CAAT,CAAV,CAAsDpB,OAAtD,CAAf","sourcesContent":["import React, { useEffect } from \"react\";\nimport PropTypes from \"prop-types\";\n\nimport { withStyles } from \"@material-ui/core\";\n\nimport { Preview as PreviewIcon } from \"@hitachivantara/uikit-react-icons\";\n\nimport { HvButton } from \"../..\";\n\nimport styles from \"./styles\";\n\n/**\n * The `HvFileUploaderPreview` component is available to facilitate the styling\n * of the button (when clickable) and the detection of image unloading.\n */\nconst Preview = (props) => {\n  const { children, classes, onClick, onUnload, disableOverlay = false, ...others } = props;\n\n  useEffect(() => {\n    return () => {\n      onUnload?.();\n    };\n  }, [onUnload]);\n\n  if (onClick) {\n    return (\n      <HvButton icon className={classes.previewButton} onClick={onClick} {...others}>\n        {children}\n        {!disableOverlay && (\n          <div className={classes.overlay} aria-hidden=\"true\">\n            <PreviewIcon />\n          </div>\n        )}\n      </HvButton>\n    );\n  }\n\n  return children;\n};\n\nPreview.propTypes = {\n  /**\n   * Content that represents the preview of an uploaded file.\n   */\n  children: PropTypes.node.isRequired,\n  /**\n   * Callback executed when the preview is clicked.\n   *\n   * When not null, the preview content will be enclosed in a button.\n   *\n   * @param event React.MouseEvent<HTMLButtonElement>\n   */\n  onClick: PropTypes.func,\n  /**\n   * Callback executed when the preview is unmounted.\n   *\n   * Should be used for cleaning up client-side image URLs created by `URL.createObjectURL()`.\n   */\n  onUnload: PropTypes.func,\n  /**\n   * If `true`, doesn't show an overlay on top of the preview when hovering.\n   *\n   * Only applies when `onClick` is set.\n   */\n  disableOverlay: PropTypes.bool,\n  /**\n   * A Jss Object used to override or extend the styles applied to the component.\n   */\n  classes: PropTypes.shape({\n    /**\n     * Styles to apply to the button when present.\n     */\n    previewButton: PropTypes.string,\n    /**\n     * Styles to apply to the overlay shown on hover.\n     */\n    overlay: PropTypes.string,\n  }).isRequired,\n};\n\nexport default withStyles(styles, { name: \"HvFileUploaderPreview\" })(Preview);\n"],"file":"Preview.js"}

package/dist/modern/FileUploader/Preview/index.d.ts

@@ -0,0 +1,2 @@
+export { default } from "./Preview";
+export * from "./Preview";

package/dist/modern/FileUploader/Preview/index.js

@@ -0,0 +1,2 @@
+export { default } from "./Preview";
+//# sourceMappingURL=index.js.map

package/dist/modern/FileUploader/Preview/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/FileUploader/Preview/index.js"],"names":["default"],"mappings":"AAAA,SAASA,OAAT,QAAwB,WAAxB","sourcesContent":["export { default } from \"./Preview\";\n"],"file":"index.js"}

package/dist/modern/FileUploader/Preview/styles.js

@@ -0,0 +1,24 @@
+const styles = theme => ({
+  previewButton: {
+    width: 52,
+    height: 52
+  },
+  overlay: {
+    position: "absolute",
+    top: 0,
+    bottom: 0,
+    left: 0,
+    right: 0,
+    display: "none",
+    justifyContent: "center",
+    alignItems: "center",
+    backgroundColor: theme.hv.palette.atmosphere.atmo3,
+    opacity: 0.75,
+    "$previewButton:hover &": {
+      display: "flex"
+    }
+  }
+});
+
+export default styles;
+//# sourceMappingURL=styles.js.map

package/dist/modern/FileUploader/Preview/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/FileUploader/Preview/styles.js"],"names":["styles","theme","previewButton","width","height","overlay","position","top","bottom","left","right","display","justifyContent","alignItems","backgroundColor","hv","palette","atmosphere","atmo3","opacity"],"mappings":"AAAA,MAAMA,MAAM,GAAIC,KAAD,KAAY;AACzBC,EAAAA,aAAa,EAAE;AACbC,IAAAA,KAAK,EAAE,EADM;AAEbC,IAAAA,MAAM,EAAE;AAFK,GADU;AAKzBC,EAAAA,OAAO,EAAE;AACPC,IAAAA,QAAQ,EAAE,UADH;AAEPC,IAAAA,GAAG,EAAE,CAFE;AAGPC,IAAAA,MAAM,EAAE,CAHD;AAIPC,IAAAA,IAAI,EAAE,CAJC;AAKPC,IAAAA,KAAK,EAAE,CALA;AAOPC,IAAAA,OAAO,EAAE,MAPF;AAQPC,IAAAA,cAAc,EAAE,QART;AASPC,IAAAA,UAAU,EAAE,QATL;AAWPC,IAAAA,eAAe,EAAEb,KAAK,CAACc,EAAN,CAASC,OAAT,CAAiBC,UAAjB,CAA4BC,KAXtC;AAYPC,IAAAA,OAAO,EAAE,IAZF;AAcP,8BAA0B;AACxBR,MAAAA,OAAO,EAAE;AADe;AAdnB;AALgB,CAAZ,CAAf;;AAyBA,eAAeX,MAAf","sourcesContent":["const styles = (theme) => ({\n  previewButton: {\n    width: 52,\n    height: 52,\n  },\n  overlay: {\n    position: \"absolute\",\n    top: 0,\n    bottom: 0,\n    left: 0,\n    right: 0,\n\n    display: \"none\",\n    justifyContent: \"center\",\n    alignItems: \"center\",\n\n    backgroundColor: theme.hv.palette.atmosphere.atmo3,\n    opacity: 0.75,\n\n    \"$previewButton:hover &\": {\n      display: \"flex\",\n    },\n  },\n});\n\nexport default styles;\n"],"file":"styles.js"}

package/dist/modern/FileUploader/index.d.ts

@@ -0,0 +1,8 @@
+export { default as HvFile } from "./File";
+export * from "./File";
+
+export { default as HvFileUploaderPreview } from "./Preview";
+export * from "./Preview";
+
+export { default } from "./FileUploader";
+export * from "./FileUploader";

package/dist/modern/FileUploader/index.js

@@ -0,0 +1,3 @@
+export { default } from "./FileUploader";
+export { default as HvFileUploaderPreview } from "./Preview";
+//# sourceMappingURL=index.js.map

package/dist/modern/FileUploader/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/FileUploader/index.js"],"names":["default","HvFileUploaderPreview"],"mappings":"AAAA,SAASA,OAAT,QAAwB,gBAAxB;AACA,SAASA,OAAO,IAAIC,qBAApB,QAAiD,WAAjD","sourcesContent":["export { default } from \"./FileUploader\";\nexport { default as HvFileUploaderPreview } from \"./Preview\";\n"],"file":"index.js"}

package/dist/modern/FileUploader/styles.js

@@ -0,0 +1,3 @@
+const styles = {};
+export default styles;
+//# sourceMappingURL=styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/FileUploader/styles.js"],"names":["styles"],"mappings":"AAAA,MAAMA,MAAM,GAAG,EAAf;AAEA,eAAeA,MAAf","sourcesContent":["const styles = {};\n\nexport default styles;\n"],"file":"styles.js"}

package/dist/modern/FileUploader/utils.js

@@ -0,0 +1,18 @@
+const units = ["B", "kB", "MB", "GB", "TB", "PB", "EB", "ZB", "YB"];
+export const findBestUnit = (bytes, base = 1000) => {
+  const i = bytes > 0 ? Math.floor(Math.log(bytes) / Math.log(base)) : 0;
+  const si = Math.min(i, units.length - 1); // safe index
+
+  return {
+    unit: units[si],
+    value: bytes / base ** si
+  };
+};
+export const convertUnits = (bytes, base = 1000) => {
+  const {
+    unit,
+    value
+  } = findBestUnit(bytes, base);
+  return value.toFixed(2) + unit;
+};
+//# sourceMappingURL=utils.js.map

package/dist/modern/FileUploader/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/FileUploader/utils.js"],"names":["units","findBestUnit","bytes","base","i","Math","floor","log","si","min","length","unit","value","convertUnits","toFixed"],"mappings":"AAAA,MAAMA,KAAK,GAAG,CAAC,GAAD,EAAM,IAAN,EAAY,IAAZ,EAAkB,IAAlB,EAAwB,IAAxB,EAA8B,IAA9B,EAAoC,IAApC,EAA0C,IAA1C,EAAgD,IAAhD,CAAd;AAEA,OAAO,MAAMC,YAAY,GAAG,CAACC,KAAD,EAAQC,IAAI,GAAG,IAAf,KAAwB;AAClD,QAAMC,CAAC,GAAGF,KAAK,GAAG,CAAR,GAAYG,IAAI,CAACC,KAAL,CAAWD,IAAI,CAACE,GAAL,CAASL,KAAT,IAAkBG,IAAI,CAACE,GAAL,CAASJ,IAAT,CAA7B,CAAZ,GAA2D,CAArE;AACA,QAAMK,EAAE,GAAGH,IAAI,CAACI,GAAL,CAASL,CAAT,EAAYJ,KAAK,CAACU,MAAN,GAAe,CAA3B,CAAX,CAFkD,CAER;;AAC1C,SAAO;AAAEC,IAAAA,IAAI,EAAEX,KAAK,CAACQ,EAAD,CAAb;AAAmBI,IAAAA,KAAK,EAAEV,KAAK,GAAGC,IAAI,IAAIK;AAA1C,GAAP;AACD,CAJM;AAMP,OAAO,MAAMK,YAAY,GAAG,CAACX,KAAD,EAAQC,IAAI,GAAG,IAAf,KAAwB;AAClD,QAAM;AAAEQ,IAAAA,IAAF;AAAQC,IAAAA;AAAR,MAAkBX,YAAY,CAACC,KAAD,EAAQC,IAAR,CAApC;AACA,SAAOS,KAAK,CAACE,OAAN,CAAc,CAAd,IAAmBH,IAA1B;AACD,CAHM","sourcesContent":["const units = [\"B\", \"kB\", \"MB\", \"GB\", \"TB\", \"PB\", \"EB\", \"ZB\", \"YB\"];\n\nexport const findBestUnit = (bytes, base = 1000) => {\n  const i = bytes > 0 ? Math.floor(Math.log(bytes) / Math.log(base)) : 0;\n  const si = Math.min(i, units.length - 1); // safe index\n  return { unit: units[si], value: bytes / base ** si };\n};\n\nexport const convertUnits = (bytes, base = 1000) => {\n  const { unit, value } = findBestUnit(bytes, base);\n  return value.toFixed(2) + unit;\n};\n"],"file":"utils.js"}

package/dist/modern/FilterGroup/Counter/Counter.js

@@ -0,0 +1,35 @@
+import "core-js/modules/es.array.unscopables.flat.js";
+import React, { useContext } from "react";
+import clsx from "clsx";
+import PropTypes from "prop-types";
+import { FilterGroupContext } from "../FilterGroupContext";
+import useStyles from "./styles";
+
+const Counter = ({
+  className,
+  id
+}) => {
+  var _filterValues$optionI;
+
+  const classes = useStyles();
+  const {
+    filterOptions,
+    filterValues,
+    appliedFilters
+  } = useContext(FilterGroupContext);
+  const options = id ? [filterOptions.find(option => option.id === id)] : filterOptions;
+  const optionIdx = filterOptions.findIndex(option => option.id === id);
+  const groupsCounter = appliedFilters.flat().filter(elem => elem !== undefined).length || 0;
+  const partialCounter = id ? ((_filterValues$optionI = filterValues[optionIdx]) === null || _filterValues$optionI === void 0 ? void 0 : _filterValues$optionI.length) || 0 : groupsCounter;
+  const totalCounter = options.reduce((acc, option) => acc + option.data.length, 0);
+  return /*#__PURE__*/React.createElement("div", {
+    className: clsx(classes.root, className)
+  }, partialCounter > 0 ? /*#__PURE__*/React.createElement("b", null, partialCounter) : partialCounter, ` / ${totalCounter}`);
+};
+
+Counter.propTypes = {
+  className: PropTypes.string,
+  id: PropTypes.string
+};
+export default Counter;
+//# sourceMappingURL=Counter.js.map

package/dist/modern/FilterGroup/Counter/Counter.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/FilterGroup/Counter/Counter.js"],"names":["React","useContext","clsx","PropTypes","FilterGroupContext","useStyles","Counter","className","id","classes","filterOptions","filterValues","appliedFilters","options","find","option","optionIdx","findIndex","groupsCounter","flat","filter","elem","undefined","length","partialCounter","totalCounter","reduce","acc","data","root","propTypes","string"],"mappings":";AAAA,OAAOA,KAAP,IAAgBC,UAAhB,QAAkC,OAAlC;AACA,OAAOC,IAAP,MAAiB,MAAjB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,SAASC,kBAAT,QAAmC,uBAAnC;AACA,OAAOC,SAAP,MAAsB,UAAtB;;AAEA,MAAMC,OAAO,GAAG,CAAC;AAAEC,EAAAA,SAAF;AAAaC,EAAAA;AAAb,CAAD,KAAuB;AAAA;;AACrC,QAAMC,OAAO,GAAGJ,SAAS,EAAzB;AACA,QAAM;AAAEK,IAAAA,aAAF;AAAiBC,IAAAA,YAAjB;AAA+BC,IAAAA;AAA/B,MAAkDX,UAAU,CAACG,kBAAD,CAAlE;AAEA,QAAMS,OAAO,GAAGL,EAAE,GAAG,CAACE,aAAa,CAACI,IAAd,CAAoBC,MAAD,IAAYA,MAAM,CAACP,EAAP,KAAcA,EAA7C,CAAD,CAAH,GAAwDE,aAA1E;AACA,QAAMM,SAAS,GAAGN,aAAa,CAACO,SAAd,CAAyBF,MAAD,IAAYA,MAAM,CAACP,EAAP,KAAcA,EAAlD,CAAlB;AAEA,QAAMU,aAAa,GAAGN,cAAc,CAACO,IAAf,GAAsBC,MAAtB,CAA8BC,IAAD,IAAUA,IAAI,KAAKC,SAAhD,EAA2DC,MAA3D,IAAqE,CAA3F;AACA,QAAMC,cAAc,GAAGhB,EAAE,GAAG,0BAAAG,YAAY,CAACK,SAAD,CAAZ,gFAAyBO,MAAzB,KAAmC,CAAtC,GAA0CL,aAAnE;AACA,QAAMO,YAAY,GAAGZ,OAAO,CAACa,MAAR,CAAe,CAACC,GAAD,EAAMZ,MAAN,KAAiBY,GAAG,GAAGZ,MAAM,CAACa,IAAP,CAAYL,MAAlD,EAA0D,CAA1D,CAArB;AAEA,sBACE;AAAK,IAAA,SAAS,EAAErB,IAAI,CAACO,OAAO,CAACoB,IAAT,EAAetB,SAAf;AAApB,KACGiB,cAAc,GAAG,CAAjB,gBAAqB,+BAAIA,cAAJ,CAArB,GAA+CA,cADlD,EAEI,MAAKC,YAAa,EAFtB,CADF;AAMD,CAjBD;;AAmBAnB,OAAO,CAACwB,SAAR,GAAoB;AAClBvB,EAAAA,SAAS,EAAEJ,SAAS,CAAC4B,MADH;AAElBvB,EAAAA,EAAE,EAAEL,SAAS,CAAC4B;AAFI,CAApB;AAKA,eAAezB,OAAf","sourcesContent":["import React, { useContext } from \"react\";\nimport clsx from \"clsx\";\nimport PropTypes from \"prop-types\";\nimport { FilterGroupContext } from \"../FilterGroupContext\";\nimport useStyles from \"./styles\";\n\nconst Counter = ({ className, id }) => {\n  const classes = useStyles();\n  const { filterOptions, filterValues, appliedFilters } = useContext(FilterGroupContext);\n\n  const options = id ? [filterOptions.find((option) => option.id === id)] : filterOptions;\n  const optionIdx = filterOptions.findIndex((option) => option.id === id);\n\n  const groupsCounter = appliedFilters.flat().filter((elem) => elem !== undefined).length || 0;\n  const partialCounter = id ? filterValues[optionIdx]?.length || 0 : groupsCounter;\n  const totalCounter = options.reduce((acc, option) => acc + option.data.length, 0);\n\n  return (\n    <div className={clsx(classes.root, className)}>\n      {partialCounter > 0 ? <b>{partialCounter}</b> : partialCounter}\n      {` / ${totalCounter}`}\n    </div>\n  );\n};\n\nCounter.propTypes = {\n  className: PropTypes.string,\n  id: PropTypes.string,\n};\n\nexport default Counter;\n"],"file":"Counter.js"}

package/dist/modern/FilterGroup/Counter/index.js

@@ -0,0 +1,2 @@
+export { default } from "./Counter";
+//# sourceMappingURL=index.js.map

package/dist/modern/FilterGroup/Counter/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/FilterGroup/Counter/index.js"],"names":["default"],"mappings":"AAAA,SAASA,OAAT,QAAwB,WAAxB","sourcesContent":["export { default } from \"./Counter\";\n"],"file":"index.js"}

package/dist/modern/FilterGroup/Counter/styles.js

@@ -0,0 +1,11 @@
+import { makeStyles } from "@material-ui/core";
+const styles = makeStyles(() => ({
+  root: {
+    height: "100%",
+    lineHeight: "32px",
+    margin: "0 10px",
+    pointerEvents: "none"
+  }
+}));
+export default styles;
+//# sourceMappingURL=styles.js.map

package/dist/modern/FilterGroup/Counter/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/FilterGroup/Counter/styles.js"],"names":["makeStyles","styles","root","height","lineHeight","margin","pointerEvents"],"mappings":"AAAA,SAASA,UAAT,QAA2B,mBAA3B;AAEA,MAAMC,MAAM,GAAGD,UAAU,CAAC,OAAO;AAC/BE,EAAAA,IAAI,EAAE;AACJC,IAAAA,MAAM,EAAE,MADJ;AAEJC,IAAAA,UAAU,EAAE,MAFR;AAGJC,IAAAA,MAAM,EAAE,QAHJ;AAIJC,IAAAA,aAAa,EAAE;AAJX;AADyB,CAAP,CAAD,CAAzB;AASA,eAAeL,MAAf","sourcesContent":["import { makeStyles } from \"@material-ui/core\";\n\nconst styles = makeStyles(() => ({\n  root: {\n    height: \"100%\",\n    lineHeight: \"32px\",\n    margin: \"0 10px\",\n    pointerEvents: \"none\",\n  },\n}));\n\nexport default styles;\n"],"file":"styles.js"}