@primereact/headless 11.0.0-rc.1 → 11.0.0-rc.3
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/autocomplete/useAutoComplete.d.ts +1 -1
- 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 +26 -14
- 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 +1 -2
- 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/inputcolor/useInputColor.d.ts +2 -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/listbox/useListbox.d.ts +1 -1
- 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/select/useSelect.d.ts +1 -1
- 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/stepper/useStepper.d.ts +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/toast/useToast.d.ts +0 -1
- 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/index.mjs
CHANGED
|
@@ -1,2 +1 @@
|
|
|
1
|
-
|
|
2
|
-
//# sourceMappingURL=index.mjs.map
|
|
1
|
+
import{withHeadless as B}from"@primereact/core/headless";import{$t as F}from"@primereact/core/locale";import{useFocusTrap as N}from"@primereact/headless/focustrap";import{useControlledState as W}from"@primereact/hooks/use-controlled-state";import{$dt as S}from"@primeuix/styled";import{blockBodyScroll as $,unblockBodyScroll as z}from"@primeuix/utils";import*as s from"react";var R={layout:void 0,id:void 0,side:"left",variant:"sidebar",collapsible:"icon",overlay:!1,open:void 0,defaultOpen:!0,onOpenChange:void 0,openOnHover:!1,hoverOpenDelay:50,hoverCloseDelay:100,closeOnEscape:!0,dismissable:!0,hideOnOutsideClick:!0,width:"16rem",iconWidth:"3rem"};var ee=B({name:"useSidebar",defaultProps:R,setup({props:e}){let[n,d]=W({value:e.open,defaultValue:e.defaultOpen??!0,onChange:e.onOpenChange}),t=n?"expanded":"collapsed",r=!!e.overlay&&!!n,f=s.useRef(null),v=N({trapped:r,autoFocus:!1}),h=s.useCallback(i=>{f.current=i,v.containerRef.current=i},[]),O={open:!!n,displayState:t},m=i=>{e.collapsible!=="none"&&d([!n,{originalEvent:i,value:!n}])},g=i=>{d([!0,{originalEvent:i,value:!0}])},y=i=>{e.collapsible!=="none"&&d([!1,{originalEvent:i,value:!1}])},a=s.useRef(null),l=()=>{a.current&&(clearTimeout(a.current),a.current=null)},o=s.useCallback(i=>{e.openOnHover&&(l(),a.current=setTimeout(()=>g(i),e.hoverOpenDelay??50))},[e.openOnHover,e.hoverOpenDelay]),b=s.useCallback(i=>{e.openOnHover&&(l(),a.current=setTimeout(()=>y(i),e.hoverCloseDelay??100))},[e.openOnHover,e.hoverCloseDelay]);s.useEffect(()=>l,[]),s.useEffect(()=>{if(r)return $({variableName:S("scrollbar.width").name}),()=>z({variableName:S("scrollbar.width").name})},[r]);let p=i=>{r&&i.code==="Escape"&&e.closeOnEscape!==!1&&y(i)},u=e.layout?.setSidebar;s.useEffect(()=>{if(!(!u||!e.id))return()=>u(e.id,null)},[u,e.id]),s.useEffect(()=>{!u||!e.id||u(e.id,{toggle:m,collapse:y,open:!!n,state:n?"expanded":"collapsed",overlay:!!e.overlay,hideOnOutsideClick:e.hideOnOutsideClick!==!1})},[u,e.id,n,e.overlay,e.hideOnOutsideClick]);let P=F("aria.toggleSidebar"),E={ref:h,...e.id?{id:e.id}:void 0,"data-scope":"sidebar","data-part":"root","data-state":t,"data-collapsible":t==="collapsed"?e.collapsible:"","data-collapsible-mode":e.collapsible,"data-variant":e.variant,"data-side":e.side,...e.overlay?{"data-overlay":""}:void 0,...e.overlay?{role:"dialog","aria-modal":!!n||void 0}:void 0,onKeyDown:p,...e.openOnHover?{onPointerEnter:o,onPointerLeave:b}:void 0,style:{"--px-sidebar-width":e.width,"--px-sidebar-width-icon":e.iconWidth}},x={"data-scope":"sidebar","data-part":"spacer","data-state":t,"data-collapsible":t==="collapsed"?e.collapsible:"","data-variant":e.variant,"data-side":e.side,...e.overlay?{"data-overlay":""}:void 0},M={"data-scope":"sidebar","data-part":"aside","data-state":t,"data-collapsible":t==="collapsed"?e.collapsible:"","data-variant":e.variant,"data-side":e.side,...e.overlay?{"data-overlay":""}:void 0},H={"data-scope":"sidebar","data-part":"panel","data-state":t,"data-collapsible":t==="collapsed"?e.collapsible:"","data-variant":e.variant,"data-side":e.side,...e.overlay?{"data-overlay":""}:void 0},w={"data-scope":"sidebar","data-part":"content","data-state":t,"data-collapsible":t==="collapsed"?e.collapsible:"","data-variant":e.variant,"data-side":e.side,...e.overlay?{"data-overlay":""}:void 0},T={"data-scope":"sidebar","data-part":"header","data-state":t,"data-collapsible":t==="collapsed"?e.collapsible:"","data-variant":e.variant,"data-side":e.side,...e.overlay?{"data-overlay":""}:void 0},L={"data-scope":"sidebar","data-part":"footer","data-state":t,"data-collapsible":t==="collapsed"?e.collapsible:"","data-variant":e.variant,"data-side":e.side,...e.overlay?{"data-overlay":""}:void 0},D={"data-scope":"sidebar","data-part":"trigger","data-state":t,"data-collapsible":t==="collapsed"?e.collapsible:"","data-variant":e.variant,"data-side":e.side,"aria-expanded":!!n,...e.id?{"aria-controls":e.id}:void 0,onClick:m,...e.overlay?{"data-overlay":""}:void 0},I={"data-scope":"sidebar","data-part":"rail","aria-label":P,onClick:m,title:P,"data-state":t,"data-collapsible":t==="collapsed"?e.collapsible:"","data-variant":e.variant,"data-side":e.side,...e.overlay?{"data-overlay":""}:void 0},U={"data-scope":"sidebar","data-part":"main","data-state":t,"data-collapsible":t==="collapsed"?e.collapsible:"","data-variant":e.variant,"data-side":e.side,...e.overlay?{"data-overlay":""}:void 0},K={"data-scope":"sidebar","data-part":"backdrop",...e.dismissable?{onClick:y}:{}};return{state:O,focusTrap:v,isModal:r,toggle:m,expand:g,collapse:y,rootProps:E,spacerProps:x,asideProps:M,panelProps:H,contentProps:w,headerProps:T,footerProps:L,triggerProps:D,railProps:I,mainProps:U,backdropProps:K,variant:e.variant,collapsible:e.collapsible,side:e.side,overlay:e.overlay,openOnHover:e.openOnHover}}});import{withHeadless as V}from"@primereact/core/headless";import*as c from"react";var C={};var le=V({name:"useSidebarLayout",defaultProps:C,setup(){let[e,n]=c.useState(()=>new Map),d=c.useCallback((a,l)=>{n(o=>{if(l===null){if(!o.has(a))return o;let u=new Map(o);return u.delete(a),u}let b=o.get(a);if(b&&b.open===l.open&&b.state===l.state&&b.overlay===l.overlay&&b.hideOnOutsideClick===l.hideOnOutsideClick)return o;let p=new Map(o);return p.set(a,l),p})},[]),t=c.useCallback((a,l)=>{if(a){e.get(a)?.toggle(l);return}e.size===1&&e.values().next().value?.toggle(l)},[e]),r=c.useCallback((a,l)=>{if(a){let o=e.get(a);o?.open&&o.toggle(l);return}e.forEach(o=>{o.open&&o.toggle(l)})},[e]),f=c.useMemo(()=>{for(let a of e.values())if(a.open)return!0;return!1},[e]),v=c.useMemo(()=>{for(let a of e.values())if(a.open&&a.overlay&&a.hideOnOutsideClick)return!0;return!1},[e]),h=c.useMemo(()=>{for(let a of e.values())if(a.open&&a.overlay)return!0;return!1},[e]),m={...v?{onClick:a=>{a.target?.closest('[data-scope="sidebar"][data-part="trigger"]')||e.forEach(o=>{o.open&&o.overlay&&o.hideOnOutsideClick&&o.collapse(a)})}}:void 0,...h?{inert:!0,"aria-hidden":!0}:void 0};return{state:{open:f},setSidebar:d,toggle:t,collapse:r,backdropProps:{"data-scope":"sidebar","data-part":"backdrop",onClick:()=>r(),"data-state":f?"open":"closed"},backdropMotionProps:{visible:f},mainProps:m}}});import{withHeadless as j}from"@primereact/core/headless";import{useCollapsible as q}from"@primereact/headless/collapsible";var k={collapsible:!1,open:void 0,defaultOpen:!0,disabled:!1,onOpenChange:void 0};var ue=j({name:"useSidebarMenuItem",defaultProps:k,setup({props:e}){let n=!!e.collapsible,d=q({open:n?e.open:void 0,defaultOpen:n?e.defaultOpen??!0:!0,onOpenChange:n?e.onOpenChange:void 0,disabled:e.disabled}),t={isCollapsible:n,open:d.state.open},r=n?d.triggerProps:{},f=n?d.contentProps:{},v=n?{...d.rootProps,"data-collapsible":!0}:{};return{state:t,toggle:d.toggle,triggerProps:r,contentProps:f,rootProps:v}}});export{C as defaultLayoutProps,k as defaultMenuItemProps,R as defaultProps,ee as useSidebar,le as useSidebarLayout,ue as useSidebarMenuItem};
|
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 b}from"@primeuix/styled";import{find as de,findSingle as h,focus as B}from"@primeuix/utils/dom";import*as l 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}),[y,w]=l.useState(-1),d=l.useRef(null),f=l.useRef(null),R=l.useRef(!1),F=l.useCallback(e=>{d.current=e,V.current=e??void 0},[]),N={visible:i,focusedOptionIndex:y},_=l.useCallback(e=>{f.current=e},[]),D=()=>de(d.current,'[data-scope="speeddial"][data-part="item"]'),x=()=>D().length,j=()=>{let e=h(d.current,'[data-scope="speeddial"][data-part="trigger"]');e&&B(e)},E=()=>S([!0,{value:!0}]),m=()=>S([!1,{value:!1}]),q=l.useCallback(()=>{if(n.type!=="linear"){let e=h(d.current,'[data-scope="speeddial"][data-part="trigger"]'),t=h(f.current,'[data-scope="speeddial"][data-part="item"]');if(e&&t){let a=Math.abs(e.offsetWidth-t.offsetWidth),c=Math.abs(e.offsetHeight-t.offsetHeight);f.current.style.setProperty(b("item.diff.x").name,`${a/2}px`),f.current.style.setProperty(b("item.diff.y").name,`${c/2}px`)}}},[n.type]),[W,L]=re({type:"click",listener:e=>{let t=e.target,a=d.current&&!d.current.contains(t);i&&a&&m(),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:a,radius:c}=n;if(t==="linear")return{};let u=x(),g=c||u*20,ee=b("item.diff.x").variable,te=b("item.diff.y").variable,$=s=>`calc(${s}px + ${ee})`,O=s=>`calc(${s}px + ${te})`;if(t==="circle"){let s=2*Math.PI/u;return{left:$(g*Math.cos(s*e)),top:O(g*Math.sin(s*e))}}let ne=t==="semi-circle"?u-1:2*(u-1),U=Math.PI/ne,se=$(g*Math.cos(U*e)),oe=O(g*Math.sin(U*e)),A={"semi-circle":{up:(s,o)=>({left:s,bottom:o}),down:(s,o)=>({left:s,top:o}),left:(s,o)=>({right:o,top:s}),right:(s,o)=>({left:o,top:s})},"quarter-circle":{"up-left":(s,o)=>({right:s,bottom:o}),"up-right":(s,o)=>({left:s,bottom:o}),"down-left":(s,o)=>({right:o,top:s}),"down-right":(s,o)=>({left:o,top:s})}}[t]?.[a];return A?A(se,oe):{}},M=e=>({transitionDelay:`${Y(e)}ms`,...X(e)}),z=(e,t=y)=>{let a=D(),c=e==="next",u=c?0:a.length-1;return t===-1?u:t+(c?1:-1)},G=e=>{let t=D();if(t[e]){w(e??-1);let a=h(t[e],'[data-part="action"]');a&&B(a)}},r=(e,t,a)=>{let c=z(t,a);G(c),e.preventDefault()},k=()=>{m(),w(-1),j()},v=()=>{i?m():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,a=["left","up-right","down-left"],c=["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":a.includes(t)||t==="down"?r(e,"next"):r(e,"prev");break;case"ArrowRight":c.includes(t)||t==="up"?r(e,"next"):r(e,"prev");break;case"Enter":case"NumpadEnter":case"Space":case"Escape":k();break;case"Home":r(e,"next",-1);break;case"End":r(e,"prev",-1);break}},H=e=>{d.current?.contains(e.relatedTarget)||w(-1)},C=e=>{m(),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),...y===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 c}from"@primereact/core/headless";import{useControlledState as d}from"@primereact/hooks/use-controlled-state";var r={defaultValue:null,value:null,linear:!1,onValueChange:void 0};var x=c({name:"useStepper",defaultProps:r,setup({props:a,id:n}){let[s,p]=d({value:a.value??void 0,defaultValue:a.defaultValue??null,onChange:a.onValueChange}),l={value:s},o=e=>{e!==s&&p([e,{value:e}])};return{state:l,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":`${n}_steppanel_${e}`,disabled:t,onClick:()=>o(e)}),getPanelProps:({active:e,activeValue:t})=>({"data-scope":"stepper","data-part":"panel",role:"tabpanel","aria-controls":`${n}_step_${t}`,...e?{"data-active":""}:{}}),setActiveStep:o,isStepActive:e=>s===e,isStepDisabled:()=>a.linear??!1}}});export{r as defaultProps,x as useStepper};
|
package/stepper/useStepper.d.ts
CHANGED
|
@@ -1,5 +1,4 @@
|
|
|
1
|
-
|
|
2
|
-
export declare const useStepper: (inProps?: unknown) => import("@primereact/types/core").HeadlessInstance<UseStepperProps, unknown, {
|
|
1
|
+
export declare const useStepper: (inProps?: unknown) => import("@primereact/types/core").HeadlessInstance<import("@primereact/types/headless/stepper").UseStepperProps, unknown, {
|
|
3
2
|
state: {
|
|
4
3
|
value: string | number | null | undefined;
|
|
5
4
|
};
|
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,invalid:!1};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(()=>{if(!n?.toasts||!Array.isArray(n?.toasts))return 0;let e=n?.toasts.findIndex(a=>a.id===t.id)??-1;return e===-1?0:e},[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-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/toast/useToast.d.ts
CHANGED
|
@@ -47,7 +47,6 @@ export declare const useToast: (inProps?: unknown) => import("@primereact/types/
|
|
|
47
47
|
'aria-live': "assertive";
|
|
48
48
|
'aria-atomic': "true";
|
|
49
49
|
'aria-hidden': boolean;
|
|
50
|
-
'data-id': import("@primereact/types/primitive/toaster").ToastId | undefined;
|
|
51
50
|
'data-swipe-direction': "left" | "right" | "up" | "down" | null;
|
|
52
51
|
'data-index': number;
|
|
53
52
|
};
|