@hitachivantara/uikit-react-core 2.23.2

package/dist/EmptyState/styles.js

@@ -0,0 +1,81 @@
+"use strict";
+
+require("core-js/modules/es.object.keys.js");
+
+require("core-js/modules/es.symbol.js");
+
+require("core-js/modules/es.array.filter.js");
+
+require("core-js/modules/es.object.to-string.js");
+
+require("core-js/modules/es.object.get-own-property-descriptor.js");
+
+require("core-js/modules/web.dom-collections.for-each.js");
+
+require("core-js/modules/es.object.get-own-property-descriptors.js");
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
+var styles = function styles(theme) {
+  var _containerMessageOnly, _textContainer;
+
+  return {
+    root: {
+      width: "100%",
+      height: "100%",
+      display: "flex",
+      justifyContent: "center"
+    },
+    container: (0, _defineProperty2.default)({
+      display: "flex",
+      flexDirection: "row"
+    }, theme.breakpoints.only("xs"), {
+      flexDirection: "column",
+      alignItems: "center",
+      textAlign: "center"
+    }),
+    containerMessageOnly: (_containerMessageOnly = {
+      alignItems: "center"
+    }, (0, _defineProperty2.default)(_containerMessageOnly, theme.breakpoints.only("xs"), {
+      flexDirection: "row"
+    }), (0, _defineProperty2.default)(_containerMessageOnly, "& $textContainer", {
+      marginLeft: 0
+    }), _containerMessageOnly),
+    iconContainer: {},
+    textContainer: (_textContainer = {
+      background: "transparent",
+      maxWidth: "510px",
+      overflow: "hidden",
+      fontFamily: theme.hv.typography.fontFamily
+    }, (0, _defineProperty2.default)(_textContainer, theme.breakpoints.up("sm"), {
+      marginLeft: "16px",
+      paddingLeft: "4px"
+    }), (0, _defineProperty2.default)(_textContainer, "& a", _objectSpread(_objectSpread({}, theme.hv.typography.inlineLink), {}, {
+      textDecoration: "none"
+    })), _textContainer),
+    titleContainer: (0, _defineProperty2.default)({
+      margin: "5px 0"
+    }, theme.breakpoints.only("xs"), {
+      marginTop: "".concat(theme.hv.spacing.sm, "px")
+    }),
+    messageContainer: {},
+    actionContainer: {
+      marginTop: "".concat(theme.hv.spacing.sm, "px")
+    }
+  };
+};
+
+var _default = styles;
+exports.default = _default;
+//# sourceMappingURL=styles.js.map

