@hitachivantara/uikit-react-lab 4.0.2 → 4.0.4

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

@@ -1 +1 @@
-{"version":3,"file":"styles.js","names":["styles","theme","root","background","hv","palette","atmosphere","atmo1","display","alignItems","flexDirection","margin","paddingTop","paddingBottom","width","maxWidth","height","padding","fullscreenStyle","position","top","left","zIndex","closeButton","right","selectedImage","objectFit","textAlign","breakpoints","up","minHeight","xsMode","circles","justifyContent","xsCircles","transform","hidden","visibility","title","divCounter","paddingRight","bottom","counter","backgroundColor","base","base2","img","thumbnailSelected","thumbnailButton","miniCircle","borderRadius","atmo4","selectedCircle","atmo5","xsSelectedCircle","atmo3","lowButtons","imageContainer","marginTop","button","inputImage","stack","alignSelf","overflowX","normalButtons","panel","overflow"],"sources":["../../../src/ImageCarousel/styles.js"],"sourcesContent":["const styles = (theme) => ({\n  root: {\n    \"&:not(.xs)\": {\n      background: theme.hv.palette.atmosphere.atmo1,\n      display: \"flex\",\n      alignItems: \"center\",\n      flexDirection: \"column\",\n      margin: \"0px\",\n      paddingTop: \"15px\",\n      paddingBottom: \"15px\",\n    },\n    \"&:not(.nxs)\": {\n      width: \"100%\",\n      maxWidth: \"500px\",\n      height: \"200px\",\n      padding: \"0px\",\n    },\n  },\n  fullscreenStyle: {\n    width: \"100vw\",\n    height: \"100vh\",\n    position: \"fixed\",\n    padding: \"10px 150px 10px 150px\",\n    top: 0,\n    left: 0,\n    zIndex: 1300,\n  },\n  closeButton: {\n    position: \"absolute\",\n    right: \"25px\",\n  },\n  selectedImage: {\n    \"&:not(.contain)\": {\n      objectFit: \"cover\",\n    },\n    \"&:not(.cover)\": {\n      objectFit: \"contain\",\n    },\n    \"&:not(.xs)\": {\n      width: \"100%\",\n      textAlign: \"center\",\n      \"&:not(.fullscreen)\": {\n        [theme.breakpoints.up(\"xs\")]: {\n          height: \"150px\",\n          minHeight: \"150px\",\n        },\n        [theme.breakpoints.up(\"sm\")]: {\n          height: \"300px\",\n          minHeight: \"300px\",\n        },\n        [theme.breakpoints.up(\"lg\")]: {\n          height: \"450px\",\n          minHeight: \"450px\",\n        },\n      },\n      \"&:not(.notFullscreen)\": {\n        height: \"100%\",\n      },\n    },\n    \"&:not(.nxs)\": {\n      width: \"100%\",\n      textAlign: \"center\",\n    },\n  },\n  xsMode: {\n    width: \"min-content\",\n    height: \"min-content\",\n    margin: \"0px\",\n    textAlign: \"center\",\n  },\n  circles: {\n    display: \"flex\",\n    alignItems: \"center\",\n    justifyContent: \"center\",\n  },\n  xsCircles: {\n    display: \"flex\",\n    alignItems: \"center\",\n    justifyContent: \"center\",\n    position: \"relative\",\n    transform: \"translateY(-63px)\",\n  },\n  hidden: {\n    visibility: \"hidden\",\n  },\n  title: {\n    display: \"flex\",\n    alignItems: \"flex-start\",\n    width: \"100%\",\n    justifyContent: \"space-between\",\n  },\n  divCounter: {\n    width: \"100%\",\n    paddingTop: \"10px\",\n    paddingRight: \"15px\",\n    display: \"flex\",\n    justifyContent: \"flex-end\",\n    position: \"relative\",\n    bottom: \"102%\",\n    \"&:not(.nxs)\": {\n      right: \"5%\",\n      bottom: \"262px\",\n      padding: \"0px\",\n    },\n  },\n  counter: {\n    width: \"45px\",\n    backgroundColor: theme.hv.palette.base.base2,\n  },\n  img: {\n    width: \"100%\",\n    height: \"70px\",\n    [theme.breakpoints.up(\"lg\")]: {\n      height: \"75px\",\n    },\n    textAlign: \"center\",\n    objectFit: \"cover\",\n  },\n  thumbnailSelected: {\n    width: \"100%\",\n    height: \"70px\",\n    [theme.breakpoints.up(\"lg\")]: {\n      height: \"75px\",\n    },\n    textAlign: \"center\",\n    objectFit: \"cover\",\n    borderStyle: \"solid\",\n    borderColor: theme.hv.palette.base.base2,\n    opacity: \"50%\",\n  },\n  thumbnailButton: {\n    width: \"110px\",\n    height: \"70px\",\n    padding: \"0px 0px\",\n    [theme.breakpoints.up(\"lg\")]: {\n      width: \"120px\",\n      height: \"75px\",\n    },\n  },\n  miniCircle: {\n    width: \"5px\",\n    height: \"5px\",\n    borderRadius: \"50%\",\n    backgroundColor: theme.hv.palette.atmosphere.atmo4,\n    display: \"inline-block\",\n    margin: \"10px\",\n  },\n  selectedCircle: {\n    width: \"10px\",\n    height: \"10px\",\n    borderRadius: \"50%\",\n    backgroundColor: theme.hv.palette.atmosphere.atmo5,\n    display: \"inline-block\",\n    margin: \"10px\",\n  },\n  xsSelectedCircle: {\n    width: \"10px\",\n    height: \"10px\",\n    borderRadius: \"50%\",\n    backgroundColor: theme.hv.palette.atmosphere.atmo3,\n    display: \"inline-block\",\n    margin: \"10px\",\n  },\n  lowButtons: {\n    width: \"95%\",\n    display: \"inline-flex\",\n    justifyContent: \"space-between\",\n    position: \"relative\",\n    top: \"-50%\",\n    transform: \"translateY(-16px)\",\n    \"&:not(.nxs)\": {\n      width: \"90%\",\n      top: \"-99px\",\n    },\n  },\n  imageContainer: {\n    width: \"100%\",\n    marginTop: \"20px\",\n    margin: \"0px\",\n    textAlign: \"center\",\n    padding: \"0px\",\n    [theme.breakpoints.up(\"xs\")]: {\n      height: \"150px\",\n      minHeight: \"150px\",\n    },\n    [theme.breakpoints.up(\"sm\")]: {\n      height: \"300px\",\n      minHeight: \"300px\",\n    },\n    [theme.breakpoints.up(\"lg\")]: {\n      height: \"450px\",\n      minHeight: \"450px\",\n    },\n    \"&:not(.notFullscreen)\": {\n      height: \"85%\",\n      alignItems: \"center\",\n    },\n  },\n  button: {\n    backgroundColor: theme.hv.palette.atmosphere.atmo3,\n  },\n  inputImage: {\n    width: \"110px\",\n    height: \"70px\",\n    padding: \"0px 0px\",\n    [theme.breakpoints.up(\"lg\")]: {\n      width: \"120px\",\n      height: \"75px\",\n    },\n  },\n  stack: {\n    \"&:not(.xs)\": {\n      width: \"100%\",\n      display: \"flex\",\n      alignSelf: \"center\",\n      height: \"100%\",\n      padding: \"0px\",\n    },\n    \"&:not(.flag)\": {\n      overflowX: \"hidden\",\n    },\n    \"&:not(.nxs)\": {\n      height: \"200px\",\n      display: \"flex\",\n      padding: \"0px\",\n    },\n  },\n  normalButtons: {\n    padding: \"5px 0px\",\n  },\n  panel: {\n    display: \"flex\",\n    width: \"100%\",\n    overflow: \"hidden\",\n    padding: \"3px\",\n    height: \"75px\",\n  },\n});\n\nexport default styles;\n"],"mappings":"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"}
+{"version":3,"file":"styles.js","names":["styles","theme","root","background","hv","palette","atmosphere","atmo1","display","alignItems","flexDirection","margin","paddingTop","paddingBottom","width","maxWidth","height","padding","fullscreenStyle","position","top","left","zIndex","closeButton","right","selectedImage","objectFit","textAlign","breakpoints","up","minHeight","xsMode","circles","justifyContent","xsCircles","transform","hidden","visibility","title","divCounter","paddingRight","bottom","counter","backgroundColor","base","base2","img","thumbnailSelected","thumbnailButton","miniCircle","borderRadius","atmo4","selectedCircle","atmo5","xsSelectedCircle","atmo3","lowButtons","imageContainer","marginTop","button","inputImage","stack","alignSelf","overflowX","normalButtons","panel","overflow"],"sources":["../../../src/ImageCarousel/styles.js"],"sourcesContent":["const styles = (theme) => ({\n  root: {\n    \"&:not(.xs)\": {\n      background: theme.hv.palette.atmosphere.atmo1,\n      display: \"flex\",\n      alignItems: \"center\",\n      flexDirection: \"column\",\n      margin: \"0px\",\n      paddingTop: \"15px\",\n      paddingBottom: \"15px\",\n    },\n    \"&:not(.nxs)\": {\n      width: \"100%\",\n      maxWidth: \"500px\",\n      height: \"200px\",\n      padding: \"0px\",\n    },\n  },\n  fullscreenStyle: {\n    width: \"100vw\",\n    height: \"100vh\",\n    position: \"fixed\",\n    padding: \"10px 150px 10px 150px\",\n    top: 0,\n    left: 0,\n    zIndex: 1300,\n  },\n  closeButton: {\n    position: \"absolute\",\n    right: \"25px\",\n  },\n  selectedImage: {\n    \"&:not(.contain)\": {\n      objectFit: \"cover\",\n    },\n    \"&:not(.cover)\": {\n      objectFit: \"contain\",\n    },\n    \"&:not(.xs)\": {\n      width: \"100%\",\n      textAlign: \"center\",\n      \"&:not(.fullscreen)\": {\n        [theme.breakpoints.up(\"xs\")]: {\n          height: \"150px\",\n          minHeight: \"150px\",\n        },\n        [theme.breakpoints.up(\"sm\")]: {\n          height: \"300px\",\n          minHeight: \"300px\",\n        },\n        [theme.breakpoints.up(\"lg\")]: {\n          height: \"450px\",\n          minHeight: \"450px\",\n        },\n      },\n      \"&:not(.notFullscreen)\": {\n        height: \"100%\",\n      },\n    },\n    \"&:not(.nxs)\": {\n      width: \"100%\",\n      textAlign: \"center\",\n    },\n  },\n  xsMode: {\n    width: \"min-content\",\n    height: \"min-content\",\n    margin: \"0px\",\n    textAlign: \"center\",\n  },\n  circles: {\n    display: \"flex\",\n    alignItems: \"center\",\n    justifyContent: \"center\",\n  },\n  xsCircles: {\n    display: \"flex\",\n    alignItems: \"center\",\n    justifyContent: \"center\",\n    position: \"relative\",\n    transform: \"translateY(-63px)\",\n  },\n  hidden: {\n    visibility: \"hidden\",\n  },\n  title: {\n    display: \"flex\",\n    alignItems: \"flex-start\",\n    width: \"100%\",\n    justifyContent: \"space-between\",\n  },\n  divCounter: {\n    width: \"100%\",\n    paddingTop: \"10px\",\n    paddingRight: \"15px\",\n    display: \"flex\",\n    justifyContent: \"flex-end\",\n    position: \"relative\",\n    bottom: \"102%\",\n    \"&:not(.nxs)\": {\n      right: \"5%\",\n      bottom: \"262px\",\n      padding: \"0px\",\n    },\n  },\n  counter: {\n    width: \"45px\",\n    backgroundColor: theme.hv.palette.base.base2,\n  },\n  img: {\n    width: \"100%\",\n    height: \"70px\",\n    [theme.breakpoints.up(\"lg\")]: {\n      height: \"75px\",\n    },\n    textAlign: \"center\",\n    objectFit: \"cover\",\n  },\n  thumbnailSelected: {\n    width: \"100%\",\n    height: \"70px\",\n    [theme.breakpoints.up(\"lg\")]: {\n      height: \"75px\",\n    },\n    textAlign: \"center\",\n    objectFit: \"cover\",\n    borderStyle: \"solid\",\n    borderColor: theme.hv.palette.base.base2,\n    opacity: \"50%\",\n  },\n  thumbnailButton: {\n    width: \"110px\",\n    height: \"70px\",\n    padding: \"0px 0px\",\n    [theme.breakpoints.up(\"lg\")]: {\n      width: \"120px\",\n      height: \"75px\",\n    },\n  },\n  miniCircle: {\n    width: \"5px\",\n    height: \"5px\",\n    borderRadius: \"50%\",\n    backgroundColor: theme.hv.palette.atmosphere.atmo4,\n    display: \"inline-block\",\n    margin: \"10px\",\n  },\n  selectedCircle: {\n    width: \"10px\",\n    height: \"10px\",\n    borderRadius: \"50%\",\n    backgroundColor: theme.hv.palette.atmosphere.atmo5,\n    display: \"inline-block\",\n    margin: \"10px\",\n  },\n  xsSelectedCircle: {\n    width: \"10px\",\n    height: \"10px\",\n    borderRadius: \"50%\",\n    backgroundColor: theme.hv.palette.atmosphere.atmo3,\n    display: \"inline-block\",\n    margin: \"10px\",\n  },\n  lowButtons: {\n    width: \"95%\",\n    display: \"inline-flex\",\n    justifyContent: \"space-between\",\n    position: \"relative\",\n    top: \"-50%\",\n    transform: \"translateY(-16px)\",\n    \"&:not(.nxs)\": {\n      width: \"90%\",\n      top: \"-99px\",\n    },\n  },\n  imageContainer: {\n    width: \"100%\",\n    marginTop: \"20px\",\n    margin: \"0px\",\n    textAlign: \"center\",\n    padding: \"0px\",\n    [theme.breakpoints.up(\"xs\")]: {\n      height: \"150px\",\n      minHeight: \"150px\",\n    },\n    [theme.breakpoints.up(\"sm\")]: {\n      height: \"300px\",\n      minHeight: \"300px\",\n    },\n    [theme.breakpoints.up(\"lg\")]: {\n      height: \"450px\",\n      minHeight: \"450px\",\n    },\n    \"&:not(.notFullscreen)\": {\n      height: \"85%\",\n      alignItems: \"center\",\n    },\n  },\n  button: {\n    backgroundColor: theme.hv.palette.atmosphere.atmo3,\n  },\n  inputImage: {\n    width: \"110px\",\n    height: \"70px\",\n    padding: \"0px 0px\",\n    [theme.breakpoints.up(\"lg\")]: {\n      width: \"120px\",\n      height: \"75px\",\n    },\n  },\n  stack: {\n    \"&:not(.xs)\": {\n      width: \"100%\",\n      display: \"flex\",\n      alignSelf: \"center\",\n      height: \"100%\",\n      padding: \"0px\",\n    },\n    \"&:not(.flag)\": {\n      overflowX: \"hidden\",\n    },\n    \"&:not(.nxs)\": {\n      height: \"200px\",\n      display: \"flex\",\n      padding: \"0px\",\n    },\n  },\n  normalButtons: {\n    padding: \"5px 0px\",\n  },\n  panel: {\n    display: \"flex\",\n    width: \"100%\",\n    overflow: \"hidden\",\n    padding: \"3px\",\n    height: \"75px\",\n  },\n});\n\nexport default styles;\n"],"mappings":"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"}

