@hitachivantara/uikit-react-lab 2.6.18

package/dist/legacy/Footer/index.js.map

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

package/dist/legacy/Footer/styles.js

@@ -0,0 +1,44 @@
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+
+var styles = function styles(theme) {
+  return {
+    root: _defineProperty({
+      position: "fixed",
+      width: "100%",
+      height: 40,
+      backgroundColor: theme.hv.palette.accent.acce1
+    }, theme.breakpoints.down("500"), {
+      minWidth: "320px"
+    }),
+    labelLeft: _defineProperty({
+      float: "left",
+      marginTop: 10,
+      marginLeft: 20,
+      fontSize: "16px",
+      letterSpacing: "0.02em",
+      lineHeight: "".concat(theme.hv.spacing.sm, "px"),
+      fontWeight: "600",
+      color: theme.hv.palette.atmosphere.atmo3
+    }, theme.breakpoints.down("500"), {
+      display: "none"
+    }),
+    labelRight: _defineProperty({
+      float: "right",
+      marginTop: 12,
+      marginRight: 20,
+      fontSize: "12px",
+      letterSpacing: "0.02em",
+      lineHeight: "16px",
+      fontWeight: "400",
+      color: theme.hv.palette.atmosphere.atmo3
+    }, theme.breakpoints.down("500"), {
+      minWidth: "320px",
+      float: "left",
+      marginLeft: 20,
+      fontSize: "11px"
+    })
+  };
+};
+
+export default styles;
+//# sourceMappingURL=styles.js.map

