@hitachivantara/uikit-react-lab 3.38.0

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); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+
+import "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);
+
+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
+};
+/**
+ * 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,"sources":["../../../src/FormComposer/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"],"mappings":"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","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"],"file":"FormComposer.js"}

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,"sources":["../../../src/FormComposer/index.js"],"names":["default"],"mappings":"AAAA,SAASA,OAAT,QAAwB,gBAAxB","sourcesContent":["export { default } from \"./FormComposer\";\n"],"file":"index.js"}

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,"sources":["../../../src/FormComposer/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"],"mappings":"AAAA,IAAMA,MAAM,GAAG,SAATA,MAAS,CAACC,KAAD;AAAA,SAAY;AACzBC,IAAAA,IAAI,EAAE;AACJC,MAAAA,eAAe,EAAEF,KAAK,CAACG,EAAN,CAASC,OAAT,CAAiBC,UAAjB,CAA4BC;AADzC,KADmB;AAIzBC,IAAAA,aAAa,EAAE;AACbC,MAAAA,OAAO,EAAE,MADI;AAEbN,MAAAA,eAAe,EAAEF,KAAK,CAACG,EAAN,CAASC,OAAT,CAAiBC,UAAjB,CAA4BI;AAFhC,KAJU;AAQzBC,IAAAA,YAAY,EAAE;AACZC,MAAAA,QAAQ,EAAE,OADE;AAEZC,MAAAA,UAAU,YAAKZ,KAAK,CAACG,EAAN,CAASU,OAAT,CAAiBC,EAAtB;AAFE,KARW;AAYzBC,IAAAA,kBAAkB,EAAE;AAClBC,MAAAA,KAAK,EAAE,MADW;AAElBC,MAAAA,SAAS,EAAE,OAFO;AAGlBC,MAAAA,SAAS,EAAE,MAHO;AAIlBC,MAAAA,OAAO,YAAKnB,KAAK,CAACG,EAAN,CAASU,OAAT,CAAiBC,EAAtB;AAJW,KAZK;AAkBzBM,IAAAA,KAAK,EAAE;AACLD,MAAAA,OAAO,YAAKnB,KAAK,CAACG,EAAN,CAASU,OAAT,CAAiBQ,EAAtB;AADF,KAlBkB;AAqBzBC,IAAAA,MAAM,EAAE;AACNH,MAAAA,OAAO,YAAKnB,KAAK,CAACG,EAAN,CAASU,OAAT,CAAiBQ,EAAtB,OADD;AAENE,MAAAA,SAAS,EAAE;AAFL;AArBiB,GAAZ;AAAA,CAAf;;AA2BA,eAAexB,MAAf","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"],"file":"styles.js"}

package/dist/legacy/InlineEditor/InlineEditor.d.ts

@@ -0,0 +1,50 @@
+import * as React from "react";
+import { StandardProps } from "@material-ui/core";
+import {
+  HvBaseInputProps,
+  HvButtonProps,
+  HvTypographyKeys,
+  HvTypographyProps,
+} from "@hitachivantara/uikit-react-core";
+
+export type HvInlineEditorClassKey =
+  | "root"
+  | "input"
+  | "inputRoot"
+  | "inputBorderContainer"
+  | "text"
+  | "textEmpty"
+  | "button"
+  | "icon"
+  | "iconVisible"
+  | "largeText";
+
+export interface HvInlineEditorProps
+  extends StandardProps<HvBaseInputProps, HvInlineEditorClassKey, "onBlur"> {
+  /**
+   * Whether the Edit icon should always be visible
+   */
+  showIcon?: boolean;
+  /**
+   * Component to use as the input. The component "inherit" from `HvBaseInput` (such as `HvInput` or `HvTextArea`)
+   */
+  component?: React.ElementType;
+  /**
+   * Variant of the HvTypography to display
+   */
+  variant?: HvTypographyKeys;
+  /**
+   * Called when the input is blurred.
+   */
+  onBlur?: (event: React.FocusEvent<HTMLTextAreaElement | HTMLInputElement>, value: string) => void;
+  /**
+   * Props passed to the HvButton component
+   */
+  buttonProps?: HvButtonProps;
+  /**
+   * Props passed to the HvTypography text component
+   */
+  typographyProps?: HvTypographyProps;
+}
+
+export default function HvInlineEditor(props: HvInlineEditorProps): JSX.Element | null;

