@hitachivantara/uikit-react-core 3.52.5

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

package/dist/Dropdown/index.js.map

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

package/dist/Dropdown/styles.js

@@ -0,0 +1,65 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var styles = function styles(theme) {
+  return {
+    root: {
+      width: "100%",
+      borderRadius: 2,
+      position: "relative",
+      display: "inline-block",
+      "& $selectionDisabled": {
+        color: theme.palette.atmo5
+      },
+      "& $dropdownHeaderInvalid": {
+        border: "1px solid ".concat(theme.hv.palette.semantic.sema4),
+        "&:hover": {
+          border: "1px solid ".concat(theme.hv.palette.semantic.sema4)
+        },
+        "&$dropdownHeaderOpen": {
+          border: "1px solid ".concat(theme.hv.palette.atmosphere.atmo1),
+          "&:hover": {
+            border: "1px solid ".concat(theme.hv.palette.atmosphere.atmo1)
+          }
+        }
+      },
+      "& $dropdownHeaderOpen": {
+        border: "1px solid ".concat(theme.hv.palette.atmosphere.atmo1),
+        "&:hover": {
+          border: "1px solid ".concat(theme.hv.palette.atmosphere.atmo1)
+        }
+      }
+    },
+    dropdown: {
+      width: "100%"
+    },
+    rootList: {},
+    arrow: {},
+    labelContainer: {
+      display: "flex",
+      alignItems: "flex-start"
+    },
+    label: {
+      paddingBottom: "6px",
+      display: "block"
+    },
+    description: {},
+    error: {},
+    placeholder: {},
+    selectionDisabled: {
+      lineHeight: "".concat(theme.hv.spacing.md, "px")
+    },
+    dropdownHeader: {},
+    dropdownHeaderInvalid: {},
+    dropdownHeaderOpen: {},
+    dropdownListContainer: {}
+  };
+};
+
+var _default = styles;
+exports.default = _default;
+//# sourceMappingURL=styles.js.map

