@hitachivantara/uikit-react-core 3.52.5

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

@@ -0,0 +1,83 @@
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+
+import { outlineStyles } from "../../Focus/styles";
+
+const styles = theme => ({
+  dropZoneContainer: {
+    position: "relative",
+    width: "100%",
+    display: "flex",
+    border: `1px dotted ${theme.hv.palette.atmosphere.atmo4}`,
+    cursor: "pointer",
+    background: `${theme.hv.palette.atmosphere.atmo2}`,
+    "&:hover": {
+      background: `${theme.hv.palette.atmosphere.atmo1}`,
+      border: `1px dotted ${theme.hv.palette.accent.acce1}`
+    },
+    "&:focus": _objectSpread({
+      background: `${theme.hv.palette.atmosphere.atmo1}`,
+      border: `1px dotted ${theme.hv.palette.accent.acce1}`
+    }, outlineStyles)
+  },
+  dropZoneLabel: {
+    paddingBottom: 6
+  },
+  dropZoneContainerDisabled: {
+    "&$dropZoneContainer": {
+      background: `${theme.hv.palette.atmosphere.atmo3}`,
+      border: `1px dotted ${theme.hv.palette.atmosphere.atmo4}`,
+      cursor: "not-allowed"
+    },
+    "& $dragText": {
+      color: theme.hv.palette.atmosphere.atmo5
+    },
+    "& $selectFilesText": {
+      color: theme.hv.palette.atmosphere.atmo5
+    }
+  },
+  dragAction: {
+    background: `${theme.hv.palette.atmosphere.atmo1}`,
+    border: `1px dotted ${theme.hv.palette.accent.acce1}`
+  },
+  inputArea: {
+    opacity: 0,
+    width: "100%",
+    position: "absolute",
+    height: "100%",
+    cursor: "pointer",
+    "&:disabled": {
+      cursor: "not-allowed"
+    }
+  },
+  dropArea: {
+    display: "flex",
+    margin: theme.hvSpacing("md", "auto"),
+    minHeight: 48
+  },
+  dropZoneLabelsGroup: {
+    display: "flex",
+    justifyContent: "start",
+    "& label:nth-child(1)": {},
+    "& p:nth-child(2)": {
+      marginLeft: "auto"
+    }
+  },
+  dropZoneAreaLabels: {
+    display: "flex",
+    width: 115,
+    margin: "auto"
+  },
+  dropZoneAreaIcon: {
+    margin: "auto",
+    marginRight: theme.hv.spacing.xs
+  },
+  dragText: _objectSpread({}, theme.hv.typography.normalText),
+  selectFilesText: _objectSpread({}, theme.hv.typography.highlightText)
+});
+
+export default styles;
+//# sourceMappingURL=styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/FileUploader/DropZone/styles.js"],"names":["outlineStyles","styles","theme","dropZoneContainer","position","width","display","border","hv","palette","atmosphere","atmo4","cursor","background","atmo2","atmo1","accent","acce1","dropZoneLabel","paddingBottom","dropZoneContainerDisabled","atmo3","color","atmo5","dragAction","inputArea","opacity","height","dropArea","margin","hvSpacing","minHeight","dropZoneLabelsGroup","justifyContent","marginLeft","dropZoneAreaLabels","dropZoneAreaIcon","marginRight","spacing","xs","dragText","typography","normalText","selectFilesText","highlightText"],"mappings":"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","sourcesContent":["import { outlineStyles } from \"../../Focus/styles\";\n\nconst styles = (theme) => ({\n  dropZoneContainer: {\n    position: \"relative\",\n    width: \"100%\",\n    display: \"flex\",\n    border: `1px dotted ${theme.hv.palette.atmosphere.atmo4}`,\n    cursor: \"pointer\",\n    background: `${theme.hv.palette.atmosphere.atmo2}`,\n    \"&:hover\": {\n      background: `${theme.hv.palette.atmosphere.atmo1}`,\n      border: `1px dotted ${theme.hv.palette.accent.acce1}`,\n    },\n    \"&:focus\": {\n      background: `${theme.hv.palette.atmosphere.atmo1}`,\n      border: `1px dotted ${theme.hv.palette.accent.acce1}`,\n      ...outlineStyles,\n    },\n  },\n  dropZoneLabel: {\n    paddingBottom: 6,\n  },\n  dropZoneContainerDisabled: {\n    \"&$dropZoneContainer\": {\n      background: `${theme.hv.palette.atmosphere.atmo3}`,\n      border: `1px dotted ${theme.hv.palette.atmosphere.atmo4}`,\n      cursor: \"not-allowed\",\n    },\n    \"& $dragText\": {\n      color: theme.hv.palette.atmosphere.atmo5,\n    },\n    \"& $selectFilesText\": {\n      color: theme.hv.palette.atmosphere.atmo5,\n    },\n  },\n  dragAction: {\n    background: `${theme.hv.palette.atmosphere.atmo1}`,\n    border: `1px dotted ${theme.hv.palette.accent.acce1}`,\n  },\n  inputArea: {\n    opacity: 0,\n    width: \"100%\",\n    position: \"absolute\",\n    height: \"100%\",\n    cursor: \"pointer\",\n    \"&:disabled\": {\n      cursor: \"not-allowed\",\n    },\n  },\n  dropArea: {\n    display: \"flex\",\n    margin: theme.hvSpacing(\"md\", \"auto\"),\n    minHeight: 48,\n  },\n  dropZoneLabelsGroup: {\n    display: \"flex\",\n    justifyContent: \"start\",\n    \"& label:nth-child(1)\": {},\n    \"& p:nth-child(2)\": {\n      marginLeft: \"auto\",\n    },\n  },\n  dropZoneAreaLabels: {\n    display: \"flex\",\n    width: 115,\n    margin: \"auto\",\n  },\n  dropZoneAreaIcon: {\n    margin: \"auto\",\n    marginRight: theme.hv.spacing.xs,\n  },\n  dragText: {\n    ...theme.hv.typography.normalText,\n  },\n  selectFilesText: {\n    ...theme.hv.typography.highlightText,\n  },\n});\n\nexport default styles;\n"],"file":"styles.js"}

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