package/dist/legacy/InlineEditor/InlineEditor.js

@@ -0,0 +1,217 @@
+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.to-string.js";
+import "core-js/modules/es.object.get-own-property-descriptor.js";
+import "core-js/modules/web.dom-collections.for-each.js";
+import "core-js/modules/es.object.get-own-property-descriptors.js";
+import _extends from "@babel/runtime/helpers/esm/extends";
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
+import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+var _excluded = ["className", "classes", "value", "defaultValue", "showIcon", "component", "variant", "placeholder", "onBlur", "onChange", "onKeyDown", "buttonProps", "typographyProps"];
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+
+import React, { useLayoutEffect, useRef, useState } from "react";
+import PropTypes from "prop-types";
+import clsx from "clsx";
+import { withStyles, useTheme } from "@material-ui/core";
+import { HvButton, HvInput, HvTypography, isKeypress, KeyboardCodes, useControlled } from "@hitachivantara/uikit-react-core";
+import { Edit } from "@hitachivantara/uikit-react-icons";
+import styles from "./styles";
+/**
+ * An Inline Editor allows the user to edit a record without making a major switch
+ * between viewing and editing, making it an efficient method of updating a record.
+ */
+
+var HvInlineEditor = function HvInlineEditor(props) {
+  var className = props.className,
+      classes = props.classes,
+      valueProp = props.value,
+      defaultValue = props.defaultValue,
+      showIcon = props.showIcon,
+      _props$component = props.component,
+      InputComponent = _props$component === void 0 ? HvInput : _props$component,
+      _props$variant = props.variant,
+      variant = _props$variant === void 0 ? "normalText" : _props$variant,
+      _props$placeholder = props.placeholder,
+      placeholder = _props$placeholder === void 0 ? "Enter text" : _props$placeholder,
+      onBlur = props.onBlur,
+      onChange = props.onChange,
+      onKeyDown = props.onKeyDown,
+      buttonProps = props.buttonProps,
+      typographyProps = props.typographyProps,
+      others = _objectWithoutProperties(props, _excluded);
+
+  var _useControlled = useControlled(valueProp, defaultValue),
+      _useControlled2 = _slicedToArray(_useControlled, 2),
+      value = _useControlled2[0],
+      setValue = _useControlled2[1];
+
+  var _useState = useState(false),
+      _useState2 = _slicedToArray(_useState, 2),
+      editMode = _useState2[0],
+      setEditMode = _useState2[1];
+
+  var _useState3 = useState(value),
+      _useState4 = _slicedToArray(_useState3, 2),
+      cachedValue = _useState4[0],
+      setCachedValue = _useState4[1];
+
+  var inputRef = useRef();
+  var theme = useTheme();
+  var typographyStyles = theme.hv.typography[variant] || {};
+  var lineHeight = typographyStyles.lineHeight;
+  useLayoutEffect(function () {
+    var input = inputRef.current;
+
+    if (editMode && input) {
+      input.focus();
+      input.select();
+    }
+  }, [editMode]);
+
+  var handleClick = function handleClick() {
+    setEditMode(true);
+    setCachedValue(value);
+  };
+
+  var handleBlur = function handleBlur(event) {
+    setEditMode(false);
+    var newValue = value || cachedValue; // empty values should be ignored
+
+    setValue(newValue);
+    onBlur === null || onBlur === void 0 ? void 0 : onBlur(event, newValue);
+  };
+
+  var handleKeyDown = function handleKeyDown(event) {
+    if (isKeypress(event, KeyboardCodes.Esc)) {
+      setEditMode(false);
+      setValue(cachedValue);
+    }
+
+    onKeyDown === null || onKeyDown === void 0 ? void 0 : onKeyDown(event);
+  };
+
+  var handleChange = function handleChange(event, val) {
+    setValue(val);
+    onChange === null || onChange === void 0 ? void 0 : onChange(event, val);
+  };
+
+  return /*#__PURE__*/React.createElement("div", {
+    className: clsx(className, classes.root)
+  }, editMode ? /*#__PURE__*/React.createElement(InputComponent, _extends({
+    inputRef: inputRef,
+    classes: {
+      root: classes.inputRoot,
+      input: classes.input,
+      inputBorderContainer: classes.inputBorderContainer
+    },
+    inputProps: {
+      style: _objectSpread(_objectSpread({}, typographyStyles), {}, {
+        height: InputComponent === HvInput ? lineHeight : undefined
+      })
+    },
+    value: value,
+    onBlur: handleBlur,
+    onChange: handleChange,
+    onKeyDown: handleKeyDown
+  }, others)) : /*#__PURE__*/React.createElement(HvButton, _extends({
+    category: "ghost",
+    overrideIconColors: false,
+    className: clsx(classes.button, parseInt(lineHeight, 10) >= 28 && classes.largeText),
+    onClick: handleClick
+  }, buttonProps), /*#__PURE__*/React.createElement(HvTypography, _extends({
+    variant: variant,
+    className: clsx(classes.text, !value && classes.textEmpty)
+  }, typographyProps), value || placeholder), /*#__PURE__*/React.createElement(Edit, {
+    color: "atmo5",
+    role: "presentation",
+    className: clsx(classes.icon, showIcon && classes.iconVisible)
+  })));
+};
+
+HvInlineEditor.propTypes = {
+  /**
+   * Class names to be applied.
+   */
+  className: PropTypes.string,
+
+  /**
+   * A Jss Object used to override or extend the component styles applied.
+   */
+  classes: PropTypes.shape({
+    root: PropTypes.string,
+    input: PropTypes.string,
+    inputRoot: PropTypes.string,
+    inputBorderContainer: PropTypes.string,
+    text: PropTypes.string,
+    textEmpty: PropTypes.string,
+    button: PropTypes.string,
+    icon: PropTypes.string,
+    iconVisible: PropTypes.string,
+    largeText: PropTypes.string
+  }).isRequired,
+
+  /**
+   * The value of the input element, for controlled usage.
+   */
+  value: PropTypes.string,
+
+  /**
+   * The default value of the input element, for uncontrolled usage.
+   */
+  defaultValue: PropTypes.string,
+
+  /**
+   * Whether the Edit icon should always be visible
+   */
+  showIcon: PropTypes.bool,
+
+  /**
+   * Component to use as the input. The component "inherit" from `HvBaseInput` (such as `HvInput` or `HvTextArea`)
+   */
+  component: PropTypes.elementType,
+
+  /**
+   * Variant of the HvTypography to display
+   */
+  variant: PropTypes.string,
+
+  /**
+   * The placeholder value of the HvTypography.
+   */
+  placeholder: PropTypes.string,
+
+  /**
+   * Called when the input is blurred.
+   */
+  onBlur: PropTypes.func,
+
+  /**
+   * Called when the input value is changed.
+   */
+  onChange: PropTypes.func,
+
+  /**
+   * Called when a key is pressed on the input.
+   */
+  onKeyDown: PropTypes.func,
+
+  /**
+   * Props passed to the HvButton component
+   */
+  buttonProps: PropTypes.instanceOf(Object),
+
+  /**
+   * Props passed to the HvTypography text component
+   */
+  typographyProps: PropTypes.instanceOf(Object)
+};
+export default withStyles(styles, {
+  name: "HvInlineEditor"
+})(HvInlineEditor);
+//# sourceMappingURL=InlineEditor.js.map