package/dist/legacy/Footer/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","names":["styles","theme","root","position","width","height","backgroundColor","hv","palette","accent","acce1","breakpoints","down","minWidth","labelLeft","float","marginTop","marginLeft","fontSize","letterSpacing","lineHeight","spacing","sm","fontWeight","color","atmosphere","atmo3","display","labelRight","marginRight"],"sources":["../../../src/Footer/styles.js"],"sourcesContent":["const styles = (theme) => ({\n  root: {\n    position: \"fixed\",\n    width: \"100%\",\n    height: 40,\n    backgroundColor: theme.hv.palette.accent.acce1,\n    [theme.breakpoints.down(\"500\")]: {\n      minWidth: \"320px\",\n    },\n  },\n  labelLeft: {\n    float: \"left\",\n    marginTop: 10,\n    marginLeft: 20,\n    fontSize: \"16px\",\n    letterSpacing: \"0.02em\",\n    lineHeight: `${theme.hv.spacing.sm}px`,\n    fontWeight: \"600\",\n    color: theme.hv.palette.atmosphere.atmo3,\n    [theme.breakpoints.down(\"500\")]: {\n      display: \"none\",\n    },\n  },\n  labelRight: {\n    float: \"right\",\n    marginTop: 12,\n    marginRight: 20,\n    fontSize: \"12px\",\n    letterSpacing: \"0.02em\",\n    lineHeight: \"16px\",\n    fontWeight: \"400\",\n    color: theme.hv.palette.atmosphere.atmo3,\n    [theme.breakpoints.down(\"500\")]: {\n      minWidth: \"320px\",\n      float: \"left\",\n      marginLeft: 20,\n      fontSize: \"11px\",\n    },\n  },\n});\n\nexport default styles;\n"],"mappings":";;AAAA,IAAMA,MAAM,GAAG,SAATA,MAAS,CAACC,KAAD;EAAA,OAAY;IACzBC,IAAI;MACFC,QAAQ,EAAE,OADR;MAEFC,KAAK,EAAE,MAFL;MAGFC,MAAM,EAAE,EAHN;MAIFC,eAAe,EAAEL,KAAK,CAACM,EAAN,CAASC,OAAT,CAAiBC,MAAjB,CAAwBC;IAJvC,GAKDT,KAAK,CAACU,WAAN,CAAkBC,IAAlB,CAAuB,KAAvB,CALC,EAK+B;MAC/BC,QAAQ,EAAE;IADqB,CAL/B,CADqB;IAUzBC,SAAS;MACPC,KAAK,EAAE,MADA;MAEPC,SAAS,EAAE,EAFJ;MAGPC,UAAU,EAAE,EAHL;MAIPC,QAAQ,EAAE,MAJH;MAKPC,aAAa,EAAE,QALR;MAMPC,UAAU,YAAKnB,KAAK,CAACM,EAAN,CAASc,OAAT,CAAiBC,EAAtB,OANH;MAOPC,UAAU,EAAE,KAPL;MAQPC,KAAK,EAAEvB,KAAK,CAACM,EAAN,CAASC,OAAT,CAAiBiB,UAAjB,CAA4BC;IAR5B,GASNzB,KAAK,CAACU,WAAN,CAAkBC,IAAlB,CAAuB,KAAvB,CATM,EAS0B;MAC/Be,OAAO,EAAE;IADsB,CAT1B,CAVgB;IAuBzBC,UAAU;MACRb,KAAK,EAAE,OADC;MAERC,SAAS,EAAE,EAFH;MAGRa,WAAW,EAAE,EAHL;MAIRX,QAAQ,EAAE,MAJF;MAKRC,aAAa,EAAE,QALP;MAMRC,UAAU,EAAE,MANJ;MAORG,UAAU,EAAE,KAPJ;MAQRC,KAAK,EAAEvB,KAAK,CAACM,EAAN,CAASC,OAAT,CAAiBiB,UAAjB,CAA4BC;IAR3B,GASPzB,KAAK,CAACU,WAAN,CAAkBC,IAAlB,CAAuB,KAAvB,CATO,EASyB;MAC/BC,QAAQ,EAAE,OADqB;MAE/BE,KAAK,EAAE,MAFwB;MAG/BE,UAAU,EAAE,EAHmB;MAI/BC,QAAQ,EAAE;IAJqB,CATzB;EAvBe,CAAZ;AAAA,CAAf;;AAyCA,eAAelB,MAAf"}

package/dist/legacy/FormComposer/FormComposer.d.ts

@@ -0,0 +1,41 @@
+import * as React from "react";
+import { StandardProps } from "@material-ui/core";
+
+interface FormGroup {
+  title: string;
+  children: React.ReactNode;
+}
+
+export type HvFormComposerClassKey =
+  | "root"
+  | "title"
+  | "mainContainer"
+  | "navContainer"
+  | "componentContainer"
+  | "footer";
+
+export interface HvFormComposerProps
+  extends StandardProps<React.HTMLAttributes<HTMLDivElement>, HvFormComposerClassKey> {
+  /**
+   * Main title to be displayed.
+   */
+  mainTitle?: string;
+  /**
+   * The group of component that will be added to the Form composer.
+   */
+  groups: FormGroup[];
+  /**
+   * Shows navigation bar.
+   */
+  hasNavigation?: boolean;
+  /**
+   * Shows footer.
+   */
+  hasFooter?: boolean;
+  /**
+   * Content to be shown on the footer.
+   */
+  footerContent?: React.ReactNode;
+}
+
+export default function HvFormComposer(props: HvFormComposerProps): JSX.Element | null;

package/dist/legacy/FormComposer/FormComposer.js

@@ -0,0 +1,218 @@
+import "core-js/modules/es.reflect.construct.js";
+import "core-js/modules/es.object.keys.js";
+import "core-js/modules/es.symbol.js";
+import "core-js/modules/es.array.filter.js";
+import "core-js/modules/es.object.get-own-property-descriptor.js";
+import "core-js/modules/es.object.get-own-property-descriptors.js";
+import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
+import _createClass from "@babel/runtime/helpers/esm/createClass";
+import _assertThisInitialized from "@babel/runtime/helpers/esm/assertThisInitialized";
+import _inherits from "@babel/runtime/helpers/esm/inherits";
+import _possibleConstructorReturn from "@babel/runtime/helpers/esm/possibleConstructorReturn";
+import _getPrototypeOf from "@babel/runtime/helpers/esm/getPrototypeOf";
+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 "core-js/modules/es.object.to-string.js";
+import "core-js/modules/web.dom-collections.for-each.js";
+import "core-js/modules/es.function.name.js";
+import "core-js/modules/es.array.map.js";
+import "core-js/modules/es.array.concat.js";
+
+function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
+
+function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
+
+import React from "react";
+import PropTypes, { shape } from "prop-types";
+import { withStyles } from "@material-ui/core";
+import { HvTypography } from "@hitachivantara/uikit-react-core";
+import HvNavigationAnchors from "../NavigationAnchors";
+import styles from "./styles";
+/**
+ * A form composer component used to create a form dynamically, still in development
+ */
+
+var HvFormComposer = /*#__PURE__*/function (_React$Component) {
+  _inherits(HvFormComposer, _React$Component);
+
+  var _super = _createSuper(HvFormComposer);
+
+  function HvFormComposer(props) {
+    var _this;
+
+    _classCallCheck(this, HvFormComposer);
+
+    _this = _super.call(this, props);
+
+    _defineProperty(_assertThisInitialized(_this), "getInitialValuesFromComponents", function (groups) {
+      var componentValues = {};
+      groups.forEach(function (group) {
+        group.children.forEach(function (child) {
+          componentValues[child.props.name] = child.props.value;
+        });
+      });
+      return componentValues;
+    });
+
+    _defineProperty(_assertThisInitialized(_this), "getValues", function () {
+      var componentValues = _this.state.componentValues;
+      return componentValues;
+    });
+
+    _defineProperty(_assertThisInitialized(_this), "getValuesHandler", function (originalHandler) {
+      if (originalHandler !== undefined && typeof originalHandler === "function") {
+        originalHandler(_this.getValues());
+      }
+    });
+
+    _defineProperty(_assertThisInitialized(_this), "childOnChangeHandler", function (value, name, onChange) {
+      var componentValues = _this.state.componentValues;
+
+      var newComponentValues = _objectSpread({}, componentValues);
+
+      newComponentValues[name] = value;
+
+      _this.setState({
+        componentValues: newComponentValues
+      });
+
+      if (onChange !== undefined && typeof onChange === "function") {
+        return onChange(value);
+      } // The UI-KIT input forced to have the value explicitly returned on the onChanged function.
+
+
+      return value;
+    });
+
+    var _groups = _this.props.groups;
+    _this.state = {
+      componentValues: _this.getInitialValuesFromComponents(_groups)
+    };
+    return _this;
+  }
+  /**
+   * Gets the values that are set on each component inside the groups.
+   *
+   * @param {Object} groups - Initial group object containing all the component elements.
+   * @return {Object} - { key (Component name): value (Value set on the component) }
+   */
+
+
+  _createClass(HvFormComposer, [{
+    key: "render",
+    value: function render() {
+      var _this2 = this;
+
+      var _this$props = this.props,
+          classes = _this$props.classes,
+          mainTitle = _this$props.mainTitle,
+          groups = _this$props.groups,
+          hasNavigation = _this$props.hasNavigation,
+          hasFooter = _this$props.hasFooter,
+          footerContent = _this$props.footerContent;
+      var footerElements = footerContent.map(function (child, i) {
+        var key = "fc-".concat(i);
+        return /*#__PURE__*/React.cloneElement(child, {
+          onClick: function onClick() {
+            return _this2.getValuesHandler(child.props.onClick);
+          },
+          key: key
+        });
+      });
+      var navigationOptions = [];
+      var groupedComponents = groups.map(function (group) {
+        navigationOptions.push({
+          label: group.title,
+          value: group.title
+        });
+        return /*#__PURE__*/React.createElement("div", {
+          key: group.title
+        }, /*#__PURE__*/React.createElement(HvTypography, {
+          id: group.title,
+          variant: "mTitle"
+        }, group.title), group.children.map(function (child, i) {
+          var key = "fc-".concat(group.title, "-").concat(i);
+          return /*#__PURE__*/React.createElement("div", {
+            key: key
+          }, /*#__PURE__*/React.cloneElement(child, {
+            onChange: function onChange(event, value) {
+              return _this2.childOnChangeHandler(value, child.props.name, child.props.onChange);
+            }
+          }));
+        }));
+      });
+      return /*#__PURE__*/React.createElement("div", {
+        className: classes.root
+      }, /*#__PURE__*/React.createElement(HvTypography, {
+        variant: "xlTitle",
+        className: classes.title
+      }, mainTitle), /*#__PURE__*/React.createElement("div", {
+        className: classes.mainContainer
+      }, hasNavigation && /*#__PURE__*/React.createElement("div", {
+        className: classes.navContainer
+      }, /*#__PURE__*/React.createElement(HvNavigationAnchors, {
+        options: navigationOptions,
+        floating: false
+      })), /*#__PURE__*/React.createElement("div", {
+        className: classes.componentContainer
+      }, groupedComponents)), hasFooter && /*#__PURE__*/React.createElement("div", {
+        className: classes.footer
+      }, footerElements));
+    }
+  }]);
+
+  return HvFormComposer;
+}(React.Component);
+
+process.env.NODE_ENV !== "production" ? HvFormComposer.propTypes = {
+  /**
+   * A Jss Object used to override or extend the styles applied to the form composer.
+   */
+  classes: PropTypes.instanceOf(Object).isRequired,
+
+  /**
+   * Main title to be displayed.
+   */
+  mainTitle: PropTypes.string,
+
+  /**
+   * The group of component that will be added to the Form composer.
+   */
+  groups: PropTypes.arrayOf(shape({
+    title: PropTypes.string,
+    children: PropTypes.node
+  })).isRequired,
+
+  /**
+   * Shows navigation bar.
+   */
+  hasNavigation: PropTypes.bool,
+
+  /**
+   * Shows footer.
+   */
+  hasFooter: PropTypes.bool,
+
+  /**
+   * Content to be shown on the footer.
+   */
+  footerContent: PropTypes.node
+} : void 0;
+/**
+ * Default properties.
+ */
+
+HvFormComposer.defaultProps = {
+  mainTitle: "",
+  hasNavigation: false,
+  hasFooter: false,
+  footerContent: []
+};
+export default withStyles(styles, {
+  name: "HvFormComposer"
+})(HvFormComposer);
+//# sourceMappingURL=FormComposer.js.map

package/dist/legacy/FormComposer/FormComposer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FormComposer.js","names":["React","PropTypes","shape","withStyles","HvTypography","HvNavigationAnchors","styles","HvFormComposer","props","groups","componentValues","forEach","group","children","child","name","value","state","originalHandler","undefined","getValues","onChange","newComponentValues","setState","getInitialValuesFromComponents","classes","mainTitle","hasNavigation","hasFooter","footerContent","footerElements","map","i","key","cloneElement","onClick","getValuesHandler","navigationOptions","groupedComponents","push","label","title","event","childOnChangeHandler","root","mainContainer","navContainer","componentContainer","footer","Component","propTypes","instanceOf","Object","isRequired","string","arrayOf","node","bool","defaultProps"],"sources":["../../../src/FormComposer/FormComposer.js"],"sourcesContent":["import React from \"react\";\nimport PropTypes, { shape } from \"prop-types\";\nimport { withStyles } from \"@material-ui/core\";\nimport { HvTypography } from \"@hitachivantara/uikit-react-core\";\nimport HvNavigationAnchors from \"../NavigationAnchors\";\nimport styles from \"./styles\";\n\n/**\n * A form composer component used to create a form dynamically, still in development\n */\nclass HvFormComposer extends React.Component {\n  constructor(props) {\n    super(props);\n\n    const { groups } = this.props;\n\n    this.state = {\n      componentValues: this.getInitialValuesFromComponents(groups),\n    };\n  }\n\n  /**\n   * Gets the values that are set on each component inside the groups.\n   *\n   * @param {Object} groups - Initial group object containing all the component elements.\n   * @return {Object} - { key (Component name): value (Value set on the component) }\n   */\n  getInitialValuesFromComponents = (groups) => {\n    const componentValues = {};\n    groups.forEach((group) => {\n      group.children.forEach((child) => {\n        componentValues[child.props.name] = child.props.value;\n      });\n    });\n\n    return componentValues;\n  };\n\n  /**\n   * Gets the values stored in the state of each component.\n   */\n  getValues = () => {\n    const { componentValues } = this.state;\n    return componentValues;\n  };\n\n  /**\n   * Handler to retrieve the values.\n   *\n   * @param {Function} originalHandler - The handler that was originally triggered.\n   */\n  getValuesHandler = (originalHandler) => {\n    if (originalHandler !== undefined && typeof originalHandler === \"function\") {\n      originalHandler(this.getValues());\n    }\n  };\n\n  /**\n   * Stores the value on the state when a child component onChange event is triggered.\n   *\n   * @param {*} value - Value that will be stored on the state.\n   * @param {string} name - Name of the component.\n   * @param {Function} onChange - Original function triggered by the component.\n   */\n  childOnChangeHandler = (value, name, onChange) => {\n    const { componentValues } = this.state;\n\n    const newComponentValues = { ...componentValues };\n    newComponentValues[name] = value;\n\n    this.setState({ componentValues: newComponentValues });\n\n    if (onChange !== undefined && typeof onChange === \"function\") {\n      return onChange(value);\n    }\n    // The UI-KIT input forced to have the value explicitly returned on the onChanged function.\n    return value;\n  };\n\n  render() {\n    const { classes, mainTitle, groups, hasNavigation, hasFooter, footerContent } = this.props;\n\n    const footerElements = footerContent.map((child, i) => {\n      const key = `fc-${i}`;\n      return React.cloneElement(child, {\n        onClick: () => this.getValuesHandler(child.props.onClick),\n        key,\n      });\n    });\n\n    const navigationOptions = [];\n\n    const groupedComponents = groups.map((group) => {\n      navigationOptions.push({ label: group.title, value: group.title });\n\n      return (\n        <div key={group.title}>\n          <HvTypography id={group.title} variant=\"mTitle\">\n            {group.title}\n          </HvTypography>\n          {group.children.map((child, i) => {\n            const key = `fc-${group.title}-${i}`;\n            return (\n              <div key={key}>\n                {React.cloneElement(child, {\n                  onChange: (event, value) =>\n                    this.childOnChangeHandler(value, child.props.name, child.props.onChange),\n                })}\n              </div>\n            );\n          })}\n        </div>\n      );\n    });\n\n    return (\n      <div className={classes.root}>\n        <HvTypography variant=\"xlTitle\" className={classes.title}>\n          {mainTitle}\n        </HvTypography>\n        <div className={classes.mainContainer}>\n          {hasNavigation && (\n            <div className={classes.navContainer}>\n              <HvNavigationAnchors options={navigationOptions} floating={false} />\n            </div>\n          )}\n          <div className={classes.componentContainer}>{groupedComponents}</div>\n        </div>\n        {hasFooter && <div className={classes.footer}>{footerElements}</div>}\n      </div>\n    );\n  }\n}\n\nHvFormComposer.propTypes = {\n  /**\n   * A Jss Object used to override or extend the styles applied to the form composer.\n   */\n  classes: PropTypes.instanceOf(Object).isRequired,\n  /**\n   * Main title to be displayed.\n   */\n  mainTitle: PropTypes.string,\n  /**\n   * The group of component that will be added to the Form composer.\n   */\n  groups: PropTypes.arrayOf(\n    shape({\n      title: PropTypes.string,\n      children: PropTypes.node,\n    })\n  ).isRequired,\n  /**\n   * Shows navigation bar.\n   */\n  hasNavigation: PropTypes.bool,\n  /**\n   * Shows footer.\n   */\n  hasFooter: PropTypes.bool,\n  /**\n   * Content to be shown on the footer.\n   */\n  footerContent: PropTypes.node,\n};\n\n/**\n * Default properties.\n */\nHvFormComposer.defaultProps = {\n  mainTitle: \"\",\n  hasNavigation: false,\n  hasFooter: false,\n  footerContent: [],\n};\n\nexport default withStyles(styles, { name: \"HvFormComposer\" })(HvFormComposer);\n"],"mappings":"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"}