package/dist/legacy/InlineEditor/InlineEditor.js

@@ -9,11 +9,8 @@ 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); 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 React, { useLayoutEffect, useRef, useState } from "react";
 import PropTypes from "prop-types";
 import clsx from "clsx";
@@ -21,88 +18,75 @@ import { withStyles, useTheme } from "@mui/styles";
 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.
  */
-
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
-
 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);
-
+    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];
-
+    _useControlled2 = _slicedToArray(_useControlled, 2),
+    value = _useControlled2[0],
+    setValue = _useControlled2[1];
   var _useState = useState(false),
-      _useState2 = _slicedToArray(_useState, 2),
-      editMode = _useState2[0],
-      setEditMode = _useState2[1];
-
+    _useState2 = _slicedToArray(_useState, 2),
+    editMode = _useState2[0],
+    setEditMode = _useState2[1];
   var _useState3 = useState(value),
-      _useState4 = _slicedToArray(_useState3, 2),
-      cachedValue = _useState4[0],
-      setCachedValue = _useState4[1];
-
+    _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__*/_jsx("div", {
     className: clsx(className, classes.root),
     children: editMode ? /*#__PURE__*/_jsx(InputComponent, _objectSpread({
@@ -140,13 +124,11 @@ var HvInlineEditor = function HvInlineEditor(props) {
     }))
   });
 };
