@cloudoperators/juno-ui-components 2.32.0 → 2.34.0
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/build/AppIntro.component-91Jmkg84.js +6 -0
- package/build/AppIntro.js +1 -1
- package/build/AppShell.component-Hk_XAW1E.js +1 -0
- package/build/AppShell.js +1 -1
- package/build/AppShellProvider.component-BjmVKqm3.js +1 -0
- package/build/AppShellProvider.js +1 -1
- package/build/{combobox-JmdrroKh.js → ComboBox.component-C_o5JV1E.js} +116 -2
- package/build/ComboBox.js +1 -1
- package/build/ComboBoxOption.component-eoxGAIUR.js +39 -0
- package/build/ComboBoxOption.js +1 -39
- package/build/ContentAreaToolbar.component-HPXE3xVK.js +8 -0
- package/build/ContentAreaToolbar.js +1 -1
- package/build/ContentContainer.component-8A2F9nlM.js +8 -0
- package/build/ContentContainer.js +1 -1
- package/build/{ContentHeading.component-bhh41uEk.js → ContentHeading.component-PfFZgbyn.js} +2 -2
- package/build/ContentHeading.js +1 -1
- package/build/{ContextMenu.component-B24LaAwt.js → ContextMenu.component-DlJ1uBM8.js} +2 -2
- package/build/ContextMenu.js +1 -1
- package/build/{DataListCheckboxCell.component-BXti2wK7.js → DataListCheckboxCell.component-DW-8rAEg.js} +1 -1
- package/build/DataListCheckboxCell.js +1 -1
- package/build/{DataListRow.component-RvjQ652d.js → DataListRow.component-D1aTHdBf.js} +1 -1
- package/build/DataListRow.js +1 -1
- package/build/DateTimePicker.component-7SGTFaqc.js +59 -0
- package/build/DateTimePicker.js +1 -1
- package/build/{FilterInput.component-CBfEzQ3x.js → FilterInput.component-QgiC1wRg.js} +1 -1
- package/build/FilterInput.js +1 -1
- package/build/{FilterPill.component-C9YwMkKe.js → FilterPill.component-SegGevVb.js} +1 -1
- package/build/FilterPill.js +1 -1
- package/build/{Filters.component-Cu8sV-IL.js → Filters.component-CfG9WSqS.js} +1 -1
- package/build/Filters.js +1 -1
- package/build/FormRow.component-OkQblu_q.js +3 -0
- package/build/HeaderContainer.component-CWj3SLQY.js +13 -0
- package/build/HeaderContainer.js +1 -0
- package/build/{Icon.component-BVkaZqpA.js → Icon.component-DGyhPa1P.js} +1 -1
- package/build/Modal.component-B7pUHHA6.js +31 -0
- package/build/Modal.js +1 -31
- package/build/Pagination.component-D5sXkuw6.js +5 -0
- package/build/Pagination.js +1 -1
- package/build/Panel.component-Z0UKil-U.js +33 -0
- package/build/Panel.js +1 -1
- package/build/PanelBody.component-CbwJTG-C.js +4 -0
- package/build/PanelBody.js +1 -1
- package/build/PanelFooter.component-C5-ea5YD.js +11 -0
- package/build/PanelFooter.js +1 -1
- package/build/{Select.component-CwIj9-lM.js → Select.component-BlpCRnuM.js} +3 -3
- package/build/Select.js +1 -1
- package/build/SelectOption.component-C7NysL8S.js +42 -0
- package/build/SelectOption.js +1 -42
- package/build/{Select.component-DNPTrdQs.js → SelectRow.component-DhPz6KOs.js} +4 -4
- package/build/SelectRow.js +1 -1
- package/build/StyleProvider.component-bYqFN-bx.js +1 -0
- package/build/StyleProvider.js +1 -1
- package/build/{SwitchRow.component-BNceFC47.js → SwitchRow.component-BeG5g1_U.js} +1 -1
- package/build/SwitchRow.js +1 -1
- package/build/{TextInput.component-CkNlIlj0.js → TextInput.component-Bh7t1tSB.js} +1 -1
- package/build/TextInputRow.component-D7NCrZz7.js +1 -0
- package/build/TextInputRow.js +1 -1
- package/build/{TextareaRow.component-DSJ_PFIw.js → TextareaRow.component-ClRuP_M4.js} +1 -1
- package/build/TextareaRow.js +1 -1
- package/build/{ThemeToggle.component-CNb4Nbso.js → ThemeToggle.component-BqqY9D8j.js} +2 -2
- package/build/ThemeToggle.js +1 -1
- package/build/{Tooltip.component-AWJGzfXT.js → Tooltip.component-Bjg6qJkQ.js} +1 -1
- package/build/Tooltip.js +1 -1
- package/build/{TooltipContent.component-Go8u2Bz4.js → TooltipContent.component-CU4HX5GI.js} +1 -1
- package/build/TooltipContent.js +1 -1
- package/build/{TooltipTrigger.component-CYpGzL4I.js → TooltipTrigger.component-Bs5zgkGw.js} +1 -1
- package/build/TooltipTrigger.js +1 -1
- package/build/{_commonjsHelpers-BxGi5vpY.js → _commonjsHelpers-BXRXMh56.js} +1 -1
- package/build/components/AppBody/AppBody.component.d.ts +2 -2
- package/build/components/AppBody/AppBody.component.d.ts.map +1 -1
- package/build/components/AppIntro/AppIntro.component.d.ts +11 -0
- package/build/components/AppIntro/AppIntro.component.d.ts.map +1 -0
- package/build/components/AppIntro/index.d.ts +2 -0
- package/build/components/AppIntro/index.d.ts.map +1 -0
- package/build/components/AppShell/AppShell.component.d.ts +2 -2
- package/build/components/AppShell/AppShell.component.d.ts.map +1 -1
- package/build/components/AppShellProvider/AppShellProvider.component.d.ts +1 -1
- package/build/components/AppShellProvider/AppShellProvider.component.d.ts.map +1 -1
- package/build/components/AppShellProvider/index.d.ts +2 -0
- package/build/components/AppShellProvider/index.d.ts.map +1 -0
- package/build/components/Badge/Badge.component.d.ts +1 -1
- package/build/components/Badge/Badge.component.d.ts.map +1 -1
- package/build/components/Box/Box.component.d.ts +1 -1
- package/build/components/Box/Box.component.d.ts.map +1 -1
- package/build/components/Breadcrumb/Breadcrumb.component.d.ts +1 -1
- package/build/components/Breadcrumb/Breadcrumb.component.d.ts.map +1 -1
- package/build/components/BreadcrumbItem/BreadcrumbItem.component.d.ts +1 -5
- package/build/components/BreadcrumbItem/BreadcrumbItem.component.d.ts.map +1 -1
- package/build/components/Button/Button.component.d.ts +3 -3
- package/build/components/Button/Button.component.d.ts.map +1 -1
- package/build/components/ButtonRow/ButtonRow.component.d.ts +2 -2
- package/build/components/ButtonRow/ButtonRow.component.d.ts.map +1 -1
- package/build/components/Checkbox/Checkbox.component.d.ts +2 -2
- package/build/components/Checkbox/Checkbox.component.d.ts.map +1 -1
- package/build/components/CheckboxGroup/CheckboxGroup.component.d.ts +2 -2
- package/build/components/CheckboxGroup/CheckboxGroup.component.d.ts.map +1 -1
- package/build/components/CodeBlock/CodeBlock.component.d.ts +2 -2
- package/build/components/CodeBlock/CodeBlock.component.d.ts.map +1 -1
- package/build/components/ComboBox/ComboBox.component.d.ts +1 -1
- package/build/components/ComboBox/ComboBox.component.d.ts.map +1 -1
- package/build/components/Container/Container.component.d.ts +2 -2
- package/build/components/Container/Container.component.d.ts.map +1 -1
- package/build/components/ContentAreaToolbar/ContentAreaToolbar.component.d.ts +17 -0
- package/build/components/ContentAreaToolbar/ContentAreaToolbar.component.d.ts.map +1 -0
- package/build/components/ContentAreaToolbar/index.d.ts +2 -0
- package/build/components/ContentAreaToolbar/index.d.ts.map +1 -0
- package/build/components/ContentContainer/ContentContainer.component.d.ts +16 -4
- package/build/components/ContentContainer/ContentContainer.component.d.ts.map +1 -1
- package/build/components/ContentHeading/ContentHeading.component.d.ts +21 -4
- package/build/components/ContentHeading/ContentHeading.component.d.ts.map +1 -1
- package/build/components/DataGrid/DataGrid.component.d.ts +2 -2
- package/build/components/DataGrid/DataGrid.component.d.ts.map +1 -1
- package/build/components/DataGridCell/DataGridCell.component.d.ts +3 -3
- package/build/components/DataGridCell/DataGridCell.component.d.ts.map +1 -1
- package/build/components/DataGridCheckboxCell/DataGridCheckboxCell.component.d.ts +2 -2
- package/build/components/DataGridCheckboxCell/DataGridCheckboxCell.component.d.ts.map +1 -1
- package/build/components/DataGridFoot/DataGridFoot.component.d.ts +2 -2
- package/build/components/DataGridFoot/DataGridFoot.component.d.ts.map +1 -1
- package/build/components/DataGridHeadCell/DataGridHeadCell.component.d.ts +1 -1
- package/build/components/DataGridHeadCell/DataGridHeadCell.component.d.ts.map +1 -1
- package/build/components/DataGridRow/DataGridRow.component.d.ts +1 -1
- package/build/components/DataGridRow/DataGridRow.component.d.ts.map +1 -1
- package/build/components/DataGridToolbar/DataGridToolbar.component.d.ts +2 -2
- package/build/components/DataGridToolbar/DataGridToolbar.component.d.ts.map +1 -1
- package/build/components/DateTimePicker/DateTimePicker.component.d.ts +159 -0
- package/build/components/DateTimePicker/DateTimePicker.component.d.ts.map +1 -0
- package/build/components/DateTimePicker/index.d.ts +2 -0
- package/build/components/DateTimePicker/index.d.ts.map +1 -0
- package/build/components/FormHint/FormHint.component.d.ts +1 -1
- package/build/components/FormHint/FormHint.component.d.ts.map +1 -1
- package/build/components/FormattedText/FormattedText.component.d.ts +2 -8
- package/build/components/FormattedText/FormattedText.component.d.ts.map +1 -1
- package/build/components/HeaderContainer/HeaderContainer.component.d.ts +10 -0
- package/build/components/HeaderContainer/HeaderContainer.component.d.ts.map +1 -0
- package/build/components/HeaderContainer/index.d.ts +2 -0
- package/build/components/HeaderContainer/index.d.ts.map +1 -0
- package/build/components/Icon/Icon.component.d.ts +3 -3
- package/build/components/Icon/Icon.component.d.ts.map +1 -1
- package/build/components/InputGroup/InputGroup.component.d.ts +1 -1
- package/build/components/InputGroup/InputGroup.component.d.ts.map +1 -1
- package/build/components/IntroBox/IntroBox.component.d.ts +2 -2
- package/build/components/IntroBox/IntroBox.component.d.ts.map +1 -1
- package/build/components/JsonViewer/JsonViewer.component.d.ts +1 -1
- package/build/components/JsonViewer/JsonViewer.component.d.ts.map +1 -1
- package/build/components/Label/Label.component.d.ts +1 -1
- package/build/components/Label/Label.component.d.ts.map +1 -1
- package/build/components/LoadingIndicator/LoadingIndicator.component.d.ts +1 -1
- package/build/components/LoadingIndicator/LoadingIndicator.component.d.ts.map +1 -1
- package/build/components/MainContainer/MainContainer.component.d.ts +2 -2
- package/build/components/MainContainer/MainContainer.component.d.ts.map +1 -1
- package/build/components/MainContainerInner/MainContainerInner.component.d.ts +2 -2
- package/build/components/MainContainerInner/MainContainerInner.component.d.ts.map +1 -1
- package/build/components/MainTabs/MainTabs.component.d.ts +2 -2
- package/build/components/MainTabs/MainTabs.component.d.ts.map +1 -1
- package/build/components/Menu/Menu.component.d.ts +1 -1
- package/build/components/Menu/Menu.component.d.ts.map +1 -1
- package/build/components/MenuItem/MenuItem.component.d.ts +1 -1
- package/build/components/MenuItem/MenuItem.component.d.ts.map +1 -1
- package/build/components/MenuSection/MenuSection.component.d.ts +1 -1
- package/build/components/MenuSection/MenuSection.component.d.ts.map +1 -1
- package/build/components/Message/Message.component.d.ts +1 -5
- package/build/components/Message/Message.component.d.ts.map +1 -1
- package/build/components/Modal/Modal.component.d.ts +3 -3
- package/build/components/Modal/Modal.component.d.ts.map +1 -1
- package/build/components/ModalFooter/ModalFooter.component.d.ts +3 -3
- package/build/components/ModalFooter/ModalFooter.component.d.ts.map +1 -1
- package/build/components/Navigation/Navigation.component.d.ts +2 -2
- package/build/components/Navigation/Navigation.component.d.ts.map +1 -1
- package/build/components/NavigationItem/NavigationItem.component.d.ts +2 -2
- package/build/components/NavigationItem/NavigationItem.component.d.ts.map +1 -1
- package/build/components/PageFooter/PageFooter.component.d.ts +2 -2
- package/build/components/PageFooter/PageFooter.component.d.ts.map +1 -1
- package/build/components/PageHeader/PageHeader.component.d.ts +2 -2
- package/build/components/PageHeader/PageHeader.component.d.ts.map +1 -1
- package/build/components/Pagination/Pagination.component.d.ts +72 -0
- package/build/components/Pagination/Pagination.component.d.ts.map +1 -0
- package/build/components/Pagination/index.d.ts +2 -0
- package/build/components/Pagination/index.d.ts.map +1 -0
- package/build/components/Panel/Panel.component.d.ts +39 -0
- package/build/components/Panel/Panel.component.d.ts.map +1 -0
- package/build/components/Panel/index.d.ts +2 -0
- package/build/components/Panel/index.d.ts.map +1 -0
- package/build/components/PanelBody/PanelBody.component.d.ts +23 -0
- package/build/components/PanelBody/PanelBody.component.d.ts.map +1 -0
- package/build/components/PanelBody/index.d.ts +2 -0
- package/build/components/PanelBody/index.d.ts.map +1 -0
- package/build/components/PanelFooter/PanelFooter.component.d.ts +19 -0
- package/build/components/PanelFooter/PanelFooter.component.d.ts.map +1 -0
- package/build/components/PanelFooter/index.d.ts +2 -0
- package/build/components/PanelFooter/index.d.ts.map +1 -0
- package/build/components/Pill/Pill.component.d.ts +1 -1
- package/build/components/Pill/Pill.component.d.ts.map +1 -1
- package/build/components/Radio/Radio.component.d.ts +2 -2
- package/build/components/Radio/Radio.component.d.ts.map +1 -1
- package/build/components/RadioGroup/RadioGroup.component.d.ts +2 -2
- package/build/components/RadioGroup/RadioGroup.component.d.ts.map +1 -1
- package/build/components/Select/Select.component.d.ts +3 -3
- package/build/components/Select/Select.component.d.ts.map +1 -1
- package/build/components/SelectDivider/SelectDivider.component.d.ts +1 -1
- package/build/components/SelectDivider/SelectDivider.component.d.ts.map +1 -1
- package/build/components/SelectOption/SelectOption.component.d.ts +2 -2
- package/build/components/SelectOption/SelectOption.component.d.ts.map +1 -1
- package/build/components/ShadowRoot/ShadowRoot.component.d.ts +1 -1
- package/build/components/ShadowRoot/ShadowRoot.component.d.ts.map +1 -1
- package/build/components/SideNavigation/SideNavigation.component.d.ts +2 -2
- package/build/components/SideNavigation/SideNavigation.component.d.ts.map +1 -1
- package/build/components/SideNavigationItem/SideNavigationItem.component.d.ts +2 -2
- package/build/components/SideNavigationItem/SideNavigationItem.component.d.ts.map +1 -1
- package/build/components/Spinner/Spinner.component.d.ts +3 -3
- package/build/components/Spinner/Spinner.component.d.ts.map +1 -1
- package/build/components/Stack/Stack.component.d.ts +3 -3
- package/build/components/Stack/Stack.component.d.ts.map +1 -1
- package/build/components/Switch/Switch.component.d.ts +1 -1
- package/build/components/Switch/Switch.component.d.ts.map +1 -1
- package/build/components/TabList/TabList.component.d.ts +1 -1
- package/build/components/TabList/TabList.component.d.ts.map +1 -1
- package/build/components/TabNavigation/TabNavigation.component.d.ts +2 -2
- package/build/components/TabNavigation/TabNavigation.component.d.ts.map +1 -1
- package/build/components/TabNavigationItem/TabNavigationItem.component.d.ts +2 -2
- package/build/components/TabNavigationItem/TabNavigationItem.component.d.ts.map +1 -1
- package/build/components/TabPanel/TabPanel.component.d.ts +2 -1
- package/build/components/TabPanel/TabPanel.component.d.ts.map +1 -1
- package/build/components/TextInput/TextInput.component.d.ts +2 -2
- package/build/components/TextInput/TextInput.component.d.ts.map +1 -1
- package/build/components/Textarea/Textarea.component.d.ts +3 -3
- package/build/components/Textarea/Textarea.component.d.ts.map +1 -1
- package/build/components/ThemeToggle/ThemeToggle.component.d.ts +31 -0
- package/build/components/ThemeToggle/ThemeToggle.component.d.ts.map +1 -0
- package/build/components/ThemeToggle/index.d.ts +2 -0
- package/build/components/ThemeToggle/index.d.ts.map +1 -0
- package/build/components/Toast/Toast.component.d.ts +2 -4
- package/build/components/Toast/Toast.component.d.ts.map +1 -1
- package/build/components/Tooltip/Tooltip.component.d.ts +6 -7
- package/build/components/Tooltip/Tooltip.component.d.ts.map +1 -1
- package/build/components/Tooltip/useTooltip.d.ts +4 -4
- package/build/components/TooltipContent/TooltipContent.component.d.ts +1 -1
- package/build/components/TooltipContent/TooltipContent.component.d.ts.map +1 -1
- package/build/components/TooltipTrigger/TooltipTrigger.component.d.ts +1 -1
- package/build/components/TooltipTrigger/TooltipTrigger.component.d.ts.map +1 -1
- package/build/components/TopNavigation/TopNavigation.component.d.ts +2 -2
- package/build/components/TopNavigation/TopNavigation.component.d.ts.map +1 -1
- package/build/components/TopNavigationItem/TopNavigationItem.component.d.ts +2 -2
- package/build/components/TopNavigationItem/TopNavigationItem.component.d.ts.map +1 -1
- package/build/floating-ui.react-dom-DFre3-Br.js +1 -0
- package/build/headlessui-float-n1IxyQhp.js +15 -0
- package/build/hooks/useEndlessScrollList.d.ts +1 -1
- package/build/hooks/useEndlessScrollList.d.ts.map +1 -1
- package/build/hooks/useEndlessScrollList.js +2 -2
- package/build/index.js +9 -191
- package/package.json +68 -68
- package/build/AppIntro.component-BnwrDrke.js +0 -6
- package/build/AppShell.component-BNckh29Y.js +0 -1
- package/build/AppShellProvider.component-CoGCOuox.js +0 -1
- package/build/ComboBox.component-CVfbabwk.js +0 -115
- package/build/ContentArea.component-VS-3jOgO.js +0 -5
- package/build/ContentArea.js +0 -1
- package/build/ContentAreaToolbar.component-Cr9XddQc.js +0 -8
- package/build/ContentAreaWrapper.component-D6yksmzo.js +0 -7
- package/build/ContentAreaWrapper.js +0 -1
- package/build/ContentContainer.component-wLeOohOT.js +0 -8
- package/build/DateTimePicker.component-BMkIzxY0.js +0 -59
- package/build/FormRow.component-5oxVn9c0.js +0 -3
- package/build/Pagination.component-CHvISPAw.js +0 -109
- package/build/Panel.component-DW6z1JGn.js +0 -35
- package/build/PanelBody.component-ejsCohbW.js +0 -6
- package/build/PanelFooter.component-B3HXAhmg.js +0 -11
- package/build/PortalProvider.component-B2hXHP-c.js +0 -1
- package/build/SelectRow.component-D0F2VY1t.js +0 -1
- package/build/StyleProvider.component-DpOVgdlo.js +0 -1
- package/build/TextInputRow.component-DEWfa_NF.js +0 -1
- package/build/floating-ui.react-dom-Bx8TUz-v.js +0 -1
- package/build/focus-trap-react-QYyPJKV2.js +0 -1
- package/build/headlessui-float-BQHnLFxQ.js +0 -10
- package/build/ibm-plex-BfDpQmIi.js +0 -1
- package/build/withDeprecationWarning.component-fIFVSC34.js +0 -1
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import*as React from"react";import React__default,{useRef,useEffect,useContext,createContext,useState,Fragment,useCallback,useMemo,useLayoutEffect,forwardRef,isValidElement}from"react";import{createPortal}from"react-dom";import{l as l$1,o,v as t,U as U$2,y as y$1,w as T,n,z as s,A as l$2,C,u,g as o$1,p,q as s$1,O,B as v$1,d,E as t$1,s as s$2,b as u$1}from"./keyboard-D0PLkOsr.js";import{u as useFloating$1,i as isElement,c as autoUpdate,d as offset,e as flip,h as shift,j as autoPlacement,k as arrow,l as hide}from"./floating-ui.react-dom-DFre3-Br.js";function f$1(){let a=useRef(!1);return l$1(()=>(a.current=!0,()=>{a.current=!1}),[]),a}function c$1(a){let b=o(a),c=useRef(!1);useEffect(()=>(c.current=!1,()=>{c.current=!0,t(()=>{c.current&&b()})}),[b])}let e=createContext(!1);function a(){return useContext(e)}function F(b){let c=a(),d=useContext(_),f=n(b),[e,g]=useState(()=>{if(!c&&null!==d||s.isServer)return null;let a=null==f?void 0:f.getElementById("headlessui-portal-root");if(a)return a;if(null===f)return null;let b=f.createElement("div");return b.setAttribute("id","headlessui-portal-root"),f.body.appendChild(b)});return useEffect(()=>{null!==e&&(null!=f&&f.body.contains(e)||null==f||f.body.appendChild(e))},[e,f]),useEffect(()=>{c||null!==d&&g(d.current)},[d,g,c]),e}let U$1=Fragment;function N(b,c){let d=useRef(null),e=y$1(T(a=>{d.current=a}),c),a=n(d),g=F(d),[h]=useState(()=>{var b;return s.isServer?null:null==(b=null==a?void 0:a.createElement("div"))?null:b}),j=useContext(f),i=l$2();return l$1(()=>{g&&h&&!g.contains(h)&&(h.setAttribute("data-headlessui-portal",""),g.appendChild(h))},[g,h]),l$1(()=>{if(h&&j)return j.register(h)},[j,h]),c$1(()=>{var a;g&&h&&(h instanceof Node&&g.contains(h)&&g.removeChild(h),0>=g.childNodes.length&&(null==(a=g.parentElement)||a.removeChild(g)))}),i?g&&h?createPortal(C({ourProps:{ref:e},theirProps:b,defaultTag:U$1,name:"Portal"}),h):null:null}let S$1=Fragment,_=createContext(null);function j(a,b){let{target:c,...d}=a,e={ref:y$1(b)};return React__default.createElement(_.Provider,{value:c},C({ourProps:e,theirProps:d,defaultTag:S$1,name:"Popover.Group"}))}let f=createContext(null),D$1=U$2(N),I$1=U$2(j),te=Object.assign(D$1,{Group:I$1});function c(){let b=0<arguments.length&&arguments[0]!==void 0?arguments[0]:0,[a,c]=useState(b),d=f$1(),e=useCallback(a=>{d.current&&c(b=>b|a)},[a,d]),f=useCallback(b=>!!(a&b),[a]),h=useCallback(a=>{d.current&&c(b=>b&~a)},[c,d]),i=useCallback(a=>{d.current&&c(b=>b^a)},[c]);return{flags:a,addFlag:e,hasFlag:f,removeFlag:h,toggleFlag:i}}function l(a){let b={called:!1};return function(){if(!b.called)return b.called=!0,a(...arguments)}}function g(a){for(var b=arguments.length,c=Array(1<b?b-1:0),d=1;d<b;d++)c[d-1]=arguments[d];a&&0<c.length&&a.classList.add(...c)}function v(a){for(var b=arguments.length,c=Array(1<b?b-1:0),d=1;d<b;d++)c[d-1]=arguments[d];a&&0<c.length&&a.classList.remove(...c)}function b(b,c){let d=o$1();if(!b)return d.dispose;let{transitionDuration:e,transitionDelay:f}=getComputedStyle(b),[a,g]=[e,f].map(a=>{let[b=0]=a.split(",").filter(Boolean).map(a=>a.includes("ms")?parseFloat(a):1e3*parseFloat(a)).sort((a,b)=>b-a);return b}),h=a+g;if(0!==h){d.group(a=>{a.setTimeout(()=>{c(),a.dispose()},h),a.addEventListener(b,"transitionrun",b=>{b.target===b.currentTarget&&a.dispose()})});let a=d.addEventListener(b,"transitionend",b=>{b.target===b.currentTarget&&(c(),a())})}else c();return d.add(()=>c()),d.dispose}function M$1(c,d,e,f){let h=e?"enter":"leave",a=o$1(),i=void 0===f?()=>{}:l(f);"enter"==h&&(c.removeAttribute("hidden"),c.style.display="");let j=u(h,{enter:()=>d.enter,leave:()=>d.leave}),k=u(h,{enter:()=>d.enterTo,leave:()=>d.leaveTo}),m=u(h,{enter:()=>d.enterFrom,leave:()=>d.leaveFrom});return v(c,...d.base,...d.enter,...d.enterTo,...d.enterFrom,...d.leave,...d.leaveFrom,...d.leaveTo,...d.entered),g(c,...d.base,...j,...m),a.nextFrame(()=>{v(c,...d.base,...j,...m),g(c,...d.base,...j,...k),b(c,()=>(v(c,...d.base,...j),g(c,...d.base,...d.entered),i()))}),a.dispose}function D(b){let{immediate:f,container:g,direction:h,classes:j,onStart:k,onStop:a}=b,c=f$1(),l=p(),d=s$1(h);l$1(()=>{f&&(d.current="enter")},[f]),l$1(()=>{let b=o$1();l.add(b.dispose);let e=g.current;if(e&&"idle"!==d.current&&c.current)return b.dispose(),k.current(d.current),b.add(M$1(e,j.current,"enter"===d.current,()=>{b.dispose(),a.current(d.current)})),b.dispose},[h])}function S(){let a=0<arguments.length&&arguments[0]!==void 0?arguments[0]:"";return a.split(/\s+/).filter(a=>1<a.length)}let I=createContext(null);I.displayName="TransitionContext";var Se=(a=>(a.Visible="visible",a.Hidden="hidden",a))(Se||{});function ye(){let a=useContext(I);if(null===a)throw new Error("A <Transition.Child /> is used but it is missing a parent <Transition /> or <Transition.Root />.");return a}function xe(){let a=useContext(M);if(null===a)throw new Error("A <Transition.Child /> is used but it is missing a parent <Transition /> or <Transition.Root />.");return a}let M=createContext(null);M.displayName="NestingContext";function U(a){return"children"in a?U(a.children):0<a.current.filter(a=>{let{el:b}=a;return null!==b.current}).filter(a=>{let{state:b}=a;return"visible"===b}).length}function se(a,b){let c=s$1(a),f=useRef([]),e=f$1(),j=p(),k=o(function(b){let d=1<arguments.length&&arguments[1]!==void 0?arguments[1]:v$1.Hidden,g=f.current.findIndex(a=>{let{el:c}=a;return c===b});-1!==g&&(u(d,{[v$1.Unmount](){f.current.splice(g,1)},[v$1.Hidden](){f.current[g].state="hidden"}}),j.microTask(()=>{var a;!U(f)&&e.current&&(null==(a=c.current)||a.call(c))}))}),l=o(b=>{let a=f.current.find(c=>{let{el:d}=c;return d===b});return a?"visible"!==a.state&&(a.state="visible"):f.current.push({el:b,state:"visible"}),()=>k(b,v$1.Unmount)}),m=useRef([]),h=useRef(Promise.resolve()),n=useRef({enter:[],leave:[],idle:[]}),q=o((c,d,e)=>{m.current.splice(0),b&&(b.chains.current[d]=b.chains.current[d].filter(a=>{let[b]=a;return b!==c})),null==b||b.chains.current[d].push([c,new Promise(a=>{m.current.push(a)})]),null==b||b.chains.current[d].push([c,new Promise(a=>{Promise.all(n.current[d].map(a=>{let[b,c]=a;return c})).then(()=>a())})]),"enter"===d?h.current=h.current.then(()=>null==b?void 0:b.wait.current).then(()=>e(d)):e(d)}),g=o((b,c,d)=>{Promise.all(n.current[c].splice(0).map(a=>{let[b,c]=a;return c})).then(()=>{var a;null==(a=m.current.shift())||a()}).then(()=>d(c))});return useMemo(()=>({children:f,register:l,unregister:k,onStart:q,onStop:g,wait:h,chains:n}),[l,k,f,q,g,n,h])}function Ne(){}let Pe$1=["beforeEnter","afterEnter","beforeLeave","afterLeave"];function ae(a){var b;let c={};for(let d of Pe$1)c[d]=null==(b=a[d])?Ne:b;return c}function Re(a){let b=useRef(ae(a));return useEffect(()=>{b.current=ae(a)},[a]),b}let De$1="div",le=O.RenderStrategy;function He(b,m){var n,q;let{beforeEnter:t,afterEnter:r,beforeLeave:s,afterLeave:y,enter:A,enterFrom:p,enterTo:x,entered:h,leave:v,leaveFrom:E,leaveTo:g,...F}=b,i=useRef(null),e=y$1(i,m),a=null==(n=F.unmount)||n?v$1.Unmount:v$1.Hidden,{show:I,appear:f,initial:J}=ye(),[N,l]=useState(I?"visible":"hidden"),j=xe(),{register:z,unregister:L}=j;useEffect(()=>z(i),[z,i]),useEffect(()=>{if(a===v$1.Hidden&&i.current)return I&&"visible"!==N?void l("visible"):u(N,{hidden:()=>L(i),visible:()=>z(i)})},[N,i,z,L,I,a]);let O=s$1({base:S(F.className),enter:S(A),enterFrom:S(p),enterTo:S(x),entered:S(h),leave:S(v),leaveFrom:S(E),leaveTo:S(g)}),k=Re({beforeEnter:t,afterEnter:r,beforeLeave:s,afterLeave:y}),R=l$2();useEffect(()=>{if(R&&"visible"===N&&null===i.current)throw new Error("Did you forget to passthrough the `ref` to the actual DOM node?")},[i,N,R]);let G=f&&I&&J,K=(()=>!R||J&&!f?"idle":I?"enter":"leave")(),T=c(0),H=o(a=>u(a,{enter:()=>{T.addFlag(d.Opening),k.current.beforeEnter()},leave:()=>{T.addFlag(d.Closing),k.current.beforeLeave()},idle:()=>{}})),V=o(a=>u(a,{enter:()=>{T.removeFlag(d.Opening),k.current.afterEnter()},leave:()=>{T.removeFlag(d.Closing),k.current.afterLeave()},idle:()=>{}})),W=se(()=>{l("hidden"),L(i)},j),w=useRef(!1);D({immediate:G,container:i,classes:O,direction:K,onStart:s$1(a=>{w.current=!0,W.onStart(i,a,H)}),onStop:s$1(a=>{w.current=!1,W.onStop(i,a,V),"leave"!==a||U(W)||(l("hidden"),L(i))})});let B=F;return G?B={...B,className:t$1(F.className,...O.current.enter,...O.current.enterFrom)}:w.current&&(B.className=t$1(F.className,null==(q=i.current)?void 0:q.className),""===B.className&&delete B.className),React__default.createElement(M.Provider,{value:W},React__default.createElement(s$2,{value:u(N,{visible:d.Open,hidden:d.Closed})|T.flags},C({ourProps:{ref:e},theirProps:B,defaultTag:De$1,features:le,visible:"visible"===N,name:"Transition.Child"})))}function Fe$1(b,c){let{show:j,appear:l=!1,unmount:m=!0,...k}=b,n=useRef(null),p=y$1(n,c);l$2();let q=u$1();if(void 0===j&&null!==q&&(j=(q&d.Open)===d.Open),![!0,!1].includes(j))throw new Error("A <Transition /> is used but it is missing a `show={true | false}` prop.");let[h,s]=useState(j?"visible":"hidden"),t=se(()=>{s("hidden")}),[g,u]=useState(!0),i=useRef([j]);l$1(()=>{!1!==g&&i.current[i.current.length-1]!==j&&(i.current.push(j),u(!1))},[i,j]);let e=useMemo(()=>({show:j,appear:l,initial:g}),[j,l,g]);useEffect(()=>{if(j)s("visible");else if(!U(t))s("hidden");else{let a=n.current;if(!a)return;let b=a.getBoundingClientRect();0===b.x&&0===b.y&&0===b.width&&0===b.height&&s("hidden")}},[j,t]);let a={unmount:m},v=o(()=>{var a;g&&u(!1),null==(a=b.beforeEnter)||a.call(b)}),f=o(()=>{var a;g&&u(!1),null==(a=b.beforeLeave)||a.call(b)});return React__default.createElement(M.Provider,{value:t},React__default.createElement(I.Provider,{value:e},C({ourProps:{...a,as:Fragment,children:React__default.createElement(ue,{ref:p,...a,...k,beforeEnter:v,beforeLeave:f})},theirProps:{},defaultTag:Fragment,features:le,visible:"visible"===h,name:"Transition"})))}function _e(a,b){let c=null!==useContext(I),d=null!==u$1();return React__default.createElement(React__default.Fragment,null,!c&&d?React__default.createElement(q,{ref:b,...a}):React__default.createElement(ue,{ref:b,...a}))}let q=U$2(Fe$1),ue=U$2(He),Le=U$2(_e),qe=Object.assign(q,{Child:Le,Root:q});const SafeReact={...React},useInsertionEffect=SafeReact.useInsertionEffect,useSafeInsertionEffect=useInsertionEffect||(a=>a());function useEffectEvent(a){const b=React.useRef(()=>{if("production"!==process.env.NODE_ENV)throw new Error("Cannot call an event handler while rendering.")});return useSafeInsertionEffect(()=>{b.current=a}),React.useCallback(function(){for(var a=arguments.length,c=Array(a),d=0;d<a;d++)c[d]=arguments[d];return null==b.current?void 0:b.current(...c)},[])}var index="undefined"==typeof document?useEffect:useLayoutEffect;let serverHandoffComplete=!1,count=0;const genId=()=>"floating-ui-"+Math.random().toString(36).slice(2,6)+count++;function useFloatingId(){const[a,b]=React.useState(()=>serverHandoffComplete?genId():void 0);return index(()=>{null==a&&b(genId())},[]),React.useEffect(()=>{serverHandoffComplete=!0},[]),a}const useReactId=SafeReact.useId,useId=useReactId||useFloatingId;let devMessageSet;"production"!==process.env.NODE_ENV&&(devMessageSet=new Set);function error(){for(var a,b=arguments.length,c=Array(b),d=0;d<b;d++)c[d]=arguments[d];const e="Floating UI: "+c.join(" ");if(!(null!=(a=devMessageSet)&&a.has(e))){var f;null==(f=devMessageSet)||f.add(e),console.error(e)}}function createPubSub(){const a=new Map;return{emit(b,c){var d;null==(d=a.get(b))||d.forEach(a=>a(c))},on(b,c){a.set(b,[...(a.get(b)||[]),c])},off(b,c){var d;a.set(b,(null==(d=a.get(b))?void 0:d.filter(a=>a!==c))||[])}}}const FloatingNodeContext=React.createContext(null),FloatingTreeContext=React.createContext(null),useFloatingParentNodeId=()=>{var a;return(null==(a=React.useContext(FloatingNodeContext))?void 0:a.id)||null},useFloatingTree=()=>React.useContext(FloatingTreeContext);function useFloatingRootContext(a){const{open:d=!1,onOpenChange:b,elements:c}=a,e=useId(),f=React.useRef({}),[g]=React.useState(()=>createPubSub()),h=null!=useFloatingParentNodeId();if("production"!==process.env.NODE_ENV){const a=c.reference;a&&!isElement(a)&&error("Cannot pass a virtual element to the `elements.reference` option,","as it must be a real DOM element. Use `refs.setPositionReference()`","instead.")}const[i,j]=React.useState(c.reference),k=useEffectEvent((a,c,d)=>{f.current.openEvent=a?c:void 0,g.emit("openchange",{open:a,event:c,reason:d,nested:h}),null==b||b(a,c,d)}),l=React.useMemo(()=>({setPositionReference:j}),[]),m=React.useMemo(()=>({reference:i||c.reference||null,floating:c.floating||null,domReference:c.reference}),[i,c.reference,c.floating]);return React.useMemo(()=>({dataRef:f,open:d,onOpenChange:k,elements:m,events:g,floatingId:e,refs:l}),[d,k,m,g,e,l])}function useFloating(a){void 0===a&&(a={});const{nodeId:b}=a,c=useFloatingRootContext({...a,elements:{reference:null,floating:null,...a.elements}}),d=a.rootContext||c,e=d.elements,[f,g]=React.useState(null),[h,i]=React.useState(null),j=null==e?void 0:e.domReference,k=j||f,l=React.useRef(null),m=useFloatingTree();index(()=>{k&&(l.current=k)},[k]);const n=useFloating$1({...a,elements:{...e,...(h&&{reference:h})}}),o=React.useCallback(a=>{const b=isElement(a)?{getBoundingClientRect:()=>a.getBoundingClientRect(),contextElement:a}:a;i(b),n.refs.setReference(b)},[n.refs]),p=React.useCallback(a=>{(isElement(a)||null===a)&&(l.current=a,g(a)),(isElement(n.refs.reference.current)||null===n.refs.reference.current||null!==a&&!isElement(a))&&n.refs.setReference(a)},[n.refs]),q=React.useMemo(()=>({...n.refs,setReference:p,setPositionReference:o,domReference:l}),[n.refs,p,o]),r=React.useMemo(()=>({...n.elements,domReference:k}),[n.elements,k]),s=React.useMemo(()=>({...n,...d,refs:q,elements:r,nodeId:b}),[n,q,r,b,d]);return index(()=>{d.dataRef.current.floatingContext=s;const a=null==m?void 0:m.nodesRef.current.find(a=>a.id===b);a&&(a.context=s)}),React.useMemo(()=>({...n,context:s,refs:q,elements:r}),[n,q,r,s])}var et,Vt=Object.defineProperty,Nt=(a,b,c)=>b in a?Vt(a,b,{enumerable:!0,configurable:!0,writable:!0,value:c}):a[b]=c,Pe=(a,b,c)=>Nt(a,"symbol"==typeof b?b:b+"",c),Fe={exports:{}},re={};function rr(){function a(a,h,i){var j,k={},l=null,m=null;for(j in void 0!==i&&(l=""+i),void 0!==h.key&&(l=""+h.key),void 0!==h.ref&&(m=h.ref),h)b.call(h,j)&&!g.hasOwnProperty(j)&&(k[j]=h[j]);if(a&&a.defaultProps)for(j in h=a.defaultProps,h)void 0===k[j]&&(k[j]=h[j]);return{$$typeof:c,type:a,key:l,ref:m,props:k,_owner:e.current}}if(et)return re;et=1;var c=Symbol.for("react.element"),b=Object.prototype.hasOwnProperty,e=React__default.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner,g={key:!0,ref:!0,__self:!0,__source:!0};return re.Fragment=Symbol.for("react.fragment"),re.jsx=a,re.jsxs=a,re}var tt,ne={};function nr(){return tt||(tt=1,"production"!==process.env.NODE_ENV&&function(){function a(a){if(null===a||"object"!=typeof a)return null;var c=b&&a[b]||a["@@iterator"];return"function"==typeof c?c:null}function j(b){{for(var d=arguments.length,e=Array(1<d?d-1:0),a=1;a<d;a++)e[a-1]=arguments[a];h("error",b,e)}}function h(b,d,e){{var f=E.ReactDebugCurrentFrame,c=f.getStackAddendum();""!==c&&(d+="%s",e=e.concat([c]));var g=e.map(function(a){return a+""});g.unshift("Warning: "+d),Function.prototype.apply.call(console[b],console,g)}}function t(a){return!!("string"==typeof a||"function"==typeof a||a===n||a===s||!1||a===r||a===d||a===w||!1||a===R||!1||!1||!1||"object"==typeof a&&null!==a&&(a.$$typeof===v||a.$$typeof===f||a.$$typeof===l||a.$$typeof===u||a.$$typeof===g||a.$$typeof===ca||void 0!==a.getModuleId))}function k(b,d,e){var a=b.displayName;if(a)return a;var c=d.displayName||d.name||"";return""===c?e:e+"("+c+")"}function q(a){return a.displayName||"Context"}function y(b){if(null==b)return null;if("number"==typeof b.tag&&j("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."),"function"==typeof b)return b.displayName||b.name||null;if("string"==typeof b)return b;switch(b){case n:return"Fragment";case o:return"Portal";case s:return"Profiler";case r:return"StrictMode";case d:return"Suspense";case w:return"SuspenseList"}if("object"==typeof b)switch(b.$$typeof){case u:var e=b;return q(e)+".Consumer";case l:var h=b;return q(h._context)+".Provider";case g:return k(b,b.render,"ForwardRef");case f:var a=b.displayName||null;return null===a?y(b.type)||"Memo":a;case v:{var c=b,i=c._payload,p=c._init;try{return y(p(i))}catch{return null}}}return null}function c(){}function A(){{if(0===M){D=console.log,ea=console.info,fa=console.warn,ga=console.error,ha=console.group,ia=console.groupCollapsed,ja=console.groupEnd;var a={configurable:!0,enumerable:!0,value:c,writable:!0};Object.defineProperties(console,{info:a,log:a,warn:a,error:a,group:a,groupCollapsed:a,groupEnd:a})}M++}}function e(){{if(M--,0==M){var a={configurable:!0,enumerable:!0,writable:!0};Object.defineProperties(console,{log:ka({},a,{value:D}),info:ka({},a,{value:ea}),warn:ka({},a,{value:fa}),error:ka({},a,{value:ga}),group:ka({},a,{value:ha}),groupCollapsed:ka({},a,{value:ia}),groupEnd:ka({},a,{value:ja})})}0>M&&j("disabledDepth fell below zero. This is a bug in React. Please file an issue.")}}function B(b,d,e){{if(void 0===la)try{throw Error()}catch(b){var a=b.stack.trim().match(/\n( *(at )?)/);la=a&&a[1]||""}return`
|
|
2
|
+
`+la+b}}function m(b,d){if(!b||oa)return"";{var f=ma.get(b);if(void 0!==f)return f}var a;oa=!0;var g=Error.prepareStackTrace;Error.prepareStackTrace=void 0;var i;i=na.current,na.current=null,A();try{if(d){var j=function(){throw Error()};if(Object.defineProperty(j.prototype,"props",{set:function(){throw Error()}}),"object"==typeof Reflect&&Reflect.construct){try{Reflect.construct(j,[])}catch(b){a=b}Reflect.construct(b,[],j)}else{try{j.call()}catch(b){a=b}b.call(j.prototype)}}else{try{throw Error()}catch(b){a=b}b()}}catch(c){if(c&&a&&"string"==typeof c.stack){for(var l=c.stack.split(`
|
|
3
|
+
`),h=a.stack.split(`
|
|
4
|
+
`),m=l.length-1,n=h.length-1;1<=m&&0<=n&&l[m]!==h[n];)n--;for(;1<=m&&0<=n;m--,n--)if(l[m]!==h[n]){if(1!==m||1!==n)do if(m--,n--,0>n||l[m]!==h[n]){var k=`
|
|
5
|
+
`+l[m].replace(" at new "," at ");return b.displayName&&k.includes("<anonymous>")&&(k=k.replace("<anonymous>",b.displayName)),"function"==typeof b&&ma.set(b,k),k}while(1<=m&&0<=n);break}}}finally{oa=!1,na.current=i,e(),Error.prepareStackTrace=g}var o=b?b.displayName||b.name:"",p=o?B(o):"";return"function"==typeof b&&ma.set(b,p),p}function C(b,c,d){return m(b,!1)}function F(a){var b=a.prototype;return!!(b&&b.isReactComponent)}function H(b,e,h){if(null==b)return"";if("function"==typeof b)return m(b,F(b));if("string"==typeof b)return B(b);switch(b){case d:return B("Suspense");case w:return B("SuspenseList")}if("object"==typeof b)switch(b.$$typeof){case g:return C(b.render);case f:return H(b.type,e,h);case v:{var a=b,c=a._payload,i=a._init;try{return H(i(c),e,h)}catch{}}}return""}function x(b){if(b){var c=b._owner,d=H(b.type,b._source,c?c.type:null);va.setExtraStackFrame(d)}else va.setExtraStackFrame(null)}function p(b,d,e,a,c){{var f=Function.call.bind(ta);for(var g in b)if(f(b,g)){var i=void 0;try{if("function"!=typeof b[g]){var k=Error((a||"React class")+": "+e+" type `"+g+"` is invalid; it must be a function, usually from the `prop-types` package, but received `"+typeof b[g]+"`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");throw k.name="Invariant Violation",k}i=b[g](d,g,a,e,null,"SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED")}catch(a){i=a}i&&!(i instanceof Error)&&(x(c),j("%s: type specification of %s `%s` is invalid; the type checker function must return `null` or an `Error` but returned a %s. You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument).",a||"React class",e,g,typeof i),x(null)),i instanceof Error&&!(i.message in ua)&&(ua[i.message]=!0,x(c),j("Failed %s type: %s",e,i.message),x(null))}}}function J(a){return wa(a)}function i(b){{var c="function"==typeof Symbol&&Symbol.toStringTag,d=c&&b[Symbol.toStringTag]||b.constructor.name||"Object";return d}}function I(a){try{return K(a),!1}catch{return!0}}function K(a){return""+a}function L(a){if(I(a))return j("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.",i(a)),K(a)}function N(a){if(ta.call(a,"ref")){var b=Object.getOwnPropertyDescriptor(a,"ref").get;if(b&&b.isReactWarning)return!1}return void 0!==a.ref}function O(a){if(ta.call(a,"key")){var b=Object.getOwnPropertyDescriptor(a,"key").get;if(b&&b.isReactWarning)return!1}return void 0!==a.key}function P(b,c){if("string"==typeof b.ref&&xa.current&&c&&xa.current.stateNode!==c){var d=y(xa.current.type);sa[d]||(j("Component \"%s\" contains the string ref \"%s\". Support for string refs will be removed in a future major release. This case cannot be automatically converted to an arrow function. We ask you to manually fix this case by using useRef() or createRef() instead. Learn more about using refs safely here: https://reactjs.org/link/strict-mode-string-ref",y(xa.current.type),b.ref),sa[d]=!0)}}function Q(b,c){{var d=function(){qa||(qa=!0,j("%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)",c))};d.isReactWarning=!0,Object.defineProperty(b,"key",{get:d,configurable:!0})}}function S(b,c){{var d=function(){ra||(ra=!0,j("%s: `ref` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)",c))};d.isReactWarning=!0,Object.defineProperty(b,"ref",{get:d,configurable:!0})}}function V(b,d,e,a,c){{var f,g={},i=null,j=null;for(f in void 0!==e&&(L(e),i=""+e),O(d)&&(L(d.key),i=""+d.key),N(d)&&(j=d.ref,P(d,c)),d)ta.call(d,f)&&!ya.hasOwnProperty(f)&&(g[f]=d[f]);if(b&&b.defaultProps){var k=b.defaultProps;for(f in k)void 0===g[f]&&(g[f]=k[f])}if(i||j){var l="function"==typeof b?b.displayName||b.name||"Unknown":b;i&&Q(g,l),j&&S(g,l)}return Aa(b,i,j,c,a,xa.current,g)}}function T(b){if(b){var c=b._owner,d=H(b.type,b._source,c?c.type:null);Ca.setExtraStackFrame(d)}else Ca.setExtraStackFrame(null)}function U(a){return"object"==typeof a&&null!==a&&a.$$typeof===da}function W(){{if(Ba.current){var a=y(Ba.current.type);if(a)return`
|
|
6
|
+
|
|
7
|
+
Check the render method of \``+a+"`."}return""}}function X(a){return""}function Y(b){{var c=W();if(!c){var d="string"==typeof b?b:b.displayName||b.name;d&&(c=`
|
|
8
|
+
|
|
9
|
+
Check the top-level render call using <`+d+">.")}return c}}function Z(b,d){{if(!b._store||b._store.validated||null!=b.key)return;b._store.validated=!0;var e=Y(d);if(Da[e])return;Da[e]=!0;var a="";b&&b._owner&&b._owner!==Ba.current&&(a=" It was passed a child from "+y(b._owner.type)+"."),T(b),j("Each child in a list should have a unique \"key\" prop.%s%s See https://reactjs.org/link/warning-keys for more information.",e,a),T(null)}}function $(b,d){{if("object"!=typeof b)return;if(J(b))for(var e,f=0;f<b.length;f++)e=b[f],U(e)&&Z(e,d);else if(U(b))b._store&&(b._store.validated=!0);else if(b){var g=a(b);if("function"==typeof g&&g!==b.entries)for(var h,i=g.call(b);!(h=i.next()).done;)U(h.value)&&Z(h.value,d)}}}function _(b){{var d=b.type;if(null==d||"string"==typeof d)return;var e;if("function"==typeof d)e=d.propTypes;else if("object"==typeof d&&(d.$$typeof===g||d.$$typeof===f))e=d.propTypes;else return;if(e){var h=y(d);p(e,b.props,"prop",h,b)}else if(void 0!==d.PropTypes&&!za){za=!0;var c=y(d);j("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?",c||"Unknown")}"function"!=typeof d.getDefaultProps||d.getDefaultProps.isReactClassApproved||j("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.")}}function aa(b){{for(var d,e=Object.keys(b.props),f=0;f<e.length;f++)if(d=e[f],"children"!==d&&"key"!==d){T(b),j("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.",d),T(null);break}null!==b.ref&&(T(b),j("Invalid attribute `ref` supplied to `React.Fragment`."),T(null))}}function ba(b,d,e,a,c,f){{var g=t(b);if(!g){var i="";(void 0===b||"object"==typeof b&&null!==b&&0===Object.keys(b).length)&&(i+=" You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports.");var l=X();i+=l?l:W();var m;null===b?m="null":J(b)?m="array":void 0!==b&&b.$$typeof===da?(m="<"+(y(b.type)||"Unknown")+" />",i=" Did you accidentally export a JSX literal instead of a component?"):m=typeof b,j("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s",m,i)}var o=V(b,d,e,c,f);if(null==o)return o;if(g){var p=d.children;if(void 0!==p)if(!a)$(p,b);else if(J(p)){for(var r=0;r<p.length;r++)$(p[r],b);Object.freeze&&Object.freeze(p)}else j("React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead.")}if(ta.call(d,"key")){var s=y(b),u=Object.keys(d).filter(function(a){return"key"!==a}),k=0<u.length?"{key: someKey, "+u.join(": ..., ")+": ...}":"{key: someKey}";if(!Ea[s+k]){var v=0<u.length?"{"+u.join(": ..., ")+": ...}":"{}";j(`A props object containing a "key" prop is being spread into JSX:
|
|
10
|
+
let props = %s;
|
|
11
|
+
<%s {...props} />
|
|
12
|
+
React keys must be passed directly to JSX without using spread:
|
|
13
|
+
let props = %s;
|
|
14
|
+
<%s key={someKey} {...props} />`,k,s,v,s),Ea[s+k]=!0}}return b===n?aa(o):_(o),o}}var ca,da=Symbol.for("react.element"),o=Symbol.for("react.portal"),n=Symbol.for("react.fragment"),r=Symbol.for("react.strict_mode"),s=Symbol.for("react.profiler"),l=Symbol.for("react.provider"),u=Symbol.for("react.context"),g=Symbol.for("react.forward_ref"),d=Symbol.for("react.suspense"),w=Symbol.for("react.suspense_list"),f=Symbol.for("react.memo"),v=Symbol.for("react.lazy"),R=Symbol.for("react.offscreen"),b=Symbol.iterator,E=React__default.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;ca=Symbol.for("react.module.reference");var D,ea,fa,ga,ha,ia,ja,ka=Object.assign,M=0;c.__reactDisabledLog=!0;var la,ma,na=E.ReactCurrentDispatcher,oa=!1;{var pa="function"==typeof WeakMap?WeakMap:Map;ma=new pa}var qa,ra,sa,ta=Object.prototype.hasOwnProperty,ua={},va=E.ReactDebugCurrentFrame,wa=Array.isArray,xa=E.ReactCurrentOwner,ya={key:!0,ref:!0,__self:!0,__source:!0};sa={};var za,Aa=function(b,d,e,a,c,f,g){var i={$$typeof:da,type:b,key:d,ref:e,props:g,_owner:f};return i._store={},Object.defineProperty(i._store,"validated",{configurable:!1,enumerable:!1,writable:!0,value:!1}),Object.defineProperty(i,"_self",{configurable:!1,enumerable:!1,writable:!1,value:a}),Object.defineProperty(i,"_source",{configurable:!1,enumerable:!1,writable:!1,value:c}),Object.freeze&&(Object.freeze(i.props),Object.freeze(i)),i},Ba=E.ReactCurrentOwner,Ca=E.ReactDebugCurrentFrame;za=!1;var Da={},Ea={};ne.Fragment=n,ne.jsx=function a(b,c,d){return ba(b,c,d,!1)},ne.jsxs=function a(b,c,d){return ba(b,c,d,!0)}}()),ne}Fe.exports="production"===process.env.NODE_ENV?rr():nr();var y=Fe.exports;function ir(a){return"u"<typeof window?1:(a.ownerDocument.defaultView||window).devicePixelRatio||1}function rt(a,b){const c=ir(a);return Math.round(b*c)/c}class or{constructor(){Pe(this,"current",this.detect()),Pe(this,"currentId",0)}set(a){this.current!==a&&(this.currentId=0,this.current=a)}reset(){this.set(this.detect())}nextId(){return++this.currentId}get isServer(){return"server"===this.current}get isClient(){return"client"===this.current}detect(){return"u"<typeof window||"u"<typeof document?"server":"client"}}const ie=new or,ot=(a,b)=>{ie.isServer?useEffect(a,b):useLayoutEffect(a,b)},Oe={serverHandoffComplete:!1};function ar(){const[a,b]=useState(Oe.serverHandoffComplete);return useEffect(()=>{!0!==a&&b(!0)},[a]),useEffect(()=>{!1===Oe.serverHandoffComplete&&(Oe.serverHandoffComplete=!0)},[]),a}const sr=React__default.useId??function(){const a=ar(),[b,c]=React__default.useState(a?()=>ie.nextId():null);return ot(()=>{null===b&&c(ie.nextId())},[b]),null==b?void 0:`${b}`};function ur(a,b,c,d){useEffect(()=>{const e=[];("number"==typeof d.offset||"object"==typeof d.offset||"function"==typeof d.offset)&&e.push(offset(d.offset)),(!0===d.flip||"number"==typeof d.flip||"object"==typeof d.flip)&&e.push(flip({padding:"number"==typeof d.flip?d.flip:void 0,...("object"==typeof d.flip?d.flip:{})})),(!0===d.shift||"number"==typeof d.shift||"object"==typeof d.shift)&&e.push(shift({padding:"number"==typeof d.shift?d.shift:void 0,...("object"==typeof d.shift?d.shift:{})})),(!0===d.autoPlacement||"object"==typeof d.autoPlacement)&&e.push(autoPlacement("object"==typeof d.autoPlacement?d.autoPlacement:void 0)),e.push(...("function"==typeof d.middleware?d.middleware({referenceEl:b.reference,floatingEl:b.floating}):d.middleware||[])),(!0===d.arrow||"number"==typeof d.arrow)&&e.push(arrow({element:c,padding:!0===d.arrow?0:d.arrow})),(!0===d.hide||"object"==typeof d.hide||Array.isArray(d.hide))&&(Array.isArray(d.hide)?d.hide:[d.hide]).forEach(a=>{e.push(hide("object"==typeof a?a:void 0))}),a(e)},[d.offset,d.shift,d.flip,d.arrow,d.autoPlacement,d.hide,d.middleware])}function cr(a,b,c){useEffect(()=>{if(a&&ie.isClient&&"u">typeof ResizeObserver&&b.current&&b.current instanceof Element){const a=new ResizeObserver(a=>{let[b]=a;const d=b.borderBoxSize.reduce((a,b)=>{let{inlineSize:c}=b;return a+c},0);c(d)});return a.observe(b.current),()=>{a.disconnect(),c(null)}}},[])}const lr=a=>"top"===a?"origin-bottom":"bottom"===a?"origin-top":"left"===a?"origin-right":"right"===a?"origin-left":"top-start"===a||"right-end"===a?"origin-bottom-left":"top-end"===a||"left-end"===a?"origin-bottom-right":"right-start"===a||"bottom-start"===a?"origin-top-left":"left-start"===a||"bottom-end"===a?"origin-top-right":"origin-center";function fr(a,b){return useMemo(()=>"function"==typeof a.originClass?a.originClass(b):"string"==typeof a.originClass?a.originClass:a.tailwindcssOriginClass?lr(b):"",[b,a.originClass,a.tailwindcssOriginClass])}function at(a,b){if(a in b){const f=b[a];for(var c=arguments.length,d=Array(2<c?c-2:0),e=2;e<c;e++)d[e-2]=arguments[e];return"function"==typeof f?f(...d):f}const f=new Error(`Tried to handle "${a}" but there is no handler defined. Only defined handlers are: ${Object.keys(b).map(a=>`"${a}"`).join(", ")}.`);throw Error.captureStackTrace&&Error.captureStackTrace(f,at),f}function st(a){return ie.isServer?null:a instanceof Node?a.ownerDocument:a&&Object.prototype.hasOwnProperty.call(a,"current")&&a.current instanceof Node?a.current.ownerDocument:document}const nt=["[contentEditable=true]","[tabindex]","a[href]","area[href]","button:not([disabled])","iframe","input:not([disabled])","select:not([disabled])","textarea:not([disabled])"].map("test"===process.env.NODE_ENV?a=>`${a}:not([tabindex='-1']):not([style*='display: none'])`:a=>`${a}:not([tabindex='-1'])`).join(",");var ut=(a=>(a[a.Strict=0]="Strict",a[a.Loose=1]="Loose",a))(ut||{});function dr(a){let b=1<arguments.length&&arguments[1]!==void 0?arguments[1]:0;var c;return a!==(null==(c=st(a))?void 0:c.body)&&at(b,{0(){return a.matches(nt)},1(){for(let b=a;null!==b;){if(b.matches(nt))return!0;b=b.parentElement}return!1}})}function vr(a){const b=useRef(a);return ot(()=>{b.current=a},[a]),b}function $(a,b,c){const d=vr(b);useEffect(()=>{function b(a){d.current(a)}return document.addEventListener(a,b,c),()=>document.removeEventListener(a,b,c)},[a,c])}function hr(a,b){function c(c,f){if(e.current&&!c.defaultPrevented){const e=function b(a){return"function"==typeof a?b(a()):Array.isArray(a)||a instanceof Set?a:[a]}(a),d=f(c);if(null!==d&&d.getRootNode().contains(d)){for(const a of e){if(null===a)continue;const b=a instanceof HTMLElement?a:a.current;if(null!=b&&b.contains(d)||c.composed&&c.composedPath().includes(b))return}return(!dr(d,ut.Loose)&&-1!==d.tabIndex&&c.preventDefault(),b(c,d))}}}let d=!(2<arguments.length&&arguments[2]!==void 0)||arguments[2];const e=useRef(!1);useEffect("test"===process.env.NODE_ENV?()=>{e.current=d}:()=>{requestAnimationFrame(()=>{e.current=d})},[d]);const f=useRef(null);$("mousedown",a=>{var b,c;e.current&&(f.current=(null==(c=null==(b=a.composedPath)?void 0:b.call(a))?void 0:c[0])||a.target)},!0),$("click",a=>{f.current&&(c(a,()=>f.current),f.current=null)},!0),$("blur",a=>c(a,()=>window.document.activeElement instanceof HTMLIFrameElement?window.document.activeElement:null),!0)}const de=new Map,De=createContext(null);De.displayName="ReferenceContext";const Ie=createContext(null);Ie.displayName="FloatingContext";const oe=createContext(null);oe.displayName="ArrowContext";function ct(a){const b=useContext(De);if(null===b){const b=new Error(`<${a} /> is missing a parent <Float /> component.`);throw Error.captureStackTrace&&Error.captureStackTrace(b,ct),b}return b}function lt(a){const b=useContext(Ie);if(null===b){const b=new Error(`<${a} /> is missing a parent <Float /> component.`);throw Error.captureStackTrace&&Error.captureStackTrace(b,lt),b}return b}function ft(a){const b=useContext(oe);if(null===b){const b=new Error(`<${a} /> is missing a parent <Float /> component.`);throw Error.captureStackTrace&&Error.captureStackTrace(b,ft),b}return b}function dt(a,b,c,d){let{key:e,...f}=c;const{referenceRef:h}=d,i=b;if(i.as===Fragment)return y.jsx(a.type,{...a.props,...f,ref:h},e);const j=i.as||"div";return y.jsx(j,{...f,ref:h,children:y.jsx(a.type,{...a.props})},e)}function $e(a,c,e,h){function i(a){return b.portal?p.current?y.jsx(te,{children:a}):y.jsx(Fragment,{}):a}function j(a){const c={...v,...n,ref:o};if(a.type===Fragment)return y.jsx(Fragment,{});if(b.as===Fragment)return y.jsx(a.type,{...a.props,...c},m);const d=b.as||"div";return y.jsx(d,{...c,children:y.jsx(a.type,{...a.props})},m)}function k(){return p.current?b.transitionChild?y.jsx(qe.Child,{as:Fragment,...u,children:y.jsx(a.type,{...a.props})}):y.jsx(qe,{as:Fragment,...u,children:y.jsx(a.type,{...a.props})}):y.jsx(Fragment,{})}let{key:m,...n}=e;const{floatingRef:o,props:l,mounted:p,setShow:g,referenceHidden:d,escaped:q,placement:f,floatingStyles:r,referenceElWidth:s}=h,b={...l,...c},t=fr(b,f),u={show:!!p.current&&b.show,unmount:!1!==a.props.unmount&&void 0,enter:`${b.enter||""} ${t}`,enterFrom:`${b.enterFrom||""}`,enterTo:`${b.enterTo||""}`,leave:`${b.leave||""} ${t}`,leaveFrom:`${b.leaveFrom||""}`,leaveTo:`${b.leaveTo||""}`,beforeEnter:()=>{g(!0)},afterLeave:()=>{g(!1)}},v={className:[d?b.referenceHiddenClass:void 0,q?b.escapedClass:void 0].filter(a=>!!a).join(" "),style:{...r,zIndex:b.zIndex||9999}};if(b.adaptiveWidth&&"number"==typeof s){const a={attribute:"width",...("object"==typeof b.adaptiveWidth?b.adaptiveWidth:{})};v.style[a.attribute]=`${s}px`}return i(j(k()))}function vt(a,c){let[e,h]=a;var i,k;const m=sr(),n=useRef(!1),[o,l]=useState(),[p,g]=useState(void 0),[d,q]=useState(void 0),f=useRef(null),r=useMemo(()=>({show:c.onShow||(()=>{}),hide:c.onHide||(()=>{}),update:c.onUpdate||(()=>{})}),[c.onShow,c.onHide,c.onUpdate]),{placement:s,update:b,refs:t,floatingStyles:u,isPositioned:v,middlewareData:w}=useFloating({placement:c.placement||"bottom-start",strategy:c.strategy,middleware:o,transform:!c.dialog&&(c.transform??!1)}),[x,y]=useState(null);useEffect(()=>{n.current=!0},[]),useEffect(()=>{e&&!de.get(m)?(de.set(m,!0),r.show()):!e&&de.get(m)&&(de.delete(m),r.hide())},[e]);const z=useCallback(()=>{b(),r.update()},[b,r]);useEffect(z,[c.placement,c.strategy,o]),ur(l,t,f,c),useEffect(()=>{var a,b;(!0===c.hide||"object"==typeof c.hide||Array.isArray(c.hide))&&(g((null==(a=w.hide)?void 0:a.referenceHidden)||!v),q(null==(b=w.hide)?void 0:b.escaped))},[w,c.hide,v]),cr(!!c.adaptiveWidth,t.reference,y),useEffect(()=>{if(t.reference.current&&t.floating.current&&e)return!1===c.autoUpdate?()=>{}:autoUpdate(t.reference.current,t.floating.current,z,"object"==typeof c.autoUpdate?c.autoUpdate:void 0)},[e,z,t]);const j=useRef(!0);useEffect(()=>{!(t.reference.current instanceof Element)&&t.reference.current&&t.floating.current&&j.current&&(j.current=!1,z(),window.requestAnimationFrame(()=>{j.current=!0,z()}))},[t]);const A={referenceRef:t.setReference,placement:s},B={floatingRef:t.setFloating,props:c,mounted:n,setShow:h,referenceHidden:p,escaped:d,placement:s,floatingStyles:u,referenceElWidth:x},C={arrowRef:f,placement:s,x:null==(i=w.arrow)?void 0:i.x,y:null==(k=w.arrow)?void 0:k.y};return{referenceApi:A,floatingApi:B,arrowApi:C,placement:s,update:z,refs:t,middlewareData:w}}const ht=forwardRef((a,c)=>{function e(b){if(a.as===Fragment||!a.as)return y.jsx(Fragment,{children:b});const d=a.as;return y.jsx(d,{ref:c,className:a.className,children:b})}const[h,i]=useState(a.show??!1),{referenceApi:j,floatingApi:k,arrowApi:l,placement:m}=vt([h,i],a),g={placement:m},[d,n]="function"==typeof a.children?a.children(g):a.children;if(!isValidElement(d))return console.warn("<Float /> is missing a reference and floating element."),y.jsx(Fragment,{});if(a.composable||a.dialog)return e(y.jsx(De.Provider,{value:j,children:y.jsx(Ie.Provider,{value:k,children:y.jsx(oe.Provider,{value:l,children:"function"==typeof a.children?a.children(g):a.children})})},"FloatingNode"));const f=dt(d,{as:Fragment},{key:"reference-node"},j),o=$e(n,{as:a.floatingAs||"div"},{},k);return e([f,y.jsx(oe.Provider,{value:l,children:o},"floating-node")])});ht.displayName="Float";function gr(a){if(!a.children)return y.jsx(Fragment,{});const b=useMemo(()=>{const{as:b,children:c,...d}=a;return d},[a]),c=ct("Float.Reference"),{placement:d}=c,e={placement:d};return dt("function"==typeof a.children?a.children(e):a.children,{...a,as:a.as||Fragment},b,c)}function mr(a){if(!a.children)return y.jsx(Fragment,{});const b=useMemo(()=>{const{as:c,enter:e,enterFrom:h,enterTo:g,leave:d,leaveFrom:i,leaveTo:f,originClass:j,tailwindcssOriginClass:k,transitionChild:b,children:l,...m}=a;return m},[a]),c=lt("Float.Content"),{placement:d}=c,e={placement:d};return $e("function"==typeof a.children?a.children(e):a.children,{...a,as:a.as||"div"},b,c)}function yr(a){const{arrowRef:b,placement:c,x:e,y:f}=ft("Float.Arrow"),h=useMemo(()=>{const{as:b,offset:c,children:d,...e}=a;return e},[a]),i={top:"bottom",right:"left",bottom:"top",left:"right"}[c.split("-")[0]],j={left:b.current&&"number"==typeof e?`${rt(b.current,e)}px`:void 0,top:b.current&&"number"==typeof f?`${rt(b.current,f)}px`:void 0,right:void 0,bottom:void 0,[i]:`${-1*(a.offset??4)}px`,...h.style};if(a.as===Fragment){const d={placement:c},e="function"==typeof a.children?a.children(d):a.children;return e&&isValidElement(e)?y.jsx(e.type,{...e.props,ref:b,style:j}):y.jsx(Fragment,{})}const g=a.as||"div";return y.jsx(g,{ref:b,...h,style:j,children:a.children})}function We(a){function b(){h&&i(!1)}let{onInitial:c,children:e,...f}=a;const[h,i]=useState(f.show??!1),j=useMemo(()=>{const{as:a,show:b,placement:c,strategy:d,offset:e,shift:g,flip:h,arrow:i,autoPlacement:k,autoUpdate:j,zIndex:l,enter:m,enterFrom:n,enterTo:o,leave:p,leaveFrom:q,leaveTo:r,originClass:s,tailwindcssOriginClass:t,portal:u,transform:v,middleware:w,onShow:x,onHide:y,onUpdate:z,...A}=f;return A},[f]),{floatingApi:k,arrowApi:l,placement:g,refs:d}=vt([h,i],f);if(useEffect(()=>{i(f.show??!1)},[f.show]),c({show:h,setShow:i,placement:g,refs:d}),!e)return y.jsx(Fragment,{});const m=$e("function"==typeof e?e({placement:g,close:b}):e,{...f,as:f.as||Fragment,show:h},j,k);return y.jsx(oe.Provider,{value:l,children:m})}function br(a){function b(a){let{setShow:b,refs:c}=a;$("contextmenu",a=>{a.preventDefault(),c.setPositionReference({getBoundingClientRect(){return{width:0,height:0,x:a.clientX,y:a.clientY,top:a.clientY,left:a.clientX,right:a.clientX,bottom:a.clientY}}}),b(!0)}),hr(c.floating,()=>{b(!1)})}const[c,d]=useState(!1);return useEffect(()=>(d(!0),()=>{d(!1)}),[]),c?y.jsx(We,{flip:!0,...a,show:!1,portal:!0,onInitial:b}):y.jsx(Fragment,{})}function wr(a){function b(a){function e(){h(!0)}function b(){h(!1)}function d(a){i.setPositionReference({getBoundingClientRect(){return{width:0,height:0,x:a.clientX,y:a.clientY,top:a.clientY,left:a.clientX,right:a.clientX,bottom:a.clientY}}})}function g(a){e(),d(a)}function f(a){e(),d(a.touches[0])}let{setShow:h,refs:i}=a;const j=st(i.floating);j&&(useEffect(()=>{if((c||void 0===c)&&!j.getElementById("headlesui-float-cursor-style")){const a=j.createElement("style");return(j.head||j.getElementsByTagName("head")[0]).appendChild(a),a.id="headlesui-float-cursor-style",a.appendChild(j.createTextNode(["*, *::before, *::after {"," cursor: none !important;","}",".headlesui-float-cursor-root {"," pointer-events: none !important;","}"].join(`
|
|
15
|
+
`))),()=>{var a;return null==(a=j.getElementById("headlesui-float-cursor-style"))?void 0:a.remove()}}},[c]),"ontouchstart"in window||0<navigator.maxTouchPoints?($("touchstart",f),$("touchend",b),$("touchmove",f)):($("mouseenter",g),$("mouseleave",b),$("mousemove",g)))}let{globalHideCursor:c,...d}=a;const[e,f]=useState(!1);return useEffect(()=>(f(!0),()=>{f(!1)}),[]),e?y.jsx(We,{...d,portal:!0,className:"headlesui-float-cursor-root",onInitial:b}):y.jsx(Fragment,{})}const Sr=Object.assign(ht,{Reference:gr,Content:mr,Arrow:yr,Virtual:We,ContextMenu:br,Cursor:wr});export{Sr as S};
|
|
@@ -6,7 +6,7 @@ interface UseEndlessScrollListOptions {
|
|
|
6
6
|
showRef?: boolean;
|
|
7
7
|
refFunction?: RefFunction;
|
|
8
8
|
}
|
|
9
|
-
type RefFunction = (node: Element) =>
|
|
9
|
+
type RefFunction = (node: Element) => undefined;
|
|
10
10
|
export declare const useEndlessScrollList: (items: unknown[], options?: UseEndlessScrollListOptions) => {
|
|
11
11
|
scrollListItems: unknown[] | undefined;
|
|
12
12
|
iterator: {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useEndlessScrollList.d.ts","sourceRoot":"","sources":["../src/hooks/useEndlessScrollList.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAuE,MAAM,OAAO,CAAA;AAgB3F,UAAU,2BAA2B;IACnC,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,aAAa,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC/B,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,WAAW,CAAC,EAAE,WAAW,CAAA;CAC1B;
|
|
1
|
+
{"version":3,"file":"useEndlessScrollList.d.ts","sourceRoot":"","sources":["../src/hooks/useEndlessScrollList.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAuE,MAAM,OAAO,CAAA;AAgB3F,UAAU,2BAA2B;IACnC,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,aAAa,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC/B,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,WAAW,CAAC,EAAE,WAAW,CAAA;CAC1B;AAED,KAAK,WAAW,GAAG,CAAC,IAAI,EAAE,OAAO,KAAK,SAAS,CAAA;AAE/C,eAAO,MAAM,oBAAoB,UAAW,OAAO,EAAE,YAAW,2BAA2B;;;wBA4CrE,CAAC,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,OAAO,EAAE,KAAK,KAAK,CAAC,GAAG,CAAC,OAAO;;CA0B3F,CAAA"}
|
|
@@ -41,7 +41,7 @@ const useEndlessScrollList = (items, options = {}) => {
|
|
|
41
41
|
}
|
|
42
42
|
});
|
|
43
43
|
if (node)
|
|
44
|
-
|
|
44
|
+
observer.current.observe(node);
|
|
45
45
|
}, [items, isAddingItems]);
|
|
46
46
|
const iterator = useMemo(() => {
|
|
47
47
|
return {
|
|
@@ -50,7 +50,7 @@ const useEndlessScrollList = (items, options = {}) => {
|
|
|
50
50
|
return (React.createElement(React.Fragment, null,
|
|
51
51
|
content,
|
|
52
52
|
isAddingItems && options?.showLoading !== false && (React.createElement(React.Fragment, null, options?.loadingObject ? options.loadingObject : React.createElement("span", { id: "endlessScrollListLoading" }, "Loading..."))),
|
|
53
|
-
options?.showRef !== false && (React.createElement(React.Fragment, null, options?.refFunction ? (options.refFunction(lastLisItemRef)) : (React.createElement("span", { id: "endlessScrollListLastItemRef", ref: lastLisItemRef }))))));
|
|
53
|
+
options?.showRef !== false && (React.createElement(React.Fragment, null, options?.refFunction ? ((options.refFunction(lastLisItemRef) ?? null)) : (React.createElement("span", { id: "endlessScrollListLastItemRef", ref: lastLisItemRef }))))));
|
|
54
54
|
},
|
|
55
55
|
};
|
|
56
56
|
}, [scrollListItems, lastLisItemRef]);
|
package/build/index.js
CHANGED
|
@@ -1,197 +1,15 @@
|
|
|
1
|
-
export{A as AppBody}from"./AppBody.component-C9lIZEeC.js";export{A as AppIntro}from"./AppIntro.component-
|
|
1
|
+
export{A as AppBody}from"./AppBody.component-C9lIZEeC.js";export{A as AppIntro}from"./AppIntro.component-91Jmkg84.js";export{A as AppShell}from"./AppShell.component-Hk_XAW1E.js";export{A as AppShellProvider}from"./AppShellProvider.component-BjmVKqm3.js";export{B as Badge}from"./Badge.component-CLaF9Up0.js";export{B as Box}from"./Box.component-V4TDnAgb.js";export{B as Breadcrumb}from"./Breadcrumb.component-BSGoKK2S.js";export{B as BreadcrumbItem}from"./BreadcrumbItem.component-C99Dj0IW.js";export{B as Button}from"./Button.component-liw0UuGT.js";export{B as ButtonRow}from"./ButtonRow.component-CzhKhK_N.js";export{C as Checkbox}from"./Checkbox.component-DgDvGt3W.js";export{C as CheckboxRow}from"./CheckboxRow.component-DzLTV4cd.js";export{C as CheckboxGroup}from"./CheckboxGroup.component-B_uoXPNo.js";export{C as Code}from"./Code.component-mlP3SwWy.js";export{C as CodeBlock}from"./CodeBlock.component-CZxYJPlk.js";export{C as ComboBox}from"./ComboBox.component-C_o5JV1E.js";export{C as ComboBoxOption}from"./ComboBoxOption.component-eoxGAIUR.js";export{C as ContentHeading}from"./ContentHeading.component-PfFZgbyn.js";export{C as ContentAreaToolbar}from"./ContentAreaToolbar.component-HPXE3xVK.js";import{_ as _extends}from"./_rollupPluginBabelHelpers-B5fk9IVe.js";import React__default,{useState,useRef,useEffect,useMemo,useCallback}from"react";import PropTypes from"prop-types";export{C as ContentContainer}from"./ContentContainer.component-8A2F9nlM.js";export{C as Container}from"./Container.component-xJsCyUG8.js";export{C as ContextMenu}from"./ContextMenu.component-DlJ1uBM8.js";export{D as DataList}from"./DataList.component-BYn0Gl6b.js";export{D as DataListCell}from"./DataListCell.component-C67qgCtq.js";export{D as DataListCheckboxCell}from"./DataListCheckboxCell.component-DW-8rAEg.js";export{D as DataListRow}from"./DataListRow.component-D1aTHdBf.js";export{D as DataGrid}from"./DataGrid.component-Dt5OQxY5.js";export{D as DataGridCell}from"./DataGridCell.component-Gy81mVxf.js";export{D as DataGridHeadCell}from"./DataGridHeadCell.component-4DKn7eQ9.js";export{D as DataGridRow}from"./DataGridRow.component-CBEnaLYU.js";export{D as DataGridToolbar}from"./DataGridToolbar.component-BfgKal7m.js";export{D as DateTimePicker}from"./DateTimePicker.component-7SGTFaqc.js";export{F as FilterInput}from"./FilterInput.component-QgiC1wRg.js";export{F as FilterPill}from"./FilterPill.component-SegGevVb.js";export{F as Filters}from"./Filters.component-CfG9WSqS.js";export{F as Form}from"./Form.component-C-FIXwo-.js";export{F as FormattedText}from"./FormattedText.component-Oc4b8IPi.js";export{F as FormRow}from"./FormRow.component-CbFLRaDK.js";export{F as FormSection}from"./FormSection.component-DDGHfPV5.js";export{G as Grid}from"./Grid.component-BG4AMsb5.js";export{G as GridRow}from"./GridRow.component-Cf7FxOjh.js";export{G as GridColumn}from"./GridColumn.component-BmzNy9N0.js";export{H as HeaderContainer}from"./HeaderContainer.component-CWj3SLQY.js";export{I as Icon}from"./Icon.component-ClhnejN0.js";export{I as InputGroup}from"./InputGroup.component-Cjl_JYFs.js";export{I as IntroBox}from"./IntroBox.component-BmoEq45u.js";export{J as JsonViewer}from"./JsonViewer.component-lHoI-LCD.js";export{L as Label}from"./Label.component-BYZfB1oK.js";export{L as LoadingIndicator}from"./LoadingIndicator.component-CsNzFwe2.js";export{M as MainContainer}from"./MainContainer.component-DV_tQlek.js";export{M as MainContainerInner}from"./MainContainerInner.component-DhiRjgBx.js";export{M as MainTabs}from"./MainTabs.component-DtTHcxTg.js";export{M as Menu}from"./Menu.component-vFmV6jCc.js";export{M as MenuItem}from"./MenuItem.component-ddsy5_so.js";export{M as MenuSection}from"./MenuSection.component-CteHwLJX.js";export{M as Message}from"./Message.component-A7V1Flcl.js";export{M as Modal}from"./Modal.component-B7pUHHA6.js";export{M as ModalFooter}from"./ModalFooter.component-BK0doJJO.js";export{N as NativeSelect}from"./NativeSelect.component-BaWaK11P.js";export{N as NativeSelectOption}from"./NativeSelectOption.component-BWRxjRz0.js";export{N as NativeSelectOptionGroup}from"./NativeSelectOptionGroup.component-GFuGvLsz.js";export{P as Panel}from"./Panel.component-Z0UKil-U.js";export{P as PanelBody}from"./PanelBody.component-CbwJTG-C.js";export{P as PanelFooter}from"./PanelFooter.component-C5-ea5YD.js";export{P as PageFooter}from"./PageFooter.component-CeD5DCjY.js";export{P as PageHeader}from"./PageHeader.component-DqYR6Yyo.js";export{P as Pagination}from"./Pagination.component-D5sXkuw6.js";export{P as Pill}from"./Pill.component-BjuSYnxs.js";export{a as PortalProvider,u as usePortalRef}from"./PortalProvider.component-CVldWJIG.js";export{R as Radio}from"./Radio.component-DiZc-eBh.js";export{R as RadioGroup}from"./RadioGroup.component-XH90kWYR.js";export{R as RadioRow}from"./RadioRow.component-B-HE4xRC.js";export{S as SearchInput}from"./SearchInput.component-QwymruVn.js";export{S as SecretText}from"./SecretText.component-jsJWpOK1.js";export{S as Select}from"./Select.component-BlpCRnuM.js";export{S as SelectOption}from"./SelectOption.component-C7NysL8S.js";export{S as SelectRow}from"./SelectRow.component-DhPz6KOs.js";export{S as ShadowRoot}from"./ShadowRoot.component-DU_Ra-K3.js";export{S as SideNavigation}from"./SideNavigation.component-D9IErRcv.js";export{S as SideNavigationItem}from"./SideNavigationItem.component-5ChkLMgz.js";export{S as Spinner}from"./Spinner.component-CO095KvL.js";export{S as Stack}from"./Stack.component-Pe-1jf3W.js";export{S as StyleProvider}from"./StyleProvider.component-bYqFN-bx.js";export{S as Switch}from"./Switch.component-1reoDymi.js";export{S as SwitchRow}from"./SwitchRow.component-BeG5g1_U.js";export{T as Tab}from"./Tab.component-SEUcCOS8.js";export{T as TabList}from"./TabList.component-sHDWBb5I.js";export{T as TabNavigation}from"./TabNavigation.component-Cc2F9AVl.js";export{T as TabNavigationItem}from"./TabNavigationItem.component-D9KvESL0.js";export{T as TabPanel}from"./TabPanel.component-DlnS5hSa.js";export{T as Textarea}from"./Textarea.component-DgYR9jem.js";export{T as Tabs}from"./Tabs.component-BRM3cTLV.js";export{T as TextareaRow}from"./TextareaRow.component-ClRuP_M4.js";export{T as TextInput}from"./TextInput.component-AyfJ3U8z.js";export{T as TextInputRow}from"./TextInputRow.component-D7NCrZz7.js";export{T as ThemeToggle}from"./ThemeToggle.component-BqqY9D8j.js";export{T as Toast}from"./Toast.component-x0WA9szy.js";export{T as Tooltip}from"./Tooltip.component-Bjg6qJkQ.js";export{T as TooltipContent}from"./TooltipContent.component-CU4HX5GI.js";export{T as TooltipTrigger}from"./TooltipTrigger.component-Bs5zgkGw.js";export{T as TopNavigation}from"./TopNavigation.component-CkGidYsu.js";export{T as TopNavigationItem}from"./TopNavigationItem.component-CqIlCTjB.js";import"./FormHint.component-C7TZlbwG.js";import"./withDeprecationWarning.component-CsAFJ740.js";import"./headlessui-float-n1IxyQhp.js";import"react-dom";import"./keyboard-D0PLkOsr.js";import"./floating-ui.react-dom-DFre3-Br.js";import"./form-DXIqO3qN.js";import"./use-tree-walker-BOLu2dNf.js";import"./menu-DiwXZMR-.js";import"./use-text-value-DK9HMXni.js";import"./FormHint.component-BPhoMz7f.js";import"./Icon.component-DGyhPa1P.js";import"./widgets-njngpHa5.js";import"./Spinner.component-3BfGSLKB.js";import"./TextInput.component-Bh7t1tSB.js";import"./_commonjsHelpers-BXRXMh56.js";import"./listbox-CbPsJ3A1.js";import"./FormRow.component-OkQblu_q.js";import"./Navigation.component-DaabNHev.js";import"./NavigationItem.component-DI0SMWsi.js";import"./TabPanel-B6oG_h5d.js";const containerStyles$1=`
|
|
2
|
+
jn-bg-theme-content-area-bg
|
|
2
3
|
jn-relative
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
jn-
|
|
6
|
-
jn-
|
|
7
|
-
`,inputStyles=`
|
|
8
|
-
jn-rounded-3px
|
|
9
|
-
jn-bg-theme-textinput
|
|
10
|
-
jn-text-theme-textinput
|
|
11
|
-
jn-border
|
|
12
|
-
jn-text-base
|
|
13
|
-
jn-leading-4
|
|
14
|
-
jn-w-full
|
|
15
|
-
jn-px-4
|
|
16
|
-
jn-h-textinput
|
|
17
|
-
jn-text-left
|
|
18
|
-
jn-overflow-hidden
|
|
19
|
-
jn-text-ellipsis
|
|
20
|
-
jn-whitespace-nowrap
|
|
21
|
-
focus:jn-outline-none
|
|
22
|
-
focus:jn-ring-2
|
|
23
|
-
focus:jn-ring-theme-focus
|
|
24
|
-
`,withLabelInputStyles=`
|
|
25
|
-
jn-pt-[1.125rem]
|
|
26
|
-
jn-pb-1
|
|
27
|
-
`,noLabelInputStyles=`
|
|
28
|
-
jn-py-4
|
|
29
|
-
`,disabledInputStyles=`
|
|
30
|
-
jn-cursor-not-allowed
|
|
31
|
-
jn-pointer-events-none
|
|
32
|
-
jn-opacity-50
|
|
33
|
-
`,defaultBorderStyles=`
|
|
34
|
-
jn-border-theme-textinput-default
|
|
35
|
-
`,validStyles=`
|
|
36
|
-
jn-border-theme-success
|
|
37
|
-
`,invalidStyles=`
|
|
38
|
-
jn-border-theme-error
|
|
39
|
-
`,buttonStyles=`
|
|
40
|
-
jn-absolute
|
|
41
|
-
jn-top-0
|
|
42
|
-
jn-right-0
|
|
43
|
-
jn-h-textinput
|
|
44
|
-
jn-w-6
|
|
45
|
-
jn-h-4
|
|
46
|
-
jn-border-l-0
|
|
47
|
-
jn-border-y-[1px]
|
|
48
|
-
jn-border-r-[1px]
|
|
49
|
-
jn-rounded-tr
|
|
50
|
-
jn-rounded-br
|
|
51
|
-
jn-appearance-none
|
|
52
|
-
jn-bg-theme-textinput
|
|
53
|
-
jn-text-theme-textinput
|
|
54
|
-
`,defaultButtonStyles=`
|
|
55
|
-
jn-border-theme-textinput-default
|
|
56
|
-
`,invalidButtonStyles=`
|
|
57
|
-
jn-border-theme-error
|
|
58
|
-
`,validButtonStyles=`
|
|
59
|
-
jn-border-theme-success
|
|
60
|
-
`,disabledButtonStyles=`
|
|
61
|
-
jn-cursor-not-allowed
|
|
62
|
-
jn-pointer-events-none
|
|
63
|
-
jn-bg-transparent
|
|
64
|
-
jn-opacity-50
|
|
65
|
-
`,menuStyles=`
|
|
66
|
-
jn-rounded
|
|
67
|
-
jn-bg-theme-background-lvl-1
|
|
68
|
-
jn-w-full
|
|
69
|
-
jn-overflow-y-auto
|
|
70
|
-
`,iconContainerStyles=`
|
|
71
|
-
jn-absolute
|
|
72
|
-
jn-top-[.4rem]
|
|
73
|
-
jn-right-6
|
|
74
|
-
`,centeredIconStyles=`
|
|
75
|
-
jn-absolute
|
|
76
|
-
jn-top-1/2
|
|
77
|
-
jn-left-1/2
|
|
78
|
-
jn-translate-y-[-50%]
|
|
79
|
-
jn-translate-x-[-0.75rem]
|
|
80
|
-
`,ComboBoxContext=createContext(),ComboBox=a=>{let{ariaLabel:b,children:j=null,className:k="",defaultValue:l="",disabled:m=!1,error:n=!1,errortext:o="",helptext:p="",id:q="",invalid:r=!1,loading:s=!1,label:c,name:t="",nullable:u=!0,onBlur:d,onChange:e,onFocus:f,onInputChange:g,placeholder:v="Select\u2026",required:w=!1,successtext:x="",truncateOptions:y=!1,valid:z=!1,value:A="",valueLabel:h,width:B="full",wrapperClassName:C="",...i}=a;const D=a=>"string"!=typeof a||0!==a.trim().length,E=q||"juno-combobox-"+useId(),F="juno-combobox-helptext-"+useId(),[G,H]=useState(new Map),[I,J]=useState(""),[K,L]=useState(A),[M,N]=useState(!1),[O,P]=useState(!1),[Q,R]=useState(!1),[S,T]=useState(!1),[U,V]=useState(!1),W=useMemo(()=>r||!!(o&&D(o)),[r,o]),X=useMemo(()=>z||!!(x&&D(x)),[z,x]);useEffect(()=>{L(A)},[A]),useEffect(()=>{P(n)},[n]),useEffect(()=>{N(s)},[s]),useEffect(()=>{T(W)},[W]),useEffect(()=>{V(X)},[X]);const Y=usePortalRef(),Z=[offset(4),shift(),flip(),size({boundary:"viewport",apply(a){let{availableWidth:b,availableHeight:c,elements:d}=a;Object.assign(d.floating.style,{maxWidth:`${b}px`,maxHeight:`${c}px`,overflowY:"auto"})}})],$=""===I?j:j.filter(a=>{const b=a.props.children?.toString()||a.props.label||a.props.value;return b?.toLowerCase().includes(I.toLowerCase())});return React__default.createElement(ComboBoxContext.Provider,{value:{selectedValue:K,truncateOptions:y,addOptionValueAndLabel:(a,b,c)=>{H(d=>new Map(d).set(a||c,{val:a,label:b,children:c}))}}},React__default.createElement("div",{className:`
|
|
81
|
-
juno-combobox-wrapper
|
|
82
|
-
jn-relative
|
|
83
|
-
${"auto"==B?"jn-inline-block":"jn-block"}
|
|
84
|
-
${"auto"==B?"jn-w-auto":"jn-w-full"}
|
|
85
|
-
${C}
|
|
86
|
-
`},React__default.createElement(qt,_extends({defaultValue:l,disabled:m||M||O,name:t,nullable:u,onChange:a=>{L(a),e&&e(a)},value:K||l},i),React__default.createElement(pr,{composable:!0,adaptiveWidth:!0,middleware:Z},React__default.createElement(pr.Reference,null,React__default.createElement("div",{className:`
|
|
87
|
-
juno-combobox-input-wrapper
|
|
88
|
-
${inputWrapperStyles}
|
|
89
|
-
${m?"jn-cursor-not-allowed":""}
|
|
90
|
-
`},c&&D(c)&&!M&&!O?React__default.createElement(Label,{text:c,disabled:m,required:w,htmlFor:E,className:`${labelStyles}`,floating:!0,minimized:!!(v||Q||I&&D(I)||K&&D(K))}):"",React__default.createElement(qt.Input,{autoComplete:"off","aria-label":b||c,"aria-describedby":p?F:"",disabled:m||M||O,id:E,onBlur:a=>{R(!1),d&&d(a)},onChange:a=>{J(a?.target?.value),g&&g(a)},onFocus:a=>{R(!0),f&&f(a)},placeholder:M||O?"":v,displayValue:a=>G.get(a)?.children||G.get(a)?.label||h||a,className:`
|
|
91
|
-
juno-combobox-input
|
|
92
|
-
${inputStyles}
|
|
93
|
-
${c&&D(c)?withLabelInputStyles:noLabelInputStyles}
|
|
94
|
-
${m?disabledInputStyles:""}
|
|
95
|
-
${S?"juno-combobox-invalid "+invalidStyles:""}
|
|
96
|
-
${U?"juno-combobox-valid "+validStyles:""}
|
|
97
|
-
${U||S?"":defaultBorderStyles}
|
|
98
|
-
${M?"juno-combobox-loading jn-cursor-not-allowed":""}
|
|
99
|
-
${O?"juno-combobox-error jn-cursor-not-allowed":""}
|
|
100
|
-
${k}
|
|
101
|
-
`}),M||O?React__default.createElement("span",{className:`${centeredIconStyles}`},M?React__default.createElement(Spinner,{className:"jn-cursor-not-allowed"}):React__default.createElement(Icon,{icon:"errorOutline",color:"jn-text-theme-error",className:"jn-cursor-not-allowed"})):U||S?React__default.createElement("span",{className:`
|
|
102
|
-
juno-combobox-icon-container
|
|
103
|
-
${iconContainerStyles}
|
|
104
|
-
${m?"jn-opacity-50":""}
|
|
105
|
-
`},React__default.createElement(Icon,{icon:U?"checkCircle":"dangerous",color:U?"jn-text-theme-success":"jn-text-theme-error"})):"",O||M?"":React__default.createElement(qt.Button,{disabled:m,className:`
|
|
106
|
-
juno-combobox-toggle
|
|
107
|
-
${buttonStyles}
|
|
108
|
-
${m?disabledButtonStyles:""}
|
|
109
|
-
${S?"juno-combobox-toggle-invalid "+invalidButtonStyles:""}
|
|
110
|
-
${U?"juno-combobox-toggle-valid "+validButtonStyles:""}
|
|
111
|
-
${U||S?"":defaultButtonStyles}
|
|
112
|
-
`},a=>{let{open:b}=a;return React__default.createElement(Icon,{icon:b?"expandLess":"expandMore"})}))),createPortal(React__default.createElement(pr.Content,null,React__default.createElement(qt.Options,{unmount:!1,className:`
|
|
113
|
-
juno-combobox-options
|
|
114
|
-
${menuStyles}
|
|
115
|
-
`},$)),Y?Y:document.body))),o&&D(o)?React__default.createElement(FormHint,{text:o,variant:"error"}):"",x&&D(x)?React__default.createElement(FormHint,{text:x,variant:"success"}):"",p&&D(p)?React__default.createElement(FormHint,{text:p,id:F}):""))};ComboBox.propTypes={ariaLabel:PropTypes.string,children:PropTypes.node,className:PropTypes.string,defaultValue:PropTypes.string,disabled:PropTypes.bool,error:PropTypes.bool,errortext:PropTypes.node,helptext:PropTypes.node,id:PropTypes.string,invalid:PropTypes.bool,label:PropTypes.string,loading:PropTypes.bool,name:PropTypes.string,nullable:PropTypes.bool,onBlur:PropTypes.func,onChange:PropTypes.func,onFocus:PropTypes.func,onInputChange:PropTypes.func,placeholder:PropTypes.string,required:PropTypes.bool,successtext:PropTypes.node,truncateOptions:PropTypes.bool,valid:PropTypes.bool,value:PropTypes.string,valueLabel:PropTypes.string,width:PropTypes.oneOf(["full","auto"]),wrapperClassName:PropTypes.string};const optionStyles=`
|
|
4
|
+
jn-grow
|
|
5
|
+
`,ContentArea=a=>{let{className:c="",children:d=null,...b}=a;return React__default.createElement("div",_extends({className:`juno-content-area ${containerStyles$1} ${c}`},b),d)};ContentArea.propTypes={className:PropTypes.string,children:PropTypes.node};const containerStyles=`
|
|
6
|
+
jn-relative
|
|
7
|
+
jn-grow
|
|
116
8
|
jn-flex
|
|
117
|
-
jn-
|
|
118
|
-
jn-pb-[0.5rem]
|
|
119
|
-
jn-pr-[0.875rem]
|
|
120
|
-
jn-select-none
|
|
121
|
-
data-[headlessui-state=active]:jn-outline-none
|
|
122
|
-
data-[headlessui-state=active]:jn-ring-2
|
|
123
|
-
data-[headlessui-state=active]:jn-ring-inset
|
|
124
|
-
data-[headlessui-state=active]:jn-ring-theme-focus
|
|
125
|
-
data-[headlessui-state=active]:jn-bg-theme-background-lvl-3
|
|
126
|
-
`,unselectedOptionStyles=`
|
|
127
|
-
jn-text-theme-default
|
|
128
|
-
jn-pl-[2.375rem]
|
|
129
|
-
`,selectedOptionStyles=`
|
|
130
|
-
jn-text-theme-accent
|
|
131
|
-
jn-pl-3.5
|
|
132
|
-
`,selectedIconStyles=`
|
|
133
|
-
jn-inline-block
|
|
134
|
-
jn-mr-1.5
|
|
135
|
-
`,disabledOptionLabelStyles=`
|
|
136
|
-
jn-opacity-50
|
|
137
|
-
jn-cursor-not-allowed
|
|
138
|
-
`,truncateOptionStyles=`
|
|
139
|
-
jn-block
|
|
140
|
-
jn-h-6
|
|
9
|
+
jn-flex-col
|
|
141
10
|
jn-overflow-hidden
|
|
142
|
-
|
|
143
|
-
jn-whitespace-nowrap
|
|
144
|
-
`,ComboBoxOption=a=>{let{children:b,disabled:e=!1,value:f="",label:c,className:g="",...d}=a;const h=useContext(ComboBoxContext),{selectedValue:i,truncateOptions:j,addOptionValueAndLabel:k}=h||{};useEffect(()=>{k(f,c,b)},[f,c,b]);const l=f||b;return React__default.createElement(qt.Option,{value:l,disabled:e,as:Fragment},React__default.createElement("li",_extends({className:`
|
|
145
|
-
juno-combobox-option
|
|
146
|
-
${optionStyles}
|
|
147
|
-
${i===f?selectedOptionStyles:unselectedOptionStyles}
|
|
148
|
-
${e?"jn-cursor-not-allowed":""}
|
|
149
|
-
${g}
|
|
150
|
-
`},d),i===l?React__default.createElement(Icon,{icon:"check",size:"18",className:`${selectedIconStyles}`}):"",React__default.createElement("span",{className:`
|
|
151
|
-
${e?disabledOptionLabelStyles:""}
|
|
152
|
-
${j?truncateOptionStyles:""}
|
|
153
|
-
`},b||c||f)))};ComboBoxOption.propTypes={children:PropTypes.string,disabled:PropTypes.bool,value:PropTypes.string,label:PropTypes.string,className:PropTypes.string};const ButtonRow=a=>{let{children:c=null,className:d="",...b}=a;return React__default.createElement(Stack,_extends({gap:"2",distribution:"end",className:`juno-button-row ${d}`},b),c)};ButtonRow.propTypes={className:PropTypes.string,children:PropTypes.node};const modalfooterstyles=`
|
|
154
|
-
jn-flex
|
|
155
|
-
jn-flex-row
|
|
156
|
-
jn-border-t
|
|
157
|
-
jn-border-theme-background-lvl-4
|
|
158
|
-
jn-py-2
|
|
159
|
-
jn-px-8
|
|
160
|
-
`,defaultmodalfooterstyles=`
|
|
161
|
-
jn-justify-end
|
|
162
|
-
jn-gap-3.5
|
|
163
|
-
`,ModalFooter=a=>{let{children:e=null,confirmButtonLabel:f="",cancelButtonLabel:g="",confirmButtonIcon:h=null,cancelButtonIcon:i=null,onConfirm:b,onCancel:c,className:j="",...d}=a;const k=a=>{c&&c(a)};return React__default.createElement("div",_extends({className:`juno-modal-footer ${modalfooterstyles} ${e?null:defaultmodalfooterstyles} ${j} `},d),e?e:f||b?React__default.createElement(ButtonRow,null,React__default.createElement(Button,{variant:"primary",label:f||"Confirm",icon:h,onClick:a=>{b&&b(a)}}),React__default.createElement(Button,{variant:"subdued",label:g||"Cancel",icon:i,onClick:k})):React__default.createElement(ButtonRow,null,React__default.createElement(Button,{variant:"subdued",onClick:k,label:g||"Close",icon:i})))};ModalFooter.propTypes={children:PropTypes.node,confirmButtonLabel:PropTypes.string,cancelButtonLabel:PropTypes.string,confirmButtonIcon:PropTypes.oneOf(knownIcons),cancelButtonIcon:PropTypes.oneOf(knownIcons),className:PropTypes.string,onConfirm:PropTypes.func,onCancel:PropTypes.func};const modalcontainerstyles=`
|
|
164
|
-
jn-fixed
|
|
165
|
-
jn-inset-0
|
|
166
|
-
jn-flex
|
|
167
|
-
jn-items-center
|
|
168
|
-
jn-bg-theme-modal-backdrop
|
|
169
|
-
jn-backdrop-blur-[2px]
|
|
170
|
-
jn-z-[9990]
|
|
171
|
-
`,modalstyles=`
|
|
172
|
-
jn-bg-theme-background-lvl-0
|
|
173
|
-
jn-relative
|
|
174
|
-
jn-rounded
|
|
175
|
-
jn-m-auto
|
|
176
|
-
jn-overflow-y-auto
|
|
177
|
-
jn-max-h-[90%]
|
|
178
|
-
`,headerstyles=`
|
|
179
|
-
jn-flex
|
|
180
|
-
jn-py-2
|
|
181
|
-
jn-px-8
|
|
182
|
-
jn-border-b
|
|
183
|
-
jn-border-theme-background-lvl-4
|
|
184
|
-
jn-h-[2.8125rem]
|
|
185
|
-
`,titlestyles=`
|
|
186
|
-
jn-text-xl
|
|
187
|
-
jn-font-bold
|
|
188
|
-
`,contentstyles=`
|
|
189
|
-
jn-min-h-[5rem]
|
|
190
|
-
`,contentpaddingstyles=`
|
|
191
|
-
jn-py-4
|
|
192
|
-
jn-px-8
|
|
193
|
-
`,sizeClass=a=>"large"===a?`jn-w-[40rem]`:`jn-w-[33.625rem]`,Modal=a=>{let{ariaLabel:b,cancelButtonIcon:g=null,cancelButtonLabel:h="",confirmButtonIcon:i=null,confirmButtonLabel:j="",children:k=null,closeable:l=!0,closeOnBackdropClick:m=!1,closeOnEsc:n=!0,heading:o="",initialFocus:c,modalFooter:p=null,onConfirm:d,onCancel:e,open:q=!1,size:r="small",title:s="",unpad:t=!1,className:u="",...f}=a;const[v,w]=useState(q),[x,y]=useState(l),[z,A]=useState(m),[B,C]=useState(n);useEffect(()=>{w(q)},[q]),useEffect(()=>{y(l)},[l]),useEffect(()=>{A(m)},[m]),useEffect(()=>{C(n)},[n]);const D=a=>{w(!1),e&&e(a)},E=a=>{x&&B&&(w(!1),e&&e(a))},F=usePortalRef(),G=useRef(null),H=s||o,I=(()=>"juno-modal-"+useId())();return React__default.createElement(React__default.Fragment,null,v&&createPortal(React__default.createElement("div",{className:`juno-modal-container ${modalcontainerstyles}`,onClick:a=>{z?(w(!1),e&&e(a)):a.stopPropagation()}},React__default.createElement(FocusTrap,{focusTrapOptions:{initialFocus:c,clickOutsideDeactivates:z,fallbackFocus:()=>G.current,allowOutsideClick:!0,escapeDeactivates:()=>{E()}}},React__default.createElement("div",_extends({className:`juno-modal ${sizeClass(r)} ${modalstyles} ${u}`,role:"dialog",ref:G},f,{"aria-labelledby":H&&H.length?I:null,"aria-label":b}),React__default.createElement("div",{className:`juno-modal-header ${headerstyles} ${H&&H.length?`jn-justify-between`:`jn-justify-end`}`},s||o?React__default.createElement("h1",{className:`juno-modal-title ${titlestyles}`,id:I},s||o):"",x?React__default.createElement(Icon,{icon:"close",onClick:D}):""),React__default.createElement("div",{className:`juno-modal-content ${contentstyles} ${t?"":contentpaddingstyles}`},k),x?p?p:React__default.createElement(ModalFooter,{confirmButtonLabel:j,cancelButtonLabel:h,confirmButtonIcon:i,cancelButtonIcon:g,onConfirm:d?a=>{d&&d(a)}:null,onCancel:D}):null))),F?F:document.body))};Modal.propTypes={ariaLabel:PropTypes.string,title:PropTypes.string,heading:PropTypes.string,size:PropTypes.oneOf(["small","large"]),confirmButtonLabel:PropTypes.string,cancelButtonLabel:PropTypes.string,confirmButtonIcon:PropTypes.oneOf(knownIcons),cancelButtonIcon:PropTypes.oneOf(knownIcons),open:PropTypes.bool,children:PropTypes.node,modalFooter:PropTypes.element,closeable:PropTypes.bool,unpad:PropTypes.bool,className:PropTypes.string,onConfirm:PropTypes.func,onCancel:PropTypes.func,closeOnBackdropClick:PropTypes.bool,closeOnEsc:PropTypes.bool,initialFocus:PropTypes.oneOfType([PropTypes.element,PropTypes.string])};const dividerStyles=`
|
|
11
|
+
`,ContentAreaWrapper=a=>{let{className:c="",children:d=null,...b}=a;return React__default.createElement("div",_extends({className:`juno-content-area-wrapper ${containerStyles} ${c}`},b),d)};ContentAreaWrapper.propTypes={className:PropTypes.string,children:PropTypes.node};const dividerStyles=`
|
|
194
12
|
jn-h-px
|
|
195
13
|
jn-w-full
|
|
196
14
|
jn-bg-theme-background-lvl-3
|
|
197
|
-
`,SelectDivider=React__default.forwardRef((a,b)=>{let{className:d="",...c}=a;return React__default.createElement("div",
|
|
15
|
+
`,SelectDivider=React__default.forwardRef((a,b)=>{let{className:d="",...c}=a;return React__default.createElement("div",{className:`juno-select-divider ${dividerStyles} ${d}`,ref:b,...c})});SelectDivider.displayName="SelectDivider";const useEndlessScrollList=function(a){let b=1<arguments.length&&arguments[1]!==void 0?arguments[1]:{};const[c,d]=useState(20),[e,f]=useState(!1),g=useRef(null),h=useRef();useEffect(()=>()=>clearTimeout(g.current),[]);const i=useMemo(()=>{if(a)return a.slice(0,c)},[a,c]),j=useCallback(i=>{e||(h.current&&h.current.disconnect(),h.current=new IntersectionObserver(e=>{e[0].isIntersecting&&c<=a.length&&(clearTimeout(g.current),f(!0),g.current=setTimeout(()=>{f(!1),d(a=>a+10)},b?.delay||500))}),i&&h.current.observe(i))},[a,e]),k=useMemo(()=>({map:a=>{const c=i?.map(a);return React__default.createElement(React__default.Fragment,null,c,e&&!1!==b?.showLoading&&(React__default.createElement(React__default.Fragment,null,b?.loadingObject?b.loadingObject:React__default.createElement("span",{id:"endlessScrollListLoading"},"Loading..."))),!1!==b?.showRef&&(React__default.createElement(React__default.Fragment,null,b?.refFunction?b.refFunction(j)??null:(React__default.createElement("span",{id:"endlessScrollListLastItemRef",ref:j})))))}}),[i,j]);return{scrollListItems:i,iterator:k}};export{ContentArea,ContentAreaWrapper,SelectDivider,useEndlessScrollList};
|
package/package.json
CHANGED
|
@@ -5,7 +5,7 @@
|
|
|
5
5
|
"module": "build/index.js",
|
|
6
6
|
"source": "src/index.js",
|
|
7
7
|
"style": "build/lib/variables.css",
|
|
8
|
-
"version": "2.
|
|
8
|
+
"version": "2.34.0",
|
|
9
9
|
"files": [
|
|
10
10
|
"build/*",
|
|
11
11
|
"src/colors.css",
|
|
@@ -23,76 +23,76 @@
|
|
|
23
23
|
"npm": ">=10.0.0 <11.0.0"
|
|
24
24
|
},
|
|
25
25
|
"devDependencies": {
|
|
26
|
-
"@babel/plugin-transform-parameters": "
|
|
27
|
-
"@babel/preset-env": "
|
|
28
|
-
"@babel/preset-react": "
|
|
26
|
+
"@babel/plugin-transform-parameters": "7.25.9",
|
|
27
|
+
"@babel/preset-env": "7.26.0",
|
|
28
|
+
"@babel/preset-react": "7.25.9",
|
|
29
29
|
"@cloudoperators/juno-config": "*",
|
|
30
|
-
"@floating-ui/react": "
|
|
31
|
-
"@headlessui-float/react": "
|
|
32
|
-
"@headlessui/react": "
|
|
33
|
-
"@material-design-icons/svg": "
|
|
34
|
-
"@mdx-js/react": "
|
|
35
|
-
"@rollup/plugin-babel": "
|
|
36
|
-
"@rollup/plugin-commonjs": "
|
|
37
|
-
"@rollup/plugin-node-resolve": "
|
|
30
|
+
"@floating-ui/react": "0.25.4",
|
|
31
|
+
"@headlessui-float/react": "0.15.0",
|
|
32
|
+
"@headlessui/react": "1.7.19",
|
|
33
|
+
"@material-design-icons/svg": "0.14.13",
|
|
34
|
+
"@mdx-js/react": "2.3.0",
|
|
35
|
+
"@rollup/plugin-babel": "6.0.4",
|
|
36
|
+
"@rollup/plugin-commonjs": "24.1.0",
|
|
37
|
+
"@rollup/plugin-node-resolve": "15.3.0",
|
|
38
38
|
"@rollup/plugin-typescript": "11.1.6",
|
|
39
|
-
"@storybook/addon-docs": "
|
|
40
|
-
"@storybook/addon-essentials": "
|
|
41
|
-
"@storybook/addon-interactions": "
|
|
42
|
-
"@storybook/addon-links": "
|
|
43
|
-
"@storybook/addon-mdx-gfm": "
|
|
44
|
-
"@storybook/addon-webpack5-compiler-babel": "
|
|
45
|
-
"@storybook/blocks": "
|
|
46
|
-
"@storybook/manager-api": "
|
|
47
|
-
"@storybook/react": "
|
|
48
|
-
"@storybook/react-webpack5": "
|
|
49
|
-
"@storybook/test": "
|
|
50
|
-
"@svgr/rollup": "
|
|
51
|
-
"@svgr/webpack": "
|
|
52
|
-
"@testing-library/dom": "
|
|
53
|
-
"@testing-library/jest-dom": "
|
|
54
|
-
"@testing-library/react": "
|
|
55
|
-
"@testing-library/user-event": "
|
|
56
|
-
"@types/react": "
|
|
57
|
-
"@vitejs/plugin-react": "
|
|
58
|
-
"add": "
|
|
59
|
-
"autoprefixer": "
|
|
60
|
-
"babel-jest": "
|
|
61
|
-
"babel-loader": "
|
|
62
|
-
"css-loader": "
|
|
39
|
+
"@storybook/addon-docs": "8.4.6",
|
|
40
|
+
"@storybook/addon-essentials": "8.4.6",
|
|
41
|
+
"@storybook/addon-interactions": "8.4.6",
|
|
42
|
+
"@storybook/addon-links": "8.4.6",
|
|
43
|
+
"@storybook/addon-mdx-gfm": "8.4.6",
|
|
44
|
+
"@storybook/addon-webpack5-compiler-babel": "3.0.3",
|
|
45
|
+
"@storybook/blocks": "8.4.6",
|
|
46
|
+
"@storybook/manager-api": "8.4.6",
|
|
47
|
+
"@storybook/react": "8.4.6",
|
|
48
|
+
"@storybook/react-webpack5": "8.4.6",
|
|
49
|
+
"@storybook/test": "8.4.6",
|
|
50
|
+
"@svgr/rollup": "6.5.1",
|
|
51
|
+
"@svgr/webpack": "6.5.1",
|
|
52
|
+
"@testing-library/dom": "10.4.0",
|
|
53
|
+
"@testing-library/jest-dom": "6.6.3",
|
|
54
|
+
"@testing-library/react": "16.0.1",
|
|
55
|
+
"@testing-library/user-event": "14.5.2",
|
|
56
|
+
"@types/react": "18.3.12",
|
|
57
|
+
"@vitejs/plugin-react": "4.3.4",
|
|
58
|
+
"add": "2.0.6",
|
|
59
|
+
"autoprefixer": "10.4.20",
|
|
60
|
+
"babel-jest": "29.7.0",
|
|
61
|
+
"babel-loader": "8.4.1",
|
|
62
|
+
"css-loader": "6.11.0",
|
|
63
63
|
"flatpickr": "4.6.13",
|
|
64
|
-
"focus-trap-react": "
|
|
65
|
-
"glob": "
|
|
66
|
-
"jest": "
|
|
67
|
-
"jest-environment-jsdom": "
|
|
68
|
-
"jsdom": "
|
|
69
|
-
"node-sass-glob-importer": "
|
|
70
|
-
"postcss": "
|
|
71
|
-
"postcss-loader": "
|
|
72
|
-
"postcss-url": "
|
|
73
|
-
"prop-types": "
|
|
74
|
-
"react": "
|
|
75
|
-
"react-dom": "
|
|
76
|
-
"react-jss": "
|
|
77
|
-
"react-tabs": "
|
|
78
|
-
"react-test-renderer": "
|
|
79
|
-
"regenerator-runtime": "
|
|
80
|
-
"rollup": "
|
|
81
|
-
"rollup-plugin-analyzer": "
|
|
82
|
-
"rollup-plugin-babel-minify": "
|
|
83
|
-
"rollup-plugin-delete": "
|
|
84
|
-
"rollup-plugin-includepaths": "
|
|
85
|
-
"rollup-plugin-node-resolve": "
|
|
86
|
-
"rollup-plugin-postcss": "
|
|
87
|
-
"sass": "
|
|
88
|
-
"sass-loader": "
|
|
89
|
-
"storybook": "
|
|
90
|
-
"style-loader": "
|
|
91
|
-
"tailwindcss": "
|
|
92
|
-
"ts-loader": "
|
|
93
|
-
"typescript": "
|
|
94
|
-
"vite-plugin-svgr": "
|
|
95
|
-
"vitest": "
|
|
64
|
+
"focus-trap-react": "10.3.1",
|
|
65
|
+
"glob": "8.1.0",
|
|
66
|
+
"jest": "29.7.0",
|
|
67
|
+
"jest-environment-jsdom": "29.7.0",
|
|
68
|
+
"jsdom": "24.1.3",
|
|
69
|
+
"node-sass-glob-importer": "3.0.2",
|
|
70
|
+
"postcss": "8.4.49",
|
|
71
|
+
"postcss-loader": "8.1.1",
|
|
72
|
+
"postcss-url": "10.1.3",
|
|
73
|
+
"prop-types": "15.8.1",
|
|
74
|
+
"react": "18.3.1",
|
|
75
|
+
"react-dom": "18.3.1",
|
|
76
|
+
"react-jss": "10.10.0",
|
|
77
|
+
"react-tabs": "4.3.0",
|
|
78
|
+
"react-test-renderer": "18.3.1",
|
|
79
|
+
"regenerator-runtime": "0.14.1",
|
|
80
|
+
"rollup": "4.28.0",
|
|
81
|
+
"rollup-plugin-analyzer": "4.0.0",
|
|
82
|
+
"rollup-plugin-babel-minify": "10.0.0",
|
|
83
|
+
"rollup-plugin-delete": "2.1.0",
|
|
84
|
+
"rollup-plugin-includepaths": "0.2.4",
|
|
85
|
+
"rollup-plugin-node-resolve": "5.2.0",
|
|
86
|
+
"rollup-plugin-postcss": "4.0.2",
|
|
87
|
+
"sass": "1.81.1",
|
|
88
|
+
"sass-loader": "12.6.0",
|
|
89
|
+
"storybook": "8.4.6",
|
|
90
|
+
"style-loader": "3.3.4",
|
|
91
|
+
"tailwindcss": "3.4.15",
|
|
92
|
+
"ts-loader": "9.5.1",
|
|
93
|
+
"typescript": "5.7.2",
|
|
94
|
+
"vite-plugin-svgr": "4.3.0",
|
|
95
|
+
"vitest": "2.1.8"
|
|
96
96
|
},
|
|
97
97
|
"peerDependencies": {
|
|
98
98
|
"prop-types": "15.8.1",
|
|
@@ -1,6 +0,0 @@
|
|
|
1
|
-
import{_ as _extends}from"./_rollupPluginBabelHelpers-B5fk9IVe.js";import React__default from"react";import PropTypes from"prop-types";const introStyles=`
|
|
2
|
-
jn-pt-16
|
|
3
|
-
jn-pb-14
|
|
4
|
-
jn-text-xl
|
|
5
|
-
in-pr-[45%]
|
|
6
|
-
`,AppIntro=a=>{let{className:d="",children:b,...c}=a;return React__default.createElement("div",_extends({className:`juno-app-intro ${introStyles} ${d}`},c),b)};AppIntro.propTypes={className:PropTypes.string,children:PropTypes.any};export{AppIntro as A};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import React__default from"react";import{A as AppBody}from"./AppBody.component-C9lIZEeC.js";import{P as PageHeader}from"./PageHeader.component-DqYR6Yyo.js";import{M as MainContainer}from"./MainContainer.component-DV_tQlek.js";import{M as MainContainerInner}from"./MainContainerInner.component-DhiRjgBx.js";import{C as ContentContainer}from"./ContentContainer.component-wLeOohOT.js";import{P as PageFooter}from"./PageFooter.component-CeD5DCjY.js";const AppShell=a=>{let{children:b,className:g="",contentHeading:h="",embedded:i=!1,fullWidthContent:c,pageHeader:j=React__default.createElement(PageHeader,null),pageFooter:k=React__default.createElement(PageFooter,null),sideNavigation:d,topNavigation:e,...f}=a;return h&&h.length&&console.warn("AppShell: The contentHeading prop is obsolete and will be removed in a future version. In order to render a content heading, use a ContentHeading element as a child in your main content."),(React__default.createElement(AppBody,{className:g,...f},h||"",i?(React__default.createElement(React__default.Fragment,null,e&&e,React__default.createElement(MainContainer,null,React__default.createElement(MainContainerInner,{fullWidth:!1!==c,hasSideNav:!!d,className:`${e?"jn-mt-[3.875rem]":""}`},d&&d,React__default.createElement(ContentContainer,null,b))))):(React__default.createElement(React__default.Fragment,null,j&&("string"==typeof j||j instanceof String)?(React__default.createElement(PageHeader,{heading:j})):j,e&&e,React__default.createElement(MainContainer,null,React__default.createElement(MainContainerInner,{fullWidth:!0===c,hasSideNav:!!d,className:"jn-mt-[3.875rem]"},d&&d,React__default.createElement(ContentContainer,{className:d?"":"jn-ml-8"},b))),k?k:React__default.createElement(PageFooter,null)))))};export{AppShell as A};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import React__default from"react";import PropTypes from"prop-types";import{S as ShadowRoot,a as StyleProvider}from"./StyleProvider.component-DpOVgdlo.js";import{P as PortalProvider}from"./PortalProvider.component-B2hXHP-c.js";const AppShellProvider=a=>{let{shadowRoot:c=!0,shadowRootMode:d="open",stylesWrapper:e="inline",theme:f=null,children:b}=a;const g=React__default.useCallback(a=>{let{children:b}=a;return c?React__default.createElement(ShadowRoot,{mode:d},b):b},[c,d]);return React__default.createElement(g,null,React__default.createElement(StyleProvider,{theme:f,stylesWrapper:c?"inline":e},React__default.createElement(PortalProvider,null,b)))};AppShellProvider.propTypes={shadowRoot:PropTypes.bool,shadowRootMode:PropTypes.oneOf(["open","closed"]),stylesWrapper:PropTypes.oneOf(["head","inline"]),theme:PropTypes.string,children:PropTypes.any};export{AppShellProvider as A};
|