package/dist/legacy/FormComposer/index.d.ts

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

package/dist/legacy/FormComposer/index.js

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

package/dist/legacy/FormComposer/index.js.map

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

package/dist/legacy/FormComposer/styles.js

@@ -0,0 +1,31 @@
+var styles = function styles(theme) {
+  return {
+    root: {
+      backgroundColor: theme.hv.palette.atmosphere.atmo2
+    },
+    mainContainer: {
+      display: "flex",
+      backgroundColor: theme.hv.palette.atmosphere.atmo3
+    },
+    navContainer: {
+      maxWidth: "200px",
+      paddingTop: "".concat(theme.hv.spacing.md, "px")
+    },
+    componentContainer: {
+      width: "100%",
+      maxHeight: "400px",
+      overflowY: "auto",
+      padding: "".concat(theme.hv.spacing.md, "px")
+    },
+    title: {
+      padding: "".concat(theme.hv.spacing.sm, "px 0")
+    },
+    footer: {
+      padding: "".concat(theme.hv.spacing.sm, "px"),
+      textAlign: "right"
+    }
+  };
+};
+
+export default styles;
+//# sourceMappingURL=styles.js.map

package/dist/legacy/FormComposer/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","names":["styles","theme","root","backgroundColor","hv","palette","atmosphere","atmo2","mainContainer","display","atmo3","navContainer","maxWidth","paddingTop","spacing","md","componentContainer","width","maxHeight","overflowY","padding","title","sm","footer","textAlign"],"sources":["../../../src/FormComposer/styles.js"],"sourcesContent":["const styles = (theme) => ({\n  root: {\n    backgroundColor: theme.hv.palette.atmosphere.atmo2,\n  },\n  mainContainer: {\n    display: \"flex\",\n    backgroundColor: theme.hv.palette.atmosphere.atmo3,\n  },\n  navContainer: {\n    maxWidth: \"200px\",\n    paddingTop: `${theme.hv.spacing.md}px`,\n  },\n  componentContainer: {\n    width: \"100%\",\n    maxHeight: \"400px\",\n    overflowY: \"auto\",\n    padding: `${theme.hv.spacing.md}px`,\n  },\n  title: {\n    padding: `${theme.hv.spacing.sm}px 0`,\n  },\n  footer: {\n    padding: `${theme.hv.spacing.sm}px`,\n    textAlign: \"right\",\n  },\n});\n\nexport default styles;\n"],"mappings":"AAAA,IAAMA,MAAM,GAAG,SAATA,MAAS,CAACC,KAAD;EAAA,OAAY;IACzBC,IAAI,EAAE;MACJC,eAAe,EAAEF,KAAK,CAACG,EAAN,CAASC,OAAT,CAAiBC,UAAjB,CAA4BC;IADzC,CADmB;IAIzBC,aAAa,EAAE;MACbC,OAAO,EAAE,MADI;MAEbN,eAAe,EAAEF,KAAK,CAACG,EAAN,CAASC,OAAT,CAAiBC,UAAjB,CAA4BI;IAFhC,CAJU;IAQzBC,YAAY,EAAE;MACZC,QAAQ,EAAE,OADE;MAEZC,UAAU,YAAKZ,KAAK,CAACG,EAAN,CAASU,OAAT,CAAiBC,EAAtB;IAFE,CARW;IAYzBC,kBAAkB,EAAE;MAClBC,KAAK,EAAE,MADW;MAElBC,SAAS,EAAE,OAFO;MAGlBC,SAAS,EAAE,MAHO;MAIlBC,OAAO,YAAKnB,KAAK,CAACG,EAAN,CAASU,OAAT,CAAiBC,EAAtB;IAJW,CAZK;IAkBzBM,KAAK,EAAE;MACLD,OAAO,YAAKnB,KAAK,CAACG,EAAN,CAASU,OAAT,CAAiBQ,EAAtB;IADF,CAlBkB;IAqBzBC,MAAM,EAAE;MACNH,OAAO,YAAKnB,KAAK,CAACG,EAAN,CAASU,OAAT,CAAiBQ,EAAtB,OADD;MAENE,SAAS,EAAE;IAFL;EArBiB,CAAZ;AAAA,CAAf;;AA2BA,eAAexB,MAAf"}

package/dist/legacy/Loading/Loading.d.ts

@@ -0,0 +1,32 @@
+import * as React from "react";
+import { StandardProps } from "@material-ui/core";
+
+export interface HvLoadingProps
+  extends StandardProps<React.HTMLAttributes<HTMLDivElement>, HvLoadingClassKey> {
+  /**
+   * The size of the loading indicator.
+   */
+  size?: "regular" | "small";
+
+  /**
+   * The position where the loading indicator is to be positioned in,
+   * center of the page or inline in the container where its inserted.
+   */
+  position?: "center" | "inline";
+
+  /**
+   * The text to be displayed.
+   */
+  text?: string;
+}
+
+export type HvLoadingClassKey =
+  | "input"
+  | "characterCounter"
+  | "inline"
+  | "separator"
+  | "maxCharacter"
+  | "currentCounter"
+  | "disabled";
+
+export default function HvLoading(props: HvLoadingProps): JSX.Element | null;

package/dist/legacy/Loading/Loading.js

@@ -0,0 +1,71 @@
+import React from "react";
+import PropTypes from "prop-types";
+import clsx from "clsx";
+import isEmpty from "lodash/isEmpty";
+import { withStyles } from "@material-ui/core";
+import { HvTypography, withDeprecated } from "@hitachivantara/uikit-react-core";
+import styles from "./styles";
+/**
+ * A Loading Component component, still in development.
+ */
+
+var Loading = function Loading(_ref) {
+  var classes = _ref.classes,
+      size = _ref.size,
+      position = _ref.position,
+      text = _ref.text;
+  return /*#__PURE__*/React.createElement("div", {
+    className: clsx(classes.loading, {
+      "center": classes.centerPosition,
+      "inline": classes.inlinePosition
+    }[position])
+  }, /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("div", {
+    className: clsx(classes.loadingBar, size)
+  }), /*#__PURE__*/React.createElement("div", {
+    className: clsx(classes.loadingBar, size)
+  }), /*#__PURE__*/React.createElement("div", {
+    className: clsx(classes.loadingBar, size)
+  })), !isEmpty(text) ? /*#__PURE__*/React.createElement("div", {
+    className: classes.loadingText
+  }, /*#__PURE__*/React.createElement(HvTypography, {
+    variant: "normalText"
+  }, text)) : null);
+};
+
+process.env.NODE_ENV !== "production" ? Loading.propTypes = {
+  /**
+   *  Styles applied to the Drawer Paper element.
+   */
+  classes: PropTypes.PropTypes.shape({
+    loadingBar: PropTypes.string,
+    loadingText: PropTypes.string,
+    loading: PropTypes.string,
+    centerPosition: PropTypes.string,
+    inlinePosition: PropTypes.string
+  }).isRequired,
+
+  /**
+   * The size of the loading indicator.
+   */
+  size: PropTypes.oneOf(["regular", "small"]),
+
+  /**
+   * The position where the loading indicator is to be positioned in,
+   * center of the page or inline in the container where its inserted.
+   */
+  position: PropTypes.oneOf(["center", "inline"]),
+
+  /**
+   * The text to be displayed.
+   */
+  text: PropTypes.string
+} : void 0;
+Loading.defaultProps = {
+  size: "regular",
+  position: "center",
+  text: ""
+};
+export default withDeprecated(withStyles(styles, {
+  name: "HvLoading"
+})(Loading), "Please use the Loading component in the Core Package");
+//# sourceMappingURL=Loading.js.map

