brd-ui-kit 0.1.77 → 0.1.79

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 (49) hide show
  1. package/dist/brd-ui-kit.css +1 -1
  2. package/dist/components/card-info/card-info.d.ts +13 -0
  3. package/dist/components/card-info/card-info.styles.d.ts +10 -0
  4. package/dist/components/card-info/index.d.ts +1 -0
  5. package/dist/components/card-info.d.ts +2 -0
  6. package/dist/components/checkbox-group/checkbox-group.d.ts +29 -0
  7. package/dist/components/checkbox-group/index.d.ts +2 -0
  8. package/dist/components/checkbox-group.d.ts +2 -0
  9. package/dist/components-avatar-uploader-avatar-uploader.cjs +1 -1
  10. package/dist/components-avatar-uploader-avatar-uploader.cjs.map +1 -1
  11. package/dist/components-avatar-uploader-avatar-uploader.js +3 -2
  12. package/dist/components-avatar-uploader-avatar-uploader.js.map +1 -1
  13. package/dist/components-basic-avatar-basic-avatar.cjs +1 -1
  14. package/dist/components-basic-avatar-basic-avatar.cjs.map +1 -1
  15. package/dist/components-basic-avatar-basic-avatar.js +3 -2
  16. package/dist/components-basic-avatar-basic-avatar.js.map +1 -1
  17. package/dist/components-card-info-card-info.cjs +2 -0
  18. package/dist/components-card-info-card-info.cjs.map +1 -0
  19. package/dist/components-card-info-card-info.js +43 -0
  20. package/dist/components-card-info-card-info.js.map +1 -0
  21. package/dist/components-card-info-card-info.styles.cjs +3 -0
  22. package/dist/components-card-info-card-info.styles.cjs.map +1 -0
  23. package/dist/components-card-info-card-info.styles.js +52 -0
  24. package/dist/components-card-info-card-info.styles.js.map +1 -0
  25. package/dist/components-card-info.cjs +2 -0
  26. package/dist/components-card-info.cjs.map +1 -0
  27. package/dist/components-card-info.js +5 -0
  28. package/dist/components-card-info.js.map +1 -0
  29. package/dist/components-checkbox-group-checkbox-group.cjs +4 -0
  30. package/dist/components-checkbox-group-checkbox-group.cjs.map +1 -0
  31. package/dist/components-checkbox-group-checkbox-group.js +306 -0
  32. package/dist/components-checkbox-group-checkbox-group.js.map +1 -0
  33. package/dist/components-checkbox-group.cjs +2 -0
  34. package/dist/components-checkbox-group.cjs.map +1 -0
  35. package/dist/components-checkbox-group.js +5 -0
  36. package/dist/components-checkbox-group.js.map +1 -0
  37. package/dist/components-files-uploader-files-uploader.cjs +6 -6
  38. package/dist/components-files-uploader-files-uploader.cjs.map +1 -1
  39. package/dist/components-files-uploader-files-uploader.js +73 -67
  40. package/dist/components-files-uploader-files-uploader.js.map +1 -1
  41. package/dist/components-input-contact-input-contact.cjs +1 -1
  42. package/dist/components-input-contact-input-contact.cjs.map +1 -1
  43. package/dist/components-input-contact-input-contact.js +3 -2
  44. package/dist/components-input-contact-input-contact.js.map +1 -1
  45. package/dist/index.cjs +1 -1
  46. package/dist/index.d.ts +10 -7
  47. package/dist/index.js +136 -132
  48. package/dist/index.js.map +1 -1
  49. package/package.json +33 -16
