@okam/stack-ui 1.44.5 → 1.44.6
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 +15 -0
- package/index.js +1 -1
- package/index.mjs +12 -12
- package/index123.js +1 -1
- package/index123.mjs +11 -11
- package/index126.mjs +3 -3
- package/index129.js +1 -1
- package/index129.mjs +1 -1
- package/index141.js +1 -1
- package/index141.mjs +6 -6
- package/index20.js +1 -1
- package/index20.mjs +6 -6
- package/index43.js +1 -1
- package/index43.mjs +24 -24
- package/index49.js +1 -1
- package/index49.mjs +8 -8
- package/index50.js +1 -1
- package/index50.mjs +4 -4
- package/index53.js +1 -1
- package/index53.mjs +24 -21
- package/index58.js +1 -1
- package/index58.mjs +6 -6
- package/index59.js +1 -1
- package/index59.mjs +6 -6
- package/index6.js +1 -1
- package/index6.mjs +3 -3
- package/index67.js +1 -1
- package/index67.mjs +14 -14
- package/index85.mjs +3 -3
- package/package.json +2 -2
package/CHANGELOG.md
CHANGED
|
@@ -1,3 +1,18 @@
|
|
|
1
|
+
## 1.44.6 (2026-01-23)
|
|
2
|
+
|
|
3
|
+
### 🩹 Fixes
|
|
4
|
+
|
|
5
|
+
- **stack-ui:** prevent infinite loop in MenuSidePanel with React 19 ([fdba160](https://github.com/OKAMca/stack/commit/fdba160))
|
|
6
|
+
|
|
7
|
+
### 🧱 Updated Dependencies
|
|
8
|
+
|
|
9
|
+
- Updated core-lib to 1.17.4
|
|
10
|
+
|
|
11
|
+
### ❤️ Thank You
|
|
12
|
+
|
|
13
|
+
- Claude Opus 4.5
|
|
14
|
+
- Marie-Maxime Tanguay
|
|
15
|
+
|
|
1
16
|
## 1.44.4 (2026-01-21)
|
|
2
17
|
|
|
3
18
|
### 🧱 Updated Dependencies
|
package/index.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const b=require("./index2.js"),B=require("./index3.js"),F=require("./index4.js"),R=require("./index5.js"),$=require("./index6.js"),c=require("./index7.js"),i=require("./index8.js"),I=require("./index9.js"),A=require("./index10.js"),w=require("./index11.js"),L=require("./index12.js"),N=require("./index13.js"),f=require("./index14.js"),y=require("./index15.js"),u=require("./index16.js"),H=require("./index17.js"),M=require("./index18.js"),D=require("./index19.js"),G=require("./index20.js"),U=require("./index21.js"),W=require("./index22.js"),O=require("./index23.js"),j=require("./index24.js"),X=require("./index25.js"),Y=require("./index26.js"),_=require("./index27.js"),z=require("./index28.js"),l=require("./index29.js"),E=require("./index30.js"),d=require("./index31.js"),C=require("./index32.js"),V=require("./index33.js"),J=require("./index34.js"),K=require("./index35.js"),Q=require("./index36.js"),Z=require("./index37.js"),
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const b=require("./index2.js"),B=require("./index3.js"),F=require("./index4.js"),R=require("./index5.js"),$=require("./index6.js"),c=require("./index7.js"),i=require("./index8.js"),I=require("./index9.js"),A=require("./index10.js"),w=require("./index11.js"),L=require("./index12.js"),N=require("./index13.js"),f=require("./index14.js"),y=require("./index15.js"),u=require("./index16.js"),H=require("./index17.js"),M=require("./index18.js"),D=require("./index19.js"),G=require("./index20.js"),U=require("./index21.js"),W=require("./index22.js"),O=require("./index23.js"),j=require("./index24.js"),X=require("./index25.js"),Y=require("./index26.js"),_=require("./index27.js"),z=require("./index28.js"),l=require("./index29.js"),E=require("./index30.js"),d=require("./index31.js"),C=require("./index32.js"),V=require("./index33.js"),J=require("./index34.js"),K=require("./index35.js"),Q=require("./index36.js"),Z=require("./index37.js"),o=require("./index38.js"),ee=require("./index39.js"),re=require("./index40.js"),q=require("./index41.js"),oe=require("./index42.js"),te=require("./index43.js"),x=require("./index44.js"),ne=require("./index45.js"),g=require("./index46.js"),P=require("./index47.js"),ie=require("./index48.js"),ue=require("./index49.js"),ae=require("./index50.js"),se=require("./index51.js"),ce=require("./index52.js"),le=require("./index53.js"),de=require("./index54.js"),Ce=require("./index55.js"),qe=require("./index56.js"),xe=require("./index57.js"),ge=require("./index58.js"),Pe=require("./index59.js"),me=require("./index60.js"),ve=require("./index61.js"),he=require("./index62.js"),ke=require("./index63.js"),Se=require("./index64.js"),pe=require("./index65.js"),Te=require("./index66.js"),m=require("./index67.js"),be=require("./index68.js"),Be=require("./index69.js"),Fe=require("./index70.js"),Re=require("./index71.js"),$e=require("./index72.js"),Ie=require("./index73.js"),Ae=require("./index74.js"),we=require("./index75.js"),Le=require("./index76.js"),Ne=require("./index77.js"),fe=require("./index78.js"),ye=require("./index79.js"),He=require("./index80.js"),v=require("./index81.js"),t=require("./index82.js"),h=require("./index83.js"),k=require("./index84.js"),S=require("./index85.js"),p=require("./index86.js"),a=require("./index87.js"),Me=require("./index88.js"),T=require("./index89.js"),De=require("./index90.js"),Ge=require("./index91.js"),Ue=require("./index92.js"),We=require("react-hook-form"),Oe=require("./index93.js"),je=require("./index94.js"),Xe=require("./index95.js"),Ye=require("./index96.js"),_e=require("./index97.js"),ze=require("./index98.js"),Ee=require("./index99.js"),Ve=require("./index100.js"),Je=require("./index101.js"),Ke=require("./index102.js"),Qe=require("./index103.js"),Ze=require("./index104.js"),er=require("./index105.js"),rr=require("./index106.js"),or=require("./index107.js"),tr=require("./index108.js"),nr=require("./index109.js"),ir=require("./index110.js"),ur=require("./index111.js"),ar=require("./index112.js"),sr=require("./index113.js"),cr=require("./index114.js"),lr=require("./index115.js"),dr=require("./index116.js"),Cr=require("./index117.js"),qr=require("./index118.js");function xr(e){const n=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const r in e)if(r!=="default"){const s=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(n,r,s.get?s:{enumerable:!0,get:()=>e[r]})}}return n.default=e,Object.freeze(n)}const gr=xr(We);exports.Accordion=b;exports.AccordionItem=B;exports.useAccordionState=F;exports.Alerts=R;exports.AlertsItem=$;exports.Box=c.Box;exports.BoxWithForwardRef=c.BoxWithForwardRef;exports.Anchor=i.Anchor;exports.Button=i.Button;exports.ButtonWithForwardRef=i.ButtonWithForwardRef;exports.Calendar=I;exports.RangeCalendar=A;exports.Carousel=w;exports.useCarouselA11yAnnouncer=L.useCarouselA11yAnnouncer;exports.LegacyCarousel=N;exports.CarouselNextNavigation=f;exports.CarouselPrevNavigation=y;exports.CarouselNavigationButton=u.LegacyCarouselNavigationButton;exports.CarouselNextNavigationButton=u.LegacyCarouselNextNavigationButton;exports.CarouselPrevNavigationButton=u.LegacyCarouselPrevNavigationButton;exports.useCarouselNextNavigation=H.useCarouselNextNavigation;exports.useCarouselPrevNavigation=M.useCarouselPrevNavigation;exports.CarouselPagination=D;exports.CarouselPaginationBullet=G;exports.CarouselPaginationFraction=U;exports.useCarouselPagination=W.useCarouselPagination;exports.useCarouselPaginationBullet=O.useCarouselPaginationBullet;exports.useCarouselPaginationFraction=j.useCarouselPaginationFraction;exports.CarouselSwiper=X;exports.useCarouselSlide=Y.useCarouselSlide;exports.useCarouselSwiper=_.useCarouselSwiper;exports.Date=z;exports.Checkbox=l.Checkbox;exports.ReactHookFormCheckBox=l.ReactHookFormCheckBox;exports.CheckboxGroup=E;exports.CheckboxGroupItem=d.CheckboxGroupItem;exports.ReactHookFormCheckboxItem=d.ReactHookFormCheckboxItem;exports.ComboBox=C;exports.ReactHookFormComboBox=C;exports.useComboBoxFiltering=V.useComboBoxFiltering;exports.DatePicker=J;exports.CalendarPopover=K.CalendarPopover;exports.DateField=Q;exports.DateRangePicker=Z;exports.ControlledListBox=o.ControlledListBox;exports.ControlledReactHookFormListBox=o.ControlledReactHookFormListBox;exports.ListBox=o.ListBox;exports.ReactHookFormListBox=o.ReactHookFormListBox;exports.ListBoxSection=ee;exports.Option=re;exports.Radio=q.Radio;exports.ReactHookFormRadio=q.ReactHookFormRadio;exports.RadioGroup=oe;exports.SearchField=te;exports.ReactHookFormSelect=x.ReactHookFormSelect;exports.Select=x.Select;exports.SelectItem=ne;exports.ReactHookFormTextArea=g.ReactHookFormTextArea;exports.TextArea=g.TextArea;exports.ReactHookFormInput=P.ReactHookFormInput;exports.TextInputField=P.TextInputField;exports.Icon=ie;exports.Lightbox=ue;exports.MenuItems=ae;exports.TabContainer=se;exports.Menu=ce;exports.MenuSidePanel=le;exports.Modal=de;exports.Node=Ce.Node;exports.Popover=qe.Popover;exports.PopoverButton=xe;exports.PrintButton=ge;exports.ShareButton=Pe.ShareButton;exports.generateUtmTags=me;exports.useFacebookShareUrl=ve;exports.useLinkedinShareUrl=he;exports.useMailToShareUrl=ke;exports.useWindow=Se;exports.useXShareUrl=pe;exports.SidePanel=Te;exports.Main=m.Main;exports.SkipToMain=m.SkipToMain;exports.TabList=be;exports.Tab=Be;exports.TabItem=Fe.TabItem;exports.TabPanel=Re;exports.TagGroup=$e;exports.TagItem=Ie.TagItem;exports.Typography=Ae.Typography;exports.Video=we;exports.WysiwygBlock=Le;exports.mergeDefaultComponentProps=Ne.mergeDefaultComponentProps;exports.useDebounce=fe.useDebounce;exports.useLabelledOverlay=ye;exports.StackUILogger=He.logger;exports.AccordionContextProvider=v.AccordionContextProvider;exports.useAccordionCtx=v.useAccordionCtx;exports.CarouselContextProvider=t.CarouselContextProvider;exports.SwiperControllerContextProvider=t.SwiperControllerContextProvider;exports.useCarousel=t.useCarousel;exports.useSwiperController=t.useSwiperController;exports.IsClientContextProvider=h.IsClientContextProvider;exports.useIsClient=h.useIsClient;exports.MenuContextProvider=k.MenuContextProvider;exports.useMenu=k.useMenu;exports.RadioGroupProvider=S.RadioGroupProvider;exports.useRadioGroupCtx=S.useRadioGroupCtx;exports.SidePanelContextProvider=p.SidePanelContextProvider;exports.useSidePanel=p.useSidePanel;exports.ThemeContextProvider=a.ThemeContextProvider;exports.createThemeProvider=a.createThemeProvider;exports.useTheme=a.useTheme;exports.useThemeContext=Me;exports.TranslationContextProvider=T.TranslationContextProvider;exports.useTranslation=T.useTranslation;exports.SearchBarProvider=De.SearchBarProvider;exports.ThemeProvider=Ge;exports.RenderWithSlide=Ue;exports.reactHookForm=gr;exports.ArrowDown=Oe;exports.ArrowLeft=je;exports.ArrowRight=Xe;exports.Check=Ye;exports.ChevronLeft=_e;exports.ChevronRight=ze;exports.CloseBtn=Ee;exports.Facebook=Ve;exports.FacebookColored=Je;exports.FacebookRounded=Ke;exports.Globe=Qe;exports.Instagram=Ze;exports.InstagramColored=er;exports.Link=rr;exports.LinkedIn=or;exports.Mail=tr;exports.Plus=nr;exports.Print=ir;exports.Share=ur;exports.Twitter=ar;exports.TwitterColored=sr;exports.Upload=cr;exports.X=lr;exports.YouTube=dr;exports.YouTubeColored=Cr;exports.makeTheme=qr.makeTheme;
|
package/index.mjs
CHANGED
|
@@ -3,8 +3,8 @@ import { default as f } from "./index3.mjs";
|
|
|
3
3
|
import { default as l } from "./index4.mjs";
|
|
4
4
|
import { default as m } from "./index5.mjs";
|
|
5
5
|
import { default as p } from "./index6.mjs";
|
|
6
|
-
import { Box as
|
|
7
|
-
import { Anchor as c,
|
|
6
|
+
import { Box as i, BoxWithForwardRef as n } from "./index7.mjs";
|
|
7
|
+
import { Anchor as c, Button as g, ButtonWithForwardRef as P } from "./index8.mjs";
|
|
8
8
|
import { default as h } from "./index9.mjs";
|
|
9
9
|
import { default as B } from "./index10.mjs";
|
|
10
10
|
import { default as S } from "./index11.mjs";
|
|
@@ -27,7 +27,7 @@ import { useCarouselSwiper as ao } from "./index27.mjs";
|
|
|
27
27
|
import { default as uo } from "./index28.mjs";
|
|
28
28
|
import { Checkbox as so, ReactHookFormCheckBox as mo } from "./index29.mjs";
|
|
29
29
|
import { default as po } from "./index30.mjs";
|
|
30
|
-
import { CheckboxGroupItem as
|
|
30
|
+
import { CheckboxGroupItem as no, ReactHookFormCheckboxItem as Co } from "./index31.mjs";
|
|
31
31
|
import { default as go, default as Po } from "./index32.mjs";
|
|
32
32
|
import { useComboBoxFiltering as ho } from "./index33.mjs";
|
|
33
33
|
import { default as Bo } from "./index34.mjs";
|
|
@@ -49,7 +49,7 @@ import { default as fe } from "./index49.mjs";
|
|
|
49
49
|
import { default as le } from "./index50.mjs";
|
|
50
50
|
import { default as me } from "./index51.mjs";
|
|
51
51
|
import { default as pe } from "./index52.mjs";
|
|
52
|
-
import { default as
|
|
52
|
+
import { default as ie } from "./index53.mjs";
|
|
53
53
|
import { default as Ce } from "./index54.mjs";
|
|
54
54
|
import { Node as ge } from "./index55.mjs";
|
|
55
55
|
import { Popover as ve } from "./index56.mjs";
|
|
@@ -76,7 +76,7 @@ import { default as ur } from "./index76.mjs";
|
|
|
76
76
|
import { mergeDefaultComponentProps as sr } from "./index77.mjs";
|
|
77
77
|
import { useDebounce as xr } from "./index78.mjs";
|
|
78
78
|
import { default as dr } from "./index79.mjs";
|
|
79
|
-
import { logger as
|
|
79
|
+
import { logger as nr } from "./index80.mjs";
|
|
80
80
|
import { AccordionContextProvider as cr, useAccordionCtx as gr } from "./index81.mjs";
|
|
81
81
|
import { CarouselContextProvider as vr, SwiperControllerContextProvider as hr, useCarousel as kr, useSwiperController as Br } from "./index82.mjs";
|
|
82
82
|
import { IsClientContextProvider as Sr, useIsClient as br } from "./index83.mjs";
|
|
@@ -98,7 +98,7 @@ import { default as ft } from "./index97.mjs";
|
|
|
98
98
|
import { default as lt } from "./index98.mjs";
|
|
99
99
|
import { default as mt } from "./index99.mjs";
|
|
100
100
|
import { default as pt } from "./index100.mjs";
|
|
101
|
-
import { default as
|
|
101
|
+
import { default as it } from "./index101.mjs";
|
|
102
102
|
import { default as Ct } from "./index102.mjs";
|
|
103
103
|
import { default as gt } from "./index103.mjs";
|
|
104
104
|
import { default as vt } from "./index104.mjs";
|
|
@@ -126,8 +126,8 @@ export {
|
|
|
126
126
|
Zr as ArrowDown,
|
|
127
127
|
$r as ArrowLeft,
|
|
128
128
|
et as ArrowRight,
|
|
129
|
-
|
|
130
|
-
|
|
129
|
+
i as Box,
|
|
130
|
+
n as BoxWithForwardRef,
|
|
131
131
|
g as Button,
|
|
132
132
|
P as ButtonWithForwardRef,
|
|
133
133
|
h as Calendar,
|
|
@@ -146,7 +146,7 @@ export {
|
|
|
146
146
|
tt as Check,
|
|
147
147
|
so as Checkbox,
|
|
148
148
|
po as CheckboxGroup,
|
|
149
|
-
|
|
149
|
+
no as CheckboxGroupItem,
|
|
150
150
|
ft as ChevronLeft,
|
|
151
151
|
lt as ChevronRight,
|
|
152
152
|
mt as CloseBtn,
|
|
@@ -158,7 +158,7 @@ export {
|
|
|
158
158
|
Bo as DatePicker,
|
|
159
159
|
Lo as DateRangePicker,
|
|
160
160
|
pt as Facebook,
|
|
161
|
-
|
|
161
|
+
it as FacebookColored,
|
|
162
162
|
Ct as FacebookRounded,
|
|
163
163
|
gt as Globe,
|
|
164
164
|
te as Icon,
|
|
@@ -176,7 +176,7 @@ export {
|
|
|
176
176
|
pe as Menu,
|
|
177
177
|
Rr as MenuContextProvider,
|
|
178
178
|
le as MenuItems,
|
|
179
|
-
|
|
179
|
+
ie as MenuSidePanel,
|
|
180
180
|
Ce as Modal,
|
|
181
181
|
ge as Node,
|
|
182
182
|
Go as Option,
|
|
@@ -207,7 +207,7 @@ export {
|
|
|
207
207
|
We as SidePanel,
|
|
208
208
|
yr as SidePanelContextProvider,
|
|
209
209
|
Ye as SkipToMain,
|
|
210
|
-
|
|
210
|
+
nr as StackUILogger,
|
|
211
211
|
hr as SwiperControllerContextProvider,
|
|
212
212
|
ze as Tab,
|
|
213
213
|
me as TabContainer,
|
package/index123.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";const n=require("react/jsx-runtime"),a=require("./index7.js"),s=require("./index8.js"),c=require("./index48.js");function x({themeName:t="calendar",tokens:e,buttons:i,prevButtonProps:o,nextButtonProps:r,...u}){return n.jsxs(a.Box,{themeName:`${t}.navigationButtonsContainer`,tokens:e,...u,children:[n.jsx(s.
|
|
1
|
+
"use strict";const n=require("react/jsx-runtime"),a=require("./index7.js"),s=require("./index8.js"),c=require("./index48.js");function x({themeName:t="calendar",tokens:e,buttons:i,prevButtonProps:o,nextButtonProps:r,...u}){return n.jsxs(a.Box,{themeName:`${t}.navigationButtonsContainer`,tokens:e,...u,children:[n.jsx(s.Button,{themeName:`${t}.navigationButtons`,tokens:{...e,direction:"prev"},type:"button",...o,handlePress:o?.onPress,children:n.jsx(c,{icon:i?.buttonPrev?.icon??"ArrowLeft"})}),n.jsx(s.Button,{themeName:`${t}.navigationButtons`,tokens:{...e,direction:"next"},type:"button",...r,handlePress:r?.onPress,children:n.jsx(c,{icon:i?.buttonNext?.icon??"ArrowRight"})})]})}module.exports=x;
|
package/index123.mjs
CHANGED
|
@@ -1,36 +1,36 @@
|
|
|
1
|
-
import { jsxs as m, jsx as
|
|
2
|
-
import { Box as
|
|
3
|
-
import {
|
|
1
|
+
import { jsxs as m, jsx as t } from "react/jsx-runtime";
|
|
2
|
+
import { Box as u } from "./index7.mjs";
|
|
3
|
+
import { Button as a } from "./index8.mjs";
|
|
4
4
|
import s from "./index48.mjs";
|
|
5
5
|
function p({
|
|
6
|
-
themeName:
|
|
6
|
+
themeName: n = "calendar",
|
|
7
7
|
tokens: o,
|
|
8
8
|
buttons: i,
|
|
9
9
|
prevButtonProps: e,
|
|
10
10
|
nextButtonProps: r,
|
|
11
11
|
...c
|
|
12
12
|
}) {
|
|
13
|
-
return /* @__PURE__ */ m(
|
|
14
|
-
/* @__PURE__ */
|
|
13
|
+
return /* @__PURE__ */ m(u, { themeName: `${n}.navigationButtonsContainer`, tokens: o, ...c, children: [
|
|
14
|
+
/* @__PURE__ */ t(
|
|
15
15
|
a,
|
|
16
16
|
{
|
|
17
|
-
themeName: `${
|
|
17
|
+
themeName: `${n}.navigationButtons`,
|
|
18
18
|
tokens: { ...o, direction: "prev" },
|
|
19
19
|
type: "button",
|
|
20
20
|
...e,
|
|
21
21
|
handlePress: e?.onPress,
|
|
22
|
-
children: /* @__PURE__ */
|
|
22
|
+
children: /* @__PURE__ */ t(s, { icon: i?.buttonPrev?.icon ?? "ArrowLeft" })
|
|
23
23
|
}
|
|
24
24
|
),
|
|
25
|
-
/* @__PURE__ */
|
|
25
|
+
/* @__PURE__ */ t(
|
|
26
26
|
a,
|
|
27
27
|
{
|
|
28
|
-
themeName: `${
|
|
28
|
+
themeName: `${n}.navigationButtons`,
|
|
29
29
|
tokens: { ...o, direction: "next" },
|
|
30
30
|
type: "button",
|
|
31
31
|
...r,
|
|
32
32
|
handlePress: r?.onPress,
|
|
33
|
-
children: /* @__PURE__ */
|
|
33
|
+
children: /* @__PURE__ */ t(s, { icon: i?.buttonNext?.icon ?? "ArrowRight" })
|
|
34
34
|
}
|
|
35
35
|
)
|
|
36
36
|
] });
|
package/index126.mjs
CHANGED
|
@@ -1,13 +1,13 @@
|
|
|
1
1
|
"use client";
|
|
2
2
|
import { jsx as n } from "react/jsx-runtime";
|
|
3
|
-
import {
|
|
4
|
-
const o =
|
|
3
|
+
import { use as u, createContext as c } from "react";
|
|
4
|
+
const o = c(null);
|
|
5
5
|
function i(t) {
|
|
6
6
|
const { children: e, state: r } = t;
|
|
7
7
|
return /* @__PURE__ */ n(o, { value: r, children: e });
|
|
8
8
|
}
|
|
9
9
|
function s() {
|
|
10
|
-
const t =
|
|
10
|
+
const t = u(o);
|
|
11
11
|
return t ?? null;
|
|
12
12
|
}
|
|
13
13
|
export {
|
package/index129.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
"use strict";const n=require("react/jsx-runtime"),i=require("./index7.js"),l=require("./index8.js"),x=require("./index48.js"),a=require("./index74.js");function u({ref:c,...
|
|
2
|
+
"use strict";const n=require("react/jsx-runtime"),i=require("./index7.js"),l=require("./index8.js"),x=require("./index48.js"),a=require("./index74.js");function u({ref:c,...h}){const{themeName:e="datePicker",tokens:t,groupProps:m,buttonProps:s,buttonLabel:r,buttonContent:o,icon:p,children:d}=h;return n.jsxs(i.BoxWithForwardRef,{themeName:`${e}.wrapper`,tokens:t,...m,ref:c,children:[r!=null&&r!==""&&n.jsx(a.Typography,{themeName:`${e}.buttonLabel`,tokens:t,children:r}),n.jsx(i.Box,{themeName:`${e}.dateFieldContainer`,tokens:t,children:d}),n.jsxs(l.Button,{themeName:`${e}.button`,tokens:t,type:"button",...s,handlePress:s.onPress,children:[o!=null&&o!==""&&n.jsx(a.Typography,{themeName:`${e}.buttonContent`,tokens:t,children:o}),n.jsx(x,{themeName:`${e}.icon`,tokens:t,icon:p??"ArrowDown"})]})]})}u.displayName="Wrapper";module.exports=u;
|
package/index129.mjs
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
"use client";
|
|
2
2
|
import { jsxs as a, jsx as o } from "react/jsx-runtime";
|
|
3
3
|
import { BoxWithForwardRef as c, Box as d } from "./index7.mjs";
|
|
4
|
-
import {
|
|
4
|
+
import { Button as b } from "./index8.mjs";
|
|
5
5
|
import f from "./index48.mjs";
|
|
6
6
|
import { Typography as p } from "./index74.mjs";
|
|
7
7
|
function N({ ref: i, ...h }) {
|
package/index141.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
"use strict";const e=require("react/jsx-runtime"),q=require("react"),l=require("react-aria"),r=require("./index7.js"),w=require("./index8.js");function N(n){const{themeName:s,tokens:d,customTheme:h,as:$,item:i,state:x,...
|
|
2
|
+
"use strict";const e=require("react/jsx-runtime"),q=require("react"),l=require("react-aria"),r=require("./index7.js"),w=require("./index8.js");function N(n){const{themeName:s,tokens:d,customTheme:h,as:$,item:i,state:x,...P}=n,{removeButtonProps:o,href:c}=i.props??{},u=q.useRef(null),{rowProps:p,gridCellProps:B,removeButtonProps:a,allowsRemoving:g,isDisabled:f,isFocused:k,isPressed:v,isSelected:j}=l.useTag(n,x,u),t={...d,isDisabled:f,isFocused:k,isPressed:v,isSelected:j,isLink:c!=null&&c!==""},R={...o,...a,handlePress:m=>{o?.handlePress?.(m),a?.onPress?.(m)}};return e.jsx(l.FocusRing,{focusRingClass:"has-focus-ring within",children:e.jsx(r.BoxWithForwardRef,{...P,...p,ref:u,themeName:`${s}.wrapper`,tokens:t,customTheme:h,children:e.jsxs(r.Box,{themeName:`${s}.container`,tokens:t,...B,children:[e.jsx(r.Box,{themeName:`${s}.item`,tokens:t,children:i.rendered}),g&&o!=null&&e.jsx(w.Button,{themeName:`${s}.removeButton`,tokens:t,...R})]})})})}module.exports=N;
|
package/index141.mjs
CHANGED
|
@@ -2,8 +2,8 @@
|
|
|
2
2
|
import { jsx as t, jsxs as N } from "react/jsx-runtime";
|
|
3
3
|
import { useRef as R } from "react";
|
|
4
4
|
import { useTag as T, FocusRing as $ } from "react-aria";
|
|
5
|
-
import { BoxWithForwardRef as C, Box as
|
|
6
|
-
import {
|
|
5
|
+
import { BoxWithForwardRef as C, Box as l } from "./index7.mjs";
|
|
6
|
+
import { Button as F } from "./index8.mjs";
|
|
7
7
|
function S(r) {
|
|
8
8
|
const { themeName: e, tokens: c, customTheme: h, as: j, item: n, state: p, ...d } = r, { removeButtonProps: s, href: m } = n.props ?? {}, i = R(null), {
|
|
9
9
|
rowProps: f,
|
|
@@ -24,8 +24,8 @@ function S(r) {
|
|
|
24
24
|
}, x = {
|
|
25
25
|
...s,
|
|
26
26
|
...a,
|
|
27
|
-
handlePress: (
|
|
28
|
-
s?.handlePress?.(
|
|
27
|
+
handlePress: (u) => {
|
|
28
|
+
s?.handlePress?.(u), a?.onPress?.(u);
|
|
29
29
|
}
|
|
30
30
|
};
|
|
31
31
|
return /* @__PURE__ */ t($, { focusRingClass: "has-focus-ring within", children: /* @__PURE__ */ t(
|
|
@@ -37,8 +37,8 @@ function S(r) {
|
|
|
37
37
|
themeName: `${e}.wrapper`,
|
|
38
38
|
tokens: o,
|
|
39
39
|
customTheme: h,
|
|
40
|
-
children: /* @__PURE__ */ N(
|
|
41
|
-
/* @__PURE__ */ t(
|
|
40
|
+
children: /* @__PURE__ */ N(l, { themeName: `${e}.container`, tokens: o, ...P, children: [
|
|
41
|
+
/* @__PURE__ */ t(l, { themeName: `${e}.item`, tokens: o, children: n.rendered }),
|
|
42
42
|
B && s != null && /* @__PURE__ */ t(F, { themeName: `${e}.removeButton`, tokens: o, ...x })
|
|
43
43
|
] })
|
|
44
44
|
}
|
package/index20.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
"use strict";const i=require("react/jsx-runtime"),a=require("./index8.js"),l=require("./index23.js");function r(e){const{themeName:t="carousel.pagination",tokens:n,customTheme:o}=e,{paginationBulletProps:s,isActive:u}=l.useCarouselPaginationBullet(e);return i.jsx(a.
|
|
2
|
+
"use strict";const i=require("react/jsx-runtime"),a=require("./index8.js"),l=require("./index23.js");function r(e){const{themeName:t="carousel.pagination",tokens:n,customTheme:o}=e,{paginationBulletProps:s,isActive:u}=l.useCarouselPaginationBullet(e);return i.jsx(a.Button,{customTheme:o,as:"button",...s,themeName:`${t}.bullet`,tokens:{...n,active:u}})}module.exports=r;
|
package/index20.mjs
CHANGED
|
@@ -1,17 +1,17 @@
|
|
|
1
1
|
"use client";
|
|
2
2
|
import { jsx as u } from "react/jsx-runtime";
|
|
3
|
-
import {
|
|
4
|
-
import { useCarouselPaginationBullet as
|
|
3
|
+
import { Button as s } from "./index8.mjs";
|
|
4
|
+
import { useCarouselPaginationBullet as m } from "./index23.mjs";
|
|
5
5
|
function p(t) {
|
|
6
|
-
const { themeName:
|
|
6
|
+
const { themeName: o = "carousel.pagination", tokens: e, customTheme: n } = t, { paginationBulletProps: a, isActive: i } = m(t);
|
|
7
7
|
return /* @__PURE__ */ u(
|
|
8
|
-
|
|
8
|
+
s,
|
|
9
9
|
{
|
|
10
10
|
customTheme: n,
|
|
11
11
|
as: "button",
|
|
12
12
|
...a,
|
|
13
|
-
themeName: `${
|
|
14
|
-
tokens: { ...
|
|
13
|
+
themeName: `${o}.bullet`,
|
|
14
|
+
tokens: { ...e, active: i }
|
|
15
15
|
}
|
|
16
16
|
);
|
|
17
17
|
}
|
package/index43.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
"use strict";const e=require("react/jsx-runtime"),m=require("react"),b=require("react-aria"),
|
|
2
|
+
"use strict";const e=require("react/jsx-runtime"),m=require("react"),b=require("react-aria"),C=require("react-stately"),D=require("./index88.js"),v=require("./index90.js"),c=require("./index7.js"),w=require("./index8.js"),F=require("./index99.js"),R=require("./index130.js"),T=require("./index74.js");function I({value:t}){return t===""?e.jsx(R,{width:"16",height:"16"}):e.jsx(F,{width:"16",height:"16"})}function M(t){const{setUserSearchQuery:u}=v.useUserQueryValHook(),{label:h,themeName:s="search",tokens:p,customTheme:g,disabled:j,errorMessage:l,placeholder:q,icon:o,isDisabled:f}=t,n=f||j,d={...t,isDisabled:n},a=C.useSearchFieldState(d),x=m.useRef(null),{labelProps:k,inputProps:i,errorMessageProps:$,clearButtonProps:S}=b.useSearchField(d,a,x),y=m.useCallback(P=>{u(a.value),i.onChange?.(P)},[u,a.value,i]),B=l!=null,r={...p,isError:B,isDisabled:n??!1},N=D(`${s}.input`,r,g);return e.jsxs(c.Box,{themeName:`${s}.wrapper`,tokens:r,"aria-disabled":n??!1,children:[h!=null&&e.jsx(c.Box,{...k,as:"label",themeName:`${s}.label`,tokens:r,children:h}),e.jsxs(c.Box,{themeName:`${s}.container`,tokens:r,children:[e.jsx("input",{ref:x,...i,onChange:y,placeholder:q,className:N,disabled:n}),e.jsx(b.FocusRing,{focusRingClass:"has-focus-ring",children:e.jsxs(w.Button,{isDisabled:n,handlePress:S.onPress,tokens:{isIconOnly:!0,buttonStyle:"hollow",isDisabled:n??!1},themeName:`${s}.icon`,"aria-label":"clear",children:[o==null&&e.jsx(I,{value:a.value}),o!=null&&o]})})]}),l!=null&&e.jsx(T.Typography,{themeName:`${s}.errorMessage`,tokens:r,...$,children:l})]})}module.exports=M;
|
package/index43.mjs
CHANGED
|
@@ -1,38 +1,38 @@
|
|
|
1
1
|
"use client";
|
|
2
2
|
import { jsxs as c, jsx as e } from "react/jsx-runtime";
|
|
3
|
-
import { useRef as
|
|
3
|
+
import { useRef as x, useCallback as T } from "react";
|
|
4
4
|
import { useSearchField as v, FocusRing as w } from "react-aria";
|
|
5
5
|
import { useSearchFieldState as F } from "react-stately";
|
|
6
6
|
import I from "./index88.mjs";
|
|
7
7
|
import { useUserQueryValHook as M } from "./index90.mjs";
|
|
8
8
|
import { Box as m } from "./index7.mjs";
|
|
9
|
-
import {
|
|
9
|
+
import { Button as R } from "./index8.mjs";
|
|
10
10
|
import j from "./index99.mjs";
|
|
11
11
|
import Q from "./index130.mjs";
|
|
12
12
|
import { Typography as U } from "./index74.mjs";
|
|
13
|
-
function E({ value:
|
|
14
|
-
return
|
|
13
|
+
function E({ value: t }) {
|
|
14
|
+
return t === "" ? /* @__PURE__ */ e(Q, { width: "16", height: "16" }) : /* @__PURE__ */ e(j, { width: "16", height: "16" });
|
|
15
15
|
}
|
|
16
|
-
function X(
|
|
17
|
-
const { setUserSearchQuery:
|
|
18
|
-
label:
|
|
16
|
+
function X(t) {
|
|
17
|
+
const { setUserSearchQuery: u } = M(), {
|
|
18
|
+
label: h,
|
|
19
19
|
themeName: s = "search",
|
|
20
20
|
tokens: f,
|
|
21
21
|
customTheme: b,
|
|
22
22
|
disabled: g,
|
|
23
|
-
errorMessage:
|
|
23
|
+
errorMessage: a,
|
|
24
24
|
placeholder: k,
|
|
25
|
-
icon:
|
|
25
|
+
icon: l,
|
|
26
26
|
isDisabled: C
|
|
27
|
-
} =
|
|
28
|
-
(
|
|
29
|
-
|
|
27
|
+
} = t, o = C || g, d = { ...t, isDisabled: o }, n = F(d), p = x(null), { labelProps: N, inputProps: i, errorMessageProps: P, clearButtonProps: S } = v(d, n, p), y = T(
|
|
28
|
+
($) => {
|
|
29
|
+
u(n.value), i.onChange?.($);
|
|
30
30
|
},
|
|
31
|
-
[
|
|
32
|
-
),
|
|
33
|
-
return /* @__PURE__ */ c(m, { themeName: `${s}.wrapper`, tokens:
|
|
34
|
-
|
|
35
|
-
/* @__PURE__ */ c(m, { themeName: `${s}.container`, tokens:
|
|
31
|
+
[u, n.value, i]
|
|
32
|
+
), B = a != null, r = { ...f, isError: B, isDisabled: o ?? !1 }, D = I(`${s}.input`, r, b);
|
|
33
|
+
return /* @__PURE__ */ c(m, { themeName: `${s}.wrapper`, tokens: r, "aria-disabled": o ?? !1, children: [
|
|
34
|
+
h != null && /* @__PURE__ */ e(m, { ...N, as: "label", themeName: `${s}.label`, tokens: r, children: h }),
|
|
35
|
+
/* @__PURE__ */ c(m, { themeName: `${s}.container`, tokens: r, children: [
|
|
36
36
|
/* @__PURE__ */ e(
|
|
37
37
|
"input",
|
|
38
38
|
{
|
|
@@ -40,26 +40,26 @@ function X(n) {
|
|
|
40
40
|
...i,
|
|
41
41
|
onChange: y,
|
|
42
42
|
placeholder: k,
|
|
43
|
-
className:
|
|
44
|
-
disabled:
|
|
43
|
+
className: D,
|
|
44
|
+
disabled: o
|
|
45
45
|
}
|
|
46
46
|
),
|
|
47
47
|
/* @__PURE__ */ e(w, { focusRingClass: "has-focus-ring", children: /* @__PURE__ */ c(
|
|
48
48
|
R,
|
|
49
49
|
{
|
|
50
|
-
isDisabled:
|
|
50
|
+
isDisabled: o,
|
|
51
51
|
handlePress: S.onPress,
|
|
52
|
-
tokens: { isIconOnly: !0, buttonStyle: "hollow", isDisabled:
|
|
52
|
+
tokens: { isIconOnly: !0, buttonStyle: "hollow", isDisabled: o ?? !1 },
|
|
53
53
|
themeName: `${s}.icon`,
|
|
54
54
|
"aria-label": "clear",
|
|
55
55
|
children: [
|
|
56
|
-
|
|
57
|
-
|
|
56
|
+
l == null && /* @__PURE__ */ e(E, { value: n.value }),
|
|
57
|
+
l != null && l
|
|
58
58
|
]
|
|
59
59
|
}
|
|
60
60
|
) })
|
|
61
61
|
] }),
|
|
62
|
-
|
|
62
|
+
a != null && /* @__PURE__ */ e(U, { themeName: `${s}.errorMessage`, tokens: r, ...P, children: a })
|
|
63
63
|
] });
|
|
64
64
|
}
|
|
65
65
|
export {
|
package/index49.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
"use strict";const e=require("react/jsx-runtime")
|
|
2
|
+
"use strict";const e=require("react/jsx-runtime"),$=require("react-aria"),q=require("react-stately"),b=require("./index79.js"),p=require("./index7.js"),a=require("./index8.js"),C=require("./index48.js"),N=require("./index54.js"),y=require("./index74.js");function f(n){const{themeName:o,tokens:s,children:i,...t}=n;return e.jsx(a.Button,{themeName:o,tokens:s,...t,children:e.jsx(C,{icon:"CloseBtn"})})}function w(n){const{children:o,thumbnailContent:s,label:i,themeName:t="lightBox",tokens:r,closeButton:l=f,closeButtonAriaLabel:u,transitionComponent:h,showTriggerButton:x=!0,showCloseButton:m=!0}=n,c=q.useOverlayTriggerState(n),{openTriggerProps:g,triggerProps:d,overlayProps:B,labelProps:j}=b({...n,type:"dialog"},c);return e.jsxs(e.Fragment,{children:[x&&e.jsx($.FocusRing,{focusRingClass:"has-focus-ring",within:!0,children:e.jsxs(a.Button,{themeName:`${t}.wrapper`,tokens:r,...g,children:[i&&e.jsx(y.Typography,{themeName:`${t}.label`,tokens:r,...j,children:i}),s]})}),e.jsxs(N,{themeName:`${t}.modal`,tokens:r,state:c,...B,transitionComponent:h,children:[m&&e.jsx(l,{themeName:`${t}.closeBtn`,tokens:r,"aria-label":u,...d}),e.jsx(p.Box,{themeName:`${t}.container`,tokens:r,children:o})]})]})}module.exports=w;
|
package/index49.mjs
CHANGED
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
import { jsxs as
|
|
2
|
+
import { jsxs as a, Fragment as C, jsx as t } from "react/jsx-runtime";
|
|
3
3
|
import { FocusRing as x } from "react-aria";
|
|
4
4
|
import { useOverlayTriggerState as N } from "react-stately";
|
|
5
5
|
import y from "./index79.mjs";
|
|
6
6
|
import { Box as $ } from "./index7.mjs";
|
|
7
|
-
import {
|
|
7
|
+
import { Button as s } from "./index8.mjs";
|
|
8
8
|
import w from "./index48.mjs";
|
|
9
9
|
import L from "./index54.mjs";
|
|
10
10
|
import { Typography as P } from "./index74.mjs";
|
|
@@ -24,21 +24,21 @@ function M(o) {
|
|
|
24
24
|
transitionComponent: u,
|
|
25
25
|
showTriggerButton: p = !0,
|
|
26
26
|
showCloseButton: g = !0
|
|
27
|
-
} = o,
|
|
27
|
+
} = o, l = N(o), { openTriggerProps: f, triggerProps: d, overlayProps: B, labelProps: b } = y(
|
|
28
28
|
{ ...o, type: "dialog" },
|
|
29
|
-
|
|
29
|
+
l
|
|
30
30
|
);
|
|
31
|
-
return /* @__PURE__ */
|
|
32
|
-
p && /* @__PURE__ */ t(x, { focusRingClass: "has-focus-ring", within: !0, children: /* @__PURE__ */
|
|
31
|
+
return /* @__PURE__ */ a(C, { children: [
|
|
32
|
+
p && /* @__PURE__ */ t(x, { focusRingClass: "has-focus-ring", within: !0, children: /* @__PURE__ */ a(s, { themeName: `${e}.wrapper`, tokens: r, ...f, children: [
|
|
33
33
|
m && /* @__PURE__ */ t(P, { themeName: `${e}.label`, tokens: r, ...b, children: m }),
|
|
34
34
|
i
|
|
35
35
|
] }) }),
|
|
36
|
-
/* @__PURE__ */
|
|
36
|
+
/* @__PURE__ */ a(
|
|
37
37
|
L,
|
|
38
38
|
{
|
|
39
39
|
themeName: `${e}.modal`,
|
|
40
40
|
tokens: r,
|
|
41
|
-
state:
|
|
41
|
+
state: l,
|
|
42
42
|
...B,
|
|
43
43
|
transitionComponent: u,
|
|
44
44
|
children: [
|
package/index50.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
"use strict";const l=require("react/jsx-runtime"),p=require("react"),y=require("./index84.js"),$=require("./index7.js"),L=require("./index8.js");function g(c){const{tabState:s,defaultSelectedKey:i}=y.useMenu(),{setSelectedKey:e}=s,{id:a,path:n,label:u,themeName:h="button",tokens:t,customTheme:m,target:f,children:x,childItems:d,as:o,ariaLabel:r,"aria-label":b,...N}=c,k=n?.substring(1),j=p.useCallback(()=>{if(k!=null){if(s.selectedKey===k){e(i);return}e(k)}},[k,s.selectedKey,e,i]);return l.jsx(L.
|
|
2
|
+
"use strict";const l=require("react/jsx-runtime"),p=require("react"),y=require("./index84.js"),$=require("./index7.js"),L=require("./index8.js");function g(c){const{tabState:s,defaultSelectedKey:i}=y.useMenu(),{setSelectedKey:e}=s,{id:a,path:n,label:u,themeName:h="button",tokens:t,customTheme:m,target:f,children:x,childItems:d,as:o,ariaLabel:r,"aria-label":b,...N}=c,k=n?.substring(1),j=p.useCallback(()=>{if(k!=null){if(s.selectedKey===k){e(i);return}e(k)}},[k,s.selectedKey,e,i]);return l.jsx(L.Button,{...N,themeName:`${h}`,tokens:t,customTheme:m,handlePress:j,as:o,"aria-label":b??r,children:p.isValidElement(x)?x:u},`button-${a}`)}function q(c){const{id:s,target:i,path:e,label:a,themeName:n="anchor",customTheme:u,tokens:h,nextLinkProps:t,children:m,as:f,childItems:x,ariaLabel:d,"aria-label":o,...r}=c,b=p.useRef(null);return e==null||a==null?null:l.jsx(L.Anchor,{...r,themeName:`${n}`,tokens:h,customTheme:u,nextLinkProps:{href:e,...t},ref:b,target:i??"_self",as:f,"aria-label":o??d,children:p.isValidElement(m)?m:a},`link-${s}`)}function B(c){const{menuItems:s,children:i,themeName:e="menuItem",tokens:a,customTheme:n,menuLinkComponent:u,buttonLinkComponent:h}=c;return l.jsxs($.Box,{themeName:`${e}.wrapper`,tokens:a,customTheme:n,children:[l.jsx($.Box,{themeName:`${e}.container`,tokens:a,customTheme:n,children:s?.map(t=>{const{id:m,path:f,label:x,as:d,...o}=t??{},r={...a,...t.tokens};if(t?.path==null||t.id==null)return null;const b=t.path?.startsWith("#")?"button":"a";return l.jsx($.Box,{themeName:`${e}.innerContent`,tokens:r,customTheme:n,children:b==="button"?l.jsx(g,{...o,...t,themeName:`${e}.button`,tokens:r,customTheme:n,as:d??h}):l.jsx(q,{...o,...t,themeName:`${e}.anchor`,tokens:r,customTheme:n,as:d??u})},`li-${t.id}`)})}),i]})}module.exports=B;
|
package/index50.mjs
CHANGED
|
@@ -3,8 +3,8 @@ import { jsxs as g, jsx as i } from "react/jsx-runtime";
|
|
|
3
3
|
import { useCallback as x, isValidElement as N, useRef as C } from "react";
|
|
4
4
|
import { useMenu as K } from "./index84.mjs";
|
|
5
5
|
import { Box as L } from "./index7.mjs";
|
|
6
|
-
import {
|
|
7
|
-
function
|
|
6
|
+
import { Button as T, Anchor as B } from "./index8.mjs";
|
|
7
|
+
function A(m) {
|
|
8
8
|
const { tabState: l, defaultSelectedKey: o } = K(), { setSelectedKey: e } = l, {
|
|
9
9
|
id: a,
|
|
10
10
|
path: n,
|
|
@@ -61,7 +61,7 @@ function E(m) {
|
|
|
61
61
|
...r
|
|
62
62
|
} = m, b = C(null);
|
|
63
63
|
return e == null || a == null ? null : /* @__PURE__ */ i(
|
|
64
|
-
|
|
64
|
+
B,
|
|
65
65
|
{
|
|
66
66
|
...r,
|
|
67
67
|
themeName: `${n}`,
|
|
@@ -103,7 +103,7 @@ function R(m) {
|
|
|
103
103
|
tokens: r,
|
|
104
104
|
customTheme: n,
|
|
105
105
|
children: b === "button" ? /* @__PURE__ */ i(
|
|
106
|
-
|
|
106
|
+
A,
|
|
107
107
|
{
|
|
108
108
|
...s,
|
|
109
109
|
...t,
|
package/index53.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
"use strict";const
|
|
2
|
+
"use strict";const o=require("react/jsx-runtime"),e=require("react"),q=require("./index84.js"),C=require("./index66.js"),b=require("./index136.js");function j(l){const{id:n="main-menu",children:d,TransitionAnimation:m,PanelTransition:f,themeName:t,tokens:r,customTheme:s,...h}=l,{closeBtn:x,tabState:c,defaultSelectedKey:i}=q.useMenu(),u=e.useRef(c),a=e.useRef(i);u.current=c,a.current=i;const R=e.useCallback(S=>{S||u.current?.setSelectedKey(a.current)},[]);return o.jsx(C,{themeName:`${t}.sidePanel`,tokens:r,customTheme:s,closeBtnRender:x,id:n,TransitionAnimation:m,PanelTransition:f,onOpenChange:R,children:o.jsx(b,{id:n,themeName:t,tokens:r,customTheme:s,...h,children:d})})}module.exports=j;
|
package/index53.mjs
CHANGED
|
@@ -1,33 +1,36 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
import { jsx as
|
|
3
|
-
import {
|
|
4
|
-
import
|
|
5
|
-
import
|
|
6
|
-
|
|
2
|
+
import { jsx as m } from "react/jsx-runtime";
|
|
3
|
+
import { useRef as s, useCallback as P } from "react";
|
|
4
|
+
import { useMenu as R } from "./index84.mjs";
|
|
5
|
+
import b from "./index66.mjs";
|
|
6
|
+
import y from "./index136.mjs";
|
|
7
|
+
function B(l) {
|
|
7
8
|
const {
|
|
8
9
|
id: e = "main-menu",
|
|
9
|
-
children:
|
|
10
|
-
TransitionAnimation:
|
|
11
|
-
PanelTransition:
|
|
10
|
+
children: u,
|
|
11
|
+
TransitionAnimation: d,
|
|
12
|
+
PanelTransition: f,
|
|
12
13
|
themeName: n,
|
|
13
14
|
tokens: t,
|
|
14
|
-
customTheme:
|
|
15
|
-
...
|
|
16
|
-
} =
|
|
17
|
-
|
|
18
|
-
|
|
15
|
+
customTheme: r,
|
|
16
|
+
...h
|
|
17
|
+
} = l, { closeBtn: p, tabState: o, defaultSelectedKey: a } = R(), i = s(o), c = s(a);
|
|
18
|
+
i.current = o, c.current = a;
|
|
19
|
+
const S = P((C) => {
|
|
20
|
+
C || i.current?.setSelectedKey(c.current);
|
|
21
|
+
}, []);
|
|
22
|
+
return /* @__PURE__ */ m(
|
|
23
|
+
b,
|
|
19
24
|
{
|
|
20
25
|
themeName: `${n}.sidePanel`,
|
|
21
26
|
tokens: t,
|
|
22
|
-
customTheme:
|
|
23
|
-
closeBtnRender:
|
|
27
|
+
customTheme: r,
|
|
28
|
+
closeBtnRender: p,
|
|
24
29
|
id: e,
|
|
25
|
-
TransitionAnimation:
|
|
26
|
-
PanelTransition:
|
|
27
|
-
onOpenChange:
|
|
28
|
-
|
|
29
|
-
},
|
|
30
|
-
children: /* @__PURE__ */ i(S, { id: e, themeName: n, tokens: t, customTheme: o, ...l, children: m })
|
|
30
|
+
TransitionAnimation: d,
|
|
31
|
+
PanelTransition: f,
|
|
32
|
+
onOpenChange: S,
|
|
33
|
+
children: /* @__PURE__ */ m(y, { id: e, themeName: n, tokens: t, customTheme: r, ...h, children: u })
|
|
31
34
|
}
|
|
32
35
|
);
|
|
33
36
|
}
|
package/index58.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
"use strict";const n=require("react/jsx-runtime"),u=require("./index8.js"),a=require("./index48.js");function d(t){const{ariaLabel:i,icon:o,customTheme:m,themeName:e="printButton",tokens:r,...s}=t,c=()=>{typeof window<"u"&&typeof window.print=="function"&&window.print()};return n.jsx(u.
|
|
2
|
+
"use strict";const n=require("react/jsx-runtime"),u=require("./index8.js"),a=require("./index48.js");function d(t){const{ariaLabel:i,icon:o,customTheme:m,themeName:e="printButton",tokens:r,...s}=t,c=()=>{typeof window<"u"&&typeof window.print=="function"&&window.print()};return n.jsx(u.Button,{themeName:`${e}.button`,tokens:r,"aria-label":i,handlePress:c,...s,children:n.jsx(a,{themeName:`${e}.icon`,icon:o??"Print"})})}module.exports=d;
|
package/index58.mjs
CHANGED
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
"use client";
|
|
2
2
|
import { jsx as n } from "react/jsx-runtime";
|
|
3
|
-
import {
|
|
3
|
+
import { Button as c } from "./index8.mjs";
|
|
4
4
|
import p from "./index48.mjs";
|
|
5
|
-
function h(
|
|
6
|
-
const { ariaLabel:
|
|
5
|
+
function h(o) {
|
|
6
|
+
const { ariaLabel: e, icon: i, customTheme: s, themeName: t = "printButton", tokens: r, ...a } = o, m = () => {
|
|
7
7
|
typeof window < "u" && typeof window.print == "function" && window.print();
|
|
8
8
|
};
|
|
9
9
|
return /* @__PURE__ */ n(
|
|
@@ -11,9 +11,9 @@ function h(e) {
|
|
|
11
11
|
{
|
|
12
12
|
themeName: `${t}.button`,
|
|
13
13
|
tokens: r,
|
|
14
|
-
"aria-label":
|
|
15
|
-
handlePress:
|
|
16
|
-
...
|
|
14
|
+
"aria-label": e,
|
|
15
|
+
handlePress: m,
|
|
16
|
+
...a,
|
|
17
17
|
children: /* @__PURE__ */ n(p, { themeName: `${t}.icon`, icon: i ?? "Print" })
|
|
18
18
|
}
|
|
19
19
|
);
|
package/index59.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react/jsx-runtime"),N=require("react"),v=require("react-aria"),b=require("./index88.js"),
|
|
2
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react/jsx-runtime"),N=require("react"),v=require("react-aria"),b=require("./index88.js"),j=require("./index8.js"),C=require("./index48.js");function L(h){const{sharingLinksList:p,id:d,isOpen:l,setIsOpen:m,onShare:k,themeName:a="shareButton",tokens:o,customTheme:c}=h,w=b(`${a}.linksList`,{...o,isOpen:l},c),t=v.useFocusManager(),f=n=>{n.key==="Escape"&&m(!1);const{listDirection:u}=o??{};u==="row"&&(n.key==="ArrowRight"&&(t?.focusNext({wrap:!0}),n.preventDefault()),n.key==="ArrowLeft"&&(t?.focusPrevious({wrap:!0}),n.preventDefault())),u==="column"&&(n.key==="ArrowDown"&&(t?.focusNext({wrap:!0}),n.preventDefault()),n.key==="ArrowUp"&&(t?.focusPrevious({wrap:!0}),n.preventDefault()))};return s.jsx("div",{className:w,id:d,role:"listbox",tabIndex:-1,onKeyDown:f,children:p?.map(n=>{const{ariaLabel:u,onClick:x,href:e,icon:r,key:i}=n;return s.jsx(j.Button,{themeName:`${a}.link`,tokens:{...o,isOpen:l},handlePress:()=>{k?.(i),x?.(i)},"aria-label":u,...e!=null&&e!==""?{href:e,rel:"noopener noreferrer",target:"_blank",as:"a"}:{},role:"option",children:s.jsx(C,{themeName:`${a}.linkIcons`,icon:r})},i)})})}function S(h){const{ariaLabel:p,icon:d,id:l,sharingLinksList:m,onShare:k,customTheme:a,themeName:o="shareButton",tokens:c,...w}=h,[t,f]=N.useState(!1),n=b(`${o}.container`,c,a),u=e=>{f(!t),!t&&setTimeout(()=>{e.target.parentElement?.lastChild?.firstChild?.focus()})},x=e=>{const r=e.currentTarget.firstChild,i=e.currentTarget.lastChild,y=i.firstChild,g=i.lastChild,{listDirection:D}=c??{};D==="row"&&(e.key==="ArrowRight"&&e.target===r&&(y?.focus(),e.preventDefault()),e.key==="ArrowLeft"&&e.target===r&&(g.focus(),e.preventDefault())),D==="column"&&(e.key==="ArrowDown"&&e.target===r&&(y?.focus(),e.preventDefault()),e.key==="ArrowUp"&&e.target===r&&(g.focus(),e.preventDefault())),e.key==="Escape"&&(f(!1),r?.focus()),document.activeElement===i&&r?.focus()};return s.jsx(v.FocusScope,{autoFocus:!0,restoreFocus:!0,contain:t,children:s.jsxs("div",{className:n,onKeyDown:x,children:[s.jsx(j.ButtonWithForwardRef,{themeName:`${o}.button`,tokens:{...c,isOpen:t},"aria-label":p,"aria-haspopup":"listbox","aria-expanded":t,...t&&{"aria-controls":l},handlePress:u,...w,children:s.jsx(C,{themeName:`${o}.icon`,icon:d??"Share"})}),t&&s.jsx(L,{id:l,sharingLinksList:m,onShare:k,isOpen:t,setIsOpen:f,themeName:o,customTheme:a,tokens:c})]})})}exports.IconsContainer=L;exports.ShareButton=S;
|
package/index59.mjs
CHANGED
|
@@ -3,9 +3,9 @@ import { jsx as i, jsxs as L } from "react/jsx-runtime";
|
|
|
3
3
|
import { useState as N } from "react";
|
|
4
4
|
import { FocusScope as b, useFocusManager as A } from "react-aria";
|
|
5
5
|
import x from "./index88.mjs";
|
|
6
|
-
import { ButtonWithForwardRef as
|
|
6
|
+
import { ButtonWithForwardRef as B, Button as O } from "./index8.mjs";
|
|
7
7
|
import C from "./index48.mjs";
|
|
8
|
-
function
|
|
8
|
+
function T(h) {
|
|
9
9
|
const { sharingLinksList: p, id: m, isOpen: u, setIsOpen: d, onShare: k, themeName: a = "shareButton", tokens: r, customTheme: c } = h, w = x(`${a}.linksList`, { ...r, isOpen: u }, c), t = A();
|
|
10
10
|
return /* @__PURE__ */ i("div", { className: w, id: m, role: "listbox", tabIndex: -1, onKeyDown: (o) => {
|
|
11
11
|
o.key === "Escape" && d(!1);
|
|
@@ -14,7 +14,7 @@ function B(h) {
|
|
|
14
14
|
}, children: p?.map((o) => {
|
|
15
15
|
const { ariaLabel: l, onClick: D, href: e, icon: n, key: s } = o;
|
|
16
16
|
return /* @__PURE__ */ i(
|
|
17
|
-
|
|
17
|
+
O,
|
|
18
18
|
{
|
|
19
19
|
themeName: `${a}.link`,
|
|
20
20
|
tokens: { ...r, isOpen: u },
|
|
@@ -51,7 +51,7 @@ function P(h) {
|
|
|
51
51
|
v === "row" && (e.key === "ArrowRight" && e.target === n && (y?.focus(), e.preventDefault()), e.key === "ArrowLeft" && e.target === n && (g.focus(), e.preventDefault())), v === "column" && (e.key === "ArrowDown" && e.target === n && (y?.focus(), e.preventDefault()), e.key === "ArrowUp" && e.target === n && (g.focus(), e.preventDefault())), e.key === "Escape" && (f(!1), n?.focus()), document.activeElement === s && n?.focus();
|
|
52
52
|
}, children: [
|
|
53
53
|
/* @__PURE__ */ i(
|
|
54
|
-
|
|
54
|
+
B,
|
|
55
55
|
{
|
|
56
56
|
themeName: `${r}.button`,
|
|
57
57
|
tokens: { ...c, isOpen: t },
|
|
@@ -65,7 +65,7 @@ function P(h) {
|
|
|
65
65
|
}
|
|
66
66
|
),
|
|
67
67
|
t && /* @__PURE__ */ i(
|
|
68
|
-
|
|
68
|
+
T,
|
|
69
69
|
{
|
|
70
70
|
id: u,
|
|
71
71
|
sharingLinksList: d,
|
|
@@ -80,6 +80,6 @@ function P(h) {
|
|
|
80
80
|
] }) });
|
|
81
81
|
}
|
|
82
82
|
export {
|
|
83
|
-
|
|
83
|
+
T as IconsContainer,
|
|
84
84
|
P as ShareButton
|
|
85
85
|
};
|
package/index6.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
"use strict";const n=require("react/jsx-runtime"),u=require("react"),h=require("./index82.js"),o=require("./index7.js"),$=require("./index8.js"),j=require("./index48.js");function q(c){const{title:i,button:s,content:e,themeName:t="alerts.item",tokens:l,icon:r,id:m,swiperSlideIndex:a=0}=c,{activeIndex:x}=h.useCarousel(),d=x===a;return i==null&&s==null&&e==null&&r==null?null:n.jsxs(n.Fragment,{children:[r!=null&&n.jsx(j,{icon:r,themeName:`${t}.icon`,tokens:l}),(i!=null||s!=null||e!=null)&&n.jsxs(o.Box,{themeName:`${t}.container`,tokens:l,children:[i!=null&&n.jsx(o.Box,{as:"span",themeName:`${t}.title`,tokens:l,id:m,children:i}),s!=null&&n.jsx($.
|
|
2
|
+
"use strict";const n=require("react/jsx-runtime"),u=require("react"),h=require("./index82.js"),o=require("./index7.js"),$=require("./index8.js"),j=require("./index48.js");function q(c){const{title:i,button:s,content:e,themeName:t="alerts.item",tokens:l,icon:r,id:m,swiperSlideIndex:a=0}=c,{activeIndex:x}=h.useCarousel(),d=x===a;return i==null&&s==null&&e==null&&r==null?null:n.jsxs(n.Fragment,{children:[r!=null&&n.jsx(j,{icon:r,themeName:`${t}.icon`,tokens:l}),(i!=null||s!=null||e!=null)&&n.jsxs(o.Box,{themeName:`${t}.container`,tokens:l,children:[i!=null&&n.jsx(o.Box,{as:"span",themeName:`${t}.title`,tokens:l,id:m,children:i}),s!=null&&n.jsx($.Button,{tabIndex:d?0:-1,themeName:`${t}.button`,tokens:l,...s}),e!=null&&(u.isValidElement(e)?u.cloneElement(e,{themeName:`${t}.content`,tokens:l}):e)]})]})}module.exports=q;
|
package/index6.mjs
CHANGED
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
"use client";
|
|
2
2
|
import { jsxs as i, Fragment as h, jsx as r } from "react/jsx-runtime";
|
|
3
|
-
import {
|
|
3
|
+
import { isValidElement as f, cloneElement as x } from "react";
|
|
4
4
|
import { useCarousel as N } from "./index82.mjs";
|
|
5
5
|
import { Box as u } from "./index7.mjs";
|
|
6
|
-
import {
|
|
6
|
+
import { Button as I } from "./index8.mjs";
|
|
7
7
|
import $ from "./index48.mjs";
|
|
8
8
|
function E(a) {
|
|
9
9
|
const { title: l, button: o, content: e, themeName: t = "alerts.item", tokens: n, icon: m, id: s, swiperSlideIndex: c = 0 } = a, { activeIndex: p } = N(), d = p === c;
|
|
@@ -12,7 +12,7 @@ function E(a) {
|
|
|
12
12
|
(l != null || o != null || e != null) && /* @__PURE__ */ i(u, { themeName: `${t}.container`, tokens: n, children: [
|
|
13
13
|
l != null && /* @__PURE__ */ r(u, { as: "span", themeName: `${t}.title`, tokens: n, id: s, children: l }),
|
|
14
14
|
o != null && /* @__PURE__ */ r(I, { tabIndex: d ? 0 : -1, themeName: `${t}.button`, tokens: n, ...o }),
|
|
15
|
-
e != null && (
|
|
15
|
+
e != null && (f(e) ? x(e, {
|
|
16
16
|
themeName: `${t}.content`,
|
|
17
17
|
tokens: n
|
|
18
18
|
}) : e)
|
package/index67.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("react/jsx-runtime"),p=require("react"),M=require("react-aria"),f=require("./index7.js"),k=require("./index8.js");function c({href:
|
|
2
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("react/jsx-runtime"),p=require("react"),M=require("react-aria"),f=require("./index7.js"),k=require("./index8.js");function c({href:i="#main",themeName:n="skipToMain",tokens:e,customTheme:a,children:r,ariaLabel:t,...o}){return u.jsx(k.Button,{as:"a",href:i,themeName:n,tokens:e,customTheme:a,"aria-label":t,...o,children:r})}function l({as:i="main",id:n="main",tabIndex:e=-1,themeName:a="main",tokens:r,customTheme:t,children:o,...m}){const s=p.useRef(null),{landmarkProps:d}=M.useLandmark({role:"main"},s);return u.jsx(f.BoxWithForwardRef,{as:i,id:n,themeName:a,tokens:r,customTheme:t,ref:s,...m,...d,tabIndex:e,children:o})}c.displayName="SkipToMain";l.displayName="Main";exports.Main=l;exports.SkipToMain=c;
|
package/index67.mjs
CHANGED
|
@@ -1,14 +1,14 @@
|
|
|
1
1
|
"use client";
|
|
2
2
|
import { jsx as p } from "react/jsx-runtime";
|
|
3
|
-
import { useRef as
|
|
4
|
-
import { useLandmark as
|
|
3
|
+
import { useRef as u } from "react";
|
|
4
|
+
import { useLandmark as l } from "react-aria";
|
|
5
5
|
import { BoxWithForwardRef as d } from "./index7.mjs";
|
|
6
|
-
import {
|
|
6
|
+
import { Button as k } from "./index8.mjs";
|
|
7
7
|
function M({
|
|
8
8
|
href: o = "#main",
|
|
9
9
|
themeName: a = "skipToMain",
|
|
10
|
-
tokens:
|
|
11
|
-
customTheme:
|
|
10
|
+
tokens: n,
|
|
11
|
+
customTheme: i,
|
|
12
12
|
children: r,
|
|
13
13
|
ariaLabel: m,
|
|
14
14
|
...t
|
|
@@ -19,8 +19,8 @@ function M({
|
|
|
19
19
|
as: "a",
|
|
20
20
|
href: o,
|
|
21
21
|
themeName: a,
|
|
22
|
-
tokens:
|
|
23
|
-
customTheme:
|
|
22
|
+
tokens: n,
|
|
23
|
+
customTheme: i,
|
|
24
24
|
"aria-label": m,
|
|
25
25
|
...t,
|
|
26
26
|
children: r
|
|
@@ -30,14 +30,14 @@ function M({
|
|
|
30
30
|
function c({
|
|
31
31
|
as: o = "main",
|
|
32
32
|
id: a = "main",
|
|
33
|
-
tabIndex:
|
|
34
|
-
themeName:
|
|
33
|
+
tabIndex: n = -1,
|
|
34
|
+
themeName: i = "main",
|
|
35
35
|
tokens: r,
|
|
36
36
|
customTheme: m,
|
|
37
37
|
children: t,
|
|
38
|
-
...
|
|
38
|
+
...s
|
|
39
39
|
}) {
|
|
40
|
-
const e =
|
|
40
|
+
const e = u(null), { landmarkProps: f } = l(
|
|
41
41
|
{
|
|
42
42
|
role: "main"
|
|
43
43
|
},
|
|
@@ -48,13 +48,13 @@ function c({
|
|
|
48
48
|
{
|
|
49
49
|
as: o,
|
|
50
50
|
id: a,
|
|
51
|
-
themeName:
|
|
51
|
+
themeName: i,
|
|
52
52
|
tokens: r,
|
|
53
53
|
customTheme: m,
|
|
54
54
|
ref: e,
|
|
55
|
-
...f,
|
|
56
55
|
...s,
|
|
57
|
-
|
|
56
|
+
...f,
|
|
57
|
+
tabIndex: n,
|
|
58
58
|
children: t
|
|
59
59
|
}
|
|
60
60
|
);
|
package/index85.mjs
CHANGED
|
@@ -1,13 +1,13 @@
|
|
|
1
1
|
"use client";
|
|
2
2
|
import { jsx as e } from "react/jsx-runtime";
|
|
3
|
-
import {
|
|
4
|
-
const o =
|
|
3
|
+
import { use as u, createContext as i } from "react";
|
|
4
|
+
const o = i(null);
|
|
5
5
|
function s(t) {
|
|
6
6
|
const { children: r, state: n } = t;
|
|
7
7
|
return /* @__PURE__ */ e(o, { value: n, children: r });
|
|
8
8
|
}
|
|
9
9
|
function a() {
|
|
10
|
-
const t =
|
|
10
|
+
const t = u(o);
|
|
11
11
|
return t !== null ? t : null;
|
|
12
12
|
}
|
|
13
13
|
export {
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@okam/stack-ui",
|
|
3
|
-
"version": "1.44.
|
|
3
|
+
"version": "1.44.6",
|
|
4
4
|
"repository": {
|
|
5
5
|
"url": "https://github.com/OKAMca/stack.git"
|
|
6
6
|
},
|
|
@@ -30,7 +30,7 @@
|
|
|
30
30
|
},
|
|
31
31
|
"dependencies": {
|
|
32
32
|
"@internationalized/date": "^3.10.1",
|
|
33
|
-
"@okam/core-lib": "1.17.
|
|
33
|
+
"@okam/core-lib": "1.17.4",
|
|
34
34
|
"@okam/logger": "1.1.0",
|
|
35
35
|
"@react-aria/selection": "^3.27.0",
|
|
36
36
|
"@react-aria/utils": "^3.32.0",
|