@solostylist/ui-kit 1.0.175 → 1.0.176
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/{ArrowUpward-DhTFpzoh.js → ArrowUpward-CEeqSc-C.js} +2 -2
- package/dist/{Box-Ha0cQ4KO.js → Box-CE3rycd-.js} +5 -5
- package/dist/ButtonBase-C_YYB9Ry.js +1099 -0
- package/dist/{ChevronLeft-CBuFk2Fh.js → ChevronLeft-6gdh4lRt.js} +2 -2
- package/dist/{ChevronRight-CnDWPrOm.js → ChevronRight-CC3l-wPC.js} +2 -2
- package/dist/{Close-BRlEKA2Q.js → Close-DOHlPcFK.js} +2 -2
- package/dist/{ContentCopy-7nFBtjhs.js → ContentCopy-2xxDThyB.js} +2 -2
- package/dist/DefaultPropsProvider-sk0uWcA6.js +64 -0
- package/dist/{Download-UsLvGg3y.js → Download-Chao5NQl.js} +2 -2
- package/dist/{ExpandMore-DTWX_mHf.js → ExpandMore-DIGPB4Mj.js} +2 -2
- package/dist/{Favorite-DS5Gpq2s.js → Favorite-wp65zwWq.js} +2 -2
- package/dist/{Menu-CWq-a1Wz.js → Menu-DZYzE2Mg.js} +908 -906
- package/dist/{MenuItem-DY_qFSPR.js → MenuItem-BXiIhfBS.js} +26 -25
- package/dist/Paper-DnctZB5U.js +689 -0
- package/dist/{Select-DabtQlJT.js → Select-DY7XGVsv.js} +2152 -2115
- package/dist/{Stack-Cq2r2NmC.js → Stack-BScsuyQy.js} +6 -6
- package/dist/{Typography-C8jwvSWe.js → Typography-9Kg27dDw.js} +84 -86
- package/dist/{_commonjsHelpers-B4e78b8K.js → _commonjsHelpers-ByX85dGu.js} +18 -13
- package/dist/assets/s-overlay-scrollbar.css +1 -9
- package/dist/createSvgIcon-BKymXuBG.js +242 -0
- package/dist/{createTheme-3Wd3hHrj.js → createTheme-f5g1s6ww.js} +859 -906
- package/dist/defaultTheme-LSr-S9un.js +5 -0
- package/dist/entries/carousel.d.ts +10 -0
- package/dist/entries/carousel.js +4 -0
- package/dist/entries/chat.d.ts +9 -0
- package/dist/entries/chat.js +4 -0
- package/dist/entries/code.d.ts +9 -0
- package/dist/entries/code.js +4 -0
- package/dist/entries/core.d.ts +100 -0
- package/dist/entries/core.js +122 -0
- package/dist/entries/dates.d.ts +16 -0
- package/dist/entries/dates.js +12 -0
- package/dist/entries/dropzone.d.ts +9 -0
- package/dist/entries/dropzone.js +4 -0
- package/dist/entries/editor.d.ts +12 -0
- package/dist/entries/editor.js +4 -0
- package/dist/entries/gallery.d.ts +17 -0
- package/dist/entries/gallery.js +13 -0
- package/dist/entries/i18n.d.ts +13 -0
- package/dist/entries/i18n.js +8 -0
- package/dist/entries/motion.d.ts +29 -0
- package/dist/entries/motion.js +28 -0
- package/dist/entries/scrollbar.d.ts +9 -0
- package/dist/entries/scrollbar.js +4 -0
- package/dist/entries/stripe.d.ts +10 -0
- package/dist/entries/stripe.js +10 -0
- package/dist/extendSxProp-DitxZ8We.js +36 -0
- package/dist/hooks/index.js +8 -9
- package/dist/hooks/use-is-passed-position.js +10 -10
- package/dist/{index-BGvzecIA.js → index-D3G5Rwl-.js} +0 -7
- package/dist/{index-CfKHZ86U.js → index-DtYP8YE7.js} +12 -13
- package/dist/{jsx-runtime-OVHDjVDe.js → jsx-runtime-tc70JA_2.js} +108 -128
- package/dist/main.d.ts +29 -145
- package/dist/main.js +187 -187
- package/dist/mergeSlotProps-CuzBQdlp.js +62 -0
- package/dist/resolveProps-BDH0VJjn.js +39 -0
- package/dist/s-accordion/package.json +5 -5
- package/dist/s-accordion/s-accordion.js +374 -358
- package/dist/s-action-overlay/package.json +5 -5
- package/dist/s-action-overlay/s-action-overlay.js +64 -79
- package/dist/s-ai-tool-bar/package.json +5 -5
- package/dist/s-ai-tool-bar/s-ai-tool-bar.js +260 -275
- package/dist/s-autocomplete/s-autocomplete.js +19 -25
- package/dist/s-avatar/package.json +5 -5
- package/dist/s-avatar/s-avatar.js +14 -25
- package/dist/s-blur-text/package.json +5 -5
- package/dist/s-blur-text/s-blur-text.js +55 -59
- package/dist/s-breadcrumbs/package.json +5 -5
- package/dist/s-breadcrumbs/s-breadcrumbs.js +31 -39
- package/dist/s-button/package.json +5 -5
- package/dist/s-button/s-button.js +7 -15
- package/dist/s-button-link/s-button-link.js +28 -36
- package/dist/s-carousel/package.json +4 -4
- package/dist/s-carousel/s-carousel.js +267 -280
- package/dist/s-category-card/package.json +4 -4
- package/dist/s-category-card/s-category-card.js +60 -77
- package/dist/s-chat-input/package.json +5 -5
- package/dist/s-chat-input/s-chat-input.js +84 -92
- package/dist/s-chat-message/s-chat-message.js +111 -120
- package/dist/s-checkbox/s-checkbox.js +12 -20
- package/dist/s-chip/package.json +5 -5
- package/dist/s-chip/s-chip.js +7 -15
- package/dist/s-chips/s-chips.js +47 -56
- package/dist/s-code-block/package.json +5 -5
- package/dist/s-code-block/s-code-block.js +35 -43
- package/dist/s-comment-message/package.json +5 -5
- package/dist/s-comment-message/s-comment-message.js +90 -94
- package/dist/s-copyable-text/s-copyable-text.js +24 -32
- package/dist/s-countdown/s-count-box.js +42 -50
- package/dist/s-countdown/s-count-down.js +79 -107
- package/dist/s-data-table/s-data-table.js +374 -384
- package/dist/s-date-picker/s-date-picker.js +164 -164
- package/dist/s-datetime-picker/s-datetime-picker.js +1599 -1603
- package/dist/s-dialog/s-dialog.js +24 -32
- package/dist/s-dialog-confirm/s-dialog-confirm.js +46 -50
- package/dist/s-dialog-message/s-dialog-message.js +40 -44
- package/dist/s-empty/s-empty.js +6 -14
- package/dist/s-error/s-error.js +9 -17
- package/dist/s-error-layout/s-error-layout.js +38 -47
- package/dist/s-file-dropzone/s-file-dropzone.js +55 -64
- package/dist/s-file-icon/s-file-icon.js +9 -13
- package/dist/s-flex-box/s-flex-box.js +6 -14
- package/dist/s-form/s-form.js +11 -19
- package/dist/s-gallery/index.js +3 -33
- package/dist/s-gallery/s-gallery.js +91 -114
- package/dist/s-glow-button/s-glow-button.js +22 -26
- package/dist/s-gradient-icon/s-gradient-icon.js +49 -59
- package/dist/s-i18n-provider/s-i18n-provider.js +17 -25
- package/dist/s-icon-button/s-icon-button.js +6 -14
- package/dist/s-image-comparison/package.json +5 -5
- package/dist/s-image-comparison/s-image-comparison.js +48 -53
- package/dist/s-image-modal/package.json +5 -5
- package/dist/s-image-modal/s-image-modal.js +137 -150
- package/dist/s-item-not-found/s-item-not-found.js +13 -22
- package/dist/s-label/s-label.js +12 -20
- package/dist/s-language-switcher/s-language-switcher.js +119 -141
- package/dist/s-lazy-image/index.js +2 -10
- package/dist/s-lazy-image/s-lazy-image.js +33 -37
- package/dist/s-localization-provider/s-localization-provider.js +368 -380
- package/dist/s-moving-border/s-moving-border.js +52 -67
- package/dist/s-multi-select/s-multi-select.js +43 -51
- package/dist/s-no-ssr/s-no-ssr.js +13 -21
- package/dist/s-overlay-scrollbar/s-overlay-scrollbar.js +12 -16
- package/dist/s-pagination/s-pagination.js +13 -17
- package/dist/s-pixel-reveal/package.json +5 -5
- package/dist/s-pixel-reveal/s-pixel-reveal.js +92 -99
- package/dist/s-radial-pulse-animate/package.json +5 -5
- package/dist/s-radial-pulse-animate/s-radial-pulse-animate.js +40 -48
- package/dist/s-rating/package.json +5 -5
- package/dist/s-rating/s-rating.js +7 -15
- package/dist/s-review/package.json +5 -5
- package/dist/s-review/s-review.js +101 -106
- package/dist/s-scroll-reveal/package.json +5 -5
- package/dist/s-scroll-reveal/s-scroll-reveal.js +40 -48
- package/dist/s-scroll-to-top/package.json +5 -5
- package/dist/s-scroll-to-top/s-scroll-to-top.js +20 -30
- package/dist/s-scroll-velocity/package.json +5 -5
- package/dist/s-scroll-velocity/s-scroll-velocity.js +5 -19
- package/dist/s-scroll-velocity/scroll-velocity-container.js +18 -27
- package/dist/s-scroll-velocity/scroll-velocity-row.js +62 -71
- package/dist/s-select/s-select.js +67 -75
- package/dist/s-select-list/s-select-list.js +28 -32
- package/dist/s-skeleton/s-skeleton.js +20 -28
- package/dist/s-snackbar-message/s-snackbar-message.js +36 -40
- package/dist/s-spotlight-cursor/s-spotlight-cursor.js +31 -35
- package/dist/s-stripe/s-stripe-cvc.js +8 -12
- package/dist/s-stripe/s-stripe-expiry.js +8 -12
- package/dist/s-stripe/s-stripe-number.js +8 -12
- package/dist/s-stripe/s-stripe.d.ts +2 -2
- package/dist/s-stripe/s-stripe.js +17 -26
- package/dist/s-stripe/stripe-input.js +25 -29
- package/dist/s-tabs/package.json +3 -3
- package/dist/s-tabs/s-tab-panel.js +17 -25
- package/dist/s-tabs/s-tab.js +5 -9
- package/dist/s-tabs/s-tabs.js +19 -27
- package/dist/s-text-editor/s-text-editor-toolbar.js +73 -88
- package/dist/s-text-editor/s-text-editor.js +33 -45
- package/dist/s-text-field/s-text-field.js +31 -40
- package/dist/s-text-shimmer/package.json +4 -4
- package/dist/s-text-shimmer/s-text-shimmer.js +19 -27
- package/dist/s-text-truncation/s-text-truncation.js +24 -32
- package/dist/s-theme-demo/package.json +5 -5
- package/dist/s-theme-demo/s-theme-demo.js +219 -234
- package/dist/s-theme-provider/s-theme-provider.js +37 -45
- package/dist/s-theme-switch/package.json +4 -4
- package/dist/s-theme-switch/s-theme-switch.js +19 -23
- package/dist/s-tip/s-tip.js +14 -22
- package/dist/s-two-pane-layout/index.js +2 -10
- package/dist/s-two-pane-layout/s-two-pane-layout.js +47 -55
- package/dist/s-typewriter-text/package.json +5 -5
- package/dist/s-typewriter-text/s-typewriter-text.js +27 -35
- package/dist/s-zoom-image/index.js +2 -10
- package/dist/s-zoom-image/package.json +5 -5
- package/dist/s-zoom-image/s-zoom-image.js +53 -62
- package/dist/styled-B0KflPi-.js +203 -0
- package/dist/theme/components/alert.d.ts +484 -264
- package/dist/theme/components/avatar.js +2 -2
- package/dist/theme/components/button.d.ts +726 -396
- package/dist/theme/components/chip.js +2 -2
- package/dist/theme/components/icon-button.d.ts +726 -396
- package/dist/theme/customizations/data-display.js +1 -1
- package/dist/theme/customizations/inputs.js +2 -2
- package/dist/theme/customizations/navigation.js +2 -2
- package/dist/theme/theme-primitives.d.ts +8 -246
- package/dist/theme/theme-primitives.js +76 -87
- package/dist/{typographyClasses-DDyl9mok.js → typographyClasses-C7fhAsUD.js} +4 -4
- package/dist/{useMobilePicker-C1RZZUWr.js → useMobilePicker-C4AYe0Ch.js} +11249 -11231
- package/dist/{useTheme-B5czKfC4.js → useTheme-CtdhfT4P.js} +1 -1
- package/dist/{useThemeProps-DqA5BinV.js → useThemeProps-_apS-Aua.js} +2 -2
- package/dist/utils/dayjs.js +7 -7
- package/dist/utils/logger.js +29 -32
- package/dist/{warning-BCwEnWrE.js → warning-DnPRVtW6.js} +4 -4
- package/package.json +240 -81
- package/README.md +0 -13
- package/dist/ButtonBase-DfTfJ_ou.js +0 -1105
- package/dist/DefaultPropsProvider-CaCsvQaq.js +0 -78
- package/dist/Paper-hkbPWyBT.js +0 -553
- package/dist/createSvgIcon-DxwgGAVe.js +0 -247
- package/dist/defaultTheme-fEi1x1Gb.js +0 -5
- package/dist/extendSxProp-BKWjdW12.js +0 -37
- package/dist/mergeSlotProps-Dl_rJtoN.js +0 -62
- package/dist/resolveProps-61uUKnlS.js +0 -52
- package/dist/styled-B0Z4EDy9.js +0 -206
|
@@ -1,78 +0,0 @@
|
|
|
1
|
-
import { p as h } from "./styled-B0Z4EDy9.js";
|
|
2
|
-
import * as p from "react";
|
|
3
|
-
import { P as i } from "./createTheme-3Wd3hHrj.js";
|
|
4
|
-
import "./jsx-runtime-OVHDjVDe.js";
|
|
5
|
-
import { r as c } from "./resolveProps-61uUKnlS.js";
|
|
6
|
-
function d(e) {
|
|
7
|
-
var t, o, n = "";
|
|
8
|
-
if (typeof e == "string" || typeof e == "number") n += e;
|
|
9
|
-
else if (typeof e == "object") if (Array.isArray(e)) {
|
|
10
|
-
var r = e.length;
|
|
11
|
-
for (t = 0; t < r; t++) e[t] && (o = d(e[t])) && (n && (n += " "), n += o);
|
|
12
|
-
} else for (o in e) e[o] && (n && (n += " "), n += o);
|
|
13
|
-
return n;
|
|
14
|
-
}
|
|
15
|
-
function T() {
|
|
16
|
-
for (var e, t, o = 0, n = "", r = arguments.length; o < r; o++) (e = arguments[o]) && (t = d(e)) && (n && (n += " "), n += t);
|
|
17
|
-
return n;
|
|
18
|
-
}
|
|
19
|
-
function A(e, t, o = void 0) {
|
|
20
|
-
const n = {};
|
|
21
|
-
for (const r in e) {
|
|
22
|
-
const s = e[r];
|
|
23
|
-
let m = "", f = !0;
|
|
24
|
-
for (let a = 0; a < s.length; a += 1) {
|
|
25
|
-
const u = s[a];
|
|
26
|
-
u && (m += (f === !0 ? "" : " ") + t(u), f = !1, o && o[u] && (m += " " + o[u]));
|
|
27
|
-
}
|
|
28
|
-
n[r] = m;
|
|
29
|
-
}
|
|
30
|
-
return n;
|
|
31
|
-
}
|
|
32
|
-
const v = /* @__PURE__ */ p.createContext(void 0);
|
|
33
|
-
process.env.NODE_ENV !== "production" && (i.node, i.object);
|
|
34
|
-
function g(e) {
|
|
35
|
-
const {
|
|
36
|
-
theme: t,
|
|
37
|
-
name: o,
|
|
38
|
-
props: n
|
|
39
|
-
} = e;
|
|
40
|
-
if (!t || !t.components || !t.components[o])
|
|
41
|
-
return n;
|
|
42
|
-
const r = t.components[o];
|
|
43
|
-
return r.defaultProps ? c(r.defaultProps, n, t.components.mergeClassNameAndStyle) : !r.styleOverrides && !r.variants ? c(r, n, t.components.mergeClassNameAndStyle) : n;
|
|
44
|
-
}
|
|
45
|
-
function y({
|
|
46
|
-
props: e,
|
|
47
|
-
name: t
|
|
48
|
-
}) {
|
|
49
|
-
const o = p.useContext(v);
|
|
50
|
-
return g({
|
|
51
|
-
props: e,
|
|
52
|
-
name: t,
|
|
53
|
-
theme: {
|
|
54
|
-
components: o
|
|
55
|
-
}
|
|
56
|
-
});
|
|
57
|
-
}
|
|
58
|
-
const l = {
|
|
59
|
-
theme: void 0
|
|
60
|
-
};
|
|
61
|
-
function P(e) {
|
|
62
|
-
let t, o;
|
|
63
|
-
return function(r) {
|
|
64
|
-
let s = t;
|
|
65
|
-
return (s === void 0 || r.theme !== o) && (l.theme = r.theme, s = h(e(l)), t = s, o = r.theme), s;
|
|
66
|
-
};
|
|
67
|
-
}
|
|
68
|
-
const D = P;
|
|
69
|
-
process.env.NODE_ENV !== "production" && (i.node, i.object.isRequired);
|
|
70
|
-
function E(e) {
|
|
71
|
-
return y(e);
|
|
72
|
-
}
|
|
73
|
-
export {
|
|
74
|
-
A as a,
|
|
75
|
-
T as c,
|
|
76
|
-
D as m,
|
|
77
|
-
E as u
|
|
78
|
-
};
|
package/dist/Paper-hkbPWyBT.js
DELETED
|
@@ -1,553 +0,0 @@
|
|
|
1
|
-
import { _ as M } from "./objectWithoutPropertiesLoose-DiWPeE4c.js";
|
|
2
|
-
import { _ as I, T as C, c as _ } from "./ButtonBase-DfTfJ_ou.js";
|
|
3
|
-
import { P as n, k as S } from "./createTheme-3Wd3hHrj.js";
|
|
4
|
-
import * as P from "react";
|
|
5
|
-
import b from "react";
|
|
6
|
-
import g from "react-dom";
|
|
7
|
-
import { u as U, c as $, a as q, m as V } from "./DefaultPropsProvider-CaCsvQaq.js";
|
|
8
|
-
import { d as j } from "./defaultTheme-fEi1x1Gb.js";
|
|
9
|
-
import { T as L } from "./identifier-BKLqN993.js";
|
|
10
|
-
import { u as G } from "./useTheme-B5czKfC4.js";
|
|
11
|
-
import { j as A } from "./jsx-runtime-OVHDjVDe.js";
|
|
12
|
-
import { s as F } from "./styled-B0Z4EDy9.js";
|
|
13
|
-
import { g as X, a as D } from "./colorManipulator-ep5lERxB.js";
|
|
14
|
-
import { g as W } from "./generateUtilityClasses-BtVDwGrk.js";
|
|
15
|
-
function H() {
|
|
16
|
-
const o = G(j);
|
|
17
|
-
return process.env.NODE_ENV !== "production" && P.useDebugValue(o), o[L] || o;
|
|
18
|
-
}
|
|
19
|
-
const R = {
|
|
20
|
-
disabled: !1
|
|
21
|
-
};
|
|
22
|
-
var B = process.env.NODE_ENV !== "production" ? n.oneOfType([n.number, n.shape({
|
|
23
|
-
enter: n.number,
|
|
24
|
-
exit: n.number,
|
|
25
|
-
appear: n.number
|
|
26
|
-
}).isRequired]) : null, ve = process.env.NODE_ENV !== "production" ? n.oneOfType([n.string, n.shape({
|
|
27
|
-
enter: n.string,
|
|
28
|
-
exit: n.string,
|
|
29
|
-
active: n.string
|
|
30
|
-
}), n.shape({
|
|
31
|
-
enter: n.string,
|
|
32
|
-
enterDone: n.string,
|
|
33
|
-
enterActive: n.string,
|
|
34
|
-
exit: n.string,
|
|
35
|
-
exitDone: n.string,
|
|
36
|
-
exitActive: n.string
|
|
37
|
-
})]) : null, z = function(a) {
|
|
38
|
-
return a.scrollTop;
|
|
39
|
-
}, x = "unmounted", d = "exited", v = "entering", E = "entered", N = "exiting", c = /* @__PURE__ */ (function(o) {
|
|
40
|
-
I(a, o);
|
|
41
|
-
function a(r, t) {
|
|
42
|
-
var e;
|
|
43
|
-
e = o.call(this, r, t) || this;
|
|
44
|
-
var i = t, u = i && !i.isMounting ? r.enter : r.appear, l;
|
|
45
|
-
return e.appearStatus = null, r.in ? u ? (l = d, e.appearStatus = v) : l = E : r.unmountOnExit || r.mountOnEnter ? l = x : l = d, e.state = {
|
|
46
|
-
status: l
|
|
47
|
-
}, e.nextCallback = null, e;
|
|
48
|
-
}
|
|
49
|
-
a.getDerivedStateFromProps = function(t, e) {
|
|
50
|
-
var i = t.in;
|
|
51
|
-
return i && e.status === x ? {
|
|
52
|
-
status: d
|
|
53
|
-
} : null;
|
|
54
|
-
};
|
|
55
|
-
var s = a.prototype;
|
|
56
|
-
return s.componentDidMount = function() {
|
|
57
|
-
this.updateStatus(!0, this.appearStatus);
|
|
58
|
-
}, s.componentDidUpdate = function(t) {
|
|
59
|
-
var e = null;
|
|
60
|
-
if (t !== this.props) {
|
|
61
|
-
var i = this.state.status;
|
|
62
|
-
this.props.in ? i !== v && i !== E && (e = v) : (i === v || i === E) && (e = N);
|
|
63
|
-
}
|
|
64
|
-
this.updateStatus(!1, e);
|
|
65
|
-
}, s.componentWillUnmount = function() {
|
|
66
|
-
this.cancelNextCallback();
|
|
67
|
-
}, s.getTimeouts = function() {
|
|
68
|
-
var t = this.props.timeout, e, i, u;
|
|
69
|
-
return e = i = u = t, t != null && typeof t != "number" && (e = t.exit, i = t.enter, u = t.appear !== void 0 ? t.appear : i), {
|
|
70
|
-
exit: e,
|
|
71
|
-
enter: i,
|
|
72
|
-
appear: u
|
|
73
|
-
};
|
|
74
|
-
}, s.updateStatus = function(t, e) {
|
|
75
|
-
if (t === void 0 && (t = !1), e !== null)
|
|
76
|
-
if (this.cancelNextCallback(), e === v) {
|
|
77
|
-
if (this.props.unmountOnExit || this.props.mountOnEnter) {
|
|
78
|
-
var i = this.props.nodeRef ? this.props.nodeRef.current : g.findDOMNode(this);
|
|
79
|
-
i && z(i);
|
|
80
|
-
}
|
|
81
|
-
this.performEnter(t);
|
|
82
|
-
} else
|
|
83
|
-
this.performExit();
|
|
84
|
-
else this.props.unmountOnExit && this.state.status === d && this.setState({
|
|
85
|
-
status: x
|
|
86
|
-
});
|
|
87
|
-
}, s.performEnter = function(t) {
|
|
88
|
-
var e = this, i = this.props.enter, u = this.context ? this.context.isMounting : t, l = this.props.nodeRef ? [u] : [g.findDOMNode(this), u], p = l[0], f = l[1], h = this.getTimeouts(), T = u ? h.appear : h.enter;
|
|
89
|
-
if (!t && !i || R.disabled) {
|
|
90
|
-
this.safeSetState({
|
|
91
|
-
status: E
|
|
92
|
-
}, function() {
|
|
93
|
-
e.props.onEntered(p);
|
|
94
|
-
});
|
|
95
|
-
return;
|
|
96
|
-
}
|
|
97
|
-
this.props.onEnter(p, f), this.safeSetState({
|
|
98
|
-
status: v
|
|
99
|
-
}, function() {
|
|
100
|
-
e.props.onEntering(p, f), e.onTransitionEnd(T, function() {
|
|
101
|
-
e.safeSetState({
|
|
102
|
-
status: E
|
|
103
|
-
}, function() {
|
|
104
|
-
e.props.onEntered(p, f);
|
|
105
|
-
});
|
|
106
|
-
});
|
|
107
|
-
});
|
|
108
|
-
}, s.performExit = function() {
|
|
109
|
-
var t = this, e = this.props.exit, i = this.getTimeouts(), u = this.props.nodeRef ? void 0 : g.findDOMNode(this);
|
|
110
|
-
if (!e || R.disabled) {
|
|
111
|
-
this.safeSetState({
|
|
112
|
-
status: d
|
|
113
|
-
}, function() {
|
|
114
|
-
t.props.onExited(u);
|
|
115
|
-
});
|
|
116
|
-
return;
|
|
117
|
-
}
|
|
118
|
-
this.props.onExit(u), this.safeSetState({
|
|
119
|
-
status: N
|
|
120
|
-
}, function() {
|
|
121
|
-
t.props.onExiting(u), t.onTransitionEnd(i.exit, function() {
|
|
122
|
-
t.safeSetState({
|
|
123
|
-
status: d
|
|
124
|
-
}, function() {
|
|
125
|
-
t.props.onExited(u);
|
|
126
|
-
});
|
|
127
|
-
});
|
|
128
|
-
});
|
|
129
|
-
}, s.cancelNextCallback = function() {
|
|
130
|
-
this.nextCallback !== null && (this.nextCallback.cancel(), this.nextCallback = null);
|
|
131
|
-
}, s.safeSetState = function(t, e) {
|
|
132
|
-
e = this.setNextCallback(e), this.setState(t, e);
|
|
133
|
-
}, s.setNextCallback = function(t) {
|
|
134
|
-
var e = this, i = !0;
|
|
135
|
-
return this.nextCallback = function(u) {
|
|
136
|
-
i && (i = !1, e.nextCallback = null, t(u));
|
|
137
|
-
}, this.nextCallback.cancel = function() {
|
|
138
|
-
i = !1;
|
|
139
|
-
}, this.nextCallback;
|
|
140
|
-
}, s.onTransitionEnd = function(t, e) {
|
|
141
|
-
this.setNextCallback(e);
|
|
142
|
-
var i = this.props.nodeRef ? this.props.nodeRef.current : g.findDOMNode(this), u = t == null && !this.props.addEndListener;
|
|
143
|
-
if (!i || u) {
|
|
144
|
-
setTimeout(this.nextCallback, 0);
|
|
145
|
-
return;
|
|
146
|
-
}
|
|
147
|
-
if (this.props.addEndListener) {
|
|
148
|
-
var l = this.props.nodeRef ? [this.nextCallback] : [i, this.nextCallback], p = l[0], f = l[1];
|
|
149
|
-
this.props.addEndListener(p, f);
|
|
150
|
-
}
|
|
151
|
-
t != null && setTimeout(this.nextCallback, t);
|
|
152
|
-
}, s.render = function() {
|
|
153
|
-
var t = this.state.status;
|
|
154
|
-
if (t === x)
|
|
155
|
-
return null;
|
|
156
|
-
var e = this.props, i = e.children;
|
|
157
|
-
e.in, e.mountOnEnter, e.unmountOnExit, e.appear, e.enter, e.exit, e.timeout, e.addEndListener, e.onEnter, e.onEntering, e.onEntered, e.onExit, e.onExiting, e.onExited, e.nodeRef;
|
|
158
|
-
var u = M(e, ["children", "in", "mountOnEnter", "unmountOnExit", "appear", "enter", "exit", "timeout", "addEndListener", "onEnter", "onEntering", "onEntered", "onExit", "onExiting", "onExited", "nodeRef"]);
|
|
159
|
-
return (
|
|
160
|
-
// allows for nested Transitions
|
|
161
|
-
/* @__PURE__ */ b.createElement(C.Provider, {
|
|
162
|
-
value: null
|
|
163
|
-
}, typeof i == "function" ? i(t, u) : b.cloneElement(b.Children.only(i), u))
|
|
164
|
-
);
|
|
165
|
-
}, a;
|
|
166
|
-
})(b.Component);
|
|
167
|
-
c.contextType = C;
|
|
168
|
-
c.propTypes = process.env.NODE_ENV !== "production" ? {
|
|
169
|
-
/**
|
|
170
|
-
* A React reference to DOM element that need to transition:
|
|
171
|
-
* https://stackoverflow.com/a/51127130/4671932
|
|
172
|
-
*
|
|
173
|
-
* - When `nodeRef` prop is used, `node` is not passed to callback functions
|
|
174
|
-
* (e.g. `onEnter`) because user already has direct access to the node.
|
|
175
|
-
* - When changing `key` prop of `Transition` in a `TransitionGroup` a new
|
|
176
|
-
* `nodeRef` need to be provided to `Transition` with changed `key` prop
|
|
177
|
-
* (see
|
|
178
|
-
* [test/CSSTransition-test.js](https://github.com/reactjs/react-transition-group/blob/13435f897b3ab71f6e19d724f145596f5910581c/test/CSSTransition-test.js#L362-L437)).
|
|
179
|
-
*/
|
|
180
|
-
nodeRef: n.shape({
|
|
181
|
-
current: typeof Element > "u" ? n.any : function(o, a, s, r, t, e) {
|
|
182
|
-
var i = o[a];
|
|
183
|
-
return n.instanceOf(i && "ownerDocument" in i ? i.ownerDocument.defaultView.Element : Element)(o, a, s, r, t, e);
|
|
184
|
-
}
|
|
185
|
-
}),
|
|
186
|
-
/**
|
|
187
|
-
* A `function` child can be used instead of a React element. This function is
|
|
188
|
-
* called with the current transition status (`'entering'`, `'entered'`,
|
|
189
|
-
* `'exiting'`, `'exited'`), which can be used to apply context
|
|
190
|
-
* specific props to a component.
|
|
191
|
-
*
|
|
192
|
-
* ```jsx
|
|
193
|
-
* <Transition in={this.state.in} timeout={150}>
|
|
194
|
-
* {state => (
|
|
195
|
-
* <MyComponent className={`fade fade-${state}`} />
|
|
196
|
-
* )}
|
|
197
|
-
* </Transition>
|
|
198
|
-
* ```
|
|
199
|
-
*/
|
|
200
|
-
children: n.oneOfType([n.func.isRequired, n.element.isRequired]).isRequired,
|
|
201
|
-
/**
|
|
202
|
-
* Show the component; triggers the enter or exit states
|
|
203
|
-
*/
|
|
204
|
-
in: n.bool,
|
|
205
|
-
/**
|
|
206
|
-
* By default the child component is mounted immediately along with
|
|
207
|
-
* the parent `Transition` component. If you want to "lazy mount" the component on the
|
|
208
|
-
* first `in={true}` you can set `mountOnEnter`. After the first enter transition the component will stay
|
|
209
|
-
* mounted, even on "exited", unless you also specify `unmountOnExit`.
|
|
210
|
-
*/
|
|
211
|
-
mountOnEnter: n.bool,
|
|
212
|
-
/**
|
|
213
|
-
* By default the child component stays mounted after it reaches the `'exited'` state.
|
|
214
|
-
* Set `unmountOnExit` if you'd prefer to unmount the component after it finishes exiting.
|
|
215
|
-
*/
|
|
216
|
-
unmountOnExit: n.bool,
|
|
217
|
-
/**
|
|
218
|
-
* By default the child component does not perform the enter transition when
|
|
219
|
-
* it first mounts, regardless of the value of `in`. If you want this
|
|
220
|
-
* behavior, set both `appear` and `in` to `true`.
|
|
221
|
-
*
|
|
222
|
-
* > **Note**: there are no special appear states like `appearing`/`appeared`, this prop
|
|
223
|
-
* > only adds an additional enter transition. However, in the
|
|
224
|
-
* > `<CSSTransition>` component that first enter transition does result in
|
|
225
|
-
* > additional `.appear-*` classes, that way you can choose to style it
|
|
226
|
-
* > differently.
|
|
227
|
-
*/
|
|
228
|
-
appear: n.bool,
|
|
229
|
-
/**
|
|
230
|
-
* Enable or disable enter transitions.
|
|
231
|
-
*/
|
|
232
|
-
enter: n.bool,
|
|
233
|
-
/**
|
|
234
|
-
* Enable or disable exit transitions.
|
|
235
|
-
*/
|
|
236
|
-
exit: n.bool,
|
|
237
|
-
/**
|
|
238
|
-
* The duration of the transition, in milliseconds.
|
|
239
|
-
* Required unless `addEndListener` is provided.
|
|
240
|
-
*
|
|
241
|
-
* You may specify a single timeout for all transitions:
|
|
242
|
-
*
|
|
243
|
-
* ```jsx
|
|
244
|
-
* timeout={500}
|
|
245
|
-
* ```
|
|
246
|
-
*
|
|
247
|
-
* or individually:
|
|
248
|
-
*
|
|
249
|
-
* ```jsx
|
|
250
|
-
* timeout={{
|
|
251
|
-
* appear: 500,
|
|
252
|
-
* enter: 300,
|
|
253
|
-
* exit: 500,
|
|
254
|
-
* }}
|
|
255
|
-
* ```
|
|
256
|
-
*
|
|
257
|
-
* - `appear` defaults to the value of `enter`
|
|
258
|
-
* - `enter` defaults to `0`
|
|
259
|
-
* - `exit` defaults to `0`
|
|
260
|
-
*
|
|
261
|
-
* @type {number | { enter?: number, exit?: number, appear?: number }}
|
|
262
|
-
*/
|
|
263
|
-
timeout: function(a) {
|
|
264
|
-
var s = B;
|
|
265
|
-
a.addEndListener || (s = s.isRequired);
|
|
266
|
-
for (var r = arguments.length, t = new Array(r > 1 ? r - 1 : 0), e = 1; e < r; e++)
|
|
267
|
-
t[e - 1] = arguments[e];
|
|
268
|
-
return s.apply(void 0, [a].concat(t));
|
|
269
|
-
},
|
|
270
|
-
/**
|
|
271
|
-
* Add a custom transition end trigger. Called with the transitioning
|
|
272
|
-
* DOM node and a `done` callback. Allows for more fine grained transition end
|
|
273
|
-
* logic. Timeouts are still used as a fallback if provided.
|
|
274
|
-
*
|
|
275
|
-
* **Note**: when `nodeRef` prop is passed, `node` is not passed.
|
|
276
|
-
*
|
|
277
|
-
* ```jsx
|
|
278
|
-
* addEndListener={(node, done) => {
|
|
279
|
-
* // use the css transitionend event to mark the finish of a transition
|
|
280
|
-
* node.addEventListener('transitionend', done, false);
|
|
281
|
-
* }}
|
|
282
|
-
* ```
|
|
283
|
-
*/
|
|
284
|
-
addEndListener: n.func,
|
|
285
|
-
/**
|
|
286
|
-
* Callback fired before the "entering" status is applied. An extra parameter
|
|
287
|
-
* `isAppearing` is supplied to indicate if the enter stage is occurring on the initial mount
|
|
288
|
-
*
|
|
289
|
-
* **Note**: when `nodeRef` prop is passed, `node` is not passed.
|
|
290
|
-
*
|
|
291
|
-
* @type Function(node: HtmlElement, isAppearing: bool) -> void
|
|
292
|
-
*/
|
|
293
|
-
onEnter: n.func,
|
|
294
|
-
/**
|
|
295
|
-
* Callback fired after the "entering" status is applied. An extra parameter
|
|
296
|
-
* `isAppearing` is supplied to indicate if the enter stage is occurring on the initial mount
|
|
297
|
-
*
|
|
298
|
-
* **Note**: when `nodeRef` prop is passed, `node` is not passed.
|
|
299
|
-
*
|
|
300
|
-
* @type Function(node: HtmlElement, isAppearing: bool)
|
|
301
|
-
*/
|
|
302
|
-
onEntering: n.func,
|
|
303
|
-
/**
|
|
304
|
-
* Callback fired after the "entered" status is applied. An extra parameter
|
|
305
|
-
* `isAppearing` is supplied to indicate if the enter stage is occurring on the initial mount
|
|
306
|
-
*
|
|
307
|
-
* **Note**: when `nodeRef` prop is passed, `node` is not passed.
|
|
308
|
-
*
|
|
309
|
-
* @type Function(node: HtmlElement, isAppearing: bool) -> void
|
|
310
|
-
*/
|
|
311
|
-
onEntered: n.func,
|
|
312
|
-
/**
|
|
313
|
-
* Callback fired before the "exiting" status is applied.
|
|
314
|
-
*
|
|
315
|
-
* **Note**: when `nodeRef` prop is passed, `node` is not passed.
|
|
316
|
-
*
|
|
317
|
-
* @type Function(node: HtmlElement) -> void
|
|
318
|
-
*/
|
|
319
|
-
onExit: n.func,
|
|
320
|
-
/**
|
|
321
|
-
* Callback fired after the "exiting" status is applied.
|
|
322
|
-
*
|
|
323
|
-
* **Note**: when `nodeRef` prop is passed, `node` is not passed.
|
|
324
|
-
*
|
|
325
|
-
* @type Function(node: HtmlElement) -> void
|
|
326
|
-
*/
|
|
327
|
-
onExiting: n.func,
|
|
328
|
-
/**
|
|
329
|
-
* Callback fired after the "exited" status is applied.
|
|
330
|
-
*
|
|
331
|
-
* **Note**: when `nodeRef` prop is passed, `node` is not passed
|
|
332
|
-
*
|
|
333
|
-
* @type Function(node: HtmlElement) -> void
|
|
334
|
-
*/
|
|
335
|
-
onExited: n.func
|
|
336
|
-
} : {};
|
|
337
|
-
function m() {
|
|
338
|
-
}
|
|
339
|
-
c.defaultProps = {
|
|
340
|
-
in: !1,
|
|
341
|
-
mountOnEnter: !1,
|
|
342
|
-
unmountOnExit: !1,
|
|
343
|
-
appear: !1,
|
|
344
|
-
enter: !0,
|
|
345
|
-
exit: !0,
|
|
346
|
-
onEnter: m,
|
|
347
|
-
onEntering: m,
|
|
348
|
-
onEntered: m,
|
|
349
|
-
onExit: m,
|
|
350
|
-
onExiting: m,
|
|
351
|
-
onExited: m
|
|
352
|
-
};
|
|
353
|
-
c.UNMOUNTED = x;
|
|
354
|
-
c.EXITED = d;
|
|
355
|
-
c.ENTERING = v;
|
|
356
|
-
c.ENTERED = E;
|
|
357
|
-
c.EXITING = N;
|
|
358
|
-
const me = (o) => o.scrollTop;
|
|
359
|
-
function Ee(o, a) {
|
|
360
|
-
const {
|
|
361
|
-
timeout: s,
|
|
362
|
-
easing: r,
|
|
363
|
-
style: t = {}
|
|
364
|
-
} = o;
|
|
365
|
-
return {
|
|
366
|
-
duration: t.transitionDuration ?? (typeof s == "number" ? s : s[a.mode] || 0),
|
|
367
|
-
easing: t.transitionTimingFunction ?? (typeof r == "object" ? r[a.mode] : r),
|
|
368
|
-
delay: t.transitionDelay
|
|
369
|
-
};
|
|
370
|
-
}
|
|
371
|
-
function J(o) {
|
|
372
|
-
const a = typeof o;
|
|
373
|
-
switch (a) {
|
|
374
|
-
case "number":
|
|
375
|
-
return Number.isNaN(o) ? "NaN" : Number.isFinite(o) ? o !== Math.floor(o) ? "float" : "number" : "Infinity";
|
|
376
|
-
case "object":
|
|
377
|
-
return o === null ? "null" : o.constructor.name;
|
|
378
|
-
default:
|
|
379
|
-
return a;
|
|
380
|
-
}
|
|
381
|
-
}
|
|
382
|
-
function w(o, a, s, r) {
|
|
383
|
-
const t = o[a];
|
|
384
|
-
if (t == null || !Number.isInteger(t)) {
|
|
385
|
-
const e = J(t);
|
|
386
|
-
return new RangeError(`Invalid ${r} \`${a}\` of type \`${e}\` supplied to \`${s}\`, expected \`integer\`.`);
|
|
387
|
-
}
|
|
388
|
-
return null;
|
|
389
|
-
}
|
|
390
|
-
function k(o, a, s, r) {
|
|
391
|
-
return o[a] === void 0 ? null : w(o, a, s, r);
|
|
392
|
-
}
|
|
393
|
-
function y() {
|
|
394
|
-
return null;
|
|
395
|
-
}
|
|
396
|
-
k.isRequired = w;
|
|
397
|
-
y.isRequired = y;
|
|
398
|
-
const K = process.env.NODE_ENV === "production" ? y : k;
|
|
399
|
-
function Q(o) {
|
|
400
|
-
return X("MuiPaper", o);
|
|
401
|
-
}
|
|
402
|
-
W("MuiPaper", ["root", "rounded", "outlined", "elevation", "elevation0", "elevation1", "elevation2", "elevation3", "elevation4", "elevation5", "elevation6", "elevation7", "elevation8", "elevation9", "elevation10", "elevation11", "elevation12", "elevation13", "elevation14", "elevation15", "elevation16", "elevation17", "elevation18", "elevation19", "elevation20", "elevation21", "elevation22", "elevation23", "elevation24"]);
|
|
403
|
-
const Y = (o) => {
|
|
404
|
-
const {
|
|
405
|
-
square: a,
|
|
406
|
-
elevation: s,
|
|
407
|
-
variant: r,
|
|
408
|
-
classes: t
|
|
409
|
-
} = o, e = {
|
|
410
|
-
root: ["root", r, !a && "rounded", r === "elevation" && `elevation${s}`]
|
|
411
|
-
};
|
|
412
|
-
return q(e, Q, t);
|
|
413
|
-
}, Z = F("div", {
|
|
414
|
-
name: "MuiPaper",
|
|
415
|
-
slot: "Root",
|
|
416
|
-
overridesResolver: (o, a) => {
|
|
417
|
-
const {
|
|
418
|
-
ownerState: s
|
|
419
|
-
} = o;
|
|
420
|
-
return [a.root, a[s.variant], !s.square && a.rounded, s.variant === "elevation" && a[`elevation${s.elevation}`]];
|
|
421
|
-
}
|
|
422
|
-
})(V(({
|
|
423
|
-
theme: o
|
|
424
|
-
}) => ({
|
|
425
|
-
backgroundColor: (o.vars || o).palette.background.paper,
|
|
426
|
-
color: (o.vars || o).palette.text.primary,
|
|
427
|
-
transition: o.transitions.create("box-shadow"),
|
|
428
|
-
variants: [{
|
|
429
|
-
props: ({
|
|
430
|
-
ownerState: a
|
|
431
|
-
}) => !a.square,
|
|
432
|
-
style: {
|
|
433
|
-
borderRadius: o.shape.borderRadius
|
|
434
|
-
}
|
|
435
|
-
}, {
|
|
436
|
-
props: {
|
|
437
|
-
variant: "outlined"
|
|
438
|
-
},
|
|
439
|
-
style: {
|
|
440
|
-
border: `1px solid ${(o.vars || o).palette.divider}`
|
|
441
|
-
}
|
|
442
|
-
}, {
|
|
443
|
-
props: {
|
|
444
|
-
variant: "elevation"
|
|
445
|
-
},
|
|
446
|
-
style: {
|
|
447
|
-
boxShadow: "var(--Paper-shadow)",
|
|
448
|
-
backgroundImage: "var(--Paper-overlay)"
|
|
449
|
-
}
|
|
450
|
-
}]
|
|
451
|
-
}))), ee = /* @__PURE__ */ P.forwardRef(function(a, s) {
|
|
452
|
-
var O;
|
|
453
|
-
const r = U({
|
|
454
|
-
props: a,
|
|
455
|
-
name: "MuiPaper"
|
|
456
|
-
}), t = H(), {
|
|
457
|
-
className: e,
|
|
458
|
-
component: i = "div",
|
|
459
|
-
elevation: u = 1,
|
|
460
|
-
square: l = !1,
|
|
461
|
-
variant: p = "elevation",
|
|
462
|
-
...f
|
|
463
|
-
} = r, h = {
|
|
464
|
-
...r,
|
|
465
|
-
component: i,
|
|
466
|
-
elevation: u,
|
|
467
|
-
square: l,
|
|
468
|
-
variant: p
|
|
469
|
-
}, T = Y(h);
|
|
470
|
-
return process.env.NODE_ENV !== "production" && t.shadows[u] === void 0 && console.error([`MUI: The elevation provided <Paper elevation={${u}}> is not available in the theme.`, `Please make sure that \`theme.shadows[${u}]\` is defined.`].join(`
|
|
471
|
-
`)), /* @__PURE__ */ A.jsx(Z, {
|
|
472
|
-
as: i,
|
|
473
|
-
ownerState: h,
|
|
474
|
-
className: $(T.root, e),
|
|
475
|
-
ref: s,
|
|
476
|
-
...f,
|
|
477
|
-
style: {
|
|
478
|
-
...p === "elevation" && {
|
|
479
|
-
"--Paper-shadow": (t.vars || t).shadows[u],
|
|
480
|
-
...t.vars && {
|
|
481
|
-
"--Paper-overlay": (O = t.vars.overlays) == null ? void 0 : O[u]
|
|
482
|
-
},
|
|
483
|
-
...!t.vars && t.palette.mode === "dark" && {
|
|
484
|
-
"--Paper-overlay": `linear-gradient(${D("#fff", S(u))}, ${D("#fff", S(u))})`
|
|
485
|
-
}
|
|
486
|
-
},
|
|
487
|
-
...f.style
|
|
488
|
-
}
|
|
489
|
-
});
|
|
490
|
-
});
|
|
491
|
-
process.env.NODE_ENV !== "production" && (ee.propTypes = {
|
|
492
|
-
// ┌────────────────────────────── Warning ──────────────────────────────┐
|
|
493
|
-
// │ These PropTypes are generated from the TypeScript type definitions. │
|
|
494
|
-
// │ To update them, edit the d.ts file and run `pnpm proptypes`. │
|
|
495
|
-
// └─────────────────────────────────────────────────────────────────────┘
|
|
496
|
-
/**
|
|
497
|
-
* The content of the component.
|
|
498
|
-
*/
|
|
499
|
-
children: n.node,
|
|
500
|
-
/**
|
|
501
|
-
* Override or extend the styles applied to the component.
|
|
502
|
-
*/
|
|
503
|
-
classes: n.object,
|
|
504
|
-
/**
|
|
505
|
-
* @ignore
|
|
506
|
-
*/
|
|
507
|
-
className: n.string,
|
|
508
|
-
/**
|
|
509
|
-
* The component used for the root node.
|
|
510
|
-
* Either a string to use a HTML element or a component.
|
|
511
|
-
*/
|
|
512
|
-
component: n.elementType,
|
|
513
|
-
/**
|
|
514
|
-
* Shadow depth, corresponds to `dp` in the spec.
|
|
515
|
-
* It accepts values between 0 and 24 inclusive.
|
|
516
|
-
* @default 1
|
|
517
|
-
*/
|
|
518
|
-
elevation: _(K, (o) => {
|
|
519
|
-
const {
|
|
520
|
-
elevation: a,
|
|
521
|
-
variant: s
|
|
522
|
-
} = o;
|
|
523
|
-
return a > 0 && s === "outlined" ? new Error(`MUI: Combining \`elevation={${a}}\` with \`variant="${s}"\` has no effect. Either use \`elevation={0}\` or use a different \`variant\`.`) : null;
|
|
524
|
-
}),
|
|
525
|
-
/**
|
|
526
|
-
* If `true`, rounded corners are disabled.
|
|
527
|
-
* @default false
|
|
528
|
-
*/
|
|
529
|
-
square: n.bool,
|
|
530
|
-
/**
|
|
531
|
-
* @ignore
|
|
532
|
-
*/
|
|
533
|
-
style: n.object,
|
|
534
|
-
/**
|
|
535
|
-
* The system prop that allows defining system overrides as well as additional CSS styles.
|
|
536
|
-
*/
|
|
537
|
-
sx: n.oneOfType([n.arrayOf(n.oneOfType([n.func, n.object, n.bool])), n.func, n.object]),
|
|
538
|
-
/**
|
|
539
|
-
* The variant to use.
|
|
540
|
-
* @default 'elevation'
|
|
541
|
-
*/
|
|
542
|
-
variant: n.oneOfType([n.oneOf(["elevation", "outlined"]), n.string])
|
|
543
|
-
});
|
|
544
|
-
export {
|
|
545
|
-
ee as P,
|
|
546
|
-
c as T,
|
|
547
|
-
ve as c,
|
|
548
|
-
z as f,
|
|
549
|
-
Ee as g,
|
|
550
|
-
K as i,
|
|
551
|
-
me as r,
|
|
552
|
-
H as u
|
|
553
|
-
};
|