@midas-ds/components 15.2.12 → 15.2.14
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/AccordionItem-BC1ogvtn.cjs +1 -0
- package/{AccordionItem-BV7AT4EM.js → AccordionItem-DDqHaLf6.js} +88 -88
- package/CHANGELOG.md +16 -0
- package/README.md +1 -1
- package/{Select-CniABLmk.cjs → Select-CXUTzSQa.cjs} +1 -1
- package/{Select-QS3jUbq8.js → Select-IgA7mpJF.js} +77 -77
- package/accordion/index.cjs +1 -1
- package/accordion/index.js +1 -1
- package/assets/AccordionItem.css +1 -1
- package/assets/Select.css +1 -1
- package/index.cjs +1 -1
- package/index.js +2 -2
- package/package.json +1 -1
- package/select/index.cjs +1 -1
- package/select/index.js +1 -1
- package/AccordionItem-BYXzc5-U.cjs +0 -1
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";require('./assets/AccordionItem.css');const p=require("react/jsx-runtime"),E=require("./clsx-DKOfLqne.cjs"),K=require("./icon-map-BzhRRdiZ.cjs"),d=require("react"),v=require("./Button-BuelSBWx.cjs"),x=require("./utils-ZN3Na38z.cjs"),b=require("./mergeProps-D9EPHb19.cjs"),y=require("./filterDOMProps-WUskt27c.cjs"),C=require("./useControlledState-D0L6S_5r.cjs"),M=require("react-dom"),N=require("./useEvent-DnWDW9C-.cjs"),j=require("./SSRProvider-DZRLwxPS.cjs"),w=require("./useFocusRing-BV6zA8CX.cjs"),B=require("./Button-CPtsYcdR.cjs"),F=require("./Heading-DWSQCI4U.cjs"),W=require("./chevron-down-DyBh7agb.cjs"),k="_root_17bdp_1",T="_contained_17bdp_5",_={root:k,contained:T};function V(i,e,s){let{isDisabled:n}=i,a=b.$bdb11010cef70236$export$f680877a34711e37(),o=b.$bdb11010cef70236$export$f680877a34711e37(),r=j.$b5e257d569688ac6$export$535bd6ca7f90a273(),l=d.useRef(null),u=d.useCallback(()=>{l.current=requestAnimationFrame(()=>{s.current&&s.current.setAttribute("hidden","until-found")}),M.flushSync(()=>{e.toggle()})},[s,e]);N.$e9faafb641e167db$export$90fc3a17d93f704c(s,"beforematch",u);let f=d.useRef(null);return b.$f0a04ccd8dbdd83b$export$e5c5a5f917a5871c(()=>{if(l.current&&cancelAnimationFrame(l.current),s.current&&!n&&!r){let t=s.current;f.current==null||typeof t.getAnimations!="function"?e.isExpanded?(t.removeAttribute("hidden"),t.style.setProperty("--disclosure-panel-width","auto"),t.style.setProperty("--disclosure-panel-height","auto")):(t.setAttribute("hidden","until-found"),t.style.setProperty("--disclosure-panel-width","0px"),t.style.setProperty("--disclosure-panel-height","0px")):e.isExpanded!==f.current&&(e.isExpanded?(t.removeAttribute("hidden"),t.style.setProperty("--disclosure-panel-width",t.scrollWidth+"px"),t.style.setProperty("--disclosure-panel-height",t.scrollHeight+"px"),Promise.all(t.getAnimations().map($=>$.finished)).then(()=>{t.style.setProperty("--disclosure-panel-width","auto"),t.style.setProperty("--disclosure-panel-height","auto")}).catch(()=>{})):(t.style.setProperty("--disclosure-panel-width",t.scrollWidth+"px"),t.style.setProperty("--disclosure-panel-height",t.scrollHeight+"px"),window.getComputedStyle(t).height,t.style.setProperty("--disclosure-panel-width","0px"),t.style.setProperty("--disclosure-panel-height","0px"),Promise.all(t.getAnimations().map($=>$.finished)).then(()=>t.setAttribute("hidden","until-found")).catch(()=>{}))),f.current=e.isExpanded}},[n,s,e.isExpanded,r]),d.useEffect(()=>()=>{l.current&&cancelAnimationFrame(l.current)},[]),{buttonProps:{id:a,"aria-expanded":e.isExpanded,"aria-controls":o,onPress:t=>{!n&&t.pointerType!=="keyboard"&&e.toggle()},isDisabled:n,onPressStart(t){t.pointerType==="keyboard"&&!n&&e.toggle()}},panelProps:{id:o,role:"group","aria-labelledby":a,"aria-hidden":!e.isExpanded,hidden:r||n?n||!e.isExpanded:void 0}}}function z(i){let[e,s]=C.$458b0a5536c1a7cf$export$40bfa8c7b0832715(i.isExpanded,i.defaultExpanded||!1,i.onExpandedChange);const n=d.useCallback(()=>{s(!0)},[s]),a=d.useCallback(()=>{s(!1)},[s]),o=d.useCallback(()=>{s(!e)},[s,e]);return{isExpanded:e,setExpanded:s,expand:n,collapse:a,toggle:o}}function H(i){let{allowsMultipleExpanded:e=!1,isDisabled:s=!1}=i,[n,a]=C.$458b0a5536c1a7cf$export$40bfa8c7b0832715(d.useMemo(()=>i.expandedKeys?new Set(i.expandedKeys):void 0,[i.expandedKeys]),d.useMemo(()=>i.defaultExpandedKeys?new Set(i.defaultExpandedKeys):new Set,[i.defaultExpandedKeys]),i.onExpandedChange);return d.useEffect(()=>{if(!e&&n.size>1){let o=n.values().next().value;o!=null&&a(new Set([o]))}}),{allowsMultipleExpanded:e,isDisabled:s,expandedKeys:n,setExpandedKeys:a,toggleKey(o){let r;e?(r=new Set(n),r.has(o)?r.delete(o):r.add(o)):r=new Set(n.has(o)?[]:[o]),a(r)}}}const D=d.createContext(null),O=d.forwardRef(function(e,s){let n=H(e),a=x.$64fa3d84918910a7$export$4d86445c2cf5e3({...e,defaultClassName:"react-aria-DisclosureGroup",values:{isDisabled:n.isDisabled,state:n}}),o=y.$65484d02dcb7eb3e$export$457c3d6518dd4c6f(e,{global:!0});return d.createElement("div",{...o,...a,ref:s,"data-disabled":e.isDisabled||void 0},d.createElement(D.Provider,{value:n},a.children))}),G=d.createContext(null),J=d.createContext(null),A=d.createContext(null),L=d.forwardRef(function(e,s){[e,s]=x.$64fa3d84918910a7$export$29f1550f4b0d4415(e,s,G);let n=d.useContext(D),{id:a,...o}=e,r=b.$bdb11010cef70236$export$f680877a34711e37();a||(a=r);let l=n?n.expandedKeys.has(a):e.isExpanded,u=z({...e,isExpanded:l,onExpandedChange(S){var h;n&&n.toggleKey(a),(h=e.onExpandedChange)===null||h===void 0||h.call(e,S)}}),f=d.useRef(null),t=e.isDisabled||n?.isDisabled||!1,{buttonProps:$,panelProps:g}=V({...e,isExpanded:l,isDisabled:t},u,f),{isFocusVisible:m,focusProps:R}=w.$f7dceffc5ad7768b$export$4e328f61c538687f({within:!0}),P=x.$64fa3d84918910a7$export$4d86445c2cf5e3({...e,id:void 0,defaultClassName:"react-aria-Disclosure",values:{isExpanded:u.isExpanded,isDisabled:t,isFocusVisibleWithin:m,state:u}}),q=y.$65484d02dcb7eb3e$export$457c3d6518dd4c6f(o,{global:!0});return d.createElement(x.$64fa3d84918910a7$export$2881499e37b75b9a,{values:[[v.$d2b4bc8c273e7be6$export$24d547caef80ccd1,{slots:{[x.$64fa3d84918910a7$export$c62b8e45d58ddad9]:{},trigger:$}}],[A,{panelProps:g,panelRef:f}],[J,u]]},d.createElement("div",{...b.$3ef42575df84b30b$export$9d1611c77c2fe928(q,P,R),ref:s,"data-expanded":u.isExpanded||void 0,"data-disabled":t||void 0,"data-focus-visible-within":m||void 0},P.children))}),Q=d.forwardRef(function(e,s){let{role:n="group"}=e,{panelProps:a,panelRef:o}=d.useContext(A),{isFocusVisible:r,focusProps:l}=w.$f7dceffc5ad7768b$export$4e328f61c538687f({within:!0}),u=x.$64fa3d84918910a7$export$4d86445c2cf5e3({...e,defaultClassName:"react-aria-DisclosurePanel",values:{isFocusVisibleWithin:r}}),f=y.$65484d02dcb7eb3e$export$457c3d6518dd4c6f(e,{global:!0});return d.createElement("div",{...b.$3ef42575df84b30b$export$9d1611c77c2fe928(f,u,a,l),ref:x.$5dc95899b306f630$export$c9058316764c140e(s,o),role:n,"data-focus-visible-within":r||void 0},d.createElement(x.$64fa3d84918910a7$export$2881499e37b75b9a,{values:[[v.$d2b4bc8c273e7be6$export$24d547caef80ccd1,null]]},e.children))}),I=d.createContext(void 0),U=({variant:i,children:e,className:s,isContained:n,size:a="large",...o})=>{const r=n||i==="contained";return p.jsx(I.Provider,{value:{isContained:r,size:a},children:p.jsx(O,{className:E.clsx(_.root,r?_.contained:_.uncontained,s),...o,children:e})})},X="_item_1em4f_1",Y="_contained_1em4f_18",Z="_medium_1em4f_28",ee="_success_1em4f_33",te="_warning_1em4f_39",ne="_info_1em4f_45",se="_important_1em4f_51",de="_triggerButton_1em4f_62",ae="_triggerText_1em4f_66",ie="_trigger_1em4f_62",oe="_triggerMainContent_1em4f_77",re="_chevronIcon_1em4f_94",ce="_statusIcon_1em4f_100",le="_panel_1em4f_122",ue="_content_1em4f_130",fe="_hasBackground_1em4f_135",pe="_header_1em4f_139",c={item:X,contained:Y,medium:Z,success:ee,warning:te,info:ne,important:se,triggerButton:de,triggerText:ae,trigger:ie,triggerMainContent:oe," ":"_ _1em4f_1",chevronIcon:re,statusIcon:ce,panel:le,content:ue,hasBackground:fe,header:pe},xe=({title:i,children:e,className:s,headingLevel:n="h2",type:a,hasBackground:o=!0,size:r="large",isContained:l,...u})=>{const f=d.useContext(I),t=l??f?.isContained??!1,$=typeof i=="object";d.useEffect(()=>{a&&!t&&console.warn("AccordionItem: When 'type' is set, it is recommended to also set 'isContained' to true for visual consistency.")},[a,t]);const g=a?K.iconMap[a]:null,m=g?p.jsx(g,{size:20,className:c.statusIcon}):null;return p.jsxs(L,{...u,className:E.clsx(c.item,a&&c[a],(r==="medium"||f?.size==="medium")&&c.medium,t&&c.contained,s),children:[p.jsx("div",{className:c.trigger,children:p.jsxs(B.Button,{className:c.triggerButton,slot:"trigger",variant:"icon",children:[p.jsx(W.ChevronDown,{size:20,className:c.chevronIcon}),p.jsx("div",{className:c.triggerMainContent,children:$?i:p.jsx(F.Heading,{level:3,elementType:n,className:c.triggerText,children:i})}),m]})}),p.jsx(Q,{className:c.panel,children:p.jsx("div",{className:E.clsx(c.content,o&&c.hasBackground),children:e})})]})};exports.Accordion=U;exports.AccordionItem=xe;
|
|
@@ -1,16 +1,16 @@
|
|
|
1
|
-
import { jsx as
|
|
1
|
+
import { jsx as u, jsxs as A } from "react/jsx-runtime";
|
|
2
2
|
import { c as y } from "./clsx-jbLnTBqA.js";
|
|
3
3
|
import { i as j } from "./icon-map-Ckc-nEUA.js";
|
|
4
|
-
import
|
|
5
|
-
import { e as
|
|
6
|
-
import { $ as G, a as C, f as
|
|
7
|
-
import { c as E, $ as J, a as
|
|
4
|
+
import m, { useRef as K, useCallback as $, useEffect as P, useMemo as N, forwardRef as v, createContext as x, useContext as w } from "react";
|
|
5
|
+
import { e as S } from "./Button-DQKRTkoz.js";
|
|
6
|
+
import { $ as G, a as C, f as B, g as q, h as O } from "./utils-BJ6_Ry69.js";
|
|
7
|
+
import { c as E, $ as J, a as M } from "./mergeProps-oYrDoKjU.js";
|
|
8
8
|
import { $ as D } from "./filterDOMProps-BSVCO5jK.js";
|
|
9
|
-
import { $ as
|
|
9
|
+
import { $ as R } from "./useControlledState-u436Wbp1.js";
|
|
10
10
|
import { flushSync as L } from "react-dom";
|
|
11
11
|
import { $ as Q } from "./useEvent-ChPThFqF.js";
|
|
12
12
|
import { $ as U } from "./SSRProvider-D8lZ0o6A.js";
|
|
13
|
-
import { $ as
|
|
13
|
+
import { $ as F } from "./useFocusRing-DAZgolYd.js";
|
|
14
14
|
import { B as X } from "./Button-aWvg3R6-.js";
|
|
15
15
|
import { H as Y } from "./Heading-BRErvUe8.js";
|
|
16
16
|
import { C as Z } from "./chevron-down-DgT-uSF9.js";
|
|
@@ -19,7 +19,7 @@ import './assets/AccordionItem.css';const ee = "_root_17bdp_1", te = "_contained
|
|
|
19
19
|
contained: te
|
|
20
20
|
};
|
|
21
21
|
function ne(i, e, a) {
|
|
22
|
-
let { isDisabled: n } = i, s = E(), d = E(),
|
|
22
|
+
let { isDisabled: n } = i, s = E(), d = E(), o = U(), l = K(null), c = $(() => {
|
|
23
23
|
l.current = requestAnimationFrame(() => {
|
|
24
24
|
a.current && a.current.setAttribute("hidden", "until-found");
|
|
25
25
|
}), L(() => {
|
|
@@ -30,21 +30,21 @@ function ne(i, e, a) {
|
|
|
30
30
|
e
|
|
31
31
|
]);
|
|
32
32
|
Q(a, "beforematch", c);
|
|
33
|
-
let
|
|
33
|
+
let f = K(null);
|
|
34
34
|
return J(() => {
|
|
35
|
-
if (l.current && cancelAnimationFrame(l.current), a.current && !n && !
|
|
35
|
+
if (l.current && cancelAnimationFrame(l.current), a.current && !n && !o) {
|
|
36
36
|
let t = a.current;
|
|
37
|
-
|
|
37
|
+
f.current == null || typeof t.getAnimations != "function" ? e.isExpanded ? (t.removeAttribute("hidden"), t.style.setProperty("--disclosure-panel-width", "auto"), t.style.setProperty("--disclosure-panel-height", "auto")) : (t.setAttribute("hidden", "until-found"), t.style.setProperty("--disclosure-panel-width", "0px"), t.style.setProperty("--disclosure-panel-height", "0px")) : e.isExpanded !== f.current && (e.isExpanded ? (t.removeAttribute("hidden"), t.style.setProperty("--disclosure-panel-width", t.scrollWidth + "px"), t.style.setProperty("--disclosure-panel-height", t.scrollHeight + "px"), Promise.all(t.getAnimations().map((p) => p.finished)).then(() => {
|
|
38
38
|
t.style.setProperty("--disclosure-panel-width", "auto"), t.style.setProperty("--disclosure-panel-height", "auto");
|
|
39
39
|
}).catch(() => {
|
|
40
40
|
})) : (t.style.setProperty("--disclosure-panel-width", t.scrollWidth + "px"), t.style.setProperty("--disclosure-panel-height", t.scrollHeight + "px"), window.getComputedStyle(t).height, t.style.setProperty("--disclosure-panel-width", "0px"), t.style.setProperty("--disclosure-panel-height", "0px"), Promise.all(t.getAnimations().map((p) => p.finished)).then(() => t.setAttribute("hidden", "until-found")).catch(() => {
|
|
41
|
-
}))),
|
|
41
|
+
}))), f.current = e.isExpanded;
|
|
42
42
|
}
|
|
43
43
|
}, [
|
|
44
44
|
n,
|
|
45
45
|
a,
|
|
46
46
|
e.isExpanded,
|
|
47
|
-
|
|
47
|
+
o
|
|
48
48
|
]), P(() => () => {
|
|
49
49
|
l.current && cancelAnimationFrame(l.current);
|
|
50
50
|
}, []), {
|
|
@@ -66,21 +66,21 @@ function ne(i, e, a) {
|
|
|
66
66
|
role: "group",
|
|
67
67
|
"aria-labelledby": s,
|
|
68
68
|
"aria-hidden": !e.isExpanded,
|
|
69
|
-
hidden:
|
|
69
|
+
hidden: o || n ? n || !e.isExpanded : void 0
|
|
70
70
|
}
|
|
71
71
|
};
|
|
72
72
|
}
|
|
73
73
|
function ae(i) {
|
|
74
|
-
let [e, a] =
|
|
75
|
-
const n =
|
|
74
|
+
let [e, a] = R(i.isExpanded, i.defaultExpanded || !1, i.onExpandedChange);
|
|
75
|
+
const n = $(() => {
|
|
76
76
|
a(!0);
|
|
77
77
|
}, [
|
|
78
78
|
a
|
|
79
|
-
]), s =
|
|
79
|
+
]), s = $(() => {
|
|
80
80
|
a(!1);
|
|
81
81
|
}, [
|
|
82
82
|
a
|
|
83
|
-
]), d =
|
|
83
|
+
]), d = $(() => {
|
|
84
84
|
a(!e);
|
|
85
85
|
}, [
|
|
86
86
|
a,
|
|
@@ -95,9 +95,9 @@ function ae(i) {
|
|
|
95
95
|
};
|
|
96
96
|
}
|
|
97
97
|
function se(i) {
|
|
98
|
-
let { allowsMultipleExpanded: e = !1, isDisabled: a = !1 } = i, [n, s] =
|
|
98
|
+
let { allowsMultipleExpanded: e = !1, isDisabled: a = !1 } = i, [n, s] = R(N(() => i.expandedKeys ? new Set(i.expandedKeys) : void 0, [
|
|
99
99
|
i.expandedKeys
|
|
100
|
-
]),
|
|
100
|
+
]), N(() => i.defaultExpandedKeys ? new Set(i.defaultExpandedKeys) : /* @__PURE__ */ new Set(), [
|
|
101
101
|
i.defaultExpandedKeys
|
|
102
102
|
]), i.onExpandedChange);
|
|
103
103
|
return P(() => {
|
|
@@ -113,14 +113,14 @@ function se(i) {
|
|
|
113
113
|
expandedKeys: n,
|
|
114
114
|
setExpandedKeys: s,
|
|
115
115
|
toggleKey(d) {
|
|
116
|
-
let
|
|
117
|
-
e ? (
|
|
116
|
+
let o;
|
|
117
|
+
e ? (o = new Set(n), o.has(d) ? o.delete(d) : o.add(d)) : o = new Set(n.has(d) ? [] : [
|
|
118
118
|
d
|
|
119
|
-
]), s(
|
|
119
|
+
]), s(o);
|
|
120
120
|
}
|
|
121
121
|
};
|
|
122
122
|
}
|
|
123
|
-
const
|
|
123
|
+
const W = /* @__PURE__ */ x(null), ie = /* @__PURE__ */ v(function(e, a) {
|
|
124
124
|
let n = se(e), s = C({
|
|
125
125
|
...e,
|
|
126
126
|
defaultClassName: "react-aria-DisclosureGroup",
|
|
@@ -131,48 +131,48 @@ const F = /* @__PURE__ */ m(null), ie = /* @__PURE__ */ v(function(e, a) {
|
|
|
131
131
|
}), d = D(e, {
|
|
132
132
|
global: !0
|
|
133
133
|
});
|
|
134
|
-
return /* @__PURE__ */
|
|
134
|
+
return /* @__PURE__ */ m.createElement("div", {
|
|
135
135
|
...d,
|
|
136
136
|
...s,
|
|
137
137
|
ref: a,
|
|
138
138
|
"data-disabled": e.isDisabled || void 0
|
|
139
|
-
}, /* @__PURE__ */
|
|
139
|
+
}, /* @__PURE__ */ m.createElement(W.Provider, {
|
|
140
140
|
value: n
|
|
141
141
|
}, s.children));
|
|
142
|
-
}), de = /* @__PURE__ */
|
|
142
|
+
}), de = /* @__PURE__ */ x(null), oe = /* @__PURE__ */ x(null), T = /* @__PURE__ */ x(null), re = /* @__PURE__ */ v(function(e, a) {
|
|
143
143
|
[e, a] = G(e, a, de);
|
|
144
|
-
let n = w(
|
|
145
|
-
s || (s =
|
|
144
|
+
let n = w(W), { id: s, ...d } = e, o = E();
|
|
145
|
+
s || (s = o);
|
|
146
146
|
let l = n ? n.expandedKeys.has(s) : e.isExpanded, c = ae({
|
|
147
147
|
...e,
|
|
148
148
|
isExpanded: l,
|
|
149
149
|
onExpandedChange(H) {
|
|
150
|
-
var
|
|
151
|
-
n && n.toggleKey(s), (
|
|
150
|
+
var b;
|
|
151
|
+
n && n.toggleKey(s), (b = e.onExpandedChange) === null || b === void 0 || b.call(e, H);
|
|
152
152
|
}
|
|
153
|
-
}),
|
|
153
|
+
}), f = m.useRef(null), t = e.isDisabled || n?.isDisabled || !1, { buttonProps: p, panelProps: g } = ne({
|
|
154
154
|
...e,
|
|
155
155
|
isExpanded: l,
|
|
156
156
|
isDisabled: t
|
|
157
|
-
}, c,
|
|
157
|
+
}, c, f), { isFocusVisible: h, focusProps: k } = F({
|
|
158
158
|
within: !0
|
|
159
|
-
}),
|
|
159
|
+
}), I = C({
|
|
160
160
|
...e,
|
|
161
161
|
id: void 0,
|
|
162
162
|
defaultClassName: "react-aria-Disclosure",
|
|
163
163
|
values: {
|
|
164
164
|
isExpanded: c.isExpanded,
|
|
165
165
|
isDisabled: t,
|
|
166
|
-
isFocusVisibleWithin:
|
|
166
|
+
isFocusVisibleWithin: h,
|
|
167
167
|
state: c
|
|
168
168
|
}
|
|
169
169
|
}), z = D(d, {
|
|
170
170
|
global: !0
|
|
171
171
|
});
|
|
172
|
-
return /* @__PURE__ */
|
|
172
|
+
return /* @__PURE__ */ m.createElement(B, {
|
|
173
173
|
values: [
|
|
174
174
|
[
|
|
175
|
-
|
|
175
|
+
S,
|
|
176
176
|
{
|
|
177
177
|
slots: {
|
|
178
178
|
[q]: {},
|
|
@@ -181,50 +181,50 @@ const F = /* @__PURE__ */ m(null), ie = /* @__PURE__ */ v(function(e, a) {
|
|
|
181
181
|
}
|
|
182
182
|
],
|
|
183
183
|
[
|
|
184
|
-
|
|
184
|
+
T,
|
|
185
185
|
{
|
|
186
|
-
panelProps:
|
|
187
|
-
panelRef:
|
|
186
|
+
panelProps: g,
|
|
187
|
+
panelRef: f
|
|
188
188
|
}
|
|
189
189
|
],
|
|
190
190
|
[
|
|
191
|
-
|
|
191
|
+
oe,
|
|
192
192
|
c
|
|
193
193
|
]
|
|
194
194
|
]
|
|
195
|
-
}, /* @__PURE__ */
|
|
196
|
-
...
|
|
195
|
+
}, /* @__PURE__ */ m.createElement("div", {
|
|
196
|
+
...M(z, I, k),
|
|
197
197
|
ref: a,
|
|
198
198
|
"data-expanded": c.isExpanded || void 0,
|
|
199
199
|
"data-disabled": t || void 0,
|
|
200
|
-
"data-focus-visible-within":
|
|
201
|
-
},
|
|
200
|
+
"data-focus-visible-within": h || void 0
|
|
201
|
+
}, I.children));
|
|
202
202
|
}), le = /* @__PURE__ */ v(function(e, a) {
|
|
203
|
-
let { role: n = "group" } = e, { panelProps: s, panelRef: d } = w(
|
|
203
|
+
let { role: n = "group" } = e, { panelProps: s, panelRef: d } = w(T), { isFocusVisible: o, focusProps: l } = F({
|
|
204
204
|
within: !0
|
|
205
205
|
}), c = C({
|
|
206
206
|
...e,
|
|
207
207
|
defaultClassName: "react-aria-DisclosurePanel",
|
|
208
208
|
values: {
|
|
209
|
-
isFocusVisibleWithin:
|
|
209
|
+
isFocusVisibleWithin: o
|
|
210
210
|
}
|
|
211
|
-
}),
|
|
211
|
+
}), f = D(e, {
|
|
212
212
|
global: !0
|
|
213
213
|
});
|
|
214
|
-
return /* @__PURE__ */
|
|
215
|
-
...
|
|
214
|
+
return /* @__PURE__ */ m.createElement("div", {
|
|
215
|
+
...M(f, c, s, l),
|
|
216
216
|
ref: O(a, d),
|
|
217
217
|
role: n,
|
|
218
|
-
"data-focus-visible-within":
|
|
219
|
-
}, /* @__PURE__ */
|
|
218
|
+
"data-focus-visible-within": o || void 0
|
|
219
|
+
}, /* @__PURE__ */ m.createElement(B, {
|
|
220
220
|
values: [
|
|
221
221
|
[
|
|
222
|
-
|
|
222
|
+
S,
|
|
223
223
|
null
|
|
224
224
|
]
|
|
225
225
|
]
|
|
226
226
|
}, e.children));
|
|
227
|
-
}),
|
|
227
|
+
}), V = x(void 0), je = ({
|
|
228
228
|
variant: i,
|
|
229
229
|
children: e,
|
|
230
230
|
className: a,
|
|
@@ -232,32 +232,32 @@ const F = /* @__PURE__ */ m(null), ie = /* @__PURE__ */ v(function(e, a) {
|
|
|
232
232
|
size: s = "large",
|
|
233
233
|
...d
|
|
234
234
|
}) => {
|
|
235
|
-
const
|
|
236
|
-
return /* @__PURE__ */
|
|
235
|
+
const o = n || i === "contained";
|
|
236
|
+
return /* @__PURE__ */ u(V.Provider, { value: { isContained: o, size: s }, children: /* @__PURE__ */ u(
|
|
237
237
|
ie,
|
|
238
238
|
{
|
|
239
239
|
className: y(
|
|
240
240
|
_.root,
|
|
241
|
-
|
|
241
|
+
o ? _.contained : _.uncontained,
|
|
242
242
|
a
|
|
243
243
|
),
|
|
244
244
|
...d,
|
|
245
245
|
children: e
|
|
246
246
|
}
|
|
247
247
|
) });
|
|
248
|
-
}, ce = "
|
|
248
|
+
}, ce = "_item_1em4f_1", fe = "_contained_1em4f_18", ue = "_medium_1em4f_28", pe = "_success_1em4f_33", me = "_warning_1em4f_39", xe = "_info_1em4f_45", ge = "_important_1em4f_51", he = "_triggerButton_1em4f_62", $e = "_triggerText_1em4f_66", be = "_trigger_1em4f_62", _e = "_triggerMainContent_1em4f_77", ye = "_chevronIcon_1em4f_94", Ee = "_statusIcon_1em4f_100", Pe = "_panel_1em4f_122", ve = "_content_1em4f_130", we = "_hasBackground_1em4f_135", Ce = "_header_1em4f_139", r = {
|
|
249
249
|
item: ce,
|
|
250
|
-
contained:
|
|
251
|
-
medium:
|
|
250
|
+
contained: fe,
|
|
251
|
+
medium: ue,
|
|
252
252
|
success: pe,
|
|
253
|
-
warning:
|
|
254
|
-
info:
|
|
255
|
-
important:
|
|
256
|
-
triggerButton:
|
|
257
|
-
triggerText:
|
|
258
|
-
trigger:
|
|
253
|
+
warning: me,
|
|
254
|
+
info: xe,
|
|
255
|
+
important: ge,
|
|
256
|
+
triggerButton: he,
|
|
257
|
+
triggerText: $e,
|
|
258
|
+
trigger: be,
|
|
259
259
|
triggerMainContent: _e,
|
|
260
|
-
" ": "_
|
|
260
|
+
" ": "_ _1em4f_1",
|
|
261
261
|
chevronIcon: ye,
|
|
262
262
|
statusIcon: Ee,
|
|
263
263
|
panel: Pe,
|
|
@@ -271,68 +271,68 @@ const F = /* @__PURE__ */ m(null), ie = /* @__PURE__ */ v(function(e, a) {
|
|
|
271
271
|
headingLevel: n = "h2",
|
|
272
272
|
type: s,
|
|
273
273
|
hasBackground: d = !0,
|
|
274
|
-
size:
|
|
274
|
+
size: o = "large",
|
|
275
275
|
isContained: l,
|
|
276
276
|
...c
|
|
277
277
|
}) => {
|
|
278
|
-
const
|
|
278
|
+
const f = w(V), t = l ?? f?.isContained ?? !1, p = typeof i == "object";
|
|
279
279
|
P(() => {
|
|
280
280
|
s && !t && console.warn(
|
|
281
281
|
"AccordionItem: When 'type' is set, it is recommended to also set 'isContained' to true for visual consistency."
|
|
282
282
|
);
|
|
283
283
|
}, [s, t]);
|
|
284
|
-
const
|
|
285
|
-
|
|
284
|
+
const g = s ? j[s] : null, h = g ? /* @__PURE__ */ u(
|
|
285
|
+
g,
|
|
286
286
|
{
|
|
287
287
|
size: 20,
|
|
288
|
-
className:
|
|
288
|
+
className: r.statusIcon
|
|
289
289
|
}
|
|
290
290
|
) : null;
|
|
291
|
-
return /* @__PURE__ */
|
|
292
|
-
|
|
291
|
+
return /* @__PURE__ */ A(
|
|
292
|
+
re,
|
|
293
293
|
{
|
|
294
294
|
...c,
|
|
295
295
|
className: y(
|
|
296
|
-
|
|
297
|
-
s &&
|
|
298
|
-
(
|
|
299
|
-
t &&
|
|
296
|
+
r.item,
|
|
297
|
+
s && r[s],
|
|
298
|
+
(o === "medium" || f?.size === "medium") && r.medium,
|
|
299
|
+
t && r.contained,
|
|
300
300
|
a
|
|
301
301
|
),
|
|
302
302
|
children: [
|
|
303
|
-
/* @__PURE__ */
|
|
303
|
+
/* @__PURE__ */ u("div", { className: r.trigger, children: /* @__PURE__ */ A(
|
|
304
304
|
X,
|
|
305
305
|
{
|
|
306
|
-
className:
|
|
306
|
+
className: r.triggerButton,
|
|
307
307
|
slot: "trigger",
|
|
308
308
|
variant: "icon",
|
|
309
309
|
children: [
|
|
310
|
-
/* @__PURE__ */
|
|
310
|
+
/* @__PURE__ */ u(
|
|
311
311
|
Z,
|
|
312
312
|
{
|
|
313
313
|
size: 20,
|
|
314
|
-
className:
|
|
314
|
+
className: r.chevronIcon
|
|
315
315
|
}
|
|
316
316
|
),
|
|
317
|
-
/* @__PURE__ */
|
|
317
|
+
/* @__PURE__ */ u("div", { className: r.triggerMainContent, children: p ? i : /* @__PURE__ */ u(
|
|
318
318
|
Y,
|
|
319
319
|
{
|
|
320
320
|
level: 3,
|
|
321
321
|
elementType: n,
|
|
322
|
-
className:
|
|
322
|
+
className: r.triggerText,
|
|
323
323
|
children: i
|
|
324
324
|
}
|
|
325
325
|
) }),
|
|
326
|
-
|
|
326
|
+
h
|
|
327
327
|
]
|
|
328
328
|
}
|
|
329
329
|
) }),
|
|
330
|
-
/* @__PURE__ */
|
|
330
|
+
/* @__PURE__ */ u(le, { className: r.panel, children: /* @__PURE__ */ u(
|
|
331
331
|
"div",
|
|
332
332
|
{
|
|
333
333
|
className: y(
|
|
334
|
-
|
|
335
|
-
d &&
|
|
334
|
+
r.content,
|
|
335
|
+
d && r.hasBackground
|
|
336
336
|
),
|
|
337
337
|
children: e
|
|
338
338
|
}
|
package/CHANGELOG.md
CHANGED
|
@@ -1,3 +1,19 @@
|
|
|
1
|
+
## 15.2.14 (2025-11-24)
|
|
2
|
+
|
|
3
|
+
### 🩹 Fixes
|
|
4
|
+
|
|
5
|
+
- **select:** fix flying popover animation bug ([c15412f354](https://github.com/migrationsverket/midas/commit/c15412f354))
|
|
6
|
+
|
|
7
|
+
## 15.2.13 (2025-11-21)
|
|
8
|
+
|
|
9
|
+
### 🩹 Fixes
|
|
10
|
+
|
|
11
|
+
- **accordion:** remove z-index ([09d96ce3ee](https://github.com/migrationsverket/midas/commit/09d96ce3ee))
|
|
12
|
+
|
|
13
|
+
### 🔧 Maintenance
|
|
14
|
+
|
|
15
|
+
- **components:** update storybook link in README.md ([498c57be64](https://github.com/migrationsverket/midas/commit/498c57be64))
|
|
16
|
+
|
|
1
17
|
## 15.2.12 (2025-11-18)
|
|
2
18
|
|
|
3
19
|
### 🚀 Features
|
package/README.md
CHANGED
|
@@ -22,4 +22,4 @@ import {Button, Checkbox, etc} from '@midas-ds/components'
|
|
|
22
22
|
|
|
23
23
|
- See the full design system documentation on [Midas](https://designsystem.migrationsverket.se/) (Swedish).
|
|
24
24
|
|
|
25
|
-
- Component API documentation on [Storybook](https://
|
|
25
|
+
- Component API documentation on [Storybook](https://designsystem.migrationsverket.se/storybook/).
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";require('./assets/Select.css');const u=require("react/jsx-runtime"),I=require("./Button-BuelSBWx.cjs"),V=require("./utils-ZN3Na38z.cjs"),N=require("./FieldError-DwYQXCwP.cjs"),le=require("./Form-BuOomA4T.cjs"),te=require("./intlStrings-ClBuC6xN.cjs"),X=require("./ListBox-BJLtPJiW.cjs"),O=require("./Dialog-XOUP-FA_.cjs"),H=require("./Text-BiDSbNaP.cjs"),ae=require("./Collection-Dq97IKYm.cjs"),re=require("./Hidden-BxRZGdEW.cjs"),j=require("./mergeProps-D9EPHb19.cjs"),G=require("./filterDOMProps-WUskt27c.cjs"),Y=require("./OverlayArrow-C2rMXHUL.cjs"),t=require("react"),ie=require("./context-UOrD6Zxk.cjs"),ne=require("./useLocalizedStringFormatter-MAvCRfhy.cjs"),z=require("./useFormValidation-pVNhWoaN.cjs"),se=require("./useListState-BCVYtjD-.cjs"),oe=require("./useControlledState-D0L6S_5r.cjs"),ce=require("./useFocusRing-BV6zA8CX.cjs"),J=require("./ListKeyboardDelegate-6U5oNrPf.cjs"),de=require("./SelectionManager-C4hvFZl0.cjs"),ue=require("./useHover-DIDiFsU7.cjs"),fe=require("./useField-yjDSH-M4.cjs"),be=require("./VisuallyHidden-CrRi8fmq.cjs"),Z=require("./SelectionIndicator-CD2Lb431.cjs"),Q=require("./Label-Dn9QqKX8.cjs"),w=require("./clsx-DKOfLqne.cjs"),$e=require("./Text-D29KP4_q.cjs"),me=require("./Checkbox-LGIr8OfT.cjs"),K=require("./useLocalizedStringFormatter-Dfow0G-0.cjs"),ve=require("./x-DRkCcaDU.cjs"),ge=require("./ListBox-BDEzuwgf.cjs"),xe=require("./Popover-DatBJsbE.cjs"),L=require("./Tag-DsmOy4f_.cjs"),he=require("./clsx-C11secjj.cjs"),ye=require("./chevron-down-DyBh7agb.cjs");function pe(e={}){let{locale:l}=ie.$18f2051aff69b9bf$export$43bb16f9c6d9e3f7();return t.useMemo(()=>new Intl.ListFormat(l,e),[l,e])}const W=new WeakMap;function Se(e,l,r){let{keyboardDelegate:i,isDisabled:a,isRequired:d,name:v,form:s,validationBehavior:n="aria"}=e,f=J.$325a3faab7a68acd$export$a16aca283550c30d({usage:"search",sensitivity:"base"}),c=t.useMemo(()=>i||new J.$2a25aae57d74318e$export$a05409b8bb224a5a(l.collection,l.disabledKeys,r,f),[i,l.collection,l.disabledKeys,f,r]),{menuTriggerProps:b,menuProps:x}=O.$168583247155ddda$export$dc9c12ed27dd1b49({isDisabled:a,type:"listbox"},l,r),h=g=>{if(l.selectionManager.selectionMode!=="multiple")switch(g.key){case"ArrowLeft":{var D,R;g.preventDefault();let B=l.selectedKey!=null?(D=c.getKeyAbove)===null||D===void 0?void 0:D.call(c,l.selectedKey):(R=c.getFirstKey)===null||R===void 0?void 0:R.call(c);B&&l.setSelectedKey(B);break}case"ArrowRight":{var E,T;g.preventDefault();let B=l.selectedKey!=null?(E=c.getKeyBelow)===null||E===void 0?void 0:E.call(c,l.selectedKey):(T=c.getFirstKey)===null||T===void 0?void 0:T.call(c);B&&l.setSelectedKey(B);break}}},{typeSelectProps:$}=de.$fb3050f43d946246$export$e32c88dfddc6e1d8({keyboardDelegate:c,selectionManager:l.selectionManager,onTypeSelect(g){l.setSelectedKey(g)}}),{isInvalid:P,validationErrors:q,validationDetails:m}=l.displayValidation,{labelProps:y,fieldProps:S,descriptionProps:o,errorMessageProps:M}=fe.$2baaea4c71418dea$export$294aa081a6c6f55d({...e,labelElementType:"span",isInvalid:P,errorMessage:e.errorMessage||q});$.onKeyDown=$.onKeyDownCapture,delete $.onKeyDownCapture,l.selectionManager.selectionMode==="multiple"&&($={});let F=G.$65484d02dcb7eb3e$export$457c3d6518dd4c6f(e,{labelable:!0}),p=j.$3ef42575df84b30b$export$9d1611c77c2fe928($,b,S),A=j.$bdb11010cef70236$export$f680877a34711e37();return W.set(l,{isDisabled:a,isRequired:d,name:v,form:s,validationBehavior:n}),{labelProps:{...y,onClick:()=>{if(!e.isDisabled){var g;(g=r.current)===null||g===void 0||g.focus(),ue.$507fabe10e71c6fb$export$8397ddfc504fdb9a("keyboard")}}},triggerProps:j.$3ef42575df84b30b$export$9d1611c77c2fe928(F,{...p,isDisabled:a,onKeyDown:j.$ff5963eb1fccf552$export$e08e3b67e392101e(p.onKeyDown,h,e.onKeyDown),onKeyUp:e.onKeyUp,"aria-labelledby":[A,p["aria-labelledby"],p["aria-label"]&&!p["aria-labelledby"]?p.id:null].filter(Boolean).join(" "),onFocus(g){l.isFocused||(e.onFocus&&e.onFocus(g),e.onFocusChange&&e.onFocusChange(!0),l.setFocused(!0))},onBlur(g){l.isOpen||(e.onBlur&&e.onBlur(g),e.onFocusChange&&e.onFocusChange(!1),l.setFocused(!1))}}),valueProps:{id:A},menuProps:{...x,autoFocus:l.focusStrategy||!0,shouldSelectOnPressUp:!0,shouldFocusOnHover:!0,disallowEmptySelection:!0,linkBehavior:"selection",onBlur:g=>{g.currentTarget.contains(g.relatedTarget)||(e.onBlur&&e.onBlur(g),e.onFocusChange&&e.onFocusChange(!1),l.setFocused(!1))},"aria-labelledby":[S["aria-labelledby"],p["aria-label"]&&!S["aria-labelledby"]?p.id:null].filter(Boolean).join(" ")},descriptionProps:o,errorMessageProps:M,isInvalid:P,validationErrors:q,validationDetails:m,hiddenSelectProps:{isDisabled:a,name:v,label:e.label,state:l,triggerRef:r,form:s}}}function Pe(e,l,r){let i=W.get(l)||{},{autoComplete:a,name:d=i.name,form:v=i.form,isDisabled:s=i.isDisabled}=e,{validationBehavior:n,isRequired:f}=i,{visuallyHiddenProps:c}=be.$5c3e21d68f1c4674$export$a966af930f325cab({style:{position:"fixed",top:0,left:0}});z.$99facab73266f662$export$5add1d006293d136(e.selectRef,l.defaultValue,l.setValue),z.$e93e671b31057976$export$b8473d3665f3a75a({validationBehavior:n,focus:()=>{var $;return($=r.current)===null||$===void 0?void 0:$.focus()}},l,e.selectRef);let b=l.setValue,x=t.useCallback($=>{$.target.multiple?b(Array.from($.target.selectedOptions,P=>P.value)):b($.currentTarget.value)},[b]);var h;return{containerProps:{...c,"aria-hidden":!0,"data-react-aria-prevent-focus":!0,"data-a11y-ignore":"aria-hidden-focus"},inputProps:{style:{display:"none"}},selectProps:{tabIndex:-1,autoComplete:a,disabled:s,multiple:l.selectionManager.selectionMode==="multiple",required:n==="native"&&f,name:d,form:v,value:(h=l.value)!==null&&h!==void 0?h:"",onChange:x,onInput:x}}}function qe(e){let{state:l,triggerRef:r,label:i,name:a,form:d,isDisabled:v}=e,s=t.useRef(null),n=t.useRef(null),{containerProps:f,selectProps:c}=Pe({...e,selectRef:l.collection.size<=300?s:n},l,r);if(l.collection.size<=300)return t.createElement("div",{...f,"data-testid":"hidden-select-container"},t.createElement("label",null,i,t.createElement("select",{...c,ref:s},t.createElement("option",null),[...l.collection.getKeys()].map(b=>{let x=l.collection.getItem(b);if(x&&x.type==="item")return t.createElement("option",{key:x.key,value:x.key},x.textValue)}))));if(a){let b=W.get(l)||{},{validationBehavior:x}=b,h=Array.isArray(l.value)?l.value:[l.value];h.length===0&&(h=[null]);let $=h.map((P,q)=>{let m={type:"hidden",autoComplete:c.autoComplete,name:a,form:d,disabled:v,value:P??""};return x==="native"?t.createElement("input",{key:q,...m,ref:q===0?n:null,style:{display:"none"},type:"text",required:q===0?c.required:!1,onChange:()=>{}}):t.createElement("input",{key:q,...m,ref:q===0?n:null})});return t.createElement(t.Fragment,null,$)}return null}function Ce(e){let{selectionMode:l="single"}=e,r=Y.$fc909762b330b746$export$61c6a8c84e605fb6(e),[i,a]=t.useState(null),d=t.useMemo(()=>{var o;return e.defaultValue!==void 0?e.defaultValue:l==="single"?(o=e.defaultSelectedKey)!==null&&o!==void 0?o:null:[]},[e.defaultValue,e.defaultSelectedKey,l]),v=t.useMemo(()=>e.value!==void 0?e.value:l==="single"?e.selectedKey:void 0,[e.value,e.selectedKey,l]),[s,n]=oe.$458b0a5536c1a7cf$export$40bfa8c7b0832715(v,d,e.onChange),f=l==="single"&&Array.isArray(s)?s[0]:s,c=o=>{if(l==="single"){var M,F;let p=Array.isArray(o)?(F=o[0])!==null&&F!==void 0?F:null:o;n(p),p!==f&&((M=e.onSelectionChange)===null||M===void 0||M.call(e,p))}else{let p=[];Array.isArray(o)?p=o:o!=null&&(p=[o]),n(p)}},b=se.$e72dd72e1c76a225$export$2f645645f7bca764({...e,selectionMode:l,disallowEmptySelection:l==="single",allowDuplicateSelectionEvents:!0,selectedKeys:t.useMemo(()=>Me(f),[f]),onSelectionChange:o=>{if(o!=="all"){if(l==="single"){var M;let F=(M=o.values().next().value)!==null&&M!==void 0?M:null;c(F),r.close()}else c([...o]);$.commitValidation()}}}),x=b.selectionManager.firstSelectedKey,h=t.useMemo(()=>[...b.selectionManager.selectedKeys].map(o=>b.collection.getItem(o)).filter(o=>o!=null),[b.selectionManager.selectedKeys,b.collection]),$=z.$e5be200c675c3b3a$export$fc1a364ae1f3ff10({...e,value:Array.isArray(f)&&f.length===0?null:f}),[P,q]=t.useState(!1),[m]=t.useState(f);var y,S;return{...$,...b,...r,value:f,defaultValue:d??m,setValue:c,selectedKey:x,setSelectedKey:c,selectedItem:(y=h[0])!==null&&y!==void 0?y:null,selectedItems:h,defaultSelectedKey:(S=e.defaultSelectedKey)!==null&&S!==void 0?S:e.selectionMode==="single"?m:null,focusStrategy:i,open(o=null){b.collection.size!==0&&(a(o),r.open())},toggle(o=null){b.collection.size!==0&&(a(o),r.toggle())},isFocused:P,setFocused:q}}function Me(e){if(e!==void 0)return e===null?[]:Array.isArray(e)?e:[e]}function Fe(e){return e&&e.__esModule?e.default:e}const U=t.createContext(null),k=t.createContext(null),Ve=t.forwardRef(function(l,r){[l,r]=V.$64fa3d84918910a7$export$29f1550f4b0d4415(l,r,U);let{children:i,isDisabled:a=!1,isInvalid:d=!1,isRequired:v=!1}=l,s=t.useMemo(()=>typeof i=="function"?i({isOpen:!1,isDisabled:a,isInvalid:d,isRequired:v,isFocused:!1,isFocusVisible:!1,defaultChildren:null}):i,[i,a,d,v]);return t.createElement(ae.$e1995378a142960e$export$bf788dd355e3a401,{content:s},n=>t.createElement(Re,{props:l,collection:n,selectRef:r}))}),De=[I.$01b77f81d0f07f68$export$75b6ee27786ba447,I.$d2b4bc8c273e7be6$export$24d547caef80ccd1,H.$514c0188e459b4c0$export$9afb8bc826b033ea];function Re({props:e,selectRef:l,collection:r}){let{validationBehavior:i}=V.$64fa3d84918910a7$export$fabf2dc03a41866e(le.$d3e0e05bdfcf66bd$export$c24727297075ec6a)||{};var a,d;let v=(d=(a=e.validationBehavior)!==null&&a!==void 0?a:i)!==null&&d!==void 0?d:"native",s=Ce({...e,collection:r,children:void 0,validationBehavior:v}),{isFocusVisible:n,focusProps:f}=ce.$f7dceffc5ad7768b$export$4e328f61c538687f({within:!0}),c=t.useRef(null),[b,x]=V.$64fa3d84918910a7$export$9d4c57ee4c6ffdd8(!e["aria-label"]&&!e["aria-labelledby"]),{labelProps:h,triggerProps:$,valueProps:P,menuProps:q,descriptionProps:m,errorMessageProps:y,hiddenSelectProps:S,...o}=Se({...V.$64fa3d84918910a7$export$ef03459518577ad4(e),label:x,validationBehavior:v},s,c),[M,F]=t.useState(null),p=t.useCallback(()=>{c.current&&F(c.current.offsetWidth+"px")},[c]);Y.$9daab02d461809db$export$683480f191c0e3ea({ref:c,onResize:p});let A=t.useMemo(()=>({isOpen:s.isOpen,isFocused:s.isFocused,isFocusVisible:n,isDisabled:e.isDisabled||!1,isInvalid:o.isInvalid||!1,isRequired:e.isRequired||!1}),[s.isOpen,s.isFocused,n,e.isDisabled,o.isInvalid,e.isRequired]),g=V.$64fa3d84918910a7$export$4d86445c2cf5e3({...e,values:A,defaultClassName:"react-aria-Select"}),D=G.$65484d02dcb7eb3e$export$457c3d6518dd4c6f(e,{global:!0});delete D.id;let R=t.useRef(null);return t.createElement(V.$64fa3d84918910a7$export$2881499e37b75b9a,{values:[[U,e],[k,s],[ee,P],[I.$01b77f81d0f07f68$export$75b6ee27786ba447,{...h,ref:b,elementType:"span"}],[I.$d2b4bc8c273e7be6$export$24d547caef80ccd1,{...$,ref:c,isPressed:s.isOpen,autoFocus:e.autoFocus}],[O.$de32f1b87079253c$export$d2f961adcb0afbe,s],[O.$07b14b47974efb58$export$9b9a0cd73afb7ca4,{trigger:"Select",triggerRef:c,scrollRef:R,placement:"bottom start",style:{"--trigger-width":M},"aria-labelledby":q["aria-labelledby"],clearContexts:De}],[X.$eed445e0843c11d0$export$7ff8f37d2d81a48d,{...q,ref:R}],[X.$eed445e0843c11d0$export$7c5906fe4f1f2af2,s],[H.$514c0188e459b4c0$export$9afb8bc826b033ea,{slots:{description:m,errorMessage:y}}],[N.$ee014567cb39d3f0$export$ff05c3ac10437e03,o]]},t.createElement("div",{...j.$3ef42575df84b30b$export$9d1611c77c2fe928(D,g,f),ref:l,slot:e.slot||void 0,"data-focused":s.isFocused||void 0,"data-focus-visible":n||void 0,"data-open":s.isOpen||void 0,"data-disabled":e.isDisabled||void 0,"data-invalid":o.isInvalid||void 0,"data-required":e.isRequired||void 0},g.children,t.createElement(qe,{...S,autoComplete:e.autoComplete})))}const ee=t.createContext(null),Ie=re.$f39a9eba43920ace$export$86427a43e3e48ebb(function(l,r){var i;[l,r]=V.$64fa3d84918910a7$export$29f1550f4b0d4415(l,r,ee);let a=t.useContext(k),{placeholder:d}=V.$64fa3d84918910a7$export$fabf2dc03a41866e(U),v=a.selectedItems.map(m=>{var y;let S=(y=m.props)===null||y===void 0?void 0:y.children;return typeof S=="function"&&(S=S({isHovered:!1,isPressed:!1,isSelected:!1,isFocused:!1,isFocusVisible:!1,isDisabled:!1,selectionMode:"single",selectionBehavior:"toggle"})),S}),s=pe(),n=t.useMemo(()=>a.selectedItems.map(m=>m?.textValue),[a.selectedItems]),f=a.selectionManager.selectionMode,c=t.useMemo(()=>{var m;return f==="single"?(m=n[0])!==null&&m!==void 0?m:"":s.format(n)},[f,s,n]),b=t.useMemo(()=>{if(f==="single")return v[0];let m=s.formatToParts(n);if(m.length===0)return null;let y=0;return m.map(S=>S.type==="element"?t.createElement(t.Fragment,{key:y},v[y++]):S.value)},[f,s,n,v]),x=ne.$fca6afa0e843324b$export$f12b703ca79dfbb1(Fe(te.$df39c1238ae2b5f3$exports),"react-aria-components");var h,$;let P=V.$64fa3d84918910a7$export$4d86445c2cf5e3({...l,defaultChildren:(h=b??d)!==null&&h!==void 0?h:x.format("selectPlaceholder"),defaultClassName:"react-aria-SelectValue",values:{selectedItem:($=(i=a.selectedItems[0])===null||i===void 0?void 0:i.value)!==null&&$!==void 0?$:null,selectedItems:t.useMemo(()=>a.selectedItems.map(m=>{var y;return(y=m.value)!==null&&y!==void 0?y:null}),[a.selectedItems]),selectedText:c,isPlaceholder:a.selectedItems.length===0,state:a}}),q=G.$65484d02dcb7eb3e$export$457c3d6518dd4c6f(l,{global:!0});return t.createElement("span",{ref:r,...q,...P,"data-placeholder":a.selectedItems.length===0||void 0},t.createElement(H.$514c0188e459b4c0$export$9afb8bc826b033ea.Provider,{value:void 0},P.children))}),ke={clearAll:"Clear all",selectAll:"Select all",selectedItems:"Selected items",selected:"selected"},Be={clearAll:"Rensa alla",selectAll:"Välj alla",selectedItems:"Valda objekt",selected:"valda"},_={en:ke,sv:Be},je="_select_k3m79_1",Ae="_triggerContainer_k3m79_7",Ke="_trigger_k3m79_7",_e="_medium_k3m79_28",Ee="_selectValue_k3m79_71",Te="_placeholder_k3m79_81",we="_selectValueTag_k3m79_95",Le="_clearButton_k3m79_109",Ne="_truncate_k3m79_121",Oe="_popover_k3m79_158",ze="_selectAll_k3m79_182",He="_tagGroup_k3m79_245",C={select:je,triggerContainer:Ae,trigger:Ke,medium:_e,selectValue:Ee,placeholder:Te,selectValueTag:we,clearButton:Le,truncate:Ne,popover:Oe,selectAll:ze,tagGroup:He},Ge=()=>{const e=t.useContext(k),l=K.useLocalizedStringFormatter(_),r=()=>e?.setValue(e?.selectionManager.isSelectAll?null:Array.from(e.collection.getKeys()));return u.jsx(me.Checkbox,{className:C.selectAll,isIndeterminate:!e?.selectionManager.isSelectAll&&!e?.selectionManager.isEmpty,isSelected:e?.selectionManager.isSelectAll,onChange:r,children:l.format("selectAll")})},We=({isDisabled:e,selectedItems:l,selectedText:r})=>{const i=K.useLocalizedStringFormatter(_),a=()=>l.length===1?r:`${l.length} ${i.format("selected")}`;return u.jsxs("div",{className:C.selectValueTag,"data-disabled":e||void 0,children:[u.jsx("span",{className:C.truncate,children:a()}),u.jsx(Ue,{isDisabled:e})]})},Ue=({isDisabled:e})=>{const l=t.useContext(k),r=K.useLocalizedStringFormatter(_),i=Z.$9bf71ea28793e738$export$10c5169755ce7bd7(),a=()=>{i?.focusFirst(),l?.setValue(null)};return u.jsx(I.$d2b4bc8c273e7be6$export$353f5b6fc5456de1,{"aria-label":r.format("clearAll"),className:C.clearButton,onPress:a,slot:null,isDisabled:e,children:u.jsx(ve.X,{width:20,height:20})})},Xe=({showTags:e,isDisabled:l})=>{const r=K.useLocalizedStringFormatter(_),i=t.useContext(k),a=d=>{i?.selectionManager.toggleSelection(Array.from(d)[0])};return!i?.selectedItems.length||!e?null:u.jsx(L.TagGroup,{"aria-label":r.format("selectedItems"),className:C.tagGroup,onRemove:a,selectionBehavior:"toggle",children:u.jsx(L.$eaf9e70818b436db$export$f9fef0f55402315b,{items:i.selectedItems,children:d=>u.jsx(L.Tag,{dismissable:!0,id:d.key,isDisabled:l,textValue:d.textValue,children:d.textValue},d.key)})})},Je=({size:e})=>{const l=t.useContext(k);return u.jsx(I.$d2b4bc8c273e7be6$export$353f5b6fc5456de1,{className:he.clsx({[C.medium]:e==="medium"},C.trigger),"data-invalid":!!l?.displayValidation.isInvalid||void 0,children:u.jsx("span",{"aria-hidden":"true",style:{display:"flex"},children:u.jsx(ye.ChevronDown,{size:20})})})};function Qe({children:e,description:l,errorMessage:r,errorPosition:i="top",items:a,label:d,popover:v,size:s="large",...n}){return u.jsx(Z.$9bf71ea28793e738$export$20e40289641fbbb6,{children:u.jsxs(Ve,{...n,className:w.clsx(n.className,C.select),children:[u.jsx(Q.LabelWrapper,{popover:v,children:d&&u.jsx(Q.Label,{"data-disabled":n.isDisabled||void 0,children:d})}),l&&u.jsx($e.Text,{slot:"description",children:l}),i==="top"&&u.jsx(N.FieldError,{children:r}),u.jsxs("div",{className:C.triggerContainer,"data-disabled":n.isDisabled||void 0,children:[u.jsx(Je,{size:s}),u.jsx(Ie,{className:C.selectValue,"data-disabled":n.isDisabled||void 0,children:f=>f.isPlaceholder||n.selectionMode!=="multiple"?u.jsx("div",{className:w.clsx(C.placeholder),children:u.jsx("span",{className:w.clsx(C.truncate),children:f.selectedText||f.defaultChildren})}):u.jsx(We,{...n,...f})})]}),i==="bottom"&&u.jsx(N.FieldError,{children:r}),u.jsxs(xe.Popover,{className:C.popover,offset:0,hideArrow:!0,children:[n.isSelectableAll&&u.jsx(Ge,{}),u.jsx(ge.ListBox,{escapeKeyBehavior:"none",items:a,children:e})]}),u.jsx(Xe,{...n})]})})}exports.Select=Qe;
|
|
1
|
+
"use strict";require('./assets/Select.css');const u=require("react/jsx-runtime"),I=require("./Button-BuelSBWx.cjs"),V=require("./utils-ZN3Na38z.cjs"),N=require("./FieldError-DwYQXCwP.cjs"),le=require("./Form-BuOomA4T.cjs"),te=require("./intlStrings-ClBuC6xN.cjs"),X=require("./ListBox-BJLtPJiW.cjs"),O=require("./Dialog-XOUP-FA_.cjs"),H=require("./Text-BiDSbNaP.cjs"),ae=require("./Collection-Dq97IKYm.cjs"),re=require("./Hidden-BxRZGdEW.cjs"),A=require("./mergeProps-D9EPHb19.cjs"),G=require("./filterDOMProps-WUskt27c.cjs"),Y=require("./OverlayArrow-C2rMXHUL.cjs"),t=require("react"),ie=require("./context-UOrD6Zxk.cjs"),ne=require("./useLocalizedStringFormatter-MAvCRfhy.cjs"),z=require("./useFormValidation-pVNhWoaN.cjs"),se=require("./useListState-BCVYtjD-.cjs"),oe=require("./useControlledState-D0L6S_5r.cjs"),ce=require("./useFocusRing-BV6zA8CX.cjs"),J=require("./ListKeyboardDelegate-6U5oNrPf.cjs"),de=require("./SelectionManager-C4hvFZl0.cjs"),ue=require("./useHover-DIDiFsU7.cjs"),fe=require("./useField-yjDSH-M4.cjs"),be=require("./VisuallyHidden-CrRi8fmq.cjs"),Z=require("./SelectionIndicator-CD2Lb431.cjs"),Q=require("./Label-Dn9QqKX8.cjs"),w=require("./clsx-DKOfLqne.cjs"),$e=require("./Text-D29KP4_q.cjs"),me=require("./Checkbox-LGIr8OfT.cjs"),_=require("./useLocalizedStringFormatter-Dfow0G-0.cjs"),ve=require("./x-DRkCcaDU.cjs"),ge=require("./ListBox-BDEzuwgf.cjs"),xe=require("./Popover-DatBJsbE.cjs"),L=require("./Tag-DsmOy4f_.cjs"),he=require("./clsx-C11secjj.cjs"),ye=require("./chevron-down-DyBh7agb.cjs");function pe(e={}){let{locale:l}=ie.$18f2051aff69b9bf$export$43bb16f9c6d9e3f7();return t.useMemo(()=>new Intl.ListFormat(l,e),[l,e])}const W=new WeakMap;function Se(e,l,r){let{keyboardDelegate:i,isDisabled:a,isRequired:d,name:v,form:s,validationBehavior:n="aria"}=e,f=J.$325a3faab7a68acd$export$a16aca283550c30d({usage:"search",sensitivity:"base"}),c=t.useMemo(()=>i||new J.$2a25aae57d74318e$export$a05409b8bb224a5a(l.collection,l.disabledKeys,r,f),[i,l.collection,l.disabledKeys,f,r]),{menuTriggerProps:b,menuProps:x}=O.$168583247155ddda$export$dc9c12ed27dd1b49({isDisabled:a,type:"listbox"},l,r),h=g=>{if(l.selectionManager.selectionMode!=="multiple")switch(g.key){case"ArrowLeft":{var D,R;g.preventDefault();let j=l.selectedKey!=null?(D=c.getKeyAbove)===null||D===void 0?void 0:D.call(c,l.selectedKey):(R=c.getFirstKey)===null||R===void 0?void 0:R.call(c);j&&l.setSelectedKey(j);break}case"ArrowRight":{var T,k;g.preventDefault();let j=l.selectedKey!=null?(T=c.getKeyBelow)===null||T===void 0?void 0:T.call(c,l.selectedKey):(k=c.getFirstKey)===null||k===void 0?void 0:k.call(c);j&&l.setSelectedKey(j);break}}},{typeSelectProps:$}=de.$fb3050f43d946246$export$e32c88dfddc6e1d8({keyboardDelegate:c,selectionManager:l.selectionManager,onTypeSelect(g){l.setSelectedKey(g)}}),{isInvalid:P,validationErrors:q,validationDetails:m}=l.displayValidation,{labelProps:y,fieldProps:S,descriptionProps:o,errorMessageProps:M}=fe.$2baaea4c71418dea$export$294aa081a6c6f55d({...e,labelElementType:"span",isInvalid:P,errorMessage:e.errorMessage||q});$.onKeyDown=$.onKeyDownCapture,delete $.onKeyDownCapture,l.selectionManager.selectionMode==="multiple"&&($={});let F=G.$65484d02dcb7eb3e$export$457c3d6518dd4c6f(e,{labelable:!0}),p=A.$3ef42575df84b30b$export$9d1611c77c2fe928($,b,S),K=A.$bdb11010cef70236$export$f680877a34711e37();return W.set(l,{isDisabled:a,isRequired:d,name:v,form:s,validationBehavior:n}),{labelProps:{...y,onClick:()=>{if(!e.isDisabled){var g;(g=r.current)===null||g===void 0||g.focus(),ue.$507fabe10e71c6fb$export$8397ddfc504fdb9a("keyboard")}}},triggerProps:A.$3ef42575df84b30b$export$9d1611c77c2fe928(F,{...p,isDisabled:a,onKeyDown:A.$ff5963eb1fccf552$export$e08e3b67e392101e(p.onKeyDown,h,e.onKeyDown),onKeyUp:e.onKeyUp,"aria-labelledby":[K,p["aria-labelledby"],p["aria-label"]&&!p["aria-labelledby"]?p.id:null].filter(Boolean).join(" "),onFocus(g){l.isFocused||(e.onFocus&&e.onFocus(g),e.onFocusChange&&e.onFocusChange(!0),l.setFocused(!0))},onBlur(g){l.isOpen||(e.onBlur&&e.onBlur(g),e.onFocusChange&&e.onFocusChange(!1),l.setFocused(!1))}}),valueProps:{id:K},menuProps:{...x,autoFocus:l.focusStrategy||!0,shouldSelectOnPressUp:!0,shouldFocusOnHover:!0,disallowEmptySelection:!0,linkBehavior:"selection",onBlur:g=>{g.currentTarget.contains(g.relatedTarget)||(e.onBlur&&e.onBlur(g),e.onFocusChange&&e.onFocusChange(!1),l.setFocused(!1))},"aria-labelledby":[S["aria-labelledby"],p["aria-label"]&&!S["aria-labelledby"]?p.id:null].filter(Boolean).join(" ")},descriptionProps:o,errorMessageProps:M,isInvalid:P,validationErrors:q,validationDetails:m,hiddenSelectProps:{isDisabled:a,name:v,label:e.label,state:l,triggerRef:r,form:s}}}function Pe(e,l,r){let i=W.get(l)||{},{autoComplete:a,name:d=i.name,form:v=i.form,isDisabled:s=i.isDisabled}=e,{validationBehavior:n,isRequired:f}=i,{visuallyHiddenProps:c}=be.$5c3e21d68f1c4674$export$a966af930f325cab({style:{position:"fixed",top:0,left:0}});z.$99facab73266f662$export$5add1d006293d136(e.selectRef,l.defaultValue,l.setValue),z.$e93e671b31057976$export$b8473d3665f3a75a({validationBehavior:n,focus:()=>{var $;return($=r.current)===null||$===void 0?void 0:$.focus()}},l,e.selectRef);let b=l.setValue,x=t.useCallback($=>{$.target.multiple?b(Array.from($.target.selectedOptions,P=>P.value)):b($.currentTarget.value)},[b]);var h;return{containerProps:{...c,"aria-hidden":!0,"data-react-aria-prevent-focus":!0,"data-a11y-ignore":"aria-hidden-focus"},inputProps:{style:{display:"none"}},selectProps:{tabIndex:-1,autoComplete:a,disabled:s,multiple:l.selectionManager.selectionMode==="multiple",required:n==="native"&&f,name:d,form:v,value:(h=l.value)!==null&&h!==void 0?h:"",onChange:x,onInput:x}}}function qe(e){let{state:l,triggerRef:r,label:i,name:a,form:d,isDisabled:v}=e,s=t.useRef(null),n=t.useRef(null),{containerProps:f,selectProps:c}=Pe({...e,selectRef:l.collection.size<=300?s:n},l,r);if(l.collection.size<=300)return t.createElement("div",{...f,"data-testid":"hidden-select-container"},t.createElement("label",null,i,t.createElement("select",{...c,ref:s},t.createElement("option",null),[...l.collection.getKeys()].map(b=>{let x=l.collection.getItem(b);if(x&&x.type==="item")return t.createElement("option",{key:x.key,value:x.key},x.textValue)}))));if(a){let b=W.get(l)||{},{validationBehavior:x}=b,h=Array.isArray(l.value)?l.value:[l.value];h.length===0&&(h=[null]);let $=h.map((P,q)=>{let m={type:"hidden",autoComplete:c.autoComplete,name:a,form:d,disabled:v,value:P??""};return x==="native"?t.createElement("input",{key:q,...m,ref:q===0?n:null,style:{display:"none"},type:"text",required:q===0?c.required:!1,onChange:()=>{}}):t.createElement("input",{key:q,...m,ref:q===0?n:null})});return t.createElement(t.Fragment,null,$)}return null}function Ce(e){let{selectionMode:l="single"}=e,r=Y.$fc909762b330b746$export$61c6a8c84e605fb6(e),[i,a]=t.useState(null),d=t.useMemo(()=>{var o;return e.defaultValue!==void 0?e.defaultValue:l==="single"?(o=e.defaultSelectedKey)!==null&&o!==void 0?o:null:[]},[e.defaultValue,e.defaultSelectedKey,l]),v=t.useMemo(()=>e.value!==void 0?e.value:l==="single"?e.selectedKey:void 0,[e.value,e.selectedKey,l]),[s,n]=oe.$458b0a5536c1a7cf$export$40bfa8c7b0832715(v,d,e.onChange),f=l==="single"&&Array.isArray(s)?s[0]:s,c=o=>{if(l==="single"){var M,F;let p=Array.isArray(o)?(F=o[0])!==null&&F!==void 0?F:null:o;n(p),p!==f&&((M=e.onSelectionChange)===null||M===void 0||M.call(e,p))}else{let p=[];Array.isArray(o)?p=o:o!=null&&(p=[o]),n(p)}},b=se.$e72dd72e1c76a225$export$2f645645f7bca764({...e,selectionMode:l,disallowEmptySelection:l==="single",allowDuplicateSelectionEvents:!0,selectedKeys:t.useMemo(()=>Me(f),[f]),onSelectionChange:o=>{if(o!=="all"){if(l==="single"){var M;let F=(M=o.values().next().value)!==null&&M!==void 0?M:null;c(F),r.close()}else c([...o]);$.commitValidation()}}}),x=b.selectionManager.firstSelectedKey,h=t.useMemo(()=>[...b.selectionManager.selectedKeys].map(o=>b.collection.getItem(o)).filter(o=>o!=null),[b.selectionManager.selectedKeys,b.collection]),$=z.$e5be200c675c3b3a$export$fc1a364ae1f3ff10({...e,value:Array.isArray(f)&&f.length===0?null:f}),[P,q]=t.useState(!1),[m]=t.useState(f);var y,S;return{...$,...b,...r,value:f,defaultValue:d??m,setValue:c,selectedKey:x,setSelectedKey:c,selectedItem:(y=h[0])!==null&&y!==void 0?y:null,selectedItems:h,defaultSelectedKey:(S=e.defaultSelectedKey)!==null&&S!==void 0?S:e.selectionMode==="single"?m:null,focusStrategy:i,open(o=null){b.collection.size!==0&&(a(o),r.open())},toggle(o=null){b.collection.size!==0&&(a(o),r.toggle())},isFocused:P,setFocused:q}}function Me(e){if(e!==void 0)return e===null?[]:Array.isArray(e)?e:[e]}function Fe(e){return e&&e.__esModule?e.default:e}const U=t.createContext(null),B=t.createContext(null),Ve=t.forwardRef(function(l,r){[l,r]=V.$64fa3d84918910a7$export$29f1550f4b0d4415(l,r,U);let{children:i,isDisabled:a=!1,isInvalid:d=!1,isRequired:v=!1}=l,s=t.useMemo(()=>typeof i=="function"?i({isOpen:!1,isDisabled:a,isInvalid:d,isRequired:v,isFocused:!1,isFocusVisible:!1,defaultChildren:null}):i,[i,a,d,v]);return t.createElement(ae.$e1995378a142960e$export$bf788dd355e3a401,{content:s},n=>t.createElement(Re,{props:l,collection:n,selectRef:r}))}),De=[I.$01b77f81d0f07f68$export$75b6ee27786ba447,I.$d2b4bc8c273e7be6$export$24d547caef80ccd1,H.$514c0188e459b4c0$export$9afb8bc826b033ea];function Re({props:e,selectRef:l,collection:r}){let{validationBehavior:i}=V.$64fa3d84918910a7$export$fabf2dc03a41866e(le.$d3e0e05bdfcf66bd$export$c24727297075ec6a)||{};var a,d;let v=(d=(a=e.validationBehavior)!==null&&a!==void 0?a:i)!==null&&d!==void 0?d:"native",s=Ce({...e,collection:r,children:void 0,validationBehavior:v}),{isFocusVisible:n,focusProps:f}=ce.$f7dceffc5ad7768b$export$4e328f61c538687f({within:!0}),c=t.useRef(null),[b,x]=V.$64fa3d84918910a7$export$9d4c57ee4c6ffdd8(!e["aria-label"]&&!e["aria-labelledby"]),{labelProps:h,triggerProps:$,valueProps:P,menuProps:q,descriptionProps:m,errorMessageProps:y,hiddenSelectProps:S,...o}=Se({...V.$64fa3d84918910a7$export$ef03459518577ad4(e),label:x,validationBehavior:v},s,c),[M,F]=t.useState(null),p=t.useCallback(()=>{c.current&&F(c.current.offsetWidth+"px")},[c]);Y.$9daab02d461809db$export$683480f191c0e3ea({ref:c,onResize:p});let K=t.useMemo(()=>({isOpen:s.isOpen,isFocused:s.isFocused,isFocusVisible:n,isDisabled:e.isDisabled||!1,isInvalid:o.isInvalid||!1,isRequired:e.isRequired||!1}),[s.isOpen,s.isFocused,n,e.isDisabled,o.isInvalid,e.isRequired]),g=V.$64fa3d84918910a7$export$4d86445c2cf5e3({...e,values:K,defaultClassName:"react-aria-Select"}),D=G.$65484d02dcb7eb3e$export$457c3d6518dd4c6f(e,{global:!0});delete D.id;let R=t.useRef(null);return t.createElement(V.$64fa3d84918910a7$export$2881499e37b75b9a,{values:[[U,e],[B,s],[ee,P],[I.$01b77f81d0f07f68$export$75b6ee27786ba447,{...h,ref:b,elementType:"span"}],[I.$d2b4bc8c273e7be6$export$24d547caef80ccd1,{...$,ref:c,isPressed:s.isOpen,autoFocus:e.autoFocus}],[O.$de32f1b87079253c$export$d2f961adcb0afbe,s],[O.$07b14b47974efb58$export$9b9a0cd73afb7ca4,{trigger:"Select",triggerRef:c,scrollRef:R,placement:"bottom start",style:{"--trigger-width":M},"aria-labelledby":q["aria-labelledby"],clearContexts:De}],[X.$eed445e0843c11d0$export$7ff8f37d2d81a48d,{...q,ref:R}],[X.$eed445e0843c11d0$export$7c5906fe4f1f2af2,s],[H.$514c0188e459b4c0$export$9afb8bc826b033ea,{slots:{description:m,errorMessage:y}}],[N.$ee014567cb39d3f0$export$ff05c3ac10437e03,o]]},t.createElement("div",{...A.$3ef42575df84b30b$export$9d1611c77c2fe928(D,g,f),ref:l,slot:e.slot||void 0,"data-focused":s.isFocused||void 0,"data-focus-visible":n||void 0,"data-open":s.isOpen||void 0,"data-disabled":e.isDisabled||void 0,"data-invalid":o.isInvalid||void 0,"data-required":e.isRequired||void 0},g.children,t.createElement(qe,{...S,autoComplete:e.autoComplete})))}const ee=t.createContext(null),Ie=re.$f39a9eba43920ace$export$86427a43e3e48ebb(function(l,r){var i;[l,r]=V.$64fa3d84918910a7$export$29f1550f4b0d4415(l,r,ee);let a=t.useContext(B),{placeholder:d}=V.$64fa3d84918910a7$export$fabf2dc03a41866e(U),v=a.selectedItems.map(m=>{var y;let S=(y=m.props)===null||y===void 0?void 0:y.children;return typeof S=="function"&&(S=S({isHovered:!1,isPressed:!1,isSelected:!1,isFocused:!1,isFocusVisible:!1,isDisabled:!1,selectionMode:"single",selectionBehavior:"toggle"})),S}),s=pe(),n=t.useMemo(()=>a.selectedItems.map(m=>m?.textValue),[a.selectedItems]),f=a.selectionManager.selectionMode,c=t.useMemo(()=>{var m;return f==="single"?(m=n[0])!==null&&m!==void 0?m:"":s.format(n)},[f,s,n]),b=t.useMemo(()=>{if(f==="single")return v[0];let m=s.formatToParts(n);if(m.length===0)return null;let y=0;return m.map(S=>S.type==="element"?t.createElement(t.Fragment,{key:y},v[y++]):S.value)},[f,s,n,v]),x=ne.$fca6afa0e843324b$export$f12b703ca79dfbb1(Fe(te.$df39c1238ae2b5f3$exports),"react-aria-components");var h,$;let P=V.$64fa3d84918910a7$export$4d86445c2cf5e3({...l,defaultChildren:(h=b??d)!==null&&h!==void 0?h:x.format("selectPlaceholder"),defaultClassName:"react-aria-SelectValue",values:{selectedItem:($=(i=a.selectedItems[0])===null||i===void 0?void 0:i.value)!==null&&$!==void 0?$:null,selectedItems:t.useMemo(()=>a.selectedItems.map(m=>{var y;return(y=m.value)!==null&&y!==void 0?y:null}),[a.selectedItems]),selectedText:c,isPlaceholder:a.selectedItems.length===0,state:a}}),q=G.$65484d02dcb7eb3e$export$457c3d6518dd4c6f(l,{global:!0});return t.createElement("span",{ref:r,...q,...P,"data-placeholder":a.selectedItems.length===0||void 0},t.createElement(H.$514c0188e459b4c0$export$9afb8bc826b033ea.Provider,{value:void 0},P.children))}),Be={clearAll:"Clear all",selectAll:"Select all",selectedItems:"Selected items",selected:"selected"},je={clearAll:"Rensa alla",selectAll:"Välj alla",selectedItems:"Valda objekt",selected:"valda"},E={en:Be,sv:je},Ae="_select_17bb3_1",Ke="_triggerContainer_17bb3_7",_e="_trigger_17bb3_7",Ee="_medium_17bb3_28",Te="_selectValue_17bb3_71",ke="_placeholder_17bb3_81",we="_selectValueTag_17bb3_95",Le="_clearButton_17bb3_109",Ne="_truncate_17bb3_121",Oe="_popover_17bb3_158",ze="_selectAll_17bb3_184",He="_tagGroup_17bb3_247",C={select:Ae,triggerContainer:Ke,trigger:_e,medium:Ee,selectValue:Te,placeholder:ke,selectValueTag:we,clearButton:Le,truncate:Ne,popover:Oe,selectAll:ze,tagGroup:He},Ge=()=>{const e=t.useContext(B),l=_.useLocalizedStringFormatter(E),r=()=>e?.setValue(e?.selectionManager.isSelectAll?null:Array.from(e.collection.getKeys()));return u.jsx(me.Checkbox,{className:C.selectAll,isIndeterminate:!e?.selectionManager.isSelectAll&&!e?.selectionManager.isEmpty,isSelected:e?.selectionManager.isSelectAll,onChange:r,children:l.format("selectAll")})},We=({isDisabled:e,selectedItems:l,selectedText:r})=>{const i=_.useLocalizedStringFormatter(E),a=()=>l.length===1?r:`${l.length} ${i.format("selected")}`;return u.jsxs("div",{className:C.selectValueTag,"data-disabled":e||void 0,children:[u.jsx("span",{className:C.truncate,children:a()}),u.jsx(Ue,{isDisabled:e})]})},Ue=({isDisabled:e})=>{const l=t.useContext(B),r=_.useLocalizedStringFormatter(E),i=Z.$9bf71ea28793e738$export$10c5169755ce7bd7(),a=()=>{i?.focusFirst(),l?.setValue(null)};return u.jsx(I.$d2b4bc8c273e7be6$export$353f5b6fc5456de1,{"aria-label":r.format("clearAll"),className:C.clearButton,onPress:a,slot:null,isDisabled:e,children:u.jsx(ve.X,{width:20,height:20})})},Xe=({showTags:e,isDisabled:l})=>{const r=_.useLocalizedStringFormatter(E),i=t.useContext(B),a=d=>{i?.selectionManager.toggleSelection(Array.from(d)[0])};return!i?.selectedItems.length||!e?null:u.jsx(L.TagGroup,{"aria-label":r.format("selectedItems"),className:C.tagGroup,onRemove:a,selectionBehavior:"toggle",children:u.jsx(L.$eaf9e70818b436db$export$f9fef0f55402315b,{items:i.selectedItems,children:d=>u.jsx(L.Tag,{dismissable:!0,id:d.key,isDisabled:l,textValue:d.textValue,children:d.textValue},d.key)})})},Je=({size:e})=>{const l=t.useContext(B);return u.jsx(I.$d2b4bc8c273e7be6$export$353f5b6fc5456de1,{className:he.clsx({[C.medium]:e==="medium"},C.trigger),"data-invalid":!!l?.displayValidation.isInvalid||void 0,children:u.jsx("span",{"aria-hidden":"true",style:{display:"flex"},children:u.jsx(ye.ChevronDown,{size:20})})})};function Qe({children:e,description:l,errorMessage:r,errorPosition:i="top",items:a,label:d,popover:v,size:s="large",...n}){return u.jsx(Z.$9bf71ea28793e738$export$20e40289641fbbb6,{children:u.jsxs(Ve,{...n,className:w.clsx(n.className,C.select),children:[u.jsx(Q.LabelWrapper,{popover:v,children:d&&u.jsx(Q.Label,{"data-disabled":n.isDisabled||void 0,children:d})}),l&&u.jsx($e.Text,{slot:"description",children:l}),i==="top"&&u.jsx(N.FieldError,{children:r}),u.jsxs("div",{className:C.triggerContainer,"data-disabled":n.isDisabled||void 0,children:[u.jsx(Je,{size:s}),u.jsx(Ie,{className:C.selectValue,"data-disabled":n.isDisabled||void 0,children:f=>f.isPlaceholder||n.selectionMode!=="multiple"?u.jsx("div",{className:w.clsx(C.placeholder),children:u.jsx("span",{className:w.clsx(C.truncate),children:f.selectedText||f.defaultChildren})}):u.jsx(We,{...n,...f})})]}),i==="bottom"&&u.jsx(N.FieldError,{children:r}),u.jsxs(xe.Popover,{className:C.popover,offset:0,hideArrow:!0,children:[n.isSelectableAll&&u.jsx(Ge,{}),u.jsx(ge.ListBox,{escapeKeyBehavior:"none",items:a,children:e})]}),u.jsx(Xe,{...n})]})})}exports.Select=Qe;
|
|
@@ -1,35 +1,35 @@
|
|
|
1
|
-
import { jsx as u, jsxs as
|
|
1
|
+
import { jsx as u, jsxs as _ } from "react/jsx-runtime";
|
|
2
2
|
import { c as J, e as Q, $ as Y } from "./Button-DQKRTkoz.js";
|
|
3
3
|
import { $ as Z, c as ee, a as le, d as re, e as ie, f as oe } from "./utils-BJ6_Ry69.js";
|
|
4
4
|
import { $ as ne, F as X } from "./FieldError-DQ61agyq.js";
|
|
5
5
|
import { $ as se } from "./Form-CXcEMuBf.js";
|
|
6
6
|
import { $ as de } from "./intlStrings-Cd44R5hT.js";
|
|
7
7
|
import { c as ce, d as ue } from "./ListBox-CEkHNTKf.js";
|
|
8
|
-
import { p as fe, i as
|
|
8
|
+
import { p as fe, i as be, n as me } from "./Dialog-F3u8agGf.js";
|
|
9
9
|
import { $ as z } from "./Text-B30xuDOt.js";
|
|
10
10
|
import { b as $e } from "./Collection-CXAXUgCh.js";
|
|
11
11
|
import { $ as ve } from "./Hidden-B5ir3Lei.js";
|
|
12
12
|
import { a as L, c as ge, e as pe } from "./mergeProps-oYrDoKjU.js";
|
|
13
13
|
import { $ as j } from "./filterDOMProps-BSVCO5jK.js";
|
|
14
14
|
import { a as he, g as ye } from "./OverlayArrow--IqDwz6a.js";
|
|
15
|
-
import g, { useMemo as D, useRef as
|
|
15
|
+
import g, { useMemo as D, useRef as T, useCallback as te, useState as E, forwardRef as xe, createContext as G, useContext as W, Fragment as Pe } from "react";
|
|
16
16
|
import { $ as Se } from "./context-Dl_saGB6.js";
|
|
17
17
|
import { $ as Ce } from "./useLocalizedStringFormatter-D1ErlkJ8.js";
|
|
18
18
|
import { a as Ve, b as De, $ as Ie } from "./useFormValidation-BgOffXI-.js";
|
|
19
19
|
import { $ as Fe } from "./useListState-DeBExb3v.js";
|
|
20
20
|
import { $ as Me } from "./useControlledState-u436Wbp1.js";
|
|
21
21
|
import { $ as Re } from "./useFocusRing-DAZgolYd.js";
|
|
22
|
-
import { $ as
|
|
23
|
-
import { h as
|
|
24
|
-
import { d as
|
|
25
|
-
import { $ as
|
|
26
|
-
import { a as
|
|
27
|
-
import { f as
|
|
22
|
+
import { $ as Ae, a as Be } from "./ListKeyboardDelegate-RT2g6YNq.js";
|
|
23
|
+
import { h as Ke } from "./SelectionManager-bnxBDhgb.js";
|
|
24
|
+
import { d as _e } from "./useHover-BkQu__4t.js";
|
|
25
|
+
import { $ as Ee } from "./useField-Bf6sH2Px.js";
|
|
26
|
+
import { a as Te } from "./VisuallyHidden-BCa6ThRH.js";
|
|
27
|
+
import { f as ke, b as we } from "./SelectionIndicator-B5J-eND9.js";
|
|
28
28
|
import { a as qe, L as Ne } from "./Label-AgADiPwL.js";
|
|
29
29
|
import { c as O } from "./clsx-jbLnTBqA.js";
|
|
30
30
|
import { T as Oe } from "./Text-6Fdknq88.js";
|
|
31
31
|
import { C as Le } from "./Checkbox-CsITchPQ.js";
|
|
32
|
-
import { u as
|
|
32
|
+
import { u as k } from "./useLocalizedStringFormatter-m7LExKN3.js";
|
|
33
33
|
import { X as ze } from "./x-BXShoIAM.js";
|
|
34
34
|
import { L as je } from "./ListBox-TsgvK95f.js";
|
|
35
35
|
import { P as Ge } from "./Popover-wdMVjcxB.js";
|
|
@@ -45,10 +45,10 @@ import './assets/Select.css';function Qe(e = {}) {
|
|
|
45
45
|
}
|
|
46
46
|
const H = /* @__PURE__ */ new WeakMap();
|
|
47
47
|
function Ye(e, l, a) {
|
|
48
|
-
let { keyboardDelegate: r, isDisabled: t, isRequired: d, name: $, form: o, validationBehavior: i = "aria" } = e, c =
|
|
48
|
+
let { keyboardDelegate: r, isDisabled: t, isRequired: d, name: $, form: o, validationBehavior: i = "aria" } = e, c = Ae({
|
|
49
49
|
usage: "search",
|
|
50
50
|
sensitivity: "base"
|
|
51
|
-
}), s = D(() => r || new
|
|
51
|
+
}), s = D(() => r || new Be(l.collection, l.disabledKeys, a, c), [
|
|
52
52
|
r,
|
|
53
53
|
l.collection,
|
|
54
54
|
l.disabledKeys,
|
|
@@ -63,34 +63,34 @@ function Ye(e, l, a) {
|
|
|
63
63
|
case "ArrowLeft": {
|
|
64
64
|
var M, R;
|
|
65
65
|
v.preventDefault();
|
|
66
|
-
let
|
|
67
|
-
|
|
66
|
+
let B = l.selectedKey != null ? (M = s.getKeyAbove) === null || M === void 0 ? void 0 : M.call(s, l.selectedKey) : (R = s.getFirstKey) === null || R === void 0 ? void 0 : R.call(s);
|
|
67
|
+
B && l.setSelectedKey(B);
|
|
68
68
|
break;
|
|
69
69
|
}
|
|
70
70
|
case "ArrowRight": {
|
|
71
71
|
var q, N;
|
|
72
72
|
v.preventDefault();
|
|
73
|
-
let
|
|
74
|
-
|
|
73
|
+
let B = l.selectedKey != null ? (q = s.getKeyBelow) === null || q === void 0 ? void 0 : q.call(s, l.selectedKey) : (N = s.getFirstKey) === null || N === void 0 ? void 0 : N.call(s);
|
|
74
|
+
B && l.setSelectedKey(B);
|
|
75
75
|
break;
|
|
76
76
|
}
|
|
77
77
|
}
|
|
78
|
-
}, { typeSelectProps:
|
|
78
|
+
}, { typeSelectProps: b } = Ke({
|
|
79
79
|
keyboardDelegate: s,
|
|
80
80
|
selectionManager: l.selectionManager,
|
|
81
81
|
onTypeSelect(v) {
|
|
82
82
|
l.setSelectedKey(v);
|
|
83
83
|
}
|
|
84
|
-
}), { isInvalid: S, validationErrors: C, validationDetails:
|
|
84
|
+
}), { isInvalid: S, validationErrors: C, validationDetails: m } = l.displayValidation, { labelProps: y, fieldProps: P, descriptionProps: n, errorMessageProps: I } = Ee({
|
|
85
85
|
...e,
|
|
86
86
|
labelElementType: "span",
|
|
87
87
|
isInvalid: S,
|
|
88
88
|
errorMessage: e.errorMessage || C
|
|
89
89
|
});
|
|
90
|
-
|
|
90
|
+
b.onKeyDown = b.onKeyDownCapture, delete b.onKeyDownCapture, l.selectionManager.selectionMode === "multiple" && (b = {});
|
|
91
91
|
let F = j(e, {
|
|
92
92
|
labelable: !0
|
|
93
|
-
}), x = L(
|
|
93
|
+
}), x = L(b, f, P), K = ge();
|
|
94
94
|
return H.set(l, {
|
|
95
95
|
isDisabled: t,
|
|
96
96
|
isRequired: d,
|
|
@@ -103,7 +103,7 @@ function Ye(e, l, a) {
|
|
|
103
103
|
onClick: () => {
|
|
104
104
|
if (!e.isDisabled) {
|
|
105
105
|
var v;
|
|
106
|
-
(v = a.current) === null || v === void 0 || v.focus(),
|
|
106
|
+
(v = a.current) === null || v === void 0 || v.focus(), _e("keyboard");
|
|
107
107
|
}
|
|
108
108
|
}
|
|
109
109
|
},
|
|
@@ -113,7 +113,7 @@ function Ye(e, l, a) {
|
|
|
113
113
|
onKeyDown: pe(x.onKeyDown, h, e.onKeyDown),
|
|
114
114
|
onKeyUp: e.onKeyUp,
|
|
115
115
|
"aria-labelledby": [
|
|
116
|
-
|
|
116
|
+
K,
|
|
117
117
|
x["aria-labelledby"],
|
|
118
118
|
x["aria-label"] && !x["aria-labelledby"] ? x.id : null
|
|
119
119
|
].filter(Boolean).join(" "),
|
|
@@ -125,7 +125,7 @@ function Ye(e, l, a) {
|
|
|
125
125
|
}
|
|
126
126
|
}),
|
|
127
127
|
valueProps: {
|
|
128
|
-
id:
|
|
128
|
+
id: K
|
|
129
129
|
},
|
|
130
130
|
menuProps: {
|
|
131
131
|
...p,
|
|
@@ -146,7 +146,7 @@ function Ye(e, l, a) {
|
|
|
146
146
|
errorMessageProps: I,
|
|
147
147
|
isInvalid: S,
|
|
148
148
|
validationErrors: C,
|
|
149
|
-
validationDetails:
|
|
149
|
+
validationDetails: m,
|
|
150
150
|
hiddenSelectProps: {
|
|
151
151
|
isDisabled: t,
|
|
152
152
|
name: $,
|
|
@@ -158,7 +158,7 @@ function Ye(e, l, a) {
|
|
|
158
158
|
};
|
|
159
159
|
}
|
|
160
160
|
function Ze(e, l, a) {
|
|
161
|
-
let r = H.get(l) || {}, { autoComplete: t, name: d = r.name, form: $ = r.form, isDisabled: o = r.isDisabled } = e, { validationBehavior: i, isRequired: c } = r, { visuallyHiddenProps: s } =
|
|
161
|
+
let r = H.get(l) || {}, { autoComplete: t, name: d = r.name, form: $ = r.form, isDisabled: o = r.isDisabled } = e, { validationBehavior: i, isRequired: c } = r, { visuallyHiddenProps: s } = Te({
|
|
162
162
|
style: {
|
|
163
163
|
// Prevent page scrolling.
|
|
164
164
|
position: "fixed",
|
|
@@ -169,12 +169,12 @@ function Ze(e, l, a) {
|
|
|
169
169
|
Ve(e.selectRef, l.defaultValue, l.setValue), De({
|
|
170
170
|
validationBehavior: i,
|
|
171
171
|
focus: () => {
|
|
172
|
-
var
|
|
173
|
-
return (
|
|
172
|
+
var b;
|
|
173
|
+
return (b = a.current) === null || b === void 0 ? void 0 : b.focus();
|
|
174
174
|
}
|
|
175
175
|
}, l, e.selectRef);
|
|
176
|
-
let f = l.setValue, p = te((
|
|
177
|
-
|
|
176
|
+
let f = l.setValue, p = te((b) => {
|
|
177
|
+
b.target.multiple ? f(Array.from(b.target.selectedOptions, (S) => S.value)) : f(b.currentTarget.value);
|
|
178
178
|
}, [
|
|
179
179
|
f
|
|
180
180
|
]);
|
|
@@ -208,7 +208,7 @@ function Ze(e, l, a) {
|
|
|
208
208
|
};
|
|
209
209
|
}
|
|
210
210
|
function el(e) {
|
|
211
|
-
let { state: l, triggerRef: a, label: r, name: t, form: d, isDisabled: $ } = e, o =
|
|
211
|
+
let { state: l, triggerRef: a, label: r, name: t, form: d, isDisabled: $ } = e, o = T(null), i = T(null), { containerProps: c, selectProps: s } = Ze({
|
|
212
212
|
...e,
|
|
213
213
|
selectRef: l.collection.size <= 300 ? o : i
|
|
214
214
|
}, l, a);
|
|
@@ -234,8 +234,8 @@ function el(e) {
|
|
|
234
234
|
h.length === 0 && (h = [
|
|
235
235
|
null
|
|
236
236
|
]);
|
|
237
|
-
let
|
|
238
|
-
let
|
|
237
|
+
let b = h.map((S, C) => {
|
|
238
|
+
let m = {
|
|
239
239
|
type: "hidden",
|
|
240
240
|
autoComplete: s.autoComplete,
|
|
241
241
|
name: t,
|
|
@@ -245,7 +245,7 @@ function el(e) {
|
|
|
245
245
|
};
|
|
246
246
|
return p === "native" ? /* @__PURE__ */ g.createElement("input", {
|
|
247
247
|
key: C,
|
|
248
|
-
...
|
|
248
|
+
...m,
|
|
249
249
|
ref: C === 0 ? i : null,
|
|
250
250
|
style: {
|
|
251
251
|
display: "none"
|
|
@@ -256,16 +256,16 @@ function el(e) {
|
|
|
256
256
|
}
|
|
257
257
|
}) : /* @__PURE__ */ g.createElement("input", {
|
|
258
258
|
key: C,
|
|
259
|
-
...
|
|
259
|
+
...m,
|
|
260
260
|
ref: C === 0 ? i : null
|
|
261
261
|
});
|
|
262
262
|
});
|
|
263
|
-
return /* @__PURE__ */ g.createElement(g.Fragment, null,
|
|
263
|
+
return /* @__PURE__ */ g.createElement(g.Fragment, null, b);
|
|
264
264
|
}
|
|
265
265
|
return null;
|
|
266
266
|
}
|
|
267
267
|
function ll(e) {
|
|
268
|
-
let { selectionMode: l = "single" } = e, a = he(e), [r, t] =
|
|
268
|
+
let { selectionMode: l = "single" } = e, a = he(e), [r, t] = E(null), d = D(() => {
|
|
269
269
|
var n;
|
|
270
270
|
return e.defaultValue !== void 0 ? e.defaultValue : l === "single" ? (n = e.defaultSelectedKey) !== null && n !== void 0 ? n : null : [];
|
|
271
271
|
}, [
|
|
@@ -304,7 +304,7 @@ function ll(e) {
|
|
|
304
304
|
} else s([
|
|
305
305
|
...n
|
|
306
306
|
]);
|
|
307
|
-
|
|
307
|
+
b.commitValidation();
|
|
308
308
|
}
|
|
309
309
|
}
|
|
310
310
|
}), p = f.selectionManager.firstSelectedKey, h = D(() => [
|
|
@@ -312,23 +312,23 @@ function ll(e) {
|
|
|
312
312
|
].map((n) => f.collection.getItem(n)).filter((n) => n != null), [
|
|
313
313
|
f.selectionManager.selectedKeys,
|
|
314
314
|
f.collection
|
|
315
|
-
]),
|
|
315
|
+
]), b = Ie({
|
|
316
316
|
...e,
|
|
317
317
|
value: Array.isArray(c) && c.length === 0 ? null : c
|
|
318
|
-
}), [S, C] =
|
|
318
|
+
}), [S, C] = E(!1), [m] = E(c);
|
|
319
319
|
var y, P;
|
|
320
320
|
return {
|
|
321
|
-
...
|
|
321
|
+
...b,
|
|
322
322
|
...f,
|
|
323
323
|
...a,
|
|
324
324
|
value: c,
|
|
325
|
-
defaultValue: d ??
|
|
325
|
+
defaultValue: d ?? m,
|
|
326
326
|
setValue: s,
|
|
327
327
|
selectedKey: p,
|
|
328
328
|
setSelectedKey: s,
|
|
329
329
|
selectedItem: (y = h[0]) !== null && y !== void 0 ? y : null,
|
|
330
330
|
selectedItems: h,
|
|
331
|
-
defaultSelectedKey: (P = e.defaultSelectedKey) !== null && P !== void 0 ? P : e.selectionMode === "single" ?
|
|
331
|
+
defaultSelectedKey: (P = e.defaultSelectedKey) !== null && P !== void 0 ? P : e.selectionMode === "single" ? m : null,
|
|
332
332
|
focusStrategy: r,
|
|
333
333
|
open(n = null) {
|
|
334
334
|
f.collection.size !== 0 && (t(n), a.open());
|
|
@@ -349,7 +349,7 @@ function tl(e) {
|
|
|
349
349
|
function al(e) {
|
|
350
350
|
return e && e.__esModule ? e.default : e;
|
|
351
351
|
}
|
|
352
|
-
const U = /* @__PURE__ */ G(null),
|
|
352
|
+
const U = /* @__PURE__ */ G(null), A = /* @__PURE__ */ G(null), rl = /* @__PURE__ */ xe(function(l, a) {
|
|
353
353
|
[l, a] = Z(l, a, U);
|
|
354
354
|
let { children: r, isDisabled: t = !1, isInvalid: d = !1, isRequired: $ = !1 } = l, o = D(() => typeof r == "function" ? r({
|
|
355
355
|
isOpen: !1,
|
|
@@ -387,11 +387,11 @@ function ol({ props: e, selectRef: l, collection: a }) {
|
|
|
387
387
|
validationBehavior: $
|
|
388
388
|
}), { isFocusVisible: i, focusProps: c } = Re({
|
|
389
389
|
within: !0
|
|
390
|
-
}), s =
|
|
390
|
+
}), s = T(null), [f, p] = re(!e["aria-label"] && !e["aria-labelledby"]), { labelProps: h, triggerProps: b, valueProps: S, menuProps: C, descriptionProps: m, errorMessageProps: y, hiddenSelectProps: P, ...n } = Ye({
|
|
391
391
|
...ie(e),
|
|
392
392
|
label: p,
|
|
393
393
|
validationBehavior: $
|
|
394
|
-
}, o, s), [I, F] =
|
|
394
|
+
}, o, s), [I, F] = E(null), x = te(() => {
|
|
395
395
|
s.current && F(s.current.offsetWidth + "px");
|
|
396
396
|
}, [
|
|
397
397
|
s
|
|
@@ -400,7 +400,7 @@ function ol({ props: e, selectRef: l, collection: a }) {
|
|
|
400
400
|
ref: s,
|
|
401
401
|
onResize: x
|
|
402
402
|
});
|
|
403
|
-
let
|
|
403
|
+
let K = D(() => ({
|
|
404
404
|
isOpen: o.isOpen,
|
|
405
405
|
isFocused: o.isFocused,
|
|
406
406
|
isFocusVisible: i,
|
|
@@ -416,13 +416,13 @@ function ol({ props: e, selectRef: l, collection: a }) {
|
|
|
416
416
|
e.isRequired
|
|
417
417
|
]), v = le({
|
|
418
418
|
...e,
|
|
419
|
-
values:
|
|
419
|
+
values: K,
|
|
420
420
|
defaultClassName: "react-aria-Select"
|
|
421
421
|
}), M = j(e, {
|
|
422
422
|
global: !0
|
|
423
423
|
});
|
|
424
424
|
delete M.id;
|
|
425
|
-
let R =
|
|
425
|
+
let R = T(null);
|
|
426
426
|
return /* @__PURE__ */ g.createElement(oe, {
|
|
427
427
|
values: [
|
|
428
428
|
[
|
|
@@ -430,7 +430,7 @@ function ol({ props: e, selectRef: l, collection: a }) {
|
|
|
430
430
|
e
|
|
431
431
|
],
|
|
432
432
|
[
|
|
433
|
-
|
|
433
|
+
A,
|
|
434
434
|
o
|
|
435
435
|
],
|
|
436
436
|
[
|
|
@@ -448,18 +448,18 @@ function ol({ props: e, selectRef: l, collection: a }) {
|
|
|
448
448
|
[
|
|
449
449
|
Q,
|
|
450
450
|
{
|
|
451
|
-
...
|
|
451
|
+
...b,
|
|
452
452
|
ref: s,
|
|
453
453
|
isPressed: o.isOpen,
|
|
454
454
|
autoFocus: e.autoFocus
|
|
455
455
|
}
|
|
456
456
|
],
|
|
457
457
|
[
|
|
458
|
-
|
|
458
|
+
be,
|
|
459
459
|
o
|
|
460
460
|
],
|
|
461
461
|
[
|
|
462
|
-
|
|
462
|
+
me,
|
|
463
463
|
{
|
|
464
464
|
trigger: "Select",
|
|
465
465
|
triggerRef: s,
|
|
@@ -487,7 +487,7 @@ function ol({ props: e, selectRef: l, collection: a }) {
|
|
|
487
487
|
z,
|
|
488
488
|
{
|
|
489
489
|
slots: {
|
|
490
|
-
description:
|
|
490
|
+
description: m,
|
|
491
491
|
errorMessage: y
|
|
492
492
|
}
|
|
493
493
|
}
|
|
@@ -515,9 +515,9 @@ function ol({ props: e, selectRef: l, collection: a }) {
|
|
|
515
515
|
const ae = /* @__PURE__ */ G(null), nl = /* @__PURE__ */ ve(function(l, a) {
|
|
516
516
|
var r;
|
|
517
517
|
[l, a] = Z(l, a, ae);
|
|
518
|
-
let t = W(
|
|
518
|
+
let t = W(A), { placeholder: d } = ee(U), $ = t.selectedItems.map((m) => {
|
|
519
519
|
var y;
|
|
520
|
-
let P = (y =
|
|
520
|
+
let P = (y = m.props) === null || y === void 0 ? void 0 : y.children;
|
|
521
521
|
return typeof P == "function" && (P = P({
|
|
522
522
|
isHovered: !1,
|
|
523
523
|
isPressed: !1,
|
|
@@ -528,21 +528,21 @@ const ae = /* @__PURE__ */ G(null), nl = /* @__PURE__ */ ve(function(l, a) {
|
|
|
528
528
|
selectionMode: "single",
|
|
529
529
|
selectionBehavior: "toggle"
|
|
530
530
|
})), P;
|
|
531
|
-
}), o = Qe(), i = D(() => t.selectedItems.map((
|
|
531
|
+
}), o = Qe(), i = D(() => t.selectedItems.map((m) => m?.textValue), [
|
|
532
532
|
t.selectedItems
|
|
533
533
|
]), c = t.selectionManager.selectionMode, s = D(() => {
|
|
534
|
-
var
|
|
535
|
-
return c === "single" ? (
|
|
534
|
+
var m;
|
|
535
|
+
return c === "single" ? (m = i[0]) !== null && m !== void 0 ? m : "" : o.format(i);
|
|
536
536
|
}, [
|
|
537
537
|
c,
|
|
538
538
|
o,
|
|
539
539
|
i
|
|
540
540
|
]), f = D(() => {
|
|
541
541
|
if (c === "single") return $[0];
|
|
542
|
-
let
|
|
543
|
-
if (
|
|
542
|
+
let m = o.formatToParts(i);
|
|
543
|
+
if (m.length === 0) return null;
|
|
544
544
|
let y = 0;
|
|
545
|
-
return
|
|
545
|
+
return m.map((P) => P.type === "element" ? /* @__PURE__ */ g.createElement(Pe, {
|
|
546
546
|
key: y
|
|
547
547
|
}, $[y++]) : P.value);
|
|
548
548
|
}, [
|
|
@@ -551,16 +551,16 @@ const ae = /* @__PURE__ */ G(null), nl = /* @__PURE__ */ ve(function(l, a) {
|
|
|
551
551
|
i,
|
|
552
552
|
$
|
|
553
553
|
]), p = Ce(al(de), "react-aria-components");
|
|
554
|
-
var h,
|
|
554
|
+
var h, b;
|
|
555
555
|
let S = le({
|
|
556
556
|
...l,
|
|
557
557
|
defaultChildren: (h = f ?? d) !== null && h !== void 0 ? h : p.format("selectPlaceholder"),
|
|
558
558
|
defaultClassName: "react-aria-SelectValue",
|
|
559
559
|
values: {
|
|
560
|
-
selectedItem: (
|
|
561
|
-
selectedItems: D(() => t.selectedItems.map((
|
|
560
|
+
selectedItem: (b = (r = t.selectedItems[0]) === null || r === void 0 ? void 0 : r.value) !== null && b !== void 0 ? b : null,
|
|
561
|
+
selectedItems: D(() => t.selectedItems.map((m) => {
|
|
562
562
|
var y;
|
|
563
|
-
return (y =
|
|
563
|
+
return (y = m.value) !== null && y !== void 0 ? y : null;
|
|
564
564
|
}), [
|
|
565
565
|
t.selectedItems
|
|
566
566
|
]),
|
|
@@ -582,12 +582,12 @@ const ae = /* @__PURE__ */ G(null), nl = /* @__PURE__ */ ve(function(l, a) {
|
|
|
582
582
|
}), sl = { clearAll: "Clear all", selectAll: "Select all", selectedItems: "Selected items", selected: "selected" }, dl = { clearAll: "Rensa alla", selectAll: "Välj alla", selectedItems: "Valda objekt", selected: "valda" }, w = {
|
|
583
583
|
en: sl,
|
|
584
584
|
sv: dl
|
|
585
|
-
}, cl = "
|
|
585
|
+
}, cl = "_select_17bb3_1", ul = "_triggerContainer_17bb3_7", fl = "_trigger_17bb3_7", bl = "_medium_17bb3_28", ml = "_selectValue_17bb3_71", $l = "_placeholder_17bb3_81", vl = "_selectValueTag_17bb3_95", gl = "_clearButton_17bb3_109", pl = "_truncate_17bb3_121", hl = "_popover_17bb3_158", yl = "_selectAll_17bb3_184", xl = "_tagGroup_17bb3_247", V = {
|
|
586
586
|
select: cl,
|
|
587
587
|
triggerContainer: ul,
|
|
588
588
|
trigger: fl,
|
|
589
|
-
medium:
|
|
590
|
-
selectValue:
|
|
589
|
+
medium: bl,
|
|
590
|
+
selectValue: ml,
|
|
591
591
|
placeholder: $l,
|
|
592
592
|
selectValueTag: vl,
|
|
593
593
|
clearButton: gl,
|
|
@@ -596,7 +596,7 @@ const ae = /* @__PURE__ */ G(null), nl = /* @__PURE__ */ ve(function(l, a) {
|
|
|
596
596
|
selectAll: yl,
|
|
597
597
|
tagGroup: xl
|
|
598
598
|
}, Pl = () => {
|
|
599
|
-
const e = g.useContext(
|
|
599
|
+
const e = g.useContext(A), l = k(w), a = () => e?.setValue(
|
|
600
600
|
e?.selectionManager.isSelectAll ? null : Array.from(e.collection.getKeys())
|
|
601
601
|
);
|
|
602
602
|
return /* @__PURE__ */ u(
|
|
@@ -614,8 +614,8 @@ const ae = /* @__PURE__ */ G(null), nl = /* @__PURE__ */ ve(function(l, a) {
|
|
|
614
614
|
selectedItems: l,
|
|
615
615
|
selectedText: a
|
|
616
616
|
}) => {
|
|
617
|
-
const r =
|
|
618
|
-
return /* @__PURE__ */
|
|
617
|
+
const r = k(w), t = () => l.length === 1 ? a : `${l.length} ${r.format("selected")}`;
|
|
618
|
+
return /* @__PURE__ */ _(
|
|
619
619
|
"div",
|
|
620
620
|
{
|
|
621
621
|
className: V.selectValueTag,
|
|
@@ -629,7 +629,7 @@ const ae = /* @__PURE__ */ G(null), nl = /* @__PURE__ */ ve(function(l, a) {
|
|
|
629
629
|
}, Cl = ({
|
|
630
630
|
isDisabled: e
|
|
631
631
|
}) => {
|
|
632
|
-
const l = g.useContext(
|
|
632
|
+
const l = g.useContext(A), a = k(w), r = ke(), t = () => {
|
|
633
633
|
r?.focusFirst(), l?.setValue(null);
|
|
634
634
|
};
|
|
635
635
|
return /* @__PURE__ */ u(
|
|
@@ -653,7 +653,7 @@ const ae = /* @__PURE__ */ G(null), nl = /* @__PURE__ */ ve(function(l, a) {
|
|
|
653
653
|
showTags: e,
|
|
654
654
|
isDisabled: l
|
|
655
655
|
}) => {
|
|
656
|
-
const a =
|
|
656
|
+
const a = k(w), r = W(A), t = (d) => {
|
|
657
657
|
r?.selectionManager.toggleSelection(Array.from(d)[0]);
|
|
658
658
|
};
|
|
659
659
|
return !r?.selectedItems.length || !e ? null : /* @__PURE__ */ u(
|
|
@@ -677,7 +677,7 @@ const ae = /* @__PURE__ */ G(null), nl = /* @__PURE__ */ ve(function(l, a) {
|
|
|
677
677
|
}
|
|
678
678
|
);
|
|
679
679
|
}, Dl = ({ size: e }) => {
|
|
680
|
-
const l = W(
|
|
680
|
+
const l = W(A);
|
|
681
681
|
return /* @__PURE__ */ u(
|
|
682
682
|
Y,
|
|
683
683
|
{
|
|
@@ -710,7 +710,7 @@ function ut({
|
|
|
710
710
|
size: o = "large",
|
|
711
711
|
...i
|
|
712
712
|
}) {
|
|
713
|
-
return /* @__PURE__ */ u(we, { children: /* @__PURE__ */
|
|
713
|
+
return /* @__PURE__ */ u(we, { children: /* @__PURE__ */ _(
|
|
714
714
|
rl,
|
|
715
715
|
{
|
|
716
716
|
...i,
|
|
@@ -719,7 +719,7 @@ function ut({
|
|
|
719
719
|
/* @__PURE__ */ u(qe, { popover: $, children: d && /* @__PURE__ */ u(Ne, { "data-disabled": i.isDisabled || void 0, children: d }) }),
|
|
720
720
|
l && /* @__PURE__ */ u(Oe, { slot: "description", children: l }),
|
|
721
721
|
r === "top" && /* @__PURE__ */ u(X, { children: a }),
|
|
722
|
-
/* @__PURE__ */
|
|
722
|
+
/* @__PURE__ */ _(
|
|
723
723
|
"div",
|
|
724
724
|
{
|
|
725
725
|
className: V.triggerContainer,
|
|
@@ -744,7 +744,7 @@ function ut({
|
|
|
744
744
|
}
|
|
745
745
|
),
|
|
746
746
|
r === "bottom" && /* @__PURE__ */ u(X, { children: a }),
|
|
747
|
-
/* @__PURE__ */
|
|
747
|
+
/* @__PURE__ */ _(
|
|
748
748
|
Ge,
|
|
749
749
|
{
|
|
750
750
|
className: V.popover,
|
package/accordion/index.cjs
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("../AccordionItem-
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("../AccordionItem-BC1ogvtn.cjs");exports.Accordion=o.Accordion;exports.AccordionItem=o.AccordionItem;
|
package/accordion/index.js
CHANGED
package/assets/AccordionItem.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
._root_17bdp_1{--gap: .75rem;--heading-color: var(--midas-text-primary);font-family:var(--midas-typography-font-family);color:var(--midas-text-primary);width:100%;display:flex;flex-direction:column;gap:var(--gap)}._root_17bdp_1._contained_17bdp_5{--gap: .25rem}._root_17bdp_1[data-disabled]{--heading-color: var(--midas-text-disabled)}._root_17bdp_1[data-disabled] ._triggerButton_17bdp_12{background:transparent}.
|
|
1
|
+
._root_17bdp_1{--gap: .75rem;--heading-color: var(--midas-text-primary);font-family:var(--midas-typography-font-family);color:var(--midas-text-primary);width:100%;display:flex;flex-direction:column;gap:var(--gap)}._root_17bdp_1._contained_17bdp_5{--gap: .25rem}._root_17bdp_1[data-disabled]{--heading-color: var(--midas-text-disabled)}._root_17bdp_1[data-disabled] ._triggerButton_17bdp_12{background:transparent}._item_1em4f_1{--item-padding: 0;--content-padding: var(--midas-spacing-20) var(--midas-spacing-50) var(--midas-spacing-50) 1.85rem;--border: none;--accordion-background: transparent;--accordion-background-hover: transparent;--text-color: var(--midas-text-primary);--icon-color: var(--midas-icon-primary);font-family:var(--midas-typography-font-family);color:var(--text-color);background-color:var(--accordion-background);border:var(--border);border-color:var(--border-color)}._contained_1em4f_18{--gap: var(--midas-spacing-20);--item-padding: calc(var(--midas-spacing-40) - 2px) var(--midas-spacing-40);--content-padding: var(--midas-spacing-40) var(--midas-spacing-50) var(--midas-spacing-50) var(--midas-spacing-50);--border-color: var(--midas-border-color-secondary);--border: 1px solid;--accordion-background: var(--midas-layer-01-base);--accordion-background-hover: var(--midas-layer-01-hover)}._contained_1em4f_18._medium_1em4f_28{--item-padding: calc(var(--midas-spacing-30) - 2px) var(--midas-spacing-40)}._success_1em4f_33{--accordion-background: var(--midas-support-background-success);--accordion-background-hover: var(--midas-support-background-success-hover);--border-color: var(--midas-support-border-success)}._warning_1em4f_39{--accordion-background: var(--midas-support-background-warning);--accordion-background-hover: var(--midas-support-background-warning-hover);--border-color: var(--midas-support-border-warning)}._info_1em4f_45{--accordion-background: var(--midas-support-background-info);--accordion-background-hover: var(--midas-support-background-info-hover);--border-color: var(--midas-support-border-info)}._important_1em4f_51{--accordion-background: var(--midas-support-background-important);--accordion-background-hover: var(--midas-support-background-important-hover);--border-color: var(--midas-support-border-important)}._item_1em4f_1[data-disabled]{--border-color: var(--midas-border-color-disabled);--icon-color: var(--midas-text-disabled);--text-color: var(--midas-text-disabled)}._item_1em4f_1[data-disabled] ._triggerButton_1em4f_62{background:transparent}._item_1em4f_1[data-disabled] ._triggerText_1em4f_66{color:var(--midas-text-disabled)}._trigger_1em4f_62{border:0;cursor:pointer;margin:0}._triggerMainContent_1em4f_77{flex:1 0 0;text-align:left}._triggerText_1em4f_66{margin:0;padding:0}:not(#_\ _1em4f_1) ._triggerButton_1em4f_62{width:100%;padding:var(--item-padding);align-items:flex-start;min-height:unset}._chevronIcon_1em4f_94{transform:rotate(0);transition:transform var(--midas-transition-duration-normal) ease;padding:var(--midas-spacing-10) 0}._statusIcon_1em4f_100{color:var(--icon-color);padding:var(--midas-spacing-10) 0}@media (forced-colors: active){._statusIcon_1em4f_100{color:currentColor}}._triggerButton_1em4f_62[aria-expanded=true] ._chevronIcon_1em4f_94{transform:rotate(-180deg);transition:transform var(--midas-transition-duration-normal) ease}._triggerButton_1em4f_62[data-hovered]{background-color:var(--accordion-background-hover)}._triggerButton_1em4f_62[data-focus-visible]{box-shadow:var(--midas-state-focus-inset)}._panel_1em4f_122{height:var(--disclosure-panel-height);transition:height var(--midas-transition-panel-collapse);overflow:clip}._content_1em4f_130{height:auto;padding:var(--content-padding)}._hasBackground_1em4f_135{background-color:var(--midas-background-base)}._header_1em4f_139{margin:0}
|
package/assets/Select.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.
|
|
1
|
+
._select_17bb3_1{display:flex;flex-direction:column;align-self:stretch}._triggerContainer_17bb3_7{display:flex;flex-direction:column;position:relative}._trigger_17bb3_7{align-items:center;background-color:var(--midas-field-01-base);border:none;border-bottom:1px solid var(--midas-border-color-primary);border-radius:0;color:var(--midas-text-primary);display:flex;font-size:var(--midas-typography-font-size-30);justify-content:flex-end;min-height:var(--midas-size-150);padding-left:var(--midas-size-70);padding-right:var(--midas-size-70);transition:all .1s ease-in}._trigger_17bb3_7._medium_17bb3_28{min-height:var(--midas-size-130)}._trigger_17bb3_7:focus-visible{outline:none;box-shadow:var(--midas-state-focus);transition:all .1s ease-out}@media (forced-colors: active){._trigger_17bb3_7:focus-visible{outline:3px solid highlight;outline-offset:2px}}._trigger_17bb3_7:hover{background-color:var(--midas-field-01-hover);cursor:pointer}._trigger_17bb3_7[data-disabled]{cursor:not-allowed;background:var(--midas-field-disabled);color:var(--midas-text-disabled);border-color:var(--midas-border-color-disabled)}._trigger_17bb3_7[data-invalid]:not(:focus-visible){border:none;box-shadow:inset 0 0 0 2px var(--midas-support-border-warning)}@media (forced-colors: active){._trigger_17bb3_7[data-invalid]:not(:focus-visible){border:5px solid Highlight!important}}._trigger_17bb3_7[data-open] ._icon_17bb3_65 svg{transform:rotate(180deg)}._selectValue_17bb3_71{pointer-events:none;color:var(--midas-text-primary);font-family:var(--midas-typography-font-family);line-height:var(--midas-typography-line-height-30);position:absolute;top:50%;transform:translateY(-50%);max-width:calc(100% - var(--midas-spacing-90))}._selectValue_17bb3_71 ._placeholder_17bb3_81{align-items:center;display:flex;justify-content:center;left:var(--midas-spacing-50);position:relative}._selectValue_17bb3_71[data-disabled]{color:var(--midas-text-disabled);cursor:not-allowed}._selectValueTag_17bb3_95{align-items:center;background-color:var(--midas-button-background-primary-base);border-radius:1.25rem;color:var(--midas-text-on-color);display:flex;font-size:.875rem;justify-content:center;left:var(--midas-spacing-30);min-height:1.75rem;padding:0 .5rem;pointer-events:all;position:relative}._selectValueTag_17bb3_95:has(._clearButton_17bb3_109){padding-right:0}._selectValueTag_17bb3_95[data-disabled]{background-color:var(--midas-field-disabled);border:1px solid var(--midas-border-color-disabled);color:var(--midas-text-disabled);pointer-events:none}._truncate_17bb3_121{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}._clearButton_17bb3_109{background-color:var(--midas-button-background-primary-base);border:none;border-radius:100%;color:var(--midas-text-on-color);display:flex;margin-left:var(--midas-size-10);padding:var(--midas-size-30)}._clearButton_17bb3_109:hover{background-color:var(--midas-button-background-primary-hover);cursor:pointer}._clearButton_17bb3_109[data-disabled]{background-color:var(--midas-button-background-disabled);color:var(--midas-text-disabled);pointer-events:none}._clearButton_17bb3_109:focus-visible{box-shadow:var(--midas-state-focus);outline:none}@media (forced-colors: active){._clearButton_17bb3_109:focus-visible{outline:3px solid highlight;outline-offset:2px}}._popover_17bb3_158{font-size:var(--midas-typography-font-size-30);padding:0}._popover_17bb3_158 :focus{outline:none}._popover_17bb3_158[data-trigger=Select]{min-width:var(--trigger-width);transition:transform .2s ease-in-out,opacity .2s ease-in-out;opacity:1}._popover_17bb3_158[data-trigger=Select][data-entering],._popover_17bb3_158[data-trigger=Select][data-exiting]{opacity:0}._popover_17bb3_158 ._selectAll_17bb3_184{width:100%;box-sizing:border-box;background-color:var(--midas-layer-01-base);color:var(--midas-text-primary);display:flex;font-family:var(--midas-typography-font-family);line-height:1;margin-bottom:2px!important;padding:var(--midas-size-80);transition:background-color 60ms}._popover_17bb3_158 ._selectAll_17bb3_184:hover:not([data-disabled]){background-color:var(--midas-layer-01-hover);cursor:pointer;transition-delay:60ms}._popover_17bb3_158 ._selectAll_17bb3_184:hover:not([data-disabled]) div{border-color:var(--midas-text-primary)}._popover_17bb3_158 ._selectAll_17bb3_184[data-disabled]{color:var(--midas-text-disabled);cursor:not-allowed}._popover_17bb3_158 ._selectAll_17bb3_184[data-selected]{background-color:var(--midas-layer-01-selected-hover)}._popover_17bb3_158 ._selectAll_17bb3_184[data-selected]:hover:not([data-disabled]){background-color:var(--midas-layer-01-selected-hover);transition-delay:60ms}._popover_17bb3_158 ._selectAll_17bb3_184[data-selected]:hover:not([data-disabled]) div{border-color:transparent}._popover_17bb3_158 ._selectAll_17bb3_184[data-focused]{outline:none;box-shadow:none}@media (forced-colors: active){._popover_17bb3_158 ._selectAll_17bb3_184[data-focused]{outline:var(--midas-state-focus-contrast-mode-outline) solid highlight!important;outline-offset:calc(var(--midas-state-focus-contrast-mode-outline) * -1)}}._popover_17bb3_158 ._selectAll_17bb3_184[data-focus-visible]{box-shadow:var(--midas-state-focus-inset);outline:none}._popover_17bb3_158 ._selectAll_17bb3_184[data-hovered] div{border-color:var(--midas-button-background-primary-hover)}._tagGroup_17bb3_247{margin-top:var(--midas-size-40)}
|
package/index.cjs
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const d=require("./AccordionItem-
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const d=require("./AccordionItem-BC1ogvtn.cjs"),l=require("./BadgeContainer-BZl6mSeb.cjs"),m=require("./Breadcrumbs-G8PykxwF.cjs"),I=require("./Button-CPtsYcdR.cjs"),D=require("./ButtonGroup-BpvDDECt.cjs"),g=require("./RangeCalendar-HOQvYbbb.cjs"),e=require("./Card-Du2Tzg4R.cjs"),k=require("./CharacterCounter-C8PalBAH.cjs"),P=require("./Checkbox-LGIr8OfT.cjs"),G=require("./CheckboxGroup-D9L7J0yo.cjs"),h=require("./ColorSchemeSwitch-AM8Xon5u.cjs"),u=require("./ComboBox-Bt1MZeC4.cjs"),R=require("./DateField-gQBrgakI.cjs"),s=require("./DateInputDivider-DJN5KyLX.cjs"),T=require("./DateRangePicker-BRZ3oWKb.cjs"),B=require("./Dropdown-C2aoQ_Pv.cjs"),v=require("./FieldError-DwYQXCwP.cjs"),b=require("./FileUpload-DsTi9F39.cjs"),F=require("./Grid-B6G4PWn5.cjs"),M=require("./GridItem-BZ8eOXMB.cjs"),A=require("./Heading-DWSQCI4U.cjs"),$=require("./InfoBanner-Dc5gf1JR.cjs"),w=require("./Label-Dn9QqKX8.cjs"),t=require("./Layout-3vZ97J1E.cjs"),f=require("./Link-BPg_SBiF.cjs"),H=require("./LinkButton-zk257klG.cjs"),y=require("./Logo-YY9hQ8G3.cjs"),E=require("./Dialog-C_PfYd4_.cjs"),N=require("./Popover-DatBJsbE.cjs"),Q=require("./ProgressBar-B6xscMY3.cjs"),C=require("./Radio-BrzLuRFq.cjs"),Z=require("./SearchField-DV2ul88x.cjs"),j=require("./Select-CXUTzSQa.cjs"),O=require("./Select-BATiN27h.cjs"),U=require("./Skeleton-BvfFN3Q4.cjs"),z=require("./Spinner-6nei2CMj.cjs"),o=require("./Table-CU5_3Mhq.cjs"),a=require("./TabList-DPmDWfKk.cjs"),p=require("./Tag-DsmOy4f_.cjs"),J=require("./Text-D29KP4_q.cjs"),n=require("./TextArea-DWVTIHGF.cjs"),r=require("./Toast-CUMy7sPq.cjs"),q=require("./ToggleButtonGroup-DWqPFJWL.cjs"),x=require("./Tooltip-CPn8DVh8.cjs"),K=require("./ListBox-BDEzuwgf.cjs"),L=require("./ListBoxLoadMoreItem-B31-J1-a.cjs"),c=require("./ListBoxSection-DcajcZMK.cjs"),i=require("./Separator-CYPstw7z.cjs"),V=require("./usePress-BQdBua-S.cjs"),S=require("./Dialog-XOUP-FA_.cjs");exports.Accordion=d.Accordion;exports.AccordionItem=d.AccordionItem;exports.Badge=l.Badge;exports.BadgeContainer=l.BadgeContainer;exports.Breadcrumbs=m.Breadcrumbs;exports.Button=I.Button;exports.ButtonGroup=D.ButtonGroup;exports.Calendar=g.Calendar;exports.RangeCalendar=g.RangeCalendar;exports.Card=e.Card;exports.CardActionArea=e.CardActionArea;exports.CardActions=e.CardActions;exports.CardContent=e.CardContent;exports.CardImage=e.CardImage;exports.CardLink=e.CardLink;exports.CardTitle=e.CardTitle;exports.CharacterCounter=k.CharacterCounter;exports.Checkbox=P.Checkbox;exports.CheckboxGroup=G.CheckboxGroup;exports.ColorSchemeSwitch=h.ColorSchemeSwitch;exports.ComboBox=u.ComboBox;exports.ComboBoxItem=u.ComboBoxItem;exports.ComboBoxSection=u.ComboBoxSection;exports.DateField=R.DateField;exports.DateInput=s.DateInput;exports.DateInputDivider=s.DateInputDivider;exports.DateSegment=s.DateSegment;exports.DatePicker=T.DatePicker;exports.DateRangePicker=T.DateRangePicker;exports.Dropdown=B.Dropdown;exports.DropdownItem=B.DropdownItem;exports.FieldError=v.FieldError;exports.DropZone=b.DropZone;exports.FileTrigger=b.FileTrigger;exports.Grid=F.Grid;exports.GridItem=M.GridItem;exports.Heading=A.Heading;exports.InfoBanner=$.InfoBanner;exports.Label=w.Label;exports.Header=t.Header;exports.Layout=t.Layout;exports.Navbar=t.Navbar;exports.Sidebar=t.Sidebar;exports.SidebarLink=t.SidebarLink;exports.Link=f.Link;exports.LinkButton=H.LinkButton;exports.Logo=y.Logo;exports.Modal=E.Modal;exports.Popover=N.Popover;exports.ProgressBar=Q.ProgressBar;exports.Radio=C.Radio;exports.RadioGroup=C.RadioGroup;exports.SearchField=Z.SearchField;exports.Select=j.Select;exports.LegacySelect=O.Select;exports.Skeleton=U.Skeleton;exports.Spinner=z.Spinner;exports.Cell=o.Cell;exports.Column=o.Column;exports.Row=o.Row;exports.Table=o.Table;exports.TableBody=o.TableBody;exports.TableHeader=o.TableHeader;exports.Tab=a.Tab;exports.TabList=a.TabList;exports.TabPanel=a.TabPanel;exports.Tabs=a.Tabs;exports.Tag=p.Tag;exports.TagGroup=p.TagGroup;exports.Text=J.Text;exports.Input=n.Input;exports.TextArea=n.TextArea;exports.TextField=n.TextField;exports.TextFieldBase=n.TextFieldBase;exports.GlobalToastRegion=r.GlobalToastRegion;exports.Toast=r.Toast;exports.ToastProvider=r.ToastProvider;exports.ToastRegion=r.ToastRegion;exports.toastQueue=r.toastQueue;exports.useToastState=r.useToastState;exports.ToggleButton=q.ToggleButton;exports.ToggleButtonGroup=q.ToggleButtonGroup;exports.Tooltip=x.Tooltip;exports.TooltipTrigger=x.TooltipTrigger;exports.ListBox=K.ListBox;exports.ListBoxButton=L.ListBoxButton;exports.ListBoxLoadMoreItem=L.ListBoxLoadMoreItem;exports.ListBoxHeader=c.ListBoxHeader;exports.ListBoxItem=c.ListBoxItem;exports.ListBoxPopover=c.ListBoxPopover;exports.ListBoxSection=c.ListBoxSection;exports.Menu=i.Menu;exports.MenuItem=i.MenuItem;exports.MenuPopover=i.MenuPopover;exports.MenuSection=i.MenuSection;exports.Separator=i.Separator;exports.RouterProvider=V.$ea8dcbcb9ea1b556$export$323e4fc2fa4753fb;exports.DialogTrigger=S.$de32f1b87079253c$export$2e1e1122cf0cba88;exports.MenuTrigger=S.$3674c52c6b3c5bce$export$27d2ad3c5815583e;
|
package/index.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { a as r, A as e } from "./AccordionItem-
|
|
1
|
+
import { a as r, A as e } from "./AccordionItem-DDqHaLf6.js";
|
|
2
2
|
import { B as s, a as p } from "./BadgeContainer-DilMiV6u.js";
|
|
3
3
|
import { B as m } from "./Breadcrumbs-BKft9SZ9.js";
|
|
4
4
|
import { B as i } from "./Button-aWvg3R6-.js";
|
|
@@ -30,7 +30,7 @@ import { P as Go } from "./Popover-wdMVjcxB.js";
|
|
|
30
30
|
import { P as Ro } from "./ProgressBar-YITQVXp6.js";
|
|
31
31
|
import { R as Mo, a as Fo } from "./Radio-UKurdI_v.js";
|
|
32
32
|
import { S as Ao } from "./SearchField-CNR3stL5.js";
|
|
33
|
-
import { S as Ho } from "./Select-
|
|
33
|
+
import { S as Ho } from "./Select-IgA7mpJF.js";
|
|
34
34
|
import { S as yo } from "./Select-AxHoF7DD.js";
|
|
35
35
|
import { S as $o } from "./Skeleton-BaNR9AFS.js";
|
|
36
36
|
import { S as Qo } from "./Spinner-C29Pyxlj.js";
|
package/package.json
CHANGED
package/select/index.cjs
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../Select-
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../Select-CXUTzSQa.cjs");exports.Select=e.Select;
|
package/select/index.js
CHANGED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
"use strict";require('./assets/AccordionItem.css');const b=require("react/jsx-runtime"),E=require("./clsx-DKOfLqne.cjs"),S=require("./icon-map-BzhRRdiZ.cjs"),d=require("react"),v=require("./Button-BuelSBWx.cjs"),p=require("./utils-ZN3Na38z.cjs"),$=require("./mergeProps-D9EPHb19.cjs"),y=require("./filterDOMProps-WUskt27c.cjs"),C=require("./useControlledState-D0L6S_5r.cjs"),K=require("react-dom"),M=require("./useEvent-DnWDW9C-.cjs"),N=require("./SSRProvider-DZRLwxPS.cjs"),w=require("./useFocusRing-BV6zA8CX.cjs"),j=require("./Button-CPtsYcdR.cjs"),B=require("./Heading-DWSQCI4U.cjs"),F=require("./chevron-down-DyBh7agb.cjs"),W="_root_17bdp_1",T="_contained_17bdp_5",_={root:W,contained:T};function V(r,e,s){let{isDisabled:n}=r,a=$.$bdb11010cef70236$export$f680877a34711e37(),i=$.$bdb11010cef70236$export$f680877a34711e37(),o=N.$b5e257d569688ac6$export$535bd6ca7f90a273(),l=d.useRef(null),u=d.useCallback(()=>{l.current=requestAnimationFrame(()=>{s.current&&s.current.setAttribute("hidden","until-found")}),K.flushSync(()=>{e.toggle()})},[s,e]);M.$e9faafb641e167db$export$90fc3a17d93f704c(s,"beforematch",u);let f=d.useRef(null);return $.$f0a04ccd8dbdd83b$export$e5c5a5f917a5871c(()=>{if(l.current&&cancelAnimationFrame(l.current),s.current&&!n&&!o){let t=s.current;f.current==null||typeof t.getAnimations!="function"?e.isExpanded?(t.removeAttribute("hidden"),t.style.setProperty("--disclosure-panel-width","auto"),t.style.setProperty("--disclosure-panel-height","auto")):(t.setAttribute("hidden","until-found"),t.style.setProperty("--disclosure-panel-width","0px"),t.style.setProperty("--disclosure-panel-height","0px")):e.isExpanded!==f.current&&(e.isExpanded?(t.removeAttribute("hidden"),t.style.setProperty("--disclosure-panel-width",t.scrollWidth+"px"),t.style.setProperty("--disclosure-panel-height",t.scrollHeight+"px"),Promise.all(t.getAnimations().map(x=>x.finished)).then(()=>{t.style.setProperty("--disclosure-panel-width","auto"),t.style.setProperty("--disclosure-panel-height","auto")}).catch(()=>{})):(t.style.setProperty("--disclosure-panel-width",t.scrollWidth+"px"),t.style.setProperty("--disclosure-panel-height",t.scrollHeight+"px"),window.getComputedStyle(t).height,t.style.setProperty("--disclosure-panel-width","0px"),t.style.setProperty("--disclosure-panel-height","0px"),Promise.all(t.getAnimations().map(x=>x.finished)).then(()=>t.setAttribute("hidden","until-found")).catch(()=>{}))),f.current=e.isExpanded}},[n,s,e.isExpanded,o]),d.useEffect(()=>()=>{l.current&&cancelAnimationFrame(l.current)},[]),{buttonProps:{id:a,"aria-expanded":e.isExpanded,"aria-controls":i,onPress:t=>{!n&&t.pointerType!=="keyboard"&&e.toggle()},isDisabled:n,onPressStart(t){t.pointerType==="keyboard"&&!n&&e.toggle()}},panelProps:{id:i,role:"group","aria-labelledby":a,"aria-hidden":!e.isExpanded,hidden:o||n?n||!e.isExpanded:void 0}}}function z(r){let[e,s]=C.$458b0a5536c1a7cf$export$40bfa8c7b0832715(r.isExpanded,r.defaultExpanded||!1,r.onExpandedChange);const n=d.useCallback(()=>{s(!0)},[s]),a=d.useCallback(()=>{s(!1)},[s]),i=d.useCallback(()=>{s(!e)},[s,e]);return{isExpanded:e,setExpanded:s,expand:n,collapse:a,toggle:i}}function H(r){let{allowsMultipleExpanded:e=!1,isDisabled:s=!1}=r,[n,a]=C.$458b0a5536c1a7cf$export$40bfa8c7b0832715(d.useMemo(()=>r.expandedKeys?new Set(r.expandedKeys):void 0,[r.expandedKeys]),d.useMemo(()=>r.defaultExpandedKeys?new Set(r.defaultExpandedKeys):new Set,[r.defaultExpandedKeys]),r.onExpandedChange);return d.useEffect(()=>{if(!e&&n.size>1){let i=n.values().next().value;i!=null&&a(new Set([i]))}}),{allowsMultipleExpanded:e,isDisabled:s,expandedKeys:n,setExpandedKeys:a,toggleKey(i){let o;e?(o=new Set(n),o.has(i)?o.delete(i):o.add(i)):o=new Set(n.has(i)?[]:[i]),a(o)}}}const k=d.createContext(null),O=d.forwardRef(function(e,s){let n=H(e),a=p.$64fa3d84918910a7$export$4d86445c2cf5e3({...e,defaultClassName:"react-aria-DisclosureGroup",values:{isDisabled:n.isDisabled,state:n}}),i=y.$65484d02dcb7eb3e$export$457c3d6518dd4c6f(e,{global:!0});return d.createElement("div",{...i,...a,ref:s,"data-disabled":e.isDisabled||void 0},d.createElement(k.Provider,{value:n},a.children))}),G=d.createContext(null),J=d.createContext(null),D=d.createContext(null),L=d.forwardRef(function(e,s){[e,s]=p.$64fa3d84918910a7$export$29f1550f4b0d4415(e,s,G);let n=d.useContext(k),{id:a,...i}=e,o=$.$bdb11010cef70236$export$f680877a34711e37();a||(a=o);let l=n?n.expandedKeys.has(a):e.isExpanded,u=z({...e,isExpanded:l,onExpandedChange(q){var m;n&&n.toggleKey(a),(m=e.onExpandedChange)===null||m===void 0||m.call(e,q)}}),f=d.useRef(null),t=e.isDisabled||n?.isDisabled||!1,{buttonProps:x,panelProps:g}=V({...e,isExpanded:l,isDisabled:t},u,f),{isFocusVisible:h,focusProps:I}=w.$f7dceffc5ad7768b$export$4e328f61c538687f({within:!0}),P=p.$64fa3d84918910a7$export$4d86445c2cf5e3({...e,id:void 0,defaultClassName:"react-aria-Disclosure",values:{isExpanded:u.isExpanded,isDisabled:t,isFocusVisibleWithin:h,state:u}}),R=y.$65484d02dcb7eb3e$export$457c3d6518dd4c6f(i,{global:!0});return d.createElement(p.$64fa3d84918910a7$export$2881499e37b75b9a,{values:[[v.$d2b4bc8c273e7be6$export$24d547caef80ccd1,{slots:{[p.$64fa3d84918910a7$export$c62b8e45d58ddad9]:{},trigger:x}}],[D,{panelProps:g,panelRef:f}],[J,u]]},d.createElement("div",{...$.$3ef42575df84b30b$export$9d1611c77c2fe928(R,P,I),ref:s,"data-expanded":u.isExpanded||void 0,"data-disabled":t||void 0,"data-focus-visible-within":h||void 0},P.children))}),Q=d.forwardRef(function(e,s){let{role:n="group"}=e,{panelProps:a,panelRef:i}=d.useContext(D),{isFocusVisible:o,focusProps:l}=w.$f7dceffc5ad7768b$export$4e328f61c538687f({within:!0}),u=p.$64fa3d84918910a7$export$4d86445c2cf5e3({...e,defaultClassName:"react-aria-DisclosurePanel",values:{isFocusVisibleWithin:o}}),f=y.$65484d02dcb7eb3e$export$457c3d6518dd4c6f(e,{global:!0});return d.createElement("div",{...$.$3ef42575df84b30b$export$9d1611c77c2fe928(f,u,a,l),ref:p.$5dc95899b306f630$export$c9058316764c140e(s,i),role:n,"data-focus-visible-within":o||void 0},d.createElement(p.$64fa3d84918910a7$export$2881499e37b75b9a,{values:[[v.$d2b4bc8c273e7be6$export$24d547caef80ccd1,null]]},e.children))}),A=d.createContext(void 0),U=({variant:r,children:e,className:s,isContained:n,size:a="large",...i})=>{const o=n||r==="contained";return b.jsx(A.Provider,{value:{isContained:o,size:a},children:b.jsx(O,{className:E.clsx(_.root,o?_.contained:_.uncontained,s),...i,children:e})})},X="_item_bbrk2_1",Y="_contained_bbrk2_18",Z="_medium_bbrk2_28",ee="_success_bbrk2_33",te="_warning_bbrk2_39",ne="_info_bbrk2_45",se="_important_bbrk2_51",de="_triggerButton_bbrk2_62",ae="_triggerText_bbrk2_66",re="_trigger_bbrk2_62",ie="_triggerMainContent_bbrk2_79",oe="_chevronIcon_bbrk2_96",ce="_statusIcon_bbrk2_102",le="_panel_bbrk2_120",ue="_content_bbrk2_128",fe="_hasBackground_bbrk2_133",be="_header_bbrk2_137",c={item:X,contained:Y,medium:Z,success:ee,warning:te,info:ne,important:se,triggerButton:de,triggerText:ae,trigger:re,triggerMainContent:ie," ":"_ _bbrk2_1",chevronIcon:oe,statusIcon:ce,panel:le,content:ue,hasBackground:fe,header:be},pe=({title:r,children:e,className:s,headingLevel:n="h2",type:a,hasBackground:i=!0,size:o="large",isContained:l,...u})=>{const f=d.useContext(A),t=l??f?.isContained??!1,x=typeof r=="object";d.useEffect(()=>{a&&!t&&console.warn("AccordionItem: When 'type' is set, it is recommended to also set 'isContained' to true for visual consistency.")},[a,t]);const g=a?S.iconMap[a]:null,h=g?b.jsx(g,{size:20,className:c.statusIcon}):null;return b.jsxs(L,{...u,className:E.clsx(c.item,a&&c[a],(o==="medium"||f?.size==="medium")&&c.medium,t&&c.contained,s),children:[b.jsx("div",{className:c.trigger,children:b.jsxs(j.Button,{className:c.triggerButton,slot:"trigger",variant:"icon",children:[b.jsx(F.ChevronDown,{size:20,className:c.chevronIcon}),b.jsx("div",{className:c.triggerMainContent,children:x?r:b.jsx(B.Heading,{level:3,elementType:n,className:c.triggerText,children:r})}),h]})}),b.jsx(Q,{className:c.panel,children:b.jsx("div",{className:E.clsx(c.content,i&&c.hasBackground),children:e})})]})};exports.Accordion=U;exports.AccordionItem=pe;
|