@os-design/core 1.0.156 → 1.0.158

package/dist/cjs/Input/utils/getFocusableElements.js

@@ -4,25 +4,17 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = void 0;
-
 function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
-
 function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-
 function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-
 function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
-
 function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
-
 function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
-
 var getFocusableElements = function getFocusableElements(element) {
   return _toConsumableArray(element.querySelectorAll('a, button, input, textarea, select, details,[tabindex]:not([tabindex="-1"])')).filter(function (el) {
     return !el.hasAttribute('disabled');
   });
 };
-
 var _default = getFocusableElements;
 exports["default"] = _default;
 //# sourceMappingURL=getFocusableElements.js.map

package/dist/cjs/Input/utils/getFocusableElements.js.map

@@ -1 +1 @@
-{"version":3,"file":"getFocusableElements.js","names":["getFocusableElements","element","querySelectorAll","filter","el","hasAttribute"],"sources":["../../../../src/Input/utils/getFocusableElements.ts"],"sourcesContent":["const getFocusableElements = (element: ParentNode): HTMLElement[] =>\n  [\n    ...element.querySelectorAll<HTMLElement>(\n      'a, button, input, textarea, select, details,[tabindex]:not([tabindex=\"-1\"])'\n    ),\n  ].filter((el) => !el.hasAttribute('disabled'));\n\nexport default getFocusableElements;\n"],"mappings":";;;;;;;;;;;;;;;;;;;AAAA,IAAMA,oBAAoB,GAAG,SAAvBA,oBAAuB,CAACC,OAAD;EAAA,OAC3B,mBACKA,OAAO,CAACC,gBAAR,CACD,6EADC,CADL,EAIEC,MAJF,CAIS,UAACC,EAAD;IAAA,OAAQ,CAACA,EAAE,CAACC,YAAH,CAAgB,UAAhB,CAAT;EAAA,CAJT,CAD2B;AAAA,CAA7B;;eAOeL,oB"}
+{"version":3,"file":"getFocusableElements.js","names":["getFocusableElements","element","querySelectorAll","filter","el","hasAttribute"],"sources":["../../../../src/Input/utils/getFocusableElements.ts"],"sourcesContent":["const getFocusableElements = (element: ParentNode): HTMLElement[] =>\n  [\n    ...element.querySelectorAll<HTMLElement>(\n      'a, button, input, textarea, select, details,[tabindex]:not([tabindex=\"-1\"])'\n    ),\n  ].filter((el) => !el.hasAttribute('disabled'));\n\nexport default getFocusableElements;\n"],"mappings":";;;;;;;;;;;;AAAA,IAAMA,oBAAoB,GAAG,SAAvBA,oBAAoB,CAAIC,OAAmB;EAAA,OAC/C,mBACKA,OAAO,CAACC,gBAAgB,CACzB,6EAA6E,CAC9E,EACDC,MAAM,CAAC,UAACC,EAAE;IAAA,OAAK,CAACA,EAAE,CAACC,YAAY,CAAC,UAAU,CAAC;EAAA,EAAC;AAAA;AAAC,eAElCL,oBAAoB;AAAA"}

package/dist/cjs/InputNumber/index.js

@@ -1,78 +1,57 @@
 "use strict";
 
 function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = void 0;
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _utils = require("@os-design/utils");
-
 var _inputNumberUtils = require("@os-design/input-number-utils");
-
 var _Input = _interopRequireDefault(require("../Input"));
-
 var _defaultLocale = _interopRequireDefault(require("./utils/defaultLocale"));
-
 var _excluded = ["min", "max", "precision", "prefix", "suffix", "decimalSeparator", "thousandsSeparator", "locale", "value", "onChange", "onSelect", "onFocus"];
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-
 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 _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
 function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
-
 function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-
 function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-
 function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
-
 function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
-
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-
 function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
-
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-
 /**
  * The input for entering a number.
  */
 var InputNumber = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
   var _ref$min = _ref.min,
-      min = _ref$min === void 0 ? 0 : _ref$min,
-      _ref$max = _ref.max,
-      max = _ref$max === void 0 ? 2147483647 : _ref$max,
-      _ref$precision = _ref.precision,
-      precision = _ref$precision === void 0 ? 0 : _ref$precision,
-      _ref$prefix = _ref.prefix,
-      prefix = _ref$prefix === void 0 ? '' : _ref$prefix,
-      _ref$suffix = _ref.suffix,
-      suffix = _ref$suffix === void 0 ? '' : _ref$suffix,
-      _ref$decimalSeparator = _ref.decimalSeparator,
-      decimalSeparator = _ref$decimalSeparator === void 0 ? '.' : _ref$decimalSeparator,
-      _ref$thousandsSeparat = _ref.thousandsSeparator,
-      thousandsSeparator = _ref$thousandsSeparat === void 0 ? ' ' : _ref$thousandsSeparat,
-      _ref$locale = _ref.locale,
-      locale = _ref$locale === void 0 ? _defaultLocale["default"] : _ref$locale,
-      _ref$value = _ref.value,
-      value = _ref$value === void 0 ? null : _ref$value,
-      _ref$onChange = _ref.onChange,
-      _onChange = _ref$onChange === void 0 ? function () {} : _ref$onChange,
-      _ref$onSelect = _ref.onSelect,
-      _onSelect = _ref$onSelect === void 0 ? function () {} : _ref$onSelect,
-      _ref$onFocus = _ref.onFocus,
-      _onFocus = _ref$onFocus === void 0 ? function () {} : _ref$onFocus,
-      rest = _objectWithoutProperties(_ref, _excluded);
-
+    min = _ref$min === void 0 ? 0 : _ref$min,
+    _ref$max = _ref.max,
+    max = _ref$max === void 0 ? 2147483647 : _ref$max,
+    _ref$precision = _ref.precision,
+    precision = _ref$precision === void 0 ? 0 : _ref$precision,
+    _ref$prefix = _ref.prefix,
+    prefix = _ref$prefix === void 0 ? '' : _ref$prefix,
+    _ref$suffix = _ref.suffix,
+    suffix = _ref$suffix === void 0 ? '' : _ref$suffix,
+    _ref$decimalSeparator = _ref.decimalSeparator,
+    decimalSeparator = _ref$decimalSeparator === void 0 ? '.' : _ref$decimalSeparator,
+    _ref$thousandsSeparat = _ref.thousandsSeparator,
+    thousandsSeparator = _ref$thousandsSeparat === void 0 ? ' ' : _ref$thousandsSeparat,
+    _ref$locale = _ref.locale,
+    locale = _ref$locale === void 0 ? _defaultLocale["default"] : _ref$locale,
+    _ref$value = _ref.value,
+    value = _ref$value === void 0 ? null : _ref$value,
+    _ref$onChange = _ref.onChange,
+    _onChange = _ref$onChange === void 0 ? function () {} : _ref$onChange,
+    _ref$onSelect = _ref.onSelect,
+    _onSelect = _ref$onSelect === void 0 ? function () {} : _ref$onSelect,
+    _ref$onFocus = _ref.onFocus,
+    _onFocus = _ref$onFocus === void 0 ? function () {} : _ref$onFocus,
+    rest = _objectWithoutProperties(_ref, _excluded);
   (0, _inputNumberUtils.useValidate)({
     min: min,
     max: max,
@@ -93,31 +72,29 @@ var InputNumber = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
       thousandsSeparator: thousandsSeparator
     };
   }, [min, max, precision, prefix, suffix, decimalSeparator, thousandsSeparator]);
