@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.
Files changed (59) hide show
  1. package/dist/{DropdownFooter-CYkg2g5d.js → DropdownFooter-Dm6aLDx8.js} +1 -1
  2. package/dist/IconSlot-CPQsGPB-.js +33 -0
  3. package/dist/assets/IconSlot-D8WWEHKb.css +1 -0
  4. package/dist/assets/index-BXwGxK7I.css +1 -0
  5. package/dist/assets/index-BZgvXFWW.css +1 -0
  6. package/dist/assets/index-UphWJR2V.css +1 -0
  7. package/dist/assets/styles-Bj-7zn37.css +1 -0
  8. package/dist/assets/styles-DLJzdWsF.css +1 -0
  9. package/dist/assets/{styles-Bqfs9eXV.css → styles-DngCqCGW.css} +1 -1
  10. package/dist/assets/styles-O-5pBCak.css +1 -0
  11. package/dist/components/CKButton/_helper/ComboLayout.js +1 -1
  12. package/dist/components/CKButton/_helper/IconSlot.js +1 -1
  13. package/dist/components/CKButton/_helper/StandardLayout.js +1 -1
  14. package/dist/components/CKButton/index.js +1 -1
  15. package/dist/components/CardBox/index.js +18 -18
  16. package/dist/components/MultiSelect/SimpleMultiSelect.js +1 -1
  17. package/dist/components/MultiSelect/_helpers/DropdownFooter.js +1 -1
  18. package/dist/components/MultiSelect/_helpers/OptionRow.js +1 -1
  19. package/dist/components/MultiSelect/_helpers/OverflowMenu.js +1 -1
  20. package/dist/components/MultiSelect/_helpers/OverflowMenuItem.js +1 -1
  21. package/dist/components/MultiSelect/_helpers/SearchResult.js +1 -1
  22. package/dist/components/MultiSelect/_helpers/TagContent.js +1 -1
  23. package/dist/components/MultiSelect/_helpers/TriggerButton.js +1 -1
  24. package/dist/components/MultiSelect/_types/type.d.ts +1 -0
  25. package/dist/components/MultiSelect/_types/type.d.ts.map +1 -1
  26. package/dist/components/MultiSelect/index.d.ts +1 -1
  27. package/dist/components/MultiSelect/index.d.ts.map +1 -1
  28. package/dist/components/MultiSelect/index.js +152 -151
  29. package/dist/components/RadioButton/index.js +34 -34
  30. package/dist/components/RadioGroup/_types/radioGroup.types.d.ts +1 -0
  31. package/dist/components/RadioGroup/_types/radioGroup.types.d.ts.map +1 -1
  32. package/dist/components/RadioGroup/index.d.ts +1 -1
  33. package/dist/components/RadioGroup/index.d.ts.map +1 -1
  34. package/dist/components/RadioGroup/index.js +19 -17
  35. package/dist/components/SingleSelectDropdown/_helpers/DropdownFooter.js +2 -2
  36. package/dist/components/SingleSelectDropdown/index.js +2 -2
  37. package/dist/components/Table/_helpers/ColumnManager/ColumnConfig.d.ts.map +1 -1
  38. package/dist/components/Table/_helpers/ColumnManager/ColumnConfig.js +22 -19
  39. package/dist/components/Table/_helpers/ColumnManager/index.d.ts.map +1 -1
  40. package/dist/components/Table/_helpers/ColumnManager/index.js +301 -298
  41. package/dist/components/Table/_helpers/TableFilterModal/index.d.ts.map +1 -1
  42. package/dist/components/Table/_helpers/TableFilterModal/index.js +43 -42
  43. package/dist/components/Table/index.d.ts.map +1 -1
  44. package/dist/components/Table/index.js +213 -208
  45. package/dist/components/Typography/index.js +30 -30
  46. package/dist/main.d.ts +1 -0
  47. package/dist/main.d.ts.map +1 -1
  48. package/dist/main.js +14 -12
  49. package/dist/styles.module-DakCndIP.js +42 -0
  50. package/package.json +1 -1
  51. package/dist/IconSlot-CFKmSU2_.js +0 -33
  52. package/dist/assets/IconSlot-CLpdZgmb.css +0 -1
  53. package/dist/assets/index-BmQOtMhS.css +0 -1
  54. package/dist/assets/index-CaWXKQ7j.css +0 -1
  55. package/dist/assets/index-CiQd_iRw.css +0 -1
  56. package/dist/assets/styles-BTZL03H2.css +0 -1
  57. package/dist/assets/styles-CYxKrBqL.css +0 -1
  58. package/dist/assets/styles-D8sahtFb.css +0 -1
  59. package/dist/styles.module-Dojg5FTS.js +0 -41