package/dist/legacy/Loading/Loading.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Loading.js","names":["React","PropTypes","clsx","isEmpty","withStyles","HvTypography","withDeprecated","styles","Loading","classes","size","position","text","loading","centerPosition","inlinePosition","loadingBar","loadingText","propTypes","shape","string","isRequired","oneOf","defaultProps","name"],"sources":["../../../src/Loading/Loading.js"],"sourcesContent":["import React from \"react\";\nimport PropTypes from \"prop-types\";\nimport clsx from \"clsx\";\nimport isEmpty from \"lodash/isEmpty\";\nimport { withStyles } from \"@material-ui/core\";\nimport { HvTypography, withDeprecated } from \"@hitachivantara/uikit-react-core\";\nimport styles from \"./styles\";\n\n/**\n * A Loading Component component, still in development.\n */\nconst Loading = ({ classes, size, position, text }) => {\n  return (\n    <div\n      className={clsx(classes.loading, {\n        [classes.centerPosition]: position === \"center\",\n        [classes.inlinePosition]: position === \"inline\",\n      })}\n    >\n      <div>\n        <div className={clsx(classes.loadingBar, size)} />\n        <div className={clsx(classes.loadingBar, size)} />\n        <div className={clsx(classes.loadingBar, size)} />\n      </div>\n      {!isEmpty(text) ? (\n        <div className={classes.loadingText}>\n          <HvTypography variant=\"normalText\">{text}</HvTypography>\n        </div>\n      ) : null}\n    </div>\n  );\n};\n\nLoading.propTypes = {\n  /**\n   *  Styles applied to the Drawer Paper element.\n   */\n  classes: PropTypes.PropTypes.shape({\n    loadingBar: PropTypes.string,\n    loadingText: PropTypes.string,\n    loading: PropTypes.string,\n    centerPosition: PropTypes.string,\n    inlinePosition: PropTypes.string,\n  }).isRequired,\n  /**\n   * The size of the loading indicator.\n   */\n  size: PropTypes.oneOf([\"regular\", \"small\"]),\n  /**\n   * The position where the loading indicator is to be positioned in,\n   * center of the page or inline in the container where its inserted.\n   */\n  position: PropTypes.oneOf([\"center\", \"inline\"]),\n  /**\n   * The text to be displayed.\n   */\n  text: PropTypes.string,\n};\n\nLoading.defaultProps = {\n  size: \"regular\",\n  position: \"center\",\n  text: \"\",\n};\n\nexport default withDeprecated(\n  withStyles(styles, { name: \"HvLoading\" })(Loading),\n  \"Please use the Loading component in the Core Package\"\n);\n"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,OAAOC,IAAP,MAAiB,MAAjB;AACA,OAAOC,OAAP,MAAoB,gBAApB;AACA,SAASC,UAAT,QAA2B,mBAA3B;AACA,SAASC,YAAT,EAAuBC,cAAvB,QAA6C,kCAA7C;AACA,OAAOC,MAAP,MAAmB,UAAnB;AAEA;AACA;AACA;;AACA,IAAMC,OAAO,GAAG,SAAVA,OAAU,OAAuC;EAAA,IAApCC,OAAoC,QAApCA,OAAoC;EAAA,IAA3BC,IAA2B,QAA3BA,IAA2B;EAAA,IAArBC,QAAqB,QAArBA,QAAqB;EAAA,IAAXC,IAAW,QAAXA,IAAW;EACrD,oBACE;IACE,SAAS,EAAEV,IAAI,CAACO,OAAO,CAACI,OAAT;MAC0B,QAD1B,EACZJ,OAAO,CAACK,cADI;MAE0B,QAF1B,EAEZL,OAAO,CAACM;IAFI,EACaJ,QADb;EADjB,gBAME,8CACE;IAAK,SAAS,EAAET,IAAI,CAACO,OAAO,CAACO,UAAT,EAAqBN,IAArB;EAApB,EADF,eAEE;IAAK,SAAS,EAAER,IAAI,CAACO,OAAO,CAACO,UAAT,EAAqBN,IAArB;EAApB,EAFF,eAGE;IAAK,SAAS,EAAER,IAAI,CAACO,OAAO,CAACO,UAAT,EAAqBN,IAArB;EAApB,EAHF,CANF,EAWG,CAACP,OAAO,CAACS,IAAD,CAAR,gBACC;IAAK,SAAS,EAAEH,OAAO,CAACQ;EAAxB,gBACE,oBAAC,YAAD;IAAc,OAAO,EAAC;EAAtB,GAAoCL,IAApC,CADF,CADD,GAIG,IAfN,CADF;AAmBD,CApBD;;AAsBA,wCAAAJ,OAAO,CAACU,SAAR,GAAoB;EAClB;AACF;AACA;EACET,OAAO,EAAER,SAAS,CAACA,SAAV,CAAoBkB,KAApB,CAA0B;IACjCH,UAAU,EAAEf,SAAS,CAACmB,MADW;IAEjCH,WAAW,EAAEhB,SAAS,CAACmB,MAFU;IAGjCP,OAAO,EAAEZ,SAAS,CAACmB,MAHc;IAIjCN,cAAc,EAAEb,SAAS,CAACmB,MAJO;IAKjCL,cAAc,EAAEd,SAAS,CAACmB;EALO,CAA1B,EAMNC,UAVe;;EAWlB;AACF;AACA;EACEX,IAAI,EAAET,SAAS,CAACqB,KAAV,CAAgB,CAAC,SAAD,EAAY,OAAZ,CAAhB,CAdY;;EAelB;AACF;AACA;AACA;EACEX,QAAQ,EAAEV,SAAS,CAACqB,KAAV,CAAgB,CAAC,QAAD,EAAW,QAAX,CAAhB,CAnBQ;;EAoBlB;AACF;AACA;EACEV,IAAI,EAAEX,SAAS,CAACmB;AAvBE,CAApB;AA0BAZ,OAAO,CAACe,YAAR,GAAuB;EACrBb,IAAI,EAAE,SADe;EAErBC,QAAQ,EAAE,QAFW;EAGrBC,IAAI,EAAE;AAHe,CAAvB;AAMA,eAAeN,cAAc,CAC3BF,UAAU,CAACG,MAAD,EAAS;EAAEiB,IAAI,EAAE;AAAR,CAAT,CAAV,CAA0ChB,OAA1C,CAD2B,EAE3B,sDAF2B,CAA7B"}

