bromcom-ui 3.0.0-alpha.3 → 3.0.0-alpha.5

package/dist/collection/components/molecules/linked/linked-focus-manager.js

@@ -0,0 +1,86 @@
+/*!
+ * Built with Stencil
+ * Copyright (c) Bromcom.
+ */
+export class LinkedFocusManager {
+  constructor() {
+    this.focusableSelector = [
+      "a[href]",
+      "area[href]",
+      "button:not([disabled])",
+      "input:not([disabled]):not([type='hidden'])",
+      "select:not([disabled])",
+      "textarea:not([disabled])",
+      "iframe",
+      "object",
+      "embed",
+      "[contenteditable='true']",
+      "[tabindex]:not([tabindex='-1'])",
+    ].join(",");
+  }
+  getFocusableElements(linkedElement) {
+    return Array.from(linkedElement.querySelectorAll(this.focusableSelector)).filter(item => {
+      const style = window.getComputedStyle(item);
+      return style.display !== "none" && style.visibility !== "hidden";
+    });
+  }
+  handleKeyboardNavigation(params) {
+    const { event, isOpen, canKeyboardOpen, linkedElement, targetElement, openLinked, hideLinked } = params;
+    const keyCode = event.keyCode || event.which;
+    const isSpaceKey = event.key === " " || event.key === "Spacebar" || keyCode === 32;
+    const isEnterKey = event.key === "Enter" || keyCode === 13;
+    const activeElement = document.activeElement;
+    const isTargetFocused = activeElement === targetElement;
+    const isFocusInsideTarget = !!(activeElement && targetElement.contains(activeElement));
+    const isFocusInsideLinked = !!activeElement && linkedElement.contains(activeElement);
+    const isTriggerFocused = isTargetFocused || isFocusInsideTarget;
+    if (!isOpen && canKeyboardOpen && isTriggerFocused) {
+      if (isSpaceKey || isEnterKey) {
+        event.preventDefault();
+        event.stopPropagation();
+        event.stopImmediatePropagation();
+        openLinked();
+        return;
+      }
+    }
+    if (!isOpen)
+      return;
+    if (event.key === "Escape") {
+      if (isTriggerFocused || isFocusInsideLinked) {
+        event.preventDefault();
+        hideLinked();
+        targetElement.focus();
+      }
+      return;
+    }
+    if (event.key !== "Tab")
+      return;
+    const focusableElements = this.getFocusableElements(linkedElement);
+    const firstFocusableElement = focusableElements[0];
+    const lastFocusableElement = focusableElements[focusableElements.length - 1];
+    if (!event.shiftKey && isTargetFocused) {
+      event.preventDefault();
+      if (firstFocusableElement) {
+        firstFocusableElement.focus();
+      }
+      else {
+        linkedElement.focus();
+      }
+      return;
+    }
+    if (event.shiftKey && isFocusInsideLinked && firstFocusableElement && activeElement === firstFocusableElement) {
+      event.preventDefault();
+      targetElement.focus();
+      return;
+    }
+    if (!event.shiftKey && isFocusInsideLinked && lastFocusableElement && activeElement === lastFocusableElement) {
+      event.preventDefault();
+      firstFocusableElement.focus();
+      return;
+    }
+    if (focusableElements.length === 0 && isFocusInsideLinked) {
+      event.preventDefault();
+      targetElement.focus();
+    }
+  }
+}

package/dist/collection/components/molecules/linked/linked.js

@@ -6,8 +6,10 @@ import { Generate } from "@bcm/helpers";
 import { Bcm } from "@bcm/model";
 import { FloatingUI, delay } from "@bcm/utils";
 import { Host, h } from "@stencil/core";
