@progress/kendo-react-inputs 7.2.4-develop.2 → 7.2.4-develop.4

package/maskedtextbox/utils.js

@@ -0,0 +1,8 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2024 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r={"#":/[\d\s\+\-]/,"&":/[\S]/,0:/[\d]/,9:/[\d\s]/,"?":/[a-zA-Z\s]/,A:/[a-zA-Z0-9]/,C:/./,L:/[a-zA-Z]/,a:/[a-zA-Z0-9\s]/},n=()=>!1,o=(e,a)=>e.includeLiterals!==a.includeLiterals||e.mask!==a.mask||e.prompt!==a.prompt||e.promptPlaceholder!==a.promptPlaceholder||!i(e.rules,a.rules),i=(e,a)=>{if(!!e!=!!a)return!1;if(e===a||!e||!a)return!0;let t=!0;for(const s in e)if(e[s]!==a[s]){t=!1;break}if(t){for(const s in a)if(!e.hasOwnProperty(s)){t=!1;break}}return t};exports.defaultRules=r;exports.maskingChanged=o;exports.returnFalse=n;

package/maskedtextbox/utils.mjs

@@ -0,0 +1,43 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2024 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+"use client";
+const r = {
+  "#": /[\d\s\+\-]/,
+  "&": /[\S]/,
+  0: /[\d]/,
+  9: /[\d\s]/,
+  "?": /[a-zA-Z\s]/,
+  A: /[a-zA-Z0-9]/,
+  C: /./,
+  L: /[a-zA-Z]/,
+  a: /[a-zA-Z0-9\s]/
+}, n = () => !1, i = (a, e) => a.includeLiterals !== e.includeLiterals || a.mask !== e.mask || a.prompt !== e.prompt || a.promptPlaceholder !== e.promptPlaceholder || !o(a.rules, e.rules), o = (a, e) => {
+  if (!!a != !!e)
+    return !1;
+  if (a === e || !a || !e)
+    return !0;
+  let t = !0;
+  for (const s in a)
+    if (a[s] !== e[s]) {
+      t = !1;
+      break;
+    }
+  if (t) {
+    for (const s in e)
+      if (!a.hasOwnProperty(s)) {
+        t = !1;
+        break;
+      }
+  }
+  return t;
+};
+export {
+  r as defaultRules,
+  i as maskingChanged,
+  n as returnFalse
+};

package/messages/index.js

@@ -0,0 +1,8 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2024 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e="numerictextbox.increment",o="numerictextbox.decrement",r="slider.increment",t="slider.decrement",a="slider.dragTitle",l="colorGradient.r",i="colorGradient.g",n="colorGradient.b",c="colorGradient.a",s="colorGradient.hex",d="colorGradient.contrastRatio",u="colorGradient.colorGradientAALevel",G="colorGradient.colorGradientAAALevel",A="colorGradient.colorGradientPass",C="colorGradient.colorGradientFail",g="colorGradient.hueSliderLabel",P="colorGradient.alphaSliderLabel",p="colorGradient.toggleInputsButton",B="flatColorPicker.cancelBtn",b="flatColorPicker.applyBtn",k="flatColorPicker.colorGradientBtn",m="flatColorPicker.colorPaletteBtn",x="flatColorPicker.clearBtn",f="checkbox.validation",h="checkbox.optionalText",L="radioButton.validation",v="switch.validation",V="colorPicker.dropdownButtonAriaLabel",w="rating.ariaLabel",D="signature.clear",T="signature.maximize",y="signature.minimize",I={[e]:"Increase value",[o]:"Decrease value",[r]:"Increase",[t]:"Decrease",[a]:"Drag",[l]:"r",[i]:"g",[n]:"b",[c]:"a",[s]:"hex",[d]:"Contrast ratio",[u]:"AA",[G]:"AAA",[A]:"Pass",[C]:"Fail",[g]:"Hue slider",[P]:"Alpha slider",[p]:"Toggle colorgradient inputs",[B]:"Cancel",[b]:"Apply",[k]:"Color Gradient view",[m]:"Color Palette view",[x]:"Clear color value",[f]:"Please check this box if you want to proceed!",[h]:"(Optional)",[L]:"Please select option if you want to proceed!",[v]:"Please turn on if you want to proceed!",[V]:"Select",[w]:"Rating",[D]:"Clear",[T]:"Maximize",[y]:"Minimize"};exports.checkboxOptionalText=h;exports.checkboxValidation=f;exports.colorGradientA=c;exports.colorGradientAAALevel=G;exports.colorGradientAALevel=u;exports.colorGradientAlphaSliderLabel=P;exports.colorGradientB=n;exports.colorGradientContrastRatio=d;exports.colorGradientFail=C;exports.colorGradientG=i;exports.colorGradientHex=s;exports.colorGradientHueSliderLabel=g;exports.colorGradientPass=A;exports.colorGradientR=l;exports.colorGradientToggleInputsButton=p;exports.colorPickerDropdownButtonAriaLabel=V;exports.flatColorPickerApplyBtn=b;exports.flatColorPickerCancelBtn=B;exports.flatColorPickerClearBtn=x;exports.flatColorPickerColorGradientBtn=k;exports.flatColorPickerColorPaletteBtn=m;exports.messages=I;exports.numericDecreaseValue=o;exports.numericIncreaseValue=e;exports.radioButtonValidation=L;exports.ratingAriaLabel=w;exports.signatureClear=D;exports.signatureMaximize=T;exports.signatureMinimize=y;exports.sliderDecreaseValue=t;exports.sliderDragTitle=a;exports.sliderIncreaseValue=r;exports.switchValidation=v;

package/messages/index.mjs