-
   var _useForwardedRef = (0, _utils.useForwardedRef)(ref),
-      _useForwardedRef2 = _slicedToArray(_useForwardedRef, 2),
-      inputRef = _useForwardedRef2[0],
-      mergedInputRef = _useForwardedRef2[1];
-
+    _useForwardedRef2 = _slicedToArray(_useForwardedRef, 2),
+    inputRef = _useForwardedRef2[0],
+    mergedInputRef = _useForwardedRef2[1];
   var _useState = (0, _react.useState)((0, _inputNumberUtils.numberToFormattedString)(value, options)),
-      _useState2 = _slicedToArray(_useState, 2),
-      valueString = _useState2[0],
-      setValueString = _useState2[1];
-
+    _useState2 = _slicedToArray(_useState, 2),
+    valueString = _useState2[0],
+    setValueString = _useState2[1];
   var _useState3 = (0, _react.useState)({
-    start: 0,
-    end: 0
-  }),
-      _useState4 = _slicedToArray(_useState3, 2),
-      selection = _useState4[0],
-      setSelection = _useState4[1];
-
-  var getCaretWithinValue = (0, _inputNumberUtils.useGetCaretWithinValue)(prefix, suffix); // Update the value
-
+      start: 0,
+      end: 0
+    }),
+    _useState4 = _slicedToArray(_useState3, 2),
+    selection = _useState4[0],
+    setSelection = _useState4[1];
+  var getCaretWithinValue = (0, _inputNumberUtils.useGetCaretWithinValue)(prefix, suffix);
+
+  // Update the value
   (0, _react.useEffect)(function () {
     setValueString((0, _inputNumberUtils.numberToFormattedString)(value, options));
-  }, [value, options]); // Update the selection
+  }, [value, options]);
 
+  // Update the selection
   (0, _react.useEffect)(function () {
     if (!inputRef.current) return;
     inputRef.current.setSelectionRange(selection.start, selection.end);
@@ -128,13 +105,12 @@ var InputNumber = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
       // Don't use `getCaretWithinValue` here to allow a user to copy
       // the input value with a prefix and suffix.
       var _e$currentTarget = e.currentTarget,
-          selectionStart = _e$currentTarget.selectionStart,
-          selectionEnd = _e$currentTarget.selectionEnd;
+        selectionStart = _e$currentTarget.selectionStart,
+        selectionEnd = _e$currentTarget.selectionEnd;
       setSelection({
         start: selectionStart || 0,
         end: selectionEnd || 0
       });
-
       _onSelect(e);
     },
     onFocus: function onFocus(e) {
@@ -143,19 +119,20 @@ var InputNumber = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
         start: getCaretWithinValue(valueString.length, valueString),
         end: getCaretWithinValue(valueString.length, valueString)
       });