+import { LinkedFocusManager } from "./linked-focus-manager";
 export class BcmLinked {
   constructor() {
+    this.focusManager = new LinkedFocusManager();
     this._id = Generate.UID();
     this.placement = Bcm.Placement["bottom-start"];
     this.trigger = Bcm.TriggerType.click;
@@ -145,6 +147,9 @@ export class BcmLinked {
     }
     return this.isOpen;
   }
+  async updateLayout() {
+    this.calculatePosition();
+  }
   async toggle(wait = true) {
     return this.isOpen ? await this.hide(wait) : await this.show(wait);
   }
@@ -192,9 +197,24 @@ export class BcmLinked {
     this.isMouseOverLink = false;
     this.show();
   }
+  keyboardNavigation(e) {
+    const target = this.target();
+    if (!target)
+      return;
+    const canKeyboardOpen = this.trigger !== Bcm.TriggerType.hover && this.trigger !== Bcm.TriggerType.custom;
+    this.focusManager.handleKeyboardNavigation({
+      event: e,
+      isOpen: this.isOpen,
+      canKeyboardOpen,
+      linkedElement: this.el,
+      targetElement: target,
+      openLinked: () => this.show(false),
+      hideLinked: () => this.hide(false),
+    });
+  }
   render() {
     const openStyle = this.isOpen ? { visibility: "visible", opacity: "1" } : { visibility: "hidden", opacity: "0" };
-    return (h(Host, { class: "tw-invisible tw-absolute tw-left-0 tw-top-0 tw-z-tooltip  tw-block tw-overscroll-contain  tw-scroll-smooth tw-rounded tw-bg-white  tw-opacity-0 tw-shadow tw-transition-opacity tw-duration-100", style: Object.assign(Object.assign({}, openStyle), { overflow: "auto" }) }, h("slot", null)));
+    return (h(Host, { class: "tw-invisible tw-absolute tw-left-0 tw-top-0 tw-z-tooltip  tw-block tw-overscroll-contain  tw-scroll-smooth tw-rounded tw-bg-white  tw-opacity-0 tw-shadow tw-transition-opacity tw-duration-100", tabindex: "-1", style: Object.assign(Object.assign({}, openStyle), { overflow: "auto" }) }, h("slot", null)));
   }
   static get is() { return "bcm-linked"; }
   static get properties() {
@@ -452,6 +472,22 @@ export class BcmLinked {
           "tags": []
         }
       },
+      "updateLayout": {
+        "complexType": {
+          "signature": "() => Promise<void>",
+          "parameters": [],
+          "references": {
+            "Promise": {
+              "location": "global"
+            }
+          },
+          "return": "Promise<void>"
+        },
+        "docs": {
+          "text": "",
+          "tags": []
+        }
+      },
       "toggle": {
         "complexType": {
           "signature": "(wait?: boolean) => Promise<boolean>",
@@ -502,6 +538,12 @@ export class BcmLinked {
         "target": "document",
         "capture": true,
         "passive": false
+      }, {
+        "name": "keydown",
+        "method": "keyboardNavigation",
+        "target": "document",
+        "capture": true,
+        "passive": false
       }];
   }
 }

package/dist/collection/components/molecules/number-input/number-input.js

@@ -18,10 +18,13 @@ export class NumberInput {
         this.input.emit(e);
       });
     };
