@ryuzaki13/react-foundation-ui 1.11.0 → 1.11.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/advanced-search/index.js +4 -4
- package/dist/base-table/index.js +1 -1
- package/dist/button/index.js +1 -1
- package/dist/chunks/{CalendarView-BK-Q6GVc.js → CalendarView-Bhaov_XE.js} +2 -2
- package/dist/chunks/{CalendarView-BK-Q6GVc.js.map → CalendarView-Bhaov_XE.js.map} +1 -1
- package/dist/chunks/{TextEditorLexicalClient-C8jKCbsp.js → TextEditorLexicalClient-CqPOrgcQ.js} +3 -3
- package/dist/chunks/{TextEditorLexicalClient-C8jKCbsp.js.map → TextEditorLexicalClient-CqPOrgcQ.js.map} +1 -1
- package/dist/chunks/{base-table-CClQop2i.js → base-table-DswaYoH-.js} +2 -2
- package/dist/chunks/{base-table-CClQop2i.js.map → base-table-DswaYoH-.js.map} +1 -1
- package/dist/chunks/{button-BYWHD2TV.js → button-BaUlN-nt.js} +2 -2
- package/dist/chunks/{button-BYWHD2TV.js.map → button-BaUlN-nt.js.map} +1 -1
- package/dist/chunks/{date-input-DXXKeLcq.js → date-input-DkLfO3Ng.js} +3 -3
- package/dist/chunks/{date-input-DXXKeLcq.js.map → date-input-DkLfO3Ng.js.map} +1 -1
- package/dist/chunks/{misc-CV0XwJf3.js → misc-DeGboAt-.js} +2 -2
- package/dist/chunks/{misc-CV0XwJf3.js.map → misc-DeGboAt-.js.map} +1 -1
- package/dist/chunks/{modal-Bmd9iBw1.js → modal-BGAi96zR.js} +3 -3
- package/dist/chunks/{modal-Bmd9iBw1.js.map → modal-BGAi96zR.js.map} +1 -1
- package/dist/chunks/{popover-BMboZXoQ.js → popover-Bne-Ljbs.js} +62 -61
- package/dist/chunks/{popover-BMboZXoQ.js.map → popover-Bne-Ljbs.js.map} +1 -1
- package/dist/chunks/{table-ZPWbKoR-.js → table-aozLLSJk.js} +2 -2
- package/dist/chunks/{table-ZPWbKoR-.js.map → table-aozLLSJk.js.map} +1 -1
- package/dist/date-input/index.js +2 -2
- package/dist/date-time-input/index.js +2 -2
- package/dist/expandable-action-panel/index.js +2 -2
- package/dist/image/index.js +2 -2
- package/dist/list/index.js +1 -1
- package/dist/misc/index.js +1 -1
- package/dist/modal/index.js +1 -1
- package/dist/notifications/index.js +1 -1
- package/dist/popover/FloatingPopover.d.ts.map +1 -1
- package/dist/popover/index.js +1 -1
- package/dist/preset-range-date-input/index.js +1 -1
- package/dist/simple-table/index.js +1 -1
- package/dist/slider/index.js +1 -1
- package/dist/table/index.js +1 -1
- package/dist/tabs/index.js +1 -1
- package/dist/text/index.js +1 -1
- package/dist/text-editor/index.js +2 -2
- package/dist/tree-table/index.js +1 -1
- package/package.json +1 -1
- package/storybook-static/assets/{Badge-Bmocdlmq.js → Badge-B0pMNo6u.js} +1 -1
- package/storybook-static/assets/{Badge.stories-Dq22iAGc.js → Badge.stories-DmJySgC9.js} +1 -1
- package/storybook-static/assets/{BadgeList-Cf2yUv1u.js → BadgeList-CPMgBZNy.js} +1 -1
- package/storybook-static/assets/{Button-DQHgQZCq.js → Button-BQCqsOSh.js} +1 -1
- package/storybook-static/assets/{Button-BUk07f_S.js → Button-DdP87Kjo.js} +1 -1
- package/storybook-static/assets/{Button.stories-4tFPDHfK.js → Button.stories-B95Gfrv6.js} +1 -1
- package/storybook-static/assets/{CalendarView-DQYsbm4g.js → CalendarView-Dkx103Eo.js} +1 -1
- package/storybook-static/assets/{CheckBox-CLhfwAlH.js → CheckBox-6jhHJHNx.js} +1 -1
- package/storybook-static/assets/{CheckBox-CwRh9b03.js → CheckBox-CEiyvt0g.js} +1 -1
- package/storybook-static/assets/{CheckBox.stories-m5AGRWTh.js → CheckBox.stories-C-ry0F3S.js} +1 -1
- package/storybook-static/assets/{Color-6AOWCN3U-BT97ThGN.js → Color-6AOWCN3U-C7ZBfvPD.js} +1 -1
- package/storybook-static/assets/{ContextMenu-1Qwp2Dk8.js → ContextMenu-B7zzWFcl.js} +1 -1
- package/storybook-static/assets/ContextMenu-BXr3AZy_.js +1 -0
- package/storybook-static/assets/{ContextMenu.stories-DTDQ8JRw.js → ContextMenu.stories-BixTxzOj.js} +1 -1
- package/storybook-static/assets/{CustomOptionButton-DRSpQRg_.js → CustomOptionButton-B4TQxEG7.js} +1 -1
- package/storybook-static/assets/{DateInput-BggMfSmA.js → DateInput-CiNA_ASr.js} +1 -1
- package/storybook-static/assets/{DateInput-Cp6xhtI3.js → DateInput-Dd18xSEj.js} +1 -1
- package/storybook-static/assets/{DateInput.stories-B-N5Y0hy.js → DateInput.stories-BEsG3vsL.js} +1 -1
- package/storybook-static/assets/{DateRangePresetSelect-DWPqA3yb.js → DateRangePresetSelect-CPYFDKex.js} +1 -1
- package/storybook-static/assets/{DateRangePresetSelect-BIXgqhm3.js → DateRangePresetSelect-Ccz7NfDd.js} +1 -1
- package/storybook-static/assets/{DateRangePresetSelect.stories-BWLmoEKH.js → DateRangePresetSelect.stories-opQhou6g.js} +1 -1
- package/storybook-static/assets/{Detail-BjruCzcN.js → Detail-iNp-Y0oX.js} +1 -1
- package/storybook-static/assets/{Detail.stories-DwJ3aW8_.js → Detail.stories-wMP_UVa0.js} +1 -1
- package/storybook-static/assets/{Dialog-0MGsluCV.js → Dialog-C61I39GX.js} +1 -1
- package/storybook-static/assets/{Dialog-BvAqe0gX.js → Dialog-DvJy6JL7.js} +1 -1
- package/storybook-static/assets/{Dialog.stories-B5Lx37As.js → Dialog.stories-BA49irYS.js} +1 -1
- package/storybook-static/assets/{Disclosure-D4q6GuUV.js → Disclosure-CuKVlkDs.js} +1 -1
- package/storybook-static/assets/{Disclosure.stories-DlzUmJUQ.js → Disclosure.stories-DGEYHdsF.js} +1 -1
- package/storybook-static/assets/{DisclosureGroup-DKik623a.js → DisclosureGroup-DhU1dNC8.js} +1 -1
- package/storybook-static/assets/{DocsRenderer-JROSPFPF-CWcb1DRR.js → DocsRenderer-JROSPFPF-BkpUvEnq.js} +1 -1
- package/storybook-static/assets/{DropZone-XGiHG9SW.js → DropZone-7ceW1dn3.js} +1 -1
- package/storybook-static/assets/{DropZone-anfzi8dm.js → DropZone-C78CmTpa.js} +1 -1
- package/storybook-static/assets/{DropZone.stories-DJJ60MOp.js → DropZone.stories-ufjhh7h-.js} +1 -1
- package/storybook-static/assets/{DropdownMenu-JcsvtCfI.js → DropdownMenu-n6JW93BD.js} +1 -1
- package/storybook-static/assets/{ExpandableActionPanel-Bs10HN-A.js → ExpandableActionPanel-Hr0krU6W.js} +1 -1
- package/storybook-static/assets/{ExpandableActionPanel.stories-jdXKbV2C.js → ExpandableActionPanel.stories-DhvuWFNv.js} +1 -1
- package/storybook-static/assets/{Flex-VTK7hPbc.js → Flex-B94m_qyY.js} +1 -1
- package/storybook-static/assets/{Flex.stories-Dk-dArHA.js → Flex.stories-B8AaUI7D.js} +1 -1
- package/storybook-static/assets/FloatingPopover-DJiX84PM.js +1 -0
- package/storybook-static/assets/{FormattedTableCell-Do9NiavS.js → FormattedTableCell-_E06deOh.js} +1 -1
- package/storybook-static/assets/{Grid-Dd2vYRwB.js → Grid-kT9nG3ti.js} +1 -1
- package/storybook-static/assets/{Grid.stories-C46OA4mX.js → Grid.stories-CIpqBZEV.js} +1 -1
- package/storybook-static/assets/{ImageCropper.stories-CMi9hgfG.js → ImageCropper.stories-lLmE-m8y.js} +1 -1
- package/storybook-static/assets/{ImageRenderer-CTSioI7M.js → ImageRenderer-CumAPDzJ.js} +1 -1
- package/storybook-static/assets/{ImageRenderer.stories-DBBOQIIJ.js → ImageRenderer.stories-DRBkO7a5.js} +1 -1
- package/storybook-static/assets/{ImageView.stories-CIevFKkS.js → ImageView.stories-CJPbRo4F.js} +1 -1
- package/storybook-static/assets/{ImageViewer.stories-YNYWn4Bm.js → ImageViewer.stories-Dga7I4WU.js} +2 -2
- package/storybook-static/assets/{ImageViewerRuntime-BOhXjUiB.js → ImageViewerRuntime-B2Mqo_WZ.js} +1 -1
- package/storybook-static/assets/{Input-NQpoWTtN.js → Input-C1R3JI6C.js} +1 -1
- package/storybook-static/assets/{Input-DMnIZD0A.js → Input-aN_k-nwG.js} +1 -1
- package/storybook-static/assets/{Input.stories-DL4OuLQq.js → Input.stories-CamuqrIq.js} +1 -1
- package/storybook-static/assets/{InputDateTime-BkrwE0eN.js → InputDateTime-DLGntd6J.js} +1 -1
- package/storybook-static/assets/{InputDateTime.stories-cfzBkOug.js → InputDateTime.stories-DKS2OEea.js} +1 -1
- package/storybook-static/assets/{InputFile-C0GfBgah.js → InputFile-Co7tvxPX.js} +1 -1
- package/storybook-static/assets/{InputFile-BH8z42gA.js → InputFile-VpaVOpAd.js} +1 -1
- package/storybook-static/assets/{InputFile.stories-DnIX3AC1.js → InputFile.stories-DXdlBxEU.js} +1 -1
- package/storybook-static/assets/{InputFiles-BYkZJb9A.js → InputFiles-BTCuD668.js} +1 -1
- package/storybook-static/assets/{InputFiles-Bf5645s-.js → InputFiles-DvkMwKO7.js} +1 -1
- package/storybook-static/assets/{InputFiles.stories-DVIHMGIP.js → InputFiles.stories-DrTZMej-.js} +1 -1
- package/storybook-static/assets/{InputFilesList-qpPFSFtG.js → InputFilesList-CGjnqnzc.js} +1 -1
- package/storybook-static/assets/{InputImage-_gvKkzWD.js → InputImage-DiEO91jk.js} +1 -1
- package/storybook-static/assets/{InputImage-CC3lb8gi.js → InputImage-Ipb-FcJa.js} +1 -1
- package/storybook-static/assets/{InputImage.stories-BgN8VFFS.js → InputImage.stories-ttixjbus.js} +1 -1
- package/storybook-static/assets/{InteractiveComponents-CgGBx8l1.js → InteractiveComponents-B4gMe903.js} +1 -1
- package/storybook-static/assets/{InteractiveComponents.stories-D7Wep_1W.js → InteractiveComponents.stories-Bao1bjuz.js} +1 -1
- package/storybook-static/assets/{LayoutPicker-CTD5g0Wu.js → LayoutPicker-CbOMOuPf.js} +1 -1
- package/storybook-static/assets/{LayoutPicker-DR5y1Myb.js → LayoutPicker-CuHY0iUU.js} +1 -1
- package/storybook-static/assets/{LayoutPicker.stories-Dt7yQp6w.js → LayoutPicker.stories-DYrG4wtT.js} +1 -1
- package/storybook-static/assets/{Listbox-CRXdkzAx.js → Listbox-BL0ioHxs.js} +1 -1
- package/storybook-static/assets/{Listbox-C2RgETsr.js → Listbox-BxHmY5ET.js} +1 -1
- package/storybook-static/assets/{Listbox.stories-45YthQmO.js → Listbox.stories-DJyYFh1U.js} +1 -1
- package/storybook-static/assets/{Modal-BpcQFiJm.js → Modal-Q7o1iqet.js} +1 -1
- package/storybook-static/assets/{Modal.stories-Il0VwPqg.js → Modal.stories-DwIrHxPr.js} +1 -1
- package/storybook-static/assets/{ModalManagerProvider-DLXe4U3x.js → ModalManagerProvider-41HvR5kw.js} +1 -1
- package/storybook-static/assets/{MultiSelect-Dxz8DA8o.js → MultiSelect-CJesPVwA.js} +1 -1
- package/storybook-static/assets/{MultiSelect-BD6mJ2vx.js → MultiSelect-HPQ3mNkL.js} +1 -1
- package/storybook-static/assets/{MultiSelect.stories-gkbGwBpe.js → MultiSelect.stories-Bb2GHyNF.js} +1 -1
- package/storybook-static/assets/{NoData-Cl4UXZP6.js → NoData-CGqnBZTW.js} +1 -1
- package/storybook-static/assets/{NotificationsHost-B2vgz-sQ.js → NotificationsHost-CwzaWa75.js} +1 -1
- package/storybook-static/assets/{NotificationsHost.stories-7Fw9T4s4.js → NotificationsHost.stories-CcPBctyV.js} +1 -1
- package/storybook-static/assets/{ODataMultiSelect-CGXrGRDW.js → ODataMultiSelect-C_M7IJ-E.js} +1 -1
- package/storybook-static/assets/{ODataMultiSelect.stories-ppuz3Ivh.js → ODataMultiSelect.stories-CEWZoIYN.js} +1 -1
- package/storybook-static/assets/{ODataSelect-xKIjMIAt.js → ODataSelect-CeQ91U4i.js} +1 -1
- package/storybook-static/assets/{ODataSelect.stories-laNLY7vk.js → ODataSelect.stories-OpbcMtd0.js} +1 -1
- package/storybook-static/assets/{ODataTreeMultiSelect-DFUONEUd.js → ODataTreeMultiSelect-By-iwUlb.js} +1 -1
- package/storybook-static/assets/{ODataTreeMultiSelect.stories-DKTkUiBW.js → ODataTreeMultiSelect.stories-DjediQp3.js} +1 -1
- package/storybook-static/assets/{ODataTreeSelect-J4u4Wsfe.js → ODataTreeSelect-C4fBiCfR.js} +1 -1
- package/storybook-static/assets/{ODataTreeSelect.stories-Drgf1o53.js → ODataTreeSelect.stories-BRVIyV0K.js} +1 -1
- package/storybook-static/assets/{OneStepScroller-hE3u2cmJ.js → OneStepScroller-BeOhzxOb.js} +1 -1
- package/storybook-static/assets/{Option-DhjNWSm2.js → Option-BALI2Izw.js} +1 -1
- package/storybook-static/assets/{OptionButton-pWyuhK8d.js → OptionButton-Cu_hyVYx.js} +1 -1
- package/storybook-static/assets/{PeriodSelect-DKRTbhor.js → PeriodSelect-C0tZpOZ2.js} +1 -1
- package/storybook-static/assets/{PeriodSelect-Clv23FEy.js → PeriodSelect-D7ZyNQQj.js} +1 -1
- package/storybook-static/assets/{PeriodSelect.stories-BmMj08to.js → PeriodSelect.stories-CaKpWoBI.js} +1 -1
- package/storybook-static/assets/{PickerTriggerActions-l0pz64kI.js → PickerTriggerActions-CouIkvlG.js} +1 -1
- package/storybook-static/assets/Popover-BNl3GC6I.js +2 -0
- package/storybook-static/assets/{Popover-C6ma37U9.js → Popover-VojsocpB.js} +1 -1
- package/storybook-static/assets/{Popover.stories-pYPdoCie.js → Popover.stories-voeYCJAG.js} +1 -1
- package/storybook-static/assets/{PresetRangeDateInput-BOz7K4tq.js → PresetRangeDateInput-BAsiw0m9.js} +1 -1
- package/storybook-static/assets/{PresetRangeDateInput-BBTaxl7U.js → PresetRangeDateInput-DTFvAuEG.js} +1 -1
- package/storybook-static/assets/{PresetRangeDateInput.stories-DLm_xsNg.js → PresetRangeDateInput.stories-BpytrxVn.js} +1 -1
- package/storybook-static/assets/{PresetSelect-DVJNVQ0Y.js → PresetSelect-DqsBg04y.js} +1 -1
- package/storybook-static/assets/{README-CGRGUCj5.js → README-6evrAby4.js} +1 -1
- package/storybook-static/assets/{README-zlCSWis-.js → README-822aEKM9.js} +1 -1
- package/storybook-static/assets/{README-CjvdkRtH.js → README-B2JDHSDg.js} +1 -1
- package/storybook-static/assets/{README-CaQ_tDiK.js → README-B4L4Qms9.js} +1 -1
- package/storybook-static/assets/{README-qhDVrEux.js → README-BH_ofrva.js} +1 -1
- package/storybook-static/assets/{README-Bmto4mN8.js → README-BIY0CXzT.js} +1 -1
- package/storybook-static/assets/{README-BXKptrTk.js → README-BRJb1GLe.js} +1 -1
- package/storybook-static/assets/{README-CuS7_hvi.js → README-BV9yMaZH.js} +1 -1
- package/storybook-static/assets/{README-BECvJlYF.js → README-BVJkWNdT.js} +1 -1
- package/storybook-static/assets/{README-Dprsyjb3.js → README-BVZEvH2e.js} +1 -1
- package/storybook-static/assets/{README-rV7rsInW.js → README-BuA3_CmY.js} +1 -1
- package/storybook-static/assets/{README-DsKMlp5D.js → README-BvWWZXkg.js} +1 -1
- package/storybook-static/assets/{README-EbWehfGJ.js → README-BvwvQC0S.js} +1 -1
- package/storybook-static/assets/{README-UeQ6P9dU.js → README-Bwn32UEx.js} +1 -1
- package/storybook-static/assets/{README-d4RlrI_M.js → README-C-Pfk84O.js} +1 -1
- package/storybook-static/assets/{README-BDdVg3By.js → README-C78L4rcb.js} +1 -1
- package/storybook-static/assets/{README-uRH_sJT9.js → README-C9NwfMMB.js} +1 -1
- package/storybook-static/assets/{README-ClaZhzyO.js → README-CBcr-aZ-.js} +1 -1
- package/storybook-static/assets/{README-D_shHX2g.js → README-CFx77m4x.js} +1 -1
- package/storybook-static/assets/{README-D09eq_kv.js → README-CGU1FPkG.js} +1 -1
- package/storybook-static/assets/{README-CgV2GMjt.js → README-CNGBJoj9.js} +1 -1
- package/storybook-static/assets/{README-DcN57PQO.js → README-CNwWDpPA.js} +1 -1
- package/storybook-static/assets/{README-Dy8QkJy5.js → README-CP8A3pUx.js} +1 -1
- package/storybook-static/assets/{README-CsE00A8j.js → README-CRPSrjud.js} +1 -1
- package/storybook-static/assets/{README-DO_EutNH.js → README-CSnzw2D-.js} +1 -1
- package/storybook-static/assets/{README-DuSlk_Zw.js → README-CZrtJjG5.js} +1 -1
- package/storybook-static/assets/{README-PECG8BRh.js → README-CshGb2DJ.js} +1 -1
- package/storybook-static/assets/{README-MPTR3r1B.js → README-CxvHN56L.js} +1 -1
- package/storybook-static/assets/{README-CNkhkjA3.js → README-D01CDD_h.js} +1 -1
- package/storybook-static/assets/{README-emZYwvTg.js → README-D0tDmHet.js} +1 -1
- package/storybook-static/assets/{README-DNyQ5dAL.js → README-D1eYEpJo.js} +1 -1
- package/storybook-static/assets/{README-CPbiCM44.js → README-D2ulcVfy.js} +1 -1
- package/storybook-static/assets/{README-p7SV8llU.js → README-D5JHlt8a.js} +1 -1
- package/storybook-static/assets/{README-B4Xr-JsN.js → README-D6Vv7boA.js} +1 -1
- package/storybook-static/assets/{README-DFI_0Xa-.js → README-D95b9s0-.js} +1 -1
- package/storybook-static/assets/{README-Cj1-wuG7.js → README-DLMl2PNQ.js} +1 -1
- package/storybook-static/assets/{README-DPhYvx9a.js → README-DPWMkaF9.js} +1 -1
- package/storybook-static/assets/{README-CDlwnugz.js → README-DTdq97bt.js} +1 -1
- package/storybook-static/assets/{README-CsZEzBJP.js → README-DaTftOiF.js} +1 -1
- package/storybook-static/assets/{README-BEjUSrTw.js → README-DlSdPLoj.js} +1 -1
- package/storybook-static/assets/{README-9jx1x6qi.js → README-DpbDg5ce.js} +1 -1
- package/storybook-static/assets/{README-DwJSX6TF.js → README-Dt7VgalJ.js} +1 -1
- package/storybook-static/assets/{README-B_wGX6sN.js → README-JfTIbTxa.js} +1 -1
- package/storybook-static/assets/{README-B5rZ3QLJ.js → README-KslesuPp.js} +1 -1
- package/storybook-static/assets/{README-CaYMYOLi.js → README-RqmpGW_K.js} +1 -1
- package/storybook-static/assets/{README-Bgf6v4CI.js → README-SmqCd027.js} +1 -1
- package/storybook-static/assets/{README-gKvDIeCq.js → README-V9-IwPwN.js} +1 -1
- package/storybook-static/assets/{README-BfIVJh3-.js → README-eGS9MpcY.js} +1 -1
- package/storybook-static/assets/{README-Cs2RDVgN.js → README-pEhV0D6Q.js} +1 -1
- package/storybook-static/assets/{README-EYy5nk_J.js → README-qYd4IxwX.js} +1 -1
- package/storybook-static/assets/{README-DDNwItD0.js → README-y2sdEYQd.js} +1 -1
- package/storybook-static/assets/{README-bUo0Smq-.js → README-ymNGc5K0.js} +1 -1
- package/storybook-static/assets/{RadioButton-C6rZp79x.js → RadioButton-Ba9QfrAy.js} +1 -1
- package/storybook-static/assets/{RadioButton-PzYp1sbh.js → RadioButton-CnpzlpUJ.js} +1 -1
- package/storybook-static/assets/{RadioButton.stories-DlBlaipI.js → RadioButton.stories-BnN4pgGe.js} +1 -1
- package/storybook-static/assets/{RadioGroup-BZ6jpcRK.js → RadioGroup-BykHY9bQ.js} +1 -1
- package/storybook-static/assets/{RadioGroup-CUTPaFXh.js → RadioGroup-Snp96mXk.js} +1 -1
- package/storybook-static/assets/{RadioGroup.stories-BmA8DAEX.js → RadioGroup.stories-ElfRHSzd.js} +1 -1
- package/storybook-static/assets/{Scrollable-CxrPKShA.js → Scrollable-CZQNMT37.js} +1 -1
- package/storybook-static/assets/{Select-B3FoE2zw.js → Select-7gK0WOKA.js} +1 -1
- package/storybook-static/assets/{Select-CRnpjYGa.js → Select-DB19StkW.js} +1 -1
- package/storybook-static/assets/{Select.stories-DxhEaTHD.js → Select.stories-B-x2u4Ka.js} +1 -1
- package/storybook-static/assets/{SerializableSelect-JfVyMsfo.js → SerializableSelect-RdiASBU7.js} +1 -1
- package/storybook-static/assets/{SerializableSelect.stories-DIHqxl-P.js → SerializableSelect.stories-D3oi1vVq.js} +1 -1
- package/storybook-static/assets/{SingleDateTimeInput-BHrmqVUi.js → SingleDateTimeInput-ekp5dih9.js} +1 -1
- package/storybook-static/assets/{SingleDateTimeInput-DYi2W5-T.js → SingleDateTimeInput-lU6cGbfx.js} +1 -1
- package/storybook-static/assets/{SingleDateTimeInput.stories-SJfUXQ27.js → SingleDateTimeInput.stories-CL-wJh62.js} +1 -1
- package/storybook-static/assets/{Slider-DAsAVPS3.js → Slider-BaGjYkeA.js} +1 -1
- package/storybook-static/assets/{Slider-DhdKtsT1.js → Slider-TYTl3yDT.js} +1 -1
- package/storybook-static/assets/{Slider.stories-BpMfeLzl.js → Slider.stories-B1Q15yer.js} +1 -1
- package/storybook-static/assets/{SliderInput-H9TKoqbL.js → SliderInput-D7HC0Qy7.js} +1 -1
- package/storybook-static/assets/{SliderInput-B63Rq_wR.js → SliderInput-DQCecLsI.js} +1 -1
- package/storybook-static/assets/{SliderInput.stories-Cn7GhuHt.js → SliderInput.stories-Dks-x9HE.js} +1 -1
- package/storybook-static/assets/{Sortable-CAjeg1_l.js → Sortable-BNy1ZMbQ.js} +1 -1
- package/storybook-static/assets/{Sortable.stories-8lzpL0Lt.js → Sortable.stories-Cb6IiB1t.js} +1 -1
- package/storybook-static/assets/{Splitter-D54uXac9.js → Splitter-DIgl2n1Z.js} +1 -1
- package/storybook-static/assets/{Splitter.stories-qqnOp0Be.js → Splitter.stories-BIjaaFzl.js} +1 -1
- package/storybook-static/assets/{StateSelect-UC8bRpDR.js → StateSelect-B6gJ8hJa.js} +1 -1
- package/storybook-static/assets/{StateSelect-CIwqD4QX.js → StateSelect-zOqdyaQn.js} +1 -1
- package/storybook-static/assets/{StateSelect.stories-CeWB2shZ.js → StateSelect.stories-BO-IgbhM.js} +1 -1
- package/storybook-static/assets/{StringToggle.stories-CId-fhHG.js → StringToggle.stories-D4f7Fbw8.js} +1 -1
- package/storybook-static/assets/{Switch-CVtJtLtK.js → Switch-CJrR8E7p.js} +1 -1
- package/storybook-static/assets/{Switch-CRVzhG2B.js → Switch-D5xdNKsi.js} +1 -1
- package/storybook-static/assets/{Switch.stories-QTri2bfY.js → Switch.stories-9rHvE9GC.js} +1 -1
- package/storybook-static/assets/{Table-BXvnFfUe.js → Table-BndDbNw8.js} +1 -1
- package/storybook-static/assets/{Table.stories-BcDC_lz-.js → Table.stories-CJCfJUjh.js} +1 -1
- package/storybook-static/assets/{Tabs-D0eZ9Cgh.js → Tabs-CP10ZNq4.js} +1 -1
- package/storybook-static/assets/{Tabs.stories-Co4DPEfD.js → Tabs.stories-C9yRAUoL.js} +1 -1
- package/storybook-static/assets/{TabsBox-DbflFmuw.js → TabsBox-CF6lsJX9.js} +1 -1
- package/storybook-static/assets/{TagInput-DB7FGBMX.js → TagInput-CNuIR1Js.js} +1 -1
- package/storybook-static/assets/{TagInput.stories-DUFf2b0k.js → TagInput.stories-EHAVYqjD.js} +1 -1
- package/storybook-static/assets/{Text-B2YuarGk.js → Text-Dk57_ZbR.js} +1 -1
- package/storybook-static/assets/{Textarea-DTqLlnko.js → Textarea-BE9dNCqI.js} +1 -1
- package/storybook-static/assets/{Textarea-CKEIyyZn.js → Textarea-C62-_iti.js} +1 -1
- package/storybook-static/assets/{Textarea.stories-BgIIz2G-.js → Textarea.stories-DKvABJTj.js} +1 -1
- package/storybook-static/assets/{TimePanel-B0OHydPr.js → TimePanel-x3TlepfZ.js} +1 -1
- package/storybook-static/assets/{TimePanel.stories-VwoN28G5.js → TimePanel.stories-DaZB0D5G.js} +1 -1
- package/storybook-static/assets/{Toggle-Cs4DVygF.js → Toggle-BC4e-JyH.js} +1 -1
- package/storybook-static/assets/{Toggle-BCL50yyX.js → Toggle-FZ3jr9eC.js} +1 -1
- package/storybook-static/assets/{Toggle.stories-CpXAf4PL.js → Toggle.stories-bBbcFQPg.js} +1 -1
- package/storybook-static/assets/{TreeMultiSelect-B_XsAJp-.js → TreeMultiSelect-BY0kKT3J.js} +1 -1
- package/storybook-static/assets/{TreeMultiSelect-DK2Y3CsI.js → TreeMultiSelect-BsA8SRFS.js} +1 -1
- package/storybook-static/assets/{TreeMultiSelect.stories-BgPTdk2V.js → TreeMultiSelect.stories-CuYZx8Ye.js} +1 -1
- package/storybook-static/assets/{TreePickerBase-BEH20lQJ.js → TreePickerBase-Cy2h0kPW.js} +1 -1
- package/storybook-static/assets/{TreeSelect-B3sF0Kdg.js → TreeSelect-CurHAVQd.js} +1 -1
- package/storybook-static/assets/{TreeSelect-Vx2Lkr0D.js → TreeSelect-DFQ3bXsn.js} +1 -1
- package/storybook-static/assets/{TreeSelect.stories-t3hHAqnv.js → TreeSelect.stories-CWIRI6gz.js} +1 -1
- package/storybook-static/assets/{TreeTable-C_wS4KRn.js → TreeTable-cuDoXkMK.js} +1 -1
- package/storybook-static/assets/{TreeTable.stories-DqhjGEev.js → TreeTable.stories-C2QEYgml.js} +1 -1
- package/storybook-static/assets/{blocks-Cyh_k-EZ.js → blocks-Bc4j9MF9.js} +3 -3
- package/storybook-static/assets/{check-C2TxO0vM.js → check-BgL33jfp.js} +1 -1
- package/storybook-static/assets/{chevron-down-D-NHGmtk.js → chevron-down-R3Jdqzrn.js} +1 -1
- package/storybook-static/assets/{chevron-left-CM7EAsdD.js → chevron-left-mLWJvyEZ.js} +1 -1
- package/storybook-static/assets/{chevron-right-CfuaKuy2.js → chevron-right-CPZF-d1L.js} +1 -1
- package/storybook-static/assets/{chunk-W22LQPXL-B7RoPLDL.js → chunk-W22LQPXL-C62lx28p.js} +1 -1
- package/storybook-static/assets/{circle-alert-DOSGRi-t.js → circle-alert-F3LNsip3.js} +1 -1
- package/storybook-static/assets/{circle-check-BkRw3adn.js → circle-check-B-PCEcP6.js} +1 -1
- package/storybook-static/assets/{components-znwoLfgu.js → components-EKvM9m9t.js} +3 -3
- package/storybook-static/assets/{contextMenu-8DDN0Php.js → contextMenu-DXU_cSyO.js} +1 -1
- package/storybook-static/assets/{download-vwxw-yX8.js → download-_gpfOcUw.js} +1 -1
- package/storybook-static/assets/floating-ui.react-DWG5_l50.js +1 -0
- package/storybook-static/assets/{foundationApi-BxPdFkTS.js → foundationApi-Bf1RvCy6.js} +1 -1
- package/storybook-static/assets/{foundationLib-rTXFCRH-.js → foundationLib-BqFATCRV.js} +1 -1
- package/storybook-static/assets/{hooks-D9hEAXzf.js → hooks-CVQS96HT.js} +2 -2
- package/storybook-static/assets/iframe-C-PXkEVa.js +1 -0
- package/storybook-static/assets/{iframe-Ctjgxy8H.js → iframe-DB62bexO.js} +3 -3
- package/storybook-static/assets/{info-Dl61zQfI.js → info-_jHhDMxQ.js} +1 -1
- package/storybook-static/assets/{odata-BDsYgYEZ.js → odata-CSE2o56k.js} +1 -1
- package/storybook-static/assets/{odataStoryFixtures-CokWXYCf.js → odataStoryFixtures-CnD5g3U7.js} +1 -1
- package/storybook-static/assets/{react-0DwxKZMs.js → react-CKPG354p.js} +1 -1
- package/storybook-static/assets/{refresh-cw-B8DNzoOe.js → refresh-cw-gwn6yl4E.js} +1 -1
- package/storybook-static/assets/{settings-2-DckqP9jM.js → settings-2-CI-uItnb.js} +1 -1
- package/storybook-static/assets/{sortable-DREBv4GG.js → sortable-D9YLnSq2.js} +1 -1
- package/storybook-static/assets/{syntaxhighlighter-QEQV7K2Y-BBaSxtnH.js → syntaxhighlighter-QEQV7K2Y-D1Qwwr3j.js} +1 -1
- package/storybook-static/assets/{trash-2-CSbUpfo-.js → trash-2-C8HzUkes.js} +1 -1
- package/storybook-static/assets/{triangle-alert-BRLCqBPU.js → triangle-alert-CiqmLtau.js} +1 -1
- package/storybook-static/assets/{useODataSelectBase-oNEeP0OC.js → useODataSelectBase-CIQ0s0Kh.js} +1 -1
- package/storybook-static/assets/{useODataTreeData-Blp3jPg9.js → useODataTreeData-DrVyNvfl.js} +1 -1
- package/storybook-static/assets/{usePickerQuery-DbaNcz3d.js → usePickerQuery-DgtD9ozg.js} +1 -1
- package/storybook-static/assets/{usePickerTriggerController-8HqdXbS9.js → usePickerTriggerController-CeQZVvq6.js} +1 -1
- package/storybook-static/assets/{x-4Az7SNSv.js → x-fspKtNh2.js} +1 -1
- package/storybook-static/iframe.html +2 -2
- package/storybook-static/project.json +1 -1
- package/storybook-static/assets/ContextMenu-BgDahw7W.js +0 -1
- package/storybook-static/assets/FloatingPopover-Bdkmabj9.js +0 -1
- package/storybook-static/assets/Popover-CgImrEnF.js +0 -2
- package/storybook-static/assets/floating-ui.react-YRjL1BGe.js +0 -1
- package/storybook-static/assets/iframe-CBbpuUos.js +0 -1
|
@@ -1,23 +1,23 @@
|
|
|
1
1
|
import { t as e } from "./floating-arrow-DPKwJfww.js";
|
|
2
2
|
import { cloneElement as t, createContext as n, useCallback as r, useContext as i, useEffect as a, useLayoutEffect as o, useRef as s, useState as c } from "react";
|
|
3
3
|
import { cn as l } from "@ryuzaki13/react-foundation-lib/utils";
|
|
4
|
-
import { FloatingPortal as u, arrow as d, autoUpdate as f, flip as p, offset as m, shift as h, size as g, useDismiss as _, useFloating as v,
|
|
5
|
-
import { useClickOutside as
|
|
6
|
-
import { Fragment as
|
|
7
|
-
import { createMissingContextError as
|
|
8
|
-
import { createPortal as
|
|
4
|
+
import { FloatingPortal as u, arrow as d, autoUpdate as f, flip as p, offset as m, shift as h, size as g, useDismiss as _, useFloating as v, useFocus as y, useHover as b, useInteractions as x, useRole as S } from "@floating-ui/react";
|
|
5
|
+
import { useClickOutside as C, useEscapeDismiss as w, useOverlayFocus as T } from "@ryuzaki13/react-foundation-lib/dom";
|
|
6
|
+
import { Fragment as E, jsx as D, jsxs as O } from "react/jsx-runtime";
|
|
7
|
+
import { createMissingContextError as k } from "@ryuzaki13/react-foundation-lib/error";
|
|
8
|
+
import { createPortal as A } from "react-dom";
|
|
9
9
|
//#region src/popover/lib/applyPopoverAvailableSize.ts
|
|
10
|
-
function
|
|
10
|
+
function j({ availableWidth: e, availableHeight: t, floating: n }) {
|
|
11
11
|
n.style.setProperty("--popover-available-width", `${Math.max(0, e)}px`), n.style.setProperty("--popover-available-height", `${Math.max(0, t)}px`);
|
|
12
12
|
}
|
|
13
|
-
var
|
|
13
|
+
var M = {
|
|
14
14
|
popover: "JK2Y7t",
|
|
15
15
|
primary: "_5QtpCJ",
|
|
16
16
|
secondary: "hZuysP"
|
|
17
|
-
},
|
|
18
|
-
function
|
|
19
|
-
let e = i(
|
|
20
|
-
if (!e) throw
|
|
17
|
+
}, N = n(null);
|
|
18
|
+
function P() {
|
|
19
|
+
let e = i(N);
|
|
20
|
+
if (!e) throw k({
|
|
21
21
|
hookName: "usePopoverContext",
|
|
22
22
|
providerName: "Popover"
|
|
23
23
|
});
|
|
@@ -25,10 +25,10 @@ function N() {
|
|
|
25
25
|
}
|
|
26
26
|
//#endregion
|
|
27
27
|
//#region src/popover/components/PopoverContent.tsx
|
|
28
|
-
var
|
|
29
|
-
let { open: d, setOpen: f, refs: p, floatingStyles: m, middlewareData: h, placement: g, arrowRef: _ } =
|
|
28
|
+
var F = ({ children: t, onClose: n, closeOnOutside: i = !0, closeOnEscape: a = !0, disableOutsideClick: o = !1, background: c = "secondary" }) => {
|
|
29
|
+
let { open: d, setOpen: f, refs: p, floatingStyles: m, middlewareData: h, placement: g, arrowRef: _ } = P(), v = s(null), y = r((e) => {
|
|
30
30
|
v.current = e, p.setFloating(e);
|
|
31
|
-
}, [p]), b =
|
|
31
|
+
}, [p]), b = T({
|
|
32
32
|
active: d,
|
|
33
33
|
initialFocus: "container",
|
|
34
34
|
restoreFocus: !0,
|
|
@@ -40,13 +40,13 @@ var P = ({ children: t, onClose: n, closeOnOutside: i = !0, closeOnEscape: a = !
|
|
|
40
40
|
n,
|
|
41
41
|
d
|
|
42
42
|
]);
|
|
43
|
-
|
|
43
|
+
w({
|
|
44
44
|
active: d,
|
|
45
45
|
enabled: a,
|
|
46
46
|
onDismiss: x,
|
|
47
47
|
containerRef: b
|
|
48
48
|
});
|
|
49
|
-
let
|
|
49
|
+
let S = r(() => {
|
|
50
50
|
!d || o || i && x();
|
|
51
51
|
}, [
|
|
52
52
|
d,
|
|
@@ -54,21 +54,21 @@ var P = ({ children: t, onClose: n, closeOnOutside: i = !0, closeOnEscape: a = !
|
|
|
54
54
|
i,
|
|
55
55
|
x
|
|
56
56
|
]);
|
|
57
|
-
return
|
|
57
|
+
return C([p.floating, p.reference], S), d ? /* @__PURE__ */ D(u, { children: /* @__PURE__ */ O("div", {
|
|
58
58
|
ref: y,
|
|
59
59
|
style: m,
|
|
60
|
-
className: l(
|
|
60
|
+
className: l(M.popover, M[c]),
|
|
61
61
|
role: "dialog",
|
|
62
62
|
"aria-modal": "true",
|
|
63
63
|
tabIndex: -1,
|
|
64
|
-
children: [typeof t == "function" ? t({ setClose: x }) : t, /* @__PURE__ */
|
|
64
|
+
children: [typeof t == "function" ? t({ setClose: x }) : t, /* @__PURE__ */ D(e, {
|
|
65
65
|
ref: _,
|
|
66
66
|
placement: g,
|
|
67
67
|
middlewareData: h
|
|
68
68
|
})]
|
|
69
69
|
}) }) : null;
|
|
70
|
-
},
|
|
71
|
-
let { open: i, setOpen: a, refs: o } =
|
|
70
|
+
}, I = ({ passive: e, children: n }) => {
|
|
71
|
+
let { open: i, setOpen: a, refs: o } = P(), s = r((t) => {
|
|
72
72
|
n.props.onClick && n.props.onClick(t), !t.defaultPrevented && (t.preventDefault(), t.stopPropagation(), !e && a((e) => !e));
|
|
73
73
|
}, [
|
|
74
74
|
n,
|
|
@@ -80,7 +80,7 @@ var P = ({ children: t, onClose: n, closeOnOutside: i = !0, closeOnEscape: a = !
|
|
|
80
80
|
"aria-expanded": i,
|
|
81
81
|
onClick: s
|
|
82
82
|
});
|
|
83
|
-
},
|
|
83
|
+
}, L = 16, R = Object.assign(({ children: e, open: t, defaultOpen: n, onOpenChange: i, placement: a = "bottom" }) => {
|
|
84
84
|
let [o, l] = c(n ?? !1), u = t !== void 0, _ = u ? t : o, y = r((e) => {
|
|
85
85
|
let t = typeof e == "function" ? e(_) : e;
|
|
86
86
|
u || l(t), i?.(t);
|
|
@@ -94,12 +94,12 @@ var P = ({ children: t, onClose: n, closeOnOutside: i = !0, closeOnEscape: a = !
|
|
|
94
94
|
placement: a,
|
|
95
95
|
middleware: [
|
|
96
96
|
m(8),
|
|
97
|
-
p({ padding:
|
|
98
|
-
h({ padding:
|
|
97
|
+
p({ padding: L }),
|
|
98
|
+
h({ padding: L }),
|
|
99
99
|
g({
|
|
100
|
-
padding:
|
|
100
|
+
padding: L,
|
|
101
101
|
apply({ availableWidth: e, availableHeight: t, elements: n }) {
|
|
102
|
-
|
|
102
|
+
j({
|
|
103
103
|
availableWidth: e,
|
|
104
104
|
availableHeight: t,
|
|
105
105
|
floating: n.floating
|
|
@@ -110,7 +110,7 @@ var P = ({ children: t, onClose: n, closeOnOutside: i = !0, closeOnEscape: a = !
|
|
|
110
110
|
],
|
|
111
111
|
whileElementsMounted: f
|
|
112
112
|
});
|
|
113
|
-
return /* @__PURE__ */
|
|
113
|
+
return /* @__PURE__ */ D(N.Provider, {
|
|
114
114
|
value: {
|
|
115
115
|
open: _,
|
|
116
116
|
setOpen: y,
|
|
@@ -123,9 +123,9 @@ var P = ({ children: t, onClose: n, closeOnOutside: i = !0, closeOnEscape: a = !
|
|
|
123
123
|
children: e
|
|
124
124
|
});
|
|
125
125
|
}, {
|
|
126
|
-
Trigger:
|
|
127
|
-
Content:
|
|
128
|
-
}),
|
|
126
|
+
Trigger: I,
|
|
127
|
+
Content: F
|
|
128
|
+
}), z = {
|
|
129
129
|
tooltipPanel: "sZ0x6w",
|
|
130
130
|
tooltip: "_538Ejd",
|
|
131
131
|
negative: "fqciCO",
|
|
@@ -133,10 +133,10 @@ var P = ({ children: t, onClose: n, closeOnOutside: i = !0, closeOnEscape: a = !
|
|
|
133
133
|
error: "bpGNoX",
|
|
134
134
|
warning: "tYnRg-",
|
|
135
135
|
success: "_8lflEh"
|
|
136
|
-
},
|
|
137
|
-
let [
|
|
138
|
-
open:
|
|
139
|
-
onOpenChange:
|
|
136
|
+
}, B = ({ content: t, children: n, openOnHover: r = !0, placement: i = "bottom", openDelay: a = 200, closeDelay: u = 100, maxWidth: g, state: C, tooltip: w, positionUpdateKey: T }) => {
|
|
137
|
+
let [k, j] = c(!1), M = s(null), { refs: N, floatingStyles: P, middlewareData: F, context: I, placement: L, update: R } = v({
|
|
138
|
+
open: k,
|
|
139
|
+
onOpenChange: j,
|
|
140
140
|
placement: i,
|
|
141
141
|
middleware: [
|
|
142
142
|
m(8),
|
|
@@ -150,53 +150,54 @@ var P = ({ children: t, onClose: n, closeOnOutside: i = !0, closeOnEscape: a = !
|
|
|
150
150
|
}),
|
|
151
151
|
h({ padding: 8 }),
|
|
152
152
|
d({
|
|
153
|
-
element:
|
|
153
|
+
element: M,
|
|
154
154
|
padding: 8
|
|
155
155
|
})
|
|
156
156
|
],
|
|
157
157
|
whileElementsMounted: f
|
|
158
158
|
});
|
|
159
159
|
o(() => {
|
|
160
|
-
|
|
160
|
+
k && R();
|
|
161
161
|
}, [
|
|
162
|
-
|
|
163
|
-
|
|
164
|
-
|
|
162
|
+
k,
|
|
163
|
+
T,
|
|
164
|
+
R
|
|
165
165
|
]);
|
|
166
|
-
let
|
|
166
|
+
let B = b(I, {
|
|
167
167
|
enabled: r,
|
|
168
168
|
move: !1,
|
|
169
169
|
delay: {
|
|
170
170
|
open: a,
|
|
171
171
|
close: u
|
|
172
172
|
}
|
|
173
|
-
}),
|
|
174
|
-
z,
|
|
173
|
+
}), V = y(I, { enabled: r }), H = _(I), U = S(I), { getReferenceProps: W, getFloatingProps: G } = x([
|
|
175
174
|
B,
|
|
176
|
-
V
|
|
175
|
+
V,
|
|
176
|
+
H,
|
|
177
|
+
U
|
|
177
178
|
]);
|
|
178
|
-
return /* @__PURE__ */
|
|
179
|
-
ref:
|
|
180
|
-
...
|
|
179
|
+
return /* @__PURE__ */ O(E, { children: [/* @__PURE__ */ D("span", {
|
|
180
|
+
ref: N.setReference,
|
|
181
|
+
...W(),
|
|
181
182
|
style: { lineHeight: 1 },
|
|
182
183
|
children: n
|
|
183
|
-
}),
|
|
184
|
-
ref:
|
|
184
|
+
}), k && A(/* @__PURE__ */ O("div", {
|
|
185
|
+
ref: N.setFloating,
|
|
185
186
|
style: {
|
|
186
|
-
...
|
|
187
|
+
...P,
|
|
187
188
|
zIndex: "var(--z-tooltip)",
|
|
188
189
|
maxWidth: g ? `${g}em` : void 0
|
|
189
190
|
},
|
|
190
|
-
...
|
|
191
|
+
...G(),
|
|
191
192
|
role: "tooltip",
|
|
192
|
-
className: l(
|
|
193
|
-
children: [t, /* @__PURE__ */
|
|
194
|
-
ref:
|
|
195
|
-
placement:
|
|
196
|
-
middlewareData:
|
|
193
|
+
className: l(z.tooltipPanel, w && z.tooltip, C && z[C]),
|
|
194
|
+
children: [t, /* @__PURE__ */ D(e, {
|
|
195
|
+
ref: M,
|
|
196
|
+
placement: L,
|
|
197
|
+
middlewareData: F
|
|
197
198
|
})]
|
|
198
199
|
}), document.body)] });
|
|
199
|
-
},
|
|
200
|
+
}, V = ({ x: t, y: n, children: r }) => {
|
|
200
201
|
let i = s(null), { refs: o, floatingStyles: c, middlewareData: l, placement: u } = v({
|
|
201
202
|
strategy: "absolute",
|
|
202
203
|
placement: "top",
|
|
@@ -223,15 +224,15 @@ var P = ({ children: t, onClose: n, closeOnOutside: i = !0, closeOnEscape: a = !
|
|
|
223
224
|
t,
|
|
224
225
|
n,
|
|
225
226
|
o
|
|
226
|
-
]), /* @__PURE__ */
|
|
227
|
+
]), /* @__PURE__ */ O("div", {
|
|
227
228
|
ref: o.setFloating,
|
|
228
229
|
style: {
|
|
229
230
|
...c,
|
|
230
231
|
position: "absolute",
|
|
231
232
|
pointerEvents: "none"
|
|
232
233
|
},
|
|
233
|
-
className:
|
|
234
|
-
children: [r, /* @__PURE__ */
|
|
234
|
+
className: z.tooltip,
|
|
235
|
+
children: [r, /* @__PURE__ */ D(e, {
|
|
235
236
|
ref: i,
|
|
236
237
|
placement: u,
|
|
237
238
|
middlewareData: l
|
|
@@ -239,6 +240,6 @@ var P = ({ children: t, onClose: n, closeOnOutside: i = !0, closeOnEscape: a = !
|
|
|
239
240
|
});
|
|
240
241
|
};
|
|
241
242
|
//#endregion
|
|
242
|
-
export {
|
|
243
|
+
export { F as a, I as i, B as n, P as o, R as r, V as t };
|
|
243
244
|
|
|
244
|
-
//# sourceMappingURL=popover-
|
|
245
|
+
//# sourceMappingURL=popover-Bne-Ljbs.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"popover-BMboZXoQ.js","names":[],"sources":["../../src/popover/lib/applyPopoverAvailableSize.ts","../../src/popover/components/Popover.module.scss","../../src/popover/components/PopoverContext.tsx","../../src/popover/components/PopoverContent.tsx","../../src/popover/components/PopoverTrigger.tsx","../../src/popover/components/Popover.tsx","../../src/popover/Popover.module.scss","../../src/popover/FloatingPopover.tsx","../../src/popover/FloatingTooltip.tsx"],"sourcesContent":["type ApplyPopoverAvailableSizeOptions = {\n\treadonly availableWidth: number;\n\treadonly availableHeight: number;\n\treadonly floating: HTMLElement;\n};\n\n/**\n * Передаёт вычисленную Floating UI доступную область самому popover через CSS-переменные.\n * Потребитель может совместить эти границы со своим размером и режимом прокрутки,\n * не дублируя `size()` middleware и правила clipping context.\n */\nexport function applyPopoverAvailableSize({ availableWidth, availableHeight, floating }: ApplyPopoverAvailableSizeOptions) {\n\tfloating.style.setProperty(\"--popover-available-width\", `${Math.max(0, availableWidth)}px`);\n\tfloating.style.setProperty(\"--popover-available-height\", `${Math.max(0, availableHeight)}px`);\n}\n",".popover {\n\tpadding: var(--space-sm);\n\t// background-image: radial-gradient(var(--surface-0) 50%, var(--surface-1) 100%);\n\n\tborder: var(--border-width) solid var(--border-1);\n\tborder-radius: var(--radius-sm);\n\tcolor: var(--content-0);\n\n\tfilter: drop-shadow(var(--shadow-md));\n\n\tz-index: var(--z-popover);\n\n\t&.primary {\n\t\tbackground-color: var(--surface-0);\n\t}\n\n\t&.secondary {\n\t\tbackground-color: var(--surface-1);\n\t}\n}\n","import React, { createContext, useContext } from \"react\";\n\nimport { Placement, useFloating } from \"@floating-ui/react\";\nimport { createMissingContextError } from \"@ryuzaki13/react-foundation-lib/error\";\n\ninterface PopoverContextValue {\n\topen: boolean;\n\tsetOpen: React.Dispatch<React.SetStateAction<boolean>>;\n\trefs: ReturnType<typeof useFloating>[\"refs\"];\n\tfloatingStyles: React.CSSProperties;\n\tplacement: Placement;\n\tmiddlewareData: ReturnType<typeof useFloating>[\"middlewareData\"];\n\tarrowRef: React.RefObject<HTMLDivElement | null>;\n}\n\nexport const PopoverContext = createContext<PopoverContextValue | null>(null);\n\nexport function usePopoverContext() {\n\tconst context = useContext(PopoverContext);\n\tif (!context) {\n\t\tthrow createMissingContextError({\n\t\t\thookName: \"usePopoverContext\",\n\t\t\tproviderName: \"Popover\"\n\t\t});\n\t}\n\treturn context;\n}\n","import React, { useCallback, useRef } from \"react\";\n\nimport { FloatingPortal } from \"@floating-ui/react\";\nimport { useClickOutside, useEscapeDismiss, useOverlayFocus } from \"@ryuzaki13/react-foundation-lib/dom\";\nimport { cn } from \"@ryuzaki13/react-foundation-lib/utils\";\n\nimport { TooltipArrow } from \"../../floating-arrow\";\n\nimport styles from \"./Popover.module.scss\";\nimport { usePopoverContext } from \"./PopoverContext\";\n\nexport interface PopoverContentProps {\n\tchildren: React.ReactNode | ((ctx: { setClose: () => void }) => React.ReactNode);\n\tonClose?: () => void;\n\tcloseOnOutside?: boolean;\n\tcloseOnEscape?: boolean;\n\tdisableOutsideClick?: boolean;\n\tbackground?: \"primary\" | \"secondary\";\n}\n\n/**\n * Содержимое Popover, отображаемое в портале.\n */\nexport const PopoverContent: React.FC<PopoverContentProps> = ({\n\tchildren,\n\tonClose,\n\tcloseOnOutside = true,\n\tcloseOnEscape = true,\n\tdisableOutsideClick = false,\n\tbackground = \"secondary\"\n}) => {\n\tconst { open, setOpen, refs, floatingStyles, middlewareData, placement, arrowRef } = usePopoverContext();\n\tconst floatingElementRef = useRef<HTMLDivElement | null>(null);\n\tconst setFloating = useCallback(\n\t\t(node: HTMLDivElement | null) => {\n\t\t\tfloatingElementRef.current = node;\n\t\t\trefs.setFloating(node);\n\t\t},\n\t\t[refs]\n\t);\n\n\tconst floatingRef = useOverlayFocus<HTMLDivElement>({\n\t\tactive: open,\n\t\tinitialFocus: \"container\",\n\t\trestoreFocus: true,\n\t\tcontainerRef: floatingElementRef\n\t});\n\n\tconst setClose = useCallback(() => {\n\t\tif (!open) return;\n\t\tsetOpen(false);\n\t\tonClose?.();\n\t}, [setOpen, onClose, open]);\n\n\tuseEscapeDismiss({\n\t\tactive: open,\n\t\tenabled: closeOnEscape,\n\t\tonDismiss: setClose,\n\t\tcontainerRef: floatingRef as React.RefObject<HTMLElement | null>\n\t});\n\n\tconst outsideClose = useCallback(() => {\n\t\tif (!open || disableOutsideClick) return;\n\t\tif (closeOnOutside) setClose();\n\t}, [open, disableOutsideClick, closeOnOutside, setClose]);\n\n\tuseClickOutside([refs.floating as React.RefObject<HTMLElement>, refs.reference as React.RefObject<HTMLElement>], outsideClose);\n\n\tif (!open) return null;\n\n\treturn (\n\t\t<FloatingPortal>\n\t\t\t<div\n\t\t\t\tref={setFloating}\n\t\t\t\tstyle={floatingStyles}\n\t\t\t\tclassName={cn(styles.popover, styles[background])}\n\t\t\t\trole=\"dialog\"\n\t\t\t\taria-modal=\"true\"\n\t\t\t\ttabIndex={-1}>\n\t\t\t\t{typeof children === \"function\" ? children({ setClose }) : children}\n\t\t\t\t<TooltipArrow ref={arrowRef} placement={placement} middlewareData={middlewareData} />\n\t\t\t</div>\n\t\t</FloatingPortal>\n\t);\n};\n","import React, { cloneElement, useCallback } from \"react\";\n\nimport { usePopoverContext } from \"./PopoverContext\";\n\nexport interface PopoverTriggerProps {\n\tpassive?: true;\n\tchildren: React.ReactElement<React.HTMLAttributes<Element> & { ref?: React.Ref<Element> }>;\n}\n\nexport const PopoverTrigger: React.FC<PopoverTriggerProps> = ({ passive, children }) => {\n\tconst { open, setOpen, refs } = usePopoverContext();\n\n\tconst handleClick = useCallback(\n\t\t(e: React.MouseEvent) => {\n\t\t\tif (children.props.onClick) {\n\t\t\t\tchildren.props.onClick(e);\n\t\t\t}\n\t\t\tif (e.defaultPrevented) {\n\t\t\t\treturn;\n\t\t\t}\n\t\t\te.preventDefault();\n\t\t\te.stopPropagation();\n\n\t\t\tif (passive) return;\n\n\t\t\tsetOpen((v) => !v);\n\t\t},\n\t\t[children, setOpen, passive]\n\t);\n\n\treturn cloneElement(children as React.JSX.Element, {\n\t\tref: refs.setReference,\n\t\t\"aria-expanded\": open,\n\t\tonClick: handleClick\n\t});\n};\n","/* eslint-disable react-refresh/only-export-components */\nimport React, { useCallback, useRef, useState } from \"react\";\n\nimport { arrow, autoUpdate, flip, offset, Placement, shift, size as floatingSize, useFloating } from \"@floating-ui/react\";\n\nimport { applyPopoverAvailableSize } from \"../lib/applyPopoverAvailableSize\";\n\nimport { PopoverContent } from \"./PopoverContent\";\nimport { PopoverContext } from \"./PopoverContext\";\nimport { PopoverTrigger } from \"./PopoverTrigger\";\n\nconst POPOVER_VIEWPORT_PADDING = 16;\n\nexport interface PopoverProps {\n\tchildren: React.ReactNode;\n\tplacement?: Placement;\n\topen?: boolean;\n\tdefaultOpen?: boolean;\n\tonOpenChange?: (open: boolean) => void;\n}\n\n/**\n * Контролируемый Popover.\n * Используется в связке с Popover.Trigger и Popover.Content.\n */\nconst PopoverRoot: React.FC<PopoverProps> = ({ children, open: controlledOpen, defaultOpen, onOpenChange, placement = \"bottom\" }) => {\n\tconst [uncontrolledOpen, setUncontrolledOpen] = useState(defaultOpen ?? false);\n\n\tconst isControlled = controlledOpen !== undefined;\n\tconst open = isControlled ? controlledOpen : uncontrolledOpen;\n\tconst setOpen = useCallback<React.Dispatch<React.SetStateAction<boolean>>>(\n\t\t(value) => {\n\t\t\tconst next = typeof value === \"function\" ? value(open) : value;\n\t\t\tif (!isControlled) setUncontrolledOpen(next);\n\t\t\tonOpenChange?.(next);\n\t\t},\n\t\t[isControlled, onOpenChange, open]\n\t);\n\n\tconst arrowRef = useRef<HTMLDivElement | null>(null);\n\n\tconst {\n\t\trefs,\n\t\tfloatingStyles,\n\t\tmiddlewareData,\n\t\tplacement: actualPlacement\n\t} = useFloating({\n\t\topen,\n\t\tonOpenChange: setOpen,\n\t\tplacement,\n\t\tmiddleware: [\n\t\t\toffset(8),\n\t\t\tflip({ padding: POPOVER_VIEWPORT_PADDING }),\n\t\t\tshift({ padding: POPOVER_VIEWPORT_PADDING }),\n\t\t\tfloatingSize({\n\t\t\t\tpadding: POPOVER_VIEWPORT_PADDING,\n\t\t\t\tapply({ availableWidth, availableHeight, elements }) {\n\t\t\t\t\tapplyPopoverAvailableSize({ availableWidth, availableHeight, floating: elements.floating });\n\t\t\t\t}\n\t\t\t}),\n\t\t\t// eslint-disable-next-line react-hooks/refs\n\t\t\tarrow({ element: arrowRef.current })\n\t\t],\n\t\twhileElementsMounted: autoUpdate\n\t});\n\n\treturn (\n\t\t<PopoverContext.Provider value={{ open, setOpen, refs, floatingStyles, placement: actualPlacement, middlewareData, arrowRef }}>\n\t\t\t{children}\n\t\t</PopoverContext.Provider>\n\t);\n};\n\n/**\n * Композиционное API:\n * <Popover>\n * <Popover.Trigger />\n * <Popover.Content />\n * </Popover>\n */\nexport const Popover = Object.assign(PopoverRoot, {\n\tTrigger: PopoverTrigger,\n\tContent: PopoverContent\n});\n",".tooltipPanel {\n\tpadding: var(--space-sm);\n\t// background-image: radial-gradient(var(--surface-0) 50%, var(--surface-1) 100%);\n\tbackground-color: var(--surface-1);\n\tborder: var(--border-width) solid var(--border-2);\n\tborder-radius: var(--radius-sm);\n\tcolor: var(--content-0);\n\n\tfilter: drop-shadow(var(--shadow-sm));\n\n\t&.negative {\n\t\t--border-1: var(--content-0);\n\n\t\tbackground-color: var(--content-0);\n\t\tborder-color: var(--border-1);\n\t\tcolor: var(--surface-1);\n\t}\n\n\t&.information {\n\t\t--border-1: var(--status-info-text);\n\n\t\tbackground-color: var(--status-info-text);\n\t\tborder-color: var(--status-info-text);\n\t\tcolor: var(--status-info-on-fill);\n\t}\n\n\t&.error {\n\t\t--border-1: var(--status-error-text);\n\n\t\tbackground-color: var(--status-error-text);\n\t\tborder-color: var(--status-error-text);\n\t\tcolor: var(--status-error-on-fill);\n\t}\n\n\t&.warning {\n\t\t--border-1: var(--status-warning-text);\n\n\t\tbackground-color: var(--status-warning-text);\n\t\tborder-color: var(--status-warning-text);\n\t\tcolor: var(--status-warning-on-fill);\n\t}\n\n\t&.success {\n\t\t--border-1: var(--status-success-text);\n\n\t\tbackground-color: var(--status-success-text);\n\t\tborder-color: var(--status-success-text);\n\t\tcolor: var(--status-success-on-fill);\n\t}\n}\n\n.tooltip {\n\tz-index: var(--z-tooltip);\n\tpointer-events: none;\n\n\ttext-align: initial;\n\tfont-size: var(--font-size-sm);\n\tfont-style: normal;\n\tfont-weight: 500;\n\tfont-variation-settings: \"wght\" 500;\n\tline-height: var(--line-height);\n\n\t@extend .tooltipPanel;\n}\n","/* eslint-disable react-hooks/refs */\nimport React, { useLayoutEffect, useRef, useState } from \"react\";\n\nimport {\n\tarrow,\n\tautoUpdate,\n\tflip,\n\toffset,\n\tPlacement,\n\tshift,\n\tuseDismiss,\n\tuseFloating,\n\tuseHover,\n\tuseInteractions,\n\tuseRole\n} from \"@floating-ui/react\";\nimport { cn } from \"@ryuzaki13/react-foundation-lib/utils\";\nimport { createPortal } from \"react-dom\";\n\nimport { FloatingArrow } from \"../floating-arrow/FloatingArrow\";\n\nimport styles from \"./Popover.module.scss\";\n\ninterface FloatingPopoverProps {\n\tcontent: React.ReactNode;\n\tchildren: React.ReactNode;\n\topenOnHover?: boolean;\n\tplacement?: Placement;\n\topenDelay?: number;\n\tcloseDelay?: number;\n\tmaxWidth?: number;\n\tstate?: \"information\" | \"error\" | \"warning\" | \"success\" | \"negative\";\n\ttooltip?: true;\n\t/**\n\t * Изменяется вместе с CSS-координатой trigger, когда её изменение не отслеживается `autoUpdate`.\n\t * После commit React выполняется повторный расчёт позиции открытой floating-панели.\n\t */\n\tpositionUpdateKey?: unknown;\n}\n\nexport const FloatingPopover: React.FC<FloatingPopoverProps> = ({\n\tcontent,\n\tchildren,\n\topenOnHover = true,\n\tplacement = \"bottom\",\n\topenDelay = 200,\n\tcloseDelay = 100,\n\tmaxWidth,\n\tstate,\n\ttooltip,\n\tpositionUpdateKey\n}) => {\n\tconst [open, setOpen] = useState(false);\n\tconst arrowRef = useRef<HTMLDivElement>(null);\n\n\tconst {\n\t\trefs,\n\t\tfloatingStyles,\n\t\tmiddlewareData,\n\t\tcontext,\n\t\tplacement: computedPlacement,\n\t\tupdate\n\t} = useFloating({\n\t\topen,\n\t\tonOpenChange: setOpen,\n\t\tplacement,\n\t\tmiddleware: [\n\t\t\toffset(8),\n\t\t\tflip({ fallbackAxisSideDirection: \"end\", fallbackPlacements: [\"top\", \"right\", \"bottom\"] }),\n\t\t\tshift({ padding: 8 }),\n\t\t\tarrow({ element: arrowRef, padding: 8 })\n\t\t],\n\t\twhileElementsMounted: autoUpdate\n\t});\n\n\tuseLayoutEffect(() => {\n\t\tif (open) {\n\t\t\tvoid update();\n\t\t}\n\t}, [open, positionUpdateKey, update]);\n\n\tconst hover = useHover(context, {\n\t\tenabled: openOnHover,\n\t\tmove: false,\n\t\tdelay: {\n\t\t\topen: openDelay,\n\t\t\tclose: closeDelay\n\t\t}\n\t});\n\tconst dismiss = useDismiss(context);\n\tconst role = useRole(context);\n\n\tconst { getReferenceProps, getFloatingProps } = useInteractions([hover, dismiss, role]);\n\n\treturn (\n\t\t<>\n\t\t\t<span ref={refs.setReference} {...getReferenceProps()} style={{ lineHeight: 1 }}>\n\t\t\t\t{children}\n\t\t\t</span>\n\n\t\t\t{open &&\n\t\t\t\tcreatePortal(\n\t\t\t\t\t<div\n\t\t\t\t\t\tref={refs.setFloating}\n\t\t\t\t\t\tstyle={{ ...floatingStyles, zIndex: \"var(--z-tooltip)\", maxWidth: maxWidth ? `${maxWidth}em` : undefined }}\n\t\t\t\t\t\t{...getFloatingProps()}\n\t\t\t\t\t\trole=\"tooltip\"\n\t\t\t\t\t\tclassName={cn(styles.tooltipPanel, tooltip && styles.tooltip, state && styles[state])}>\n\t\t\t\t\t\t{content}\n\n\t\t\t\t\t\t<FloatingArrow ref={arrowRef} placement={computedPlacement} middlewareData={middlewareData} />\n\t\t\t\t\t</div>,\n\t\t\t\t\tdocument.body\n\t\t\t\t)}\n\t\t</>\n\t);\n};\n","import React, { useEffect, useRef } from \"react\";\n\nimport { arrow, flip, offset, shift, useFloating } from \"@floating-ui/react\";\n\nimport { FloatingArrow } from \"../floating-arrow/FloatingArrow\";\n\nimport styles from \"./Popover.module.scss\";\n\nexport const FloatingTooltip: React.FC<{\n\tx: number;\n\ty: number;\n\tchildren: React.ReactNode;\n}> = ({ x, y, children }) => {\n\tconst arrowRef = useRef<HTMLDivElement | null>(null);\n\n\tconst {\n\t\trefs,\n\t\tfloatingStyles,\n\t\tmiddlewareData,\n\t\tplacement: computedPlacement\n\t} = useFloating({\n\t\tstrategy: \"absolute\",\n\t\tplacement: \"top\",\n\t\t// eslint-disable-next-line react-hooks/refs\n\t\tmiddleware: [offset(6), flip(), shift({ padding: 16 }), arrow({ element: arrowRef })]\n\t});\n\n\tuseEffect(() => {\n\t\tif (refs.setReference) {\n\t\t\trefs.setReference({\n\t\t\t\tgetBoundingClientRect: () =>\n\t\t\t\t\t({\n\t\t\t\t\t\tx,\n\t\t\t\t\t\ty,\n\t\t\t\t\t\twidth: 0,\n\t\t\t\t\t\theight: 0,\n\t\t\t\t\t\ttop: y,\n\t\t\t\t\t\tleft: x,\n\t\t\t\t\t\tbottom: y,\n\t\t\t\t\t\tright: x,\n\t\t\t\t\t\ttoJSON: () => {}\n\t\t\t\t\t}) as DOMRect\n\t\t\t});\n\t\t}\n\t}, [x, y, refs]);\n\n\treturn (\n\t\t<div ref={refs.setFloating} style={{ ...floatingStyles, position: \"absolute\", pointerEvents: \"none\" }} className={styles.tooltip}>\n\t\t\t{children}\n\n\t\t\t<FloatingArrow ref={arrowRef} placement={computedPlacement} middlewareData={middlewareData} />\n\t\t</div>\n\t);\n};\n"],"mappings":";;;;;;;;;AAWA,SAAgB,EAA0B,EAAE,mBAAgB,oBAAiB,eAA8C;CAE1H,AADA,EAAS,MAAM,YAAY,6BAA6B,GAAG,KAAK,IAAI,GAAG,CAAc,EAAE,GAAG,GAC1F,EAAS,MAAM,YAAY,8BAA8B,GAAG,KAAK,IAAI,GAAG,CAAe,EAAE,GAAG;AAC7F;;;;;GECa,IAAiB,EAA0C,IAAI;AAE5E,SAAgB,IAAoB;CACnC,IAAM,IAAU,EAAW,CAAc;CACzC,IAAI,CAAC,GACJ,MAAM,EAA0B;EAC/B,UAAU;EACV,cAAc;CACf,CAAC;CAEF,OAAO;AACR;;;ACHA,IAAa,KAAiD,EAC7D,aACA,YACA,oBAAiB,IACjB,mBAAgB,IAChB,yBAAsB,IACtB,gBAAa,kBACR;CACL,IAAM,EAAE,SAAM,YAAS,SAAM,mBAAgB,mBAAgB,cAAW,gBAAa,EAAkB,GACjG,IAAqB,EAA8B,IAAI,GACvD,IAAc,GAClB,MAAgC;EAEhC,AADA,EAAmB,UAAU,GAC7B,EAAK,YAAY,CAAI;CACtB,GACA,CAAC,CAAI,CACN,GAEM,IAAc,EAAgC;EACnD,QAAQ;EACR,cAAc;EACd,cAAc;EACd,cAAc;CACf,CAAC,GAEK,IAAW,QAAkB;EAC7B,MACL,EAAQ,EAAK,GACb,IAAU;CACX,GAAG;EAAC;EAAS;EAAS;CAAI,CAAC;CAE3B,EAAiB;EAChB,QAAQ;EACR,SAAS;EACT,WAAW;EACX,cAAc;CACf,CAAC;CAED,IAAM,IAAe,QAAkB;EAClC,CAAC,KAAQ,KACT,KAAgB,EAAS;CAC9B,GAAG;EAAC;EAAM;EAAqB;EAAgB;CAAQ,CAAC;CAMxD,OAJA,EAAgB,CAAC,EAAK,UAA0C,EAAK,SAAyC,GAAG,CAAY,GAExH,IAGJ,kBAAC,GAAD,EAAA,UACC,kBAAC,OAAD;EACC,KAAK;EACL,OAAO;EACP,WAAW,EAAG,EAAO,SAAS,EAAO,EAAW;EAChD,MAAK;EACL,cAAW;EACX,UAAU;EANX,UAAA,CAOE,OAAO,KAAa,aAAa,EAAS,EAAE,YAAS,CAAC,IAAI,GAC3D,kBAAC,GAAD;GAAc,KAAK;GAAqB;GAA2B;EAAiB,CAAA,CAChF;CACU,CAAA,EAAA,CAAA,IAdC;AAgBnB,GC3Ea,KAAiD,EAAE,YAAS,kBAAe;CACvF,IAAM,EAAE,SAAM,YAAS,YAAS,EAAkB,GAE5C,IAAc,GAClB,MAAwB;EACxB,AAAI,EAAS,MAAM,WAClB,EAAS,MAAM,QAAQ,CAAC,GAErB,GAAE,qBAGN,EAAE,eAAe,GACjB,EAAE,gBAAgB,GAEd,MAEJ,GAAS,MAAM,CAAC,CAAC;CAClB,GACA;EAAC;EAAU;EAAS;CAAO,CAC5B;CAEA,OAAO,EAAa,GAA+B;EAClD,KAAK,EAAK;EACV,iBAAiB;EACjB,SAAS;CACV,CAAC;AACF,GCxBM,IAA2B,IAqEpB,IAAU,OAAO,QAvDe,EAAE,aAAU,MAAM,GAAgB,gBAAa,iBAAc,eAAY,eAAe;CACpI,IAAM,CAAC,GAAkB,KAAuB,EAAS,KAAe,EAAK,GAEvE,IAAe,MAAmB,KAAA,GAClC,IAAO,IAAe,IAAiB,GACvC,IAAU,GACd,MAAU;EACV,IAAM,IAAO,OAAO,KAAU,aAAa,EAAM,CAAI,IAAI;EAEzD,AADK,KAAc,EAAoB,CAAI,GAC3C,IAAe,CAAI;CACpB,GACA;EAAC;EAAc;EAAc;CAAI,CAClC,GAEM,IAAW,EAA8B,IAAI,GAE7C,EACL,SACA,mBACA,mBACA,WAAW,MACR,EAAY;EACf;EACA,cAAc;EACd;EACA,YAAY;GACX,EAAO,CAAC;GACR,EAAK,EAAE,SAAS,EAAyB,CAAC;GAC1C,EAAM,EAAE,SAAS,EAAyB,CAAC;GAC3C,EAAa;IACZ,SAAS;IACT,MAAM,EAAE,mBAAgB,oBAAiB,eAAY;KACpD,EAA0B;MAAE;MAAgB;MAAiB,UAAU,EAAS;KAAS,CAAC;IAC3F;GACD,CAAC;GAED,EAAM,EAAE,SAAS,EAAS,QAAQ,CAAC;EACpC;EACA,sBAAsB;CACvB,CAAC;CAED,OACC,kBAAC,EAAe,UAAhB;EAAyB,OAAO;GAAE;GAAM;GAAS;GAAM;GAAgB,WAAW;GAAiB;GAAgB;EAAS;EAC1H;CACuB,CAAA;AAE3B,GASkD;CACjD,SAAS;CACT,SAAS;AACV,CAAC;;;;;;;;GE3CY,KAAmD,EAC/D,YACA,aACA,iBAAc,IACd,eAAY,UACZ,eAAY,KACZ,gBAAa,KACb,aACA,UACA,YACA,2BACK;CACL,IAAM,CAAC,GAAM,KAAW,EAAS,EAAK,GAChC,IAAW,EAAuB,IAAI,GAEtC,EACL,SACA,mBACA,mBACA,YACA,WAAW,GACX,cACG,EAAY;EACf;EACA,cAAc;EACd;EACA,YAAY;GACX,EAAO,CAAC;GACR,EAAK;IAAE,2BAA2B;IAAO,oBAAoB;KAAC;KAAO;KAAS;IAAQ;GAAE,CAAC;GACzF,EAAM,EAAE,SAAS,EAAE,CAAC;GACpB,EAAM;IAAE,SAAS;IAAU,SAAS;GAAE,CAAC;EACxC;EACA,sBAAsB;CACvB,CAAC;CAED,QAAsB;EACrB,AAAI,KACH,EAAY;CAEd,GAAG;EAAC;EAAM;EAAmB;CAAM,CAAC;CAEpC,IAAM,IAAQ,EAAS,GAAS;EAC/B,SAAS;EACT,MAAM;EACN,OAAO;GACN,MAAM;GACN,OAAO;EACR;CACD,CAAC,GACK,IAAU,EAAW,CAAO,GAC5B,IAAO,EAAQ,CAAO,GAEtB,EAAE,sBAAmB,wBAAqB,EAAgB;EAAC;EAAO;EAAS;CAAI,CAAC;CAEtF,OACC,kBAAA,GAAA,EAAA,UAAA,CACC,kBAAC,QAAD;EAAM,KAAK,EAAK;EAAc,GAAI,EAAkB;EAAG,OAAO,EAAE,YAAY,EAAE;EAC5E;CACI,CAAA,GAEL,KACA,EACC,kBAAC,OAAD;EACC,KAAK,EAAK;EACV,OAAO;GAAE,GAAG;GAAgB,QAAQ;GAAoB,UAAU,IAAW,GAAG,EAAS,MAAM,KAAA;EAAU;EACzG,GAAI,EAAiB;EACrB,MAAK;EACL,WAAW,EAAG,EAAO,cAAc,KAAW,EAAO,SAAS,KAAS,EAAO,EAAM;EALrF,UAAA,CAME,GAED,kBAAC,GAAD;GAAe,KAAK;GAAU,WAAW;GAAmC;EAAiB,CAAA,CACzF;CACL,CAAA,GAAA,SAAS,IACV,CACA,EAAA,CAAA;AAEJ,GC5Ga,KAIP,EAAE,MAAG,MAAG,kBAAe;CAC5B,IAAM,IAAW,EAA8B,IAAI,GAE7C,EACL,SACA,mBACA,mBACA,WAAW,MACR,EAAY;EACf,UAAU;EACV,WAAW;EAEX,YAAY;GAAC,EAAO,CAAC;GAAG,EAAK;GAAG,EAAM,EAAE,SAAS,GAAG,CAAC;GAAG,EAAM,EAAE,SAAS,EAAS,CAAC;EAAC;CACrF,CAAC;CAqBD,OAnBA,QAAgB;EACf,AAAI,EAAK,gBACR,EAAK,aAAa,EACjB,8BACE;GACA;GACA;GACA,OAAO;GACP,QAAQ;GACR,KAAK;GACL,MAAM;GACN,QAAQ;GACR,OAAO;GACP,cAAc,CAAC;EAChB,GACF,CAAC;CAEH,GAAG;EAAC;EAAG;EAAG;CAAI,CAAC,GAGd,kBAAC,OAAD;EAAK,KAAK,EAAK;EAAa,OAAO;GAAE,GAAG;GAAgB,UAAU;GAAY,eAAe;EAAO;EAAG,WAAW,EAAO;EAAzH,UAAA,CACE,GAED,kBAAC,GAAD;GAAe,KAAK;GAAU,WAAW;GAAmC;EAAiB,CAAA,CACzF;;AAEP"}
|
|
1
|
+
{"version":3,"file":"popover-Bne-Ljbs.js","names":[],"sources":["../../src/popover/lib/applyPopoverAvailableSize.ts","../../src/popover/components/Popover.module.scss","../../src/popover/components/PopoverContext.tsx","../../src/popover/components/PopoverContent.tsx","../../src/popover/components/PopoverTrigger.tsx","../../src/popover/components/Popover.tsx","../../src/popover/Popover.module.scss","../../src/popover/FloatingPopover.tsx","../../src/popover/FloatingTooltip.tsx"],"sourcesContent":["type ApplyPopoverAvailableSizeOptions = {\n\treadonly availableWidth: number;\n\treadonly availableHeight: number;\n\treadonly floating: HTMLElement;\n};\n\n/**\n * Передаёт вычисленную Floating UI доступную область самому popover через CSS-переменные.\n * Потребитель может совместить эти границы со своим размером и режимом прокрутки,\n * не дублируя `size()` middleware и правила clipping context.\n */\nexport function applyPopoverAvailableSize({ availableWidth, availableHeight, floating }: ApplyPopoverAvailableSizeOptions) {\n\tfloating.style.setProperty(\"--popover-available-width\", `${Math.max(0, availableWidth)}px`);\n\tfloating.style.setProperty(\"--popover-available-height\", `${Math.max(0, availableHeight)}px`);\n}\n",".popover {\n\tpadding: var(--space-sm);\n\t// background-image: radial-gradient(var(--surface-0) 50%, var(--surface-1) 100%);\n\n\tborder: var(--border-width) solid var(--border-1);\n\tborder-radius: var(--radius-sm);\n\tcolor: var(--content-0);\n\n\tfilter: drop-shadow(var(--shadow-md));\n\n\tz-index: var(--z-popover);\n\n\t&.primary {\n\t\tbackground-color: var(--surface-0);\n\t}\n\n\t&.secondary {\n\t\tbackground-color: var(--surface-1);\n\t}\n}\n","import React, { createContext, useContext } from \"react\";\n\nimport { Placement, useFloating } from \"@floating-ui/react\";\nimport { createMissingContextError } from \"@ryuzaki13/react-foundation-lib/error\";\n\ninterface PopoverContextValue {\n\topen: boolean;\n\tsetOpen: React.Dispatch<React.SetStateAction<boolean>>;\n\trefs: ReturnType<typeof useFloating>[\"refs\"];\n\tfloatingStyles: React.CSSProperties;\n\tplacement: Placement;\n\tmiddlewareData: ReturnType<typeof useFloating>[\"middlewareData\"];\n\tarrowRef: React.RefObject<HTMLDivElement | null>;\n}\n\nexport const PopoverContext = createContext<PopoverContextValue | null>(null);\n\nexport function usePopoverContext() {\n\tconst context = useContext(PopoverContext);\n\tif (!context) {\n\t\tthrow createMissingContextError({\n\t\t\thookName: \"usePopoverContext\",\n\t\t\tproviderName: \"Popover\"\n\t\t});\n\t}\n\treturn context;\n}\n","import React, { useCallback, useRef } from \"react\";\n\nimport { FloatingPortal } from \"@floating-ui/react\";\nimport { useClickOutside, useEscapeDismiss, useOverlayFocus } from \"@ryuzaki13/react-foundation-lib/dom\";\nimport { cn } from \"@ryuzaki13/react-foundation-lib/utils\";\n\nimport { TooltipArrow } from \"../../floating-arrow\";\n\nimport styles from \"./Popover.module.scss\";\nimport { usePopoverContext } from \"./PopoverContext\";\n\nexport interface PopoverContentProps {\n\tchildren: React.ReactNode | ((ctx: { setClose: () => void }) => React.ReactNode);\n\tonClose?: () => void;\n\tcloseOnOutside?: boolean;\n\tcloseOnEscape?: boolean;\n\tdisableOutsideClick?: boolean;\n\tbackground?: \"primary\" | \"secondary\";\n}\n\n/**\n * Содержимое Popover, отображаемое в портале.\n */\nexport const PopoverContent: React.FC<PopoverContentProps> = ({\n\tchildren,\n\tonClose,\n\tcloseOnOutside = true,\n\tcloseOnEscape = true,\n\tdisableOutsideClick = false,\n\tbackground = \"secondary\"\n}) => {\n\tconst { open, setOpen, refs, floatingStyles, middlewareData, placement, arrowRef } = usePopoverContext();\n\tconst floatingElementRef = useRef<HTMLDivElement | null>(null);\n\tconst setFloating = useCallback(\n\t\t(node: HTMLDivElement | null) => {\n\t\t\tfloatingElementRef.current = node;\n\t\t\trefs.setFloating(node);\n\t\t},\n\t\t[refs]\n\t);\n\n\tconst floatingRef = useOverlayFocus<HTMLDivElement>({\n\t\tactive: open,\n\t\tinitialFocus: \"container\",\n\t\trestoreFocus: true,\n\t\tcontainerRef: floatingElementRef\n\t});\n\n\tconst setClose = useCallback(() => {\n\t\tif (!open) return;\n\t\tsetOpen(false);\n\t\tonClose?.();\n\t}, [setOpen, onClose, open]);\n\n\tuseEscapeDismiss({\n\t\tactive: open,\n\t\tenabled: closeOnEscape,\n\t\tonDismiss: setClose,\n\t\tcontainerRef: floatingRef as React.RefObject<HTMLElement | null>\n\t});\n\n\tconst outsideClose = useCallback(() => {\n\t\tif (!open || disableOutsideClick) return;\n\t\tif (closeOnOutside) setClose();\n\t}, [open, disableOutsideClick, closeOnOutside, setClose]);\n\n\tuseClickOutside([refs.floating as React.RefObject<HTMLElement>, refs.reference as React.RefObject<HTMLElement>], outsideClose);\n\n\tif (!open) return null;\n\n\treturn (\n\t\t<FloatingPortal>\n\t\t\t<div\n\t\t\t\tref={setFloating}\n\t\t\t\tstyle={floatingStyles}\n\t\t\t\tclassName={cn(styles.popover, styles[background])}\n\t\t\t\trole=\"dialog\"\n\t\t\t\taria-modal=\"true\"\n\t\t\t\ttabIndex={-1}>\n\t\t\t\t{typeof children === \"function\" ? children({ setClose }) : children}\n\t\t\t\t<TooltipArrow ref={arrowRef} placement={placement} middlewareData={middlewareData} />\n\t\t\t</div>\n\t\t</FloatingPortal>\n\t);\n};\n","import React, { cloneElement, useCallback } from \"react\";\n\nimport { usePopoverContext } from \"./PopoverContext\";\n\nexport interface PopoverTriggerProps {\n\tpassive?: true;\n\tchildren: React.ReactElement<React.HTMLAttributes<Element> & { ref?: React.Ref<Element> }>;\n}\n\nexport const PopoverTrigger: React.FC<PopoverTriggerProps> = ({ passive, children }) => {\n\tconst { open, setOpen, refs } = usePopoverContext();\n\n\tconst handleClick = useCallback(\n\t\t(e: React.MouseEvent) => {\n\t\t\tif (children.props.onClick) {\n\t\t\t\tchildren.props.onClick(e);\n\t\t\t}\n\t\t\tif (e.defaultPrevented) {\n\t\t\t\treturn;\n\t\t\t}\n\t\t\te.preventDefault();\n\t\t\te.stopPropagation();\n\n\t\t\tif (passive) return;\n\n\t\t\tsetOpen((v) => !v);\n\t\t},\n\t\t[children, setOpen, passive]\n\t);\n\n\treturn cloneElement(children as React.JSX.Element, {\n\t\tref: refs.setReference,\n\t\t\"aria-expanded\": open,\n\t\tonClick: handleClick\n\t});\n};\n","/* eslint-disable react-refresh/only-export-components */\nimport React, { useCallback, useRef, useState } from \"react\";\n\nimport { arrow, autoUpdate, flip, offset, Placement, shift, size as floatingSize, useFloating } from \"@floating-ui/react\";\n\nimport { applyPopoverAvailableSize } from \"../lib/applyPopoverAvailableSize\";\n\nimport { PopoverContent } from \"./PopoverContent\";\nimport { PopoverContext } from \"./PopoverContext\";\nimport { PopoverTrigger } from \"./PopoverTrigger\";\n\nconst POPOVER_VIEWPORT_PADDING = 16;\n\nexport interface PopoverProps {\n\tchildren: React.ReactNode;\n\tplacement?: Placement;\n\topen?: boolean;\n\tdefaultOpen?: boolean;\n\tonOpenChange?: (open: boolean) => void;\n}\n\n/**\n * Контролируемый Popover.\n * Используется в связке с Popover.Trigger и Popover.Content.\n */\nconst PopoverRoot: React.FC<PopoverProps> = ({ children, open: controlledOpen, defaultOpen, onOpenChange, placement = \"bottom\" }) => {\n\tconst [uncontrolledOpen, setUncontrolledOpen] = useState(defaultOpen ?? false);\n\n\tconst isControlled = controlledOpen !== undefined;\n\tconst open = isControlled ? controlledOpen : uncontrolledOpen;\n\tconst setOpen = useCallback<React.Dispatch<React.SetStateAction<boolean>>>(\n\t\t(value) => {\n\t\t\tconst next = typeof value === \"function\" ? value(open) : value;\n\t\t\tif (!isControlled) setUncontrolledOpen(next);\n\t\t\tonOpenChange?.(next);\n\t\t},\n\t\t[isControlled, onOpenChange, open]\n\t);\n\n\tconst arrowRef = useRef<HTMLDivElement | null>(null);\n\n\tconst {\n\t\trefs,\n\t\tfloatingStyles,\n\t\tmiddlewareData,\n\t\tplacement: actualPlacement\n\t} = useFloating({\n\t\topen,\n\t\tonOpenChange: setOpen,\n\t\tplacement,\n\t\tmiddleware: [\n\t\t\toffset(8),\n\t\t\tflip({ padding: POPOVER_VIEWPORT_PADDING }),\n\t\t\tshift({ padding: POPOVER_VIEWPORT_PADDING }),\n\t\t\tfloatingSize({\n\t\t\t\tpadding: POPOVER_VIEWPORT_PADDING,\n\t\t\t\tapply({ availableWidth, availableHeight, elements }) {\n\t\t\t\t\tapplyPopoverAvailableSize({ availableWidth, availableHeight, floating: elements.floating });\n\t\t\t\t}\n\t\t\t}),\n\t\t\t// eslint-disable-next-line react-hooks/refs\n\t\t\tarrow({ element: arrowRef.current })\n\t\t],\n\t\twhileElementsMounted: autoUpdate\n\t});\n\n\treturn (\n\t\t<PopoverContext.Provider value={{ open, setOpen, refs, floatingStyles, placement: actualPlacement, middlewareData, arrowRef }}>\n\t\t\t{children}\n\t\t</PopoverContext.Provider>\n\t);\n};\n\n/**\n * Композиционное API:\n * <Popover>\n * <Popover.Trigger />\n * <Popover.Content />\n * </Popover>\n */\nexport const Popover = Object.assign(PopoverRoot, {\n\tTrigger: PopoverTrigger,\n\tContent: PopoverContent\n});\n",".tooltipPanel {\n\tpadding: var(--space-sm);\n\t// background-image: radial-gradient(var(--surface-0) 50%, var(--surface-1) 100%);\n\tbackground-color: var(--surface-1);\n\tborder: var(--border-width) solid var(--border-2);\n\tborder-radius: var(--radius-sm);\n\tcolor: var(--content-0);\n\n\tfilter: drop-shadow(var(--shadow-sm));\n\n\t&.negative {\n\t\t--border-1: var(--content-0);\n\n\t\tbackground-color: var(--content-0);\n\t\tborder-color: var(--border-1);\n\t\tcolor: var(--surface-1);\n\t}\n\n\t&.information {\n\t\t--border-1: var(--status-info-text);\n\n\t\tbackground-color: var(--status-info-text);\n\t\tborder-color: var(--status-info-text);\n\t\tcolor: var(--status-info-on-fill);\n\t}\n\n\t&.error {\n\t\t--border-1: var(--status-error-text);\n\n\t\tbackground-color: var(--status-error-text);\n\t\tborder-color: var(--status-error-text);\n\t\tcolor: var(--status-error-on-fill);\n\t}\n\n\t&.warning {\n\t\t--border-1: var(--status-warning-text);\n\n\t\tbackground-color: var(--status-warning-text);\n\t\tborder-color: var(--status-warning-text);\n\t\tcolor: var(--status-warning-on-fill);\n\t}\n\n\t&.success {\n\t\t--border-1: var(--status-success-text);\n\n\t\tbackground-color: var(--status-success-text);\n\t\tborder-color: var(--status-success-text);\n\t\tcolor: var(--status-success-on-fill);\n\t}\n}\n\n.tooltip {\n\tz-index: var(--z-tooltip);\n\tpointer-events: none;\n\n\ttext-align: initial;\n\tfont-size: var(--font-size-sm);\n\tfont-style: normal;\n\tfont-weight: 500;\n\tfont-variation-settings: \"wght\" 500;\n\tline-height: var(--line-height);\n\n\t@extend .tooltipPanel;\n}\n","/* eslint-disable react-hooks/refs */\nimport React, { useLayoutEffect, useRef, useState } from \"react\";\n\nimport {\n\tarrow,\n\tautoUpdate,\n\tflip,\n\toffset,\n\tPlacement,\n\tshift,\n\tuseDismiss,\n\tuseFocus,\n\tuseFloating,\n\tuseHover,\n\tuseInteractions,\n\tuseRole\n} from \"@floating-ui/react\";\nimport { cn } from \"@ryuzaki13/react-foundation-lib/utils\";\nimport { createPortal } from \"react-dom\";\n\nimport { FloatingArrow } from \"../floating-arrow/FloatingArrow\";\n\nimport styles from \"./Popover.module.scss\";\n\ninterface FloatingPopoverProps {\n\tcontent: React.ReactNode;\n\tchildren: React.ReactNode;\n\topenOnHover?: boolean;\n\tplacement?: Placement;\n\topenDelay?: number;\n\tcloseDelay?: number;\n\tmaxWidth?: number;\n\tstate?: \"information\" | \"error\" | \"warning\" | \"success\" | \"negative\";\n\ttooltip?: true;\n\t/**\n\t * Изменяется вместе с CSS-координатой trigger, когда её изменение не отслеживается `autoUpdate`.\n\t * После commit React выполняется повторный расчёт позиции открытой floating-панели.\n\t */\n\tpositionUpdateKey?: unknown;\n}\n\nexport const FloatingPopover: React.FC<FloatingPopoverProps> = ({\n\tcontent,\n\tchildren,\n\topenOnHover = true,\n\tplacement = \"bottom\",\n\topenDelay = 200,\n\tcloseDelay = 100,\n\tmaxWidth,\n\tstate,\n\ttooltip,\n\tpositionUpdateKey\n}) => {\n\tconst [open, setOpen] = useState(false);\n\tconst arrowRef = useRef<HTMLDivElement>(null);\n\n\tconst {\n\t\trefs,\n\t\tfloatingStyles,\n\t\tmiddlewareData,\n\t\tcontext,\n\t\tplacement: computedPlacement,\n\t\tupdate\n\t} = useFloating({\n\t\topen,\n\t\tonOpenChange: setOpen,\n\t\tplacement,\n\t\tmiddleware: [\n\t\t\toffset(8),\n\t\t\tflip({ fallbackAxisSideDirection: \"end\", fallbackPlacements: [\"top\", \"right\", \"bottom\"] }),\n\t\t\tshift({ padding: 8 }),\n\t\t\tarrow({ element: arrowRef, padding: 8 })\n\t\t],\n\t\twhileElementsMounted: autoUpdate\n\t});\n\n\tuseLayoutEffect(() => {\n\t\tif (open) {\n\t\t\tvoid update();\n\t\t}\n\t}, [open, positionUpdateKey, update]);\n\n\tconst hover = useHover(context, {\n\t\tenabled: openOnHover,\n\t\tmove: false,\n\t\tdelay: {\n\t\t\topen: openDelay,\n\t\t\tclose: closeDelay\n\t\t}\n\t});\n\t// Hover-подсказка обязана иметь ту же пассивную точку входа с клавиатуры.\n\t// Связываем focus с тем же флагом, чтобы `openOnHover={false}` не менял\n\t// управляемые сценарии, которые не запрашивали автоматическое открытие.\n\tconst focus = useFocus(context, { enabled: openOnHover });\n\tconst dismiss = useDismiss(context);\n\tconst role = useRole(context);\n\n\tconst { getReferenceProps, getFloatingProps } = useInteractions([hover, focus, dismiss, role]);\n\n\treturn (\n\t\t<>\n\t\t\t<span ref={refs.setReference} {...getReferenceProps()} style={{ lineHeight: 1 }}>\n\t\t\t\t{children}\n\t\t\t</span>\n\n\t\t\t{open &&\n\t\t\t\tcreatePortal(\n\t\t\t\t\t<div\n\t\t\t\t\t\tref={refs.setFloating}\n\t\t\t\t\t\tstyle={{ ...floatingStyles, zIndex: \"var(--z-tooltip)\", maxWidth: maxWidth ? `${maxWidth}em` : undefined }}\n\t\t\t\t\t\t{...getFloatingProps()}\n\t\t\t\t\t\trole=\"tooltip\"\n\t\t\t\t\t\tclassName={cn(styles.tooltipPanel, tooltip && styles.tooltip, state && styles[state])}>\n\t\t\t\t\t\t{content}\n\n\t\t\t\t\t\t<FloatingArrow ref={arrowRef} placement={computedPlacement} middlewareData={middlewareData} />\n\t\t\t\t\t</div>,\n\t\t\t\t\tdocument.body\n\t\t\t\t)}\n\t\t</>\n\t);\n};\n","import React, { useEffect, useRef } from \"react\";\n\nimport { arrow, flip, offset, shift, useFloating } from \"@floating-ui/react\";\n\nimport { FloatingArrow } from \"../floating-arrow/FloatingArrow\";\n\nimport styles from \"./Popover.module.scss\";\n\nexport const FloatingTooltip: React.FC<{\n\tx: number;\n\ty: number;\n\tchildren: React.ReactNode;\n}> = ({ x, y, children }) => {\n\tconst arrowRef = useRef<HTMLDivElement | null>(null);\n\n\tconst {\n\t\trefs,\n\t\tfloatingStyles,\n\t\tmiddlewareData,\n\t\tplacement: computedPlacement\n\t} = useFloating({\n\t\tstrategy: \"absolute\",\n\t\tplacement: \"top\",\n\t\t// eslint-disable-next-line react-hooks/refs\n\t\tmiddleware: [offset(6), flip(), shift({ padding: 16 }), arrow({ element: arrowRef })]\n\t});\n\n\tuseEffect(() => {\n\t\tif (refs.setReference) {\n\t\t\trefs.setReference({\n\t\t\t\tgetBoundingClientRect: () =>\n\t\t\t\t\t({\n\t\t\t\t\t\tx,\n\t\t\t\t\t\ty,\n\t\t\t\t\t\twidth: 0,\n\t\t\t\t\t\theight: 0,\n\t\t\t\t\t\ttop: y,\n\t\t\t\t\t\tleft: x,\n\t\t\t\t\t\tbottom: y,\n\t\t\t\t\t\tright: x,\n\t\t\t\t\t\ttoJSON: () => {}\n\t\t\t\t\t}) as DOMRect\n\t\t\t});\n\t\t}\n\t}, [x, y, refs]);\n\n\treturn (\n\t\t<div ref={refs.setFloating} style={{ ...floatingStyles, position: \"absolute\", pointerEvents: \"none\" }} className={styles.tooltip}>\n\t\t\t{children}\n\n\t\t\t<FloatingArrow ref={arrowRef} placement={computedPlacement} middlewareData={middlewareData} />\n\t\t</div>\n\t);\n};\n"],"mappings":";;;;;;;;;AAWA,SAAgB,EAA0B,EAAE,mBAAgB,oBAAiB,eAA8C;CAE1H,AADA,EAAS,MAAM,YAAY,6BAA6B,GAAG,KAAK,IAAI,GAAG,CAAc,EAAE,GAAG,GAC1F,EAAS,MAAM,YAAY,8BAA8B,GAAG,KAAK,IAAI,GAAG,CAAe,EAAE,GAAG;AAC7F;;;;;GECa,IAAiB,EAA0C,IAAI;AAE5E,SAAgB,IAAoB;CACnC,IAAM,IAAU,EAAW,CAAc;CACzC,IAAI,CAAC,GACJ,MAAM,EAA0B;EAC/B,UAAU;EACV,cAAc;CACf,CAAC;CAEF,OAAO;AACR;;;ACHA,IAAa,KAAiD,EAC7D,aACA,YACA,oBAAiB,IACjB,mBAAgB,IAChB,yBAAsB,IACtB,gBAAa,kBACR;CACL,IAAM,EAAE,SAAM,YAAS,SAAM,mBAAgB,mBAAgB,cAAW,gBAAa,EAAkB,GACjG,IAAqB,EAA8B,IAAI,GACvD,IAAc,GAClB,MAAgC;EAEhC,AADA,EAAmB,UAAU,GAC7B,EAAK,YAAY,CAAI;CACtB,GACA,CAAC,CAAI,CACN,GAEM,IAAc,EAAgC;EACnD,QAAQ;EACR,cAAc;EACd,cAAc;EACd,cAAc;CACf,CAAC,GAEK,IAAW,QAAkB;EAC7B,MACL,EAAQ,EAAK,GACb,IAAU;CACX,GAAG;EAAC;EAAS;EAAS;CAAI,CAAC;CAE3B,EAAiB;EAChB,QAAQ;EACR,SAAS;EACT,WAAW;EACX,cAAc;CACf,CAAC;CAED,IAAM,IAAe,QAAkB;EAClC,CAAC,KAAQ,KACT,KAAgB,EAAS;CAC9B,GAAG;EAAC;EAAM;EAAqB;EAAgB;CAAQ,CAAC;CAMxD,OAJA,EAAgB,CAAC,EAAK,UAA0C,EAAK,SAAyC,GAAG,CAAY,GAExH,IAGJ,kBAAC,GAAD,EAAA,UACC,kBAAC,OAAD;EACC,KAAK;EACL,OAAO;EACP,WAAW,EAAG,EAAO,SAAS,EAAO,EAAW;EAChD,MAAK;EACL,cAAW;EACX,UAAU;EANX,UAAA,CAOE,OAAO,KAAa,aAAa,EAAS,EAAE,YAAS,CAAC,IAAI,GAC3D,kBAAC,GAAD;GAAc,KAAK;GAAqB;GAA2B;EAAiB,CAAA,CAChF;CACU,CAAA,EAAA,CAAA,IAdC;AAgBnB,GC3Ea,KAAiD,EAAE,YAAS,kBAAe;CACvF,IAAM,EAAE,SAAM,YAAS,YAAS,EAAkB,GAE5C,IAAc,GAClB,MAAwB;EACxB,AAAI,EAAS,MAAM,WAClB,EAAS,MAAM,QAAQ,CAAC,GAErB,GAAE,qBAGN,EAAE,eAAe,GACjB,EAAE,gBAAgB,GAEd,MAEJ,GAAS,MAAM,CAAC,CAAC;CAClB,GACA;EAAC;EAAU;EAAS;CAAO,CAC5B;CAEA,OAAO,EAAa,GAA+B;EAClD,KAAK,EAAK;EACV,iBAAiB;EACjB,SAAS;CACV,CAAC;AACF,GCxBM,IAA2B,IAqEpB,IAAU,OAAO,QAvDe,EAAE,aAAU,MAAM,GAAgB,gBAAa,iBAAc,eAAY,eAAe;CACpI,IAAM,CAAC,GAAkB,KAAuB,EAAS,KAAe,EAAK,GAEvE,IAAe,MAAmB,KAAA,GAClC,IAAO,IAAe,IAAiB,GACvC,IAAU,GACd,MAAU;EACV,IAAM,IAAO,OAAO,KAAU,aAAa,EAAM,CAAI,IAAI;EAEzD,AADK,KAAc,EAAoB,CAAI,GAC3C,IAAe,CAAI;CACpB,GACA;EAAC;EAAc;EAAc;CAAI,CAClC,GAEM,IAAW,EAA8B,IAAI,GAE7C,EACL,SACA,mBACA,mBACA,WAAW,MACR,EAAY;EACf;EACA,cAAc;EACd;EACA,YAAY;GACX,EAAO,CAAC;GACR,EAAK,EAAE,SAAS,EAAyB,CAAC;GAC1C,EAAM,EAAE,SAAS,EAAyB,CAAC;GAC3C,EAAa;IACZ,SAAS;IACT,MAAM,EAAE,mBAAgB,oBAAiB,eAAY;KACpD,EAA0B;MAAE;MAAgB;MAAiB,UAAU,EAAS;KAAS,CAAC;IAC3F;GACD,CAAC;GAED,EAAM,EAAE,SAAS,EAAS,QAAQ,CAAC;EACpC;EACA,sBAAsB;CACvB,CAAC;CAED,OACC,kBAAC,EAAe,UAAhB;EAAyB,OAAO;GAAE;GAAM;GAAS;GAAM;GAAgB,WAAW;GAAiB;GAAgB;EAAS;EAC1H;CACuB,CAAA;AAE3B,GASkD;CACjD,SAAS;CACT,SAAS;AACV,CAAC;;;;;;;;GE1CY,KAAmD,EAC/D,YACA,aACA,iBAAc,IACd,eAAY,UACZ,eAAY,KACZ,gBAAa,KACb,aACA,UACA,YACA,2BACK;CACL,IAAM,CAAC,GAAM,KAAW,EAAS,EAAK,GAChC,IAAW,EAAuB,IAAI,GAEtC,EACL,SACA,mBACA,mBACA,YACA,WAAW,GACX,cACG,EAAY;EACf;EACA,cAAc;EACd;EACA,YAAY;GACX,EAAO,CAAC;GACR,EAAK;IAAE,2BAA2B;IAAO,oBAAoB;KAAC;KAAO;KAAS;IAAQ;GAAE,CAAC;GACzF,EAAM,EAAE,SAAS,EAAE,CAAC;GACpB,EAAM;IAAE,SAAS;IAAU,SAAS;GAAE,CAAC;EACxC;EACA,sBAAsB;CACvB,CAAC;CAED,QAAsB;EACrB,AAAI,KACH,EAAY;CAEd,GAAG;EAAC;EAAM;EAAmB;CAAM,CAAC;CAEpC,IAAM,IAAQ,EAAS,GAAS;EAC/B,SAAS;EACT,MAAM;EACN,OAAO;GACN,MAAM;GACN,OAAO;EACR;CACD,CAAC,GAIK,IAAQ,EAAS,GAAS,EAAE,SAAS,EAAY,CAAC,GAClD,IAAU,EAAW,CAAO,GAC5B,IAAO,EAAQ,CAAO,GAEtB,EAAE,sBAAmB,wBAAqB,EAAgB;EAAC;EAAO;EAAO;EAAS;CAAI,CAAC;CAE7F,OACC,kBAAA,GAAA,EAAA,UAAA,CACC,kBAAC,QAAD;EAAM,KAAK,EAAK;EAAc,GAAI,EAAkB;EAAG,OAAO,EAAE,YAAY,EAAE;EAC5E;CACI,CAAA,GAEL,KACA,EACC,kBAAC,OAAD;EACC,KAAK,EAAK;EACV,OAAO;GAAE,GAAG;GAAgB,QAAQ;GAAoB,UAAU,IAAW,GAAG,EAAS,MAAM,KAAA;EAAU;EACzG,GAAI,EAAiB;EACrB,MAAK;EACL,WAAW,EAAG,EAAO,cAAc,KAAW,EAAO,SAAS,KAAS,EAAO,EAAM;EALrF,UAAA,CAME,GAED,kBAAC,GAAD;GAAe,KAAK;GAAU,WAAW;GAAmC;EAAiB,CAAA,CACzF;CACL,CAAA,GAAA,SAAS,IACV,CACA,EAAA,CAAA;AAEJ,GCjHa,KAIP,EAAE,MAAG,MAAG,kBAAe;CAC5B,IAAM,IAAW,EAA8B,IAAI,GAE7C,EACL,SACA,mBACA,mBACA,WAAW,MACR,EAAY;EACf,UAAU;EACV,WAAW;EAEX,YAAY;GAAC,EAAO,CAAC;GAAG,EAAK;GAAG,EAAM,EAAE,SAAS,GAAG,CAAC;GAAG,EAAM,EAAE,SAAS,EAAS,CAAC;EAAC;CACrF,CAAC;CAqBD,OAnBA,QAAgB;EACf,AAAI,EAAK,gBACR,EAAK,aAAa,EACjB,8BACE;GACA;GACA;GACA,OAAO;GACP,QAAQ;GACR,KAAK;GACL,MAAM;GACN,QAAQ;GACR,OAAO;GACP,cAAc,CAAC;EAChB,GACF,CAAC;CAEH,GAAG;EAAC;EAAG;EAAG;CAAI,CAAC,GAGd,kBAAC,OAAD;EAAK,KAAK,EAAK;EAAa,OAAO;GAAE,GAAG;GAAgB,UAAU;GAAY,eAAe;EAAO;EAAG,WAAW,EAAO;EAAzH,UAAA,CACE,GAED,kBAAC,GAAD;GAAe,KAAK;GAAU,WAAW;GAAmC;EAAiB,CAAA,CACzF;;AAEP"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { a as e, c as t, d as n, i as r, n as i, o as a, p as ee, r as te, s as ne, t as re } from "./base-table-
|
|
1
|
+
import { a as e, c as t, d as n, i as r, n as i, o as a, p as ee, r as te, s as ne, t as re } from "./base-table-DswaYoH-.js";
|
|
2
2
|
import { useEffect as ie, useEffectEvent as ae, useMemo as o, useRef as s } from "react";
|
|
3
3
|
import { jsx as c } from "react/jsx-runtime";
|
|
4
4
|
import { formatPipelineDisplayValue as l } from "@ryuzaki13/react-foundation-lib/formatters";
|
|
@@ -138,4 +138,4 @@ function m({ title: m, isLoading: h, isFetching: se, data: g, columns: _, select
|
|
|
138
138
|
//#endregion
|
|
139
139
|
export { m as t };
|
|
140
140
|
|
|
141
|
-
//# sourceMappingURL=table-
|
|
141
|
+
//# sourceMappingURL=table-aozLLSJk.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"table-ZPWbKoR-.js","names":[],"sources":["../../src/table/Table.module.scss","../../src/table/Table.tsx"],"sourcesContent":[".selectedIndicatorCell {\n\tbox-shadow: inset 0.1875rem 0 0 var(--content-accent);\n}\n\n.sentinel {\n\theight: 1px;\n}\n","import { useEffect, useEffectEvent, useMemo, useRef } from \"react\";\n\nimport { formatPipelineDisplayValue } from \"@ryuzaki13/react-foundation-lib/formatters\";\nimport { TableFormulaRowData } from \"@ryuzaki13/react-foundation-lib/formulas\";\nimport {\n\ttype FoundationTableRow,\n\tfoundationTableFeatures,\n\ttype TableColumnDef,\n\ttype TableColumnOrderState,\n\ttype TableColumnSizingState,\n\ttype TableColumnVisibilityState,\n\ttype TableSelectionMode,\n\tuseTableRowSelection\n} from \"@ryuzaki13/react-foundation-lib/table\";\nimport { useTable } from \"@tanstack/react-table\";\n\nimport {\n\tBaseTable,\n\tbuildBaseTableMergedCellsLayout,\n\tbuildTableFormattingSnapshot,\n\tFormattedTableCell,\n\tgetOrderedVisibleLeafColumns,\n\tshouldUseTableFormatting,\n\tuseTableColumnOrder,\n\tuseTableColumnPinning,\n\tuseTableColumnSizing,\n\tuseTableColumnVisibility,\n\ttype BaseTableColumnState,\n\ttype BaseTableProps,\n\ttype TableColumnPinningState\n} from \"../base-table\";\n\nimport styles from \"./Table.module.scss\";\n\n/**\n * Возвращает индекс как строковый id, если внешний id не передан.\n */\nfunction defaultGetRowId<TData>(_row: TData, index: number): string {\n\treturn String(index);\n}\n\n/**\n * Пропсы компонента Table.\n *\n * Компонент предназначен для плоских данных и по API осознанно сближен с TreeTable.\n */\nexport interface TableProps<TData extends object> {\n\t/**\n\t * Необязательный заголовок над таблицей.\n\t */\n\ttitle?: string;\n\t/**\n\t * Признак первичной загрузки.\n\t */\n\tisLoading?: boolean;\n\t/**\n\t * Признак фоновой догрузки или обновления данных.\n\t */\n\tisFetching?: boolean;\n\t/**\n\t * Плоский источник строк.\n\t */\n\tdata: readonly TData[] | undefined | null;\n\t/**\n\t * Описание колонок таблицы.\n\t */\n\tcolumns: readonly TableColumnDef<TData>[];\n\t/**\n\t * Режим выбора строк.\n\t */\n\tselectionMode?: TableSelectionMode;\n\t/**\n\t * Внешний список выбранных строк.\n\t *\n\t * Если передан, таблица синхронизирует визуальное выделение с этим набором id.\n\t */\n\tselectedRowIds?: readonly string[];\n\t/**\n\t * Стабильный идентификатор строки.\n\t *\n\t * Если не задан, используется индекс строки.\n\t */\n\tgetRowId?: (row: TData, index: number) => string;\n\t/**\n\t * Дополнительный CSS-класс корневого контейнера.\n\t */\n\tclassName?: string;\n\tminHeight?: `${number}em` | `${number}%`;\n\t/**\n\t * Дополнительный CSS-класс тега `table`.\n\t */\n\ttableClassName?: string;\n\t/**\n\t * Внешнее controlled-состояние видимости колонок.\n\t */\n\tcolumnVisibility?: TableColumnVisibilityState;\n\t/**\n\t * Стартовое uncontrolled-состояние видимости колонок.\n\t */\n\tdefaultColumnVisibility?: TableColumnVisibilityState;\n\t/**\n\t * Внешнее controlled-состояние порядка колонок.\n\t */\n\tcolumnOrder?: readonly string[];\n\t/**\n\t * Стартовое uncontrolled-состояние порядка колонок.\n\t */\n\tdefaultColumnOrder?: readonly string[];\n\t/**\n\t * Внешнее controlled-состояние ширин колонок в px.\n\t */\n\tcolumnSizing?: TableColumnSizingState;\n\t/**\n\t * Стартовое uncontrolled-состояние ширин колонок в px.\n\t */\n\tdefaultColumnSizing?: TableColumnSizingState;\n\t/**\n\t * Внешнее controlled-состояние start-pinning для колонок.\n\t */\n\tcolumnPinning?: TableColumnPinningState;\n\t/**\n\t * Стартовое uncontrolled-состояние start-pinning для колонок.\n\t */\n\tdefaultColumnPinning?: TableColumnPinningState;\n\t/**\n\t * Включает изменение ширины колонок через header-handle.\n\t */\n\tenableColumnResizing?: boolean;\n\t/**\n\t * Включает изменение порядка колонок через drag&drop заголовков.\n\t */\n\tenableColumnReordering?: boolean;\n\t/**\n\t * Минимальная ширина колонки при resize в px.\n\t */\n\tcolumnResizeMinWidth?: number;\n\t/**\n\t * Вызывается после изменения видимости колонок.\n\t */\n\tonColumnVisibilityChange?: (state: TableColumnVisibilityState) => void;\n\t/**\n\t * Вызывается после изменения порядка колонок.\n\t */\n\tonColumnOrderChange?: (state: TableColumnOrderState) => void;\n\t/**\n\t * Вызывается после изменения ширины колонок.\n\t */\n\tonColumnSizingChange?: (state: TableColumnSizingState) => void;\n\t/**\n\t * Вызывается после изменения start-pinning state.\n\t */\n\tonColumnPinningChange?: (state: TableColumnPinningState) => void;\n\t/**\n\t * Вызывается при активации строки кликом или клавиатурой.\n\t */\n\tonRowClick?: (row: TData) => void;\n\t/**\n\t * Вызывается после изменения выбранных строк.\n\t */\n\tonRowSelectionChange?: (rows: TData[]) => void;\n\t/**\n\t * Вызывается при достижении конца таблицы внутри scroll-контейнера.\n\t */\n\tonReachEnd?: () => void;\n\t/**\n\t * Позволяет запретить выбор отдельных строк.\n\t */\n\tgetRowCanSelect?: (row: TData) => boolean;\n\t/**\n\t * Позволяет добавить CSS-класс для конкретной строки.\n\t */\n\tgetRowClassName?: (row: TData) => string | undefined;\n\t/**\n\t * Контекстное меню заголовка колонки. Используется для общих runtime-действий\n\t * вроде server sorting без встраивания доменной логики в shared-таблицу.\n\t */\n\trenderHeaderContextMenu?: BaseTableProps<TData>[\"renderHeaderContextMenu\"];\n\t/**\n\t * Тонкая точка расширения содержимого ячейки поверх стандартного форматирования.\n\t *\n\t * В отличие от `column.cell`, этот слот не отключает общий formatting-runtime:\n\t * `defaultContent` уже содержит отформатированное значение, если оно применимо.\n\t */\n\trenderCellContent?: BaseTableProps<TData>[\"renderCellContent\"];\n}\n\n/**\n * Плоская таблица на базе TanStack Table как React-альтернатива `sap.m.Table`.\n */\nexport function Table<TData extends object>({\n\ttitle,\n\tisLoading,\n\tisFetching,\n\tdata,\n\tcolumns,\n\tselectionMode = \"none\",\n\tselectedRowIds,\n\tgetRowId,\n\tclassName,\n\tminHeight,\n\ttableClassName,\n\tcolumnVisibility,\n\tdefaultColumnVisibility,\n\tcolumnOrder,\n\tdefaultColumnOrder,\n\tcolumnSizing,\n\tdefaultColumnSizing,\n\tcolumnPinning,\n\tdefaultColumnPinning,\n\tenableColumnResizing = false,\n\tenableColumnReordering = false,\n\tcolumnResizeMinWidth,\n\tonColumnVisibilityChange,\n\tonColumnOrderChange,\n\tonColumnSizingChange,\n\tonColumnPinningChange,\n\tonRowClick,\n\tonRowSelectionChange,\n\tonReachEnd,\n\tgetRowCanSelect,\n\tgetRowClassName,\n\trenderHeaderContextMenu,\n\trenderCellContent\n}: TableProps<TData>) {\n\tconst tableData = useMemo(() => data ?? [], [data]);\n\tconst formattingSnapshot = useMemo(() => buildTableFormattingSnapshot(columns), [columns]);\n\tconst resolveRowId = getRowId ?? defaultGetRowId<TData>;\n\tconst rowById = useMemo(() => new Map(tableData.map((row, index) => [resolveRowId(row, index), row])), [resolveRowId, tableData]);\n\tconst availableRowIds = useMemo(() => Array.from(rowById.keys()), [rowById]);\n\tconst scrollableRef = useRef<HTMLDivElement | null>(null);\n\tconst sentinelRef = useRef<HTMLDivElement | null>(null);\n\n\tconst { rowSelection, activateRowSelection } = useTableRowSelection({\n\t\tavailableRowIds,\n\t\trowById,\n\t\tselectionMode,\n\t\tselectedRowIds,\n\t\tonRowSelectionChange\n\t});\n\tconst { columnVisibility: resolvedColumnVisibility, onColumnVisibilityChange: handleColumnVisibilityChange } = useTableColumnVisibility(\n\t\t{\n\t\t\tcolumnVisibility,\n\t\t\tdefaultColumnVisibility,\n\t\t\tonColumnVisibilityChange\n\t\t}\n\t);\n\tconst { columnOrder: resolvedColumnOrder, onColumnOrderChange: handleColumnOrderChange } = useTableColumnOrder({\n\t\tcolumnOrder,\n\t\tdefaultColumnOrder,\n\t\tonColumnOrderChange\n\t});\n\tconst { columnSizing: resolvedColumnSizing, onColumnSizingChange: handleColumnSizingChange } = useTableColumnSizing({\n\t\tcolumnSizing,\n\t\tdefaultColumnSizing,\n\t\tcolumnResizeMinWidth,\n\t\tonColumnSizingChange\n\t});\n\tconst { columnPinning: resolvedColumnPinning, onColumnPinningChange: handleColumnPinningChange } = useTableColumnPinning({\n\t\tcolumnPinning,\n\t\tdefaultColumnPinning,\n\t\tonColumnPinningChange\n\t});\n\tconst baseTableColumnState = useMemo<BaseTableColumnState>(\n\t\t() => ({\n\t\t\tcolumnOrder: resolvedColumnOrder,\n\t\t\tcolumnPinning: resolvedColumnPinning,\n\t\t\tcolumnSizing: resolvedColumnSizing,\n\t\t\tcolumnVisibility: resolvedColumnVisibility\n\t\t}),\n\t\t[resolvedColumnOrder, resolvedColumnPinning, resolvedColumnSizing, resolvedColumnVisibility]\n\t);\n\n\tconst emitReachEnd = useEffectEvent(() => {\n\t\tonReachEnd?.();\n\t});\n\n\tuseEffect(() => {\n\t\tif (!onReachEnd || !scrollableRef.current || !sentinelRef.current || isLoading) {\n\t\t\treturn;\n\t\t}\n\n\t\tconst observer = new IntersectionObserver(\n\t\t\t(entries) => {\n\t\t\t\tconst entry = entries[0];\n\n\t\t\t\tif (entry?.isIntersecting) {\n\t\t\t\t\temitReachEnd();\n\t\t\t\t}\n\t\t\t},\n\t\t\t{\n\t\t\t\troot: scrollableRef.current,\n\t\t\t\tthreshold: 0.1\n\t\t\t}\n\t\t);\n\n\t\tobserver.observe(sentinelRef.current);\n\n\t\treturn () => observer.disconnect();\n\t}, [isLoading, onReachEnd, tableData.length]);\n\n\tconst table = useTable({\n\t\tfeatures: foundationTableFeatures,\n\t\tdata: tableData as TData[],\n\t\tcolumns: columns as TableColumnDef<TData>[],\n\t\tstate: {\n\t\t\tcolumnOrder: resolvedColumnOrder,\n\t\t\tcolumnPinning: resolvedColumnPinning,\n\t\t\tcolumnSizing: resolvedColumnSizing,\n\t\t\tcolumnVisibility: resolvedColumnVisibility,\n\t\t\trowSelection\n\t\t},\n\t\tonColumnOrderChange: handleColumnOrderChange,\n\t\tonColumnPinningChange: handleColumnPinningChange,\n\t\tonColumnSizingChange: handleColumnSizingChange,\n\t\tonColumnVisibilityChange: handleColumnVisibilityChange,\n\t\tgetRowId: (row, index) => resolveRowId(row, index),\n\t\tenableMultiRowSelection: selectionMode === \"multi\",\n\t\tenableRowSelection: (row) => {\n\t\t\tif (selectionMode === \"none\") {\n\t\t\t\treturn false;\n\t\t\t}\n\n\t\t\treturn getRowCanSelect ? getRowCanSelect(row.original) : true;\n\t\t}\n\t});\n\n\tconst visibleLeafColumns = getOrderedVisibleLeafColumns(table, baseTableColumnState);\n\tconst rowModelRows = table.getRowModel().rows;\n\tconst mergedCellLayout = useMemo(\n\t\t() =>\n\t\t\tbuildBaseTableMergedCellsLayout({\n\t\t\t\trows: rowModelRows,\n\t\t\t\tcolumns: visibleLeafColumns\n\t\t\t}),\n\t\t[rowModelRows, visibleLeafColumns]\n\t);\n\tconst leadingColumnId = visibleLeafColumns[0]?.id;\n\n\t/**\n\t * Активирует строку: обновляет выбор в соответствии с режимом и вызывает внешний callback.\n\t */\n\tconst activateRow = (row: FoundationTableRow<TData>) => {\n\t\tactivateRowSelection(row.id, row.getCanSelect());\n\t\tonRowClick?.(row.original);\n\t};\n\n\treturn (\n\t\t<BaseTable\n\t\t\ttable={table}\n\t\t\tcolumnState={baseTableColumnState}\n\t\t\ttitle={title}\n\t\t\tisLoading={isLoading}\n\t\t\tisFetching={isFetching}\n\t\t\tclassName={className}\n\t\t\tminHeight={minHeight}\n\t\t\ttableClassName={tableClassName}\n\t\t\tselectionMode={selectionMode}\n\t\t\tscrollableRef={scrollableRef}\n\t\t\tonActivateRow={selectionMode !== \"none\" || onRowClick ? activateRow : undefined}\n\t\t\tisRowInteractive={(row) => Boolean(onRowClick || (selectionMode !== \"none\" && row.getCanSelect()))}\n\t\t\tgetRowClassName={(row) => getRowClassName?.(row.original)}\n\t\t\tgetCellClassName={({ row, cell }) =>\n\t\t\t\tcell.column.id === leadingColumnId && row.getIsSelected() ? styles.selectedIndicatorCell : undefined\n\t\t\t}\n\t\t\tgetCellLayout={({ cell }) => mergedCellLayout.get(cell.id)}\n\t\t\trenderHeaderContextMenu={renderHeaderContextMenu}\n\t\t\tenableColumnResizing={enableColumnResizing}\n\t\t\tenableColumnReordering={enableColumnReordering}\n\t\t\tcolumnResizeMinWidth={columnResizeMinWidth}\n\t\t\trenderCellContent={(args) => {\n\t\t\t\tconst displayValue = formatPipelineDisplayValue({\n\t\t\t\t\tfield: formattingSnapshot.runtimeByColumnId[args.cell.column.id],\n\t\t\t\t\trawValue: args.cell.getValue(),\n\t\t\t\t\trowData: args.row.original as TableFormulaRowData,\n\t\t\t\t\trowKind: \"plain\"\n\t\t\t\t});\n\t\t\t\tconst defaultContent = !shouldUseTableFormatting({\n\t\t\t\t\tcolumnId: args.cell.column.id,\n\t\t\t\t\truntimeByColumnId: formattingSnapshot.runtimeByColumnId,\n\t\t\t\t\tcustomCellColumnIds: formattingSnapshot.customCellColumnIds\n\t\t\t\t}) ? (\n\t\t\t\t\targs.defaultContent\n\t\t\t\t) : (\n\t\t\t\t\t<FormattedTableCell displayValue={displayValue} align={args.columnMeta?.align} />\n\t\t\t\t);\n\n\t\t\t\tif (renderCellContent) {\n\t\t\t\t\treturn renderCellContent({\n\t\t\t\t\t\t...args,\n\t\t\t\t\t\tdefaultContent,\n\t\t\t\t\t\tdisplayValue\n\t\t\t\t\t});\n\t\t\t\t}\n\n\t\t\t\treturn defaultContent;\n\t\t\t}}\n\t\t\tafterTableContent={onReachEnd ? <div ref={sentinelRef} className={styles.sentinel} aria-hidden=\"true\" /> : null}\n\t\t/>\n\t);\n}\n"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"table-aozLLSJk.js","names":[],"sources":["../../src/table/Table.module.scss","../../src/table/Table.tsx"],"sourcesContent":[".selectedIndicatorCell {\n\tbox-shadow: inset 0.1875rem 0 0 var(--content-accent);\n}\n\n.sentinel {\n\theight: 1px;\n}\n","import { useEffect, useEffectEvent, useMemo, useRef } from \"react\";\n\nimport { formatPipelineDisplayValue } from \"@ryuzaki13/react-foundation-lib/formatters\";\nimport { TableFormulaRowData } from \"@ryuzaki13/react-foundation-lib/formulas\";\nimport {\n\ttype FoundationTableRow,\n\tfoundationTableFeatures,\n\ttype TableColumnDef,\n\ttype TableColumnOrderState,\n\ttype TableColumnSizingState,\n\ttype TableColumnVisibilityState,\n\ttype TableSelectionMode,\n\tuseTableRowSelection\n} from \"@ryuzaki13/react-foundation-lib/table\";\nimport { useTable } from \"@tanstack/react-table\";\n\nimport {\n\tBaseTable,\n\tbuildBaseTableMergedCellsLayout,\n\tbuildTableFormattingSnapshot,\n\tFormattedTableCell,\n\tgetOrderedVisibleLeafColumns,\n\tshouldUseTableFormatting,\n\tuseTableColumnOrder,\n\tuseTableColumnPinning,\n\tuseTableColumnSizing,\n\tuseTableColumnVisibility,\n\ttype BaseTableColumnState,\n\ttype BaseTableProps,\n\ttype TableColumnPinningState\n} from \"../base-table\";\n\nimport styles from \"./Table.module.scss\";\n\n/**\n * Возвращает индекс как строковый id, если внешний id не передан.\n */\nfunction defaultGetRowId<TData>(_row: TData, index: number): string {\n\treturn String(index);\n}\n\n/**\n * Пропсы компонента Table.\n *\n * Компонент предназначен для плоских данных и по API осознанно сближен с TreeTable.\n */\nexport interface TableProps<TData extends object> {\n\t/**\n\t * Необязательный заголовок над таблицей.\n\t */\n\ttitle?: string;\n\t/**\n\t * Признак первичной загрузки.\n\t */\n\tisLoading?: boolean;\n\t/**\n\t * Признак фоновой догрузки или обновления данных.\n\t */\n\tisFetching?: boolean;\n\t/**\n\t * Плоский источник строк.\n\t */\n\tdata: readonly TData[] | undefined | null;\n\t/**\n\t * Описание колонок таблицы.\n\t */\n\tcolumns: readonly TableColumnDef<TData>[];\n\t/**\n\t * Режим выбора строк.\n\t */\n\tselectionMode?: TableSelectionMode;\n\t/**\n\t * Внешний список выбранных строк.\n\t *\n\t * Если передан, таблица синхронизирует визуальное выделение с этим набором id.\n\t */\n\tselectedRowIds?: readonly string[];\n\t/**\n\t * Стабильный идентификатор строки.\n\t *\n\t * Если не задан, используется индекс строки.\n\t */\n\tgetRowId?: (row: TData, index: number) => string;\n\t/**\n\t * Дополнительный CSS-класс корневого контейнера.\n\t */\n\tclassName?: string;\n\tminHeight?: `${number}em` | `${number}%`;\n\t/**\n\t * Дополнительный CSS-класс тега `table`.\n\t */\n\ttableClassName?: string;\n\t/**\n\t * Внешнее controlled-состояние видимости колонок.\n\t */\n\tcolumnVisibility?: TableColumnVisibilityState;\n\t/**\n\t * Стартовое uncontrolled-состояние видимости колонок.\n\t */\n\tdefaultColumnVisibility?: TableColumnVisibilityState;\n\t/**\n\t * Внешнее controlled-состояние порядка колонок.\n\t */\n\tcolumnOrder?: readonly string[];\n\t/**\n\t * Стартовое uncontrolled-состояние порядка колонок.\n\t */\n\tdefaultColumnOrder?: readonly string[];\n\t/**\n\t * Внешнее controlled-состояние ширин колонок в px.\n\t */\n\tcolumnSizing?: TableColumnSizingState;\n\t/**\n\t * Стартовое uncontrolled-состояние ширин колонок в px.\n\t */\n\tdefaultColumnSizing?: TableColumnSizingState;\n\t/**\n\t * Внешнее controlled-состояние start-pinning для колонок.\n\t */\n\tcolumnPinning?: TableColumnPinningState;\n\t/**\n\t * Стартовое uncontrolled-состояние start-pinning для колонок.\n\t */\n\tdefaultColumnPinning?: TableColumnPinningState;\n\t/**\n\t * Включает изменение ширины колонок через header-handle.\n\t */\n\tenableColumnResizing?: boolean;\n\t/**\n\t * Включает изменение порядка колонок через drag&drop заголовков.\n\t */\n\tenableColumnReordering?: boolean;\n\t/**\n\t * Минимальная ширина колонки при resize в px.\n\t */\n\tcolumnResizeMinWidth?: number;\n\t/**\n\t * Вызывается после изменения видимости колонок.\n\t */\n\tonColumnVisibilityChange?: (state: TableColumnVisibilityState) => void;\n\t/**\n\t * Вызывается после изменения порядка колонок.\n\t */\n\tonColumnOrderChange?: (state: TableColumnOrderState) => void;\n\t/**\n\t * Вызывается после изменения ширины колонок.\n\t */\n\tonColumnSizingChange?: (state: TableColumnSizingState) => void;\n\t/**\n\t * Вызывается после изменения start-pinning state.\n\t */\n\tonColumnPinningChange?: (state: TableColumnPinningState) => void;\n\t/**\n\t * Вызывается при активации строки кликом или клавиатурой.\n\t */\n\tonRowClick?: (row: TData) => void;\n\t/**\n\t * Вызывается после изменения выбранных строк.\n\t */\n\tonRowSelectionChange?: (rows: TData[]) => void;\n\t/**\n\t * Вызывается при достижении конца таблицы внутри scroll-контейнера.\n\t */\n\tonReachEnd?: () => void;\n\t/**\n\t * Позволяет запретить выбор отдельных строк.\n\t */\n\tgetRowCanSelect?: (row: TData) => boolean;\n\t/**\n\t * Позволяет добавить CSS-класс для конкретной строки.\n\t */\n\tgetRowClassName?: (row: TData) => string | undefined;\n\t/**\n\t * Контекстное меню заголовка колонки. Используется для общих runtime-действий\n\t * вроде server sorting без встраивания доменной логики в shared-таблицу.\n\t */\n\trenderHeaderContextMenu?: BaseTableProps<TData>[\"renderHeaderContextMenu\"];\n\t/**\n\t * Тонкая точка расширения содержимого ячейки поверх стандартного форматирования.\n\t *\n\t * В отличие от `column.cell`, этот слот не отключает общий formatting-runtime:\n\t * `defaultContent` уже содержит отформатированное значение, если оно применимо.\n\t */\n\trenderCellContent?: BaseTableProps<TData>[\"renderCellContent\"];\n}\n\n/**\n * Плоская таблица на базе TanStack Table как React-альтернатива `sap.m.Table`.\n */\nexport function Table<TData extends object>({\n\ttitle,\n\tisLoading,\n\tisFetching,\n\tdata,\n\tcolumns,\n\tselectionMode = \"none\",\n\tselectedRowIds,\n\tgetRowId,\n\tclassName,\n\tminHeight,\n\ttableClassName,\n\tcolumnVisibility,\n\tdefaultColumnVisibility,\n\tcolumnOrder,\n\tdefaultColumnOrder,\n\tcolumnSizing,\n\tdefaultColumnSizing,\n\tcolumnPinning,\n\tdefaultColumnPinning,\n\tenableColumnResizing = false,\n\tenableColumnReordering = false,\n\tcolumnResizeMinWidth,\n\tonColumnVisibilityChange,\n\tonColumnOrderChange,\n\tonColumnSizingChange,\n\tonColumnPinningChange,\n\tonRowClick,\n\tonRowSelectionChange,\n\tonReachEnd,\n\tgetRowCanSelect,\n\tgetRowClassName,\n\trenderHeaderContextMenu,\n\trenderCellContent\n}: TableProps<TData>) {\n\tconst tableData = useMemo(() => data ?? [], [data]);\n\tconst formattingSnapshot = useMemo(() => buildTableFormattingSnapshot(columns), [columns]);\n\tconst resolveRowId = getRowId ?? defaultGetRowId<TData>;\n\tconst rowById = useMemo(() => new Map(tableData.map((row, index) => [resolveRowId(row, index), row])), [resolveRowId, tableData]);\n\tconst availableRowIds = useMemo(() => Array.from(rowById.keys()), [rowById]);\n\tconst scrollableRef = useRef<HTMLDivElement | null>(null);\n\tconst sentinelRef = useRef<HTMLDivElement | null>(null);\n\n\tconst { rowSelection, activateRowSelection } = useTableRowSelection({\n\t\tavailableRowIds,\n\t\trowById,\n\t\tselectionMode,\n\t\tselectedRowIds,\n\t\tonRowSelectionChange\n\t});\n\tconst { columnVisibility: resolvedColumnVisibility, onColumnVisibilityChange: handleColumnVisibilityChange } = useTableColumnVisibility(\n\t\t{\n\t\t\tcolumnVisibility,\n\t\t\tdefaultColumnVisibility,\n\t\t\tonColumnVisibilityChange\n\t\t}\n\t);\n\tconst { columnOrder: resolvedColumnOrder, onColumnOrderChange: handleColumnOrderChange } = useTableColumnOrder({\n\t\tcolumnOrder,\n\t\tdefaultColumnOrder,\n\t\tonColumnOrderChange\n\t});\n\tconst { columnSizing: resolvedColumnSizing, onColumnSizingChange: handleColumnSizingChange } = useTableColumnSizing({\n\t\tcolumnSizing,\n\t\tdefaultColumnSizing,\n\t\tcolumnResizeMinWidth,\n\t\tonColumnSizingChange\n\t});\n\tconst { columnPinning: resolvedColumnPinning, onColumnPinningChange: handleColumnPinningChange } = useTableColumnPinning({\n\t\tcolumnPinning,\n\t\tdefaultColumnPinning,\n\t\tonColumnPinningChange\n\t});\n\tconst baseTableColumnState = useMemo<BaseTableColumnState>(\n\t\t() => ({\n\t\t\tcolumnOrder: resolvedColumnOrder,\n\t\t\tcolumnPinning: resolvedColumnPinning,\n\t\t\tcolumnSizing: resolvedColumnSizing,\n\t\t\tcolumnVisibility: resolvedColumnVisibility\n\t\t}),\n\t\t[resolvedColumnOrder, resolvedColumnPinning, resolvedColumnSizing, resolvedColumnVisibility]\n\t);\n\n\tconst emitReachEnd = useEffectEvent(() => {\n\t\tonReachEnd?.();\n\t});\n\n\tuseEffect(() => {\n\t\tif (!onReachEnd || !scrollableRef.current || !sentinelRef.current || isLoading) {\n\t\t\treturn;\n\t\t}\n\n\t\tconst observer = new IntersectionObserver(\n\t\t\t(entries) => {\n\t\t\t\tconst entry = entries[0];\n\n\t\t\t\tif (entry?.isIntersecting) {\n\t\t\t\t\temitReachEnd();\n\t\t\t\t}\n\t\t\t},\n\t\t\t{\n\t\t\t\troot: scrollableRef.current,\n\t\t\t\tthreshold: 0.1\n\t\t\t}\n\t\t);\n\n\t\tobserver.observe(sentinelRef.current);\n\n\t\treturn () => observer.disconnect();\n\t}, [isLoading, onReachEnd, tableData.length]);\n\n\tconst table = useTable({\n\t\tfeatures: foundationTableFeatures,\n\t\tdata: tableData as TData[],\n\t\tcolumns: columns as TableColumnDef<TData>[],\n\t\tstate: {\n\t\t\tcolumnOrder: resolvedColumnOrder,\n\t\t\tcolumnPinning: resolvedColumnPinning,\n\t\t\tcolumnSizing: resolvedColumnSizing,\n\t\t\tcolumnVisibility: resolvedColumnVisibility,\n\t\t\trowSelection\n\t\t},\n\t\tonColumnOrderChange: handleColumnOrderChange,\n\t\tonColumnPinningChange: handleColumnPinningChange,\n\t\tonColumnSizingChange: handleColumnSizingChange,\n\t\tonColumnVisibilityChange: handleColumnVisibilityChange,\n\t\tgetRowId: (row, index) => resolveRowId(row, index),\n\t\tenableMultiRowSelection: selectionMode === \"multi\",\n\t\tenableRowSelection: (row) => {\n\t\t\tif (selectionMode === \"none\") {\n\t\t\t\treturn false;\n\t\t\t}\n\n\t\t\treturn getRowCanSelect ? getRowCanSelect(row.original) : true;\n\t\t}\n\t});\n\n\tconst visibleLeafColumns = getOrderedVisibleLeafColumns(table, baseTableColumnState);\n\tconst rowModelRows = table.getRowModel().rows;\n\tconst mergedCellLayout = useMemo(\n\t\t() =>\n\t\t\tbuildBaseTableMergedCellsLayout({\n\t\t\t\trows: rowModelRows,\n\t\t\t\tcolumns: visibleLeafColumns\n\t\t\t}),\n\t\t[rowModelRows, visibleLeafColumns]\n\t);\n\tconst leadingColumnId = visibleLeafColumns[0]?.id;\n\n\t/**\n\t * Активирует строку: обновляет выбор в соответствии с режимом и вызывает внешний callback.\n\t */\n\tconst activateRow = (row: FoundationTableRow<TData>) => {\n\t\tactivateRowSelection(row.id, row.getCanSelect());\n\t\tonRowClick?.(row.original);\n\t};\n\n\treturn (\n\t\t<BaseTable\n\t\t\ttable={table}\n\t\t\tcolumnState={baseTableColumnState}\n\t\t\ttitle={title}\n\t\t\tisLoading={isLoading}\n\t\t\tisFetching={isFetching}\n\t\t\tclassName={className}\n\t\t\tminHeight={minHeight}\n\t\t\ttableClassName={tableClassName}\n\t\t\tselectionMode={selectionMode}\n\t\t\tscrollableRef={scrollableRef}\n\t\t\tonActivateRow={selectionMode !== \"none\" || onRowClick ? activateRow : undefined}\n\t\t\tisRowInteractive={(row) => Boolean(onRowClick || (selectionMode !== \"none\" && row.getCanSelect()))}\n\t\t\tgetRowClassName={(row) => getRowClassName?.(row.original)}\n\t\t\tgetCellClassName={({ row, cell }) =>\n\t\t\t\tcell.column.id === leadingColumnId && row.getIsSelected() ? styles.selectedIndicatorCell : undefined\n\t\t\t}\n\t\t\tgetCellLayout={({ cell }) => mergedCellLayout.get(cell.id)}\n\t\t\trenderHeaderContextMenu={renderHeaderContextMenu}\n\t\t\tenableColumnResizing={enableColumnResizing}\n\t\t\tenableColumnReordering={enableColumnReordering}\n\t\t\tcolumnResizeMinWidth={columnResizeMinWidth}\n\t\t\trenderCellContent={(args) => {\n\t\t\t\tconst displayValue = formatPipelineDisplayValue({\n\t\t\t\t\tfield: formattingSnapshot.runtimeByColumnId[args.cell.column.id],\n\t\t\t\t\trawValue: args.cell.getValue(),\n\t\t\t\t\trowData: args.row.original as TableFormulaRowData,\n\t\t\t\t\trowKind: \"plain\"\n\t\t\t\t});\n\t\t\t\tconst defaultContent = !shouldUseTableFormatting({\n\t\t\t\t\tcolumnId: args.cell.column.id,\n\t\t\t\t\truntimeByColumnId: formattingSnapshot.runtimeByColumnId,\n\t\t\t\t\tcustomCellColumnIds: formattingSnapshot.customCellColumnIds\n\t\t\t\t}) ? (\n\t\t\t\t\targs.defaultContent\n\t\t\t\t) : (\n\t\t\t\t\t<FormattedTableCell displayValue={displayValue} align={args.columnMeta?.align} />\n\t\t\t\t);\n\n\t\t\t\tif (renderCellContent) {\n\t\t\t\t\treturn renderCellContent({\n\t\t\t\t\t\t...args,\n\t\t\t\t\t\tdefaultContent,\n\t\t\t\t\t\tdisplayValue\n\t\t\t\t\t});\n\t\t\t\t}\n\n\t\t\t\treturn defaultContent;\n\t\t\t}}\n\t\t\tafterTableContent={onReachEnd ? <div ref={sentinelRef} className={styles.sentinel} aria-hidden=\"true\" /> : null}\n\t\t/>\n\t);\n}\n"],"mappings":"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"}
|
package/dist/date-input/index.js
CHANGED
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
import { a as e, i as t, n, o as r, r as i, s as a, t as o } from "../chunks/CalendarView-
|
|
2
|
-
import { _ as s, a as c, b as l, c as u, d, f, g as p, h as m, i as h, l as g, m as _, n as v, o as y, p as b, r as x, s as S, t as C, u as w, v as T, y as E } from "../chunks/date-input-
|
|
1
|
+
import { a as e, i as t, n, o as r, r as i, s as a, t as o } from "../chunks/CalendarView-Bhaov_XE.js";
|
|
2
|
+
import { _ as s, a as c, b as l, c as u, d, f, g as p, h as m, i as h, l as g, m as _, n as v, o as y, p as b, r as x, s as S, t as C, u as w, v as T, y as E } from "../chunks/date-input-DkLfO3Ng.js";
|
|
3
3
|
export { o as CalendarView, p as DATE_INPUT_SELECTION_MODES, s as DATE_INPUT_SELECTION_MODE_OPTIONS, n as DATE_INPUT_WEEK_END_DAYS, i as DATE_PICKER_LEVELS, x as DEFAULT_DATE_INPUT_FORMAT, h as DEFAULT_DATE_INPUT_PRESET, C as RangeDateInput, v as SingleDateInput, c as areRangeDateValuesEqual, y as areSingleDateValuesEqual, S as formatDateInputValue, u as formatRangeDateValue, g as formatSingleDateValue, t as getDatePickerLevelForSelectionMode, T as isDateInputSelectionMode, e as isDatePickerLevelAvailable, E as normalizeDateInputSelectionModes, w as normalizeRangeDateValue, d as normalizeRangeEndDateValue, f as normalizeSingleDateValue, b as parseRangeDateValue, _ as parseRangeEndDateValue, m as parseSingleDateValue, r as resolveAvailableDatePickerLevel, a as resolveDateInputPeriodRangeState, l as resolveDateInputSelectionModeOptionsByModes };
|
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
import { r as e } from "../chunks/popover-
|
|
1
|
+
import { r as e } from "../chunks/popover-Bne-Ljbs.js";
|
|
2
2
|
import { t } from "../chunks/ui.module-BsDio9A3.js";
|
|
3
3
|
import { c as n, d as r, i } from "../chunks/input-D1jOxm0t.js";
|
|
4
|
-
import { t as a } from "../chunks/CalendarView-
|
|
4
|
+
import { t as a } from "../chunks/CalendarView-Bhaov_XE.js";
|
|
5
5
|
import { t as o } from "../chunks/wheel-picker-FS58cRsQ.js";
|
|
6
6
|
import { useCallback as s, useMemo as c, useRef as l, useState as u } from "react";
|
|
7
7
|
import { cn as d } from "@ryuzaki13/react-foundation-lib/utils";
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import { n as e } from "../chunks/button-
|
|
2
|
-
import { l as t } from "../chunks/misc-
|
|
1
|
+
import { n as e } from "../chunks/button-BaUlN-nt.js";
|
|
2
|
+
import { l as t } from "../chunks/misc-DeGboAt-.js";
|
|
3
3
|
import { useCallback as n, useId as r, useState as i } from "react";
|
|
4
4
|
import { cn as a } from "@ryuzaki13/react-foundation-lib/utils";
|
|
5
5
|
import { jsx as o, jsxs as s } from "react/jsx-runtime";
|
package/dist/image/index.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import { n as e } from "../chunks/button-
|
|
1
|
+
import { n as e } from "../chunks/button-BaUlN-nt.js";
|
|
2
2
|
import { r as t } from "../chunks/grid-dI94AAbi.js";
|
|
3
|
-
import { i as n, n as r, r as i } from "../chunks/modal-
|
|
3
|
+
import { i as n, n as r, r as i } from "../chunks/modal-BGAi96zR.js";
|
|
4
4
|
import { s as a } from "../chunks/input-D1jOxm0t.js";
|
|
5
5
|
import { t as o } from "../chunks/input-files-CDGpJaUm.js";
|
|
6
6
|
import { Suspense as s, lazy as c, useCallback as l, useEffect as u, useMemo as d, useRef as f, useState as p } from "react";
|
package/dist/list/index.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { c as e, h as t } from "../chunks/misc-
|
|
1
|
+
import { c as e, h as t } from "../chunks/misc-DeGboAt-.js";
|
|
2
2
|
import { t as n } from "../chunks/grid-dI94AAbi.js";
|
|
3
3
|
import r, { Children as i, useLayoutEffect as a, useReducer as o, useRef as s, useState as c } from "react";
|
|
4
4
|
import { cn as l } from "@ryuzaki13/react-foundation-lib/utils";
|
package/dist/misc/index.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import { _ as e, a as t, b as n, c as r, d as i, f as a, g as o, h as s, i as c, l, m as u, n as d, o as f, p, r as m, s as h, t as g, u as _, v, y } from "../chunks/misc-
|
|
1
|
+
import { _ as e, a as t, b as n, c as r, d as i, f as a, g as o, h as s, i as c, l, m as u, n as d, o as f, p, r as m, s as h, t as g, u as _, v, y } from "../chunks/misc-DeGboAt-.js";
|
|
2
2
|
export { n as AnimatedLogo, y as AnimatedLogoSegment, v as CopyTextWrapper, d as ErrorIcon, e as IconWrapper, m as InformationIcon, u as LazyDynamicComponent, a as LazyValue, s as LoadingMessage, o as Message, i as NoData, _ as Notice, l as OneStepScroller, c as RenderStateIcon, r as Scrollable, p as SkeletonLine, t as StateIcon, g as StateWrapper, f as SuccessIcon, h as WarningIcon };
|
package/dist/modal/index.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import { a as e, i as t, n, o as r, r as i, s as a, t as o } from "../chunks/modal-
|
|
1
|
+
import { a as e, i as t, n, o as r, r as i, s as a, t as o } from "../chunks/modal-BGAi96zR.js";
|
|
2
2
|
export { n as Modal, i as ModalContent, t as ModalFooter, r as ModalManagerContext, o as ModalManagerProvider, e as ModalToolbar, a as useModalManager };
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { n as e } from "../chunks/button-
|
|
1
|
+
import { n as e } from "../chunks/button-BaUlN-nt.js";
|
|
2
2
|
import { o as t } from "../chunks/flex-C7njxZ74.js";
|
|
3
3
|
import { createContext as n, useContext as r, useEffect as i, useMemo as a } from "react";
|
|
4
4
|
import { cn as o } from "@ryuzaki13/react-foundation-lib/utils";
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FloatingPopover.d.ts","sourceRoot":"","sources":["../../src/popover/FloatingPopover.tsx"],"names":[],"mappings":"AACA,OAAO,KAA4C,MAAM,OAAO,CAAC;AAEjE,OAAO,EAKN,SAAS,
|
|
1
|
+
{"version":3,"file":"FloatingPopover.d.ts","sourceRoot":"","sources":["../../src/popover/FloatingPopover.tsx"],"names":[],"mappings":"AACA,OAAO,KAA4C,MAAM,OAAO,CAAC;AAEjE,OAAO,EAKN,SAAS,EAQT,MAAM,oBAAoB,CAAC;AAQ5B,UAAU,oBAAoB;IAC7B,OAAO,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,KAAK,CAAC,EAAE,aAAa,GAAG,OAAO,GAAG,SAAS,GAAG,SAAS,GAAG,UAAU,CAAC;IACrE,OAAO,CAAC,EAAE,IAAI,CAAC;IACf;;;OAGG;IACH,iBAAiB,CAAC,EAAE,OAAO,CAAC;CAC5B;AAED,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,oBAAoB,CAgF1D,CAAC"}
|
package/dist/popover/index.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import { a as e, i as t, n, o as r, r as i, t as a } from "../chunks/popover-
|
|
1
|
+
import { a as e, i as t, n, o as r, r as i, t as a } from "../chunks/popover-Bne-Ljbs.js";
|
|
2
2
|
export { n as FloatingPopover, a as FloatingTooltip, i as Popover, e as PopoverContent, t as PopoverTrigger, r as usePopoverContext };
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { o as e } from "../chunks/flex-C7njxZ74.js";
|
|
2
|
-
import { t } from "../chunks/date-input-
|
|
2
|
+
import { t } from "../chunks/date-input-DkLfO3Ng.js";
|
|
3
3
|
import { c as n, l as r, r as i, s as a, t as o, u as s } from "../chunks/date-range-preset-select-BLnY47cv.js";
|
|
4
4
|
import { useCallback as c, useMemo as l, useRef as u, useState as d } from "react";
|
|
5
5
|
import { jsx as f, jsxs as p } from "react/jsx-runtime";
|
package/dist/slider/index.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { n as e, r as t } from "../chunks/popover-
|
|
1
|
+
import { n as e, r as t } from "../chunks/popover-Bne-Ljbs.js";
|
|
2
2
|
import { t as n } from "../chunks/ui.module-BsDio9A3.js";
|
|
3
3
|
import { c as r, d as i, i as a, s as o } from "../chunks/input-D1jOxm0t.js";
|
|
4
4
|
import { l as s } from "../chunks/picker-DO9HFqJV.js";
|
package/dist/table/index.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import { t as e } from "../chunks/table-
|
|
1
|
+
import { t as e } from "../chunks/table-aozLLSJk.js";
|
|
2
2
|
export { e as Table };
|
package/dist/tabs/index.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { t as e } from "../chunks/ui.module-BsDio9A3.js";
|
|
2
2
|
import { n as t } from "../chunks/uiClasses-BVwFzzsr.js";
|
|
3
|
-
import { d as n, h as r, l as i } from "../chunks/misc-
|
|
3
|
+
import { d as n, h as r, l as i } from "../chunks/misc-DeGboAt-.js";
|
|
4
4
|
import { Children as a, isValidElement as o, useId as s, useMemo as c, useRef as l, useState as u } from "react";
|
|
5
5
|
import { cn as d, getRovingFocusTargetIndex as f } from "@ryuzaki13/react-foundation-lib/utils";
|
|
6
6
|
import { Fragment as p, jsx as m, jsxs as h } from "react/jsx-runtime";
|
package/dist/text/index.js
CHANGED
|
@@ -1,9 +1,9 @@
|
|
|
1
|
-
import { m as e } from "../chunks/misc-
|
|
1
|
+
import { m as e } from "../chunks/misc-DeGboAt-.js";
|
|
2
2
|
import { a as t, n, t as r } from "../chunks/types-D9Wj9wrg.js";
|
|
3
3
|
import { jsx as i } from "react/jsx-runtime";
|
|
4
4
|
//#region src/text-editor/TextEditorLexical.tsx
|
|
5
5
|
function a() {
|
|
6
|
-
return import("../chunks/TextEditorLexicalClient-
|
|
6
|
+
return import("../chunks/TextEditorLexicalClient-CqPOrgcQ.js").then((e) => ({ TextEditorLexicalClient: e.TextEditorLexicalClient }));
|
|
7
7
|
}
|
|
8
8
|
function o(t) {
|
|
9
9
|
return /* @__PURE__ */ i(e, {
|
package/dist/tree-table/index.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { a as e, c as t, d as n, i as r, n as i, o as ee, p as te, r as ne, s as re, t as ie } from "../chunks/base-table-
|
|
1
|
+
import { a as e, c as t, d as n, i as r, n as i, o as ee, p as te, r as ne, s as re, t as ie } from "../chunks/base-table-DswaYoH-.js";
|
|
2
2
|
import { useEffect as a, useEffectEvent as o, useMemo as s, useRef as c, useState as ae } from "react";
|
|
3
3
|
import { cn as oe } from "@ryuzaki13/react-foundation-lib/utils";
|
|
4
4
|
import { jsx as l, jsxs as u } from "react/jsx-runtime";
|