@hitachivantara/uikit-react-core 2.23.2

package/dist/modern/Dropdown/styles.js

@@ -0,0 +1,81 @@
+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); 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) { _defineProperty(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; }
+
+import { outlineStyles } from "../Focus/styles";
+
+const styles = theme => ({
+  root: {
+    position: "relative",
+    maxWidth: 310,
+    minWidth: 310,
+    background: theme.hv.palette.atmosphere.atmo1,
+    border: `1px solid ${theme.hv.palette.atmosphere.atmo6}`,
+    "&:hover": {
+      border: `1px solid ${theme.hv.palette.accent.acce1}`
+    }
+  },
+  rootOpen: {
+    border: `1px solid ${theme.hv.palette.atmosphere.atmo1}`,
+    boxShadow: theme.hv.shadows[1],
+    "&:hover": {
+      border: `1px solid ${theme.hv.palette.atmosphere.atmo1}`,
+      boxShadow: theme.hv.shadows[1]
+    }
+  },
+  rootDisabled: {
+    border: `1px solid ${theme.hv.palette.atmosphere.atmo6}`,
+    background: theme.hv.palette.atmosphere.atmo4,
+    "&:hover": {
+      border: `1px solid ${theme.hv.palette.atmosphere.atmo6}`
+    },
+    cursor: "not-allowed"
+  },
+  label: _objectSpread(_objectSpread({}, theme.hv.typography.labelText), {}, {
+    fontFamily: theme.hv.typography.fontFamily,
+    marginBottom: theme.hv.spacing.xs + 1,
+    display: "block"
+  }),
+  header: {
+    position: "relative",
+    height: `${theme.hv.spacing.md}px`,
+    cursor: "pointer",
+    userSelect: "none",
+    "&:focus": _objectSpread({}, outlineStyles)
+  },
+  selection: {
+    padding: `0 ${theme.hv.spacing.md}px 0 ${theme.hv.spacing.xs}px`,
+    lineHeight: `${theme.hv.spacing.md}px`,
+    pointerEvents: "none"
+  },
+  arrow: {
+    position: "absolute",
+    pointerEvents: "none",
+    top: 0,
+    right: 0,
+    width: 30,
+    height: 30
+  },
+  headerDisabled: {
+    pointerEvents: "none",
+    "&:hover": {
+      cursor: "not-allowed"
+    }
+  },
+  truncate: {
+    display: "block",
+    overflow: "hidden",
+    textOverflow: "ellipsis",
+    whiteSpace: "nowrap"
+  },
+  selectionDisabled: _objectSpread(_objectSpread({}, theme.hv.typography.placeholderText), {}, {
+    lineHeight: `${theme.hv.spacing.md}px`
+  }),
+  rootList: {},
+  list: {}
+});
+
+export default styles;
+//# sourceMappingURL=styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","names":["outlineStyles","styles","theme","root","position","maxWidth","minWidth","background","hv","palette","atmosphere","atmo1","border","atmo6","accent","acce1","rootOpen","boxShadow","shadows","rootDisabled","atmo4","cursor","label","typography","labelText","fontFamily","marginBottom","spacing","xs","display","header","height","md","userSelect","selection","padding","lineHeight","pointerEvents","arrow","top","right","width","headerDisabled","truncate","overflow","textOverflow","whiteSpace","selectionDisabled","placeholderText","rootList","list"],"sources":["../../../src/Dropdown/styles.js"],"sourcesContent":["import { outlineStyles } from \"../Focus/styles\";\n\nconst styles = (theme) => ({\n  root: {\n    position: \"relative\",\n    maxWidth: 310,\n    minWidth: 310,\n    background: theme.hv.palette.atmosphere.atmo1,\n    border: `1px solid ${theme.hv.palette.atmosphere.atmo6}`,\n    \"&:hover\": {\n      border: `1px solid ${theme.hv.palette.accent.acce1}`,\n    },\n  },\n  rootOpen: {\n    border: `1px solid ${theme.hv.palette.atmosphere.atmo1}`,\n    boxShadow: theme.hv.shadows[1],\n    \"&:hover\": {\n      border: `1px solid ${theme.hv.palette.atmosphere.atmo1}`,\n      boxShadow: theme.hv.shadows[1],\n    },\n  },\n  rootDisabled: {\n    border: `1px solid ${theme.hv.palette.atmosphere.atmo6}`,\n    background: theme.hv.palette.atmosphere.atmo4,\n    \"&:hover\": {\n      border: `1px solid ${theme.hv.palette.atmosphere.atmo6}`,\n    },\n    cursor: \"not-allowed\",\n  },\n  label: {\n    ...theme.hv.typography.labelText,\n    fontFamily: theme.hv.typography.fontFamily,\n    marginBottom: theme.hv.spacing.xs + 1,\n    display: \"block\",\n  },\n  header: {\n    position: \"relative\",\n    height: `${theme.hv.spacing.md}px`,\n    cursor: \"pointer\",\n    userSelect: \"none\",\n    \"&:focus\": {\n      ...outlineStyles,\n    },\n  },\n  selection: {\n    padding: `0 ${theme.hv.spacing.md}px 0 ${theme.hv.spacing.xs}px`,\n    lineHeight: `${theme.hv.spacing.md}px`,\n    pointerEvents: \"none\",\n  },\n  arrow: {\n    position: \"absolute\",\n    pointerEvents: \"none\",\n    top: 0,\n    right: 0,\n    width: 30,\n    height: 30,\n  },\n  headerDisabled: {\n    pointerEvents: \"none\",\n    \"&:hover\": {\n      cursor: \"not-allowed\",\n    },\n  },\n  truncate: {\n    display: \"block\",\n    overflow: \"hidden\",\n    textOverflow: \"ellipsis\",\n    whiteSpace: \"nowrap\",\n  },\n  selectionDisabled: {\n    ...theme.hv.typography.placeholderText,\n    lineHeight: `${theme.hv.spacing.md}px`,\n  },\n  rootList: {},\n  list: {},\n});\n\nexport default styles;\n"],"mappings":"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"}

package/dist/modern/Dropdown/utils.js

@@ -0,0 +1,35 @@
+/**
+ * Filter selected elements.
+ *
+ * @param {Object} list - the list to filter
+ * @returns {Array} - the selected elements
+ */
+const getSelected = list => list ? list.filter(elem => elem.selected) : [];
+/**
+ * Gets the selection label according to selection.
+ *
+ * @param {Object} list - the list to filter the selected elements from
+ * @param {Object} labels - the labels to extract the textual values for the label
+ * @param {Boolean} multiselect - if "true" the label will have a different format
+ *
+ * @returns {String} - the selection label
+ */
+
+
+const getSelectionLabel = (list, labels, multiSelect) => {
+  const selected = getSelected(list);
+  const hasSelection = selected.length > 0;
+  const isSingleSelection = selected.length === 1;
+  let selectionLabel = labels.select;
+
+  if (hasSelection && isSingleSelection) {
+    selectionLabel = selected[0].label;
+  } else if (hasSelection && multiSelect) {
+    selectionLabel = `${labels.multiSelectionAction} ${selected.length} ${labels.multiSelectionConjunction} ${list.length}`;
+  }
+
+  return selectionLabel;
+};
+
+export { getSelectionLabel, getSelected };
+//# sourceMappingURL=utils.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","names":["getSelected","list","filter","elem","selected","getSelectionLabel","labels","multiSelect","hasSelection","length","isSingleSelection","selectionLabel","select","label","multiSelectionAction","multiSelectionConjunction"],"sources":["../../../src/Dropdown/utils.js"],"sourcesContent":["/**\n * Filter selected elements.\n *\n * @param {Object} list - the list to filter\n * @returns {Array} - the selected elements\n */\nconst getSelected = (list) => (list ? list.filter((elem) => elem.selected) : []);\n\n/**\n * Gets the selection label according to selection.\n *\n * @param {Object} list - the list to filter the selected elements from\n * @param {Object} labels - the labels to extract the textual values for the label\n * @param {Boolean} multiselect - if \"true\" the label will have a different format\n *\n * @returns {String} - the selection label\n */\nconst getSelectionLabel = (list, labels, multiSelect) => {\n  const selected = getSelected(list);\n  const hasSelection = selected.length > 0;\n  const isSingleSelection = selected.length === 1;\n\n  let selectionLabel = labels.select;\n\n  if (hasSelection && isSingleSelection) {\n    selectionLabel = selected[0].label;\n  } else if (hasSelection && multiSelect) {\n    selectionLabel = `${labels.multiSelectionAction} ${selected.length} ${labels.multiSelectionConjunction} ${list.length}`;\n  }\n\n  return selectionLabel;\n};\n\nexport { getSelectionLabel, getSelected };\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA,MAAMA,WAAW,GAAIC,IAAD,IAAWA,IAAI,GAAGA,IAAI,CAACC,MAAL,CAAaC,IAAD,IAAUA,IAAI,CAACC,QAA3B,CAAH,GAA0C,EAA7E;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;AACA,MAAMC,iBAAiB,GAAG,CAACJ,IAAD,EAAOK,MAAP,EAAeC,WAAf,KAA+B;EACvD,MAAMH,QAAQ,GAAGJ,WAAW,CAACC,IAAD,CAA5B;EACA,MAAMO,YAAY,GAAGJ,QAAQ,CAACK,MAAT,GAAkB,CAAvC;EACA,MAAMC,iBAAiB,GAAGN,QAAQ,CAACK,MAAT,KAAoB,CAA9C;EAEA,IAAIE,cAAc,GAAGL,MAAM,CAACM,MAA5B;;EAEA,IAAIJ,YAAY,IAAIE,iBAApB,EAAuC;IACrCC,cAAc,GAAGP,QAAQ,CAAC,CAAD,CAAR,CAAYS,KAA7B;EACD,CAFD,MAEO,IAAIL,YAAY,IAAID,WAApB,EAAiC;IACtCI,cAAc,GAAI,GAAEL,MAAM,CAACQ,oBAAqB,IAAGV,QAAQ,CAACK,MAAO,IAAGH,MAAM,CAACS,yBAA0B,IAAGd,IAAI,CAACQ,MAAO,EAAtH;EACD;;EAED,OAAOE,cAAP;AACD,CAdD;;AAgBA,SAASN,iBAAT,EAA4BL,WAA5B"}

package/dist/modern/EmptyState/EmptyState.d.ts

@@ -0,0 +1,34 @@
+import * as React from "react";
+import { StandardProps } from "@material-ui/core";
+
+export interface HvEmptyStateProps
+  extends StandardProps<React.HTMLAttributes<HTMLDivElement>, HvEmptyStateClassKey, "title"> {
+  /**
+   * The title to be shown.
+   */
+  title?: string | React.ReactNode;
+  /**
+   * The message to be shown.
+   */
+  message: string | React.ReactNode;
+  /**
+   * The action message to be shown.
+   */
+  action?: string | React.ReactNode;
+  /**
+   *  Icon to be presented.
+   */
+  icon: React.ReactNode;
+}
+
+export type HvEmptyStateClassKey =
+  | "root"
+  | "container"
+  | "containerMessageOnly"
+  | "iconContainer"
+  | "textContainer"
+  | "titleContainer"
+  | "messageContainer"
+  | "actionContainer";
+
+export default function HvEmptyState(props: HvEmptyStateProps): JSX.Element | null;

package/dist/modern/EmptyState/EmptyState.js

@@ -0,0 +1,114 @@
+import _extends from "@babel/runtime/helpers/esm/extends";
+import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+const _excluded = ["classes", "className", "title", "message", "action", "icon"];
+import React from "react";
+import clsx from "clsx";
+import isString from "lodash/isString";
+import PropTypes from "prop-types";
+import { withStyles } from "@material-ui/core";
+import HvTypography from "../Typography";
+import styles from "./styles";
+
+const renderNode = (node, className, variant) => node && /*#__PURE__*/React.createElement("div", {
+  className: className
+}, isString(node) ? /*#__PURE__*/React.createElement(HvTypography, {
+  variant: variant
+}, node) : node);
+
+const EmptyState = props => {
+  const {
+    classes,
+    className,
+    title,
+    message,
+    action,
+    icon
+  } = props,
+        others = _objectWithoutProperties(props, _excluded);
+
+  return /*#__PURE__*/React.createElement("div", _extends({
+    className: clsx(className, classes.root)
+  }, others), /*#__PURE__*/React.createElement("div", {
+    className: clsx(classes.container, message && !title && !action && classes.containerMessageOnly)
+  }, /*#__PURE__*/React.createElement("div", {
+    className: classes.iconContainer
+  }, icon), /*#__PURE__*/React.createElement("div", {
+    className: classes.textContainer
+  }, renderNode(title, classes.titleContainer, "sTitle"), renderNode(message, classes.messageContainer, "normalText"), renderNode(action, classes.actionContainer, "normalText"))));
+};
+
+process.env.NODE_ENV !== "production" ? EmptyState.propTypes = {
+  /**
+   * Class names to be applied.
+   */
+  className: PropTypes.string,
+
+  /**
+   * A Jss Object used to override or extend the styles applied to the empty state component.
+   */
+  classes: PropTypes.shape({
+    /**
+     * Styles applied to the component root class.
+     */
+    root: PropTypes.string,
+
+    /**
+     * Styles applied to the component container class.
+     */
+    container: PropTypes.string,
+
+    /**
+     * Styles applied to the component container class, when there is no title or action.
+     */
+    containerMessageOnly: PropTypes.string,
+
+    /**
+     * Styles applied to the icon container class.
+     */
+    iconContainer: PropTypes.string,
+
+    /**
+     * Styles applied to the text container class.
+     */
+    textContainer: PropTypes.string,
+
+    /**
+     * Styles applied to the title container class.
+     */
+    titleContainer: PropTypes.string,
+
+    /**
+     * Styles applied to the message container class.
+     */
+    messageContainer: PropTypes.string,
+
+    /**
+     * Styles applied to the action message container class.
+     */
+    actionContainer: PropTypes.string
+  }).isRequired,
+
+  /**
+   * The title to be shown.
+   */
+  title: PropTypes.node,
+
+  /**
+   * The message to be shown.
+   */
+  message: PropTypes.node.isRequired,
+
+  /**
+   * The action message to be shown.
+   */
+  action: PropTypes.node,
+
+  /**
+   *  Icon to be presented.
+   */
+  icon: PropTypes.element.isRequired
+} : void 0;
+export default withStyles(styles, {
+  name: "HvEmptyState"
+})(EmptyState);
+//# sourceMappingURL=EmptyState.js.map

package/dist/modern/EmptyState/EmptyState.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"EmptyState.js","names":["React","clsx","isString","PropTypes","withStyles","HvTypography","styles","renderNode","node","className","variant","EmptyState","props","classes","title","message","action","icon","others","root","container","containerMessageOnly","iconContainer","textContainer","titleContainer","messageContainer","actionContainer","propTypes","string","shape","isRequired","element","name"],"sources":["../../../src/EmptyState/EmptyState.js"],"sourcesContent":["import React from \"react\";\nimport clsx from \"clsx\";\nimport isString from \"lodash/isString\";\nimport PropTypes from \"prop-types\";\nimport { withStyles } from \"@material-ui/core\";\nimport HvTypography from \"../Typography\";\nimport styles from \"./styles\";\n\nconst renderNode = (node, className, variant) =>\n  node && (\n    <div className={className}>\n      {isString(node) ? <HvTypography variant={variant}>{node}</HvTypography> : node}\n    </div>\n  );\n\nconst EmptyState = (props) => {\n  const { classes, className, title, message, action, icon, ...others } = props;\n  return (\n    <div className={clsx(className, classes.root)} {...others}>\n      <div\n        className={clsx(classes.container, {\n          [classes.containerMessageOnly]: message && !title && !action,\n        })}\n      >\n        <div className={classes.iconContainer}>{icon}</div>\n        <div className={classes.textContainer}>\n          {renderNode(title, classes.titleContainer, \"sTitle\")}\n          {renderNode(message, classes.messageContainer, \"normalText\")}\n          {renderNode(action, classes.actionContainer, \"normalText\")}\n        </div>\n      </div>\n    </div>\n  );\n};\n\nEmptyState.propTypes = {\n  /**\n   * Class names to be applied.\n   */\n  className: PropTypes.string,\n  /**\n   * A Jss Object used to override or extend the styles applied to the empty state component.\n   */\n  classes: PropTypes.shape({\n    /**\n     * Styles applied to the component root class.\n     */\n    root: PropTypes.string,\n    /**\n     * Styles applied to the component container class.\n     */\n    container: PropTypes.string,\n    /**\n     * Styles applied to the component container class, when there is no title or action.\n     */\n    containerMessageOnly: PropTypes.string,\n    /**\n     * Styles applied to the icon container class.\n     */\n    iconContainer: PropTypes.string,\n    /**\n     * Styles applied to the text container class.\n     */\n    textContainer: PropTypes.string,\n    /**\n     * Styles applied to the title container class.\n     */\n    titleContainer: PropTypes.string,\n    /**\n     * Styles applied to the message container class.\n     */\n    messageContainer: PropTypes.string,\n    /**\n     * Styles applied to the action message container class.\n     */\n    actionContainer: PropTypes.string,\n  }).isRequired,\n  /**\n   * The title to be shown.\n   */\n  title: PropTypes.node,\n  /**\n   * The message to be shown.\n   */\n  message: PropTypes.node.isRequired,\n  /**\n   * The action message to be shown.\n   */\n  action: PropTypes.node,\n  /**\n   *  Icon to be presented.\n   */\n  icon: PropTypes.element.isRequired,\n};\n\nexport default withStyles(styles, { name: \"HvEmptyState\" })(EmptyState);\n"],"mappings":"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"}

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

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