package/dist/Dropdown/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/Dropdown/styles.js"],"names":["styles","theme","root","width","borderRadius","position","display","color","palette","atmo5","border","hv","semantic","sema4","atmosphere","atmo1","dropdown","rootList","arrow","labelContainer","alignItems","label","paddingBottom","description","error","placeholder","selectionDisabled","lineHeight","spacing","md","dropdownHeader","dropdownHeaderInvalid","dropdownHeaderOpen","dropdownListContainer"],"mappings":";;;;;;;AAAA,IAAMA,MAAM,GAAG,SAATA,MAAS,CAACC,KAAD;AAAA,SAAY;AACzBC,IAAAA,IAAI,EAAE;AACJC,MAAAA,KAAK,EAAE,MADH;AAEJC,MAAAA,YAAY,EAAE,CAFV;AAGJC,MAAAA,QAAQ,EAAE,UAHN;AAIJC,MAAAA,OAAO,EAAE,cAJL;AAKJ,8BAAwB;AACtBC,QAAAA,KAAK,EAAEN,KAAK,CAACO,OAAN,CAAcC;AADC,OALpB;AAQJ,kCAA4B;AAC1BC,QAAAA,MAAM,sBAAeT,KAAK,CAACU,EAAN,CAASH,OAAT,CAAiBI,QAAjB,CAA0BC,KAAzC,CADoB;AAE1B,mBAAW;AACTH,UAAAA,MAAM,sBAAeT,KAAK,CAACU,EAAN,CAASH,OAAT,CAAiBI,QAAjB,CAA0BC,KAAzC;AADG,SAFe;AAK1B,gCAAwB;AACtBH,UAAAA,MAAM,sBAAeT,KAAK,CAACU,EAAN,CAASH,OAAT,CAAiBM,UAAjB,CAA4BC,KAA3C,CADgB;AAEtB,qBAAW;AACTL,YAAAA,MAAM,sBAAeT,KAAK,CAACU,EAAN,CAASH,OAAT,CAAiBM,UAAjB,CAA4BC,KAA3C;AADG;AAFW;AALE,OARxB;AAoBJ,+BAAyB;AACvBL,QAAAA,MAAM,sBAAeT,KAAK,CAACU,EAAN,CAASH,OAAT,CAAiBM,UAAjB,CAA4BC,KAA3C,CADiB;AAEvB,mBAAW;AACTL,UAAAA,MAAM,sBAAeT,KAAK,CAACU,EAAN,CAASH,OAAT,CAAiBM,UAAjB,CAA4BC,KAA3C;AADG;AAFY;AApBrB,KADmB;AA4BzBC,IAAAA,QAAQ,EAAE;AACRb,MAAAA,KAAK,EAAE;AADC,KA5Be;AA+BzBc,IAAAA,QAAQ,EAAE,EA/Be;AAgCzBC,IAAAA,KAAK,EAAE,EAhCkB;AAkCzBC,IAAAA,cAAc,EAAE;AACdb,MAAAA,OAAO,EAAE,MADK;AAEdc,MAAAA,UAAU,EAAE;AAFE,KAlCS;AAsCzBC,IAAAA,KAAK,EAAE;AACLC,MAAAA,aAAa,EAAE,KADV;AAELhB,MAAAA,OAAO,EAAE;AAFJ,KAtCkB;AA0CzBiB,IAAAA,WAAW,EAAE,EA1CY;AA2CzBC,IAAAA,KAAK,EAAE,EA3CkB;AA6CzBC,IAAAA,WAAW,EAAE,EA7CY;AA8CzBC,IAAAA,iBAAiB,EAAE;AACjBC,MAAAA,UAAU,YAAK1B,KAAK,CAACU,EAAN,CAASiB,OAAT,CAAiBC,EAAtB;AADO,KA9CM;AAiDzBC,IAAAA,cAAc,EAAE,EAjDS;AAkDzBC,IAAAA,qBAAqB,EAAE,EAlDE;AAmDzBC,IAAAA,kBAAkB,EAAE,EAnDK;AAoDzBC,IAAAA,qBAAqB,EAAE;AApDE,GAAZ;AAAA,CAAf;;eAuDejC,M","sourcesContent":["const styles = (theme) => ({\n  root: {\n    width: \"100%\",\n    borderRadius: 2,\n    position: \"relative\",\n    display: \"inline-block\",\n    \"& $selectionDisabled\": {\n      color: theme.palette.atmo5,\n    },\n    \"& $dropdownHeaderInvalid\": {\n      border: `1px solid ${theme.hv.palette.semantic.sema4}`,\n      \"&:hover\": {\n        border: `1px solid ${theme.hv.palette.semantic.sema4}`,\n      },\n      \"&$dropdownHeaderOpen\": {\n        border: `1px solid ${theme.hv.palette.atmosphere.atmo1}`,\n        \"&:hover\": {\n          border: `1px solid ${theme.hv.palette.atmosphere.atmo1}`,\n        },\n      },\n    },\n    \"& $dropdownHeaderOpen\": {\n      border: `1px solid ${theme.hv.palette.atmosphere.atmo1}`,\n      \"&:hover\": {\n        border: `1px solid ${theme.hv.palette.atmosphere.atmo1}`,\n      },\n    },\n  },\n  dropdown: {\n    width: \"100%\",\n  },\n  rootList: {},\n  arrow: {},\n\n  labelContainer: {\n    display: \"flex\",\n    alignItems: \"flex-start\",\n  },\n  label: {\n    paddingBottom: \"6px\",\n    display: \"block\",\n  },\n  description: {},\n  error: {},\n\n  placeholder: {},\n  selectionDisabled: {\n    lineHeight: `${theme.hv.spacing.md}px`,\n  },\n  dropdownHeader: {},\n  dropdownHeaderInvalid: {},\n  dropdownHeaderOpen: {},\n  dropdownListContainer: {},\n});\n\nexport default styles;\n"],"file":"styles.js"}

package/dist/Dropdown/utils.js

@@ -0,0 +1,73 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.hasSelected = exports.getSelectionLabel = exports.getSelected = void 0;
+
+require("core-js/modules/es.array.filter.js");
+
+require("core-js/modules/es.object.to-string.js");
+
+/**
+ * Filter selected elements.
+ *
+ * @param {Object} list - the list to filter
+ * @returns {Array} - the selected elements
+ */
+var getSelected = function getSelected(list) {
+  return (list === null || list === void 0 ? void 0 : list.filter(function (elem) {
+    return elem.selected;
+  })) || [];
+};
+/**
+ * Checks if any element of the list is selected.
+ *
+ * @param list
+ * @returns {boolean}
+ */
+
+
+exports.getSelected = getSelected;
+
+var hasSelected = function hasSelected(list) {
+  return getSelected(list).length > 0;
+};
+/**
+ * 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 {Object} - the selection label
+ */
+
+
+exports.hasSelected = hasSelected;
+
+var getSelectionLabel = function getSelectionLabel() {
+  var list = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
+  var labels = arguments.length > 1 ? arguments[1] : undefined;
+  var placeholder = arguments.length > 2 ? arguments[2] : undefined;
+  var multiSelect = arguments.length > 3 ? arguments[3] : undefined;
+  var select = labels.select;
+  var selected = getSelected(list);
+  if (select) return {
+    selected: select
+  };
+
+  if (multiSelect) {
+    return {
+      selected: selected.length,
+      total: list.length
+    };
+  }
+
+  return {
+    selected: selected.length > 0 ? selected[0].label : placeholder
+  };
+};
+
+exports.getSelectionLabel = getSelectionLabel;
+//# sourceMappingURL=utils.js.map

package/dist/Dropdown/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/Dropdown/utils.js"],"names":["getSelected","list","filter","elem","selected","hasSelected","length","getSelectionLabel","labels","placeholder","multiSelect","select","total","label"],"mappings":";;;;;;;;;;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA,IAAMA,WAAW,GAAG,SAAdA,WAAc,CAACC,IAAD;AAAA,SAAU,CAAAA,IAAI,SAAJ,IAAAA,IAAI,WAAJ,YAAAA,IAAI,CAAEC,MAAN,CAAa,UAACC,IAAD;AAAA,WAAUA,IAAI,CAACC,QAAf;AAAA,GAAb,MAAyC,EAAnD;AAAA,CAApB;AAEA;AACA;AACA;AACA;AACA;AACA;;;;;AACA,IAAMC,WAAW,GAAG,SAAdA,WAAc,CAACJ,IAAD;AAAA,SAAUD,WAAW,CAACC,IAAD,CAAX,CAAkBK,MAAlB,GAA2B,CAArC;AAAA,CAApB;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;;;AACA,IAAMC,iBAAiB,GAAG,SAApBA,iBAAoB,GAAiD;AAAA,MAAhDN,IAAgD,uEAAzC,EAAyC;AAAA,MAArCO,MAAqC;AAAA,MAA7BC,WAA6B;AAAA,MAAhBC,WAAgB;AACzE,MAAQC,MAAR,GAAmBH,MAAnB,CAAQG,MAAR;AACA,MAAMP,QAAQ,GAAGJ,WAAW,CAACC,IAAD,CAA5B;AAEA,MAAIU,MAAJ,EAAY,OAAO;AAAEP,IAAAA,QAAQ,EAAEO;AAAZ,GAAP;;AAEZ,MAAID,WAAJ,EAAiB;AACf,WAAO;AACLN,MAAAA,QAAQ,EAAEA,QAAQ,CAACE,MADd;AAELM,MAAAA,KAAK,EAAEX,IAAI,CAACK;AAFP,KAAP;AAID;;AACD,SAAO;AAAEF,IAAAA,QAAQ,EAAEA,QAAQ,CAACE,MAAT,GAAkB,CAAlB,GAAsBF,QAAQ,CAAC,CAAD,CAAR,CAAYS,KAAlC,GAA0CJ;AAAtD,GAAP;AACD,CAbD","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?.filter((elem) => elem.selected) || [];\n\n/**\n * Checks if any element of the list is selected.\n *\n * @param list\n * @returns {boolean}\n */\nconst hasSelected = (list) => getSelected(list).length > 0;\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 {Object} - the selection label\n */\nconst getSelectionLabel = (list = [], labels, placeholder, multiSelect) => {\n  const { select } = labels;\n  const selected = getSelected(list);\n\n  if (select) return { selected: select };\n\n  if (multiSelect) {\n    return {\n      selected: selected.length,\n      total: list.length,\n    };\n  }\n  return { selected: selected.length > 0 ? selected[0].label : placeholder };\n};\n\nexport { getSelectionLabel, getSelected, hasSelected };\n"],"file":"utils.js"}

package/dist/EmptyState/EmptyState.d.ts

@@ -0,0 +1,34 @@
+import * as React from "react";
+import { StandardProps } from "@material-ui/core";
+
+export type HvEmptyStateClassKey =
+  | "root"
+  | "container"
+  | "containerMessageOnly"
+  | "iconContainer"
+  | "textContainer"
+  | "titleContainer"
+  | "messageContainer"
+  | "actionContainer";
+
+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 default function HvEmptyState(props: HvEmptyStateProps): JSX.Element | null;

package/dist/EmptyState/EmptyState.js

@@ -0,0 +1,136 @@
+"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 _clsx = _interopRequireDefault(require("clsx"));
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _core = require("@material-ui/core");
+
+var _Typography = _interopRequireDefault(require("../Typography"));
+
+var _styles = _interopRequireDefault(require("./styles"));
+
+var _excluded = ["classes", "className", "title", "message", "action", "icon"];
+
+var renderNode = function renderNode(node, className, variant) {
+  return node && /*#__PURE__*/_react.default.createElement(_Typography.default, {
+    component: "div",
+    className: className,
+    variant: variant
+  }, node);
+};
+/**
+ * Empty states communicate that there’s no information, data or values to display in a given context.
+ */
+
+
+var EmptyState = function EmptyState(props) {
+  var classes = props.classes,
+      className = props.className,
+      title = props.title,
+      message = props.message,
+      action = props.action,
+      icon = props.icon,
+      others = (0, _objectWithoutProperties2.default)(props, _excluded);
+  return /*#__PURE__*/_react.default.createElement("div", (0, _extends2.default)({
+    className: (0, _clsx.default)(className, classes.root)
+  }, others), /*#__PURE__*/_react.default.createElement("div", {
+    className: (0, _clsx.default)(classes.container, message && !(title || action) && classes.containerMessageOnly)
+  }, /*#__PURE__*/_react.default.createElement("div", {
+    className: classes.iconContainer
+  }, icon), /*#__PURE__*/_react.default.createElement("div", {
+    className: classes.textContainer
+  }, renderNode(title, classes.titleContainer, "xxsTitle"), renderNode(message, classes.messageContainer, "normalText"), renderNode(action, classes.actionContainer, "normalText"))));
+};
+
+EmptyState.propTypes = {
+  /**
+   * Class names to be applied.
+   */
+  className: _propTypes.default.string,
+
+  /**
+   * A Jss Object used to override or extend the styles applied to the empty state component.
+   */
+  classes: _propTypes.default.shape({
+    /**
+     * Styles applied to the component root class.
+     */
+    root: _propTypes.default.string,
+
+    /**
+     * Styles applied to the component container class.
+     */
+    container: _propTypes.default.string,
+
+    /**
+     * Styles applied to the component container class, when there is no title or action.
+     */
+    containerMessageOnly: _propTypes.default.string,
+
+    /**
+     * Styles applied to the icon container class.
+     */
+    iconContainer: _propTypes.default.string,
+
+    /**
+     * Styles applied to the text container class.
+     */
+    textContainer: _propTypes.default.string,
+
+    /**
+     * Styles applied to the title container class.
+     */
+    titleContainer: _propTypes.default.string,
+
+    /**
+     * Styles applied to the message container class.
+     */
+    messageContainer: _propTypes.default.string,
+
+    /**
+     * Styles applied to the action message container class.
+     */
+    actionContainer: _propTypes.default.string
+  }).isRequired,
+
+  /**
+   * The title to be shown.
+   */
+  title: _propTypes.default.node,
+
+  /**
+   * The message to be shown.
+   */
+  message: _propTypes.default.node.isRequired,
+
+  /**
+   * The action message to be shown.
+   */
+  action: _propTypes.default.node,
+
+  /**
+   *  Icon to be presented.
+   */
+  icon: _propTypes.default.element.isRequired
+};
+
+var _default = (0, _core.withStyles)(_styles.default, {
+  name: "HvEmptyState"
+})(EmptyState);
+
+exports.default = _default;
+//# sourceMappingURL=EmptyState.js.map

package/dist/EmptyState/EmptyState.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/EmptyState/EmptyState.js"],"names":["renderNode","node","className","variant","EmptyState","props","classes","title","message","action","icon","others","root","container","containerMessageOnly","iconContainer","textContainer","titleContainer","messageContainer","actionContainer","propTypes","PropTypes","string","shape","isRequired","element","styles","name"],"mappings":"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","sourcesContent":["import React from \"react\";\nimport clsx from \"clsx\";\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    <HvTypography component=\"div\" className={className} variant={variant}>\n      {node}\n    </HvTypography>\n  );\n\n/**\n * Empty states communicate that there’s no information, data or values to display in a given context.\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, \"xxsTitle\")}\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"],"file":"EmptyState.js"}