@@ -0,0 +1,55 @@
+import * as React from "react";
+import { StandardProps } from "@material-ui/core";
+
+export interface File {
+  /**
+   * The file name.
+   */
+  name: string;
+  /**
+   * The upload status.
+   */
+  status: "progress" | "success" | "fail";
+  /**
+   * The file size in bytes.
+   */
+  size?: number;
+  /**
+   * Upload progress in bytes.
+   */
+  progress?: number;
+  /**
+   * Optional node representing a preview of the uploaded file.
+   */
+  preview?: React.ReactNode;
+}
+
+export type FilesAddedEvent = (files: File[]) => void;
+
+export type FileRemovedEvent = (file: File) => void;
+
+export type HvFileClassKey =
+  | "progressbar"
+  | "progressbarBack"
+  | "nameText"
+  | "progressTextContainer"
+  | "previewContainer"
+  | "removeButton";
+
+export interface FileProps
+  extends StandardProps<React.HTMLAttributes<HTMLDivElement>, HvFileClassKey> {
+  /**
+   * File information to be displayed
+   */
+  data: File;
+  /**
+   * Callback fired when file is removed from list.
+   */
+  onFileRemoved?: FileRemovedEvent;
+  /**
+   * Value of aria-label to apply to remove file button in filelist
+   * */
+  removeFileButtonLabel: string;
+}
+
+export default function HvFile(props: FileProps): JSX.Element | null;

