@hitachivantara/uikit-react-core 3.52.5

package/dist/FileUploader/FileUploader.js

@@ -0,0 +1,227 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+
+var _react = _interopRequireDefault(require("react"));
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _core = require("@material-ui/core");
+
+var _utils = require("../utils");
+
+var _DropZone = _interopRequireDefault(require("./DropZone"));
+
+var _FileList = _interopRequireDefault(require("./FileList"));
+
+var _styles = _interopRequireDefault(require("./styles"));
+
+var _excluded = ["id", "className", "labels", "fileList", "multiple", "disabled", "maxFileSize", "acceptedFiles", "onFilesAdded", "onFileRemoved", "hideLabels", "inputProps"];
+// TODO: this component needs to adopt the Form element shape and deprecate its way of composing labels
+var 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.
+ */
+
+var FileUploader = function FileUploader(_ref) {
+  var id = _ref.id,
+      className = _ref.className,
+      labelsProp = _ref.labels,
+      fileList = _ref.fileList,
+      _ref$multiple = _ref.multiple,
+      multiple = _ref$multiple === void 0 ? true : _ref$multiple,
+      _ref$disabled = _ref.disabled,
+      disabled = _ref$disabled === void 0 ? false : _ref$disabled,
+      _ref$maxFileSize = _ref.maxFileSize,
+      maxFileSize = _ref$maxFileSize === void 0 ? Infinity : _ref$maxFileSize,
+      _ref$acceptedFiles = _ref.acceptedFiles,
+      acceptedFiles = _ref$acceptedFiles === void 0 ? [] : _ref$acceptedFiles,
+      onFilesAdded = _ref.onFilesAdded,
+      onFileRemoved = _ref.onFileRemoved,
+      _ref$hideLabels = _ref.hideLabels,
+      hideLabels = _ref$hideLabels === void 0 ? false : _ref$hideLabels,
+      _ref$inputProps = _ref.inputProps,
+      inputProps = _ref$inputProps === void 0 ? {} : _ref$inputProps,
+      others = (0, _objectWithoutProperties2.default)(_ref, _excluded);
+  var labels = (0, _utils.useLabels)(DEFAULT_LABELS, labelsProp);
+  return /*#__PURE__*/_react.default.createElement("div", (0, _extends2.default)({
+    id: id,
+    className: className
+  }, others), /*#__PURE__*/_react.default.createElement(_DropZone.default, {
+    id: (0, _utils.setId)(id, "dropzone"),
+    labels: labels,
+    multiple: multiple,
+    disabled: disabled,
+    acceptedFiles: acceptedFiles,
+    maxFileSize: maxFileSize,
+    onFilesAdded: onFilesAdded,
+    inputProps: inputProps,
+    hideLabels: hideLabels
+  }), /*#__PURE__*/_react.default.createElement(_FileList.default, {
+    id: (0, _utils.setId)(id, "filelist"),
+    list: fileList,
+    onFileRemoved: onFileRemoved,
+    removeFileButtonLabel: labels.removeFileButtonLabel
+  }));
+};
+
+FileUploader.propTypes = {
+  /**
+   * Id to be applied to the root node.
+   */
+  id: _propTypes.default.string,
+
+  /**
+   * Class names to be applied.
+   */
+  className: _propTypes.default.string,
+
+  /**
+   * An object containing all the labels.
+   *
+   */
+  labels: _propTypes.default.shape({
+    /**
+     * Accepted file list label
+     */
+    acceptedFiles: _propTypes.default.string,
+
+    /**
+     * DropZone area label.
+     */
+    dropzone: _propTypes.default.string,
+
+    /**
+     * Size file warning label.
+     */
+    sizeWarning: _propTypes.default.string,
+
+    /**
+     * Size file warning label.
+     */
+    drag: _propTypes.default.string,
+
+    /**
+     * Size file warning label.
+     */
+    selectFiles: _propTypes.default.string,
+
+    /**
+     * Theming sheet used to style components
+     * */
+    dropFiles: _propTypes.default.string,
+
+    /**
+     * Message to display when file size is greater than allowed
+     * */
+    fileSizeError: _propTypes.default.string,
+
+    /**
+     * Message to display when file type is greater than allowed
+     * */
+    fileTypeError: _propTypes.default.string,
+
+    /**
+     * Value of aria-label to apply to remove file button in filelist
+     * */
+    removeFileButtonLabel: _propTypes.default.string
+  }),
+
+  /**
+   * The files to upload.
+   */
+  fileList: _propTypes.default.arrayOf(_propTypes.default.shape({
+    /**
+     * The file name.
+     */
+    name: _propTypes.default.string,
+
+    /**
+     * The file size in bytes.
+     */
+    size: _propTypes.default.number,
+
+    /**
+     * Upload progress in bytes.
+     */
+    progress: _propTypes.default.number,
+
+    /**
+     * Upload status.
+     */
+    status: _propTypes.default.oneOf(["progress", "success", "fail"]),
+
+    /**
+     * Optional node representing a preview of the uploaded file.
+     */
+    preview: _propTypes.default.node
+  })).isRequired,
+
+  /**
+   * Whether the DropZone should accept multiple files at once.
+   */
+  multiple: _propTypes.default.bool,
+
+  /**
+   * If the input is disabled or not
+   */
+  disabled: _propTypes.default.bool,
+
+  /**
+   * Max upload size
+   * */
+  maxFileSize: _propTypes.default.number,
+
+  /**
+   * Files extensions accepted for upload.
+   */
+  acceptedFiles: _propTypes.default.arrayOf(_propTypes.default.string),
+
+  /**
+   * Callback fired when files are added.
+   */
+  onFilesAdded: _propTypes.default.func,
+
+  /**
+   * Callback fired when file is removed from list.
+   */
+  onFileRemoved: _propTypes.default.func,
+
+  /**
+   * Whether the DropZone should hide labels or not.
+   */
+  hideLabels: _propTypes.default.bool,
+
+  /**
+   * Attributes applied to the input element.
+   */
+  inputProps: _propTypes.default.instanceOf(Object)
+};
+
+var _default = (0, _core.withStyles)(_styles.default, {
+  name: "HvFileUploader"
+})(FileUploader);
+
+exports.default = _default;
+//# sourceMappingURL=FileUploader.js.map