package/dist/legacy/Loading/LoadingWithDelay.d.ts

@@ -0,0 +1,12 @@
+import * as React from "react";
+import { StandardProps } from "@material-ui/core";
+import { HvLoadingProps } from "./Loading";
+
+export interface HvLoadingWithDelayProps extends HvLoadingProps {
+  /**
+   * The amount of milliseconds that the component should wait before showing the Loading
+   */
+  delay?: number;
+}
+
+export default function HvLoadingWithDelay(props: HvLoadingWithDelayProps): JSX.Element | null;

package/dist/legacy/Loading/LoadingWithDelay.js

@@ -0,0 +1,97 @@
+import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
+import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+var _excluded = ["delay"];
+import React, { useState, useEffect } from "react";
+import { withStyles } from "@material-ui/core";
+import PropTypes from "prop-types";
+import { withDeprecated } from "@hitachivantara/uikit-react-core";
+import Loading from "./Loading";
+import styles from "./styles";
+
+var LoadingWithDelay = function LoadingWithDelay(_ref) {
+  var _ref$delay = _ref.delay,
+      delay = _ref$delay === void 0 ? 0 : _ref$delay,
+      loadingProps = _objectWithoutProperties(_ref, _excluded);
+
+  var _useState = useState(false),
+      _useState2 = _slicedToArray(_useState, 2),
+      shouldDisplay = _useState2[0],
+      setShouldDisplay = _useState2[1];
+
+  useEffect(function () {
+    var timer = setTimeout(function () {
+      return setShouldDisplay(true);
+    }, delay);
+    return function () {
+      clearTimeout(timer);
+    };
+  }, []);
+  return shouldDisplay && /*#__PURE__*/React.createElement(Loading, loadingProps);
+};
+
+process.env.NODE_ENV !== "production" ? LoadingWithDelay.propTypes = {
+  /**
+   *  Styles applied to the Drawer Paper element.
+   */
+  classes: PropTypes.PropTypes.shape({
+    /**
+     * The class applied on the text area input box.
+     */
+    input: PropTypes.string,
+
+    /**
+     * The class applied on the character counter.
+     */
+    characterCounter: PropTypes.string,
+
+    /**
+     * The class controlling the layout of the counter.
+     */
+    inline: PropTypes.string,
+
+    /**
+     * The class applied to the separator element of the character counter.
+     */
+    separator: PropTypes.string,
+
+    /**
+     * The class applied to the max counter element of the character counter.
+     */
+    maxCharacter: PropTypes.string,
+
+    /**
+     * The class applied to the current counter element of the character counter.
+     */
+    currentCounter: PropTypes.string,
+
+    /**
+     * The class applied to the character counter when it is disabled.
+     */
+    disabled: PropTypes.string
+  }).isRequired,
+
+  /**
+   * The size of the loading indicator.
+   */
+  size: PropTypes.oneOf(["regular", "small"]),
+
+  /**
+   * The position where the loading indicator is to be positioned in,
+   * center of the page or inline in the container where its inserted.
+   */
+  position: PropTypes.oneOf(["center", "inline"]),
+
+  /**
+   * The text to be displayed.
+   */
+  text: PropTypes.string,
+
+  /**
+   * The amount of milliseconds that the component should wait before showing the Loading
+   */
+  delay: PropTypes.number
+} : void 0;
+export default withDeprecated(withStyles(styles, {
+  name: "HvLoadingWithDelay"
+})(LoadingWithDelay), "Please use the Loading component in the Core Package");
+//# sourceMappingURL=LoadingWithDelay.js.map

