@progress/kendo-react-inputs 8.2.0-develop.29 → 8.2.0-develop.30
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.
- package/colors/ColorGradient.js +1 -1
- package/colors/ColorGradient.mjs +181 -121
- package/colors/ColorPalette.js +1 -1
- package/colors/ColorPalette.mjs +29 -29
- package/colors/ColorPicker.js +1 -1
- package/colors/ColorPicker.mjs +168 -152
- package/colors/FlatColorPicker.js +1 -1
- package/colors/FlatColorPicker.mjs +120 -104
- package/dist/cdn/js/kendo-react-inputs.js +1 -1
- package/index.d.mts +78 -41
- package/index.d.ts +78 -41
- package/package-metadata.mjs +1 -1
- package/package.json +8 -8
|
@@ -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 client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const O=require("react"),
|
|
8
|
+
"use client";"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const O=require("react"),o=require("prop-types"),l=require("@progress/kendo-react-common"),g=require("@progress/kendo-react-buttons"),E=require("@progress/kendo-svg-icons"),j=require("./ColorPalette.js"),A=require("./ColorGradient.js"),D=require("../package-metadata.js"),z=require("@progress/kendo-react-intl"),n=require("../messages/index.js");function K(e){const b=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const c in e)if(c!=="default"){const u=Object.getOwnPropertyDescriptor(e,c);Object.defineProperty(b,c,u.get?u:{enumerable:!0,get:()=>e[c]})}}return b.default=e,Object.freeze(b)}const a=K(O),P=a.forwardRef((e,b)=>{l.validatePackage(D.packageMetadata);const c=a.useRef(null),u=a.useRef(null),S=a.useRef(null),{defaultValue:s,showButtons:m=!0,showPreview:G=!0,showClearButton:R=!0}=e,[v,q]=a.useState((e.view||"ColorGradient")==="ColorGradient"),[r,C]=a.useState(e.value||s||void 0),[d,f]=a.useState(e.value||s||void 0),h=e.value!==void 0?e.value:void 0;a.useEffect(()=>{C(e.value)},[e.value]);const y=z.useLocalization(),w=a.useCallback(()=>{c.current&&c.current.focus()},[c]);a.useImperativeHandle(c,()=>({element:u.current,focus:w,props:e,value:h}),[h,w,e]),a.useImperativeHandle(b,()=>c.current);const B=a.useCallback(t=>{(t==="ColorGradient"&&!v||t==="ColorPalette"&&v)&&q(!v)},[v]),L=a.useCallback(t=>{if(s?(C(s),f(s)):(C(void 0),f(void 0)),e.onPreviewChange){const i={value:s||void 0,nativeEvent:t.nativeEvent,syntheticEvent:t};e.onPreviewChange.call(void 0,i)}},[s,e.onPreviewChange]),N=a.useCallback(t=>{if(C(t.value),e.onPreviewChange){const i={value:t.value,nativeEvent:t.nativeEvent,syntheticEvent:t.syntheticEvent};e.onPreviewChange.call(void 0,i)}},[e.onPreviewChange]),_=a.useCallback(t=>{if(r!==void 0&&f(r),e.onChange){const i={value:r,nativeEvent:t.nativeEvent,syntheticEvent:t};e.onChange.call(void 0,i)}},[r,e.onChange]),x=a.useCallback(()=>{C(d)},[d]),M=a.useCallback(t=>{if(C(d),e.onPreviewChange){const i={value:d,nativeEvent:t.nativeEvent,syntheticEvent:t};e.onPreviewChange.call(void 0,i)}},[d,e.onPreviewChange]),T=a.useCallback(t=>{var k;if((!t.relatedTarget||!((k=u.current)!=null&&k.contains(t.relatedTarget)))&&(!m&&r!==void 0&&f(r),!m&&e.onChange)){const V={value:r,nativeEvent:t.nativeEvent,syntheticEvent:t};e.onChange.call(void 0,V)}},[r,m,e.onChange]),I=a.useMemo(()=>new l.Navigation({root:u,selectors:[".k-coloreditor"],tabIndex:0,keyboardEvents:{keydown:{Tab:(t,i,k)=>{l.getActiveElement(document)===t?l.disableNavigatableContainer(t):l.keepFocusInContainer(k,t)},Enter:(t,i,k)=>{l.getActiveElement(document)===t&&(l.focusFirstFocusableChild(t),l.enableNavigatableContainer(t))},Escape:(t,i,k)=>{l.getActiveElement(document)!==t&&(t.focus(),l.disableNavigatableContainer(t))}}}}),[]),F=a.useCallback(I.triggerKeyboardEvent.bind(I),[]);return a.createElement("div",{id:e.id,role:"textbox","aria-label":e.ariaLabel,"aria-labelledby":e.ariaLabelledBy,"aria-disabled":e.disabled?"true":void 0,style:e.style,ref:u,tabIndex:l.getTabIndex(e.tabIndex,e.disabled),className:l.classNames("k-flatcolorpicker k-coloreditor",{"k-disabled":e.disabled},e.className),onBlur:T,onKeyDown:F},e.header||a.createElement("div",{className:"k-coloreditor-header k-hstack"},a.createElement("div",{className:"k-coloreditor-header-actions k-hstack"},a.createElement(g.ButtonGroup,{className:"k-button-group-flat"},a.createElement(g.Button,{type:"button","aria-label":y.toLanguageString(n.flatColorPickerColorGradientBtn,n.messages[n.flatColorPickerColorGradientBtn]),togglable:!0,fillMode:"flat",selected:v,onClick:()=>B("ColorGradient"),icon:"droplet-slider",svgIcon:E.dropletSliderIcon}),a.createElement(g.Button,{type:"button","aria-label":y.toLanguageString(n.flatColorPickerColorPaletteBtn,n.messages[n.flatColorPickerColorPaletteBtn]),togglable:!0,fillMode:"flat",selected:!v,onClick:()=>B("ColorPalette"),icon:"palette",svgIcon:E.paletteIcon}))),a.createElement("div",{className:"k-spacer"}),a.createElement("div",{className:"k-coloreditor-header-actions k-hstack"},R&&a.createElement(g.Button,{type:"button",fillMode:"flat",onClick:L,"aria-label":y.toLanguageString(n.flatColorPickerClearBtn,n.messages[n.flatColorPickerClearBtn]),icon:"droplet-slash",svgIcon:E.dropletSlashIcon}),G&&a.createElement("div",{className:"k-coloreditor-preview k-vstack"},a.createElement("span",{className:l.classNames("k-coloreditor-preview-color","k-color-preview",{"k-no-color":h===void 0})},a.createElement("span",{className:"k-color-preview-mask",style:{background:r||void 0}})),a.createElement("span",{className:l.classNames("k-coloreditor-current-color","k-color-preview",{"k-no-color":d===void 0}),onClick:M},a.createElement("span",{className:"k-color-preview-mask",style:{background:d||void 0}}))))),a.createElement("div",{className:"k-coloreditor-views k-vstack"},v?a.createElement(A.ColorGradient,{ref:S,role:"none",ariaLabel:void 0,value:r,onChange:N,opacity:e.opacity,format:e.format}):a.createElement(j.ColorPalette,{ariaDisabled:!0,ariaLabelledBy:"required_label",value:r,onChange:N})),m&&a.createElement("div",{className:"k-coloreditor-footer k-actions k-actions-end k-actions-horizontal"},a.createElement(g.Button,{type:"button",className:"k-coloreditor-cancel",onClick:x},n.messages[n.flatColorPickerCancelBtn]),a.createElement(g.Button,{type:"button",themeColor:"primary",className:"k-coloreditor-apply",onClick:_},n.messages[n.flatColorPickerApplyBtn])))}),H={id:o.string,style:o.any,className:o.string,value:o.string,defaultValue:o.string,onPreviewChange:o.func,onChange:o.func,opacity:o.bool,format:o.any,tabIndex:o.number,ariaLabel:o.string,ariaLabelledBy:o.string,disabled:o.bool,view:o.any,header:o.any,showClearButton:o.bool,showPreview:o.bool,showButtons:o.bool};P.displayName="KendoFlatColorPicker";P.propTypes=H;exports.FlatColorPicker=P;
|
|
@@ -7,110 +7,125 @@
|
|
|
7
7
|
*/
|
|
8
8
|
"use client";
|
|
9
9
|
import * as e from "react";
|
|
10
|
-
import
|
|
11
|
-
import { validatePackage as q, getTabIndex as
|
|
12
|
-
import { ButtonGroup as
|
|
13
|
-
import { dropletSliderIcon as
|
|
14
|
-
import { ColorPalette as
|
|
15
|
-
import { ColorGradient as
|
|
16
|
-
import { packageMetadata as
|
|
17
|
-
import { useLocalization as
|
|
18
|
-
import { flatColorPickerColorGradientBtn as
|
|
19
|
-
const
|
|
20
|
-
q(
|
|
21
|
-
const v = e.useRef(null),
|
|
10
|
+
import o from "prop-types";
|
|
11
|
+
import { validatePackage as q, Navigation as j, getActiveElement as h, disableNavigatableContainer as B, keepFocusInContainer as J, focusFirstFocusableChild as O, enableNavigatableContainer as Q, getTabIndex as U, classNames as E } from "@progress/kendo-react-common";
|
|
12
|
+
import { ButtonGroup as W, Button as u } from "@progress/kendo-react-buttons";
|
|
13
|
+
import { dropletSliderIcon as X, paletteIcon as Y, dropletSlashIcon as Z } from "@progress/kendo-svg-icons";
|
|
14
|
+
import { ColorPalette as $ } from "./ColorPalette.mjs";
|
|
15
|
+
import { ColorGradient as p } from "./ColorGradient.mjs";
|
|
16
|
+
import { packageMetadata as ee } from "../package-metadata.mjs";
|
|
17
|
+
import { useLocalization as ae } from "@progress/kendo-react-intl";
|
|
18
|
+
import { flatColorPickerColorGradientBtn as I, messages as m, flatColorPickerColorPaletteBtn as G, flatColorPickerClearBtn as L, flatColorPickerCancelBtn as te, flatColorPickerApplyBtn as oe } from "../messages/index.mjs";
|
|
19
|
+
const S = e.forwardRef((a, x) => {
|
|
20
|
+
q(ee);
|
|
21
|
+
const v = e.useRef(null), C = e.useRef(null), R = e.useRef(null), { defaultValue: r, showButtons: k = !0, showPreview: V = !0, showClearButton: F = !0 } = a, [c, T] = e.useState((a.view || "ColorGradient") === "ColorGradient"), [l, s] = e.useState(a.value || r || void 0), [i, b] = e.useState(a.value || r || void 0), f = a.value !== void 0 ? a.value : void 0;
|
|
22
22
|
e.useEffect(() => {
|
|
23
|
-
|
|
23
|
+
s(a.value);
|
|
24
24
|
}, [a.value]);
|
|
25
|
-
const g =
|
|
25
|
+
const g = ae(), y = e.useCallback(
|
|
26
26
|
() => {
|
|
27
27
|
v.current && v.current.focus();
|
|
28
28
|
},
|
|
29
29
|
[v]
|
|
30
30
|
);
|
|
31
31
|
e.useImperativeHandle(v, () => ({
|
|
32
|
-
element:
|
|
33
|
-
focus:
|
|
32
|
+
element: C.current,
|
|
33
|
+
focus: y,
|
|
34
34
|
props: a,
|
|
35
35
|
value: f
|
|
36
|
-
}), [f,
|
|
37
|
-
const
|
|
36
|
+
}), [f, y, a]), e.useImperativeHandle(x, () => v.current);
|
|
37
|
+
const w = e.useCallback(
|
|
38
38
|
(t) => {
|
|
39
|
-
(t === "ColorGradient" && !c || t === "ColorPalette" && c) &&
|
|
39
|
+
(t === "ColorGradient" && !c || t === "ColorPalette" && c) && T(!c);
|
|
40
40
|
},
|
|
41
41
|
[c]
|
|
42
|
-
),
|
|
42
|
+
), _ = e.useCallback(
|
|
43
43
|
(t) => {
|
|
44
|
-
if (
|
|
45
|
-
const
|
|
46
|
-
value:
|
|
44
|
+
if (r ? (s(r), b(r)) : (s(void 0), b(void 0)), a.onPreviewChange) {
|
|
45
|
+
const n = {
|
|
46
|
+
value: r || void 0,
|
|
47
47
|
nativeEvent: t.nativeEvent,
|
|
48
48
|
syntheticEvent: t
|
|
49
49
|
};
|
|
50
|
-
a.onPreviewChange.call(void 0,
|
|
50
|
+
a.onPreviewChange.call(void 0, n);
|
|
51
51
|
}
|
|
52
52
|
},
|
|
53
|
-
[
|
|
54
|
-
),
|
|
53
|
+
[r, a.onPreviewChange]
|
|
54
|
+
), P = e.useCallback(
|
|
55
55
|
(t) => {
|
|
56
|
-
if (
|
|
57
|
-
const
|
|
56
|
+
if (s(t.value), a.onPreviewChange) {
|
|
57
|
+
const n = {
|
|
58
58
|
value: t.value,
|
|
59
59
|
nativeEvent: t.nativeEvent,
|
|
60
60
|
syntheticEvent: t.syntheticEvent
|
|
61
61
|
};
|
|
62
|
-
a.onPreviewChange.call(void 0,
|
|
62
|
+
a.onPreviewChange.call(void 0, n);
|
|
63
63
|
}
|
|
64
64
|
},
|
|
65
65
|
[a.onPreviewChange]
|
|
66
|
-
),
|
|
66
|
+
), M = e.useCallback(
|
|
67
67
|
(t) => {
|
|
68
|
-
if (
|
|
69
|
-
const
|
|
70
|
-
value:
|
|
68
|
+
if (l !== void 0 && b(l), a.onChange) {
|
|
69
|
+
const n = {
|
|
70
|
+
value: l,
|
|
71
71
|
nativeEvent: t.nativeEvent,
|
|
72
72
|
syntheticEvent: t
|
|
73
73
|
};
|
|
74
|
-
a.onChange.call(void 0,
|
|
74
|
+
a.onChange.call(void 0, n);
|
|
75
75
|
}
|
|
76
76
|
},
|
|
77
|
-
[
|
|
78
|
-
),
|
|
77
|
+
[l, a.onChange]
|
|
78
|
+
), K = e.useCallback(
|
|
79
79
|
() => {
|
|
80
|
-
|
|
80
|
+
s(i);
|
|
81
81
|
},
|
|
82
|
-
[
|
|
82
|
+
[i]
|
|
83
83
|
), z = e.useCallback(
|
|
84
84
|
(t) => {
|
|
85
|
-
if (
|
|
86
|
-
const
|
|
87
|
-
value:
|
|
85
|
+
if (s(i), a.onPreviewChange) {
|
|
86
|
+
const n = {
|
|
87
|
+
value: i,
|
|
88
88
|
nativeEvent: t.nativeEvent,
|
|
89
89
|
syntheticEvent: t
|
|
90
90
|
};
|
|
91
|
-
a.onPreviewChange.call(void 0,
|
|
91
|
+
a.onPreviewChange.call(void 0, n);
|
|
92
92
|
}
|
|
93
93
|
},
|
|
94
|
-
[
|
|
95
|
-
),
|
|
96
|
-
(t) => {
|
|
97
|
-
s.current && !(t.nativeEvent.target instanceof HTMLInputElement) && s.current.focus();
|
|
98
|
-
},
|
|
99
|
-
[s]
|
|
100
|
-
), H = e.useCallback(
|
|
94
|
+
[i, a.onPreviewChange]
|
|
95
|
+
), A = e.useCallback(
|
|
101
96
|
(t) => {
|
|
102
|
-
var
|
|
103
|
-
if ((!t.relatedTarget || !((
|
|
104
|
-
const
|
|
105
|
-
value:
|
|
97
|
+
var d;
|
|
98
|
+
if ((!t.relatedTarget || !((d = C.current) != null && d.contains(t.relatedTarget))) && (!k && l !== void 0 && b(l), !k && a.onChange)) {
|
|
99
|
+
const H = {
|
|
100
|
+
value: l,
|
|
106
101
|
nativeEvent: t.nativeEvent,
|
|
107
102
|
syntheticEvent: t
|
|
108
103
|
};
|
|
109
|
-
a.onChange.call(void 0,
|
|
104
|
+
a.onChange.call(void 0, H);
|
|
110
105
|
}
|
|
111
106
|
},
|
|
112
|
-
[
|
|
113
|
-
)
|
|
107
|
+
[l, k, a.onChange]
|
|
108
|
+
), N = e.useMemo(
|
|
109
|
+
() => new j({
|
|
110
|
+
root: C,
|
|
111
|
+
selectors: [".k-coloreditor"],
|
|
112
|
+
tabIndex: 0,
|
|
113
|
+
keyboardEvents: {
|
|
114
|
+
keydown: {
|
|
115
|
+
Tab: (t, n, d) => {
|
|
116
|
+
h(document) === t ? B(t) : J(d, t);
|
|
117
|
+
},
|
|
118
|
+
Enter: (t, n, d) => {
|
|
119
|
+
h(document) === t && (O(t), Q(t));
|
|
120
|
+
},
|
|
121
|
+
Escape: (t, n, d) => {
|
|
122
|
+
h(document) !== t && (t.focus(), B(t));
|
|
123
|
+
}
|
|
124
|
+
}
|
|
125
|
+
}
|
|
126
|
+
}),
|
|
127
|
+
[]
|
|
128
|
+
), D = e.useCallback(N.triggerKeyboardEvent.bind(N), []);
|
|
114
129
|
return /* @__PURE__ */ e.createElement(
|
|
115
130
|
"div",
|
|
116
131
|
{
|
|
@@ -120,97 +135,98 @@ const L = e.forwardRef((a, G) => {
|
|
|
120
135
|
"aria-labelledby": a.ariaLabelledBy,
|
|
121
136
|
"aria-disabled": a.disabled ? "true" : void 0,
|
|
122
137
|
style: a.style,
|
|
123
|
-
ref:
|
|
124
|
-
tabIndex:
|
|
125
|
-
className:
|
|
138
|
+
ref: C,
|
|
139
|
+
tabIndex: U(a.tabIndex, a.disabled),
|
|
140
|
+
className: E(
|
|
126
141
|
"k-flatcolorpicker k-coloreditor",
|
|
127
142
|
{
|
|
128
143
|
"k-disabled": a.disabled
|
|
129
144
|
},
|
|
130
145
|
a.className
|
|
131
146
|
),
|
|
132
|
-
onBlur:
|
|
147
|
+
onBlur: A,
|
|
148
|
+
onKeyDown: D
|
|
133
149
|
},
|
|
134
|
-
|
|
150
|
+
a.header || /* @__PURE__ */ e.createElement("div", { className: "k-coloreditor-header k-hstack" }, /* @__PURE__ */ e.createElement("div", { className: "k-coloreditor-header-actions k-hstack" }, /* @__PURE__ */ e.createElement(W, { className: "k-button-group-flat" }, /* @__PURE__ */ e.createElement(
|
|
135
151
|
u,
|
|
136
152
|
{
|
|
137
153
|
type: "button",
|
|
138
154
|
"aria-label": g.toLanguageString(
|
|
139
|
-
|
|
140
|
-
m[
|
|
155
|
+
I,
|
|
156
|
+
m[I]
|
|
141
157
|
),
|
|
142
158
|
togglable: !0,
|
|
143
159
|
fillMode: "flat",
|
|
144
160
|
selected: c,
|
|
145
|
-
onClick: () =>
|
|
161
|
+
onClick: () => w("ColorGradient"),
|
|
146
162
|
icon: "droplet-slider",
|
|
147
|
-
svgIcon:
|
|
163
|
+
svgIcon: X
|
|
148
164
|
}
|
|
149
165
|
), /* @__PURE__ */ e.createElement(
|
|
150
166
|
u,
|
|
151
167
|
{
|
|
152
168
|
type: "button",
|
|
153
169
|
"aria-label": g.toLanguageString(
|
|
154
|
-
|
|
155
|
-
m[
|
|
170
|
+
G,
|
|
171
|
+
m[G]
|
|
156
172
|
),
|
|
157
173
|
togglable: !0,
|
|
158
174
|
fillMode: "flat",
|
|
159
175
|
selected: !c,
|
|
160
|
-
onClick: () =>
|
|
176
|
+
onClick: () => w("ColorPalette"),
|
|
161
177
|
icon: "palette",
|
|
162
|
-
svgIcon:
|
|
178
|
+
svgIcon: Y
|
|
163
179
|
}
|
|
164
|
-
))), /* @__PURE__ */ e.createElement("div", { className: "k-spacer" }), /* @__PURE__ */ e.createElement("div", { className: "k-coloreditor-header-actions k-hstack" },
|
|
180
|
+
))), /* @__PURE__ */ e.createElement("div", { className: "k-spacer" }), /* @__PURE__ */ e.createElement("div", { className: "k-coloreditor-header-actions k-hstack" }, F && /* @__PURE__ */ e.createElement(
|
|
165
181
|
u,
|
|
166
182
|
{
|
|
167
183
|
type: "button",
|
|
168
184
|
fillMode: "flat",
|
|
169
|
-
onClick:
|
|
185
|
+
onClick: _,
|
|
170
186
|
"aria-label": g.toLanguageString(
|
|
171
|
-
|
|
172
|
-
m[
|
|
187
|
+
L,
|
|
188
|
+
m[L]
|
|
173
189
|
),
|
|
174
190
|
icon: "droplet-slash",
|
|
175
|
-
svgIcon:
|
|
191
|
+
svgIcon: Z
|
|
176
192
|
}
|
|
177
|
-
),
|
|
178
|
-
|
|
193
|
+
), V && /* @__PURE__ */ e.createElement("div", { className: "k-coloreditor-preview k-vstack" }, /* @__PURE__ */ e.createElement("span", { className: E("k-coloreditor-preview-color", "k-color-preview", { "k-no-color": f === void 0 }) }, /* @__PURE__ */ e.createElement("span", { className: "k-color-preview-mask", style: { background: l || void 0 } })), /* @__PURE__ */ e.createElement("span", { className: E("k-coloreditor-current-color", "k-color-preview", { "k-no-color": i === void 0 }), onClick: z }, /* @__PURE__ */ e.createElement("span", { className: "k-color-preview-mask", style: { background: i || void 0 } }))))),
|
|
194
|
+
/* @__PURE__ */ e.createElement("div", { className: "k-coloreditor-views k-vstack" }, c ? /* @__PURE__ */ e.createElement(
|
|
195
|
+
p,
|
|
179
196
|
{
|
|
180
|
-
ref:
|
|
197
|
+
ref: R,
|
|
181
198
|
role: "none",
|
|
182
|
-
tabIndex: -1,
|
|
183
199
|
ariaLabel: void 0,
|
|
184
|
-
value:
|
|
185
|
-
onChange:
|
|
186
|
-
onFocus: w,
|
|
200
|
+
value: l,
|
|
201
|
+
onChange: P,
|
|
187
202
|
opacity: a.opacity,
|
|
188
203
|
format: a.format
|
|
189
204
|
}
|
|
190
|
-
) : /* @__PURE__ */ e.createElement(
|
|
205
|
+
) : /* @__PURE__ */ e.createElement($, { ariaDisabled: !0, ariaLabelledBy: "required_label", value: l, onChange: P })),
|
|
206
|
+
k && /* @__PURE__ */ e.createElement("div", { className: "k-coloreditor-footer k-actions k-actions-end k-actions-horizontal" }, /* @__PURE__ */ e.createElement(u, { type: "button", className: "k-coloreditor-cancel", onClick: K }, m[te]), /* @__PURE__ */ e.createElement(u, { type: "button", themeColor: "primary", className: "k-coloreditor-apply", onClick: M }, m[oe]))
|
|
191
207
|
);
|
|
192
|
-
}),
|
|
193
|
-
id:
|
|
194
|
-
style:
|
|
195
|
-
className:
|
|
196
|
-
value:
|
|
197
|
-
defaultValue:
|
|
198
|
-
onPreviewChange:
|
|
199
|
-
onChange:
|
|
200
|
-
opacity:
|
|
201
|
-
format:
|
|
202
|
-
tabIndex:
|
|
203
|
-
ariaLabel:
|
|
204
|
-
ariaLabelledBy:
|
|
205
|
-
disabled:
|
|
206
|
-
view:
|
|
207
|
-
header:
|
|
208
|
-
showClearButton:
|
|
209
|
-
showPreview:
|
|
210
|
-
showButtons:
|
|
208
|
+
}), le = {
|
|
209
|
+
id: o.string,
|
|
210
|
+
style: o.any,
|
|
211
|
+
className: o.string,
|
|
212
|
+
value: o.string,
|
|
213
|
+
defaultValue: o.string,
|
|
214
|
+
onPreviewChange: o.func,
|
|
215
|
+
onChange: o.func,
|
|
216
|
+
opacity: o.bool,
|
|
217
|
+
format: o.any,
|
|
218
|
+
tabIndex: o.number,
|
|
219
|
+
ariaLabel: o.string,
|
|
220
|
+
ariaLabelledBy: o.string,
|
|
221
|
+
disabled: o.bool,
|
|
222
|
+
view: o.any,
|
|
223
|
+
header: o.any,
|
|
224
|
+
showClearButton: o.bool,
|
|
225
|
+
showPreview: o.bool,
|
|
226
|
+
showButtons: o.bool
|
|
211
227
|
};
|
|
212
|
-
|
|
213
|
-
|
|
228
|
+
S.displayName = "KendoFlatColorPicker";
|
|
229
|
+
S.propTypes = le;
|
|
214
230
|
export {
|
|
215
|
-
|
|
231
|
+
S as FlatColorPicker
|
|
216
232
|
};
|