package/dist/FileUploader/FileUploader.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/FileUploader/FileUploader.js"],"names":["DEFAULT_LABELS","dropzone","sizeWarning","drag","selectFiles","dropFiles","fileSizeError","fileTypeError","removeFileButtonLabel","FileUploader","id","className","labelsProp","labels","fileList","multiple","disabled","maxFileSize","Infinity","acceptedFiles","onFilesAdded","onFileRemoved","hideLabels","inputProps","others","propTypes","PropTypes","string","shape","arrayOf","name","size","number","progress","status","oneOf","preview","node","isRequired","bool","func","instanceOf","Object","styles"],"mappings":"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","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/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/FileUploader/Preview/Preview.js

@@ -0,0 +1,128 @@
+"use strict";
+
+require("core-js/modules/es.array.iterator.js");
+
+require("core-js/modules/es.object.to-string.js");
+
+require("core-js/modules/es.string.iterator.js");
+
+require("core-js/modules/es.weak-map.js");
+
+require("core-js/modules/web.dom-collections.iterator.js");
+
+require("core-js/modules/es.object.get-own-property-descriptor.js");
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+var _typeof = require("@babel/runtime/helpers/typeof");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _core = require("@material-ui/core");
+
+var _uikitReactIcons = require("@hitachivantara/uikit-react-icons");
+
+var _ = require("../..");
+
+var _styles = _interopRequireDefault(require("./styles"));
+
+var _excluded = ["children", "classes", "onClick", "onUnload", "disableOverlay"];
+
+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; }
+
+/**
+ * The `HvFileUploaderPreview` component is available to facilitate the styling
+ * of the button (when clickable) and the detection of image unloading.
+ */
+var Preview = function Preview(props) {
+  var children = props.children,
+      classes = props.classes,
+      onClick = props.onClick,
+      onUnload = props.onUnload,
+      _props$disableOverlay = props.disableOverlay,
+      disableOverlay = _props$disableOverlay === void 0 ? false : _props$disableOverlay,
+      others = (0, _objectWithoutProperties2.default)(props, _excluded);
+  (0, _react.useEffect)(function () {
+    return function () {
+      onUnload === null || onUnload === void 0 ? void 0 : onUnload();
+    };
+  }, [onUnload]);
+
+  if (onClick) {
+    return /*#__PURE__*/_react.default.createElement(_.HvButton, (0, _extends2.default)({
+      icon: true,
+      className: classes.previewButton,
+      onClick: onClick
+    }, others), children, !disableOverlay && /*#__PURE__*/_react.default.createElement("div", {
+      className: classes.overlay,
+      "aria-hidden": "true"
+    }, /*#__PURE__*/_react.default.createElement(_uikitReactIcons.Preview, null)));
+  }
+
+  return children;
+};
+
+Preview.propTypes = {
+  /**
+   * Content that represents the preview of an uploaded file.
+   */
+  children: _propTypes.default.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.default.func,
+
+  /**
+   * Callback executed when the preview is unmounted.
+   *
+   * Should be used for cleaning up client-side image URLs created by `URL.createObjectURL()`.
+   */
+  onUnload: _propTypes.default.func,
+
+  /**
+   * If `true`, doesn't show an overlay on top of the preview when hovering.
+   *
+   * Only applies when `onClick` is set.
+   */
+  disableOverlay: _propTypes.default.bool,
+
+  /**
+   * A Jss Object used to override or extend the styles applied to the component.
+   */
+  classes: _propTypes.default.shape({
+    /**
+     * Styles to apply to the button when present.
+     */
+    previewButton: _propTypes.default.string,
+
+    /**
+     * Styles to apply to the overlay shown on hover.
+     */
+    overlay: _propTypes.default.string
+  }).isRequired
+};
+
+var _default = (0, _core.withStyles)(_styles.default, {
+  name: "HvFileUploaderPreview"
+})(Preview);
+
+exports.default = _default;
+//# sourceMappingURL=Preview.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/FileUploader/Preview/Preview.js"],"names":["Preview","props","children","classes","onClick","onUnload","disableOverlay","others","previewButton","overlay","propTypes","PropTypes","node","isRequired","func","bool","shape","string","styles","name"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AAEA;;AAEA;;AAEA;;AAEA;;;;;;;;AAEA;AACA;AACA;AACA;AACA,IAAMA,OAAO,GAAG,SAAVA,OAAU,CAACC,KAAD,EAAW;AACzB,MAAQC,QAAR,GAAoFD,KAApF,CAAQC,QAAR;AAAA,MAAkBC,OAAlB,GAAoFF,KAApF,CAAkBE,OAAlB;AAAA,MAA2BC,OAA3B,GAAoFH,KAApF,CAA2BG,OAA3B;AAAA,MAAoCC,QAApC,GAAoFJ,KAApF,CAAoCI,QAApC;AAAA,8BAAoFJ,KAApF,CAA8CK,cAA9C;AAAA,MAA8CA,cAA9C,sCAA+D,KAA/D;AAAA,MAAyEC,MAAzE,0CAAoFN,KAApF;AAEA,wBAAU,YAAM;AACd,WAAO,YAAM;AACXI,MAAAA,QAAQ,SAAR,IAAAA,QAAQ,WAAR,YAAAA,QAAQ;AACT,KAFD;AAGD,GAJD,EAIG,CAACA,QAAD,CAJH;;AAMA,MAAID,OAAJ,EAAa;AACX,wBACE,6BAAC,UAAD;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,6BAAC,wBAAD,OADF,CAHJ,CADF;AAUD;;AAED,SAAOP,QAAP;AACD,CAvBD;;AAyBAF,OAAO,CAACU,SAAR,GAAoB;AAClB;AACF;AACA;AACER,EAAAA,QAAQ,EAAES,mBAAUC,IAAV,CAAeC,UAJP;;AAKlB;AACF;AACA;AACA;AACA;AACA;AACA;AACET,EAAAA,OAAO,EAAEO,mBAAUG,IAZD;;AAalB;AACF;AACA;AACA;AACA;AACET,EAAAA,QAAQ,EAAEM,mBAAUG,IAlBF;;AAmBlB;AACF;AACA;AACA;AACA;AACER,EAAAA,cAAc,EAAEK,mBAAUI,IAxBR;;AAyBlB;AACF;AACA;AACEZ,EAAAA,OAAO,EAAEQ,mBAAUK,KAAV,CAAgB;AACvB;AACJ;AACA;AACIR,IAAAA,aAAa,EAAEG,mBAAUM,MAJF;;AAKvB;AACJ;AACA;AACIR,IAAAA,OAAO,EAAEE,mBAAUM;AARI,GAAhB,EASNJ;AArCe,CAApB;;eAwCe,sBAAWK,eAAX,EAAmB;AAAEC,EAAAA,IAAI,EAAE;AAAR,CAAnB,EAAsDnB,OAAtD,C","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/FileUploader/Preview/index.d.ts

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

