@okam/stack-ui 1.44.4 → 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/components/Accordion/components/AccordionItem.d.ts +2 -2
- package/components/Alerts/components/AlertsCloseButton.d.ts +2 -2
- package/components/Alerts/interface.d.ts +3 -3
- package/components/Box/index.d.ts +2 -2
- package/components/Box/interface.d.ts +2 -2
- package/components/Button/index.d.ts +3 -3
- package/components/Button/interface.d.ts +2 -3
- package/components/Carousel/index.d.ts +2 -2
- package/components/Carousel/navigation/LegacyCarouselNavigationButton.d.ts +2 -2
- package/components/Icon/interface.d.ts +3 -4
- package/components/Lightbox/interface.d.ts +3 -4
- package/components/Menu/interface.d.ts +10 -10
- package/components/Modal/interface.d.ts +3 -4
- package/components/Node/index.d.ts +2 -2
- package/components/PrintButton/interface.d.ts +2 -2
- package/components/ShareButton/interface.d.ts +3 -3
- package/components/SidePanel/interface.d.ts +3 -4
- package/components/TabList/components/TabItem.d.ts +2 -2
- package/components/TabList/interface.d.ts +2 -3
- package/components/TagGroup/components/TagItem.d.ts +2 -2
- package/components/Typography/index.d.ts +2 -2
- package/components/Typography/interface.d.ts +2 -2
- package/components/fields/Checkbox/Checkbox.interface.d.ts +2 -2
- package/components/fields/CheckboxGroup/interface.d.ts +2 -2
- package/components/fields/ComboBox/hooks/useComboBoxFiltering.d.ts +4 -4
- package/components/fields/DatePicker/interface.d.ts +1 -2
- package/components/fields/Radio/Radio.interface.d.ts +2 -2
- package/components/fields/RadioGroup/interface.d.ts +2 -2
- package/components/fields/SearchField/interface.d.ts +3 -3
- package/components/fields/Select/Select.interface.d.ts +2 -3
- package/components/fields/Select/components/Listbox.interface.d.ts +2 -2
- package/components/fields/Select/components/Popover.interface.d.ts +4 -4
- package/components/icons/ArrowDown.d.ts +3 -3
- package/components/icons/ArrowLeft.d.ts +3 -3
- package/components/icons/ArrowRight.d.ts +3 -3
- package/components/icons/Check.d.ts +3 -3
- package/components/icons/ChevronLeft.d.ts +3 -3
- package/components/icons/ChevronRight.d.ts +3 -3
- package/components/icons/CloseBtn.d.ts +3 -3
- package/components/icons/ErrorIcon.d.ts +3 -3
- package/components/icons/Facebook.d.ts +3 -3
- package/components/icons/FacebookColored.d.ts +3 -3
- package/components/icons/FacebookRounded.d.ts +3 -3
- package/components/icons/Globe.d.ts +3 -3
- package/components/icons/IconFallback.d.ts +3 -3
- package/components/icons/Instagram.d.ts +3 -3
- package/components/icons/InstagramColored.d.ts +3 -3
- package/components/icons/Link.d.ts +3 -3
- package/components/icons/LinkedIn.d.ts +3 -3
- package/components/icons/Mail.d.ts +3 -3
- package/components/icons/Plus.d.ts +3 -3
- package/components/icons/Print.d.ts +3 -3
- package/components/icons/Search.d.ts +3 -3
- package/components/icons/Share.d.ts +3 -3
- package/components/icons/Twitter.d.ts +3 -3
- package/components/icons/TwitterColored.d.ts +3 -3
- package/components/icons/Upload.d.ts +3 -3
- package/components/icons/X.d.ts +3 -3
- package/components/icons/YouTube.d.ts +3 -3
- package/components/icons/YouTubeColored.d.ts +3 -3
- package/index.js +1 -1
- package/index.mjs +12 -12
- package/index10.js +1 -1
- package/index100.js +1 -1
- package/index102.js +1 -1
- package/index103.js +1 -1
- package/index104.js +1 -1
- package/index107.js +1 -1
- package/index108.js +1 -1
- package/index109.js +1 -1
- package/index111.js +1 -1
- package/index116.js +1 -1
- package/index117.js +1 -1
- package/index119.js +1 -1
- 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/index13.js +1 -1
- package/index131.js +1 -1
- package/index131.mjs +10 -10
- package/index132.js +1 -1
- package/index132.mjs +8 -8
- package/index141.js +1 -1
- package/index141.mjs +6 -6
- package/index171.js +1 -1
- package/index20.js +1 -1
- package/index20.mjs +6 -6
- package/index29.js +1 -1
- package/index3.js +1 -1
- package/index3.mjs +8 -8
- package/index33.js +1 -1
- package/index33.mjs +6 -7
- package/index34.js +1 -1
- package/index35.js +1 -1
- package/index35.mjs +10 -10
- package/index36.js +1 -1
- package/index37.js +1 -1
- package/index38.js +1 -1
- package/index40.js +1 -1
- package/index43.js +1 -1
- package/index43.mjs +25 -26
- package/index44.js +1 -1
- package/index48.js +1 -1
- package/index48.mjs +4 -5
- package/index49.js +1 -1
- package/index49.mjs +8 -8
- package/index5.js +1 -1
- package/index50.js +1 -1
- package/index50.mjs +9 -10
- package/index53.js +1 -1
- package/index53.mjs +24 -21
- package/index56.js +1 -1
- 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 +15 -15
- package/index67.js +1 -1
- package/index67.mjs +14 -14
- package/index68.js +1 -1
- package/index69.js +1 -1
- package/index70.js +1 -1
- package/index70.mjs +11 -11
- package/index73.js +1 -1
- package/index73.mjs +11 -11
- package/index82.js +1 -1
- package/index83.js +1 -1
- package/index85.mjs +3 -3
- package/index86.js +1 -1
- package/index87.js +1 -1
- package/index87.mjs +16 -17
- package/index9.js +1 -1
- package/index91.js +1 -1
- package/index91.mjs +18 -18
- package/index98.js +1 -1
- package/index99.js +1 -1
- package/package.json +2 -2
- package/providers/CheckboxGroup/interface.d.ts +2 -2
- package/providers/Client/interface.d.ts +2 -2
- package/providers/Menu/interface.d.ts +11 -11
- package/providers/SidePanel/interface.d.ts +5 -6
- package/providers/Theme/index.d.ts +3 -3
- package/providers/Theme/interface.d.ts +2 -2
- package/providers/UserSearchQuery/interface.d.ts +2 -3
- package/storybook/Menu/Menu.d.ts +6 -7
- package/theme/index.d.ts +2 -3
- package/types/components.d.ts +4 -5
package/index131.mjs
CHANGED
|
@@ -1,15 +1,15 @@
|
|
|
1
1
|
"use client";
|
|
2
2
|
import { jsx as r, jsxs as x } from "react/jsx-runtime";
|
|
3
|
-
import
|
|
3
|
+
import { useRef as p } from "react";
|
|
4
4
|
import { useListBox as $, FocusScope as N, useOption as k } from "react-aria";
|
|
5
5
|
import B from "./index88.mjs";
|
|
6
|
-
import { Box as c, BoxWithForwardRef as
|
|
7
|
-
import { Typography as
|
|
6
|
+
import { Box as c, BoxWithForwardRef as g } from "./index7.mjs";
|
|
7
|
+
import { Typography as F, TypographyWithForwardRef as R } from "./index74.mjs";
|
|
8
8
|
import { getListboxSections as L } from "./index172.mjs";
|
|
9
9
|
function u({ item: s, state: i, themeName: n = "li" }) {
|
|
10
|
-
const t = p
|
|
10
|
+
const t = p(null), { optionProps: e, isFocusVisible: a } = k({ key: s.key }, i, t), m = B(n);
|
|
11
11
|
return /* @__PURE__ */ r(
|
|
12
|
-
|
|
12
|
+
R,
|
|
13
13
|
{
|
|
14
14
|
as: "li",
|
|
15
15
|
...e,
|
|
@@ -21,19 +21,19 @@ function u({ item: s, state: i, themeName: n = "li" }) {
|
|
|
21
21
|
}
|
|
22
22
|
function d(s) {
|
|
23
23
|
const { children: i, listBoxRef: n, themeName: t, ...e } = s;
|
|
24
|
-
return /* @__PURE__ */ r(N, { autoFocus: !0, restoreFocus: !0, contain: !0, children: /* @__PURE__ */ r(
|
|
24
|
+
return /* @__PURE__ */ r(N, { autoFocus: !0, restoreFocus: !0, contain: !0, children: /* @__PURE__ */ r(g, { ...e, ref: n, as: "ul", themeName: `${t}.ul`, children: i }) });
|
|
25
25
|
}
|
|
26
|
-
function
|
|
27
|
-
const i = p
|
|
26
|
+
function O(s) {
|
|
27
|
+
const i = p(null), { listBoxRef: n = i, state: t, themeName: e = "option", optionsWithHeaders: a } = s, { listBoxProps: m } = $(s, t, n), h = Array.from(t.collection), f = L(h, a ?? []);
|
|
28
28
|
return a?.some((o) => o.key?.includes("header-")) ? /* @__PURE__ */ r(d, { ...m, listBoxRef: n, themeName: e, children: f.map((o) => {
|
|
29
29
|
const y = o.header != null ? `section-${o.header.key}` : `section-${o.items[0]?.key ?? "empty"}`;
|
|
30
30
|
return /* @__PURE__ */ r(c, { as: "li", themeName: `${e}.group`, children: /* @__PURE__ */ x(c, { as: "section", themeName: `${e}.section`, children: [
|
|
31
|
-
o.header != null && /* @__PURE__ */ r(
|
|
31
|
+
o.header != null && /* @__PURE__ */ r(F, { as: "header", themeName: `${e}.headerText`, children: o.header.rendered }, o.header.key),
|
|
32
32
|
/* @__PURE__ */ r(c, { as: "ul", themeName: `${e}.list`, children: o.items.map((l) => /* @__PURE__ */ r(u, { themeName: `${e}.li`, item: l, state: t }, String(l.key))) })
|
|
33
33
|
] }) }, y);
|
|
34
34
|
}) }) : /* @__PURE__ */ r(d, { ...m, listBoxRef: n, themeName: e, children: h.map((o) => /* @__PURE__ */ r(u, { themeName: `${e}.li`, item: o, state: t }, o.key)) });
|
|
35
35
|
}
|
|
36
36
|
export {
|
|
37
|
-
|
|
37
|
+
O as ListBox,
|
|
38
38
|
u as Option
|
|
39
39
|
};
|
package/index132.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
"use strict";const
|
|
2
|
+
"use strict";const e=require("react/jsx-runtime"),a=require("react"),s=require("react-aria"),i=require("./index7.js");function f(o){const n=a.useRef(null),{popoverRef:t=n,state:r,children:c,themeName:u="popover",tokens:x,customTheme:h,triggerRef:l,...p}=o,{popoverProps:d,underlayProps:m}=s.usePopover({...o,popoverRef:t,triggerRef:l},r);return e.jsxs(s.Overlay,{children:[e.jsx("div",{...m,style:{position:"fixed",inset:0}}),e.jsx(i.Box,{...p,children:e.jsxs(i.BoxWithForwardRef,{...d,ref:t,themeName:u,tokens:x,children:[e.jsx(s.DismissButton,{onDismiss:r.close}),c,e.jsx(s.DismissButton,{onDismiss:r.close})]})})]})}module.exports=f;
|
package/index132.mjs
CHANGED
|
@@ -1,20 +1,20 @@
|
|
|
1
1
|
"use client";
|
|
2
2
|
import { jsxs as t, jsx as e } from "react/jsx-runtime";
|
|
3
|
-
import
|
|
3
|
+
import { useRef as a } from "react";
|
|
4
4
|
import { usePopover as h, Overlay as v, DismissButton as i } from "react-aria";
|
|
5
|
-
import { Box as x, BoxWithForwardRef as
|
|
6
|
-
function
|
|
7
|
-
const n =
|
|
5
|
+
import { Box as x, BoxWithForwardRef as P } from "./index7.mjs";
|
|
6
|
+
function j(r) {
|
|
7
|
+
const n = a(null), { popoverRef: s = n, state: o, children: m, themeName: p = "popover", tokens: f, customTheme: R, triggerRef: l, ...c } = r, { popoverProps: d, underlayProps: u } = h(
|
|
8
8
|
{
|
|
9
9
|
...r,
|
|
10
10
|
popoverRef: s,
|
|
11
|
-
triggerRef:
|
|
11
|
+
triggerRef: l
|
|
12
12
|
},
|
|
13
13
|
o
|
|
14
14
|
);
|
|
15
15
|
return /* @__PURE__ */ t(v, { children: [
|
|
16
|
-
/* @__PURE__ */ e("div", { ...
|
|
17
|
-
/* @__PURE__ */ e(x, { ...
|
|
16
|
+
/* @__PURE__ */ e("div", { ...u, style: { position: "fixed", inset: 0 } }),
|
|
17
|
+
/* @__PURE__ */ e(x, { ...c, children: /* @__PURE__ */ t(P, { ...d, ref: s, themeName: p, tokens: f, children: [
|
|
18
18
|
/* @__PURE__ */ e(i, { onDismiss: o.close }),
|
|
19
19
|
m,
|
|
20
20
|
/* @__PURE__ */ e(i, { onDismiss: o.close })
|
|
@@ -22,5 +22,5 @@ function g(r) {
|
|
|
22
22
|
] });
|
|
23
23
|
}
|
|
24
24
|
export {
|
|
25
|
-
|
|
25
|
+
j as default
|
|
26
26
|
};
|
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"),
|
|
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/index171.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
"use strict";const o=require("react/jsx-runtime"),i=require("@internationalized/date"),B=require("react"),n=require("react-aria"),c=require("./index7.js");function F(r){const{themeName:a="calendar",tokens:
|
|
2
|
+
"use strict";const o=require("react/jsx-runtime"),i=require("@internationalized/date"),B=require("react"),n=require("react-aria"),c=require("./index7.js");function F(r){const{themeName:a="calendar",tokens:R,state:d,date:e}=r,u=B.useRef(null),{isUnavailable:k,cellProps:y,buttonProps:b,isSelected:t,isOutsideVisibleRange:h,isDisabled:C,formattedDate:S,isInvalid:q}=n.useCalendarCell(r,d,u),s=d?.highlightedRange,m=s?.start,f=s?.end,g=s!=null&&m!=null?i.isSameDay(e,m):t,x=s!=null&&f!=null?i.isSameDay(e,f):t,{locale:j}=n.useLocale(),D=i.getDayOfWeek(e,j),N=t&&(g||D===0||e.day===1),P=t&&(x||D===6||e.day===e.calendar.getDaysInMonth(e)),{focusProps:$,isFocusVisible:p}=n.useFocusRing(),l={isInvalid:q,isDisabled:C,isUnavailable:k,isSelected:t,isFocusVisible:p,isOutsideVisibleRange:h,...R};return o.jsx(c.Box,{as:"td",...y,"aria-disabled":!1,themeName:`${a}.cellContainer`,tokens:l,children:o.jsx(c.BoxWithForwardRef,{...n.mergeProps(b,$),ref:u,"aria-hidden":h,themeName:`${a}.cell`,tokens:{...l,isRoundedLeft:N,isRoundedRight:P},children:o.jsx(c.Box,{themeName:`${a}.cellDate`,tokens:{...l,isSelectionStart:g,isSelectionEnd:x},children:S})})})}module.exports=F;
|
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/index29.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),E=require("radashi"),N=require("react"),a=require("react-aria"),M=require("react-hook-form"),P=require("react-stately"),g=require("./index88.js"),O=require("./index89.js"),S=require("./index48.js"),B=require("./index74.js");function $(t){const{id:q,label:r,isDisabled:l=!1,isError:u=!1,errorMessage:d,ariaLabel:j,icon:h,themeName:s="checkbox",tokens:
|
|
2
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),E=require("radashi"),N=require("react"),a=require("react-aria"),M=require("react-hook-form"),P=require("react-stately"),g=require("./index88.js"),O=require("./index89.js"),S=require("./index48.js"),B=require("./index74.js");function $(t){const{id:q,label:r,isDisabled:l=!1,isError:u=!1,errorMessage:d,ariaLabel:j,icon:h,themeName:s="checkbox",tokens:f,customTheme:n}=t,k=P.useToggleState(t),x=N.useRef(null),{inputProps:R,labelProps:T}=a.useCheckbox(t,k,x),{isSelected:F}=k,{focusProps:o,isFocusVisible:i}=a.useFocusRing(),c={...f,selected:F,isDisabled:l,isError:u,isFocusVisible:i},y=g(`${s}.container`,c,n),C=g(`${s}.checkBox`,c,n),p=g(`${s}.checkMark`,c,n),m=g(`${s}.checkMarkIcon`,c,n);return e.jsxs("div",{children:[e.jsx(a.FocusRing,{focusRingClass:"has-focus-ring",within:!0,children:e.jsxs("label",{className:y,htmlFor:q,"aria-label":j,"aria-disabled":l,...T,children:[e.jsx(a.VisuallyHidden,{children:e.jsx("input",{type:"checkbox",ref:x,...a.mergeProps(R,o)})}),e.jsx("div",{className:C,children:e.jsx("div",{className:p,children:h!=null&&e.jsx(S,{icon:h,customTheme:m})})}),e.jsx(B.Typography,{themeName:`${s}.label`,tokens:c,children:r})]})}),u&&d!=null&&e.jsx(B.Typography,{themeName:`${s}.errorMessage`,tokens:c,children:d})]})}function H({name:t,label:q,rules:r,tokens:l,ariaLabel:u,defaultValue:d=!1,themeName:j="checkbox",isDisabled:h=!1,icon:s,onChange:f,onBlur:n,...k}){const{control:x}=M.useFormContext(),{t:R}=O.useTranslation(),T=()=>{const o=Object.entries(k).filter(([i,c])=>i.startsWith("aria-"));return Object.fromEntries(o)},F={required:r?.required!=null&&r.required!==!1?R("FORM.ERROR.REQUIRED")??"required":!1,...r};return e.jsx(M.Controller,{name:t??"",control:x,rules:F,disabled:r?.disabled,defaultValue:d,render:({field:o,fieldState:i})=>{const{ref:c,value:y,...C}=o,p=!E.isEmpty(i.error),m={isDisabled:o.disabled??h,isRequired:r?.required===!0||r?.required==="required",isError:p},v={...l,...m};return e.jsx($,{...C,...m,...T(),id:t,isSelected:y,name:t,themeName:j,label:q,tokens:v,ariaLabel:u,icon:s,errorMessage:i.error?.message,onChange:b=>{o.onChange(b),f?.(b)},onBlur:b=>{o.onBlur(),n?.(b)}})}})}exports.Checkbox=$;exports.ReactHookFormCheckBox=H;
|
package/index3.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";const
|
|
1
|
+
"use strict";const r=require("react");function n(o){return null}n.getCollectionNode=function*(e){const{children:t,childItems:i,title:c}=e,d=e.textValue||(typeof t=="string"?t:"")||e["aria-label"]||"";yield{type:"item",props:e,rendered:t,textValue:d,"aria-label":e["aria-label"],hasChildNodes:!1,*childNodes(){if(i!=null)for(const l of i)yield{type:"item",value:l};else if(c!=null){const l=[];r.Children.forEach(t,a=>{l.push({type:"item",element:a})}),yield*l}}}};const s=n;module.exports=s;
|
package/index3.mjs
CHANGED
|
@@ -1,14 +1,14 @@
|
|
|
1
|
-
import
|
|
1
|
+
import { Children as r } from "react";
|
|
2
2
|
function o(n) {
|
|
3
3
|
return null;
|
|
4
4
|
}
|
|
5
5
|
o.getCollectionNode = function* (e) {
|
|
6
|
-
const { children: t, childItems: i, title:
|
|
6
|
+
const { children: t, childItems: i, title: c } = e, d = e.textValue || (typeof t == "string" ? t : "") || e["aria-label"] || "";
|
|
7
7
|
yield {
|
|
8
8
|
type: "item",
|
|
9
9
|
props: e,
|
|
10
10
|
rendered: t,
|
|
11
|
-
textValue:
|
|
11
|
+
textValue: d,
|
|
12
12
|
"aria-label": e["aria-label"],
|
|
13
13
|
hasChildNodes: !1,
|
|
14
14
|
*childNodes() {
|
|
@@ -18,19 +18,19 @@ o.getCollectionNode = function* (e) {
|
|
|
18
18
|
type: "item",
|
|
19
19
|
value: l
|
|
20
20
|
};
|
|
21
|
-
else if (
|
|
21
|
+
else if (c != null) {
|
|
22
22
|
const l = [];
|
|
23
|
-
r.
|
|
23
|
+
r.forEach(t, (a) => {
|
|
24
24
|
l.push({
|
|
25
25
|
type: "item",
|
|
26
|
-
element:
|
|
26
|
+
element: a
|
|
27
27
|
});
|
|
28
28
|
}), yield* l;
|
|
29
29
|
}
|
|
30
30
|
}
|
|
31
31
|
};
|
|
32
32
|
};
|
|
33
|
-
const
|
|
33
|
+
const f = o;
|
|
34
34
|
export {
|
|
35
|
-
|
|
35
|
+
f as default
|
|
36
36
|
};
|
package/index33.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const
|
|
2
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("react"),A=require("./index55.js");function S(t,a,f){const[d,h]=c.useState(""),n=c.useMemo(()=>t==null||t.length===0?t:Array.from(t).some(s=>"items"in s&&Array.isArray(s.items)&&!("children"in s))?t.map(s=>({...s,children:({key:r,children:m,...g})=>c.createElement(A.Node,{key:r,...g},m)})):t,[t]),o=c.useMemo(()=>{if(n==null||n.length===0)return"none";const e=Array.from(n);return e.some(r=>"items"in r&&Array.isArray(r.items)&&"children"in r&&typeof r.children=="function")?"sections":e.some(r=>"children"in r&&typeof r.children=="string"&&!("items"in r))?"flatList":"none"},[n]),l=o!=="none",i=a??(l?d:void 0),p=f??(l?h:void 0),y=c.useMemo(()=>!l||n==null||i==null||i===""?n:o==="sections"?n.map(e=>({...e,items:e.items?.filter(u=>"children"in u&&typeof u.children=="string"&&u.children.toLowerCase().includes(i.toLowerCase()))})).filter(e=>e.items!=null&&e.items.length>0):o==="flatList"?Array.from(n).filter(e=>"children"in e&&typeof e.children=="string"&&e.children.toLowerCase().includes(i.toLowerCase())):n,[l,n,i,o]);return{structureType:o,inputValue:i,onInputChange:p,items:l?y:n}}exports.useComboBoxFiltering=S;
|
package/index33.mjs
CHANGED
|
@@ -1,14 +1,13 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
import
|
|
3
|
-
import { useState as I, useMemo as a } from "react";
|
|
2
|
+
import { useState as A, useMemo as u, createElement as I } from "react";
|
|
4
3
|
import { Node as L } from "./index55.mjs";
|
|
5
|
-
function v(t,
|
|
6
|
-
const [d, h] =
|
|
4
|
+
function v(t, a, f) {
|
|
5
|
+
const [d, h] = A(""), n = u(() => t == null || t.length === 0 ? t : Array.from(t).some(
|
|
7
6
|
(s) => "items" in s && Array.isArray(s.items) && !("children" in s)
|
|
8
7
|
) ? t.map((s) => ({
|
|
9
8
|
...s,
|
|
10
|
-
children: ({ key: r, children: y, ...g }) =>
|
|
11
|
-
})) : t, [t]), o =
|
|
9
|
+
children: ({ key: r, children: y, ...g }) => I(L, { key: r, ...g }, y)
|
|
10
|
+
})) : t, [t]), o = u(() => {
|
|
12
11
|
if (n == null || n.length === 0)
|
|
13
12
|
return "none";
|
|
14
13
|
const e = Array.from(n);
|
|
@@ -17,7 +16,7 @@ function v(t, u, f) {
|
|
|
17
16
|
) ? "sections" : e.some(
|
|
18
17
|
(r) => "children" in r && typeof r.children == "string" && !("items" in r)
|
|
19
18
|
) ? "flatList" : "none";
|
|
20
|
-
}, [n]), l = o !== "none", i =
|
|
19
|
+
}, [n]), l = o !== "none", i = a ?? (l ? d : void 0), p = f ?? (l ? h : void 0), m = u(() => !l || n == null || i == null || i === "" ? n : o === "sections" ? n.map((e) => ({
|
|
21
20
|
...e,
|
|
22
21
|
items: e.items?.filter(
|
|
23
22
|
(c) => "children" in c && typeof c.children == "string" && c.children.toLowerCase().includes(i.toLowerCase())
|
package/index34.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
"use strict";const e=require("react/jsx-runtime"),L=require("react"),M=require("react-aria"),U=require("react-stately"),o=require("./index7.js"),W=require("./index9.js"),G=require("./index128.js"),J=require("./index74.js"),Q=require("./index35.js"),m=require("./index36.js"),V=require("./index129.js");function X(i){const{popoverPlacement:h="bottom start",placement:x="bottom start",tokens:r,customTheme:P,themeName:n="datePicker",icon:k="ArrowDown",description:a,buttonLabel:b,buttonContent:j,label:c,children:q,invalidIndicator:d="❌",isDisabled:v=!1,isReadOnly:f=!1,isRequired:g=!1,containerPadding:$,shouldCloseOnInteractOutside:D,arrowBoundaryOffset:N,isNonModal:y,isKeyboardDismissDisabled:I,arrowSize:B,boundaryElement:O,maxHeight:
|
|
2
|
+
"use strict";const e=require("react/jsx-runtime"),L=require("react"),M=require("react-aria"),U=require("react-stately"),o=require("./index7.js"),W=require("./index9.js"),G=require("./index128.js"),J=require("./index74.js"),Q=require("./index35.js"),m=require("./index36.js"),V=require("./index129.js");function X(i){const{popoverPlacement:h="bottom start",placement:x="bottom start",tokens:r,customTheme:P,themeName:n="datePicker",icon:k="ArrowDown",description:a,buttonLabel:b,buttonContent:j,label:c,children:q,invalidIndicator:d="❌",isDisabled:v=!1,isReadOnly:f=!1,isRequired:g=!1,containerPadding:$,shouldCloseOnInteractOutside:D,arrowBoundaryOffset:N,isNonModal:y,isKeyboardDismissDisabled:I,arrowSize:B,boundaryElement:O,maxHeight:C,shouldUpdatePosition:R}=i,w=x??h,s=U.useDatePickerState(i),{isInvalid:u,isOpen:T,hasTime:S}=s,l=L.useRef(null),{groupProps:A,fieldProps:p,labelProps:F,descriptionProps:z,buttonProps:E,dialogProps:H,calendarProps:K}=M.useDatePicker(i,s,l),t={isInvalid:u,isOpen:T,hasTime:S,isDisabled:v,isReadOnly:f,isRequired:g,...r};return e.jsxs(o.Box,{themeName:`${n}.container`,tokens:t,customTheme:P,children:[c!=null&&c!==""&&e.jsx(J.Typography,{as:"span",themeName:`${n}.label`,tokens:t,...F,children:c}),a!=null&&a!==""&&e.jsx(o.Box,{as:"div",themeName:`${n}.description`,tokens:t,...z,children:a}),e.jsxs(V,{themeName:n,tokens:t,ref:l,groupProps:A,buttonProps:E,buttonLabel:b,buttonContent:j,icon:k,children:[e.jsx(m,{themeName:n,tokens:{...t,position:"outer"},...p}),s.isInvalid&&e.jsx(o.Box,{as:"span",themeName:`${n}.invalidIndicator`,tokens:{...t,position:"outer"},children:d})]}),s.isOpen&&e.jsx(Q.CalendarPopover,{themeName:n,tokens:{...r,isInvalid:u},triggerRef:l,state:s,placement:w,containerPadding:$,shouldCloseOnInteractOutside:D,arrowBoundaryOffset:N,isNonModal:y,isKeyboardDismissDisabled:I,arrowSize:B,boundaryElement:O,maxHeight:C,shouldUpdatePosition:R,children:e.jsxs(G.Dialog,{themeName:`${n}.dialog`,tokens:t,...H,children:[q,e.jsxs(o.Box,{themeName:`${n}.dateFieldContainer`,tokens:t,children:[e.jsx(m,{themeName:n,tokens:{...t,position:"inner"},...p}),s.isInvalid&&e.jsx(o.Box,{as:"span",themeName:`${n}.invalidIndicator`,tokens:{...t,position:"inner"},children:d})]}),e.jsx(W,{...K,tokens:r})]})})]})}module.exports=X;
|
package/index35.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const
|
|
2
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),d=require("react"),r=require("react-aria"),a=require("./index7.js");function p({themeName:s="datePicker",tokens:n,...t}){const i=d.useRef(null),{state:o,children:c}={...t},{popoverProps:l,underlayProps:u}=r.usePopover({...t,popoverRef:i},o);return e.jsxs(r.Overlay,{children:[e.jsx(a.Box,{themeName:`${s}.calendarUnderlay`,tokens:n,...u}),e.jsxs(a.BoxWithForwardRef,{themeName:`${s}.calendarPopover`,tokens:n,...l,ref:i,children:[e.jsx(r.DismissButton,{onDismiss:o.close}),c,e.jsx(r.DismissButton,{onDismiss:o.close})]})]})}exports.CalendarPopover=p;
|
package/index35.mjs
CHANGED
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
"use client";
|
|
2
2
|
import { jsxs as t, jsx as r } from "react/jsx-runtime";
|
|
3
|
-
import
|
|
4
|
-
import { usePopover as d, Overlay as f, DismissButton as
|
|
3
|
+
import { useRef as c } from "react";
|
|
4
|
+
import { usePopover as d, Overlay as f, DismissButton as p } from "react-aria";
|
|
5
5
|
import { Box as u, BoxWithForwardRef as v } from "./index7.mjs";
|
|
6
|
-
function
|
|
7
|
-
const i =
|
|
6
|
+
function B({ themeName: e = "datePicker", tokens: s, ...n }) {
|
|
7
|
+
const i = c(null), { state: o, children: a } = { ...n }, { popoverProps: l, underlayProps: m } = d(
|
|
8
8
|
{
|
|
9
9
|
...n,
|
|
10
10
|
popoverRef: i
|
|
@@ -12,14 +12,14 @@ function R({ themeName: e = "datePicker", tokens: s, ...n }) {
|
|
|
12
12
|
o
|
|
13
13
|
);
|
|
14
14
|
return /* @__PURE__ */ t(f, { children: [
|
|
15
|
-
/* @__PURE__ */ r(u, { themeName: `${e}.calendarUnderlay`, tokens: s, ...
|
|
16
|
-
/* @__PURE__ */ t(v, { themeName: `${e}.calendarPopover`, tokens: s, ...
|
|
17
|
-
/* @__PURE__ */ r(
|
|
18
|
-
|
|
19
|
-
/* @__PURE__ */ r(
|
|
15
|
+
/* @__PURE__ */ r(u, { themeName: `${e}.calendarUnderlay`, tokens: s, ...m }),
|
|
16
|
+
/* @__PURE__ */ t(v, { themeName: `${e}.calendarPopover`, tokens: s, ...l, ref: i, children: [
|
|
17
|
+
/* @__PURE__ */ r(p, { onDismiss: o.close }),
|
|
18
|
+
a,
|
|
19
|
+
/* @__PURE__ */ r(p, { onDismiss: o.close })
|
|
20
20
|
] })
|
|
21
21
|
] });
|
|
22
22
|
}
|
|
23
23
|
export {
|
|
24
|
-
|
|
24
|
+
B as CalendarPopover
|
|
25
25
|
};
|
package/index36.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
"use strict";const i=require("react/jsx-runtime"),
|
|
2
|
+
"use strict";const i=require("react/jsx-runtime"),F=require("@internationalized/date"),g=require("react"),o=require("react-aria"),R=require("react-stately"),q=require("./index88.js"),f=require("./index7.js");function N(t){const{themeName:n="datePicker",tokens:a,customTheme:l,segment:e,state:s}=t,c=g.useRef(null),{segmentProps:d}=o.useDateSegment(e,s,c),u=q(`${n}.dateSegmentPlaceholder`),{focusProps:r,isFocusVisible:h}=o.useFocusRing();return i.jsx(o.FocusRing,{within:!0,focusRingClass:"has-focus-ring",children:i.jsxs(f.BoxWithForwardRef,{...d,...r,ref:c,themeName:`${n}.dateSegment`,tokens:{...a,className:h?`has-focus-ring ${a?.className}`:a?.className??""},customTheme:l,children:[i.jsx("span",{className:u,"aria-hidden":"true",style:{visibility:e.isPlaceholder?"visible":"hidden",height:e.isPlaceholder?"":0,pointerEvents:"none",display:e.isPlaceholder?"block":"none"},children:e.placeholder}),e.isPlaceholder?"":e.text]})})}function S(t){const{themeName:n="datePicker",tokens:a,customTheme:l}=t,{locale:e}=o.useLocale(),s=R.useDateFieldState({...t,locale:e,createCalendar:F.createCalendar}),{isDisabled:c,isReadOnly:d,isRequired:u}=s,r=g.useRef(null),{fieldProps:h,isInvalid:x}=o.useDateField(t,s,r),m={isInvalid:x,isDisabled:c,isReadOnly:d,isRequired:u,...a};return i.jsx(f.BoxWithForwardRef,{...h,ref:r,themeName:`${n}.dateField`,tokens:m,customTheme:l,children:s.segments.map((P,k)=>i.jsx(N,{themeName:n,tokens:m,segment:P,state:s},k))})}module.exports=S;
|
package/index37.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
"use strict";const e=require("react/jsx-runtime"),L=require("react"),M=require("react-aria"),U=require("react-stately"),o=require("./index7.js"),W=require("./index10.js"),G=require("./index128.js"),J=require("./index74.js"),Q=require("./index35.js"),r=require("./index36.js"),V=require("./index129.js");function X(a){const{popoverPlacement:k="bottom start",placement:P="bottom start",buttonLabel:g,description:i,themeName:n="datePicker",tokens:u,customTheme:j,icon:b,buttonContent:q,innerDateFieldSeparator:l=" - ",outerDateFieldSeparator:d=" - ",invalidIndicator:m="❌",children:v,label:c,containerPadding:N,shouldCloseOnInteractOutside:$,arrowBoundaryOffset:D,isNonModal:B,isKeyboardDismissDisabled:F,arrowSize:
|
|
2
|
+
"use strict";const e=require("react/jsx-runtime"),L=require("react"),M=require("react-aria"),U=require("react-stately"),o=require("./index7.js"),W=require("./index10.js"),G=require("./index128.js"),J=require("./index74.js"),Q=require("./index35.js"),r=require("./index36.js"),V=require("./index129.js");function X(a){const{popoverPlacement:k="bottom start",placement:P="bottom start",buttonLabel:g,description:i,themeName:n="datePicker",tokens:u,customTheme:j,icon:b,buttonContent:q,innerDateFieldSeparator:l=" - ",outerDateFieldSeparator:d=" - ",invalidIndicator:m="❌",children:v,label:c,containerPadding:N,shouldCloseOnInteractOutside:$,arrowBoundaryOffset:D,isNonModal:B,isKeyboardDismissDisabled:F,arrowSize:y,boundaryElement:I,maxHeight:R,shouldUpdatePosition:S}=a,f=P??k,s=U.useDateRangePickerState(a),{isInvalid:C,isOpen:O,hasTime:T}=s,p=L.useRef(null),{labelProps:w,descriptionProps:z,groupProps:A,startFieldProps:x,endFieldProps:h,buttonProps:E,dialogProps:H,calendarProps:K}=M.useDateRangePicker(a,s,p),t={...u,isInvalid:C,isOpen:O,hasTime:T};return e.jsxs(o.Box,{themeName:`${n}.container`,tokens:t,customTheme:j,children:[c!=null&&c!==""&&e.jsx(J.Typography,{as:"span",themeName:`${n}.label`,tokens:t,...w,children:c}),i!=null&&i!==""&&e.jsx(o.Box,{as:"div",themeName:`${n}.description`,tokens:t,...z,children:i}),e.jsxs(V,{themeName:n,tokens:t,ref:p,groupProps:A,buttonProps:E,buttonLabel:g,buttonContent:q,icon:b,children:[e.jsx(r,{themeName:n,tokens:{...t,position:"outer",range:"start"},...x}),d!=null&&d!==""&&e.jsx(o.Box,{as:"span",themeName:`${n}.dateFieldSeparator`,tokens:t,children:d}),e.jsx(r,{themeName:n,tokens:{...t,position:"outer",range:"end"},...h}),s.isInvalid&&e.jsx(o.Box,{as:"span",themeName:`${n}.invalidIndicator`,tokens:{...t,position:"outer"},children:m})]}),s.isOpen&&e.jsx(Q.CalendarPopover,{themeName:n,tokens:t,triggerRef:p,state:s,placement:f,containerPadding:N,shouldCloseOnInteractOutside:$,arrowBoundaryOffset:D,isNonModal:B,isKeyboardDismissDisabled:F,arrowSize:y,boundaryElement:I,maxHeight:R,shouldUpdatePosition:S,children:e.jsxs(G.Dialog,{themeName:`${n}.dialog`,tokens:t,...H,children:[v,e.jsxs(o.Box,{themeName:`${n}.dateFieldContainer`,tokens:t,children:[e.jsx(r,{themeName:n,tokens:{...t,position:"inner",range:"start"},...x}),l!=null&&l!==""&&e.jsx(o.Box,{as:"span",themeName:`${n}.dateFieldSeparator`,tokens:t,children:l}),e.jsx(r,{themeName:n,tokens:{...t,position:"inner",range:"end"},...h}),s.isInvalid&&e.jsx(o.Box,{as:"span",themeName:`${n}.invalidIndicator`,tokens:{...t,position:"inner"},children:m})]}),e.jsx(W,{...K,tokens:u})]})})]})}module.exports=X;
|
package/index38.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react/jsx-runtime"),K=require("radashi"),E=require("react"),M=require("react-aria"),S=require("react-hook-form"),F=require("react-stately"),P=require("./index89.js"),T=require("./index7.js"),D=require("./index8.js"),v=require("./index74.js"),H=require("./index40.js"),I=require("./index39.js"),O={item:H,section:I};function p({ref:e,...r}){const{themeName:s="listBox",tokens:m,customTheme:g,label:c,escapeKeyBehavior:b="clearSelection",linkElementType:L=D.Anchor,isDisabled:x=!1,isRequired:u=!1,isInvalid:
|
|
2
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react/jsx-runtime"),K=require("radashi"),E=require("react"),M=require("react-aria"),S=require("react-hook-form"),F=require("react-stately"),P=require("./index89.js"),T=require("./index7.js"),D=require("./index8.js"),v=require("./index74.js"),H=require("./index40.js"),I=require("./index39.js"),O={item:H,section:I};function p({ref:e,...r}){const{themeName:s="listBox",tokens:m,customTheme:g,label:c,escapeKeyBehavior:b="clearSelection",linkElementType:L=D.Anchor,isDisabled:x=!1,isRequired:u=!1,isInvalid:B=!1,isError:y=!1,errorMessage:f,disabledKeys:R,fieldRef:j,...q}=r,n=F.useListState(r),i=n.collection.getKeys(),h=t=>{if(t!=null){if(j?.(t),e==null)return;typeof e=="function"?e(t):typeof e=="object"&&(e.current=t)}},{listBoxProps:d,labelProps:N}=M.useListBox({...q,escapeKeyBehavior:b,label:c,disabledKeys:x?i:R},n,h),l={...m,isDisabled:x,isRequired:u,isInvalid:B,isError:y};return o.jsxs(T.Box,{themeName:`${s}.wrapper`,tokens:l,customTheme:g,children:[c!=null&&o.jsx(v.Typography,{...N,themeName:`${s}.label`,tokens:l,children:c}),o.jsx(T.BoxWithForwardRef,{ref:e,as:"ul",...d,themeName:`${s}.list`,tokens:l,children:[...n.collection].map(t=>{const{key:k}=t,a=t.type??"item",C=O[a]??H;return o.jsx(C,{[a]:t,state:n,tokens:{...m,type:a},themeName:`${s}.${a}`,linkElementType:L},k)})}),y&&f!=null&&o.jsx(v.Typography,{themeName:`${s}.errorMessage`,tokens:l,children:f})]})}p.displayName="ControlledListBox";function V(e){const r=F.useListState(e),s=E.useRef(null);return o.jsx(p,{...e,state:r,ref:s})}function $({ref:e,...r}){const{name:s,rules:m,isRequired:g,isDisabled:c,tokens:b,selectionMode:L="single",errorMessage:x,...u}=r,{control:B,setValue:y,watch:f,getValues:R}=S.useFormContext(),{selectedKeys:j=f(s),defaultSelectedKeys:q=R(s)}=u,{t:n}=P.useTranslation(),i={required:g?n("FORM.ERROR.REQUIRED")??"required":!1,disabled:c,...m};return o.jsx(S.Controller,{...u,defaultValue:q,name:s,control:B,rules:i,disabled:i?.disabled,render:({field:h,fieldState:d})=>{const{ref:N,...l}=h,t=!K.isEmpty(d.error),k={isDisabled:h.disabled??!1,isRequired:i?.required===!0||i?.required==="required",isInvalid:d.invalid,isError:t},a={...b,...k};return o.jsx(p,{...M.mergeProps(u,l,k,{onSelectionChange:C=>{y(s,C)}}),tokens:a,selectionMode:L,selectedKeys:j,defaultSelectedKeys:q,errorMessage:x??d.error?.message,ref:e})}})}$.displayName="ControlledReactHookFormListBox";function A(e){const r=F.useListState(e),s=E.useRef(null);return o.jsx($,{...e,state:r,ref:s})}exports.ControlledListBox=p;exports.ControlledReactHookFormListBox=$;exports.ListBox=V;exports.ReactHookFormListBox=A;
|
package/index40.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
"use strict";const n=require("react/jsx-runtime"),e=require("react"),l=require("react-aria"),w=require("./index77.js"),a=require("./index7.js"),M=require("./index8.js");function O({item:d,state:o,...f}){const{key:t,rendered:s,type:k}=d,{themeName:i="option",tokens:g,as:b="li",customTheme:C,linkElementType:P=M.Anchor,...j}=w.mergeDefaultComponentProps(f,d.props),m=e.useRef(null),{optionProps:q,isFocused:y,isDisabled:E,isFocusVisible:
|
|
2
|
+
"use strict";const n=require("react/jsx-runtime"),e=require("react"),l=require("react-aria"),w=require("./index77.js"),a=require("./index7.js"),M=require("./index8.js");function O({item:d,state:o,...f}){const{key:t,rendered:s,type:k}=d,{themeName:i="option",tokens:g,as:b="li",customTheme:C,linkElementType:P=M.Anchor,...j}=w.mergeDefaultComponentProps(f,d.props),m=e.useRef(null),{optionProps:q,isFocused:y,isDisabled:E,isFocusVisible:F,isPressed:R,isSelected:V,allowsSelection:A,descriptionProps:D,labelProps:L,hasAction:N}=l.useOption({key:t},o,m),r=o.selectionManager.isLink(t),S=o.selectionManager.canSelectItem(t),c={...g,type:k,isFocused:y,isDisabled:E,isFocusVisible:F,isPressed:R,isSelected:V,allowsSelection:A,hasAction:N,isLink:r,isSelectable:S},T=r?P:a.BoxWithForwardRef,$=r?"a":b,B=async()=>{if(e.Children.count(s)>1){const[p,u]=e.Children.toArray(s),h=e.isValidElement(p),x=e.isValidElement(u);return!h&&!x?s:n.jsxs(n.Fragment,{children:[h&&n.jsx(a.Box,{themeName:`${i}.label`,tokens:c,children:e.cloneElement(p,L)}),x&&n.jsx(a.Box,{themeName:`${i}.description`,tokens:c,children:e.cloneElement(u,D)})]})}return s};return n.jsx(l.FocusRing,{focusRingClass:"has-focus-ring",children:n.jsx(T,{as:$,...l.mergeProps(j,q),ref:m,themeName:`${i}.option`,tokens:c,customTheme:C,children:B()})})}module.exports=O;
|
package/index43.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
"use strict";const
|
|
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,13 +1,12 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
import { jsxs as
|
|
3
|
-
import
|
|
4
|
-
import { useCallback as T } from "react";
|
|
2
|
+
import { jsxs as c, jsx as e } from "react/jsx-runtime";
|
|
3
|
+
import { useRef as x, useCallback as T } from "react";
|
|
5
4
|
import { useSearchField as v, FocusRing as w } from "react-aria";
|
|
6
5
|
import { useSearchFieldState as F } from "react-stately";
|
|
7
|
-
import
|
|
8
|
-
import { useUserQueryValHook as
|
|
9
|
-
import { Box as
|
|
10
|
-
import {
|
|
6
|
+
import I from "./index88.mjs";
|
|
7
|
+
import { useUserQueryValHook as M } from "./index90.mjs";
|
|
8
|
+
import { Box as m } from "./index7.mjs";
|
|
9
|
+
import { Button as R } from "./index8.mjs";
|
|
11
10
|
import j from "./index99.mjs";
|
|
12
11
|
import Q from "./index130.mjs";
|
|
13
12
|
import { Typography as U } from "./index74.mjs";
|
|
@@ -15,9 +14,9 @@ function E({ value: t }) {
|
|
|
15
14
|
return t === "" ? /* @__PURE__ */ e(Q, { width: "16", height: "16" }) : /* @__PURE__ */ e(j, { width: "16", height: "16" });
|
|
16
15
|
}
|
|
17
16
|
function X(t) {
|
|
18
|
-
const { setUserSearchQuery:
|
|
19
|
-
label:
|
|
20
|
-
themeName:
|
|
17
|
+
const { setUserSearchQuery: u } = M(), {
|
|
18
|
+
label: h,
|
|
19
|
+
themeName: s = "search",
|
|
21
20
|
tokens: f,
|
|
22
21
|
customTheme: b,
|
|
23
22
|
disabled: g,
|
|
@@ -25,15 +24,15 @@ function X(t) {
|
|
|
25
24
|
placeholder: k,
|
|
26
25
|
icon: l,
|
|
27
26
|
isDisabled: C
|
|
28
|
-
} = t,
|
|
29
|
-
(
|
|
30
|
-
|
|
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?.($);
|
|
31
30
|
},
|
|
32
|
-
[
|
|
33
|
-
),
|
|
34
|
-
return /* @__PURE__ */ m
|
|
35
|
-
|
|
36
|
-
/* @__PURE__ */ m
|
|
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: [
|
|
37
36
|
/* @__PURE__ */ e(
|
|
38
37
|
"input",
|
|
39
38
|
{
|
|
@@ -41,17 +40,17 @@ function X(t) {
|
|
|
41
40
|
...i,
|
|
42
41
|
onChange: y,
|
|
43
42
|
placeholder: k,
|
|
44
|
-
className:
|
|
45
|
-
disabled:
|
|
43
|
+
className: D,
|
|
44
|
+
disabled: o
|
|
46
45
|
}
|
|
47
46
|
),
|
|
48
|
-
/* @__PURE__ */ e(w, { focusRingClass: "has-focus-ring", children: /* @__PURE__ */
|
|
49
|
-
|
|
47
|
+
/* @__PURE__ */ e(w, { focusRingClass: "has-focus-ring", children: /* @__PURE__ */ c(
|
|
48
|
+
R,
|
|
50
49
|
{
|
|
51
|
-
isDisabled:
|
|
50
|
+
isDisabled: o,
|
|
52
51
|
handlePress: S.onPress,
|
|
53
|
-
tokens: { isIconOnly: !0, buttonStyle: "hollow", isDisabled:
|
|
54
|
-
themeName: `${
|
|
52
|
+
tokens: { isIconOnly: !0, buttonStyle: "hollow", isDisabled: o ?? !1 },
|
|
53
|
+
themeName: `${s}.icon`,
|
|
55
54
|
"aria-label": "clear",
|
|
56
55
|
children: [
|
|
57
56
|
l == null && /* @__PURE__ */ e(E, { value: n.value }),
|
|
@@ -60,7 +59,7 @@ function X(t) {
|
|
|
60
59
|
}
|
|
61
60
|
) })
|
|
62
61
|
] }),
|
|
63
|
-
a != null && /* @__PURE__ */ e(U, { themeName: `${
|
|
62
|
+
a != null && /* @__PURE__ */ e(U, { themeName: `${s}.errorMessage`, tokens: r, ...P, children: a })
|
|
64
63
|
] });
|
|
65
64
|
}
|
|
66
65
|
export {
|
package/index44.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),B=require("radashi"),E=require("react"),I=require("react-aria"),M=require("react-hook-form"),A=require("react-stately"),L=require("./index89.js"),N=require("./index7.js"),K=require("./index8.js"),V=require("./index48.js"),O=require("./index74.js"),Q=require("./index45.js"),U=require("./index131.js"),_=require("./index132.js");function T(x){const{name:u,placeholderLabel:b,disabled:r,required:m,isInvalid:h,hookFormRef:f,isError:a=!1,errorMessage:
|
|
2
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),B=require("radashi"),E=require("react"),I=require("react-aria"),M=require("react-hook-form"),A=require("react-stately"),L=require("./index89.js"),N=require("./index7.js"),K=require("./index8.js"),V=require("./index48.js"),O=require("./index74.js"),Q=require("./index45.js"),U=require("./index131.js"),_=require("./index132.js");function T(x){const{name:u,placeholderLabel:b,disabled:r,required:m,isInvalid:h,hookFormRef:f,isError:a=!1,errorMessage:g,themeName:t="select",tokens:c,customTheme:P,label:d,onSelectionChange:R,defaultValue:j,value:v,icon:S,popoverMatchesWidth:k,options:p,...s}=x,n=E.useRef(null),i=E.useRef(null),y=l=>{l!=null&&(f?.(l),n.current=l)},$=p?.filter(l=>!(l.key?.includes("header-")??!1)),o=A.useSelectState({...s,children:Q,selectedKey:v,defaultSelectedKey:j,items:$??[],onSelectionChange:R,isDisabled:r,isRequired:m,isInvalid:h}),{triggerProps:F,menuProps:q,labelProps:D,valueProps:w}=I.useSelect({...s,label:d,isDisabled:r,isRequired:m,isInvalid:h},o,y),{onPress:C,onPressStart:H,...W}=F;return e.jsxs(N.Box,{themeName:`${t}.wrapper`,children:[d!=null&&e.jsx(O.Typography,{...D,as:"label",themeName:`${t}.label`,children:d}),e.jsx(I.HiddenSelect,{state:o,triggerRef:i,name:u,isDisabled:!0}),e.jsxs(N.Box,{themeName:`${t}.container`,children:[e.jsxs(K.ButtonWithForwardRef,{...W,handlePress:l=>{C?.(l),H?.(l)},ref:i,disabled:r,themeName:`${t}.button`,tokens:{...c,intent:a?"error":"default"},children:[e.jsx("span",{...w,children:o.selectedItem!=null?o.selectedItem.rendered:b}),e.jsx(V,{icon:S??"ArrowDown"})]}),o.isOpen&&i.current!=null&&e.jsx(_,{tokens:c,state:o,triggerRef:i,placement:"bottom",themeName:`${t}.popover`,style:{[`--${t}-container-width`]:`${i.current?.offsetWidth}px`},children:e.jsx(U.ListBox,{...q,themeName:t,state:o,optionsWithHeaders:p??[]})}),a&&e.jsx(O.Typography,{tokens:{...c,isError:a},themeName:`${t}.errorMessage`,children:g})]})]})}function z({id:x,name:u,label:b,rules:r,tokens:m,defaultValue:h,themeName:f="select",required:a,onChange:g,options:t,placeholderLabel:c,icon:P,popoverMatchesWidth:d,value:R,...j}){const{control:v}=M.useFormContext(),{t:S}=L.useTranslation(),k=()=>{const s=Object.entries(j).filter(([n,i])=>n.startsWith("aria-"));return Object.fromEntries(s)},p={required:a?S("FORM.ERROR.REQUIRED")??"required":!1,...r};return e.jsx(M.Controller,{name:u,control:v,rules:p,disabled:r?.disabled,defaultValue:h??R,render:({field:s,fieldState:n})=>{const{ref:i,...y}=s,$=!B.isEmpty(n.error),o={isDisabled:s.disabled??!1,isRequired:r?.required===!0||r?.required==="required",isInvalid:n.invalid,isError:$},F={...m,...o};return e.jsx(T,{...y,...o,...k(),id:x,hookFormRef:i,name:u,themeName:f,label:b,tokens:F,disabled:s.disabled,required:r?.required===!0||r?.required==="required",isInvalid:n.invalid,errorMessage:n.error?.message,value:s.value,options:t,placeholderLabel:c,icon:P,popoverMatchesWidth:d,onSelectionChange:q=>{s.onChange(q),g?.(q)}})}})}exports.ReactHookFormSelect=z;exports.Select=T;
|
package/index48.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
"use strict";const v=require("./index135.js"),
|
|
2
|
+
"use strict";const v=require("./index135.js"),n=require("react/jsx-runtime"),c=require("react"),x=require("./index88.js"),q=require("./index134.js"),e=r=>Object.freeze(Object.defineProperty({__proto__:null,default:r},Symbol.toStringTag,{value:"Module"})),m=new Map;function P(r){const s=m.get(r);if(s!=null)return s;const o=c.lazy(async()=>v(Object.assign({"../icons/ArrowDown.tsx":()=>Promise.resolve().then(()=>e(require("./index93.js"))),"../icons/ArrowLeft.tsx":()=>Promise.resolve().then(()=>e(require("./index94.js"))),"../icons/ArrowRight.tsx":()=>Promise.resolve().then(()=>e(require("./index95.js"))),"../icons/Check.tsx":()=>Promise.resolve().then(()=>e(require("./index96.js"))),"../icons/ChevronLeft.tsx":()=>Promise.resolve().then(()=>e(require("./index97.js"))),"../icons/ChevronRight.tsx":()=>Promise.resolve().then(()=>e(require("./index98.js"))),"../icons/CloseBtn.tsx":()=>Promise.resolve().then(()=>e(require("./index99.js"))),"../icons/ErrorIcon.tsx":()=>Promise.resolve().then(()=>e(require("./index133.js"))),"../icons/Facebook.tsx":()=>Promise.resolve().then(()=>e(require("./index100.js"))),"../icons/FacebookColored.tsx":()=>Promise.resolve().then(()=>e(require("./index101.js"))),"../icons/FacebookRounded.tsx":()=>Promise.resolve().then(()=>e(require("./index102.js"))),"../icons/Globe.tsx":()=>Promise.resolve().then(()=>e(require("./index103.js"))),"../icons/IconFallback.tsx":()=>Promise.resolve().then(()=>e(require("./index134.js"))),"../icons/Instagram.tsx":()=>Promise.resolve().then(()=>e(require("./index104.js"))),"../icons/InstagramColored.tsx":()=>Promise.resolve().then(()=>e(require("./index105.js"))),"../icons/Link.tsx":()=>Promise.resolve().then(()=>e(require("./index106.js"))),"../icons/LinkedIn.tsx":()=>Promise.resolve().then(()=>e(require("./index107.js"))),"../icons/Mail.tsx":()=>Promise.resolve().then(()=>e(require("./index108.js"))),"../icons/Plus.tsx":()=>Promise.resolve().then(()=>e(require("./index109.js"))),"../icons/Print.tsx":()=>Promise.resolve().then(()=>e(require("./index110.js"))),"../icons/Search.tsx":()=>Promise.resolve().then(()=>e(require("./index130.js"))),"../icons/Share.tsx":()=>Promise.resolve().then(()=>e(require("./index111.js"))),"../icons/Twitter.tsx":()=>Promise.resolve().then(()=>e(require("./index112.js"))),"../icons/TwitterColored.tsx":()=>Promise.resolve().then(()=>e(require("./index113.js"))),"../icons/Upload.tsx":()=>Promise.resolve().then(()=>e(require("./index114.js"))),"../icons/X.tsx":()=>Promise.resolve().then(()=>e(require("./index115.js"))),"../icons/YouTube.tsx":()=>Promise.resolve().then(()=>e(require("./index116.js"))),"../icons/YouTubeColored.tsx":()=>Promise.resolve().then(()=>e(require("./index117.js")))}),`../icons/${r}.tsx`,3));return m.set(r,o),o}function d(r){const{icon:s,...o}=r,t=s||"ArrowRight",i=c.useMemo(()=>P(t),[t]);return n.jsx(c.Suspense,{fallback:n.jsx(q,{className:"overflow-visible pointer-events-none"}),children:n.jsx(i,{...o,className:"overflow-visible pointer-events-none",...r})})}function p(r){const{icon:s,as:o="span",tokens:t,customTheme:i,themeName:a="icon",children:l,...u}=r,h=x(a,t,i);return typeof s!="string"?n.jsxs(o,{...u,className:h,children:[l,s]}):n.jsxs(o,{className:h,children:[l,n.jsx(d,{icon:s,...u})]})}module.exports=p;
|
package/index48.mjs
CHANGED
|
@@ -1,8 +1,7 @@
|
|
|
1
1
|
"use client";
|
|
2
2
|
import x from "./index135.mjs";
|
|
3
3
|
import { jsxs as p, jsx as i } from "react/jsx-runtime";
|
|
4
|
-
import
|
|
5
|
-
import { Suspense as h, lazy as f } from "react";
|
|
4
|
+
import { useMemo as u, Suspense as h, lazy as f } from "react";
|
|
6
5
|
import d from "./index88.mjs";
|
|
7
6
|
import b from "./index134.mjs";
|
|
8
7
|
const a = /* @__PURE__ */ new Map();
|
|
@@ -14,10 +13,10 @@ function C(o) {
|
|
|
14
13
|
return a.set(o, s), s;
|
|
15
14
|
}
|
|
16
15
|
function I(o) {
|
|
17
|
-
const { icon: t, ...s } = o, n = t || "ArrowRight", r = u
|
|
16
|
+
const { icon: t, ...s } = o, n = t || "ArrowRight", r = u(() => C(n), [n]);
|
|
18
17
|
return /* @__PURE__ */ i(h, { fallback: /* @__PURE__ */ i(b, { className: "overflow-visible pointer-events-none" }), children: /* @__PURE__ */ i(r, { ...s, className: "overflow-visible pointer-events-none", ...o }) });
|
|
19
18
|
}
|
|
20
|
-
function
|
|
19
|
+
function y(o) {
|
|
21
20
|
const { icon: t, as: s = "span", tokens: n, customTheme: r, themeName: l = "icon", children: e, ...c } = o, m = d(l, n, r);
|
|
22
21
|
return typeof t != "string" ? /* @__PURE__ */ p(s, { ...c, className: m, children: [
|
|
23
22
|
e,
|
|
@@ -28,5 +27,5 @@ function T(o) {
|
|
|
28
27
|
] });
|
|
29
28
|
}
|
|
30
29
|
export {
|
|
31
|
-
|
|
30
|
+
y as default
|
|
32
31
|
};
|