@hitachivantara/uikit-react-core 4.0.3 → 4.0.4

package/dist/Forms/Adornment/Adornment.js

@@ -1,69 +1,41 @@
 "use strict";
 
 require("core-js/modules/es.object.keys.js");
-
 require("core-js/modules/es.symbol.js");
-
 require("core-js/modules/es.array.filter.js");
-
 require("core-js/modules/es.object.to-string.js");
-
 require("core-js/modules/es.object.get-own-property-descriptor.js");
-
 require("core-js/modules/web.dom-collections.for-each.js");
-
 require("core-js/modules/es.object.get-own-property-descriptors.js");
-
 require("core-js/modules/es.array.iterator.js");
-
 require("core-js/modules/es.string.iterator.js");
-
 require("core-js/modules/es.weak-map.js");
-
 require("core-js/modules/web.dom-collections.iterator.js");
-
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 var _typeof = require("@babel/runtime/helpers/typeof");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _clsx = _interopRequireDefault(require("clsx"));
-
 var _styles = require("@mui/styles");
-
 var _FormElement = require("../FormElement");
-
 var _styles2 = _interopRequireDefault(require("./styles"));
-
 var _jsxRuntime = require("react/jsx-runtime");
-
 var _excluded = ["id", "classes", "className", "icon", "showWhen", "onClick", "isVisible"];
-
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
 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) { (0, _defineProperty2.default)(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 preventDefault = function preventDefault(event) {
   return event.preventDefault();
 };
-
 var noop = function noop() {};
+
 /**
  * Allows to add a decorative icon or an action to a form element, usually on the right side of an input.
  * E.g., the reveal password button.
@@ -75,29 +47,23 @@ var noop = function noop() {};
  * As such, its functionality, if any, for accessibility purposes must be provided through an alternative mean,
  * or by using a regular icon button or toggle button instead.
  */
-
-
 var HvAdornment = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
   var _input$;
-
   var id = props.id,
-      classes = props.classes,
-      className = props.className,
-      icon = props.icon,
-      _props$showWhen = props.showWhen,
-      showWhen = _props$showWhen === void 0 ? "" : _props$showWhen,
-      onClick = props.onClick,
-      _props$isVisible = props.isVisible,
-      isVisible = _props$isVisible === void 0 ? undefined : _props$isVisible,
-      others = (0, _objectWithoutProperties2.default)(props, _excluded);
-
+    classes = props.classes,
+    className = props.className,
+    icon = props.icon,
+    _props$showWhen = props.showWhen,
+    showWhen = _props$showWhen === void 0 ? "" : _props$showWhen,
+    onClick = props.onClick,
+    _props$isVisible = props.isVisible,
+    isVisible = _props$isVisible === void 0 ? undefined : _props$isVisible,
+    others = (0, _objectWithoutProperties2.default)(props, _excluded);
   var _useContext = (0, _react.useContext)(_FormElement.HvFormElementContext),
-      _useContext$elementSt = _useContext.elementStatus,
-      elementStatus = _useContext$elementSt === void 0 ? "" : _useContext$elementSt;
-
+    _useContext$elementSt = _useContext.elementStatus,
+    elementStatus = _useContext$elementSt === void 0 ? "" : _useContext$elementSt;
   var _useContext2 = (0, _react.useContext)(_FormElement.HvFormElementDescriptorsContext),
-      input = _useContext2.input;
-
+    input = _useContext2.input;
   var displayIcon = isVisible !== null && isVisible !== void 0 ? isVisible : showWhen === "" || elementStatus === showWhen;
   var isClickable = !!onClick;
   return isClickable ? /*#__PURE__*/(0, _jsxRuntime.jsx)("button", _objectSpread(_objectSpread({
@@ -127,18 +93,15 @@ var HvAdornment = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
     })
   }));
 });
-
 process.env.NODE_ENV !== "production" ? HvAdornment.propTypes = {
   /**
    * Id to be applied to the root node.
    */
   id: _propTypes.default.string,
-
   /**
    * Class names to be applied.
    */
   className: _propTypes.default.string,
-
   /**
    * A Jss Object used to override or extend the component styles applied.
    */
@@ -147,62 +110,50 @@ process.env.NODE_ENV !== "production" ? HvAdornment.propTypes = {
      * Styles applied to the root container of the input.
      */
     root: _propTypes.default.string,
-
     /**
      * Styles applied to all adornments
      */
     adornment: _propTypes.default.string,
-
     /**
      * Styles applied to the adornment when acting as a button.
      */
     adornmentIcon: _propTypes.default.string,
-
     /**
      * Styles applied to the adornment when acting as a button.
      */
     adornmentButton: _propTypes.default.string,
-
     /**
      * Styles applied to icon on action.
      */
     iconAction: _propTypes.default.string,
-
     /**
      * Styles applied to the icon.
      */
     icon: _propTypes.default.string,
-
     /**
      * Styles applied to the icon when it's supposed to be hidden.
      */
     hideIcon: _propTypes.default.string
   }),
