@progress/kendo-react-inputs 13.4.0-develop.3 → 13.4.0-develop.5

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -5,160 +5,176 @@
5
5
  * Licensed under commercial license. See LICENSE.md in the package root for more information
6
6
  *-------------------------------------------------------------------------------------------
7
7
  */
8
- import * as t from "react";
8
+ import * as a from "react";
9
9
  import e from "prop-types";
10
- import { createPropsContext as be, usePropsContext as xe, useCustomComponent as B, useId as ve, useDir as ge, useIsomorphicLayoutEffect as he, dispatchEvent as C, getTabIndex as ye, classNames as N, kendoThemeMaps as H } from "@progress/kendo-react-common";
11
- const ke = be(), R = t.forwardRef(($, q) => {
12
- const i = xe(ke, $), {
13
- size: m = n.size,
14
- rounded: p = n.rounded,
15
- fillMode: z = n.fillMode,
16
- autoFocus: D = n.autoFocus,
17
- flow: b = n.flow,
18
- prefix: L = null,
19
- suffix: j = null,
20
- ariaDescribedBy: _,
21
- ariaLabelledBy: K,
22
- autoSize: u,
23
- className: G,
24
- defaultValue: J,
10
+ import { createPropsContext as ve, usePropsContext as ge, useCustomComponent as $, useId as he, useDir as ye, useIsomorphicLayoutEffect as ke, dispatchEvent as z, useKendoPaste as Ce, getTabIndex as ze, classNames as q, kendoThemeMaps as D } from "@progress/kendo-react-common";
11
+ const Pe = ve(), K = a.forwardRef((L, j) => {
12
+ const u = ge(Pe, L), {
13
+ size: b = i.size,
14
+ rounded: p = i.rounded,
15
+ fillMode: P = i.fillMode,
16
+ autoFocus: _ = i.autoFocus,
17
+ flow: x = i.flow,
18
+ prefix: G = null,
19
+ suffix: J = null,
20
+ ariaDescribedBy: Q,
21
+ ariaLabelledBy: U,
22
+ autoSize: c,
23
+ className: W,
24
+ defaultValue: X,
25
25
  disabled: o,
26
- readOnly: Q,
26
+ readOnly: Y,
27
27
  required: d,
28
- rows: U,
29
- id: W,
30
- name: X,
31
- placeholder: Y,
32
- style: Z,
33
- tabIndex: ee,
34
- value: x,
35
- valid: w,
36
- validationMessage: S,
37
- validityStyles: F,
38
- onChange: v,
39
- onFocus: g,
40
- onBlur: h,
28
+ rows: Z,
29
+ id: w,
30
+ name: F,
31
+ placeholder: ee,
32
+ style: te,
33
+ tabIndex: ae,
34
+ value: v,
35
+ valid: S,
36
+ validationMessage: T,
37
+ validityStyles: V,
38
+ onChange: g,
39
+ onFocus: h,
40
+ onBlur: y,
41
41
  // Removed to support direct use in Form Field component
42
- visited: Ce,
43
- touched: ze,
44
- modified: we,
45
- resizable: l,
46
- inputAttributes: te,
47
- textareaStyle: I,
48
- ...ae
49
- } = i, a = t.useRef(null), O = t.useCallback(() => {
50
- a.current && a.current.focus();
51
- }, []), T = t.useCallback(() => {
52
- a.current && a.current.blur();
53
- }, []), [E, M] = t.useState(J), [oe, P] = t.useState(!1), [re, se] = B(L), [le, ne] = B(j), c = x !== void 0, f = c ? x : E, s = t.useCallback(() => ({
54
- element: a,
55
- focus: O,
56
- blur: T,
42
+ visited: we,
43
+ touched: Fe,
44
+ modified: Se,
45
+ resizable: s,
46
+ inputAttributes: re,
47
+ textareaStyle: E,
48
+ ...oe
49
+ } = u, t = a.useRef(null), I = a.useCallback(() => {
50
+ t.current && t.current.focus();
51
+ }, []), O = a.useCallback(() => {
52
+ t.current && t.current.blur();
53
+ }, []), [B, M] = a.useState(X), [ne, A] = a.useState(!1), [se, le] = $(G), [ie, ue] = $(J), f = v !== void 0, m = f ? v : B, N = F || w, n = a.useCallback(() => ({
54
+ element: t,
55
+ focus: I,
56
+ blur: O,
57
57
  get value() {
58
- return f;
58
+ return m;
59
59
  },
60
60
  get name() {
61
- return a.current && a.current.name;
61
+ return t.current && t.current.name;
62
62
  }
63
- }), [T, O, f]);
64
- t.useImperativeHandle(q, s);
65
- const [V, A] = t.useState("auto"), ie = ve(), ue = ge(a, i.dir), y = w !== void 0 ? w : d ? !!f : !0;
66
- t.useEffect(() => {
67
- a.current && a.current.setCustomValidity && a.current.setCustomValidity(y ? "" : S || "");
68
- }, [y, S]), he(() => {
69
- a.current && A(`${a.current.scrollHeight}px`);
70
- }, [f]);
71
- const de = t.useCallback(
63
+ }), [O, I, m]);
64
+ a.useImperativeHandle(j, n);
65
+ const [H, R] = a.useState("auto"), ce = he(), de = ye(t, u.dir), k = S !== void 0 ? S : d ? !!m : !0;
66
+ a.useEffect(() => {
67
+ t.current && t.current.setCustomValidity && t.current.setCustomValidity(k ? "" : T || "");
68
+ }, [k, T]), ke(() => {
69
+ t.current && R(`${t.current.scrollHeight}px`);
70
+ }, [m]);
71
+ const C = a.useCallback(
72
72
  (r) => {
73
- const k = r.target.value;
74
- A("auto"), !c && !o && M(k), v && !o && C(
75
- v,
73
+ const l = r.target.value;
74
+ R("auto"), !f && !o && M(l), g && !o && z(
75
+ g,
76
76
  r,
77
77
  {
78
- ...s(),
79
- value: k
78
+ ...n(),
79
+ value: l
80
80
  },
81
- { value: k }
81
+ { value: l }
82
82
  );
83
83
  },
84
- [M, v, o, c]
85
- ), ce = t.useCallback(
84
+ [M, g, o, f]
85
+ ), fe = a.useCallback(
86
86
  (r) => {
87
- P(!0), g && !o && C(g, r, s(), void 0);
87
+ A(!0), h && !o && z(h, r, n(), void 0);
88
88
  },
89
- [g, o, s]
90
- ), fe = t.useCallback(
89
+ [h, o, n]
90
+ ), me = a.useCallback(
91
91
  (r) => {
92
- P(!1), h && !o && C(h, r, s(), void 0);
92
+ A(!1), y && !o && z(y, r, n(), void 0);
93
93
  },
94
- [h, o, s]
95
- ), me = t.useMemo(() => {
94
+ [y, o, n]
95
+ ), be = a.useCallback(
96
+ (r) => {
97
+ t.current && (t.current.value = r);
98
+ const l = {
99
+ target: t.current,
100
+ currentTarget: t.current
101
+ };
102
+ C(l);
103
+ },
104
+ [C]
105
+ );
106
+ Ce(t, {
107
+ fieldName: N,
108
+ onValueChange: be,
109
+ enabled: !!N
110
+ });
111
+ const pe = a.useMemo(() => {
96
112
  let r = {};
97
- return u ? r = {
113
+ return c ? r = {
98
114
  resize: "none",
99
115
  overflow: "hidden",
100
- height: V
101
- } : l && (r = { resize: l }), {
116
+ height: H
117
+ } : s && (r = { resize: s }), {
102
118
  ...r,
103
- ...I
119
+ ...E
104
120
  };
105
- }, [u, l, V, I]), pe = {
106
- id: W || ie,
121
+ }, [c, s, H, E]), xe = {
122
+ id: w || ce,
107
123
  role: "textbox",
108
- name: X,
109
- className: N("k-input-inner", "!k-overflow-auto", {
110
- "k-resize": !u && l !== "none",
111
- "k-resize-none": u || l === "none",
112
- "!k-flex-none": b === "vertical"
124
+ name: F,
125
+ className: q("k-input-inner", "!k-overflow-auto", {
126
+ "k-resize": !c && s !== "none",
127
+ "k-resize-none": c || s === "none",
128
+ "!k-flex-none": x === "vertical"
113
129
  }),
114
- ref: a,
130
+ ref: t,
115
131
  disabled: o,
116
- rows: U,
117
- placeholder: Y,
118
- readOnly: Q,
132
+ rows: Z,
133
+ placeholder: ee,
134
+ readOnly: Y,
119
135
  required: d,
120
- tabIndex: ye(ee, o),
121
- autoFocus: D,
122
- style: me,
123
- "aria-labelledby": K,
124
- "aria-describedby": _,
136
+ tabIndex: ze(ae, o),
137
+ autoFocus: _,
138
+ style: pe,
139
+ "aria-labelledby": U,
140
+ "aria-describedby": Q,
125
141
  "aria-multiline": !0,
126
142
  "aria-disabled": o || void 0,
127
143
  "aria-required": d,
128
- value: c ? x : E,
129
- ...Object.assign({}, ae, te),
130
- onChange: de,
131
- onFocus: ce,
132
- onBlur: fe
144
+ value: f ? v : B,
145
+ ...Object.assign({}, oe, re),
146
+ onChange: C,
147
+ onFocus: fe,
148
+ onBlur: me
133
149
  };
134
- return /* @__PURE__ */ t.createElement(
150
+ return /* @__PURE__ */ a.createElement(
135
151
  "span",
136
152
  {
137
- className: N(
153
+ className: q(
138
154
  "k-input",
139
155
  "k-textarea",
140
156
  {
141
- [`k-input-${H.sizeMap[m] || m}`]: m,
142
- [`k-input-${z}`]: z,
143
- [`k-rounded-${H.roundedMap[p] || p}`]: p,
144
- "k-invalid": !(y || F !== void 0 || F === !0),
157
+ [`k-input-${D.sizeMap[b] || b}`]: b,
158
+ [`k-input-${P}`]: P,
159
+ [`k-rounded-${D.roundedMap[p] || p}`]: p,
160
+ "k-invalid": !(k || V !== void 0 || V === !0),
145
161
  "k-required": d,
146
162
  "k-disabled": o,
147
- "k-focus": oe,
148
- "!k-flex-col": b === "vertical",
149
- "!k-flex-row": b === "horizontal"
163
+ "k-focus": ne,
164
+ "!k-flex-col": x === "vertical",
165
+ "!k-flex-row": x === "horizontal"
150
166
  },
151
- G
167
+ W
152
168
  ),
153
- style: Z,
154
- dir: ue
169
+ style: te,
170
+ dir: de
155
171
  },
156
- i.prefix && /* @__PURE__ */ t.createElement(re, { ...se }),
157
- /* @__PURE__ */ t.createElement("textarea", { ...pe }),
158
- i.suffix && /* @__PURE__ */ t.createElement(le, { ...ne })
172
+ u.prefix && /* @__PURE__ */ a.createElement(se, { ...le }),
173
+ /* @__PURE__ */ a.createElement("textarea", { ...xe }),
174
+ u.suffix && /* @__PURE__ */ a.createElement(ie, { ...ue })
159
175
  );
160
176
  });
161
- R.propTypes = {
177
+ K.propTypes = {
162
178
  ariaDescribedBy: e.string,
163
179
  ariaLabelledBy: e.string,
164
180
  autoSize: e.bool,
@@ -178,21 +194,21 @@ R.propTypes = {
178
194
  onFocus: e.func,
179
195
  onBlur: e.func,
180
196
  size: e.oneOf(["small", "medium", "large"]),
181
- rounded: e.oneOf(["small", "medium", "large", "full"]),
197
+ rounded: e.oneOf(["small", "medium", "large", "full", "none"]),
182
198
  fillMode: e.oneOf(["solid", "flat", "outline"]),
183
199
  resizable: e.oneOf(["none", "both", "horizontal", "vertical"]),
184
200
  autoFocus: e.bool,
185
201
  flow: e.oneOf(["vertical", "horizontal"])
186
202
  };
187
- const n = {
203
+ const i = {
188
204
  size: void 0,
189
205
  rounded: void 0,
190
206
  fillMode: void 0,
191
207
  autoFocus: !1,
192
208
  flow: "horizontal"
193
209
  };
194
- R.displayName = "KendoTextArea";
210
+ K.displayName = "KendoTextArea";
195
211
  export {
196
- R as TextArea,
197
- ke as TextAreaPropsContext
212
+ K as TextArea,
213
+ Pe as TextAreaPropsContext
198
214
  };
@@ -128,7 +128,7 @@ export interface TextAreaProps extends FormComponentProps, Omit<React.TextareaHT
128
128
  * <TextArea rounded="full" />
129
129
  * ```
130
130
  */
131
- rounded?: 'small' | 'medium' | 'large' | 'full';
131
+ rounded?: 'small' | 'medium' | 'large' | 'full' | 'none';
132
132
  /**
133
133
  * Configures the `fillMode` of the TextArea.
134
134
  *
@@ -40,10 +40,11 @@ export interface TextBoxProps extends Omit<React.InputHTMLAttributes<HTMLInputEl
40
40
  * - medium
41
41
  * - large
42
42
  * - full
43
+ * - none
43
44
  *
44
45
  * @default `medium`
45
46
  */
46
- rounded?: 'small' | 'medium' | 'large' | 'full';
47
+ rounded?: 'small' | 'medium' | 'large' | 'full' | 'none';
47
48
  /**
48
49
  * Configures the `fillMode` of the TextBox.
49
50
  *
@@ -5,4 +5,4 @@
5
5
  * Licensed under commercial license. See LICENSE.md in the package root for more information
6
6
  *-------------------------------------------------------------------------------------------
7
7
  */
8
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const A=require("react"),l=require("prop-types"),o=require("@progress/kendo-react-common");function D(e){const r=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(r,n,a.get?a:{enumerable:!0,get:()=>e[n]})}}return r.default=e,Object.freeze(r)}const t=D(A),m=t.forwardRef((e,r)=>{const n=t.useRef(null),a=t.useRef(null),i=t.useRef(void 0),v=o.useUnstyled(),y=v&&v.uTextBox,C=t.useCallback(()=>{var u;return i.current!==void 0?i.current:(u=n.current)==null?void 0:u.value},[]);t.useImperativeHandle(a,()=>({get element(){return n.current},get name(){return n.current&&n.current.name},get value(){return C()}})),t.useImperativeHandle(r,()=>a.current);const{size:c=s.size,fillMode:f=s.fillMode,rounded:d=s.rounded,autoFocus:h=s.autoFocus,inputAttributes:k,className:g,dir:_,style:p,prefix:B=s.prefix,suffix:M=s.suffix,valid:I,onFocus:F,onBlur:S,modified:$,touched:w,visited:H,validationMessage:G,autoSize:K,textareaStyle:U,...T}=e,[O]=o.useCustomComponent(B),[R]=o.useCustomComponent(M),[x,b]=t.useState(!1),q=u=>{b(!0)},z=u=>{b(!1)},N=t.useCallback(u=>{i.current=u.target.value,e.onChange&&e.onChange.call(void 0,{syntheticEvent:u,nativeEvent:u.nativeEvent,value:u.target.value,target:a.current}),i.current=void 0},[e.onChange]),{onFocus:j,onBlur:E}=o.useAsyncFocusBlur({onFocus:q,onBlur:z,onSyncFocus:F,onSyncBlur:S}),P=t.useMemo(()=>o.classNames("k-input","k-textbox",{[`k-input-${o.kendoThemeMaps.sizeMap[c]||c}`]:c,[`k-input-${f}`]:f,[`k-rounded-${o.kendoThemeMaps.roundedMap[d]||d}`]:d,"k-focus":x,"k-required":e.required,"k-disabled":e.disabled,"k-invalid":e.valid===!1},g),[g,f,x,e.disabled,e.required,e.valid,d,c]);return t.createElement("span",{style:p,dir:_,className:P,onFocus:j,onBlur:E},t.createElement(O,null),t.createElement("input",{ref:n,className:o.classNames(o.uTextBox.inputInner({c:y})),autoFocus:h,...Object.assign({},T,k),"aria-required":e.required,onChange:N}),t.createElement(R,null))}),s={prefix:e=>null,suffix:e=>null,size:void 0,rounded:void 0,fillMode:void 0,autoFocus:!1};m.propTypes={size:l.oneOf(["small","medium","large"]),rounded:l.oneOf(["small","medium","large","full"]),fillMode:l.oneOf(["solid","flat","outline"]),autoFocus:l.bool,inputAttributes:l.object};m.displayName="KendoReactTextBoxComponent";exports.TextBox=m;
8
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const K=require("react"),l=require("prop-types"),a=require("@progress/kendo-react-common");function $(e){const s=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const o=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(s,t,o.get?o:{enumerable:!0,get:()=>e[t]})}}return s.default=e,Object.freeze(s)}const n=$(K),v=n.forwardRef((e,s)=>{const t=n.useRef(null),o=n.useRef(null),c=n.useRef(void 0),g=a.useUnstyled(),y=g&&g.uTextBox,C=n.useCallback(()=>{var u;return c.current!==void 0?c.current:(u=t.current)==null?void 0:u.value},[]);n.useImperativeHandle(o,()=>({get element(){return t.current},get name(){return t.current&&t.current.name},get value(){return C()}})),n.useImperativeHandle(s,()=>o.current);const{size:i=r.size,fillMode:f=r.fillMode,rounded:d=r.rounded,autoFocus:k=r.autoFocus,inputAttributes:_,className:x,dir:B,style:M,prefix:F=r.prefix,suffix:S=r.suffix,valid:w,onFocus:T,onBlur:p,modified:H,touched:V,visited:G,validationMessage:U,autoSize:J,textareaStyle:L,...O}=e,[N]=a.useCustomComponent(F),[R]=a.useCustomComponent(S),[b,h]=n.useState(!1),q=u=>{h(!0)},z=u=>{h(!1)},m=n.useCallback(u=>{c.current=u.target.value,e.onChange&&e.onChange.call(void 0,{syntheticEvent:u,nativeEvent:u.nativeEvent,value:u.target.value,target:o.current}),c.current=void 0},[e.onChange]),E=e.name||e.id,P=n.useCallback(u=>{t.current&&(t.current.value=u);const I={target:t.current,currentTarget:t.current};m(I)},[m]);a.useKendoPaste(t,{fieldName:E,onValueChange:P});const{onFocus:j,onBlur:A}=a.useAsyncFocusBlur({onFocus:q,onBlur:z,onSyncFocus:T,onSyncBlur:p}),D=n.useMemo(()=>a.classNames("k-input","k-textbox",{[`k-input-${a.kendoThemeMaps.sizeMap[i]||i}`]:i,[`k-input-${f}`]:f,[`k-rounded-${a.kendoThemeMaps.roundedMap[d]||d}`]:d,"k-focus":b,"k-required":e.required,"k-disabled":e.disabled,"k-invalid":e.valid===!1},x),[x,f,b,e.disabled,e.required,e.valid,d,i]);return n.createElement("span",{style:M,dir:B,className:D,onFocus:j,onBlur:A},n.createElement(N,null),n.createElement("input",{ref:t,className:a.classNames(a.uTextBox.inputInner({c:y})),autoFocus:k,...Object.assign({},O,_),"aria-required":e.required,onChange:m}),n.createElement(R,null))}),r={prefix:e=>null,suffix:e=>null,size:void 0,rounded:void 0,fillMode:void 0,autoFocus:!1};v.propTypes={size:l.oneOf(["small","medium","large"]),rounded:l.oneOf(["small","medium","large","full","none"]),fillMode:l.oneOf(["solid","flat","outline"]),autoFocus:l.bool,inputAttributes:l.object};v.displayName="KendoReactTextBoxComponent";exports.TextBox=v;
@@ -5,108 +5,123 @@
5
5
  * Licensed under commercial license. See LICENSE.md in the package root for more information
6
6
  *-------------------------------------------------------------------------------------------
7
7
  */
8
- import * as e from "react";
9
- import a from "prop-types";
10
- import { useUnstyled as j, useCustomComponent as x, useAsyncFocusBlur as H, classNames as g, kendoThemeMaps as h, uTextBox as w } from "@progress/kendo-react-common";
11
- const _ = e.forwardRef((t, C) => {
12
- const o = e.useRef(null), i = e.useRef(null), l = e.useRef(void 0), c = j(), k = c && c.uTextBox, y = e.useCallback(() => {
8
+ import * as t from "react";
9
+ import o from "prop-types";
10
+ import { useUnstyled as V, useCustomComponent as g, useKendoPaste as w, useAsyncFocusBlur as D, classNames as h, kendoThemeMaps as C, uTextBox as G } from "@progress/kendo-react-common";
11
+ const _ = t.forwardRef((e, k) => {
12
+ const u = t.useRef(null), i = t.useRef(null), l = t.useRef(void 0), f = V(), y = f && f.uTextBox, b = t.useCallback(() => {
13
13
  var n;
14
- return l.current !== void 0 ? l.current : (n = o.current) == null ? void 0 : n.value;
14
+ return l.current !== void 0 ? l.current : (n = u.current) == null ? void 0 : n.value;
15
15
  }, []);
16
- e.useImperativeHandle(i, () => ({
16
+ t.useImperativeHandle(i, () => ({
17
17
  get element() {
18
- return o.current;
18
+ return u.current;
19
19
  },
20
20
  get name() {
21
- return o.current && o.current.name;
21
+ return u.current && u.current.name;
22
22
  },
23
23
  get value() {
24
- return y();
24
+ return b();
25
25
  }
26
- })), e.useImperativeHandle(C, () => i.current);
26
+ })), t.useImperativeHandle(k, () => i.current);
27
27
  const {
28
- size: s = u.size,
29
- fillMode: d = u.fillMode,
30
- rounded: r = u.rounded,
31
- autoFocus: B = u.autoFocus,
28
+ size: r = a.size,
29
+ fillMode: c = a.fillMode,
30
+ rounded: s = a.rounded,
31
+ autoFocus: B = a.autoFocus,
32
32
  inputAttributes: F,
33
- className: f,
34
- dir: b,
35
- style: M,
36
- prefix: p = u.prefix,
37
- suffix: S = u.suffix,
38
- valid: D,
33
+ className: m,
34
+ dir: M,
35
+ style: E,
36
+ prefix: S = a.prefix,
37
+ suffix: T = a.suffix,
38
+ valid: U,
39
39
  onFocus: z,
40
- onBlur: E,
40
+ onBlur: N,
41
41
  // Destruct to avoid warning when used inside a form field
42
- modified: G,
43
- touched: K,
44
- visited: U,
45
- validationMessage: J,
46
- autoSize: L,
47
- textareaStyle: Q,
42
+ modified: J,
43
+ touched: L,
44
+ visited: Q,
45
+ validationMessage: W,
46
+ autoSize: X,
47
+ textareaStyle: Y,
48
48
  ...R
49
- } = t, [T] = x(p), [N] = x(S), [m, v] = e.useState(!1), q = (n) => {
50
- v(!0);
49
+ } = e, [p] = g(S), [q] = g(T), [v, x] = t.useState(!1), P = (n) => {
50
+ x(!0);
51
51
  }, O = (n) => {
52
- v(!1);
53
- }, A = e.useCallback(
52
+ x(!1);
53
+ }, d = t.useCallback(
54
54
  (n) => {
55
- l.current = n.target.value, t.onChange && t.onChange.call(void 0, {
55
+ l.current = n.target.value, e.onChange && e.onChange.call(void 0, {
56
56
  syntheticEvent: n,
57
57
  nativeEvent: n.nativeEvent,
58
58
  value: n.target.value,
59
59
  target: i.current
60
60
  }), l.current = void 0;
61
61
  },
62
- [t.onChange]
63
- ), { onFocus: I, onBlur: P } = H({
64
- onFocus: q,
62
+ [e.onChange]
63
+ ), A = e.name || e.id, I = t.useCallback(
64
+ (n) => {
65
+ u.current && (u.current.value = n);
66
+ const H = {
67
+ target: u.current,
68
+ currentTarget: u.current
69
+ };
70
+ d(H);
71
+ },
72
+ [d]
73
+ );
74
+ w(u, {
75
+ fieldName: A,
76
+ onValueChange: I
77
+ });
78
+ const { onFocus: K, onBlur: $ } = D({
79
+ onFocus: P,
65
80
  onBlur: O,
66
81
  onSyncFocus: z,
67
- onSyncBlur: E
68
- }), $ = e.useMemo(
69
- () => g(
82
+ onSyncBlur: N
83
+ }), j = t.useMemo(
84
+ () => h(
70
85
  "k-input",
71
86
  "k-textbox",
72
87
  {
73
- [`k-input-${h.sizeMap[s] || s}`]: s,
74
- [`k-input-${d}`]: d,
75
- [`k-rounded-${h.roundedMap[r] || r}`]: r,
76
- "k-focus": m,
77
- "k-required": t.required,
78
- "k-disabled": t.disabled,
79
- "k-invalid": t.valid === !1
88
+ [`k-input-${C.sizeMap[r] || r}`]: r,
89
+ [`k-input-${c}`]: c,
90
+ [`k-rounded-${C.roundedMap[s] || s}`]: s,
91
+ "k-focus": v,
92
+ "k-required": e.required,
93
+ "k-disabled": e.disabled,
94
+ "k-invalid": e.valid === !1
80
95
  },
81
- f
96
+ m
82
97
  ),
83
- [f, d, m, t.disabled, t.required, t.valid, r, s]
98
+ [m, c, v, e.disabled, e.required, e.valid, s, r]
84
99
  );
85
- return /* @__PURE__ */ e.createElement("span", { style: M, dir: b, className: $, onFocus: I, onBlur: P }, /* @__PURE__ */ e.createElement(T, null), /* @__PURE__ */ e.createElement(
100
+ return /* @__PURE__ */ t.createElement("span", { style: E, dir: M, className: j, onFocus: K, onBlur: $ }, /* @__PURE__ */ t.createElement(p, null), /* @__PURE__ */ t.createElement(
86
101
  "input",
87
102
  {
88
- ref: o,
89
- className: g(w.inputInner({ c: k })),
103
+ ref: u,
104
+ className: h(G.inputInner({ c: y })),
90
105
  autoFocus: B,
91
106
  ...Object.assign({}, R, F),
92
- "aria-required": t.required,
93
- onChange: A
107
+ "aria-required": e.required,
108
+ onChange: d
94
109
  }
95
- ), /* @__PURE__ */ e.createElement(N, null));
96
- }), u = {
97
- prefix: (t) => null,
98
- suffix: (t) => null,
110
+ ), /* @__PURE__ */ t.createElement(q, null));
111
+ }), a = {
112
+ prefix: (e) => null,
113
+ suffix: (e) => null,
99
114
  size: void 0,
100
115
  rounded: void 0,
101
116
  fillMode: void 0,
102
117
  autoFocus: !1
103
118
  };
104
119
  _.propTypes = {
105
- size: a.oneOf(["small", "medium", "large"]),
106
- rounded: a.oneOf(["small", "medium", "large", "full"]),
107
- fillMode: a.oneOf(["solid", "flat", "outline"]),
108
- autoFocus: a.bool,
109
- inputAttributes: a.object
120
+ size: o.oneOf(["small", "medium", "large"]),
121
+ rounded: o.oneOf(["small", "medium", "large", "full", "none"]),
122
+ fillMode: o.oneOf(["solid", "flat", "outline"]),
123
+ autoFocus: o.bool,
124
+ inputAttributes: o.object
110
125
  };
111
126
  _.displayName = "KendoReactTextBoxComponent";
112
127
  export {