inconel 0.1.16 → 0.1.17
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/cjs/components/CheckBoxList/CheckBoxList.cjs +2 -0
- package/dist/cjs/components/CheckBoxList/CheckBoxList.cjs.map +1 -0
- package/dist/cjs/index.cjs +1 -1
- package/dist/cjs/styles.css +1 -1
- package/dist/components/CheckBoxList/CheckBoxList.d.ts +25 -0
- package/dist/components/CheckBoxList/CheckBoxList.d.ts.map +1 -0
- package/dist/components/CheckBoxList/CheckBoxList.js +243 -0
- package/dist/components/CheckBoxList/CheckBoxList.js.map +1 -0
- package/dist/components/CheckBoxList/index.d.ts +3 -0
- package/dist/components/CheckBoxList/index.d.ts.map +1 -0
- package/dist/components/index.d.ts +1 -0
- package/dist/components/index.d.ts.map +1 -1
- package/dist/index.js +74 -72
- package/dist/index.js.map +1 -1
- package/dist/styles.css +1 -1
- package/package.json +1 -1
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
export type CheckBoxListValue = string | number;
|
|
2
|
+
export interface CheckBoxListOption {
|
|
3
|
+
[key: string]: unknown;
|
|
4
|
+
}
|
|
5
|
+
export interface CheckBoxListProps<T extends CheckBoxListOption = CheckBoxListOption> {
|
|
6
|
+
id?: string | null;
|
|
7
|
+
className?: string | null;
|
|
8
|
+
options?: T[];
|
|
9
|
+
defaultSelectedOptions?: Array<T | CheckBoxListValue>;
|
|
10
|
+
optionLabel?: string;
|
|
11
|
+
optionValue?: string;
|
|
12
|
+
multiple?: boolean;
|
|
13
|
+
transferMode?: boolean;
|
|
14
|
+
disabled?: boolean;
|
|
15
|
+
selectedText?: string;
|
|
16
|
+
emptyText?: string;
|
|
17
|
+
sourceTitle?: string;
|
|
18
|
+
selectedTitle?: string;
|
|
19
|
+
transferAllText?: string;
|
|
20
|
+
clearAllText?: string;
|
|
21
|
+
searchPlaceholder?: string;
|
|
22
|
+
onChange?: (selected: T[], unselected: T[]) => void;
|
|
23
|
+
}
|
|
24
|
+
export declare function CheckBoxList<T extends CheckBoxListOption = CheckBoxListOption>({ id, className, options, defaultSelectedOptions, optionLabel, optionValue, multiple, transferMode, disabled, selectedText, emptyText, sourceTitle, selectedTitle, transferAllText, clearAllText, searchPlaceholder, onChange, }: CheckBoxListProps<T>): import("react").JSX.Element;
|
|
25
|
+
//# sourceMappingURL=CheckBoxList.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"CheckBoxList.d.ts","sourceRoot":"","sources":["../../../src/components/CheckBoxList/CheckBoxList.tsx"],"names":[],"mappings":"AAUA,OAAO,cAAc,CAAA;AAErB,MAAM,MAAM,iBAAiB,GAAG,MAAM,GAAG,MAAM,CAAA;AAE/C,MAAM,WAAW,kBAAkB;IACjC,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAAA;CACvB;AAED,MAAM,WAAW,iBAAiB,CAChC,CAAC,SAAS,kBAAkB,GAAG,kBAAkB;IAEjD,EAAE,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IAClB,SAAS,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IACzB,OAAO,CAAC,EAAE,CAAC,EAAE,CAAA;IACb,sBAAsB,CAAC,EAAE,KAAK,CAAC,CAAC,GAAG,iBAAiB,CAAC,CAAA;IACrD,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,YAAY,CAAC,EAAE,OAAO,CAAA;IACtB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,eAAe,CAAC,EAAE,MAAM,CAAA;IACxB,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,iBAAiB,CAAC,EAAE,MAAM,CAAA;IAC1B,QAAQ,CAAC,EAAE,CAAC,QAAQ,EAAE,CAAC,EAAE,EAAE,UAAU,EAAE,CAAC,EAAE,KAAK,IAAI,CAAA;CACpD;AAUD,wBAAgB,YAAY,CAC1B,CAAC,SAAS,kBAAkB,GAAG,kBAAkB,EACjD,EACA,EAAS,EACT,SAAgB,EAChB,OAAqB,EACrB,sBAAoC,EACpC,WAAqB,EACrB,WAAqB,EACrB,QAAe,EACf,YAAoB,EACpB,QAAgB,EAChB,YAAwB,EACxB,SAA6B,EAC7B,WAAuB,EACvB,aAA4B,EAC5B,eAAgC,EAChC,YAA+B,EAC/B,iBAAyB,EACzB,QAAQ,GACT,EAAE,iBAAiB,CAAC,CAAC,CAAC,+BAuStB"}
|
|
@@ -0,0 +1,243 @@
|
|
|
1
|
+
import { jsxs as u, jsx as l } from "react/jsx-runtime";
|
|
2
|
+
import { useState as O, useCallback as h, useMemo as b, useEffect as ee } from "react";
|
|
3
|
+
import { classNames as F } from "../shared/classNames.js";
|
|
4
|
+
/* empty css */
|
|
5
|
+
function a(f) {
|
|
6
|
+
return f != null;
|
|
7
|
+
}
|
|
8
|
+
const I = [];
|
|
9
|
+
function se({
|
|
10
|
+
id: f = null,
|
|
11
|
+
className: U = null,
|
|
12
|
+
options: V = I,
|
|
13
|
+
defaultSelectedOptions: L = I,
|
|
14
|
+
optionLabel: T = "label",
|
|
15
|
+
optionValue: k = "value",
|
|
16
|
+
multiple: d = !0,
|
|
17
|
+
transferMode: $ = !1,
|
|
18
|
+
disabled: s = !1,
|
|
19
|
+
selectedText: G = "seçildi",
|
|
20
|
+
emptyText: H = "Veri bulunamadı",
|
|
21
|
+
sourceTitle: J = "Veriler",
|
|
22
|
+
selectedTitle: K = "Seçilenler",
|
|
23
|
+
transferAllText: Q = "Tümünü aktar",
|
|
24
|
+
clearAllText: W = "Tümünü temizle",
|
|
25
|
+
searchPlaceholder: N = "Ara",
|
|
26
|
+
onChange: E
|
|
27
|
+
}) {
|
|
28
|
+
const [r, j] = O([]), [_, w] = O(""), [S, X] = O(""), t = h(
|
|
29
|
+
(e) => e?.[k] ?? e?.value ?? e?.id,
|
|
30
|
+
[k]
|
|
31
|
+
), p = h(
|
|
32
|
+
(e) => e?.[T] ?? e?.label ?? e?.name ?? "",
|
|
33
|
+
[T]
|
|
34
|
+
), z = b(() => L.map((c) => {
|
|
35
|
+
if (c && typeof c == "object") {
|
|
36
|
+
const n = c;
|
|
37
|
+
return n[k] ?? n.value ?? n.id;
|
|
38
|
+
}
|
|
39
|
+
return c;
|
|
40
|
+
}).filter(a), [L, k]), o = b(() => {
|
|
41
|
+
const e = /* @__PURE__ */ new Map();
|
|
42
|
+
return V.forEach((c) => {
|
|
43
|
+
const n = t(c);
|
|
44
|
+
a(n) && !e.has(n) && e.set(n, c);
|
|
45
|
+
}), Array.from(e.values());
|
|
46
|
+
}, [t, V]), g = b(
|
|
47
|
+
() => o.filter((e) => {
|
|
48
|
+
const c = t(e);
|
|
49
|
+
return a(c) && r.includes(c);
|
|
50
|
+
}),
|
|
51
|
+
[t, o, r]
|
|
52
|
+
), y = b(
|
|
53
|
+
() => o.filter((e) => {
|
|
54
|
+
const c = t(e);
|
|
55
|
+
return !a(c) || !r.includes(c);
|
|
56
|
+
}),
|
|
57
|
+
[t, o, r]
|
|
58
|
+
), v = h(
|
|
59
|
+
(e, c) => {
|
|
60
|
+
const n = c.trim().toLocaleLowerCase();
|
|
61
|
+
return n ? e.filter(
|
|
62
|
+
(i) => String(p(i)).toLocaleLowerCase().includes(n)
|
|
63
|
+
) : e;
|
|
64
|
+
},
|
|
65
|
+
[p]
|
|
66
|
+
), M = b(
|
|
67
|
+
() => v(y, _),
|
|
68
|
+
[v, _, y]
|
|
69
|
+
), q = b(
|
|
70
|
+
() => v(g, S),
|
|
71
|
+
[v, g, S]
|
|
72
|
+
), B = b(
|
|
73
|
+
() => v(o, _),
|
|
74
|
+
[v, o, _]
|
|
75
|
+
), D = h(
|
|
76
|
+
(e) => {
|
|
77
|
+
const c = o.filter((i) => {
|
|
78
|
+
const m = t(i);
|
|
79
|
+
return a(m) && e.includes(m);
|
|
80
|
+
}), n = o.filter((i) => {
|
|
81
|
+
const m = t(i);
|
|
82
|
+
return !a(m) || !e.includes(m);
|
|
83
|
+
});
|
|
84
|
+
E?.(c, n);
|
|
85
|
+
},
|
|
86
|
+
[t, o, E]
|
|
87
|
+
), x = h(
|
|
88
|
+
(e) => {
|
|
89
|
+
const c = d ? e : e.slice(-1);
|
|
90
|
+
j(c), D(c);
|
|
91
|
+
},
|
|
92
|
+
[D, d]
|
|
93
|
+
), R = h(
|
|
94
|
+
(e) => {
|
|
95
|
+
if (s) return;
|
|
96
|
+
const c = t(e);
|
|
97
|
+
if (!a(c)) return;
|
|
98
|
+
if (r.includes(c)) {
|
|
99
|
+
x(
|
|
100
|
+
r.filter((i) => i !== c)
|
|
101
|
+
);
|
|
102
|
+
return;
|
|
103
|
+
}
|
|
104
|
+
x(d ? [...r, c] : [c]);
|
|
105
|
+
},
|
|
106
|
+
[s, t, d, r, x]
|
|
107
|
+
), Z = h(() => {
|
|
108
|
+
if (s) return;
|
|
109
|
+
const e = o.map((c) => t(c)).filter(a);
|
|
110
|
+
x(d ? e : e.slice(0, 1));
|
|
111
|
+
}, [s, t, d, o, x]), P = h(() => {
|
|
112
|
+
s || x([]);
|
|
113
|
+
}, [s, x]);
|
|
114
|
+
ee(() => {
|
|
115
|
+
const e = o.map((i) => t(i)).filter(a), c = z.filter(
|
|
116
|
+
(i) => e.includes(i)
|
|
117
|
+
), n = d ? c : c.slice(0, 1);
|
|
118
|
+
j(n);
|
|
119
|
+
}, [t, d, z, o]);
|
|
120
|
+
const C = h(
|
|
121
|
+
(e, c = "list") => {
|
|
122
|
+
const n = t(e), i = a(n) && r.includes(n), m = `${f || "inconel-checkbox-list"}-${c}-${String(n)}`, Y = p(e);
|
|
123
|
+
return /* @__PURE__ */ u(
|
|
124
|
+
"label",
|
|
125
|
+
{
|
|
126
|
+
className: F(
|
|
127
|
+
"inconel-checkbox-list__item",
|
|
128
|
+
i && "inconel-is-selected"
|
|
129
|
+
),
|
|
130
|
+
htmlFor: m,
|
|
131
|
+
title: String(Y),
|
|
132
|
+
children: [
|
|
133
|
+
/* @__PURE__ */ l(
|
|
134
|
+
"input",
|
|
135
|
+
{
|
|
136
|
+
type: "checkbox",
|
|
137
|
+
id: m,
|
|
138
|
+
checked: i,
|
|
139
|
+
disabled: s,
|
|
140
|
+
onChange: () => R(e)
|
|
141
|
+
}
|
|
142
|
+
),
|
|
143
|
+
/* @__PURE__ */ l("span", { className: "inconel-checkbox-list__checkmark", "aria-hidden": "true" }),
|
|
144
|
+
/* @__PURE__ */ l("span", { className: "inconel-checkbox-list__item-label", children: Y })
|
|
145
|
+
]
|
|
146
|
+
},
|
|
147
|
+
`${c}-${String(n)}`
|
|
148
|
+
);
|
|
149
|
+
},
|
|
150
|
+
[s, p, t, R, f, r]
|
|
151
|
+
), A = () => /* @__PURE__ */ l("div", { className: "inconel-checkbox-list__empty", children: H });
|
|
152
|
+
return /* @__PURE__ */ u(
|
|
153
|
+
"div",
|
|
154
|
+
{
|
|
155
|
+
className: F(
|
|
156
|
+
"inconel-checkbox-list",
|
|
157
|
+
$ && "inconel-checkbox-list--transfer-mode",
|
|
158
|
+
s && "inconel-is-disabled",
|
|
159
|
+
U
|
|
160
|
+
),
|
|
161
|
+
id: f ?? void 0,
|
|
162
|
+
children: [
|
|
163
|
+
/* @__PURE__ */ l("div", { className: "inconel-checkbox-list__summary", children: /* @__PURE__ */ u("span", { children: [
|
|
164
|
+
g.length,
|
|
165
|
+
" ",
|
|
166
|
+
G
|
|
167
|
+
] }) }),
|
|
168
|
+
$ ? /* @__PURE__ */ u("div", { className: "inconel-checkbox-list__transfer", children: [
|
|
169
|
+
/* @__PURE__ */ u("section", { className: "inconel-checkbox-list__box", children: [
|
|
170
|
+
/* @__PURE__ */ u("div", { className: "inconel-checkbox-list__box-header", children: [
|
|
171
|
+
/* @__PURE__ */ l("span", { children: J }),
|
|
172
|
+
/* @__PURE__ */ l(
|
|
173
|
+
"button",
|
|
174
|
+
{
|
|
175
|
+
type: "button",
|
|
176
|
+
onClick: Z,
|
|
177
|
+
disabled: s || y.length === 0,
|
|
178
|
+
children: Q
|
|
179
|
+
}
|
|
180
|
+
)
|
|
181
|
+
] }),
|
|
182
|
+
/* @__PURE__ */ l("div", { className: "inconel-checkbox-list__box-search", children: /* @__PURE__ */ l(
|
|
183
|
+
"input",
|
|
184
|
+
{
|
|
185
|
+
type: "text",
|
|
186
|
+
value: _,
|
|
187
|
+
onChange: (e) => w(e.target.value),
|
|
188
|
+
placeholder: N,
|
|
189
|
+
disabled: s
|
|
190
|
+
}
|
|
191
|
+
) }),
|
|
192
|
+
/* @__PURE__ */ l("div", { className: "inconel-checkbox-list__box-body", children: M.length > 0 ? M.map(
|
|
193
|
+
(e) => C(e, "source")
|
|
194
|
+
) : A() })
|
|
195
|
+
] }),
|
|
196
|
+
/* @__PURE__ */ u("section", { className: "inconel-checkbox-list__box inconel-checkbox-list__box--selected", children: [
|
|
197
|
+
/* @__PURE__ */ u("div", { className: "inconel-checkbox-list__box-header", children: [
|
|
198
|
+
/* @__PURE__ */ l("span", { children: K }),
|
|
199
|
+
/* @__PURE__ */ l(
|
|
200
|
+
"button",
|
|
201
|
+
{
|
|
202
|
+
type: "button",
|
|
203
|
+
onClick: P,
|
|
204
|
+
disabled: s || g.length === 0,
|
|
205
|
+
children: W
|
|
206
|
+
}
|
|
207
|
+
)
|
|
208
|
+
] }),
|
|
209
|
+
/* @__PURE__ */ l("div", { className: "inconel-checkbox-list__box-search", children: /* @__PURE__ */ l(
|
|
210
|
+
"input",
|
|
211
|
+
{
|
|
212
|
+
type: "text",
|
|
213
|
+
value: S,
|
|
214
|
+
onChange: (e) => X(e.target.value),
|
|
215
|
+
placeholder: N,
|
|
216
|
+
disabled: s
|
|
217
|
+
}
|
|
218
|
+
) }),
|
|
219
|
+
/* @__PURE__ */ l("div", { className: "inconel-checkbox-list__box-body", children: q.length > 0 ? q.map(
|
|
220
|
+
(e) => C(e, "selected")
|
|
221
|
+
) : A() })
|
|
222
|
+
] })
|
|
223
|
+
] }) : /* @__PURE__ */ u("div", { className: "inconel-checkbox-list__list", children: [
|
|
224
|
+
/* @__PURE__ */ l("div", { className: "inconel-checkbox-list__box-search", children: /* @__PURE__ */ l(
|
|
225
|
+
"input",
|
|
226
|
+
{
|
|
227
|
+
type: "text",
|
|
228
|
+
value: _,
|
|
229
|
+
onChange: (e) => w(e.target.value),
|
|
230
|
+
placeholder: N,
|
|
231
|
+
disabled: s
|
|
232
|
+
}
|
|
233
|
+
) }),
|
|
234
|
+
/* @__PURE__ */ l("div", { className: "inconel-checkbox-list__list-body", children: B.length > 0 ? B.map((e) => C(e)) : A() })
|
|
235
|
+
] })
|
|
236
|
+
]
|
|
237
|
+
}
|
|
238
|
+
);
|
|
239
|
+
}
|
|
240
|
+
export {
|
|
241
|
+
se as CheckBoxList
|
|
242
|
+
};
|
|
243
|
+
//# sourceMappingURL=CheckBoxList.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"CheckBoxList.js","sources":["../../../src/components/CheckBoxList/CheckBoxList.tsx"],"sourcesContent":["import {\n useCallback,\n useEffect,\n useMemo,\n useState,\n type ChangeEvent,\n type ReactNode,\n} from 'react'\n\nimport { classNames } from '../shared/classNames'\nimport './styles.css'\n\nexport type CheckBoxListValue = string | number\n\nexport interface CheckBoxListOption {\n [key: string]: unknown\n}\n\nexport interface CheckBoxListProps<\n T extends CheckBoxListOption = CheckBoxListOption,\n> {\n id?: string | null\n className?: string | null\n options?: T[]\n defaultSelectedOptions?: Array<T | CheckBoxListValue>\n optionLabel?: string\n optionValue?: string\n multiple?: boolean\n transferMode?: boolean\n disabled?: boolean\n selectedText?: string\n emptyText?: string\n sourceTitle?: string\n selectedTitle?: string\n transferAllText?: string\n clearAllText?: string\n searchPlaceholder?: string\n onChange?: (selected: T[], unselected: T[]) => void\n}\n\nfunction isDefinedValue(\n value: CheckBoxListValue | undefined | null,\n): value is CheckBoxListValue {\n return value !== undefined && value !== null\n}\n\nconst EMPTY_ARRAY: never[] = []\n\nexport function CheckBoxList<\n T extends CheckBoxListOption = CheckBoxListOption,\n>({\n id = null,\n className = null,\n options = EMPTY_ARRAY,\n defaultSelectedOptions = EMPTY_ARRAY,\n optionLabel = 'label',\n optionValue = 'value',\n multiple = true,\n transferMode = false,\n disabled = false,\n selectedText = 'seçildi',\n emptyText = 'Veri bulunamadı',\n sourceTitle = 'Veriler',\n selectedTitle = 'Seçilenler',\n transferAllText = 'Tümünü aktar',\n clearAllText = 'Tümünü temizle',\n searchPlaceholder = 'Ara',\n onChange,\n}: CheckBoxListProps<T>) {\n const [selectedValues, setSelectedValues] = useState<CheckBoxListValue[]>([])\n const [sourceSearch, setSourceSearch] = useState('')\n const [selectedSearch, setSelectedSearch] = useState('')\n\n const getValue = useCallback(\n (option: T) =>\n (option?.[optionValue] ?? option?.value ?? option?.id) as\n | CheckBoxListValue\n | undefined,\n [optionValue],\n )\n\n const getLabel = useCallback(\n (option: T): ReactNode =>\n (option?.[optionLabel] ?? option?.label ?? option?.name ?? '') as ReactNode,\n [optionLabel],\n )\n\n const normalizedDefaultValues = useMemo(() => {\n const values = defaultSelectedOptions.map((item) => {\n if (item && typeof item === 'object') {\n const option = item as T\n return (option[optionValue] ?? option.value ?? option.id) as\n | CheckBoxListValue\n | undefined\n }\n return item\n })\n return values.filter(isDefinedValue)\n }, [defaultSelectedOptions, optionValue])\n\n const normalizedOptions = useMemo(() => {\n const uniqueMap = new Map<CheckBoxListValue, T>()\n options.forEach((option) => {\n const value = getValue(option)\n if (isDefinedValue(value) && !uniqueMap.has(value)) {\n uniqueMap.set(value, option)\n }\n })\n return Array.from(uniqueMap.values())\n }, [getValue, options])\n\n const selectedOptions = useMemo(\n () =>\n normalizedOptions.filter((option) => {\n const value = getValue(option)\n return isDefinedValue(value) && selectedValues.includes(value)\n }),\n [getValue, normalizedOptions, selectedValues],\n )\n\n const unselectedOptions = useMemo(\n () =>\n normalizedOptions.filter((option) => {\n const value = getValue(option)\n return !isDefinedValue(value) || !selectedValues.includes(value)\n }),\n [getValue, normalizedOptions, selectedValues],\n )\n\n const filterBySearch = useCallback(\n (list: T[], searchValue: string) => {\n const query = searchValue.trim().toLocaleLowerCase()\n if (!query) return list\n return list.filter((option) =>\n String(getLabel(option)).toLocaleLowerCase().includes(query),\n )\n },\n [getLabel],\n )\n\n const filteredUnselectedOptions = useMemo(\n () => filterBySearch(unselectedOptions, sourceSearch),\n [filterBySearch, sourceSearch, unselectedOptions],\n )\n\n const filteredSelectedOptions = useMemo(\n () => filterBySearch(selectedOptions, selectedSearch),\n [filterBySearch, selectedOptions, selectedSearch],\n )\n\n const filteredOptions = useMemo(\n () => filterBySearch(normalizedOptions, sourceSearch),\n [filterBySearch, normalizedOptions, sourceSearch],\n )\n\n const emitChange = useCallback(\n (nextValues: CheckBoxListValue[]) => {\n const selected = normalizedOptions.filter((option) => {\n const value = getValue(option)\n return isDefinedValue(value) && nextValues.includes(value)\n })\n const unselected = normalizedOptions.filter((option) => {\n const value = getValue(option)\n return !isDefinedValue(value) || !nextValues.includes(value)\n })\n onChange?.(selected, unselected)\n },\n [getValue, normalizedOptions, onChange],\n )\n\n const updateSelection = useCallback(\n (nextValues: CheckBoxListValue[]) => {\n const cleanValues = multiple ? nextValues : nextValues.slice(-1)\n setSelectedValues(cleanValues)\n emitChange(cleanValues)\n },\n [emitChange, multiple],\n )\n\n const handleToggle = useCallback(\n (option: T) => {\n if (disabled) return\n const value = getValue(option)\n if (!isDefinedValue(value)) return\n const isSelected = selectedValues.includes(value)\n if (isSelected) {\n updateSelection(\n selectedValues.filter((selectedValue) => selectedValue !== value),\n )\n return\n }\n updateSelection(multiple ? [...selectedValues, value] : [value])\n },\n [disabled, getValue, multiple, selectedValues, updateSelection],\n )\n\n const handleTransferAll = useCallback(() => {\n if (disabled) return\n const values = normalizedOptions\n .map((option) => getValue(option))\n .filter(isDefinedValue)\n updateSelection(multiple ? values : values.slice(0, 1))\n }, [disabled, getValue, multiple, normalizedOptions, updateSelection])\n\n const handleClearAll = useCallback(() => {\n if (disabled) return\n updateSelection([])\n }, [disabled, updateSelection])\n\n useEffect(() => {\n const optionValues = normalizedOptions\n .map((option) => getValue(option))\n .filter(isDefinedValue)\n const nextValues = normalizedDefaultValues.filter((value) =>\n optionValues.includes(value),\n )\n const limitedValues = multiple ? nextValues : nextValues.slice(0, 1)\n setSelectedValues(limitedValues)\n }, [getValue, multiple, normalizedDefaultValues, normalizedOptions])\n\n const renderOption = useCallback(\n (option: T, area: 'list' | 'source' | 'selected' = 'list') => {\n const value = getValue(option)\n const checked = isDefinedValue(value) && selectedValues.includes(value)\n const inputId = `${id || 'inconel-checkbox-list'}-${area}-${String(value)}`\n const label = getLabel(option)\n\n return (\n <label\n className={classNames(\n 'inconel-checkbox-list__item',\n checked && 'inconel-is-selected',\n )}\n htmlFor={inputId}\n key={`${area}-${String(value)}`}\n title={String(label)}\n >\n <input\n type=\"checkbox\"\n id={inputId}\n checked={checked}\n disabled={disabled}\n onChange={() => handleToggle(option)}\n />\n <span className=\"inconel-checkbox-list__checkmark\" aria-hidden=\"true\" />\n <span className=\"inconel-checkbox-list__item-label\">{label}</span>\n </label>\n )\n },\n [disabled, getLabel, getValue, handleToggle, id, selectedValues],\n )\n\n const renderEmpty = () => (\n <div className=\"inconel-checkbox-list__empty\">{emptyText}</div>\n )\n\n return (\n <div\n className={classNames(\n 'inconel-checkbox-list',\n transferMode && 'inconel-checkbox-list--transfer-mode',\n disabled && 'inconel-is-disabled',\n className,\n )}\n id={id ?? undefined}\n >\n <div className=\"inconel-checkbox-list__summary\">\n <span>\n {selectedOptions.length} {selectedText}\n </span>\n </div>\n\n {transferMode ? (\n <div className=\"inconel-checkbox-list__transfer\">\n <section className=\"inconel-checkbox-list__box\">\n <div className=\"inconel-checkbox-list__box-header\">\n <span>{sourceTitle}</span>\n <button\n type=\"button\"\n onClick={handleTransferAll}\n disabled={disabled || unselectedOptions.length === 0}\n >\n {transferAllText}\n </button>\n </div>\n\n <div className=\"inconel-checkbox-list__box-search\">\n <input\n type=\"text\"\n value={sourceSearch}\n onChange={(event: ChangeEvent<HTMLInputElement>) =>\n setSourceSearch(event.target.value)\n }\n placeholder={searchPlaceholder}\n disabled={disabled}\n />\n </div>\n\n <div className=\"inconel-checkbox-list__box-body\">\n {filteredUnselectedOptions.length > 0\n ? filteredUnselectedOptions.map((option) =>\n renderOption(option, 'source'),\n )\n : renderEmpty()}\n </div>\n </section>\n\n <section className=\"inconel-checkbox-list__box inconel-checkbox-list__box--selected\">\n <div className=\"inconel-checkbox-list__box-header\">\n <span>{selectedTitle}</span>\n <button\n type=\"button\"\n onClick={handleClearAll}\n disabled={disabled || selectedOptions.length === 0}\n >\n {clearAllText}\n </button>\n </div>\n\n <div className=\"inconel-checkbox-list__box-search\">\n <input\n type=\"text\"\n value={selectedSearch}\n onChange={(event: ChangeEvent<HTMLInputElement>) =>\n setSelectedSearch(event.target.value)\n }\n placeholder={searchPlaceholder}\n disabled={disabled}\n />\n </div>\n\n <div className=\"inconel-checkbox-list__box-body\">\n {filteredSelectedOptions.length > 0\n ? filteredSelectedOptions.map((option) =>\n renderOption(option, 'selected'),\n )\n : renderEmpty()}\n </div>\n </section>\n </div>\n ) : (\n <div className=\"inconel-checkbox-list__list\">\n <div className=\"inconel-checkbox-list__box-search\">\n <input\n type=\"text\"\n value={sourceSearch}\n onChange={(event: ChangeEvent<HTMLInputElement>) =>\n setSourceSearch(event.target.value)\n }\n placeholder={searchPlaceholder}\n disabled={disabled}\n />\n </div>\n\n <div className=\"inconel-checkbox-list__list-body\">\n {filteredOptions.length > 0\n ? filteredOptions.map((option) => renderOption(option))\n : renderEmpty()}\n </div>\n </div>\n )}\n </div>\n )\n}\n"],"names":["isDefinedValue","value","EMPTY_ARRAY","CheckBoxList","id","className","options","defaultSelectedOptions","optionLabel","optionValue","multiple","transferMode","disabled","selectedText","emptyText","sourceTitle","selectedTitle","transferAllText","clearAllText","searchPlaceholder","onChange","selectedValues","setSelectedValues","useState","sourceSearch","setSourceSearch","selectedSearch","setSelectedSearch","getValue","useCallback","option","getLabel","normalizedDefaultValues","useMemo","item","normalizedOptions","uniqueMap","selectedOptions","unselectedOptions","filterBySearch","list","searchValue","query","filteredUnselectedOptions","filteredSelectedOptions","filteredOptions","emitChange","nextValues","selected","unselected","updateSelection","cleanValues","handleToggle","selectedValue","handleTransferAll","values","handleClearAll","useEffect","optionValues","limitedValues","renderOption","area","checked","inputId","label","jsxs","classNames","jsx","renderEmpty","event"],"mappings":"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"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/CheckBoxList/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAA;AAC7C,YAAY,EACV,iBAAiB,EACjB,kBAAkB,EAClB,iBAAiB,GAClB,MAAM,gBAAgB,CAAA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAA;AACvB,cAAc,UAAU,CAAA;AACxB,cAAc,YAAY,CAAA;AAC1B,cAAc,iBAAiB,CAAA;AAC/B,cAAc,iBAAiB,CAAA;AAC/B,cAAc,sBAAsB,CAAA;AACpC,cAAc,YAAY,CAAA;AAC1B,cAAc,cAAc,CAAA;AAC5B,cAAc,iBAAiB,CAAA;AAC/B,cAAc,aAAa,CAAA;AAC3B,cAAc,kBAAkB,CAAA;AAChC,cAAc,eAAe,CAAA;AAC7B,cAAc,cAAc,CAAA;AAC5B,cAAc,iBAAiB,CAAA;AAC/B,cAAc,cAAc,CAAA;AAC5B,cAAc,kBAAkB,CAAA;AAChC,cAAc,UAAU,CAAA;AACxB,cAAc,aAAa,CAAA;AAC3B,cAAc,SAAS,CAAA;AACvB,cAAc,cAAc,CAAA;AAC5B,cAAc,aAAa,CAAA;AAC3B,cAAc,UAAU,CAAA;AACxB,cAAc,cAAc,CAAA;AAC5B,cAAc,SAAS,CAAA;AACvB,cAAc,eAAe,CAAA;AAC7B,cAAc,2BAA2B,CAAA;AACzC,cAAc,UAAU,CAAA;AACxB,cAAc,kBAAkB,CAAA;AAChC,cAAc,cAAc,CAAA;AAC5B,cAAc,YAAY,CAAA;AAC1B,cAAc,UAAU,CAAA;AACxB,cAAc,aAAa,CAAA;AAC3B,cAAc,gBAAgB,CAAA;AAC9B,cAAc,OAAO,CAAA;AACrB,cAAc,UAAU,CAAA;AACxB,cAAc,SAAS,CAAA;AACvB,cAAc,QAAQ,CAAA;AACtB,cAAc,aAAa,CAAA;AAC3B,cAAc,YAAY,CAAA;AAC1B,cAAc,WAAW,CAAA"}
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAA;AACvB,cAAc,UAAU,CAAA;AACxB,cAAc,gBAAgB,CAAA;AAC9B,cAAc,YAAY,CAAA;AAC1B,cAAc,iBAAiB,CAAA;AAC/B,cAAc,iBAAiB,CAAA;AAC/B,cAAc,sBAAsB,CAAA;AACpC,cAAc,YAAY,CAAA;AAC1B,cAAc,cAAc,CAAA;AAC5B,cAAc,iBAAiB,CAAA;AAC/B,cAAc,aAAa,CAAA;AAC3B,cAAc,kBAAkB,CAAA;AAChC,cAAc,eAAe,CAAA;AAC7B,cAAc,cAAc,CAAA;AAC5B,cAAc,iBAAiB,CAAA;AAC/B,cAAc,cAAc,CAAA;AAC5B,cAAc,kBAAkB,CAAA;AAChC,cAAc,UAAU,CAAA;AACxB,cAAc,aAAa,CAAA;AAC3B,cAAc,SAAS,CAAA;AACvB,cAAc,cAAc,CAAA;AAC5B,cAAc,aAAa,CAAA;AAC3B,cAAc,UAAU,CAAA;AACxB,cAAc,cAAc,CAAA;AAC5B,cAAc,SAAS,CAAA;AACvB,cAAc,eAAe,CAAA;AAC7B,cAAc,2BAA2B,CAAA;AACzC,cAAc,UAAU,CAAA;AACxB,cAAc,kBAAkB,CAAA;AAChC,cAAc,cAAc,CAAA;AAC5B,cAAc,YAAY,CAAA;AAC1B,cAAc,UAAU,CAAA;AACxB,cAAc,aAAa,CAAA;AAC3B,cAAc,gBAAgB,CAAA;AAC9B,cAAc,OAAO,CAAA;AACrB,cAAc,UAAU,CAAA;AACxB,cAAc,SAAS,CAAA;AACvB,cAAc,QAAQ,CAAA;AACtB,cAAc,aAAa,CAAA;AAC3B,cAAc,YAAY,CAAA;AAC1B,cAAc,WAAW,CAAA"}
|
package/dist/index.js
CHANGED
|
@@ -3,86 +3,88 @@ import { default as t } from "./components/FieldFeedback/FieldFeedback.js";
|
|
|
3
3
|
import { default as x } from "./components/Input/Input.js";
|
|
4
4
|
import { default as m } from "./components/Select/Select.js";
|
|
5
5
|
import { default as l } from "./components/Svg/Svg.js";
|
|
6
|
-
import { default as
|
|
6
|
+
import { default as d } from "./components/Textarea/Textarea.js";
|
|
7
7
|
import { Badge as n } from "./components/Badge/Badge.js";
|
|
8
8
|
import { Button as s } from "./components/Button/Button.js";
|
|
9
|
-
import {
|
|
10
|
-
import {
|
|
11
|
-
import {
|
|
12
|
-
import {
|
|
13
|
-
import {
|
|
14
|
-
import {
|
|
15
|
-
import {
|
|
16
|
-
import {
|
|
17
|
-
import {
|
|
18
|
-
import {
|
|
19
|
-
import {
|
|
20
|
-
import {
|
|
21
|
-
import {
|
|
22
|
-
import {
|
|
23
|
-
import {
|
|
24
|
-
import {
|
|
25
|
-
import {
|
|
26
|
-
import {
|
|
27
|
-
import {
|
|
28
|
-
import {
|
|
29
|
-
import {
|
|
30
|
-
import {
|
|
31
|
-
import {
|
|
32
|
-
import {
|
|
33
|
-
import {
|
|
34
|
-
import {
|
|
35
|
-
import {
|
|
36
|
-
import {
|
|
37
|
-
import {
|
|
38
|
-
import {
|
|
39
|
-
import {
|
|
40
|
-
import {
|
|
41
|
-
import {
|
|
42
|
-
import {
|
|
43
|
-
import {
|
|
9
|
+
import { CheckBoxList as b } from "./components/CheckBoxList/CheckBoxList.js";
|
|
10
|
+
import { Checkbox as h } from "./components/Checkbox/Checkbox.js";
|
|
11
|
+
import { CheckboxGroup as I } from "./components/CheckboxGroup/CheckboxGroup.js";
|
|
12
|
+
import { CurrencyInput as C } from "./components/CurrencyInput/CurrencyInput.js";
|
|
13
|
+
import { CustomizableSwitch as L } from "./components/CustomizableSwitch/CustomizableSwitch.js";
|
|
14
|
+
import { DataGrid as B } from "./components/DataGrid/DataGrid.js";
|
|
15
|
+
import { DatePicker as g } from "./components/DatePicker/DatePicker.js";
|
|
16
|
+
import { DndFileUpload as G } from "./components/DndFileUpload/DndFileUpload.js";
|
|
17
|
+
import { DotLoader as R } from "./components/DotLoader/DotLoader.js";
|
|
18
|
+
import { DragDropUpload as y } from "./components/DragDropUpload/DragDropUpload.js";
|
|
19
|
+
import { DropDownBox as W } from "./components/DropDownBox/DropDownBox.js";
|
|
20
|
+
import { ExcelTable as A } from "./components/ExcelTable/ExcelTable.js";
|
|
21
|
+
import { FileUpload as H } from "./components/FileUpload/FileUpload.js";
|
|
22
|
+
import { FileUploadText as q } from "./components/FileUploadText/FileUploadText.js";
|
|
23
|
+
import { Filter as K } from "./components/Filter/Filter.js";
|
|
24
|
+
import { HTMLTable as Q } from "./components/HTMLTable/HTMLTable.js";
|
|
25
|
+
import { InconelProvider as X } from "./adapters/InconelProvider.js";
|
|
26
|
+
import { InputRadio as Z } from "./components/InputRadio/InputRadio.js";
|
|
27
|
+
import { InputText as $ } from "./components/InputText/InputText.js";
|
|
28
|
+
import { Loader as ro } from "./components/Loader/Loader.js";
|
|
29
|
+
import { LoaderMini as to } from "./components/LoaderMini/LoaderMini.js";
|
|
30
|
+
import { Modal as xo } from "./components/Modal/Modal.js";
|
|
31
|
+
import { MultiSelect as mo } from "./components/MultiSelect/MultiSelect.js";
|
|
32
|
+
import { MultiSelectWithCheckbox as lo } from "./components/MultiSelectWithCheckbox/MultiSelectWithCheckbox.js";
|
|
33
|
+
import { Option as uo } from "./components/Option/Option.js";
|
|
34
|
+
import { OptionWithIcon as co } from "./components/OptionWithIcon/OptionWithIcon.js";
|
|
35
|
+
import { RadioGroup as To } from "./components/RadioGroup/RadioGroup.js";
|
|
36
|
+
import { ReadOnly as So } from "./components/ReadOnly/ReadOnly.js";
|
|
37
|
+
import { SlideTabs as Do } from "./components/SlideTabs/SlideTabs.js";
|
|
38
|
+
import { SocketStatus as ko } from "./components/SocketStatus/SocketStatus.js";
|
|
39
|
+
import { Switch as Fo } from "./components/Switch/Switch.js";
|
|
40
|
+
import { Table as Mo } from "./components/Table/Table.js";
|
|
41
|
+
import { Tabs as Uo } from "./components/Tabs/Tabs.js";
|
|
42
|
+
import { TextInput as wo } from "./components/TextInput/TextInput.js";
|
|
43
|
+
import { Tooltip as Oo } from "./components/Tooltip/Tooltip.js";
|
|
44
|
+
import { useInconelAdapters as vo } from "./adapters/context.js";
|
|
44
45
|
export {
|
|
45
46
|
n as Badge,
|
|
46
47
|
s as Button,
|
|
47
|
-
b as
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
G as
|
|
55
|
-
R as
|
|
56
|
-
y as
|
|
57
|
-
W as
|
|
48
|
+
b as CheckBoxList,
|
|
49
|
+
h as Checkbox,
|
|
50
|
+
I as CheckboxGroup,
|
|
51
|
+
C as CurrencyInput,
|
|
52
|
+
L as CustomizableSwitch,
|
|
53
|
+
B as DataGrid,
|
|
54
|
+
g as DatePicker,
|
|
55
|
+
G as DndFileUpload,
|
|
56
|
+
R as DotLoader,
|
|
57
|
+
y as DragDropUpload,
|
|
58
|
+
W as DropDownBox,
|
|
59
|
+
A as ExcelTable,
|
|
58
60
|
t as FieldFeedback,
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
61
|
+
H as FileUpload,
|
|
62
|
+
q as FileUploadText,
|
|
63
|
+
K as Filter,
|
|
64
|
+
Q as HTMLTable,
|
|
65
|
+
X as InconelProvider,
|
|
64
66
|
x as Input,
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
67
|
+
Z as InputRadio,
|
|
68
|
+
$ as InputText,
|
|
69
|
+
ro as Loader,
|
|
70
|
+
to as LoaderMini,
|
|
71
|
+
xo as Modal,
|
|
72
|
+
mo as MultiSelect,
|
|
73
|
+
lo as MultiSelectWithCheckbox,
|
|
74
|
+
uo as Option,
|
|
75
|
+
co as OptionWithIcon,
|
|
76
|
+
To as RadioGroup,
|
|
77
|
+
So as ReadOnly,
|
|
76
78
|
m as Select,
|
|
77
|
-
|
|
78
|
-
|
|
79
|
+
Do as SlideTabs,
|
|
80
|
+
ko as SocketStatus,
|
|
79
81
|
l as Svg,
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
82
|
+
Fo as Switch,
|
|
83
|
+
Mo as Table,
|
|
84
|
+
Uo as Tabs,
|
|
85
|
+
wo as TextInput,
|
|
86
|
+
d as Textarea,
|
|
87
|
+
Oo as Tooltip,
|
|
88
|
+
vo as useInconelAdapters
|
|
87
89
|
};
|
|
88
90
|
//# sourceMappingURL=index.js.map
|
package/dist/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|