@midas-ds/components 11.1.0 → 11.2.0
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/CHANGELOG.md +25 -0
- package/{CheckboxGroup-oosHSGAt.js → CheckboxGroup-DvrN1oyw.js} +1 -1
- package/{ColorSchemeSwitch-Cnyb9EKC.js → ColorSchemeSwitch-PiEHptw1.js} +1 -1
- package/{ComboBox-CQ49PhNd.cjs → ComboBox-D_jh7TKo.cjs} +1 -1
- package/{ComboBox-D4MsSPBu.js → ComboBox-DfJ_aJrf.js} +10 -10
- package/{DateField-COs1-CkQ.js → DateField-DKCbEonm.js} +2 -2
- package/{DateInputDivider-B3oE1_tB.js → DateInputDivider-BmvqW1Hk.js} +2 -2
- package/{DateRangePicker-CvEycxmX.js → DateRangePicker-B5vx9onl.js} +183 -196
- package/DateRangePicker-DkIAEIIj.cjs +6 -0
- package/Dialog-CxHiZorC.cjs +1 -0
- package/{Dialog-DKHo0W9B.js → Dialog-D5c_dUnB.js} +3 -3
- package/Dialog-DuGcBeNN.js +212 -0
- package/{Dropdown-D6WCi_Ll.js → Dropdown-Cpc2EszJ.js} +1 -1
- package/{FocusScope-BCsrRPqD.js → FocusScope-DMsfA3bj.js} +1 -1
- package/{Label-DA6FZwy0.js → Label-endv1fkJ.js} +2 -2
- package/Layout-D0E1fOgZ.cjs +16 -0
- package/Layout-DtyhUz-G.js +498 -0
- package/{ListBox-CsxDGpCA.js → ListBox-Djy7244v.js} +5 -5
- package/{ListBoxButton-BsuHFd_O.cjs → ListBoxButton-CIqNRR3y.cjs} +1 -1
- package/{ListBoxButton-DawRfuny.js → ListBoxButton-sqirI6I4.js} +1 -1
- package/{ListBoxSection-C-Rz358T.cjs → ListBoxSection-BYJccE4T.cjs} +1 -1
- package/{ListBoxSection-Cc2cx0_S.js → ListBoxSection-Cicbu8pS.js} +375 -375
- package/{ListKeyboardDelegate-C-sPNj0f.js → ListKeyboardDelegate-CHki611g.js} +1 -1
- package/{Popover-DHoXfBp2.js → Popover-Tniqbaes.js} +1 -1
- package/{ProgressBar-C0IBfi5I.js → ProgressBar-DTn23Zkr.js} +1 -1
- package/{Radio-B6N9dCtB.js → Radio-CCN3o3s-.js} +2 -2
- package/{Select-DMVj2lrG.js → Select-MwvnbChP.js} +8 -8
- package/{Select-DiCEyap1.cjs → Select-lhIwwJL7.cjs} +1 -1
- package/{SelectionManager-BubxiIKu.js → SelectionManager-BKrZ_mMO.js} +1 -1
- package/{Separator-CEZ5y7tZ.js → Separator-DvvVAypT.js} +2 -2
- package/{TabList-BkSWzbDG.cjs → TabList-CWMlbijV.cjs} +1 -1
- package/{TabList-QApx8qRC.js → TabList-VpTv_Xff.js} +4 -4
- package/{Table-B5Aine4F.js → Table-DGTwyh7U.js} +4 -4
- package/{Tag-Byva_Xuy.js → Tag-rI-NhuT0.js} +7 -7
- package/{TextArea-eK7Jx3qs.js → TextArea-CrEALC58.js} +1 -1
- package/{ToggleButtonGroup-HjvaTYD4.js → ToggleButtonGroup-98z8Dw8-.js} +1 -1
- package/assets/Layout.css +1 -1
- package/assets/ListBoxSection.css +1 -1
- package/checkbox/index.js +1 -1
- package/color-scheme-switch/index.js +1 -1
- package/combobox/index.cjs +1 -1
- package/combobox/index.js +1 -1
- package/date-field/index.js +2 -2
- package/date-picker/DatePickerPopover.d.ts +1 -1
- package/date-picker/index.cjs +1 -1
- package/date-picker/index.js +1 -1
- package/dropdown/index.js +1 -1
- package/grid/index.d.ts +1 -1
- package/index.cjs +1 -1
- package/index.js +20 -20
- package/label/index.js +1 -1
- package/layout/index.cjs +1 -1
- package/layout/index.js +1 -1
- package/list-box/index.cjs +1 -1
- package/list-box/index.js +2 -2
- package/modal/index.cjs +1 -1
- package/modal/index.js +2 -2
- package/package.json +1 -1
- package/popover/index.js +1 -1
- package/progress-bar/index.js +1 -1
- package/radio/index.js +1 -1
- package/select/index.cjs +1 -1
- package/select/index.js +1 -1
- package/table/index.js +1 -1
- package/tabs/index.cjs +1 -1
- package/tabs/index.js +1 -1
- package/tag/index.js +1 -1
- package/textfield/index.js +1 -1
- package/theme/index.cjs +1 -1
- package/theme/index.d.ts +1 -0
- package/theme/index.js +2 -2
- package/theme/tokens.d.ts +1 -0
- package/toggle-button/index.js +1 -1
- package/{tokens-BF-dPard.cjs → tokens-5PzK5zK7.cjs} +1 -1
- package/{tokens-r1r3wC04.js → tokens-CqvelUoA.js} +13 -12
- package/{useFilter-DginflOU.js → useFilter-DsOxD9JB.js} +1 -1
- package/{useHasTabbableChild-DP62kzkG.js → useHasTabbableChild-BgEe5J35.js} +1 -1
- package/{useListState-DNB7JWoj.js → useListState-B3c3xcNW.js} +1 -1
- package/{useSingleSelectListState-B0OMoHd_.js → useSingleSelectListState-DdBsBWKG.js} +1 -1
- package/DateRangePicker-Bfibl08v.cjs +0 -6
- package/Dialog-B3R3WtL5.cjs +0 -1
- package/Dialog-BkUw6PlA.js +0 -221
- package/Layout-BwLxIwtY.cjs +0 -16
- package/Layout-CcADAhds.js +0 -498
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { jsxs as t, jsx as o } from "react/jsx-runtime";
|
|
2
2
|
import { c as f } from "./clsx-OuTLNxxd.js";
|
|
3
3
|
import { $ as c } from "./OverlayArrow-DB_aVTVM.js";
|
|
4
|
-
import { a as i } from "./Dialog-
|
|
4
|
+
import { a as i } from "./Dialog-D5c_dUnB.js";
|
|
5
5
|
import './assets/Popover.css';const m = "_popover_1xqs8_4", d = "_arrow_1xqs8_18", r = {
|
|
6
6
|
popover: m,
|
|
7
7
|
arrow: d
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { jsx as a, jsxs as d, Fragment as f } from "react/jsx-runtime";
|
|
2
2
|
import { c as u } from "./Button-CepQFEit.js";
|
|
3
|
-
import { L as m } from "./Label-
|
|
3
|
+
import { L as m } from "./Label-endv1fkJ.js";
|
|
4
4
|
import { c } from "./clsx-OuTLNxxd.js";
|
|
5
5
|
import './assets/ProgressBar.css';const o = "_progressBar_1ekuq_4", N = "_label_1ekuq_12", v = "_value_1ekuq_17", h = "_bar_1ekuq_22", x = "_fill_1ekuq_28", s = {
|
|
6
6
|
progressBar: o,
|
|
@@ -11,7 +11,7 @@ import I, { useMemo as S, useState as Z, forwardRef as C, createContext as B } f
|
|
|
11
11
|
import { a as ee, b as ae, $ as ie } from "./useFormValidation-BzzruZKm.js";
|
|
12
12
|
import { b as E } from "./usePress-BW47IcyU.js";
|
|
13
13
|
import { a as de } from "./useFocusable-BjE42axF.js";
|
|
14
|
-
import { $ as re } from "./FocusScope-
|
|
14
|
+
import { $ as re } from "./FocusScope-DMsfA3bj.js";
|
|
15
15
|
import { $ as le } from "./useFocusWithin-T1ifEM_s.js";
|
|
16
16
|
import { $ as oe } from "./useField-CefQB81E.js";
|
|
17
17
|
import { $ as te } from "./context-CGNJ3grH.js";
|
|
@@ -20,7 +20,7 @@ import { $ as ne } from "./useHover-DQvJ3Y-W.js";
|
|
|
20
20
|
import { $ as ce } from "./VisuallyHidden-CYfmTSCD.js";
|
|
21
21
|
import { $ as fe } from "./useControlledState-u436Wbp1.js";
|
|
22
22
|
import { c as L } from "./clsx-OuTLNxxd.js";
|
|
23
|
-
import { a as ue, L as be } from "./Label-
|
|
23
|
+
import { a as ue, L as be } from "./Label-endv1fkJ.js";
|
|
24
24
|
import { T as $e } from "./Text-BPcfhYQ9.js";
|
|
25
25
|
import './assets/Radio.css';const N = /* @__PURE__ */ new WeakMap();
|
|
26
26
|
function ve(a, e, d) {
|
|
@@ -3,26 +3,26 @@ import * as w from "react";
|
|
|
3
3
|
import v, { useMemo as D, useState as L, useCallback as E, useEffect as O, useRef as q } from "react";
|
|
4
4
|
import { c as V } from "./clsx-OuTLNxxd.js";
|
|
5
5
|
import { b as z } from "./utils-KLjWgdLR.js";
|
|
6
|
-
import { a as j, $ as R, T as G } from "./Tag-
|
|
6
|
+
import { a as j, $ as R, T as G } from "./Tag-rI-NhuT0.js";
|
|
7
7
|
import { $ as W } from "./TextField-Dma22dnD.js";
|
|
8
8
|
import { c as H } from "./Collection-D2jVTmDW.js";
|
|
9
9
|
import { C as P } from "./Checkbox-EB_SCBEo.js";
|
|
10
|
-
import { L as U, c as X, a as J, b as Q } from "./ListBoxSection-
|
|
10
|
+
import { L as U, c as X, a as J, b as Q } from "./ListBoxSection-Cicbu8pS.js";
|
|
11
11
|
import { C as Y } from "./check-B5h1DvDs.js";
|
|
12
12
|
import { g as Z } from "./useHover-DQvJ3Y-W.js";
|
|
13
|
-
import { o as ee, p as te } from "./Dialog-
|
|
14
|
-
import { $ as le, a as oe } from "./ListKeyboardDelegate-
|
|
15
|
-
import { g as ae } from "./SelectionManager-
|
|
13
|
+
import { o as ee, p as te } from "./Dialog-D5c_dUnB.js";
|
|
14
|
+
import { $ as le, a as oe } from "./ListKeyboardDelegate-CHki611g.js";
|
|
15
|
+
import { g as ae } from "./SelectionManager-BKrZ_mMO.js";
|
|
16
16
|
import { a as K, c as ne, e as re } from "./mergeProps-C1U1OIeJ.js";
|
|
17
17
|
import { $ as ie } from "./filterDOMProps-D6KHYVBX.js";
|
|
18
18
|
import { $ as ce } from "./useField-CefQB81E.js";
|
|
19
19
|
import { $ as se, a as de, b as ue } from "./useFormValidation-BzzruZKm.js";
|
|
20
|
-
import { $ as fe } from "./useListState-
|
|
20
|
+
import { $ as fe } from "./useListState-B3c3xcNW.js";
|
|
21
21
|
import { u as me } from "./useObserveElement-BdI4zgd7.js";
|
|
22
22
|
import { a as pe } from "./VisuallyHidden-CYfmTSCD.js";
|
|
23
|
-
import { a as be, L as he } from "./Label-
|
|
23
|
+
import { a as be, L as he } from "./Label-endv1fkJ.js";
|
|
24
24
|
import { T as ge } from "./Text-BPcfhYQ9.js";
|
|
25
|
-
import { L as ye } from "./ListBoxButton-
|
|
25
|
+
import { L as ye } from "./ListBoxButton-sqirI6I4.js";
|
|
26
26
|
import { X as $e } from "./x-C2xUHAEl.js";
|
|
27
27
|
import { u as B } from "./useLocalizedStringFormatter-N0AyjzbM.js";
|
|
28
28
|
import { $ as xe } from "./useButton-BoIV3kDJ.js";
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";require('./assets/Select.css');const l=require("react/jsx-runtime"),x=require("react"),V=require("./clsx-C11secjj.cjs"),z=require("./utils-DHNZrQmj.cjs"),j=require("./Tag-bYq-wf5D.cjs"),R=require("./TextField-BAX93sq7.cjs"),H=require("./Collection-BtBX5IMY.cjs"),I=require("./Checkbox-Co3h0hur.cjs"),S=require("./ListBoxSection-C-Rz358T.cjs"),G=require("./check-B0aKTFe5.cjs"),W=require("./useHover-BE_XKZKe.cjs"),M=require("./Dialog-DtHk3eXI.cjs"),_=require("./ListKeyboardDelegate-ZKBk2IId.cjs"),U=require("./SelectionManager-BJjqIWtf.cjs"),$=require("./mergeProps-B5KXZAI3.cjs"),X=require("./filterDOMProps-BS2lrgFA.cjs"),J=require("./useField-D1UkzeaI.cjs"),C=require("./useFormValidation-BlFGdPZB.cjs"),Q=require("./useListState-wLau6fXo.cjs"),Y=require("./useObserveElement-MhzEsCkX.cjs"),Z=require("./VisuallyHidden-Doyzl0F7.cjs"),k=require("./Label-ChjDdBlv.cjs"),ee=require("./Text-DBHWi5gA.cjs"),te=require("./ListBoxButton-BsuHFd_O.cjs"),le=require("./x-rV-nu490.cjs"),F=require("./useLocalizedStringFormatter-BO2iZEL0.cjs"),ne=require("./useButton-D60q0SQw.cjs"),re=require("./chevron-down-5hFlg_lR.cjs"),P=require("./FieldError-Bv3Q6ZP-.cjs");function oe(e){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const o in e)if(o!=="default"){const i=Object.getOwnPropertyDescriptor(e,o);Object.defineProperty(t,o,i.get?i:{enumerable:!0,get:()=>e[o]})}}return t.default=e,Object.freeze(t)}const N=oe(x);function T(e){return null}T.getCollectionNode=function*(t,o){let{childItems:i,title:r,children:s}=t,n=t.title||t.children,a=t.textValue||(typeof n=="string"?n:"")||t["aria-label"]||"";!a&&!(o!=null&&o.suppressTextValueWarning)&&process.env.NODE_ENV!=="production"&&console.warn("<Item> with non-plain text contents is unsupported by type to select for accessibility. Please add a `textValue` prop."),yield{type:"item",props:t,rendered:n,textValue:a,"aria-label":t["aria-label"],hasChildNodes:ie(t),*childNodes(){if(i)for(let c of i)yield{type:"item",value:c};else if(r){let c=[];x.Children.forEach(s,u=>{c.push({type:"item",element:u})}),yield*c}}}};function ie(e){return e.hasChildItems!=null?e.hasChildItems:!!(e.childItems||e.title&&x.Children.count(e.children)>0)}let w=T;function D(e){return null}D.getCollectionNode=function*(t){let{children:o,title:i,items:r}=t;yield{type:"section",props:t,hasChildNodes:!0,rendered:i,"aria-label":t["aria-label"],*childNodes(){if(typeof o=="function"){if(!r)throw new Error("props.children was a function but props.items is missing");for(let s of r)yield{type:"item",value:s,renderer:o}}else{let s=[];x.Children.forEach(o,n=>{s.push({type:"item",element:n})}),yield*s}}}};let se=D;const ce="_wrapper_1rlqo_10",ae="_trigger_1rlqo_21",de="_medium_1rlqo_35",ue="_icon_1rlqo_71",fe="_tagGroup_1rlqo_77",be="_listBoxItemCheckmark_1rlqo_93",he="_triggerContainer_1rlqo_98",xe="_selectValueTag_1rlqo_104",ge="_clearButton_1rlqo_120",me="_truncate_1rlqo_132",ye="_checkboxContainer_1rlqo_169",h={wrapper:ce,trigger:ae,medium:de,icon:ue,tagGroup:fe,listBoxItemCheckmark:be,triggerContainer:he,selectValueTag:xe,clearButton:ge,truncate:me,checkboxContainer:ye},O=({item:e})=>l.jsx(S.ListBoxItem,{...e.value,textValue:e.textValue,children:({isDisabled:t,isSelected:o,selectionMode:i})=>l.jsxs(l.Fragment,{children:[i==="multiple"?l.jsx("div",{className:h.checkboxContainer,children:l.jsx(I.Checkbox,{isDisabled:t,isSelected:o,isReadOnly:!0,excludeFromTabOrder:!0,"aria-label":e.textValue})}):null,e.rendered,o&&i==="single"?l.jsx(G.Check,{size:20,className:h.listBoxItemCheckmark}):null]})}),pe=({section:e,state:t})=>l.jsx(S.ListBoxSection,{...e.value,children:t.collection.getChildren?l.jsx(H.$e1995378a142960e$export$fb8073518f34e6ec,{items:t.collection.getChildren(e.key),children:o=>l.jsx(O,{item:o})}):null}),$e=({state:e,...t})=>l.jsx(S.ListBox,{...t,...e,escapeKeyBehavior:"none",onSelectionChange:e.setSelectedKeys,items:e.collection,children:o=>o.type==="section"?l.jsx(pe,{state:e,section:o}):l.jsx(O,{item:o})});function Se(e,t,o){const{disallowEmptySelection:i,isDisabled:r}=e,s=_.$325a3faab7a68acd$export$a16aca283550c30d({usage:"search",sensitivity:"base"}),n=x.useMemo(()=>new _.$2a25aae57d74318e$export$a05409b8bb224a5a(t.collection,t.disabledKeys,null,s),[t.collection,t.disabledKeys,s]),{menuTriggerProps:a,menuProps:c}=M.$168583247155ddda$export$dc9c12ed27dd1b49({isDisabled:r,type:"listbox"},t,o),u=f=>{const{selectedKeys:v,selectionMode:E}=t,K=v.values().next().value;if(E==="single")switch(f.key){case"ArrowLeft":{f.preventDefault();const p=v.size>0?n.getKeyAbove(K):n.getFirstKey();p&&t.setSelectedKeys([p]);break}case"ArrowRight":{f.preventDefault();const p=v.size>0?n.getKeyBelow(K):n.getFirstKey();p&&t.setSelectedKeys([p]);break}}},{typeSelectProps:d}=U.$fb3050f43d946246$export$e32c88dfddc6e1d8({keyboardDelegate:n,selectionManager:t.selectionManager,onTypeSelect(f){t.setSelectedKeys([f])}}),{labelProps:y,fieldProps:g}=J.$2baaea4c71418dea$export$294aa081a6c6f55d({...e,labelElementType:"span"});d.onKeyDown=d.onKeyDownCapture,delete d.onKeyDownCapture;const b=X.$65484d02dcb7eb3e$export$457c3d6518dd4c6f(e,{labelable:!0}),m=$.$3ef42575df84b30b$export$9d1611c77c2fe928(d,a,g),q=$.$bdb11010cef70236$export$f680877a34711e37();return{labelProps:{...y,onClick:()=>{var f;e.isDisabled||((f=o.current)==null||f.focus(),W.$507fabe10e71c6fb$export$8397ddfc504fdb9a("keyboard"))}},triggerProps:$.$3ef42575df84b30b$export$9d1611c77c2fe928(b,{...m,onKeyDown:$.$ff5963eb1fccf552$export$e08e3b67e392101e(m.onKeyDown,u,e.onKeyDown),onKeyUp:e.onKeyUp,"aria-labelledby":[m["aria-labelledby"],m["aria-label"]&&!m["aria-labelledby"]?m.id:null,q].filter(Boolean).join(" "),onFocus(f){t.isFocused||(e.onFocus&&e.onFocus(f),t.setFocused(!0))},onBlur(f){t.isOpen||(e.onBlur&&e.onBlur(f),t.setFocused(!1))}}),valueProps:{id:q},menuProps:{...c,disallowEmptySelection:i,autoFocus:t.focusStrategy||!0,shouldSelectOnPressUp:!0,shouldFocusOnHover:!0,onBlur:f=>{f.currentTarget.contains(f.relatedTarget)||(e.onBlur&&e.onBlur(f),t.setFocused(!1))},"aria-labelledby":[g["aria-labelledby"],m["aria-label"]&&!g["aria-labelledby"]?m.id:null].filter(Boolean).join(" ")}}}function ve(e){const{collection:t,disabledKeys:o,selectionManager:i,selectionManager:{setSelectedKeys:r,selectedKeys:s,selectionMode:n}}=Q.$e72dd72e1c76a225$export$2f645645f7bca764(e),a=[],c=s.size!==0?Array.from(s).map(u=>{const d=t.getItem(u);return d||a.push(u),d}).filter(Boolean):null;return a.length&&console.warn(`Select: Keys "${a.join(", ")}" passed to "selectedKeys" are not present in the collection.`),{collection:t,disabledKeys:o,selectionManager:i,selectionMode:n,selectedKeys:s,setSelectedKeys:r.bind(i),selectedItems:c}}function je(e){const[t,o]=x.useState(!1),i=M.$a28c903ee9ad8dc5$export$79fefeb1c2091ac3(e),r=e.selectionMode==="single",s=ve({...e,onSelectionChange:d=>{e.onSelectionChange&&e.onSelectionChange(d),r&&i.close()}}),n=C.$e5be200c675c3b3a$export$fc1a364ae1f3ff10({...e,validationBehavior:"native",value:s.selectedKeys}),a=s.collection.size===0,c=!!s.selectedKeys.size,u=x.useCallback(()=>{n.resetValidation(),n.commitValidation()},[n]);return x.useEffect(()=>{r&&c&&u()},[c,r,u]),{...s,...i,close(){i.close(),c&&u()},open(){a||i.open()},toggle(d){a||i.toggle(d)},isFocused:t,setFocused:o,...n}}function Ce({autoComplete:e,name:t,isDisabled:o,isRequired:i,selectRef:r},s,n){const{visuallyHiddenProps:a}=Z.$5c3e21d68f1c4674$export$a966af930f325cab();return C.$99facab73266f662$export$5add1d006293d136(r,s.selectedKeys,s.setSelectedKeys),C.$e93e671b31057976$export$b8473d3665f3a75a({validationBehavior:"native",focus:()=>{var c;return(c=n.current)==null?void 0:c.focus()}},s,r),{containerProps:{...a,"aria-hidden":!0,"data-react-aria-prevent-focus":!0,"data-a11y-ignore":"aria-hidden-focus"},inputProps:{style:{display:"none"}},selectProps:{tabIndex:-1,autoComplete:e,disabled:o,required:i,name:t,value:Array.from(s.selectedKeys).map(c=>c.toString()),onChange:c=>s.setSelectedKeys(c.target.value),multiple:!0}}}function qe(e){const{state:t,triggerRef:o,name:i,isDisabled:r}=e,s=`${e.label}-hidden`,n=x.useRef(null),{containerProps:a,selectProps:c}=Ce({...e,selectRef:n},t,o);return t.collection.size<=300?l.jsx("div",{...a,"data-testid":"hidden-select-container",children:l.jsxs("label",{children:[s,l.jsxs("select",{...c,ref:n,children:[l.jsx("option",{}),[...t.collection.getKeys()].map(u=>{const d=t.collection.getItem(u);return d&&d.type==="item"?l.jsx("option",{value:d.key,children:d.textValue},d.key):null})]})]})}):i?l.jsx("input",{type:"hidden",autoComplete:c.autoComplete,name:i,disabled:r,value:Array.from(t.selectedKeys).map(u=>u.toString())??[""]}):null}const Ke={clearAll:"Clear all",selectAll:"Select all",selectedItems:"Selected items",chosen:"chosen"},_e={clearAll:"Rensa alla",selectAll:"Välj alla",selectedItems:"Valda objekt",chosen:"valda"},L={en:Ke,sv:_e},ke=({state:{selectedItems:e},isDisabled:t,parentWidth:o,onClear:i,triggerRef:r,isClearable:s})=>{const n=F.useLocalizedStringFormatter(L);return l.jsxs("div",{className:h.selectValueTag,"data-disabled":t||void 0,children:[l.jsx("span",{className:h.truncate,style:{maxWidth:o-92},children:e!=null&&e.length&&e.length>1?`${e.length} ${n.format("chosen")}`:e==null?void 0:e[0].textValue}),s&&l.jsx("button",{disabled:t,"aria-label":n.format("clearAll"),className:h.clearButton,onClick:()=>{var a;i(),(a=r==null?void 0:r.current)==null||a.focus()},children:l.jsx(le.X,{width:20,height:20})})]})},Pe=({autoFocus:e,excludeFromTabOrder:t,isDisabled:o,size:i="large",isOpen:r,isInvalid:s,selectionMode:n,state:{selectedItems:a},placeholder:c,children:u,triggerRef:d,...y})=>{const{buttonProps:g}=ne.$701a24aa0da5b062$export$ea18c227d4417cc3({autoFocus:e,excludeFromTabOrder:t,isDisabled:o,...y},d),b=n==="multiple";return l.jsxs("div",{className:h.triggerContainer,"data-disabled":o||void 0,children:[l.jsxs("button",{...g,autoFocus:e,className:V.clsx(h.trigger,{[h.medium]:i==="medium"}),"data-disabled":o||void 0,"data-invalid":s||void 0,"data-open":r||void 0,ref:d,type:"button",children:[b&&!a?l.jsx("span",{children:c}):null,b?null:l.jsx("span",{children:a?a[0].textValue:c}),l.jsx("div",{className:h.icon,"aria-hidden":"true",children:l.jsx(re.ChevronDown,{size:20})})]}),u]})},B=({state:e,errorMessage:t})=>l.jsx(P.$ee014567cb39d3f0$export$ff05c3ac10437e03.Provider,{value:{...e.displayValidation},children:l.jsx(P.FieldError,{children:t})}),we=N.forwardRef(({isClearable:e=!0,popover:t,...o},i)=>{const r={selectionMode:"single",errorPosition:"top",disallowEmptySelection:!e,isClearable:e,size:"large",popover:t,...o},s=z.$df56164dff5785e2$export$4338b53315abf666(i),n=je(r),a=F.useLocalizedStringFormatter(L),{labelProps:c,triggerProps:u,valueProps:d,menuProps:y}=Se(r,n,s),{width:g}=Y.useObserveElement(s.current,{includePadding:!0});return l.jsxs(R.$bcdf0525bf22703d$export$2c73285ae9390cec,{...r,className:V.clsx(h.wrapper,r.className),children:[l.jsx(qe,{...r,state:n,triggerRef:s}),l.jsx(k.LabelWrapper,{popover:t,children:r.label&&l.jsx(k.Label,{...c,"data-disabled":r.isDisabled||void 0,children:r.label})}),r.description&&l.jsx(ee.Text,{slot:"description",children:r.description}),r.errorPosition==="top"&&l.jsx(B,{...r,state:n}),l.jsx(Pe,{...r,...u,isInvalid:n.displayValidation.isInvalid,triggerRef:s,state:n,children:r.selectionMode==="multiple"&&n.selectedItems?l.jsx("span",{...d,children:l.jsx(ke,{...r,state:n,parentWidth:g,onClear:()=>n.selectionManager.clearSelection(),triggerRef:s})}):null}),r.errorPosition==="bottom"&&l.jsx(B,{...r,state:n}),l.jsxs(S.ListBoxPopover,{isOpen:n.isOpen,onOpenChange:b=>{b||n.close()},triggerRef:s,style:{width:g},children:[r.isSelectableAll&&l.jsxs(te.ListBoxButton,{onClick:()=>n.selectionManager.toggleSelectAll(),children:[l.jsx("div",{className:h.checkboxContainer,children:l.jsx(I.Checkbox,{isSelected:n.selectionManager.isSelectAll,isIndeterminate:!n.selectionManager.isSelectAll&&!n.selectionManager.isEmpty,isReadOnly:!0,excludeFromTabOrder:!0})}),l.jsx("span",{children:a.format("selectAll")})]}),l.jsx($e,{...y,state:n})]}),r.showTags&&!!n.selectedItems&&l.jsx(j.TagGroup,{"aria-label":a.format("selectedItems"),selectionBehavior:"toggle",onRemove:b=>n.selectionManager.toggleSelection(Array.from(b)[0]),className:h.tagGroup,children:l.jsx(j.$eaf9e70818b436db$export$f9fef0f55402315b,{items:n.selectedItems,children:b=>l.jsx(j.Tag,{textValue:b.textValue,id:b.key,dismissable:!0,isDisabled:r.isDisabled,children:b.textValue},b.key)})})]})}),A=N.forwardRef(({options:e,...t},o)=>l.jsx(we,{...t,items:e,ref:o,children:i=>i.children?l.jsx(se,{items:i.children,title:i.name,children:r=>l.jsx(w,{textValue:r.textValue,children:r.name})},i.name):l.jsx(w,{textValue:i.textValue,children:i.name})}));A.displayName="Select";exports.Select=A;
|
|
1
|
+
"use strict";require('./assets/Select.css');const l=require("react/jsx-runtime"),x=require("react"),V=require("./clsx-C11secjj.cjs"),z=require("./utils-DHNZrQmj.cjs"),j=require("./Tag-bYq-wf5D.cjs"),R=require("./TextField-BAX93sq7.cjs"),H=require("./Collection-BtBX5IMY.cjs"),I=require("./Checkbox-Co3h0hur.cjs"),S=require("./ListBoxSection-BYJccE4T.cjs"),G=require("./check-B0aKTFe5.cjs"),W=require("./useHover-BE_XKZKe.cjs"),M=require("./Dialog-DtHk3eXI.cjs"),_=require("./ListKeyboardDelegate-ZKBk2IId.cjs"),U=require("./SelectionManager-BJjqIWtf.cjs"),$=require("./mergeProps-B5KXZAI3.cjs"),X=require("./filterDOMProps-BS2lrgFA.cjs"),J=require("./useField-D1UkzeaI.cjs"),C=require("./useFormValidation-BlFGdPZB.cjs"),Q=require("./useListState-wLau6fXo.cjs"),Y=require("./useObserveElement-MhzEsCkX.cjs"),Z=require("./VisuallyHidden-Doyzl0F7.cjs"),k=require("./Label-ChjDdBlv.cjs"),ee=require("./Text-DBHWi5gA.cjs"),te=require("./ListBoxButton-CIqNRR3y.cjs"),le=require("./x-rV-nu490.cjs"),F=require("./useLocalizedStringFormatter-BO2iZEL0.cjs"),ne=require("./useButton-D60q0SQw.cjs"),re=require("./chevron-down-5hFlg_lR.cjs"),P=require("./FieldError-Bv3Q6ZP-.cjs");function oe(e){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const o in e)if(o!=="default"){const i=Object.getOwnPropertyDescriptor(e,o);Object.defineProperty(t,o,i.get?i:{enumerable:!0,get:()=>e[o]})}}return t.default=e,Object.freeze(t)}const N=oe(x);function T(e){return null}T.getCollectionNode=function*(t,o){let{childItems:i,title:r,children:s}=t,n=t.title||t.children,a=t.textValue||(typeof n=="string"?n:"")||t["aria-label"]||"";!a&&!(o!=null&&o.suppressTextValueWarning)&&process.env.NODE_ENV!=="production"&&console.warn("<Item> with non-plain text contents is unsupported by type to select for accessibility. Please add a `textValue` prop."),yield{type:"item",props:t,rendered:n,textValue:a,"aria-label":t["aria-label"],hasChildNodes:ie(t),*childNodes(){if(i)for(let c of i)yield{type:"item",value:c};else if(r){let c=[];x.Children.forEach(s,u=>{c.push({type:"item",element:u})}),yield*c}}}};function ie(e){return e.hasChildItems!=null?e.hasChildItems:!!(e.childItems||e.title&&x.Children.count(e.children)>0)}let w=T;function D(e){return null}D.getCollectionNode=function*(t){let{children:o,title:i,items:r}=t;yield{type:"section",props:t,hasChildNodes:!0,rendered:i,"aria-label":t["aria-label"],*childNodes(){if(typeof o=="function"){if(!r)throw new Error("props.children was a function but props.items is missing");for(let s of r)yield{type:"item",value:s,renderer:o}}else{let s=[];x.Children.forEach(o,n=>{s.push({type:"item",element:n})}),yield*s}}}};let se=D;const ce="_wrapper_1rlqo_10",ae="_trigger_1rlqo_21",de="_medium_1rlqo_35",ue="_icon_1rlqo_71",fe="_tagGroup_1rlqo_77",be="_listBoxItemCheckmark_1rlqo_93",he="_triggerContainer_1rlqo_98",xe="_selectValueTag_1rlqo_104",ge="_clearButton_1rlqo_120",me="_truncate_1rlqo_132",ye="_checkboxContainer_1rlqo_169",h={wrapper:ce,trigger:ae,medium:de,icon:ue,tagGroup:fe,listBoxItemCheckmark:be,triggerContainer:he,selectValueTag:xe,clearButton:ge,truncate:me,checkboxContainer:ye},O=({item:e})=>l.jsx(S.ListBoxItem,{...e.value,textValue:e.textValue,children:({isDisabled:t,isSelected:o,selectionMode:i})=>l.jsxs(l.Fragment,{children:[i==="multiple"?l.jsx("div",{className:h.checkboxContainer,children:l.jsx(I.Checkbox,{isDisabled:t,isSelected:o,isReadOnly:!0,excludeFromTabOrder:!0,"aria-label":e.textValue})}):null,e.rendered,o&&i==="single"?l.jsx(G.Check,{size:20,className:h.listBoxItemCheckmark}):null]})}),pe=({section:e,state:t})=>l.jsx(S.ListBoxSection,{...e.value,children:t.collection.getChildren?l.jsx(H.$e1995378a142960e$export$fb8073518f34e6ec,{items:t.collection.getChildren(e.key),children:o=>l.jsx(O,{item:o})}):null}),$e=({state:e,...t})=>l.jsx(S.ListBox,{...t,...e,escapeKeyBehavior:"none",onSelectionChange:e.setSelectedKeys,items:e.collection,children:o=>o.type==="section"?l.jsx(pe,{state:e,section:o}):l.jsx(O,{item:o})});function Se(e,t,o){const{disallowEmptySelection:i,isDisabled:r}=e,s=_.$325a3faab7a68acd$export$a16aca283550c30d({usage:"search",sensitivity:"base"}),n=x.useMemo(()=>new _.$2a25aae57d74318e$export$a05409b8bb224a5a(t.collection,t.disabledKeys,null,s),[t.collection,t.disabledKeys,s]),{menuTriggerProps:a,menuProps:c}=M.$168583247155ddda$export$dc9c12ed27dd1b49({isDisabled:r,type:"listbox"},t,o),u=f=>{const{selectedKeys:v,selectionMode:E}=t,K=v.values().next().value;if(E==="single")switch(f.key){case"ArrowLeft":{f.preventDefault();const p=v.size>0?n.getKeyAbove(K):n.getFirstKey();p&&t.setSelectedKeys([p]);break}case"ArrowRight":{f.preventDefault();const p=v.size>0?n.getKeyBelow(K):n.getFirstKey();p&&t.setSelectedKeys([p]);break}}},{typeSelectProps:d}=U.$fb3050f43d946246$export$e32c88dfddc6e1d8({keyboardDelegate:n,selectionManager:t.selectionManager,onTypeSelect(f){t.setSelectedKeys([f])}}),{labelProps:y,fieldProps:g}=J.$2baaea4c71418dea$export$294aa081a6c6f55d({...e,labelElementType:"span"});d.onKeyDown=d.onKeyDownCapture,delete d.onKeyDownCapture;const b=X.$65484d02dcb7eb3e$export$457c3d6518dd4c6f(e,{labelable:!0}),m=$.$3ef42575df84b30b$export$9d1611c77c2fe928(d,a,g),q=$.$bdb11010cef70236$export$f680877a34711e37();return{labelProps:{...y,onClick:()=>{var f;e.isDisabled||((f=o.current)==null||f.focus(),W.$507fabe10e71c6fb$export$8397ddfc504fdb9a("keyboard"))}},triggerProps:$.$3ef42575df84b30b$export$9d1611c77c2fe928(b,{...m,onKeyDown:$.$ff5963eb1fccf552$export$e08e3b67e392101e(m.onKeyDown,u,e.onKeyDown),onKeyUp:e.onKeyUp,"aria-labelledby":[m["aria-labelledby"],m["aria-label"]&&!m["aria-labelledby"]?m.id:null,q].filter(Boolean).join(" "),onFocus(f){t.isFocused||(e.onFocus&&e.onFocus(f),t.setFocused(!0))},onBlur(f){t.isOpen||(e.onBlur&&e.onBlur(f),t.setFocused(!1))}}),valueProps:{id:q},menuProps:{...c,disallowEmptySelection:i,autoFocus:t.focusStrategy||!0,shouldSelectOnPressUp:!0,shouldFocusOnHover:!0,onBlur:f=>{f.currentTarget.contains(f.relatedTarget)||(e.onBlur&&e.onBlur(f),t.setFocused(!1))},"aria-labelledby":[g["aria-labelledby"],m["aria-label"]&&!g["aria-labelledby"]?m.id:null].filter(Boolean).join(" ")}}}function ve(e){const{collection:t,disabledKeys:o,selectionManager:i,selectionManager:{setSelectedKeys:r,selectedKeys:s,selectionMode:n}}=Q.$e72dd72e1c76a225$export$2f645645f7bca764(e),a=[],c=s.size!==0?Array.from(s).map(u=>{const d=t.getItem(u);return d||a.push(u),d}).filter(Boolean):null;return a.length&&console.warn(`Select: Keys "${a.join(", ")}" passed to "selectedKeys" are not present in the collection.`),{collection:t,disabledKeys:o,selectionManager:i,selectionMode:n,selectedKeys:s,setSelectedKeys:r.bind(i),selectedItems:c}}function je(e){const[t,o]=x.useState(!1),i=M.$a28c903ee9ad8dc5$export$79fefeb1c2091ac3(e),r=e.selectionMode==="single",s=ve({...e,onSelectionChange:d=>{e.onSelectionChange&&e.onSelectionChange(d),r&&i.close()}}),n=C.$e5be200c675c3b3a$export$fc1a364ae1f3ff10({...e,validationBehavior:"native",value:s.selectedKeys}),a=s.collection.size===0,c=!!s.selectedKeys.size,u=x.useCallback(()=>{n.resetValidation(),n.commitValidation()},[n]);return x.useEffect(()=>{r&&c&&u()},[c,r,u]),{...s,...i,close(){i.close(),c&&u()},open(){a||i.open()},toggle(d){a||i.toggle(d)},isFocused:t,setFocused:o,...n}}function Ce({autoComplete:e,name:t,isDisabled:o,isRequired:i,selectRef:r},s,n){const{visuallyHiddenProps:a}=Z.$5c3e21d68f1c4674$export$a966af930f325cab();return C.$99facab73266f662$export$5add1d006293d136(r,s.selectedKeys,s.setSelectedKeys),C.$e93e671b31057976$export$b8473d3665f3a75a({validationBehavior:"native",focus:()=>{var c;return(c=n.current)==null?void 0:c.focus()}},s,r),{containerProps:{...a,"aria-hidden":!0,"data-react-aria-prevent-focus":!0,"data-a11y-ignore":"aria-hidden-focus"},inputProps:{style:{display:"none"}},selectProps:{tabIndex:-1,autoComplete:e,disabled:o,required:i,name:t,value:Array.from(s.selectedKeys).map(c=>c.toString()),onChange:c=>s.setSelectedKeys(c.target.value),multiple:!0}}}function qe(e){const{state:t,triggerRef:o,name:i,isDisabled:r}=e,s=`${e.label}-hidden`,n=x.useRef(null),{containerProps:a,selectProps:c}=Ce({...e,selectRef:n},t,o);return t.collection.size<=300?l.jsx("div",{...a,"data-testid":"hidden-select-container",children:l.jsxs("label",{children:[s,l.jsxs("select",{...c,ref:n,children:[l.jsx("option",{}),[...t.collection.getKeys()].map(u=>{const d=t.collection.getItem(u);return d&&d.type==="item"?l.jsx("option",{value:d.key,children:d.textValue},d.key):null})]})]})}):i?l.jsx("input",{type:"hidden",autoComplete:c.autoComplete,name:i,disabled:r,value:Array.from(t.selectedKeys).map(u=>u.toString())??[""]}):null}const Ke={clearAll:"Clear all",selectAll:"Select all",selectedItems:"Selected items",chosen:"chosen"},_e={clearAll:"Rensa alla",selectAll:"Välj alla",selectedItems:"Valda objekt",chosen:"valda"},L={en:Ke,sv:_e},ke=({state:{selectedItems:e},isDisabled:t,parentWidth:o,onClear:i,triggerRef:r,isClearable:s})=>{const n=F.useLocalizedStringFormatter(L);return l.jsxs("div",{className:h.selectValueTag,"data-disabled":t||void 0,children:[l.jsx("span",{className:h.truncate,style:{maxWidth:o-92},children:e!=null&&e.length&&e.length>1?`${e.length} ${n.format("chosen")}`:e==null?void 0:e[0].textValue}),s&&l.jsx("button",{disabled:t,"aria-label":n.format("clearAll"),className:h.clearButton,onClick:()=>{var a;i(),(a=r==null?void 0:r.current)==null||a.focus()},children:l.jsx(le.X,{width:20,height:20})})]})},Pe=({autoFocus:e,excludeFromTabOrder:t,isDisabled:o,size:i="large",isOpen:r,isInvalid:s,selectionMode:n,state:{selectedItems:a},placeholder:c,children:u,triggerRef:d,...y})=>{const{buttonProps:g}=ne.$701a24aa0da5b062$export$ea18c227d4417cc3({autoFocus:e,excludeFromTabOrder:t,isDisabled:o,...y},d),b=n==="multiple";return l.jsxs("div",{className:h.triggerContainer,"data-disabled":o||void 0,children:[l.jsxs("button",{...g,autoFocus:e,className:V.clsx(h.trigger,{[h.medium]:i==="medium"}),"data-disabled":o||void 0,"data-invalid":s||void 0,"data-open":r||void 0,ref:d,type:"button",children:[b&&!a?l.jsx("span",{children:c}):null,b?null:l.jsx("span",{children:a?a[0].textValue:c}),l.jsx("div",{className:h.icon,"aria-hidden":"true",children:l.jsx(re.ChevronDown,{size:20})})]}),u]})},B=({state:e,errorMessage:t})=>l.jsx(P.$ee014567cb39d3f0$export$ff05c3ac10437e03.Provider,{value:{...e.displayValidation},children:l.jsx(P.FieldError,{children:t})}),we=N.forwardRef(({isClearable:e=!0,popover:t,...o},i)=>{const r={selectionMode:"single",errorPosition:"top",disallowEmptySelection:!e,isClearable:e,size:"large",popover:t,...o},s=z.$df56164dff5785e2$export$4338b53315abf666(i),n=je(r),a=F.useLocalizedStringFormatter(L),{labelProps:c,triggerProps:u,valueProps:d,menuProps:y}=Se(r,n,s),{width:g}=Y.useObserveElement(s.current,{includePadding:!0});return l.jsxs(R.$bcdf0525bf22703d$export$2c73285ae9390cec,{...r,className:V.clsx(h.wrapper,r.className),children:[l.jsx(qe,{...r,state:n,triggerRef:s}),l.jsx(k.LabelWrapper,{popover:t,children:r.label&&l.jsx(k.Label,{...c,"data-disabled":r.isDisabled||void 0,children:r.label})}),r.description&&l.jsx(ee.Text,{slot:"description",children:r.description}),r.errorPosition==="top"&&l.jsx(B,{...r,state:n}),l.jsx(Pe,{...r,...u,isInvalid:n.displayValidation.isInvalid,triggerRef:s,state:n,children:r.selectionMode==="multiple"&&n.selectedItems?l.jsx("span",{...d,children:l.jsx(ke,{...r,state:n,parentWidth:g,onClear:()=>n.selectionManager.clearSelection(),triggerRef:s})}):null}),r.errorPosition==="bottom"&&l.jsx(B,{...r,state:n}),l.jsxs(S.ListBoxPopover,{isOpen:n.isOpen,onOpenChange:b=>{b||n.close()},triggerRef:s,style:{width:g},children:[r.isSelectableAll&&l.jsxs(te.ListBoxButton,{onClick:()=>n.selectionManager.toggleSelectAll(),children:[l.jsx("div",{className:h.checkboxContainer,children:l.jsx(I.Checkbox,{isSelected:n.selectionManager.isSelectAll,isIndeterminate:!n.selectionManager.isSelectAll&&!n.selectionManager.isEmpty,isReadOnly:!0,excludeFromTabOrder:!0})}),l.jsx("span",{children:a.format("selectAll")})]}),l.jsx($e,{...y,state:n})]}),r.showTags&&!!n.selectedItems&&l.jsx(j.TagGroup,{"aria-label":a.format("selectedItems"),selectionBehavior:"toggle",onRemove:b=>n.selectionManager.toggleSelection(Array.from(b)[0]),className:h.tagGroup,children:l.jsx(j.$eaf9e70818b436db$export$f9fef0f55402315b,{items:n.selectedItems,children:b=>l.jsx(j.Tag,{textValue:b.textValue,id:b.key,dismissable:!0,isDisabled:r.isDisabled,children:b.textValue},b.key)})})]})}),A=N.forwardRef(({options:e,...t},o)=>l.jsx(we,{...t,items:e,ref:o,children:i=>i.children?l.jsx(se,{items:i.children,title:i.name,children:r=>l.jsx(w,{textValue:r.textValue,children:r.name})},i.name):l.jsx(w,{textValue:i.textValue,children:i.name})}));A.displayName="Select";exports.Select=A;
|
|
@@ -7,7 +7,7 @@ import { a as Me, b as pe } from "./scrollIntoView-ClEACHUk.js";
|
|
|
7
7
|
import { flushSync as Ce } from "react-dom";
|
|
8
8
|
import { h as Be, o as Re, f as ve } from "./useHover-DQvJ3Y-W.js";
|
|
9
9
|
import { b as ae } from "./useFocusable-BjE42axF.js";
|
|
10
|
-
import { $ as Le } from "./FocusScope-
|
|
10
|
+
import { $ as Le } from "./FocusScope-DMsfA3bj.js";
|
|
11
11
|
import { $ as Oe } from "./context-CGNJ3grH.js";
|
|
12
12
|
import { $ as ze } from "./useDescription-DYfKjGGU.js";
|
|
13
13
|
import { $ as Ue } from "./useControlledState-u436Wbp1.js";
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import { e as b, f as u } from "./SelectionManager-
|
|
2
|
-
import { $ as m, a as p } from "./ListKeyboardDelegate-
|
|
1
|
+
import { e as b, f as u } from "./SelectionManager-BKrZ_mMO.js";
|
|
2
|
+
import { $ as m, a as p } from "./ListKeyboardDelegate-CHki611g.js";
|
|
3
3
|
import x, { useMemo as g, createContext as d } from "react";
|
|
4
4
|
import { $ as y } from "./utils-KLjWgdLR.js";
|
|
5
5
|
import { $ as h } from "./Collection-D2jVTmDW.js";
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";require('./assets/TabList.css');const h=require("react/jsx-runtime"),d=require("react"),g=require("./clsx-C11secjj.cjs"),V=require("./useObserveElement-MhzEsCkX.cjs"),A=require("./tokens-BF-dPard.cjs"),x=require("./Collection-BtBX5IMY.cjs"),$=require("./utils-DHNZrQmj.cjs"),z=require("./Hidden-BxRZGdEW.cjs"),v=require("./mergeProps-B5KXZAI3.cjs"),S=require("./filterDOMProps-BS2lrgFA.cjs"),E=require("./inertValue-B3AFhVG4.cjs"),_=require("./usePress-BooY_CAy.cjs"),B=require("./useFocusable-D7I1ujkW.cjs"),I=require("./SelectionManager-BJjqIWtf.cjs"),L=require("./useLabels-CSU0kbtJ.cjs"),W=require("./useHasTabbableChild-CoQRpNbC.cjs"),U=require("./context-Df3XbgBG.cjs"),w=require("./useFocusRing-B-A1OLhU.cjs"),G=require("./useHover-BE_XKZKe.cjs"),J=require("./useSingleSelectListState-DlO5H9N-.cjs");function Q(i){const e=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(i){for(const t in i)if(t!=="default"){const n=Object.getOwnPropertyDescriptor(i,t);Object.defineProperty(e,t,n.get?n:{enumerable:!0,get:()=>i[t]})}}return e.default=i,Object.freeze(e)}const C=Q(d),O=new WeakMap;function D(i,e,t){return i?(typeof e=="string"&&(e=e.replace(/\s+/g,"")),`${O.get(i)}-${t}-${e}`):""}function X(i,e,t){let{key:n,isDisabled:a,shouldSelectOnPressUp:o}=i,{selectionManager:l,selectedKey:c}=e,r=n===c,s=a||e.isDisabled||e.selectionManager.isDisabled(n),{itemProps:u,isPressed:f}=I.$880e95eb8b93ba9a$export$ecf600387e221c37({selectionManager:l,key:n,ref:t,isDisabled:s,shouldSelectOnPressUp:o,linkBehavior:"selection"}),b=D(e,n,"tab"),m=D(e,n,"tabpanel"),{tabIndex:K}=u,p=e.collection.getItem(n),T=S.$65484d02dcb7eb3e$export$457c3d6518dd4c6f(p==null?void 0:p.props,{labelable:!0});delete T.id;let N=_.$ea8dcbcb9ea1b556$export$7e924b3091a3bd18(p==null?void 0:p.props),{focusableProps:H}=B.$f645667febf57a63$export$4c014de7c8940b4c({isDisabled:s},t);return{tabProps:v.$3ef42575df84b30b$export$9d1611c77c2fe928(T,H,N,u,{id:b,"aria-selected":r,"aria-disabled":s||void 0,"aria-controls":r?m:void 0,tabIndex:s?void 0:K,role:"tab"}),isSelected:r,isDisabled:s,isPressed:f}}function Y(i,e,t){let n=W.$83013635b024ae3d$export$eac1895992b9f3d6(t)?void 0:0;var a;const o=D(e,(a=i.id)!==null&&a!==void 0?a:e==null?void 0:e.selectedKey,"tabpanel"),l=L.$313b98861ee5dd6c$export$d6875122194c7b44({...i,id:o,"aria-labelledby":D(e,e==null?void 0:e.selectedKey,"tab")});return{tabPanelProps:v.$3ef42575df84b30b$export$9d1611c77c2fe928(l,{tabIndex:n,role:"tabpanel","aria-describedby":i["aria-describedby"],"aria-details":i["aria-details"]})}}class Z{getKeyLeftOf(e){return this.flipDirection?this.getNextKey(e):this.getPreviousKey(e)}getKeyRightOf(e){return this.flipDirection?this.getPreviousKey(e):this.getNextKey(e)}isDisabled(e){var t,n;return this.disabledKeys.has(e)||!!(!((n=this.collection.getItem(e))===null||n===void 0||(t=n.props)===null||t===void 0)&&t.isDisabled)}getFirstKey(){let e=this.collection.getFirstKey();return e!=null&&this.isDisabled(e)&&(e=this.getNextKey(e)),e}getLastKey(){let e=this.collection.getLastKey();return e!=null&&this.isDisabled(e)&&(e=this.getPreviousKey(e)),e}getKeyAbove(e){return this.tabDirection?null:this.getPreviousKey(e)}getKeyBelow(e){return this.tabDirection?null:this.getNextKey(e)}getNextKey(e){let t=e;do t=this.collection.getKeyAfter(t),t==null&&(t=this.collection.getFirstKey());while(t!=null&&this.isDisabled(t));return t}getPreviousKey(e){let t=e;do t=this.collection.getKeyBefore(t),t==null&&(t=this.collection.getLastKey());while(t!=null&&this.isDisabled(t));return t}constructor(e,t,n,a=new Set){this.collection=e,this.flipDirection=t==="rtl"&&n==="horizontal",this.disabledKeys=a,this.tabDirection=n==="horizontal"}}function ee(i,e,t){let{orientation:n="horizontal",keyboardActivation:a="automatic"}=i,{collection:o,selectionManager:l,disabledKeys:c}=e,{direction:r}=U.$18f2051aff69b9bf$export$43bb16f9c6d9e3f7(),s=d.useMemo(()=>new Z(o,r,n,c),[o,c,n,r]),{collectionProps:u}=I.$ae20dd8cbca75726$export$d6daf82dcd84e87c({ref:t,selectionManager:l,keyboardDelegate:s,selectOnFocus:a==="automatic",disallowEmptySelection:!0,scrollRef:t,linkBehavior:"selection"}),f=v.$bdb11010cef70236$export$f680877a34711e37();O.set(e,f);let b=L.$313b98861ee5dd6c$export$d6875122194c7b44({...i,id:f});return{tabListProps:{...v.$3ef42575df84b30b$export$9d1611c77c2fe928(u,b),role:"tablist","aria-orientation":n,tabIndex:void 0}}}function te(i){var e,t;let n=J.$a0d645289fe9b86b$export$e7f05e985daf4b5f({...i,onSelectionChange:i.onSelectionChange?r=>{var s;r!=null&&((s=i.onSelectionChange)===null||s===void 0||s.call(i,r))}:void 0,suppressTextValueWarning:!0,defaultSelectedKey:(t=(e=i.defaultSelectedKey)!==null&&e!==void 0?e:q(i.collection,i.disabledKeys?new Set(i.disabledKeys):new Set))!==null&&t!==void 0?t:void 0}),{selectionManager:a,collection:o,selectedKey:l}=n,c=d.useRef(l);return d.useEffect(()=>{let r=l;i.selectedKey==null&&(a.isEmpty||r==null||!o.getItem(r))&&(r=q(o,n.disabledKeys),r!=null&&a.setSelectedKeys([r])),(r!=null&&a.focusedKey==null||!a.isFocused&&r!==c.current)&&a.setFocusedKey(r),c.current=r}),{...n,isDisabled:i.isDisabled||!1}}function q(i,e){let t=null;if(i){var n,a,o,l;for(t=i.getFirstKey();t!=null&&(e.has(t)||!((a=i.getItem(t))===null||a===void 0||(n=a.props)===null||n===void 0)&&n.isDisabled)&&t!==i.getLastKey();)t=i.getKeyAfter(t);t!=null&&(e.has(t)||!((l=i.getItem(t))===null||l===void 0||(o=l.props)===null||o===void 0)&&o.isDisabled)&&t===i.getLastKey()&&(t=i.getFirstKey())}return t}const F=d.createContext(null),y=d.createContext(null),M=d.forwardRef(function(e,t){[e,t]=$.$64fa3d84918910a7$export$29f1550f4b0d4415(e,t,F);let{children:n,orientation:a="horizontal"}=e;return n=d.useMemo(()=>typeof n=="function"?n({orientation:a,defaultChildren:null}):n,[n,a]),d.createElement(x.$e1995378a142960e$export$bf788dd355e3a401,{content:n},o=>d.createElement(ie,{props:e,collection:o,tabsRef:t}))});function ie({props:i,tabsRef:e,collection:t}){let{orientation:n="horizontal"}=i,a=te({...i,collection:t,children:void 0}),{focusProps:o,isFocused:l,isFocusVisible:c}=w.$f7dceffc5ad7768b$export$4e328f61c538687f({within:!0}),r=d.useMemo(()=>({orientation:n,isFocusWithin:l,isFocusVisible:c}),[n,l,c]),s=$.$64fa3d84918910a7$export$4d86445c2cf5e3({...i,defaultClassName:"react-aria-Tabs",values:r});return d.createElement("div",{...S.$65484d02dcb7eb3e$export$457c3d6518dd4c6f(i),...o,...s,ref:e,slot:i.slot||void 0,"data-focused":l||void 0,"data-orientation":n,"data-focus-visible":c||void 0,"data-disabled":a.isDisabled||void 0},d.createElement($.$64fa3d84918910a7$export$2881499e37b75b9a,{values:[[F,i],[y,a]]},s.children))}const ne=d.forwardRef(function(e,t){return d.useContext(y)?d.createElement(ae,{props:e,forwardedRef:t}):d.createElement(x.$e1995378a142960e$export$fb8073518f34e6ec,e)});function ae({props:i,forwardedRef:e}){let t=d.useContext(y),{CollectionRoot:n}=d.useContext(x.$7135fc7d473fd974$export$4feb769f8ddf26c5),{orientation:a="horizontal",keyboardActivation:o="automatic"}=$.$64fa3d84918910a7$export$fabf2dc03a41866e(F),l=$.$df56164dff5785e2$export$4338b53315abf666(e),{tabListProps:c}=ee({...i,orientation:a,keyboardActivation:o},t,l),r=$.$64fa3d84918910a7$export$4d86445c2cf5e3({...i,children:null,defaultClassName:"react-aria-TabList",values:{orientation:a,state:t}}),s=S.$65484d02dcb7eb3e$export$457c3d6518dd4c6f(i);return delete s.id,d.createElement("div",{...s,...c,ref:l,...r,"data-orientation":a||void 0},d.createElement(n,{collection:t.collection,persistedKeys:x.$7135fc7d473fd974$export$90e00781bc59d8f9(t.selectionManager.focusedKey)}))}const se=x.$e1995378a142960e$export$18af5c7a9e9b3664("item",(i,e,t)=>{let n=d.useContext(y),a=$.$df56164dff5785e2$export$4338b53315abf666(e),{tabProps:o,isSelected:l,isDisabled:c,isPressed:r}=X({key:t.key,...i},n,a),{focusProps:s,isFocused:u,isFocusVisible:f}=w.$f7dceffc5ad7768b$export$4e328f61c538687f(),{hoverProps:b,isHovered:m}=G.$6179b936705e76d3$export$ae780daf29e6d456({isDisabled:c,onHoverStart:i.onHoverStart,onHoverEnd:i.onHoverEnd,onHoverChange:i.onHoverChange}),K=$.$64fa3d84918910a7$export$4d86445c2cf5e3({...i,id:void 0,children:t.rendered,defaultClassName:"react-aria-Tab",values:{isSelected:l,isDisabled:c,isFocused:u,isFocusVisible:f,isPressed:r,isHovered:m}}),p=t.props.href?"a":"div";return d.createElement(p,{...v.$3ef42575df84b30b$export$9d1611c77c2fe928(o,s,b,K),ref:a,"data-selected":l||void 0,"data-disabled":c||void 0,"data-focused":u||void 0,"data-focus-visible":f||void 0,"data-pressed":r||void 0,"data-hovered":m||void 0},K.children)}),re=z.$f39a9eba43920ace$export$86427a43e3e48ebb(function(e,t){const n=d.useContext(y);let a=$.$df56164dff5785e2$export$4338b53315abf666(t),{tabPanelProps:o}=Y(e,n,a),{focusProps:l,isFocused:c,isFocusVisible:r}=w.$f7dceffc5ad7768b$export$4e328f61c538687f(),s=n.selectedKey===e.id,u=$.$64fa3d84918910a7$export$4d86445c2cf5e3({...e,defaultClassName:"react-aria-TabPanel",values:{isFocused:c,isFocusVisible:r,isInert:E.$cdc5a6778b766db2$export$a9d04c5684123369(!s),state:n}});if(!s&&!e.shouldForceMount)return null;let f=S.$65484d02dcb7eb3e$export$457c3d6518dd4c6f(e);delete f.id;let b=s?v.$3ef42575df84b30b$export$9d1611c77c2fe928(f,o,l,u):u;return d.createElement("div",{...b,ref:a,"data-focused":c||void 0,"data-focus-visible":r||void 0,inert:E.$cdc5a6778b766db2$export$a9d04c5684123369(!s),"data-inert":s?void 0:"true"},d.createElement($.$64fa3d84918910a7$export$2881499e37b75b9a,{values:[[F,null],[y,null]]},d.createElement(x.$7135fc7d473fd974$export$4feb769f8ddf26c5.Provider,{value:x.$7135fc7d473fd974$export$a164736487e3f0ae},u.children)))}),le="_container_rtudw_4",de="_list_rtudw_8",oe="_listItem_rtudw_13",ce="_panel_rtudw_55",P={container:le,list:de,listItem:oe,panel:ce},ue=({tabs:i,label:e,children:t,className:n,...a})=>{const{width:o}=V.useObserveElement(typeof document>"u"?null:document.body,{includePadding:!0}),l=a.orientation||o>=A.windowSizes.sm?"horizontal":"vertical";if(!(i!=null&&i.length))return h.jsx(M,{...a,orientation:l,className:g.clsx(P.container,n),children:t});if(typeof t=="function")return console.error('Only the declarative API supports passing a function to children, replace the "tabs" prop according to the documentation: https://designsystem.migrationsverket.se/components/tabs/ '),null;const c=C.Children.toArray(t);if(c.length!==i.length)return console.error(`The number of children must match the number of tabs. Children: ${c.length} Tabs: ${i.length}`),null;const r=c.reduce((s,u,f)=>{if(C.isValidElement(u)){const b=i[f];b&&(s[b]=C.cloneElement(u,{id:b}))}return s},{});return h.jsxs(M,{...a,orientation:l,className:g.clsx(P.container,n),children:[h.jsx(j,{"aria-label":e,children:i.map(s=>h.jsx(R,{id:s,children:s},s))}),i.map(s=>h.jsx(k,{id:s,children:r[s]},s))]})},R=({className:i,...e})=>h.jsx(se,{...e,className:g.clsx(P.listItem,i)}),k=({className:i,...e})=>h.jsx(re,{className:g.clsx(P.panel,i),...e}),j=({className:i,...e})=>h.jsx(ne,{className:g.clsx(P.list,i),...e});exports.Tab=R;exports.TabList=j;exports.TabPanel=k;exports.Tabs=ue;
|
|
1
|
+
"use strict";require('./assets/TabList.css');const h=require("react/jsx-runtime"),d=require("react"),g=require("./clsx-C11secjj.cjs"),V=require("./useObserveElement-MhzEsCkX.cjs"),A=require("./tokens-5PzK5zK7.cjs"),x=require("./Collection-BtBX5IMY.cjs"),$=require("./utils-DHNZrQmj.cjs"),z=require("./Hidden-BxRZGdEW.cjs"),v=require("./mergeProps-B5KXZAI3.cjs"),S=require("./filterDOMProps-BS2lrgFA.cjs"),E=require("./inertValue-B3AFhVG4.cjs"),_=require("./usePress-BooY_CAy.cjs"),B=require("./useFocusable-D7I1ujkW.cjs"),I=require("./SelectionManager-BJjqIWtf.cjs"),L=require("./useLabels-CSU0kbtJ.cjs"),W=require("./useHasTabbableChild-CoQRpNbC.cjs"),U=require("./context-Df3XbgBG.cjs"),w=require("./useFocusRing-B-A1OLhU.cjs"),G=require("./useHover-BE_XKZKe.cjs"),J=require("./useSingleSelectListState-DlO5H9N-.cjs");function Q(i){const e=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(i){for(const t in i)if(t!=="default"){const n=Object.getOwnPropertyDescriptor(i,t);Object.defineProperty(e,t,n.get?n:{enumerable:!0,get:()=>i[t]})}}return e.default=i,Object.freeze(e)}const C=Q(d),O=new WeakMap;function D(i,e,t){return i?(typeof e=="string"&&(e=e.replace(/\s+/g,"")),`${O.get(i)}-${t}-${e}`):""}function X(i,e,t){let{key:n,isDisabled:a,shouldSelectOnPressUp:o}=i,{selectionManager:l,selectedKey:c}=e,r=n===c,s=a||e.isDisabled||e.selectionManager.isDisabled(n),{itemProps:u,isPressed:f}=I.$880e95eb8b93ba9a$export$ecf600387e221c37({selectionManager:l,key:n,ref:t,isDisabled:s,shouldSelectOnPressUp:o,linkBehavior:"selection"}),b=D(e,n,"tab"),m=D(e,n,"tabpanel"),{tabIndex:K}=u,p=e.collection.getItem(n),T=S.$65484d02dcb7eb3e$export$457c3d6518dd4c6f(p==null?void 0:p.props,{labelable:!0});delete T.id;let N=_.$ea8dcbcb9ea1b556$export$7e924b3091a3bd18(p==null?void 0:p.props),{focusableProps:H}=B.$f645667febf57a63$export$4c014de7c8940b4c({isDisabled:s},t);return{tabProps:v.$3ef42575df84b30b$export$9d1611c77c2fe928(T,H,N,u,{id:b,"aria-selected":r,"aria-disabled":s||void 0,"aria-controls":r?m:void 0,tabIndex:s?void 0:K,role:"tab"}),isSelected:r,isDisabled:s,isPressed:f}}function Y(i,e,t){let n=W.$83013635b024ae3d$export$eac1895992b9f3d6(t)?void 0:0;var a;const o=D(e,(a=i.id)!==null&&a!==void 0?a:e==null?void 0:e.selectedKey,"tabpanel"),l=L.$313b98861ee5dd6c$export$d6875122194c7b44({...i,id:o,"aria-labelledby":D(e,e==null?void 0:e.selectedKey,"tab")});return{tabPanelProps:v.$3ef42575df84b30b$export$9d1611c77c2fe928(l,{tabIndex:n,role:"tabpanel","aria-describedby":i["aria-describedby"],"aria-details":i["aria-details"]})}}class Z{getKeyLeftOf(e){return this.flipDirection?this.getNextKey(e):this.getPreviousKey(e)}getKeyRightOf(e){return this.flipDirection?this.getPreviousKey(e):this.getNextKey(e)}isDisabled(e){var t,n;return this.disabledKeys.has(e)||!!(!((n=this.collection.getItem(e))===null||n===void 0||(t=n.props)===null||t===void 0)&&t.isDisabled)}getFirstKey(){let e=this.collection.getFirstKey();return e!=null&&this.isDisabled(e)&&(e=this.getNextKey(e)),e}getLastKey(){let e=this.collection.getLastKey();return e!=null&&this.isDisabled(e)&&(e=this.getPreviousKey(e)),e}getKeyAbove(e){return this.tabDirection?null:this.getPreviousKey(e)}getKeyBelow(e){return this.tabDirection?null:this.getNextKey(e)}getNextKey(e){let t=e;do t=this.collection.getKeyAfter(t),t==null&&(t=this.collection.getFirstKey());while(t!=null&&this.isDisabled(t));return t}getPreviousKey(e){let t=e;do t=this.collection.getKeyBefore(t),t==null&&(t=this.collection.getLastKey());while(t!=null&&this.isDisabled(t));return t}constructor(e,t,n,a=new Set){this.collection=e,this.flipDirection=t==="rtl"&&n==="horizontal",this.disabledKeys=a,this.tabDirection=n==="horizontal"}}function ee(i,e,t){let{orientation:n="horizontal",keyboardActivation:a="automatic"}=i,{collection:o,selectionManager:l,disabledKeys:c}=e,{direction:r}=U.$18f2051aff69b9bf$export$43bb16f9c6d9e3f7(),s=d.useMemo(()=>new Z(o,r,n,c),[o,c,n,r]),{collectionProps:u}=I.$ae20dd8cbca75726$export$d6daf82dcd84e87c({ref:t,selectionManager:l,keyboardDelegate:s,selectOnFocus:a==="automatic",disallowEmptySelection:!0,scrollRef:t,linkBehavior:"selection"}),f=v.$bdb11010cef70236$export$f680877a34711e37();O.set(e,f);let b=L.$313b98861ee5dd6c$export$d6875122194c7b44({...i,id:f});return{tabListProps:{...v.$3ef42575df84b30b$export$9d1611c77c2fe928(u,b),role:"tablist","aria-orientation":n,tabIndex:void 0}}}function te(i){var e,t;let n=J.$a0d645289fe9b86b$export$e7f05e985daf4b5f({...i,onSelectionChange:i.onSelectionChange?r=>{var s;r!=null&&((s=i.onSelectionChange)===null||s===void 0||s.call(i,r))}:void 0,suppressTextValueWarning:!0,defaultSelectedKey:(t=(e=i.defaultSelectedKey)!==null&&e!==void 0?e:q(i.collection,i.disabledKeys?new Set(i.disabledKeys):new Set))!==null&&t!==void 0?t:void 0}),{selectionManager:a,collection:o,selectedKey:l}=n,c=d.useRef(l);return d.useEffect(()=>{let r=l;i.selectedKey==null&&(a.isEmpty||r==null||!o.getItem(r))&&(r=q(o,n.disabledKeys),r!=null&&a.setSelectedKeys([r])),(r!=null&&a.focusedKey==null||!a.isFocused&&r!==c.current)&&a.setFocusedKey(r),c.current=r}),{...n,isDisabled:i.isDisabled||!1}}function q(i,e){let t=null;if(i){var n,a,o,l;for(t=i.getFirstKey();t!=null&&(e.has(t)||!((a=i.getItem(t))===null||a===void 0||(n=a.props)===null||n===void 0)&&n.isDisabled)&&t!==i.getLastKey();)t=i.getKeyAfter(t);t!=null&&(e.has(t)||!((l=i.getItem(t))===null||l===void 0||(o=l.props)===null||o===void 0)&&o.isDisabled)&&t===i.getLastKey()&&(t=i.getFirstKey())}return t}const F=d.createContext(null),y=d.createContext(null),M=d.forwardRef(function(e,t){[e,t]=$.$64fa3d84918910a7$export$29f1550f4b0d4415(e,t,F);let{children:n,orientation:a="horizontal"}=e;return n=d.useMemo(()=>typeof n=="function"?n({orientation:a,defaultChildren:null}):n,[n,a]),d.createElement(x.$e1995378a142960e$export$bf788dd355e3a401,{content:n},o=>d.createElement(ie,{props:e,collection:o,tabsRef:t}))});function ie({props:i,tabsRef:e,collection:t}){let{orientation:n="horizontal"}=i,a=te({...i,collection:t,children:void 0}),{focusProps:o,isFocused:l,isFocusVisible:c}=w.$f7dceffc5ad7768b$export$4e328f61c538687f({within:!0}),r=d.useMemo(()=>({orientation:n,isFocusWithin:l,isFocusVisible:c}),[n,l,c]),s=$.$64fa3d84918910a7$export$4d86445c2cf5e3({...i,defaultClassName:"react-aria-Tabs",values:r});return d.createElement("div",{...S.$65484d02dcb7eb3e$export$457c3d6518dd4c6f(i),...o,...s,ref:e,slot:i.slot||void 0,"data-focused":l||void 0,"data-orientation":n,"data-focus-visible":c||void 0,"data-disabled":a.isDisabled||void 0},d.createElement($.$64fa3d84918910a7$export$2881499e37b75b9a,{values:[[F,i],[y,a]]},s.children))}const ne=d.forwardRef(function(e,t){return d.useContext(y)?d.createElement(ae,{props:e,forwardedRef:t}):d.createElement(x.$e1995378a142960e$export$fb8073518f34e6ec,e)});function ae({props:i,forwardedRef:e}){let t=d.useContext(y),{CollectionRoot:n}=d.useContext(x.$7135fc7d473fd974$export$4feb769f8ddf26c5),{orientation:a="horizontal",keyboardActivation:o="automatic"}=$.$64fa3d84918910a7$export$fabf2dc03a41866e(F),l=$.$df56164dff5785e2$export$4338b53315abf666(e),{tabListProps:c}=ee({...i,orientation:a,keyboardActivation:o},t,l),r=$.$64fa3d84918910a7$export$4d86445c2cf5e3({...i,children:null,defaultClassName:"react-aria-TabList",values:{orientation:a,state:t}}),s=S.$65484d02dcb7eb3e$export$457c3d6518dd4c6f(i);return delete s.id,d.createElement("div",{...s,...c,ref:l,...r,"data-orientation":a||void 0},d.createElement(n,{collection:t.collection,persistedKeys:x.$7135fc7d473fd974$export$90e00781bc59d8f9(t.selectionManager.focusedKey)}))}const se=x.$e1995378a142960e$export$18af5c7a9e9b3664("item",(i,e,t)=>{let n=d.useContext(y),a=$.$df56164dff5785e2$export$4338b53315abf666(e),{tabProps:o,isSelected:l,isDisabled:c,isPressed:r}=X({key:t.key,...i},n,a),{focusProps:s,isFocused:u,isFocusVisible:f}=w.$f7dceffc5ad7768b$export$4e328f61c538687f(),{hoverProps:b,isHovered:m}=G.$6179b936705e76d3$export$ae780daf29e6d456({isDisabled:c,onHoverStart:i.onHoverStart,onHoverEnd:i.onHoverEnd,onHoverChange:i.onHoverChange}),K=$.$64fa3d84918910a7$export$4d86445c2cf5e3({...i,id:void 0,children:t.rendered,defaultClassName:"react-aria-Tab",values:{isSelected:l,isDisabled:c,isFocused:u,isFocusVisible:f,isPressed:r,isHovered:m}}),p=t.props.href?"a":"div";return d.createElement(p,{...v.$3ef42575df84b30b$export$9d1611c77c2fe928(o,s,b,K),ref:a,"data-selected":l||void 0,"data-disabled":c||void 0,"data-focused":u||void 0,"data-focus-visible":f||void 0,"data-pressed":r||void 0,"data-hovered":m||void 0},K.children)}),re=z.$f39a9eba43920ace$export$86427a43e3e48ebb(function(e,t){const n=d.useContext(y);let a=$.$df56164dff5785e2$export$4338b53315abf666(t),{tabPanelProps:o}=Y(e,n,a),{focusProps:l,isFocused:c,isFocusVisible:r}=w.$f7dceffc5ad7768b$export$4e328f61c538687f(),s=n.selectedKey===e.id,u=$.$64fa3d84918910a7$export$4d86445c2cf5e3({...e,defaultClassName:"react-aria-TabPanel",values:{isFocused:c,isFocusVisible:r,isInert:E.$cdc5a6778b766db2$export$a9d04c5684123369(!s),state:n}});if(!s&&!e.shouldForceMount)return null;let f=S.$65484d02dcb7eb3e$export$457c3d6518dd4c6f(e);delete f.id;let b=s?v.$3ef42575df84b30b$export$9d1611c77c2fe928(f,o,l,u):u;return d.createElement("div",{...b,ref:a,"data-focused":c||void 0,"data-focus-visible":r||void 0,inert:E.$cdc5a6778b766db2$export$a9d04c5684123369(!s),"data-inert":s?void 0:"true"},d.createElement($.$64fa3d84918910a7$export$2881499e37b75b9a,{values:[[F,null],[y,null]]},d.createElement(x.$7135fc7d473fd974$export$4feb769f8ddf26c5.Provider,{value:x.$7135fc7d473fd974$export$a164736487e3f0ae},u.children)))}),le="_container_rtudw_4",de="_list_rtudw_8",oe="_listItem_rtudw_13",ce="_panel_rtudw_55",P={container:le,list:de,listItem:oe,panel:ce},ue=({tabs:i,label:e,children:t,className:n,...a})=>{const{width:o}=V.useObserveElement(typeof document>"u"?null:document.body,{includePadding:!0}),l=a.orientation||o>=A.windowSizes.sm?"horizontal":"vertical";if(!(i!=null&&i.length))return h.jsx(M,{...a,orientation:l,className:g.clsx(P.container,n),children:t});if(typeof t=="function")return console.error('Only the declarative API supports passing a function to children, replace the "tabs" prop according to the documentation: https://designsystem.migrationsverket.se/components/tabs/ '),null;const c=C.Children.toArray(t);if(c.length!==i.length)return console.error(`The number of children must match the number of tabs. Children: ${c.length} Tabs: ${i.length}`),null;const r=c.reduce((s,u,f)=>{if(C.isValidElement(u)){const b=i[f];b&&(s[b]=C.cloneElement(u,{id:b}))}return s},{});return h.jsxs(M,{...a,orientation:l,className:g.clsx(P.container,n),children:[h.jsx(j,{"aria-label":e,children:i.map(s=>h.jsx(R,{id:s,children:s},s))}),i.map(s=>h.jsx(k,{id:s,children:r[s]},s))]})},R=({className:i,...e})=>h.jsx(se,{...e,className:g.clsx(P.listItem,i)}),k=({className:i,...e})=>h.jsx(re,{className:g.clsx(P.panel,i),...e}),j=({className:i,...e})=>h.jsx(ne,{className:g.clsx(P.list,i),...e});exports.Tab=R;exports.TabList=j;exports.TabPanel=k;exports.Tabs=ue;
|
|
@@ -3,7 +3,7 @@ import * as w from "react";
|
|
|
3
3
|
import u, { useMemo as E, useRef as W, useEffect as j, forwardRef as N, createContext as R, useContext as p } from "react";
|
|
4
4
|
import { c as v } from "./clsx-OuTLNxxd.js";
|
|
5
5
|
import { u as U } from "./useObserveElement-BdI4zgd7.js";
|
|
6
|
-
import { w as q } from "./tokens-
|
|
6
|
+
import { w as q } from "./tokens-CqvelUoA.js";
|
|
7
7
|
import { $ as G, b as J, d as A, f as Q, c as X, g as Y } from "./Collection-D2jVTmDW.js";
|
|
8
8
|
import { $ as Z, b as C, a as D, f as V, c as ee } from "./utils-KLjWgdLR.js";
|
|
9
9
|
import { $ as te } from "./Hidden-C9KWUR7b.js";
|
|
@@ -12,13 +12,13 @@ import { $ as F } from "./filterDOMProps-D6KHYVBX.js";
|
|
|
12
12
|
import { $ as L } from "./inertValue-B7loUihk.js";
|
|
13
13
|
import { d as ae } from "./usePress-BW47IcyU.js";
|
|
14
14
|
import { a as ne } from "./useFocusable-BjE42axF.js";
|
|
15
|
-
import { d as le, e as se } from "./SelectionManager-
|
|
15
|
+
import { d as le, e as se } from "./SelectionManager-BKrZ_mMO.js";
|
|
16
16
|
import { $ as O } from "./useLabels-LrKQiY11.js";
|
|
17
|
-
import { $ as oe } from "./useHasTabbableChild-
|
|
17
|
+
import { $ as oe } from "./useHasTabbableChild-BgEe5J35.js";
|
|
18
18
|
import { $ as re } from "./context-CGNJ3grH.js";
|
|
19
19
|
import { $ as I } from "./useFocusRing-DOfBqnUN.js";
|
|
20
20
|
import { $ as de } from "./useHover-DQvJ3Y-W.js";
|
|
21
|
-
import { $ as ce } from "./useSingleSelectListState-
|
|
21
|
+
import { $ as ce } from "./useSingleSelectListState-DdBsBWKG.js";
|
|
22
22
|
import './assets/TabList.css';const H = /* @__PURE__ */ new WeakMap();
|
|
23
23
|
function K(i, e, t) {
|
|
24
24
|
return i ? (typeof e == "string" && (e = e.replace(/\s+/g, "")), `${H.get(i)}-${t}-${e}`) : "";
|
|
@@ -4,7 +4,7 @@ import { a as ze } from "./RSPContexts-BW2SEIqe.js";
|
|
|
4
4
|
import { a as he, $ as ge, d as F, c as X, b as Nt, i as Ft, f as Ae, j as Mt, k as De } from "./Collection-D2jVTmDW.js";
|
|
5
5
|
import { a as O, $ as Rt, b as Q, f as te, g as we, h as It } from "./utils-KLjWgdLR.js";
|
|
6
6
|
import { $ as L, b as Vt, a as Ht, c as Tt, d as jt } from "./DragAndDrop-DOXLfJaA.js";
|
|
7
|
-
import { f as E, i as T, j as H, k as _, e as Ot, d as Ke, $ as Pe, b as Ut, a as Wt } from "./SelectionManager-
|
|
7
|
+
import { f as E, i as T, j as H, k as _, e as Ot, d as Ke, $ as Pe, b as Ut, a as Wt } from "./SelectionManager-BKrZ_mMO.js";
|
|
8
8
|
import $, { useMemo as M, useCallback as me, useRef as N, useEffect as le, useState as Lt, forwardRef as Ne, useContext as C, createContext as G } from "react";
|
|
9
9
|
import { c as ve, a as K, e as Gt } from "./mergeProps-C1U1OIeJ.js";
|
|
10
10
|
import { $ as I } from "./filterDOMProps-D6KHYVBX.js";
|
|
@@ -15,7 +15,7 @@ import { b as Zt, g as Jt } from "./usePress-BW47IcyU.js";
|
|
|
15
15
|
import { o as ee } from "./utils-CoCR_Fce.js";
|
|
16
16
|
import { $ as ne } from "./context-CGNJ3grH.js";
|
|
17
17
|
import { $ as J } from "./useFocusRing-DOfBqnUN.js";
|
|
18
|
-
import { $ as ke, a as Xt } from "./FocusScope-
|
|
18
|
+
import { $ as ke, a as Xt } from "./FocusScope-DMsfA3bj.js";
|
|
19
19
|
import { $ as Qt, a as _t, b as el } from "./useHighlightSelectionDescription-xr_16pKd.js";
|
|
20
20
|
import { $ as re } from "./useLocalizedStringFormatter-CL9MUZ8A.js";
|
|
21
21
|
import { a as be } from "./VisuallyHidden-CYfmTSCD.js";
|
|
@@ -23,8 +23,8 @@ import { $ as Fe } from "./useDescription-DYfKjGGU.js";
|
|
|
23
23
|
import { b as V, a as tl } from "./useFocusable-BjE42axF.js";
|
|
24
24
|
import { $ as U } from "./getScrollParent-Ru2U2LlM.js";
|
|
25
25
|
import { b as W } from "./scrollIntoView-ClEACHUk.js";
|
|
26
|
-
import { b as ll, $ as Me, a as ol } from "./ListKeyboardDelegate-
|
|
27
|
-
import { $ as nl } from "./useHasTabbableChild-
|
|
26
|
+
import { b as ll, $ as Me, a as ol } from "./ListKeyboardDelegate-CHki611g.js";
|
|
27
|
+
import { $ as nl } from "./useHasTabbableChild-BgEe5J35.js";
|
|
28
28
|
import { $ as rl } from "./useUpdateEffect-CCDx8D4X.js";
|
|
29
29
|
import { C as Re } from "./Checkbox-EB_SCBEo.js";
|
|
30
30
|
import { c as Ie } from "./clsx-OuTLNxxd.js";
|
|
@@ -2,29 +2,29 @@ import { jsxs as qe, jsx as S } from "react/jsx-runtime";
|
|
|
2
2
|
import { e as Xe, b as Je } from "./Button-CepQFEit.js";
|
|
3
3
|
import { $ as Qe, d as G, f as Ye, b as Ze, c as eo, g as oo } from "./Collection-D2jVTmDW.js";
|
|
4
4
|
import { b as ro, a as q, f as X, $ as J, d as to } from "./utils-KLjWgdLR.js";
|
|
5
|
-
import { f as R } from "./ListBox-
|
|
5
|
+
import { f as R } from "./ListBox-Djy7244v.js";
|
|
6
6
|
import { $ as ao } from "./Text-DcZqSUN9.js";
|
|
7
7
|
import { c as Q, a as P, b as io, e as no } from "./mergeProps-C1U1OIeJ.js";
|
|
8
8
|
import { $ as z } from "./filterDOMProps-D6KHYVBX.js";
|
|
9
9
|
import g, { useRef as V, useState as lo, useEffect as Y, forwardRef as Z, useContext as T, createContext as ee } from "react";
|
|
10
10
|
import { $ as oe } from "./useFocusRing-DOfBqnUN.js";
|
|
11
11
|
import { a as uo, p as so, $ as co } from "./useHover-DQvJ3Y-W.js";
|
|
12
|
-
import { a as po } from "./ListKeyboardDelegate-
|
|
12
|
+
import { a as po } from "./ListKeyboardDelegate-CHki611g.js";
|
|
13
13
|
import { $ as bo } from "./useField-CefQB81E.js";
|
|
14
14
|
import { $ as fo } from "./useFocusWithin-T1ifEM_s.js";
|
|
15
15
|
import { $ as $o, a as mo } from "./useHighlightSelectionDescription-xr_16pKd.js";
|
|
16
|
-
import { $ as vo } from "./useHasTabbableChild-
|
|
17
|
-
import { $ as go } from "./Separator-
|
|
16
|
+
import { $ as vo } from "./useHasTabbableChild-BgEe5J35.js";
|
|
17
|
+
import { $ as go } from "./Separator-DvvVAypT.js";
|
|
18
18
|
import { $ as re } from "./context-CGNJ3grH.js";
|
|
19
19
|
import { g as te } from "./usePress-BW47IcyU.js";
|
|
20
20
|
import { $ as xo } from "./useDescription-DYfKjGGU.js";
|
|
21
21
|
import { b as h, a as Do } from "./useFocusable-BjE42axF.js";
|
|
22
22
|
import { $ as C } from "./getScrollParent-Ru2U2LlM.js";
|
|
23
23
|
import { b as L } from "./scrollIntoView-ClEACHUk.js";
|
|
24
|
-
import { $ as U } from "./FocusScope-
|
|
25
|
-
import { i as yo, d as Bo } from "./SelectionManager-
|
|
24
|
+
import { $ as U } from "./FocusScope-DMsfA3bj.js";
|
|
25
|
+
import { i as yo, d as Bo } from "./SelectionManager-BKrZ_mMO.js";
|
|
26
26
|
import { $ as Po } from "./useLocalizedStringFormatter-CL9MUZ8A.js";
|
|
27
|
-
import { $ as ko } from "./useListState-
|
|
27
|
+
import { $ as ko } from "./useListState-B3c3xcNW.js";
|
|
28
28
|
import { B as ho } from "./Button-BjMaGya2.js";
|
|
29
29
|
import { c as Eo } from "./clsx-OuTLNxxd.js";
|
|
30
30
|
import { X as wo } from "./x-C2xUHAEl.js";
|
|
@@ -10,7 +10,7 @@ import { u as g } from "./useLocalizedStringFormatter-N0AyjzbM.js";
|
|
|
10
10
|
import { $ as P, a as v, b as L } from "./TextField-Dma22dnD.js";
|
|
11
11
|
import { F as f } from "./FieldError-CDCvUjK5.js";
|
|
12
12
|
import { C as R } from "./CharacterCounter-DpBDwvLw.js";
|
|
13
|
-
import { a as y, L as B } from "./Label-
|
|
13
|
+
import { a as y, L as B } from "./Label-endv1fkJ.js";
|
|
14
14
|
const p = d.forwardRef((e, s) => {
|
|
15
15
|
[e] = h(e, s, v);
|
|
16
16
|
const {
|
|
@@ -9,7 +9,7 @@ import { B as v } from "./Button.module-D-mPLRxe.js";
|
|
|
9
9
|
import { c as B } from "./clsx-OuTLNxxd.js";
|
|
10
10
|
import { $ as L } from "./useControlledState-u436Wbp1.js";
|
|
11
11
|
import { $ as G } from "./useButton-BoIV3kDJ.js";
|
|
12
|
-
import { b as H } from "./FocusScope-
|
|
12
|
+
import { b as H } from "./FocusScope-DMsfA3bj.js";
|
|
13
13
|
import { $ as V } from "./filterDOMProps-D6KHYVBX.js";
|
|
14
14
|
import { $ as k } from "./context-CGNJ3grH.js";
|
|
15
15
|
import './assets/ToggleButtonGroup.css';function w(t, e, d) {
|
package/assets/Layout.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.
|
|
1
|
+
._baseLayout_1ssmv_4{--sideBarWidth: 230px;--headerHeight: 69px}@media (min-width: 1024px){._baseLayout_1ssmv_4{--headerHeight: 85px}}._mainContent_1ssmv_13{display:flex;flex-direction:row}._header_1ssmv_18{position:sticky;top:0;font-family:Inter,sans-serif;padding:.5rem;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid light-dark(#bfbfbf,#383838);background-color:light-dark(#ffffff,#171717)}._header_1ssmv_18._headerExternal_1ssmv_29{padding:1rem}@media (min-width: 1024px){._header_1ssmv_18._headerExternal_1ssmv_29{padding:1.25rem 1rem;z-index:3}}@media (min-width: 1024px){._header_1ssmv_18{padding:1.25rem 1rem;z-index:11}}._headerContent_1ssmv_44{display:flex;flex-flow:row wrap;align-items:center;gap:1rem}._headerContent_1ssmv_44>svg{display:none}@media (min-width: 1024px){._headerContent_1ssmv_44{gap:2rem}._headerContent_1ssmv_44>svg{display:initial}}._logo_1ssmv_63{display:none;max-height:40px}@media (min-width: 1024px){._logo_1ssmv_63{display:flex}}._headerItems_1ssmv_72{max-height:40px;display:flex;flex-direction:row}._toggleButton_1ssmv_78{display:block}@media (min-width: 1024px){._toggleButton_1ssmv_78{display:none!important}}._sidebar_1ssmv_86{font-family:Inter,sans-serif;background-color:light-dark(#ffffff,#171717);display:flex;flex-flow:column;flex:0 0 var(--sideBarWidth);overflow-y:auto;transition:.2s;position:fixed;top:0;height:100vh;width:var(--sideBarWidth);transform:translate(calc(var(--sideBarWidth) * -1));z-index:1;border-right:1px solid light-dark(#bfbfbf,#383838)}@media (min-width: 1024px){._sidebar_1ssmv_86{position:sticky;top:var(--headerHeight);align-self:start;height:calc(100vh - var(--headerHeight));transform:none;width:var(--sideBarWidth)}}._main_1ssmv_13{font-family:Inter,sans-serif;flex:0 0 auto;width:100%;min-height:100%}._app_1ssmv_119{background-clip:content-box}@media (min-width: 1024px){._app_1ssmv_119{padding:2rem}}._sidebarOpened_1ssmv_127{transform:translate(0)}._sidebarHeader_1ssmv_131{padding:1rem;margin-bottom:1rem;position:sticky;bottom:0;display:flex;align-items:center;justify-content:space-between;gap:.5rem;overflow:hidden}._appName_1ssmv_143{color:light-dark(#171717,#f2f2f2);font-size:.875rem;font-weight:400;margin:0}._collapseButton_1ssmv_150{display:none!important;padding:calc(.875rem - 1px)!important}@media (min-width: 1024px){._collapseButton_1ssmv_150{display:flex!important}}._sidebarCollapsed_1ssmv_159{--sideBarWidth: 68px;transition:all .2s ease-out}._sidebarCollapsed_1ssmv_159 ._sidebarHeader_1ssmv_131{justify-content:center}._userName_1ssmv_169{color:light-dark(#171717,#f2f2f2);margin:0;margin-bottom:.25rem;font-size:.875rem;font-weight:500;display:none}@media (min-width: 1024px){._userName_1ssmv_169{display:block}}._abbr_1ssmv_182{font-size:.875rem;font-weight:500;align-self:center}._userTitle_1ssmv_188{color:light-dark(#171717,#f2f2f2);margin:0;font-size:.875rem;font-weight:400;display:none}@media (min-width: 1024px){._userTitle_1ssmv_188{display:block}}._title_1ssmv_200{margin:0;font-size:1rem;font-weight:500;display:block}@media (min-width: 1024px){._title_1ssmv_200{display:none}}._sidebarNav_1ssmv_211{padding:.5rem;overflow-y:auto;margin-bottom:auto}._list_1ssmv_217{list-style-type:none;margin:0;padding:0;margin-bottom:1rem}._listGroupTitle_1ssmv_224{color:light-dark(#525252,#a6a6a6);font-size:.875rem;padding:.5rem;margin:0}._listItem_1ssmv_231{display:flex;position:relative}._listItemCollapsed_1ssmv_236{justify-content:center}._listLink_1ssmv_240{all:unset;display:flex;align-items:center;gap:.5rem;padding:.625rem .5rem;color:light-dark(#171717,#f2f2f2);flex:1 0 0%;transition:.1s;text-decoration:none}._listLink_1ssmv_240 svg{stroke:light-dark(#171717,#f2f2f2)}._listLink_1ssmv_240[data-hovered],._listLink_1ssmv_240:visited{background-color:light-dark(#e6e6e6,#212121);color:light-dark(#171717,#f2f2f2);cursor:pointer}._listLink_1ssmv_240[data-hovered] svg,._listLink_1ssmv_240:visited svg{stroke:light-dark(#171717,#f2f2f2);min-width:1.25rem}._listLink_1ssmv_240[data-pressed]{background-color:light-dark(#d9d9d9,#262626)}._listLink_1ssmv_240[data-focused]{box-shadow:none}._listLink_1ssmv_240:focus-visible{outline:none}._listLink_1ssmv_240[data-focus-visible]{box-shadow:0 0 0 2px light-dark(white,black),0 0 0 4px light-dark(black,white);outline:none}._listLinkCollapsed_1ssmv_285{padding:.625rem;flex-grow:unset}._active_1ssmv_290{background-color:light-dark(#f2f2f2,#262626);color:light-dark(#171717,#f2f2f2);border-left:.125rem solid light-dark(#143c50,#2e7ca5);font-weight:600}._linkText_1ssmv_297{opacity:1;display:block;transition:all .2s;transition-behavior:allow-discrete}._backdrop_1ssmv_304{pointer-events:none;display:none;position:fixed;top:0;right:0;bottom:0;left:0;background-color:#3232327f;opacity:0;transition:all .1s;transition-behavior:allow-discrete}._backdrop_1ssmv_304._backdropOpened_1ssmv_314{pointer-events:all;opacity:1;display:block;transition:all .2s}@starting-style{._backdrop_1ssmv_304._backdropOpened_1ssmv_314,._linkText_1ssmv_297{opacity:0}}._skipToContent_1ssmv_332{position:absolute;top:0;right:100%;z-index:1200}._skipToContent_1ssmv_332[data-focus-visible],._skipToContent_1ssmv_332:focus-visible{right:auto;left:5px;top:5px}._navbar_1ssmv_346{position:fixed;bottom:0;width:100%;font-family:Inter,sans-serif;display:flex;align-items:center;justify-content:center;border-top:1px solid light-dark(#bfbfbf,#383838);background-color:light-dark(#ffffff,#171717)}._navbarList_1ssmv_358{flex:1;list-style-type:none;margin:0;padding:0;display:flex;flex-direction:row;align-items:stretch}._navbarList_1ssmv_358>li{flex:1;width:100%;display:flex;justify-content:center;align-items:stretch}@media (min-width: 1024px){._navbarList_1ssmv_358{max-width:600px}}._navbarItem_1ssmv_380{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:.25rem;padding:.5rem;color:light-dark(#171717,#f2f2f2);text-decoration:none;font-size:.75rem;line-height:1.125rem;text-align:center;text-wrap:nowrap;text-overflow:ellipsis}._navbarItem_1ssmv_380[data-hovered],._navbarItem_1ssmv_380[data-active]{background-color:light-dark(#143c50,#2e7ca5);color:light-dark(#ffffff,#ffffff);cursor:pointer}._navbarItem_1ssmv_380 svg{flex:0 0 auto}@media (min-width: 1024px){._navbarItem_1ssmv_380{gap:.5rem;flex-direction:row;padding:1rem .5rem}}@media (max-width: 479px){._headerExternal_1ssmv_29{border:none}}._headerContentExternal_1ssmv_420{flex:1;display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:1rem}._headerContentExternal_1ssmv_420 ._logoExternalContainer_1ssmv_428{display:flex;align-items:center;gap:2rem}@media (min-width: 1024px){._headerContentExternal_1ssmv_420 ._logoExternal_1ssmv_428{display:none}}._headerContentExternal_1ssmv_420 ._logoExternalDesktop_1ssmv_440{display:none}@media (min-width: 1024px){._headerContentExternal_1ssmv_420 ._logoExternalDesktop_1ssmv_440{display:block}}@media (min-width: 1024px){._navbarWrapper_1ssmv_449{display:none}}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.
|
|
1
|
+
._listBox_1f4kp_7{max-height:295px;overflow-y:auto}._listBox_1f4kp_7>div{pointer-events:auto!important}._listBoxPopover_1f4kp_19{font-family:Inter,sans-serif;width:var(--trigger-width);background:light-dark(#f2f2f2,#262626);overflow-y:auto;box-shadow:0 3px 5px #0003}@media (forced-colors: active){._listBoxPopover_1f4kp_19{border:1px solid light-dark(#171717,#f2f2f2)}}._listBoxSectionHeading_1f4kp_31{font-family:Inter,sans-serif;display:block;padding:1rem 1rem .5rem .75rem;font-weight:500;font-size:14px;color:light-dark(#29698C,#5897b8)}._listBoxButton_1f4kp_40{all:unset;width:100%;box-sizing:border-box;margin-bottom:2px!important}._listBoxButton_1f4kp_40:focus-visible{box-shadow:inset 0 0 0 2px light-dark(black,white),inset 0 0 0 4px light-dark(white,black);outline:none}._listBoxItem_1f4kp_52{background-color:light-dark(#f2f2f2,#262626);color:light-dark(#171717,#f2f2f2);display:flex;font-family:Inter,sans-serif;line-height:1;margin-bottom:0;padding:1rem;transition:background-color 60ms}._listBoxItem_1f4kp_52:hover:not([data-disabled]){background-color:light-dark(#e6e6e6,#333333);cursor:pointer;transition-delay:60ms}._listBoxItem_1f4kp_52[data-disabled]{color:light-dark(#bfbfbf,#525252);cursor:not-allowed}._listBoxItem_1f4kp_52[data-selected]{background-color:light-dark(#d9d9d9,#383838)}._listBoxItem_1f4kp_52[data-selected]:hover:not([data-disabled]){background-color:light-dark(#cccccc,#474747);transition-delay:60ms}._listBoxItem_1f4kp_52[data-focused]{outline:none;box-shadow:none}@media (forced-colors: active){._listBoxItem_1f4kp_52[data-focused]{border:1px ButtonBorder solid}}._listBoxItem_1f4kp_52[data-focus-visible]{box-shadow:inset 0 0 0 2px light-dark(black,white),inset 0 0 0 4px light-dark(white,black);outline:none}
|
package/checkbox/index.js
CHANGED
package/combobox/index.cjs
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("../ComboBox-
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("../ComboBox-D_jh7TKo.cjs");exports.ComboBox=o.ComboBox;exports.ComboBoxItem=o.ComboBoxItem;exports.ComboBoxSection=o.ComboBoxSection;exports.ComboBoxSelection=o.ComboBoxSelection;
|
package/combobox/index.js
CHANGED
package/date-field/index.js
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import { D as t } from "../DateField-
|
|
2
|
-
import { a as r, b as o, D as p } from "../DateInputDivider-
|
|
1
|
+
import { D as t } from "../DateField-DKCbEonm.js";
|
|
2
|
+
import { a as r, b as o, D as p } from "../DateInputDivider-BmvqW1Hk.js";
|
|
3
3
|
export {
|
|
4
4
|
t as DateField,
|
|
5
5
|
r as DateInput,
|
|
@@ -2,5 +2,5 @@ import * as React from 'react';
|
|
|
2
2
|
interface DatePickerPopoverProps {
|
|
3
3
|
children?: React.ReactNode;
|
|
4
4
|
}
|
|
5
|
-
export declare const DatePickerPopover: React.
|
|
5
|
+
export declare const DatePickerPopover: React.FC<DatePickerPopoverProps>;
|
|
6
6
|
export {};
|
package/date-picker/index.cjs
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../DateRangePicker-
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../DateRangePicker-DkIAEIIj.cjs");exports.DatePicker=e.DatePicker;exports.DateRangePicker=e.DateRangePicker;
|
package/date-picker/index.js
CHANGED
package/dropdown/index.js
CHANGED
package/grid/index.d.ts
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
export { Grid, Flex } from './Grid';
|
|
1
|
+
export { Grid, Flex, type GridProps } from './Grid';
|
|
2
2
|
export { GridItem, FlexItem, type GridItemProps } from './GridItem';
|
package/index.cjs
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("./AccordionItem-CS-QKqrU.cjs"),d=require("./BadgeContainer-DWVHS5dn.cjs"),S=require("./Breadcrumbs-CFUryOhf.cjs"),x=require("./Button-Dq6ugqxT.cjs"),D=require("./ButtonGroup-DUqW5dzM.cjs"),s=require("./RangeCalendar-BY82hPRu.cjs"),e=require("./Card-cdL5669N.cjs"),I=require("./CharacterCounter-DSFBv3Rw.cjs"),k=require("./Checkbox-Co3h0hur.cjs"),L=require("./CheckboxGroup-CT_eqERw.cjs"),G=require("./ColorSchemeSwitch-owUryjYz.cjs"),a=require("./ComboBox-
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("./AccordionItem-CS-QKqrU.cjs"),d=require("./BadgeContainer-DWVHS5dn.cjs"),S=require("./Breadcrumbs-CFUryOhf.cjs"),x=require("./Button-Dq6ugqxT.cjs"),D=require("./ButtonGroup-DUqW5dzM.cjs"),s=require("./RangeCalendar-BY82hPRu.cjs"),e=require("./Card-cdL5669N.cjs"),I=require("./CharacterCounter-DSFBv3Rw.cjs"),k=require("./Checkbox-Co3h0hur.cjs"),L=require("./CheckboxGroup-CT_eqERw.cjs"),G=require("./ColorSchemeSwitch-owUryjYz.cjs"),a=require("./ComboBox-D_jh7TKo.cjs"),F=require("./DateField-BURrxhil.cjs"),u=require("./DateInputDivider-ToFY-yjB.cjs"),l=require("./DateRangePicker-DkIAEIIj.cjs"),T=require("./Dropdown-CYakzdJg.cjs"),R=require("./FieldError-Bv3Q6ZP-.cjs"),g=require("./FileUpload-Bz9md5zc.cjs"),C=require("./Grid-DVQtOcu9.cjs"),b=require("./GridItem-XgHmZWXY.cjs"),h=require("./Heading-CKTR4sOz.cjs"),P=require("./InfoBanner-CzwbOdRG.cjs"),A=require("./Label-ChjDdBlv.cjs"),t=require("./Layout-D0E1fOgZ.cjs"),v=require("./Link-ESjrl63P.cjs"),f=require("./LinkButton-B6AWNiRn.cjs"),w=require("./Logo-BpH0HC91.cjs"),$=require("./Dialog-CxHiZorC.cjs"),H=require("./Popover-BDvKByTT.cjs"),y=require("./ProgressBar-ClysdvqU.cjs"),q=require("./Radio-Cz0vLIBw.cjs"),E=require("./SearchField-QFyuaT-K.cjs"),O=require("./Select-lhIwwJL7.cjs"),N=require("./Skeleton-BAwbfKBW.cjs"),_=require("./Spinner-vof0Y9Hh.cjs"),r=require("./Table-DGYC-sDq.cjs"),n=require("./TabList-CWMlbijV.cjs"),p=require("./Tag-bYq-wf5D.cjs"),M=require("./Text-DBHWi5gA.cjs"),i=require("./TextArea-DJKHFKuI.cjs"),o=require("./Toast-DdmSvNaO.cjs"),B=require("./ToggleButtonGroup-DZ_wo0qx.cjs"),m=require("./Tooltip-pN5W3IK6.cjs"),Q=require("./usePress-BooY_CAy.cjs"),Z=require("./Dialog-DtHk3eXI.cjs");exports.ACCORDION_TEST_ID=c.ACCORDION_TEST_ID;exports.Accordion=c.Accordion;exports.AccordionItem=c.AccordionItem;exports.Badge=d.Badge;exports.BadgeContainer=d.BadgeContainer;exports.Breadcrumbs=S.Breadcrumbs;exports.Button=x.Button;exports.ButtonGroup=D.ButtonGroup;exports.Calendar=s.Calendar;exports.RangeCalendar=s.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=I.CharacterCounter;exports.Checkbox=k.Checkbox;exports.CheckboxGroup=L.CheckboxGroup;exports.ColorSchemeSwitch=G.ColorSchemeSwitch;exports.ComboBox=a.ComboBox;exports.ComboBoxItem=a.ComboBoxItem;exports.ComboBoxSection=a.ComboBoxSection;exports.ComboBoxSelection=a.ComboBoxSelection;exports.DateField=F.DateField;exports.DateInput=u.DateInput;exports.DateInputDivider=u.DateInputDivider;exports.DateSegment=u.DateSegment;exports.DatePicker=l.DatePicker;exports.DateRangePicker=l.DateRangePicker;exports.Dropdown=T.Dropdown;exports.DropdownItem=T.DropdownItem;exports.FieldError=R.FieldError;exports.DropZone=g.DropZone;exports.FileTrigger=g.FileTrigger;exports.Flex=C.Flex;exports.Grid=C.Grid;exports.FlexItem=b.FlexItem;exports.GridItem=b.GridItem;exports.Heading=h.Heading;exports.InfoBanner=P.InfoBanner;exports.Label=A.Label;exports.Header=t.Header;exports.Layout=t.Layout;exports.Navbar=t.Navbar;exports.Sidebar=t.Sidebar;exports.SidebarLink=t.SidebarLink;exports.Link=v.Link;exports.LinkButton=f.LinkButton;exports.Logo=w.Logo;exports.Modal=$.Modal;exports.Popover=H.Popover;exports.ProgressBar=y.ProgressBar;exports.Radio=q.Radio;exports.RadioGroup=q.RadioGroup;exports.SearchField=E.SearchField;exports.Select=O.Select;exports.Skeleton=N.Skeleton;exports.Spinner=_.Spinner;exports.Cell=r.Cell;exports.Column=r.Column;exports.Row=r.Row;exports.Table=r.Table;exports.TableBody=r.$1910c06f0ca9905e$export$76ccd210b9029917;exports.TableHeader=r.TableHeader;exports.Tab=n.Tab;exports.TabList=n.TabList;exports.TabPanel=n.TabPanel;exports.Tabs=n.Tabs;exports.Tag=p.Tag;exports.TagGroup=p.TagGroup;exports.Text=M.Text;exports.Input=i.Input;exports.TextArea=i.TextArea;exports.TextField=i.TextField;exports.TextFieldBase=i.TextFieldBase;exports.GlobalToastRegion=o.GlobalToastRegion;exports.Toast=o.Toast;exports.ToastProvider=o.ToastProvider;exports.ToastRegion=o.ToastRegion;exports.toastQueue=o.toastQueue;exports.useToastState=o.useToastState;exports.ToggleButton=B.ToggleButton;exports.ToggleButtonGroup=B.ToggleButtonGroup;exports.Tooltip=m.Tooltip;exports.TooltipTrigger=m.TooltipTrigger;exports.RouterProvider=Q.$ea8dcbcb9ea1b556$export$323e4fc2fa4753fb;exports.DialogTrigger=Z.$de32f1b87079253c$export$2e1e1122cf0cba88;
|
package/index.js
CHANGED
|
@@ -7,42 +7,42 @@ import { C as l, R as b } from "./RangeCalendar-BCruEq9d.js";
|
|
|
7
7
|
import { C as u, d as c, c as B, a as D, e as S, f as I, b as L } from "./Card-BRs1FKX5.js";
|
|
8
8
|
import { C as R } from "./CharacterCounter-DpBDwvLw.js";
|
|
9
9
|
import { C as k } from "./Checkbox-EB_SCBEo.js";
|
|
10
|
-
import { C as A } from "./CheckboxGroup-
|
|
11
|
-
import { C as v } from "./ColorSchemeSwitch-
|
|
12
|
-
import { C as w, a as N, c as $, b as y } from "./ComboBox-
|
|
13
|
-
import { D as M } from "./DateField-
|
|
14
|
-
import { a as _, b as Q, D as Z } from "./DateInputDivider-
|
|
15
|
-
import { D as q, a as z } from "./DateRangePicker-
|
|
16
|
-
import { D as K, a as U } from "./Dropdown-
|
|
10
|
+
import { C as A } from "./CheckboxGroup-DvrN1oyw.js";
|
|
11
|
+
import { C as v } from "./ColorSchemeSwitch-PiEHptw1.js";
|
|
12
|
+
import { C as w, a as N, c as $, b as y } from "./ComboBox-DfJ_aJrf.js";
|
|
13
|
+
import { D as M } from "./DateField-DKCbEonm.js";
|
|
14
|
+
import { a as _, b as Q, D as Z } from "./DateInputDivider-BmvqW1Hk.js";
|
|
15
|
+
import { D as q, a as z } from "./DateRangePicker-B5vx9onl.js";
|
|
16
|
+
import { D as K, a as U } from "./Dropdown-Cpc2EszJ.js";
|
|
17
17
|
import { F as W } from "./FieldError-CDCvUjK5.js";
|
|
18
18
|
import { D as Y, F as aa } from "./FileUpload-BokzdXVc.js";
|
|
19
19
|
import { F as ra, G as ea } from "./Grid--OhtgCo6.js";
|
|
20
20
|
import { F as ta, G as pa } from "./GridItem-DlbSdRmB.js";
|
|
21
21
|
import { H as xa } from "./Heading-D2y_kiC0.js";
|
|
22
22
|
import { I as ia } from "./InfoBanner-D05poAe3.js";
|
|
23
|
-
import { L as da } from "./Label-
|
|
24
|
-
import { H as Ca, L as la, N as ba, S as ga, a as ua } from "./Layout-
|
|
23
|
+
import { L as da } from "./Label-endv1fkJ.js";
|
|
24
|
+
import { H as Ca, L as la, N as ba, S as ga, a as ua } from "./Layout-DtyhUz-G.js";
|
|
25
25
|
import { L as Ba } from "./Link-ovwNVMfg.js";
|
|
26
26
|
import { L as Sa } from "./LinkButton-BkZULm2a.js";
|
|
27
27
|
import { L as La } from "./Logo-ME4ffCue.js";
|
|
28
|
-
import { M as Ra } from "./Dialog-
|
|
29
|
-
import { P as ka } from "./Popover-
|
|
30
|
-
import { P as Aa } from "./ProgressBar-
|
|
31
|
-
import { R as va, a as Ha } from "./Radio-
|
|
28
|
+
import { M as Ra } from "./Dialog-DuGcBeNN.js";
|
|
29
|
+
import { P as ka } from "./Popover-Tniqbaes.js";
|
|
30
|
+
import { P as Aa } from "./ProgressBar-DTn23Zkr.js";
|
|
31
|
+
import { R as va, a as Ha } from "./Radio-CCN3o3s-.js";
|
|
32
32
|
import { S as Na } from "./SearchField-nwlyszwt.js";
|
|
33
|
-
import { S as ya } from "./Select-
|
|
33
|
+
import { S as ya } from "./Select-MwvnbChP.js";
|
|
34
34
|
import { S as Ma } from "./Skeleton-BePDRmrO.js";
|
|
35
35
|
import { S as _a } from "./Spinner-VSyPhiJ9.js";
|
|
36
|
-
import { b as Za, C as ja, R as qa, T as za, $ as Ja, a as Ka } from "./Table-
|
|
37
|
-
import { a as Va, c as Wa, b as Xa, T as Ya } from "./TabList-
|
|
38
|
-
import { T as oo, a as ro } from "./Tag-
|
|
36
|
+
import { b as Za, C as ja, R as qa, T as za, $ as Ja, a as Ka } from "./Table-DGTwyh7U.js";
|
|
37
|
+
import { a as Va, c as Wa, b as Xa, T as Ya } from "./TabList-VpTv_Xff.js";
|
|
38
|
+
import { T as oo, a as ro } from "./Tag-rI-NhuT0.js";
|
|
39
39
|
import { T as so } from "./Text-BPcfhYQ9.js";
|
|
40
|
-
import { I as po, b as mo, a as xo, T as fo } from "./TextArea-
|
|
40
|
+
import { I as po, b as mo, a as xo, T as fo } from "./TextArea-CrEALC58.js";
|
|
41
41
|
import { G as no, b as To, T as Co, a as lo, t as bo, u as go } from "./Toast-CWt_mNIg.js";
|
|
42
|
-
import { T as co, a as Bo } from "./ToggleButtonGroup-
|
|
42
|
+
import { T as co, a as Bo } from "./ToggleButtonGroup-98z8Dw8-.js";
|
|
43
43
|
import { T as So, a as Io } from "./Tooltip-DjNc93tV.js";
|
|
44
44
|
import { $ as Fo } from "./usePress-BW47IcyU.js";
|
|
45
|
-
import { $ as Go } from "./Dialog-
|
|
45
|
+
import { $ as Go } from "./Dialog-D5c_dUnB.js";
|
|
46
46
|
export {
|
|
47
47
|
r as ACCORDION_TEST_ID,
|
|
48
48
|
e as Accordion,
|
package/label/index.js
CHANGED
package/layout/index.cjs
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../Layout-
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../Layout-D0E1fOgZ.cjs");exports.Header=e.Header;exports.Layout=e.Layout;exports.Navbar=e.Navbar;exports.Sidebar=e.Sidebar;exports.SidebarLink=e.SidebarLink;
|
package/layout/index.js
CHANGED
package/list-box/index.cjs
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("../ListBoxSection-
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("../ListBoxSection-BYJccE4T.cjs"),o=require("../ListBoxButton-CIqNRR3y.cjs");exports.ListBox=t.ListBox;exports.ListBoxItem=t.ListBoxItem;exports.ListBoxPopover=t.ListBoxPopover;exports.ListBoxSection=t.ListBoxSection;exports.ListBoxButton=o.ListBoxButton;
|
package/list-box/index.js
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import { L as s, a as x, b as L, c as a } from "../ListBoxSection-
|
|
2
|
-
import { L as B } from "../ListBoxButton-
|
|
1
|
+
import { L as s, a as x, b as L, c as a } from "../ListBoxSection-Cicbu8pS.js";
|
|
2
|
+
import { L as B } from "../ListBoxButton-sqirI6I4.js";
|
|
3
3
|
export {
|
|
4
4
|
s as ListBox,
|
|
5
5
|
B as ListBoxButton,
|