-
       _onFocus(e);
     },
     value: valueString,
     onChange: function onChange(v, e) {
       // Get a new value as a string and number
-      var nextState = (0, _inputNumberUtils.getNextState)(v, options); // Set the new string value in the input field
-
-      setValueString(nextState.valueString); // Send the new numeric value in the onChange callback
+      var nextState = (0, _inputNumberUtils.getNextState)(v, options);
 
-      _onChange(nextState.valueNumber); // Update the caret position
+      // Set the new string value in the input field
+      setValueString(nextState.valueString);
 
+      // Send the new numeric value in the onChange callback
+      _onChange(nextState.valueNumber);
 
+      // Update the caret position
       var nextCaret = getCaretWithinValue((0, _inputNumberUtils.getNextCaret)({
         value: v,
         prevValueString: valueString,

package/dist/cjs/InputNumber/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["InputNumber","forwardRef","ref","min","max","precision","prefix","suffix","decimalSeparator","thousandsSeparator","locale","defaultLocale","value","onChange","onSelect","onFocus","rest","useValidate","options","useMemo","useForwardedRef","inputRef","mergedInputRef","useState","numberToFormattedString","valueString","setValueString","start","end","selection","setSelection","getCaretWithinValue","useGetCaretWithinValue","useEffect","current","setSelectionRange","e","currentTarget","selectionStart","selectionEnd","length","v","nextState","getNextState","valueNumber","nextCaret","getNextCaret","prevValueString","nextValueString","prevCaret","deleteKeyPressed","nativeEvent","inputType","undefined","emptyLabel","displayName"],"sources":["../../../src/InputNumber/index.tsx"],"sourcesContent":["import React, { forwardRef, useEffect, useMemo, useState } from 'react';\nimport { useForwardedRef } from '@os-design/utils';\nimport {\n  numberToFormattedString,\n  getNextState,\n  getNextCaret,\n  useValidate,\n  useGetCaretWithinValue,\n} from '@os-design/input-number-utils';\nimport Input, { InputProps } from '../Input';\nimport defaultLocale, { InputNumberLocale } from './utils/defaultLocale';\n\nexport interface InputNumberProps\n  extends Omit<InputProps, 'type' | 'value' | 'onChange'> {\n  /**\n   * The minimum value.\n   * @default 0\n   */\n  min?: number;\n  /**\n   * The maximum value.\n   * @default 2147483647\n   */\n  max?: number;\n  /**\n   * The number of digits after the decimal point.\n   * @default 0\n   */\n  precision?: number;\n  /**\n   * The string before the number.\n   * @default undefined\n   */\n  prefix?: string;\n  /**\n   * The string after the number.\n   * @default undefined\n   */\n  suffix?: string;\n  /**\n   * The decimal separator.\n   * @default .\n   */\n  decimalSeparator?: '.' | ',';\n  /**\n   * The thousands separator.\n   * @default ' '\n   */\n  thousandsSeparator?: ' ' | '.' | ',' | null;\n  /**\n   * The locale.\n   * @default undefined\n   */\n  locale?: InputNumberLocale;\n  /**\n   * The input value.\n   * @default undefined\n   */\n  value?: number | null;\n  /**\n   * The change event handler.\n   * Returns null when the input value is empty.\n   * @default undefined\n   */\n  onChange?: (value: number | null) => void;\n}\n\ninterface Selection {\n  start: number;\n  end: number;\n}\n\n/**\n * The input for entering a number.\n */\nconst InputNumber = forwardRef<HTMLInputElement, InputNumberProps>(\n  (\n    {\n      min = 0,\n      max = 2147483647,\n      precision = 0,\n      prefix = '',\n      suffix = '',\n      decimalSeparator = '.',\n      thousandsSeparator = ' ',\n      locale = defaultLocale,\n      value = null,\n      onChange = () => {},\n      onSelect = () => {},\n      onFocus = () => {},\n      ...rest\n    },\n    ref\n  ) => {\n    useValidate({\n      min,\n      max,\n      precision,\n      prefix,\n      suffix,\n      decimalSeparator,\n      thousandsSeparator,\n    });\n\n    const options = useMemo(\n      () => ({\n        min,\n        max,\n        precision,\n        prefix,\n        suffix,\n        decimalSeparator,\n        thousandsSeparator,\n      }),\n      [\n        min,\n        max,\n        precision,\n        prefix,\n        suffix,\n        decimalSeparator,\n        thousandsSeparator,\n      ]\n    );\n\n    const [inputRef, mergedInputRef] = useForwardedRef(ref);\n    const [valueString, setValueString] = useState<string>(\n      numberToFormattedString(value, options)\n    );\n    const [selection, setSelection] = useState<Selection>({ start: 0, end: 0 });\n    const getCaretWithinValue = useGetCaretWithinValue(prefix, suffix);\n\n    // Update the value\n    useEffect(() => {\n      setValueString(numberToFormattedString(value, options));\n    }, [value, options]);\n\n    // Update the selection\n    useEffect(() => {\n      if (!inputRef.current) return;\n      inputRef.current.setSelectionRange(selection.start, selection.end);\n    }, [inputRef, selection]);\n\n    return (\n      <Input\n        onSelect={(e) => {\n          // Update the selection state.\n          // Don't use `getCaretWithinValue` here to allow a user to copy\n          // the input value with a prefix and suffix.\n          const { selectionStart, selectionEnd } = e.currentTarget;\n          setSelection({ start: selectionStart || 0, end: selectionEnd || 0 });\n          onSelect(e);\n        }}\n        onFocus={(e) => {\n          // Move the caret to the end of the input value and before the suffix\n          setSelection({\n            start: getCaretWithinValue(valueString.length, valueString),\n            end: getCaretWithinValue(valueString.length, valueString),\n          });\n          onFocus(e);\n        }}\n        value={valueString}\n        onChange={(v, e) => {\n          // Get a new value as a string and number\n          const nextState = getNextState(v, options);\n\n          // Set the new string value in the input field\n          setValueString(nextState.valueString);\n\n          // Send the new numeric value in the onChange callback\n          onChange(nextState.valueNumber);\n\n          // Update the caret position\n          const nextCaret = getCaretWithinValue(\n            getNextCaret({\n              value: v,\n              prevValueString: valueString,\n              nextValueString: nextState.valueString,\n              prevCaret: selection.end,\n              deleteKeyPressed:\n                (e.nativeEvent as InputEvent).inputType ===\n                'deleteContentBackward',\n              options,\n            }),\n            nextState.valueString\n          );\n          setSelection({ start: nextCaret, end: nextCaret });\n        }}\n        role='spinbutton'\n        aria-valuenow={\n          value !== undefined && value !== null ? value : undefined\n        }\n        aria-valuemin={min}\n        aria-valuemax={max}\n        aria-valuetext={valueString === '' ? locale.emptyLabel : undefined}\n        inputMode='decimal'\n        autoComplete='off'\n        autoCorrect='off'\n        {...rest}\n        ref={mergedInputRef}\n      />\n    );\n  }\n);\n\nInputNumber.displayName = 'InputNumber';\n\nexport default InputNumber;\n"],"mappings":"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"}
+{"version":3,"file":"index.js","names":["InputNumber","forwardRef","ref","min","max","precision","prefix","suffix","decimalSeparator","thousandsSeparator","locale","defaultLocale","value","onChange","onSelect","onFocus","rest","useValidate","options","useMemo","useForwardedRef","inputRef","mergedInputRef","useState","numberToFormattedString","valueString","setValueString","start","end","selection","setSelection","getCaretWithinValue","useGetCaretWithinValue","useEffect","current","setSelectionRange","e","currentTarget","selectionStart","selectionEnd","length","v","nextState","getNextState","valueNumber","nextCaret","getNextCaret","prevValueString","nextValueString","prevCaret","deleteKeyPressed","nativeEvent","inputType","undefined","emptyLabel","displayName"],"sources":["../../../src/InputNumber/index.tsx"],"sourcesContent":["import React, { forwardRef, useEffect, useMemo, useState } from 'react';\nimport { useForwardedRef } from '@os-design/utils';\nimport {\n  numberToFormattedString,\n  getNextState,\n  getNextCaret,\n  useValidate,\n  useGetCaretWithinValue,\n} from '@os-design/input-number-utils';\nimport Input, { InputProps } from '../Input';\nimport defaultLocale, { InputNumberLocale } from './utils/defaultLocale';\n\nexport interface InputNumberProps\n  extends Omit<InputProps, 'type' | 'value' | 'onChange'> {\n  /**\n   * The minimum value.\n   * @default 0\n   */\n  min?: number;\n  /**\n   * The maximum value.\n   * @default 2147483647\n   */\n  max?: number;\n  /**\n   * The number of digits after the decimal point.\n   * @default 0\n   */\n  precision?: number;\n  /**\n   * The string before the number.\n   * @default undefined\n   */\n  prefix?: string;\n  /**\n   * The string after the number.\n   * @default undefined\n   */\n  suffix?: string;\n  /**\n   * The decimal separator.\n   * @default .\n   */\n  decimalSeparator?: '.' | ',';\n  /**\n   * The thousands separator.\n   * @default ' '\n   */\n  thousandsSeparator?: ' ' | '.' | ',' | null;\n  /**\n   * The locale.\n   * @default undefined\n   */\n  locale?: InputNumberLocale;\n  /**\n   * The input value.\n   * @default undefined\n   */\n  value?: number | null;\n  /**\n   * The change event handler.\n   * Returns null when the input value is empty.\n   * @default undefined\n   */\n  onChange?: (value: number | null) => void;\n}\n\ninterface Selection {\n  start: number;\n  end: number;\n}\n\n/**\n * The input for entering a number.\n */\nconst InputNumber = forwardRef<HTMLInputElement, InputNumberProps>(\n  (\n    {\n      min = 0,\n      max = 2147483647,\n      precision = 0,\n      prefix = '',\n      suffix = '',\n      decimalSeparator = '.',\n      thousandsSeparator = ' ',\n      locale = defaultLocale,\n      value = null,\n      onChange = () => {},\n      onSelect = () => {},\n      onFocus = () => {},\n      ...rest\n    },\n    ref\n  ) => {\n    useValidate({\n      min,\n      max,\n      precision,\n      prefix,\n      suffix,\n      decimalSeparator,\n      thousandsSeparator,\n    });\n\n    const options = useMemo(\n      () => ({\n        min,\n        max,\n        precision,\n        prefix,\n        suffix,\n        decimalSeparator,\n        thousandsSeparator,\n      }),\n      [\n        min,\n        max,\n        precision,\n        prefix,\n        suffix,\n        decimalSeparator,\n        thousandsSeparator,\n      ]\n    );\n\n    const [inputRef, mergedInputRef] = useForwardedRef(ref);\n    const [valueString, setValueString] = useState<string>(\n      numberToFormattedString(value, options)\n    );\n    const [selection, setSelection] = useState<Selection>({ start: 0, end: 0 });\n    const getCaretWithinValue = useGetCaretWithinValue(prefix, suffix);\n\n    // Update the value\n    useEffect(() => {\n      setValueString(numberToFormattedString(value, options));\n    }, [value, options]);\n\n    // Update the selection\n    useEffect(() => {\n      if (!inputRef.current) return;\n      inputRef.current.setSelectionRange(selection.start, selection.end);\n    }, [inputRef, selection]);\n\n    return (\n      <Input\n        onSelect={(e) => {\n          // Update the selection state.\n          // Don't use `getCaretWithinValue` here to allow a user to copy\n          // the input value with a prefix and suffix.\n          const { selectionStart, selectionEnd } = e.currentTarget;\n          setSelection({ start: selectionStart || 0, end: selectionEnd || 0 });\n          onSelect(e);\n        }}\n        onFocus={(e) => {\n          // Move the caret to the end of the input value and before the suffix\n          setSelection({\n            start: getCaretWithinValue(valueString.length, valueString),\n            end: getCaretWithinValue(valueString.length, valueString),\n          });\n          onFocus(e);\n        }}\n        value={valueString}\n        onChange={(v, e) => {\n          // Get a new value as a string and number\n          const nextState = getNextState(v, options);\n\n          // Set the new string value in the input field\n          setValueString(nextState.valueString);\n\n          // Send the new numeric value in the onChange callback\n          onChange(nextState.valueNumber);\n\n          // Update the caret position\n          const nextCaret = getCaretWithinValue(\n            getNextCaret({\n              value: v,\n              prevValueString: valueString,\n              nextValueString: nextState.valueString,\n              prevCaret: selection.end,\n              deleteKeyPressed:\n                (e.nativeEvent as InputEvent).inputType ===\n                'deleteContentBackward',\n              options,\n            }),\n            nextState.valueString\n          );\n          setSelection({ start: nextCaret, end: nextCaret });\n        }}\n        role='spinbutton'\n        aria-valuenow={\n          value !== undefined && value !== null ? value : undefined\n        }\n        aria-valuemin={min}\n        aria-valuemax={max}\n        aria-valuetext={valueString === '' ? locale.emptyLabel : undefined}\n        inputMode='decimal'\n        autoComplete='off'\n        autoCorrect='off'\n        {...rest}\n        ref={mergedInputRef}\n      />\n    );\n  }\n);\n\nInputNumber.displayName = 'InputNumber';\n\nexport default InputNumber;\n"],"mappings":"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"}

package/dist/cjs/InputNumber/utils/defaultLocale.js.map

@@ -1 +1 @@
-{"version":3,"file":"defaultLocale.js","names":["defaultLocale","emptyLabel"],"sources":["../../../../src/InputNumber/utils/defaultLocale.ts"],"sourcesContent":["export interface InputNumberLocale {\n  emptyLabel: string;\n}\n\nconst defaultLocale: InputNumberLocale = {\n  emptyLabel: 'Empty',\n};\n\nexport default defaultLocale;\n"],"mappings":";;;;;;AAIA,IAAMA,aAAgC,GAAG;EACvCC,UAAU,EAAE;AAD2B,CAAzC;eAIeD,a"}
+{"version":3,"file":"defaultLocale.js","names":["defaultLocale","emptyLabel"],"sources":["../../../../src/InputNumber/utils/defaultLocale.ts"],"sourcesContent":["export interface InputNumberLocale {\n  emptyLabel: string;\n}\n\nconst defaultLocale: InputNumberLocale = {\n  emptyLabel: 'Empty',\n};\n\nexport default defaultLocale;\n"],"mappings":";;;;;;AAIA,IAAMA,aAAgC,GAAG;EACvCC,UAAU,EAAE;AACd,CAAC;AAAC,eAEaD,aAAa;AAAA"}

package/dist/cjs/InputPassword/index.js

@@ -1,116 +1,84 @@
 "use strict";
 
 function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = void 0;
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _icons = require("@os-design/icons");
-
 var _theming = require("@os-design/theming");
-
 var _utils = require("@os-design/utils");
-
 var _passwordScore = _interopRequireDefault(require("@os-team/password-score"));
-
 var _styled = _interopRequireDefault(require("@emotion/styled"));
-
 var _Input = _interopRequireDefault(require("../Input"));
-
 var _Button = _interopRequireDefault(require("../Button"));
-
 var _Progress = _interopRequireDefault(require("../Progress"));
-
 var _defaultLocale = _interopRequireDefault(require("./utils/defaultLocale"));
-
 var _excluded = ["showStrengthMeter", "strengthNames", "strengthThresholds", "locale", "value", "defaultValue", "onChange", "onSelect", "disabled", "right"];
-
 var _templateObject;
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-
 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 _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
 function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
-
 function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-
 function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-
 function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
-
 function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
-
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-
 function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
-
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-
 function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
-
 var StrengthMeterProgress = (0, _styled["default"])(_Progress["default"])(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  margin-top: 0.4em;\n"])));
+
 /**
  * The input for entering a password.
  */
-
 var InputPassword = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
   var _ref$showStrengthMete = _ref.showStrengthMeter,
-      showStrengthMeter = _ref$showStrengthMete === void 0 ? false : _ref$showStrengthMete,
-      strengthNames = _ref.strengthNames,
-      _ref$strengthThreshol = _ref.strengthThresholds,
-      strengthThresholds = _ref$strengthThreshol === void 0 ? [30, 60, 80] : _ref$strengthThreshol,
-      _ref$locale = _ref.locale,
-      locale = _ref$locale === void 0 ? _defaultLocale["default"] : _ref$locale,
-      value = _ref.value,
-      defaultValue = _ref.defaultValue,
-      _ref$onChange = _ref.onChange,
-      onChange = _ref$onChange === void 0 ? function () {} : _ref$onChange,
-      _ref$onSelect = _ref.onSelect,
-      _onSelect = _ref$onSelect === void 0 ? function () {} : _ref$onSelect,
-      disabled = _ref.disabled,
-      right = _ref.right,
-      rest = _objectWithoutProperties(_ref, _excluded);
-
+    showStrengthMeter = _ref$showStrengthMete === void 0 ? false : _ref$showStrengthMete,
+    strengthNames = _ref.strengthNames,
+    _ref$strengthThreshol = _ref.strengthThresholds,
+    strengthThresholds = _ref$strengthThreshol === void 0 ? [30, 60, 80] : _ref$strengthThreshol,
+    _ref$locale = _ref.locale,
+    locale = _ref$locale === void 0 ? _defaultLocale["default"] : _ref$locale,
+    value = _ref.value,
+    defaultValue = _ref.defaultValue,
+    _ref$onChange = _ref.onChange,
+    onChange = _ref$onChange === void 0 ? function () {} : _ref$onChange,
+    _ref$onSelect = _ref.onSelect,
+    _onSelect = _ref$onSelect === void 0 ? function () {} : _ref$onSelect,
+    disabled = _ref.disabled,
+    right = _ref.right,
+    rest = _objectWithoutProperties(_ref, _excluded);
   var _useForwardedRef = (0, _utils.useForwardedRef)(ref),
-      _useForwardedRef2 = _slicedToArray(_useForwardedRef, 2),
-      inputRef = _useForwardedRef2[0],
-      mergedInputRef = _useForwardedRef2[1];
-
+    _useForwardedRef2 = _slicedToArray(_useForwardedRef, 2),
+    inputRef = _useForwardedRef2[0],
+    mergedInputRef = _useForwardedRef2[1];
   var _useForwardedState = (0, _utils.useForwardedState)({
-    value: value,
-    defaultValue: defaultValue,
-    onChange: onChange
-  }),
-      _useForwardedState2 = _slicedToArray(_useForwardedState, 2),
-      forwardedValue = _useForwardedState2[0],
-      setForwardedValue = _useForwardedState2[1];
-
+      value: value,
+      defaultValue: defaultValue,
+      onChange: onChange
+    }),
+    _useForwardedState2 = _slicedToArray(_useForwardedState, 2),
+    forwardedValue = _useForwardedState2[0],
+    setForwardedValue = _useForwardedState2[1];
   var _useState = (0, _react.useState)({
-    start: 0,
-    end: 0
-  }),
-      _useState2 = _slicedToArray(_useState, 2),
-      selection = _useState2[0],
-      setSelection = _useState2[1];
-
+      start: 0,
+      end: 0
+    }),
+    _useState2 = _slicedToArray(_useState, 2),
+    selection = _useState2[0],
+    setSelection = _useState2[1];
   var _useState3 = (0, _react.useState)(true),