-
   /**
    * The icon to be added into the input.
    */
   icon: _propTypes.default.node.isRequired,
-
   /**
    * When the adornment should be displayed.
    */
   showWhen: _propTypes.default.oneOf(["standBy", "valid", "invalid"]),
-
   /**
    * Function to be executed when this element is clicked.
    */
   onClick: _propTypes.default.func,
-
   /**
    * If this property is defined the adornment visibility will be exclusively controlled by this value.
    */
   isVisible: _propTypes.default.bool
 } : void 0;
-
 var _default = (0, _styles.withStyles)(_styles2.default, {
   name: "HvAdornment"
 })(HvAdornment);
-
 exports.default = _default;
 //# sourceMappingURL=Adornment.js.map

package/dist/Forms/Adornment/Adornment.js.map

@@ -1 +1 @@
-{"version":3,"file":"Adornment.js","names":["preventDefault","event","noop","HvAdornment","React","forwardRef","props","ref","id","classes","className","icon","showWhen","onClick","isVisible","undefined","others","useContext","HvFormElementContext","elementStatus","HvFormElementDescriptorsContext","input","displayIcon","isClickable","clsx","root","adornment","adornmentButton","hideIcon","adornmentIcon","propTypes","PropTypes","string","shape","iconAction","node","isRequired","oneOf","func","bool","withStyles","styles","name"],"sources":["../../../src/Forms/Adornment/Adornment.js"],"sourcesContent":["import React, { useContext } from \"react\";\nimport PropTypes from \"prop-types\";\nimport clsx from \"clsx\";\nimport { withStyles } from \"@mui/styles\";\nimport { HvFormElementContext, HvFormElementDescriptorsContext } from \"../FormElement\";\nimport styles from \"./styles\";\n\nconst preventDefault = (event) => event.preventDefault();\nconst noop = () => {};\n\n/**\n * Allows to add a decorative icon or an action to a form element, usually on the right side of an input.\n * E.g., the reveal password button.\n *\n * In addition to the showWhen feature, which uses the form element's context validation state to determine\n * its visibility, this component also ensures that it does not steal focus from the input and that it is\n * not accessible using the keyboard.\n *\n * As such, its functionality, if any, for accessibility purposes must be provided through an alternative mean,\n * or by using a regular icon button or toggle button instead.\n */\nconst HvAdornment = React.forwardRef((props, ref) => {\n  const {\n    id,\n    classes,\n    className,\n    icon,\n    showWhen = \"\",\n    onClick,\n    isVisible = undefined,\n    ...others\n  } = props;\n\n  const { elementStatus = \"\" } = useContext(HvFormElementContext);\n\n  const { input } = useContext(HvFormElementDescriptorsContext);\n\n  const displayIcon = isVisible ?? (showWhen === \"\" || elementStatus === showWhen);\n\n  const isClickable = !!onClick;\n\n  return isClickable ? (\n    <button\n      id={id}\n      ref={ref}\n      type=\"button\"\n      tabIndex={-1}\n      aria-controls={input?.[0]?.id}\n      className={clsx(className, classes.root, classes.adornment, classes.adornmentButton, {\n        [classes.hideIcon]: !displayIcon,\n      })}\n      onClick={onClick}\n      onMouseDown={preventDefault}\n      onKeyDown={noop}\n      {...others}\n    >\n      <div className={classes.icon}>{icon}</div>\n    </button>\n  ) : (\n    <div\n      id={id}\n      ref={ref}\n      className={clsx(className, classes.root, classes.adornment, classes.adornmentIcon, {\n        [classes.hideIcon]: !displayIcon,\n      })}\n      role=\"presentation\"\n      {...others}\n    >\n      <div className={classes.icon}>{icon}</div>\n    </div>\n  );\n});\n\nHvAdornment.propTypes = {\n  /**\n   * Id to be applied to the root node.\n   */\n  id: PropTypes.string,\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    /**\n     * Styles applied to the root container of the input.\n     */\n    root: PropTypes.string,\n    /**\n     * Styles applied to all adornments\n     */\n    adornment: PropTypes.string,\n    /**\n     * Styles applied to the adornment when acting as a button.\n     */\n    adornmentIcon: PropTypes.string,\n    /**\n     * Styles applied to the adornment when acting as a button.\n     */\n    adornmentButton: PropTypes.string,\n    /**\n     * Styles applied to icon on action.\n     */\n    iconAction: PropTypes.string,\n    /**\n     * Styles applied to the icon.\n     */\n    icon: PropTypes.string,\n    /**\n     * Styles applied to the icon when it's supposed to be hidden.\n     */\n    hideIcon: PropTypes.string,\n  }),\n  /**\n   * The icon to be added into the input.\n   */\n  icon: PropTypes.node.isRequired,\n  /**\n   * When the adornment should be displayed.\n   */\n  showWhen: PropTypes.oneOf([\"standBy\", \"valid\", \"invalid\"]),\n  /**\n   * Function to be executed when this element is clicked.\n   */\n  onClick: PropTypes.func,\n  /**\n   * If this property is defined the adornment visibility will be exclusively controlled by this value.\n   */\n  isVisible: PropTypes.bool,\n};\n\nexport default withStyles(styles, { name: \"HvAdornment\" })(HvAdornment);\n"],"mappings":"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"}
+{"version":3,"file":"Adornment.js","names":["preventDefault","event","noop","HvAdornment","React","forwardRef","props","ref","id","classes","className","icon","showWhen","onClick","isVisible","undefined","others","useContext","HvFormElementContext","elementStatus","HvFormElementDescriptorsContext","input","displayIcon","isClickable","clsx","root","adornment","adornmentButton","hideIcon","adornmentIcon","propTypes","PropTypes","string","shape","iconAction","node","isRequired","oneOf","func","bool","withStyles","styles","name"],"sources":["../../../src/Forms/Adornment/Adornment.js"],"sourcesContent":["import React, { useContext } from \"react\";\nimport PropTypes from \"prop-types\";\nimport clsx from \"clsx\";\nimport { withStyles } from \"@mui/styles\";\nimport { HvFormElementContext, HvFormElementDescriptorsContext } from \"../FormElement\";\nimport styles from \"./styles\";\n\nconst preventDefault = (event) => event.preventDefault();\nconst noop = () => {};\n\n/**\n * Allows to add a decorative icon or an action to a form element, usually on the right side of an input.\n * E.g., the reveal password button.\n *\n * In addition to the showWhen feature, which uses the form element's context validation state to determine\n * its visibility, this component also ensures that it does not steal focus from the input and that it is\n * not accessible using the keyboard.\n *\n * As such, its functionality, if any, for accessibility purposes must be provided through an alternative mean,\n * or by using a regular icon button or toggle button instead.\n */\nconst HvAdornment = React.forwardRef((props, ref) => {\n  const {\n    id,\n    classes,\n    className,\n    icon,\n    showWhen = \"\",\n    onClick,\n    isVisible = undefined,\n    ...others\n  } = props;\n\n  const { elementStatus = \"\" } = useContext(HvFormElementContext);\n\n  const { input } = useContext(HvFormElementDescriptorsContext);\n\n  const displayIcon = isVisible ?? (showWhen === \"\" || elementStatus === showWhen);\n\n  const isClickable = !!onClick;\n\n  return isClickable ? (\n    <button\n      id={id}\n      ref={ref}\n      type=\"button\"\n      tabIndex={-1}\n      aria-controls={input?.[0]?.id}\n      className={clsx(className, classes.root, classes.adornment, classes.adornmentButton, {\n        [classes.hideIcon]: !displayIcon,\n      })}\n      onClick={onClick}\n      onMouseDown={preventDefault}\n      onKeyDown={noop}\n      {...others}\n    >\n      <div className={classes.icon}>{icon}</div>\n    </button>\n  ) : (\n    <div\n      id={id}\n      ref={ref}\n      className={clsx(className, classes.root, classes.adornment, classes.adornmentIcon, {\n        [classes.hideIcon]: !displayIcon,\n      })}\n      role=\"presentation\"\n      {...others}\n    >\n      <div className={classes.icon}>{icon}</div>\n    </div>\n  );\n});\n\nHvAdornment.propTypes = {\n  /**\n   * Id to be applied to the root node.\n   */\n  id: PropTypes.string,\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    /**\n     * Styles applied to the root container of the input.\n     */\n    root: PropTypes.string,\n    /**\n     * Styles applied to all adornments\n     */\n    adornment: PropTypes.string,\n    /**\n     * Styles applied to the adornment when acting as a button.\n     */\n    adornmentIcon: PropTypes.string,\n    /**\n     * Styles applied to the adornment when acting as a button.\n     */\n    adornmentButton: PropTypes.string,\n    /**\n     * Styles applied to icon on action.\n     */\n    iconAction: PropTypes.string,\n    /**\n     * Styles applied to the icon.\n     */\n    icon: PropTypes.string,\n    /**\n     * Styles applied to the icon when it's supposed to be hidden.\n     */\n    hideIcon: PropTypes.string,\n  }),\n  /**\n   * The icon to be added into the input.\n   */\n  icon: PropTypes.node.isRequired,\n  /**\n   * When the adornment should be displayed.\n   */\n  showWhen: PropTypes.oneOf([\"standBy\", \"valid\", \"invalid\"]),\n  /**\n   * Function to be executed when this element is clicked.\n   */\n  onClick: PropTypes.func,\n  /**\n   * If this property is defined the adornment visibility will be exclusively controlled by this value.\n   */\n  isVisible: PropTypes.bool,\n};\n\nexport default withStyles(styles, { name: \"HvAdornment\" })(HvAdornment);\n"],"mappings":"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"}

