mainstack-design-system 1.17.2 → 1.17.3
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.
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
'use client';
|
|
2
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const
|
|
2
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react/jsx-runtime"),m=require("./index-C8aODXfJ.cjs"),D=require("./index-4R9KShCu.cjs"),o=require("react"),I=require("./mainstack-design-system606.cjs"),y=require("./mainstack-design-system607.cjs"),b=o.forwardRef(({isDisabled:x,isError:C,isMultiSelect:s=!1,isSuccess:d,children:h,value:e,defaultValue:p,inputReadOnly:j,isCreatableSelect:q,options:u=[],isOptionOpen:A,onOptionOpenChange:P,onValueChange:f,onOptionSelect:R},n)=>{const O=o.useRef(null),[t,_]=o.useState(y.parseSelectOptions(u)),[i,v]=m.useControllableState({prop:e,defaultProp:y.mapDefaultValuesToSelectedOption({isMultiSelect:s,defaultValue:p,options:u}),onChange:f}),[E,c]=o.useState(()=>typeof e=="string"?t.map.get(e)?.label||"":typeof p=="string"&&t.map.get(p)?.label||""),[l,S]=m.useControllableState({prop:A,defaultProp:!1,onChange:P}),[T,g]=o.useState("idle");return o.useEffect(()=>{s||Array.isArray(e)||c(t.map.get(e)?.label||"")},[s,t.map,e]),a.jsx(I.SelectContext.Provider,{value:{defaultValue:p,options:t,selectedOption:i,isOptionOpen:l,isDisabled:x,isError:C,isMultiSelect:s,isSuccess:d,inputValue:E,inputReadOnly:j,previousAction:T,isCreatableSelect:q,rootElementRef:O,setOptions:_,setPreviousAction:g,setInputValue:c,setSelectedOption:v,onOptionOpenChange:S,onValueChange:f,onOptionSelect:R},children:a.jsx(D.Popover,{open:l,onOpenChange:r=>{S(l),i&&!Array.isArray(i)&&!r&&(c(t.map.get(i)?.label||""),g("selection"))},children:a.jsx("div",{ref:r=>{O.current=r,typeof n=="function"?n(r):typeof n=="object"&&n?.current&&(n.current=r)},"data-slot":"select-root",children:h})})})});b.displayName="SelectRoot";exports.SelectRoot=b;
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
'use client';
|
|
2
|
-
import { jsx as
|
|
2
|
+
import { jsx as c } from "react/jsx-runtime";
|
|
3
3
|
import { u as y } from "./index-437EL2iq.js";
|
|
4
4
|
import { P as I } from "./index-RoCFhqzC.js";
|
|
5
|
-
import { forwardRef as N, useRef as T, useState as
|
|
5
|
+
import { forwardRef as N, useRef as T, useState as l, useEffect as k } from "react";
|
|
6
6
|
import { SelectContext as q } from "./mainstack-design-system606.js";
|
|
7
7
|
import { parseSelectOptions as z, mapDefaultValuesToSelectedOption as B } from "./mainstack-design-system607.js";
|
|
8
8
|
const F = N(
|
|
@@ -12,41 +12,41 @@ const F = N(
|
|
|
12
12
|
isMultiSelect: r = !1,
|
|
13
13
|
isSuccess: A,
|
|
14
14
|
children: C,
|
|
15
|
-
value:
|
|
15
|
+
value: o,
|
|
16
16
|
defaultValue: p,
|
|
17
17
|
inputReadOnly: P,
|
|
18
18
|
isCreatableSelect: S,
|
|
19
|
-
options:
|
|
19
|
+
options: m = [],
|
|
20
20
|
isOptionOpen: x,
|
|
21
21
|
onOptionOpenChange: d,
|
|
22
|
-
onValueChange:
|
|
22
|
+
onValueChange: f,
|
|
23
23
|
onOptionSelect: j
|
|
24
|
-
},
|
|
25
|
-
const
|
|
26
|
-
z(
|
|
24
|
+
}, e) => {
|
|
25
|
+
const O = T(null), [t, E] = l(
|
|
26
|
+
z(m)
|
|
27
27
|
), [i, R] = y({
|
|
28
|
-
prop:
|
|
28
|
+
prop: o,
|
|
29
29
|
defaultProp: B({
|
|
30
30
|
isMultiSelect: r,
|
|
31
31
|
defaultValue: p,
|
|
32
|
-
options:
|
|
32
|
+
options: m
|
|
33
33
|
}),
|
|
34
|
-
onChange:
|
|
35
|
-
}), [v, s] =
|
|
34
|
+
onChange: f
|
|
35
|
+
}), [v, s] = l(() => typeof o == "string" ? t.map.get(o)?.label || "" : typeof p == "string" && t.map.get(p)?.label || ""), [a, u] = y({
|
|
36
36
|
prop: x,
|
|
37
37
|
defaultProp: !1,
|
|
38
38
|
onChange: d
|
|
39
|
-
}), [D, g] =
|
|
39
|
+
}), [D, g] = l("idle");
|
|
40
40
|
return k(() => {
|
|
41
|
-
r || Array.isArray(
|
|
42
|
-
}, [r,
|
|
41
|
+
r || Array.isArray(o) || s(t.map.get(o)?.label || "");
|
|
42
|
+
}, [r, t.map, o]), /* @__PURE__ */ c(
|
|
43
43
|
q.Provider,
|
|
44
44
|
{
|
|
45
45
|
value: {
|
|
46
46
|
defaultValue: p,
|
|
47
|
-
options:
|
|
47
|
+
options: t,
|
|
48
48
|
selectedOption: i,
|
|
49
|
-
isOptionOpen:
|
|
49
|
+
isOptionOpen: a,
|
|
50
50
|
isDisabled: b,
|
|
51
51
|
isError: h,
|
|
52
52
|
isMultiSelect: r,
|
|
@@ -55,27 +55,27 @@ const F = N(
|
|
|
55
55
|
inputReadOnly: P,
|
|
56
56
|
previousAction: D,
|
|
57
57
|
isCreatableSelect: S,
|
|
58
|
-
rootElementRef:
|
|
58
|
+
rootElementRef: O,
|
|
59
59
|
setOptions: E,
|
|
60
60
|
setPreviousAction: g,
|
|
61
61
|
setInputValue: s,
|
|
62
62
|
setSelectedOption: R,
|
|
63
63
|
onOptionOpenChange: u,
|
|
64
|
-
onValueChange:
|
|
64
|
+
onValueChange: f,
|
|
65
65
|
onOptionSelect: j
|
|
66
66
|
},
|
|
67
|
-
children: /* @__PURE__ */
|
|
67
|
+
children: /* @__PURE__ */ c(
|
|
68
68
|
I,
|
|
69
69
|
{
|
|
70
|
-
open:
|
|
71
|
-
onOpenChange: (
|
|
72
|
-
u(
|
|
70
|
+
open: a,
|
|
71
|
+
onOpenChange: (n) => {
|
|
72
|
+
u(a), i && !Array.isArray(i) && !n && (s(t.map.get(i)?.label || ""), g("selection"));
|
|
73
73
|
},
|
|
74
|
-
children: /* @__PURE__ */
|
|
74
|
+
children: /* @__PURE__ */ c(
|
|
75
75
|
"div",
|
|
76
76
|
{
|
|
77
|
-
ref: (
|
|
78
|
-
|
|
77
|
+
ref: (n) => {
|
|
78
|
+
O.current = n, typeof e == "function" ? e(n) : typeof e == "object" && e?.current && (e.current = n);
|
|
79
79
|
},
|
|
80
80
|
"data-slot": "select-root",
|
|
81
81
|
children: C
|