@ck-ui/component-library 1.0.0 → 1.0.1
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/dist/{DropdownFooter-CYkg2g5d.js → DropdownFooter-Dm6aLDx8.js} +1 -1
- package/dist/IconSlot-CPQsGPB-.js +33 -0
- package/dist/assets/IconSlot-D8WWEHKb.css +1 -0
- package/dist/assets/index-BXwGxK7I.css +1 -0
- package/dist/assets/index-BZgvXFWW.css +1 -0
- package/dist/assets/index-UphWJR2V.css +1 -0
- package/dist/assets/styles-Bj-7zn37.css +1 -0
- package/dist/assets/styles-DLJzdWsF.css +1 -0
- package/dist/assets/{styles-Bqfs9eXV.css → styles-DngCqCGW.css} +1 -1
- package/dist/assets/styles-O-5pBCak.css +1 -0
- package/dist/components/CKButton/_helper/ComboLayout.js +1 -1
- package/dist/components/CKButton/_helper/IconSlot.js +1 -1
- package/dist/components/CKButton/_helper/StandardLayout.js +1 -1
- package/dist/components/CKButton/index.js +1 -1
- package/dist/components/CardBox/index.js +18 -18
- package/dist/components/MultiSelect/SimpleMultiSelect.js +1 -1
- package/dist/components/MultiSelect/_helpers/DropdownFooter.js +1 -1
- package/dist/components/MultiSelect/_helpers/OptionRow.js +1 -1
- package/dist/components/MultiSelect/_helpers/OverflowMenu.js +1 -1
- package/dist/components/MultiSelect/_helpers/OverflowMenuItem.js +1 -1
- package/dist/components/MultiSelect/_helpers/SearchResult.js +1 -1
- package/dist/components/MultiSelect/_helpers/TagContent.js +1 -1
- package/dist/components/MultiSelect/_helpers/TriggerButton.js +1 -1
- package/dist/components/MultiSelect/_types/type.d.ts +1 -0
- package/dist/components/MultiSelect/_types/type.d.ts.map +1 -1
- package/dist/components/MultiSelect/index.d.ts +1 -1
- package/dist/components/MultiSelect/index.d.ts.map +1 -1
- package/dist/components/MultiSelect/index.js +152 -151
- package/dist/components/RadioButton/index.js +34 -34
- package/dist/components/RadioGroup/_types/radioGroup.types.d.ts +1 -0
- package/dist/components/RadioGroup/_types/radioGroup.types.d.ts.map +1 -1
- package/dist/components/RadioGroup/index.d.ts +1 -1
- package/dist/components/RadioGroup/index.d.ts.map +1 -1
- package/dist/components/RadioGroup/index.js +19 -17
- package/dist/components/SingleSelectDropdown/_helpers/DropdownFooter.js +2 -2
- package/dist/components/SingleSelectDropdown/index.js +2 -2
- package/dist/components/Table/_helpers/ColumnManager/ColumnConfig.d.ts.map +1 -1
- package/dist/components/Table/_helpers/ColumnManager/ColumnConfig.js +22 -19
- package/dist/components/Table/_helpers/ColumnManager/index.d.ts.map +1 -1
- package/dist/components/Table/_helpers/ColumnManager/index.js +301 -298
- package/dist/components/Table/_helpers/TableFilterModal/index.d.ts.map +1 -1
- package/dist/components/Table/_helpers/TableFilterModal/index.js +43 -42
- package/dist/components/Table/index.d.ts.map +1 -1
- package/dist/components/Table/index.js +213 -208
- package/dist/components/Typography/index.js +30 -30
- package/dist/main.d.ts +1 -0
- package/dist/main.d.ts.map +1 -1
- package/dist/main.js +14 -12
- package/dist/styles.module-DakCndIP.js +42 -0
- package/package.json +1 -1
- package/dist/IconSlot-CFKmSU2_.js +0 -33
- package/dist/assets/IconSlot-CLpdZgmb.css +0 -1
- package/dist/assets/index-BmQOtMhS.css +0 -1
- package/dist/assets/index-CaWXKQ7j.css +0 -1
- package/dist/assets/index-CiQd_iRw.css +0 -1
- package/dist/assets/styles-BTZL03H2.css +0 -1
- package/dist/assets/styles-CYxKrBqL.css +0 -1
- package/dist/assets/styles-D8sahtFb.css +0 -1
- package/dist/styles.module-Dojg5FTS.js +0 -41
|
@@ -1,228 +1,229 @@
|
|
|
1
|
-
import { jsxs as
|
|
2
|
-
import { useState as
|
|
3
|
-
import { s as
|
|
4
|
-
import { Search as
|
|
5
|
-
import { S as
|
|
6
|
-
import { CKCheckbox as
|
|
7
|
-
import
|
|
8
|
-
import
|
|
9
|
-
import
|
|
10
|
-
import
|
|
11
|
-
import { getInitialSelected as
|
|
12
|
-
import { filterOptions as
|
|
13
|
-
import { computeApplyDisabled as
|
|
14
|
-
import { mergeClasses as
|
|
15
|
-
function
|
|
16
|
-
label:
|
|
1
|
+
import { jsxs as h, jsx as o, Fragment as me } from "react/jsx-runtime";
|
|
2
|
+
import { useState as m, useRef as ge, useEffect as K, useMemo as S, useCallback as g } from "react";
|
|
3
|
+
import { s as a } from "../../styles.module-DakCndIP.js";
|
|
4
|
+
import { Search as ie } from "../Search/index.js";
|
|
5
|
+
import { S as pe } from "../../info-icon-ooYw3va_.js";
|
|
6
|
+
import { CKCheckbox as fe } from "../CKCheckbox/index.js";
|
|
7
|
+
import ue from "./_helpers/TriggerButton.js";
|
|
8
|
+
import Ce from "./_helpers/OptionRow.js";
|
|
9
|
+
import ve from "./_helpers/SearchResult.js";
|
|
10
|
+
import we from "./_helpers/DropdownFooter.js";
|
|
11
|
+
import { getInitialSelected as P } from "./_utils/getInitialSelected.js";
|
|
12
|
+
import { filterOptions as be } from "./_utils/filterOptions.js";
|
|
13
|
+
import { computeApplyDisabled as ye } from "./_utils/computeApplyDisabled.js";
|
|
14
|
+
import { mergeClasses as i } from "../../utils/mergeClasses.js";
|
|
15
|
+
function ze({
|
|
16
|
+
label: D,
|
|
17
17
|
helperText: k,
|
|
18
|
-
required:
|
|
19
|
-
placeholder:
|
|
20
|
-
searchPlaceholder:
|
|
21
|
-
selectAllLabel:
|
|
18
|
+
required: G,
|
|
19
|
+
placeholder: H = "Choose parameter",
|
|
20
|
+
searchPlaceholder: J = "Search",
|
|
21
|
+
selectAllLabel: T = "Select all",
|
|
22
22
|
options: l,
|
|
23
|
-
defaultSelected:
|
|
24
|
-
onApply:
|
|
25
|
-
exclude:
|
|
26
|
-
setExclude:
|
|
27
|
-
onSelect:
|
|
28
|
-
onClear:
|
|
29
|
-
classNames:
|
|
30
|
-
showExcludeBtn:
|
|
31
|
-
requireSelection:
|
|
32
|
-
width:
|
|
23
|
+
defaultSelected: x = [],
|
|
24
|
+
onApply: B,
|
|
25
|
+
exclude: c,
|
|
26
|
+
setExclude: U,
|
|
27
|
+
onSelect: j,
|
|
28
|
+
onClear: z,
|
|
29
|
+
classNames: p = {},
|
|
30
|
+
showExcludeBtn: V,
|
|
31
|
+
requireSelection: r = !1,
|
|
32
|
+
width: X = "",
|
|
33
|
+
disabled: A = !1
|
|
33
34
|
}) {
|
|
34
|
-
const { labelWrapperClass:
|
|
35
|
-
() =>
|
|
36
|
-
), [
|
|
37
|
-
() =>
|
|
38
|
-
), [
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
}, []),
|
|
42
|
-
const e = (
|
|
43
|
-
|
|
35
|
+
const { labelWrapperClass: Y, helperClass: Z } = p, [N, v] = m(!1), [w, b] = m(""), [s, F] = m(
|
|
36
|
+
() => P(x)
|
|
37
|
+
), [n, C] = m(
|
|
38
|
+
() => P(x)
|
|
39
|
+
), [L, _] = m(c), [q, f] = m(!1), [ee, d] = m(!1), E = ge(null);
|
|
40
|
+
K(() => {
|
|
41
|
+
f(s?.length === l?.length);
|
|
42
|
+
}, []), K(() => {
|
|
43
|
+
const e = (t) => {
|
|
44
|
+
E.current && !E.current.contains(t.target) && (C(s), f(s?.length === l?.length), v(!1), d(!1), b(""));
|
|
44
45
|
};
|
|
45
46
|
return document.addEventListener("mousedown", e), () => document.removeEventListener("mousedown", e);
|
|
46
|
-
}, [
|
|
47
|
-
const R =
|
|
48
|
-
() =>
|
|
49
|
-
[l,
|
|
50
|
-
),
|
|
51
|
-
(e,
|
|
52
|
-
|
|
53
|
-
const
|
|
54
|
-
const
|
|
55
|
-
return
|
|
47
|
+
}, [s, l.length]);
|
|
48
|
+
const R = S(
|
|
49
|
+
() => be(l, w),
|
|
50
|
+
[l, w]
|
|
51
|
+
), I = 2, Q = g(
|
|
52
|
+
(e, t, u, he) => {
|
|
53
|
+
u || d(!1);
|
|
54
|
+
const $ = (y) => {
|
|
55
|
+
const M = y?.some((O) => O?.value === e) ? y?.filter((O) => O?.value !== e) : [...y, { value: e, label: t }];
|
|
56
|
+
return f(M?.length === l?.length), M?.length <= I && d(!1), M;
|
|
56
57
|
};
|
|
57
|
-
if (
|
|
58
|
-
if (
|
|
58
|
+
if (he) {
|
|
59
|
+
if (r && s?.length === 1 && s[0]?.value === e)
|
|
59
60
|
return;
|
|
60
|
-
|
|
61
|
+
F($);
|
|
61
62
|
}
|
|
62
|
-
|
|
63
|
+
C($), j?.();
|
|
63
64
|
},
|
|
64
|
-
[
|
|
65
|
-
),
|
|
66
|
-
d(!1),
|
|
67
|
-
const
|
|
68
|
-
return
|
|
69
|
-
|
|
70
|
-
),
|
|
65
|
+
[I, l.length, j, r, s]
|
|
66
|
+
), le = g(() => {
|
|
67
|
+
d(!1), f((e) => {
|
|
68
|
+
const t = !e;
|
|
69
|
+
return C(
|
|
70
|
+
t ? l?.map((u) => ({ value: u?.value, label: u?.label })) : []
|
|
71
|
+
), t;
|
|
71
72
|
});
|
|
72
|
-
}, [l]),
|
|
73
|
-
|
|
74
|
-
}, [
|
|
75
|
-
const e = l?.filter((
|
|
76
|
-
|
|
77
|
-
}, [l,
|
|
78
|
-
|
|
79
|
-
}, [
|
|
80
|
-
|
|
81
|
-
}, []),
|
|
82
|
-
e.stopPropagation(), d((
|
|
83
|
-
}, []),
|
|
84
|
-
() =>
|
|
85
|
-
[
|
|
86
|
-
),
|
|
87
|
-
return /* @__PURE__ */
|
|
88
|
-
|
|
73
|
+
}, [l]), te = g(() => {
|
|
74
|
+
C([]), f(!1), z?.();
|
|
75
|
+
}, [z]), se = g(() => {
|
|
76
|
+
const e = l?.filter((t) => n?.some((u) => u?.value === t?.value))?.map((t) => ({ ...t, isChecked: !0 }));
|
|
77
|
+
B(e, c), F(n), _(c), v(!1);
|
|
78
|
+
}, [l, n, c, B]), ne = g(() => {
|
|
79
|
+
C(s), f(s?.length === l?.length), d(!1), v(!1), b("");
|
|
80
|
+
}, [s, l.length]), ae = g(() => {
|
|
81
|
+
A || (v((e) => !e), d(!1));
|
|
82
|
+
}, [A]), re = g((e) => {
|
|
83
|
+
e.stopPropagation(), d((t) => !t);
|
|
84
|
+
}, []), oe = S(
|
|
85
|
+
() => c !== L && n?.length > 0 ? !1 : ye(n, s, r),
|
|
86
|
+
[n, s, r, c, L]
|
|
87
|
+
), W = N ? n : s, ce = r && W?.length === l?.length && l?.length > 0, de = S(() => !r && n.length > 0 && n.length < l.length, [n, l.length, r]);
|
|
88
|
+
return /* @__PURE__ */ h("div", { className: `${a["ckds-wrapper"]} ${A ? a["ckds-wrapper-disabled"] : ""}`, style: { width: X }, children: [
|
|
89
|
+
D && !r && /* @__PURE__ */ h(
|
|
89
90
|
"span",
|
|
90
91
|
{
|
|
91
|
-
className:
|
|
92
|
+
className: i(
|
|
92
93
|
"ckds-body-xs-med",
|
|
93
|
-
|
|
94
|
-
|
|
94
|
+
a["label-wrapper"],
|
|
95
|
+
Y ?? ""
|
|
95
96
|
),
|
|
96
97
|
children: [
|
|
97
|
-
|
|
98
|
-
|
|
98
|
+
D,
|
|
99
|
+
G && /* @__PURE__ */ o("span", { className: a.required, children: " *" })
|
|
99
100
|
]
|
|
100
101
|
}
|
|
101
102
|
),
|
|
102
|
-
/* @__PURE__ */
|
|
103
|
-
/* @__PURE__ */
|
|
104
|
-
|
|
103
|
+
/* @__PURE__ */ h("div", { className: a["trigger-wrapper"], ref: E, children: [
|
|
104
|
+
/* @__PURE__ */ o(
|
|
105
|
+
ue,
|
|
105
106
|
{
|
|
106
107
|
open: N,
|
|
107
|
-
selected:
|
|
108
|
-
placeholder:
|
|
109
|
-
showMenu:
|
|
110
|
-
isAllSelected:
|
|
111
|
-
selectAllLabel:
|
|
112
|
-
requireSelection:
|
|
113
|
-
onToggleOpen:
|
|
114
|
-
onToggleMenu:
|
|
115
|
-
onRemove:
|
|
116
|
-
classNames:
|
|
117
|
-
maxChips:
|
|
108
|
+
selected: W,
|
|
109
|
+
placeholder: H,
|
|
110
|
+
showMenu: ee,
|
|
111
|
+
isAllSelected: ce,
|
|
112
|
+
selectAllLabel: T,
|
|
113
|
+
requireSelection: r,
|
|
114
|
+
onToggleOpen: ae,
|
|
115
|
+
onToggleMenu: re,
|
|
116
|
+
onRemove: Q,
|
|
117
|
+
classNames: p,
|
|
118
|
+
maxChips: I
|
|
118
119
|
}
|
|
119
120
|
),
|
|
120
|
-
k && !
|
|
121
|
+
k && !r && /* @__PURE__ */ o(
|
|
121
122
|
"div",
|
|
122
123
|
{
|
|
123
|
-
className:
|
|
124
|
+
className: i(
|
|
124
125
|
"ckds-body-xs-reg",
|
|
125
|
-
|
|
126
|
-
|
|
126
|
+
a["helper-text"],
|
|
127
|
+
Z ?? ""
|
|
127
128
|
),
|
|
128
|
-
children: /* @__PURE__ */
|
|
129
|
-
/* @__PURE__ */
|
|
129
|
+
children: /* @__PURE__ */ h(me, { children: [
|
|
130
|
+
/* @__PURE__ */ o(pe, { width: "12", height: "12" }),
|
|
130
131
|
" ",
|
|
131
132
|
k
|
|
132
133
|
] })
|
|
133
134
|
}
|
|
134
135
|
),
|
|
135
|
-
N && /* @__PURE__ */
|
|
136
|
-
/* @__PURE__ */
|
|
137
|
-
|
|
136
|
+
N && /* @__PURE__ */ h("div", { className: i(a.dropdown, k ? a["dropdown-helper"] : ""), children: [
|
|
137
|
+
/* @__PURE__ */ o(
|
|
138
|
+
ie,
|
|
138
139
|
{
|
|
139
140
|
size: "medium",
|
|
140
|
-
value:
|
|
141
|
-
placeholder:
|
|
142
|
-
onChange:
|
|
143
|
-
onClear: () =>
|
|
141
|
+
value: w,
|
|
142
|
+
placeholder: J,
|
|
143
|
+
onChange: b,
|
|
144
|
+
onClear: () => b(""),
|
|
144
145
|
wrapperClassName: "",
|
|
145
146
|
inputClassName: ""
|
|
146
147
|
}
|
|
147
148
|
),
|
|
148
|
-
/* @__PURE__ */
|
|
149
|
-
|
|
149
|
+
/* @__PURE__ */ o(
|
|
150
|
+
ve,
|
|
150
151
|
{
|
|
151
152
|
totalResults: R?.length,
|
|
152
|
-
exclude:
|
|
153
|
-
setExclude:
|
|
154
|
-
isToggleDisable:
|
|
155
|
-
showExcludeBtn:
|
|
156
|
-
hideExclude:
|
|
153
|
+
exclude: c,
|
|
154
|
+
setExclude: U,
|
|
155
|
+
isToggleDisable: n?.length === 0,
|
|
156
|
+
showExcludeBtn: V,
|
|
157
|
+
hideExclude: r
|
|
157
158
|
}
|
|
158
159
|
),
|
|
159
|
-
/* @__PURE__ */
|
|
160
|
-
/* @__PURE__ */
|
|
160
|
+
/* @__PURE__ */ o("div", { className: a.divider }),
|
|
161
|
+
/* @__PURE__ */ h(
|
|
161
162
|
"div",
|
|
162
163
|
{
|
|
163
|
-
className:
|
|
164
|
-
|
|
165
|
-
|
|
164
|
+
className: i(
|
|
165
|
+
a["ckds-options-list"],
|
|
166
|
+
p?.optionsListWrapperClass ?? ""
|
|
166
167
|
),
|
|
167
168
|
children: [
|
|
168
|
-
|
|
169
|
+
w.length === 0 && /* @__PURE__ */ h(
|
|
169
170
|
"div",
|
|
170
171
|
{
|
|
171
|
-
className:
|
|
172
|
-
|
|
173
|
-
|
|
172
|
+
className: i(
|
|
173
|
+
a["option-row"],
|
|
174
|
+
p?.optionRowClass ?? ""
|
|
174
175
|
),
|
|
175
|
-
onClick:
|
|
176
|
+
onClick: le,
|
|
176
177
|
children: [
|
|
177
|
-
/* @__PURE__ */
|
|
178
|
-
/* @__PURE__ */
|
|
178
|
+
/* @__PURE__ */ o(fe, { checked: q, size: "md", indeterminate: de }),
|
|
179
|
+
/* @__PURE__ */ o(
|
|
179
180
|
"span",
|
|
180
181
|
{
|
|
181
|
-
className:
|
|
182
|
+
className: i(
|
|
182
183
|
"ckds-body-sm-reg",
|
|
183
|
-
|
|
184
|
+
a["option-label"]
|
|
184
185
|
),
|
|
185
|
-
children:
|
|
186
|
+
children: T
|
|
186
187
|
}
|
|
187
188
|
)
|
|
188
189
|
]
|
|
189
190
|
}
|
|
190
191
|
),
|
|
191
|
-
R?.length === 0 ? /* @__PURE__ */
|
|
192
|
+
R?.length === 0 ? /* @__PURE__ */ o(
|
|
192
193
|
"span",
|
|
193
194
|
{
|
|
194
|
-
className:
|
|
195
|
+
className: i(
|
|
195
196
|
"ckds-body-sm-reg",
|
|
196
|
-
|
|
197
|
+
a["no-results"]
|
|
197
198
|
),
|
|
198
199
|
children: "No results found"
|
|
199
200
|
}
|
|
200
|
-
) : R?.map((e) => /* @__PURE__ */
|
|
201
|
-
|
|
201
|
+
) : R?.map((e) => /* @__PURE__ */ o(
|
|
202
|
+
Ce,
|
|
202
203
|
{
|
|
203
204
|
value: e?.value,
|
|
204
205
|
label: e?.label,
|
|
205
|
-
checked:
|
|
206
|
-
(
|
|
206
|
+
checked: n?.some(
|
|
207
|
+
(t) => t?.value === e?.value
|
|
207
208
|
),
|
|
208
|
-
onToggle:
|
|
209
|
-
classNames:
|
|
209
|
+
onToggle: Q,
|
|
210
|
+
classNames: p
|
|
210
211
|
},
|
|
211
212
|
e?.value
|
|
212
213
|
))
|
|
213
214
|
]
|
|
214
215
|
}
|
|
215
216
|
),
|
|
216
|
-
/* @__PURE__ */
|
|
217
|
-
|
|
217
|
+
/* @__PURE__ */ o(
|
|
218
|
+
we,
|
|
218
219
|
{
|
|
219
|
-
onClear:
|
|
220
|
-
onCancel:
|
|
221
|
-
onApply:
|
|
222
|
-
classNames:
|
|
223
|
-
isClearDisabled:
|
|
224
|
-
isApplyDisabled:
|
|
225
|
-
hideClear:
|
|
220
|
+
onClear: te,
|
|
221
|
+
onCancel: ne,
|
|
222
|
+
onApply: se,
|
|
223
|
+
classNames: p,
|
|
224
|
+
isClearDisabled: n?.length === 0,
|
|
225
|
+
isApplyDisabled: oe,
|
|
226
|
+
hideClear: r
|
|
226
227
|
}
|
|
227
228
|
)
|
|
228
229
|
] })
|
|
@@ -230,5 +231,5 @@ function Te({
|
|
|
230
231
|
] });
|
|
231
232
|
}
|
|
232
233
|
export {
|
|
233
|
-
|
|
234
|
+
ze as MultiSelect
|
|
234
235
|
};
|
|
@@ -1,53 +1,53 @@
|
|
|
1
|
-
import { jsxs as
|
|
1
|
+
import { jsxs as m, jsx as i } from "react/jsx-runtime";
|
|
2
2
|
import "react";
|
|
3
|
-
import '../../assets/index-
|
|
4
|
-
"ckds-radio": "_ckds-
|
|
5
|
-
"ckds-radio-custom": "_ckds-radio-
|
|
6
|
-
checked:
|
|
7
|
-
disabled:
|
|
8
|
-
"ckds-radio-label": "_ckds-radio-
|
|
9
|
-
small:
|
|
10
|
-
medium:
|
|
11
|
-
large:
|
|
3
|
+
import '../../assets/index-BXwGxK7I.css';const k = "_checked_1oe2b_54", u = "_disabled_1oe2b_69", b = "_small_1oe2b_84", f = "_medium_1oe2b_93", h = "_large_1oe2b_102", e = {
|
|
4
|
+
"ckds-radio": "_ckds-radio_1oe2b_4",
|
|
5
|
+
"ckds-radio-custom": "_ckds-radio-custom_1oe2b_27",
|
|
6
|
+
checked: k,
|
|
7
|
+
disabled: u,
|
|
8
|
+
"ckds-radio-label": "_ckds-radio-label_1oe2b_75",
|
|
9
|
+
small: b,
|
|
10
|
+
medium: f,
|
|
11
|
+
large: h
|
|
12
12
|
};
|
|
13
|
-
function
|
|
14
|
-
label:
|
|
15
|
-
color:
|
|
13
|
+
function $({
|
|
14
|
+
label: c,
|
|
15
|
+
color: d,
|
|
16
16
|
radioSize: l = "small",
|
|
17
|
-
className:
|
|
18
|
-
disabled:
|
|
19
|
-
selected:
|
|
20
|
-
onChange:
|
|
17
|
+
className: n = "",
|
|
18
|
+
disabled: o = !1,
|
|
19
|
+
selected: a = !1,
|
|
20
|
+
onChange: t
|
|
21
21
|
}) {
|
|
22
22
|
const r = () => {
|
|
23
|
-
|
|
24
|
-
},
|
|
25
|
-
|
|
23
|
+
o || a || t?.(!0);
|
|
24
|
+
}, _ = (s) => {
|
|
25
|
+
o || (s.key === " " || s.key === "Enter") && (s.preventDefault(), r());
|
|
26
26
|
};
|
|
27
|
-
return /* @__PURE__ */
|
|
27
|
+
return /* @__PURE__ */ m(
|
|
28
28
|
"div",
|
|
29
29
|
{
|
|
30
30
|
role: "radio",
|
|
31
|
-
"aria-checked":
|
|
32
|
-
"aria-disabled":
|
|
33
|
-
tabIndex:
|
|
31
|
+
"aria-checked": a,
|
|
32
|
+
"aria-disabled": o,
|
|
33
|
+
tabIndex: o ? -1 : 0,
|
|
34
34
|
className: `
|
|
35
|
-
${
|
|
36
|
-
${
|
|
37
|
-
${
|
|
38
|
-
${
|
|
39
|
-
${
|
|
35
|
+
${e["ckds-radio"]}
|
|
36
|
+
${e[l]}
|
|
37
|
+
${a ? e.checked : ""}
|
|
38
|
+
${o ? e.disabled : ""}
|
|
39
|
+
${n}
|
|
40
40
|
`,
|
|
41
|
-
style:
|
|
41
|
+
style: d ? { "--ckds-radio-color": d } : void 0,
|
|
42
42
|
onClick: r,
|
|
43
|
-
onKeyDown:
|
|
43
|
+
onKeyDown: _,
|
|
44
44
|
children: [
|
|
45
|
-
/* @__PURE__ */ i("span", { className:
|
|
46
|
-
|
|
45
|
+
/* @__PURE__ */ i("span", { className: e["ckds-radio-custom"] }),
|
|
46
|
+
c && /* @__PURE__ */ i("span", { className: e["ckds-radio-label"], children: c })
|
|
47
47
|
]
|
|
48
48
|
}
|
|
49
49
|
);
|
|
50
50
|
}
|
|
51
51
|
export {
|
|
52
|
-
|
|
52
|
+
$ as RadioButton
|
|
53
53
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"radioGroup.types.d.ts","sourceRoot":"","sources":["../../../../lib/components/RadioGroup/_types/radioGroup.types.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,gBAAgB;IAC/B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,MAAM,WAAW,eAAe;IAC9B,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,gBAAgB,EAAE,CAAC;IAC5B,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;IACpC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"radioGroup.types.d.ts","sourceRoot":"","sources":["../../../../lib/components/RadioGroup/_types/radioGroup.types.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,gBAAgB;IAC/B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,MAAM,WAAW,eAAe;IAC9B,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,gBAAgB,EAAE,CAAC;IAC5B,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;IACpC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,GAAG,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;CACvB"}
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import { RadioGroupProps } from './_types/radioGroup.types';
|
|
2
|
-
export declare function RadioGroup({ name, value, options, onChange, size, className, disabled, }: RadioGroupProps): import("react/jsx-runtime").JSX.Element;
|
|
2
|
+
export declare function RadioGroup({ name, value, options, onChange, size, className, disabled, gap, }: RadioGroupProps): import("react/jsx-runtime").JSX.Element;
|
|
3
3
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../lib/components/RadioGroup/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,2BAA2B,CAAC;AAQjE,wBAAgB,UAAU,CAAC,EACzB,IAAI,EACJ,KAAK,EACL,OAAO,EACP,QAAQ,EACR,IAAc,EACd,SAAc,EACd,QAAgB,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../lib/components/RadioGroup/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,2BAA2B,CAAC;AAQjE,wBAAgB,UAAU,CAAC,EACzB,IAAI,EACJ,KAAK,EACL,OAAO,EACP,QAAQ,EACR,IAAc,EACd,SAAc,EACd,QAAgB,EAChB,GAAG,GACJ,EAAE,eAAe,2CAoBjB"}
|
|
@@ -1,38 +1,40 @@
|
|
|
1
|
-
import { jsx as
|
|
2
|
-
import { RadioButton as
|
|
1
|
+
import { jsx as l } from "react/jsx-runtime";
|
|
2
|
+
import { RadioButton as m } from "../RadioButton/index.js";
|
|
3
3
|
import '../../assets/index-DvlnFLG-.css';const d = {
|
|
4
4
|
"ckds-radio-group": "_ckds-radio-group_16roy_4",
|
|
5
5
|
"ckds-radio-group-sm": "_ckds-radio-group-sm_16roy_14",
|
|
6
6
|
"ckds-radio-group-md": "_ckds-radio-group-md_16roy_18",
|
|
7
7
|
"ckds-radio-group-lg": "_ckds-radio-group-lg_16roy_22"
|
|
8
|
-
},
|
|
8
|
+
}, _ = {
|
|
9
9
|
small: d["ckds-radio-group-sm"],
|
|
10
10
|
medium: d["ckds-radio-group-md"],
|
|
11
11
|
large: d["ckds-radio-group-lg"]
|
|
12
12
|
};
|
|
13
|
-
function
|
|
13
|
+
function t({
|
|
14
14
|
name: s,
|
|
15
|
-
value:
|
|
16
|
-
options:
|
|
17
|
-
onChange:
|
|
15
|
+
value: e,
|
|
16
|
+
options: i,
|
|
17
|
+
onChange: u,
|
|
18
18
|
size: o = "small",
|
|
19
|
-
className:
|
|
20
|
-
disabled:
|
|
19
|
+
className: c = "",
|
|
20
|
+
disabled: g = !1,
|
|
21
|
+
gap: a
|
|
21
22
|
}) {
|
|
22
|
-
return /* @__PURE__ */
|
|
23
|
+
return /* @__PURE__ */ l(
|
|
23
24
|
"div",
|
|
24
25
|
{
|
|
25
26
|
role: "radiogroup",
|
|
26
27
|
"aria-label": s,
|
|
27
|
-
className: `${d["ckds-radio-group"]} ${
|
|
28
|
-
|
|
29
|
-
|
|
28
|
+
className: `${d["ckds-radio-group"]} ${_[o] || ""} ${c}`,
|
|
29
|
+
style: a != null ? { gap: a } : void 0,
|
|
30
|
+
children: i.map((r) => /* @__PURE__ */ l(
|
|
31
|
+
m,
|
|
30
32
|
{
|
|
31
33
|
label: r.label,
|
|
32
|
-
selected:
|
|
34
|
+
selected: e === r.value,
|
|
33
35
|
radioSize: o,
|
|
34
|
-
disabled:
|
|
35
|
-
onChange: () =>
|
|
36
|
+
disabled: g || r.disabled,
|
|
37
|
+
onChange: () => u(r.value)
|
|
36
38
|
},
|
|
37
39
|
r.value
|
|
38
40
|
))
|
|
@@ -40,5 +42,5 @@ function k({
|
|
|
40
42
|
);
|
|
41
43
|
}
|
|
42
44
|
export {
|
|
43
|
-
|
|
45
|
+
t as RadioGroup
|
|
44
46
|
};
|
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
import "react/jsx-runtime";
|
|
2
|
-
import { D as v } from "../../../DropdownFooter-
|
|
2
|
+
import { D as v } from "../../../DropdownFooter-Dm6aLDx8.js";
|
|
3
3
|
import "../../Avatar/index.js";
|
|
4
4
|
import "../../CKButton/index.js";
|
|
5
5
|
import "../../IconButton/index.js";
|
|
6
6
|
import "../../Stepper/index.js";
|
|
7
7
|
import "react";
|
|
8
8
|
import "../../../index-C8cPPHJD.js";
|
|
9
|
-
import '../../../assets/theme-gJHYUL9y.css';import '../../../assets/styles-
|
|
9
|
+
import '../../../assets/theme-gJHYUL9y.css';import '../../../assets/styles-DngCqCGW.css';import '../../../assets/styles-DLJzdWsF.css';import '../../../assets/styles-O-5pBCak.css';import '../../../assets/ReactToastify-tlSLHgLC.css';/* empty css */
|
|
10
10
|
import "../../GroupedMultiSelect/_helpers/TagContent.js";
|
|
11
11
|
import "../../GroupedMultiSelect/_helpers/OptionRow.js";
|
|
12
12
|
import "../../GroupedSingleSelect/_helpers/OptionRow.js";
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { jsxs as l, jsx as t } from "react/jsx-runtime";
|
|
2
2
|
import { useState as d, useRef as g, useMemo as T, useEffect as y } from "react";
|
|
3
|
-
import { s as r, D as V } from "../../DropdownFooter-
|
|
3
|
+
import { s as r, D as V } from "../../DropdownFooter-Dm6aLDx8.js";
|
|
4
4
|
import { S as A } from "../../chevron-down-Cm9R64Fe.js";
|
|
5
5
|
import { S as B } from "../../info-icon-ooYw3va_.js";
|
|
6
6
|
import "../Avatar/index.js";
|
|
@@ -9,7 +9,7 @@ import "../IconButton/index.js";
|
|
|
9
9
|
import "../Stepper/index.js";
|
|
10
10
|
import { Tooltip as M } from "../Tooltip/index.js";
|
|
11
11
|
import "../../index-C8cPPHJD.js";
|
|
12
|
-
import '../../assets/theme-gJHYUL9y.css';import '../../assets/styles-
|
|
12
|
+
import '../../assets/theme-gJHYUL9y.css';import '../../assets/styles-DngCqCGW.css';import '../../assets/styles-DLJzdWsF.css';import '../../assets/styles-O-5pBCak.css';import '../../assets/ReactToastify-tlSLHgLC.css';/* empty css */
|
|
13
13
|
import { RadioButton as q } from "../RadioButton/index.js";
|
|
14
14
|
import { Search as G } from "../Search/index.js";
|
|
15
15
|
import "../GroupedMultiSelect/_helpers/TagContent.js";
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ColumnConfig.d.ts","sourceRoot":"","sources":["../../../../../lib/components/Table/_helpers/ColumnManager/ColumnConfig.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,0BAA0B,CAAC;AAElE,iBAAS,YAAY,CAAC,KAAK,EAAE,EAAE,WAAW,EAAE,cAAc,EAAE,EAAE,iBAAiB,CAAC,KAAK,CAAC,
|
|
1
|
+
{"version":3,"file":"ColumnConfig.d.ts","sourceRoot":"","sources":["../../../../../lib/components/Table/_helpers/ColumnManager/ColumnConfig.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,0BAA0B,CAAC;AAElE,iBAAS,YAAY,CAAC,KAAK,EAAE,EAAE,WAAW,EAAE,cAAc,EAAE,EAAE,iBAAiB,CAAC,KAAK,CAAC,2CA4FrF;AAED,OAAO,EAAE,YAAY,EAAE,CAAC;AACxB,eAAe,YAAY,CAAC"}
|