package/dist/legacy/InlineEditor/InlineEditor.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/InlineEditor/InlineEditor.js"],"names":["React","useLayoutEffect","useRef","useState","PropTypes","clsx","withStyles","useTheme","HvButton","HvInput","HvTypography","isKeypress","KeyboardCodes","useControlled","Edit","styles","HvInlineEditor","props","className","classes","valueProp","value","defaultValue","showIcon","component","InputComponent","variant","placeholder","onBlur","onChange","onKeyDown","buttonProps","typographyProps","others","setValue","editMode","setEditMode","cachedValue","setCachedValue","inputRef","theme","typographyStyles","hv","typography","lineHeight","input","current","focus","select","handleClick","handleBlur","event","newValue","handleKeyDown","Esc","handleChange","val","root","inputRoot","inputBorderContainer","style","height","undefined","button","parseInt","largeText","text","textEmpty","icon","iconVisible","propTypes","string","shape","isRequired","bool","elementType","func","instanceOf","Object","name"],"mappings":"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","sourcesContent":["import React, { useLayoutEffect, useRef, useState } from \"react\";\nimport PropTypes from \"prop-types\";\nimport clsx from \"clsx\";\n\nimport { withStyles, useTheme } from \"@material-ui/core\";\nimport {\n  HvButton,\n  HvInput,\n  HvTypography,\n  isKeypress,\n  KeyboardCodes,\n  useControlled,\n} from \"@hitachivantara/uikit-react-core\";\nimport { Edit } from \"@hitachivantara/uikit-react-icons\";\n\nimport styles from \"./styles\";\n\n/**\n * An Inline Editor allows the user to edit a record without making a major switch\n * between viewing and editing, making it an efficient method of updating a record.\n */\nconst HvInlineEditor = (props) => {\n  const {\n    className,\n    classes,\n    value: valueProp,\n    defaultValue,\n    showIcon,\n    component: InputComponent = HvInput,\n    variant = \"normalText\",\n    placeholder = \"Enter text\",\n    onBlur,\n    onChange,\n    onKeyDown,\n    buttonProps,\n    typographyProps,\n    ...others\n  } = props;\n  const [value, setValue] = useControlled(valueProp, defaultValue);\n  const [editMode, setEditMode] = useState(false);\n  const [cachedValue, setCachedValue] = useState(value);\n  const inputRef = useRef();\n  const theme = useTheme();\n\n  const typographyStyles = theme.hv.typography[variant] || {};\n  const { lineHeight } = typographyStyles;\n\n  useLayoutEffect(() => {\n    const input = inputRef.current;\n    if (editMode && input) {\n      input.focus();\n      input.select();\n    }\n  }, [editMode]);\n\n  const handleClick = () => {\n    setEditMode(true);\n    setCachedValue(value);\n  };\n\n  const handleBlur = (event) => {\n    setEditMode(false);\n\n    const newValue = value || cachedValue; // empty values should be ignored\n    setValue(newValue);\n    onBlur?.(event, newValue);\n  };\n\n  const handleKeyDown = (event) => {\n    if (isKeypress(event, KeyboardCodes.Esc)) {\n      setEditMode(false);\n      setValue(cachedValue);\n    }\n    onKeyDown?.(event);\n  };\n\n  const handleChange = (event, val) => {\n    setValue(val);\n    onChange?.(event, val);\n  };\n\n  return (\n    <div className={clsx(className, classes.root)}>\n      {editMode ? (\n        <InputComponent\n          inputRef={inputRef}\n          classes={{\n            root: classes.inputRoot,\n            input: classes.input,\n            inputBorderContainer: classes.inputBorderContainer,\n          }}\n          inputProps={{\n            style: {\n              ...typographyStyles,\n              height: InputComponent === HvInput ? lineHeight : undefined,\n            },\n          }}\n          value={value}\n          onBlur={handleBlur}\n          onChange={handleChange}\n          onKeyDown={handleKeyDown}\n          {...others}\n        />\n      ) : (\n        <HvButton\n          category=\"ghost\"\n          overrideIconColors={false}\n          className={clsx(classes.button, {\n            [classes.largeText]: parseInt(lineHeight, 10) >= 28,\n          })}\n          onClick={handleClick}\n          {...buttonProps}\n        >\n          <HvTypography\n            variant={variant}\n            className={clsx(classes.text, { [classes.textEmpty]: !value })}\n            {...typographyProps}\n          >\n            {value || placeholder}\n          </HvTypography>\n          <Edit\n            color=\"atmo5\"\n            role=\"presentation\"\n            className={clsx(classes.icon, {\n              [classes.iconVisible]: showIcon,\n            })}\n          />\n        </HvButton>\n      )}\n    </div>\n  );\n};\n\nHvInlineEditor.propTypes = {\n  /**\n   * Class names to be applied.\n   */\n  className: PropTypes.string,\n  /**\n   * A Jss Object used to override or extend the component styles applied.\n   */\n  classes: PropTypes.shape({\n    root: PropTypes.string,\n    input: PropTypes.string,\n    inputRoot: PropTypes.string,\n    inputBorderContainer: PropTypes.string,\n    text: PropTypes.string,\n    textEmpty: PropTypes.string,\n    button: PropTypes.string,\n    icon: PropTypes.string,\n    iconVisible: PropTypes.string,\n    largeText: PropTypes.string,\n  }).isRequired,\n  /**\n   * The value of the input element, for controlled usage.\n   */\n  value: PropTypes.string,\n  /**\n   * The default value of the input element, for uncontrolled usage.\n   */\n  defaultValue: PropTypes.string,\n  /**\n   * Whether the Edit icon should always be visible\n   */\n  showIcon: PropTypes.bool,\n  /**\n   * Component to use as the input. The component \"inherit\" from `HvBaseInput` (such as `HvInput` or `HvTextArea`)\n   */\n  component: PropTypes.elementType,\n  /**\n   * Variant of the HvTypography to display\n   */\n  variant: PropTypes.string,\n  /**\n   * The placeholder value of the HvTypography.\n   */\n  placeholder: PropTypes.string,\n  /**\n   * Called when the input is blurred.\n   */\n  onBlur: PropTypes.func,\n  /**\n   * Called when the input value is changed.\n   */\n  onChange: PropTypes.func,\n  /**\n   * Called when a key is pressed on the input.\n   */\n  onKeyDown: PropTypes.func,\n  /**\n   * Props passed to the HvButton component\n   */\n  buttonProps: PropTypes.instanceOf(Object),\n  /**\n   * Props passed to the HvTypography text component\n   */\n  typographyProps: PropTypes.instanceOf(Object),\n};\n\nexport default withStyles(styles, { name: \"HvInlineEditor\" })(HvInlineEditor);\n"],"file":"InlineEditor.js"}

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

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