@@ -0,0 +1,77 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2024 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+"use client";
+const e = "numerictextbox.increment", o = "numerictextbox.decrement", t = "slider.increment", r = "slider.decrement", a = "slider.dragTitle", n = "colorGradient.r", l = "colorGradient.g", i = "colorGradient.b", c = "colorGradient.a", s = "colorGradient.hex", d = "colorGradient.contrastRatio", u = "colorGradient.colorGradientAALevel", G = "colorGradient.colorGradientAAALevel", A = "colorGradient.colorGradientPass", g = "colorGradient.colorGradientFail", p = "colorGradient.hueSliderLabel", C = "colorGradient.alphaSliderLabel", P = "colorGradient.toggleInputsButton", x = "flatColorPicker.cancelBtn", b = "flatColorPicker.applyBtn", k = "flatColorPicker.colorGradientBtn", m = "flatColorPicker.colorPaletteBtn", B = "flatColorPicker.clearBtn", h = "checkbox.validation", f = "checkbox.optionalText", v = "radioButton.validation", L = "switch.validation", w = "colorPicker.dropdownButtonAriaLabel", D = "rating.ariaLabel", V = "signature.clear", y = "signature.maximize", z = "signature.minimize", I = {
+  [e]: "Increase value",
+  [o]: "Decrease value",
+  [t]: "Increase",
+  [r]: "Decrease",
+  [a]: "Drag",
+  [n]: "r",
+  [l]: "g",
+  [i]: "b",
+  [c]: "a",
+  [s]: "hex",
+  [d]: "Contrast ratio",
+  [u]: "AA",
+  [G]: "AAA",
+  [A]: "Pass",
+  [g]: "Fail",
+  [p]: "Hue slider",
+  [C]: "Alpha slider",
+  [P]: "Toggle colorgradient inputs",
+  [x]: "Cancel",
+  [b]: "Apply",
+  [k]: "Color Gradient view",
+  [m]: "Color Palette view",
+  [B]: "Clear color value",
+  [h]: "Please check this box if you want to proceed!",
+  [f]: "(Optional)",
+  [v]: "Please select option if you want to proceed!",
+  [L]: "Please turn on if you want to proceed!",
+  [w]: "Select",
+  [D]: "Rating",
+  [V]: "Clear",
+  [y]: "Maximize",
+  [z]: "Minimize"
+};
+export {
+  f as checkboxOptionalText,
+  h as checkboxValidation,
+  c as colorGradientA,
+  G as colorGradientAAALevel,
+  u as colorGradientAALevel,
+  C as colorGradientAlphaSliderLabel,
+  i as colorGradientB,
+  d as colorGradientContrastRatio,
+  g as colorGradientFail,
+  l as colorGradientG,
+  s as colorGradientHex,
+  p as colorGradientHueSliderLabel,
+  A as colorGradientPass,
+  n as colorGradientR,
+  P as colorGradientToggleInputsButton,
+  w as colorPickerDropdownButtonAriaLabel,
+  b as flatColorPickerApplyBtn,
+  x as flatColorPickerCancelBtn,
+  B as flatColorPickerClearBtn,
+  k as flatColorPickerColorGradientBtn,
+  m as flatColorPickerColorPaletteBtn,
+  I as messages,
+  o as numericDecreaseValue,
+  e as numericIncreaseValue,
+  v as radioButtonValidation,
+  D as ratingAriaLabel,
+  V as signatureClear,
+  y as signatureMaximize,
+  z as signatureMinimize,
+  r as sliderDecreaseValue,
+  a as sliderDragTitle,
+  t as sliderIncreaseValue,
+  L as switchValidation
+};

package/numerictextbox/NumericTextBox.js