package/dist/modern/FileUploader/File/File.js

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

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/FileUploader/File/File.js"],"names":["React","PropTypes","IconButton","withStyles","Fail","Close","Success","HvTypography","setId","convertUnits","styles","getStatusIcon","classes","status","icon","getProgressText","data","hasFailed","inProgress","progress","size","errorMessage","fail","getProgressBarWith","width","Math","round","File","id","onFileRemoved","removeFileButtonLabel","hasError","progressText","statusIcon","currentProgress","progressbarBack","progressbar","nameText","name","progressTextContainer","preview","previewContainer","removeButton","propTypes","string","shape","isRequired","oneOf","node","func"],"mappings":"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","sourcesContent":["import React from \"react\";\nimport PropTypes from \"prop-types\";\nimport { IconButton, withStyles } from \"@material-ui/core\";\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"],"file":"File.js"}

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

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

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

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

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

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

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

@@ -0,0 +1,53 @@
+const styles = theme => ({
+  progressbarBack: {
+    position: "absolute",
+    top: "-1px",
+    width: "100%",
+    border: `1px solid ${theme.hv.palette.atmosphere.atmo4}`
+  },
+  progressbar: {
+    position: "absolute",
+    top: "-1px",
+    width: "80%",
+    height: 2,
+    border: `1px solid ${theme.hv.palette.accent.acce1}`,
+    "&::-moz-progress-bar": {
+      background: theme.hv.palette.accent.acce1
+    }
+  },
+  progressTextContainer: {
+    display: "flex",
+    flexGrow: 1
+  },
+  previewContainer: {
+    display: "flex",
+    margin: theme.hvSpacing(0, "xs"),
+    width: 52,
+    height: 52,
+    justifyContent: "center",
+    alignItems: "center",
+    "& img": {
+      width: "100%",
+      height: "100%",
+      maxWidth: 52,
+      maxHeight: 52,
+      objectFit: "cover",
+      objectPosition: "center"
+    }
+  },
+  icon: {
+    width: 32,
+    height: 32,
+    margin: theme.hvSpacing(0, "xs")
+  },
+  removeButton: {
+    margin: theme.hvSpacing(0, "xs")
+  },
+  fail: {
+    color: theme.palette.sema4
+  },
+  nameText: {}
+});
+
+export default styles;
+//# sourceMappingURL=styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/FileUploader/File/styles.js"],"names":["styles","theme","progressbarBack","position","top","width","border","hv","palette","atmosphere","atmo4","progressbar","height","accent","acce1","background","progressTextContainer","display","flexGrow","previewContainer","margin","hvSpacing","justifyContent","alignItems","maxWidth","maxHeight","objectFit","objectPosition","icon","removeButton","fail","color","sema4","nameText"],"mappings":"AAAA,MAAMA,MAAM,GAAIC,KAAD,KAAY;AACzBC,EAAAA,eAAe,EAAE;AACfC,IAAAA,QAAQ,EAAE,UADK;AAEfC,IAAAA,GAAG,EAAE,MAFU;AAGfC,IAAAA,KAAK,EAAE,MAHQ;AAIfC,IAAAA,MAAM,EAAG,aAAYL,KAAK,CAACM,EAAN,CAASC,OAAT,CAAiBC,UAAjB,CAA4BC,KAAM;AAJxC,GADQ;AAOzBC,EAAAA,WAAW,EAAE;AACXR,IAAAA,QAAQ,EAAE,UADC;AAEXC,IAAAA,GAAG,EAAE,MAFM;AAGXC,IAAAA,KAAK,EAAE,KAHI;AAIXO,IAAAA,MAAM,EAAE,CAJG;AAKXN,IAAAA,MAAM,EAAG,aAAYL,KAAK,CAACM,EAAN,CAASC,OAAT,CAAiBK,MAAjB,CAAwBC,KAAM,EALxC;AAMX,4BAAwB;AACtBC,MAAAA,UAAU,EAAEd,KAAK,CAACM,EAAN,CAASC,OAAT,CAAiBK,MAAjB,CAAwBC;AADd;AANb,GAPY;AAiBzBE,EAAAA,qBAAqB,EAAE;AACrBC,IAAAA,OAAO,EAAE,MADY;AAErBC,IAAAA,QAAQ,EAAE;AAFW,GAjBE;AAqBzBC,EAAAA,gBAAgB,EAAE;AAChBF,IAAAA,OAAO,EAAE,MADO;AAEhBG,IAAAA,MAAM,EAAEnB,KAAK,CAACoB,SAAN,CAAgB,CAAhB,EAAmB,IAAnB,CAFQ;AAGhBhB,IAAAA,KAAK,EAAE,EAHS;AAIhBO,IAAAA,MAAM,EAAE,EAJQ;AAKhBU,IAAAA,cAAc,EAAE,QALA;AAMhBC,IAAAA,UAAU,EAAE,QANI;AAQhB,aAAS;AACPlB,MAAAA,KAAK,EAAE,MADA;AAEPO,MAAAA,MAAM,EAAE,MAFD;AAGPY,MAAAA,QAAQ,EAAE,EAHH;AAIPC,MAAAA,SAAS,EAAE,EAJJ;AAKPC,MAAAA,SAAS,EAAE,OALJ;AAMPC,MAAAA,cAAc,EAAE;AANT;AARO,GArBO;AAsCzBC,EAAAA,IAAI,EAAE;AACJvB,IAAAA,KAAK,EAAE,EADH;AAEJO,IAAAA,MAAM,EAAE,EAFJ;AAGJQ,IAAAA,MAAM,EAAEnB,KAAK,CAACoB,SAAN,CAAgB,CAAhB,EAAmB,IAAnB;AAHJ,GAtCmB;AA2CzBQ,EAAAA,YAAY,EAAE;AACZT,IAAAA,MAAM,EAAEnB,KAAK,CAACoB,SAAN,CAAgB,CAAhB,EAAmB,IAAnB;AADI,GA3CW;AA8CzBS,EAAAA,IAAI,EAAE;AACJC,IAAAA,KAAK,EAAE9B,KAAK,CAACO,OAAN,CAAcwB;AADjB,GA9CmB;AAiDzBC,EAAAA,QAAQ,EAAE;AAjDe,CAAZ,CAAf;;AAoDA,eAAejC,MAAf","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  },\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"],"file":"styles.js"}

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

