@progress/kendo-react-inputs 7.2.4-develop.3 → 7.3.0-develop.1

package/input/Input.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 M=require("react"),a=require("prop-types"),n=require("@progress/kendo-react-common"),S=require("@progress/kendo-react-labels"),k=require("../package-metadata.js");function O(l){const e=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(l){for(const t in l)if(t!=="default"){const i=Object.getOwnPropertyDescriptor(l,t);Object.defineProperty(e,t,i.get?i:{enumerable:!0,get:()=>l[t]})}}return e.default=l,Object.freeze(e)}const u=O(M),s=class s extends u.Component{constructor(e){super(e),this._input=null,this.focus=()=>{this._input&&this._input.focus()},this.isInvalid=t=>{let i=!1;for(let r in t)t.hasOwnProperty(r)&&(i=i||!!t[r]);return i},this.setValidity=()=>{this._input&&this._input.setCustomValidity&&(this.validity.valid||!this.validityStyles?this._input.classList.remove("k-invalid"):this._input.classList.add("k-invalid"),this._input.setCustomValidity(this.validity.valid?"":this.props.validationMessage||""))},this.handleChange=t=>{this.setState({value:t.target.value}),this.valueDuringOnChange=t.target.value,this.props.onChange&&this.props.onChange.call(void 0,{syntheticEvent:t,nativeEvent:t.nativeEvent,value:t.target.value,target:this}),this.valueDuringOnChange=void 0},this.handleAutoFill=t=>{if(t.animationName==="autoFillStart"){let i=t.target.parentNode;i&&i.classList.contains("k-empty")&&i.classList.remove("k-empty")}},n.validatePackage(k.packageMetadata),this.state={value:this.props.defaultValue||s.defaultProps.defaultValue}}get _inputId(){return this.props.id}get element(){return this._input}get value(){return this.valueDuringOnChange!==void 0?this.valueDuringOnChange:this.props.value!==void 0?this.props.value:this.state.value}get name(){return this.props.name}get validity(){const e={badInput:this._input?this._input.validity.badInput:!1,patternMismatch:this._input?this._input.validity.patternMismatch:!1,rangeOverflow:this._input?this._input.validity.rangeOverflow:!1,rangeUnderflow:this._input?this._input.validity.rangeUnderflow:!1,stepMismatch:this._input?this._input.validity.stepMismatch:!1,tooLong:this._input?this._input.validity.tooLong:!1,typeMismatch:this._input?this._input.validity.typeMismatch:!1,valueMissing:this._input?this._input.validity.valueMissing:!1};return{...e,customError:this.props.validationMessage!==void 0,valid:this.props.valid!==void 0?this.props.valid:this._input?!this.isInvalid(e):!0}}get validityStyles(){return this.props.validityStyles!==void 0?this.props.validityStyles:s.defaultProps.validityStyles}componentDidMount(){this.forceUpdate()}componentDidUpdate(){this.setValidity()}render(){const{className:e,label:t,labelClassName:i,id:r,validationMessage:P,defaultValue:I,valid:L,visited:D,touched:N,modified:V,ariaLabelledBy:f,ariaDescribedBy:m,validityStyles:w,style:p,ariaLabel:b,...d}=this.props,h=r||this._inputId,v=!this.validityStyles||this.validity.valid,_=n.classNames(e,"k-input k-input-md k-rounded-md k-input-solid"),c=u.createElement("input",{"aria-labelledby":f,"aria-describedby":m,"aria-disabled":this.props.disabled||void 0,"aria-invalid":!v||void 0,"aria-label":b||void 0,...d,style:t?void 0:p,value:this.value,id:h,className:_,onChange:this.handleChange,onAnimationStart:this.handleAutoFill,ref:C=>{this._input=C}});return t?u.createElement(S.FloatingLabel,{label:t,labelClassName:i,editorId:h,editorValue:String(this.value),editorValid:v,editorDisabled:d.disabled,editorPlaceholder:d.placeholder,children:c,style:p,dir:d.dir}):c}};s.displayName="Input",s.propTypes={label:a.string,labelClassName:a.string,validationMessage:a.string,required:a.bool,validate:a.bool,id:a.string,ariaLabelledBy:a.string,ariaDescribedBy:a.string,ariaLabel:a.string},s.defaultProps={defaultValue:"",required:!1,validityStyles:!0};let o=s;const g=n.createPropsContext(),y=n.withIdHOC(n.withPropsContext(g,o));y.displayName="KendoReactInput";exports.Input=y;exports.InputPropsContext=g;exports.InputWithoutContext=o;