@@ -0,0 +1,8 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2024 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const te=require("react"),n=require("prop-types"),G=require("@progress/kendo-react-intl"),o=require("@progress/kendo-react-common"),w=require("@progress/kendo-svg-icons"),ne=require("@progress/kendo-react-labels"),re=require("../package-metadata.js"),m=require("../messages/index.js"),s=require("./utils/index.js"),A=require("@progress/kendo-react-buttons");function ae(c){const V=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(c){for(const e in c)if(e!=="default"){const x=Object.getOwnPropertyDescriptor(c,e);Object.defineProperty(V,e,x.get?x:{enumerable:!0,get:()=>c[e]})}}return V.default=c,Object.freeze(V)}const r=ae(te),le="Please enter a valid value!",H=o.createPropsContext(),P=r.forwardRef((c,V)=>{o.validatePackage(re.packageMetadata);const e=o.usePropsContext(H,c),x=o.useId(),B=e.id||x,u=G.useInternationalization(),S=G.useLocalization(),l=r.useRef(null),O=r.useRef(),[K,y]=r.useState(!1),i=r.useRef(s.getInitialState()),E=r.useRef(!1),D=r.useRef(),k=r.useRef(e.defaultValue),C=s.formatValue(i.current.focused&&!e.disabled?i.current.currentLooseValue:s.getStateOrPropsValue(e.value,k.current),e.format,u);D.current=C;const[$]=o.useCustomComponent(e.prefix),[U]=o.useCustomComponent(e.suffix);r.useEffect(()=>{l.current&&l.current.setCustomValidity&&l.current.setCustomValidity(L().valid?"":e.validationMessage||le)});const T=r.useCallback(()=>{l.current&&l.current.focus()},[]),h=r.useCallback(()=>O.current!==void 0?O.current:s.getStateOrPropsValue(e.value,k.current),[e.value]),z=r.useCallback(()=>e.name,[e.name]),I=r.useCallback(()=>e.required,[e.required]),L=r.useCallback(()=>{const a=e.validationMessage!==void 0,t=h(),p=e.valid!==void 0?e.valid:!i.current.valueIsOutOfRange&&(!I()||t!=null);return{customError:a,valid:p,valueMissing:t==null}},[e.validationMessage,e.valid,h,I]),N=r.useCallback(()=>e.validityStyles,[e.validityStyles]),j=r.useCallback(()=>e,[e]),g=r.useCallback(()=>{const a={element:l.current,focus:T};return Object.defineProperty(a,"name",{get:z}),Object.defineProperty(a,"value",{get:h}),Object.defineProperty(a,"validity",{get:L}),Object.defineProperty(a,"validityStyles",{get:N}),Object.defineProperty(a,"required",{get:I}),Object.defineProperty(a,"props",{get:j}),a},[z,h,L,N,I,T,j]);r.useImperativeHandle(V,g);const f=r.useCallback(()=>({eventValue:s.getStateOrPropsValue(e.value,k.current),prevLooseValue:D.current,currentLooseValue:l.current.value,selectionStart:l.current.selectionStart,selectionEnd:l.current.selectionEnd,decimalSelect:!1,valueIsCorrected:!1,valueIsOutOfRange:!1,isPaste:E.current,focused:i.current.focused}),[e.value]),b=r.useCallback((a,t)=>{if(e.disabled)return;O.current=t.eventValue,k.current=t.eventValue;const p=s.formatValue(s.rangeValue(t.eventValue,e.min,e.max),e.format,u),d=s.rangeValue(u.parseNumber(p,e.format),e.min,e.max);d!==t.eventValue&&(t.valueIsOutOfRange=!0,t.eventValue=d,k.current=d),e.value!==t.eventValue&&o.dispatchEvent(e.onChange,a,g(),{value:t.eventValue}),O.current=void 0,i.current=t,y(q=>!q)},[e.value,e.onChange,e.disabled,y,g]),W=r.useCallback(a=>{const t=f();E.current=!1,b(a,s.sanitizeNumber(t,e.format,u))},[e.format,e.onChange,u,b,f]),Y=r.useCallback(a=>{let t=f();const p=u.parseNumber(String(t.currentLooseValue),e.format);if(t.selectionEnd>t.selectionStart&&t.selectionEnd-t.selectionStart===String(t.currentLooseValue).length){const d=u.numberSymbols(),v=d&&a.key===d.minusSign,q=d&&a.key===d.decimal;E.current=!v&&!q;return}switch(a.keyCode){case 38:s.increaseValue(p,t,e.step,e.min,e.max,e.format,u);break;case 40:s.decreaseValue(p,t,e.step,e.min,e.max,e.format,u);break;case 13:{if(e.rangeOnEnter===!1)return;const d=s.formatValue(s.rangeValue(p,e.min,e.max),e.format,u),v=s.rangeValue(u.parseNumber(d,e.format),e.min,e.max);t.eventValue=v,t.currentLooseValue=s.formatValue(v,e.format,u),t.selectionStart=t.selectionEnd=t.currentLooseValue.length;break}case 110:{const d=l.current,v=u.numberSymbols();d&&(t.currentLooseValue=t.currentLooseValue.slice(0,t.selectionStart)+v.decimal+t.currentLooseValue.slice(t.selectionEnd),t.selectionStart=t.selectionEnd=t.selectionStart+1,t=s.sanitizeNumber(t,e.format,u));break}default:return}a.preventDefault(),b(a,t)},[e.format,e.min,e.max,e.step,e.onChange,e.rangeOnEnter,b,f]),J=r.useCallback(()=>{E.current=!0},[]),R=r.useCallback(a=>{if(e.readOnly||e.disabled)return;const t=f();s.increaseValue(u.parseNumber(String(t.currentLooseValue),e.format),t,e.step,e.min,e.max,e.format,u),b(a,t)},[e.format,e.min,e.max,e.step,e.onChange,e.readOnly,e.disabled,b,f]),M=r.useCallback(a=>{if(e.readOnly||e.disabled)return;const t=f();s.decreaseValue(u.parseNumber(String(t.currentLooseValue),e.format),t,e.step,e.min,e.max,e.format,u),b(a,t)},[e.format,e.min,e.max,e.step,e.onChange,e.readOnly,e.disabled,b,f]),Q=r.useCallback(a=>{const t=o.getActiveElement(document);!document||t!==l.current||!l.current||e.readOnly||e.disabled||(a.nativeEvent.deltaY<0&&R(a),a.nativeEvent.deltaY>0&&M(a))},[R,M,e.disabled,e.readOnly]),X=r.useCallback(a=>{i.current.currentLooseValue=D.current,i.current.focused=!0,o.dispatchEvent(e.onFocus,a,g(),{}),y(t=>!t)},[e.onFocus,y,g]),Z=r.useCallback(a=>{i.current=s.getInitialState(),o.dispatchEvent(e.onBlur,a,g(),{}),y(t=>!t)},[e.onBlur,y,g]),ee=r.useCallback(a=>{if(document&&l.current){const t=o.getActiveElement(document);a.preventDefault(),t!==l.current&&l.current.focus()}},[]);o.useIsomorphicLayoutEffect(()=>{l.current&&l.current.type!=="number"&&i.current.selectionStart!==void 0&&i.current.selectionEnd!==void 0&&(l.current.selectionStart=i.current.selectionStart,l.current.selectionEnd=i.current.selectionEnd,i.current.selectionStart=void 0,i.current.selectionEnd=void 0)},[K]);const F=!N()||L().valid,_=r.createElement("span",{dir:e.dir,style:e.label?e.style:{width:e.width,...e.style},className:o.classNames("k-input","k-numerictextbox",{[`k-input-${o.kendoThemeMaps.sizeMap[e.size]||e.size}`]:e.size,[`k-input-${e.fillMode}`]:e.fillMode,[`k-rounded-${o.kendoThemeMaps.roundedMap[e.rounded]||e.rounded}`]:e.rounded,"k-invalid":!F,"k-required":e.required,"k-disabled":e.disabled},e.className),"aria-disabled":e.disabled?"true":void 0},r.createElement($,null),r.createElement("input",{role:"spinbutton",value:C===null?"":C,tabIndex:o.getTabIndex(e.tabIndex,e.disabled),accessKey:e.accessKey,disabled:e.disabled,title:e.title,"aria-disabled":e.disabled?"true":void 0,"aria-valuemin":e.min,"aria-valuemax":e.max,"aria-label":e.ariaLabel,"aria-labelledby":e.ariaLabelledBy,"aria-describedby":e.ariaDescribedBy,placeholder:e.placeholder,spellCheck:!1,autoComplete:"off",autoCorrect:"off",type:e.inputType||"tel",className:"k-input-inner",id:B,name:e.name,readOnly:e.readOnly,style:e.inputStyle,onChange:W,onFocus:X,onBlur:Z,onKeyDown:Y,onPaste:J,onWheel:Q,ref:l}),r.createElement(U,null),e.children,e.spinners&&r.createElement("span",{className:"k-input-spinner k-spin-button",onMouseDown:ee},r.createElement(A.Button,{tabIndex:-1,type:"button",icon:"caret-alt-up",svgIcon:w.caretAltUpIcon,rounded:null,className:"k-spinner-increase","aria-label":S.toLanguageString(m.numericIncreaseValue,m.messages[m.numericIncreaseValue]),title:S.toLanguageString(m.numericIncreaseValue,m.messages[m.numericIncreaseValue]),onClick:R}),r.createElement(A.Button,{tabIndex:-1,type:"button",icon:"caret-alt-down",svgIcon:w.caretAltDownIcon,rounded:null,className:"k-spinner-decrease","aria-label":S.toLanguageString(m.numericDecreaseValue,m.messages[m.numericDecreaseValue]),title:S.toLanguageString(m.numericDecreaseValue,m.messages[m.numericDecreaseValue]),onClick:M})));return e.label?r.createElement(ne.FloatingLabel,{label:e.label,editorId:B,editorValue:C===null?"":C,editorValid:F,editorDisabled:e.disabled,editorPlaceholder:e.placeholder,children:_,style:{width:e.width},dir:e.dir}):_});P.propTypes={value:n.number,defaultValue:n.number,step:n.number,format:n.oneOfType([n.string,n.shape({style:n.oneOf(["decimal","currency","percent","scientific","accounting"]),currency:n.string,currencyDisplay:n.oneOf(["symbol","code","name"]),useGrouping:n.bool,minimumIntegerDigits:n.number,minimumFractionDigits:n.number,maximumFractionDigits:n.number})]),width:n.oneOfType([n.string,n.number]),tabIndex:n.number,accessKey:n.string,title:n.string,placeholder:n.string,min:n.number,max:n.number,spinners:n.bool,disabled:n.bool,readOnly:n.bool,dir:n.string,name:n.string,label:n.string,validationMessage:n.string,required:n.bool,id:n.string,rangeOnEnter:n.bool,ariaLabelledBy:n.string,ariaDescribedBy:n.string,ariaLabel:n.string,onChange:n.func,onFocus:n.func,onBlur:n.func,size:n.oneOf([null,"small","medium","large"]),rounded:n.oneOf([null,"small","medium","large","full"]),fillMode:n.oneOf([null,"solid","flat","outline"])};P.displayName="KendoNumericTextBox";P.defaultProps={prefix:c=>null,suffix:c=>null,step:1,spinners:!0,disabled:!1,required:!1,validityStyles:!0,rangeOnEnter:!0,onChange:c=>{},onFocus:c=>{},onBlur:c=>{},size:"medium",rounded:"medium",fillMode:"solid"};exports.NumericTextBox=P;exports.NumericTextBoxPropsContext=H;