package/dist/Forms/Adornment/index.js

@@ -1,7 +1,6 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -11,6 +10,5 @@ Object.defineProperty(exports, "default", {
     return _Adornment.default;
   }
 });
-
 var _Adornment = _interopRequireDefault(require("./Adornment"));
 //# sourceMappingURL=index.js.map

package/dist/Forms/Adornment/index.js.map

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

package/dist/Forms/Adornment/styles.js

@@ -1,34 +1,21 @@
 "use strict";
 
 require("core-js/modules/es.object.keys.js");
-
 require("core-js/modules/es.symbol.js");
-
 require("core-js/modules/es.array.filter.js");
-
 require("core-js/modules/es.object.to-string.js");
-
 require("core-js/modules/es.object.get-own-property-descriptor.js");
-
 require("core-js/modules/web.dom-collections.for-each.js");
-
 require("core-js/modules/es.object.get-own-property-descriptors.js");
-
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
 var _styles = require("../../Focus/styles");
-
 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) { (0, _defineProperty2.default)(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 styles = {
   root: {},
   icon: {

package/dist/Forms/Adornment/styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"styles.js","names":["styles","root","icon","width","height","adornment","backgroundColor","border","padding","margin","cursor","adornmentButton","outlineStyles","adornmentIcon","pointerEvents","hideIcon","display"],"sources":["../../../src/Forms/Adornment/styles.js"],"sourcesContent":["import { outlineStyles } from \"../../Focus/styles\";\n\nconst styles = {\n  root: {},\n  icon: {\n    width: 32,\n    height: 32,\n  },\n  adornment: {\n    backgroundColor: \"transparent\",\n    border: \"none\",\n    padding: 0,\n    margin: 0,\n    cursor: \"pointer\",\n  },\n  adornmentButton: {\n    cursor: \"pointer\",\n    \"&:focus\": {\n      ...outlineStyles,\n    },\n  },\n  adornmentIcon: {\n    cursor: \"default\",\n    pointerEvents: \"none\",\n  },\n  hideIcon: {\n    display: \"none\",\n  },\n};\n\nexport default styles;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;;;;;AAEA,IAAMA,MAAM,GAAG;EACbC,IAAI,EAAE,EADO;EAEbC,IAAI,EAAE;IACJC,KAAK,EAAE,EADH;IAEJC,MAAM,EAAE;EAFJ,CAFO;EAMbC,SAAS,EAAE;IACTC,eAAe,EAAE,aADR;IAETC,MAAM,EAAE,MAFC;IAGTC,OAAO,EAAE,CAHA;IAITC,MAAM,EAAE,CAJC;IAKTC,MAAM,EAAE;EALC,CANE;EAabC,eAAe,EAAE;IACfD,MAAM,EAAE,SADO;IAEf,6BACKE,qBADL;EAFe,CAbJ;EAmBbC,aAAa,EAAE;IACbH,MAAM,EAAE,SADK;IAEbI,aAAa,EAAE;EAFF,CAnBF;EAuBbC,QAAQ,EAAE;IACRC,OAAO,EAAE;EADD;AAvBG,CAAf;eA4BehB,M"}
+{"version":3,"file":"styles.js","names":["styles","root","icon","width","height","adornment","backgroundColor","border","padding","margin","cursor","adornmentButton","outlineStyles","adornmentIcon","pointerEvents","hideIcon","display"],"sources":["../../../src/Forms/Adornment/styles.js"],"sourcesContent":["import { outlineStyles } from \"../../Focus/styles\";\n\nconst styles = {\n  root: {},\n  icon: {\n    width: 32,\n    height: 32,\n  },\n  adornment: {\n    backgroundColor: \"transparent\",\n    border: \"none\",\n    padding: 0,\n    margin: 0,\n    cursor: \"pointer\",\n  },\n  adornmentButton: {\n    cursor: \"pointer\",\n    \"&:focus\": {\n      ...outlineStyles,\n    },\n  },\n  adornmentIcon: {\n    cursor: \"default\",\n    pointerEvents: \"none\",\n  },\n  hideIcon: {\n    display: \"none\",\n  },\n};\n\nexport default styles;\n"],"mappings":";;;;;;;;;;;;;;;AAAA;AAAmD;AAAA;AAEnD,IAAMA,MAAM,GAAG;EACbC,IAAI,EAAE,CAAC,CAAC;EACRC,IAAI,EAAE;IACJC,KAAK,EAAE,EAAE;IACTC,MAAM,EAAE;EACV,CAAC;EACDC,SAAS,EAAE;IACTC,eAAe,EAAE,aAAa;IAC9BC,MAAM,EAAE,MAAM;IACdC,OAAO,EAAE,CAAC;IACVC,MAAM,EAAE,CAAC;IACTC,MAAM,EAAE;EACV,CAAC;EACDC,eAAe,EAAE;IACfD,MAAM,EAAE,SAAS;IACjB,SAAS,oBACJE,qBAAa;EAEpB,CAAC;EACDC,aAAa,EAAE;IACbH,MAAM,EAAE,SAAS;IACjBI,aAAa,EAAE;EACjB,CAAC;EACDC,QAAQ,EAAE;IACRC,OAAO,EAAE;EACX;AACF,CAAC;AAAC,eAEahB,MAAM;AAAA"}

package/dist/Forms/CharCounter/CharCounter.js

@@ -1,70 +1,39 @@
 "use strict";
 
 require("core-js/modules/es.object.keys.js");
-
 require("core-js/modules/es.symbol.js");
-
 require("core-js/modules/es.array.filter.js");
-
 require("core-js/modules/es.object.to-string.js");
-
 require("core-js/modules/es.object.get-own-property-descriptor.js");
-
 require("core-js/modules/web.dom-collections.for-each.js");
-
 require("core-js/modules/es.object.get-own-property-descriptors.js");
-
 require("core-js/modules/es.array.iterator.js");
-
 require("core-js/modules/es.string.iterator.js");
-
 require("core-js/modules/es.weak-map.js");
-
 require("core-js/modules/web.dom-collections.iterator.js");
-
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 var _typeof = require("@babel/runtime/helpers/typeof");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 require("core-js/modules/es.array.concat.js");
-
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _clsx = _interopRequireDefault(require("clsx"));
-
 var _styles = require("@mui/styles");
-
 var _FormElement = require("../FormElement");
-
 var _ = require("../..");
-
 var _utils = require("../../utils");
-
 var _styles2 = _interopRequireDefault(require("./styles"));
-
 var _jsxRuntime = require("react/jsx-runtime");
-
 var _excluded = ["separator", "maxCharQuantity", "currentCharQuantity", "classes", "className", "id", "disabled", "disableGutter"];
-
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
 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) { (0, _defineProperty2.default)(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; }
-
 /**
  * Displays the capacity and current usage of a text input box (character count by default).
  *
@@ -73,22 +42,20 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
  */
 var HvCharCounter = function HvCharCounter(props) {
   var _props$separator = props.separator,
-      separator = _props$separator === void 0 ? "/" : _props$separator,
-      maxCharQuantity = props.maxCharQuantity,
-      _props$currentCharQua = props.currentCharQuantity,
-      currentCharQuantity = _props$currentCharQua === void 0 ? 0 : _props$currentCharQua,
-      classes = props.classes,
-      className = props.className,
-      id = props.id,
-      disabled = props.disabled,
-      _props$disableGutter = props.disableGutter,
-      disableGutter = _props$disableGutter === void 0 ? false : _props$disableGutter,
-      others = (0, _objectWithoutProperties2.default)(props, _excluded);
-
+    separator = _props$separator === void 0 ? "/" : _props$separator,
+    maxCharQuantity = props.maxCharQuantity,
+    _props$currentCharQua = props.currentCharQuantity,
+    currentCharQuantity = _props$currentCharQua === void 0 ? 0 : _props$currentCharQua,
+    classes = props.classes,
+    className = props.className,
+    id = props.id,
+    disabled = props.disabled,
+    _props$disableGutter = props.disableGutter,
+    disableGutter = _props$disableGutter === void 0 ? false : _props$disableGutter,
+    others = (0, _objectWithoutProperties2.default)(props, _excluded);
   var _useContext = (0, _react.useContext)(_FormElement.HvFormElementContext),
-      elementId = _useContext.elementId,
-      elementDisabled = _useContext.elementDisabled;
-
+    elementId = _useContext.elementId,
+    elementDisabled = _useContext.elementDisabled;
   var localDisabled = disabled || elementDisabled;
   var localId = id !== null && id !== void 0 ? id : (0, _utils.setId)(elementId, "counter");
   var currentId = (0, _utils.setId)(localId, "currentQuantity");
@@ -115,19 +82,16 @@ var HvCharCounter = function HvCharCounter(props) {
     })]
   }));
 };