package/input/Input.mjs

@@ -0,0 +1,185 @@
+/**
+ * @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 a from "prop-types";
+import { validatePackage as f, classNames as b, createPropsContext as _, withIdHOC as C, withPropsContext as M } from "@progress/kendo-react-common";
+import { FloatingLabel as S } from "@progress/kendo-react-labels";
+import { packageMetadata as L } from "../package-metadata.mjs";
+const e = class e extends r.Component {
+  constructor(s) {
+    super(s), this._input = null, this.focus = () => {
+      this._input && this._input.focus();
+    }, this.isInvalid = (i) => {
+      let t = !1;
+      for (let l in i)
+        i.hasOwnProperty(l) && (t = t || !!i[l]);
+      return t;
+    }, this.setValidity = () => {
+      this._input && this._input.setCustomValidity && (this.validity.valid || !this.validityStyles ? this._input.classList.remove("k-invalid") : this._input.classList.add("k-invalid"), this._input.setCustomValidity(
+        this.validity.valid ? "" : this.props.validationMessage || ""
+      ));
+    }, this.handleChange = (i) => {
+      this.setState({
+        value: i.target.value
+      }), this.valueDuringOnChange = i.target.value, this.props.onChange && this.props.onChange.call(void 0, {
+        syntheticEvent: i,
+        nativeEvent: i.nativeEvent,
+        value: i.target.value,
+        target: this
+      }), this.valueDuringOnChange = void 0;
+    }, this.handleAutoFill = (i) => {
+      if (i.animationName === "autoFillStart") {
+        let t = i.target.parentNode;
+        t && t.classList.contains("k-empty") && t.classList.remove("k-empty");
+      }
+    }, f(L), this.state = {
+      value: this.props.defaultValue || e.defaultProps.defaultValue
+    };
+  }
+  get _inputId() {
+    return this.props.id;
+  }
+  /**
+   * Gets the native input element of the Input component.
+   */
+  get element() {
+    return this._input;
+  }
+  /**
+   * Gets the value of the Input.
+   */
+  get value() {
+    return this.valueDuringOnChange !== void 0 ? this.valueDuringOnChange : this.props.value !== void 0 ? this.props.value : this.state.value;
+  }
+  /**
+   * Gets the `name` property of the Input.
+   */
+  get name() {
+    return this.props.name;
+  }
+  /**
+   * Represents the validity state into which the Input is set.
+   */
+  get validity() {
+    const s = {
+      badInput: this._input ? this._input.validity.badInput : !1,
+      patternMismatch: this._input ? this._input.validity.patternMismatch : !1,
+      rangeOverflow: this._input ? this._input.validity.rangeOverflow : !1,
+      rangeUnderflow: this._input ? this._input.validity.rangeUnderflow : !1,
+      stepMismatch: this._input ? this._input.validity.stepMismatch : !1,
+      tooLong: this._input ? this._input.validity.tooLong : !1,
+      typeMismatch: this._input ? this._input.validity.typeMismatch : !1,
+      valueMissing: this._input ? this._input.validity.valueMissing : !1
+    };
+    return {
+      ...s,
+      customError: this.props.validationMessage !== void 0,
+      valid: this.props.valid !== void 0 ? this.props.valid : this._input ? !this.isInvalid(s) : !0
+    };
+  }
+  /**
+   * @hidden
+   */
+  get validityStyles() {
+    return this.props.validityStyles !== void 0 ? this.props.validityStyles : e.defaultProps.validityStyles;
+  }
+  /**
+   * @hidden
+   */
+  componentDidMount() {
+    this.forceUpdate();
+  }
+  /**
+   * @hidden
+   */
+  componentDidUpdate() {
+    this.setValidity();
+  }
+  /**
+   * @hidden
+   */
+  render() {
+    const {
+      className: s,
+      label: i,
+      labelClassName: t,
+      id: l,
+      validationMessage: N,
+      defaultValue: P,
+      valid: D,
+      // Removed to support direct use in Form Field component
+      visited: I,
+      touched: O,
+      modified: w,
+      ariaLabelledBy: v,
+      ariaDescribedBy: c,
+      validityStyles: E,
+      style: o,
+      ariaLabel: y,
+      ...n
+    } = this.props, p = l || this._inputId, u = !this.validityStyles || this.validity.valid, g = b(s, "k-input k-input-md k-rounded-md k-input-solid"), h = /* @__PURE__ */ r.createElement(
+      "input",
+      {
+        "aria-labelledby": v,
+        "aria-describedby": c,
+        "aria-disabled": this.props.disabled || void 0,
+        "aria-invalid": !u || void 0,
+        "aria-label": y || void 0,
+        ...n,
+        style: i ? void 0 : o,
+        value: this.value,
+        id: p,
+        className: g,
+        onChange: this.handleChange,
+        onAnimationStart: this.handleAutoFill,
+        ref: (m) => {
+          this._input = m;
+        }
+      }
+    );
+    return i ? /* @__PURE__ */ r.createElement(
+      S,
+      {
+        label: i,
+        labelClassName: t,
+        editorId: p,
+        editorValue: String(this.value),
+        editorValid: u,
+        editorDisabled: n.disabled,
+        editorPlaceholder: n.placeholder,
+        children: h,
+        style: o,
+        dir: n.dir
+      }
+    ) : h;
+  }
+};
+e.displayName = "Input", e.propTypes = {
+  label: a.string,
+  labelClassName: a.string,
+  validationMessage: a.string,
+  required: a.bool,
+  validate: a.bool,
+  id: a.string,
+  ariaLabelledBy: a.string,
+  ariaDescribedBy: a.string,
+  ariaLabel: a.string
+}, e.defaultProps = {
+  defaultValue: "",
+  required: !1,
+  validityStyles: !0
+};
+let d = e;
+const V = _(), k = C(M(V, d));
+k.displayName = "KendoReactInput";
+export {
+  k as Input,
+  V as InputPropsContext,
+  d as InputWithoutContext
+};