@@ -0,0 +1,23 @@
+import * as React from "react";
+import { StandardProps } from "@material-ui/core";
+import { File, FileRemovedEvent } from "../File";
+
+export type HvFileListClassKey = "list";
+
+export interface FileListProps
+  extends StandardProps<React.HTMLAttributes<HTMLDivElement>, HvFileListClassKey> {
+  /**
+   * The files to upload.
+   */
+  list?: File[];
+  /**
+   * Callback fired when file is removed from list.
+   */
+  onFileRemoved?: FileRemovedEvent;
+  /**
+   * Value of aria-label to apply to remove file button in FileList
+   * */
+  removeFileButtonLabel: string;
+}
+
+export default function HvFileList(props: FileListProps): JSX.Element | null;

package/dist/modern/FileUploader/FileList/FileList.js

@@ -0,0 +1,58 @@
+import React from "react";
+import PropTypes from "prop-types";
+import { withStyles } from "@material-ui/core";
+import { setUid } from "../..";
+import File from "../File";
+import styles from "./styles";
+
+const FileList = ({
+  id,
+  classes,
+  list = [],
+  removeFileButtonLabel,
+  onFileRemoved
+}) => {
+  const hasFiles = list.length > 0;
+  if (!hasFiles) return null;
+  return /*#__PURE__*/React.createElement("ul", {
+    id: id,
+    className: classes.list
+  }, list.map(data => /*#__PURE__*/React.createElement(File, {
+    key: data.id,
+    id: setUid(id, data.id),
+    data: data,
+    onFileRemoved: onFileRemoved,
+    removeFileButtonLabel: removeFileButtonLabel
+  })));
+};
+
+FileList.propTypes = {
+  /**
+   * Id to be applied to the root node.
+   */
+  id: PropTypes.string,
+
+  /**
+   * A Jss Object used to override or extend the styles applied to the Switch Component.
+   */
+  classes: PropTypes.instanceOf(Object).isRequired,
+
+  /**
+   * The files to upload.
+   */
+  list: PropTypes.arrayOf(PropTypes.shape({})),
+
+  /**
+   * Callback fired when file is removed from list.
+   */
+  onFileRemoved: PropTypes.func,
+
+  /**
+   * Value of aria-label to apply to remove file button in filelist
+   * */
+  removeFileButtonLabel: PropTypes.string.isRequired
+};
+export default withStyles(styles, {
+  name: "HvFileUploaderFileList"
+})(FileList);
+//# sourceMappingURL=FileList.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/FileUploader/FileList/FileList.js"],"names":["React","PropTypes","withStyles","setUid","File","styles","FileList","id","classes","list","removeFileButtonLabel","onFileRemoved","hasFiles","length","map","data","propTypes","string","instanceOf","Object","isRequired","arrayOf","shape","func","name"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,SAASC,UAAT,QAA2B,mBAA3B;AACA,SAASC,MAAT,QAAuB,OAAvB;AACA,OAAOC,IAAP,MAAiB,SAAjB;AACA,OAAOC,MAAP,MAAmB,UAAnB;;AAEA,MAAMC,QAAQ,GAAG,CAAC;AAAEC,EAAAA,EAAF;AAAMC,EAAAA,OAAN;AAAeC,EAAAA,IAAI,GAAG,EAAtB;AAA0BC,EAAAA,qBAA1B;AAAiDC,EAAAA;AAAjD,CAAD,KAAsE;AACrF,QAAMC,QAAQ,GAAGH,IAAI,CAACI,MAAL,GAAc,CAA/B;AACA,MAAI,CAACD,QAAL,EAAe,OAAO,IAAP;AAEf,sBACE;AAAI,IAAA,EAAE,EAAEL,EAAR;AAAY,IAAA,SAAS,EAAEC,OAAO,CAACC;AAA/B,KACGA,IAAI,CAACK,GAAL,CAAUC,IAAD,iBACR,oBAAC,IAAD;AACE,IAAA,GAAG,EAAEA,IAAI,CAACR,EADZ;AAEE,IAAA,EAAE,EAAEJ,MAAM,CAACI,EAAD,EAAKQ,IAAI,CAACR,EAAV,CAFZ;AAGE,IAAA,IAAI,EAAEQ,IAHR;AAIE,IAAA,aAAa,EAAEJ,aAJjB;AAKE,IAAA,qBAAqB,EAAED;AALzB,IADD,CADH,CADF;AAaD,CAjBD;;AAmBAJ,QAAQ,CAACU,SAAT,GAAqB;AACnB;AACF;AACA;AACET,EAAAA,EAAE,EAAEN,SAAS,CAACgB,MAJK;;AAKnB;AACF;AACA;AACET,EAAAA,OAAO,EAAEP,SAAS,CAACiB,UAAV,CAAqBC,MAArB,EAA6BC,UARnB;;AASnB;AACF;AACA;AACEX,EAAAA,IAAI,EAAER,SAAS,CAACoB,OAAV,CAAkBpB,SAAS,CAACqB,KAAV,CAAgB,EAAhB,CAAlB,CAZa;;AAanB;AACF;AACA;AACEX,EAAAA,aAAa,EAAEV,SAAS,CAACsB,IAhBN;;AAiBnB;AACF;AACA;AACEb,EAAAA,qBAAqB,EAAET,SAAS,CAACgB,MAAV,CAAiBG;AApBrB,CAArB;AAuBA,eAAelB,UAAU,CAACG,MAAD,EAAS;AAAEmB,EAAAA,IAAI,EAAE;AAAR,CAAT,CAAV,CAAuDlB,QAAvD,CAAf","sourcesContent":["import React from \"react\";\nimport PropTypes from \"prop-types\";\nimport { withStyles } from \"@material-ui/core\";\nimport { setUid } from \"../..\";\nimport File from \"../File\";\nimport styles from \"./styles\";\n\nconst FileList = ({ id, classes, list = [], removeFileButtonLabel, onFileRemoved }) => {\n  const hasFiles = list.length > 0;\n  if (!hasFiles) return null;\n\n  return (\n    <ul id={id} className={classes.list}>\n      {list.map((data) => (\n        <File\n          key={data.id}\n          id={setUid(id, data.id)}\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"],"file":"FileList.js"}

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

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

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

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

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

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

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