package/dist/FileUploader/Preview/index.js

@@ -0,0 +1,16 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "default", {
+  enumerable: true,
+  get: function get() {
+    return _Preview.default;
+  }
+});
+
+var _Preview = _interopRequireDefault(require("./Preview"));
+//# sourceMappingURL=index.js.map

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

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

package/dist/FileUploader/Preview/styles.js

@@ -0,0 +1,34 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var styles = function styles(theme) {
+  return {
+    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"
+      }
+    }
+  };
+};
+
+var _default = styles;
+exports.default = _default;
+//# sourceMappingURL=styles.js.map

package/dist/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,IAAMA,MAAM,GAAG,SAATA,MAAS,CAACC,KAAD;AAAA,SAAY;AACzBC,IAAAA,aAAa,EAAE;AACbC,MAAAA,KAAK,EAAE,EADM;AAEbC,MAAAA,MAAM,EAAE;AAFK,KADU;AAKzBC,IAAAA,OAAO,EAAE;AACPC,MAAAA,QAAQ,EAAE,UADH;AAEPC,MAAAA,GAAG,EAAE,CAFE;AAGPC,MAAAA,MAAM,EAAE,CAHD;AAIPC,MAAAA,IAAI,EAAE,CAJC;AAKPC,MAAAA,KAAK,EAAE,CALA;AAOPC,MAAAA,OAAO,EAAE,MAPF;AAQPC,MAAAA,cAAc,EAAE,QART;AASPC,MAAAA,UAAU,EAAE,QATL;AAWPC,MAAAA,eAAe,EAAEb,KAAK,CAACc,EAAN,CAASC,OAAT,CAAiBC,UAAjB,CAA4BC,KAXtC;AAYPC,MAAAA,OAAO,EAAE,IAZF;AAcP,gCAA0B;AACxBR,QAAAA,OAAO,EAAE;AADe;AAdnB;AALgB,GAAZ;AAAA,CAAf;;eAyBeX,M","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/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/FileUploader/index.js

