@okam/stack-ui 1.44.4 → 1.44.5
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/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/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/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/index171.js +1 -1
- 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 +29 -30
- package/index44.js +1 -1
- package/index48.js +1 -1
- package/index48.mjs +4 -5
- package/index5.js +1 -1
- package/index50.js +1 -1
- package/index50.mjs +11 -12
- package/index56.js +1 -1
- package/index6.js +1 -1
- package/index6.mjs +15 -15
- 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/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/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"),P=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:o,placeholder:q,icon:l,isDisabled:f}=t,n=f||j,d={...t,isDisabled:n},a=P.useSearchFieldState(d),x=m.useRef(null),{labelProps:k,inputProps:i,errorMessageProps:$,clearButtonProps:S}=b.useSearchField(d,a,x),y=m.useCallback(N=>{u(a.value),i.onChange?.(N)},[u,a.value,i]),B=o!=null,r={...p,isError:B,isDisabled:n??!1},C=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:C,disabled:n}),e.jsx(b.FocusRing,{focusRingClass:"has-focus-ring",children:e.jsxs(w.ButtonComponent,{isDisabled:n,handlePress:S.onPress,tokens:{isIconOnly:!0,buttonStyle:"hollow",isDisabled:n??!1},themeName:`${s}.icon`,"aria-label":"clear",children:[l==null&&e.jsx(I,{value:a.value}),l!=null&&l]})})]}),o!=null&&e.jsx(T.Typography,{themeName:`${s}.errorMessage`,tokens:r,...$,children:o})]})}module.exports=M;
|
package/index43.mjs
CHANGED
|
@@ -1,39 +1,38 @@
|
|
|
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 B, 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 { ButtonComponent as
|
|
6
|
+
import I from "./index88.mjs";
|
|
7
|
+
import { useUserQueryValHook as M } from "./index90.mjs";
|
|
8
|
+
import { Box as m } from "./index7.mjs";
|
|
9
|
+
import { ButtonComponent 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";
|
|
14
|
-
function E({ value:
|
|
15
|
-
return
|
|
13
|
+
function E({ value: n }) {
|
|
14
|
+
return n === "" ? /* @__PURE__ */ e(Q, { width: "16", height: "16" }) : /* @__PURE__ */ e(j, { width: "16", height: "16" });
|
|
16
15
|
}
|
|
17
|
-
function X(
|
|
18
|
-
const { setUserSearchQuery: h } =
|
|
16
|
+
function X(n) {
|
|
17
|
+
const { setUserSearchQuery: h } = M(), {
|
|
19
18
|
label: u,
|
|
20
|
-
themeName:
|
|
19
|
+
themeName: s = "search",
|
|
21
20
|
tokens: f,
|
|
22
21
|
customTheme: b,
|
|
23
22
|
disabled: g,
|
|
24
|
-
errorMessage:
|
|
23
|
+
errorMessage: l,
|
|
25
24
|
placeholder: k,
|
|
26
|
-
icon:
|
|
25
|
+
icon: a,
|
|
27
26
|
isDisabled: C
|
|
28
|
-
} =
|
|
27
|
+
} = n, r = C || g, d = { ...n, isDisabled: r }, t = F(d), p = B(null), { labelProps: N, inputProps: i, errorMessageProps: P, clearButtonProps: S } = v(d, t, p), y = T(
|
|
29
28
|
(x) => {
|
|
30
|
-
h(
|
|
29
|
+
h(t.value), i.onChange?.(x);
|
|
31
30
|
},
|
|
32
|
-
[h,
|
|
33
|
-
), D =
|
|
34
|
-
return /* @__PURE__ */ m
|
|
35
|
-
u != null && /* @__PURE__ */ e(
|
|
36
|
-
/* @__PURE__ */ m
|
|
31
|
+
[h, t.value, i]
|
|
32
|
+
), D = l != null, o = { ...f, isError: D, isDisabled: r ?? !1 }, $ = I(`${s}.input`, o, b);
|
|
33
|
+
return /* @__PURE__ */ c(m, { themeName: `${s}.wrapper`, tokens: o, "aria-disabled": r ?? !1, children: [
|
|
34
|
+
u != null && /* @__PURE__ */ e(m, { ...N, as: "label", themeName: `${s}.label`, tokens: o, children: u }),
|
|
35
|
+
/* @__PURE__ */ c(m, { themeName: `${s}.container`, tokens: o, children: [
|
|
37
36
|
/* @__PURE__ */ e(
|
|
38
37
|
"input",
|
|
39
38
|
{
|
|
@@ -42,25 +41,25 @@ function X(t) {
|
|
|
42
41
|
onChange: y,
|
|
43
42
|
placeholder: k,
|
|
44
43
|
className: $,
|
|
45
|
-
disabled:
|
|
44
|
+
disabled: r
|
|
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: r,
|
|
52
51
|
handlePress: S.onPress,
|
|
53
|
-
tokens: { isIconOnly: !0, buttonStyle: "hollow", isDisabled:
|
|
54
|
-
themeName: `${
|
|
52
|
+
tokens: { isIconOnly: !0, buttonStyle: "hollow", isDisabled: r ?? !1 },
|
|
53
|
+
themeName: `${s}.icon`,
|
|
55
54
|
"aria-label": "clear",
|
|
56
55
|
children: [
|
|
57
|
-
|
|
58
|
-
|
|
56
|
+
a == null && /* @__PURE__ */ e(E, { value: t.value }),
|
|
57
|
+
a != null && a
|
|
59
58
|
]
|
|
60
59
|
}
|
|
61
60
|
) })
|
|
62
61
|
] }),
|
|
63
|
-
|
|
62
|
+
l != null && /* @__PURE__ */ e(U, { themeName: `${s}.errorMessage`, tokens: o, ...P, children: l })
|
|
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
|
};
|
package/index5.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
"use strict";const r=require("react/jsx-runtime"),h=require("react"),q=require("react-stately"),O=require("./index79.js"),d=require("./index120.js"),x=require("./index13.js"),y=require("./index121.js"),C=require("./index6.js");function f(e){const{themeName:t="alerts",tokens:s,customTheme:B,defaultOpen:i=!0,closeButton:a=y,transitionComponent:l=d,closeButtonAriaLabel:c,isOpen:
|
|
2
|
+
"use strict";const r=require("react/jsx-runtime"),h=require("react"),q=require("react-stately"),O=require("./index79.js"),d=require("./index120.js"),x=require("./index13.js"),y=require("./index121.js"),C=require("./index6.js");function f(e){const{themeName:t="alerts",tokens:s,customTheme:B,defaultOpen:i=!0,closeButton:a=y,transitionComponent:l=d,closeButtonAriaLabel:c,isOpen:j,onOpenChange:A,setOpen:R,children:u=C,...m}=e,n=h.useRef(null),o=q.useOverlayTriggerState({...e,defaultOpen:i}),{triggerProps:p,overlayProps:g}=O({...e,type:"dialog"},o,n);return r.jsxs(l,{...g,role:"alert",themeName:`${t}.wrapper`,tokens:s,isVisible:o.isOpen,children:[r.jsx(a,{ref:n,themeName:`${t}.closeBtn`,"aria-label":c,...p}),r.jsx(x,{themeName:t,tokens:s,...m,children:u})]})}module.exports=f;
|
package/index50.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
"use strict";const
|
|
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.ButtonComponent,{...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
|
@@ -1,11 +1,10 @@
|
|
|
1
1
|
"use client";
|
|
2
2
|
import { jsxs as g, jsx as i } from "react/jsx-runtime";
|
|
3
|
-
import
|
|
4
|
-
import { useCallback as x, useRef as C } from "react";
|
|
3
|
+
import { useCallback as x, isValidElement as N, useRef as C } from "react";
|
|
5
4
|
import { useMenu as K } from "./index84.mjs";
|
|
6
5
|
import { Box as L } from "./index7.mjs";
|
|
7
|
-
import { ButtonComponent as T, Anchor as
|
|
8
|
-
function
|
|
6
|
+
import { ButtonComponent as T, Anchor as A } from "./index8.mjs";
|
|
7
|
+
function B(m) {
|
|
9
8
|
const { tabState: l, defaultSelectedKey: o } = K(), { setSelectedKey: e } = l, {
|
|
10
9
|
id: a,
|
|
11
10
|
path: n,
|
|
@@ -39,12 +38,12 @@ function A(m) {
|
|
|
39
38
|
handlePress: y,
|
|
40
39
|
as: s,
|
|
41
40
|
"aria-label": b ?? r,
|
|
42
|
-
children: N
|
|
41
|
+
children: N(p) ? p : c
|
|
43
42
|
},
|
|
44
43
|
`button-${a}`
|
|
45
44
|
);
|
|
46
45
|
}
|
|
47
|
-
function
|
|
46
|
+
function E(m) {
|
|
48
47
|
const {
|
|
49
48
|
id: l,
|
|
50
49
|
target: o,
|
|
@@ -62,7 +61,7 @@ function B(m) {
|
|
|
62
61
|
...r
|
|
63
62
|
} = m, b = C(null);
|
|
64
63
|
return e == null || a == null ? null : /* @__PURE__ */ i(
|
|
65
|
-
|
|
64
|
+
A,
|
|
66
65
|
{
|
|
67
66
|
...r,
|
|
68
67
|
themeName: `${n}`,
|
|
@@ -76,12 +75,12 @@ function B(m) {
|
|
|
76
75
|
target: o ?? "_self",
|
|
77
76
|
as: k,
|
|
78
77
|
"aria-label": s ?? d,
|
|
79
|
-
children: N
|
|
78
|
+
children: N(h) ? h : a
|
|
80
79
|
},
|
|
81
80
|
`link-${l}`
|
|
82
81
|
);
|
|
83
82
|
}
|
|
84
|
-
function
|
|
83
|
+
function R(m) {
|
|
85
84
|
const {
|
|
86
85
|
menuItems: l,
|
|
87
86
|
children: o,
|
|
@@ -104,7 +103,7 @@ function V(m) {
|
|
|
104
103
|
tokens: r,
|
|
105
104
|
customTheme: n,
|
|
106
105
|
children: b === "button" ? /* @__PURE__ */ i(
|
|
107
|
-
|
|
106
|
+
B,
|
|
108
107
|
{
|
|
109
108
|
...s,
|
|
110
109
|
...t,
|
|
@@ -114,7 +113,7 @@ function V(m) {
|
|
|
114
113
|
as: d ?? u
|
|
115
114
|
}
|
|
116
115
|
) : /* @__PURE__ */ i(
|
|
117
|
-
|
|
116
|
+
E,
|
|
118
117
|
{
|
|
119
118
|
...s,
|
|
120
119
|
...t,
|
|
@@ -132,5 +131,5 @@ function V(m) {
|
|
|
132
131
|
] });
|
|
133
132
|
}
|
|
134
133
|
export {
|
|
135
|
-
|
|
134
|
+
R as default
|
|
136
135
|
};
|
package/index56.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"),n=require("react"),o=require("react-aria"),a=require("./index7.js");function D(c){const{children:l,themeName:
|
|
2
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),n=require("react"),o=require("react-aria"),a=require("./index7.js");function D(c){const{children:l,themeName:r="popover",tokens:m,customTheme:f,placement:h="bottom",offset:d=5,state:s,arrow:i,sizeRef:R,popoverRef:v,triggerRef:x,contain:P=!0,autoFocus:g=!0,restoreFocus:j=!0}=c,y=R??x,{isOpen:k}=s,w=n.useRef(null),p=v??w,{popoverProps:u,underlayProps:F,arrowProps:$,placement:b}=o.usePopover({...c,placement:h,offset:d,popoverRef:p},s),t={placement:b??"bottom",isOpen:k,...m},q={[`--${r?.replace(".","-")}-container-width`]:`${y?.current?.offsetWidth}px`,...u.style};return e.jsxs(o.Overlay,{children:[e.jsx(a.Box,{themeName:`${r}.underlay`,tokens:t,...F}),e.jsx(o.FocusScope,{autoFocus:g,restoreFocus:j,contain:P,children:e.jsxs(a.BoxWithForwardRef,{themeName:`${r}.popover`,customTheme:f,tokens:t,ref:p,...u,style:q,children:[i!=null&&n.cloneElement(i,{...$,themeName:`${r}.arrow`,tokens:t}),e.jsx(o.DismissButton,{onDismiss:s.close}),n.Children.map(l,B=>e.jsx(o.FocusRing,{focusRingClass:"has-focus-ring",children:B})),e.jsx(o.DismissButton,{onDismiss:s.close})]})})]})}exports.Popover=D;
|
package/index6.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
"use strict";const
|
|
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($.ButtonComponent,{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,18 +1,18 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
import { jsxs as i, Fragment as
|
|
3
|
-
import
|
|
4
|
-
import { useCarousel as
|
|
5
|
-
import { Box as
|
|
6
|
-
import { ButtonComponent as
|
|
7
|
-
import
|
|
8
|
-
function
|
|
9
|
-
const { title: l, button: o, content: e, themeName: t = "alerts.item", tokens: n, icon: m, id:
|
|
10
|
-
return l == null && o == null && e == null && m == null ? null : /* @__PURE__ */ i(
|
|
11
|
-
m != null && /* @__PURE__ */ r(
|
|
12
|
-
(l != null || o != null || e != null) && /* @__PURE__ */ i(
|
|
13
|
-
l != null && /* @__PURE__ */ r(
|
|
14
|
-
o != null && /* @__PURE__ */ r(
|
|
15
|
-
e != null && (
|
|
2
|
+
import { jsxs as i, Fragment as h, jsx as r } from "react/jsx-runtime";
|
|
3
|
+
import { cloneElement as f, isValidElement as x } from "react";
|
|
4
|
+
import { useCarousel as N } from "./index82.mjs";
|
|
5
|
+
import { Box as u } from "./index7.mjs";
|
|
6
|
+
import { ButtonComponent as I } from "./index8.mjs";
|
|
7
|
+
import $ from "./index48.mjs";
|
|
8
|
+
function E(a) {
|
|
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;
|
|
10
|
+
return l == null && o == null && e == null && m == null ? null : /* @__PURE__ */ i(h, { children: [
|
|
11
|
+
m != null && /* @__PURE__ */ r($, { icon: m, themeName: `${t}.icon`, tokens: n }),
|
|
12
|
+
(l != null || o != null || e != null) && /* @__PURE__ */ i(u, { themeName: `${t}.container`, tokens: n, children: [
|
|
13
|
+
l != null && /* @__PURE__ */ r(u, { as: "span", themeName: `${t}.title`, tokens: n, id: s, children: l }),
|
|
14
|
+
o != null && /* @__PURE__ */ r(I, { tabIndex: d ? 0 : -1, themeName: `${t}.button`, tokens: n, ...o }),
|
|
15
|
+
e != null && (x(e) ? f(e, {
|
|
16
16
|
themeName: `${t}.content`,
|
|
17
17
|
tokens: n
|
|
18
18
|
}) : e)
|
|
@@ -20,5 +20,5 @@ function B(s) {
|
|
|
20
20
|
] });
|
|
21
21
|
}
|
|
22
22
|
export {
|
|
23
|
-
|
|
23
|
+
E as default
|
|
24
24
|
};
|
package/index68.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
"use strict";const s=require("react/jsx-runtime"),x=require("react"),d=require("react-aria"),k=require("react-stately"),T=require("./index120.js"),a=require("./index7.js"),q=require("./index69.js"),j=require("./index71.js");function N(i){const{themeName:e="tabList",tokens:
|
|
2
|
+
"use strict";const s=require("react/jsx-runtime"),x=require("react"),d=require("react-aria"),k=require("react-stately"),T=require("./index120.js"),a=require("./index7.js"),q=require("./index69.js"),j=require("./index71.js");function N(i){const{themeName:e="tabList",tokens:o,customTheme:u,label:r,orientation:c="horizontal",panelTransition:h=T}=i,t=k.useTabListState(i),l=x.useRef(null),{tabListProps:b}=d.useTabList(i,t,l),n={...o,orientation:c,isDisabled:t.isDisabled};return s.jsxs(a.Box,{themeName:`${e}.wrapper`,tokens:n,customTheme:u,children:[r!=null&&r!==""&&s.jsx(a.Box,{themeName:`${e}.label`,tokens:n,children:r}),s.jsxs(a.Box,{themeName:`${e}.container`,tokens:n,children:[s.jsx(a.BoxWithForwardRef,{themeName:`${e}.list`,tokens:n,...b,ref:l,children:[...t.collection].map(m=>s.jsx(q,{item:m,state:t,themeName:`${e}.tab`,tokens:{...o,orientation:c}},m.key))}),s.jsx(j,{state:t,themeName:`${e}.panel`,tokens:n,panelTransition:h},t.selectedItem?.key)]})]})}module.exports=N;
|
package/index69.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
"use strict";const q=require("react/jsx-runtime"),x=require("react"),o=require("react-aria"),F=require("./index77.js"),P=require("./index7.js");function
|
|
2
|
+
"use strict";const q=require("react/jsx-runtime"),x=require("react"),o=require("react-aria"),F=require("./index77.js"),P=require("./index7.js");function h({item:n,state:e,...t}){const{key:s,rendered:i}=n,{themeName:c="tabList.tab",tokens:u,...a}=F.mergeDefaultComponentProps(t,n.props),r=x.useRef(null),{tabProps:l}=o.useTab({key:s},e,r),{focusProps:d,isFocusVisible:p,isFocused:b}=o.useFocusRing({within:!0,autoFocus:!1}),f=e.selectionManager.isDisabled(s),g=e.selectionManager.isSelected(s),m=e.selectionManager.isLink(s),k={...u,isDisabled:f,isSelected:g,isLink:m,isFocused:b,isFocusVisible:p};return q.jsx(P.BoxWithForwardRef,{...o.mergeProps(a,d,l),themeName:c,tokens:k,ref:r,children:i})}module.exports=h;
|
package/index70.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 r=require("react"),h=require("./index80.js");function f(e){return typeof e!="object"||e===null?!1:"suppressTextValueWarning"in e&&!!e.suppressTextValueWarning}function u(e){return null}function m(e){return e.hasChildItems!=null?e.hasChildItems:e.childItems!=null||e.title!=null&&r.Children.count(e.children)>0}u.getCollectionNode=function*(t,s){const{childItems:n,title:d,children:o}=t,i=t.title??t.children,a=t.textValue??(typeof i=="string"?i:"")??t["aria-label"]??"";!a&&!f(s)&&h.log("<Item> with non-plain text contents is unsupported by type to select for accessibility. Please add a `textValue` prop.","warn"),yield{type:"item",props:t,rendered:i,textValue:a,"aria-label":t["aria-label"],hasChildNodes:m(t),*childNodes(){if(n!=null)yield*Array.from(n).map(l=>({type:"item",value:l}));else if(d!=null){const l=[];r.Children.forEach(o,c=>{l.push({type:"item",element:c})}),yield*l}}}};const y=u;exports.TabItem=y;
|
package/index70.mjs
CHANGED
|
@@ -1,18 +1,18 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
import
|
|
2
|
+
import { Children as r } from "react";
|
|
3
3
|
import { log as f } from "./index80.mjs";
|
|
4
|
-
function
|
|
4
|
+
function m(e) {
|
|
5
5
|
return typeof e != "object" || e === null ? !1 : "suppressTextValueWarning" in e && !!e.suppressTextValueWarning;
|
|
6
6
|
}
|
|
7
7
|
function u(e) {
|
|
8
8
|
return null;
|
|
9
9
|
}
|
|
10
|
-
function
|
|
11
|
-
return e.hasChildItems != null ? e.hasChildItems : e.childItems != null || e.title != null && r.
|
|
10
|
+
function h(e) {
|
|
11
|
+
return e.hasChildItems != null ? e.hasChildItems : e.childItems != null || e.title != null && r.count(e.children) > 0;
|
|
12
12
|
}
|
|
13
13
|
u.getCollectionNode = function* (t, s) {
|
|
14
|
-
const { childItems: n, title:
|
|
15
|
-
!a && !
|
|
14
|
+
const { childItems: n, title: o, children: d } = t, i = t.title ?? t.children, a = t.textValue ?? (typeof i == "string" ? i : "") ?? t["aria-label"] ?? "";
|
|
15
|
+
!a && !m(s) && f(
|
|
16
16
|
"<Item> with non-plain text contents is unsupported by type to select for accessibility. Please add a `textValue` prop.",
|
|
17
17
|
"warn"
|
|
18
18
|
), yield {
|
|
@@ -21,16 +21,16 @@ u.getCollectionNode = function* (t, s) {
|
|
|
21
21
|
rendered: i,
|
|
22
22
|
textValue: a,
|
|
23
23
|
"aria-label": t["aria-label"],
|
|
24
|
-
hasChildNodes:
|
|
24
|
+
hasChildNodes: h(t),
|
|
25
25
|
*childNodes() {
|
|
26
26
|
if (n != null)
|
|
27
27
|
yield* Array.from(n).map((l) => ({
|
|
28
28
|
type: "item",
|
|
29
29
|
value: l
|
|
30
30
|
}));
|
|
31
|
-
else if (
|
|
31
|
+
else if (o != null) {
|
|
32
32
|
const l = [];
|
|
33
|
-
r.
|
|
33
|
+
r.forEach(d, (c) => {
|
|
34
34
|
l.push({
|
|
35
35
|
type: "item",
|
|
36
36
|
element: c
|
|
@@ -40,7 +40,7 @@ u.getCollectionNode = function* (t, s) {
|
|
|
40
40
|
}
|
|
41
41
|
};
|
|
42
42
|
};
|
|
43
|
-
const
|
|
43
|
+
const I = u;
|
|
44
44
|
export {
|
|
45
|
-
|
|
45
|
+
I as TabItem
|
|
46
46
|
};
|
package/index73.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 a=require("react"),h=require("./index80.js");function f(e){return typeof e!="object"||e===null?!1:"suppressTextValueWarning"in e&&!!e.suppressTextValueWarning}function u(e){return null}function m(e){return e.hasChildItems!=null?e.hasChildItems:!!(e.childItems||e.title&&a.Children.count(e.children)>0)}u.getCollectionNode=function*(t,s){const{childItems:n,title:o,children:c}=t,i=t.title||t.children,r=t.textValue||(typeof i=="string"?i:"")||t["aria-label"]||"";!r&&!f(s)&&process.env.NODE_ENV!=="production"&&h.log("<Item> with non-plain text contents is unsupported by type to select for accessibility. Please add a `textValue` prop.","warn"),yield{type:"item",props:t,rendered:i,textValue:r,"aria-label":t["aria-label"],hasChildNodes:m(t),*childNodes(){if(n)yield*Array.from(n).map(l=>({type:"item",value:l}));else if(o){const l=[];a.Children.forEach(c,d=>{l.push({type:"item",element:d})}),yield*l}}}};const g=u;exports.TagItem=g;
|
package/index73.mjs
CHANGED
|
@@ -1,18 +1,18 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
import
|
|
2
|
+
import { Children as r } from "react";
|
|
3
3
|
import { log as f } from "./index80.mjs";
|
|
4
|
-
function
|
|
4
|
+
function m(e) {
|
|
5
5
|
return typeof e != "object" || e === null ? !1 : "suppressTextValueWarning" in e && !!e.suppressTextValueWarning;
|
|
6
6
|
}
|
|
7
|
-
function
|
|
7
|
+
function u(e) {
|
|
8
8
|
return null;
|
|
9
9
|
}
|
|
10
|
-
function
|
|
11
|
-
return e.hasChildItems != null ? e.hasChildItems : !!(e.childItems || e.title && r.
|
|
10
|
+
function h(e) {
|
|
11
|
+
return e.hasChildItems != null ? e.hasChildItems : !!(e.childItems || e.title && r.count(e.children) > 0);
|
|
12
12
|
}
|
|
13
|
-
|
|
13
|
+
u.getCollectionNode = function* (t, s) {
|
|
14
14
|
const { childItems: n, title: o, children: d } = t, l = t.title || t.children, a = t.textValue || (typeof l == "string" ? l : "") || t["aria-label"] || "";
|
|
15
|
-
!a && !
|
|
15
|
+
!a && !m(s) && process.env.NODE_ENV !== "production" && f(
|
|
16
16
|
"<Item> with non-plain text contents is unsupported by type to select for accessibility. Please add a `textValue` prop.",
|
|
17
17
|
"warn"
|
|
18
18
|
), yield {
|
|
@@ -21,7 +21,7 @@ s.getCollectionNode = function* (t, u) {
|
|
|
21
21
|
rendered: l,
|
|
22
22
|
textValue: a,
|
|
23
23
|
"aria-label": t["aria-label"],
|
|
24
|
-
hasChildNodes:
|
|
24
|
+
hasChildNodes: h(t),
|
|
25
25
|
*childNodes() {
|
|
26
26
|
if (n)
|
|
27
27
|
yield* Array.from(n).map((i) => ({
|
|
@@ -30,7 +30,7 @@ s.getCollectionNode = function* (t, u) {
|
|
|
30
30
|
}));
|
|
31
31
|
else if (o) {
|
|
32
32
|
const i = [];
|
|
33
|
-
r.
|
|
33
|
+
r.forEach(d, (c) => {
|
|
34
34
|
i.push({
|
|
35
35
|
type: "item",
|
|
36
36
|
element: c
|
|
@@ -40,7 +40,7 @@ s.getCollectionNode = function* (t, u) {
|
|
|
40
40
|
}
|
|
41
41
|
};
|
|
42
42
|
};
|
|
43
|
-
const
|
|
43
|
+
const I = u;
|
|
44
44
|
export {
|
|
45
|
-
|
|
45
|
+
I as TagItem
|
|
46
46
|
};
|
package/index82.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const P=require("react/jsx-runtime"),
|
|
2
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const P=require("react/jsx-runtime"),S=require("@okam/core-lib"),e=require("react"),[p,R]=S.createCtxNullable();function v(x){const{controller:o,children:f,id:t,slides:s,modules:n,...l}=x,[i,u]=e.useState(),c=e.useRef(null),a=e.useRef(null),r=e.useRef(null),[C,d]=e.useState(0),w=e.useMemo(()=>({swiper:r.current?.swiper,activeIndex:C,setActiveIndex:d,swiperRef:r,slides:s,controller:o??i,setController:u,prevNavigationRef:c,nextNavigationRef:a,id:t,modules:n,swiperProps:l}),[r,C,d,s,o,i,u,c,a,t,n,l]);return P.jsx(R,{value:w,children:f})}const b=v,g=p;exports.CarouselContextProvider=v;exports.SwiperControllerContextProvider=b;exports.useCarousel=p;exports.useSwiperController=g;
|