package/dist/EmptyState/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","names":["styles","theme","root","width","height","display","justifyContent","container","flexDirection","breakpoints","only","alignItems","textAlign","containerMessageOnly","marginLeft","iconContainer","textContainer","background","maxWidth","overflow","fontFamily","hv","typography","up","paddingLeft","inlineLink","textDecoration","titleContainer","margin","marginTop","spacing","sm","messageContainer","actionContainer"],"sources":["../../src/EmptyState/styles.js"],"sourcesContent":["const styles = (theme) => ({\n  root: {\n    width: \"100%\",\n    height: \"100%\",\n    display: \"flex\",\n    justifyContent: \"center\",\n  },\n  container: {\n    display: \"flex\",\n    flexDirection: \"row\",\n    [theme.breakpoints.only(\"xs\")]: {\n      flexDirection: \"column\",\n      alignItems: \"center\",\n      textAlign: \"center\",\n    },\n  },\n  containerMessageOnly: {\n    alignItems: \"center\",\n    [theme.breakpoints.only(\"xs\")]: {\n      flexDirection: \"row\",\n    },\n    \"& $textContainer\": {\n      marginLeft: 0,\n    },\n  },\n  iconContainer: {},\n  textContainer: {\n    background: \"transparent\",\n    maxWidth: \"510px\",\n    overflow: \"hidden\",\n    fontFamily: theme.hv.typography.fontFamily,\n    [theme.breakpoints.up(\"sm\")]: {\n      marginLeft: \"16px\",\n      paddingLeft: \"4px\",\n    },\n    \"& a\": {\n      ...theme.hv.typography.inlineLink,\n      textDecoration: \"none\",\n    },\n  },\n  titleContainer: {\n    margin: \"5px 0\",\n    [theme.breakpoints.only(\"xs\")]: {\n      marginTop: `${theme.hv.spacing.sm}px`,\n    },\n  },\n  messageContainer: {},\n  actionContainer: {\n    marginTop: `${theme.hv.spacing.sm}px`,\n  },\n});\n\nexport default styles;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,IAAMA,MAAM,GAAG,SAATA,MAAS,CAACC,KAAD;EAAA;;EAAA,OAAY;IACzBC,IAAI,EAAE;MACJC,KAAK,EAAE,MADH;MAEJC,MAAM,EAAE,MAFJ;MAGJC,OAAO,EAAE,MAHL;MAIJC,cAAc,EAAE;IAJZ,CADmB;IAOzBC,SAAS;MACPF,OAAO,EAAE,MADF;MAEPG,aAAa,EAAE;IAFR,GAGNP,KAAK,CAACQ,WAAN,CAAkBC,IAAlB,CAAuB,IAAvB,CAHM,EAGyB;MAC9BF,aAAa,EAAE,QADe;MAE9BG,UAAU,EAAE,QAFkB;MAG9BC,SAAS,EAAE;IAHmB,CAHzB,CAPgB;IAgBzBC,oBAAoB;MAClBF,UAAU,EAAE;IADM,wDAEjBV,KAAK,CAACQ,WAAN,CAAkBC,IAAlB,CAAuB,IAAvB,CAFiB,EAEc;MAC9BF,aAAa,EAAE;IADe,CAFd,wDAKlB,kBALkB,EAKE;MAClBM,UAAU,EAAE;IADM,CALF,yBAhBK;IAyBzBC,aAAa,EAAE,EAzBU;IA0BzBC,aAAa;MACXC,UAAU,EAAE,aADD;MAEXC,QAAQ,EAAE,OAFC;MAGXC,QAAQ,EAAE,QAHC;MAIXC,UAAU,EAAEnB,KAAK,CAACoB,EAAN,CAASC,UAAT,CAAoBF;IAJrB,iDAKVnB,KAAK,CAACQ,WAAN,CAAkBc,EAAlB,CAAqB,IAArB,CALU,EAKmB;MAC5BT,UAAU,EAAE,MADgB;MAE5BU,WAAW,EAAE;IAFe,CALnB,iDASX,KATW,kCAUNvB,KAAK,CAACoB,EAAN,CAASC,UAAT,CAAoBG,UAVd;MAWTC,cAAc,EAAE;IAXP,oBA1BY;IAwCzBC,cAAc;MACZC,MAAM,EAAE;IADI,GAEX3B,KAAK,CAACQ,WAAN,CAAkBC,IAAlB,CAAuB,IAAvB,CAFW,EAEoB;MAC9BmB,SAAS,YAAK5B,KAAK,CAACoB,EAAN,CAASS,OAAT,CAAiBC,EAAtB;IADqB,CAFpB,CAxCW;IA8CzBC,gBAAgB,EAAE,EA9CO;IA+CzBC,eAAe,EAAE;MACfJ,SAAS,YAAK5B,KAAK,CAACoB,EAAN,CAASS,OAAT,CAAiBC,EAAtB;IADM;EA/CQ,CAAZ;AAAA,CAAf;;eAoDe/B,M"}

package/dist/FileUploader/DropZone/DropZone.d.ts

@@ -0,0 +1,80 @@
+import * as React from "react";
+import { StandardProps } from "@material-ui/core";
+import { FilesAddedEvent } from "../File";
+
+export interface HvDropZoneLabelsProp {
+  /**
+   * Extensions of the accepted file types
+   */
+  acceptedFiles: string;
+  /**
+   * Dropzone area label.
+   */
+  dropzone: string;
+  /**
+   * Size file warning label.
+   */
+  sizeWarning: string;
+  /**
+   * Size file warning label.
+   */
+  drag: string;
+  /**
+   * Size file warning label.
+   */
+  selectFiles: string;
+  /**
+   * Theming sheet used to style components
+   * */
+  dropFiles: string;
+  /**
+   * Message to display when file size is greater than allowed
+   * */
+  fileSizeError: string;
+  /**
+   * Message to display when file type is greater than allowed
+   * */
+  fileTypeError: string;
+}
+
+export interface DropZoneProps
+  extends StandardProps<React.HTMLAttributes<HTMLDivElement>, HvDropZoneClassKey> {
+  /**
+   * Labels to present in FileUploader.
+   */
+  labels: HvDropZoneLabelsProp;
+  /**
+   * Whether the Dropzone should accept multiple files at once.
+   */
+  multiple?: boolean;
+  /**
+   * If the input is disabled or not
+   */
+  disabled?: boolean;
+  /**
+   * Files extensions accepted for upload.
+   */
+  acceptedFiles: string[];
+  /**
+   * Max upload size
+   * */
+  maxFileSize: number;
+  /**
+   * Function responsible for processing files added to the drop zone.
+   */
+  onFilesAdded?: FilesAddedEvent;
+}
+
+export type HvDropZoneClassKey =
+  | "dropZoneContainer"
+  | "dropZoneLabelsGroup"
+  | "dragAction"
+  | "dropZoneContainerDisabled"
+  | "inputArea"
+  | "dropArea"
+  | "dropZoneAreaLabels"
+  | "dropZoneAreaIcon"
+  | "dragText"
+  | "selectFilesText";
+
+export default function DropZone(props: DropZoneProps): JSX.Element | null;

package/dist/FileUploader/DropZone/DropZone.js

@@ -0,0 +1,316 @@
+"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.map.js");
+
+require("core-js/modules/es.object.keys.js");
+
+require("core-js/modules/es.object.to-string.js");
+
+require("core-js/modules/web.dom-collections.for-each.js");
+
+require("core-js/modules/es.regexp.exec.js");
+
+require("core-js/modules/es.string.split.js");
+
+require("core-js/modules/es.function.name.js");
+
+require("core-js/modules/es.array.concat.js");
+
+require("core-js/modules/es.array.join.js");
+
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _uniqueId = _interopRequireDefault(require("lodash/uniqueId"));
+
+var _clsx = _interopRequireDefault(require("clsx"));
+
+var _attrAccept = _interopRequireDefault(require("attr-accept"));
+
+var _core = require("@material-ui/core");
+
+var _uikitReactIcons = require("@hitachivantara/uikit-react-icons");
+
+var _utils = require("../../utils");
+
+var _Typography = _interopRequireDefault(require("../../Typography"));
+
+var _utils2 = require("../utils");
+
+var _ = require("../..");
+
+var _withId = _interopRequireDefault(require("../../withId"));
+
+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 DropZone = function DropZone(_ref) {
+  var id = _ref.id,
+      classes = _ref.classes,
+      labels = _ref.labels,
+      _ref$multiple = _ref.multiple,
+      multiple = _ref$multiple === void 0 ? true : _ref$multiple,
+      _ref$disabled = _ref.disabled,
+      disabled = _ref$disabled === void 0 ? false : _ref$disabled,
+      acceptedFiles = _ref.acceptedFiles,
+      maxFileSize = _ref.maxFileSize,
+      onFilesAdded = _ref.onFilesAdded;
+
+  var _useState = (0, _react.useState)(false),
+      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+      dragState = _useState2[0],
+      setDrag = _useState2[1];
+
+  var inputRef = (0, _react.useRef)();
+
+  var leaveDropArea = function leaveDropArea() {
+    setDrag(false);
+  };
+
+  var enterDropArea = function enterDropArea() {
+    setDrag(true);
+  };
+
+  var onChangeHandler = function onChangeHandler(evt) {
+    var filesToProcess = Object.keys(evt).map(function (e) {
+      return evt[e];
+    });
+    var newFiles = [];
+    filesToProcess.forEach(function (file) {
+      var newFile = file;
+      var isSizeAllowed = file.size <= maxFileSize;
+      var isFileAccepted = !acceptedFiles.length || acceptedFiles.indexOf(file.type.split("/")[1]) > -1 || acceptedFiles.some(function (acceptExtension) {
+        return (0, _attrAccept.default)({
+          name: file.name,
+          type: file.type
+        }, acceptExtension);
+      });
+
+      if (!isFileAccepted) {
+        newFile.errorMessage = labels.fileTypeError;
+        newFile.status = "fail";
+      } else if (!isSizeAllowed) {
+        newFile.errorMessage = labels.fileSizeError;
+        newFile.status = "fail";
+      }
+
+      newFile.id = (0, _uniqueId.default)("uploaded-file-data-");
+      newFiles.push(newFile);
+    });
+    onFilesAdded === null || onFilesAdded === void 0 ? void 0 : onFilesAdded(newFiles);
+  };
+
+  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("div", {
+    id: id,
+    className: classes.dropZoneLabelsGroup,
+    "aria-label": "File Dropzone"
+  }, /*#__PURE__*/_react.default.createElement(_Typography.default, {
+    variant: "labelText",
+    component: "label",
+    id: (0, _.setId)(id, "input-file-label"),
+    htmlFor: (0, _.setId)(id, "input-file")
+  }, labels.dropzone), /*#__PURE__*/_react.default.createElement(_Typography.default, {
+    variant: "sText"
+  }, "".concat(labels.sizeWarning, " ").concat((0, _utils2.convertUnits)(maxFileSize))), labels.acceptedFilesCaption && /*#__PURE__*/_react.default.createElement(_Typography.default, {
+    variant: "sText"
+  }, labels.acceptedFilesCaption), !labels.acceptedFilesCaption && acceptedFiles.length > 0 && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_Typography.default, {
+    variant: "labelText"
+  }, labels.acceptedFiles), /*#__PURE__*/_react.default.createElement(_Typography.default, {
+    variant: "sText"
+  }, acceptedFiles.join(", ")))), /*#__PURE__*/_react.default.createElement("div", {
+    id: (0, _.setId)(id, "button"),
+    className: (0, _clsx.default)(classes.dropZoneContainer, dragState && classes.dragAction, disabled && classes.dropZoneContainerDisabled),
+    role: "button",
+    tabIndex: 0,
+    onDragEnter: function onDragEnter(event) {
+      if (!disabled) {
+        enterDropArea();
+        event.stopPropagation();
+        event.preventDefault();
+      }
+    },
+    onDragLeave: leaveDropArea,
+    onDropCapture: leaveDropArea,
+    onDragOver: function onDragOver(event) {
+      if (!disabled) {
+        enterDropArea();
+        event.stopPropagation();
+        event.preventDefault();
+      }
+    },
+    onDrop: function onDrop(event) {
+      if (!disabled) {
+        var files = event.dataTransfer.files;
+
+        if (multiple === true || files.length === 1) {
+          event.stopPropagation();
+          event.preventDefault();
+          onChangeHandler(files);
+        }
+      }
+    },
+    onKeyDown: function onKeyDown(e) {
+      if ((0, _utils.isKeypress)(e, _utils.KeyboardCodes.Enter) || (0, _utils.isKeypress)(e, 32)) {
+        inputRef.current.click();
+      }
+    }
+  }, /*#__PURE__*/_react.default.createElement("input", {
+    id: (0, _.setId)(id, "input-file"),
+    tabIndex: -1,
+    className: classes.inputArea,
+    type: "file",
+    multiple: multiple,
+    disabled: disabled,
+    title: !disabled ? "".concat(labels.drag, "\xA0").concat(labels.selectFiles) : "",
+    onClick: function onClick() {
+      inputRef.current.value = null;
+    },
+    onChange: function onChange() {
+      if (!disabled) {
+        onChangeHandler(inputRef.current.files);
+      }
+    },
+    ref: inputRef,
+    accept: acceptedFiles.join(",")
+  }), /*#__PURE__*/_react.default.createElement("div", {
+    className: classes.dropArea
+  }, dragState ? /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("div", {
+    className: classes.dropZoneAreaLabels
+  }, /*#__PURE__*/_react.default.createElement(_Typography.default, {
+    className: classes.dragText
+  }, labels.dropFiles))) : /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_uikitReactIcons.Doc, {
+    iconSize: "M",
+    className: classes.dropZoneAreaIcon,
+    color: disabled ? "atmo6" : "acce1"
+  }), /*#__PURE__*/_react.default.createElement("div", {
+    className: classes.dropZoneAreaLabels
+  }, /*#__PURE__*/_react.default.createElement(_Typography.default, {
+    className: classes.dragText
+  }, labels.drag, /*#__PURE__*/_react.default.createElement("span", {
+    className: classes.selectFilesText
+  }, "\xA0".concat(labels.selectFiles))))))));
+};
+
+process.env.NODE_ENV !== "production" ? DropZone.propTypes = {
+  /**
+   * Id to be applied to the root node.
+   */
+  id: _propTypes.default.string,
+
+  /**
+   * A Jss Object used to override or extend the styles applied to the Switch Component.
+   */
+  classes: _propTypes.default.shape({
+    /**
+     * Styles applied to the container element.
+     */
+    dropZoneContainer: _propTypes.default.string,
+
+    /**
+     * Styles applied to the labels group.
+     */
+    dropZoneLabelsGroup: _propTypes.default.string,
+
+    /**
+     * Style applied when dragging.
+     */
+    dragAction: _propTypes.default.string,
+
+    /**
+     * Style applied when the component is disabled.
+     */
+    dropZoneContainerDisabled: _propTypes.default.string,
+
+    /**
+     * Style applied to the input area.
+     */
+    inputArea: _propTypes.default.string,
+
+    /**
+     * Style applied to the drop area.
+     */
+    dropArea: _propTypes.default.string,
+
+    /**
+     * Style applied to the labels area.
+     */
+    dropZoneAreaLabels: _propTypes.default.string,
+
+    /**
+     * Style applied to the icon area.
+     */
+    dropZoneAreaIcon: _propTypes.default.string,
+
+    /**
+     * Style applied to the typography when dragging.
+     */
+    dragText: _propTypes.default.string,
+
+    /**
+     * Style applied to the selected files.
+     */
+    selectFilesText: _propTypes.default.string
+  }).isRequired,
+
+  /**
+   * Labels to present in Fileuploader.
+   */
+  labels: _propTypes.default.instanceOf(Object).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,
+
+  /**
+   * Files extensions accepted for upload.
+   */
+  acceptedFiles: _propTypes.default.arrayOf(_propTypes.default.string).isRequired,
+
+  /**
+   * Max upload size
+   * */
+  maxFileSize: _propTypes.default.number.isRequired,
+
+  /**
+   * Function responsible for processing files added to the drop zone.
+   */
+  onFilesAdded: _propTypes.default.func
+} : void 0;
+
+var _default = (0, _core.withStyles)(_styles.default, {
+  name: "HvFileUploaderDropZone"
+})((0, _withId.default)(DropZone));
+
+exports.default = _default;
+//# sourceMappingURL=DropZone.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DropZone.js","names":["DropZone","id","classes","labels","multiple","disabled","acceptedFiles","maxFileSize","onFilesAdded","useState","dragState","setDrag","inputRef","useRef","leaveDropArea","enterDropArea","onChangeHandler","evt","filesToProcess","Object","keys","map","e","newFiles","forEach","file","newFile","isSizeAllowed","size","isFileAccepted","length","indexOf","type","split","some","acceptExtension","accept","name","errorMessage","fileTypeError","status","fileSizeError","uniqueId","push","dropZoneLabelsGroup","setId","dropzone","sizeWarning","convertUnits","acceptedFilesCaption","join","clsx","dropZoneContainer","dragAction","dropZoneContainerDisabled","event","stopPropagation","preventDefault","files","dataTransfer","isKeypress","KeyboardCodes","Enter","current","click","inputArea","drag","selectFiles","value","dropArea","dropZoneAreaLabels","dragText","dropFiles","dropZoneAreaIcon","selectFilesText","propTypes","PropTypes","string","shape","isRequired","instanceOf","bool","arrayOf","number","func","withStyles","styles","withId"],"sources":["../../../src/FileUploader/DropZone/DropZone.js"],"sourcesContent":["import React, { useRef, useState } from \"react\";\nimport PropTypes from \"prop-types\";\nimport uniqueId from \"lodash/uniqueId\";\nimport clsx from \"clsx\";\nimport accept from \"attr-accept\";\nimport { withStyles } from \"@material-ui/core\";\nimport { Doc } from \"@hitachivantara/uikit-react-icons\";\nimport { isKeypress, KeyboardCodes } from \"../../utils\";\nimport HvTypography from \"../../Typography\";\nimport { convertUnits } from \"../utils\";\nimport { setId } from \"../..\";\nimport withId from \"../../withId\";\nimport styles from \"./styles\";\n\nconst DropZone = ({\n  id,\n  classes,\n  labels,\n  multiple = true,\n  disabled = false,\n  acceptedFiles,\n  maxFileSize,\n  onFilesAdded,\n}) => {\n  const [dragState, setDrag] = useState(false);\n  const inputRef = useRef();\n\n  const leaveDropArea = () => {\n    setDrag(false);\n  };\n\n  const enterDropArea = () => {\n    setDrag(true);\n  };\n\n  const onChangeHandler = (evt) => {\n    const filesToProcess = Object.keys(evt).map((e) => evt[e]);\n\n    const newFiles = [];\n\n    filesToProcess.forEach((file) => {\n      const newFile = file;\n\n      const isSizeAllowed = file.size <= maxFileSize;\n      const isFileAccepted =\n        !acceptedFiles.length ||\n        acceptedFiles.indexOf(file.type.split(\"/\")[1]) > -1 ||\n        acceptedFiles.some((acceptExtension) =>\n          accept({ name: file.name, type: file.type }, acceptExtension)\n        );\n\n      if (!isFileAccepted) {\n        newFile.errorMessage = labels.fileTypeError;\n        newFile.status = \"fail\";\n      } else if (!isSizeAllowed) {\n        newFile.errorMessage = labels.fileSizeError;\n        newFile.status = \"fail\";\n      }\n\n      newFile.id = uniqueId(\"uploaded-file-data-\");\n      newFiles.push(newFile);\n    });\n\n    onFilesAdded?.(newFiles);\n  };\n\n  return (\n    <>\n      <div id={id} className={classes.dropZoneLabelsGroup} aria-label=\"File Dropzone\">\n        <HvTypography\n          variant=\"labelText\"\n          component=\"label\"\n          id={setId(id, \"input-file-label\")}\n          htmlFor={setId(id, \"input-file\")}\n        >\n          {labels.dropzone}\n        </HvTypography>\n\n        <HvTypography variant=\"sText\">\n          {`${labels.sizeWarning} ${convertUnits(maxFileSize)}`}\n        </HvTypography>\n        {labels.acceptedFilesCaption && (\n          <HvTypography variant=\"sText\">{labels.acceptedFilesCaption}</HvTypography>\n        )}\n        {!labels.acceptedFilesCaption && acceptedFiles.length > 0 && (\n          <>\n            <HvTypography variant=\"labelText\">{labels.acceptedFiles}</HvTypography>\n            <HvTypography variant=\"sText\">{acceptedFiles.join(\", \")}</HvTypography>\n          </>\n        )}\n      </div>\n\n      <div\n        id={setId(id, \"button\")}\n        className={clsx(classes.dropZoneContainer, {\n          [classes.dragAction]: dragState,\n          [classes.dropZoneContainerDisabled]: disabled,\n        })}\n        role=\"button\"\n        tabIndex={0}\n        onDragEnter={(event) => {\n          if (!disabled) {\n            enterDropArea();\n            event.stopPropagation();\n            event.preventDefault();\n          }\n        }}\n        onDragLeave={leaveDropArea}\n        onDropCapture={leaveDropArea}\n        onDragOver={(event) => {\n          if (!disabled) {\n            enterDropArea();\n            event.stopPropagation();\n            event.preventDefault();\n          }\n        }}\n        onDrop={(event) => {\n          if (!disabled) {\n            const { files } = event.dataTransfer;\n            if (multiple === true || files.length === 1) {\n              event.stopPropagation();\n              event.preventDefault();\n              onChangeHandler(files);\n            }\n          }\n        }}\n        onKeyDown={(e) => {\n          if (isKeypress(e, KeyboardCodes.Enter) || isKeypress(e, 32)) {\n            inputRef.current.click();\n          }\n        }}\n      >\n        <input\n          id={setId(id, \"input-file\")}\n          tabIndex={-1}\n          className={classes.inputArea}\n          type=\"file\"\n          multiple={multiple}\n          disabled={disabled}\n          title={!disabled ? `${labels.drag}\\xa0${labels.selectFiles}` : \"\"}\n          onClick={() => {\n            inputRef.current.value = null;\n          }}\n          onChange={() => {\n            if (!disabled) {\n              onChangeHandler(inputRef.current.files);\n            }\n          }}\n          ref={inputRef}\n          accept={acceptedFiles.join(\",\")}\n        />\n\n        <div className={classes.dropArea}>\n          {dragState ? (\n            <>\n              <div className={classes.dropZoneAreaLabels}>\n                <HvTypography className={classes.dragText}>{labels.dropFiles}</HvTypography>\n              </div>\n            </>\n          ) : (\n            <>\n              <Doc\n                iconSize=\"M\"\n                className={classes.dropZoneAreaIcon}\n                color={disabled ? \"atmo6\" : \"acce1\"}\n              />\n              <div className={classes.dropZoneAreaLabels}>\n                <HvTypography className={classes.dragText}>\n                  {labels.drag}\n                  <span className={classes.selectFilesText}>{`\\xa0${labels.selectFiles}`}</span>\n                </HvTypography>\n              </div>\n            </>\n          )}\n        </div>\n      </div>\n    </>\n  );\n};\n\nDropZone.propTypes = {\n  /**\n   * Id to be applied to the root node.\n   */\n  id: PropTypes.string,\n  /**\n   * A Jss Object used to override or extend the styles applied to the Switch Component.\n   */\n  classes: PropTypes.shape({\n    /**\n     * Styles applied to the container element.\n     */\n    dropZoneContainer: PropTypes.string,\n    /**\n     * Styles applied to the labels group.\n     */\n    dropZoneLabelsGroup: PropTypes.string,\n    /**\n     * Style applied when dragging.\n     */\n    dragAction: PropTypes.string,\n    /**\n     * Style applied when the component is disabled.\n     */\n    dropZoneContainerDisabled: PropTypes.string,\n    /**\n     * Style applied to the input area.\n     */\n    inputArea: PropTypes.string,\n    /**\n     * Style applied to the drop area.\n     */\n    dropArea: PropTypes.string,\n    /**\n     * Style applied to the labels area.\n     */\n    dropZoneAreaLabels: PropTypes.string,\n    /**\n     * Style applied to the icon area.\n     */\n    dropZoneAreaIcon: PropTypes.string,\n    /**\n     * Style applied to the typography when dragging.\n     */\n    dragText: PropTypes.string,\n    /**\n     * Style applied to the selected files.\n     */\n    selectFilesText: PropTypes.string,\n  }).isRequired,\n  /**\n   * Labels to present in Fileuploader.\n   */\n  labels: PropTypes.instanceOf(Object).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   * Files extensions accepted for upload.\n   */\n  acceptedFiles: PropTypes.arrayOf(PropTypes.string).isRequired,\n  /**\n   * Max upload size\n   * */\n  maxFileSize: PropTypes.number.isRequired,\n  /**\n   * Function responsible for processing files added to the drop zone.\n   */\n  onFilesAdded: PropTypes.func,\n};\n\nexport default withStyles(styles, { name: \"HvFileUploaderDropZone\" })(withId(DropZone));\n"],"mappings":"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"}

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

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