@@ -1,228 +1,229 @@
1
- import { jsxs as c, jsx as r, Fragment as de } from "react/jsx-runtime";
2
- import { useState as p, useRef as ce, useEffect as W, useMemo as M, useCallback as h } from "react";
3
- import { s as o } from "../../styles.module-Dojg5FTS.js";
4
- import { Search as he } from "../Search/index.js";
5
- import { S as me } from "../../info-icon-ooYw3va_.js";
6
- import { CKCheckbox as ge } from "../CKCheckbox/index.js";
7
- import ie from "./_helpers/TriggerButton.js";
8
- import fe from "./_helpers/OptionRow.js";
9
- import pe from "./_helpers/SearchResult.js";
10
- import ue from "./_helpers/DropdownFooter.js";
11
- import { getInitialSelected as K } from "./_utils/getInitialSelected.js";
12
- import { filterOptions as Ce } from "./_utils/filterOptions.js";
13
- import { computeApplyDisabled as ve } from "./_utils/computeApplyDisabled.js";
14
- import { mergeClasses as m } from "../../utils/mergeClasses.js";
15
- function Te({
16
- label: O,
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: P,
19
- placeholder: G = "Choose parameter",
20
- searchPlaceholder: H = "Search",
21
- selectAllLabel: D = "Select all",
18
+ required: G,
19
+ placeholder: H = "Choose parameter",
20
+ searchPlaceholder: J = "Search",
21
+ selectAllLabel: T = "Select all",
22
22
  options: l,
23
- defaultSelected: S = [],
24
- onApply: T,
25
- exclude: y,
26
- setExclude: J,
27
- onSelect: B,
28
- onClear: j,
29
- classNames: g = {},
30
- showExcludeBtn: U,
31
- requireSelection: t = !1,
32
- width: V = ""
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: X, helperClass: Y } = g, [N, C] = p(!1), [v, w] = p(""), [n, z] = p(
35
- () => K(S)
36
- ), [a, u] = p(
37
- () => K(S)
38
- ), [Z, i] = p(!1), [_, d] = p(!1), A = ce(null);
39
- W(() => {
40
- i(n?.length === l?.length);
41
- }, []), W(() => {
42
- const e = (s) => {
43
- A.current && !A.current.contains(s.target) && (u(n), i(n?.length === l?.length), C(!1), d(!1), w(""));
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
- }, [n, l.length]);
47
- const R = M(
48
- () => Ce(l, v),
49
- [l, v]
50
- ), x = t ? 1 : 2, F = h(
51
- (e, s, f, oe) => {
52
- f || d(!1);
53
- const Q = (b) => {
54
- const E = b?.some((I) => I?.value === e) ? b?.filter((I) => I?.value !== e) : [...b, { value: e, label: s }];
55
- return i(E?.length === l?.length), E?.length <= x && d(!1), E;
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 (oe) {
58
- if (t && n?.length === 1 && n[0]?.value === e)
58
+ if (he) {
59
+ if (r && s?.length === 1 && s[0]?.value === e)
59
60
  return;
60
- z(Q);
61
+ F($);
61
62
  }
62
- u(Q), B?.();
63
+ C($), j?.();
63
64
  },
64
- [x, l.length, B, t, n]
65
- ), $ = h(() => {
66
- d(!1), i((e) => {
67
- const s = !e;
68
- return u(
69
- s ? l?.map((f) => ({ value: f?.value, label: f?.label })) : []
70
- ), s;
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]), q = h(() => {
73
- u([]), i(!1), j?.();
74
- }, [j]), ee = h(() => {
75
- const e = l?.filter((s) => a?.some((f) => f?.value === s?.value))?.map((s) => ({ ...s, isChecked: !0 }));
76
- T(e, y), z(a), C(!1);
77
- }, [l, a, y, T]), le = h(() => {
78
- u(n), i(n?.length === l?.length), d(!1), C(!1), w("");
79
- }, [n, l.length]), se = h(() => {
80
- C((e) => !e), d(!1);
81
- }, []), te = h((e) => {
82
- e.stopPropagation(), d((s) => !s);
83
- }, []), ne = M(
84
- () => ve(a, n, t),
85
- [a, n, t]
86
- ), L = N ? a : n, ae = t && L?.length === l?.length && l?.length > 0, re = M(() => !t && a.length > 0 && a.length < l.length, [a, l.length, t]);
87
- return /* @__PURE__ */ c("div", { className: o["ckds-wrapper"], style: { width: V }, children: [
88
- O && !t && /* @__PURE__ */ c(
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: m(
92
+ className: i(
92
93
  "ckds-body-xs-med",
93
- o["label-wrapper"],
94
- X ?? ""
94
+ a["label-wrapper"],
95
+ Y ?? ""
95
96
  ),
96
97
  children: [
97
- O,
98
- P && /* @__PURE__ */ r("span", { className: o.required, children: " *" })
98
+ D,
99
+ G && /* @__PURE__ */ o("span", { className: a.required, children: " *" })
99
100
  ]
100
101
  }
101
102
  ),
102
- /* @__PURE__ */ c("div", { className: o["trigger-wrapper"], ref: A, children: [
103
- /* @__PURE__ */ r(
104
- ie,
103
+ /* @__PURE__ */ h("div", { className: a["trigger-wrapper"], ref: E, children: [
104
+ /* @__PURE__ */ o(
105
+ ue,
105
106
  {
106
107
  open: N,
107
- selected: L,
108
- placeholder: G,
109
- showMenu: _,
110
- isAllSelected: ae,
111
- selectAllLabel: D,
112
- requireSelection: t,
113
- onToggleOpen: se,
114
- onToggleMenu: te,
115
- onRemove: F,
116
- classNames: g,
117
- maxChips: x
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 && !t && /* @__PURE__ */ r(
121
+ k && !r && /* @__PURE__ */ o(
121
122
  "div",
122
123
  {
123
- className: m(
124
+ className: i(
124
125
  "ckds-body-xs-reg",
125
- o["helper-text"],
126
- Y ?? ""
126
+ a["helper-text"],
127
+ Z ?? ""
127
128
  ),
128
- children: /* @__PURE__ */ c(de, { children: [
129
- /* @__PURE__ */ r(me, { width: "12", height: "12" }),
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__ */ c("div", { className: m(o.dropdown, k ? o["dropdown-helper"] : ""), children: [
136
- /* @__PURE__ */ r(
137
- he,
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: v,
141
- placeholder: H,
142
- onChange: w,
143
- onClear: () => w(""),
141
+ value: w,
142
+ placeholder: J,
143
+ onChange: b,
144
+ onClear: () => b(""),
144
145
  wrapperClassName: "",
145
146
  inputClassName: ""
146
147
  }
147
148
  ),
148
- /* @__PURE__ */ r(
149
- pe,
149
+ /* @__PURE__ */ o(
150
+ ve,
150
151
  {
151
152
  totalResults: R?.length,
152
- exclude: y,
153
- setExclude: J,
154
- isToggleDisable: a?.length === 0,
155
- showExcludeBtn: U,
156
- hideExclude: t
153
+ exclude: c,
154
+ setExclude: U,
155
+ isToggleDisable: n?.length === 0,
156
+ showExcludeBtn: V,
157
+ hideExclude: r
157
158
  }
158
159
  ),
159
- /* @__PURE__ */ r("div", { className: o.divider }),
160
- /* @__PURE__ */ c(
160
+ /* @__PURE__ */ o("div", { className: a.divider }),
161
+ /* @__PURE__ */ h(
161
162
  "div",
162
163
  {
163
- className: m(
164
- o["ckds-options-list"],
165
- g?.optionsListWrapperClass ?? ""
164
+ className: i(
165
+ a["ckds-options-list"],
166
+ p?.optionsListWrapperClass ?? ""
166
167
  ),
167
168
  children: [
168
- v.length === 0 && /* @__PURE__ */ c(
169
+ w.length === 0 && /* @__PURE__ */ h(
169
170
  "div",
170
171
  {
171
- className: m(
172
- o["option-row"],
173
- g?.optionRowClass ?? ""
172
+ className: i(
173
+ a["option-row"],
174
+ p?.optionRowClass ?? ""
174
175
  ),
175
- onClick: $,
176
+ onClick: le,
176
177
  children: [
177
- /* @__PURE__ */ r(ge, { checked: Z, size: "md", indeterminate: re }),
178
- /* @__PURE__ */ r(
178
+ /* @__PURE__ */ o(fe, { checked: q, size: "md", indeterminate: de }),
179
+ /* @__PURE__ */ o(
179
180
  "span",
180
181
  {
181
- className: m(
182
+ className: i(
182
183
  "ckds-body-sm-reg",
183
- o["option-label"]
184
+ a["option-label"]
184
185
  ),
185
- children: D
186
+ children: T
186
187
  }
187
188
  )
188
189
  ]
189
190
  }
190
191
  ),
191
- R?.length === 0 ? /* @__PURE__ */ r(
192
+ R?.length === 0 ? /* @__PURE__ */ o(
192
193
  "span",
193
194
  {
194
- className: m(
195
+ className: i(
195
196
  "ckds-body-sm-reg",
196
- o["no-results"]
197
+ a["no-results"]
197
198
  ),
198
199
  children: "No results found"
199
200
  }
200
- ) : R?.map((e) => /* @__PURE__ */ r(
201
- fe,
201
+ ) : R?.map((e) => /* @__PURE__ */ o(
202
+ Ce,
202
203
  {
203
204
  value: e?.value,
204
205
  label: e?.label,
205
- checked: a?.some(
206
- (s) => s?.value === e?.value
206
+ checked: n?.some(
207
+ (t) => t?.value === e?.value
207
208
  ),
208
- onToggle: F,
209
- classNames: g
209
+ onToggle: Q,
210
+ classNames: p
210
211
  },
211
212
  e?.value
212
213
  ))
213
214
  ]
214
215
  }
215
216
  ),
216
- /* @__PURE__ */ r(
217
- ue,
217
+ /* @__PURE__ */ o(
218
+ we,
218
219
  {
219
- onClear: q,
220
- onCancel: le,
221
- onApply: ee,
222
- classNames: g,
223
- isClearDisabled: a?.length === 0,
224
- isApplyDisabled: ne,
225
- hideClear: t
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
- Te as MultiSelect
234
+ ze as MultiSelect
234
235
  };
@@ -1,53 +1,53 @@
1
- import { jsxs as _, jsx as i } from "react/jsx-runtime";
1
+ import { jsxs as m, jsx as i } from "react/jsx-runtime";
2
2
  import "react";
3
- import '../../assets/index-CiQd_iRw.css';const m = "_checked_16u8u_54", k = "_disabled_16u8u_69", f = "_small_16u8u_84", h = "_medium_16u8u_93", p = "_large_16u8u_102", a = {
4
- "ckds-radio": "_ckds-radio_16u8u_4",
5
- "ckds-radio-custom": "_ckds-radio-custom_16u8u_27",
6
- checked: m,
7
- disabled: k,
8
- "ckds-radio-label": "_ckds-radio-label_16u8u_75",
9
- small: f,
10
- medium: h,
11
- large: p
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 b({
14
- label: d,
15
- color: o,
13
+ function $({
14
+ label: c,
15
+ color: d,
16
16
  radioSize: l = "small",
17
- className: u = "",
18
- disabled: s = !1,
19
- selected: e = !1,
20
- onChange: n
17
+ className: n = "",
18
+ disabled: o = !1,
19
+ selected: a = !1,
20
+ onChange: t
21
21
  }) {
22
22
  const r = () => {
23
- s || e || n?.(!0);
24
- }, t = (c) => {
25
- s || (c.key === " " || c.key === "Enter") && (c.preventDefault(), r());
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": e,
32
- "aria-disabled": s,
33
- tabIndex: s ? -1 : 0,
31
+ "aria-checked": a,
32
+ "aria-disabled": o,
33
+ tabIndex: o ? -1 : 0,
34
34
  className: `
35
- ${a["ckds-radio"]}
36
- ${a[l]}
37
- ${e ? a.checked : ""}
38
- ${s ? a.disabled : ""}
39
- ${u}
35
+ ${e["ckds-radio"]}
36
+ ${e[l]}
37
+ ${a ? e.checked : ""}
38
+ ${o ? e.disabled : ""}
39
+ ${n}
40
40
  `,
41
- style: o ? { "--ckds-radio-color": o } : void 0,
41
+ style: d ? { "--ckds-radio-color": d } : void 0,
42
42
  onClick: r,
43
- onKeyDown: t,
43
+ onKeyDown: _,
44
44
  children: [
45
- /* @__PURE__ */ i("span", { className: a["ckds-radio-custom"] }),
46
- d && /* @__PURE__ */ i("span", { className: a["ckds-radio-label"], children: d })
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
- b as RadioButton
52
+ $ as RadioButton
53
53
  };
@@ -11,5 +11,6 @@ export interface RadioGroupProps {
11
11
  size?: "small" | "medium" | "large";
12
12
  className?: string;
13
13
  disabled?: boolean;
14
+ gap?: string | number;
14
15
  }
15
16
  //# sourceMappingURL=radioGroup.types.d.ts.map
@@ -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;CACpB"}
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,GACjB,EAAE,eAAe,2CAmBjB"}
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 a } from "react/jsx-runtime";
2
- import { RadioButton as g } from "../RadioButton/index.js";
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
- }, m = {
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 k({
13
+ function t({
14
14
  name: s,
15
- value: l,
16
- options: e,
17
- onChange: i,
15
+ value: e,
16
+ options: i,
17
+ onChange: u,
18
18
  size: o = "small",
19
- className: u = "",
20
- disabled: c = !1
19
+ className: c = "",
20
+ disabled: g = !1,
21
+ gap: a
21
22
  }) {
22
- return /* @__PURE__ */ a(
23
+ return /* @__PURE__ */ l(
23
24
  "div",
24
25
  {
25
26
  role: "radiogroup",
26
27
  "aria-label": s,
27
- className: `${d["ckds-radio-group"]} ${m[o] || ""} ${u}`,
28
- children: e.map((r) => /* @__PURE__ */ a(
29
- g,
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: l === r.value,
34
+ selected: e === r.value,
33
35
  radioSize: o,
34
- disabled: c || r.disabled,
35
- onChange: () => i(r.value)
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
- k as RadioGroup
45
+ t as RadioGroup
44
46
  };
@@ -1,12 +1,12 @@
1
1
  import "react/jsx-runtime";
2
- import { D as v } from "../../../DropdownFooter-CYkg2g5d.js";
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-Bqfs9eXV.css';import '../../../assets/styles-BTZL03H2.css';import '../../../assets/styles-D8sahtFb.css';import '../../../assets/ReactToastify-tlSLHgLC.css';/* empty css */
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-CYkg2g5d.js";
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-Bqfs9eXV.css';import '../../assets/styles-BTZL03H2.css';import '../../assets/styles-D8sahtFb.css';import '../../assets/ReactToastify-tlSLHgLC.css';/* empty css */
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,2CAwFrF;AAED,OAAO,EAAE,YAAY,EAAE,CAAC;AACxB,eAAe,YAAY,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"}