@@ -0,0 +1,20 @@
+const styles = theme => ({
+  list: {
+    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
+    }
+  }
+});
+
+export default styles;
+//# sourceMappingURL=styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/FileUploader/FileList/styles.js"],"names":["styles","theme","list","margin","padding","marginTop","hv","spacing","sm","position","display","alignItems","background","palette","atmosphere","atmo1","marginBottom","xs","height"],"mappings":"AAAA,MAAMA,MAAM,GAAIC,KAAD,KAAY;AACzBC,EAAAA,IAAI,EAAE;AACJC,IAAAA,MAAM,EAAE,CADJ;AAEJC,IAAAA,OAAO,EAAE,CAFL;AAGJC,IAAAA,SAAS,EAAEJ,KAAK,CAACK,EAAN,CAASC,OAAT,CAAiBC,EAHxB;AAIJ,YAAQ;AACNC,MAAAA,QAAQ,EAAE,UADJ;AAENC,MAAAA,OAAO,EAAE,MAFH;AAGNC,MAAAA,UAAU,EAAE,QAHN;AAINC,MAAAA,UAAU,EAAEX,KAAK,CAACK,EAAN,CAASO,OAAT,CAAiBC,UAAjB,CAA4BC,KAJlC;AAKN,4BAAsB;AACpBC,QAAAA,YAAY,EAAEf,KAAK,CAACK,EAAN,CAASC,OAAT,CAAiBU;AADX,OALhB;AAQNC,MAAAA,MAAM,EAAE;AARF;AAJJ;AADmB,CAAZ,CAAf;;AAkBA,eAAelB,MAAf","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"],"file":"styles.js"}

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

