@solostylist/ui-kit 1.0.224 → 1.0.225
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/s-chat-input/index.js +1 -1
- package/dist/s-chat-input/s-chat-input.js +1 -1
- package/dist/{s-chat-input-DKGeMh55.js → s-chat-input-cOCqPTUS.js} +1 -1
- package/dist/s-chat-message/index.js +1 -1
- package/dist/s-chat-message/s-chat-message.js +1 -1
- package/dist/{s-chat-message-ox4Sj6xh.js → s-chat-message-Cb1npIQO.js} +1 -1
- package/dist/s-dialog/s-dialog.d.ts +3 -3
- package/dist/s-dialog/s-dialog.js +6 -5
- package/dist/s-dialog-confirm/s-dialog-confirm.d.ts +7 -1
- package/dist/s-dialog-confirm/s-dialog-confirm.js +4 -3
- package/dist/s-gallery/s-gallery.js +1 -1
- package/dist/s-image-modal/index.js +1 -1
- package/dist/s-image-modal/s-image-modal.d.ts +6 -0
- package/dist/s-image-modal/s-image-modal.js +1 -1
- package/dist/{s-image-modal-DA3DBNbv.js → s-image-modal-Za71QD3d.js} +43 -43
- package/dist/s-review/index.js +1 -1
- package/dist/s-review/s-review.js +1 -1
- package/dist/{s-review-D4FBfBPF.js → s-review-DjvDY-h4.js} +1 -1
- package/dist/s-select/index.js +1 -1
- package/dist/s-select/s-select.d.ts +2 -0
- package/dist/s-select/s-select.js +1 -1
- package/dist/{s-select-b8CHbeCf.js → s-select-B-dEcddK.js} +20 -20
- package/dist/s-stripe/s-stripe.js +1 -1
- package/dist/s-text-editor/index.js +1 -1
- package/dist/s-text-editor/s-text-editor-toolbar.js +1 -1
- package/dist/s-text-editor/s-text-editor.js +1 -1
- package/dist/{s-text-editor-toolbar-CCK7yyNS.js → s-text-editor-toolbar-DP0MkICo.js} +1 -1
- package/dist/s-text-field/index.js +1 -1
- package/dist/s-text-field/s-text-field.d.ts +3 -1
- package/dist/s-text-field/s-text-field.js +1 -1
- package/dist/{s-text-field-Ck5QMhYI.js → s-text-field-GqcwXwta.js} +11 -11
- package/dist/s-theme-demo/index.js +1 -1
- package/dist/s-theme-demo/s-theme-demo.js +1 -1
- package/dist/{s-theme-demo-THHj5mFp.js → s-theme-demo-BpeyFRKt.js} +1 -1
- package/dist/s-tool-bar/index.js +1 -1
- package/dist/s-tool-bar/s-tool-bar.js +1 -1
- package/dist/{s-tool-bar-DGfyNoYW.js → s-tool-bar-DaZ2wT09.js} +1 -1
- package/package.json +1 -1
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import { t as e } from "../s-chat-input-
|
|
1
|
+
import { t as e } from "../s-chat-input-cOCqPTUS.js";
|
|
2
2
|
export { e as SChatInput, e as default };
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import { t as e } from "../s-chat-input-
|
|
1
|
+
import { t as e } from "../s-chat-input-cOCqPTUS.js";
|
|
2
2
|
export { e as SChatInput, e as default };
|
|
@@ -2,7 +2,7 @@ import { tint as e } from "./theme/utils.js";
|
|
|
2
2
|
import { t } from "./createSvgIcon-BdNZIlKS.js";
|
|
3
3
|
import { t as n } from "./ArrowUpward-BMKLosZj.js";
|
|
4
4
|
import { t as r } from "./Close-Bj2HYB9Q.js";
|
|
5
|
-
import { t as i } from "./s-text-field-
|
|
5
|
+
import { t as i } from "./s-text-field-GqcwXwta.js";
|
|
6
6
|
import { SIconButton as a } from "./s-icon-button/s-icon-button.js";
|
|
7
7
|
import { SFileIcon as o } from "./s-file-icon/s-file-icon.js";
|
|
8
8
|
import { forwardRef as s, useEffect as c, useId as l, useState as u } from "react";
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import { t as e } from "../s-chat-message-
|
|
1
|
+
import { t as e } from "../s-chat-message-Cb1npIQO.js";
|
|
2
2
|
export { e as SChatMessage, e as default };
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import { t as e } from "../s-chat-message-
|
|
1
|
+
import { t as e } from "../s-chat-message-Cb1npIQO.js";
|
|
2
2
|
export { e as SChatMessage, e as default };
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { n as e, r as t } from "./utils-B5Rl6Zwv.js";
|
|
2
2
|
import { t as n } from "./createSvgIcon-BdNZIlKS.js";
|
|
3
|
-
import { n as r } from "./s-image-modal-
|
|
3
|
+
import { n as r } from "./s-image-modal-Za71QD3d.js";
|
|
4
4
|
import { t as i } from "./Download-BhSXOhCI.js";
|
|
5
5
|
import a from "./s-lazy-image/s-lazy-image.js";
|
|
6
6
|
import { SSkeleton as o } from "./s-skeleton/s-skeleton.js";
|
|
@@ -1,9 +1,9 @@
|
|
|
1
|
-
import { Breakpoint } from '@mui/material';
|
|
1
|
+
import { Breakpoint, DialogProps } from '@mui/material';
|
|
2
2
|
import * as React from 'react';
|
|
3
3
|
/**
|
|
4
4
|
* Props for the SDialog component.
|
|
5
5
|
*/
|
|
6
|
-
export interface SDialogProps {
|
|
6
|
+
export interface SDialogProps extends Omit<DialogProps, 'title' | 'content' | 'onClose' | 'open' | 'maxWidth' | 'children'> {
|
|
7
7
|
/** Dialog title - can be string or React element */
|
|
8
8
|
title?: string | React.ReactNode;
|
|
9
9
|
/** Dialog content - can be string (auto-wrapped in Typography) or React element */
|
|
@@ -23,5 +23,5 @@ export interface SDialogProps {
|
|
|
23
23
|
/** Whether to show the close button in the title bar */
|
|
24
24
|
showClose?: boolean;
|
|
25
25
|
}
|
|
26
|
-
export declare const SDialog: React.ForwardRefExoticComponent<SDialogProps & React.RefAttributes<HTMLDivElement>>;
|
|
26
|
+
export declare const SDialog: React.ForwardRefExoticComponent<Omit<SDialogProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
27
27
|
export default SDialog;
|
|
@@ -3,9 +3,9 @@ import * as t from "react";
|
|
|
3
3
|
import { Fragment as n, jsx as r, jsxs as i } from "react/jsx-runtime";
|
|
4
4
|
import { Dialog as a, DialogActions as o, DialogContent as s, DialogTitle as c, IconButton as l, Stack as u, Typography as d } from "@mui/material";
|
|
5
5
|
//#region lib/s-dialog/s-dialog.tsx
|
|
6
|
-
var f = t.forwardRef(({ title: t, content: f, actions: p, onClose: m = () => {}, open: h = !1, maxWidth: g = "sm", useForm: _ = !1, onSubmit: v = () => {}, showClose: y = !0 },
|
|
7
|
-
let
|
|
8
|
-
ref:
|
|
6
|
+
var f = t.forwardRef(({ title: t, content: f, actions: p, onClose: m = () => {}, open: h = !1, maxWidth: g = "sm", useForm: _ = !1, onSubmit: v = () => {}, showClose: y = !0, ...b }, x) => {
|
|
7
|
+
let S = /* @__PURE__ */ i(n, { children: [f && /* @__PURE__ */ r(s, {
|
|
8
|
+
ref: x,
|
|
9
9
|
children: typeof f == "string" ? /* @__PURE__ */ r(d, {
|
|
10
10
|
variant: "body2",
|
|
11
11
|
sx: { color: "text.secondary" },
|
|
@@ -17,6 +17,7 @@ var f = t.forwardRef(({ title: t, content: f, actions: p, onClose: m = () => {},
|
|
|
17
17
|
maxWidth: g,
|
|
18
18
|
onClose: m,
|
|
19
19
|
open: h,
|
|
20
|
+
...b,
|
|
20
21
|
children: [t && /* @__PURE__ */ r(c, { children: /* @__PURE__ */ i(u, {
|
|
21
22
|
direction: "row",
|
|
22
23
|
spacing: 3,
|
|
@@ -34,8 +35,8 @@ var f = t.forwardRef(({ title: t, content: f, actions: p, onClose: m = () => {},
|
|
|
34
35
|
})]
|
|
35
36
|
}) }), _ ? /* @__PURE__ */ r("form", {
|
|
36
37
|
onSubmit: v,
|
|
37
|
-
children:
|
|
38
|
-
}) :
|
|
38
|
+
children: S
|
|
39
|
+
}) : S]
|
|
39
40
|
});
|
|
40
41
|
});
|
|
41
42
|
f.displayName = "SDialog";
|
|
@@ -20,9 +20,15 @@ export interface SDialogConfirmProps {
|
|
|
20
20
|
showClose?: boolean;
|
|
21
21
|
/** Whether the dialog is in loading state (disables buttons) */
|
|
22
22
|
loading?: boolean;
|
|
23
|
+
/** Text for the cancel button */
|
|
24
|
+
cancelText?: string;
|
|
25
|
+
/** Text for the confirm button */
|
|
26
|
+
confirmText?: string;
|
|
27
|
+
/** Accessible text for the close button */
|
|
28
|
+
closeText?: string;
|
|
23
29
|
}
|
|
24
30
|
export declare const SDialogConfirm: {
|
|
25
|
-
({ title, content, onConfirm, onClose, open, maxWidth, showClose, loading, }: SDialogConfirmProps): React.JSX.Element;
|
|
31
|
+
({ title, content, onConfirm, onClose, open, maxWidth, showClose, loading, cancelText, confirmText, closeText, }: SDialogConfirmProps): React.JSX.Element;
|
|
26
32
|
displayName: string;
|
|
27
33
|
};
|
|
28
34
|
export default SDialogConfirm;
|
|
@@ -5,7 +5,7 @@ import * as r from "react";
|
|
|
5
5
|
import { Fragment as i, jsx as a, jsxs as o } from "react/jsx-runtime";
|
|
6
6
|
import { Button as s, Dialog as c, DialogActions as l, DialogContent as u, DialogTitle as d, IconButton as f, Stack as p } from "@mui/material";
|
|
7
7
|
//#region lib/s-dialog-confirm/s-dialog-confirm.tsx
|
|
8
|
-
var m = ({ title: n, content: r, onConfirm: m = () => {}, onClose: h = () => {}, open: g = !1, maxWidth: _ = "sm", showClose: v = !0, loading: y = !1 }) => /* @__PURE__ */ o(c, {
|
|
8
|
+
var m = ({ title: n, content: r, onConfirm: m = () => {}, onClose: h = () => {}, open: g = !1, maxWidth: _ = "sm", showClose: v = !0, loading: y = !1, cancelText: b = "Cancel", confirmText: x = "Confirm", closeText: S = "Close" }) => /* @__PURE__ */ o(c, {
|
|
9
9
|
fullWidth: !0,
|
|
10
10
|
maxWidth: _,
|
|
11
11
|
onClose: h,
|
|
@@ -22,6 +22,7 @@ var m = ({ title: n, content: r, onConfirm: m = () => {}, onClose: h = () => {},
|
|
|
22
22
|
variant: "h5",
|
|
23
23
|
children: n
|
|
24
24
|
}) : /* @__PURE__ */ a("div", { children: n }), v && /* @__PURE__ */ a(f, {
|
|
25
|
+
"aria-label": S,
|
|
25
26
|
onClick: h,
|
|
26
27
|
children: /* @__PURE__ */ a(t, {})
|
|
27
28
|
})]
|
|
@@ -35,11 +36,11 @@ var m = ({ title: n, content: r, onConfirm: m = () => {}, onClose: h = () => {},
|
|
|
35
36
|
onClick: h,
|
|
36
37
|
variant: "outlined",
|
|
37
38
|
disabled: y,
|
|
38
|
-
children:
|
|
39
|
+
children: b
|
|
39
40
|
}), /* @__PURE__ */ a(s, {
|
|
40
41
|
onClick: m,
|
|
41
42
|
loading: y,
|
|
42
|
-
children:
|
|
43
|
+
children: x
|
|
43
44
|
})] }) })
|
|
44
45
|
]
|
|
45
46
|
});
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { n as e } from "../s-image-modal-
|
|
1
|
+
import { n as e } from "../s-image-modal-Za71QD3d.js";
|
|
2
2
|
import t from "../s-lazy-image/s-lazy-image.js";
|
|
3
3
|
import { useEffect as n, useId as r, useRef as i, useState as a } from "react";
|
|
4
4
|
import { jsx as o, jsxs as s } from "react/jsx-runtime";
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import { n as e, t } from "../s-image-modal-
|
|
1
|
+
import { n as e, t } from "../s-image-modal-Za71QD3d.js";
|
|
2
2
|
export { t as DefaultMediaItem, e as SImageModal, e as default };
|
|
@@ -43,6 +43,12 @@ export interface SImageModalProps {
|
|
|
43
43
|
showCounter?: boolean;
|
|
44
44
|
/** Custom modal styling */
|
|
45
45
|
modalSx?: ModalProps['sx'];
|
|
46
|
+
/** Accessible text for the close button */
|
|
47
|
+
closeText?: string;
|
|
48
|
+
/** Accessible text for the previous-image navigation button */
|
|
49
|
+
previousText?: string;
|
|
50
|
+
/** Accessible text for the next-image navigation button */
|
|
51
|
+
nextText?: string;
|
|
46
52
|
}
|
|
47
53
|
export declare const DefaultMediaItem: React.FC<{
|
|
48
54
|
item: MediaItemType;
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import { n as e, t } from "../s-image-modal-
|
|
1
|
+
import { n as e, t } from "../s-image-modal-Za71QD3d.js";
|
|
2
2
|
export { t as DefaultMediaItem, e as SImageModal, e as default };
|
|
@@ -33,30 +33,30 @@ var v = e(/* @__PURE__ */ c("path", { d: "M15.41 7.41 14 6l-6 6 6 6 1.41-1.41L10
|
|
|
33
33
|
backgroundColor: "background.paper",
|
|
34
34
|
...n
|
|
35
35
|
}
|
|
36
|
-
}), b = ({ selectedItem: e, isOpen: r, onClose: b, onItemChange: x, mediaItems: S = [], renderMediaItem: C, showNavigation: w = !0, showThumbnailDock: T = !0, showCounter: E = !0, modalSx: D = {} }) => {
|
|
37
|
-
let [
|
|
36
|
+
}), b = ({ selectedItem: e, isOpen: r, onClose: b, onItemChange: x, mediaItems: S = [], renderMediaItem: C, showNavigation: w = !0, showThumbnailDock: T = !0, showCounter: E = !0, modalSx: D = {}, closeText: O = "Close", previousText: k = "Previous image", nextText: A = "Next image" }) => {
|
|
37
|
+
let [j, M] = o(e ?? null), N = e ?? j;
|
|
38
38
|
a(() => {
|
|
39
|
-
e &&
|
|
39
|
+
e && M(e);
|
|
40
40
|
}, [e]);
|
|
41
|
-
let
|
|
42
|
-
if (
|
|
43
|
-
let e = S[
|
|
44
|
-
x ? x(e) :
|
|
41
|
+
let P = w && S.length > 1 && N, F = N ? S.findIndex((e) => e.id === N.id) : -1, I = S.length, L = i.useCallback(() => {
|
|
42
|
+
if (P && F > 0) {
|
|
43
|
+
let e = S[F - 1];
|
|
44
|
+
x ? x(e) : M(e);
|
|
45
45
|
}
|
|
46
46
|
}, [
|
|
47
|
-
|
|
48
|
-
|
|
47
|
+
P,
|
|
48
|
+
F,
|
|
49
49
|
S,
|
|
50
50
|
x
|
|
51
|
-
]),
|
|
52
|
-
if (
|
|
53
|
-
let e = S[
|
|
54
|
-
x ? x(e) :
|
|
51
|
+
]), R = i.useCallback(() => {
|
|
52
|
+
if (P && F < I - 1) {
|
|
53
|
+
let e = S[F + 1];
|
|
54
|
+
x ? x(e) : M(e);
|
|
55
55
|
}
|
|
56
56
|
}, [
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
57
|
+
P,
|
|
58
|
+
F,
|
|
59
|
+
I,
|
|
60
60
|
S,
|
|
61
61
|
x
|
|
62
62
|
]);
|
|
@@ -64,10 +64,10 @@ var v = e(/* @__PURE__ */ c("path", { d: "M15.41 7.41 14 6l-6 6 6 6 1.41-1.41L10
|
|
|
64
64
|
let e = (e) => {
|
|
65
65
|
if (r) switch (e.key) {
|
|
66
66
|
case "ArrowLeft":
|
|
67
|
-
|
|
67
|
+
L();
|
|
68
68
|
break;
|
|
69
69
|
case "ArrowRight":
|
|
70
|
-
|
|
70
|
+
R();
|
|
71
71
|
break;
|
|
72
72
|
case "Escape":
|
|
73
73
|
b();
|
|
@@ -77,13 +77,13 @@ var v = e(/* @__PURE__ */ c("path", { d: "M15.41 7.41 14 6l-6 6 6 6 1.41-1.41L10
|
|
|
77
77
|
return document.addEventListener("keydown", e), () => document.removeEventListener("keydown", e);
|
|
78
78
|
}, [
|
|
79
79
|
r,
|
|
80
|
-
M,
|
|
81
|
-
N,
|
|
82
|
-
j,
|
|
83
|
-
P,
|
|
84
80
|
F,
|
|
81
|
+
I,
|
|
82
|
+
P,
|
|
83
|
+
L,
|
|
84
|
+
R,
|
|
85
85
|
b
|
|
86
|
-
]), !r || !
|
|
86
|
+
]), !r || !N ? null : /* @__PURE__ */ c(f, {
|
|
87
87
|
open: r,
|
|
88
88
|
onClose: b,
|
|
89
89
|
sx: {
|
|
@@ -173,7 +173,7 @@ var v = e(/* @__PURE__ */ c("path", { d: "M15.41 7.41 14 6l-6 6 6 6 1.41-1.41L10
|
|
|
173
173
|
borderColor: "divider",
|
|
174
174
|
overflow: "hidden"
|
|
175
175
|
},
|
|
176
|
-
children: [C ? C(
|
|
176
|
+
children: [C ? C(N) : /* @__PURE__ */ c(y, { item: N }), (N.title || N.desc) && /* @__PURE__ */ l(u, {
|
|
177
177
|
sx: {
|
|
178
178
|
position: "absolute",
|
|
179
179
|
left: 0,
|
|
@@ -188,27 +188,27 @@ var v = e(/* @__PURE__ */ c("path", { d: "M15.41 7.41 14 6l-6 6 6 6 1.41-1.41L10
|
|
|
188
188
|
background: "linear-gradient(to top, rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.35) 45%, transparent)"
|
|
189
189
|
},
|
|
190
190
|
onClick: (e) => e.stopPropagation(),
|
|
191
|
-
children: [
|
|
191
|
+
children: [N.title && /* @__PURE__ */ c(h, {
|
|
192
192
|
variant: "h6",
|
|
193
193
|
sx: { fontSize: {
|
|
194
194
|
xs: 14,
|
|
195
195
|
sm: 18,
|
|
196
196
|
md: 20
|
|
197
197
|
} },
|
|
198
|
-
children:
|
|
199
|
-
}),
|
|
198
|
+
children: N.title
|
|
199
|
+
}), N.desc && /* @__PURE__ */ c(h, {
|
|
200
200
|
variant: "body2",
|
|
201
201
|
sx: { mt: .5 },
|
|
202
|
-
children:
|
|
202
|
+
children: N.desc
|
|
203
203
|
})]
|
|
204
204
|
})]
|
|
205
205
|
})
|
|
206
|
-
},
|
|
206
|
+
}, N.id)
|
|
207
207
|
})
|
|
208
208
|
})
|
|
209
209
|
}),
|
|
210
210
|
/* @__PURE__ */ c(d, {
|
|
211
|
-
"aria-label":
|
|
211
|
+
"aria-label": O,
|
|
212
212
|
onClick: b,
|
|
213
213
|
sx: {
|
|
214
214
|
position: "absolute",
|
|
@@ -226,7 +226,7 @@ var v = e(/* @__PURE__ */ c("path", { d: "M15.41 7.41 14 6l-6 6 6 6 1.41-1.41L10
|
|
|
226
226
|
},
|
|
227
227
|
children: /* @__PURE__ */ c(n, {})
|
|
228
228
|
}),
|
|
229
|
-
E &&
|
|
229
|
+
E && P && /* @__PURE__ */ l(u, {
|
|
230
230
|
sx: {
|
|
231
231
|
position: "absolute",
|
|
232
232
|
top: {
|
|
@@ -249,17 +249,17 @@ var v = e(/* @__PURE__ */ c("path", { d: "M15.41 7.41 14 6l-6 6 6 6 1.41-1.41L10
|
|
|
249
249
|
color: "text.primary"
|
|
250
250
|
},
|
|
251
251
|
children: [
|
|
252
|
-
|
|
252
|
+
F + 1,
|
|
253
253
|
" / ",
|
|
254
|
-
|
|
254
|
+
I
|
|
255
255
|
]
|
|
256
256
|
}),
|
|
257
|
-
|
|
258
|
-
"aria-label":
|
|
257
|
+
P && /* @__PURE__ */ l(s, { children: [/* @__PURE__ */ c(d, {
|
|
258
|
+
"aria-label": k,
|
|
259
259
|
onClick: (e) => {
|
|
260
|
-
e.stopPropagation(),
|
|
260
|
+
e.stopPropagation(), L();
|
|
261
261
|
},
|
|
262
|
-
disabled:
|
|
262
|
+
disabled: F === 0,
|
|
263
263
|
sx: {
|
|
264
264
|
position: "absolute",
|
|
265
265
|
left: {
|
|
@@ -274,11 +274,11 @@ var v = e(/* @__PURE__ */ c("path", { d: "M15.41 7.41 14 6l-6 6 6 6 1.41-1.41L10
|
|
|
274
274
|
},
|
|
275
275
|
children: /* @__PURE__ */ c(v, {})
|
|
276
276
|
}), /* @__PURE__ */ c(d, {
|
|
277
|
-
"aria-label":
|
|
277
|
+
"aria-label": A,
|
|
278
278
|
onClick: (e) => {
|
|
279
|
-
e.stopPropagation(),
|
|
279
|
+
e.stopPropagation(), R();
|
|
280
280
|
},
|
|
281
|
-
disabled:
|
|
281
|
+
disabled: F === I - 1,
|
|
282
282
|
sx: {
|
|
283
283
|
position: "absolute",
|
|
284
284
|
right: {
|
|
@@ -295,7 +295,7 @@ var v = e(/* @__PURE__ */ c("path", { d: "M15.41 7.41 14 6l-6 6 6 6 1.41-1.41L10
|
|
|
295
295
|
})] })
|
|
296
296
|
]
|
|
297
297
|
})
|
|
298
|
-
}), T &&
|
|
298
|
+
}), T && P && S.length > 1 && /* @__PURE__ */ c(u, {
|
|
299
299
|
sx: {
|
|
300
300
|
position: "fixed",
|
|
301
301
|
zIndex: 1502,
|
|
@@ -319,8 +319,8 @@ var v = e(/* @__PURE__ */ c("path", { d: "M15.41 7.41 14 6l-6 6 6 6 1.41-1.41L10
|
|
|
319
319
|
spacing: -1.5,
|
|
320
320
|
sx: { alignItems: "center" },
|
|
321
321
|
children: S.map((e, t) => {
|
|
322
|
-
let n =
|
|
323
|
-
x ? x(e) :
|
|
322
|
+
let n = N.id === e.id, r = t % 2 == 0 ? -15 : 15, i = () => {
|
|
323
|
+
x ? x(e) : M(e);
|
|
324
324
|
};
|
|
325
325
|
return /* @__PURE__ */ l(_.div, {
|
|
326
326
|
onClick: (e) => {
|
package/dist/s-review/index.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import { t as e } from "../s-review-
|
|
1
|
+
import { t as e } from "../s-review-DjvDY-h4.js";
|
|
2
2
|
export { e as SReview, e as default };
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import { t as e } from "../s-review-
|
|
1
|
+
import { t as e } from "../s-review-DjvDY-h4.js";
|
|
2
2
|
export { e as SReview, e as default };
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { i as e } from "./utils-B5Rl6Zwv.js";
|
|
2
2
|
import { t } from "./createSvgIcon-BdNZIlKS.js";
|
|
3
|
-
import { n } from "./s-image-modal-
|
|
3
|
+
import { n } from "./s-image-modal-Za71QD3d.js";
|
|
4
4
|
import r from "./s-lazy-image/s-lazy-image.js";
|
|
5
5
|
import { SSkeleton as i } from "./s-skeleton/s-skeleton.js";
|
|
6
6
|
import { SAvatar as a } from "./s-avatar/s-avatar.js";
|
package/dist/s-select/index.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import { t as e } from "../s-select-
|
|
1
|
+
import { t as e } from "../s-select-B-dEcddK.js";
|
|
2
2
|
export { e as SSelect, e as default };
|
|
@@ -32,6 +32,8 @@ export type SSelectProps<T extends BaseOption = string> = Omit<SelectProps, 'err
|
|
|
32
32
|
searchable?: boolean;
|
|
33
33
|
/** Placeholder text for the search input */
|
|
34
34
|
searchPlaceholder?: string;
|
|
35
|
+
/** Message shown when a search yields no matching options */
|
|
36
|
+
noResultsText?: string;
|
|
35
37
|
/** Custom render function for options */
|
|
36
38
|
renderOption?: (option: T) => ReactNode;
|
|
37
39
|
};
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import { t as e } from "../s-select-
|
|
1
|
+
import { t as e } from "../s-select-B-dEcddK.js";
|
|
2
2
|
export { e as SSelect, e as default };
|
|
@@ -75,10 +75,10 @@ function w(e) {
|
|
|
75
75
|
} } }
|
|
76
76
|
};
|
|
77
77
|
}
|
|
78
|
-
var T = n(({ options: e = [], getOptionKey: n, optionLabel: p = "name", optionValue: g = "id", placeholder: _, label: x = "", error: S, required: T = !1, simple: E = !1, htmlFor: D, searchable: O = !1, searchPlaceholder: k = "",
|
|
79
|
-
let
|
|
80
|
-
O && (
|
|
81
|
-
},
|
|
78
|
+
var T = n(({ options: e = [], getOptionKey: n, optionLabel: p = "name", optionValue: g = "id", placeholder: _, label: x = "", error: S, required: T = !1, simple: E = !1, htmlFor: D, searchable: O = !1, searchPlaceholder: k = "", noResultsText: A = "No results found", renderOption: j, ...M }, N) => {
|
|
79
|
+
let P = M.value !== void 0, [F, I] = r(M.multiple ? [] : null), L = P ? M.value : F, [R, z] = r(""), [B, V] = r(!1), H = (e) => m(e, p), U = (e) => h(e, g), W = b(e, O, R, H), G = () => {
|
|
80
|
+
O && (V(!1), z(""));
|
|
81
|
+
}, K = (t) => M.multiple ? y(t, e, _, H, U) : v(t, E, e, _, H, U), q = () => O ? W.length > 0 ? C(W, U, H, j, n) : R ? /* @__PURE__ */ i(l, {
|
|
82
82
|
disabled: !0,
|
|
83
83
|
children: /* @__PURE__ */ i(o, {
|
|
84
84
|
sx: {
|
|
@@ -86,9 +86,9 @@ var T = n(({ options: e = [], getOptionKey: n, optionLabel: p = "name", optionVa
|
|
|
86
86
|
textAlign: "center",
|
|
87
87
|
width: "100%"
|
|
88
88
|
},
|
|
89
|
-
children:
|
|
89
|
+
children: A
|
|
90
90
|
})
|
|
91
|
-
}) : C(e,
|
|
91
|
+
}) : C(e, U, H, j, n) : C(e, U, H, j, n), J = w(O);
|
|
92
92
|
return /* @__PURE__ */ i(t, {
|
|
93
93
|
error: S,
|
|
94
94
|
label: x,
|
|
@@ -99,19 +99,19 @@ var T = n(({ options: e = [], getOptionKey: n, optionLabel: p = "name", optionVa
|
|
|
99
99
|
displayEmpty: !0,
|
|
100
100
|
fullWidth: !0,
|
|
101
101
|
defaultValue: "",
|
|
102
|
-
ref:
|
|
103
|
-
open: O ?
|
|
104
|
-
onOpen: O ? () =>
|
|
105
|
-
onClose: O ?
|
|
106
|
-
MenuProps:
|
|
107
|
-
renderValue:
|
|
108
|
-
...
|
|
109
|
-
value: e.length ?
|
|
102
|
+
ref: N,
|
|
103
|
+
open: O ? B : void 0,
|
|
104
|
+
onOpen: O ? () => V(!0) : void 0,
|
|
105
|
+
onClose: O ? G : void 0,
|
|
106
|
+
MenuProps: J,
|
|
107
|
+
renderValue: K,
|
|
108
|
+
...M,
|
|
109
|
+
value: e.length ? L ?? "" : "",
|
|
110
110
|
onChange: (e, t) => {
|
|
111
|
-
if (
|
|
112
|
-
else if (!
|
|
111
|
+
if (M.onChange) M.onChange(e, t);
|
|
112
|
+
else if (!P) {
|
|
113
113
|
let t = e.target.value;
|
|
114
|
-
|
|
114
|
+
I(t);
|
|
115
115
|
}
|
|
116
116
|
},
|
|
117
117
|
children: [O && /* @__PURE__ */ i(c, {
|
|
@@ -127,8 +127,8 @@ var T = n(({ options: e = [], getOptionKey: n, optionLabel: p = "name", optionVa
|
|
|
127
127
|
fullWidth: !0,
|
|
128
128
|
autoFocus: !0,
|
|
129
129
|
placeholder: k,
|
|
130
|
-
value:
|
|
131
|
-
onChange: (e) =>
|
|
130
|
+
value: R,
|
|
131
|
+
onChange: (e) => z(e.target.value),
|
|
132
132
|
onKeyDown: (e) => {
|
|
133
133
|
e.key !== "Escape" && e.stopPropagation();
|
|
134
134
|
},
|
|
@@ -140,7 +140,7 @@ var T = n(({ options: e = [], getOptionKey: n, optionLabel: p = "name", optionVa
|
|
|
140
140
|
children: /* @__PURE__ */ i(f, {})
|
|
141
141
|
}) } }
|
|
142
142
|
})
|
|
143
|
-
}),
|
|
143
|
+
}), q()]
|
|
144
144
|
})
|
|
145
145
|
});
|
|
146
146
|
});
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import { t as e } from "../s-text-editor-toolbar-
|
|
1
|
+
import { t as e } from "../s-text-editor-toolbar-DP0MkICo.js";
|
|
2
2
|
export { e as STextEditorToolbar };
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { tint as e } from "../theme/utils.js";
|
|
2
2
|
import { t } from "../Box-BlmynALm.js";
|
|
3
|
-
import { t as n } from "../s-text-editor-toolbar-
|
|
3
|
+
import { t as n } from "../s-text-editor-toolbar-DP0MkICo.js";
|
|
4
4
|
import * as r from "react";
|
|
5
5
|
import { jsx as i, jsxs as a } from "react/jsx-runtime";
|
|
6
6
|
import { Link as o } from "@tiptap/extension-link";
|
|
@@ -19,7 +19,7 @@ import { n as he, t as ge } from "./Menu-C-0KEauj.js";
|
|
|
19
19
|
import { n as D, t as _e } from "./selectClasses-DvT1febA.js";
|
|
20
20
|
import { n as ve, r as ye } from "./useFormControl-B4z6ONhx.js";
|
|
21
21
|
import { i as O, n as k, r as be, t as xe } from "./outlinedInputClasses-Cz4pnn0X.js";
|
|
22
|
-
import { t as A } from "./s-text-field-
|
|
22
|
+
import { t as A } from "./s-text-field-GqcwXwta.js";
|
|
23
23
|
import * as j from "react";
|
|
24
24
|
import { jsx as M, jsxs as N } from "react/jsx-runtime";
|
|
25
25
|
import { MenuItem as P } from "@mui/material";
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import { t as e } from "../s-text-field-
|
|
1
|
+
import { t as e } from "../s-text-field-GqcwXwta.js";
|
|
2
2
|
export { e as STextField, e as default };
|
|
@@ -14,9 +14,11 @@ export type STextFieldProps = Omit<React.ComponentProps<typeof TextField>, 'erro
|
|
|
14
14
|
htmlFor?: string;
|
|
15
15
|
/** Help text shown in tooltip next to the label */
|
|
16
16
|
hint?: string;
|
|
17
|
+
/** Accessible text for the password visibility toggle button */
|
|
18
|
+
togglePasswordText?: string;
|
|
17
19
|
};
|
|
18
20
|
export declare const STextField: {
|
|
19
|
-
({ label, required, error, type, htmlFor, hint, ...props }: STextFieldProps): React.JSX.Element;
|
|
21
|
+
({ label, required, error, type, htmlFor, hint, togglePasswordText, ...props }: STextFieldProps): React.JSX.Element;
|
|
20
22
|
displayName: string;
|
|
21
23
|
};
|
|
22
24
|
export default STextField;
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import { t as e } from "../s-text-field-
|
|
1
|
+
import { t as e } from "../s-text-field-GqcwXwta.js";
|
|
2
2
|
export { e as STextField, e as default };
|
|
@@ -4,17 +4,17 @@ import { useState as n } from "react";
|
|
|
4
4
|
import { jsx as r } from "react/jsx-runtime";
|
|
5
5
|
import { IconButton as i, InputAdornment as a, TextField as o } from "@mui/material";
|
|
6
6
|
//#region ../../node_modules/@mui/icons-material/Visibility.mjs
|
|
7
|
-
var s = e(/* @__PURE__ */ r("path", { d: "M12 4.5C7 4.5 2.73 7.61 1 12c1.73 4.39 6 7.5 11 7.5s9.27-3.11 11-7.5c-1.73-4.39-6-7.5-11-7.5M12 17c-2.76 0-5-2.24-5-5s2.24-5 5-5 5 2.24 5 5-2.24 5-5 5m0-8c-1.66 0-3 1.34-3 3s1.34 3 3 3 3-1.34 3-3-1.34-3-3-3" }), "Visibility"), c = e(/* @__PURE__ */ r("path", { d: "M12 7c2.76 0 5 2.24 5 5 0 .65-.13 1.26-.36 1.83l2.92 2.92c1.51-1.26 2.7-2.89 3.43-4.75-1.73-4.39-6-7.5-11-7.5-1.4 0-2.74.25-3.98.7l2.16 2.16C10.74 7.13 11.35 7 12 7M2 4.27l2.28 2.28.46.46C3.08 8.3 1.78 10.02 1 12c1.73 4.39 6 7.5 11 7.5 1.55 0 3.03-.3 4.38-.84l.42.42L19.73 22 21 20.73 3.27 3zM7.53 9.8l1.55 1.55c-.05.21-.08.43-.08.65 0 1.66 1.34 3 3 3 .22 0 .44-.03.65-.08l1.55 1.55c-.67.33-1.41.53-2.2.53-2.76 0-5-2.24-5-5 0-.79.2-1.53.53-2.2m4.31-.78 3.15 3.15.02-.16c0-1.66-1.34-3-3-3z" }), "VisibilityOff"), l = ({ label: e = "", required: l = !1, error: u, type: d = "text", htmlFor: f, hint: p,
|
|
8
|
-
let [
|
|
9
|
-
|
|
10
|
-
},
|
|
7
|
+
var s = e(/* @__PURE__ */ r("path", { d: "M12 4.5C7 4.5 2.73 7.61 1 12c1.73 4.39 6 7.5 11 7.5s9.27-3.11 11-7.5c-1.73-4.39-6-7.5-11-7.5M12 17c-2.76 0-5-2.24-5-5s2.24-5 5-5 5 2.24 5 5-2.24 5-5 5m0-8c-1.66 0-3 1.34-3 3s1.34 3 3 3 3-1.34 3-3-1.34-3-3-3" }), "Visibility"), c = e(/* @__PURE__ */ r("path", { d: "M12 7c2.76 0 5 2.24 5 5 0 .65-.13 1.26-.36 1.83l2.92 2.92c1.51-1.26 2.7-2.89 3.43-4.75-1.73-4.39-6-7.5-11-7.5-1.4 0-2.74.25-3.98.7l2.16 2.16C10.74 7.13 11.35 7 12 7M2 4.27l2.28 2.28.46.46C3.08 8.3 1.78 10.02 1 12c1.73 4.39 6 7.5 11 7.5 1.55 0 3.03-.3 4.38-.84l.42.42L19.73 22 21 20.73 3.27 3zM7.53 9.8l1.55 1.55c-.05.21-.08.43-.08.65 0 1.66 1.34 3 3 3 .22 0 .44-.03.65-.08l1.55 1.55c-.67.33-1.41.53-2.2.53-2.76 0-5-2.24-5-5 0-.79.2-1.53.53-2.2m4.31-.78 3.15 3.15.02-.16c0-1.66-1.34-3-3-3z" }), "VisibilityOff"), l = ({ label: e = "", required: l = !1, error: u, type: d = "text", htmlFor: f, hint: p, togglePasswordText: m = "toggle password visibility", ...h }) => {
|
|
8
|
+
let [g, _] = n(!1), v = d === "password", y = () => {
|
|
9
|
+
_(!g);
|
|
10
|
+
}, b = v && g ? "text" : d, x = v ? /* @__PURE__ */ r(a, {
|
|
11
11
|
position: "end",
|
|
12
12
|
children: /* @__PURE__ */ r(i, {
|
|
13
|
-
"aria-label":
|
|
14
|
-
onClick:
|
|
13
|
+
"aria-label": m,
|
|
14
|
+
onClick: y,
|
|
15
15
|
edge: "end",
|
|
16
16
|
size: "small",
|
|
17
|
-
children: r(
|
|
17
|
+
children: r(g ? c : s, {})
|
|
18
18
|
})
|
|
19
19
|
}) : void 0;
|
|
20
20
|
return /* @__PURE__ */ r(t, {
|
|
@@ -25,13 +25,13 @@ var s = e(/* @__PURE__ */ r("path", { d: "M12 4.5C7 4.5 2.73 7.61 1 12c1.73 4.39
|
|
|
25
25
|
htmlFor: f,
|
|
26
26
|
children: /* @__PURE__ */ r(o, {
|
|
27
27
|
fullWidth: !0,
|
|
28
|
-
type:
|
|
28
|
+
type: b,
|
|
29
29
|
id: f,
|
|
30
30
|
error: !!u,
|
|
31
|
-
...
|
|
31
|
+
...h,
|
|
32
32
|
slotProps: { input: {
|
|
33
|
-
endAdornment:
|
|
34
|
-
...
|
|
33
|
+
endAdornment: x,
|
|
34
|
+
...h.slotProps?.input
|
|
35
35
|
} }
|
|
36
36
|
})
|
|
37
37
|
});
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import { t as e } from "../s-theme-demo-
|
|
1
|
+
import { t as e } from "../s-theme-demo-BpeyFRKt.js";
|
|
2
2
|
export { e as SThemeDemo, e as default };
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import { t as e } from "../s-theme-demo-
|
|
1
|
+
import { t as e } from "../s-theme-demo-BpeyFRKt.js";
|
|
2
2
|
export { e as default };
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { t as e } from "./createSvgIcon-BdNZIlKS.js";
|
|
2
2
|
import { t } from "./s-theme-switch-V3Q58mkG.js";
|
|
3
3
|
import { t as n } from "./Favorite-BJSuHe0H.js";
|
|
4
|
-
import { t as r } from "./s-text-field-
|
|
4
|
+
import { t as r } from "./s-text-field-GqcwXwta.js";
|
|
5
5
|
import { SForm as i } from "./s-form/s-form.js";
|
|
6
6
|
import { SButton as a } from "./s-button/s-button.js";
|
|
7
7
|
import * as o from "react";
|
package/dist/s-tool-bar/index.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import { t as e } from "../s-tool-bar-
|
|
1
|
+
import { t as e } from "../s-tool-bar-DaZ2wT09.js";
|
|
2
2
|
export { e as SToolBar, e as default };
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import { t as e } from "../s-tool-bar-
|
|
1
|
+
import { t as e } from "../s-tool-bar-DaZ2wT09.js";
|
|
2
2
|
export { e as SToolBar, e as default };
|
|
@@ -3,7 +3,7 @@ import { t } from "./createSvgIcon-BdNZIlKS.js";
|
|
|
3
3
|
import { t as n } from "./Close-Bj2HYB9Q.js";
|
|
4
4
|
import { t as r } from "./Download-BhSXOhCI.js";
|
|
5
5
|
import { t as i } from "./InfoOutlined-C1AW3f5V.js";
|
|
6
|
-
import { t as a } from "./s-select-
|
|
6
|
+
import { t as a } from "./s-select-B-dEcddK.js";
|
|
7
7
|
import o, { useCallback as s, useEffect as c, useMemo as l, useState as u } from "react";
|
|
8
8
|
import { jsx as d, jsxs as f } from "react/jsx-runtime";
|
|
9
9
|
import { createPortal as p } from "react-dom";
|