package/input/InputClearValue.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 c=require("react"),u=require("@progress/kendo-react-common");function s(e){const n=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const r=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(n,t,r.get?r:{enumerable:!0,get:()=>e[t]})}}return n.default=e,Object.freeze(n)}const a=s(c),l=a.forwardRef((e,n)=>{const t=a.useRef(null),r=a.useRef(null);return a.useImperativeHandle(t,()=>({element:r.current})),a.useImperativeHandle(n,()=>t.current),a.createElement("span",{...e,className:u.classNames("k-clear-value",e.className)})});l.displayName="KendoReactInputClearValue";exports.InputClearValue=l;

package/input/InputClearValue.mjs

@@ -0,0 +1,24 @@
+/**
+ * @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 e from "react";
+import { classNames as n } from "@progress/kendo-react-common";
+const s = e.forwardRef((a, l) => {
+  const t = e.useRef(null), r = e.useRef(null);
+  return e.useImperativeHandle(
+    t,
+    () => ({ element: r.current })
+  ), e.useImperativeHandle(
+    l,
+    () => t.current
+  ), /* @__PURE__ */ e.createElement("span", { ...a, className: n("k-clear-value", a.className) });
+});
+s.displayName = "KendoReactInputClearValue";
+export {
+  s as InputClearValue
+};

package/input/InputPrefix.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 o=require("@progress/kendo-react-common"),l=require("react");function s(e){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const n in e)if(n!=="default"){const a=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,a.get?a:{enumerable:!0,get:()=>e[n]})}}return t.default=e,Object.freeze(t)}const r=s(l),c=r.forwardRef(({orientation:e="horizontal",...t},n)=>{const a=r.useRef(null),u=r.useRef(null);return r.useImperativeHandle(a,()=>({element:u.current})),r.useImperativeHandle(n,()=>a.current),r.createElement("span",{...t,className:o.classNames("k-input-prefix",t.className,`k-input-prefix-${e}`)})});c.displayName="KendoReactInputPrefix";exports.InputPrefix=c;

package/input/InputPrefix.mjs