-
 process.env.NODE_ENV !== "production" ? HvInlineEditor.propTypes = {
   /**
    * Class names to be applied.
    */
   className: PropTypes.string,
-
   /**
    * A Jss Object used to override or extend the component styles applied.
    */
@@ -162,57 +144,46 @@ process.env.NODE_ENV !== "production" ? HvInlineEditor.propTypes = {
     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
    */

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

@@ -1 +1 @@
-{"version":3,"file":"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"],"sources":["../../../src/InlineEditor/InlineEditor.js"],"sourcesContent":["import React, { useLayoutEffect, useRef, useState } from \"react\";\nimport PropTypes from \"prop-types\";\nimport clsx from \"clsx\";\nimport { withStyles, useTheme } from \"@mui/styles\";\n\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"],"mappings":"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"}
+{"version":3,"file":"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"],"sources":["../../../src/InlineEditor/InlineEditor.js"],"sourcesContent":["import React, { useLayoutEffect, useRef, useState } from \"react\";\nimport PropTypes from \"prop-types\";\nimport clsx from \"clsx\";\nimport { withStyles, useTheme } from \"@mui/styles\";\n\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"],"mappings":"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"}

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

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

package/dist/legacy/InlineEditor/styles.js

@@ -6,17 +6,13 @@ 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); 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; }
-
 var truncateStyles = {
   overflow: "hidden",
   textOverflow: "ellipsis",
   whiteSpace: "nowrap"
 };