-
 HvCharCounter.formElementType = "controlled";
 process.env.NODE_ENV !== "production" ? HvCharCounter.propTypes = {
   /**
    * Class names to be applied.
    */
   className: _propTypes.default.string,
-
   /**
    * Id to be applied to the root node.
    */
   id: _propTypes.default.string,
-
   /**
    * A Jss Object used to override or extend the component styles applied.
    */
@@ -136,52 +100,42 @@ process.env.NODE_ENV !== "production" ? HvCharCounter.propTypes = {
      * Styles applied to the char counter root container.
      */
     root: _propTypes.default.string,
-
     /**
      * Styles applied to the char counter root container when the current char counter higher than the max.
      */
     overloaded: _propTypes.default.string,
-
     /**
      * Styles applied when the char counter is disabled.
      */
     counterDisabled: _propTypes.default.string,
-
     /**
      * Separation for the counter.
      */
     gutter: _propTypes.default.string
   }).isRequired,
-
   /**
    * The string that separtes the current char quantity from the max quantity.
    */
   separator: _propTypes.default.string,
-
   /**
    * The maximum allowed length of the characters.
    */
   maxCharQuantity: _propTypes.default.number.isRequired,
-
   /**
    * The current char quantity to be rendered.
    */
   currentCharQuantity: _propTypes.default.number,