package/dist/legacy/InlineEditor/index.js

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

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

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

package/dist/legacy/InlineEditor/styles.js

@@ -0,0 +1,63 @@
+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.to-string.js";
+import "core-js/modules/es.object.get-own-property-descriptor.js";
+import "core-js/modules/web.dom-collections.for-each.js";
+import "core-js/modules/es.object.get-own-property-descriptors.js";
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+
+var truncateStyles = {
+  overflow: "hidden",
+  textOverflow: "ellipsis",
+  whiteSpace: "nowrap"
+};
+
+var styles = function styles(theme) {
+  return {
+    root: {},
+    inputRoot: {},
+    inputBorderContainer: {
+      top: "unset",
+      bottom: 0
+    },
+    input: {
+      padding: theme.hvSpacing("8px", 0)
+    },
+    text: _objectSpread({}, truncateStyles),
+    textEmpty: {
+      color: theme.hv.typography.placeholderText.color
+    },
+    button: {
+      cursor: "text",
+      height: "100%",
+      width: "100%",
+      maxWidth: "100%",
+      justifyContent: "flex-start",
+      backgroundColor: "transparent",
+      "&:hover, &:active, &:focus": {
+        backgroundColor: "transparent",
+        "& $icon": {
+          visibility: "visible"
+        }
+      }
+    },
+    icon: {
+      cursor: "pointer",
+      visibility: "hidden"
+    },
+    iconVisible: {
+      visibility: "visible"
+    },
+    largeText: {
+      margin: theme.hvSpacing("8px", 0)
+    }
+  };
+};
+
+export default styles;
+//# sourceMappingURL=styles.js.map