+    this.emitChange = () => {
+      this.change.emit(this.value);
+    };
     this.onChange = () => {
       var _a;
-      (_a = this.inputElement) === null || _a === void 0 ? void 0 : _a.addEventListener("change", (e) => {
-        this.change.emit(e);
+      (_a = this.inputElement) === null || _a === void 0 ? void 0 : _a.addEventListener("change", () => {
+        this.emitChange();
       });
     };
     this.onFocus = () => {
@@ -115,6 +118,7 @@ export class NumberInput {
         this.value = this.max;
       }
     }
+    this.emitChange();
   }
   down() {
     if (this.disabled)
@@ -127,6 +131,7 @@ export class NumberInput {
         this.value = this.min;
       }
     }
+    this.emitChange();
   }
   handleClear(e) {
     if (this.disabled)
@@ -136,6 +141,7 @@ export class NumberInput {
       return;
     this.value = "";
     this.clear.emit(e);
+    this.emitChange();
   }
   checkLength() {
     const { min, max, value } = this;

package/dist/collection/components/molecules/number-input/react-input.js

@@ -76,7 +76,7 @@ export class BcmReactNumber {
         "mutable": true,
         "complexType": {
           "original": "ExtendedNumericPropsType",
-          "resolved": "InternalNumberFormatBase & { thousandSeparator?: string | boolean; decimalSeparator?: string; allowedDecimalSeparators?: string[]; thousandsGroupStyle?: \"none\" | \"thousand\" | \"lakh\" | \"wan\"; decimalScale?: number; fixedDecimalScale?: boolean; allowNegative?: boolean; allowLeadingZeros?: boolean; suffix?: string; prefix?: string; } & Omit<InputAttributes, \"prefix\" | \"form\" | \"slot\" | \"style\" | \"title\" | \"pattern\" | \"color\" | \"dir\" | \"width\" | \"height\" | \"name\" | \"id\" | \"hidden\" | \"size\" | \"className\" | \"type\" | \"disabled\" | \"autoFocus\" | \"formAction\" | \"formEncType\" | \"formMethod\" | \"formNoValidate\" | \"formTarget\" | \"aria-label\" | \"maxLength\" | \"onClick\" | \"checked\" | \"required\" | \"multiple\" | \"placeholder\" | \"accept\" | \"alt\" | \"aria-labelledby\" | \"aria-hidden\" | \"onSelect\" | \"accessKey\" | \"role\" | \"aria-live\" | \"readOnly\" | \"onFocus\" | \"onBlur\" | \"minLength\" | \"min\" | \"max\" | \"step\" | \"autoComplete\" | \"capture\" | \"crossOrigin\" | \"enterKeyHint\" | \"list\" | \"src\" | \"onChange\" | \"defaultChecked\" | \"suppressContentEditableWarning\" | \"suppressHydrationWarning\" | \"contentEditable\" | \"contextMenu\" | \"draggable\" | \"lang\" | \"nonce\" | \"spellCheck\" | \"tabIndex\" | \"translate\" | \"radioGroup\" | \"about\" | \"datatype\" | \"inlist\" | \"property\" | \"resource\" | \"typeof\" | \"vocab\" | \"autoCapitalize\" | \"autoCorrect\" | \"autoSave\" | \"itemProp\" | \"itemScope\" | \"itemType\" | \"itemID\" | \"itemRef\" | \"results\" | \"security\" | \"unselectable\" | \"inputMode\" | \"is\" | \"aria-activedescendant\" | \"aria-atomic\" | \"aria-autocomplete\" | \"aria-busy\" | \"aria-checked\" | \"aria-colcount\" | \"aria-colindex\" | \"aria-colspan\" | \"aria-controls\" | \"aria-current\" | \"aria-describedby\" | \"aria-details\" | \"aria-disabled\" | \"aria-dropeffect\" | \"aria-errormessage\" | \"aria-expanded\" | \"aria-flowto\" | \"aria-grabbed\" | \"aria-haspopup\" | \"aria-invalid\" | \"aria-keyshortcuts\" | \"aria-level\" | \"aria-modal\" | \"aria-multiline\" | \"aria-multiselectable\" | \"aria-orientation\" | \"aria-owns\" | \"aria-placeholder\" | \"aria-posinset\" | \"aria-pressed\" | \"aria-readonly\" | \"aria-relevant\" | \"aria-required\" | \"aria-roledescription\" | \"aria-rowcount\" | \"aria-rowindex\" | \"aria-rowspan\" | \"aria-selected\" | \"aria-setsize\" | \"aria-sort\" | \"aria-valuemax\" | \"aria-valuemin\" | \"aria-valuenow\" | \"aria-valuetext\" | \"dangerouslySetInnerHTML\" | \"onCopy\" | \"onCopyCapture\" | \"onCut\" | \"onCutCapture\" | \"onPaste\" | \"onPasteCapture\" | \"onCompositionEnd\" | \"onCompositionEndCapture\" | \"onCompositionStart\" | \"onCompositionStartCapture\" | \"onCompositionUpdate\" | \"onCompositionUpdateCapture\" | \"onFocusCapture\" | \"onBlurCapture\" | \"onChangeCapture\" | \"onBeforeInput\" | \"onBeforeInputCapture\" | \"onInput\" | \"onInputCapture\" | \"onReset\" | \"onResetCapture\" | \"onSubmit\" | \"onSubmitCapture\" | \"onInvalid\" | \"onInvalidCapture\" | \"onLoad\" | \"onLoadCapture\" | \"onError\" | \"onErrorCapture\" | \"onKeyDown\" | \"onKeyDownCapture\" | \"onKeyPress\" | \"onKeyPressCapture\" | \"onKeyUp\" | \"onKeyUpCapture\" | \"onAbort\" | \"onAbortCapture\" | \"onCanPlay\" | \"onCanPlayCapture\" | \"onCanPlayThrough\" | \"onCanPlayThroughCapture\" | \"onDurationChange\" | \"onDurationChangeCapture\" | \"onEmptied\" | \"onEmptiedCapture\" | \"onEncrypted\" | \"onEncryptedCapture\" | \"onEnded\" | \"onEndedCapture\" | \"onLoadedData\" | \"onLoadedDataCapture\" | \"onLoadedMetadata\" | \"onLoadedMetadataCapture\" | \"onLoadStart\" | \"onLoadStartCapture\" | \"onPause\" | \"onPauseCapture\" | \"onPlay\" | \"onPlayCapture\" | \"onPlaying\" | \"onPlayingCapture\" | \"onProgress\" | \"onProgressCapture\" | \"onRateChange\" | \"onRateChangeCapture\" | \"onResize\" | \"onResizeCapture\" | \"onSeeked\" | \"onSeekedCapture\" | \"onSeeking\" | \"onSeekingCapture\" | \"onStalled\" | \"onStalledCapture\" | \"onSuspend\" | \"onSuspendCapture\" | \"onTimeUpdate\" | \"onTimeUpdateCapture\" | \"onVolumeChange\" | \"onVolumeChangeCapture\" | \"onWaiting\" | \"onWaitingCapture\" | \"onAuxClick\" | \"onAuxClickCapture\" | \"onClickCapture\" | \"onContextMenu\" | \"onContextMenuCapture\" | \"onDoubleClick\" | \"onDoubleClickCapture\" | \"onDrag\" | \"onDragCapture\" | \"onDragEnd\" | \"onDragEndCapture\" | \"onDragEnter\" | \"onDragEnterCapture\" | \"onDragExit\" | \"onDragExitCapture\" | \"onDragLeave\" | \"onDragLeaveCapture\" | \"onDragOver\" | \"onDragOverCapture\" | \"onDragStart\" | \"onDragStartCapture\" | \"onDrop\" | \"onDropCapture\" | \"onMouseDown\" | \"onMouseDownCapture\" | \"onMouseEnter\" | \"onMouseLeave\" | \"onMouseMove\" | \"onMouseMoveCapture\" | \"onMouseOut\" | \"onMouseOutCapture\" | \"onMouseOver\" | \"onMouseOverCapture\" | \"onMouseUp\" | \"onMouseUpCapture\" | \"onSelectCapture\" | \"onTouchCancel\" | \"onTouchCancelCapture\" | \"onTouchEnd\" | \"onTouchEndCapture\" | \"onTouchMove\" | \"onTouchMoveCapture\" | \"onTouchStart\" | \"onTouchStartCapture\" | \"onPointerDown\" | \"onPointerDownCapture\" | \"onPointerMove\" | \"onPointerMoveCapture\" | \"onPointerUp\" | \"onPointerUpCapture\" | \"onPointerCancel\" | \"onPointerCancelCapture\" | \"onPointerEnter\" | \"onPointerEnterCapture\" | \"onPointerLeave\" | \"onPointerLeaveCapture\" | \"onPointerOver\" | \"onPointerOverCapture\" | \"onPointerOut\" | \"onPointerOutCapture\" | \"onGotPointerCapture\" | \"onGotPointerCaptureCapture\" | \"onLostPointerCapture\" | \"onLostPointerCaptureCapture\" | \"onScroll\" | \"onScrollCapture\" | \"onWheel\" | \"onWheelCapture\" | \"onAnimationStart\" | \"onAnimationStartCapture\" | \"onAnimationEnd\" | \"onAnimationEndCapture\" | \"onAnimationIteration\" | \"onAnimationIterationCapture\" | \"onTransitionEnd\" | \"onTransitionEndCapture\"> & Omit<InputAttributes, \"prefix\" | \"suffix\" | \"ref\" | \"value\" | \"type\" | \"defaultValue\" | \"onFocus\" | \"onBlur\" | \"thousandSeparator\" | \"decimalSeparator\" | \"decimalScale\" | \"fixedDecimalScale\" | \"allowNegative\" | \"allowLeadingZeros\" | \"onChange\" | \"inputMode\" | \"onKeyDown\" | \"onMouseUp\" | \"displayType\" | \"renderText\" | \"getInputRef\" | \"valueIsNumericString\" | \"onValueChange\" | \"isAllowed\" | \"isCharacterSame\" | \"allowedDecimalSeparators\" | \"thousandsGroupStyle\"> & { customInput?: ComponentType<InputAttributes>; } & { mode: \"strict\" | \"none\"; onValueChange?: (e: NumberFormatValues) => void; }",
+          "resolved": "InternalNumberFormatBase & { thousandSeparator?: string | boolean; decimalSeparator?: string; allowedDecimalSeparators?: string[]; thousandsGroupStyle?: \"none\" | \"thousand\" | \"lakh\" | \"wan\"; decimalScale?: number; fixedDecimalScale?: boolean; allowNegative?: boolean; allowLeadingZeros?: boolean; suffix?: string; prefix?: string; } & Omit<InputAttributes, \"prefix\" | \"color\" | \"form\" | \"slot\" | \"style\" | \"title\" | \"pattern\" | \"dir\" | \"list\" | \"size\" | \"disabled\" | \"maxLength\" | \"name\" | \"multiple\" | \"accept\" | \"required\" | \"aria-disabled\" | \"aria-labelledby\" | \"aria-label\" | \"onFocus\" | \"onBlur\" | \"aria-hidden\" | \"width\" | \"height\" | \"id\" | \"hidden\" | \"className\" | \"type\" | \"autoFocus\" | \"formAction\" | \"formEncType\" | \"formMethod\" | \"formNoValidate\" | \"formTarget\" | \"onClick\" | \"checked\" | \"placeholder\" | \"alt\" | \"onSelect\" | \"accessKey\" | \"role\" | \"aria-live\" | \"readOnly\" | \"minLength\" | \"min\" | \"max\" | \"step\" | \"autoComplete\" | \"capture\" | \"crossOrigin\" | \"enterKeyHint\" | \"src\" | \"onChange\" | \"defaultChecked\" | \"suppressContentEditableWarning\" | \"suppressHydrationWarning\" | \"contentEditable\" | \"contextMenu\" | \"draggable\" | \"lang\" | \"nonce\" | \"spellCheck\" | \"tabIndex\" | \"translate\" | \"radioGroup\" | \"about\" | \"datatype\" | \"inlist\" | \"property\" | \"resource\" | \"typeof\" | \"vocab\" | \"autoCapitalize\" | \"autoCorrect\" | \"autoSave\" | \"itemProp\" | \"itemScope\" | \"itemType\" | \"itemID\" | \"itemRef\" | \"results\" | \"security\" | \"unselectable\" | \"inputMode\" | \"is\" | \"aria-activedescendant\" | \"aria-atomic\" | \"aria-autocomplete\" | \"aria-busy\" | \"aria-checked\" | \"aria-colcount\" | \"aria-colindex\" | \"aria-colspan\" | \"aria-controls\" | \"aria-current\" | \"aria-describedby\" | \"aria-details\" | \"aria-dropeffect\" | \"aria-errormessage\" | \"aria-expanded\" | \"aria-flowto\" | \"aria-grabbed\" | \"aria-haspopup\" | \"aria-invalid\" | \"aria-keyshortcuts\" | \"aria-level\" | \"aria-modal\" | \"aria-multiline\" | \"aria-multiselectable\" | \"aria-orientation\" | \"aria-owns\" | \"aria-placeholder\" | \"aria-posinset\" | \"aria-pressed\" | \"aria-readonly\" | \"aria-relevant\" | \"aria-required\" | \"aria-roledescription\" | \"aria-rowcount\" | \"aria-rowindex\" | \"aria-rowspan\" | \"aria-selected\" | \"aria-setsize\" | \"aria-sort\" | \"aria-valuemax\" | \"aria-valuemin\" | \"aria-valuenow\" | \"aria-valuetext\" | \"dangerouslySetInnerHTML\" | \"onCopy\" | \"onCopyCapture\" | \"onCut\" | \"onCutCapture\" | \"onPaste\" | \"onPasteCapture\" | \"onCompositionEnd\" | \"onCompositionEndCapture\" | \"onCompositionStart\" | \"onCompositionStartCapture\" | \"onCompositionUpdate\" | \"onCompositionUpdateCapture\" | \"onFocusCapture\" | \"onBlurCapture\" | \"onChangeCapture\" | \"onBeforeInput\" | \"onBeforeInputCapture\" | \"onInput\" | \"onInputCapture\" | \"onReset\" | \"onResetCapture\" | \"onSubmit\" | \"onSubmitCapture\" | \"onInvalid\" | \"onInvalidCapture\" | \"onLoad\" | \"onLoadCapture\" | \"onError\" | \"onErrorCapture\" | \"onKeyDown\" | \"onKeyDownCapture\" | \"onKeyPress\" | \"onKeyPressCapture\" | \"onKeyUp\" | \"onKeyUpCapture\" | \"onAbort\" | \"onAbortCapture\" | \"onCanPlay\" | \"onCanPlayCapture\" | \"onCanPlayThrough\" | \"onCanPlayThroughCapture\" | \"onDurationChange\" | \"onDurationChangeCapture\" | \"onEmptied\" | \"onEmptiedCapture\" | \"onEncrypted\" | \"onEncryptedCapture\" | \"onEnded\" | \"onEndedCapture\" | \"onLoadedData\" | \"onLoadedDataCapture\" | \"onLoadedMetadata\" | \"onLoadedMetadataCapture\" | \"onLoadStart\" | \"onLoadStartCapture\" | \"onPause\" | \"onPauseCapture\" | \"onPlay\" | \"onPlayCapture\" | \"onPlaying\" | \"onPlayingCapture\" | \"onProgress\" | \"onProgressCapture\" | \"onRateChange\" | \"onRateChangeCapture\" | \"onResize\" | \"onResizeCapture\" | \"onSeeked\" | \"onSeekedCapture\" | \"onSeeking\" | \"onSeekingCapture\" | \"onStalled\" | \"onStalledCapture\" | \"onSuspend\" | \"onSuspendCapture\" | \"onTimeUpdate\" | \"onTimeUpdateCapture\" | \"onVolumeChange\" | \"onVolumeChangeCapture\" | \"onWaiting\" | \"onWaitingCapture\" | \"onAuxClick\" | \"onAuxClickCapture\" | \"onClickCapture\" | \"onContextMenu\" | \"onContextMenuCapture\" | \"onDoubleClick\" | \"onDoubleClickCapture\" | \"onDrag\" | \"onDragCapture\" | \"onDragEnd\" | \"onDragEndCapture\" | \"onDragEnter\" | \"onDragEnterCapture\" | \"onDragExit\" | \"onDragExitCapture\" | \"onDragLeave\" | \"onDragLeaveCapture\" | \"onDragOver\" | \"onDragOverCapture\" | \"onDragStart\" | \"onDragStartCapture\" | \"onDrop\" | \"onDropCapture\" | \"onMouseDown\" | \"onMouseDownCapture\" | \"onMouseEnter\" | \"onMouseLeave\" | \"onMouseMove\" | \"onMouseMoveCapture\" | \"onMouseOut\" | \"onMouseOutCapture\" | \"onMouseOver\" | \"onMouseOverCapture\" | \"onMouseUp\" | \"onMouseUpCapture\" | \"onSelectCapture\" | \"onTouchCancel\" | \"onTouchCancelCapture\" | \"onTouchEnd\" | \"onTouchEndCapture\" | \"onTouchMove\" | \"onTouchMoveCapture\" | \"onTouchStart\" | \"onTouchStartCapture\" | \"onPointerDown\" | \"onPointerDownCapture\" | \"onPointerMove\" | \"onPointerMoveCapture\" | \"onPointerUp\" | \"onPointerUpCapture\" | \"onPointerCancel\" | \"onPointerCancelCapture\" | \"onPointerEnter\" | \"onPointerEnterCapture\" | \"onPointerLeave\" | \"onPointerLeaveCapture\" | \"onPointerOver\" | \"onPointerOverCapture\" | \"onPointerOut\" | \"onPointerOutCapture\" | \"onGotPointerCapture\" | \"onGotPointerCaptureCapture\" | \"onLostPointerCapture\" | \"onLostPointerCaptureCapture\" | \"onScroll\" | \"onScrollCapture\" | \"onWheel\" | \"onWheelCapture\" | \"onAnimationStart\" | \"onAnimationStartCapture\" | \"onAnimationEnd\" | \"onAnimationEndCapture\" | \"onAnimationIteration\" | \"onAnimationIterationCapture\" | \"onTransitionEnd\" | \"onTransitionEndCapture\"> & Omit<InputAttributes, \"prefix\" | \"suffix\" | \"value\" | \"ref\" | \"onFocus\" | \"onBlur\" | \"type\" | \"defaultValue\" | \"thousandSeparator\" | \"decimalSeparator\" | \"decimalScale\" | \"fixedDecimalScale\" | \"allowNegative\" | \"allowLeadingZeros\" | \"onChange\" | \"inputMode\" | \"onKeyDown\" | \"onMouseUp\" | \"displayType\" | \"renderText\" | \"getInputRef\" | \"valueIsNumericString\" | \"onValueChange\" | \"isAllowed\" | \"isCharacterSame\" | \"allowedDecimalSeparators\" | \"thousandsGroupStyle\"> & { customInput?: ComponentType<InputAttributes>; } & { mode: \"strict\" | \"none\"; onValueChange?: (e: NumberFormatValues) => void; }",
           "references": {
             "ExtendedNumericPropsType": {
               "location": "global"