-
 var styles = function styles(theme) {
   return {
     root: {},
@@ -58,6 +54,5 @@ var styles = function styles(theme) {
     }
   };
 };
-
 export default styles;
 //# sourceMappingURL=styles.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"styles.js","names":["truncateStyles","overflow","textOverflow","whiteSpace","styles","theme","root","inputRoot","inputBorderContainer","top","bottom","input","padding","hvSpacing","text","textEmpty","color","hv","typography","placeholderText","button","cursor","height","width","maxWidth","justifyContent","backgroundColor","visibility","icon","iconVisible","largeText","margin"],"sources":["../../../src/InlineEditor/styles.js"],"sourcesContent":["const truncateStyles = {\n  overflow: \"hidden\",\n  textOverflow: \"ellipsis\",\n  whiteSpace: \"nowrap\",\n};\n\nconst styles = (theme) => ({\n  root: {},\n  inputRoot: {},\n  inputBorderContainer: {\n    top: \"unset\",\n    bottom: 0,\n  },\n  input: {\n    padding: theme.hvSpacing(\"8px\", 0),\n  },\n  text: {\n    ...truncateStyles,\n  },\n  textEmpty: {\n    color: theme.hv.typography.placeholderText.color,\n  },\n  button: {\n    cursor: \"text\",\n    height: \"100%\",\n    width: \"100%\",\n    maxWidth: \"100%\",\n    justifyContent: \"flex-start\",\n\n    backgroundColor: \"transparent\",\n    \"&:hover, &:active, &:focus\": {\n      backgroundColor: \"transparent\",\n      \"& $icon\": {\n        visibility: \"visible\",\n      },\n    },\n  },\n  icon: {\n    cursor: \"pointer\",\n    visibility: \"hidden\",\n  },\n  iconVisible: {\n    visibility: \"visible\",\n  },\n  largeText: {\n    margin: theme.hvSpacing(\"8px\", 0),\n  },\n});\n\nexport default styles;\n"],"mappings":";;;;;;;;;;;;;AAAA,IAAMA,cAAc,GAAG;EACrBC,QAAQ,EAAE,QADW;EAErBC,YAAY,EAAE,UAFO;EAGrBC,UAAU,EAAE;AAHS,CAAvB;;AAMA,IAAMC,MAAM,GAAG,SAATA,MAAS,CAACC,KAAD;EAAA,OAAY;IACzBC,IAAI,EAAE,EADmB;IAEzBC,SAAS,EAAE,EAFc;IAGzBC,oBAAoB,EAAE;MACpBC,GAAG,EAAE,OADe;MAEpBC,MAAM,EAAE;IAFY,CAHG;IAOzBC,KAAK,EAAE;MACLC,OAAO,EAAEP,KAAK,CAACQ,SAAN,CAAgB,KAAhB,EAAuB,CAAvB;IADJ,CAPkB;IAUzBC,IAAI,oBACCd,cADD,CAVqB;IAazBe,SAAS,EAAE;MACTC,KAAK,EAAEX,KAAK,CAACY,EAAN,CAASC,UAAT,CAAoBC,eAApB,CAAoCH;IADlC,CAbc;IAgBzBI,MAAM,EAAE;MACNC,MAAM,EAAE,MADF;MAENC,MAAM,EAAE,MAFF;MAGNC,KAAK,EAAE,MAHD;MAINC,QAAQ,EAAE,MAJJ;MAKNC,cAAc,EAAE,YALV;MAONC,eAAe,EAAE,aAPX;MAQN,8BAA8B;QAC5BA,eAAe,EAAE,aADW;QAE5B,WAAW;UACTC,UAAU,EAAE;QADH;MAFiB;IARxB,CAhBiB;IA+BzBC,IAAI,EAAE;MACJP,MAAM,EAAE,SADJ;MAEJM,UAAU,EAAE;IAFR,CA/BmB;IAmCzBE,WAAW,EAAE;MACXF,UAAU,EAAE;IADD,CAnCY;IAsCzBG,SAAS,EAAE;MACTC,MAAM,EAAE1B,KAAK,CAACQ,SAAN,CAAgB,KAAhB,EAAuB,CAAvB;IADC;EAtCc,CAAZ;AAAA,CAAf;;AA2CA,eAAeT,MAAf"}
