@vkzstudio/muza-ui 1.0.34 → 1.0.35
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/components/DropdownMenu/DropdownMenu.js +11 -11
- package/dist/components/FileUpload/FileItem.d.ts.map +1 -1
- package/dist/components/FileUpload/FileItem.js +13 -17
- package/dist/components/FileUpload/FileUpload.stories.d.ts +1 -0
- package/dist/components/FileUpload/FileUpload.stories.d.ts.map +1 -1
- package/package.json +1 -1
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
import { jsx as e, jsxs as p } from "react/jsx-runtime";
|
|
2
|
-
import * as
|
|
2
|
+
import * as l from "react";
|
|
3
3
|
import * as d from "@radix-ui/react-dropdown-menu";
|
|
4
4
|
import { cva as k } from "class-variance-authority";
|
|
5
|
-
import { Button as
|
|
5
|
+
import { Button as y } from "../Button/Button.js";
|
|
6
6
|
import { cn as i } from "../../utils/cn.js";
|
|
7
7
|
import { Typography as b } from "../Typography/Typography.js";
|
|
8
8
|
import { UnreadOutline as x } from "@solar-icons/react-perf";
|
|
9
|
-
const h =
|
|
9
|
+
const h = l.createContext(null), N = () => l.useContext(h), T = ({ ...o }) => /* @__PURE__ */ e(d.Root, { "data-slot": "dropdown-menu", ...o }), P = ({ ...o }) => /* @__PURE__ */ e(d.Portal, { "data-slot": "dropdown-menu-portal", ...o }), G = ({ ...o }) => /* @__PURE__ */ e(
|
|
10
10
|
d.Trigger,
|
|
11
11
|
{
|
|
12
12
|
"data-slot": "dropdown-menu-trigger",
|
|
@@ -18,14 +18,14 @@ const h = m.createContext(null), y = () => m.useContext(h), T = ({ ...o }) => /*
|
|
|
18
18
|
align: r = "start",
|
|
19
19
|
...n
|
|
20
20
|
}) => {
|
|
21
|
-
const [s, c] =
|
|
22
|
-
return
|
|
23
|
-
const
|
|
21
|
+
const [s, c] = l.useState(!1), a = l.useRef(null);
|
|
22
|
+
return l.useEffect(() => {
|
|
23
|
+
const m = () => {
|
|
24
24
|
if (a.current) {
|
|
25
25
|
const { scrollHeight: g, clientHeight: v } = a.current;
|
|
26
26
|
c(g > v);
|
|
27
27
|
}
|
|
28
|
-
}, u = setTimeout(
|
|
28
|
+
}, u = setTimeout(m, 10), w = new ResizeObserver(m);
|
|
29
29
|
return a.current && w.observe(a.current), () => {
|
|
30
30
|
clearTimeout(u), w.disconnect();
|
|
31
31
|
};
|
|
@@ -132,14 +132,14 @@ const h = m.createContext(null), y = () => m.useContext(h), T = ({ ...o }) => /*
|
|
|
132
132
|
buttonProps: t,
|
|
133
133
|
className: r,
|
|
134
134
|
...n
|
|
135
|
-
}) => /* @__PURE__ */ e("div", { className: "px-lg", children: /* @__PURE__ */ e(
|
|
135
|
+
}) => /* @__PURE__ */ e("div", { className: "my-md px-lg", children: /* @__PURE__ */ e(
|
|
136
136
|
d.Item,
|
|
137
137
|
{
|
|
138
138
|
"data-slot": "dropdown-menu-item",
|
|
139
139
|
asChild: !0,
|
|
140
140
|
...n,
|
|
141
141
|
children: /* @__PURE__ */ e(
|
|
142
|
-
|
|
142
|
+
y,
|
|
143
143
|
{
|
|
144
144
|
fullWidth: !0,
|
|
145
145
|
...t,
|
|
@@ -211,8 +211,8 @@ const h = m.createContext(null), y = () => m.useContext(h), T = ({ ...o }) => /*
|
|
|
211
211
|
onValueChange: t,
|
|
212
212
|
...r
|
|
213
213
|
}
|
|
214
|
-
) }), I =
|
|
215
|
-
const
|
|
214
|
+
) }), I = l.forwardRef(({ className: o, children: t, variant: r, icon: n, value: s, ...c }, a) => {
|
|
215
|
+
const m = N(), u = (m == null ? void 0 : m.value) === s;
|
|
216
216
|
return /* @__PURE__ */ p(
|
|
217
217
|
d.RadioItem,
|
|
218
218
|
{
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FileItem.d.ts","sourceRoot":"","sources":["../../../src/components/FileUpload/FileItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AA8C9B,UAAU,iBAAiB;IACzB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,IAAI,CAAC,EAAE,IAAI,GAAG,MAAM,GAAG,IAAI,CAAA;IAC3B,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACtB,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACvB,sEAAsE;IACtE,aAAa,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC/B,QAAQ,EAAE,MAAM,IAAI,CAAA;IACpB,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,IAAI,CAAC,EAAE,IAAI,KAAK,IAAI,CAAA;CAC/C;AAED,UAAU,iBAAkB,SAAQ,iBAAiB;IACnD,MAAM,EAAE,MAAM,CAAA;IACd,IAAI,EAAE,IAAI,CAAA;CACX;AAED,UAAU,gBAAiB,SAAQ,iBAAiB;IAClD,MAAM,EAAE,KAAK,CAAA;IACb,GAAG,EAAE,MAAM,CAAA;IACX,IAAI,EAAE,MAAM,CAAA;IACZ,IAAI,CAAC,EAAE,MAAM,CAAA;CACd;AAED,KAAK,aAAa,GAAG,iBAAiB,GAAG,gBAAgB,CAAA;
|
|
1
|
+
{"version":3,"file":"FileItem.d.ts","sourceRoot":"","sources":["../../../src/components/FileUpload/FileItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AA8C9B,UAAU,iBAAiB;IACzB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,IAAI,CAAC,EAAE,IAAI,GAAG,MAAM,GAAG,IAAI,CAAA;IAC3B,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACtB,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACvB,sEAAsE;IACtE,aAAa,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC/B,QAAQ,EAAE,MAAM,IAAI,CAAA;IACpB,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,IAAI,CAAC,EAAE,IAAI,KAAK,IAAI,CAAA;CAC/C;AAED,UAAU,iBAAkB,SAAQ,iBAAiB;IACnD,MAAM,EAAE,MAAM,CAAA;IACd,IAAI,EAAE,IAAI,CAAA;CACX;AAED,UAAU,gBAAiB,SAAQ,iBAAiB;IAClD,MAAM,EAAE,KAAK,CAAA;IACb,GAAG,EAAE,MAAM,CAAA;IACX,IAAI,EAAE,MAAM,CAAA;IACZ,IAAI,CAAC,EAAE,MAAM,CAAA;CACd;AAED,KAAK,aAAa,GAAG,iBAAiB,GAAG,gBAAgB,CAAA;AAsEzD,eAAO,MAAM,QAAQ,GAAI,OAAO,aAAa,4CAmO5C,CAAA"}
|
|
@@ -10,9 +10,9 @@ const D = (e, l, i) => {
|
|
|
10
10
|
let n = null, o = null;
|
|
11
11
|
try {
|
|
12
12
|
n = URL.createObjectURL(e), o = document.createElement("a"), o.href = n, o.download = e.name, o.style.display = "none", document.body.appendChild(o), o.click();
|
|
13
|
-
} catch (
|
|
14
|
-
const c =
|
|
15
|
-
console.error("Download failed:",
|
|
13
|
+
} catch (r) {
|
|
14
|
+
const c = r instanceof Error ? r.message : i ?? "Download failed";
|
|
15
|
+
console.error("Download failed:", r), l == null || l(c, e);
|
|
16
16
|
} finally {
|
|
17
17
|
o && document.body.contains(o) && document.body.removeChild(o), n && URL.revokeObjectURL(n);
|
|
18
18
|
}
|
|
@@ -28,26 +28,22 @@ const D = (e, l, i) => {
|
|
|
28
28
|
default: [
|
|
29
29
|
"border-comp-file-upload-stroke-def-def",
|
|
30
30
|
"bg-comp-input-fill-def leading-[140%]",
|
|
31
|
-
"text-comp-file-upload-text-dark-primary"
|
|
32
|
-
"font-medium"
|
|
31
|
+
"text-comp-file-upload-text-dark-primary"
|
|
33
32
|
],
|
|
34
33
|
loading: [
|
|
35
34
|
"border-comp-file-upload-stroke-def-def",
|
|
36
35
|
"bg-comp-input-fill-def leading-[140%]",
|
|
37
|
-
"text-comp-file-upload-text-dark-secondary"
|
|
38
|
-
"font-medium"
|
|
36
|
+
"text-comp-file-upload-text-dark-secondary"
|
|
39
37
|
],
|
|
40
38
|
error: [
|
|
41
39
|
"border-comp-file-upload-stroke-error-def",
|
|
42
40
|
"bg-comp-input-fill-def",
|
|
43
|
-
"text-comp-file-upload-text-dark-primary"
|
|
44
|
-
"font-medium"
|
|
41
|
+
"text-comp-file-upload-text-dark-primary"
|
|
45
42
|
],
|
|
46
43
|
disabled: [
|
|
47
44
|
"border-comp-file-upload-stroke-dashed-disabled",
|
|
48
45
|
"bg-comp-file-upload-fill-disabled",
|
|
49
|
-
"text-comp-file-upload-text-dark-disabled"
|
|
50
|
-
"font-medium"
|
|
46
|
+
"text-comp-file-upload-text-dark-disabled"
|
|
51
47
|
]
|
|
52
48
|
},
|
|
53
49
|
size: {
|
|
@@ -86,17 +82,17 @@ const D = (e, l, i) => {
|
|
|
86
82
|
progress: i,
|
|
87
83
|
size: n,
|
|
88
84
|
disabled: o,
|
|
89
|
-
readOnly:
|
|
85
|
+
readOnly: r = !1,
|
|
90
86
|
note: c,
|
|
91
87
|
error: s,
|
|
92
88
|
secondaryText: g,
|
|
93
89
|
onDelete: y,
|
|
94
90
|
onError: L
|
|
95
|
-
} = e, m = _(), [v, w] = p.useState(!1), N = e.source === "file" ? e.file.name : e.name, b = e.source === "url" ? (e.type ?? "").startsWith("image/") || A.test(e.name) : e.file.type.startsWith("image/"), T = e.source === "url" ? E.includes(e.type ?? "") || z.test(e.name) : E.includes(e.file.type) || z.test(e.file.name),
|
|
91
|
+
} = e, m = _(), [v, w] = p.useState(!1), N = e.source === "file" ? e.file.name : e.name, b = e.source === "url" ? (e.type ?? "").startsWith("image/") || A.test(e.name) : e.file.type.startsWith("image/"), T = e.source === "url" ? E.includes(e.type ?? "") || z.test(e.name) : E.includes(e.file.type) || z.test(e.file.name), d = e.source === "file" ? e.file : e.url, C = p.useMemo(() => o ? "disabled" : s ? "error" : typeof i == "number" && i > 0 ? "loading" : "default", [o, s, i]), x = p.useMemo(() => {
|
|
96
92
|
if (b)
|
|
97
|
-
return typeof
|
|
98
|
-
}, [b,
|
|
99
|
-
return p.useEffect(() => w(!1), [
|
|
93
|
+
return typeof d == "string" ? d : URL.createObjectURL(d);
|
|
94
|
+
}, [b, d]);
|
|
95
|
+
return p.useEffect(() => w(!1), [d]), /* @__PURE__ */ f(U, { gap: "sm", direction: "column", component: "li", children: [
|
|
100
96
|
/* @__PURE__ */ f(
|
|
101
97
|
"div",
|
|
102
98
|
{
|
|
@@ -217,7 +213,7 @@ const D = (e, l, i) => {
|
|
|
217
213
|
children: /* @__PURE__ */ t(I, { className: "size-icon-medium" })
|
|
218
214
|
}
|
|
219
215
|
),
|
|
220
|
-
!
|
|
216
|
+
!r && /* @__PURE__ */ t(
|
|
221
217
|
"button",
|
|
222
218
|
{
|
|
223
219
|
disabled: o,
|
|
@@ -22,5 +22,6 @@ export declare const WithMaxFilesAndPreselected: Story;
|
|
|
22
22
|
export declare const PreselectedUrls: Story;
|
|
23
23
|
export declare const MixedFilesAndUrls: Story;
|
|
24
24
|
export declare const WithSecondaryText: Story;
|
|
25
|
+
export declare const SingleFileImportResult: Story;
|
|
25
26
|
export declare const SingleFileWithUrl: Story;
|
|
26
27
|
//# sourceMappingURL=FileUpload.stories.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FileUpload.stories.d.ts","sourceRoot":"","sources":["../../../src/components/FileUpload/FileUpload.stories.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAA;AAE3D,OAAO,EAAE,UAAU,EAAuB,MAAM,cAAc,CAAA;AAE9D,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,UAAU,CAgMjC,CAAA;AAED,eAAe,IAAI,CAAA;AACnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAA;AAElC,eAAO,MAAM,OAAO,EAAE,KAiBrB,CAAA;AAED,eAAO,MAAM,QAAQ,EAAE,KAgBtB,CAAA;AAED,eAAO,MAAM,KAAK,EAAE,KAmBnB,CAAA;AAED,eAAO,MAAM,sBAAsB,EAAE,KAoBpC,CAAA;AAED,eAAO,MAAM,gBAAgB,EAAE,KAsB9B,CAAA;AAED,eAAO,MAAM,aAAa,EAAE,KAkB3B,CAAA;AAED,eAAO,MAAM,UAAU,EAAE,KAiBxB,CAAA;AAED,eAAO,MAAM,mBAAmB,EAAE,KAqBjC,CAAA;AAED,eAAO,MAAM,UAAU,EAAE,KAexB,CAAA;AAED,eAAO,MAAM,aAAa,EAAE,KAiB3B,CAAA;AAED,eAAO,MAAM,QAAQ,EAAE,KAmBtB,CAAA;AAED,eAAO,MAAM,kBAAkB,EAAE,KA0ChC,CAAA;AAED,eAAO,MAAM,QAAQ,EAAE,KAoBtB,CAAA;AAED,eAAO,MAAM,gBAAgB,EAAE,KA0F9B,CAAA;AAED,eAAO,MAAM,YAAY,EAAE,KAiB1B,CAAA;AAED,eAAO,MAAM,0BAA0B,EAAE,KAuBxC,CAAA;AAmBD,eAAO,MAAM,eAAe,EAAE,KA0B7B,CAAA;AAED,eAAO,MAAM,iBAAiB,EAAE,KAoC/B,CAAA;AAED,eAAO,MAAM,iBAAiB,EAAE,KAkC/B,CAAA;AAED,eAAO,MAAM,iBAAiB,EAAE,KAsB/B,CAAA"}
|
|
1
|
+
{"version":3,"file":"FileUpload.stories.d.ts","sourceRoot":"","sources":["../../../src/components/FileUpload/FileUpload.stories.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAA;AAE3D,OAAO,EAAE,UAAU,EAAuB,MAAM,cAAc,CAAA;AAE9D,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,UAAU,CAgMjC,CAAA;AAED,eAAe,IAAI,CAAA;AACnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAA;AAElC,eAAO,MAAM,OAAO,EAAE,KAiBrB,CAAA;AAED,eAAO,MAAM,QAAQ,EAAE,KAgBtB,CAAA;AAED,eAAO,MAAM,KAAK,EAAE,KAmBnB,CAAA;AAED,eAAO,MAAM,sBAAsB,EAAE,KAoBpC,CAAA;AAED,eAAO,MAAM,gBAAgB,EAAE,KAsB9B,CAAA;AAED,eAAO,MAAM,aAAa,EAAE,KAkB3B,CAAA;AAED,eAAO,MAAM,UAAU,EAAE,KAiBxB,CAAA;AAED,eAAO,MAAM,mBAAmB,EAAE,KAqBjC,CAAA;AAED,eAAO,MAAM,UAAU,EAAE,KAexB,CAAA;AAED,eAAO,MAAM,aAAa,EAAE,KAiB3B,CAAA;AAED,eAAO,MAAM,QAAQ,EAAE,KAmBtB,CAAA;AAED,eAAO,MAAM,kBAAkB,EAAE,KA0ChC,CAAA;AAED,eAAO,MAAM,QAAQ,EAAE,KAoBtB,CAAA;AAED,eAAO,MAAM,gBAAgB,EAAE,KA0F9B,CAAA;AAED,eAAO,MAAM,YAAY,EAAE,KAiB1B,CAAA;AAED,eAAO,MAAM,0BAA0B,EAAE,KAuBxC,CAAA;AAmBD,eAAO,MAAM,eAAe,EAAE,KA0B7B,CAAA;AAED,eAAO,MAAM,iBAAiB,EAAE,KAoC/B,CAAA;AAED,eAAO,MAAM,iBAAiB,EAAE,KAkC/B,CAAA;AAED,eAAO,MAAM,sBAAsB,EAAE,KAoDpC,CAAA;AAED,eAAO,MAAM,iBAAiB,EAAE,KAsB/B,CAAA"}
|