@@ -0,0 +1,24 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "HvFileUploaderPreview", {
+  enumerable: true,
+  get: function get() {
+    return _Preview.default;
+  }
+});
+Object.defineProperty(exports, "default", {
+  enumerable: true,
+  get: function get() {
+    return _FileUploader.default;
+  }
+});
+
+var _FileUploader = _interopRequireDefault(require("./FileUploader"));
+
+var _Preview = _interopRequireDefault(require("./Preview"));
+//# sourceMappingURL=index.js.map

package/dist/FileUploader/index.js.map

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

package/dist/FileUploader/styles.js

@@ -0,0 +1,10 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var styles = {};
+var _default = styles;
+exports.default = _default;
+//# sourceMappingURL=styles.js.map

package/dist/FileUploader/styles.js.map

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

package/dist/FileUploader/utils.js

@@ -0,0 +1,36 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.findBestUnit = exports.convertUnits = void 0;
+
+require("core-js/modules/es.number.to-fixed.js");
+
+var units = ["B", "kB", "MB", "GB", "TB", "PB", "EB", "ZB", "YB"];
+
+var findBestUnit = function findBestUnit(bytes) {
+  var base = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 1000;
+  var i = bytes > 0 ? Math.floor(Math.log(bytes) / Math.log(base)) : 0;
+  var si = Math.min(i, units.length - 1); // safe index
+
+  return {
+    unit: units[si],
+    value: bytes / Math.pow(base, si)
+  };
+};
+
+exports.findBestUnit = findBestUnit;
+
+var convertUnits = function convertUnits(bytes) {
+  var base = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 1000;
+
+  var _findBestUnit = findBestUnit(bytes, base),
+      unit = _findBestUnit.unit,
+      value = _findBestUnit.value;
+
+  return value.toFixed(2) + unit;
+};
+
+exports.convertUnits = convertUnits;
+//# sourceMappingURL=utils.js.map