package/dist/FileUploader/DropZone/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 _DropZone.default;
+  }
+});
+
+var _DropZone = _interopRequireDefault(require("./DropZone"));
+//# sourceMappingURL=index.js.map

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

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

package/dist/FileUploader/DropZone/styles.js

@@ -0,0 +1,116 @@
+"use strict";
+
+require("core-js/modules/es.object.keys.js");
+
+require("core-js/modules/es.symbol.js");
+
+require("core-js/modules/es.array.filter.js");
+
+require("core-js/modules/es.object.to-string.js");
+
+require("core-js/modules/es.object.get-own-property-descriptor.js");
+
+require("core-js/modules/web.dom-collections.for-each.js");
+
+require("core-js/modules/es.object.get-own-property-descriptors.js");
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+
+var _styles = require("../../Focus/styles");
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
+var styles = function styles(theme) {
+  return {
+    dropZoneContainer: {
+      position: "relative",
+      width: "100%",
+      display: "flex",
+      border: "1px dotted ".concat(theme.hv.palette.atmosphere.atmo6),
+      cursor: "pointer",
+      background: "".concat(theme.hv.palette.atmosphere.atmo2),
+      "&:hover": {
+        background: "".concat(theme.hv.palette.atmosphere.atmo1),
+        border: "1px dotted ".concat(theme.hv.palette.accent.acce1)
+      },
+      "&:focus": _objectSpread({
+        background: "".concat(theme.hv.palette.atmosphere.atmo1)
+      }, _styles.outlineStyles)
+    },
+    dropZoneContainerDisabled: {
+      "&$dropZoneContainer": {
+        background: "".concat(theme.hv.palette.atmosphere.atmo4),
+        border: "1px solid ".concat(theme.hv.palette.atmosphere.atmo6),
+        cursor: "not-allowed",
+        "&:hover": {
+          background: "".concat(theme.hv.palette.atmosphere.atmo4),
+          border: "1px solid ".concat(theme.hv.palette.atmosphere.atmo6),
+          cursor: "not-allowed"
+        }
+      },
+      "& $dragText": {
+        color: theme.hv.palette.atmosphere.atmo6
+      },
+      "& $selectFilesText": {
+        color: theme.hv.palette.atmosphere.atmo6
+      }
+    },
+    dragAction: {
+      background: "".concat(theme.hv.palette.atmosphere.atmo1),
+      border: "1px dotted ".concat(theme.hv.palette.accent.acce1)
+    },
+    inputArea: {
+      opacity: 0,
+      width: "100%",
+      position: "absolute",
+      height: "100%",
+      cursor: "pointer",
+      "&:disabled": {
+        cursor: "not-allowed"
+      }
+    },
+    dropArea: {
+      display: "flex",
+      margin: "".concat(theme.hv.spacing.md, "px auto"),
+      minHeight: 40
+    },
+    dropZoneLabelsGroup: {
+      display: "flex",
+      marginBottom: 5,
+      "& label:nth-child(1)": {
+        marginRight: "".concat(theme.hv.spacing.sm, "px")
+      },
+      "& p:nth-child(3)": {
+        marginRight: "".concat(theme.hv.spacing.sm, "px"),
+        marginLeft: "auto"
+      },
+      "& p:last-child": {
+        marginRight: 0
+      }
+    },
+    dropZoneAreaLabels: {
+      display: "flex",
+      width: 115,
+      margin: "auto"
+    },
+    dropZoneAreaIcon: {
+      margin: "auto",
+      marginRight: "".concat(theme.hv.spacing.xs, "px")
+    },
+    dragText: _objectSpread({}, theme.hv.typography.normalText),
+    selectFilesText: _objectSpread({}, theme.hv.typography.highlightText)
+  };
+};
+
+var _default = styles;
+exports.default = _default;
+//# sourceMappingURL=styles.js.map