package/numerictextbox/NumericTextBox.mjs

@@ -0,0 +1,415 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2024 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+"use client";
+import * as r from "react";
+import n from "prop-types";
+import { useInternationalization as ue, useLocalization as ce } from "@progress/kendo-react-intl";
+import { createPropsContext as de, validatePackage as me, usePropsContext as fe, useId as be, useCustomComponent as _, dispatchEvent as B, getActiveElement as H, useIsomorphicLayoutEffect as pe, classNames as ge, kendoThemeMaps as K, getTabIndex as ve } from "@progress/kendo-react-common";
+import { caretAltUpIcon as ye, caretAltDownIcon as Ce } from "@progress/kendo-svg-icons";
+import { FloatingLabel as Ve } from "@progress/kendo-react-labels";
+import { packageMetadata as ke } from "../package-metadata.mjs";
+import { numericIncreaseValue as h, messages as S, numericDecreaseValue as O } from "../messages/index.mjs";
+import { getInitialState as U, formatValue as I, getStateOrPropsValue as F, rangeValue as L, sanitizeNumber as $, decreaseValue as W, increaseValue as Y } from "./utils/index.mjs";
+import { Button as J } from "@progress/kendo-react-buttons";
+const xe = "Please enter a valid value!", Ee = de(), T = r.forwardRef((b, Q) => {
+  me(ke);
+  const e = fe(Ee, b), X = be(), z = e.id || X, s = ue(), y = ce(), l = r.useRef(null), C = r.useRef(), [Z, p] = r.useState(!1), o = r.useRef(U()), V = r.useRef(!1), P = r.useRef(), g = r.useRef(e.defaultValue), v = I(
+    o.current.focused && !e.disabled ? o.current.currentLooseValue : F(e.value, g.current),
+    e.format,
+    s
+  );
+  P.current = v;
+  const [ee] = _(e.prefix), [te] = _(e.suffix);
+  r.useEffect(
+    () => {
+      l.current && l.current.setCustomValidity && l.current.setCustomValidity(
+        E().valid ? "" : e.validationMessage || xe
+      );
+    }
+  );
+  const q = r.useCallback(
+    () => {
+      l.current && l.current.focus();
+    },
+    []
+  ), k = r.useCallback(
+    () => C.current !== void 0 ? C.current : F(e.value, g.current),
+    [e.value]
+  ), G = r.useCallback(
+    () => e.name,
+    [e.name]
+  ), x = r.useCallback(
+    () => e.required,
+    [e.required]
+  ), E = r.useCallback(
+    () => {
+      const a = e.validationMessage !== void 0, t = k(), m = e.valid !== void 0 ? e.valid : !o.current.valueIsOutOfRange && (!x() || t != null);
+      return {
+        customError: a,
+        valid: m,
+        valueMissing: t == null
+      };
+    },
+    [e.validationMessage, e.valid, k, x]
+  ), N = r.useCallback(
+    () => e.validityStyles,
+    [e.validityStyles]
+  ), j = r.useCallback(
+    () => e,
+    [e]
+  ), d = r.useCallback(
+    () => {
+      const a = {
+        element: l.current,
+        focus: q
+      };
+      return Object.defineProperty(a, "name", { get: G }), Object.defineProperty(a, "value", { get: k }), Object.defineProperty(a, "validity", { get: E }), Object.defineProperty(a, "validityStyles", { get: N }), Object.defineProperty(a, "required", { get: x }), Object.defineProperty(a, "props", { get: j }), a;
+    },
+    [G, k, E, N, x, q, j]
+  );
+  r.useImperativeHandle(Q, d);
+  const u = r.useCallback(
+    () => ({
+      eventValue: F(e.value, g.current),
+      prevLooseValue: P.current,
+      currentLooseValue: l.current.value,
+      selectionStart: l.current.selectionStart,
+      selectionEnd: l.current.selectionEnd,
+      decimalSelect: !1,
+      valueIsCorrected: !1,
+      valueIsOutOfRange: !1,
+      isPaste: V.current,
+      focused: o.current.focused
+    }),
+    [e.value]
+  ), c = r.useCallback(
+    (a, t) => {
+      if (e.disabled)
+        return;
+      C.current = t.eventValue, g.current = t.eventValue;
+      const m = I(L(t.eventValue, e.min, e.max), e.format, s), i = L(s.parseNumber(m, e.format), e.min, e.max);
+      i !== t.eventValue && (t.valueIsOutOfRange = !0, t.eventValue = i, g.current = i), e.value !== t.eventValue && B(
+        e.onChange,
+        a,
+        d(),
+        { value: t.eventValue }
+      ), C.current = void 0, o.current = t, p((M) => !M);
+    },
+    [e.value, e.onChange, e.disabled, p, d]
+  ), ne = r.useCallback(
+    (a) => {
+      const t = u();
+      V.current = !1, c(a, $(t, e.format, s));
+    },
+    [e.format, e.onChange, s, c, u]
+  ), re = r.useCallback(
+    (a) => {
+      let t = u();
+      const m = s.parseNumber(String(t.currentLooseValue), e.format);
+      if (t.selectionEnd > t.selectionStart && t.selectionEnd - t.selectionStart === String(t.currentLooseValue).length) {
+        const i = s.numberSymbols(), f = i && a.key === i.minusSign, M = i && a.key === i.decimal;
+        V.current = !f && !M;
+        return;
+      }
+      switch (a.keyCode) {
+        case 38:
+          Y(
+            m,
+            t,
+            e.step,
+            e.min,
+            e.max,
+            e.format,
+            s
+          );
+          break;
+        case 40:
+          W(
+            m,
+            t,
+            e.step,
+            e.min,
+            e.max,
+            e.format,
+            s
+          );
+          break;
+        case 13: {
+          if (e.rangeOnEnter === !1)
+            return;
+          const i = I(L(m, e.min, e.max), e.format, s), f = L(s.parseNumber(i, e.format), e.min, e.max);
+          t.eventValue = f, t.currentLooseValue = I(f, e.format, s), t.selectionStart = t.selectionEnd = t.currentLooseValue.length;
+          break;
+        }
+        case 110: {
+          const i = l.current, f = s.numberSymbols();
+          i && (t.currentLooseValue = t.currentLooseValue.slice(0, t.selectionStart) + f.decimal + t.currentLooseValue.slice(t.selectionEnd), t.selectionStart = t.selectionEnd = t.selectionStart + 1, t = $(t, e.format, s));
+          break;
+        }
+        default:
+          return;
+      }
+      a.preventDefault(), c(a, t);
+    },
+    [e.format, e.min, e.max, e.step, e.onChange, e.rangeOnEnter, c, u]
+  ), ae = r.useCallback(
+    () => {
+      V.current = !0;
+    },
+    []
+  ), D = r.useCallback(
+    (a) => {
+      if (e.readOnly || e.disabled)
+        return;
+      const t = u();
+      Y(
+        s.parseNumber(String(t.currentLooseValue), e.format),
+        t,
+        e.step,
+        e.min,
+        e.max,
+        e.format,
+        s
+      ), c(a, t);
+    },
+    [e.format, e.min, e.max, e.step, e.onChange, e.readOnly, e.disabled, c, u]
+  ), R = r.useCallback(
+    (a) => {
+      if (e.readOnly || e.disabled)
+        return;
+      const t = u();
+      W(
+        s.parseNumber(String(t.currentLooseValue), e.format),
+        t,
+        e.step,
+        e.min,
+        e.max,
+        e.format,
+        s
+      ), c(a, t);
+    },
+    [e.format, e.min, e.max, e.step, e.onChange, e.readOnly, e.disabled, c, u]
+  ), le = r.useCallback(
+    (a) => {
+      const t = H(document);
+      !document || t !== l.current || !l.current || e.readOnly || e.disabled || (a.nativeEvent.deltaY < 0 && D(a), a.nativeEvent.deltaY > 0 && R(a));
+    },
+    [D, R, e.disabled, e.readOnly]
+  ), se = r.useCallback(
+    (a) => {
+      o.current.currentLooseValue = P.current, o.current.focused = !0, B(
+        e.onFocus,
+        a,
+        d(),
+        {}
+      ), p((t) => !t);
+    },
+    [e.onFocus, p, d]
+  ), oe = r.useCallback(
+    (a) => {
+      o.current = U(), B(
+        e.onBlur,
+        a,
+        d(),
+        {}
+      ), p((t) => !t);
+    },
+    [e.onBlur, p, d]
+  ), ie = r.useCallback(
+    (a) => {
+      if (document && l.current) {
+        const t = H(document);
+        a.preventDefault(), t !== l.current && l.current.focus();
+      }
+    },
+    []
+  );
+  pe(
+    () => {
+      l.current && l.current.type !== "number" && o.current.selectionStart !== void 0 && o.current.selectionEnd !== void 0 && (l.current.selectionStart = o.current.selectionStart, l.current.selectionEnd = o.current.selectionEnd, o.current.selectionStart = void 0, o.current.selectionEnd = void 0);
+    },
+    [Z]
+  );
+  const w = !N() || E().valid, A = /* @__PURE__ */ r.createElement(
+    "span",
+    {
+      dir: e.dir,
+      style: e.label ? e.style : { width: e.width, ...e.style },
+      className: ge(
+        "k-input",
+        "k-numerictextbox",
+        {
+          [`k-input-${K.sizeMap[e.size] || e.size}`]: e.size,
+          [`k-input-${e.fillMode}`]: e.fillMode,
+          [`k-rounded-${K.roundedMap[e.rounded] || e.rounded}`]: e.rounded,
+          "k-invalid": !w,
+          "k-required": e.required,
+          "k-disabled": e.disabled
+        },
+        e.className
+      ),
+      "aria-disabled": e.disabled ? "true" : void 0
+    },
+    /* @__PURE__ */ r.createElement(ee, null),
+    /* @__PURE__ */ r.createElement(
+      "input",
+      {
+        role: "spinbutton",
+        value: v === null ? "" : v,
+        tabIndex: ve(e.tabIndex, e.disabled),
+        accessKey: e.accessKey,
+        disabled: e.disabled,
+        title: e.title,
+        "aria-disabled": e.disabled ? "true" : void 0,
+        "aria-valuemin": e.min,
+        "aria-valuemax": e.max,
+        "aria-label": e.ariaLabel,
+        "aria-labelledby": e.ariaLabelledBy,
+        "aria-describedby": e.ariaDescribedBy,
+        placeholder: e.placeholder,
+        spellCheck: !1,
+        autoComplete: "off",
+        autoCorrect: "off",
+        type: e.inputType || "tel",
+        className: "k-input-inner",
+        id: z,
+        name: e.name,
+        readOnly: e.readOnly,
+        style: e.inputStyle,
+        onChange: ne,
+        onFocus: se,
+        onBlur: oe,
+        onKeyDown: re,
+        onPaste: ae,
+        onWheel: le,
+        ref: l
+      }
+    ),
+    /* @__PURE__ */ r.createElement(te, null),
+    e.children,
+    e.spinners && /* @__PURE__ */ r.createElement(
+      "span",
+      {
+        className: "k-input-spinner k-spin-button",
+        onMouseDown: ie
+      },
+      /* @__PURE__ */ r.createElement(
+        J,
+        {
+          tabIndex: -1,
+          type: "button",
+          icon: "caret-alt-up",
+          svgIcon: ye,
+          rounded: null,
+          className: "k-spinner-increase",
+          "aria-label": y.toLanguageString(h, S[h]),
+          title: y.toLanguageString(h, S[h]),
+          onClick: D
+        }
+      ),
+      /* @__PURE__ */ r.createElement(
+        J,
+        {
+          tabIndex: -1,
+          type: "button",
+          icon: "caret-alt-down",
+          svgIcon: Ce,
+          rounded: null,
+          className: "k-spinner-decrease",
+          "aria-label": y.toLanguageString(O, S[O]),
+          title: y.toLanguageString(O, S[O]),
+          onClick: R
+        }
+      )
+    )
+  );
+  return e.label ? /* @__PURE__ */ r.createElement(
+    Ve,
+    {
+      label: e.label,
+      editorId: z,
+      editorValue: v === null ? "" : v,
+      editorValid: w,
+      editorDisabled: e.disabled,
+      editorPlaceholder: e.placeholder,
+      children: A,
+      style: { width: e.width },
+      dir: e.dir
+    }
+  ) : A;
+});
+T.propTypes = {
+  value: n.number,
+  defaultValue: n.number,
+  step: n.number,
+  format: n.oneOfType([
+    n.string,
+    n.shape({
+      style: n.oneOf(["decimal", "currency", "percent", "scientific", "accounting"]),
+      currency: n.string,
+      currencyDisplay: n.oneOf(["symbol", "code", "name"]),
+      useGrouping: n.bool,
+      minimumIntegerDigits: n.number,
+      minimumFractionDigits: n.number,
+      maximumFractionDigits: n.number
+    })
+  ]),
+  width: n.oneOfType([
+    n.string,
+    n.number
+  ]),
+  tabIndex: n.number,
+  accessKey: n.string,
+  title: n.string,
+  placeholder: n.string,
+  min: n.number,
+  max: n.number,
+  spinners: n.bool,
+  disabled: n.bool,
+  readOnly: n.bool,
+  dir: n.string,
+  name: n.string,
+  label: n.string,
+  validationMessage: n.string,
+  required: n.bool,
+  id: n.string,
+  rangeOnEnter: n.bool,
+  ariaLabelledBy: n.string,
+  ariaDescribedBy: n.string,
+  ariaLabel: n.string,
+  onChange: n.func,
+  onFocus: n.func,
+  onBlur: n.func,
+  size: n.oneOf([null, "small", "medium", "large"]),
+  rounded: n.oneOf([null, "small", "medium", "large", "full"]),
+  fillMode: n.oneOf([null, "solid", "flat", "outline"])
+};
+T.displayName = "KendoNumericTextBox";
+T.defaultProps = {
+  prefix: (b) => null,
+  suffix: (b) => null,
+  step: 1,
+  spinners: !0,
+  disabled: !1,
+  required: !1,
+  validityStyles: !0,
+  rangeOnEnter: !0,
+  onChange: (b) => {
+  },
+  onFocus: (b) => {
+  },
+  onBlur: (b) => {
+  },
+  size: "medium",
+  rounded: "medium",
+  fillMode: "solid"
+};
+export {
+  T as NumericTextBox,
+  Ee as NumericTextBoxPropsContext
+};