-
   /**
    * If `true` the counter is disabled.
    */
   disabled: _propTypes.default.bool,
-
   /**
    * If `true` the info message won't have margins.
    */
   disableGutter: _propTypes.default.bool
 } : void 0;
-
 var _default = (0, _styles.withStyles)(_styles2.default, {
   name: "HvCharCounter"
 })(HvCharCounter);
-
 exports.default = _default;
 //# sourceMappingURL=CharCounter.js.map

package/dist/Forms/CharCounter/CharCounter.js.map

@@ -1 +1 @@
-{"version":3,"file":"CharCounter.js","names":["HvCharCounter","props","separator","maxCharQuantity","currentCharQuantity","classes","className","id","disabled","disableGutter","others","useContext","HvFormElementContext","elementId","elementDisabled","localDisabled","localId","setId","currentId","maxQuantityId","isOverloaded","clsx","root","counterDisabled","gutter","overloaded","formElementType","propTypes","PropTypes","string","shape","isRequired","number","bool","withStyles","styles","name"],"sources":["../../../src/Forms/CharCounter/CharCounter.js"],"sourcesContent":["import React, { useContext } from \"react\";\nimport PropTypes from \"prop-types\";\nimport clsx from \"clsx\";\nimport { withStyles } from \"@mui/styles\";\nimport { HvFormElementContext } from \"../FormElement\";\nimport { HvTypography } from \"../..\";\nimport { setId } from \"../../utils\";\nimport styles from \"./styles\";\n\n/**\n * Displays the capacity and current usage of a text input box (character count by default).\n *\n * Use the character counter when there is a character or word limit.\n * By itself it doesn't block the user from going above the limit.\n */\nconst HvCharCounter = (props) => {\n  const {\n    separator = \"/\",\n    maxCharQuantity,\n    currentCharQuantity = 0,\n    classes,\n    className,\n    id,\n    disabled,\n    disableGutter = false,\n    ...others\n  } = props;\n  const { elementId, elementDisabled } = useContext(HvFormElementContext);\n  const localDisabled = disabled || elementDisabled;\n  const localId = id ?? setId(elementId, \"counter\");\n  const currentId = setId(localId, \"currentQuantity\");\n  const maxQuantityId = setId(localId, \"maxQuantity\");\n  const isOverloaded = currentCharQuantity > maxCharQuantity;\n\n  return (\n    <div\n      id={localId}\n      className={clsx(className, classes.root, {\n        [classes.counterDisabled]: localDisabled,\n        [classes.gutter]: !disableGutter,\n      })}\n      aria-live=\"polite\"\n      aria-disabled={localDisabled}\n      {...others}\n    >\n      <HvTypography\n        id={currentId}\n        className={clsx({\n          [classes.overloaded]: isOverloaded && !localDisabled,\n          [classes.counterDisabled]: localDisabled,\n        })}\n        variant=\"highlightText\"\n        component=\"label\"\n      >\n        {currentCharQuantity}\n      </HvTypography>\n      <HvTypography\n        id={maxQuantityId}\n        className={clsx({\n          [classes.overloaded]: isOverloaded && !localDisabled,\n          [classes.counterDisabled]: localDisabled,\n        })}\n        variant=\"normalText\"\n        component=\"label\"\n      >\n        {` ${separator} ${maxCharQuantity}`}\n      </HvTypography>\n    </div>\n  );\n};\n\nHvCharCounter.formElementType = \"controlled\";\n\nHvCharCounter.propTypes = {\n  /**\n   * Class names to be applied.\n   */\n  className: PropTypes.string,\n  /**\n   * Id to be applied to the root node.\n   */\n  id: PropTypes.string,\n  /**\n   * A Jss Object used to override or extend the component styles applied.\n   */\n  classes: PropTypes.shape({\n    /**\n     * Styles applied to the char counter root container.\n     */\n    root: PropTypes.string,\n    /**\n     * Styles applied to the char counter root container when the current char counter higher than the max.\n     */\n    overloaded: PropTypes.string,\n    /**\n     * Styles applied when the char counter is disabled.\n     */\n    counterDisabled: PropTypes.string,\n    /**\n     * Separation for the counter.\n     */\n    gutter: PropTypes.string,\n  }).isRequired,\n  /**\n   * The string that separtes the current char quantity from the max quantity.\n   */\n  separator: PropTypes.string,\n  /**\n   * The maximum allowed length of the characters.\n   */\n  maxCharQuantity: PropTypes.number.isRequired,\n  /**\n   * The current char quantity to be rendered.\n   */\n  currentCharQuantity: PropTypes.number,\n  /**\n   * If `true` the counter is disabled.\n   */\n  disabled: PropTypes.bool,\n  /**\n   * If `true` the info message won't have margins.\n   */\n  disableGutter: PropTypes.bool,\n};\n\nexport default withStyles(styles, { name: \"HvCharCounter\" })(HvCharCounter);\n"],"mappings":"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"}
+{"version":3,"file":"CharCounter.js","names":["HvCharCounter","props","separator","maxCharQuantity","currentCharQuantity","classes","className","id","disabled","disableGutter","others","useContext","HvFormElementContext","elementId","elementDisabled","localDisabled","localId","setId","currentId","maxQuantityId","isOverloaded","clsx","root","counterDisabled","gutter","overloaded","formElementType","propTypes","PropTypes","string","shape","isRequired","number","bool","withStyles","styles","name"],"sources":["../../../src/Forms/CharCounter/CharCounter.js"],"sourcesContent":["import React, { useContext } from \"react\";\nimport PropTypes from \"prop-types\";\nimport clsx from \"clsx\";\nimport { withStyles } from \"@mui/styles\";\nimport { HvFormElementContext } from \"../FormElement\";\nimport { HvTypography } from \"../..\";\nimport { setId } from \"../../utils\";\nimport styles from \"./styles\";\n\n/**\n * Displays the capacity and current usage of a text input box (character count by default).\n *\n * Use the character counter when there is a character or word limit.\n * By itself it doesn't block the user from going above the limit.\n */\nconst HvCharCounter = (props) => {\n  const {\n    separator = \"/\",\n    maxCharQuantity,\n    currentCharQuantity = 0,\n    classes,\n    className,\n    id,\n    disabled,\n    disableGutter = false,\n    ...others\n  } = props;\n  const { elementId, elementDisabled } = useContext(HvFormElementContext);\n  const localDisabled = disabled || elementDisabled;\n  const localId = id ?? setId(elementId, \"counter\");\n  const currentId = setId(localId, \"currentQuantity\");\n  const maxQuantityId = setId(localId, \"maxQuantity\");\n  const isOverloaded = currentCharQuantity > maxCharQuantity;\n\n  return (\n    <div\n      id={localId}\n      className={clsx(className, classes.root, {\n        [classes.counterDisabled]: localDisabled,\n        [classes.gutter]: !disableGutter,\n      })}\n      aria-live=\"polite\"\n      aria-disabled={localDisabled}\n      {...others}\n    >\n      <HvTypography\n        id={currentId}\n        className={clsx({\n          [classes.overloaded]: isOverloaded && !localDisabled,\n          [classes.counterDisabled]: localDisabled,\n        })}\n        variant=\"highlightText\"\n        component=\"label\"\n      >\n        {currentCharQuantity}\n      </HvTypography>\n      <HvTypography\n        id={maxQuantityId}\n        className={clsx({\n          [classes.overloaded]: isOverloaded && !localDisabled,\n          [classes.counterDisabled]: localDisabled,\n        })}\n        variant=\"normalText\"\n        component=\"label\"\n      >\n        {` ${separator} ${maxCharQuantity}`}\n      </HvTypography>\n    </div>\n  );\n};\n\nHvCharCounter.formElementType = \"controlled\";\n\nHvCharCounter.propTypes = {\n  /**\n   * Class names to be applied.\n   */\n  className: PropTypes.string,\n  /**\n   * Id to be applied to the root node.\n   */\n  id: PropTypes.string,\n  /**\n   * A Jss Object used to override or extend the component styles applied.\n   */\n  classes: PropTypes.shape({\n    /**\n     * Styles applied to the char counter root container.\n     */\n    root: PropTypes.string,\n    /**\n     * Styles applied to the char counter root container when the current char counter higher than the max.\n     */\n    overloaded: PropTypes.string,\n    /**\n     * Styles applied when the char counter is disabled.\n     */\n    counterDisabled: PropTypes.string,\n    /**\n     * Separation for the counter.\n     */\n    gutter: PropTypes.string,\n  }).isRequired,\n  /**\n   * The string that separtes the current char quantity from the max quantity.\n   */\n  separator: PropTypes.string,\n  /**\n   * The maximum allowed length of the characters.\n   */\n  maxCharQuantity: PropTypes.number.isRequired,\n  /**\n   * The current char quantity to be rendered.\n   */\n  currentCharQuantity: PropTypes.number,\n  /**\n   * If `true` the counter is disabled.\n   */\n  disabled: PropTypes.bool,\n  /**\n   * If `true` the info message won't have margins.\n   */\n  disableGutter: PropTypes.bool,\n};\n\nexport default withStyles(styles, { name: \"HvCharCounter\" })(HvCharCounter);\n"],"mappings":"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"}