@@ -0,0 +1,24 @@
+/**
+ * @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 { classNames as l } from "@progress/kendo-react-common";
+import * as e from "react";
+const u = e.forwardRef(({ orientation: r = "horizontal", ...t }, a) => {
+  const n = e.useRef(null), s = e.useRef(null);
+  return e.useImperativeHandle(
+    n,
+    () => ({ element: s.current })
+  ), e.useImperativeHandle(
+    a,
+    () => n.current
+  ), /* @__PURE__ */ e.createElement("span", { ...t, className: l("k-input-prefix", t.className, `k-input-prefix-${r}`) });
+});
+u.displayName = "KendoReactInputPrefix";
+export {
+  u as InputPrefix
+};

package/input/InputSeparator.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 u=require("react"),s=require("@progress/kendo-react-common");function l(e){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const r in e)if(r!=="default"){const n=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,n.get?n:{enumerable:!0,get:()=>e[r]})}}return t.default=e,Object.freeze(t)}const a=l(u),c=a.forwardRef(({orientation:e="vertical",...t},r)=>{const n=a.useRef(null),o=a.useRef(null);return a.useImperativeHandle(n,()=>({element:o.current})),a.useImperativeHandle(r,()=>n.current),a.createElement("span",{...t,className:s.classNames("k-input-separator",t.className,`k-input-separator-${e}`)})});c.displayName="KendoReactInputSeparator";exports.InputSeparator=c;

package/input/InputSeparator.mjs

@@ -0,0 +1,24 @@
+/**
+ * @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 e from "react";
+import { classNames as l } from "@progress/kendo-react-common";
+const u = e.forwardRef(({ orientation: r = "vertical", ...t }, n) => {
+  const a = e.useRef(null), s = e.useRef(null);
+  return e.useImperativeHandle(
+    a,
+    () => ({ element: s.current })
+  ), e.useImperativeHandle(
+    n,
+    () => a.current
+  ), /* @__PURE__ */ e.createElement("span", { ...t, className: l("k-input-separator", t.className, `k-input-separator-${r}`) });
+});
+u.displayName = "KendoReactInputSeparator";
+export {
+  u as InputSeparator
+};

package/input/InputSuffix.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 s=require("react"),o=require("@progress/kendo-react-common");function l(e){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const n in e)if(n!=="default"){const u=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,u.get?u:{enumerable:!0,get:()=>e[n]})}}return t.default=e,Object.freeze(t)}const r=l(s),a=r.forwardRef(({orientation:e="horizontal",...t},n)=>{const u=r.useRef(null),c=r.useRef(null);return r.useImperativeHandle(u,()=>({element:c.current})),r.useImperativeHandle(n,()=>u.current),r.createElement("span",{...t,className:o.classNames("k-input-suffix",t.className,`k-input-suffix-${e}`)})});a.displayName="KendoReactInputSuffix";exports.InputSuffix=a;

package/input/InputSuffix.mjs

@@ -0,0 +1,24 @@
+/**
+ * @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 e from "react";
+import { classNames as r } from "@progress/kendo-react-common";
+const l = e.forwardRef(({ orientation: a = "horizontal", ...t }, s) => {
+  const n = e.useRef(null), u = e.useRef(null);
+  return e.useImperativeHandle(
+    n,
+    () => ({ element: u.current })
+  ), e.useImperativeHandle(
+    s,
+    () => n.current
+  ), /* @__PURE__ */ e.createElement("span", { ...t, className: r("k-input-suffix", t.className, `k-input-suffix-${a}`) });
+});
+l.displayName = "KendoReactInputSuffix";
+export {
+  l as InputSuffix
+};

package/input/InputValidationIcon.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 o=require("@progress/kendo-react-common"),i=require("react");function l(e){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const n in e)if(n!=="default"){const a=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,a.get?a:{enumerable:!0,get:()=>e[n]})}}return t.default=e,Object.freeze(t)}const c=l(i),r=c.forwardRef((e,t)=>c.createElement(o.IconWrap,{ref:t,...e,className:o.classNames("k-input-validation-icon",e.className)}));r.displayName="KendoReactInputValidationIcon";exports.InputValidationIcon=r;

package/input/InputValidationIcon.mjs

