@solostylist/ui-kit 1.0.16 → 1.0.18
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/{Box-BAmUWsQI.js → Box-CppaOdse.js} +4 -4
- package/dist/{Menu-B8rPlcSd.js → Menu-bcHHOGTe.js} +5 -5
- package/dist/{Stack-DDbGEkxd.js → Stack-Cvqi8X8g.js} +4 -4
- package/dist/{Typography-DiJzGJJd.js → Typography--_YDZuXf.js} +4 -4
- package/dist/assets/s-image-gallery.css +1 -1
- package/dist/{buttonBaseClasses-DuDP2bLR.js → buttonBaseClasses-Djzc2AiG.js} +2 -2
- package/dist/{createSvgIcon-Bpes8W5L.js → createSvgIcon-Ct7gnxYc.js} +20 -20
- package/dist/{createTheme-DDycScYN.js → createTheme-Hc7RjLJ8.js} +2 -2
- package/dist/{extendSxProp-De4gGzfV.js → extendSxProp-CRSYESt2.js} +1 -1
- package/dist/{generateUtilityClasses-Z7VQRhBn.js → generateUtilityClasses-BUjlppXi.js} +1 -1
- package/dist/{iconButtonClasses-8TuGhR-e.js → iconButtonClasses-p4XIdEHn.js} +2 -2
- package/dist/{index-CBHvlAxO.js → index-DKnaPifQ.js} +4 -4
- package/dist/{memoTheme-DX35GGEJ.js → memoTheme-Bkr5VYLb.js} +3 -3
- package/dist/{menuItemClasses-DLFqc90k.js → menuItemClasses-Dzm1zEZ_.js} +2 -2
- package/dist/{outlinedInputClasses-CnRkAD7A.js → outlinedInputClasses-49K73-OT.js} +2 -2
- package/dist/s-chips/s-chips.d.ts +2 -1
- package/dist/s-chips/s-chips.js +29 -29
- package/dist/s-data-table/s-data-table.js +5 -5
- package/dist/s-dialog-confirm/s-dialog-confirm.js +1 -1
- package/dist/s-dialog-message/s-dialog-message.js +1 -1
- package/dist/s-file-dropzone/s-file-dropzone.js +3 -3
- package/dist/s-file-icon/s-file-icon.js +1 -1
- package/dist/s-multi-select/s-multi-select.d.ts +3 -1
- package/dist/s-multi-select/s-multi-select.js +165 -165
- package/dist/s-text-editor/s-text-editor-toolbar.js +11 -11
- package/dist/s-text-editor/s-text-editor.js +1 -1
- package/dist/s-theme-provider/s-theme-provider.js +15 -12
- package/dist/s-tip/s-tip.js +3 -3
- package/dist/{selectClasses-CDFwg8w_.js → selectClasses-5MwxZ3Fd.js} +2 -2
- package/dist/{svgIconClasses-XJq1Ciua.js → svgIconClasses-CeSsTTHM.js} +2 -2
- package/dist/theme/customizations/data-display.js +6 -6
- package/dist/theme/customizations/feedback.js +1 -1
- package/dist/theme/customizations/inputs.js +5 -5
- package/dist/theme/customizations/navigation.js +6 -6
- package/dist/theme/customizations/surfaces.js +1 -1
- package/dist/theme/theme-primitives.js +1 -1
- package/dist/{typographyClasses-CyVhKkh8.js → typographyClasses-ykhCbiPA.js} +2 -2
- package/dist/{useSlot-B682hoPx.js → useSlot-DeteCI62.js} +4 -4
- package/dist/{useTheme-DPznNGA-.js → useTheme-Z78hHaly.js} +1 -1
- package/package.json +1 -1
|
@@ -1,10 +1,10 @@
|
|
|
1
|
-
import { s as x,
|
|
1
|
+
import { s as x, b as d, P as e } from "./createTheme-Hc7RjLJ8.js";
|
|
2
2
|
import { s as h, c as T, T as y } from "./identifier-CHPjnqaz.js";
|
|
3
|
-
import { g as B } from "./generateUtilityClasses-
|
|
3
|
+
import { g as B } from "./generateUtilityClasses-BUjlppXi.js";
|
|
4
4
|
import * as N from "react";
|
|
5
5
|
import { j as C } from "./jsx-runtime-C5mzlN2N.js";
|
|
6
|
-
import { u as b } from "./useTheme-
|
|
7
|
-
import { e as g } from "./extendSxProp-
|
|
6
|
+
import { u as b } from "./useTheme-Z78hHaly.js";
|
|
7
|
+
import { e as g } from "./extendSxProp-CRSYESt2.js";
|
|
8
8
|
import { unstable_ClassNameGenerator as j } from "@mui/utils";
|
|
9
9
|
function E(n = {}) {
|
|
10
10
|
const {
|
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
import * as p from "react";
|
|
2
2
|
import be from "react";
|
|
3
|
-
import { P as e, g as se, a as ze, p as We, l as st } from "./createTheme-
|
|
3
|
+
import { P as e, g as se, a as ze, p as We, l as st } from "./createTheme-Hc7RjLJ8.js";
|
|
4
4
|
import { T as wt, c as ee } from "./identifier-CHPjnqaz.js";
|
|
5
5
|
import { j as L } from "./jsx-runtime-C5mzlN2N.js";
|
|
6
|
-
import { d as St, u as ae, s as z, c as le, m as at,
|
|
7
|
-
import { g as ce } from "./generateUtilityClasses-
|
|
8
|
-
import { _ as Mt, b as kt, T as lt, c as Ne, d as Dt, u as we, a as G, e as It, m as jt, r as Ft, f as Lt, g as At, h as _t, i as $t } from "./useSlot-
|
|
9
|
-
import { u as Vt } from "./useTheme-
|
|
6
|
+
import { d as St, u as ae, s as z, c as le, m as at, r as Ct } from "./memoTheme-Bkr5VYLb.js";
|
|
7
|
+
import { g as ce } from "./generateUtilityClasses-BUjlppXi.js";
|
|
8
|
+
import { _ as Mt, b as kt, T as lt, c as Ne, d as Dt, u as we, a as G, e as It, m as jt, r as Ft, f as Lt, g as At, h as _t, i as $t } from "./useSlot-DeteCI62.js";
|
|
9
|
+
import { u as Vt } from "./useTheme-Z78hHaly.js";
|
|
10
10
|
import * as Ut from "react-dom";
|
|
11
11
|
import Ee from "react-dom";
|
|
12
12
|
import { unstable_getScrollbarSize as qt, unstable_ownerWindow as ye, unstable_ownerDocument as ie, unstable_useForkRef as Ve, unstable_getReactElementRef as ct, elementAcceptingRef as Kt, exactProp as ut, unstable_useEnhancedEffect as Ge, unstable_setRef as Xe, HTMLElementType as Bt, unstable_useEventCallback as Ye, unstable_createChainedFunction as Je } from "@mui/utils";
|
|
@@ -1,10 +1,10 @@
|
|
|
1
|
-
import { P as e, h as O, r as m, f as V, j as C, m as R, g as D, e as E, k as T } from "./createTheme-
|
|
2
|
-
import { a as N,
|
|
1
|
+
import { P as e, h as O, r as m, f as V, j as C, m as R, g as D, e as E, k as T } from "./createTheme-Hc7RjLJ8.js";
|
|
2
|
+
import { a as N, b as F, c as B, s as M, u as w } from "./memoTheme-Bkr5VYLb.js";
|
|
3
3
|
import * as f from "react";
|
|
4
4
|
import { c as G } from "./identifier-CHPjnqaz.js";
|
|
5
5
|
import { j as U } from "./jsx-runtime-C5mzlN2N.js";
|
|
6
|
-
import { e as $ } from "./extendSxProp-
|
|
7
|
-
import { u as A } from "./useTheme-
|
|
6
|
+
import { e as $ } from "./extendSxProp-CRSYESt2.js";
|
|
7
|
+
import { u as A } from "./useTheme-Z78hHaly.js";
|
|
8
8
|
const _ = N();
|
|
9
9
|
function L(o) {
|
|
10
10
|
const {
|
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
import * as j from "react";
|
|
2
|
-
import {
|
|
2
|
+
import { c, P as r } from "./createTheme-Hc7RjLJ8.js";
|
|
3
3
|
import { c as O } from "./identifier-CHPjnqaz.js";
|
|
4
|
-
import { i as S } from "./index-
|
|
5
|
-
import { u as w, s as B, c as P, m as W } from "./memoTheme-
|
|
4
|
+
import { i as S } from "./index-DKnaPifQ.js";
|
|
5
|
+
import { u as w, s as B, c as P, m as W } from "./memoTheme-Bkr5VYLb.js";
|
|
6
6
|
import { c as C } from "./createSimplePaletteValueFilter-B7--0ryQ.js";
|
|
7
|
-
import { g as R } from "./typographyClasses-
|
|
7
|
+
import { g as R } from "./typographyClasses-ykhCbiPA.js";
|
|
8
8
|
import { j as M } from "./jsx-runtime-C5mzlN2N.js";
|
|
9
9
|
const N = {
|
|
10
10
|
primary: !0,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.image-gallery-icon{color
|
|
1
|
+
:root{--image-gallery-color-white: var(--s-palette-common-white);--image-gallery-color-primary: var(--s-palette-primary-main);--image-gallery-color-transparent: transparent;--image-gallery-color-overlay: var(--s-palette-action-hover);--image-gallery-color-shadow: var(--s-palette-grey-900);--image-gallery-color-dark: var(--s-palette-common-black);--image-gallery-icon-size: calc(var(--s-spacing) * 3);--image-gallery-padding: calc(var(--s-spacing))}.image-gallery-icon{color:var(--image-gallery-color-white);-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:var(--image-gallery-color-transparent);border:0;cursor:pointer;outline:none;position:absolute;z-index:4;filter:drop-shadow(0 2px 2px var(--image-gallery-color-shadow))}@media (hover: hover) and (pointer: fine){.image-gallery-icon:hover{color:var(--image-gallery-color-primary)}.image-gallery-icon:hover .image-gallery-svg{transform:scale(1.1)}}.image-gallery-icon:focus{outline:2px solid var(--image-gallery-color-primary)}.image-gallery-using-mouse .image-gallery-icon:focus{outline:none}.image-gallery-fullscreen-button,.image-gallery-play-button{bottom:0;padding:var(--image-gallery-padding)}.image-gallery-fullscreen-button .image-gallery-svg,.image-gallery-play-button .image-gallery-svg{height:var(--image-gallery-icon-size);width:var(--image-gallery-icon-size)}.image-gallery-fullscreen-button{right:0}.image-gallery-play-button{left:0}.image-gallery-top-nav,.image-gallery-bottom-nav{left:50%;transform:translate(-50%)}.image-gallery-top-nav .image-gallery-svg,.image-gallery-bottom-nav .image-gallery-svg{height:calc(var(--image-gallery-icon-size) * 2);width:var(--image-gallery-icon-size)}.image-gallery-top-nav[disabled],.image-gallery-bottom-nav[disabled]{cursor:disabled;opacity:.6;pointer-events:none}.image-gallery-top-nav{top:0}.image-gallery-bottom-nav{bottom:0}.image-gallery-left-nav,.image-gallery-right-nav{top:50%;transform:translateY(-50%)}.image-gallery-left-nav .image-gallery-svg,.image-gallery-right-nav .image-gallery-svg{height:calc(var(--image-gallery-icon-size) * 2);width:var(--image-gallery-icon-size)}.image-gallery-left-nav[disabled],.image-gallery-right-nav[disabled]{cursor:disabled;opacity:.6;pointer-events:none}.image-gallery-left-nav{left:0}.image-gallery-right-nav{right:0}.image-gallery{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-o-user-select:none;user-select:none;-webkit-tap-highlight-color:rgba(0,0,0,0);position:relative}.image-gallery.fullscreen-modal{background:var(--image-gallery-color-dark);bottom:0;height:100%;left:0;position:fixed;right:0;top:0;width:100%;z-index:5}.image-gallery.fullscreen-modal .image-gallery-content{top:50%;transform:translateY(-50%)}.image-gallery-content{position:relative;line-height:0;top:0}.image-gallery-content.fullscreen{background:var(--image-gallery-color-dark)}.image-gallery-content .image-gallery-slide .image-gallery-image{max-height:calc(100vh - 80px)}.image-gallery-content.image-gallery-thumbnails-left .image-gallery-slide .image-gallery-image,.image-gallery-content.image-gallery-thumbnails-right .image-gallery-slide .image-gallery-image{max-height:100vh}.image-gallery-slide-wrapper{position:relative}.image-gallery-slide-wrapper.image-gallery-thumbnails-left,.image-gallery-slide-wrapper.image-gallery-thumbnails-right{display:inline-block;width:calc(100% - 110px)}@media (max-width: 768px){.image-gallery-slide-wrapper.image-gallery-thumbnails-left,.image-gallery-slide-wrapper.image-gallery-thumbnails-right{width:calc(100% - 87px)}}.image-gallery-slide-wrapper.image-gallery-rtl{direction:rtl}.image-gallery-slides{line-height:0;overflow:hidden;position:relative;white-space:nowrap;text-align:center;touch-action:none}.image-gallery-slide{left:0;position:absolute;top:0;width:100%}.image-gallery-slide.image-gallery-center{position:relative}.image-gallery-slide .image-gallery-image{width:100%;object-fit:contain}.image-gallery-slide .image-gallery-description{background:var(--image-gallery-color-overlay);bottom:70px;color:var(--image-gallery-color-white);left:0;line-height:1;padding:10px 20px;position:absolute;white-space:normal}@media (max-width: 768px){.image-gallery-slide .image-gallery-description{bottom:45px;font-size:.8em;padding:8px 15px}}.image-gallery-bullets{bottom:20px;left:0;margin:0 auto;position:absolute;right:0;width:80%;z-index:4}.image-gallery-bullets .image-gallery-bullets-container{margin:0;padding:0;text-align:center}.image-gallery-bullets .image-gallery-bullet{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:var(--image-gallery-color-transparent);border:1px solid var(--image-gallery-color-white);border-radius:50%;box-shadow:0 2px 2px var(--image-gallery-color-dark);cursor:pointer;display:inline-block;margin:0 5px;outline:none;padding:5px;transition:all .2s ease-out}@media (max-width: 768px){.image-gallery-bullets .image-gallery-bullet{margin:0 3px;padding:3px}}@media (max-width: 480px){.image-gallery-bullets .image-gallery-bullet{padding:2.7px}}.image-gallery-bullets .image-gallery-bullet:focus{transform:scale(1.2);background:var(--image-gallery-color-primary);border:1px solid var(--image-gallery-color-primary)}.image-gallery-bullets .image-gallery-bullet.active{transform:scale(1.2);border:1px solid var(--image-gallery-color-white);background:var(--image-gallery-color-white)}@media (hover: hover) and (pointer: fine){.image-gallery-bullets .image-gallery-bullet:hover{background:var(--image-gallery-color-primary);border:1px solid var(--image-gallery-color-primary)}.image-gallery-bullets .image-gallery-bullet.active:hover{background:var(--image-gallery-color-primary)}}.image-gallery-bullets.image-gallery-bullets-vertical{left:20px;right:auto;bottom:auto;width:auto;top:50%;transform:translateY(-50%)}.image-gallery-bullets.image-gallery-bullets-vertical .image-gallery-bullet{display:block;margin:12px 0}@media (max-width: 768px){.image-gallery-bullets.image-gallery-bullets-vertical .image-gallery-bullet{margin:6px 0;padding:3px}}@media (max-width: 480px){.image-gallery-bullets.image-gallery-bullets-vertical .image-gallery-bullet{padding:2.7px}}.image-gallery-thumbnails-wrapper{position:relative}.image-gallery-thumbnails-wrapper.thumbnails-swipe-horizontal{touch-action:pan-y}.image-gallery-thumbnails-wrapper.thumbnails-swipe-vertical{touch-action:pan-x}.image-gallery-thumbnails-wrapper.thumbnails-wrapper-rtl{direction:rtl}.image-gallery-thumbnails-wrapper.image-gallery-thumbnails-left,.image-gallery-thumbnails-wrapper.image-gallery-thumbnails-right{display:inline-block;vertical-align:top;width:100px}@media (max-width: 768px){.image-gallery-thumbnails-wrapper.image-gallery-thumbnails-left,.image-gallery-thumbnails-wrapper.image-gallery-thumbnails-right{width:81px}}.image-gallery-thumbnails-wrapper.image-gallery-thumbnails-left .image-gallery-thumbnails,.image-gallery-thumbnails-wrapper.image-gallery-thumbnails-right .image-gallery-thumbnails{height:100%;width:100%;left:0;padding:0;position:absolute;top:0}.image-gallery-thumbnails-wrapper.image-gallery-thumbnails-left .image-gallery-thumbnails .image-gallery-thumbnail,.image-gallery-thumbnails-wrapper.image-gallery-thumbnails-right .image-gallery-thumbnails .image-gallery-thumbnail{display:block;margin-right:0;padding:0}.image-gallery-thumbnails-wrapper.image-gallery-thumbnails-left .image-gallery-thumbnails .image-gallery-thumbnail+.image-gallery-thumbnail,.image-gallery-thumbnails-wrapper.image-gallery-thumbnails-right .image-gallery-thumbnails .image-gallery-thumbnail+.image-gallery-thumbnail{margin-left:0;margin-top:2px}.image-gallery-thumbnails-wrapper.image-gallery-thumbnails-left,.image-gallery-thumbnails-wrapper.image-gallery-thumbnails-right{margin:0 5px}@media (max-width: 768px){.image-gallery-thumbnails-wrapper.image-gallery-thumbnails-left,.image-gallery-thumbnails-wrapper.image-gallery-thumbnails-right{margin:0 3px}}.image-gallery-thumbnails{overflow:hidden;padding:5px 0}@media (max-width: 768px){.image-gallery-thumbnails{padding:3px 0}}.image-gallery-thumbnails .image-gallery-thumbnails-container{cursor:pointer;text-align:center;white-space:nowrap}.image-gallery-thumbnail{display:inline-block;border:4px solid var(--image-gallery-color-transparent);transition:border .3s ease-out;width:100px;background:var(--image-gallery-color-transparent);padding:0}@media (max-width: 768px){.image-gallery-thumbnail{border:3px solid var(--image-gallery-color-transparent);width:81px}}.image-gallery-thumbnail+.image-gallery-thumbnail{margin-left:2px}.image-gallery-thumbnail .image-gallery-thumbnail-inner{display:block;position:relative}.image-gallery-thumbnail .image-gallery-thumbnail-image{vertical-align:middle;width:100%;line-height:0}.image-gallery-thumbnail.active,.image-gallery-thumbnail:focus{outline:none;border:4px solid var(--image-gallery-color-primary)}@media (max-width: 768px){.image-gallery-thumbnail.active,.image-gallery-thumbnail:focus{border:3px solid var(--image-gallery-color-primary)}}@media (hover: hover) and (pointer: fine){.image-gallery-thumbnail:hover{outline:none;border:4px solid var(--image-gallery-color-primary)}}@media (hover: hover) and (pointer: fine) and (max-width: 768px){.image-gallery-thumbnail:hover{border:3px solid var(--image-gallery-color-primary)}}.image-gallery-thumbnail-label{box-sizing:border-box;color:var(--image-gallery-color-white);font-size:1em;left:0;line-height:1em;padding:5%;position:absolute;top:50%;text-shadow:0 2px 2px var(--image-gallery-color-dark);transform:translateY(-50%);white-space:normal;width:100%}@media (max-width: 768px){.image-gallery-thumbnail-label{font-size:.8em;line-height:.8em}}.image-gallery-index{background:var(--image-gallery-color-overlay);color:var(--image-gallery-color-white);line-height:1;padding:10px 20px;position:absolute;right:0;top:0;z-index:4}@media (max-width: 768px){.image-gallery-index{font-size:.8em;padding:5px 10px}}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import { g as s } from "./generateUtilityClasses-
|
|
2
|
-
import { g as e } from "./createTheme-
|
|
1
|
+
import { g as s } from "./generateUtilityClasses-BUjlppXi.js";
|
|
2
|
+
import { g as e } from "./createTheme-Hc7RjLJ8.js";
|
|
3
3
|
function o(t) {
|
|
4
4
|
return e("MuiButtonBase", t);
|
|
5
5
|
}
|
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
import * as h from "react";
|
|
2
|
-
import { j as
|
|
3
|
-
import {
|
|
4
|
-
import { c as
|
|
5
|
-
import { u as
|
|
6
|
-
import { g as I } from "./svgIconClasses-
|
|
2
|
+
import { j as w } from "./jsx-runtime-C5mzlN2N.js";
|
|
3
|
+
import { c as x, P as o } from "./createTheme-Hc7RjLJ8.js";
|
|
4
|
+
import { c as N } from "./identifier-CHPjnqaz.js";
|
|
5
|
+
import { u as b, s as O, c as R, m as T } from "./memoTheme-Bkr5VYLb.js";
|
|
6
|
+
import { g as I } from "./svgIconClasses-CeSsTTHM.js";
|
|
7
7
|
const j = (e) => {
|
|
8
8
|
const {
|
|
9
9
|
color: r,
|
|
@@ -25,7 +25,7 @@ const j = (e) => {
|
|
|
25
25
|
})(T(({
|
|
26
26
|
theme: e
|
|
27
27
|
}) => {
|
|
28
|
-
var r, n, i, s, l, g,
|
|
28
|
+
var r, n, i, s, l, g, c, S, p, m, a, d, v, f;
|
|
29
29
|
return {
|
|
30
30
|
userSelect: "none",
|
|
31
31
|
width: "1em",
|
|
@@ -65,7 +65,7 @@ const j = (e) => {
|
|
|
65
65
|
fontSize: "medium"
|
|
66
66
|
},
|
|
67
67
|
style: {
|
|
68
|
-
fontSize: ((S = (
|
|
68
|
+
fontSize: ((S = (c = e.typography) == null ? void 0 : c.pxToRem) == null ? void 0 : S.call(c, 24)) || "1.5rem"
|
|
69
69
|
}
|
|
70
70
|
},
|
|
71
71
|
{
|
|
@@ -93,7 +93,7 @@ const j = (e) => {
|
|
|
93
93
|
color: "action"
|
|
94
94
|
},
|
|
95
95
|
style: {
|
|
96
|
-
color: (d = (
|
|
96
|
+
color: (d = (a = (e.vars ?? e).palette) == null ? void 0 : a.action) == null ? void 0 : d.active
|
|
97
97
|
}
|
|
98
98
|
},
|
|
99
99
|
{
|
|
@@ -115,24 +115,24 @@ const j = (e) => {
|
|
|
115
115
|
]
|
|
116
116
|
};
|
|
117
117
|
})), z = /* @__PURE__ */ h.forwardRef(function(r, n) {
|
|
118
|
-
const i =
|
|
118
|
+
const i = b({
|
|
119
119
|
props: r,
|
|
120
120
|
name: "MuiSvgIcon"
|
|
121
121
|
}), {
|
|
122
122
|
children: s,
|
|
123
123
|
className: l,
|
|
124
124
|
color: g = "inherit",
|
|
125
|
-
component:
|
|
125
|
+
component: c = "svg",
|
|
126
126
|
fontSize: S = "medium",
|
|
127
127
|
htmlColor: p,
|
|
128
128
|
inheritViewBox: m = !1,
|
|
129
|
-
titleAccess:
|
|
129
|
+
titleAccess: a,
|
|
130
130
|
viewBox: d = "0 0 24 24",
|
|
131
131
|
...v
|
|
132
132
|
} = i, f = /* @__PURE__ */ h.isValidElement(s) && s.type === "svg", t = {
|
|
133
133
|
...i,
|
|
134
134
|
color: g,
|
|
135
|
-
component:
|
|
135
|
+
component: c,
|
|
136
136
|
fontSize: S,
|
|
137
137
|
instanceFontSize: r.fontSize,
|
|
138
138
|
inheritViewBox: m,
|
|
@@ -141,20 +141,20 @@ const j = (e) => {
|
|
|
141
141
|
}, u = {};
|
|
142
142
|
m || (u.viewBox = d);
|
|
143
143
|
const y = j(t);
|
|
144
|
-
return /* @__PURE__ */
|
|
145
|
-
as:
|
|
146
|
-
className:
|
|
144
|
+
return /* @__PURE__ */ w.jsxs(C, {
|
|
145
|
+
as: c,
|
|
146
|
+
className: N(y.root, l),
|
|
147
147
|
focusable: "false",
|
|
148
148
|
color: p,
|
|
149
|
-
"aria-hidden":
|
|
150
|
-
role:
|
|
149
|
+
"aria-hidden": a ? void 0 : !0,
|
|
150
|
+
role: a ? "img" : void 0,
|
|
151
151
|
ref: n,
|
|
152
152
|
...u,
|
|
153
153
|
...v,
|
|
154
154
|
...f && s.props,
|
|
155
155
|
ownerState: t,
|
|
156
|
-
children: [f ? s.props.children : s,
|
|
157
|
-
children:
|
|
156
|
+
children: [f ? s.props.children : s, a ? /* @__PURE__ */ w.jsx("title", {
|
|
157
|
+
children: a
|
|
158
158
|
}) : null]
|
|
159
159
|
});
|
|
160
160
|
});
|
|
@@ -233,7 +233,7 @@ process.env.NODE_ENV !== "production" && (z.propTypes = {
|
|
|
233
233
|
z.muiName = "SvgIcon";
|
|
234
234
|
function D(e, r) {
|
|
235
235
|
function n(i, s) {
|
|
236
|
-
return /* @__PURE__ */
|
|
236
|
+
return /* @__PURE__ */ w.jsx(z, {
|
|
237
237
|
"data-testid": process.env.NODE_ENV !== "production" ? `${r}Icon` : void 0,
|
|
238
238
|
ref: s,
|
|
239
239
|
...i,
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import { g as r } from "./generateUtilityClasses-
|
|
2
|
-
import { g as t } from "./createTheme-
|
|
1
|
+
import { g as r } from "./generateUtilityClasses-BUjlppXi.js";
|
|
2
|
+
import { g as t } from "./createTheme-Hc7RjLJ8.js";
|
|
3
3
|
function n(o) {
|
|
4
4
|
return t("MuiIconButton", o);
|
|
5
5
|
}
|
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
import "react";
|
|
2
2
|
import { j as p } from "./jsx-runtime-C5mzlN2N.js";
|
|
3
|
-
import { e as f } from "./extendSxProp-
|
|
4
|
-
import { P as e } from "./createTheme-
|
|
5
|
-
import { d as a } from "./memoTheme-
|
|
3
|
+
import { e as f } from "./extendSxProp-CRSYESt2.js";
|
|
4
|
+
import { P as e } from "./createTheme-Hc7RjLJ8.js";
|
|
5
|
+
import { d as a } from "./memoTheme-Bkr5VYLb.js";
|
|
6
6
|
import { T as c } from "./identifier-CHPjnqaz.js";
|
|
7
|
-
import { u as m } from "./useTheme-
|
|
7
|
+
import { u as m } from "./useTheme-Z78hHaly.js";
|
|
8
8
|
import { Global as y } from "@emotion/react";
|
|
9
9
|
function d(o) {
|
|
10
10
|
return o == null || Object.keys(o).length === 0;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { l as V, e as Q, s as D, i as U,
|
|
1
|
+
import { l as V, e as Q, s as D, i as U, c as X, P as O, b as Y } from "./createTheme-Hc7RjLJ8.js";
|
|
2
2
|
import { i as j, a as Z, s as ee, T as te } from "./identifier-CHPjnqaz.js";
|
|
3
3
|
import * as I from "react";
|
|
4
4
|
import "./jsx-runtime-C5mzlN2N.js";
|
|
@@ -280,12 +280,12 @@ function Oe(e) {
|
|
|
280
280
|
const xe = he;
|
|
281
281
|
export {
|
|
282
282
|
ie as a,
|
|
283
|
-
|
|
283
|
+
g as b,
|
|
284
284
|
Ne as c,
|
|
285
285
|
ye as d,
|
|
286
286
|
pe as e,
|
|
287
287
|
xe as m,
|
|
288
|
-
|
|
288
|
+
Se as r,
|
|
289
289
|
Te as s,
|
|
290
290
|
Oe as u
|
|
291
291
|
};
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import { g as e } from "./generateUtilityClasses-
|
|
2
|
-
import { g as i } from "./createTheme-
|
|
1
|
+
import { g as e } from "./generateUtilityClasses-BUjlppXi.js";
|
|
2
|
+
import { g as i } from "./createTheme-Hc7RjLJ8.js";
|
|
3
3
|
const r = e("MuiDivider", ["root", "absolute", "fullWidth", "inset", "middle", "flexItem", "light", "vertical", "withChildren", "withChildrenVertical", "textAlignRight", "textAlignLeft", "wrapper", "wrapperVertical"]);
|
|
4
4
|
function a(t) {
|
|
5
5
|
return i("MuiMenuItem", t);
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import { g as n } from "./generateUtilityClasses-
|
|
2
|
-
import { g as e } from "./createTheme-
|
|
1
|
+
import { g as n } from "./generateUtilityClasses-BUjlppXi.js";
|
|
2
|
+
import { g as e } from "./createTheme-Hc7RjLJ8.js";
|
|
3
3
|
function l(t) {
|
|
4
4
|
return e("MuiInputBase", t);
|
|
5
5
|
}
|
|
@@ -2,6 +2,7 @@ export interface SChipsProps {
|
|
|
2
2
|
chips: string[];
|
|
3
3
|
overflow?: boolean;
|
|
4
4
|
onClick?: (tag: string) => void;
|
|
5
|
+
overflowText?: string;
|
|
5
6
|
}
|
|
6
|
-
declare const SChips: ({ chips, overflow, onClick }: SChipsProps) => import("react/jsx-runtime").JSX.Element;
|
|
7
|
+
declare const SChips: ({ chips, overflow, onClick, overflowText }: SChipsProps) => import("react/jsx-runtime").JSX.Element;
|
|
7
8
|
export default SChips;
|
package/dist/s-chips/s-chips.js
CHANGED
|
@@ -1,40 +1,40 @@
|
|
|
1
|
-
import { j as
|
|
2
|
-
import { useRef as
|
|
3
|
-
import { Box as
|
|
4
|
-
const
|
|
5
|
-
const
|
|
6
|
-
var
|
|
7
|
-
const t = ((
|
|
1
|
+
import { j as s } from "../jsx-runtime-C5mzlN2N.js";
|
|
2
|
+
import { useRef as S, useState as m, useEffect as E } from "react";
|
|
3
|
+
import { Box as o, Chip as h, Tooltip as R } from "@mui/material";
|
|
4
|
+
const P = ({ chips: n, overflow: l = !0, onClick: r, overflowText: c = "keywords" }) => {
|
|
5
|
+
const u = S(null), [w, C] = m([]), [j, y] = m([]), [x, W] = m(0), a = () => {
|
|
6
|
+
var f;
|
|
7
|
+
const t = ((f = u.current) == null ? void 0 : f.offsetWidth) || 0;
|
|
8
8
|
let e = 0, i = 0;
|
|
9
|
-
for (let p = 0; p <
|
|
10
|
-
const
|
|
11
|
-
if (e +
|
|
12
|
-
e +=
|
|
9
|
+
for (let p = 0; p < n.length; p++) {
|
|
10
|
+
const b = d(n[p]);
|
|
11
|
+
if (e + b <= t)
|
|
12
|
+
e += b, i++;
|
|
13
13
|
else
|
|
14
14
|
break;
|
|
15
15
|
}
|
|
16
|
-
const
|
|
17
|
-
for (; e +
|
|
18
|
-
i--, e -= d(
|
|
19
|
-
|
|
16
|
+
const g = d(`+${n.length - i} ${c}`);
|
|
17
|
+
for (; e + g > t && i > 0; )
|
|
18
|
+
i--, e -= d(n[i]);
|
|
19
|
+
C(n.slice(0, i)), y(n.slice(i)), W(n.length - i);
|
|
20
20
|
}, d = (t) => {
|
|
21
21
|
const e = document.createElement("span");
|
|
22
22
|
e.style.visibility = "hidden", e.style.position = "absolute", e.style.whiteSpace = "nowrap", e.textContent = t.trim(), document.body.appendChild(e);
|
|
23
23
|
const i = e.offsetWidth;
|
|
24
24
|
return document.body.removeChild(e), i + 16;
|
|
25
|
-
},
|
|
26
|
-
return
|
|
25
|
+
}, v = l ? { textOverflow: "ellipsis", whiteSpace: "nowrap", overflow: "hidden" } : {};
|
|
26
|
+
return E(() => (a(), window.addEventListener("resize", a), () => {
|
|
27
27
|
window.removeEventListener("resize", a);
|
|
28
|
-
}), [
|
|
29
|
-
(l ? w :
|
|
30
|
-
|
|
28
|
+
}), [n]), /* @__PURE__ */ s.jsxs(o, { ref: u, display: "flex", maxWidth: "100%", ...v, children: [
|
|
29
|
+
(l ? w : n).map((t) => /* @__PURE__ */ s.jsx(
|
|
30
|
+
o,
|
|
31
31
|
{
|
|
32
32
|
component: "span",
|
|
33
33
|
textTransform: "lowercase",
|
|
34
34
|
onClick: () => {
|
|
35
|
-
|
|
35
|
+
r == null || r(t);
|
|
36
36
|
},
|
|
37
|
-
children: /* @__PURE__ */
|
|
37
|
+
children: /* @__PURE__ */ s.jsx(
|
|
38
38
|
h,
|
|
39
39
|
{
|
|
40
40
|
label: t.trim(),
|
|
@@ -42,24 +42,24 @@ const L = ({ chips: s, overflow: l = !0, onClick: o }) => {
|
|
|
42
42
|
mr: 1,
|
|
43
43
|
mb: 1,
|
|
44
44
|
userSelect: "none",
|
|
45
|
-
cursor:
|
|
45
|
+
cursor: r ? "pointer" : "default"
|
|
46
46
|
}
|
|
47
47
|
}
|
|
48
48
|
)
|
|
49
49
|
},
|
|
50
50
|
t
|
|
51
51
|
)),
|
|
52
|
-
l &&
|
|
53
|
-
|
|
52
|
+
l && x > 0 && /* @__PURE__ */ s.jsx(
|
|
53
|
+
R,
|
|
54
54
|
{
|
|
55
55
|
slotProps: {
|
|
56
56
|
tooltip: { style: { padding: "0.5rem" } }
|
|
57
57
|
},
|
|
58
|
-
title: /* @__PURE__ */
|
|
59
|
-
children: /* @__PURE__ */
|
|
58
|
+
title: /* @__PURE__ */ s.jsx(o, { display: "flex", gap: 1, maxWidth: "240px", flexWrap: "wrap", children: j.map((t) => /* @__PURE__ */ s.jsx(h, { label: t.trim() }, t)) }),
|
|
59
|
+
children: /* @__PURE__ */ s.jsx(o, { component: "span", textTransform: "lowercase", children: /* @__PURE__ */ s.jsx(
|
|
60
60
|
h,
|
|
61
61
|
{
|
|
62
|
-
label: `+${
|
|
62
|
+
label: `+${x} ${c}`,
|
|
63
63
|
variant: "outlined",
|
|
64
64
|
sx: { mr: 1, mb: 1, userSelect: "none", cursor: "pointer" }
|
|
65
65
|
}
|
|
@@ -69,5 +69,5 @@ const L = ({ chips: s, overflow: l = !0, onClick: o }) => {
|
|
|
69
69
|
] });
|
|
70
70
|
};
|
|
71
71
|
export {
|
|
72
|
-
|
|
72
|
+
P as default
|
|
73
73
|
};
|
|
@@ -1,13 +1,13 @@
|
|
|
1
1
|
import { j as r } from "../jsx-runtime-C5mzlN2N.js";
|
|
2
2
|
import * as y from "react";
|
|
3
3
|
import Ce from "../s-empty/s-empty.js";
|
|
4
|
-
import { g as N,
|
|
4
|
+
import { g as N, c as j, P as e, a as M, n as Te, o as ke } from "../createTheme-Hc7RjLJ8.js";
|
|
5
5
|
import { c as I } from "../identifier-CHPjnqaz.js";
|
|
6
|
-
import { s as S, c as $,
|
|
7
|
-
import { g as B } from "../generateUtilityClasses-
|
|
6
|
+
import { s as S, c as $, r as se, u as E, m as W } from "../memoTheme-Bkr5VYLb.js";
|
|
7
|
+
import { g as B } from "../generateUtilityClasses-BUjlppXi.js";
|
|
8
8
|
import { u as je, a as Re } from "../useControlled-Bvu9pDu8.js";
|
|
9
|
-
import { a as A, B as Oe, r as we, m as Pe } from "../useSlot-
|
|
10
|
-
import { c as J } from "../createSvgIcon-
|
|
9
|
+
import { a as A, B as Oe, r as we, m as Pe } from "../useSlot-DeteCI62.js";
|
|
10
|
+
import { c as J } from "../createSvgIcon-Ct7gnxYc.js";
|
|
11
11
|
import { c as Y } from "../createSimplePaletteValueFilter-B7--0ryQ.js";
|
|
12
12
|
function Se(o) {
|
|
13
13
|
return N("PrivateSwitchBase", o);
|
|
@@ -3,7 +3,7 @@ import * as r from "react";
|
|
|
3
3
|
import { Dialog as p, DialogTitle as g, Stack as j, IconButton as D, DialogContent as v, DialogActions as y, Button as d } from "@mui/material";
|
|
4
4
|
import { S as b } from "../X-B8GTZwii.js";
|
|
5
5
|
import { useDialog as k } from "../hooks/use-dialog.js";
|
|
6
|
-
import { T as m } from "../Typography
|
|
6
|
+
import { T as m } from "../Typography--_YDZuXf.js";
|
|
7
7
|
const w = ({
|
|
8
8
|
title: o,
|
|
9
9
|
content: e,
|
|
@@ -3,7 +3,7 @@ import * as s from "react";
|
|
|
3
3
|
import { Dialog as u, DialogTitle as p, Stack as g, IconButton as m, DialogContent as j, DialogActions as f, Button as C } from "@mui/material";
|
|
4
4
|
import { S as D } from "../X-B8GTZwii.js";
|
|
5
5
|
import { useDialog as k } from "../hooks/use-dialog.js";
|
|
6
|
-
import { T as c } from "../Typography
|
|
6
|
+
import { T as c } from "../Typography--_YDZuXf.js";
|
|
7
7
|
const v = ({
|
|
8
8
|
title: n,
|
|
9
9
|
content: e,
|
|
@@ -7,9 +7,9 @@ import { useDropzone as F } from "react-dropzone";
|
|
|
7
7
|
import I from "../s-file-icon/s-file-icon.js";
|
|
8
8
|
import O from "../s-form/s-form.js";
|
|
9
9
|
import { bytesToSize as C } from "../utils/bytes-to-size.js";
|
|
10
|
-
import { S as n } from "../Stack-
|
|
11
|
-
import { B as u } from "../Box-
|
|
12
|
-
import { T as i } from "../Typography
|
|
10
|
+
import { S as n } from "../Stack-Cvqi8X8g.js";
|
|
11
|
+
import { B as u } from "../Box-CppaOdse.js";
|
|
12
|
+
import { T as i } from "../Typography--_YDZuXf.js";
|
|
13
13
|
const H = /* @__PURE__ */ new Map([
|
|
14
14
|
[
|
|
15
15
|
"bold",
|
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
import { SChipsProps } from '../s-chips';
|
|
1
2
|
import * as React from 'react';
|
|
2
3
|
export interface SMultiSelectProps<T = string> {
|
|
3
4
|
label: string;
|
|
@@ -7,6 +8,7 @@ export interface SMultiSelectProps<T = string> {
|
|
|
7
8
|
value: T;
|
|
8
9
|
}[];
|
|
9
10
|
value: T[];
|
|
11
|
+
chipProps?: Omit<SChipsProps, 'chips'>;
|
|
10
12
|
}
|
|
11
|
-
declare function SMultiSelect<T = string>({ label, onChange, options, value }: SMultiSelectProps<T>): React.JSX.Element;
|
|
13
|
+
declare function SMultiSelect<T = string>({ label, onChange, options, value, chipProps, }: SMultiSelectProps<T>): React.JSX.Element;
|
|
12
14
|
export default SMultiSelect;
|