package/dist/legacy/Loading/LoadingWithDelay.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LoadingWithDelay.js","names":["React","useState","useEffect","withStyles","PropTypes","withDeprecated","Loading","styles","LoadingWithDelay","delay","loadingProps","shouldDisplay","setShouldDisplay","timer","setTimeout","clearTimeout","propTypes","classes","shape","input","string","characterCounter","inline","separator","maxCharacter","currentCounter","disabled","isRequired","size","oneOf","position","text","number","name"],"sources":["../../../src/Loading/LoadingWithDelay.js"],"sourcesContent":["import React, { useState, useEffect } from \"react\";\nimport { withStyles } from \"@material-ui/core\";\nimport PropTypes from \"prop-types\";\nimport { withDeprecated } from \"@hitachivantara/uikit-react-core\";\nimport Loading from \"./Loading\";\nimport styles from \"./styles\";\n\nconst LoadingWithDelay = ({ delay = 0, ...loadingProps }) => {\n  const [shouldDisplay, setShouldDisplay] = useState(false);\n\n  useEffect(() => {\n    const timer = setTimeout(() => setShouldDisplay(true), delay);\n\n    return () => {\n      clearTimeout(timer);\n    };\n  }, []);\n\n  return shouldDisplay && <Loading {...loadingProps} />;\n};\n\nLoadingWithDelay.propTypes = {\n  /**\n   *  Styles applied to the Drawer Paper element.\n   */\n  classes: PropTypes.PropTypes.shape({\n    /**\n     * The class applied on the text area input box.\n     */\n    input: PropTypes.string,\n    /**\n     * The class applied on the character counter.\n     */\n    characterCounter: PropTypes.string,\n    /**\n     * The class controlling the layout of the counter.\n     */\n    inline: PropTypes.string,\n    /**\n     * The class applied to the separator element of the character counter.\n     */\n    separator: PropTypes.string,\n    /**\n     * The class applied to the max counter element of the character counter.\n     */\n    maxCharacter: PropTypes.string,\n    /**\n     * The class applied to the current counter element of the character counter.\n     */\n    currentCounter: PropTypes.string,\n    /**\n     * The class applied to the character counter when it is disabled.\n     */\n    disabled: PropTypes.string,\n  }).isRequired,\n  /**\n   * The size of the loading indicator.\n   */\n  size: PropTypes.oneOf([\"regular\", \"small\"]),\n  /**\n   * The position where the loading indicator is to be positioned in,\n   * center of the page or inline in the container where its inserted.\n   */\n  position: PropTypes.oneOf([\"center\", \"inline\"]),\n  /**\n   * The text to be displayed.\n   */\n  text: PropTypes.string,\n  /**\n   * The amount of milliseconds that the component should wait before showing the Loading\n   */\n  delay: PropTypes.number,\n};\n\nexport default withDeprecated(\n  withStyles(styles, { name: \"HvLoadingWithDelay\" })(LoadingWithDelay),\n  \"Please use the Loading component in the Core Package\"\n);\n"],"mappings":";;;AAAA,OAAOA,KAAP,IAAgBC,QAAhB,EAA0BC,SAA1B,QAA2C,OAA3C;AACA,SAASC,UAAT,QAA2B,mBAA3B;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,SAASC,cAAT,QAA+B,kCAA/B;AACA,OAAOC,OAAP,MAAoB,WAApB;AACA,OAAOC,MAAP,MAAmB,UAAnB;;AAEA,IAAMC,gBAAgB,GAAG,SAAnBA,gBAAmB,OAAoC;EAAA,sBAAjCC,KAAiC;EAAA,IAAjCA,KAAiC,2BAAzB,CAAyB;EAAA,IAAnBC,YAAmB;;EAC3D,gBAA0CT,QAAQ,CAAC,KAAD,CAAlD;EAAA;EAAA,IAAOU,aAAP;EAAA,IAAsBC,gBAAtB;;EAEAV,SAAS,CAAC,YAAM;IACd,IAAMW,KAAK,GAAGC,UAAU,CAAC;MAAA,OAAMF,gBAAgB,CAAC,IAAD,CAAtB;IAAA,CAAD,EAA+BH,KAA/B,CAAxB;IAEA,OAAO,YAAM;MACXM,YAAY,CAACF,KAAD,CAAZ;IACD,CAFD;EAGD,CANQ,EAMN,EANM,CAAT;EAQA,OAAOF,aAAa,iBAAI,oBAAC,OAAD,EAAaD,YAAb,CAAxB;AACD,CAZD;;AAcA,wCAAAF,gBAAgB,CAACQ,SAAjB,GAA6B;EAC3B;AACF;AACA;EACEC,OAAO,EAAEb,SAAS,CAACA,SAAV,CAAoBc,KAApB,CAA0B;IACjC;AACJ;AACA;IACIC,KAAK,EAAEf,SAAS,CAACgB,MAJgB;;IAKjC;AACJ;AACA;IACIC,gBAAgB,EAAEjB,SAAS,CAACgB,MARK;;IASjC;AACJ;AACA;IACIE,MAAM,EAAElB,SAAS,CAACgB,MAZe;;IAajC;AACJ;AACA;IACIG,SAAS,EAAEnB,SAAS,CAACgB,MAhBY;;IAiBjC;AACJ;AACA;IACII,YAAY,EAAEpB,SAAS,CAACgB,MApBS;;IAqBjC;AACJ;AACA;IACIK,cAAc,EAAErB,SAAS,CAACgB,MAxBO;;IAyBjC;AACJ;AACA;IACIM,QAAQ,EAAEtB,SAAS,CAACgB;EA5Ba,CAA1B,EA6BNO,UAjCwB;;EAkC3B;AACF;AACA;EACEC,IAAI,EAAExB,SAAS,CAACyB,KAAV,CAAgB,CAAC,SAAD,EAAY,OAAZ,CAAhB,CArCqB;;EAsC3B;AACF;AACA;AACA;EACEC,QAAQ,EAAE1B,SAAS,CAACyB,KAAV,CAAgB,CAAC,QAAD,EAAW,QAAX,CAAhB,CA1CiB;;EA2C3B;AACF;AACA;EACEE,IAAI,EAAE3B,SAAS,CAACgB,MA9CW;;EA+C3B;AACF;AACA;EACEX,KAAK,EAAEL,SAAS,CAAC4B;AAlDU,CAA7B;AAqDA,eAAe3B,cAAc,CAC3BF,UAAU,CAACI,MAAD,EAAS;EAAE0B,IAAI,EAAE;AAAR,CAAT,CAAV,CAAmDzB,gBAAnD,CAD2B,EAE3B,sDAF2B,CAA7B"}

package/dist/legacy/Loading/index.d.ts

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

package/dist/legacy/Loading/index.js

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

package/dist/legacy/Loading/index.js.map

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