package/dist/modern/EmptyState/index.js

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

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

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

package/dist/modern/EmptyState/styles.js

@@ -0,0 +1,59 @@
+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); 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) { _defineProperty(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; }
+
+const styles = theme => ({
+  root: {
+    width: "100%",
+    height: "100%",
+    display: "flex",
+    justifyContent: "center"
+  },
+  container: {
+    display: "flex",
+    flexDirection: "row",
+    [theme.breakpoints.only("xs")]: {
+      flexDirection: "column",
+      alignItems: "center",
+      textAlign: "center"
+    }
+  },
+  containerMessageOnly: {
+    alignItems: "center",
+    [theme.breakpoints.only("xs")]: {
+      flexDirection: "row"
+    },
+    "& $textContainer": {
+      marginLeft: 0
+    }
+  },
+  iconContainer: {},
+  textContainer: {
+    background: "transparent",
+    maxWidth: "510px",
+    overflow: "hidden",
+    fontFamily: theme.hv.typography.fontFamily,
+    [theme.breakpoints.up("sm")]: {
+      marginLeft: "16px",
+      paddingLeft: "4px"
+    },
+    "& a": _objectSpread(_objectSpread({}, theme.hv.typography.inlineLink), {}, {
+      textDecoration: "none"
+    })
+  },
+  titleContainer: {
+    margin: "5px 0",
+    [theme.breakpoints.only("xs")]: {
+      marginTop: `${theme.hv.spacing.sm}px`
+    }
+  },
+  messageContainer: {},
+  actionContainer: {
+    marginTop: `${theme.hv.spacing.sm}px`
+  }
+});
+
+export default styles;
+//# sourceMappingURL=styles.js.map

package/dist/modern/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,MAAMA,MAAM,GAAIC,KAAD,KAAY;EACzBC,IAAI,EAAE;IACJC,KAAK,EAAE,MADH;IAEJC,MAAM,EAAE,MAFJ;IAGJC,OAAO,EAAE,MAHL;IAIJC,cAAc,EAAE;EAJZ,CADmB;EAOzBC,SAAS,EAAE;IACTF,OAAO,EAAE,MADA;IAETG,aAAa,EAAE,KAFN;IAGT,CAACP,KAAK,CAACQ,WAAN,CAAkBC,IAAlB,CAAuB,IAAvB,CAAD,GAAgC;MAC9BF,aAAa,EAAE,QADe;MAE9BG,UAAU,EAAE,QAFkB;MAG9BC,SAAS,EAAE;IAHmB;EAHvB,CAPc;EAgBzBC,oBAAoB,EAAE;IACpBF,UAAU,EAAE,QADQ;IAEpB,CAACV,KAAK,CAACQ,WAAN,CAAkBC,IAAlB,CAAuB,IAAvB,CAAD,GAAgC;MAC9BF,aAAa,EAAE;IADe,CAFZ;IAKpB,oBAAoB;MAClBM,UAAU,EAAE;IADM;EALA,CAhBG;EAyBzBC,aAAa,EAAE,EAzBU;EA0BzBC,aAAa,EAAE;IACbC,UAAU,EAAE,aADC;IAEbC,QAAQ,EAAE,OAFG;IAGbC,QAAQ,EAAE,QAHG;IAIbC,UAAU,EAAEnB,KAAK,CAACoB,EAAN,CAASC,UAAT,CAAoBF,UAJnB;IAKb,CAACnB,KAAK,CAACQ,WAAN,CAAkBc,EAAlB,CAAqB,IAArB,CAAD,GAA8B;MAC5BT,UAAU,EAAE,MADgB;MAE5BU,WAAW,EAAE;IAFe,CALjB;IASb,uCACKvB,KAAK,CAACoB,EAAN,CAASC,UAAT,CAAoBG,UADzB;MAEEC,cAAc,EAAE;IAFlB;EATa,CA1BU;EAwCzBC,cAAc,EAAE;IACdC,MAAM,EAAE,OADM;IAEd,CAAC3B,KAAK,CAACQ,WAAN,CAAkBC,IAAlB,CAAuB,IAAvB,CAAD,GAAgC;MAC9BmB,SAAS,EAAG,GAAE5B,KAAK,CAACoB,EAAN,CAASS,OAAT,CAAiBC,EAAG;IADJ;EAFlB,CAxCS;EA8CzBC,gBAAgB,EAAE,EA9CO;EA+CzBC,eAAe,EAAE;IACfJ,SAAS,EAAG,GAAE5B,KAAK,CAACoB,EAAN,CAASS,OAAT,CAAiBC,EAAG;EADnB;AA/CQ,CAAZ,CAAf;;AAoDA,eAAe/B,MAAf"}

package/dist/modern/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;