package/dist/EmptyState/index.d.ts

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

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

package/dist/EmptyState/index.js.map

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

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;
+
+require("core-js/modules/es.string.link.js");
+
+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); 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) { (0, _defineProperty2.default)(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; }
+
+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: theme.hvSpacing("xs")
+    }), (0, _defineProperty2.default)(_textContainer, "& a", _objectSpread(_objectSpread({}, theme.hv.typography.link), {}, {
+      textDecoration: "none"
+    })), _textContainer),
+    titleContainer: {
+      marginTop: 2,
+      marginBottom: theme.hv.spacing.sm
+    },
+    messageContainer: {},
+    actionContainer: {
+      marginTop: theme.hvSpacing("sm")
+    }
+  };
+};
+
+var _default = styles;
+exports.default = _default;
+//# sourceMappingURL=styles.js.map

package/dist/EmptyState/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/EmptyState/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","hvSpacing","link","textDecoration","titleContainer","marginTop","marginBottom","spacing","sm","messageContainer","actionContainer"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,IAAMA,MAAM,GAAG,SAATA,MAAS,CAACC,KAAD;AAAA;;AAAA,SAAY;AACzBC,IAAAA,IAAI,EAAE;AACJC,MAAAA,KAAK,EAAE,MADH;AAEJC,MAAAA,MAAM,EAAE,MAFJ;AAGJC,MAAAA,OAAO,EAAE,MAHL;AAIJC,MAAAA,cAAc,EAAE;AAJZ,KADmB;AAOzBC,IAAAA,SAAS;AACPF,MAAAA,OAAO,EAAE,MADF;AAEPG,MAAAA,aAAa,EAAE;AAFR,OAGNP,KAAK,CAACQ,WAAN,CAAkBC,IAAlB,CAAuB,IAAvB,CAHM,EAGyB;AAC9BF,MAAAA,aAAa,EAAE,QADe;AAE9BG,MAAAA,UAAU,EAAE,QAFkB;AAG9BC,MAAAA,SAAS,EAAE;AAHmB,KAHzB,CAPgB;AAgBzBC,IAAAA,oBAAoB;AAClBF,MAAAA,UAAU,EAAE;AADM,4DAEjBV,KAAK,CAACQ,WAAN,CAAkBC,IAAlB,CAAuB,IAAvB,CAFiB,EAEc;AAC9BF,MAAAA,aAAa,EAAE;AADe,KAFd,wDAKlB,kBALkB,EAKE;AAClBM,MAAAA,UAAU,EAAE;AADM,KALF,yBAhBK;AAyBzBC,IAAAA,aAAa,EAAE,EAzBU;AA0BzBC,IAAAA,aAAa;AACXC,MAAAA,UAAU,EAAE,aADD;AAEXC,MAAAA,QAAQ,EAAE,OAFC;AAGXC,MAAAA,QAAQ,EAAE,QAHC;AAIXC,MAAAA,UAAU,EAAEnB,KAAK,CAACoB,EAAN,CAASC,UAAT,CAAoBF;AAJrB,qDAKVnB,KAAK,CAACQ,WAAN,CAAkBc,EAAlB,CAAqB,IAArB,CALU,EAKmB;AAC5BT,MAAAA,UAAU,EAAEb,KAAK,CAACuB,SAAN,CAAgB,IAAhB;AADgB,KALnB,iDAQX,KARW,kCASNvB,KAAK,CAACoB,EAAN,CAASC,UAAT,CAAoBG,IATd;AAUTC,MAAAA,cAAc,EAAE;AAVP,wBA1BY;AAuCzBC,IAAAA,cAAc,EAAE;AACdC,MAAAA,SAAS,EAAE,CADG;AAEdC,MAAAA,YAAY,EAAE5B,KAAK,CAACoB,EAAN,CAASS,OAAT,CAAiBC;AAFjB,KAvCS;AA2CzBC,IAAAA,gBAAgB,EAAE,EA3CO;AA4CzBC,IAAAA,eAAe,EAAE;AACfL,MAAAA,SAAS,EAAE3B,KAAK,CAACuB,SAAN,CAAgB,IAAhB;AADI;AA5CQ,GAAZ;AAAA,CAAf;;eAiDexB,M","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: theme.hvSpacing(\"xs\"),\n    },\n    \"& a\": {\n      ...theme.hv.typography.link,\n      textDecoration: \"none\",\n    },\n  },\n  titleContainer: {\n    marginTop: 2,\n    marginBottom: theme.hv.spacing.sm,\n  },\n  messageContainer: {},\n  actionContainer: {\n    marginTop: theme.hvSpacing(\"sm\"),\n  },\n});\n\nexport default styles;\n"],"file":"styles.js"}

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

@@ -0,0 +1,89 @@
+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 type HvDropZoneClassKey =
+  | "dropZoneContainer"
+  | "dropZoneLabelsGroup"
+  | "dragAction"
+  | "dropZoneContainerDisabled"
+  | "inputArea"
+  | "dropArea"
+  | "dropZoneAreaLabels"
+  | "dropZoneAreaIcon"
+  | "dropZoneLabel"
+  | "dragText"
+  | "selectFilesText";
+
+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;
+  /**
+   * Whether the DropZone should hide labels or not.
+   */
+  hideLabels?: boolean;
+  /**
+   * Attributes applied to the input element.
+   */
+  inputProps?: object;
+}
+
+export default function DropZone(props: DropZoneProps): JSX.Element | null;