@@ -0,0 +1,306 @@
1
+ import { jsxs as s, jsx as r, Fragment as B } from "react/jsx-runtime";
2
+ import './brd-ui-kit.css';/* empty css */
3
+ import { cn as G } from "./lib-utils.js";
4
+ import "class-variance-authority";
5
+ import "./components-ui-badge-badge.styles.js";
6
+ import { Button as f } from "./components-ui-button-button.js";
7
+ import "./components-ui-button-button.styles.js";
8
+ import "./components-ui-card-card.js";
9
+ import { Checkbox as k } from "./components-ui-checkbox-checkbox.js";
10
+ import "phosphor-strokes-icons/icons/CaretDown";
11
+ import { usePopupControls as R } from "./hooks-usePopupControls.js";
12
+ import "./calendar-XWqEaWHP.js";
13
+ import { Icon as b } from "./components-ui-icon-icon.js";
14
+ import "phosphor-strokes-icons/icons";
15
+ import "./components-ui-combobox-combobox.js";
16
+ import "./components-ui-dialog-dialog.js";
17
+ import { useRef as $, useState as P, useMemo as N, useCallback as a } from "react";
18
+ import { Label as C } from "./components-ui-label-label.js";
19
+ import "./components-ui-separator-separator.js";
20
+ import "./components-ui-field-field.styles.js";
21
+ import "./components-ui-input-input.styles.js";
22
+ import "./components-ui-textarea-textarea.js";
23
+ import "./components-ui-input-group-input-group.styles.js";
24
+ import "./components-ui-navigation-item-navigation-item.styles.js";
25
+ import "./components-ui-navigation-menu-navigation-menu.styles.js";
26
+ import "./components-ui-pagination-pagination.js";
27
+ import "./components-ui-progress-progress.js";
28
+ import "./components-ui-radio-group-radio-group.js";
29
+ import "./components-ui-switch-switch.js";
30
+ import "./components-ui-toggle-toggle.styles.js";
31
+ import "./components-ui-toggle-group-toggle-group.js";
32
+ import "./components-ui-table-table.js";
33
+ import "./components-ui-tabs-tabs.js";
34
+ import "./components-ui-tooltip-tooltip.js";
35
+ import { Typography as d } from "./components-ui-typography-typography.js";
36
+ import "./components-ui-typography-typography.styles.js";
37
+ import "phosphor-strokes-icons/icons/CaretLeft";
38
+ import "phosphor-strokes-icons/icons/CaretRight";
39
+ import "./components-app-pagination-app-pagination.styles.js";
40
+ import "phosphor-strokes-icons/icons/CaretUpDown";
41
+ import "./components-app-sidebar-app-sidebar.styles.js";
42
+ import "./components-data-table-data-table.styles.js";
43
+ import "./components-ui-dropdown-menu-dropdown-menu.styles.js";
44
+ import { InputField as z } from "./components-input-field-input-field.js";
45
+ import "phosphor-strokes-icons/icons/Eye";
46
+ import "phosphor-strokes-icons/icons/EyeSlash";
47
+ import "./components-select-field-select-field.js";
48
+ import "./lodash-FemA_LCk.js";
49
+ import "./chart-DFbmMKiQ.js";
50
+ import "phosphor-strokes-icons/icons/CheckCircle";
51
+ import "phosphor-strokes-icons/icons/Info";
52
+ import "phosphor-strokes-icons/icons/SpinnerGap";
53
+ import "phosphor-strokes-icons/icons/Warning";
54
+ import "phosphor-strokes-icons/icons/X";
55
+ import "phosphor-strokes-icons/icons/XCircle";
56
+ import { t as w } from "./index-C4iHL8Gs.js";
57
+ import "./index-C6N9aMq_.js";
58
+ import "phosphor-strokes-icons/icons/Plus";
59
+ import "phosphor-strokes-icons/icons/CaretUp";
60
+ import "phosphor-strokes-icons/icons/EnvelopeSimple";
61
+ import "phosphor-strokes-icons/icons/MaxLogo";
62
+ import "phosphor-strokes-icons/icons/Phone";
63
+ import "phosphor-strokes-icons/icons/TelegramLogo";
64
+ import "phosphor-strokes-icons/icons/WhatsAppLogoFilled";
65
+ import "./components-input-phone-input-phone.js";
66
+ import "./components-card-info-card-info.styles.js";
67
+ const H = 50, ot = ({
68
+ data: i,
69
+ errTexts: n,
70
+ label: D = "Нужно проверить для расчета",
71
+ dataEmpty: O = "Нет данных",
72
+ btnAddText: A = "Добавить свой пункт",
73
+ onChange: p
74
+ }) => {
75
+ const h = $(null), { isOpened: F, openPopup: M } = R(), [c, x] = P(""), y = N(() => i.flatMap((e) => e.items.map((o) => o.value)), [i]), S = N(() => i.flatMap(
76
+ (e) => e.items.filter((o) => o.checked).map((o) => o.value)
77
+ ), [i]).length === y.length && y.length > 0, v = a(() => {
78
+ setTimeout(() => {
79
+ h.current && h.current.scrollTo({
80
+ top: h.current.scrollHeight,
81
+ behavior: "smooth"
82
+ });
83
+ }, H);
84
+ }, []), V = (e) => {
85
+ const o = i.map((m) => ({
86
+ ...m,
87
+ items: m.items.map((t) => ({
88
+ ...t,
89
+ checked: e
90
+ }))
91
+ }));
92
+ p(o);
93
+ }, E = a(
94
+ (e, o) => {
95
+ const m = i.map((t) => t.id !== e ? t : {
96
+ ...t,
97
+ items: t.items.map(
98
+ (l) => l.value === o ? { ...l, checked: !l.checked } : l
99
+ )
100
+ });
101
+ p(m);
102
+ },
103
+ [i, p]
104
+ ), I = a(
105
+ (e, o) => {
106
+ const m = i.map((t) => t.id !== e ? t : {
107
+ ...t,
108
+ items: t.items.filter((l) => l.value !== o)
109
+ });
110
+ p(m);
111
+ },
112
+ [i, p]
113
+ ), g = a(() => {
114
+ if (c.trim().length === 0) {
115
+ w.error(n?.empty?.title, {
116
+ description: n?.empty?.description
117
+ });
118
+ return;
119
+ }
120
+ if (i[i.length - 1].items.some((l) => l.value === c.trim())) {
121
+ w.error(n?.add?.title, {
122
+ description: n?.add?.description
123
+ });
124
+ return;
125
+ }
126
+ const m = {
127
+ value: c.trim(),
128
+ label: c.trim(),
129
+ checked: !1
130
+ }, t = i.map((l, u) => u === i.length - 1 ? {
131
+ ...l,
132
+ items: [...l.items, m]
133
+ } : l);
134
+ p(t), x(""), v();
135
+ }, [
136
+ c,
137
+ i,
138
+ p,
139
+ v,
140
+ n?.empty?.title,
141
+ n?.empty?.description,
142
+ n?.add?.title,
143
+ n?.add?.description
144
+ ]), L = a((e) => {
145
+ const o = e.target.value;
146
+ x(o);
147
+ }, []);
148
+ return /* @__PURE__ */ s(
149
+ "div",
150
+ {
151
+ className: "border-delicate-border flex h-full max-w-200 flex-col rounded-xl border",
152
+ children: [
153
+ /* @__PURE__ */ r("div", { className: "bg-primary-bg rounded-t-xl px-8 py-6", children: /* @__PURE__ */ s("div", { className: "flex items-center gap-4", children: [
154
+ /* @__PURE__ */ r(
155
+ k,
156
+ {
157
+ id: "all",
158
+ checked: S,
159
+ onCheckedChange: V
160
+ }
161
+ ),
162
+ /* @__PURE__ */ r(C, { htmlFor: "all", children: /* @__PURE__ */ r(
163
+ d,
164
+ {
165
+ variant: "body-lg-semibold",
166
+ className: "text-primary-text",
167
+ children: D
168
+ }
169
+ ) })
170
+ ] }) }),
171
+ /* @__PURE__ */ r(
172
+ "div",
173
+ {
174
+ ref: h,
175
+ className: "bg-secondary-bg flex min-h-0 flex-1 flex-col gap-2 overflow-y-auto",
176
+ children: i.map(({ id: e, name: o, items: m }) => /* @__PURE__ */ s(B, { children: [
177
+ /* @__PURE__ */ r(
178
+ "div",
179
+ {
180
+ className: `bg-tertiary-bg border-delicate-border border-t border-b px-8
181
+ py-2`,
182
+ children: /* @__PURE__ */ r(
183
+ d,
184
+ {
185
+ variant: "body-sm-medium",
186
+ className: "text-primary-text",
187
+ children: o
188
+ }
189
+ )
190
+ }
191
+ ),
192
+ m.length > 0 ? m.map(({ value: t, label: l, checked: u }, _) => {
193
+ const j = _ === m.length - 1;
194
+ return /* @__PURE__ */ r(
195
+ "div",
196
+ {
197
+ className: G(`${j && "mb-2"}`),
198
+ children: /* @__PURE__ */ s(
199
+ "div",
200
+ {
201
+ className: `bg-primary-bg hover:bg-primary-hover-bg flex
202
+ justify-between px-8 py-4`,
203
+ children: [
204
+ /* @__PURE__ */ s("div", { className: "flex items-center gap-4", children: [
205
+ /* @__PURE__ */ r(
206
+ k,
207
+ {
208
+ id: `checkbox-${t}`,
209
+ checked: u,
210
+ onCheckedChange: () => E(e, t)
211
+ }
212
+ ),
213
+ /* @__PURE__ */ r(C, { htmlFor: `checkbox-${t}`, children: /* @__PURE__ */ r(
214
+ d,
215
+ {
216
+ variant: "body-md-regular",
217
+ className: "text-primary-text",
218
+ children: l
219
+ }
220
+ ) })
221
+ ] }),
222
+ /* @__PURE__ */ r(
223
+ f,
224
+ {
225
+ variant: "circleGhost",
226
+ onClick: () => I(e, t),
227
+ children: /* @__PURE__ */ r(
228
+ b,
229
+ {
230
+ type: "x",
231
+ className: "text-secondary-text cursor-pointer"
232
+ }
233
+ )
234
+ }
235
+ )
236
+ ]
237
+ }
238
+ )
239
+ },
240
+ t
241
+ );
242
+ }) : null,
243
+ m.length === 0 && /* @__PURE__ */ r(d, { className: "px-8 py-4 text-center", children: O })
244
+ ] }, e))
245
+ }
246
+ ),
247
+ F ? /* @__PURE__ */ r(
248
+ z,
249
+ {
250
+ value: c,
251
+ onChange: L,
252
+ placeholder: "Написать свой пункт",
253
+ classes: {
254
+ fieldset: "flex-none! overflow-hidden"
255
+ },
256
+ onKeyDown: (e) => {
257
+ e.key === "Enter" && (e.preventDefault(), g());
258
+ },
259
+ date: [
260
+ {
261
+ id: 0,
262
+ position: "inline-end",
263
+ component: /* @__PURE__ */ r(
264
+ f,
265
+ {
266
+ variant: "circleGhost",
267
+ onClick: g,
268
+ children: /* @__PURE__ */ r(
269
+ b,
270
+ {
271
+ type: "x-circle",
272
+ className: "text-secondary-text rotate-45"
273
+ }
274
+ )
275
+ }
276
+ )
277
+ }
278
+ ]
279
+ }
280
+ ) : /* @__PURE__ */ s(
281
+ f,
282
+ {
283
+ variant: "secondary",
284
+ className: "border-delicate-border w-full overflow-hidden border-t",
285
+ onClick: M,
286
+ children: [
287
+ /* @__PURE__ */ r(d, { children: A }),
288
+ /* @__PURE__ */ r(
289
+ b,
290
+ {
291
+ type: "plus",
292
+ size: "small",
293
+ className: "text-primary-text"
294
+ }
295
+ )
296
+ ]
297
+ }
298
+ )
299
+ ]
300
+ }
301
+ );
302
+ };
303
+ export {
304
+ ot as CheckboxGroup
305
+ };
306
+ //# sourceMappingURL=components-checkbox-group-checkbox-group.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"components-checkbox-group-checkbox-group.js","sources":["../src/components/checkbox-group/checkbox-group.tsx"],"sourcesContent":["import {\n Button,\n Checkbox,\n cn,\n Icon,\n InputField,\n Label,\n sonner,\n Typography,\n usePopupControls,\n} from \"@/index\";\nimport { useCallback, useMemo, useRef, useState, type ChangeEvent } from \"react\";\nimport { Fragment } from \"react/jsx-runtime\";\n\ntype CheckboxGroupOptionItem = {\n value: string;\n label: string;\n checked: boolean;\n};\n\ntype CheckboxGroupOption = {\n id: number;\n name: string;\n items: CheckboxGroupOptionItem[];\n};\n\ntype Props = {\n data: CheckboxGroupOption[];\n onChange: (values: CheckboxGroupOption[]) => void;\n errTexts?: {\n add?: {\n title?: string;\n description?: string;\n };\n empty?: {\n title?: string;\n description?: string;\n };\n };\n label?: string;\n dataEmpty?: string;\n btnAddText?: string;\n};\n\nconst DEFAULT_MS_SCROLL_TO_BOTTOM = 50;\n\nexport const CheckboxGroup = ({\n data,\n errTexts,\n label = \"Нужно проверить для расчета\",\n dataEmpty = \"Нет данных\",\n btnAddText = \"Добавить свой пункт\",\n onChange,\n}: Props) => {\n const scrollContainerRef = useRef<HTMLDivElement>(null);\n\n const { isOpened, openPopup: openAdd } = usePopupControls();\n const [value, setValue] = useState(\"\");\n\n const allValues = useMemo(() => {\n return data.flatMap((values) => values.items.map((item) => item.value));\n }, [data]);\n\n const selectedValues = useMemo(() => {\n return data.flatMap((values) =>\n values.items.filter((item) => item.checked).map((item) => item.value),\n );\n }, [data]);\n\n const isAllSelected =\n selectedValues.length === allValues.length && allValues.length > 0;\n\n const scrollToBottom = useCallback(() => {\n setTimeout(() => {\n if (scrollContainerRef.current) {\n scrollContainerRef.current.scrollTo({\n top: scrollContainerRef.current.scrollHeight,\n behavior: \"smooth\",\n });\n }\n }, DEFAULT_MS_SCROLL_TO_BOTTOM);\n }, []);\n\n const handleSelectAll = (checked: boolean) => {\n const newData = data.map((values) => ({\n ...values,\n items: values.items.map((item) => ({\n ...item,\n checked,\n })),\n }));\n onChange(newData);\n };\n\n const handleCheckboxChange = useCallback(\n (categoryId: number, itemValue: string) => {\n const newData = data.map((category) => {\n if (category.id !== categoryId) return category;\n return {\n ...category,\n items: category.items.map((item) =>\n item.value === itemValue ? { ...item, checked: !item.checked } : item,\n ),\n };\n });\n onChange(newData);\n },\n [data, onChange],\n );\n\n const handleOptionDelete = useCallback(\n (categoryId: number, itemValue: string) => {\n const newData = data.map((category) => {\n if (category.id !== categoryId) return category;\n return {\n ...category,\n items: category.items.filter((item) => item.value !== itemValue),\n };\n });\n onChange(newData);\n },\n [data, onChange],\n );\n\n const handleAddOption = useCallback(() => {\n if (value.trim().length === 0) {\n sonner.error(errTexts?.empty?.title, {\n description: errTexts?.empty?.description,\n });\n return;\n }\n\n const lastCategory = data[data.length - 1];\n\n const isExist = lastCategory.items.some((item) => item.value === value.trim());\n\n if (isExist) {\n sonner.error(errTexts?.add?.title, {\n description: errTexts?.add?.description,\n });\n return;\n }\n\n const newItem: CheckboxGroupOptionItem = {\n value: value.trim(),\n label: value.trim(),\n checked: false,\n };\n\n const newData = data.map((values, index) => {\n if (index === data.length - 1) {\n return {\n ...values,\n items: [...values.items, newItem],\n };\n }\n return values;\n });\n\n onChange(newData);\n setValue(\"\");\n scrollToBottom();\n }, [\n value,\n data,\n onChange,\n scrollToBottom,\n errTexts?.empty?.title,\n errTexts?.empty?.description,\n errTexts?.add?.title,\n errTexts?.add?.description,\n ]);\n\n const handleChangeValue = useCallback((e: ChangeEvent<HTMLInputElement>) => {\n const value = e.target.value;\n setValue(value);\n }, []);\n\n return (\n <div\n className=\"border-delicate-border flex h-full max-w-200 flex-col rounded-xl border\"\n >\n <div className=\"bg-primary-bg rounded-t-xl px-8 py-6\">\n <div className=\"flex items-center gap-4\">\n <Checkbox\n id=\"all\"\n checked={isAllSelected}\n onCheckedChange={handleSelectAll}\n />\n <Label htmlFor=\"all\">\n <Typography\n variant=\"body-lg-semibold\"\n className=\"text-primary-text\"\n >\n {label}\n </Typography>\n </Label>\n </div>\n </div>\n\n <div\n ref={scrollContainerRef}\n className=\"bg-secondary-bg flex min-h-0 flex-1 flex-col gap-2 overflow-y-auto\"\n >\n {data.map(({ id, name, items }) => {\n return (\n <Fragment key={id}>\n <div\n className=\"bg-tertiary-bg border-delicate-border border-t border-b px-8\n py-2\"\n >\n <Typography\n variant=\"body-sm-medium\"\n className=\"text-primary-text\"\n >\n {name}\n </Typography>\n </div>\n\n {items.length > 0\n ? items.map(({ value, label, checked }, index) => {\n const lastItem = index === items.length - 1;\n\n return (\n <div\n key={value}\n className={cn(`${lastItem && \"mb-2\"}`)}\n >\n <div\n className=\"bg-primary-bg hover:bg-primary-hover-bg flex\n justify-between px-8 py-4\"\n >\n <div className=\"flex items-center gap-4\">\n <Checkbox\n id={`checkbox-${value}`}\n checked={checked}\n onCheckedChange={() => handleCheckboxChange(id, value)}\n />\n <Label htmlFor={`checkbox-${value}`}>\n <Typography\n variant=\"body-md-regular\"\n className=\"text-primary-text\"\n >\n {label}\n </Typography>\n </Label>\n </div>\n\n <Button\n variant=\"circleGhost\"\n onClick={() => handleOptionDelete(id, value)}\n >\n <Icon\n type=\"x\"\n className=\"text-secondary-text cursor-pointer\"\n />\n </Button>\n </div>\n </div>\n );\n })\n : null}\n {items.length === 0 && (\n <Typography className=\"px-8 py-4 text-center\">{dataEmpty}</Typography>\n )}\n </Fragment>\n );\n })}\n </div>\n\n {isOpened ? (\n <InputField\n value={value}\n onChange={handleChangeValue}\n placeholder=\"Написать свой пункт\"\n classes={{\n fieldset: \"flex-none! overflow-hidden\",\n }}\n onKeyDown={(e) => {\n if (e.key === \"Enter\") {\n e.preventDefault();\n handleAddOption();\n }\n }}\n date={[\n {\n id: 0,\n position: \"inline-end\",\n component: (\n <Button\n variant=\"circleGhost\"\n onClick={handleAddOption}\n >\n <Icon\n type=\"x-circle\"\n className=\"text-secondary-text rotate-45\"\n />\n </Button>\n ),\n },\n ]}\n />\n ) : (\n <Button\n variant=\"secondary\"\n className=\"border-delicate-border w-full overflow-hidden border-t\"\n onClick={openAdd}\n >\n <Typography>{btnAddText}</Typography>\n <Icon\n type=\"plus\"\n size=\"small\"\n className=\"text-primary-text\"\n />\n </Button>\n )}\n </div>\n );\n};\n\nexport type { CheckboxGroupOption, CheckboxGroupOptionItem, Props as CheckboxGroupProps };\n"],"names":["DEFAULT_MS_SCROLL_TO_BOTTOM","CheckboxGroup","data","errTexts","label","dataEmpty","btnAddText","onChange","scrollContainerRef","useRef","isOpened","openAdd","usePopupControls","value","setValue","useState","allValues","useMemo","values","item","isAllSelected","scrollToBottom","useCallback","handleSelectAll","checked","newData","handleCheckboxChange","categoryId","itemValue","category","handleOptionDelete","handleAddOption","sonner","newItem","index","handleChangeValue","jsxs","jsx","Checkbox","Label","Typography","id","name","items","Fragment","lastItem","cn","Button","Icon","InputField"],"mappings":"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"}
@@ -0,0 +1,2 @@
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("./components-checkbox-group-checkbox-group.cjs");exports.CheckboxGroup=o.CheckboxGroup;
2
+ //# sourceMappingURL=components-checkbox-group.cjs.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"components-checkbox-group.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}
@@ -0,0 +1,5 @@
1
+ import { CheckboxGroup as e } from "./components-checkbox-group-checkbox-group.js";
2
+ export {
3
+ e as CheckboxGroup
4
+ };
5
+ //# sourceMappingURL=components-checkbox-group.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"components-checkbox-group.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}
@@ -1,8 +1,8 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react/jsx-runtime"),p=require("./lib-utils.cjs"),A=require("react"),K=require("./index-DJD-8LQA.cjs"),V=require("phosphor-strokes-icons/icons/Plus"),H=require("phosphor-strokes-icons/icons/SpinnerGap"),j=require("./components-icons-stroke-icon.cjs"),J=require("phosphor-strokes-icons/icons/X"),M=require("./components-ui-typography-typography.cjs");require("./components-ui-typography-typography.styles.cjs");const Q=["B","KB","MB","GB","TB"],x=1024,W=5*x*x,Y=5,ee=["all"],te=800,re={image:{"image/*":[".jpg",".jpeg",".png",".webp"]},pdf:{"application/pdf":[".pdf"]},doc:{"application/msword":[".doc"],"application/vnd.openxmlformats-officedocument.wordprocessingml.document":[".docx"]},excel:{"application/vnd.ms-excel":[".xls"],"application/vnd.openxmlformats-officedocument.spreadsheetml.sheet":[".xlsx"]},text:{"text/plain":[".txt"]},all:{}},se=e=>{if(!e)return"0 B";const t=Math.floor(Math.log(e)/Math.log(x));return`${(e/Math.pow(x,t)).toFixed(2)} ${Q[t]}`},v=e=>`${e.name}:${e.size}`,oe=e=>e.reduce((t,o)=>({...t,...re[o]}),{}),ne=(e,t)=>{const o=e.filter(n=>n.status==="uploaded"),c=e.filter(n=>n.status==="error"),a=Math.max(0,t-o.length);return[...o,...c.slice(0,a)]},S=(e,t,o)=>({url:URL.createObjectURL(e),name:e.name,size:se(e.size),addedAt:new Date().toISOString(),status:t,error:o}),ce=e=>e==="file-too-large"?"Файл слишком большой":"Неподдерживаемый формат",le=(e,t,o)=>{const c=new Set(o.map(v)),a=new Set(t.map(v));return e.filter(n=>{if(n.status!=="error")return!0;const g=v(n);return!c.has(g)&&!a.has(g)})},ie=e=>{const t=e.name.split(".").pop()?.toLowerCase();return t?["jpg","jpeg","png","webp"].includes(t)?"image":t==="pdf"?"pdf":["doc","docx"].includes(t)?"doc":["xls","xlsx"].includes(t)?"excel":t==="txt"?"text":"other":"other"},ae=({value:e=[],onChange:t,multiple:o=!1,maxFiles:c=Y,disabled:a=!1,className:n,maxSize:g=W,variant:h="grid",accepts:U=ee,icon:q,title:w,text:F,showFiles:L=!0,isErrorText:$=!1})=>{const[b,I]=A.useState(!1),[_,E]=A.useState(null),m=e,y=m.filter(r=>r.status==="uploaded").length,N=(r,l)=>{E(null);const u=Math.max(0,c-y),f=r.slice(0,u),X=r.slice(u),d=[...l.map(i=>S(i.file,"error",ce(i.errors[0]?.code))),...X.map(i=>S(i,"error",`Максимальное количество файлов: ${c}`))];d.length&&E(d[0].error||"Ошибка загрузки"),!(!f.length&&!d.length)&&(I(!0),setTimeout(()=>{const i=f.map(Z=>S(Z,"uploaded")),G=le(m,i,d),T=o?ne([...G,...i,...d],c):[...i,...d].slice(0,1);t?.(T.length?T:[]),I(!1)},te))},{getRootProps:D,getInputProps:B,isDragActive:C}=K.useDropzone({onDrop:N,accept:oe(U),maxSize:g,multiple:o&&c>1,disabled:a||b}),P=r=>()=>{const l=m.filter((u,f)=>f!==r);t?.(l.length?l:[])},R=m.map((r,l)=>({file:r,index:l})).filter(({file:r})=>r.status==="uploaded"),k=y>=c,z=q??V.Plus,O={grid:"grid-cols-2 sm:grid-cols-3 md:grid-cols-4",list:"grid-cols-1",compact:"grid-cols-2 sm:grid-cols-3"};return s.jsxs("div",{className:p.cn("w-full space-y-4",n?.container),children:[s.jsxs("div",{className:p.cn("grid h-full w-full gap-4",h==="list"?"grid-cols-1":O[h]),children:[L&&R.map(({file:r,index:l})=>{const u=ie(r);return s.jsxs("div",{className:`group bg-primary-bg relative aspect-square h-full w-full
2
- overflow-hidden rounded-lg`,children:[u==="image"?s.jsx("img",{src:r.url,className:"h-full w-full object-cover"}):s.jsx("div",{className:`flex h-full w-full items-center justify-center bg-gray-100
3
- text-sm font-semibold`,children:r.name.split(".").pop()?.toUpperCase()}),s.jsx("div",{className:`bg-primary-inverse-bg/50 text-primary-bg absolute inset-0
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react/jsx-runtime"),p=require("./lib-utils.cjs"),U=require("react"),V=require("./index-DJD-8LQA.cjs"),H=require("phosphor-strokes-icons/icons/Plus"),J=require("phosphor-strokes-icons/icons/SpinnerGap"),v=require("./components-icons-stroke-icon.cjs"),Q=require("phosphor-strokes-icons/icons/X"),q=require("./components-ui-typography-typography.cjs");require("./components-ui-typography-typography.styles.cjs");const W=["B","KB","MB","GB","TB"],f=1024,Y=5*f*f,ee=5,te=["all"],re=800,se={image:{"image/*":[".jpg",".jpeg",".png",".webp"]},pdf:{"application/pdf":[".pdf"]},doc:{"application/msword":[".doc"],"application/vnd.openxmlformats-officedocument.wordprocessingml.document":[".docx"]},excel:{"application/vnd.ms-excel":[".xls"],"application/vnd.openxmlformats-officedocument.spreadsheetml.sheet":[".xlsx"]},text:{"text/plain":[".txt"]},all:{}},oe=e=>{if(!e)return"0 B";const t=Math.floor(Math.log(e)/Math.log(f));return`${(e/Math.pow(f,t)).toFixed(2)} ${W[t]}`},S=e=>`${e.name}:${e.size}`,ne=e=>e.reduce((t,o)=>({...t,...se[o]}),{}),ce=(e,t)=>{const o=e.filter(n=>n.status==="uploaded"),c=e.filter(n=>n.status==="error"),a=Math.max(0,t-o.length);return[...o,...c.slice(0,a)]},F=(e,t,o)=>({url:URL.createObjectURL(e),name:e.name,size:oe(e.size),addedAt:new Date().toISOString(),status:t,error:o}),le=e=>e==="file-too-large"?"Файл слишком большой":"Неподдерживаемый формат",ie=(e,t,o)=>{const c=new Set(o.map(S)),a=new Set(t.map(S));return e.filter(n=>{if(n.status!=="error")return!0;const g=S(n);return!c.has(g)&&!a.has(g)})},ae=e=>{const t=e.name.split(".").pop()?.toLowerCase();return t?["jpg","jpeg","png","webp"].includes(t)?"image":t==="pdf"?"pdf":["doc","docx"].includes(t)?"doc":["xls","xlsx"].includes(t)?"excel":t==="txt"?"text":"other":"other"},de=({value:e=[],onChange:t,multiple:o=!1,maxFiles:c=ee,disabled:a=!1,className:n,maxSize:g=Y,variant:h="grid",accepts:L=te,icon:$,title:w,text:I,showFiles:_=!0,isErrorText:D=!1})=>{const[b,E]=U.useState(!1),[T,A]=U.useState(null),m=e,j=m.filter(r=>r.status==="uploaded").length,N=(r,l)=>{A(null);const u=Math.max(0,c-j),x=r.slice(0,u),G=r.slice(u),d=[...l.map(i=>F(i.file,"error",le(i.errors[0]?.code))),...G.map(i=>F(i,"error",`Максимальное количество файлов: ${c}`))];d.length&&A(d[0].error||"Ошибка загрузки"),!(!x.length&&!d.length)&&(E(!0),setTimeout(()=>{const i=x.map(K=>F(K,"uploaded")),Z=ie(m,i,d),M=o?ce([...Z,...i,...d],c):[...i,...d].slice(0,1);t?.(M.length?M:[]),E(!1)},re))},{getRootProps:B,getInputProps:C,isDragActive:P}=V.useDropzone({onDrop:N,accept:ne(L),maxSize:g,multiple:o&&c>1,disabled:a||b}),k=r=>()=>{const l=m.filter((u,x)=>x!==r);t?.(l.length?l:[])},R=m.map((r,l)=>({file:r,index:l})).filter(({file:r})=>r.status==="uploaded"),y=j>=c,z=$??H.Plus,O={grid:"grid-cols-2 sm:grid-cols-3 md:grid-cols-4",list:"grid-cols-1",compact:"grid-cols-2 sm:grid-cols-3"},X=!(y&&_);return s.jsxs("div",{className:p.cn("w-full space-y-4",n?.container),children:[s.jsxs("div",{className:p.cn("grid h-full w-full gap-4",h==="list"?"grid-cols-1":O[h]),children:[_&&R.map(({file:r,index:l})=>{const u=ae(r);return s.jsxs("div",{className:`group bg-primary-bg relative aspect-square h-full w-full
2
+ overflow-hidden rounded-lg`,children:[u==="image"?s.jsx("img",{src:r.url,className:"h-full w-full object-cover"}):s.jsx("div",{className:`bg-tertiary-bg flex h-full w-full items-center
3
+ justify-center text-sm font-semibold`,children:r.name.split(".").pop()?.toUpperCase()}),s.jsx("div",{className:`bg-primary-inverse-bg/50 text-primary-bg absolute inset-0
4
4
  flex items-center justify-center opacity-0 transition-opacity
5
- hover:opacity-100`,children:s.jsx(j.StrokeIcon,{onClick:P(l),icon:J.X})})]},`${r.url}-${r.addedAt}-${l}`)}),!k&&s.jsxs("div",{...D(),className:p.cn(`relative flex cursor-pointer flex-col items-center justify-center
6
- rounded-lg border-2 border-dashed border-gray-300 bg-gray-50
7
- transition-colors hover:bg-gray-100`,C&&"border-primary bg-primary/5",(a||b)&&"cursor-not-allowed opacity-50",h==="list"?"min-h-37.5":"aspect-square",n?.blockAdd),children:[s.jsx("input",{...B()}),b?s.jsx(j.StrokeIcon,{icon:H.SpinnerGap,className:"text-sub-label-text h-8 w-8 animate-spin"}):s.jsxs("div",{className:"flex flex-col items-center space-y-2 p-4 text-center",children:[s.jsx(j.StrokeIcon,{icon:z,className:p.cn("text-sub-label-text h-8 w-8",n?.icon)}),s.jsx(M.Typography,{className:p.cn("text-sub-label-text",n?.title),children:o?`${w||"Добавить"} (${y}/${c})`:w||"Добавить"}),F&&s.jsx(M.Typography,{className:p.cn("text-sub-label-text",n?.text),children:F})]})]})]}),!$&&_&&s.jsx("div",{className:"rounded-lg bg-red-50 p-3 text-sm text-red-600",children:_})]})};exports.FilesUploader=ae;
5
+ hover:opacity-100`,children:s.jsx(v.StrokeIcon,{onClick:k(l),icon:Q.X})})]},`${r.url}-${r.addedAt}-${l}`)}),X&&s.jsxs("div",{...B(),className:p.cn(`border-delicate-border bg-secondary-bg hover:bg-tertiary-bg relative flex
6
+ cursor-pointer flex-col items-center justify-center rounded-lg border-2
7
+ border-dashed transition-colors`,P&&"border-primary bg-primary/5",h==="list"?"min-h-37.5":"aspect-square",n?.blockAdd,(a||b||y)&&"bg-disabled-bg text-disabled-text cursor-default hover:bg-none"),children:[s.jsx("input",{disabled:y,...C()}),b?s.jsx(v.StrokeIcon,{icon:J.SpinnerGap,className:"text-sub-label-text h-8 w-8 animate-spin"}):s.jsxs("div",{className:"flex flex-col items-center space-y-2 p-4 text-center",children:[s.jsx(v.StrokeIcon,{icon:z,className:p.cn("text-sub-label-text h-8 w-8",n?.icon)}),s.jsx(q.Typography,{className:p.cn("text-sub-label-text",n?.title),children:o?`${w||"Добавить"} (${j}/${c})`:w||"Добавить"}),I&&s.jsx(q.Typography,{className:p.cn("text-sub-label-text",n?.text),children:I})]})]})]}),!D&&T&&s.jsx("div",{className:"bg-error-bg text-error-text rounded-lg p-3 text-sm",children:T})]})};exports.FilesUploader=de;
8
8
  //# sourceMappingURL=components-files-uploader-files-uploader.cjs.map
@@ -1 +1 @@
1
- {"version":3,"file":"components-files-uploader-files-uploader.cjs","sources":["../src/components/files-uploader/files-uploader.tsx"],"sourcesContent":["import { cn } from \"@/lib/utils\";\nimport { useState } from \"react\";\nimport { type FileRejection, useDropzone } from \"react-dropzone\";\nimport { Plus } from \"@/components/icons/Plus\";\nimport { SpinnerGap } from \"@/components/icons/SpinnerGap\";\nimport { StrokeIcon, type StrokeIconComponent } from \"@/components/icons/stroke-icon\";\nimport { X } from \"@/components/icons/X\";\nimport { Typography } from \"../ui/typography\";\n\ntype Variant = \"grid\" | \"list\" | \"compact\";\ntype AcceptType = \"image\" | \"pdf\" | \"doc\" | \"excel\" | \"text\" | \"all\";\n\nexport type UploadedFileData = {\n url: string;\n name: string;\n size: string;\n addedAt: string;\n status: \"uploaded\" | \"error\";\n error?: string;\n};\n\nexport type FilesUploaderValue = UploadedFileData[] | [];\n\nexport type PropsFilesUploader = {\n value?: FilesUploaderValue;\n onChange?: (value: FilesUploaderValue) => void;\n multiple?: boolean;\n maxFiles?: number;\n disabled?: boolean;\n isErrorText?: boolean;\n className?: {\n container?: string;\n blockAdd?: string;\n title?: string;\n text?: string;\n icon?: string;\n };\n maxSize?: number;\n variant?: Variant;\n accepts?: AcceptType[];\n icon?: StrokeIconComponent;\n title?: string;\n text?: string;\n showFiles?: boolean;\n};\n\nconst FILE_SIZE_UNITS = [\"B\", \"KB\", \"MB\", \"GB\", \"TB\"];\nconst FILE_SIZE_KB = 1024;\n\nconst DEFAULT_MAX_SIZE = 5 * FILE_SIZE_KB * FILE_SIZE_KB;\nconst DEFAULT_MAX_FILES = 5;\nconst DEFAULT_ACCEPT: AcceptType[] = [\"all\"];\nconst DEFAULT_TIMEOUT = 800;\n\nconst ACCEPT_MAP: Record<AcceptType, Record<string, string[]>> = {\n image: { \"image/*\": [\".jpg\", \".jpeg\", \".png\", \".webp\"] },\n pdf: { \"application/pdf\": [\".pdf\"] },\n doc: {\n \"application/msword\": [\".doc\"],\n \"application/vnd.openxmlformats-officedocument.wordprocessingml.document\": [\".docx\"],\n },\n excel: {\n \"application/vnd.ms-excel\": [\".xls\"],\n \"application/vnd.openxmlformats-officedocument.spreadsheetml.sheet\": [\".xlsx\"],\n },\n text: { \"text/plain\": [\".txt\"] },\n all: {},\n};\n\nconst formatFileSize = (bytes: number) => {\n if (!bytes) return \"0 B\";\n const i = Math.floor(Math.log(bytes) / Math.log(FILE_SIZE_KB));\n return `${(bytes / Math.pow(FILE_SIZE_KB, i)).toFixed(2)} ${FILE_SIZE_UNITS[i]}`;\n};\n\nconst getFileIdentity = (file: Pick<UploadedFileData, \"name\" | \"size\">) =>\n `${file.name}:${file.size}`;\n\nconst fileAcceptMap = (accepts: AcceptType[]) =>\n accepts.reduce((acc, t) => ({ ...acc, ...ACCEPT_MAP[t] }), {});\n\nconst limitFilesForValue = (\n nextFiles: UploadedFileData[],\n maxFiles: number,\n): UploadedFileData[] => {\n const uploadedFiles = nextFiles.filter((file) => file.status === \"uploaded\");\n const errorFiles = nextFiles.filter((file) => file.status === \"error\");\n const availableErrorSlots = Math.max(0, maxFiles - uploadedFiles.length);\n\n return [...uploadedFiles, ...errorFiles.slice(0, availableErrorSlots)];\n};\n\nconst mapFile = (\n file: File,\n status: UploadedFileData[\"status\"],\n error?: string,\n): UploadedFileData => ({\n url: URL.createObjectURL(file),\n name: file.name,\n size: formatFileSize(file.size),\n addedAt: new Date().toISOString(),\n status,\n error,\n});\n\nconst getRejectedError = (code?: string) =>\n code === \"file-too-large\" ? \"Файл слишком большой\" : \"Неподдерживаемый формат\";\n\nconst replaceDuplicateErrors = (\n currentFiles: UploadedFileData[],\n newFiles: UploadedFileData[],\n rejectedFiles: UploadedFileData[],\n) => {\n const rejectedFileIds = new Set(rejectedFiles.map(getFileIdentity));\n const acceptedFileIds = new Set(newFiles.map(getFileIdentity));\n\n return currentFiles.filter((existingFile) => {\n if (existingFile.status !== \"error\") return true;\n const id = getFileIdentity(existingFile);\n return !rejectedFileIds.has(id) && !acceptedFileIds.has(id);\n });\n};\n\nconst getFileType = (file: UploadedFileData) => {\n const ext = file.name.split(\".\").pop()?.toLowerCase();\n\n if (!ext) return \"other\";\n if ([\"jpg\", \"jpeg\", \"png\", \"webp\"].includes(ext)) return \"image\";\n if (ext === \"pdf\") return \"pdf\";\n if ([\"doc\", \"docx\"].includes(ext)) return \"doc\";\n if ([\"xls\", \"xlsx\"].includes(ext)) return \"excel\";\n if (ext === \"txt\") return \"text\";\n\n return \"other\";\n};\n\nexport const FilesUploader = ({\n value = [],\n onChange,\n multiple = false,\n maxFiles = DEFAULT_MAX_FILES,\n disabled = false,\n className,\n maxSize = DEFAULT_MAX_SIZE,\n variant = \"grid\",\n accepts = DEFAULT_ACCEPT,\n icon,\n title,\n text,\n showFiles = true,\n isErrorText = false,\n}: PropsFilesUploader) => {\n const [loading, setLoading] = useState(false);\n const [error, setError] = useState<string | null>(null);\n\n const files = value;\n const uploadedCount = files.filter((file) => file.status === \"uploaded\").length;\n\n const onDrop = (acceptedFiles: File[], rejectedFiles: FileRejection[]) => {\n setError(null);\n const remainingUploadSlots = Math.max(0, maxFiles - uploadedCount);\n const acceptedFilesToUpload = acceptedFiles.slice(0, remainingUploadSlots);\n const overflowAcceptedFiles = acceptedFiles.slice(remainingUploadSlots);\n\n const rejectedMapped = [\n ...rejectedFiles.map((rejection) =>\n mapFile(rejection.file, \"error\", getRejectedError(rejection.errors[0]?.code)),\n ),\n ...overflowAcceptedFiles.map((file) =>\n mapFile(file, \"error\", `Максимальное количество файлов: ${maxFiles}`),\n ),\n ];\n\n if (rejectedMapped.length) {\n setError(rejectedMapped[0].error || \"Ошибка загрузки\");\n }\n\n if (!acceptedFilesToUpload.length && !rejectedMapped.length) return;\n\n setLoading(true);\n\n setTimeout(() => {\n const newFiles = acceptedFilesToUpload.map((file) => mapFile(file, \"uploaded\"));\n const nextBaseFiles = replaceDuplicateErrors(files, newFiles, rejectedMapped);\n const nextFiles = multiple\n ? limitFilesForValue([...nextBaseFiles, ...newFiles, ...rejectedMapped], maxFiles)\n : [...newFiles, ...rejectedMapped].slice(0, 1);\n\n onChange?.(nextFiles.length ? nextFiles : []);\n setLoading(false);\n }, DEFAULT_TIMEOUT);\n };\n\n const { getRootProps, getInputProps, isDragActive } = useDropzone({\n onDrop,\n accept: fileAcceptMap(accepts),\n maxSize,\n multiple: multiple && maxFiles > 1,\n disabled: disabled || loading,\n });\n\n const removeFile = (index: number) => () => {\n const updated = files.filter((_, i) => i !== index);\n onChange?.(updated.length ? updated : []);\n };\n\n const uploadedFiles = files\n .map((file, index) => ({ file, index }))\n .filter(({ file }) => file.status === \"uploaded\");\n\n const isMaxFilesReached = uploadedCount >= maxFiles;\n const uploadIcon = icon ?? Plus;\n\n const gridClasses = {\n grid: \"grid-cols-2 sm:grid-cols-3 md:grid-cols-4\",\n list: \"grid-cols-1\",\n compact: \"grid-cols-2 sm:grid-cols-3\",\n };\n\n return (\n <div className={cn(\"w-full space-y-4\", className?.container)}>\n <div\n className={cn(\n \"grid h-full w-full gap-4\",\n variant === \"list\" ? \"grid-cols-1\" : gridClasses[variant],\n )}\n >\n {showFiles &&\n uploadedFiles.map(({ file, index }) => {\n const type = getFileType(file);\n\n return (\n <div\n key={`${file.url}-${file.addedAt}-${index}`}\n className=\"group bg-primary-bg relative aspect-square h-full w-full\n overflow-hidden rounded-lg\"\n >\n {type === \"image\" ? (\n <img\n src={file.url}\n className=\"h-full w-full object-cover\"\n />\n ) : (\n <div\n className=\"flex h-full w-full items-center justify-center bg-gray-100\n text-sm font-semibold\"\n >\n {file.name.split(\".\").pop()?.toUpperCase()}\n </div>\n )}\n\n <div\n className=\"bg-primary-inverse-bg/50 text-primary-bg absolute inset-0\n flex items-center justify-center opacity-0 transition-opacity\n hover:opacity-100\"\n >\n <StrokeIcon\n onClick={removeFile(index)}\n icon={X}\n />\n </div>\n </div>\n );\n })}\n\n {!isMaxFilesReached && (\n <div\n {...getRootProps()}\n className={cn(\n `relative flex cursor-pointer flex-col items-center justify-center\n rounded-lg border-2 border-dashed border-gray-300 bg-gray-50\n transition-colors hover:bg-gray-100`,\n isDragActive && \"border-primary bg-primary/5\",\n (disabled || loading) && \"cursor-not-allowed opacity-50\",\n variant === \"list\" ? \"min-h-37.5\" : \"aspect-square\",\n className?.blockAdd,\n )}\n >\n <input {...getInputProps()} />\n\n {loading ? (\n <StrokeIcon\n icon={SpinnerGap}\n className=\"text-sub-label-text h-8 w-8 animate-spin\"\n />\n ) : (\n <div className=\"flex flex-col items-center space-y-2 p-4 text-center\">\n <StrokeIcon\n icon={uploadIcon}\n className={cn(\"text-sub-label-text h-8 w-8\", className?.icon)}\n />\n\n <Typography className={cn(\"text-sub-label-text\", className?.title)}>\n {multiple\n ? `${title || \"Добавить\"} (${uploadedCount}/${maxFiles})`\n : title || \"Добавить\"}\n </Typography>\n\n {text && (\n <Typography className={cn(\"text-sub-label-text\", className?.text)}>\n {text}\n </Typography>\n )}\n </div>\n )}\n </div>\n )}\n </div>\n\n {!isErrorText && error && (\n <div className=\"rounded-lg bg-red-50 p-3 text-sm text-red-600\">{error}</div>\n )}\n </div>\n );\n};\n"],"names":["FILE_SIZE_UNITS","FILE_SIZE_KB","DEFAULT_MAX_SIZE","DEFAULT_MAX_FILES","DEFAULT_ACCEPT","DEFAULT_TIMEOUT","ACCEPT_MAP","formatFileSize","bytes","i","getFileIdentity","file","fileAcceptMap","accepts","acc","t","limitFilesForValue","nextFiles","maxFiles","uploadedFiles","errorFiles","availableErrorSlots","mapFile","status","error","getRejectedError","code","replaceDuplicateErrors","currentFiles","newFiles","rejectedFiles","rejectedFileIds","acceptedFileIds","existingFile","id","getFileType","ext","FilesUploader","value","onChange","multiple","disabled","className","maxSize","variant","icon","title","text","showFiles","isErrorText","loading","setLoading","useState","setError","files","uploadedCount","onDrop","acceptedFiles","remainingUploadSlots","acceptedFilesToUpload","overflowAcceptedFiles","rejectedMapped","rejection","nextBaseFiles","getRootProps","getInputProps","isDragActive","useDropzone","removeFile","index","updated","_","isMaxFilesReached","uploadIcon","Plus","gridClasses","cn","jsxs","type","jsx","StrokeIcon","X","SpinnerGap","Typography"],"mappings":"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"}
1
+ {"version":3,"file":"components-files-uploader-files-uploader.cjs","sources":["../src/components/files-uploader/files-uploader.tsx"],"sourcesContent":["import { cn } from \"@/lib/utils\";\nimport { useState } from \"react\";\nimport { type FileRejection, useDropzone } from \"react-dropzone\";\nimport { Plus } from \"@/components/icons/Plus\";\nimport { SpinnerGap } from \"@/components/icons/SpinnerGap\";\nimport { StrokeIcon, type StrokeIconComponent } from \"@/components/icons/stroke-icon\";\nimport { X } from \"@/components/icons/X\";\nimport { Typography } from \"../ui/typography\";\n\ntype Variant = \"grid\" | \"list\" | \"compact\";\ntype AcceptType = \"image\" | \"pdf\" | \"doc\" | \"excel\" | \"text\" | \"all\";\n\nexport type UploadedFileData = {\n url: string;\n name: string;\n size: string;\n addedAt: string;\n status: \"uploaded\" | \"error\";\n error?: string;\n};\n\nexport type FilesUploaderValue = UploadedFileData[] | [];\n\nexport type PropsFilesUploader = {\n value?: FilesUploaderValue;\n onChange?: (value: FilesUploaderValue) => void;\n multiple?: boolean;\n maxFiles?: number;\n disabled?: boolean;\n isErrorText?: boolean;\n className?: {\n container?: string;\n blockAdd?: string;\n title?: string;\n text?: string;\n icon?: string;\n };\n maxSize?: number;\n variant?: Variant;\n accepts?: AcceptType[];\n icon?: StrokeIconComponent;\n title?: string;\n text?: string;\n showFiles?: boolean;\n};\n\nconst FILE_SIZE_UNITS = [\"B\", \"KB\", \"MB\", \"GB\", \"TB\"];\nconst FILE_SIZE_KB = 1024;\n\nconst DEFAULT_MAX_SIZE = 5 * FILE_SIZE_KB * FILE_SIZE_KB;\nconst DEFAULT_MAX_FILES = 5;\nconst DEFAULT_ACCEPT: AcceptType[] = [\"all\"];\nconst DEFAULT_TIMEOUT = 800;\n\nconst ACCEPT_MAP: Record<AcceptType, Record<string, string[]>> = {\n image: { \"image/*\": [\".jpg\", \".jpeg\", \".png\", \".webp\"] },\n pdf: { \"application/pdf\": [\".pdf\"] },\n doc: {\n \"application/msword\": [\".doc\"],\n \"application/vnd.openxmlformats-officedocument.wordprocessingml.document\": [\".docx\"],\n },\n excel: {\n \"application/vnd.ms-excel\": [\".xls\"],\n \"application/vnd.openxmlformats-officedocument.spreadsheetml.sheet\": [\".xlsx\"],\n },\n text: { \"text/plain\": [\".txt\"] },\n all: {},\n};\n\nconst formatFileSize = (bytes: number) => {\n if (!bytes) return \"0 B\";\n const i = Math.floor(Math.log(bytes) / Math.log(FILE_SIZE_KB));\n return `${(bytes / Math.pow(FILE_SIZE_KB, i)).toFixed(2)} ${FILE_SIZE_UNITS[i]}`;\n};\n\nconst getFileIdentity = (file: Pick<UploadedFileData, \"name\" | \"size\">) =>\n `${file.name}:${file.size}`;\n\nconst fileAcceptMap = (accepts: AcceptType[]) =>\n accepts.reduce((acc, t) => ({ ...acc, ...ACCEPT_MAP[t] }), {});\n\nconst limitFilesForValue = (\n nextFiles: UploadedFileData[],\n maxFiles: number,\n): UploadedFileData[] => {\n const uploadedFiles = nextFiles.filter((file) => file.status === \"uploaded\");\n const errorFiles = nextFiles.filter((file) => file.status === \"error\");\n const availableErrorSlots = Math.max(0, maxFiles - uploadedFiles.length);\n\n return [...uploadedFiles, ...errorFiles.slice(0, availableErrorSlots)];\n};\n\nconst mapFile = (\n file: File,\n status: UploadedFileData[\"status\"],\n error?: string,\n): UploadedFileData => ({\n url: URL.createObjectURL(file),\n name: file.name,\n size: formatFileSize(file.size),\n addedAt: new Date().toISOString(),\n status,\n error,\n});\n\nconst getRejectedError = (code?: string) =>\n code === \"file-too-large\" ? \"Файл слишком большой\" : \"Неподдерживаемый формат\";\n\nconst replaceDuplicateErrors = (\n currentFiles: UploadedFileData[],\n newFiles: UploadedFileData[],\n rejectedFiles: UploadedFileData[],\n) => {\n const rejectedFileIds = new Set(rejectedFiles.map(getFileIdentity));\n const acceptedFileIds = new Set(newFiles.map(getFileIdentity));\n\n return currentFiles.filter((existingFile) => {\n if (existingFile.status !== \"error\") return true;\n const id = getFileIdentity(existingFile);\n return !rejectedFileIds.has(id) && !acceptedFileIds.has(id);\n });\n};\n\nconst getFileType = (file: UploadedFileData) => {\n const ext = file.name.split(\".\").pop()?.toLowerCase();\n\n if (!ext) return \"other\";\n if ([\"jpg\", \"jpeg\", \"png\", \"webp\"].includes(ext)) return \"image\";\n if (ext === \"pdf\") return \"pdf\";\n if ([\"doc\", \"docx\"].includes(ext)) return \"doc\";\n if ([\"xls\", \"xlsx\"].includes(ext)) return \"excel\";\n if (ext === \"txt\") return \"text\";\n\n return \"other\";\n};\n\nexport const FilesUploader = ({\n value = [],\n onChange,\n multiple = false,\n maxFiles = DEFAULT_MAX_FILES,\n disabled = false,\n className,\n maxSize = DEFAULT_MAX_SIZE,\n variant = \"grid\",\n accepts = DEFAULT_ACCEPT,\n icon,\n title,\n text,\n showFiles = true,\n isErrorText = false,\n}: PropsFilesUploader) => {\n const [loading, setLoading] = useState(false);\n const [error, setError] = useState<string | null>(null);\n\n const files = value;\n const uploadedCount = files.filter((file) => file.status === \"uploaded\").length;\n\n const onDrop = (acceptedFiles: File[], rejectedFiles: FileRejection[]) => {\n setError(null);\n const remainingUploadSlots = Math.max(0, maxFiles - uploadedCount);\n const acceptedFilesToUpload = acceptedFiles.slice(0, remainingUploadSlots);\n const overflowAcceptedFiles = acceptedFiles.slice(remainingUploadSlots);\n\n const rejectedMapped = [\n ...rejectedFiles.map((rejection) =>\n mapFile(rejection.file, \"error\", getRejectedError(rejection.errors[0]?.code)),\n ),\n ...overflowAcceptedFiles.map((file) =>\n mapFile(file, \"error\", `Максимальное количество файлов: ${maxFiles}`),\n ),\n ];\n\n if (rejectedMapped.length) {\n setError(rejectedMapped[0].error || \"Ошибка загрузки\");\n }\n\n if (!acceptedFilesToUpload.length && !rejectedMapped.length) return;\n\n setLoading(true);\n\n setTimeout(() => {\n const newFiles = acceptedFilesToUpload.map((file) => mapFile(file, \"uploaded\"));\n const nextBaseFiles = replaceDuplicateErrors(files, newFiles, rejectedMapped);\n const nextFiles = multiple\n ? limitFilesForValue([...nextBaseFiles, ...newFiles, ...rejectedMapped], maxFiles)\n : [...newFiles, ...rejectedMapped].slice(0, 1);\n\n onChange?.(nextFiles.length ? nextFiles : []);\n setLoading(false);\n }, DEFAULT_TIMEOUT);\n };\n\n const { getRootProps, getInputProps, isDragActive } = useDropzone({\n onDrop,\n accept: fileAcceptMap(accepts),\n maxSize,\n multiple: multiple && maxFiles > 1,\n disabled: disabled || loading,\n });\n\n const removeFile = (index: number) => () => {\n const updated = files.filter((_, i) => i !== index);\n onChange?.(updated.length ? updated : []);\n };\n\n const uploadedFiles = files\n .map((file, index) => ({ file, index }))\n .filter(({ file }) => file.status === \"uploaded\");\n\n const isMaxFilesReached = uploadedCount >= maxFiles;\n const uploadIcon = icon ?? Plus;\n\n const gridClasses = {\n grid: \"grid-cols-2 sm:grid-cols-3 md:grid-cols-4\",\n list: \"grid-cols-1\",\n compact: \"grid-cols-2 sm:grid-cols-3\",\n };\n const isFileDisplayBlocked = !(isMaxFilesReached && showFiles);\n\n return (\n <div className={cn(\"w-full space-y-4\", className?.container)}>\n <div\n className={cn(\n \"grid h-full w-full gap-4\",\n variant === \"list\" ? \"grid-cols-1\" : gridClasses[variant],\n )}\n >\n {showFiles &&\n uploadedFiles.map(({ file, index }) => {\n const type = getFileType(file);\n\n return (\n <div\n key={`${file.url}-${file.addedAt}-${index}`}\n className=\"group bg-primary-bg relative aspect-square h-full w-full\n overflow-hidden rounded-lg\"\n >\n {type === \"image\" ? (\n <img\n src={file.url}\n className=\"h-full w-full object-cover\"\n />\n ) : (\n <div\n className=\"bg-tertiary-bg flex h-full w-full items-center\n justify-center text-sm font-semibold\"\n >\n {file.name.split(\".\").pop()?.toUpperCase()}\n </div>\n )}\n\n <div\n className=\"bg-primary-inverse-bg/50 text-primary-bg absolute inset-0\n flex items-center justify-center opacity-0 transition-opacity\n hover:opacity-100\"\n >\n <StrokeIcon\n onClick={removeFile(index)}\n icon={X}\n />\n </div>\n </div>\n );\n })}\n\n {isFileDisplayBlocked && (\n <div\n {...getRootProps()}\n className={cn(\n `border-delicate-border bg-secondary-bg hover:bg-tertiary-bg relative flex\n cursor-pointer flex-col items-center justify-center rounded-lg border-2\n border-dashed transition-colors`,\n isDragActive && \"border-primary bg-primary/5\",\n variant === \"list\" ? \"min-h-37.5\" : \"aspect-square\",\n className?.blockAdd,\n (disabled || loading || isMaxFilesReached) &&\n \"bg-disabled-bg text-disabled-text cursor-default hover:bg-none\",\n )}\n >\n <input\n disabled={isMaxFilesReached}\n {...getInputProps()}\n />\n\n {loading ? (\n <StrokeIcon\n icon={SpinnerGap}\n className=\"text-sub-label-text h-8 w-8 animate-spin\"\n />\n ) : (\n <div className=\"flex flex-col items-center space-y-2 p-4 text-center\">\n <StrokeIcon\n icon={uploadIcon}\n className={cn(\"text-sub-label-text h-8 w-8\", className?.icon)}\n />\n <Typography className={cn(\"text-sub-label-text\", className?.title)}>\n {multiple\n ? `${title || \"Добавить\"} (${uploadedCount}/${maxFiles})`\n : title || \"Добавить\"}\n </Typography>\n\n {text && (\n <Typography className={cn(\"text-sub-label-text\", className?.text)}>\n {text}\n </Typography>\n )}\n </div>\n )}\n </div>\n )}\n </div>\n\n {!isErrorText && error && (\n <div className=\"bg-error-bg text-error-text rounded-lg p-3 text-sm\">{error}</div>\n )}\n </div>\n );\n};\n"],"names":["FILE_SIZE_UNITS","FILE_SIZE_KB","DEFAULT_MAX_SIZE","DEFAULT_MAX_FILES","DEFAULT_ACCEPT","DEFAULT_TIMEOUT","ACCEPT_MAP","formatFileSize","bytes","i","getFileIdentity","file","fileAcceptMap","accepts","acc","t","limitFilesForValue","nextFiles","maxFiles","uploadedFiles","errorFiles","availableErrorSlots","mapFile","status","error","getRejectedError","code","replaceDuplicateErrors","currentFiles","newFiles","rejectedFiles","rejectedFileIds","acceptedFileIds","existingFile","id","getFileType","ext","FilesUploader","value","onChange","multiple","disabled","className","maxSize","variant","icon","title","text","showFiles","isErrorText","loading","setLoading","useState","setError","files","uploadedCount","onDrop","acceptedFiles","remainingUploadSlots","acceptedFilesToUpload","overflowAcceptedFiles","rejectedMapped","rejection","nextBaseFiles","getRootProps","getInputProps","isDragActive","useDropzone","removeFile","index","updated","_","isMaxFilesReached","uploadIcon","Plus","gridClasses","isFileDisplayBlocked","cn","jsxs","type","jsx","StrokeIcon","X","SpinnerGap","Typography"],"mappings":"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"}