@@ -0,0 +1,15 @@
+/**
+ * @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 { IconWrap as n, classNames as o } from "@progress/kendo-react-common";
+import * as e from "react";
+const c = e.forwardRef((a, t) => /* @__PURE__ */ e.createElement(n, { ref: t, ...a, className: o("k-input-validation-icon", a.className) }));
+c.displayName = "KendoReactInputValidationIcon";
+export {
+  c as InputValidationIcon
+};

package/maskedtextbox/MaskedTextBox.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 P=require("react"),e=require("prop-types"),x=require("./masking.service.js"),c=require("./utils.js"),o=require("@progress/kendo-react-common"),_=require("@progress/kendo-react-labels"),C=require("../package-metadata.js");function S(u){const s=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(u){for(const t in u)if(t!=="default"){const i=Object.getOwnPropertyDescriptor(u,t);Object.defineProperty(s,t,i.get?i:{enumerable:!0,get:()=>u[t]})}}return s.default=u,Object.freeze(s)}const p=S(P),l=class l extends p.Component{constructor(s){super(s),this.state={},this._inputId=`k-${this.props.id}`,this._service=new x.MaskingService,this._isPasted=!1,this._selection=[null,null],this._input=null,this.focus=()=>{this._input&&this._input.focus()},this.pasteHandler=t=>{const{selectionStart:i,selectionEnd:r}=t.target;r!==i&&(this._isPasted=!0,this._selection=[i||0,r||0])},this.onChangeHandler=t=>{const i=t.currentTarget,r=i.value,n=this._selection[0]||0,a=this._selection[1]||0;if(!this.props.mask){this._isPasted=!1,this._selection=[null,null],this.triggerOnChange(r,t);return}const h=this.value;let d;if(this._isPasted){this._isPasted=!1;const v=h.length-a,g=r.length-v;d=this._service.maskInRange(r.slice(n,g),h,n,a)}else d=this._service.maskInput(r,h,i.selectionStart||0);this._selection=[d.selection,d.selection],this.triggerOnChange(d.value,t)},this.focusHandler=t=>{this.state.focused||(this.setState({focused:!0}),this.props.onFocus&&this.props.onFocus.call(void 0,{target:this,syntheticEvent:t,nativeEvent:t.nativeEvent}))},this.blurHandler=t=>{this.state.focused&&(this.setState({focused:!1}),this.props.onBlur&&this.props.onBlur.call(void 0,{target:this,syntheticEvent:t,nativeEvent:t.nativeEvent}))},this.setValidity=()=>{this.element&&this.element.setCustomValidity(this.validity.valid?"":this.props.validationMessage||"")},o.validatePackage(C.packageMetadata)}get element(){return this._input}get value(){return this._valueDuringOnChange!==void 0?this._valueDuringOnChange:this.props.value!==void 0?this.props.value:this.state.value!==void 0?this.state.value:this.props.defaultValue!==void 0?this.props.defaultValue:""}get rawValue(){return this._service.rawValue(this.value)}get validity(){const s=this.value,t=this._service.validationValue(s),i=this.props.validationMessage!==void 0,r=this.props.valid!==void 0?this.props.valid:(!this.required||!!t)&&(!this.props.maskValidation||!this.props.prompt||s.indexOf(this.props.prompt)===-1);return{customError:i,valid:r,valueMissing:!t}}get validityStyles(){return this.props.validityStyles!==void 0?this.props.validityStyles:l.defaultProps.validityStyles}get required(){return this.props.required!==void 0?this.props.required:l.defaultProps.required}get name(){return this.props.name}componentDidUpdate(s,t){if(this.element&&this.state.focused&&t.focused){let[i,r]=this._selection;const n=s.selection,a=this.props.selection;(!n&&a||n&&a&&(n.start!==a.start||n.end!==a.end))&&(i=a.start,r=a.end),i!==null&&r!==null&&this.element.setSelectionRange(i,r)}c.maskingChanged(s,this.props)&&this.updateService(),this.setValidity()}componentDidMount(){this.updateService(),this.setValidity()}render(){const{size:s=l.defaultProps.size,fillMode:t=l.defaultProps.fillMode,rounded:i=l.defaultProps.rounded}=this.props,r=this.props.id||this._inputId,n=!this.validityStyles||this.validity.valid,a=this.props.style||{},{prefix:h=l.defaultProps.prefix,suffix:d=l.defaultProps.suffix}=this.props,[v]=o.useCustomComponent(h),[g]=o.useCustomComponent(d),m=p.createElement("span",{dir:this.props.dir,className:o.classNames("k-maskedtextbox k-input",{[`k-input-${o.kendoThemeMaps.sizeMap[s]||s}`]:s,[`k-input-${t}`]:t,[`k-rounded-${o.kendoThemeMaps.roundedMap[i]||i}`]:i,"k-invalid":!n,"k-required":this.required,"k-disabled":this.props.disabled},this.props.className),style:this.props.label?a:{width:this.props.width,...a}},p.createElement(v,null),p.createElement("input",{type:"text",autoComplete:"off",autoCorrect:"off",autoCapitalize:"off",spellCheck:!1,className:"k-input-inner",value:this.value,id:r,"aria-labelledby":this.props.ariaLabelledBy,"aria-describedby":this.props.ariaDescribedBy,"aria-placeholder":this.props.mask,name:this.props.name,tabIndex:o.getTabIndex(this.props.tabIndex,this.props.disabled,!0),accessKey:this.props.accessKey,title:this.props.title,disabled:this.props.disabled||void 0,readOnly:this.props.readonly||void 0,placeholder:this.props.placeholder,ref:k=>this._input=k,onChange:this.onChangeHandler,onPaste:this.pasteHandler,onFocus:this.focusHandler,onBlur:this.blurHandler,onDragStart:c.returnFalse,onDrop:c.returnFalse}),p.createElement(g,null));return this.props.label?p.createElement(_.FloatingLabel,{label:this.props.label,editorId:r,editorValue:this.value,editorValid:n,editorDisabled:this.props.disabled,editorPlaceholder:this.props.placeholder,children:m,style:{width:this.props.width},dir:this.props.dir}):m}triggerOnChange(s,t){if(this.setState({value:s}),this.props.onChange){this._valueDuringOnChange=s;const i={syntheticEvent:t,nativeEvent:t.nativeEvent,selectionStart:this._selection[0],selectionEnd:this._selection[1],target:this,value:this.value};this.props.onChange.call(void 0,i),this._valueDuringOnChange=void 0}}updateService(s){const t=Object.assign({includeLiterals:this.props.includeLiterals,mask:this.props.mask,prompt:this.props.prompt,promptPlaceholder:this.props.promptPlaceholder,rules:this.rules},s);this._service.update(t)}get rules(){return Object.assign({},c.defaultRules,this.props.rules)}};l.displayName="MaskedTextBox",l.propTypes={value:e.string,defaultValue:e.string,placeholder:e.string,title:e.string,dir:e.string,id:e.string,style:e.object,className:e.string,prefix:e.any,suffix:e.any,ariaLabelledBy:e.string,ariaDescribedBy:e.string,width:e.oneOfType([e.string,e.number]),tabIndex:e.number,accessKey:e.string,disabled:e.bool,readonly:e.bool,prompt:e.string,promptPlaceholder:e.string,includeLiterals:e.bool,maskValidation:e.bool,mask:e.string,rules:function(s,t,i){const r=s.rules;return r!==void 0&&!Object.entries(r).some(a=>typeof a!="string"||!(r[a]instanceof RegExp))?new Error("Invalid prop `"+t+"` supplied to `"+i+"`. Validation failed."):null},selection:e.shape({start:e.number.isRequired,end:e.number.isRequired}),name:e.string,label:e.string,validationMessage:e.string,required:e.bool,valid:e.bool,validityStyles:e.bool,onChange:e.func,size:e.oneOf([null,"small","medium","large"]),rounded:e.oneOf([null,"small","medium","large","full"]),fillMode:e.oneOf([null,"solid","flat","outline"])},l.defaultProps={prompt:"_",promptPlaceholder:" ",includeLiterals:!1,maskValidation:!0,rules:c.defaultRules,required:!1,validityStyles:!0,prefix:s=>null,suffix:s=>null,size:"medium",rounded:"medium",fillMode:"solid"};let f=l;const y=o.createPropsContext(),b=o.withIdHOC(o.withPropsContext(y,f));b.displayName="KendoReactMaskedTextBox";exports.MaskedTextBox=b;exports.MaskedTextBoxPropsContext=y;exports.MaskedTextBoxWithoutContext=f;