@@ -0,0 +1,63 @@
+import * as React from "react";
+import { StandardProps } from "@material-ui/core";
+import { HvDropZoneLabelsProp } from "./DropZone";
+import { File, FilesAddedEvent, FileRemovedEvent } from "./File";
+
+export interface FileUploaderLabelsProp extends HvDropZoneLabelsProp {
+  /**
+   * Conjunction label 'of'
+   */
+  progressConjunction?: string;
+  /**
+   * Value of aria-label to apply to remove file button in FileList
+   * */
+  removeFileButtonLabel?: string;
+}
+
+export type HvFileUploaderClassKey = "root";
+
+export interface FileUploaderProps
+  extends StandardProps<React.HTMLAttributes<HTMLDivElement>, HvFileUploaderClassKey> {
+  /**
+   * An object containing all the labels.
+   */
+  labels?: FileUploaderLabelsProp;
+  /**
+   * The files to upload.
+   */
+  fileList: File[];
+  /**
+   * Whether the Dropzone should accept multiple files at once.
+   */
+  multiple?: boolean;
+  /**
+   * If the input is disabled or not
+   */
+  disabled?: boolean;
+  /**
+   * Max upload size
+   * */
+  maxFileSize?: number;
+  /**
+   * Files extensions accepted for upload.
+   */
+  acceptedFiles?: string[];
+  /**
+   * Callback fired when files are addded.
+   */
+  onFilesAdded?: FilesAddedEvent;
+  /**
+   * Callback fired when file is removed from list.
+   */
+  onFileRemoved?: FileRemovedEvent;
+  /**
+   * Whether the DropZone should hide labels or not.
+   */
+  hideLabels?: boolean;
+  /**
+   * Attributes applied to the input element.
+   */
+  inputProps?: object;
+}
+
+export default function HvFileUploader(props: FileUploaderProps): JSX.Element | null;