+{"version":3,"file":"styles.js","names":["truncateStyles","overflow","textOverflow","whiteSpace","styles","theme","root","inputRoot","inputBorderContainer","top","bottom","input","padding","hvSpacing","text","textEmpty","color","hv","typography","placeholderText","button","cursor","height","width","maxWidth","justifyContent","backgroundColor","visibility","icon","iconVisible","largeText","margin"],"sources":["../../../src/InlineEditor/styles.js"],"sourcesContent":["const truncateStyles = {\n  overflow: \"hidden\",\n  textOverflow: \"ellipsis\",\n  whiteSpace: \"nowrap\",\n};\n\nconst styles = (theme) => ({\n  root: {},\n  inputRoot: {},\n  inputBorderContainer: {\n    top: \"unset\",\n    bottom: 0,\n  },\n  input: {\n    padding: theme.hvSpacing(\"8px\", 0),\n  },\n  text: {\n    ...truncateStyles,\n  },\n  textEmpty: {\n    color: theme.hv.typography.placeholderText.color,\n  },\n  button: {\n    cursor: \"text\",\n    height: \"100%\",\n    width: \"100%\",\n    maxWidth: \"100%\",\n    justifyContent: \"flex-start\",\n\n    backgroundColor: \"transparent\",\n    \"&:hover, &:active, &:focus\": {\n      backgroundColor: \"transparent\",\n      \"& $icon\": {\n        visibility: \"visible\",\n      },\n    },\n  },\n  icon: {\n    cursor: \"pointer\",\n    visibility: \"hidden\",\n  },\n  iconVisible: {\n    visibility: \"visible\",\n  },\n  largeText: {\n    margin: theme.hvSpacing(\"8px\", 0),\n  },\n});\n\nexport default styles;\n"],"mappings":";;;;;;;;;;AAAA,IAAMA,cAAc,GAAG;EACrBC,QAAQ,EAAE,QAAQ;EAClBC,YAAY,EAAE,UAAU;EACxBC,UAAU,EAAE;AACd,CAAC;AAED,IAAMC,MAAM,GAAG,SAATA,MAAM,CAAIC,KAAK;EAAA,OAAM;IACzBC,IAAI,EAAE,CAAC,CAAC;IACRC,SAAS,EAAE,CAAC,CAAC;IACbC,oBAAoB,EAAE;MACpBC,GAAG,EAAE,OAAO;MACZC,MAAM,EAAE;IACV,CAAC;IACDC,KAAK,EAAE;MACLC,OAAO,EAAEP,KAAK,CAACQ,SAAS,CAAC,KAAK,EAAE,CAAC;IACnC,CAAC;IACDC,IAAI,oBACCd,cAAc,CAClB;IACDe,SAAS,EAAE;MACTC,KAAK,EAAEX,KAAK,CAACY,EAAE,CAACC,UAAU,CAACC,eAAe,CAACH;IAC7C,CAAC;IACDI,MAAM,EAAE;MACNC,MAAM,EAAE,MAAM;MACdC,MAAM,EAAE,MAAM;MACdC,KAAK,EAAE,MAAM;MACbC,QAAQ,EAAE,MAAM;MAChBC,cAAc,EAAE,YAAY;MAE5BC,eAAe,EAAE,aAAa;MAC9B,4BAA4B,EAAE;QAC5BA,eAAe,EAAE,aAAa;QAC9B,SAAS,EAAE;UACTC,UAAU,EAAE;QACd;MACF;IACF,CAAC;IACDC,IAAI,EAAE;MACJP,MAAM,EAAE,SAAS;MACjBM,UAAU,EAAE;IACd,CAAC;IACDE,WAAW,EAAE;MACXF,UAAU,EAAE;IACd,CAAC;IACDG,SAAS,EAAE;MACTC,MAAM,EAAE1B,KAAK,CAACQ,SAAS,CAAC,KAAK,EAAE,CAAC;IAClC;EACF,CAAC;AAAA,CAAC;AAEF,eAAeT,MAAM"}