@accelint/design-toolkit 7.0.0 → 7.0.1
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/catalog-info.yaml +1 -1
- package/dist/components/accordion/index.js +2 -0
- package/dist/components/badge/index.js +2 -0
- package/dist/components/button/index.js +2 -0
- package/dist/components/chip/index.js +2 -0
- package/dist/components/chip/selectable.js +2 -0
- package/dist/components/classification-badge/index.js +2 -0
- package/dist/components/classification-banner/index.js +2 -0
- package/dist/components/details-list/index.js +2 -0
- package/dist/components/dialog/content.js +2 -0
- package/dist/components/divider/index.js +2 -0
- package/dist/components/drawer/close.js +2 -0
- package/dist/components/drawer/header-title.js +2 -0
- package/dist/components/drawer/layout-main.js +2 -0
- package/dist/components/drawer/menu-item.js +2 -0
- package/dist/components/drawer/panel.js +2 -0
- package/dist/components/hero/context.js +2 -0
- package/dist/components/hero/title.js +2 -0
- package/dist/components/hotkey/hotkey-set.js +2 -0
- package/dist/components/icon/index.js +2 -0
- package/dist/components/label/index.js +2 -0
- package/dist/components/link/index.js +2 -0
- package/dist/components/menu/item-description.js +2 -0
- package/dist/components/menu/section.js +2 -0
- package/dist/components/menu/trigger.js +2 -0
- package/dist/components/notice/notice-icon.js +2 -0
- package/dist/components/options/context.js +2 -0
- package/dist/components/options/item-content.js +2 -0
- package/dist/components/options/item-label.js +2 -0
- package/dist/components/options/section.js +2 -0
- package/dist/components/popover/content.js +2 -0
- package/dist/components/popover/index.js +2 -0
- package/dist/components/popover/trigger.js +2 -0
- package/dist/components/query-builder/actions.js +2 -0
- package/dist/components/query-builder/rule.js +2 -0
- package/dist/components/query-builder/value-selector.js +2 -0
- package/dist/components/radio/index.js +2 -0
- package/dist/components/sidenav/content.js +2 -0
- package/dist/components/sidenav/index.js +2 -0
- package/dist/components/sidenav/menu-item.js +2 -0
- package/dist/components/tabs/index.js +2 -0
- package/dist/components/tabs/panel.js +2 -0
- package/dist/components/view-stack/trigger.js +2 -0
- package/dist/hooks/use-tree/state/index.js +2 -0
- package/dist/metafile-esm.json +1 -1
- package/package.json +4 -4
package/catalog-info.yaml
CHANGED
|
@@ -18,7 +18,7 @@ metadata:
|
|
|
18
18
|
annotations:
|
|
19
19
|
backstage.io/edit-url: https://github.com/gohypergiant/standard-toolkit/blob/main/design-toolkit/components/catalog-info.yaml
|
|
20
20
|
backstage.io/techdocs-ref: dir:.
|
|
21
|
-
package/version: 7.0.
|
|
21
|
+
package/version: 7.0.1
|
|
22
22
|
github.com/project-slug: gohypergiant/standard-toolkit
|
|
23
23
|
links:
|
|
24
24
|
- url: https://github.com/gohypergiant/standard-toolkit/tree/main/design-toolkit/components
|
|
@@ -1,2 +1,4 @@
|
|
|
1
|
+
'use client';
|
|
2
|
+
|
|
1
3
|
import {jsx}from'react/jsx-runtime';import'client-only';import {useContextProps,Disclosure,composeRenderProps}from'react-aria-components';import {AccordionContext}from'./context.js';import {AccordionStyles,AccordionStylesDefaults}from'./styles.js';const{accordion:P}=AccordionStyles();function x({ref:r,...o}){[o,r]=useContextProps(o,r??null,AccordionContext);const{children:s,className:t,variant:n=AccordionStylesDefaults.variant,isDisabled:c,...d}=o;return jsx(AccordionContext.Provider,{value:{variant:n,isDisabled:c},children:jsx(Disclosure,{...d,className:composeRenderProps(t,l=>P({className:l})),isDisabled:c,children:s})})}export{x as Accordion};//# sourceMappingURL=index.js.map
|
|
2
4
|
//# sourceMappingURL=index.js.map
|
|
@@ -1,2 +1,4 @@
|
|
|
1
|
+
'use client';
|
|
2
|
+
|
|
1
3
|
import {jsx}from'react/jsx-runtime';import'client-only';import {useContextProps}from'react-aria-components';import {BadgeContext}from'./context.js';import {BadgeStylesDefaults,BadgeStyles}from'./styles.js';function g({ref:e,...a}){[a,e]=useContextProps(a,e??null,BadgeContext);const{className:o,offset:t,placement:s,variant:n=BadgeStylesDefaults.variant,...r}=a;return jsx("span",{...r,ref:e,className:BadgeStyles({className:o,variant:n}),"data-offset-x":typeof t=="number"?t:t?.x,"data-offset-y":typeof t=="number"?t:t?.y,"data-placement":s||null})}export{g as Badge};//# sourceMappingURL=index.js.map
|
|
2
4
|
//# sourceMappingURL=index.js.map
|
|
@@ -1,2 +1,4 @@
|
|
|
1
|
+
'use client';
|
|
2
|
+
|
|
1
3
|
import {jsx}from'react/jsx-runtime';import'client-only';import {useContextProps,Button,composeRenderProps}from'react-aria-components';import {IconProvider}from'../icon/context.js';import {ButtonContext}from'./context.js';import {ButtonStyles}from'./styles.js';function A({ref:o,...t}){[t,o]=useContextProps(t,o??null,ButtonContext);const{children:n,className:i,color:m="mono-muted",size:r="medium",variant:s,...u}=t;return jsx(IconProvider,{size:r,children:jsx(Button,{...u,ref:o,className:composeRenderProps(i,a=>ButtonStyles({className:a,variant:s})),"data-color":m,"data-size":r,children:n})})}export{A as Button};//# sourceMappingURL=index.js.map
|
|
2
4
|
//# sourceMappingURL=index.js.map
|
|
@@ -1,2 +1,4 @@
|
|
|
1
|
+
'use client';
|
|
2
|
+
|
|
1
3
|
import {jsx}from'react/jsx-runtime';import'client-only';import {useContext}from'react';import {useContextProps,Tag}from'react-aria-components';import {IconProvider}from'../icon/context.js';import {ChipContext}from'./context.js';import {ChipListRenderingContext}from'./list.js';import {ChipStyles,ChipStylesDefaults}from'./styles.js';const{chip:d}=ChipStyles();function S({ref:t,...o}){[o,t]=useContextProps(o,t??null,ChipContext);const r=useContext(ChipListRenderingContext)?Tag:"div",{className:m,size:i="medium",variant:s=ChipStylesDefaults.variant,...n}=o;return jsx(IconProvider,{size:i==="medium"?"small":"xsmall",children:jsx(r,{...n,ref:t,className:d({size:i,variant:s,className:m}),"data-size":i})})}export{S as Chip};//# sourceMappingURL=index.js.map
|
|
2
4
|
//# sourceMappingURL=index.js.map
|
|
@@ -1,2 +1,4 @@
|
|
|
1
|
+
'use client';
|
|
2
|
+
|
|
1
3
|
import {jsx}from'react/jsx-runtime';import'client-only';import {useContextProps,Tag,composeRenderProps}from'react-aria-components';import {ChipContext}from'./context.js';import {SelectableChipStyles}from'./styles.js';const{chip:n}=SelectableChipStyles();function f({ref:e,...t}){[t,e]=useContextProps(t,e??null,ChipContext);const{className:i,size:o="medium",...s}=t;return jsx(Tag,{...s,ref:e,className:composeRenderProps(i,l=>n({className:l,size:o})),"data-size":o})}export{f as SelectableChip};//# sourceMappingURL=selectable.js.map
|
|
2
4
|
//# sourceMappingURL=selectable.js.map
|
|
@@ -1,2 +1,4 @@
|
|
|
1
|
+
'use client';
|
|
2
|
+
|
|
1
3
|
import {jsx}from'react/jsx-runtime';import'client-only';import {useContextProps}from'react-aria-components';import {ClassificationBadgeContext}from'./context.js';import {ClassificationBadgeStylesDefaults,ClassificationBadgeStyles}from'./styles.js';function u({ref:i,...a}){[a,i]=useContextProps(a,i??null,ClassificationBadgeContext);const{children:s,className:t,size:e="medium",variant:o=ClassificationBadgeStylesDefaults.variant,...n}=a;return jsx("span",{...n,className:ClassificationBadgeStyles({variant:o,className:t}),"data-size":e,children:s})}export{u as ClassificationBadge};//# sourceMappingURL=index.js.map
|
|
2
4
|
//# sourceMappingURL=index.js.map
|
|
@@ -1,2 +1,4 @@
|
|
|
1
|
+
'use client';
|
|
2
|
+
|
|
1
3
|
import {jsx}from'react/jsx-runtime';import'client-only';import {useContextProps}from'react-aria-components';import {ClassificationBannerContext}from'./context.js';import {ClassificationBannerStylesDefaults,ClassificationBannerStyles}from'./styles.js';function u({ref:n,...i}){[i,n]=useContextProps(i,n??null,ClassificationBannerContext);const{className:a,variant:t=ClassificationBannerStylesDefaults.variant,children:s,...o}=i;return jsx("div",{...o,className:ClassificationBannerStyles({variant:t,className:a}),children:s})}export{u as ClassificationBanner};//# sourceMappingURL=index.js.map
|
|
2
4
|
//# sourceMappingURL=index.js.map
|
|
@@ -1,2 +1,4 @@
|
|
|
1
|
+
'use client';
|
|
2
|
+
|
|
1
3
|
import {jsx}from'react/jsx-runtime';import'client-only';import {useContextProps,TextContext,DEFAULT_SLOT}from'react-aria-components';import {DetailsListContext}from'./context.js';import {DetailsListStyles,DetailsListStylesDefaults}from'./styles.js';const{list:L,label:p,value:N}=DetailsListStyles();function C({ref:e,...s}){[s,e]=useContextProps(s,e??null,DetailsListContext);const{children:i,classNames:t,align:l=DetailsListStylesDefaults.align,...o}=s;return jsx(TextContext,{value:{slots:{[DEFAULT_SLOT]:{},label:{className:p({className:t?.label,align:l})},value:{className:N({className:t?.value,align:l})}}},children:jsx("dl",{...o,className:L({className:t?.list,align:l}),children:i})})}export{C as DetailsList};//# sourceMappingURL=index.js.map
|
|
2
4
|
//# sourceMappingURL=index.js.map
|
|
@@ -1,2 +1,4 @@
|
|
|
1
|
+
'use client';
|
|
2
|
+
|
|
1
3
|
import {jsx}from'react/jsx-runtime';import'client-only';import {DialogStyles}from'./styles.js';const{content:e}=DialogStyles();function m({children:o,className:t}){return jsx("div",{className:e({className:t}),children:o})}export{m as DialogContent};//# sourceMappingURL=content.js.map
|
|
2
4
|
//# sourceMappingURL=content.js.map
|
|
@@ -1,2 +1,4 @@
|
|
|
1
|
+
'use client';
|
|
2
|
+
|
|
1
3
|
import {jsx}from'react/jsx-runtime';import'client-only';import {useContextProps}from'react-aria-components';import {DividerContext}from'./context.js';import {DividerStyles}from'./styles.js';function D({ref:t,...i}){[i,t]=useContextProps(i,t??null,DividerContext);const{className:o,orientation:r="horizontal",...e}=i;return jsx("hr",{...e,ref:t,className:DividerStyles({className:o}),"data-orientation":r})}export{D as Divider};//# sourceMappingURL=index.js.map
|
|
2
4
|
//# sourceMappingURL=index.js.map
|
|
@@ -1,2 +1,4 @@
|
|
|
1
|
+
'use client';
|
|
2
|
+
|
|
1
3
|
import {jsx}from'react/jsx-runtime';import {Cancel}from'@accelint/icons';import'client-only';import {Button}from'../button/index.js';import {Icon}from'../icon/index.js';import {DrawerTrigger}from'./trigger.js';function a(){return jsx(DrawerTrigger,{for:"close",children:jsx(Button,{variant:"icon",children:jsx(Icon,{children:jsx(Cancel,{})})})})}export{a as DrawerClose};//# sourceMappingURL=close.js.map
|
|
2
4
|
//# sourceMappingURL=close.js.map
|
|
@@ -1,2 +1,4 @@
|
|
|
1
|
+
'use client';
|
|
2
|
+
|
|
1
3
|
import {jsx}from'react/jsx-runtime';import'client-only';import {Heading}from'react-aria-components';import {DrawerTitleStyles}from'./styles.js';function s({className:e,level:r,...t}){return jsx(Heading,{...t,className:DrawerTitleStyles({className:e,level:r}),level:r})}export{s as DrawerHeaderTitle};//# sourceMappingURL=header-title.js.map
|
|
2
4
|
//# sourceMappingURL=header-title.js.map
|
|
@@ -1,2 +1,4 @@
|
|
|
1
|
+
'use client';
|
|
2
|
+
|
|
1
3
|
import {jsx}from'react/jsx-runtime';import'client-only';import {DrawerStyles}from'./styles.js';const{main:e}=DrawerStyles();function a({className:o,...t}){return jsx("main",{...t,className:e({className:o})})}export{a as DrawerLayoutMain};//# sourceMappingURL=layout-main.js.map
|
|
2
4
|
//# sourceMappingURL=layout-main.js.map
|
|
@@ -1,2 +1,4 @@
|
|
|
1
|
+
'use client';
|
|
2
|
+
|
|
1
3
|
import {jsxs,jsx}from'react/jsx-runtime';import'client-only';import {useContext,useRef}from'react';import {composeRenderProps}from'react-aria-components';import {ToggleButton}from'../button/toggle.js';import {Icon}from'../icon/index.js';import {Tooltip}from'../tooltip/index.js';import {TooltipTrigger}from'../tooltip/trigger.js';import {ViewStackContext}from'../view-stack/context.js';import {DrawerContext}from'./context.js';import {DrawerMenuStyles}from'./styles.js';import {DrawerTrigger}from'./trigger.js';const{item:y}=DrawerMenuStyles(),C={left:"right",right:"left",top:"bottom",bottom:"top"};function F({for:o,children:l,classNames:n,toggle:f,textValue:c,...s}){const{parent:a,stack:e}=useContext(ViewStackContext),{placement:g}=useContext(DrawerContext),u=e.at(-1),T=f?"toggle":"open",i=useRef(null);return a?jsxs(TooltipTrigger,{children:[jsx(DrawerTrigger,{for:`${T}:${o}`,children:jsx(ToggleButton,{...s,ref:i,className:composeRenderProps(n?.item,r=>y({className:r})),role:"tab",variant:"icon",isSelected:o===u||e.length>1&&e.includes(o),children:composeRenderProps(l,r=>jsx(Icon,{children:r}))})}),jsx(Tooltip,{triggerRef:i,placement:C[g],offset:6,className:n?.tooltip,children:c})]}):null}export{F as DrawerMenuItem};//# sourceMappingURL=menu-item.js.map
|
|
2
4
|
//# sourceMappingURL=menu-item.js.map
|
|
@@ -1,2 +1,4 @@
|
|
|
1
|
+
'use client';
|
|
2
|
+
|
|
1
3
|
import {jsx}from'react/jsx-runtime';import'client-only';import {DrawerStyles}from'./styles.js';const{panel:t}=DrawerStyles();function m({className:e,...o}){return jsx("div",{...o,className:t({className:e})})}export{m as DrawerPanel};//# sourceMappingURL=panel.js.map
|
|
2
4
|
//# sourceMappingURL=panel.js.map
|
|
@@ -1,2 +1,4 @@
|
|
|
1
|
+
'use client';
|
|
2
|
+
|
|
1
3
|
import {jsx}from'react/jsx-runtime';import'client-only';import {IconProvider}from'../icon/context.js';import {HotkeyStyles}from'./styles.js';const{set:p}=HotkeyStyles();function y({children:e,...t}){const{className:r}=t;return jsx("div",{className:p({className:r}),children:jsx(IconProvider,{size:"large",children:e})})}export{y as HotkeySet};//# sourceMappingURL=hotkey-set.js.map
|
|
2
4
|
//# sourceMappingURL=hotkey-set.js.map
|
|
@@ -1,2 +1,4 @@
|
|
|
1
|
+
'use client';
|
|
2
|
+
|
|
1
3
|
import {jsx}from'react/jsx-runtime';import'client-only';import {useContextProps}from'react-aria-components';import {IconContext}from'./context.js';import {IconStyles}from'./styles.js';function f({ref:o,...t}){[t,o]=useContextProps(t,o??null,IconContext);const{children:n,className:e,size:s="medium",...m}=t;return jsx("span",{...m,ref:o,className:IconStyles({className:e}),"data-size":s,children:n})}export{f as Icon};//# sourceMappingURL=index.js.map
|
|
2
4
|
//# sourceMappingURL=index.js.map
|
|
@@ -1,2 +1,4 @@
|
|
|
1
|
+
'use client';
|
|
2
|
+
|
|
1
3
|
import {jsxs}from'react/jsx-runtime';import'client-only';import {useContextProps,Label}from'react-aria-components';import {LabelContext}from'./context.js';import {LabelStyles}from'./styles.js';function f({ref:l,...e}){[e,l]=useContextProps(e,l??null,LabelContext);const{children:t,className:o,isDisabled:r,isRequired:a,...i}=e;return jsxs(Label,{...i,className:LabelStyles({className:o}),"data-disabled":r||null,"data-required":a||null,children:[t,!a&&" (optional)"]})}export{f as Label};//# sourceMappingURL=index.js.map
|
|
2
4
|
//# sourceMappingURL=index.js.map
|
|
@@ -1,2 +1,4 @@
|
|
|
1
|
+
'use client';
|
|
2
|
+
|
|
1
3
|
import {jsx}from'react/jsx-runtime';import'client-only';import {useContextProps,LinkContext,Link,composeRenderProps}from'react-aria-components';import {LinkStyles}from'./styles.js';function u({ref:i,...s}){[s,i]=useContextProps(s,i??null,LinkContext);const{allowsVisited:t=false,className:e,isVisited:o=false,...n}=s;return jsx(Link,{...n,ref:i,className:composeRenderProps(e,l=>LinkStyles({className:l})),"data-visited":t&&o||null})}export{u as Link};//# sourceMappingURL=index.js.map
|
|
2
4
|
//# sourceMappingURL=index.js.map
|
|
@@ -1,2 +1,4 @@
|
|
|
1
|
+
'use client';
|
|
2
|
+
|
|
1
3
|
import {jsx}from'react/jsx-runtime';import'client-only';import {Text}from'react-aria-components';import {MenuStyles}from'./styles.js';const{description:p}=MenuStyles();function l({children:t,className:e,...o}){return jsx(Text,{...o,slot:"description",className:p({className:e}),children:t})}export{l as MenuItemDescription};//# sourceMappingURL=item-description.js.map
|
|
2
4
|
//# sourceMappingURL=item-description.js.map
|
|
@@ -1,2 +1,4 @@
|
|
|
1
|
+
'use client';
|
|
2
|
+
|
|
1
3
|
import {jsxs,jsx}from'react/jsx-runtime';import'client-only';import {MenuSection,Header,Collection}from'react-aria-components';import {MenuStyles}from'./styles.js';const{section:p,header:u}=MenuStyles();function f({children:t,classNames:e,items:i,title:o,...c}){return jsxs(MenuSection,{...c,className:p({className:e?.section}),children:[o&&jsx(Header,{className:u({className:e?.header}),children:o}),jsx(Collection,{items:i,children:t})]})}export{f as MenuSection};//# sourceMappingURL=section.js.map
|
|
2
4
|
//# sourceMappingURL=section.js.map
|
|
@@ -1,2 +1,4 @@
|
|
|
1
|
+
'use client';
|
|
2
|
+
|
|
1
3
|
import {jsxs,jsx}from'react/jsx-runtime';import'client-only';import {Information,Success,Warning,Problem}from'@accelint/icons';import {Icon}from'../icon/index.js';function I({color:o="info",size:r}){return jsxs(Icon,{size:r==="small"?"medium":"large",children:[o==="info"&&jsx(Information,{}),o==="advisory"&&jsx(Information,{}),o==="normal"&&jsx(Success,{}),o==="serious"&&jsx(Warning,{}),o==="critical"&&jsx(Problem,{})]})}export{I as NoticeIcon};//# sourceMappingURL=notice-icon.js.map
|
|
2
4
|
//# sourceMappingURL=notice-icon.js.map
|
|
@@ -1,2 +1,4 @@
|
|
|
1
|
+
'use client';
|
|
2
|
+
|
|
1
3
|
import {jsx}from'react/jsx-runtime';import'client-only';import {OptionsStyles}from'./styles.js';const{content:n}=OptionsStyles();function m({className:t,...o}){return jsx("div",{...o,className:n({className:t})})}export{m as OptionsItemContent};//# sourceMappingURL=item-content.js.map
|
|
2
4
|
//# sourceMappingURL=item-content.js.map
|
|
@@ -1,2 +1,4 @@
|
|
|
1
|
+
'use client';
|
|
2
|
+
|
|
1
3
|
import {jsx}from'react/jsx-runtime';import'client-only';import {Text}from'react-aria-components';import {OptionsStyles}from'./styles.js';const{label:s}=OptionsStyles();function n({className:t,...o}){return jsx(Text,{...o,slot:"label",className:s({className:t})})}export{n as OptionsItemLabel};//# sourceMappingURL=item-label.js.map
|
|
2
4
|
//# sourceMappingURL=item-label.js.map
|
|
@@ -1,2 +1,4 @@
|
|
|
1
|
+
'use client';
|
|
2
|
+
|
|
1
3
|
import {jsxs,jsx}from'react/jsx-runtime';import'client-only';import {ListBoxSection,Header,Collection}from'react-aria-components';import {OptionsStyles}from'./styles.js';const{section:r,header:m}=OptionsStyles();function f({children:s,classNames:t,header:e,items:i}){return jsxs(ListBoxSection,{id:e,className:r({className:t?.section}),children:[jsx(Header,{className:m({className:t?.header}),children:e}),jsx(Collection,{items:i,children:s})]})}export{f as OptionsSection};//# sourceMappingURL=section.js.map
|
|
2
4
|
//# sourceMappingURL=section.js.map
|
|
@@ -1,2 +1,4 @@
|
|
|
1
|
+
'use client';
|
|
2
|
+
|
|
1
3
|
import {jsx}from'react/jsx-runtime';import'client-only';import {Popover,Dialog}from'react-aria-components';import {PopoverStyles}from'./styles.js';const{content:a}=PopoverStyles();function v({children:r,className:t,...e}){return jsx(Popover,{className:a({className:t}),...e,children:jsx(Dialog,{children:r})})}export{v as PopoverContent};//# sourceMappingURL=content.js.map
|
|
2
4
|
//# sourceMappingURL=content.js.map
|
|
@@ -1,2 +1,4 @@
|
|
|
1
|
+
'use client';
|
|
2
|
+
|
|
1
3
|
import {jsx}from'react/jsx-runtime';import'client-only';import {DialogTrigger}from'react-aria-components';function a({placement:p="bottom",children:o,...r}){return jsx(DialogTrigger,{...r,children:o})}export{a as Popover};//# sourceMappingURL=index.js.map
|
|
2
4
|
//# sourceMappingURL=index.js.map
|
|
@@ -1,2 +1,4 @@
|
|
|
1
|
+
'use client';
|
|
2
|
+
|
|
1
3
|
import {jsx}from'react/jsx-runtime';import'client-only';import {Pressable}from'react-aria-components';function t({children:r,...o}){return jsx(Pressable,{...o,children:r})}export{t as PopoverTrigger};//# sourceMappingURL=trigger.js.map
|
|
2
4
|
//# sourceMappingURL=trigger.js.map
|
|
@@ -1,2 +1,4 @@
|
|
|
1
|
+
'use client';
|
|
2
|
+
|
|
1
3
|
import {jsx}from'react/jsx-runtime';import'client-only';import {Delete,LockFill,Duplicate}from'@accelint/icons';import {Button}from'../button/index.js';import {Icon}from'../icon/index.js';function f({handleOnClick:t,className:n,...r}){return jsx(Button,{size:"small",variant:"icon",onPress:()=>t(),className:n,...r,children:jsx(Icon,{children:jsx(Delete,{})})})}function A({handleOnClick:t,className:n,...r}){return jsx(Button,{size:"small",variant:"icon",onPress:()=>t(),className:n,...r,children:jsx(Icon,{children:jsx(LockFill,{})})})}function P({handleOnClick:t,className:n,...r}){return jsx(Button,{size:"small",variant:"icon",onPress:()=>t(),className:n,...r,children:jsx(Icon,{children:jsx(Duplicate,{})})})}export{P as CloneAction,A as LockAction,f as RemoveRuleAction};//# sourceMappingURL=actions.js.map
|
|
2
4
|
//# sourceMappingURL=actions.js.map
|
|
@@ -1,2 +1,4 @@
|
|
|
1
|
+
'use client';
|
|
2
|
+
|
|
1
3
|
import {jsx,jsxs,Fragment}from'react/jsx-runtime';import'client-only';import {memo,useContext}from'react';import {useRule,useStopEventPropagation,TestID}from'react-querybuilder';import {Lines}from'../lines/index.js';import {RuleStyles}from'./styles.js';const{lines:Y}=RuleStyles(),Z=memo(function({path:e,props:u,context:o}){const c=e[0]===u.schema.getQuery()?.rules.length-1?"last":"branch";return jsx(Lines,{variant:c,size:"small",isVisible:o.showRuleLines,className:Y()})});function oe(s){const e=useRule(s),u=useContext(s.context),{classNames:o,disabled:R,operators:c,outerClassName:h,rule:{field:n,operator:i,value:S,valueSource:f},schema:{controls:{fieldSelector:y,operatorSelector:g,valueSourceSelector:N,valueEditor:k,cloneRuleAction:D,lockRuleAction:b,removeRuleAction:O},fields:E,listsAsArrays:L,parseNumbers:A,showCloneButtons:x,showLockButtons:I},fieldData:C,generateOnChangeHandler:d,inputType:T,parentDisabled:B,path:p,translations:l,valueEditorType:P,valueEditorSeparator:Q,values:w,valueSources:V,valueSourceOptions:G,validationResult:H}=e,z=useStopEventPropagation(e.cloneRule),F=useStopEventPropagation(e.toggleLockRule),q=useStopEventPropagation(e.removeRule),r={context:u,disabled:R,level:p.length,path:p,schema:e.schema,validation:H},J=!["null","notNull"].includes(i)&&V.length>1;return jsxs(Fragment,{children:[u.showRuleLines&&jsx(Z,{path:p,props:s,context:u}),jsxs("div",{className:h,children:[jsx(y,{testID:TestID.fields,options:E,title:l.fields.title,value:n,operator:i,className:o.fields,handleOnChange:d("field"),rule:e.rule,...r}),jsx(g,{testID:TestID.operators,field:n,fieldData:e.fieldData,title:e.translations.operators.title,options:c,value:i,className:e.classNames.operators,handleOnChange:e.generateOnChangeHandler("operator"),rule:e.rule,...r}),jsx(k,{testID:TestID.valueEditor,field:n,fieldData:C,title:l.value.title,operator:i,value:S,valueSource:f??"value",type:P,inputType:T,values:w,listsAsArrays:L,parseNumbers:A,separator:Q,className:o.value,handleOnChange:d("value"),rule:e.rule,...r}),J&&jsx(N,{testID:TestID.valueSourceSelector,field:n,fieldData:C,title:l.valueSourceSelector.title,options:G,value:f??"value",className:o.valueSource,handleOnChange:d("valueSource"),rule:e.rule,...r})]}),jsxs("div",{className:h,children:[jsx(O,{testID:TestID.removeRule,label:l.removeRule.label??"remove",title:l.removeRule.title??"remove",className:o.removeRule,handleOnClick:q,ruleOrGroup:e.rule,...r}),x&&jsx(D,{testID:TestID.cloneRule,label:l.cloneRule.label??"clone",title:l.cloneRule.title??"clone",className:o.cloneRule,handleOnClick:z,ruleOrGroup:e.rule,...r}),I&&jsx(b,{testID:TestID.lockRule,label:l.lockRule.label??"lock",title:l.lockRule.title??"lock",className:o.lockRule,handleOnClick:F,disabledTranslation:B?void 0:l.lockRuleDisabled,ruleOrGroup:e.rule,...r})]})]})}export{oe as Rule};//# sourceMappingURL=rule.js.map
|
|
2
4
|
//# sourceMappingURL=rule.js.map
|
|
@@ -1,2 +1,4 @@
|
|
|
1
|
+
'use client';
|
|
2
|
+
|
|
1
3
|
import {jsx}from'react/jsx-runtime';import'client-only';import {useCallback,useMemo}from'react';import {useValueSelector,isOptionGroupArray}from'react-querybuilder';import {ComboBoxField}from'../combobox-field/index.js';import {OptionsItem}from'../options/item.js';import {OptionsSection}from'../options/section.js';function B(s){const{handleOnChange:n,disabled:m,listsAsArrays:p,options:l,multiple:d,title:u,validation:g,value:y,...c}=s,{onChange:r,val:a}=useValueSelector({handleOnChange:n,listsAsArrays:p,multiple:d,value:y}),b=useCallback(e=>{e&&r(`${e}`);},[r]),f=useMemo(()=>isOptionGroupArray(l)?l.map(e=>jsx(OptionsSection,{header:e.label,children:e.options.map(t=>jsx(OptionsItem,{id:t.name,children:t.label},t.name))},e.label)):l.map(e=>jsx(OptionsItem,{textValue:e.label,id:e.name,children:e.label},e.name)),[l]);return jsx(ComboBoxField,{size:"small",isDisabled:m,...c,selectedKey:Array.isArray(a)?a[0]:a,"aria-labelledby":u,onSelectionChange:b,children:f})}export{B as ValueSelector};//# sourceMappingURL=value-selector.js.map
|
|
2
4
|
//# sourceMappingURL=value-selector.js.map
|
|
@@ -1,2 +1,4 @@
|
|
|
1
|
+
'use client';
|
|
2
|
+
|
|
1
3
|
import {jsx,jsxs,Fragment}from'react/jsx-runtime';import'client-only';import {Radio,composeRenderProps}from'react-aria-components';import {RadioStyles}from'./styles.js';const{radio:l,control:d,label:m}=RadioStyles();function N({classNames:o,children:s,...p}){return jsx(Radio,{...p,className:composeRenderProps(o?.radio,a=>l({className:a})),children:composeRenderProps(s,a=>jsxs(Fragment,{children:[jsx("span",{className:d({className:o?.control})}),jsx("span",{className:m({className:o?.label}),children:a})]}))})}export{N as Radio};//# sourceMappingURL=index.js.map
|
|
2
4
|
//# sourceMappingURL=index.js.map
|
|
@@ -1,2 +1,4 @@
|
|
|
1
|
+
'use client';
|
|
2
|
+
|
|
1
3
|
import {jsx}from'react/jsx-runtime';import'client-only';import {Provider}from'react-aria-components';import {DividerContext}from'../divider/context.js';import {SidenavStyles}from'./styles.js';const{content:v,divider:m}=SidenavStyles();function f({className:o,children:t,...i}){return jsx(Provider,{values:[[DividerContext,{className:m()}]],children:jsx("div",{...i,className:v({className:o}),children:t})})}export{f as SidenavContent};//# sourceMappingURL=content.js.map
|
|
2
4
|
//# sourceMappingURL=content.js.map
|
|
@@ -1,2 +1,4 @@
|
|
|
1
|
+
'use client';
|
|
2
|
+
|
|
1
3
|
import {jsx}from'react/jsx-runtime';import {useOn}from'@accelint/bus/react';import'client-only';import {useState}from'react';import {Provider,HeadingContext,DEFAULT_SLOT}from'react-aria-components';import {SidenavContext}from'./context.js';import {SidenavEventTypes}from'./events.js';import {SidenavStyles}from'./styles.js';const{sidenav:y,heading:N,transient:s,menuHeading:O,panelHeading:T}=SidenavStyles();function D({id:a,className:r,isHiddenWhenClosed:p,children:v,...d}){const[e,o]=useState(false);return useOn(SidenavEventTypes.toggle,n=>{n.payload.id===a&&o(m=>!m);}),useOn(SidenavEventTypes.open,n=>{!e&&n.payload.id===a&&o(true);}),useOn(SidenavEventTypes.close,n=>{e&&n.payload.id===a&&o(false);}),p&&!e?null:jsx(Provider,{values:[[HeadingContext,{slots:{[DEFAULT_SLOT]:{className:N({className:s()})},menu:{className:O({className:s()})},panel:{className:T()}}}],[SidenavContext,{id:a,isOpen:e}]],children:jsx("nav",{...d,className:y({className:r}),"data-open":e||null,children:v})})}export{D as Sidenav};//# sourceMappingURL=index.js.map
|
|
2
4
|
//# sourceMappingURL=index.js.map
|
|
@@ -1,2 +1,4 @@
|
|
|
1
|
+
'use client';
|
|
2
|
+
|
|
1
3
|
import {jsx}from'react/jsx-runtime';import'client-only';import {ToggleButton,composeRenderProps}from'react-aria-components';import {SidenavStyles}from'./styles.js';const{menuItem:i}=SidenavStyles();function l({className:e,children:o,...t}){return jsx(ToggleButton,{...t,className:composeRenderProps(e,n=>i({className:n})),children:o})}export{l as SidenavMenuItem};//# sourceMappingURL=menu-item.js.map
|
|
2
4
|
//# sourceMappingURL=menu-item.js.map
|
|
@@ -1,2 +1,4 @@
|
|
|
1
|
+
'use client';
|
|
2
|
+
|
|
1
3
|
import {jsx}from'react/jsx-runtime';import'client-only';import {useContextProps,Tabs,composeRenderProps}from'react-aria-components';import {TabsContext}from'./context.js';import {TabStyles}from'./styles.js';const{tabs:T}=TabStyles();function y({ref:s,...o}){[o,s]=useContextProps(o,s??null,TabsContext);const{children:t,className:r,...a}=o;return jsx(Tabs,{...a,ref:s,className:composeRenderProps(r,e=>T({className:e})),children:t})}export{y as Tabs};//# sourceMappingURL=index.js.map
|
|
2
4
|
//# sourceMappingURL=index.js.map
|
|
@@ -1,2 +1,4 @@
|
|
|
1
|
+
'use client';
|
|
2
|
+
|
|
1
3
|
import {jsx}from'react/jsx-runtime';import'client-only';import {TabPanel,composeRenderProps}from'react-aria-components';import {TabStyles}from'./styles.js';const{panel:s}=TabStyles();function i({children:a,className:e,...o}){return jsx(TabPanel,{...o,className:composeRenderProps(e,n=>s({className:n})),children:a})}export{i as TabPanel};//# sourceMappingURL=panel.js.map
|
|
2
4
|
//# sourceMappingURL=panel.js.map
|
|
@@ -1,2 +1,4 @@
|
|
|
1
|
+
'use client';
|
|
2
|
+
|
|
1
3
|
import {jsx}from'react/jsx-runtime';import'client-only';import {isUUID}from'@accelint/core';import {useContext}from'react';import {Pressable}from'react-aria-components';import {ViewStackContext,useViewStackEmit}from'./context.js';function S({children:i,for:e}){const{parent:o}=useContext(ViewStackContext),n=useViewStackEmit();function s(){for(const r of Array.isArray(e)?e:[e]){let[p,t]=isUUID(r)?["push",r]:r.split(":");t??=o,t&&n[p](t);}}return jsx(Pressable,{onPress:s,children:i})}export{S as ViewStackTrigger};//# sourceMappingURL=trigger.js.map
|
|
2
4
|
//# sourceMappingURL=trigger.js.map
|
|
@@ -1,2 +1,4 @@
|
|
|
1
|
+
'use client';
|
|
2
|
+
|
|
1
3
|
import'client-only';import {useState}from'react';import {useTreeActions}from'../actions/index.js';import {processDroppedItems}from'./utils.js';function E({items:d}){const[s,t]=useState(d),o=useTreeActions({nodes:s}),l={getItems:e=>[...e].map(n=>{const r=o.getNode(n);return {key:`${n}`,"text/plain":JSON.stringify(r)}}),onReorder:e=>{e.target.dropPosition==="before"?t(o.moveBefore(e.target.key,e.keys)):t(o.moveAfter(e.target.key,e.keys));},onInsert:({items:e,target:n})=>{(async()=>{const r=await processDroppedItems(e,l.acceptedDragTypes??[]);t(o.remove(new Set(r.map(i=>i.id)))),n.dropPosition==="before"?t(o.insertBefore(n.key,r)):n.dropPosition==="after"&&t(o.insertAfter(n.key,r));})();},onItemDrop:({target:e,items:n})=>{(async()=>{const r=o.getNode(e.key),[i]=n;if(e.dropPosition==="on"&&r&&i&&i.kind!=="directory"){const a=await i.getText("key");a&&t(o.moveInto(e.key,new Set([a])));}})();},onRootDrop:({items:e})=>{(async()=>{const n=await processDroppedItems(e,l.acceptedDragTypes??[]);t(o.remove(new Set(n.map(r=>r.key)))),t(o.insertAfter(null,n));})();}};function f(){t(o.collapseAll());}function m(){t(o.expandAll());}function y(e){t(o.onExpandedChange(e));}function p(){t(o.selectAll());}function D(){t(o.unselectAll());}function g(e){if(e==="all")return p();t(o.onSelectionChange(e));}function u(){t(o.hideAll());}function A(){t(o.revealAll());}function C(e){t(o.onVisibilityChange(e));}return {nodes:s,actions:{collapseAll:f,expandAll:m,onExpandedChange:y,selectAll:p,unselectAll:D,onSelectionChange:g,hideAll:u,revealAll:A,onVisibilityChange:C},dragAndDropConfig:l}}export{E as useTreeState};//# sourceMappingURL=index.js.map
|
|
2
4
|
//# sourceMappingURL=index.js.map
|