@primereact/headless 11.0.0-rc.1 → 11.0.0-rc.2
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/accordion/index.mjs +1 -2
- package/animateonscroll/index.mjs +1 -2
- package/autocomplete/index.mjs +1 -2
- package/avatar/index.mjs +1 -2
- package/avatargroup/index.mjs +0 -1
- package/badge/index.mjs +1 -2
- package/breadcrumb/index.mjs +0 -1
- package/button/index.mjs +0 -1
- package/card/index.mjs +0 -1
- package/carousel/index.mjs +1 -2
- package/carousel/useCarousel.d.ts +28 -15
- package/checkbox/index.mjs +1 -2
- package/checkboxgroup/index.mjs +1 -2
- package/chip/index.mjs +1 -2
- package/collapsible/index.mjs +1 -2
- package/compare/index.mjs +1 -2
- package/contextmenu/index.mjs +1 -2
- package/contextmenu/submenu/index.mjs +0 -1
- package/datatable/features/index.mjs +8 -9
- package/datatable/features/useDataTableExport.d.ts +1 -1
- package/datatable/features/useDataTableKeyboard.d.ts +1 -1
- package/datatable/features/useDataTableSelection.d.ts +4 -4
- package/datatable/index.mjs +8 -9
- package/datatable/useDataTable.d.ts +2 -2
- package/datatable/utils/index.mjs +0 -1
- package/dataview/index.mjs +1 -2
- package/datepicker/index.mjs +1 -2
- package/dialog/index.mjs +1 -2
- package/dialog/useDialog.d.ts +12 -12
- package/divider/index.mjs +0 -1
- package/divider/useDivider.d.ts +1 -1
- package/dnd/index.mjs +1 -2
- package/drawer/index.mjs +1 -2
- package/fieldset/index.mjs +1 -2
- package/fileupload/index.mjs +1 -2
- package/fileupload/useFileUpload.d.ts +3 -0
- package/floatlabel/index.mjs +0 -1
- package/fluid/index.mjs +0 -1
- package/focustrap/index.mjs +1 -2
- package/gallery/index.mjs +1 -2
- package/gallery/item/index.mjs +1 -2
- package/gallery/useGallery.d.ts +17 -9
- package/iconfield/index.mjs +0 -1
- package/iftalabel/index.mjs +0 -1
- package/inplace/index.mjs +1 -2
- package/inplace/useInplace.d.ts +18 -6
- package/inputcolor/colorManager.d.ts +1 -1
- package/inputcolor/index.mjs +1 -2
- package/inputgroup/index.mjs +0 -1
- package/inputnumber/index.mjs +1 -2
- package/inputotp/index.mjs +1 -2
- package/inputpassword/index.mjs +1 -2
- package/inputtags/index.mjs +1 -2
- package/inputtext/index.mjs +1 -2
- package/knob/index.mjs +1 -2
- package/label/index.mjs +0 -1
- package/listbox/index.mjs +1 -2
- package/menu/checkboxitem/index.mjs +1 -2
- package/menu/index.mjs +1 -2
- package/menu/radioitem/index.mjs +1 -2
- package/menu/submenu/index.mjs +1 -2
- package/message/index.mjs +1 -2
- package/metergroup/index.mjs +1 -2
- package/navigationmenu/index.mjs +1 -2
- package/orderlist/index.mjs +1 -2
- package/orderlist/useOrderList.d.ts +1 -0
- package/organizationchart/index.mjs +1 -2
- package/overlaybadge/index.mjs +0 -1
- package/package.json +9 -7
- package/paginator/index.mjs +1 -2
- package/paginator/usePaginator.d.ts +1 -1
- package/panel/index.mjs +1 -2
- package/picklist/index.mjs +1 -2
- package/popover/index.mjs +1 -2
- package/portal/index.mjs +0 -1
- package/positioner/index.mjs +1 -2
- package/positioner/usePositioner.anchor.d.ts +2 -2
- package/positioner/usePositioner.fallback.d.ts +2 -2
- package/progressbar/index.mjs +1 -2
- package/progressspinner/index.mjs +1 -2
- package/radiobutton/index.mjs +1 -2
- package/radiobuttongroup/index.mjs +1 -2
- package/rating/index.mjs +1 -2
- package/scrollarea/index.mjs +1 -2
- package/scrollarea/useScrollArea.d.ts +1 -1
- package/select/index.mjs +1 -2
- package/sidebar/index.mjs +1 -2
- package/sidebar/useSidebar.d.ts +30 -4
- package/sidebar/useSidebarLayout.d.ts +4 -4
- package/sidebar/useSidebarMenuItem.d.ts +0 -1
- package/skeleton/index.mjs +0 -1
- package/slider/index.mjs +1 -2
- package/speeddial/index.mjs +1 -2
- package/splitter/index.mjs +1 -2
- package/stepper/index.mjs +1 -2
- package/styleclass/index.mjs +1 -2
- package/tabs/index.mjs +1 -2
- package/tag/index.mjs +0 -1
- package/terminal/index.mjs +1 -2
- package/textarea/index.mjs +1 -2
- package/timeline/index.mjs +0 -1
- package/toast/index.mjs +1 -2
- package/toaster/index.mjs +1 -2
- package/togglebutton/index.mjs +1 -2
- package/togglebuttongroup/index.mjs +1 -2
- package/toggleswitch/index.mjs +1 -2
- package/toolbar/index.mjs +0 -1
- package/tooltip/index.mjs +1 -2
- package/tooltipmanager/index.mjs +1 -2
- package/tree/index.mjs +1 -2
- package/tree/useTree.d.ts +4 -4
- package/tree/useTreeDragDrop.d.ts +2 -2
- package/tree/useTreeFlatten.d.ts +1 -1
- package/tree/useTreeSelection.d.ts +3 -3
- package/accordion/index.mjs.map +0 -1
- package/accordion/useAccordion.test.d.ts +0 -0
- package/animateonscroll/index.mjs.map +0 -1
- package/animateonscroll/useAnimateOnScroll.test.d.ts +0 -0
- package/autocomplete/index.mjs.map +0 -1
- package/autocomplete/useAutoComplete.test.d.ts +0 -0
- package/avatar/index.mjs.map +0 -1
- package/avatar/useAvatar.test.d.ts +0 -0
- package/avatargroup/index.mjs.map +0 -1
- package/badge/index.mjs.map +0 -1
- package/badge/useBadge.test.d.ts +0 -0
- package/breadcrumb/index.mjs.map +0 -1
- package/breadcrumb/useBreadcrumb.test.d.ts +0 -0
- package/button/index.mjs.map +0 -1
- package/button/useButton.test.d.ts +0 -0
- package/card/index.mjs.map +0 -1
- package/card/useCard.test.d.ts +0 -0
- package/carousel/index.mjs.map +0 -1
- package/carousel/useCarousel.test.d.ts +0 -0
- package/checkbox/index.mjs.map +0 -1
- package/checkbox/useCheckbox.test.d.ts +0 -0
- package/checkboxgroup/index.mjs.map +0 -1
- package/checkboxgroup/useCheckboxGroup.test.d.ts +0 -0
- package/chip/index.mjs.map +0 -1
- package/chip/useChip.test.d.ts +0 -0
- package/collapsible/index.mjs.map +0 -1
- package/collapsible/useCollapsible.test.d.ts +0 -0
- package/compare/index.mjs.map +0 -1
- package/compare/useCompare.test.d.ts +0 -0
- package/contextmenu/index.mjs.map +0 -1
- package/contextmenu/submenu/index.mjs.map +0 -1
- package/contextmenu/useContextMenu.test.d.ts +0 -0
- package/datatable/features/index.mjs.map +0 -1
- package/datatable/index.mjs.map +0 -1
- package/datatable/utils/index.mjs.map +0 -1
- package/dataview/index.mjs.map +0 -1
- package/dataview/useDataView.test.d.ts +0 -0
- package/datepicker/index.mjs.map +0 -1
- package/datepicker/useDatePicker.test.d.ts +0 -0
- package/dialog/index.mjs.map +0 -1
- package/dialog/useDialog.test.d.ts +0 -0
- package/divider/index.mjs.map +0 -1
- package/divider/useDivider.test.d.ts +0 -0
- package/dnd/index.mjs.map +0 -1
- package/drawer/index.mjs.map +0 -1
- package/drawer/useDrawer.test.d.ts +0 -0
- package/fieldset/index.mjs.map +0 -1
- package/fieldset/useFieldset.test.d.ts +0 -0
- package/fileupload/index.mjs.map +0 -1
- package/fileupload/useFileUpload.test.d.ts +0 -0
- package/floatlabel/index.mjs.map +0 -1
- package/floatlabel/useFloatLabel.test.d.ts +0 -0
- package/fluid/index.mjs.map +0 -1
- package/fluid/useFluid.test.d.ts +0 -0
- package/focustrap/index.mjs.map +0 -1
- package/focustrap/useFocusTrap.test.d.ts +0 -0
- package/gallery/index.mjs.map +0 -1
- package/gallery/item/index.mjs.map +0 -1
- package/gallery/useGallery.test.d.ts +0 -0
- package/iconfield/index.mjs.map +0 -1
- package/iconfield/useIconField.test.d.ts +0 -0
- package/iftalabel/index.mjs.map +0 -1
- package/iftalabel/useIftaLabel.test.d.ts +0 -0
- package/inplace/index.mjs.map +0 -1
- package/inplace/useInplace.test.d.ts +0 -0
- package/inputcolor/index.mjs.map +0 -1
- package/inputcolor/useInputColor.test.d.ts +0 -0
- package/inputgroup/index.mjs.map +0 -1
- package/inputgroup/useInputGroup.test.d.ts +0 -0
- package/inputnumber/index.mjs.map +0 -1
- package/inputnumber/useInputNumber.test.d.ts +0 -0
- package/inputotp/index.mjs.map +0 -1
- package/inputotp/useInputOtp.test.d.ts +0 -0
- package/inputpassword/index.mjs.map +0 -1
- package/inputpassword/useInputPassword.test.d.ts +0 -0
- package/inputtags/index.mjs.map +0 -1
- package/inputtags/useInputTags.test.d.ts +0 -0
- package/inputtext/index.mjs.map +0 -1
- package/inputtext/useInputText.test.d.ts +0 -0
- package/knob/index.mjs.map +0 -1
- package/knob/useKnob.test.d.ts +0 -0
- package/label/index.mjs.map +0 -1
- package/label/useLabel.test.d.ts +0 -0
- package/listbox/index.mjs.map +0 -1
- package/listbox/useListbox.test.d.ts +0 -0
- package/menu/checkboxitem/index.mjs.map +0 -1
- package/menu/index.mjs.map +0 -1
- package/menu/radioitem/index.mjs.map +0 -1
- package/menu/submenu/index.mjs.map +0 -1
- package/menu/useMenu.test.d.ts +0 -0
- package/message/index.mjs.map +0 -1
- package/message/useMessage.test.d.ts +0 -0
- package/metergroup/index.mjs.map +0 -1
- package/metergroup/useMeterGroup.test.d.ts +0 -0
- package/navigationmenu/index.mjs.map +0 -1
- package/navigationmenu/useNavigationMenu.test.d.ts +0 -0
- package/orderlist/index.mjs.map +0 -1
- package/organizationchart/index.mjs.map +0 -1
- package/organizationchart/useOrganizationChart.test.d.ts +0 -0
- package/overlaybadge/index.mjs.map +0 -1
- package/overlaybadge/useOverlayBadge.test.d.ts +0 -0
- package/paginator/index.mjs.map +0 -1
- package/paginator/usePaginator.test.d.ts +0 -0
- package/panel/index.mjs.map +0 -1
- package/panel/usePanel.test.d.ts +0 -0
- package/picklist/index.mjs.map +0 -1
- package/popover/index.mjs.map +0 -1
- package/popover/usePopover.test.d.ts +0 -0
- package/portal/index.mjs.map +0 -1
- package/portal/usePortal.test.d.ts +0 -0
- package/positioner/index.mjs.map +0 -1
- package/positioner/usePositioner.test.d.ts +0 -0
- package/progressbar/index.mjs.map +0 -1
- package/progressbar/useProgressBar.test.d.ts +0 -0
- package/progressspinner/index.mjs.map +0 -1
- package/radiobutton/index.mjs.map +0 -1
- package/radiobutton/useRadioButton.test.d.ts +0 -0
- package/radiobuttongroup/index.mjs.map +0 -1
- package/radiobuttongroup/useRadioButtonGroup.test.d.ts +0 -0
- package/rating/index.mjs.map +0 -1
- package/scrollarea/index.mjs.map +0 -1
- package/scrollarea/useScrollArea.test.d.ts +0 -0
- package/select/index.mjs.map +0 -1
- package/select/useSelect.test.d.ts +0 -1
- package/sidebar/index.mjs.map +0 -1
- package/skeleton/index.mjs.map +0 -1
- package/skeleton/useSkeleton.test.d.ts +0 -0
- package/slider/index.mjs.map +0 -1
- package/slider/useSlider.test.d.ts +0 -0
- package/speeddial/index.mjs.map +0 -1
- package/speeddial/useSpeedDial.test.d.ts +0 -0
- package/splitter/index.mjs.map +0 -1
- package/splitter/useSplitter.test.d.ts +0 -0
- package/stepper/index.mjs.map +0 -1
- package/stepper/useStepper.test.d.ts +0 -0
- package/styleclass/index.mjs.map +0 -1
- package/styleclass/useStyleClass.test.d.ts +0 -0
- package/tabs/index.mjs.map +0 -1
- package/tabs/useTabs.test.d.ts +0 -0
- package/tag/index.mjs.map +0 -1
- package/tag/useTag.test.d.ts +0 -0
- package/terminal/index.mjs.map +0 -1
- package/terminal/useTerminal.test.d.ts +0 -0
- package/textarea/index.mjs.map +0 -1
- package/textarea/useTextarea.test.d.ts +0 -0
- package/timeline/index.mjs.map +0 -1
- package/timeline/useTimeline.test.d.ts +0 -0
- package/toast/index.mjs.map +0 -1
- package/toast/useToast.test.d.ts +0 -0
- package/toaster/index.mjs.map +0 -1
- package/toaster/useToaster.test.d.ts +0 -0
- package/togglebutton/index.mjs.map +0 -1
- package/togglebutton/useToggle.test.d.ts +0 -0
- package/togglebuttongroup/index.mjs.map +0 -1
- package/togglebuttongroup/useToggleButtonGroup.test.d.ts +0 -0
- package/toggleswitch/index.mjs.map +0 -1
- package/toggleswitch/useToggleSwitch.test.d.ts +0 -0
- package/toolbar/index.mjs.map +0 -1
- package/toolbar/useToolbar.test.d.ts +0 -0
- package/tooltip/index.mjs.map +0 -1
- package/tooltip/useTooltip.test.d.ts +0 -0
- package/tooltipmanager/index.mjs.map +0 -1
- package/tooltipmanager/useTooltipManager.test.d.ts +0 -0
- package/tree/index.mjs.map +0 -1
- package/tree/useTree.test.d.ts +0 -0
package/sidebar/useSidebar.d.ts
CHANGED
|
@@ -4,6 +4,24 @@ export declare const useSidebar: (inProps?: unknown) => import("@primereact/type
|
|
|
4
4
|
open: boolean;
|
|
5
5
|
displayState: "expanded" | "collapsed";
|
|
6
6
|
};
|
|
7
|
+
focusTrap: import("@primereact/types/core").HeadlessInstance<import("@primereact/headless/focustrap").UseFocusTrapProps, unknown, {
|
|
8
|
+
containerRef: React.RefObject<HTMLElement | null>;
|
|
9
|
+
firstHiddenElementRef: React.RefObject<HTMLSpanElement | null>;
|
|
10
|
+
lastHiddenElementRef: React.RefObject<HTMLSpanElement | null>;
|
|
11
|
+
firstHiddenProps: {
|
|
12
|
+
role: "presentation";
|
|
13
|
+
'aria-hidden': true;
|
|
14
|
+
'data-focus-guard': string;
|
|
15
|
+
onFocus: (event: React.FocusEvent<HTMLSpanElement>) => void;
|
|
16
|
+
};
|
|
17
|
+
lastHiddenProps: {
|
|
18
|
+
role: "presentation";
|
|
19
|
+
'aria-hidden': true;
|
|
20
|
+
'data-focus-guard': string;
|
|
21
|
+
onFocus: (event: React.FocusEvent<HTMLSpanElement>) => void;
|
|
22
|
+
};
|
|
23
|
+
}>;
|
|
24
|
+
isModal: boolean;
|
|
7
25
|
toggle: (event?: React.SyntheticEvent) => void;
|
|
8
26
|
expand: (event?: React.SyntheticEvent) => void;
|
|
9
27
|
collapse: (event?: React.SyntheticEvent) => void;
|
|
@@ -11,14 +29,19 @@ export declare const useSidebar: (inProps?: unknown) => import("@primereact/type
|
|
|
11
29
|
style: React.CSSProperties;
|
|
12
30
|
onPointerEnter?: ((event?: React.SyntheticEvent) => void) | undefined;
|
|
13
31
|
onPointerLeave?: ((event?: React.SyntheticEvent) => void) | undefined;
|
|
32
|
+
onKeyDown: (event: React.KeyboardEvent) => void;
|
|
33
|
+
role?: "dialog" | undefined;
|
|
34
|
+
'aria-modal'?: true | undefined;
|
|
14
35
|
'data-overlay'?: "" | undefined;
|
|
15
36
|
'data-scope': string;
|
|
16
37
|
'data-part': string;
|
|
17
38
|
'data-state': string;
|
|
18
39
|
'data-collapsible': string | undefined;
|
|
19
|
-
'data-collapsible-mode': "
|
|
40
|
+
'data-collapsible-mode': "icon" | "none" | "offcanvas" | undefined;
|
|
20
41
|
'data-variant': "inset" | "sidebar" | "floating" | undefined;
|
|
21
42
|
'data-side': "left" | "right" | undefined;
|
|
43
|
+
id?: string | undefined;
|
|
44
|
+
ref: (node: HTMLElement | null) => void;
|
|
22
45
|
};
|
|
23
46
|
spacerProps: {
|
|
24
47
|
'data-overlay'?: "" | undefined;
|
|
@@ -76,20 +99,21 @@ export declare const useSidebar: (inProps?: unknown) => import("@primereact/type
|
|
|
76
99
|
};
|
|
77
100
|
triggerProps: {
|
|
78
101
|
'data-overlay'?: "" | undefined;
|
|
102
|
+
onClick: (event?: React.SyntheticEvent) => void;
|
|
103
|
+
'aria-controls'?: string | undefined;
|
|
79
104
|
'data-scope': string;
|
|
80
105
|
'data-part': string;
|
|
81
106
|
'data-state': string;
|
|
82
107
|
'data-collapsible': string | undefined;
|
|
83
108
|
'data-variant': "inset" | "sidebar" | "floating" | undefined;
|
|
84
109
|
'data-side': "left" | "right" | undefined;
|
|
85
|
-
|
|
110
|
+
'aria-expanded': boolean;
|
|
86
111
|
};
|
|
87
112
|
railProps: {
|
|
88
113
|
'data-overlay'?: "" | undefined;
|
|
89
114
|
'data-scope': string;
|
|
90
115
|
'data-part': string;
|
|
91
116
|
'aria-label': string;
|
|
92
|
-
tabIndex: -1;
|
|
93
117
|
onClick: (event?: React.SyntheticEvent) => void;
|
|
94
118
|
title: string;
|
|
95
119
|
'data-state': string;
|
|
@@ -108,9 +132,11 @@ export declare const useSidebar: (inProps?: unknown) => import("@primereact/type
|
|
|
108
132
|
};
|
|
109
133
|
backdropProps: {
|
|
110
134
|
onClick?: ((event?: React.SyntheticEvent) => void) | undefined;
|
|
135
|
+
'data-scope': string;
|
|
136
|
+
'data-part': string;
|
|
111
137
|
};
|
|
112
138
|
variant: "inset" | "sidebar" | "floating" | undefined;
|
|
113
|
-
collapsible: "
|
|
139
|
+
collapsible: "icon" | "none" | "offcanvas" | undefined;
|
|
114
140
|
side: "left" | "right" | undefined;
|
|
115
141
|
overlay: boolean | undefined;
|
|
116
142
|
openOnHover: boolean | undefined;
|
|
@@ -8,17 +8,17 @@ export declare const useSidebarLayout: (inProps?: unknown) => import("@primereac
|
|
|
8
8
|
toggle: (target?: string, event?: React.SyntheticEvent) => void;
|
|
9
9
|
collapse: (target?: string, event?: React.SyntheticEvent) => void;
|
|
10
10
|
backdropProps: {
|
|
11
|
+
'data-scope': "sidebar";
|
|
12
|
+
'data-part': "backdrop";
|
|
11
13
|
onClick: () => void;
|
|
12
14
|
'data-state': "open" | "closed";
|
|
13
15
|
};
|
|
14
16
|
backdropMotionProps: {
|
|
15
17
|
visible: boolean;
|
|
16
|
-
motionProps: {
|
|
17
|
-
name: string;
|
|
18
|
-
appear: boolean;
|
|
19
|
-
};
|
|
20
18
|
};
|
|
21
19
|
mainProps: {
|
|
20
|
+
inert?: boolean | undefined;
|
|
21
|
+
'aria-hidden'?: boolean | undefined;
|
|
22
22
|
onClick?: ((event: React.MouseEvent) => void) | undefined;
|
|
23
23
|
};
|
|
24
24
|
}>;
|
package/skeleton/index.mjs
CHANGED
|
@@ -1,2 +1 @@
|
|
|
1
1
|
import{withHeadless as o}from"@primereact/core/headless";var e={};var a=o({name:"useSkeleton",defaultProps:e,setup(){return{rootProps:{"aria-hidden":!0,"data-scope":"skeleton","data-part":"root"}}}});export{e as defaultProps,a as useSkeleton};
|
|
2
|
-
//# sourceMappingURL=index.mjs.map
|
package/slider/index.mjs
CHANGED
|
@@ -1,2 +1 @@
|
|
|
1
|
-
|
|
2
|
-
//# sourceMappingURL=index.mjs.map
|
|
1
|
+
import{withHeadless as ce}from"@primereact/core/headless";import{useControlledState as se,useDirection as de}from"@primereact/hooks";import*as g from"react";var Q={value:void 0,defaultValue:void 0,orientation:"horizontal",min:0,max:100,step:1,minStepsBetweenHandles:0,onValueChange:void 0,onValueChangeEnd:void 0,disabled:!1,readOnly:!1,invalid:void 0,onFocus:void 0,onBlur:void 0};var ve=ce({name:"useSlider",defaultProps:Q,setup({props:n}){let[P,Z]=se({value:n.value,defaultValue:n.defaultValue,onChange:n.onValueChange}),[R,A]=g.useState(!1),m=g.useRef(0),f=g.useRef(null),h=g.useRef(null),c=n.min??0,D=n.max??100,$=n.step??1,ee=n.minStepsBetweenHandles??0,d=n.orientation==="horizontal",y=g.useRef(!1),b=g.useRef(0),z=de(h)==="rtl";function T(e,t,a){return Math.min(Math.max(e,t),a)}function te(e){let t=e.toString();if(t.includes("e-"))return Number(t.split("e-")[1]||0);let a=t.indexOf(".");return a>=0?t.length-a-1:0}function ne(e,t,a){if(!t)return e;let r=te(t),u=Math.round((e-a)/t)*t+a;return Number(u.toFixed(r))}let x=e=>T(ne(e,$,c),c,D);function v(){return Array.isArray(P)}function V(){let e=P!==void 0?P:n.value??n.defaultValue;return(Array.isArray(e)?e:e!==void 0?[e]:[c]).map(a=>x(a))}function k(){let e=V();return v()?e:e[0]}function I(e){return h.current?.querySelector(`[data-index="${e}"]`)??null}function L(e){return I(e)?.hasAttribute("data-disabled")??!1}function N(e){if(f.current===null||f.current===e)return;let t=h.current;if(!t){f.current=null;return}let a=t.querySelector(`[data-index="${f.current}"] input[type="range"]`);f.current=null,a?.blur()}function ae(e,t,a){let r=e.map((l,E)=>E),u=h.current?r.filter(l=>!L(l)):r;if(!u.length)return-1;let i=u[0],o=Math.abs(e[i]-t),s=a?d?a.clientX:a.clientY:null;for(let l of u.slice(1)){let E=Math.abs(e[l]-t);if(E<o)i=l,o=E;else if(E===o&&s!==null){let M=I(i),H=I(l);if(M&&H){let S=M.getBoundingClientRect(),w=H.getBoundingClientRect(),O=d?S.left+S.width/2:S.top+S.height/2,J=d?w.left+w.width/2:w.top+w.height/2;if(O===J)i=s<O?Math.min(i,l):Math.max(i,l);else{let le=Math.abs(s-O);Math.abs(s-J)<le&&(i=l)}}}}return i}function p(e){return V()[e]??c}function C(e){let t=D-c;return t?T((e-c)/t*100,0,100):0}function U(e){h.current=e}function re(e){return h.current?.getBoundingClientRect()??e.currentTarget.getBoundingClientRect()}function X(e,t=0){let a=re(e),r=d?a.width:a.height;if(!r)return c;let i=((d?e.clientX-a.left:e.clientY-a.top)-t)/r,o=T(i,0,1),s=d?z?1-o:o:1-o,l=c+s*(D-c);return x(l)}function B(e,t,a){let r=V(),u=Math.max(ee*($||1),0),i=e>0?r[e-1]+u:c,o=e<r.length-1?r[e+1]-u:D,s=Math.min(i,o),l=Math.max(i,o),E=T(x(t),s,l),M=[...r];M[e]=E;let H=v()?M:M[0];return Z([H,{originalEvent:a,value:H}]),H}function Y(e){let t=X(e,b.current),a=V(),r=ae(a,t,e);r!==-1&&(N(r),m.current=r,b.current=0,B(m.current,t,e))}function q(e){if(!(n.disabled||n.readOnly)&&!(e.pointerType==="mouse"&&e.button!==0)){if(e.preventDefault(),e.currentTarget.setPointerCapture(e.pointerId),A(!0),y.current){y.current=!1;return}b.current=0,Y(e)}}function G(e){n.disabled||n.readOnly||R&&(L(m.current)||(e.preventDefault(),B(m.current,X(e,b.current),e)))}function K(e){n.disabled||n.readOnly||(e.preventDefault(),e.currentTarget.releasePointerCapture(e.pointerId),A(!1),y.current=!1,b.current=0,n.onValueChangeEnd?.({originalEvent:e,value:k()}))}function W(e,t){if(n.disabled||n.readOnly||L(t)||e.pointerType==="mouse"&&e.button!==0)return;e.preventDefault(),h.current?.setPointerCapture(e.pointerId);let a=I(t);if(a){let r=a.getBoundingClientRect(),u=d?r.left+r.width/2:r.top+r.height/2,i=d?e.clientX:e.clientY;b.current=i-u}else b.current=0;N(t),m.current=t,y.current=!0}function F(e,t){if(n.disabled||n.readOnly)return;m.current=t;let a=B(t,Number(e.target.value),e);n.onValueChangeEnd?.({originalEvent:e,value:a})}function _(e,t){n.disabled||n.readOnly||(f.current=t,m.current=t,n.onFocus?.(e))}function j(e,t){n.disabled||n.readOnly||(m.current=t,f.current===t&&(f.current=null),n.onValueChangeEnd?.({originalEvent:e,value:k()}),n.onBlur?.(e))}let ie={value:P,isDragging:R},oe={ref:U,onPointerDown:q,onPointerMove:G,onPointerUp:K,"data-orientation":n.orientation,...n.disabled?{"data-disabled":""}:{},...n.invalid?{"data-invalid":""}:{},...R?{"data-dragging":""}:{},style:{display:"flex",position:"relative",touchAction:"none"}},ue={"data-orientation":n.orientation,...n.disabled?{"data-disabled":""}:{},...n.invalid?{"data-invalid":""}:{},...R?{"data-dragging":""}:{},style:{display:"block",flexGrow:1,position:"relative"}};return{state:ie,range:v,getHandleValue:p,getValuePercent:C,setRootRef:U,onTrackPointerDown:q,onTrackPointerMove:G,onTrackPointerUp:K,updateValueFromPointer:Y,onHandlePointerDown:W,onInputChange:F,onInputFocus:_,onInputBlur:j,rootProps:oe,trackProps:ue,getRangeProps:()=>{let e=v()?P??[]:[c,P??c],t=Math.min(...e),a=Math.max(...e),r=v()?t:c,u=v()?a:e[1],i=C(r),o=C(u),s=Math.max(o-i,0),l=d?{position:"absolute",insetInlineStart:`${i}%`,width:`${s}%`}:{position:"absolute",bottom:`${i}%`,height:`${s}%`};return{"data-orientation":n.orientation,...n.disabled?{"data-disabled":""}:{},...n.invalid?{"data-invalid":""}:{},...R?{"data-dragging":""}:{},style:l}},getHandleProps:e=>{let t=p(e),a=C(t);return{onPointerDown:u=>W(u,e),"data-index":e,"data-orientation":n.orientation,...n.disabled?{"data-disabled":""}:{},...n.invalid?{"data-invalid":""}:{},...R?{"data-dragging":""}:{},style:d?{position:"absolute",insetInlineStart:`${a}%`,translate:z?"50% 0":"-50% 0"}:{position:"absolute",bottom:`${a}%`,translate:"0 50%"}}},getHiddenInputProps:e=>{let t=p(e),a=o=>F(o,e),r=o=>F(o,e),u=o=>_(o,e),i=o=>j(o,e);return{"data-scope":"slider","data-part":"hidden-input",type:"range",min:n.min,max:n.max,step:n.step,value:t??c,disabled:n.disabled,readOnly:n.readOnly,"aria-valuemin":n.min,"aria-valuemax":n.max,"aria-valuenow":t,"aria-orientation":n.orientation,style:{position:"absolute",width:1,height:1,padding:0,margin:-1,overflow:"hidden",clip:"rect(0, 0, 0, 0)",whiteSpace:"nowrap",borderWidth:0},onChange:a,onInput:r,onFocus:u,onBlur:i}}}}});export{Q as defaultProps,ve as useSlider};
|
package/speeddial/index.mjs
CHANGED
|
@@ -1,2 +1 @@
|
|
|
1
|
-
|
|
2
|
-
//# sourceMappingURL=index.mjs.map
|
|
1
|
+
import{withHeadless as ae}from"@primereact/core/headless";import{useEventListener as re,useUnmountEffect as ie,useUpdateEffect as ce}from"@primereact/hooks";import{useControlledState as le}from"@primereact/hooks/use-controlled-state";import{$dt as y}from"@primeuix/styled";import{find as de,findSingle as w,focus as B}from"@primeuix/utils/dom";import*as c from"react";var K={visible:void 0,defaultVisible:void 0,direction:"up",transitionDelay:30,type:"linear",radius:0,hideOnClickOutside:!0,onVisibleChange:void 0};var De=ae({name:"useSpeedDial",defaultProps:K,setup:({props:n,id:p,elementRef:V})=>{let[i,S]=le({value:n.visible,defaultValue:n.defaultVisible??!1,onChange:n.onVisibleChange}),[m,u]=c.useState(-1),l=c.useRef(null),f=c.useRef(null),R=c.useRef(!1),F=c.useCallback(e=>{l.current=e,V.current=e??void 0},[]),N={visible:i,focusedOptionIndex:m},_=c.useCallback(e=>{f.current=e},[]),D=()=>de(l.current,'[data-scope="speeddial"][data-part="item"]'),x=()=>D().length,j=()=>{let e=w(l.current,'[data-scope="speeddial"][data-part="trigger"]');e&&B(e)},E=()=>S([!0,{value:!0}]),g=()=>S([!1,{value:!1}]),q=c.useCallback(()=>{if(n.type!=="linear"){let e=w(l.current,'[data-scope="speeddial"][data-part="trigger"]'),t=w(f.current,'[data-scope="speeddial"][data-part="item"]');if(e&&t){let o=Math.abs(e.offsetWidth-t.offsetWidth),d=Math.abs(e.offsetHeight-t.offsetHeight);f.current.style.setProperty(y("item.diff.x").name,`${o/2}px`),f.current.style.setProperty(y("item.diff.y").name,`${d/2}px`)}}},[n.type]),[W,L]=re({type:"click",listener:e=>{let t=e.target,o=l.current&&!l.current.contains(t);i&&o&&g(),R.current=!1}});ce(()=>(i&&(requestAnimationFrame(q),n.hideOnClickOutside&&W()),()=>{n.hideOnClickOutside&&L()}),[i]),ie(()=>{L()});let Y=e=>{let t=x();return(i?e:t-e-1)*(n.transitionDelay??30)},X=e=>{let{type:t,direction:o,radius:d}=n;if(t==="linear")return{};let b=x(),h=d||b*20,ee=y("item.diff.x").variable,te=y("item.diff.y").variable,$=s=>`calc(${s}px + ${ee})`,O=s=>`calc(${s}px + ${te})`;if(t==="circle"){let s=2*Math.PI/b;return{left:$(h*Math.cos(s*e)),top:O(h*Math.sin(s*e))}}let ne=t==="semi-circle"?b-1:2*(b-1),U=Math.PI/ne,se=$(h*Math.cos(U*e)),oe=O(h*Math.sin(U*e)),A={"semi-circle":{up:(s,a)=>({left:s,bottom:a}),down:(s,a)=>({left:s,top:a}),left:(s,a)=>({right:a,top:s}),right:(s,a)=>({left:a,top:s})},"quarter-circle":{"up-left":(s,a)=>({right:s,bottom:a}),"up-right":(s,a)=>({left:s,bottom:a}),"down-left":(s,a)=>({right:a,top:s}),"down-right":(s,a)=>({left:a,top:s})}}[t]?.[o];return A?A(se,oe):{}},M=e=>({transitionDelay:`${Y(e)}ms`,...X(e)}),z=e=>{let t=D(),o=e==="next",d=o?0:t.length-1;return m===-1?d:m+(o?1:-1)},G=e=>{let t=D();if(t[e]){u(e??-1);let o=w(t[e],'[data-part="action"]');o&&B(o)}},r=(e,t)=>{let o=z(t);G(o),e.preventDefault()},k=()=>{g(),u(-1),j()},v=()=>{i?g():E(),R.current=!0},I=e=>{switch(e.code){case"ArrowDown":case"ArrowLeft":E(),r(e,"next");break;case"ArrowUp":case"ArrowRight":E(),r(e,"prev");break;case"Escape":k();break}},P=e=>{let t=n.direction,o=["left","up-right","down-left"],d=["right","up-left","down-right"];switch(e.code){case"ArrowDown":t==="down"?r(e,"next"):r(e,"prev");break;case"ArrowUp":t==="down"?r(e,"prev"):r(e,"next");break;case"ArrowLeft":o.includes(t)||t==="down"?r(e,"next"):r(e,"prev");break;case"ArrowRight":d.includes(t)||t==="up"?r(e,"next"):r(e,"prev");break;case"Enter":case"NumpadEnter":case"Space":case"Escape":k();break;case"Home":u(-1),r(e,"next");break;case"End":u(-1),r(e,"prev");break}},H=e=>{l.current?.contains(e.relatedTarget)||u(-1)},C=e=>{g(),R.current=!0,e.preventDefault?.()},T=e=>{e.code==="Enter"&&C(e)},J={ref:F,id:p,"data-scope":"speeddial","data-part":"root",...i?{"data-open":""}:{"data-closed":""},style:{alignItems:n.direction==="up"||n.direction==="down"?"center":void 0,justifyContent:n.direction==="left"||n.direction==="right"?"center":void 0,flexDirection:n.direction==="up"?"column-reverse":n.direction==="down"?"column":n.direction==="left"?"row-reverse":n.direction==="right"?"row":void 0}},Q={"data-scope":"speeddial","data-part":"trigger",type:"button","aria-expanded":i,"aria-haspopup":"true","aria-controls":`${p}_list`,...i?{"data-open":""}:{"data-closed":""},onClick:v,onKeyDown:I},Z={ref:_,"data-scope":"speeddial","data-part":"list",...i?{"data-open":""}:{"data-closed":""},id:`${p}_list`,role:"menu",tabIndex:-1,onBlur:H,onKeyDown:P,style:{flexDirection:n.direction==="up"?"column-reverse":n.direction==="down"?"column":n.direction==="left"?"row-reverse":n.direction==="right"?"row":void 0}};return{state:N,listRef:f,rootProps:J,triggerProps:Q,listProps:Z,getItemProps:e=>({id:`${p}_${e}`,"data-scope":"speeddial","data-part":"item",role:"none",style:M(e),...m===e?{"data-active":""}:{}}),actionProps:{"data-scope":"speeddial","data-part":"action",type:"button",tabIndex:-1,role:"menuitem",onClick:C,onKeyDown:T},getItemStyle:M,onBlur:H,onKeyDown:P,onTriggerClick:v,onTriggerKeyDown:I,onItemClick:C,onItemKeyDown:T}}});export{K as defaultProps,De as useSpeedDial};
|
package/splitter/index.mjs
CHANGED
|
@@ -1,2 +1 @@
|
|
|
1
|
-
|
|
2
|
-
//# sourceMappingURL=index.mjs.map
|
|
1
|
+
import{withHeadless as Se}from"@primereact/core/headless";import{useEventListener as Z}from"@primereact/hooks/use-event-listener";import{isRTL as he}from"@primeuix/utils/dom";import*as c from"react";var Q={panels:void 0,sizes:void 0,defaultSizes:void 0,orientation:"horizontal",disabled:!1,step:5,onResizeStart:void 0,onResize:void 0,onResizeEnd:void 0,onCollapse:void 0};var ee=(r,h,M,R)=>{if(!h?.collapsible)return{size:Math.max(r,M),collapsed:!1};let S=h.collapsedSize??0;if(r>=M)return{size:r,collapsed:!1};if(R)return{size:S,collapsed:!0};let v=(S+M)/2;return r<=v?{size:S,collapsed:!0}:{size:M,collapsed:!1}},xe=Se({name:"useSplitter",defaultProps:Q,setup({props:r,elementRef:h}){let M=c.useRef(0),R=c.useRef(null),S=c.useRef(null),v=c.useRef([]),C=c.useRef([]),L=c.useRef([]),T=c.useRef(100),U=c.useRef(null),g=c.useRef(null),[x,H]=c.useState([]),[te,O]=c.useState(!1),E=c.useRef(0),o=c.useRef([]),K=c.useRef([]),V=c.useRef(!1),P=r.orientation==="horizontal";if(K.current=x,r.panels&&(o.current=r.panels.map((e,t)=>({id:void 0,index:t,minSize:e.minSize??0,maxSize:e.maxSize??100,collapsible:e.collapsible??!1,collapsedSize:e.collapsedSize??0,collapsed:o.current[t]?.collapsed??!1})),E.current=r.panels.length),r.sizes&&x.length>0&&!V.current&&(x.length!==r.sizes.length||!x.every((e,t)=>e===r.sizes[t]))){for(let e=0;e<o.current.length;e++){let t=o.current[e];t?.collapsible&&(t.collapsed=r.sizes[e]<=(t.collapsedSize??0))}H([...r.sizes])}let w={resizing:te},ne=c.useCallback((e,t)=>{if(e!==null&&o.current[e]){let a=o.current[e];return o.current[e]={...a,id:t.id??a.id,minSize:t.minSize??0,maxSize:t.maxSize??100,collapsible:t.collapsible??!1,collapsedSize:t.collapsedSize??0},e}let s=E.current;return E.current+=1,o.current[s]={id:t.id,index:s,minSize:t.minSize??0,maxSize:t.maxSize??100,collapsible:t.collapsible??!1,collapsedSize:t.collapsedSize??0,collapsed:!1},s},[]),re=c.useCallback(()=>M.current++,[]);c.useEffect(()=>()=>{g.current&&(clearInterval(g.current),g.current=null),E.current=0,M.current=0,o.current=[]},[]);let y=e=>o.current[e]?.minSize??0,W=e=>o.current[e]?.maxSize??100,X=(e,t,s=!1)=>{if(!h.current)return;let a=h.current.querySelectorAll(":scope > [data-index]"),f=0;for(let p of a){let i=p.getBoundingClientRect();f+=P?i.width:i.height}if(R.current=f,!s){h.current.setAttribute("data-resizing","");let p=e;S.current=P?p.clientX:p.clientY}V.current=!0,U.current=t,v.current=[...K.current],C.current=o.current.map(p=>p.collapsed),L.current=o.current.map(p=>p.collapsed),T.current=v.current.reduce((p,i)=>p+i,0)||100,s||r.onResizeStart?.({sizes:[...v.current]})},j=(e,t=5,s=!1)=>{if(R.current===null||U.current===null||v.current.length===0)return;let a=U.current,f,p=T.current;if(s)f=p*t/R.current;else{if(S.current===null)return;let n=e;P?he(h.current)?f=(S.current-n.clientX)*p/R.current:f=(n.clientX-S.current)*p/R.current:f=(n.clientY-S.current)*p/R.current}let i=[...v.current];for(let n=0;n<o.current.length;n++)C.current[n]!==void 0&&(o.current[n].collapsed=C.current[n]);if(f>0){let n=o.current[a],l=f,d=W(a);if(l=Math.min(l,Math.max(0,d-i[a])),n?.collapsible&&n.collapsed){let m=y(a)-n.collapsedSize,u=m/2;s?(l=Math.max(l,m),l=Math.min(l,Math.max(0,d-i[a]))):l<u?l=0:(l=Math.max(l,m),l=Math.min(l,Math.max(0,d-i[a])))}let z=0;for(let m=a+1;m<i.length&&z<l;m++){let u=o.current[m],b=y(m);if(u?.collapsed)continue;let G=u?.collapsible?u.collapsedSize??0:b,Y=Math.max(0,i[m]-G),q=Math.min(l-z,Y),N=i[m]-q,I=ee(N,u,b,s),D=i[m]-I.size;i[m]=I.size,z+=D,u&&(u.collapsed=I.collapsed)}i[a]+=z,n?.collapsible&&n.collapsed&&i[a]>=y(a)&&(n.collapsed=!1)}else if(f<0){let n=a+1,l=o.current[n],d=-f,z=W(n);if(d=Math.min(d,Math.max(0,z-i[n])),l?.collapsible&&l.collapsed){let u=y(n)-l.collapsedSize,b=u/2;s?(d=Math.max(d,u),d=Math.min(d,Math.max(0,z-i[n]))):d<b?d=0:(d=Math.max(d,u),d=Math.min(d,Math.max(0,z-i[n])))}let m=0;for(let u=a;u>=0&&m<d;u--){let b=o.current[u],G=y(u);if(b?.collapsed)continue;let Y=b?.collapsible?b.collapsedSize??0:G,q=Math.max(0,i[u]-Y),N=Math.min(d-m,q),I=i[u]-N,D=ee(I,b,G,s),ze=i[u]-D.size;i[u]=D.size,m+=ze,b&&(b.collapsed=D.collapsed)}i[n]+=m,l?.collapsible&&l.collapsed&&i[n]>=y(n)&&(l.collapsed=!1)}for(let n=0;n<o.current.length;n++){let l=o.current[n];l.collapsed!==L.current[n]&&(L.current[n]=l.collapsed,r.onCollapse?.({index:n,collapsed:l.collapsed,sizes:[...i]}))}let k=[...i];O(!0),H(k),r.onResize?.({sizes:k})},B=()=>{V.current=!1,h.current?.removeAttribute("data-resizing"),r.onResizeEnd?.({sizes:[...K.current]}),O(!1),de()},_=(e,t,s)=>{X(e,t,!0),j(e,s,!0)},A=(e,t,s)=>{g.current||(r.onResizeStart?.({sizes:[...K.current]}),_(e,t,s),g.current=setInterval(()=>{_(e,t,s)},40))},ae=()=>{g.current&&(clearInterval(g.current),g.current=null)},$=()=>{g.current&&(ae(),B())},F=(e,t,s)=>{if(!(r.disabled||s))switch(e.code){case"ArrowLeft":{P&&A(e,t,r.step*-1),e.preventDefault();break}case"ArrowRight":{P&&A(e,t,r.step),e.preventDefault();break}case"ArrowDown":{P||A(e,t,r.step),e.preventDefault();break}case"ArrowUp":{P||A(e,t,r.step*-1),e.preventDefault();break}default:break}},[se,ie]=Z({type:"pointermove",listener:e=>j(e)}),[le,oe]=Z({type:"pointerup",listener:()=>{B(),ue()}}),ce=()=>{se(),le()},ue=()=>{ie(),oe()},J=(e,t,s)=>{r.disabled||s||(X(e,t),ce())},de=()=>{R.current=null,S.current=null,v.current=[],C.current=[],L.current=[],T.current=100,U.current=null};c.useLayoutEffect(()=>{let e=o.current.length;if(e===0)return;let t=r.sizes??r.defaultSizes,s=[];for(let a=0;a<e;a++)s[a]=t?.[a]??100/e;for(let a=0;a<e;a++){let f=o.current[a];f?.collapsible&&s[a]<=(f.collapsedSize??0)&&(f.collapsed=!0)}H(s)},[]);let fe={ref:h,"data-scope":"splitter","data-part":"root","data-orientation":r.orientation,...w.resizing&&{"data-resizing":""},...r.disabled&&{"data-disabled":""}},me=e=>{let t=E.current||1,s=x?.[e]??100/t,a=o.current[e];return{"data-scope":"splitter","data-part":"panel","data-orientation":r.orientation,"data-index":e,...a?.collapsed&&{"data-collapsed":""},style:{flex:`${s} 1 0px`,overflow:"hidden",...P?{minWidth:0}:{minHeight:0}},...w.resizing&&{"data-resizing":""}}},pe=(e,t)=>{let{id:s,disabled:a}=t??{},f=r.disabled||a,p=o.current,i=p?.[e],k=p?.[e+1],n=x?.[e]??0,l=i?.minSize??0,d=100-(k?.minSize??0),z=[i?.id,k?.id].filter(Boolean).join(" ")||void 0,m=b=>J(b,e,a),u=b=>F(b,e,a);return{"data-scope":"splitter","data-part":"gutter",...s!==void 0&&{id:s},role:"separator",tabIndex:f?-1:0,"aria-valuenow":Math.round(n),"aria-valuemin":Math.round(l),"aria-valuemax":Math.round(d),...z&&{"aria-controls":z},"aria-disabled":f||void 0,style:{touchAction:"none",userSelect:"none"},"data-orientation":r.orientation,...w.resizing&&{"data-resizing":""},...f&&{"data-disabled":""},onPointerDown:m,onKeyDown:u,onKeyUp:$}},be={"data-scope":"splitter","data-part":"handle","data-orientation":r.orientation,...w.resizing&&{"data-resizing":""}};return{state:w,registerPanel:ne,registerGutter:re,panelCounter:E,panelRegistry:o,panelSizes:x,onResizeStart:X,onResize:j,onResizeEnd:B,onGutterPointerDown:J,onGutterKeyUp:$,onGutterKeyDown:F,getGutterProps:pe,rootProps:fe,getPanelProps:me,handleProps:be}}});export{Q as defaultProps,xe as useSplitter};
|
package/stepper/index.mjs
CHANGED
|
@@ -1,2 +1 @@
|
|
|
1
|
-
|
|
2
|
-
//# sourceMappingURL=index.mjs.map
|
|
1
|
+
import{withHeadless as d}from"@primereact/core/headless";import*as p from"react";var r={defaultValue:null,value:null,linear:!1,onValueChange:void 0};var h=d({name:"useStepper",defaultProps:r,setup({props:a,id:o}){let[s,l]=p.useState(a.value??a.defaultValue??null),c={value:s},n=e=>{e!==s&&(l(e),a.onValueChange?.({value:e}))};return{state:c,rootProps:{"data-scope":"stepper","data-part":"root"},getItemProps:({active:e})=>({"data-scope":"stepper","data-part":"item",...e?{"data-active":""}:{}}),getStepProps:({active:e,disabled:t})=>({"data-scope":"stepper","data-part":"step","aria-current":e?"step":void 0,role:"presentation",...e?{"data-active":""}:{},...t?{"data-disabled":""}:{}}),getHeaderProps:({activeValue:e,disabled:t})=>({"data-scope":"stepper","data-part":"header",type:"button",role:"tab",tabIndex:t?-1:void 0,"aria-controls":`${o}_steppanel_${e}`,disabled:t,onClick:()=>n(e)}),getPanelProps:({active:e,activeValue:t})=>({"data-scope":"stepper","data-part":"panel",role:"tabpanel","aria-controls":`${o}_step_${t}`,...e?{"data-active":""}:{}}),setActiveStep:n,isStepActive:e=>s===e,isStepDisabled:()=>a.linear??!1}}});export{r as defaultProps,h as useStepper};
|
package/styleclass/index.mjs
CHANGED
|
@@ -1,2 +1 @@
|
|
|
1
|
-
import{withHeadless as
|
|
2
|
-
//# sourceMappingURL=index.mjs.map
|
|
1
|
+
import{withHeadless as P}from"@primereact/core/headless";import{useEventListener as d}from"@primereact/hooks/use-event-listener";import{useMountEffect as S}from"@primereact/hooks/use-mount-effect";import{useUnmountEffect as U}from"@primereact/hooks/use-unmount-effect";import{useUpdateEffect as D}from"@primereact/hooks/use-update-effect";import{addClass as a,getTargetElement as R,hasClass as V,isElement as W,isVisible as f,removeClass as i,setAttribute as j,toElement as q}from"@primeuix/utils";import*as s from"react";var T={nodeRef:void 0,selector:void 0,enterFromClassName:void 0,enterActiveClassName:void 0,enterToClassName:void 0,leaveFromClassName:void 0,leaveActiveClassName:void 0,leaveToClassName:void 0,hiddenClassName:void 0,hideOnOutsideClick:!1,toggleClassName:void 0,hideOnResize:!1,resizeSelector:void 0};var _=P({name:"useStyleClass",defaultProps:T,setup({props:e,elementRef:n}){let l=s.useRef(!1),t=s.useRef(null),c=s.useRef(null),[C,z]=d({type:"animationend",listener(){i(t.current,e.enterActiveClassName??""),e.enterToClassName&&a(t.current,e.enterToClassName),z(),t.current&&e.enterActiveClassName?.includes("slidedown")&&(t.current.style.maxHeight=""),l.current=!1}}),[N,k]=d({type:"animationend",listener(){i(t.current,e.leaveActiveClassName??""),e.leaveToClassName&&a(t.current,e.leaveToClassName),k(),l.current=!1}}),[v,o]=d({type:"click",listener(r){!f(t.current)||getComputedStyle(t.current).getPropertyValue("position")==="static"?o():x(r)&&m()},when:e.hideOnOutsideClick}),[O,g]=d({type:"resize",listener(){f(t.current)?m():g()},when:e.hideOnResize}),[E,b]=d({type:"click",listener(){t.current=H(),e.toggleClassName?V(t.current,e.toggleClassName)?i(t.current,e.toggleClassName):a(t.current,e.toggleClassName):f(t.current)?m():h()}}),h=s.useCallback(()=>{t.current&&(e.enterActiveClassName?l.current||(l.current=!0,e.enterActiveClassName.includes("slidedown")&&(t.current.style.height="0px",i(t.current,(e.hiddenClassName||e.enterFromClassName)??""),t.current.style.maxHeight=t.current.scrollHeight+"px",a(t.current,e.hiddenClassName||e.enterActiveClassName),t.current.style.height=""),a(t.current,e.enterActiveClassName),e.enterFromClassName&&i(t.current,e.enterFromClassName),C({target:t.current})):(e.enterFromClassName&&i(t.current,e.enterFromClassName),e.enterToClassName&&a(t.current,e.enterToClassName)),e.hideOnOutsideClick&&v({target:n.current?.ownerDocument}),e.hideOnResize&&w())},[v,C,n,e]),m=s.useCallback(()=>{e.leaveActiveClassName?l.current||(l.current=!0,a(t.current,e.leaveActiveClassName),e.leaveFromClassName&&i(t.current,e.leaveFromClassName),N({target:t.current})):(e.leaveFromClassName&&i(t.current,e.leaveFromClassName),e.leaveToClassName&&a(t.current,e.leaveToClassName)),e.hideOnOutsideClick&&o(),e.hideOnResize&&y()},[N,e,o]),w=()=>{let r=R(e.resizeSelector??"window");W(r)?A(r):O({target:"window"})},y=()=>{g(),F()},A=r=>{if(!c.current&&r){let u=!0;c.current=new ResizeObserver(()=>{if(u){u=!1;return}f(t.current)&&m()}),c.current.observe(r)}},F=()=>{c.current&&(c.current.disconnect(),c.current=null)},H=s.useCallback(()=>t.current||R(e.selector,n.current),[n,e.selector]),L=s.useCallback(()=>{Promise.resolve().then(()=>{e.nodeRef?.current&&(n.current=q(e.nodeRef)),j(n.current,"data-pd-styleclass",!0),E({target:n.current})})},[E,n,e.nodeRef]),M=s.useCallback(()=>{b(),o(),y(),t.current=null},[]),x=r=>{let u=r?.target;return!n.current?.isSameNode(u)&&!n.current?.contains(u)&&!t.current?.contains(u)};return S(()=>{L()}),D(()=>(L(),()=>{b()})),U(()=>{M()}),{rootProps:{"data-scope":"styleclass","data-part":"root"},targetRef:t,enter:h,leave:m}}});export{T as defaultProps,_ as useStyleClass};
|
package/tabs/index.mjs
CHANGED
|
@@ -1,2 +1 @@
|
|
|
1
|
-
|
|
2
|
-
//# sourceMappingURL=index.mjs.map
|
|
1
|
+
import{withHeadless as K}from"@primereact/core/headless";import{useControlledState as j}from"@primereact/hooks/use-controlled-state";import{useDirection as U}from"@primereact/hooks/use-direction";import{focus as $,isRTL as F}from"@primeuix/utils";import*as s from"react";var C={value:void 0,defaultValue:void 0,onValueChange:void 0,selectOnFocus:!1,scrollStrategy:"nearest",tabIndex:0};var nt=K({name:"useTabs",defaultProps:C,setup:({props:l,id:W})=>{let[h,k]=j({value:l.value,defaultValue:l.defaultValue,onChange:l.onValueChange}),[b,O]=s.useState(!1),[m,V]=s.useState(!1),i=s.useRef(null),S=s.useRef(null),M=s.useRef(null),f=s.useRef(null),g=s.useRef(null),D=U(i),I={activeTab:h,canScrollPrev:b,canScrollNext:m},L=t=>{h!==t&&k([t,{value:t}])},H=t=>t==null?!1:h===t,R=()=>{let t=f.current,e=g.current;!t||!e||(t.style.setProperty("--px-active-bar-width",e.offsetWidth+"px"),t.style.setProperty("--px-active-bar-height",e.offsetHeight+"px"),t.style.setProperty("--px-active-bar-left",e.offsetLeft+"px"),t.style.setProperty("--px-active-bar-top",e.offsetTop+"px"))},p=(t,e)=>{let n='[role="tab"]',r='[role="tab"]:not([data-disabled])',o=(d,v)=>{let u=d[v==="next"?"nextElementSibling":"previousElementSibling"];return u?!u.matches(n)||u.hasAttribute("data-disabled")?o(u,v):u:null},c=(d,v)=>{let u=v.parentElement;if(!u)return null;let x=u.querySelectorAll(r);return x.length===0?null:d==="first"?x[0]:x[x.length-1]};if(!t)return;let a=null;switch(e){case"next":a=o(t,"next")??c("first",t);break;case"previous":a=o(t,"previous")??c("last",t);break;case"first":a=c("first",t);break;case"last":a=c("last",t);break}a&&$(a)},y=(t,e)=>{switch(t.code){case"ArrowRight":p(t.currentTarget,"next");break;case"ArrowLeft":p(t.currentTarget,"previous");break;case"Home":p(t.currentTarget,"first");break;case"End":p(t.currentTarget,"last");break;case"Enter":case"NumpadEnter":case"Space":L(e);break;case"Tab":return;default:break}t.preventDefault()},B=(t,e)=>{l.selectOnFocus||L(e)},w=(t,e)=>{l.selectOnFocus&&L(e)},N=()=>{let t=i.current,e=g.current;if(!t||!e||l.scrollStrategy===!1)return;if(typeof l.scrollStrategy=="function"){l.scrollStrategy(t,e);return}let n=t.getBoundingClientRect(),r=e.getBoundingClientRect(),o;if(l.scrollStrategy==="center")o=r.left+r.width/2-(n.left+n.width/2);else{let c=n.width*.1;if(r.left<n.left+c)o=r.left-(n.left+c);else if(r.right>n.right-c)o=r.right-(n.right-c);else return}t.scrollBy({left:o,behavior:"smooth"})};s.useEffect(()=>{let t=requestAnimationFrame(()=>{R(),N()});return()=>cancelAnimationFrame(t)},[h]),s.useEffect(()=>{let t=requestAnimationFrame(()=>{R(),T()});return()=>cancelAnimationFrame(t)},[D]),s.useEffect(()=>{if(!i.current)return;let t=i.current,e=0,n=()=>{T(),R()},r=new MutationObserver(()=>{cancelAnimationFrame(e),e=requestAnimationFrame(n)});r.observe(t,{childList:!0,subtree:!0}),T();let o=new ResizeObserver(n);return o.observe(t),window.addEventListener("resize",n),()=>{cancelAnimationFrame(e),r.disconnect(),o.disconnect(),window.removeEventListener("resize",n)}},[]);let E=()=>{T()},A=()=>{let[t,e]=[S.current,M.current],n=0;return t&&e&&(n=(t?.offsetWidth||0)+(e?.offsetWidth||0)),n},T=()=>{if(!i.current)return;let t=i.current,{scrollWidth:e,clientWidth:n}=t,r=Math.abs(t.scrollLeft);O(r>1),V(e-n-r>1)},_=()=>{let t=i.current;if(!t)return;let e=A(),n=t.clientWidth-e,r=Math.abs(t.scrollLeft),o=n*.8,c=r-o,a=Math.max(c,0);t.scrollLeft=F(t)?-1*a:a},q=()=>{let t=i.current;if(!t)return;let e=A(),n=t.clientWidth-e,r=Math.abs(t.scrollLeft),o=n*.8,c=r+o,a=t.scrollWidth-n,d=Math.min(c,a);t.scrollLeft=F(t)?-1*d:d},P=s.useMemo(()=>({...b&&{"data-can-scroll-prev":""},...m&&{"data-can-scroll-next":""}}),[b,m]),z=s.useMemo(()=>({onScroll:E,...b&&{"data-can-scroll-prev":""},...m&&{"data-can-scroll-next":""}}),[E,b,m]);return{state:I,updateValue:L,isItemActive:H,focusTab:p,onTabKeyDown:y,onTabClick:B,onTabFocus:w,getTabProps:(t,e)=>{let n=H(t);return{role:"tab",tabIndex:n?l.tabIndex??0:-1,ref:n?g:void 0,disabled:e,"aria-selected":n,"aria-disabled":e,"aria-controls":`${W}_tabpanel_${t}`,...n&&{"data-active":""},...e&&{"data-disabled":""},...P,onClick:r=>B(r,t),onFocus:r=>w(r,t),onKeyDown:r=>y(r,t)}},getIndicatorProps:()=>({ref:f,style:{"--px-active-bar-width":f.current?.offsetWidth+"px","--px-active-bar-height":f.current?.offsetHeight+"px","--px-active-bar-left":f.current?.offsetLeft+"px","--px-active-bar-top":f.current?.offsetTop+"px"}}),scrollPrev:_,scrollNext:q,updateScrollState:T,onContentScroll:E,scrollStateAttrs:P,contentProps:z,contentRef:i,prevButtonRef:S,nextButtonRef:M,activeBarRef:f,activeTabRef:g,updateActiveBar:R}}});export{C as defaultProps,nt as useTabs};
|
package/tag/index.mjs
CHANGED
package/terminal/index.mjs
CHANGED
|
@@ -1,2 +1 @@
|
|
|
1
|
-
|
|
2
|
-
//# sourceMappingURL=index.mjs.map
|
|
1
|
+
import{withHeadless as P}from"@primereact/core/headless";import{focus as S}from"@primeuix/utils";import*as t from"react";var T={prompt:void 0,onCommand:void 0};var H=P({name:"useTerminal",defaultProps:T,setup({props:m,elementRef:c}){let[s,p]=t.useState(""),[o,l]=t.useState([]),[f,i]=t.useState(0),r=t.useRef(null),h={commandText:s,commands:o},u=t.useCallback(()=>{l([]),i(0)},[]),d=t.useCallback(n=>{n===null?u():n!==void 0&&l(e=>{if(e.length===0)return e;let a=[...e];return a[a.length-1].response=n,a})},[u]),g=t.useCallback(async n=>{if(!m.onCommand)return;let e=m.onCommand(n);if(e instanceof Promise){let a=await e;d(a)}else d(e)},[m.onCommand,d]);t.useEffect(()=>{c.current&&(c.current.scrollTop=c.current.scrollHeight)});let C=()=>{r.current&&S(r.current)},R=n=>{switch(n.code){case"ArrowUp":if(o&&o.length){let e=f-1<0?o.length-1:f-1,a=o[e];i(e),p(a.text)}break;case"Enter":case"NumpadEnter":if(s){let e=[...o];e.push({text:s}),i(a=>a+1),p(""),l(e),g(s)}break;default:break}},x=n=>{p(n.target.value)};return{state:h,inputRef:r,rootProps:{"data-scope":"terminal","data-part":"root",onClick:C},promptValueProps:{ref:r,"data-scope":"terminal","data-part":"promptvalue",value:s,type:"text",autoComplete:"off",onChange:x,onKeyDown:R},commandResponseProps:{"data-scope":"terminal","data-part":"commandresponse","aria-live":"polite"},onClick:C,onKeyDown:R,onInputChange:x,clear:u}}});export{T as defaultProps,H as useTerminal};
|
package/textarea/index.mjs
CHANGED
|
@@ -1,2 +1 @@
|
|
|
1
|
-
|
|
2
|
-
//# sourceMappingURL=index.mjs.map
|
|
1
|
+
import{withHeadless as p}from"@primereact/core/headless";import{isCssSupported as l}from"@primeuix/utils";import*as e from"react";var d={autoResize:void 0};var y=p({name:"useTextarea",defaultProps:d,setup({props:i}){let o=e.useMemo(()=>l("field-sizing","content"),[]),s=e.useCallback(t=>{if(!(!t||!t.offsetParent))if(o)t.style.minHeight||(t.style.minHeight=t.offsetHeight+"px"),t.style.width||(t.style.width=t.offsetWidth+"px"),t.style.fieldSizing="content";else{let f=window.getComputedStyle(t),a=parseFloat(f.maxHeight)||1/0;t.style.height="auto";let r=t.scrollHeight;r>=a?(t.style.overflowY="scroll",t.style.height=a+"px"):(t.style.overflowY="hidden",t.style.height=r+"px")}},[o]),n=e.useCallback(t=>{i.autoResize&&s(t.currentTarget)},[i.autoResize,s]);return{rootProps:{"data-scope":"textarea","data-part":"root","aria-invalid":!!i.invalid||void 0,...i.invalid?{"data-invalid":""}:void 0,onInput:n}}}});export{d as defaultProps,y as useTextarea};
|
package/timeline/index.mjs
CHANGED
|
@@ -1,2 +1 @@
|
|
|
1
1
|
import{withHeadless as d}from"@primereact/core/headless";var a={align:"left",orientation:"vertical"};var P=d({name:"useTimeline",defaultProps:a,setup({props:t}){let e={"data-scope":"timeline","data-part":"root","data-align":t.align,"data-orientation":t.orientation},o={"data-scope":"timeline","data-part":"event","data-align":t.align,"data-orientation":t.orientation},n={"data-scope":"timeline","data-part":"separator","data-orientation":t.orientation},i={"data-scope":"timeline","data-part":"marker","data-orientation":t.orientation},s={"data-scope":"timeline","data-part":"connector","data-orientation":t.orientation},r={"data-scope":"timeline","data-part":"content","data-align":t.align,"data-orientation":t.orientation},c={"data-scope":"timeline","data-part":"opposite","data-align":t.align,"data-orientation":t.orientation};return{rootProps:e,eventProps:o,separatorProps:n,markerProps:i,connectorProps:s,contentProps:r,oppositeProps:c}}});export{a as defaultProps,P as useTimeline};
|
|
2
|
-
//# sourceMappingURL=index.mjs.map
|
package/toast/index.mjs
CHANGED
|
@@ -1,2 +1 @@
|
|
|
1
|
-
|
|
2
|
-
//# sourceMappingURL=index.mjs.map
|
|
1
|
+
import{withHeadless as gt}from"@primereact/core/headless";import{defaultToaster as ht}from"@primereact/headless/toaster";import{useMountEffect as xt}from"@primereact/hooks/use-mount-effect";import{useVisibilityChange as yt}from"@primereact/hooks/use-visibility-change";import*as s from"react";var J={toast:{},toaster:void 0};var Rt=50,bt=.11,It=gt({name:"useToast",defaultProps:J,setup:({props:K,elementRef:i})=>{let{toast:t,toaster:n}=K,f=s.useMemo(()=>!n?.toasts||!Array.isArray(n?.toasts)?0:n?.toasts.findIndex(e=>e.id===t.id)||0,[n?.toasts,t.id]),L=yt(),[x,Z]=s.useState(!1),[d,T]=s.useState(null),[A,O]=s.useState(null),[y,tt]=s.useState(!1),[v,S]=s.useState(!1),[H,et]=s.useState(!1),[k,V]=s.useState(!1),[M,P]=s.useState(0),[E,F]=s.useState(0),R=t.dismissible!==!1&&!t.loading,g=s.useRef(t.duration||n?.props.timeout||6e3),N=s.useRef(0),p=s.useRef(null),D=s.useRef(null),I=s.useRef(0),B=s.useRef(0),b=s.useMemo(()=>n?.state.heights?.findIndex(e=>e.toastId===t.id)??0,[n?.state.heights,t.id]),Y=s.useMemo(()=>t.duration||n?.props.timeout||6e3,[t.duration,n?.props.timeout]),l=s.useRef(0);l.current=n?.state.heights?.reduce((e,a,o)=>o>=b?e:e+a.height,0)??0;let U=t.loading===!0;s.useEffect(()=>{g.current=Y},[Y]),xt(()=>{tt(!0)}),s.useEffect(()=>{let e=i.current;if(!e||!t.id)return;let a=e.getBoundingClientRect().height;return F(a),n?.setHeights(o=>[{toastId:t.id,height:a},...o]),()=>n?.setHeights(o=>o.filter(r=>r.toastId!==t.id))},[n?.setHeights,t.id]),s.useLayoutEffect(()=>{if(!y||!t.id||!n?.setHeights)return;let e=i.current;if(!e)return;let a=e.style.height;e.style.height="auto";let o=e?.getBoundingClientRect().height;e.style.height=a,F(o),n?.setHeights(r=>r.find(c=>c.toastId===t.id)?r.map(c=>c.toastId===t.id?{...c,height:o}:c):[{toastId:t.id,height:o},...r])},[y,t.title,t.description,t.id,t.render,t.action,t.icon,n?.setHeights]);let u=s.useCallback(()=>{n?.handleFocusManagement(i.current??null),Z(!0),P(l.current),n?.setHeights(e=>e.filter(a=>a.toastId!==t.id)),requestAnimationFrame(()=>{let e=i.current;if(!e)return;let o=getComputedStyle(e).transitionDuration,r=parseFloat(o)*(o.includes("ms")?1:1e3);setTimeout(()=>{t.id!==void 0&&n?.removeFromQueue(t.id)},r??10)})},[t,n?.setHeights]);s.useEffect(()=>ht.subscribe(e=>{if(e.action!=="dismiss")return;let a=e.id!==void 0&&e.id===t.id,o=e.id===void 0;(a||o)&&(u(),t.onDismiss?.(t))}),[t,u]);let st=s.useCallback(()=>{if(B.current<I.current){let e=new Date().getTime()-I.current;g.current=g.current-e}B.current=new Date().getTime()},[]),nt=s.useCallback(()=>{g.current!==1/0&&(I.current=new Date().getTime(),D.current=setTimeout(()=>{t.onTimeout?.(t),u()},g.current))},[t,u]);s.useEffect(()=>{if(!(t.loading||t.duration===1/0))return n?.state.isHovered||n?.state.isInteracting||!L?st():nt(),()=>{D.current&&clearTimeout(D.current)}},[n?.state.isHovered,n?.state.isInteracting,t,u,L]);let X=()=>{S(!1),T(null),p.current=null},$=e=>{e.button===0&&(U||!R||(N.current=new Date().getTime(),P(l.current),e.target.setPointerCapture(e.pointerId),S(!0),p.current={x:e.clientX,y:e.clientY}))},_=e=>{if(!p.current||!R||(window.getSelection()?.toString().length??0)>0)return;let a=e.clientY-p.current.y,o=e.clientX-p.current.x,r=Math.abs(o)>1||Math.abs(a)>1,C=(n?.props.position??"bottom-right").split("-"),c=C[0],W=C[1];!d&&r&&T(Math.abs(o)>Math.abs(a)?"x":"y");let m={x:0,y:0},j=w=>{let G=w*(ft=>1/(1.5+Math.abs(ft)/20))(w);return Math.abs(G)<Math.abs(w)?G:w};d==="x"?m.x=W==="left"&&o<0||W==="right"&&o>0?o:j(o):d==="y"&&(m.y=c==="top"&&a<0||c==="bottom"&&a>0?a:j(a)),(Math.abs(m.x)>0||Math.abs(m.y)>0)&&V(!0),i.current.style.setProperty("--px-swipe-amount-x",`${m.x}px`),i.current.style.setProperty("--px-swipe-amount-y",`${m.y}px`)},q=()=>{if(H||!R)return;S(!1),p.current=null;let e=Number(i.current.style.getPropertyValue("--px-swipe-amount-x").replace("px","")||0),a=Number(i.current.style.getPropertyValue("--px-swipe-amount-y").replace("px","")||0),o=d==="x"?e:a,r=Math.abs(o)/(new Date().getTime()-(N.current??0));if(Math.abs(o)>=Rt||r>bt){P(l.current),O(d==="x"?e>0?"right":"left":a>0?"down":"up"),u(),t.onDismiss?.(t),et(!0);return}else i.current.style.setProperty("--px-swipe-amount-x","0px"),i.current.style.setProperty("--px-swipe-amount-y","0px");V(!1),T(null)},z=()=>{U||!R||(u(),t.onDismiss?.(t))},ot=s.useCallback(e=>{i.current=e??void 0},[i]),at={mounted:y,swiping:v,swipeOut:H,swipeOutDirection:A,swipeDirection:d,initialHeight:E,isSwiped:k,offsetBeforeRemove:M,removed:x},h=b+1<=(n?.props.limit||3),Q=f===0,it={ref:ot,"data-scope":"toast","data-part":"root",tabIndex:h?0:-1,role:"alert",inert:!h,"aria-live":"assertive","aria-atomic":"true","aria-hidden":!h,"data-id":t?.id,"data-swipe-direction":A,"data-index":f,...y&&{"data-mounted":""},...x&&{"data-removed":""},...k&&{"data-swiped":""},...h&&{"data-visible":""},...v&&{"data-swiping":""},...t.dismissible&&{"data-dismissible":""},...n?.state.isExpanded&&{"data-expanded":""},...Q&&{"data-front":""},...H&&{"data-swipe-out":""},style:{"--px-initial-height":E?`${E}px`:void 0,"--px-toast-index":x?f:b,"--px-toast-z-index":(n?.toasts?.length||0)-f,"--px-toast-offset":(x?M:l.current)+"px","--px-swipe-amount-x":"0px","--px-swipe-amount-y":"0px"},onPointerDown:$,onPointerMove:_,onPointerUp:q,onDragEnd:X},rt={"data-scope":"toast","data-part":"action"},ct={"data-scope":"toast","data-part":"content"},ut={"data-scope":"toast","data-part":"message"},dt={"data-scope":"toast","data-part":"close",onClick:z},pt={"data-scope":"toast","data-part":"description"},lt={"data-scope":"toast","data-part":"icon"},mt={"data-scope":"toast","data-part":"title"};return{state:at,offset:l.current,offsetBeforeRemove:M,index:f,visibleIndex:b,isVisible:h,isFront:Q,toaster:n,rootProps:it,actionProps:rt,contentProps:ct,closeProps:dt,messageProps:ut,descriptionProps:pt,iconProps:lt,titleProps:mt,onPointerDown:$,onPointerMove:_,onPointerUp:q,onDragEnd:X,handleCloseOnClick:z}}});export{J as defaultProps,It as useToast};
|
package/toaster/index.mjs
CHANGED
|
@@ -1,2 +1 @@
|
|
|
1
|
-
var
|
|
2
|
-
//# sourceMappingURL=index.mjs.map
|
|
1
|
+
var $=0,C=()=>`toast-${++$}-${Date.now()}`,L=e=>typeof e=="number"&&!Number.isNaN(e)||typeof e=="string"&&e.length>0?e:C();function N(){let e=[],m=new Set,p=s=>{m.forEach(t=>t(s))},v=()=>e,E=s=>(m.add(s),()=>{m.delete(s)}),f=s=>{let t=L(s.id),d=s.dismissible??!0,c=e.findIndex(n=>n.id===t);if(c!==-1){let n={...e[c],...s,id:t,dismissible:d};e=[...e.slice(0,c),n,...e.slice(c+1)],p({action:"update",toast:n})}else{let n={...s,id:t,dismissible:d};e=[n,...e],p({action:"add",toast:n})}return t},T=(s,t)=>f({...t,id:s}),g=s=>{p({action:"dismiss",id:s})},y=async(s,t)=>{let d=L(t.loading.id);f({...t.loading,id:d,loading:!0,dismissible:t.loading.dismissible??!1});try{let c=await s,n=typeof t.success=="function"?t.success(c):t.success;return n?f({icon:void 0,...n,id:d,severity:n.severity??"success",loading:!1}):g(d),c}catch(c){let n=typeof t.error=="function"?t.error(c):t.error;throw n?f({icon:void 0,...n,id:d,severity:n.severity??"error",loading:!1}):g(d),c}},i=s=>t=>f({...t,severity:s});return{snapshot:v,subscribe:E,add:f,update:T,dismiss:g,promise:y,success:i("success"),info:i("info"),warn:i("warn"),error:i("error"),secondary:i("secondary"),contrast:i("contrast")}}var u=N(),k=e=>u.add(e),j=Object.assign(k,{update:u.update,dismiss:u.dismiss,promise:u.promise,success:u.success,info:u.info,warn:u.warn,error:u.error,secondary:u.secondary,contrast:u.contrast});import{withHeadless as B}from"@primereact/core/headless";import*as a from"react";var H={timeout:6e3,gap:12,position:"top-right",mode:"stacked",group:void 0,limit:3};var Q=B({name:"useToaster",defaultProps:H,setup:({props:e})=>{let m=a.useSyncExternalStore(u.subscribe,u.snapshot,u.snapshot),[p,v]=a.useState(()=>new Set),E=a.useCallback(o=>{v(r=>{if(r.has(o))return r;let l=new Set(r);return l.add(o),l})},[]),f=a.useMemo(()=>{let o=e.group?m.filter(r=>r.group===e.group):m.filter(r=>!r.group);return p.size?o.filter(r=>r.id===void 0||!p.has(r.id)):o},[m,e.group,p]),[T,g]=a.useState([]),[y,i]=a.useState(!1),[s,t]=a.useState(!1),d=a.useRef(!1),c=e.mode==="expanded"||y,n={isExpanded:c,isHovered:y,isInteracting:s,heights:T},h=()=>{i(!0)},R=()=>{i(!0)},x=()=>{!s&&!d.current&&i(!1)},I=()=>{i(!1)},M=o=>{o.target instanceof HTMLElement&&o.target.dataset.dismissible==="false"||t(!0)},b=()=>{t(!1)},S=o=>{let r=o.currentTarget,l=document.activeElement;l&&l.matches(":focus-visible")&&r.contains(l)&&(d.current=!0,i(!0))},P=o=>{let r=o.currentTarget,l=o.relatedTarget;l&&r.contains(l)||(d.current=!1,!s&&i(!1))},F=o=>{if(!o)return;let r=document.activeElement;if(!o.contains(r))return;let l=o.nextElementSibling,w=o.previousElementSibling;requestAnimationFrame(()=>{l?l.focus({preventScroll:!0}):w&&w.focus({preventScroll:!0})})};a.useEffect(()=>{f.length<=1&&i(!1)},[f]);let D={"data-scope":"toaster","data-part":"root","data-position":e.position},U=a.useMemo(()=>({"data-scope":"toaster","data-part":"region",role:"region",tabIndex:0,onMouseEnter:h,onMouseLeave:x,onMouseMove:R,onDragEnd:I,onPointerDown:M,onPointerUp:b,onFocus:S,onBlur:P,"data-position":e.position,...c&&{"data-expanded":""},style:{"--px-gap":`${e.gap}px`,"--px-front-toast-height":`${T?.[0]?.height||0}px`}}),[e.position,e.gap,c,T]);return{state:n,toasts:f,setHeights:g,removeFromQueue:E,rootProps:D,regionProps:U,onRegionMouseEnter:h,onRegionMouseMove:R,onRegionMouseLeave:x,onRegionDragEnd:I,onRegionPointerDown:M,onRegionPointerUp:b,onRegionFocus:S,onRegionBlur:P,handleFocusManagement:F}}});export{N as createToastManager,H as defaultProps,u as defaultToaster,j as toast,Q as useToaster};
|
package/togglebutton/index.mjs
CHANGED
|
@@ -1,2 +1 @@
|
|
|
1
|
-
|
|
2
|
-
//# sourceMappingURL=index.mjs.map
|
|
1
|
+
import{withHeadless as l}from"@primereact/core/headless";import{useControlledState as p}from"@primereact/hooks/use-controlled-state";var a={pressed:void 0,defaultPressed:void 0,disabled:void 0,invalid:void 0,onPressedChange:void 0};var P=l({name:"useToggleButton",defaultProps:a,setup({props:s}){let[o,r]=p({value:s.pressed,defaultValue:s.defaultPressed??!1,onChange:s.onPressedChange}),d={pressed:o},n=e=>{let t=!o;r([t,{originalEvent:e,pressed:t}])};return{state:d,getRootProps:(e,t)=>({disabled:e,"aria-pressed":o,"aria-disabled":e,...o&&{"data-pressed":""},...e&&{"data-disabled":""},...!!t&&{"data-invalid":""},onClick:n}),getIndicatorProps:(e,t)=>({...o&&{"data-pressed":""},...e&&{"data-disabled":""},...!!t&&{"data-invalid":""}}),onChange:n}}});export{a as defaultProps,P as useToggleButton};
|
|
@@ -1,2 +1 @@
|
|
|
1
|
-
|
|
2
|
-
//# sourceMappingURL=index.mjs.map
|
|
1
|
+
import{withHeadless as g}from"@primereact/core/headless";import{useControlledState as m}from"@primereact/hooks/use-controlled-state";import*as u from"react";var n={value:void 0,defaultValue:void 0,onValueChange:void 0,multiple:!1,allowEmpty:!0,disabled:!1,invalid:!1};var h=g({name:"useToggleButtonGroup",defaultProps:n,setup({props:e}){let[a,l]=m({value:e.value,defaultValue:e.defaultValue,onChange:e.onValueChange}),s={value:a},r=u.useCallback(t=>{let o=null;if(e.multiple){if(o=t.pressed?[...a||[],t.value]:(a||[]).filter(p=>p!==t.value),!e.allowEmpty&&o.length===0)return}else if(o=t.pressed?t.value:null,!e.allowEmpty&&o===null)return;l?.([o,{originalEvent:t.originalEvent,value:o}])},[a,l]),d=(t,o)=>{if(t!==void 0)return e.multiple?t?.includes(o):t===o},i={role:"group","data-scope":"togglebuttongroup","data-part":"root",...e.disabled&&{"data-disabled":""},...e.invalid&&{"data-invalid":""},...e.multiple&&{"data-multiple":""},...e.allowEmpty&&{"data-allow-empty":""}};return{state:s,rootProps:i,updateChange:r,isPressed:d}}});export{n as defaultProps,h as useToggleButtonGroup};
|
package/toggleswitch/index.mjs
CHANGED
|
@@ -1,2 +1 @@
|
|
|
1
|
-
|
|
2
|
-
//# sourceMappingURL=index.mjs.map
|
|
1
|
+
import{withHeadless as r}from"@primereact/core/headless";import{useControlledState as b}from"@primereact/hooks/use-controlled-state";var n={checked:void 0,defaultChecked:void 0,disabled:!1,invalid:!1,tabIndex:void 0,ariaLabel:void 0,ariaLabelledby:void 0,onFocus:void 0,onBlur:void 0,onCheckedChange:void 0};var v=r({name:"useToggleSwitch",defaultProps:n,setup({props:e}){let[a,c]=b({value:e.checked,defaultValue:e.defaultChecked??!1,onChange:e.onCheckedChange}),s={checked:a},t=u=>{let d=!a;c([d,{originalEvent:u,checked:d}])},i={...a?{"data-checked":""}:{"data-unchecked":""},...e.disabled&&{"data-disabled":""},...e.invalid&&{"data-invalid":""}},o={type:"checkbox",role:"switch",checked:a,disabled:e.disabled,"aria-checked":a,...e.invalid&&{"aria-invalid":!0},...e.tabIndex!==void 0&&{tabIndex:e.tabIndex},...e.ariaLabelledby&&{"aria-labelledby":e.ariaLabelledby},...e.ariaLabel&&{"aria-label":e.ariaLabel},...e.onFocus&&{onFocus:e.onFocus},...e.onBlur&&{onBlur:e.onBlur},onChange:t},l={...a?{"data-checked":""}:{"data-unchecked":""},...e.disabled&&{"data-disabled":""},...e.invalid&&{"data-invalid":""}},h={...a?{"data-checked":""}:{"data-unchecked":""},...e.disabled&&{"data-disabled":""},...e.invalid&&{"data-invalid":""}};return{state:s,onChange:t,rootProps:i,inputProps:o,controlProps:l,handleProps:h}}});export{n as defaultProps,v as useToggleSwitch};
|
package/toolbar/index.mjs
CHANGED