package/dist/Forms/CharCounter/index.js

@@ -1,7 +1,6 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -11,6 +10,5 @@ Object.defineProperty(exports, "default", {
     return _CharCounter.default;
   }
 });
-
 var _CharCounter = _interopRequireDefault(require("./CharCounter"));
 //# sourceMappingURL=index.js.map

package/dist/Forms/CharCounter/index.js.map

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

package/dist/Forms/CharCounter/styles.js

@@ -4,7 +4,6 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var styles = function styles(theme) {
   return {
     root: {
@@ -22,7 +21,6 @@ var styles = function styles(theme) {
     }
   };
 };
-
 var _default = styles;
 exports.default = _default;
 //# sourceMappingURL=styles.js.map

package/dist/Forms/CharCounter/styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"styles.js","names":["styles","theme","root","display","float","counterDisabled","color","hv","palette","atmosphere","atmo5","overloaded","semantic","sema4","gutter","paddingLeft"],"sources":["../../../src/Forms/CharCounter/styles.js"],"sourcesContent":["const styles = (theme) => ({\n  root: {\n    display: \"inline-block\",\n    float: \"right\",\n  },\n  counterDisabled: {\n    color: theme.hv.palette.atmosphere.atmo5,\n  },\n  overloaded: {\n    color: theme.hv.palette.semantic.sema4,\n  },\n  gutter: {\n    paddingLeft: `6px`,\n  },\n});\n\nexport default styles;\n"],"mappings":";;;;;;;AAAA,IAAMA,MAAM,GAAG,SAATA,MAAS,CAACC,KAAD;EAAA,OAAY;IACzBC,IAAI,EAAE;MACJC,OAAO,EAAE,cADL;MAEJC,KAAK,EAAE;IAFH,CADmB;IAKzBC,eAAe,EAAE;MACfC,KAAK,EAAEL,KAAK,CAACM,EAAN,CAASC,OAAT,CAAiBC,UAAjB,CAA4BC;IADpB,CALQ;IAQzBC,UAAU,EAAE;MACVL,KAAK,EAAEL,KAAK,CAACM,EAAN,CAASC,OAAT,CAAiBI,QAAjB,CAA0BC;IADvB,CARa;IAWzBC,MAAM,EAAE;MACNC,WAAW;IADL;EAXiB,CAAZ;AAAA,CAAf;;eAgBef,M"}
+{"version":3,"file":"styles.js","names":["styles","theme","root","display","float","counterDisabled","color","hv","palette","atmosphere","atmo5","overloaded","semantic","sema4","gutter","paddingLeft"],"sources":["../../../src/Forms/CharCounter/styles.js"],"sourcesContent":["const styles = (theme) => ({\n  root: {\n    display: \"inline-block\",\n    float: \"right\",\n  },\n  counterDisabled: {\n    color: theme.hv.palette.atmosphere.atmo5,\n  },\n  overloaded: {\n    color: theme.hv.palette.semantic.sema4,\n  },\n  gutter: {\n    paddingLeft: `6px`,\n  },\n});\n\nexport default styles;\n"],"mappings":";;;;;;AAAA,IAAMA,MAAM,GAAG,SAATA,MAAM,CAAIC,KAAK;EAAA,OAAM;IACzBC,IAAI,EAAE;MACJC,OAAO,EAAE,cAAc;MACvBC,KAAK,EAAE;IACT,CAAC;IACDC,eAAe,EAAE;MACfC,KAAK,EAAEL,KAAK,CAACM,EAAE,CAACC,OAAO,CAACC,UAAU,CAACC;IACrC,CAAC;IACDC,UAAU,EAAE;MACVL,KAAK,EAAEL,KAAK,CAACM,EAAE,CAACC,OAAO,CAACI,QAAQ,CAACC;IACnC,CAAC;IACDC,MAAM,EAAE;MACNC,WAAW;IACb;EACF,CAAC;AAAA,CAAC;AAAC,eAEYf,MAAM;AAAA"}