package/dist/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,IAAMA,KAAK,GAAG,CAAC,GAAD,EAAM,IAAN,EAAY,IAAZ,EAAkB,IAAlB,EAAwB,IAAxB,EAA8B,IAA9B,EAAoC,IAApC,EAA0C,IAA1C,EAAgD,IAAhD,CAAd;;AAEO,IAAMC,YAAY,GAAG,SAAfA,YAAe,CAACC,KAAD,EAAwB;AAAA,MAAhBC,IAAgB,uEAAT,IAAS;AAClD,MAAMC,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,MAAMK,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,YAAGC,IAAH,EAAWK,EAAX;AAA/B,GAAP;AACD,CAJM;;;;AAMA,IAAMK,YAAY,GAAG,SAAfA,YAAe,CAACX,KAAD,EAAwB;AAAA,MAAhBC,IAAgB,uEAAT,IAAS;;AAClD,sBAAwBF,YAAY,CAACC,KAAD,EAAQC,IAAR,CAApC;AAAA,MAAQQ,IAAR,iBAAQA,IAAR;AAAA,MAAcC,KAAd,iBAAcA,KAAd;;AACA,SAAOA,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/FilterGroup/Counter/Counter.js

@@ -0,0 +1,84 @@
+"use strict";
+
+require("core-js/modules/es.array.iterator.js");
+
+require("core-js/modules/es.string.iterator.js");
+
+require("core-js/modules/es.weak-map.js");
+
+require("core-js/modules/web.dom-collections.iterator.js");
+
+require("core-js/modules/es.object.get-own-property-descriptor.js");
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+var _typeof = require("@babel/runtime/helpers/typeof");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+require("core-js/modules/es.array.find.js");
+
+require("core-js/modules/es.object.to-string.js");
+
+require("core-js/modules/es.array.find-index.js");
+
+require("core-js/modules/es.array.filter.js");
+
+require("core-js/modules/es.array.flat.js");
+
+require("core-js/modules/es.array.unscopables.flat.js");
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _clsx = _interopRequireDefault(require("clsx"));
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _FilterGroupContext = require("../FilterGroupContext");
+
+var _styles = _interopRequireDefault(require("./styles"));
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+var Counter = function Counter(_ref) {
+  var _filterValues$optionI;
+
+  var className = _ref.className,
+      id = _ref.id;
+  var classes = (0, _styles.default)();
+
+  var _useContext = (0, _react.useContext)(_FilterGroupContext.FilterGroupContext),
+      filterOptions = _useContext.filterOptions,
+      filterValues = _useContext.filterValues,
+      appliedFilters = _useContext.appliedFilters;
+
+  var options = id ? [filterOptions.find(function (option) {
+    return option.id === id;
+  })] : filterOptions;
+  var optionIdx = filterOptions.findIndex(function (option) {
+    return option.id === id;
+  });
+  var groupsCounter = appliedFilters.flat().filter(function (elem) {
+    return elem !== undefined;
+  }).length || 0;
+  var partialCounter = id ? ((_filterValues$optionI = filterValues[optionIdx]) === null || _filterValues$optionI === void 0 ? void 0 : _filterValues$optionI.length) || 0 : groupsCounter;
+  var totalCounter = options.reduce(function (acc, option) {
+    return acc + option.data.length;
+  }, 0);
+  return /*#__PURE__*/_react.default.createElement("div", {
+    className: (0, _clsx.default)(classes.root, className)
+  }, partialCounter > 0 ? /*#__PURE__*/_react.default.createElement("b", null, partialCounter) : partialCounter, " / ".concat(totalCounter));
+};
+
+Counter.propTypes = {
+  className: _propTypes.default.string,
+  id: _propTypes.default.string
+};
+var _default = Counter;
+exports.default = _default;
+//# sourceMappingURL=Counter.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/FilterGroup/Counter/Counter.js"],"names":["Counter","className","id","classes","FilterGroupContext","filterOptions","filterValues","appliedFilters","options","find","option","optionIdx","findIndex","groupsCounter","flat","filter","elem","undefined","length","partialCounter","totalCounter","reduce","acc","data","root","propTypes","PropTypes","string"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;;;;;AAEA,IAAMA,OAAO,GAAG,SAAVA,OAAU,OAAuB;AAAA;;AAAA,MAApBC,SAAoB,QAApBA,SAAoB;AAAA,MAATC,EAAS,QAATA,EAAS;AACrC,MAAMC,OAAO,GAAG,sBAAhB;;AACA,oBAAwD,uBAAWC,sCAAX,CAAxD;AAAA,MAAQC,aAAR,eAAQA,aAAR;AAAA,MAAuBC,YAAvB,eAAuBA,YAAvB;AAAA,MAAqCC,cAArC,eAAqCA,cAArC;;AAEA,MAAMC,OAAO,GAAGN,EAAE,GAAG,CAACG,aAAa,CAACI,IAAd,CAAmB,UAACC,MAAD;AAAA,WAAYA,MAAM,CAACR,EAAP,KAAcA,EAA1B;AAAA,GAAnB,CAAD,CAAH,GAAwDG,aAA1E;AACA,MAAMM,SAAS,GAAGN,aAAa,CAACO,SAAd,CAAwB,UAACF,MAAD;AAAA,WAAYA,MAAM,CAACR,EAAP,KAAcA,EAA1B;AAAA,GAAxB,CAAlB;AAEA,MAAMW,aAAa,GAAGN,cAAc,CAACO,IAAf,GAAsBC,MAAtB,CAA6B,UAACC,IAAD;AAAA,WAAUA,IAAI,KAAKC,SAAnB;AAAA,GAA7B,EAA2DC,MAA3D,IAAqE,CAA3F;AACA,MAAMC,cAAc,GAAGjB,EAAE,GAAG,0BAAAI,YAAY,CAACK,SAAD,CAAZ,gFAAyBO,MAAzB,KAAmC,CAAtC,GAA0CL,aAAnE;AACA,MAAMO,YAAY,GAAGZ,OAAO,CAACa,MAAR,CAAe,UAACC,GAAD,EAAMZ,MAAN;AAAA,WAAiBY,GAAG,GAAGZ,MAAM,CAACa,IAAP,CAAYL,MAAnC;AAAA,GAAf,EAA0D,CAA1D,CAArB;AAEA,sBACE;AAAK,IAAA,SAAS,EAAE,mBAAKf,OAAO,CAACqB,IAAb,EAAmBvB,SAAnB;AAAhB,KACGkB,cAAc,GAAG,CAAjB,gBAAqB,wCAAIA,cAAJ,CAArB,GAA+CA,cADlD,eAESC,YAFT,EADF;AAMD,CAjBD;;AAmBApB,OAAO,CAACyB,SAAR,GAAoB;AAClBxB,EAAAA,SAAS,EAAEyB,mBAAUC,MADH;AAElBzB,EAAAA,EAAE,EAAEwB,mBAAUC;AAFI,CAApB;eAKe3B,O","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"}