package/numerictextbox/utils/index.js

@@ -0,0 +1,8 @@
+/**
+ * @license
+ *-------------------------------------------------------------------------------------------
+ * Copyright © 2024 Progress Software Corporation. All rights reserved.
+ * Licensed under commercial license. See LICENSE.md in the package root for more information
+ *-------------------------------------------------------------------------------------------
+ */
+"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const F=11111111111111e-7,be=.31111111111111117,Le=1,w=1,ee=0,V=/\d/,ne=15,he=()=>({eventValue:null,prevLooseValue:"",currentLooseValue:"",focused:!1,selectionStart:void 0,selectionEnd:void 0,decimalSelect:!1,valueIsCorrected:!1,valueIsOutOfRange:!1}),Ie=(t,n)=>t!==void 0?t:n,m=(t,n,r)=>t===null&&t===void 0?"":typeof t=="string"?t:r.formatNumber(t,n),B=t=>(String(t).split(".")[1]||"").length,te=(t,n)=>Math.max(B(t),B(n)),re=t=>Math.min(t,ne),G=(t,n)=>{const r=re(n);return parseFloat(t.toFixed(r))},Ne=(t,n,r,e,u,s,a)=>{const o=te(t||0,r||0),l=U(G((t||0)+(r||0),o),e,u);n.eventValue=l,n.currentLooseValue=m(l,s,a),n.selectionStart=n.selectionEnd=N(n.currentLooseValue,V)},Pe=(t,n,r,e,u,s,a)=>{const o=te(t||0,r||0),l=U(G((t||0)-(r||0),o),e,u);n.eventValue=l,n.currentLooseValue=m(l,s,a),n.selectionStart=n.selectionEnd=N(n.currentLooseValue,V)},U=(t,n,r)=>t==null?t:!(t>1||t<1||t===1)||r!==void 0&&n!==void 0&&r<n?null:(r!==void 0&&t>r&&(t=r),n!==void 0&&t<n&&(t=n),t),oe=(t,n)=>{const r=n.findIndex(([u,s])=>!!s&&t.indexOf(s)===t.length-s.length);if(r===-1)return-1;const e=n[r][1];return t.length-e.length},se=(t,n)=>{const r=n.findIndex(([u,s])=>!!u&&t.indexOf(u)===0);return r===-1?-1:n[r][0].length},ue=(t,n,r)=>{const e=oe(t,n);if(e!==-1&&r.selectionStart>e){r.selectionStart=r.selectionEnd=e;return}r.selectionStart>t.length&&(r.selectionStart=r.selectionEnd=t.length);const u=se(t,n);u!==-1&&r.selectionStart<u&&(r.selectionStart=r.selectionEnd=u),r.selectionStart===-1&&(r.selectionStart=r.selectionEnd=0)},p=(t,n,r,e)=>{t.selectionStart=t.selectionEnd=n,ue(r,e,t)},v=(t,n,r,e)=>{t.eventValue=e.parseNumber(t.prevLooseValue,n),t.currentLooseValue=t.prevLooseValue,t.valueIsCorrected=!0,p(t,t.selectionStart,t.currentLooseValue,r)},ie=(t,n)=>{const r=String(t.currentLooseValue),e=String(t.prevLooseValue);return r.split(n.minusSign).length!==e.split(n.minusSign).length&&r.length===e.length+n.minusSign.length},le=(t,n)=>{const r=String(t.currentLooseValue),e=String(t.prevLooseValue);return r.indexOf(n.minusSign)===-1&&e.indexOf(n.minusSign)!==-1},ce=(t,n)=>String(t.currentLooseValue).split(n.decimal).length>2,ae=(t,n)=>{const r=n.formatNumber(F,t),e=n.formatNumber(-F,t),u=n.formatNumber(ee,t),s=n.formatNumber(w,t),a=D(r),o=D(e),l=D(u),c=D(s),P=R(r),E=R(e),b=R(u),L=R(s);return{positiveInfo:[a,P],negativeInfo:[o,E],zeroInfo:[l,b],oneInfo:[c,L]}},de=(t,n)=>{const r=n.formatNumber(F,t),e=n.formatNumber(-F,t),u=n.formatNumber(ee,t),s=n.formatNumber(w,t),a=n.numberSymbols(),o=new RegExp(`[\\d\\${a.decimal}${a.group}]`,"g");return[r,e,u,s].map(c=>c.replace(o,"")).join("").split("").filter((c,P,E)=>E.indexOf(c)===P).join("")},y=(t,n)=>{const r=t.indexOf(n.decimal);return r>-1?r:N(t,V)},S=t=>t.split("").reverse().join(""),N=(t,n)=>t.length-S(t).search(n),D=t=>t.split(t[t.search(V)])[0],R=t=>{const n=S(t);return S(n.split(n[n.search(V)])[0])},C=(t,n)=>t.search(n),$=(t,n)=>{const r=t.indexOf(n);return r>-1?t.length-r-1:0},j=(t,n,r,e,u)=>{const s=t.replace(u,"")[0]==="0",a=n.replace(u,"")[0]==="0";if(s&&!a)return r-1;if(a&&e)return r+1;let o=0;for(let c=0;c<r;c++)V.test(t.charAt(c))&&o++;let l=0;for(;o>0&&n.length>l;)V.test(n.charAt(l))&&o--,l++;return l},Ee=(t,n,r)=>{const e={...t},{prevLooseValue:u}=e,s=r.numberSymbols(),a=de(n,r),o=String(e.currentLooseValue),l=String(u),c=new RegExp(`[^\\d\\${s.decimal}]`,"g"),P=new RegExp(`[^\\d\\${s.decimal}\\${s.group}]`,"g"),E=new RegExp(`[\\d\\${s.decimal}\\${s.group}]`),b=o.replace(c,""),L=C(o,V),O=L===-1?-1:N(o,V),ge=o.indexOf(s.decimal),X=(o.substring(0,L)+o.substring(L,O).replace(P,"")+o.substring(O,o.length)).split("").filter(x=>a.indexOf(x)!==-1||x.search(E)!==-1).join(""),Z=r.formatNumber(be,n).replace(c,""),W=Z.indexOf(s.decimal),I=W>-1?Z.length-W-1:0,k=r.formatNumber(Le,n).replace(c,""),q=k.indexOf(s.decimal),M=q>-1?k.length-q-1:0,{positiveInfo:fe,negativeInfo:me,zeroInfo:Ve,oneInfo:xe}=ae(n,r),g=[fe,me,Ve,xe],pe=g.findIndex(x=>x.findIndex(h=>!!h)!==-1)!==1,z=o.length>0&&o.length<l.length,H=typeof n=="string"&&n[0]==="p"&&o&&o.indexOf(s.percentSign)===-1;if(!e.isPaste){if(o==="")return e.eventValue=null,e.currentLooseValue="",e;if(e.currentLooseValue===s.minusSign&&r.formatNumber(-0,n)!==l)return e.eventValue=-0,e.currentLooseValue=m(e.eventValue,n,r),p(e,y(e.currentLooseValue,s),e.currentLooseValue,g),e;if(e.currentLooseValue===s.decimal){e.eventValue=0;const f=m(e.eventValue,n,r);if(M===0&&I>0){const i=N(f,V);e.currentLooseValue=f.substring(0,i)+s.decimal+f.substring(i)}else e.currentLooseValue=f;return p(e,y(e.currentLooseValue,s)+1,e.currentLooseValue,g),e}if(ie(e,s)){const f=r.parseNumber(u,n);e.eventValue=-(f!==null?f:0),e.currentLooseValue=m(e.eventValue,n,r);const i=C(e.currentLooseValue,V),d=C(l,V);return p(e,e.selectionEnd-1+(i-d),e.currentLooseValue,g),e}if(le(e,s))return e.eventValue=r.parseNumber(e.currentLooseValue,n),p(e,e.selectionStart,e.currentLooseValue,g),e;if(ce(e,s))return v(e,n,g,r),e;if(H)return e.eventValue=r.parseNumber(o,n)/100,e.currentLooseValue=m(e.eventValue,n,r),e;if(String(e.currentLooseValue).replace(/[^\d]/g,"").length>ne||b!==o&&o&&pe&&g.findIndex(([i,d])=>{const T=o.indexOf(i),_=o.indexOf(d),J=T===0,K=_===o.length-d.length,Q=T+i.length!==L&&L!==-1&&o[T+i.length]!==s.decimal,Y=_!==O&&O!==-1&&o[_-1]!==s.decimal;return i&&d?Q||Y?!1:J&&K:i?Q?!1:J:d?Y?!1:K:!1})===-1)return v(e,n,g,r),e;if(b[b.length-1]===s.decimal&&I>0)return e.eventValue=r.parseNumber(o,n),e.currentLooseValue=X,e;if(e.currentLooseValue&&u&&(a+s.decimal+s.group).split("").findIndex(i=>o.split("").filter(d=>d===i).length<l.split("").filter(d=>d===i).length&&o.length+1===l.length?!(i===s.decimal&&$(l.replace(c,""),s.decimal)===0):!1)>-1)return e.eventValue=r.parseNumber(t.prevLooseValue,n),e.currentLooseValue=t.prevLooseValue,e;const h=$(b,s.decimal),A=b[b.length-1]==="0";if(z&&A&&h<M)return e.eventValue=r.parseNumber(e.currentLooseValue,n),e.currentLooseValue=m(e.eventValue,n,r),e;if(h>0){const f=o.substring(0,ge);if(A&&(!f||l.indexOf(f)!==0)){e.eventValue=r.parseNumber(e.currentLooseValue,n);const i=m(e.eventValue,n,r);return p(e,j(o,i,e.selectionEnd,z,c),i,g),e.currentLooseValue=i,e}if(h>I){const i=o.indexOf(s.decimal),d=o.substring(0,i)+o.substring(i,i+1+I)+o.substring(O,String(e.currentLooseValue).length);return e.eventValue=r.parseNumber(d,n),e.currentLooseValue=d,p(e,e.selectionStart,d,g),e}if(M!==I&&h<=I&&A)return e.eventValue=r.parseNumber(e.currentLooseValue,n),e.currentLooseValue=X,e;if(h<M)return e.eventValue=r.parseNumber(e.currentLooseValue,n),e.currentLooseValue=m(e.eventValue,n,r),e}}if(e.eventValue=r.parseNumber(e.currentLooseValue,n),H&&(e.eventValue=e.eventValue/100),typeof e.eventValue=="number"){const x=m(e.eventValue,n,r);o.length===1?p(e,y(x,s),x,g):p(e,j(o,x,e.selectionEnd,z,c),x,g),e.currentLooseValue=x}else e.currentLooseValue=m(r.parseNumber(b),n,r);return e};exports.changeBasedSelection=j;exports.decreaseValue=Pe;exports.formatValue=m;exports.fractionLength=B;exports.getDecimalCount=$;exports.getFirstNumberIndex=C;exports.getFormatPrefixSufix=ae;exports.getFormatSymbols=de;exports.getInitialPosition=y;exports.getInitialState=he;exports.getLastNumberIndex=N;exports.getMaxCursorPosition=oe;exports.getMinCursorPosition=se;exports.getPrefix=D;exports.getStateOrPropsValue=Ie;exports.getSuffix=R;exports.increaseValue=Ne;exports.isDecimalDuplicated=ce;exports.isMinusSymbolAdded=ie;exports.isMinusSymbolRemoved=le;exports.limitPrecision=re;exports.rangeSelection=ue;exports.rangeValue=U;exports.reverseString=S;exports.sanitizeNumber=Ee;exports.setInvalid=v;exports.setSelection=p;exports.toFixedPrecision=G;