-      _useState4 = _slicedToArray(_useState3, 2),
-      invisible = _useState4[0],
-      setInvisible = _useState4[1];
-
+    _useState4 = _slicedToArray(_useState3, 2),
+    invisible = _useState4[0],
+    setInvisible = _useState4[1];
   var _useTheme = (0, _theming.useTheme)(),
-      theme = _useTheme.theme; // Update the selection of the input when changing the invisible flag
-
+    theme = _useTheme.theme;
 
+  // Update the selection of the input when changing the invisible flag
   (0, _react.useEffect)(function () {
     if (!inputRef.current) return;
     inputRef.current.setSelectionRange(selection.start, selection.end);
@@ -125,21 +93,18 @@ var InputPassword = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
         color: theme.inputPasswordColorPowerful
       };
     }
-
     if (score >= strengthThresholds[1]) {
       return {
         name: 'strong',
         color: theme.inputPasswordColorStrong
       };
     }
-
     if (score >= strengthThresholds[0]) {
       return {
         name: 'good',
         color: theme.inputPasswordColorGood
       };
     }
-
     return {
       name: 'weak',
       color: theme.inputPasswordColorWeak
@@ -165,13 +130,12 @@ var InputPassword = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
     onSelect: function onSelect(e) {
       // Update the selection state
       var _e$currentTarget = e.currentTarget,
-          selectionStart = _e$currentTarget.selectionStart,
-          selectionEnd = _e$currentTarget.selectionEnd;
+        selectionStart = _e$currentTarget.selectionStart,
+        selectionEnd = _e$currentTarget.selectionEnd;
       setSelection({
         start: selectionStart || 0,
         end: selectionEnd || 0
       });
-
       _onSelect(e);
     },
     disabled: disabled
@@ -180,12 +144,10 @@ var InputPassword = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
   })), showStrengthMeter && /*#__PURE__*/_react["default"].createElement(_theming.ThemeOverrider, {
     overrides: {
       progressColorStroke: strength.color,
-
       get progressColorStrokeSuccess() {
         // eslint-disable-next-line react/no-this-in-sfc
         return this.progressColorStroke;
       }
-
     }
   }, /*#__PURE__*/_react["default"].createElement(StrengthMeterProgress, {
     size: "small",

package/dist/cjs/InputPassword/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["StrengthMeterProgress","styled","Progress","InputPassword","forwardRef","ref","showStrengthMeter","strengthNames","strengthThresholds","locale","defaultLocale","value","defaultValue","onChange","onSelect","disabled","right","rest","useForwardedRef","inputRef","mergedInputRef","useForwardedState","forwardedValue","setForwardedValue","useState","start","end","selection","setSelection","invisible","setInvisible","useTheme","theme","useEffect","current","setSelectionRange","score","useMemo","getPasswordScore","strength","name","color","inputPasswordColorPowerful","inputPasswordColorStrong","inputPasswordColorGood","inputPasswordColorWeak","focus","showLabel","hideLabel","e","currentTarget","selectionStart","selectionEnd","progressColorStroke","progressColorStrokeSuccess","undefined","displayName"],"sources":["../../../src/InputPassword/index.tsx"],"sourcesContent":["import React, { forwardRef, useEffect, useMemo, useState } from 'react';\nimport { Eye, EyeInvisible } from '@os-design/icons';\nimport { ThemeOverrider, useTheme } from '@os-design/theming';\nimport { useForwardedRef, useForwardedState } from '@os-design/utils';\nimport getPasswordScore from '@os-team/password-score';\nimport styled from '@emotion/styled';\nimport Input, { InputProps } from '../Input';\nimport Button from '../Button';\nimport Progress from '../Progress';\nimport defaultLocale, { InputPasswordLocale } from './utils/defaultLocale';\n\nexport interface InputPasswordProps extends Omit<InputProps, 'type'> {\n  /**\n   * Whether the password strength meter is visible.\n   * @default false\n   */\n  showStrengthMeter?: boolean;\n  /**\n   * The name of a weak, good, strong, and powerful password.\n   * Located to the right of the password strength meter.\n   * @default undefined\n   */\n  strengthNames?: Record<'weak' | 'good' | 'strong' | 'powerful', string>;\n  /**\n   * From what number of score the password is considered\n   * good, strong, and powerful.\n   * @default [30, 60, 80]\n   */\n  strengthThresholds?: [number, number, number];\n  /**\n   * The locale.\n   * @default undefined\n   */\n  locale?: InputPasswordLocale;\n  /**\n   * The input value.\n   * @default undefined\n   */\n  value?: string;\n  /**\n   * The default value.\n   * @default undefined\n   */\n  defaultValue?: string;\n  /**\n   * The change event handler.\n   * @default undefined\n   */\n  onChange?: (value: string) => void;\n}\n\ninterface Selection {\n  start: number;\n  end: number;\n}\n\nconst StrengthMeterProgress = styled(Progress)`\n  margin-top: 0.4em;\n`;\n\n/**\n * The input for entering a password.\n */\nconst InputPassword = forwardRef<HTMLInputElement, InputPasswordProps>(\n  (\n    {\n      showStrengthMeter = false,\n      strengthNames,\n      strengthThresholds = [30, 60, 80],\n      locale = defaultLocale,\n      value,\n      defaultValue,\n      onChange = () => {},\n      onSelect = () => {},\n      disabled,\n      right,\n      ...rest\n    },\n    ref\n  ) => {\n    const [inputRef, mergedInputRef] = useForwardedRef(ref);\n    const [forwardedValue, setForwardedValue] = useForwardedState({\n      value,\n      defaultValue,\n      onChange,\n    });\n    const [selection, setSelection] = useState<Selection>({ start: 0, end: 0 });\n    const [invisible, setInvisible] = useState(true);\n    const { theme } = useTheme();\n\n    // Update the selection of the input when changing the invisible flag\n    useEffect(() => {\n      if (!inputRef.current) return;\n      inputRef.current.setSelectionRange(selection.start, selection.end);\n    }, [inputRef, selection, invisible]);\n\n    const score = useMemo(\n      () => getPasswordScore(forwardedValue || ''),\n      [forwardedValue]\n    );\n\n    const strength = useMemo(() => {\n      if (score >= strengthThresholds[2]) {\n        return {\n          name: 'powerful',\n          color: theme.inputPasswordColorPowerful,\n        };\n      }\n      if (score >= strengthThresholds[1]) {\n        return {\n          name: 'strong',\n          color: theme.inputPasswordColorStrong,\n        };\n      }\n      if (score >= strengthThresholds[0]) {\n        return {\n          name: 'good',\n          color: theme.inputPasswordColorGood,\n        };\n      }\n      return {\n        name: 'weak',\n        color: theme.inputPasswordColorWeak,\n      };\n    }, [\n      score,\n      strengthThresholds,\n      theme.inputPasswordColorPowerful,\n      theme.inputPasswordColorStrong,\n      theme.inputPasswordColorGood,\n      theme.inputPasswordColorWeak,\n    ]);\n\n    return (\n      <>\n        <Input\n          type={invisible ? 'password' : 'text'}\n          right={\n            <>\n              <Button\n                key='invisible-button'\n                type='ghost'\n                wide='never'\n                size='small'\n                disabled={disabled}\n                onClick={() => {\n                  setInvisible(!invisible);\n                  if (!inputRef.current) return;\n                  inputRef.current.focus();\n                }}\n                aria-label={invisible ? locale.showLabel : locale.hideLabel}\n              >\n                {invisible ? <EyeInvisible /> : <Eye />}\n              </Button>\n              {right}\n            </>\n          }\n          value={forwardedValue}\n          onChange={setForwardedValue}\n          onSelect={(e) => {\n            // Update the selection state\n            const { selectionStart, selectionEnd } = e.currentTarget;\n            setSelection({\n              start: selectionStart || 0,\n              end: selectionEnd || 0,\n            });\n            onSelect(e);\n          }}\n          disabled={disabled}\n          {...rest}\n          ref={mergedInputRef}\n        />\n        {showStrengthMeter && (\n          <ThemeOverrider\n            overrides={{\n              progressColorStroke: strength.color,\n              get progressColorStrokeSuccess() {\n                // eslint-disable-next-line react/no-this-in-sfc\n                return this.progressColorStroke;\n              },\n            }}\n          >\n            <StrengthMeterProgress\n              size='small'\n              height='0.25em'\n              percent={score}\n              text={strengthNames ? strengthNames[strength.name] : undefined}\n            />\n          </ThemeOverrider>\n        )}\n      </>\n    );\n  }\n);\n\nInputPassword.displayName = 'InputPassword';\n\nexport default InputPassword;\n"],"mappings":"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"}
+{"version":3,"file":"index.js","names":["StrengthMeterProgress","styled","Progress","InputPassword","forwardRef","ref","showStrengthMeter","strengthNames","strengthThresholds","locale","defaultLocale","value","defaultValue","onChange","onSelect","disabled","right","rest","useForwardedRef","inputRef","mergedInputRef","useForwardedState","forwardedValue","setForwardedValue","useState","start","end","selection","setSelection","invisible","setInvisible","useTheme","theme","useEffect","current","setSelectionRange","score","useMemo","getPasswordScore","strength","name","color","inputPasswordColorPowerful","inputPasswordColorStrong","inputPasswordColorGood","inputPasswordColorWeak","focus","showLabel","hideLabel","e","currentTarget","selectionStart","selectionEnd","progressColorStroke","progressColorStrokeSuccess","undefined","displayName"],"sources":["../../../src/InputPassword/index.tsx"],"sourcesContent":["import React, { forwardRef, useEffect, useMemo, useState } from 'react';\nimport { Eye, EyeInvisible } from '@os-design/icons';\nimport { ThemeOverrider, useTheme } from '@os-design/theming';\nimport { useForwardedRef, useForwardedState } from '@os-design/utils';\nimport getPasswordScore from '@os-team/password-score';\nimport styled from '@emotion/styled';\nimport Input, { InputProps } from '../Input';\nimport Button from '../Button';\nimport Progress from '../Progress';\nimport defaultLocale, { InputPasswordLocale } from './utils/defaultLocale';\n\nexport interface InputPasswordProps extends Omit<InputProps, 'type'> {\n  /**\n   * Whether the password strength meter is visible.\n   * @default false\n   */\n  showStrengthMeter?: boolean;\n  /**\n   * The name of a weak, good, strong, and powerful password.\n   * Located to the right of the password strength meter.\n   * @default undefined\n   */\n  strengthNames?: Record<'weak' | 'good' | 'strong' | 'powerful', string>;\n  /**\n   * From what number of score the password is considered\n   * good, strong, and powerful.\n   * @default [30, 60, 80]\n   */\n  strengthThresholds?: [number, number, number];\n  /**\n   * The locale.\n   * @default undefined\n   */\n  locale?: InputPasswordLocale;\n  /**\n   * The input value.\n   * @default undefined\n   */\n  value?: string;\n  /**\n   * The default value.\n   * @default undefined\n   */\n  defaultValue?: string;\n  /**\n   * The change event handler.\n   * @default undefined\n   */\n  onChange?: (value: string) => void;\n}\n\ninterface Selection {\n  start: number;\n  end: number;\n}\n\nconst StrengthMeterProgress = styled(Progress)`\n  margin-top: 0.4em;\n`;\n\n/**\n * The input for entering a password.\n */\nconst InputPassword = forwardRef<HTMLInputElement, InputPasswordProps>(\n  (\n    {\n      showStrengthMeter = false,\n      strengthNames,\n      strengthThresholds = [30, 60, 80],\n      locale = defaultLocale,\n      value,\n      defaultValue,\n      onChange = () => {},\n      onSelect = () => {},\n      disabled,\n      right,\n      ...rest\n    },\n    ref\n  ) => {\n    const [inputRef, mergedInputRef] = useForwardedRef(ref);\n    const [forwardedValue, setForwardedValue] = useForwardedState({\n      value,\n      defaultValue,\n      onChange,\n    });\n    const [selection, setSelection] = useState<Selection>({ start: 0, end: 0 });\n    const [invisible, setInvisible] = useState(true);\n    const { theme } = useTheme();\n\n    // Update the selection of the input when changing the invisible flag\n    useEffect(() => {\n      if (!inputRef.current) return;\n      inputRef.current.setSelectionRange(selection.start, selection.end);\n    }, [inputRef, selection, invisible]);\n\n    const score = useMemo(\n      () => getPasswordScore(forwardedValue || ''),\n      [forwardedValue]\n    );\n\n    const strength = useMemo(() => {\n      if (score >= strengthThresholds[2]) {\n        return {\n          name: 'powerful',\n          color: theme.inputPasswordColorPowerful,\n        };\n      }\n      if (score >= strengthThresholds[1]) {\n        return {\n          name: 'strong',\n          color: theme.inputPasswordColorStrong,\n        };\n      }\n      if (score >= strengthThresholds[0]) {\n        return {\n          name: 'good',\n          color: theme.inputPasswordColorGood,\n        };\n      }\n      return {\n        name: 'weak',\n        color: theme.inputPasswordColorWeak,\n      };\n    }, [\n      score,\n      strengthThresholds,\n      theme.inputPasswordColorPowerful,\n      theme.inputPasswordColorStrong,\n      theme.inputPasswordColorGood,\n      theme.inputPasswordColorWeak,\n    ]);\n\n    return (\n      <>\n        <Input\n          type={invisible ? 'password' : 'text'}\n          right={\n            <>\n              <Button\n                key='invisible-button'\n                type='ghost'\n                wide='never'\n                size='small'\n                disabled={disabled}\n                onClick={() => {\n                  setInvisible(!invisible);\n                  if (!inputRef.current) return;\n                  inputRef.current.focus();\n                }}\n                aria-label={invisible ? locale.showLabel : locale.hideLabel}\n              >\n                {invisible ? <EyeInvisible /> : <Eye />}\n              </Button>\n              {right}\n            </>\n          }\n          value={forwardedValue}\n          onChange={setForwardedValue}\n          onSelect={(e) => {\n            // Update the selection state\n            const { selectionStart, selectionEnd } = e.currentTarget;\n            setSelection({\n              start: selectionStart || 0,\n              end: selectionEnd || 0,\n            });\n            onSelect(e);\n          }}\n          disabled={disabled}\n          {...rest}\n          ref={mergedInputRef}\n        />\n        {showStrengthMeter && (\n          <ThemeOverrider\n            overrides={{\n              progressColorStroke: strength.color,\n              get progressColorStrokeSuccess() {\n                // eslint-disable-next-line react/no-this-in-sfc\n                return this.progressColorStroke;\n              },\n            }}\n          >\n            <StrengthMeterProgress\n              size='small'\n              height='0.25em'\n              percent={score}\n              text={strengthNames ? strengthNames[strength.name] : undefined}\n            />\n          </ThemeOverrider>\n        )}\n      </>\n    );\n  }\n);\n\nInputPassword.displayName = 'InputPassword';\n\nexport default InputPassword;\n"],"mappings":"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"}

package/dist/cjs/InputPassword/utils/defaultLocale.js.map

@@ -1 +1 @@
-{"version":3,"file":"defaultLocale.js","names":["defaultLocale","showLabel","hideLabel"],"sources":["../../../../src/InputPassword/utils/defaultLocale.ts"],"sourcesContent":["export interface InputPasswordLocale {\n  showLabel: string;\n  hideLabel: string;\n}\n\nconst defaultLocale: InputPasswordLocale = {\n  showLabel: 'Show password',\n  hideLabel: 'Hide password',\n};\n\nexport default defaultLocale;\n"],"mappings":";;;;;;AAKA,IAAMA,aAAkC,GAAG;EACzCC,SAAS,EAAE,eAD8B;EAEzCC,SAAS,EAAE;AAF8B,CAA3C;eAKeF,a"}
+{"version":3,"file":"defaultLocale.js","names":["defaultLocale","showLabel","hideLabel"],"sources":["../../../../src/InputPassword/utils/defaultLocale.ts"],"sourcesContent":["export interface InputPasswordLocale {\n  showLabel: string;\n  hideLabel: string;\n}\n\nconst defaultLocale: InputPasswordLocale = {\n  showLabel: 'Show password',\n  hideLabel: 'Hide password',\n};\n\nexport default defaultLocale;\n"],"mappings":";;;;;;AAKA,IAAMA,aAAkC,GAAG;EACzCC,SAAS,EAAE,eAAe;EAC1BC,SAAS,EAAE;AACb,CAAC;AAAC,eAEaF,aAAa;AAAA"}