@cloudscape-design/components 3.0.220 → 3.0.222

package/internal/components/masked-input/keyboard-handler.js

@@ -6,20 +6,20 @@
  * @param selectionStart Starting index value of selection cursor
  * @param selectionEnd Ending Index value of selection cursor
  */
-export var backspaceHandler = function (initialValue, format, selectionStart, selectionEnd) {
-    var multiCharDelete = selectionStart !== selectionEnd;
+export const backspaceHandler = (initialValue, format, selectionStart, selectionEnd) => {
+    const multiCharDelete = selectionStart !== selectionEnd;
     if (multiCharDelete) {
-        var isCursorAtEnd = selectionEnd === initialValue.length;
+        const isCursorAtEnd = selectionEnd === initialValue.length;
         if (!isCursorAtEnd) {
             return format.replaceDigitsWithZeroes(initialValue, selectionStart, selectionEnd);
         }
         return {
             value: initialValue.slice(0, selectionStart),
-            position: selectionStart
+            position: selectionStart,
         };
     }
-    var isSeparator = format.isSegmentStart(selectionStart);
-    var atEnd = selectionStart === initialValue.length;
+    const isSeparator = format.isSegmentStart(selectionStart);
+    const atEnd = selectionStart === initialValue.length;
     if (!atEnd) {
         if (isSeparator) {
             return format.deleteSeparator(initialValue, selectionStart);
@@ -31,12 +31,12 @@ export var backspaceHandler = function (initialValue, format, selectionStart, se
     if (isSeparator) {
         return {
             value: initialValue.slice(0, selectionStart - 2),
-            position: selectionStart - 2
+            position: selectionStart - 2,
         };
     }
     return {
         value: initialValue.slice(0, selectionStart - 1),
-        position: selectionStart - 1
+        position: selectionStart - 1,
     };
 };
 /**
@@ -48,26 +48,26 @@ export var backspaceHandler = function (initialValue, format, selectionStart, se
  * @param selectionStart Starting index value of selection cursor
  * @param selectionEnd Ending Index value of selection cursor
  */
-export var keyHandler = function (initialValue, key, format, selectionStart, selectionEnd) {
-    var value = initialValue;
-    var position = selectionStart;
+export const keyHandler = (initialValue, key, format, selectionStart, selectionEnd) => {
+    let value = initialValue;
+    const position = selectionStart;
     // return if no more digits can be added at the end
     if (selectionStart === value.length && value.length === format.getMaxLength()) {
-        return { value: value, position: position };
+        return { value, position };
     }
     // if range is selected to the end, remove all of that selection first
     if (selectionStart !== value.length && selectionEnd === value.length) {
-        var sliceEnd = format.isCursorAtSeparator(selectionStart) ? selectionStart + 1 : selectionStart;
+        const sliceEnd = format.isCursorAtSeparator(selectionStart) ? selectionStart + 1 : selectionStart;
         value = initialValue.slice(0, sliceEnd);
     }
     if (format.isCursorAtSeparator(position)) {
-        return { value: value, position: position + 1 };
+        return { value, position: position + 1 };
     }
     return format.processKey(value, key, position);
 };
-export var enterHandler = function (value, format) {
-    var autoCompletedValue = format.autoComplete(value);
-    var position = autoCompletedValue.length;
-    return { value: autoCompletedValue, position: position };
+export const enterHandler = (value, format) => {
+    const autoCompletedValue = format.autoComplete(value);
+    const position = autoCompletedValue.length;
+    return { value: autoCompletedValue, position };
 };
 //# sourceMappingURL=keyboard-handler.js.map

package/internal/components/masked-input/keyboard-handler.js.map

@@ -1 +1 @@
-{"version":3,"file":"keyboard-handler.js","sourceRoot":"","sources":["../../../../../src/internal/components/masked-input/keyboard-handler.ts"],"names":[],"mappings":"AASA;;;;;;;GAOG;AACH,MAAM,CAAC,IAAM,gBAAgB,GAAG,UAC9B,YAAoB,EACpB,MAAkB,EAClB,cAAsB,EACtB,YAAoB;IAEpB,IAAM,eAAe,GAAG,cAAc,KAAK,YAAY,CAAC;IACxD,IAAI,eAAe,EAAE;QACnB,IAAM,aAAa,GAAG,YAAY,KAAK,YAAY,CAAC,MAAM,CAAC;QAC3D,IAAI,CAAC,aAAa,EAAE;YAClB,OAAO,MAAM,CAAC,uBAAuB,CAAC,YAAY,EAAE,cAAc,EAAE,YAAY,CAAC,CAAC;SACnF;QAED,OAAO;YACL,KAAK,EAAE,YAAY,CAAC,KAAK,CAAC,CAAC,EAAE,cAAc,CAAC;YAC5C,QAAQ,EAAE,cAAc;SACzB,CAAC;KACH;IAED,IAAM,WAAW,GAAG,MAAM,CAAC,cAAc,CAAC,cAAc,CAAC,CAAC;IAC1D,IAAM,KAAK,GAAG,cAAc,KAAK,YAAY,CAAC,MAAM,CAAC;IAErD,IAAI,CAAC,KAAK,EAAE;QACV,IAAI,WAAW,EAAE;YACf,OAAO,MAAM,CAAC,eAAe,CAAC,YAAY,EAAE,cAAc,CAAC,CAAC;SAC7D;aAAM;YACL,OAAO,MAAM,CAAC,WAAW,CAAC,YAAY,EAAE,cAAc,CAAC,CAAC;SACzD;KACF;IAED,IAAI,WAAW,EAAE;QACf,OAAO;YACL,KAAK,EAAE,YAAY,CAAC,KAAK,CAAC,CAAC,EAAE,cAAc,GAAG,CAAC,CAAC;YAChD,QAAQ,EAAE,cAAc,GAAG,CAAC;SAC7B,CAAC;KACH;IAED,OAAO;QACL,KAAK,EAAE,YAAY,CAAC,KAAK,CAAC,CAAC,EAAE,cAAc,GAAG,CAAC,CAAC;QAChD,QAAQ,EAAE,cAAc,GAAG,CAAC;KAC7B,CAAC;AACJ,CAAC,CAAC;AAEF;;;;;;;;GAQG;AACH,MAAM,CAAC,IAAM,UAAU,GAAG,UACxB,YAAoB,EACpB,GAAW,EACX,MAAkB,EAClB,cAAsB,EACtB,YAAoB;IAEpB,IAAI,KAAK,GAAG,YAAY,CAAC;IACzB,IAAM,QAAQ,GAAG,cAAc,CAAC;IAEhC,mDAAmD;IACnD,IAAI,cAAc,KAAK,KAAK,CAAC,MAAM,IAAI,KAAK,CAAC,MAAM,KAAK,MAAM,CAAC,YAAY,EAAE,EAAE;QAC7E,OAAO,EAAE,KAAK,OAAA,EAAE,QAAQ,UAAA,EAAE,CAAC;KAC5B;IAED,sEAAsE;IACtE,IAAI,cAAc,KAAK,KAAK,CAAC,MAAM,IAAI,YAAY,KAAK,KAAK,CAAC,MAAM,EAAE;QACpE,IAAM,QAAQ,GAAG,MAAM,CAAC,mBAAmB,CAAC,cAAc,CAAC,CAAC,CAAC,CAAC,cAAc,GAAG,CAAC,CAAC,CAAC,CAAC,cAAc,CAAC;QAClG,KAAK,GAAG,YAAY,CAAC,KAAK,CAAC,CAAC,EAAE,QAAQ,CAAC,CAAC;KACzC;IAED,IAAI,MAAM,CAAC,mBAAmB,CAAC,QAAQ,CAAC,EAAE;QACxC,OAAO,EAAE,KAAK,OAAA,EAAE,QAAQ,EAAE,QAAQ,GAAG,CAAC,EAAE,CAAC;KAC1C;IAED,OAAO,MAAM,CAAC,UAAU,CAAC,KAAK,EAAE,GAAG,EAAE,QAAQ,CAAC,CAAC;AACjD,CAAC,CAAC;AAEF,MAAM,CAAC,IAAM,YAAY,GAAG,UAAC,KAAa,EAAE,MAAkB;IAC5D,IAAM,kBAAkB,GAAG,MAAM,CAAC,YAAY,CAAC,KAAK,CAAC,CAAC;IACtD,IAAM,QAAQ,GAAG,kBAAkB,CAAC,MAAM,CAAC;IAC3C,OAAO,EAAE,KAAK,EAAE,kBAAkB,EAAE,QAAQ,UAAA,EAAE,CAAC;AACjD,CAAC,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport MaskFormat from './utils/mask-format';\n\nexport interface HandlerResult {\n  position: number;\n  value: string;\n}\n\n/**\n * Handles character removal\n *\n * @param initialValue Current value of input\n * @param format MaskFormat object\n * @param selectionStart Starting index value of selection cursor\n * @param selectionEnd Ending Index value of selection cursor\n */\nexport const backspaceHandler = (\n  initialValue: string,\n  format: MaskFormat,\n  selectionStart: number,\n  selectionEnd: number\n): HandlerResult => {\n  const multiCharDelete = selectionStart !== selectionEnd;\n  if (multiCharDelete) {\n    const isCursorAtEnd = selectionEnd === initialValue.length;\n    if (!isCursorAtEnd) {\n      return format.replaceDigitsWithZeroes(initialValue, selectionStart, selectionEnd);\n    }\n\n    return {\n      value: initialValue.slice(0, selectionStart),\n      position: selectionStart,\n    };\n  }\n\n  const isSeparator = format.isSegmentStart(selectionStart);\n  const atEnd = selectionStart === initialValue.length;\n\n  if (!atEnd) {\n    if (isSeparator) {\n      return format.deleteSeparator(initialValue, selectionStart);\n    } else {\n      return format.deleteDigit(initialValue, selectionStart);\n    }\n  }\n\n  if (isSeparator) {\n    return {\n      value: initialValue.slice(0, selectionStart - 2),\n      position: selectionStart - 2,\n    };\n  }\n\n  return {\n    value: initialValue.slice(0, selectionStart - 1),\n    position: selectionStart - 1,\n  };\n};\n\n/**\n * Handle key down events\n *\n * @param initialValue Current value of input\n * @param key Key that was pressed\n * @param format MaskFormat object\n * @param selectionStart Starting index value of selection cursor\n * @param selectionEnd Ending Index value of selection cursor\n */\nexport const keyHandler = (\n  initialValue: string,\n  key: string,\n  format: MaskFormat,\n  selectionStart: number,\n  selectionEnd: number\n): HandlerResult => {\n  let value = initialValue;\n  const position = selectionStart;\n\n  // return if no more digits can be added at the end\n  if (selectionStart === value.length && value.length === format.getMaxLength()) {\n    return { value, position };\n  }\n\n  // if range is selected to the end, remove all of that selection first\n  if (selectionStart !== value.length && selectionEnd === value.length) {\n    const sliceEnd = format.isCursorAtSeparator(selectionStart) ? selectionStart + 1 : selectionStart;\n    value = initialValue.slice(0, sliceEnd);\n  }\n\n  if (format.isCursorAtSeparator(position)) {\n    return { value, position: position + 1 };\n  }\n\n  return format.processKey(value, key, position);\n};\n\nexport const enterHandler = (value: string, format: MaskFormat): HandlerResult => {\n  const autoCompletedValue = format.autoComplete(value);\n  const position = autoCompletedValue.length;\n  return { value: autoCompletedValue, position };\n};\n"]}
+{"version":3,"file":"keyboard-handler.js","sourceRoot":"","sources":["../../../../../src/internal/components/masked-input/keyboard-handler.ts"],"names":[],"mappings":"AASA;;;;;;;GAOG;AACH,MAAM,CAAC,MAAM,gBAAgB,GAAG,CAC9B,YAAoB,EACpB,MAAkB,EAClB,cAAsB,EACtB,YAAoB,EACL,EAAE;IACjB,MAAM,eAAe,GAAG,cAAc,KAAK,YAAY,CAAC;IACxD,IAAI,eAAe,EAAE;QACnB,MAAM,aAAa,GAAG,YAAY,KAAK,YAAY,CAAC,MAAM,CAAC;QAC3D,IAAI,CAAC,aAAa,EAAE;YAClB,OAAO,MAAM,CAAC,uBAAuB,CAAC,YAAY,EAAE,cAAc,EAAE,YAAY,CAAC,CAAC;SACnF;QAED,OAAO;YACL,KAAK,EAAE,YAAY,CAAC,KAAK,CAAC,CAAC,EAAE,cAAc,CAAC;YAC5C,QAAQ,EAAE,cAAc;SACzB,CAAC;KACH;IAED,MAAM,WAAW,GAAG,MAAM,CAAC,cAAc,CAAC,cAAc,CAAC,CAAC;IAC1D,MAAM,KAAK,GAAG,cAAc,KAAK,YAAY,CAAC,MAAM,CAAC;IAErD,IAAI,CAAC,KAAK,EAAE;QACV,IAAI,WAAW,EAAE;YACf,OAAO,MAAM,CAAC,eAAe,CAAC,YAAY,EAAE,cAAc,CAAC,CAAC;SAC7D;aAAM;YACL,OAAO,MAAM,CAAC,WAAW,CAAC,YAAY,EAAE,cAAc,CAAC,CAAC;SACzD;KACF;IAED,IAAI,WAAW,EAAE;QACf,OAAO;YACL,KAAK,EAAE,YAAY,CAAC,KAAK,CAAC,CAAC,EAAE,cAAc,GAAG,CAAC,CAAC;YAChD,QAAQ,EAAE,cAAc,GAAG,CAAC;SAC7B,CAAC;KACH;IAED,OAAO;QACL,KAAK,EAAE,YAAY,CAAC,KAAK,CAAC,CAAC,EAAE,cAAc,GAAG,CAAC,CAAC;QAChD,QAAQ,EAAE,cAAc,GAAG,CAAC;KAC7B,CAAC;AACJ,CAAC,CAAC;AAEF;;;;;;;;GAQG;AACH,MAAM,CAAC,MAAM,UAAU,GAAG,CACxB,YAAoB,EACpB,GAAW,EACX,MAAkB,EAClB,cAAsB,EACtB,YAAoB,EACL,EAAE;IACjB,IAAI,KAAK,GAAG,YAAY,CAAC;IACzB,MAAM,QAAQ,GAAG,cAAc,CAAC;IAEhC,mDAAmD;IACnD,IAAI,cAAc,KAAK,KAAK,CAAC,MAAM,IAAI,KAAK,CAAC,MAAM,KAAK,MAAM,CAAC,YAAY,EAAE,EAAE;QAC7E,OAAO,EAAE,KAAK,EAAE,QAAQ,EAAE,CAAC;KAC5B;IAED,sEAAsE;IACtE,IAAI,cAAc,KAAK,KAAK,CAAC,MAAM,IAAI,YAAY,KAAK,KAAK,CAAC,MAAM,EAAE;QACpE,MAAM,QAAQ,GAAG,MAAM,CAAC,mBAAmB,CAAC,cAAc,CAAC,CAAC,CAAC,CAAC,cAAc,GAAG,CAAC,CAAC,CAAC,CAAC,cAAc,CAAC;QAClG,KAAK,GAAG,YAAY,CAAC,KAAK,CAAC,CAAC,EAAE,QAAQ,CAAC,CAAC;KACzC;IAED,IAAI,MAAM,CAAC,mBAAmB,CAAC,QAAQ,CAAC,EAAE;QACxC,OAAO,EAAE,KAAK,EAAE,QAAQ,EAAE,QAAQ,GAAG,CAAC,EAAE,CAAC;KAC1C;IAED,OAAO,MAAM,CAAC,UAAU,CAAC,KAAK,EAAE,GAAG,EAAE,QAAQ,CAAC,CAAC;AACjD,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,YAAY,GAAG,CAAC,KAAa,EAAE,MAAkB,EAAiB,EAAE;IAC/E,MAAM,kBAAkB,GAAG,MAAM,CAAC,YAAY,CAAC,KAAK,CAAC,CAAC;IACtD,MAAM,QAAQ,GAAG,kBAAkB,CAAC,MAAM,CAAC;IAC3C,OAAO,EAAE,KAAK,EAAE,kBAAkB,EAAE,QAAQ,EAAE,CAAC;AACjD,CAAC,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport MaskFormat from './utils/mask-format';\n\nexport interface HandlerResult {\n  position: number;\n  value: string;\n}\n\n/**\n * Handles character removal\n *\n * @param initialValue Current value of input\n * @param format MaskFormat object\n * @param selectionStart Starting index value of selection cursor\n * @param selectionEnd Ending Index value of selection cursor\n */\nexport const backspaceHandler = (\n  initialValue: string,\n  format: MaskFormat,\n  selectionStart: number,\n  selectionEnd: number\n): HandlerResult => {\n  const multiCharDelete = selectionStart !== selectionEnd;\n  if (multiCharDelete) {\n    const isCursorAtEnd = selectionEnd === initialValue.length;\n    if (!isCursorAtEnd) {\n      return format.replaceDigitsWithZeroes(initialValue, selectionStart, selectionEnd);\n    }\n\n    return {\n      value: initialValue.slice(0, selectionStart),\n      position: selectionStart,\n    };\n  }\n\n  const isSeparator = format.isSegmentStart(selectionStart);\n  const atEnd = selectionStart === initialValue.length;\n\n  if (!atEnd) {\n    if (isSeparator) {\n      return format.deleteSeparator(initialValue, selectionStart);\n    } else {\n      return format.deleteDigit(initialValue, selectionStart);\n    }\n  }\n\n  if (isSeparator) {\n    return {\n      value: initialValue.slice(0, selectionStart - 2),\n      position: selectionStart - 2,\n    };\n  }\n\n  return {\n    value: initialValue.slice(0, selectionStart - 1),\n    position: selectionStart - 1,\n  };\n};\n\n/**\n * Handle key down events\n *\n * @param initialValue Current value of input\n * @param key Key that was pressed\n * @param format MaskFormat object\n * @param selectionStart Starting index value of selection cursor\n * @param selectionEnd Ending Index value of selection cursor\n */\nexport const keyHandler = (\n  initialValue: string,\n  key: string,\n  format: MaskFormat,\n  selectionStart: number,\n  selectionEnd: number\n): HandlerResult => {\n  let value = initialValue;\n  const position = selectionStart;\n\n  // return if no more digits can be added at the end\n  if (selectionStart === value.length && value.length === format.getMaxLength()) {\n    return { value, position };\n  }\n\n  // if range is selected to the end, remove all of that selection first\n  if (selectionStart !== value.length && selectionEnd === value.length) {\n    const sliceEnd = format.isCursorAtSeparator(selectionStart) ? selectionStart + 1 : selectionStart;\n    value = initialValue.slice(0, sliceEnd);\n  }\n\n  if (format.isCursorAtSeparator(position)) {\n    return { value, position: position + 1 };\n  }\n\n  return format.processKey(value, key, position);\n};\n\nexport const enterHandler = (value: string, format: MaskFormat): HandlerResult => {\n  const autoCompletedValue = format.autoComplete(value);\n  const position = autoCompletedValue.length;\n  return { value: autoCompletedValue, position };\n};\n"]}

package/internal/components/masked-input/use-mask.js

@@ -2,39 +2,38 @@ import { KeyCode } from '../../keycode';
 import * as logger from '../../logging';
 import { isCommand, isDigit } from './utils/keys';
 import { backspaceHandler, keyHandler, enterHandler } from './keyboard-handler';
-var onAutoComplete = function (value, onChange, maskFormat) {
+const onAutoComplete = (value, onChange, maskFormat) => {
     // Do not autocomplete if input is empty
     if (!value) {
         return;
     }
-    var autoCompletedValue = maskFormat.autoComplete(value);
+    const autoCompletedValue = maskFormat.autoComplete(value);
     if (autoCompletedValue !== value) {
         onChange(autoCompletedValue);
     }
 };
-var preventDefault = function (event, result) { return result && event.preventDefault(); };
-var useMask = function (_a) {
-    var _b = _a.value, value = _b === void 0 ? '' : _b, onBlur = _a.onBlur, onChange = _a.onChange, onKeyDown = _a.onKeyDown, format = _a.format, inputRef = _a.inputRef, _c = _a.autofix, autofix = _c === void 0 ? false : _c, _d = _a.disableAutocompleteOnBlur, disableAutocompleteOnBlur = _d === void 0 ? false : _d, setPosition = _a.setPosition;
+const preventDefault = (event, result) => result && event.preventDefault();
+const useMask = ({ value = '', onBlur, onChange, onKeyDown, format, inputRef, autofix = false, disableAutocompleteOnBlur = false, setPosition, }) => {
     if (!format.isValid(value)) {
-        logger.warnOnce('useMask', "Invalid string \"".concat(value, "\" provided"));
+        logger.warnOnce('useMask', `Invalid string "${value}" provided`);
     }
-    var onMaskChange = function (updatedValue) {
-        var autofixedUpdatedValue = autofix ? format.correctMinMaxValues(updatedValue) : updatedValue;
+    const onMaskChange = (updatedValue) => {
+        const autofixedUpdatedValue = autofix ? format.correctMinMaxValues(updatedValue) : updatedValue;
         if (autofixedUpdatedValue === value || !format.isValid(autofixedUpdatedValue)) {
             return;
         }
         onChange(autofixedUpdatedValue);
     };
-    var initialValue = autofix ? format.correctMinMaxValues(value) : value;
-    var maskedValue = format.getValidValue(initialValue);
+    const initialValue = autofix ? format.correctMinMaxValues(value) : value;
+    const maskedValue = format.getValidValue(initialValue);
     return {
         value: maskedValue,
-        onKeyDown: function (event) {
+        onKeyDown: (event) => {
             var _a, _b;
-            var selectionStart = ((_a = inputRef.current) === null || _a === void 0 ? void 0 : _a.selectionStart) || 0;
-            var selectionEnd = ((_b = inputRef.current) === null || _b === void 0 ? void 0 : _b.selectionEnd) || 0;
-            var result;
-            var _c = event.detail, keyCode = _c.keyCode, key = _c.key, ctrlKey = _c.ctrlKey, metaKey = _c.metaKey;
+            const selectionStart = ((_a = inputRef.current) === null || _a === void 0 ? void 0 : _a.selectionStart) || 0;
+            const selectionEnd = ((_b = inputRef.current) === null || _b === void 0 ? void 0 : _b.selectionEnd) || 0;
+            let result;
+            const { keyCode, key, ctrlKey, metaKey } = event.detail;
             if (isDigit(key) || format.isSeparator(key)) {
                 result = keyHandler(maskedValue, key, format, selectionStart, selectionEnd);
                 preventDefault(event, result);
@@ -50,31 +49,28 @@ var useMask = function (_a) {
                 event.preventDefault();
             }
             if (result) {
-                var value_1 = result.value, position = result.position;
-                onMaskChange(value_1);
+                const { value, position } = result;
+                onMaskChange(value);
                 setPosition(position);
             }
             // Proxy original event
             onKeyDown && onKeyDown(event);
         },
-        onChange: function (_a) {
-            var detail = _a.detail;
-            return onMaskChange(detail.value);
-        },
-        onBlur: function () {
+        onChange: ({ detail }) => onMaskChange(detail.value),
+        onBlur: () => {
             if (!disableAutocompleteOnBlur) {
                 onAutoComplete(maskedValue, onChange, format);
             }
             onBlur && onBlur();
         },
-        onPaste: function (event) {
+        onPaste: (event) => {
             var _a, _b;
-            var text = (event.clipboardData || window.clipboardData).getData('text');
-            var selectionStart = ((_a = inputRef.current) === null || _a === void 0 ? void 0 : _a.selectionStart) || 0;
-            var selectionEnd = ((_b = inputRef.current) === null || _b === void 0 ? void 0 : _b.selectionEnd) || 0;
-            var formattedText = format.formatPastedText(text, maskedValue, selectionStart, selectionEnd);
+            const text = (event.clipboardData || window.clipboardData).getData('text');
+            const selectionStart = ((_a = inputRef.current) === null || _a === void 0 ? void 0 : _a.selectionStart) || 0;
+            const selectionEnd = ((_b = inputRef.current) === null || _b === void 0 ? void 0 : _b.selectionEnd) || 0;
+            const formattedText = format.formatPastedText(text, maskedValue, selectionStart, selectionEnd);
             onMaskChange(formattedText);
-        }
+        },
     };
 };
 export default useMask;

package/internal/components/masked-input/use-mask.js.map

@@ -1 +1 @@
-{"version":3,"file":"use-mask.js","sourceRoot":"","sources":["../../../../../src/internal/components/masked-input/use-mask.ts"],"names":[],"mappings":"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","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport { RefObject } from 'react';\nimport { InputProps } from '../../../input/interfaces';\nimport { NonCancelableEventHandler, CancelableEventHandler } from '../../events';\nimport { KeyCode } from '../../keycode';\n\nimport * as logger from '../../logging';\nimport { isCommand, isDigit } from './utils/keys';\n\nimport MaskFormat from './utils/mask-format';\nimport { backspaceHandler, HandlerResult, keyHandler, enterHandler } from './keyboard-handler';\n\ninterface UseMaskHook {\n  value: string;\n  onChange: NonCancelableEventHandler<InputProps.ChangeDetail>;\n  onKeyDown: CancelableEventHandler<InputProps.KeyDetail>;\n  onBlur: NonCancelableEventHandler<null>;\n  onPaste: (event: ClipboardEvent) => void;\n}\n\ninterface UseMaskProps {\n  value: string;\n  onChange: (value: string) => void;\n  onKeyDown?: (event: CustomEvent) => void;\n  onBlur?: () => void;\n  format: MaskFormat;\n  autofix?: boolean;\n  inputRef: RefObject<HTMLInputElement>;\n  disableAutocompleteOnBlur?: boolean;\n  setPosition: (position: number | null) => void;\n}\n\nconst onAutoComplete = (value: string, onChange: UseMaskProps['onChange'], maskFormat: MaskFormat) => {\n  // Do not autocomplete if input is empty\n  if (!value) {\n    return;\n  }\n\n  const autoCompletedValue = maskFormat.autoComplete(value);\n  if (autoCompletedValue !== value) {\n    onChange(autoCompletedValue);\n  }\n};\n\nconst preventDefault = (event: CustomEvent, result?: HandlerResult | null) => result && event.preventDefault();\n\nconst useMask = ({\n  value = '',\n  onBlur,\n  onChange,\n  onKeyDown,\n  format,\n  inputRef,\n  autofix = false,\n  disableAutocompleteOnBlur = false,\n  setPosition,\n}: UseMaskProps): UseMaskHook => {\n  if (!format.isValid(value)) {\n    logger.warnOnce('useMask', `Invalid string \"${value}\" provided`);\n  }\n\n  const onMaskChange = (updatedValue: string) => {\n    const autofixedUpdatedValue = autofix ? format.correctMinMaxValues(updatedValue) : updatedValue;\n    if (autofixedUpdatedValue === value || !format.isValid(autofixedUpdatedValue)) {\n      return;\n    }\n\n    onChange(autofixedUpdatedValue);\n  };\n\n  const initialValue = autofix ? format.correctMinMaxValues(value) : value;\n  const maskedValue = format.getValidValue(initialValue);\n\n  return {\n    value: maskedValue,\n    onKeyDown: (event: CustomEvent) => {\n      const selectionStart = inputRef.current?.selectionStart || 0;\n      const selectionEnd = inputRef.current?.selectionEnd || 0;\n\n      let result: HandlerResult | undefined;\n      const { keyCode, key, ctrlKey, metaKey } = event.detail;\n      if (isDigit(key) || format.isSeparator(key)) {\n        result = keyHandler(maskedValue, key, format, selectionStart, selectionEnd);\n        preventDefault(event, result);\n      } else if (keyCode === KeyCode.backspace) {\n        result = backspaceHandler(maskedValue, format, selectionStart, selectionEnd);\n        preventDefault(event, result);\n      } else if (keyCode === KeyCode.enter) {\n        result = enterHandler(maskedValue, format);\n      } else if (!isCommand(keyCode, ctrlKey, metaKey)) {\n        event.preventDefault();\n      }\n\n      if (result) {\n        const { value, position } = result;\n\n        onMaskChange(value);\n        setPosition(position);\n      }\n\n      // Proxy original event\n      onKeyDown && onKeyDown(event);\n    },\n    onChange: ({ detail }) => onMaskChange(detail.value),\n    onBlur: () => {\n      if (!disableAutocompleteOnBlur) {\n        onAutoComplete(maskedValue, onChange, format);\n      }\n\n      onBlur && onBlur();\n    },\n    onPaste: (event: ClipboardEvent) => {\n      const text = (event.clipboardData || (window as any).clipboardData).getData('text');\n\n      const selectionStart = inputRef.current?.selectionStart || 0;\n      const selectionEnd = inputRef.current?.selectionEnd || 0;\n\n      const formattedText = format.formatPastedText(text, maskedValue, selectionStart, selectionEnd);\n      onMaskChange(formattedText);\n    },\n  };\n};\n\nexport default useMask;\n"]}
+{"version":3,"file":"use-mask.js","sourceRoot":"","sources":["../../../../../src/internal/components/masked-input/use-mask.ts"],"names":[],"mappings":"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","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport { RefObject } from 'react';\nimport { InputProps } from '../../../input/interfaces';\nimport { NonCancelableEventHandler, CancelableEventHandler } from '../../events';\nimport { KeyCode } from '../../keycode';\n\nimport * as logger from '../../logging';\nimport { isCommand, isDigit } from './utils/keys';\n\nimport MaskFormat from './utils/mask-format';\nimport { backspaceHandler, HandlerResult, keyHandler, enterHandler } from './keyboard-handler';\n\ninterface UseMaskHook {\n  value: string;\n  onChange: NonCancelableEventHandler<InputProps.ChangeDetail>;\n  onKeyDown: CancelableEventHandler<InputProps.KeyDetail>;\n  onBlur: NonCancelableEventHandler<null>;\n  onPaste: (event: ClipboardEvent) => void;\n}\n\ninterface UseMaskProps {\n  value: string;\n  onChange: (value: string) => void;\n  onKeyDown?: (event: CustomEvent) => void;\n  onBlur?: () => void;\n  format: MaskFormat;\n  autofix?: boolean;\n  inputRef: RefObject<HTMLInputElement>;\n  disableAutocompleteOnBlur?: boolean;\n  setPosition: (position: number | null) => void;\n}\n\nconst onAutoComplete = (value: string, onChange: UseMaskProps['onChange'], maskFormat: MaskFormat) => {\n  // Do not autocomplete if input is empty\n  if (!value) {\n    return;\n  }\n\n  const autoCompletedValue = maskFormat.autoComplete(value);\n  if (autoCompletedValue !== value) {\n    onChange(autoCompletedValue);\n  }\n};\n\nconst preventDefault = (event: CustomEvent, result?: HandlerResult | null) => result && event.preventDefault();\n\nconst useMask = ({\n  value = '',\n  onBlur,\n  onChange,\n  onKeyDown,\n  format,\n  inputRef,\n  autofix = false,\n  disableAutocompleteOnBlur = false,\n  setPosition,\n}: UseMaskProps): UseMaskHook => {\n  if (!format.isValid(value)) {\n    logger.warnOnce('useMask', `Invalid string \"${value}\" provided`);\n  }\n\n  const onMaskChange = (updatedValue: string) => {\n    const autofixedUpdatedValue = autofix ? format.correctMinMaxValues(updatedValue) : updatedValue;\n    if (autofixedUpdatedValue === value || !format.isValid(autofixedUpdatedValue)) {\n      return;\n    }\n\n    onChange(autofixedUpdatedValue);\n  };\n\n  const initialValue = autofix ? format.correctMinMaxValues(value) : value;\n  const maskedValue = format.getValidValue(initialValue);\n\n  return {\n    value: maskedValue,\n    onKeyDown: (event: CustomEvent) => {\n      const selectionStart = inputRef.current?.selectionStart || 0;\n      const selectionEnd = inputRef.current?.selectionEnd || 0;\n\n      let result: HandlerResult | undefined;\n      const { keyCode, key, ctrlKey, metaKey } = event.detail;\n      if (isDigit(key) || format.isSeparator(key)) {\n        result = keyHandler(maskedValue, key, format, selectionStart, selectionEnd);\n        preventDefault(event, result);\n      } else if (keyCode === KeyCode.backspace) {\n        result = backspaceHandler(maskedValue, format, selectionStart, selectionEnd);\n        preventDefault(event, result);\n      } else if (keyCode === KeyCode.enter) {\n        result = enterHandler(maskedValue, format);\n      } else if (!isCommand(keyCode, ctrlKey, metaKey)) {\n        event.preventDefault();\n      }\n\n      if (result) {\n        const { value, position } = result;\n\n        onMaskChange(value);\n        setPosition(position);\n      }\n\n      // Proxy original event\n      onKeyDown && onKeyDown(event);\n    },\n    onChange: ({ detail }) => onMaskChange(detail.value),\n    onBlur: () => {\n      if (!disableAutocompleteOnBlur) {\n        onAutoComplete(maskedValue, onChange, format);\n      }\n\n      onBlur && onBlur();\n    },\n    onPaste: (event: ClipboardEvent) => {\n      const text = (event.clipboardData || (window as any).clipboardData).getData('text');\n\n      const selectionStart = inputRef.current?.selectionStart || 0;\n      const selectionEnd = inputRef.current?.selectionEnd || 0;\n\n      const formattedText = format.formatPastedText(text, maskedValue, selectionStart, selectionEnd);\n      onMaskChange(formattedText);\n    },\n  };\n};\n\nexport default useMask;\n"]}

package/internal/components/masked-input/utils/keys.js

@@ -1,12 +1,10 @@
 // Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
 // SPDX-License-Identifier: Apache-2.0
 import { KeyCode } from '../../../keycode';
-var isSpecialCommand = function (keyCode) {
+const isSpecialCommand = (keyCode) => {
     return keyCode > 7 && keyCode < 47 && keyCode !== KeyCode.space;
 };
-var isClipboardCommand = function (ctrlKey, metaKey) { return ctrlKey || metaKey; };
-export var isCommand = function (keyCode, ctrlKey, metaKey) {
-    return isSpecialCommand(keyCode) || isClipboardCommand(ctrlKey, metaKey);
-};
-export var isDigit = function (char) { return !isNaN(parseInt(char, 10)); };
+const isClipboardCommand = (ctrlKey, metaKey) => ctrlKey || metaKey;
+export const isCommand = (keyCode, ctrlKey, metaKey) => isSpecialCommand(keyCode) || isClipboardCommand(ctrlKey, metaKey);
+export const isDigit = (char) => !isNaN(parseInt(char, 10));
 //# sourceMappingURL=keys.js.map

package/internal/components/masked-input/utils/keys.js.map

@@ -1 +1 @@
-{"version":3,"file":"keys.js","sourceRoot":"","sources":["../../../../../../src/internal/components/masked-input/utils/keys.ts"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,EAAE,OAAO,EAAE,MAAM,kBAAkB,CAAC;AAE3C,IAAM,gBAAgB,GAAG,UAAC,OAAe;IACvC,OAAO,OAAO,GAAG,CAAC,IAAI,OAAO,GAAG,EAAE,IAAI,OAAO,KAAK,OAAO,CAAC,KAAK,CAAC;AAClE,CAAC,CAAC;AAEF,IAAM,kBAAkB,GAAG,UAAC,OAAgB,EAAE,OAAgB,IAAc,OAAA,OAAO,IAAI,OAAO,EAAlB,CAAkB,CAAC;AAE/F,MAAM,CAAC,IAAM,SAAS,GAAG,UAAC,OAAe,EAAE,OAAgB,EAAE,OAAgB;IAC3E,OAAA,gBAAgB,CAAC,OAAO,CAAC,IAAI,kBAAkB,CAAC,OAAO,EAAE,OAAO,CAAC;AAAjE,CAAiE,CAAC;AACpE,MAAM,CAAC,IAAM,OAAO,GAAG,UAAC,IAAY,IAAc,OAAA,CAAC,KAAK,CAAC,QAAQ,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC,EAA1B,CAA0B,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport { KeyCode } from '../../../keycode';\n\nconst isSpecialCommand = (keyCode: number): boolean => {\n  return keyCode > 7 && keyCode < 47 && keyCode !== KeyCode.space;\n};\n\nconst isClipboardCommand = (ctrlKey: boolean, metaKey: boolean): boolean => ctrlKey || metaKey;\n\nexport const isCommand = (keyCode: number, ctrlKey: boolean, metaKey: boolean): boolean =>\n  isSpecialCommand(keyCode) || isClipboardCommand(ctrlKey, metaKey);\nexport const isDigit = (char: string): boolean => !isNaN(parseInt(char, 10));\n"]}
+{"version":3,"file":"keys.js","sourceRoot":"","sources":["../../../../../../src/internal/components/masked-input/utils/keys.ts"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AACtC,OAAO,EAAE,OAAO,EAAE,MAAM,kBAAkB,CAAC;AAE3C,MAAM,gBAAgB,GAAG,CAAC,OAAe,EAAW,EAAE;IACpD,OAAO,OAAO,GAAG,CAAC,IAAI,OAAO,GAAG,EAAE,IAAI,OAAO,KAAK,OAAO,CAAC,KAAK,CAAC;AAClE,CAAC,CAAC;AAEF,MAAM,kBAAkB,GAAG,CAAC,OAAgB,EAAE,OAAgB,EAAW,EAAE,CAAC,OAAO,IAAI,OAAO,CAAC;AAE/F,MAAM,CAAC,MAAM,SAAS,GAAG,CAAC,OAAe,EAAE,OAAgB,EAAE,OAAgB,EAAW,EAAE,CACxF,gBAAgB,CAAC,OAAO,CAAC,IAAI,kBAAkB,CAAC,OAAO,EAAE,OAAO,CAAC,CAAC;AACpE,MAAM,CAAC,MAAM,OAAO,GAAG,CAAC,IAAY,EAAW,EAAE,CAAC,CAAC,KAAK,CAAC,QAAQ,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport { KeyCode } from '../../../keycode';\n\nconst isSpecialCommand = (keyCode: number): boolean => {\n  return keyCode > 7 && keyCode < 47 && keyCode !== KeyCode.space;\n};\n\nconst isClipboardCommand = (ctrlKey: boolean, metaKey: boolean): boolean => ctrlKey || metaKey;\n\nexport const isCommand = (keyCode: number, ctrlKey: boolean, metaKey: boolean): boolean =>\n  isSpecialCommand(keyCode) || isClipboardCommand(ctrlKey, metaKey);\nexport const isDigit = (char: string): boolean => !isNaN(parseInt(char, 10));\n"]}

package/internal/components/masked-input/utils/mask-format.js

@@ -1,32 +1,29 @@
-import { __assign, __spreadArray } from "tslib";
 // Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
 // SPDX-License-Identifier: Apache-2.0
 import { padLeftZeros } from '../../../utils/strings';
 import { insertAt } from './strings';
-var MaskFormat = /** @class */ (function () {
-    function MaskFormat(_a) {
-        var separator = _a.separator, _b = _a.inputSeparators, inputSeparators = _b === void 0 ? [] : _b, segments = _a.segments;
+class MaskFormat {
+    constructor({ separator, inputSeparators = [], segments }) {
         this.positionFormats = {};
         this.segments = [];
         this.separator = separator;
-        this.inputSeparators = __spreadArray(__spreadArray([], inputSeparators, true), [separator], false);
+        this.inputSeparators = [...inputSeparators, separator];
         this.enrichSegmentDefinitions(segments);
     }
-    MaskFormat.prototype.tryAppendSeparator = function (value) {
-        var withSeparator = "".concat(value).concat(this.separator);
+    tryAppendSeparator(value) {
+        const withSeparator = `${value}${this.separator}`;
         return this.isValid(withSeparator) ? withSeparator : value;
-    };
-    MaskFormat.prototype.isSeparator = function (key) {
+    }
+    isSeparator(key) {
         return this.inputSeparators.indexOf(key) !== -1;
-    };
-    MaskFormat.prototype.isValid = function (value) {
-        var _this = this;
-        var inputSegments = value.split(this.separator);
+    }
+    isValid(value) {
+        const inputSegments = value.split(this.separator);
         if (inputSegments.length > this.segments.length) {
             return false;
         }
-        return inputSegments.every(function (segmentValue, i) {
-            var segment = _this.segments[i];
+        return inputSegments.every((segmentValue, i) => {
+            const segment = this.segments[i];
             // disallow empty segments
             if (segmentValue === '') {
                 // except empty last segment (e.g. trailing separator "12:")
@@ -46,7 +43,7 @@ var MaskFormat = /** @class */ (function () {
                 return false;
             }
             // limit numerical value
-            var intValue = parseInt(segmentValue, 10);
+            const intValue = parseInt(segmentValue, 10);
             // Handles values padded with 0s that are lost during parsing
             if (segmentValue.length > segment.length) {
                 return false;
@@ -60,9 +57,9 @@ var MaskFormat = /** @class */ (function () {
             }
             return true;
         });
-    };
-    MaskFormat.prototype.getValidValue = function (value) {
-        var validValue = value;
+    }
+    getValidValue(value) {
+        let validValue = value;
         do {
             if (this.isValid(validValue)) {
                 return this.tryAppendSeparator(validValue);
@@ -70,113 +67,113 @@ var MaskFormat = /** @class */ (function () {
             validValue = validValue.substring(0, validValue.length - 1);
         } while (validValue.length > 0);
         return '';
-    };
-    MaskFormat.prototype.autoComplete = function (value) {
+    }
+    autoComplete(value) {
         // aka [...completeSegments, lastSegment] = value.split(':')
         // but that's not valid :/
-        var _a = value.split(this.separator).reverse(), lastSegmentValue = _a[0], completeSegmentValues = _a.slice(1);
-        var lastSegment = this.segments[completeSegmentValues.length];
+        const [lastSegmentValue, ...completeSegmentValues] = value.split(this.separator).reverse();
+        const lastSegment = this.segments[completeSegmentValues.length];
         // if the last segment isn't complete, pad it with a preceding 0
         // e.g. 10:1 -> 10:01
-        var paddedLastSegmentValue = this.padWithDefaultValue(lastSegmentValue, lastSegment);
+        const paddedLastSegmentValue = this.padWithDefaultValue(lastSegmentValue, lastSegment);
         // recombine, and pad with extra segments for the full format
-        var partial = __spreadArray(__spreadArray([], completeSegmentValues.reverse(), true), [paddedLastSegmentValue], false);
+        const partial = [...completeSegmentValues.reverse(), paddedLastSegmentValue];
         while (partial.length < this.segments.length) {
-            var nextSegment = this.segments[partial.length];
-            var segmentValue = this.padWithDefaultValue('', nextSegment);
+            const nextSegment = this.segments[partial.length];
+            const segmentValue = this.padWithDefaultValue('', nextSegment);
             partial.push(segmentValue);
         }
         value = partial.join(this.separator);
         value = this.correctMinMaxValues(value);
         return value;
-    };
-    MaskFormat.prototype.getSegmentValueWithAddition = function (position, value, enteredDigit) {
-        var segment = this.positionFormats[position];
-        var segmentValue = value.substr(segment.start, segment.length);
-        var segmentPosition = position - segment.start;
-        var newValue = insertAt(segmentValue, enteredDigit, segmentPosition, segmentPosition + 1);
+    }
+    getSegmentValueWithAddition(position, value, enteredDigit) {
+        const segment = this.positionFormats[position];
+        const segmentValue = value.substr(segment.start, segment.length);
+        const segmentPosition = position - segment.start;
+        const newValue = insertAt(segmentValue, enteredDigit, segmentPosition, segmentPosition + 1);
         return parseInt(newValue, 10);
-    };
-    MaskFormat.prototype.replaceDigitsWithZeroes = function (value, cursorStart, cursorEnd) {
-        var position = this.isCursorAtSeparator(cursorStart) ? cursorStart + 1 : cursorStart;
+    }
+    replaceDigitsWithZeroes(value, cursorStart, cursorEnd) {
+        const position = this.isCursorAtSeparator(cursorStart) ? cursorStart + 1 : cursorStart;
         // move selection forwards if it starts with a separator
         if (this.isCursorAtSeparator(cursorStart)) {
             cursorStart++;
         }
         // first, insert zeros in a partial segment at beginning of selection
         if (!this.isSegmentStart(cursorStart)) {
-            var segment = this.positionFormats[cursorStart];
+            const segment = this.positionFormats[cursorStart];
             value = insertAt(value, padLeftZeros('', segment.end - cursorStart), cursorStart, segment.end);
             cursorStart = segment.end + 1;
         }
         // then loop through remaining segments, filling with zeros
-        var currentSegment;
+        let currentSegment;
         while (cursorStart < cursorEnd && (currentSegment = this.positionFormats[cursorStart + 1])) {
-            var insertionEnd = Math.min(cursorEnd, currentSegment.end);
+            const insertionEnd = Math.min(cursorEnd, currentSegment.end);
             value = insertAt(value, padLeftZeros('', insertionEnd - currentSegment.start), currentSegment.start, insertionEnd);
             cursorStart = insertionEnd + 1;
         }
         value = this.correctMinMaxValues(value);
         return {
-            value: value,
-            position: position
+            value,
+            position,
         };
-    };
-    MaskFormat.prototype.handleSeparatorInput = function (value, position) {
+    }
+    handleSeparatorInput(value, position) {
         if (position === value.length && !this.isSegmentStart(position)) {
-            var segment = this.positionFormats[position];
-            var segmentValue = value.substr(segment.start, segment.length);
+            const segment = this.positionFormats[position];
+            let segmentValue = value.substr(segment.start, segment.length);
             segmentValue = this.padWithDefaultValue(segmentValue, segment);
             value = insertAt(value, segmentValue, segment.start, segment.end);
             value = this.correctMinMaxValues(value);
             return {
-                value: value,
-                position: value.length
+                value,
+                position: value.length,
             };
         }
-    };
-    MaskFormat.prototype.isCursorAtSeparator = function (position) {
+    }
+    isCursorAtSeparator(position) {
         return 0 < position && position < this.getMaxLength() && this.positionFormats[position] === undefined;
-    };
-    MaskFormat.prototype.isSegmentStart = function (position) {
+    }
+    isSegmentStart(position) {
         return position === 0 || this.isCursorAtSeparator(position - 1);
-    };
-    MaskFormat.prototype.getSegmentMaxValue = function (value, position) {
+    }
+    getSegmentMaxValue(value, position) {
         return this.positionFormats[position].max(value);
-    };
-    MaskFormat.prototype.getSegmentMinValue = function (value, position) {
+    }
+    getSegmentMinValue(value, position) {
         return this.positionFormats[position].min;
-    };
-    MaskFormat.prototype.getMaxLength = function () {
-        var last = this.segments[this.segments.length - 1];
+    }
+    getMaxLength() {
+        const last = this.segments[this.segments.length - 1];
         return last.start + last.length;
-    };
-    MaskFormat.prototype.deleteSeparator = function (value, position) {
+    }
+    deleteSeparator(value, position) {
         value = insertAt(value, '0', position - 2, position - 1);
         return {
             value: this.correctMinMaxValues(value),
-            position: position - 2
+            position: position - 2,
         };
-    };
-    MaskFormat.prototype.deleteDigit = function (value, position) {
+    }
+    deleteDigit(value, position) {
         value = insertAt(value, '0', position - 1, position);
         // 23:59|: => backspace => 23:5|
-        var length = value.length;
+        const length = value.length;
         if (value.slice(length - 2) === '0:') {
             value = value.slice(0, length - 2);
         }
         return {
             value: this.correctMinMaxValues(value),
-            position: position - 1
+            position: position - 1,
         };
-    };
-    MaskFormat.prototype.correctMinMaxValues = function (value) {
-        var segment = this.positionFormats[0];
+    }
+    correctMinMaxValues(value) {
+        let segment = this.positionFormats[0];
         while (segment && value.length >= segment.end) {
-            var segmentValue = parseInt(value.substr(segment.start, segment.length), 10);
-            var segmentMax = segment.max(value);
+            const segmentValue = parseInt(value.substr(segment.start, segment.length), 10);
+            const segmentMax = segment.max(value);
             if (segmentValue < segment.min) {
-                var toInsert = segment.min.toFixed();
+                let toInsert = segment.min.toFixed();
                 toInsert = padLeftZeros(toInsert, segment.length);
                 value = insertAt(value, toInsert, segment.start, segment.end);
             }
@@ -186,49 +183,48 @@ var MaskFormat = /** @class */ (function () {
             segment = this.positionFormats[segment.end + 1];
         }
         return value.substr(0, this.segments[this.segments.length - 1].end);
-    };
-    MaskFormat.prototype.formatPastedText = function (text, value, cursorStart, cursorEnd) {
-        var keyArr = text.trim().split('');
-        var position = cursorStart;
-        var formattedValue = value;
+    }
+    formatPastedText(text, value, cursorStart, cursorEnd) {
+        const keyArr = text.trim().split('');
+        let position = cursorStart;
+        let formattedValue = value;
         // if a selection range captures the end of the current value
         // we replace it with the value in buffer even if the value in buffer is shorter
         if (cursorEnd > cursorStart && cursorEnd === value.length) {
             formattedValue = value.slice(0, cursorStart);
         }
-        for (var _i = 0, keyArr_1 = keyArr; _i < keyArr_1.length; _i++) {
-            var key = keyArr_1[_i];
+        for (const key of keyArr) {
             if (position >= this.getMaxLength()) {
                 break;
             }
-            var result = this.processKey(formattedValue, key, position);
+            const result = this.processKey(formattedValue, key, position);
             formattedValue = result.value;
             position = result.position;
         }
         return this.tryAppendSeparator(formattedValue);
-    };
-    MaskFormat.prototype.processKey = function (initialValue, key, initialPosition) {
-        var value = initialValue;
-        var position = initialPosition;
+    }
+    processKey(initialValue, key, initialPosition) {
+        let value = initialValue;
+        let position = initialPosition;
         if (this.isSeparator(key)) {
-            var result = this.handleSeparatorInput(value, position);
+            const result = this.handleSeparatorInput(value, position);
             if (result) {
                 value = result.value;
                 position = result.position;
             }
         }
         else {
-            var isCursorAtEnd = position === value.length;
-            var segmentValue = this.getSegmentValueWithAddition(position, value, key);
-            var segmentMaxValue = this.getSegmentMaxValue(value, position);
-            var segmentMinValue = this.getSegmentMinValue(value, position);
-            var firstDigitGreater = parseInt(key, 10) > parseInt(segmentMaxValue.toFixed()[0], 10);
-            var isValidPosition = isCursorAtEnd || segmentValue.toFixed().length === 1;
-            var exceedsMaxAtSegmentStart = this.isSegmentStart(position) && isValidPosition && firstDigitGreater;
+            const isCursorAtEnd = position === value.length;
+            const segmentValue = this.getSegmentValueWithAddition(position, value, key);
+            const segmentMaxValue = this.getSegmentMaxValue(value, position);
+            const segmentMinValue = this.getSegmentMinValue(value, position);
+            const firstDigitGreater = parseInt(key, 10) > parseInt(segmentMaxValue.toFixed()[0], 10);
+            const isValidPosition = isCursorAtEnd || segmentValue.toFixed().length === 1;
+            const exceedsMaxAtSegmentStart = this.isSegmentStart(position) && isValidPosition && firstDigitGreater;
             if (exceedsMaxAtSegmentStart) {
                 // 22:| => Enter '9' => 22:09|
                 // |1 => Enter '9' => 09|
-                value = insertAt(value, "0".concat(key), position, position + 2);
+                value = insertAt(value, `0${key}`, position, position + 2);
                 position += 2;
             }
             else if (segmentValue > segmentMaxValue && this.isSegmentStart(position)) {
@@ -257,35 +253,29 @@ var MaskFormat = /** @class */ (function () {
         if (this.isCursorAtSeparator(position)) {
             position++;
         }
-        return { value: value, position: position };
-    };
-    MaskFormat.prototype.padWithDefaultValue = function (segmentValue, segment) {
-        var defaultValue = (segment["default"] || segment.min).toFixed();
+        return { value, position };
+    }
+    padWithDefaultValue(segmentValue, segment) {
+        let defaultValue = (segment.default || segment.min).toFixed();
         defaultValue = padLeftZeros(defaultValue, segment.length);
         return insertAt(defaultValue, segmentValue, segment.length - segmentValue.length, segment.length);
-    };
-    MaskFormat.prototype.enrichSegmentDefinitions = function (segments) {
+    }
+    enrichSegmentDefinitions(segments) {
         this.positionFormats = {};
         this.segments = [];
-        var position = 0;
-        var _loop_1 = function (segment) {
-            var max = segment.max;
-            var fullSegment = __assign(__assign({}, segment), { max: typeof max === 'number' ? function () { return max; } : max, start: position, end: position + segment.length });
-            this_1.segments.push(fullSegment);
+        let position = 0;
+        for (const segment of segments) {
+            const max = segment.max;
+            const fullSegment = Object.assign(Object.assign({}, segment), { max: typeof max === 'number' ? () => max : max, start: position, end: position + segment.length });
+            this.segments.push(fullSegment);
             // insert this format segment for every char in the max value
-            for (var j = 0; j < fullSegment.length; j++) {
-                this_1.positionFormats[position++] = fullSegment;
+            for (let j = 0; j < fullSegment.length; j++) {
+                this.positionFormats[position++] = fullSegment;
             }
             // skip a position for separator
             position++;
-        };
-        var this_1 = this;
-        for (var _i = 0, segments_1 = segments; _i < segments_1.length; _i++) {
-            var segment = segments_1[_i];
-            _loop_1(segment);
         }
-    };
-    return MaskFormat;
-}());
+    }
+}
 export default MaskFormat;
 //# sourceMappingURL=mask-format.js.map