@lanaco/lnc-react-ui 4.0.2 → 4.0.5
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/Accordion.cjs +1 -1
- package/dist/Accordion.js +55 -50
- package/dist/AccordionDetails.cjs +1 -1
- package/dist/AccordionDetails.js +15 -15
- package/dist/AccordionSummary.cjs +1 -1
- package/dist/AccordionSummary.js +11 -11
- package/dist/ActionsToolbar.cjs +2 -2
- package/dist/ActionsToolbar.js +16 -16
- package/dist/Alert.cjs +1 -1
- package/dist/Alert.js +23 -23
- package/dist/Avatar.cjs +2 -2
- package/dist/Avatar.js +18 -21
- package/dist/Badge.cjs +1 -1
- package/dist/Badge.js +21 -14
- package/dist/Breadcrumbs.cjs +1 -1
- package/dist/Breadcrumbs.js +28 -28
- package/dist/Button.cjs +2 -2
- package/dist/Button.js +21 -22
- package/dist/ButtonGroup.cjs +1 -1
- package/dist/ButtonGroup.js +10 -6
- package/dist/CheckBoxInput.cjs +1 -1
- package/dist/CheckBoxInput.js +6 -6
- package/dist/Chip.cjs +1 -1
- package/dist/Chip.js +9 -9
- package/dist/ColorInput.cjs +1 -1
- package/dist/ColorInput.js +20 -20
- package/dist/ConfirmationForm.cjs +1 -1
- package/dist/ConfirmationForm.js +58 -58
- package/dist/Content.cjs +1 -1
- package/dist/Content.js +8 -8
- package/dist/{CustomStyles-nfD3J1mi.js → CustomStyles-BUSJ8bZt.js} +5 -5
- package/dist/{CustomStyles-CqlCjTgU.cjs → CustomStyles-Dlqxic2X.cjs} +1 -1
- package/dist/DataView.cjs +1 -1
- package/dist/DataView.js +35 -35
- package/dist/DateInput.cjs +4 -4
- package/dist/DateInput.js +491 -491
- package/dist/DecimalInput.cjs +1 -1
- package/dist/DecimalInput.js +43 -43
- package/dist/DetailsView.cjs +4 -4
- package/dist/DetailsView.js +40 -40
- package/dist/DoubleRangeSlider.cjs +1 -1
- package/dist/DoubleRangeSlider.js +33 -33
- package/dist/DragAndDropFile.cjs +1 -1
- package/dist/DragAndDropFile.js +165 -165
- package/dist/DragDropFiles.cjs +1 -1
- package/dist/DragDropFiles.js +31 -31
- package/dist/Drawer.cjs +1 -1
- package/dist/Drawer.js +47 -47
- package/dist/Dropdown.cjs +1 -1
- package/dist/Dropdown.js +39 -39
- package/dist/DropdownItem.cjs +1 -1
- package/dist/DropdownItem.js +23 -23
- package/dist/DropdownLookup.cjs +1 -1
- package/dist/DropdownLookup.js +36 -36
- package/dist/DropdownMenu.cjs +7 -1
- package/dist/DropdownMenu.js +192 -10
- package/dist/EditableTable.cjs +1 -1
- package/dist/EditableTable.js +4 -4
- package/dist/FileInput.cjs +1 -1
- package/dist/FileInput.js +24 -24
- package/dist/FlexBox.cjs +1 -1
- package/dist/FlexBox.js +14 -14
- package/dist/FlexGrid.cjs +1 -1
- package/dist/FlexGrid.js +30 -30
- package/dist/FlexGridItem.cjs +1 -1
- package/dist/FlexGridItem.js +16 -16
- package/dist/Footer.cjs +1 -1
- package/dist/Footer.js +5 -5
- package/dist/FormField.cjs +1 -1
- package/dist/FormField.js +8 -9
- package/dist/FormView.cjs +1 -1
- package/dist/FormView.js +31 -31
- package/dist/Grid.cjs +2 -3
- package/dist/Grid.js +38 -10
- package/dist/GridItem.cjs +2 -2
- package/dist/GridItem.js +29 -9
- package/dist/Header.cjs +1 -1
- package/dist/Header.js +7 -7
- package/dist/Icon.cjs +2 -2
- package/dist/Icon.js +35 -13
- package/dist/IconButton.cjs +1 -1
- package/dist/IconButton.js +51 -52
- package/dist/Kanban.cjs +12 -12
- package/dist/Kanban.js +891 -879
- package/dist/KanbanActionsToolbar.cjs +2 -2
- package/dist/KanbanActionsToolbar.js +28 -28
- package/dist/{KanbanCard-D9OhU8C6.js → KanbanCard-CHZ_C9kk.js} +50 -50
- package/dist/KanbanCard-DV3VnSUi.cjs +30 -0
- package/dist/KanbanCard.cjs +1 -1
- package/dist/KanbanCard.js +5 -5
- package/dist/KanbanFooter.cjs +1 -1
- package/dist/KanbanFooter.js +40 -40
- package/dist/KanbanHeader.cjs +2 -2
- package/dist/KanbanHeader.js +46 -46
- package/dist/KanbanView.cjs +1 -1
- package/dist/KanbanView.js +27 -27
- package/dist/Link.cjs +1 -1
- package/dist/Link.js +9 -9
- package/dist/MenuItem.cjs +1 -1
- package/dist/MenuItem.js +39 -39
- package/dist/Modal.cjs +1 -1
- package/dist/Modal.js +42 -42
- package/dist/MultiSelectDropdown.cjs +1 -1
- package/dist/MultiSelectDropdown.js +6 -6
- package/dist/MultiSelectDropdownLookup.cjs +1 -1
- package/dist/MultiSelectDropdownLookup.js +6 -6
- package/dist/NestedDropdownItem.cjs +1 -1
- package/dist/NestedDropdownItem.js +40 -40
- package/dist/NestedMenuItem.cjs +1 -1
- package/dist/NestedMenuItem.js +45 -45
- package/dist/Notification.cjs +1 -83
- package/dist/Notification.js +3 -1077
- package/dist/NotificationContainer.cjs +37 -0
- package/dist/NotificationContainer.js +162 -0
- package/dist/NotificationMessage.cjs +47 -0
- package/dist/NotificationMessage.js +133 -0
- package/dist/NumberInput.cjs +1 -1
- package/dist/NumberInput.js +17 -17
- package/dist/PageLayout.cjs +1 -1
- package/dist/PageLayout.js +32 -32
- package/dist/Pagination.cjs +12 -0
- package/dist/Pagination.js +248 -0
- package/dist/PasswordInput.cjs +1 -1
- package/dist/PasswordInput.js +33 -33
- package/dist/Popover.cjs +1 -0
- package/dist/Popover.js +36 -0
- package/dist/PopoverClose.cjs +1 -0
- package/dist/PopoverClose.js +15 -0
- package/dist/PopoverContent.cjs +10 -0
- package/dist/PopoverContent.js +68 -0
- package/dist/PopoverContext.cjs +1 -0
- package/dist/PopoverContext.js +5 -0
- package/dist/PopoverDescription.cjs +1 -0
- package/dist/PopoverDescription.js +16 -0
- package/dist/PopoverHeading.cjs +1 -0
- package/dist/PopoverHeading.js +16 -0
- package/dist/PopoverTrigger.cjs +1 -0
- package/dist/PopoverTrigger.js +38 -0
- package/dist/ProgressBar.cjs +1 -1
- package/dist/ProgressBar.js +35 -24
- package/dist/RadioGroup.cjs +1 -1
- package/dist/RadioGroup.js +13 -13
- package/dist/RadioInput.cjs +1 -1
- package/dist/RadioInput.js +10 -10
- package/dist/RangeSlider.cjs +1 -1
- package/dist/RangeSlider.js +27 -27
- package/dist/SearchBar.cjs +1 -1
- package/dist/SearchBar.js +77 -77
- package/dist/Separator.cjs +1 -1
- package/dist/Separator.js +9 -9
- package/dist/Sidebar.cjs +1 -1
- package/dist/Sidebar.js +13 -13
- package/dist/Spinner.cjs +1 -1
- package/dist/Spinner.js +25 -20
- package/dist/Surface.cjs +2 -2
- package/dist/Surface.js +14 -15
- package/dist/SwipeableDrawer.cjs +1 -1
- package/dist/SwipeableDrawer.js +18 -18
- package/dist/TabItem.cjs +26 -0
- package/dist/TabItem.js +210 -0
- package/dist/Table.cjs +20 -20
- package/dist/Table.js +13 -12
- package/dist/TableView.cjs +8 -1
- package/dist/TableView.js +238 -9
- package/dist/Tabs.cjs +1 -1
- package/dist/Tabs.js +33 -27
- package/dist/TextAreaInput.cjs +1 -1
- package/dist/TextAreaInput.js +35 -35
- package/dist/TextInput.cjs +1 -1
- package/dist/TextInput.js +24 -24
- package/dist/ThemeProvider.cjs +1 -1
- package/dist/ThemeProvider.js +85 -85
- package/dist/TimeInput.cjs +1 -1
- package/dist/TimeInput.js +13 -13
- package/dist/Toggle.cjs +1 -1
- package/dist/Toggle.js +4 -5
- package/dist/TreeMenu.cjs +1 -1
- package/dist/TreeMenu.js +57 -57
- package/dist/TreeMenuSeparator.cjs +3 -3
- package/dist/TreeMenuSeparator.js +11 -11
- package/dist/UploadedFile.cjs +1 -1
- package/dist/UploadedFile.js +29 -29
- package/dist/_commonjsHelpers-DKOUU3wS.cjs +1 -0
- package/dist/_commonjsHelpers-DaMA6jEr.js +8 -0
- package/dist/{defineProperty-BHpTtkhC.js → defineProperty-B5pLF6px.js} +8 -8
- package/dist/{emotion-element-5486c51c.browser.esm-CSejtOeT.js → emotion-element-5486c51c.browser.esm-Bb4VkP8U.js} +4 -4
- package/dist/{emotion-is-prop-valid.esm-BzFBwmJz.js → emotion-is-prop-valid.esm-DkbeH1Xy.js} +1 -1
- package/dist/{emotion-react.browser.esm-OWM-uG8Q.js → emotion-react.browser.esm-CN-s34fZ.js} +6 -6
- package/dist/{emotion-react.browser.esm-DQBL7Wls.cjs → emotion-react.browser.esm-D7h2t2Bz.cjs} +1 -1
- package/dist/{emotion-styled.browser.esm-BZSYYThs.js → emotion-styled.browser.esm-BiK8DcgW.js} +12 -12
- package/dist/floating-ui.react.esm-72DKnou_.js +1198 -0
- package/dist/floating-ui.react.esm-C4vrBVJU.cjs +4 -0
- package/dist/{hoist-non-react-statics.cjs-Drf1aBlk.js → hoist-non-react-statics.cjs-CAHiRNzQ.js} +1 -1
- package/dist/{hoist-non-react-statics.cjs-B8r9S_ak.cjs → hoist-non-react-statics.cjs-Dr-ytKVG.cjs} +3 -3
- package/dist/{index-CZJEA84h.js → index--Kmch3aI.js} +1 -1
- package/dist/index-BIlhCoy2.cjs +20 -0
- package/dist/{index-BLQWNy78.js → index-BUChtubz.js} +4 -4
- package/dist/{index-Ds9PUTwb.js → index-BYnWp42a.js} +208 -213
- package/dist/{index-D5vEbKUT.js → index-CNBqQrtK.js} +1 -1
- package/dist/{index-IO9v6o0I.cjs → index-CSXL784P.cjs} +2 -2
- package/dist/{index-C29T0m2a.cjs → index-Ct1N7fF4.cjs} +1 -1
- package/dist/{index-BklgDeu4.js → index-Cu0xwYjD.js} +1 -1
- package/dist/{index-Cdkz-XH-.js → index-CvebWhtp.js} +1 -1
- package/dist/index-DAOBjHnD.cjs +1 -0
- package/dist/index-DBXXH_TD.cjs +1 -0
- package/dist/{index-B_da1uvD.js → index-DLVVKJXD.js} +1 -1
- package/dist/index-DaiUAQVF.cjs +1 -0
- package/dist/index.cjs +1 -26
- package/dist/index.js +180 -376
- package/dist/{motion-CtkUpWEn.js → motion-ecIGZGwI.js} +1 -1
- package/dist/react-toastify.esm-CkXGwKXL.js +798 -0
- package/dist/react-toastify.esm-Dqcb4SQT.cjs +1 -0
- package/dist/{setPrototypeOf-a891FLQJ.js → setPrototypeOf-CttqfWo1.js} +2 -2
- package/dist/style.css +1 -5
- package/dist/{tslib.es6-ZNVz5r_T.js → tslib.es6-DQ-SzcmG.js} +5 -5
- package/dist/usePopover.cjs +1 -0
- package/dist/usePopover.js +44 -0
- package/dist/{utils-DEke8iwo.js → utils-C52T57HO.js} +73 -73
- package/dist/{utils-hdRGTsQ7.cjs → utils-DTAPpJXU.cjs} +1 -1
- package/package.json +17 -5
- package/vite.config.js +16 -0
- package/custom-addons/ThemeSelector.js +0 -111
- package/custom-addons/register.js +0 -16
- package/custom-addons/theme-selector.css +0 -17
- package/dist/DropdownMenu-B6qr13ik.cjs +0 -19
- package/dist/DropdownMenu-DZi3TJ8Q.js +0 -1547
- package/dist/KanbanCard-ConTmu3w.cjs +0 -30
- package/dist/TableView-Cj5_fbSR.js +0 -481
- package/dist/TableView-D8ex512p.cjs +0 -19
- package/dist/index-BjdOz5Ok.cjs +0 -1
- package/dist/index-DXnSjbfJ.cjs +0 -20
- package/dist/index-Dzkd2i4n.cjs +0 -1
- package/dist/index-P-naJISQ.cjs +0 -1
|
@@ -1,111 +0,0 @@
|
|
|
1
|
-
// OutlineSelector.js
|
|
2
|
-
|
|
3
|
-
import React, { memo, useState } from "react";
|
|
4
|
-
import { useGlobals } from "@storybook/api";
|
|
5
|
-
import {
|
|
6
|
-
Icons,
|
|
7
|
-
IconButton,
|
|
8
|
-
} from "@storybook/components";
|
|
9
|
-
import { createPortal } from "react-dom";
|
|
10
|
-
import { useRef } from "react";
|
|
11
|
-
import styled from "@emotion/styled";
|
|
12
|
-
import { themes } from "../src/_utils/theme";
|
|
13
|
-
import "./theme-selector.css"
|
|
14
|
-
|
|
15
|
-
const StyledTooltip = styled.div`
|
|
16
|
-
position: absolute;
|
|
17
|
-
width: 180px;
|
|
18
|
-
z-index: 2147483647;
|
|
19
|
-
filter: drop-shadow(0px 5px 5px rgba(0, 0, 0, 0.05))
|
|
20
|
-
drop-shadow(0 1px 3px rgba(0, 0, 0, 0.1));
|
|
21
|
-
border-radius: 8px;
|
|
22
|
-
font-size: 12px;
|
|
23
|
-
`;
|
|
24
|
-
|
|
25
|
-
const Item = styled.div`
|
|
26
|
-
padding: 7px 15px;
|
|
27
|
-
cursor: pointer;
|
|
28
|
-
font-weight: 400;
|
|
29
|
-
`;
|
|
30
|
-
|
|
31
|
-
const Triangle = styled.div`
|
|
32
|
-
position: absolute;
|
|
33
|
-
border-style: solid;
|
|
34
|
-
-webkit-transform: translate3d(8px, 0px, 0px);
|
|
35
|
-
-moz-transform: translate3d(8px, 0px, 0px);
|
|
36
|
-
-ms-transform: translate3d(8px, 0px, 0px);
|
|
37
|
-
transform: translate3d(8px, 0px, 0px);
|
|
38
|
-
bottom: autopx;
|
|
39
|
-
top: -8px;
|
|
40
|
-
right: autopx;
|
|
41
|
-
left: autopx;
|
|
42
|
-
border-bottom-width: 8px;
|
|
43
|
-
border-top-width: 0px;
|
|
44
|
-
border-right-width: 8px;
|
|
45
|
-
border-left-width: 8px;
|
|
46
|
-
border-top-color: transparent;
|
|
47
|
-
border-left-color: transparent;
|
|
48
|
-
border-right-color: transparent;
|
|
49
|
-
`;
|
|
50
|
-
|
|
51
|
-
export const ThemeSelector = memo(() => {
|
|
52
|
-
const [globals, updateGlobals] = useGlobals();
|
|
53
|
-
const buttonRef = useRef();
|
|
54
|
-
const [toggleTooltip, setToggleTooltip] = useState();
|
|
55
|
-
|
|
56
|
-
const changeTheme = (themeName) => {
|
|
57
|
-
setToggleTooltip((prev) => !prev);
|
|
58
|
-
updateGlobals({
|
|
59
|
-
theme: themeName,
|
|
60
|
-
});
|
|
61
|
-
};
|
|
62
|
-
|
|
63
|
-
return (
|
|
64
|
-
<div ref={buttonRef}>
|
|
65
|
-
<IconButton
|
|
66
|
-
style={{ position: "relative" }}
|
|
67
|
-
key="outline"
|
|
68
|
-
active={globals["theme"]}
|
|
69
|
-
title="Apply themes to the preview"
|
|
70
|
-
onClick={() => setToggleTooltip((prev) => !prev)}
|
|
71
|
-
>
|
|
72
|
-
<Icons icon="photo" />
|
|
73
|
-
</IconButton>
|
|
74
|
-
{toggleTooltip &&
|
|
75
|
-
createPortal(
|
|
76
|
-
<>
|
|
77
|
-
<Triangle
|
|
78
|
-
className="tooltip-triangle-lnc"
|
|
79
|
-
style={{
|
|
80
|
-
position: "absolute",
|
|
81
|
-
transform: "translate(74px)",
|
|
82
|
-
top: buttonRef?.current?.getBoundingClientRect()?.bottom + 5,
|
|
83
|
-
left: buttonRef?.current?.getBoundingClientRect()?.left - 70,
|
|
84
|
-
}}
|
|
85
|
-
></Triangle>
|
|
86
|
-
<StyledTooltip
|
|
87
|
-
className="tooltip-lnc"
|
|
88
|
-
style={{
|
|
89
|
-
top: buttonRef?.current?.getBoundingClientRect()?.bottom + 12,
|
|
90
|
-
left: buttonRef?.current?.getBoundingClientRect()?.left - 90,
|
|
91
|
-
}}
|
|
92
|
-
>
|
|
93
|
-
{themes.map((theme, i) => (
|
|
94
|
-
<Item
|
|
95
|
-
key={i}
|
|
96
|
-
style={{
|
|
97
|
-
color:
|
|
98
|
-
globals["theme"] === theme?.name ? "#FF4785" : "unset",
|
|
99
|
-
}}
|
|
100
|
-
onClick={() => changeTheme(theme?.name)}
|
|
101
|
-
>
|
|
102
|
-
{theme?.name}
|
|
103
|
-
</Item>
|
|
104
|
-
))}
|
|
105
|
-
</StyledTooltip>
|
|
106
|
-
</>,
|
|
107
|
-
document.body
|
|
108
|
-
)}
|
|
109
|
-
</div>
|
|
110
|
-
);
|
|
111
|
-
});
|
|
@@ -1,16 +0,0 @@
|
|
|
1
|
-
|
|
2
|
-
import React from 'react';
|
|
3
|
-
import { addons, types } from '@storybook/addons';
|
|
4
|
-
|
|
5
|
-
import { ThemeSelector } from './ThemeSelector';
|
|
6
|
-
|
|
7
|
-
const ADDON_ID = 'smyaddon';
|
|
8
|
-
|
|
9
|
-
addons.register(ADDON_ID, () => {
|
|
10
|
-
addons.add(ADDON_ID, {
|
|
11
|
-
title: 'Theme',
|
|
12
|
-
type: types.TOOL,
|
|
13
|
-
match: ({ viewMode }) => !!(viewMode && viewMode.match(/^(story|docs)$/)),
|
|
14
|
-
render: () => <ThemeSelector />,
|
|
15
|
-
});
|
|
16
|
-
});
|
|
@@ -1,17 +0,0 @@
|
|
|
1
|
-
.dark .tooltip-lnc {
|
|
2
|
-
background: rgba(0, 0, 0, 0.95);
|
|
3
|
-
color: white;
|
|
4
|
-
}
|
|
5
|
-
|
|
6
|
-
.light .tooltip-lnc{
|
|
7
|
-
background: rgba(255,255,255,0.95);
|
|
8
|
-
color: black;
|
|
9
|
-
}
|
|
10
|
-
|
|
11
|
-
.dark .tooltip-triangle-lnc {
|
|
12
|
-
border-bottom-color: rgba(0, 0, 0, 0.95);
|
|
13
|
-
}
|
|
14
|
-
|
|
15
|
-
.light .tooltip-triangle-lnc{
|
|
16
|
-
border-bottom-color: rgba(255,255,255,0.95);
|
|
17
|
-
}
|
|
@@ -1,19 +0,0 @@
|
|
|
1
|
-
"use strict";const L=require("react/jsx-runtime"),F=require("react"),T=require("./index-DXnSjbfJ.cjs"),Ie=require("./emotion-styled.browser.esm-Cbp_XsK4.cjs"),lt=require("./Button.cjs"),ae=require("./utils-hdRGTsQ7.cjs"),ct=require("./ThemeProvider.cjs"),H=require("./floating-ui.dom-1F2mTXOe.cjs"),xe=require("./index-C29T0m2a.cjs"),He=require("./motion-Oud-wpUz.cjs"),ft=require("./emotion-element-5486c51c.browser.esm-QRQ5FSjv.cjs");function dt(e){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const n in e)if(n!=="default"){const r=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,r.get?r:{enumerable:!0,get:()=>e[n]})}}return t.default=e,Object.freeze(t)}const i=dt(F);var ue=typeof document<"u"?F.useLayoutEffect:F.useEffect;function ce(e,t){if(e===t)return!0;if(typeof e!=typeof t)return!1;if(typeof e=="function"&&e.toString()===t.toString())return!0;let n,r,o;if(e&&t&&typeof e=="object"){if(Array.isArray(e)){if(n=e.length,n!=t.length)return!1;for(r=n;r--!==0;)if(!ce(e[r],t[r]))return!1;return!0}if(o=Object.keys(e),n=o.length,n!==Object.keys(t).length)return!1;for(r=n;r--!==0;)if(!Object.prototype.hasOwnProperty.call(t,o[r]))return!1;for(r=n;r--!==0;){const s=o[r];if(!(s==="_owner"&&e.$$typeof)&&!ce(e[s],t[s]))return!1}return!0}return e!==e&&t!==t}function Le(e){const t=i.useRef(e);return ue(()=>{t.current=e}),t}function pt(e){e===void 0&&(e={});const{placement:t="bottom",strategy:n="absolute",middleware:r=[],platform:o,whileElementsMounted:s,open:a}=e,[u,f]=i.useState({x:null,y:null,strategy:n,placement:t,middlewareData:{},isPositioned:!1}),[d,b]=i.useState(r);ce(d,r)||b(r);const c=i.useRef(null),l=i.useRef(null),m=i.useRef(u),R=Le(s),v=Le(o),[p,y]=i.useState(null),[C,h]=i.useState(null),D=i.useCallback(S=>{c.current!==S&&(c.current=S,y(S))},[]),B=i.useCallback(S=>{l.current!==S&&(l.current=S,h(S))},[]),M=i.useCallback(()=>{if(!c.current||!l.current)return;const S={placement:t,strategy:n,middleware:d};v.current&&(S.platform=v.current),H.computePosition(c.current,l.current,S).then(N=>{const A={...N,isPositioned:!0};q.current&&!ce(m.current,A)&&(m.current=A,xe.reactDomExports.flushSync(()=>{f(A)}))})},[d,t,n,v]);ue(()=>{a===!1&&m.current.isPositioned&&(m.current.isPositioned=!1,f(S=>({...S,isPositioned:!1})))},[a]);const q=i.useRef(!1);ue(()=>(q.current=!0,()=>{q.current=!1}),[]),ue(()=>{if(p&&C){if(R.current)return R.current(p,C,M);M()}},[p,C,M,R]);const W=i.useMemo(()=>({reference:c,floating:l,setReference:D,setFloating:B}),[D,B]),_=i.useMemo(()=>({reference:p,floating:C}),[p,C]);return i.useMemo(()=>({...u,update:M,refs:W,elements:_,reference:D,floating:B}),[u,M,W,_,D,B])}var mt=function(e){if(typeof document>"u")return null;var t=Array.isArray(e)?e[0]:e;return t.ownerDocument.body},J=new WeakMap,se=new WeakMap,ie={},he=0,ze=function(e){return e&&(e.host||ze(e.parentNode))},vt=function(e,t){return t.map(function(n){if(e.contains(n))return n;var r=ze(n);return r&&e.contains(r)?r:(console.error("aria-hidden",n,"in not contained inside",e,". Doing nothing"),null)}).filter(function(n){return!!n})},bt=function(e,t,n,r){var o=vt(t,Array.isArray(e)?e:[e]);ie[n]||(ie[n]=new WeakMap);var s=ie[n],a=[],u=new Set,f=new Set(o),d=function(c){!c||u.has(c)||(u.add(c),d(c.parentNode))};o.forEach(d);var b=function(c){!c||f.has(c)||Array.prototype.forEach.call(c.children,function(l){if(u.has(l))b(l);else try{var m=l.getAttribute(r),R=m!==null&&m!=="false",v=(J.get(l)||0)+1,p=(s.get(l)||0)+1;J.set(l,v),s.set(l,p),a.push(l),v===1&&R&&se.set(l,!0),p===1&&l.setAttribute(n,"true"),R||l.setAttribute(r,"true")}catch(y){console.error("aria-hidden: cannot operate on ",l,y)}})};return b(t),u.clear(),he++,function(){a.forEach(function(c){var l=J.get(c)-1,m=s.get(c)-1;J.set(c,l),s.set(c,m),l||(se.has(c)||c.removeAttribute(r),se.delete(c)),m||c.removeAttribute(n)}),he--,he||(J=new WeakMap,J=new WeakMap,se=new WeakMap,ie={})}},gt=function(e,t,n){n===void 0&&(n="data-aria-hidden");var r=Array.from(Array.isArray(e)?e:[e]),o=mt(e);return o?(r.push.apply(r,Array.from(o.querySelectorAll("[aria-live]"))),bt(r,o,n,"aria-hidden")):function(){return null}};/*!
|
|
2
|
-
* tabbable 6.2.0
|
|
3
|
-
* @license MIT, https://github.com/focus-trap/tabbable/blob/master/LICENSE
|
|
4
|
-
*/var yt=["input:not([inert])","select:not([inert])","textarea:not([inert])","a[href]:not([inert])","button:not([inert])","[tabindex]:not(slot):not([inert])","audio[controls]:not([inert])","video[controls]:not([inert])",'[contenteditable]:not([contenteditable="false"]):not([inert])',"details>summary:first-of-type:not([inert])","details:not([inert])"],Pe=yt.join(","),Ye=typeof Element>"u",te=Ye?function(){}:Element.prototype.matches||Element.prototype.msMatchesSelector||Element.prototype.webkitMatchesSelector,fe=!Ye&&Element.prototype.getRootNode?function(e){var t;return e==null||(t=e.getRootNode)===null||t===void 0?void 0:t.call(e)}:function(e){return e==null?void 0:e.ownerDocument},de=function e(t,n){var r;n===void 0&&(n=!0);var o=t==null||(r=t.getAttribute)===null||r===void 0?void 0:r.call(t,"inert"),s=o===""||o==="true",a=s||n&&t&&e(t.parentNode);return a},ht=function(t){var n,r=t==null||(n=t.getAttribute)===null||n===void 0?void 0:n.call(t,"contenteditable");return r===""||r==="true"},Et=function(t,n,r){if(de(t))return[];var o=Array.prototype.slice.apply(t.querySelectorAll(Pe));return n&&te.call(t,Pe)&&o.unshift(t),o=o.filter(r),o},wt=function e(t,n,r){for(var o=[],s=Array.from(t);s.length;){var a=s.shift();if(!de(a,!1))if(a.tagName==="SLOT"){var u=a.assignedElements(),f=u.length?u:a.children,d=e(f,!0,r);r.flatten?o.push.apply(o,d):o.push({scopeParent:a,candidates:d})}else{var b=te.call(a,Pe);b&&r.filter(a)&&(n||!t.includes(a))&&o.push(a);var c=a.shadowRoot||typeof r.getShadowRoot=="function"&&r.getShadowRoot(a),l=!de(c,!1)&&(!r.shadowRootFilter||r.shadowRootFilter(a));if(c&&l){var m=e(c===!0?a.children:c.children,!0,r);r.flatten?o.push.apply(o,m):o.push({scopeParent:a,candidates:m})}else s.unshift.apply(s,a.children)}}return o},Ge=function(t){return!isNaN(parseInt(t.getAttribute("tabindex"),10))},Xe=function(t){if(!t)throw new Error("No node provided");return t.tabIndex<0&&(/^(AUDIO|VIDEO|DETAILS)$/.test(t.tagName)||ht(t))&&!Ge(t)?0:t.tabIndex},Rt=function(t,n){var r=Xe(t);return r<0&&n&&!Ge(t)?0:r},Tt=function(t,n){return t.tabIndex===n.tabIndex?t.documentOrder-n.documentOrder:t.tabIndex-n.tabIndex},Ze=function(t){return t.tagName==="INPUT"},xt=function(t){return Ze(t)&&t.type==="hidden"},Pt=function(t){var n=t.tagName==="DETAILS"&&Array.prototype.slice.apply(t.children).some(function(r){return r.tagName==="SUMMARY"});return n},St=function(t,n){for(var r=0;r<t.length;r++)if(t[r].checked&&t[r].form===n)return t[r]},Ct=function(t){if(!t.name)return!0;var n=t.form||fe(t),r=function(u){return n.querySelectorAll('input[type="radio"][name="'+u+'"]')},o;if(typeof window<"u"&&typeof window.CSS<"u"&&typeof window.CSS.escape=="function")o=r(window.CSS.escape(t.name));else try{o=r(t.name)}catch(a){return console.error("Looks like you have a radio button with a name attribute containing invalid CSS selector characters and need the CSS.escape polyfill: %s",a.message),!1}var s=St(o,t.form);return!s||s===t},It=function(t){return Ze(t)&&t.type==="radio"},Ot=function(t){return It(t)&&!Ct(t)},At=function(t){var n,r=t&&fe(t),o=(n=r)===null||n===void 0?void 0:n.host,s=!1;if(r&&r!==t){var a,u,f;for(s=!!((a=o)!==null&&a!==void 0&&(u=a.ownerDocument)!==null&&u!==void 0&&u.contains(o)||t!=null&&(f=t.ownerDocument)!==null&&f!==void 0&&f.contains(t));!s&&o;){var d,b,c;r=fe(o),o=(d=r)===null||d===void 0?void 0:d.host,s=!!((b=o)!==null&&b!==void 0&&(c=b.ownerDocument)!==null&&c!==void 0&&c.contains(o))}}return s},je=function(t){var n=t.getBoundingClientRect(),r=n.width,o=n.height;return r===0&&o===0},Ft=function(t,n){var r=n.displayCheck,o=n.getShadowRoot;if(getComputedStyle(t).visibility==="hidden")return!0;var s=te.call(t,"details>summary:first-of-type"),a=s?t.parentElement:t;if(te.call(a,"details:not([open]) *"))return!0;if(!r||r==="full"||r==="legacy-full"){if(typeof o=="function"){for(var u=t;t;){var f=t.parentElement,d=fe(t);if(f&&!f.shadowRoot&&o(f)===!0)return je(t);t.assignedSlot?t=t.assignedSlot:!f&&d!==t.ownerDocument?t=d.host:t=f}t=u}if(At(t))return!t.getClientRects().length;if(r!=="legacy-full")return!0}else if(r==="non-zero-area")return je(t);return!1},Dt=function(t){if(/^(INPUT|BUTTON|SELECT|TEXTAREA)$/.test(t.tagName))for(var n=t.parentElement;n;){if(n.tagName==="FIELDSET"&&n.disabled){for(var r=0;r<n.children.length;r++){var o=n.children.item(r);if(o.tagName==="LEGEND")return te.call(n,"fieldset[disabled] *")?!0:!o.contains(t)}return!0}n=n.parentElement}return!1},Mt=function(t,n){return!(n.disabled||de(n)||xt(n)||Ft(n,t)||Pt(n)||Dt(n))},Be=function(t,n){return!(Ot(n)||Xe(n)<0||!Mt(t,n))},Nt=function(t){var n=parseInt(t.getAttribute("tabindex"),10);return!!(isNaN(n)||n>=0)},kt=function e(t){var n=[],r=[];return t.forEach(function(o,s){var a=!!o.scopeParent,u=a?o.scopeParent:o,f=Rt(u,a),d=a?e(o.candidates):u;f===0?a?n.push.apply(n,d):n.push(u):r.push({documentOrder:s,tabIndex:f,item:o,isScope:a,content:d})}),r.sort(Tt).reduce(function(o,s){return s.isScope?o.push.apply(o,s.content):o.push(s.content),o},[]).concat(n)},pe=function(t,n){n=n||{};var r;return n.getShadowRoot?r=wt([t],n.includeContainer,{filter:Be.bind(null,n),flatten:!1,getShadowRoot:n.getShadowRoot,shadowRootFilter:Nt}):r=Et(t,n.includeContainer,Be.bind(null,n)),kt(r)},z=typeof document<"u"?F.useLayoutEffect:F.useEffect;let Ee=!1,Lt=0;const _e=()=>"floating-ui-"+Lt++;function jt(){const[e,t]=i.useState(()=>Ee?_e():void 0);return z(()=>{e==null&&t(_e())},[]),i.useEffect(()=>{Ee||(Ee=!0)},[]),e}const Bt=i.useId,ne=Bt||jt;function _t(){const e=new Map;return{emit(t,n){var r;(r=e.get(t))==null||r.forEach(o=>o(n))},on(t,n){e.set(t,[...e.get(t)||[],n])},off(t,n){e.set(t,(e.get(t)||[]).filter(r=>r!==n))}}}const Vt=i.createContext(null),$t=i.createContext(null),qt=()=>{var e;return((e=i.useContext(Vt))==null?void 0:e.id)||null},Oe=()=>i.useContext($t);function Q(e){return(e==null?void 0:e.ownerDocument)||document}function Je(){const e=navigator.userAgentData;return e!=null&&e.platform?e.platform:navigator.platform}function Kt(){const e=navigator.userAgentData;return e&&Array.isArray(e.brands)?e.brands.map(t=>{let{brand:n,version:r}=t;return n+"/"+r}).join(" "):navigator.userAgent}function Ae(e){return Q(e).defaultView||window}function G(e){return e?e instanceof Ae(e).Element:!1}function re(e){return e?e instanceof Ae(e).HTMLElement:!1}function Wt(e){if(typeof ShadowRoot>"u")return!1;const t=Ae(e).ShadowRoot;return e instanceof t||e instanceof ShadowRoot}function Ut(e){if(e.mozInputSource===0&&e.isTrusted)return!0;const t=/Android/i;return(t.test(Je())||t.test(Kt()))&&e.pointerType?e.type==="click"&&e.buttons===1:e.detail===0&&!e.pointerType}function Ht(e){return e.width===0&&e.height===0||e.width===1&&e.height===1&&e.pressure===0&&e.detail===0&&e.pointerType!=="mouse"||e.width<1&&e.height<1&&e.pressure===0&&e.detail===0}function Ve(){return/apple/i.test(navigator.vendor)}function zt(){return Je().toLowerCase().startsWith("mac")&&!navigator.maxTouchPoints}function $e(e,t){return["mouse","pen"].includes(e)}function U(e,t){if(!e||!t)return!1;const n=t.getRootNode&&t.getRootNode();if(e.contains(t))return!0;if(n&&Wt(n)){let r=t;do{if(r&&e===r)return!0;r=r.parentNode||r.host}while(r)}return!1}function le(e,t){let n=e.filter(o=>{var s;return o.parentId===t&&((s=o.context)==null?void 0:s.open)})||[],r=n;for(;r.length;)r=e.filter(o=>{var s;return(s=r)==null?void 0:s.some(a=>{var u;return o.parentId===a.id&&((u=o.context)==null?void 0:u.open)})})||[],n=n.concat(r);return n}function Qe(e){return"composedPath"in e?e.composedPath()[0]:e.target}function Yt(e){const t=F.useRef(e);return z(()=>{t.current=e}),t}function me(){return me=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},me.apply(this,arguments)}function Se(e){let t=e.activeElement;for(;((n=t)==null||(r=n.shadowRoot)==null?void 0:r.activeElement)!=null;){var n,r;t=t.shadowRoot.activeElement}return t}let qe=0;function Y(e,t){t===void 0&&(t={});const{preventScroll:n=!1,cancelPrevious:r=!0,sync:o=!1}=t;r&&cancelAnimationFrame(qe);const s=()=>e==null?void 0:e.focus({preventScroll:n});o?s():qe=requestAnimationFrame(s)}function Gt(e,t){var n;let r=[],o=(n=e.find(s=>s.id===t))==null?void 0:n.parentId;for(;o;){const s=e.find(a=>a.id===o);o=s==null?void 0:s.parentId,s&&(r=r.concat(s))}return r}const Xt="input:not([type='hidden']):not([disabled]),[contenteditable]:not([contenteditable='false']),textarea:not([disabled])";function et(e){return re(e)&&e.matches(Xt)}function we(e){e.preventDefault(),e.stopPropagation()}const ve=()=>({getShadowRoot:!0,displayCheck:typeof ResizeObserver=="function"&&ResizeObserver.toString().includes("[native code]")?"full":"none"});function tt(e,t){const n=pe(e,ve());t==="prev"&&n.reverse();const r=n.indexOf(Se(Q(e)));return n.slice(r+1)[0]}function nt(){return tt(document.body,"next")}function rt(){return tt(document.body,"prev")}function ee(e,t){const n=t||e.currentTarget,r=e.relatedTarget;return!r||!U(n,r)}function Zt(e){pe(e,ve()).forEach(n=>{n.dataset.tabindex=n.getAttribute("tabindex")||"",n.setAttribute("tabindex","-1")})}function Jt(e){e.querySelectorAll("[data-tabindex]").forEach(n=>{const r=n.dataset.tabindex;delete n.dataset.tabindex,r?n.setAttribute("tabindex",r):n.removeAttribute("tabindex")})}const Qt=i.useInsertionEffect,en=Qt||(e=>e());function Fe(e){const t=i.useRef(()=>{if(process.env.NODE_ENV!=="production")throw new Error("Cannot call an event handler while rendering.")});return en(()=>{t.current=e}),i.useCallback(function(){for(var n=arguments.length,r=new Array(n),o=0;o<n;o++)r[o]=arguments[o];return t.current==null?void 0:t.current(...r)},[])}const De={border:0,clip:"rect(0 0 0 0)",height:"1px",margin:"-1px",overflow:"hidden",padding:0,position:"fixed",whiteSpace:"nowrap",width:"1px",top:0,left:0};let Ce,Me;function Ke(e){e.key==="Tab"&&(Ce=e.target,clearTimeout(Me))}function tn(e){const t=Ce===e.relatedTarget;return Ce=e.relatedTarget,clearTimeout(Me),t}const be=i.forwardRef(function(t,n){const r=Fe(t.onFocus),[o,s]=i.useState();return z(()=>(Ve()&&s("button"),document.addEventListener("keydown",Ke),()=>{document.removeEventListener("keydown",Ke)}),[]),i.createElement("span",me({},t,{ref:n,tabIndex:0,role:o,"aria-hidden":o?void 0:!0,"data-floating-ui-focus-guard":"",style:De,onFocus:a=>{Ve()&&zt()&&!tn(a)?(a.persist(),Me=window.setTimeout(()=>{r(a)},50)):r(a)}}))}),ot=i.createContext(null),nn=function(e){let{id:t,enabled:n=!0}=e===void 0?{}:e;const[r,o]=i.useState(null),s=ne(),a=st();return z(()=>{if(!n)return;const u=t?document.getElementById(t):null;if(u)u.setAttribute("data-floating-ui-portal",""),o(u);else{const f=document.createElement("div");f.id=t||s,f.setAttribute("data-floating-ui-portal",""),o(f);const d=(a==null?void 0:a.portalNode)||document.body;return d.appendChild(f),()=>{d.removeChild(f)}}},[t,a,s,n]),r},rn=e=>{let{children:t,id:n,root:r=null,preserveTabOrder:o=!0}=e;const s=nn({id:n,enabled:!r}),[a,u]=i.useState(null),f=i.useRef(null),d=i.useRef(null),b=i.useRef(null),c=i.useRef(null),l=!!a&&!a.modal&&!!(r||s)&&o;return i.useEffect(()=>{if(!s||!o||a!=null&&a.modal)return;function m(R){s&&ee(R)&&(R.type==="focusin"?Jt:Zt)(s)}return s.addEventListener("focusin",m,!0),s.addEventListener("focusout",m,!0),()=>{s.removeEventListener("focusin",m,!0),s.removeEventListener("focusout",m,!0)}},[s,o,a==null?void 0:a.modal]),i.createElement(ot.Provider,{value:i.useMemo(()=>({preserveTabOrder:o,beforeOutsideRef:f,afterOutsideRef:d,beforeInsideRef:b,afterInsideRef:c,portalNode:s,setFocusManagerState:u}),[o,s])},l&&s&&i.createElement(be,{ref:f,onFocus:m=>{if(ee(m,s)){var R;(R=b.current)==null||R.focus()}else{const v=rt()||(a==null?void 0:a.refs.domReference.current);v==null||v.focus()}}}),l&&s&&i.createElement("span",{"aria-owns":s.id,style:De}),r?xe.reactDomExports.createPortal(t,r):s?xe.reactDomExports.createPortal(t,s):null,l&&s&&i.createElement(be,{ref:d,onFocus:m=>{if(ee(m,s)){var R;(R=c.current)==null||R.focus()}else{const v=nt()||(a==null?void 0:a.refs.domReference.current);v==null||v.focus(),a!=null&&a.closeOnFocusOut&&(a==null||a.onOpenChange(!1))}}}))},st=()=>i.useContext(ot),on=i.forwardRef(function(t,n){return i.createElement("button",me({},t,{ref:n,tabIndex:-1,style:De}))});function sn(e){let{context:t,children:n,order:r=["content"],guards:o=!0,initialFocus:s=0,returnFocus:a=!0,modal:u=!0,visuallyHiddenDismiss:f=!1,closeOnFocusOut:d=!0}=e;const{refs:b,nodeId:c,onOpenChange:l,events:m,dataRef:R,elements:{domReference:v,floating:p}}=t,y=Yt(r),C=Oe(),h=st(),[D,B]=i.useState(null),M=typeof s=="number"&&s<0,q=i.useRef(null),W=i.useRef(null),_=i.useRef(!1),S=i.useRef(null),N=i.useRef(!1),A=h!=null,x=v&&v.getAttribute("role")==="combobox"&&et(v),j=i.useCallback(function(g){return g===void 0&&(g=p),g?pe(g,ve()):[]},[p]),O=i.useCallback(g=>{const w=j(g);return y.current.map(E=>v&&E==="reference"?v:p&&E==="floating"?p:w).filter(Boolean).flat()},[v,p,y,j]);i.useEffect(()=>{if(!u)return;function g(E){if(E.key==="Tab"){j().length===0&&!x&&we(E);const I=O(),V=Qe(E);y.current[0]==="reference"&&V===v&&(we(E),E.shiftKey?Y(I[I.length-1]):Y(I[1])),y.current[1]==="floating"&&V===p&&E.shiftKey&&(we(E),Y(I[0]))}}const w=Q(p);return w.addEventListener("keydown",g),()=>{w.removeEventListener("keydown",g)}},[v,p,u,y,b,x,j,O]),i.useEffect(()=>{if(!d)return;function g(){N.current=!0,setTimeout(()=>{N.current=!1})}function w(E){const I=E.relatedTarget,V=!(U(v,I)||U(p,I)||U(I,p)||U(h==null?void 0:h.portalNode,I)||I!=null&&I.hasAttribute("data-floating-ui-focus-guard")||C&&(le(C.nodesRef.current,c).find(k=>{var $,K;return U(($=k.context)==null?void 0:$.elements.floating,I)||U((K=k.context)==null?void 0:K.elements.domReference,I)})||Gt(C.nodesRef.current,c).find(k=>{var $,K;return(($=k.context)==null?void 0:$.elements.floating)===I||((K=k.context)==null?void 0:K.elements.domReference)===I})));I&&V&&!N.current&&I!==S.current&&(_.current=!0,setTimeout(()=>l(!1)))}if(p&&re(v))return v.addEventListener("focusout",w),v.addEventListener("pointerdown",g),!u&&p.addEventListener("focusout",w),()=>{v.removeEventListener("focusout",w),v.removeEventListener("pointerdown",g),!u&&p.removeEventListener("focusout",w)}},[v,p,u,c,C,h,l,d]),i.useEffect(()=>{var g;const w=Array.from((h==null||(g=h.portalNode)==null?void 0:g.querySelectorAll("[data-floating-ui-portal]"))||[]);function E(){return[q.current,W.current].filter(Boolean)}if(p&&u){const I=[p,...w,...E()],V=gt(y.current.includes("reference")||x?I.concat(v||[]):I);return()=>{V()}}},[v,p,u,y,h,x]),i.useEffect(()=>{if(u&&!o&&p){const g=[],w=ve(),E=pe(Q(p).body,w),I=O(),V=E.filter(k=>!I.includes(k));return V.forEach((k,$)=>{g[$]=k.getAttribute("tabindex"),k.setAttribute("tabindex","-1")}),()=>{V.forEach((k,$)=>{const K=g[$];K==null?k.removeAttribute("tabindex"):k.setAttribute("tabindex",K)})}}},[p,u,o,O]),z(()=>{if(!p)return;const g=Q(p);let w=a,E=!1;const I=Se(g),V=R.current;S.current=I;const k=O(p),$=(typeof s=="number"?k[s]:s.current)||p;!M&&Y($,{preventScroll:$===p});function K(Z){if(Z.type==="escapeKey"&&b.domReference.current&&(S.current=b.domReference.current),["referencePress","escapeKey"].includes(Z.type))return;const ye=Z.data.returnFocus;typeof ye=="object"?(w=!0,E=ye.preventScroll):w=ye}return m.on("dismiss",K),()=>{if(m.off("dismiss",K),U(p,Se(g))&&b.domReference.current&&(S.current=b.domReference.current),w&&re(S.current)&&!_.current)if(!b.domReference.current||N.current)Y(S.current,{cancelPrevious:!1,preventScroll:E});else{var Z;V.__syncReturnFocus=!0,(Z=S.current)==null||Z.focus({preventScroll:E}),setTimeout(()=>{delete V.__syncReturnFocus})}}},[p,O,s,a,R,b,m,M]),z(()=>{if(h)return h.setFocusManagerState({...t,modal:u,closeOnFocusOut:d}),()=>{h.setFocusManagerState(null)}},[h,u,d,t]),z(()=>{if(M||!p)return;function g(){B(j().length)}if(g(),typeof MutationObserver=="function"){const w=new MutationObserver(g);return w.observe(p,{childList:!0,subtree:!0}),()=>{w.disconnect()}}},[p,j,M,b]);const X=o&&(A||u)&&!x;function P(g){return f&&u?i.createElement(on,{ref:g==="start"?q:W,onClick:()=>l(!1)},typeof f=="string"?f:"Dismiss"):null}return i.createElement(i.Fragment,null,X&&i.createElement(be,{ref:h==null?void 0:h.beforeInsideRef,onFocus:g=>{if(u){const E=O();Y(r[0]==="reference"?E[0]:E[E.length-1])}else if(h!=null&&h.preserveTabOrder&&h.portalNode)if(_.current=!1,ee(g,h.portalNode)){const E=nt()||v;E==null||E.focus()}else{var w;(w=h.beforeOutsideRef.current)==null||w.focus()}}}),x?null:P("start"),i.cloneElement(n,D===0||r.includes("floating")?{tabIndex:0}:{}),P("end"),X&&i.createElement(be,{ref:h==null?void 0:h.afterInsideRef,onFocus:g=>{if(u)Y(O()[0]);else if(h!=null&&h.preserveTabOrder&&h.portalNode)if(_.current=!0,ee(g,h.portalNode)){const E=rt()||v;E==null||E.focus()}else{var w;(w=h.afterOutsideRef.current)==null||w.focus()}}}))}function We(e){return re(e.target)&&e.target.tagName==="BUTTON"}function Ue(e){return et(e)}const an=function(e,t){let{open:n,onOpenChange:r,dataRef:o,refs:s}=e,{enabled:a=!0,event:u="click",toggle:f=!0,ignoreMouse:d=!1,keyboardHandlers:b=!0}=t===void 0?{}:t;const c=i.useRef();return i.useMemo(()=>a?{reference:{onPointerDown(l){c.current=l.pointerType},onMouseDown(l){l.button===0&&($e(c.current)&&d||u!=="click"&&(n?f&&(!o.current.openEvent||o.current.openEvent.type==="mousedown")&&r(!1):(l.preventDefault(),r(!0)),o.current.openEvent=l.nativeEvent))},onClick(l){if(!o.current.__syncReturnFocus){if(u==="mousedown"&&c.current){c.current=void 0;return}$e(c.current)&&d||(n?f&&(!o.current.openEvent||o.current.openEvent.type==="click")&&r(!1):r(!0),o.current.openEvent=l.nativeEvent)}},onKeyDown(l){c.current=void 0,b&&(We(l)||(l.key===" "&&!Ue(s.domReference.current)&&l.preventDefault(),l.key==="Enter"&&(n?f&&r(!1):r(!0))))},onKeyUp(l){b&&(We(l)||Ue(s.domReference.current)||l.key===" "&&(n?f&&r(!1):r(!0)))}}}:{},[a,o,u,d,b,s,f,n,r])};function Re(e,t){if(t==null)return!1;if("composedPath"in e)return e.composedPath().includes(t);const n=e;return n.target!=null&&t.contains(n.target)}const un={pointerdown:"onPointerDown",mousedown:"onMouseDown",click:"onClick"},ln={pointerdown:"onPointerDownCapture",mousedown:"onMouseDownCapture",click:"onClickCapture"},cn=function(e){var t,n;return e===void 0&&(e=!0),{escapeKeyBubbles:typeof e=="boolean"?e:(t=e.escapeKey)!=null?t:!0,outsidePressBubbles:typeof e=="boolean"?e:(n=e.outsidePress)!=null?n:!0}},fn=function(e,t){let{open:n,onOpenChange:r,events:o,nodeId:s,elements:{reference:a,domReference:u,floating:f}}=e,{enabled:d=!0,escapeKey:b=!0,outsidePress:c=!0,outsidePressEvent:l="pointerdown",referencePress:m=!1,referencePressEvent:R="pointerdown",ancestorScroll:v=!1,bubbles:p=!0}={};const y=Oe(),C=qt()!=null,h=Fe(typeof c=="function"?c:()=>!1),D=typeof c=="function"?h:c,B=i.useRef(!1),{escapeKeyBubbles:M,outsidePressBubbles:q}=cn(p);return i.useEffect(()=>{if(!n||!d)return;function W(x){if(x.key==="Escape"){if(!M&&y&&le(y.nodesRef.current,s).length>0)return;o.emit("dismiss",{type:"escapeKey",data:{returnFocus:{preventScroll:!1}}}),r(!1)}}function _(x){const j=B.current;if(B.current=!1,j||typeof D=="function"&&!D(x))return;const O=Qe(x);if(re(O)&&f){const P=f.ownerDocument.defaultView||window,g=O.scrollWidth>O.clientWidth,w=O.scrollHeight>O.clientHeight;let E=w&&x.offsetX>O.clientWidth;if(w&&P.getComputedStyle(O).direction==="rtl"&&(E=x.offsetX<=O.offsetWidth-O.clientWidth),E||g&&x.offsetY>O.clientHeight)return}const X=y&&le(y.nodesRef.current,s).some(P=>{var g;return Re(x,(g=P.context)==null?void 0:g.elements.floating)});Re(x,f)||Re(x,u)||X||!q&&y&&le(y.nodesRef.current,s).length>0||(o.emit("dismiss",{type:"outsidePress",data:{returnFocus:C?{preventScroll:!0}:Ut(x)||Ht(x)}}),r(!1))}function S(){r(!1)}const N=Q(f);b&&N.addEventListener("keydown",W),D&&N.addEventListener(l,_);let A=[];return v&&(G(u)&&(A=H.getOverflowAncestors(u)),G(f)&&(A=A.concat(H.getOverflowAncestors(f))),!G(a)&&a&&a.contextElement&&(A=A.concat(H.getOverflowAncestors(a.contextElement)))),A=A.filter(x=>{var j;return x!==((j=N.defaultView)==null?void 0:j.visualViewport)}),A.forEach(x=>{x.addEventListener("scroll",S,{passive:!0})}),()=>{b&&N.removeEventListener("keydown",W),D&&N.removeEventListener(l,_),A.forEach(x=>{x.removeEventListener("scroll",S)})}},[f,u,a,b,D,l,o,y,s,n,r,v,d,M,q,C]),i.useEffect(()=>{B.current=!1},[D,l]),i.useMemo(()=>d?{reference:{[un[R]]:()=>{m&&(o.emit("dismiss",{type:"referencePress",data:{returnFocus:!1}}),r(!1))}},floating:{[ln[l]]:()=>{B.current=!0}}}:{},[d,o,m,l,R,r])};function it(e){return i.useMemo(()=>e.every(t=>t==null)?null:t=>{e.forEach(n=>{typeof n=="function"?n(t):n!=null&&(n.current=t)})},e)}const dn=function(e,t){let{open:n}=e,{enabled:r=!0,role:o="dialog"}={};const s=ne(),a=ne();return i.useMemo(()=>{const u={id:s,role:o};return r?o==="tooltip"?{reference:{"aria-describedby":n?s:void 0},floating:u}:{reference:{"aria-expanded":n?"true":"false","aria-haspopup":o==="alertdialog"?"dialog":o,"aria-controls":n?s:void 0,...o==="listbox"&&{role:"combobox"},...o==="menu"&&{id:a}},floating:{...u,...o==="menu"&&{"aria-labelledby":a}}}:{}},[r,o,n,s,a])};function pn(e){e===void 0&&(e={});const{open:t=!1,onOpenChange:n,nodeId:r}=e,o=pt(e),s=Oe(),a=i.useRef(null),u=i.useRef({}),f=i.useState(()=>_t())[0],[d,b]=i.useState(null),c=i.useCallback(y=>{const C=G(y)?{getBoundingClientRect:()=>y.getBoundingClientRect(),contextElement:y}:y;o.refs.setReference(C)},[o.refs]),l=i.useCallback(y=>{(G(y)||y===null)&&(a.current=y,b(y)),(G(o.refs.reference.current)||o.refs.reference.current===null||y!==null&&!G(y))&&o.refs.setReference(y)},[o.refs]),m=i.useMemo(()=>({...o.refs,setReference:l,setPositionReference:c,domReference:a}),[o.refs,l,c]),R=i.useMemo(()=>({...o.elements,domReference:d}),[o.elements,d]),v=Fe(n),p=i.useMemo(()=>({...o,refs:m,elements:R,dataRef:u,nodeId:r,events:f,open:t,onOpenChange:v}),[o,r,f,t,v,m,R]);return z(()=>{const y=s==null?void 0:s.nodesRef.current.find(C=>C.id===r);y&&(y.context=p)}),i.useMemo(()=>({...o,context:p,refs:m,reference:l,positionReference:c}),[o,m,p,l,c])}function Te(e,t,n){const r=new Map;return{...n==="floating"&&{tabIndex:-1},...e,...t.map(o=>o?o[n]:null).concat(e).reduce((o,s)=>(s&&Object.entries(s).forEach(a=>{let[u,f]=a;if(u.indexOf("on")===0){if(r.has(u)||r.set(u,[]),typeof f=="function"){var d;(d=r.get(u))==null||d.push(f),o[u]=function(){for(var b,c=arguments.length,l=new Array(c),m=0;m<c;m++)l[m]=arguments[m];(b=r.get(u))==null||b.forEach(R=>R(...l))}}}else o[u]=f}),o),{})}}const mn=function(e){e===void 0&&(e=[]);const t=e,n=i.useCallback(s=>Te(s,e,"reference"),t),r=i.useCallback(s=>Te(s,e,"floating"),t),o=i.useCallback(s=>Te(s,e,"item"),t);return i.useMemo(()=>({getReferenceProps:n,getFloatingProps:r,getItemProps:o}),[n,r,o])},vn=Ie.newStyled(He.motion.div)`
|
|
5
|
-
font-family: ${e=>{var t,n;return(n=(t=e.theme)==null?void 0:t.typography)==null?void 0:n.fontFamily}};
|
|
6
|
-
animation: fadeIn 0.4s;
|
|
7
|
-
box-shadow: ${e=>ae.getComponentPropValue(e.theme,"Popover",e.color,"enabled","boxShadow")};
|
|
8
|
-
border-radius: ${e=>ae.getBorderRadiusValueWithUnits(e.theme,e.borderRadius)};
|
|
9
|
-
border-top: 1px solid rgba(0, 0, 0, 0.04);
|
|
10
|
-
box-sizing: border-box;
|
|
11
|
-
padding: 0.25rem;
|
|
12
|
-
background-color: ${e=>ae.getColorRgbaValue(e.theme,"Popover","default","enabled","bg")};
|
|
13
|
-
`;function bn({initialOpen:e=!1,placement:t,offsetValue:n,modal:r=!0,open:o,onOpenChange:s}){const[a,u]=i.useState(e),[f,d]=i.useState(void 0),[b,c]=i.useState(void 0),l=o??a,m=s??u,R=pn({placement:t,open:l,onOpenChange:m,whileElementsMounted:H.autoUpdate,middleware:[H.offset(n),H.flip({fallbackAxisSideDirection:"end"}),H.shift({padding:5})]}),v=R.context,p=an(v,{enabled:o==null}),y=fn(v),C=dn(v),h=mn([p,y,C]);return i.useMemo(()=>({open:l,setOpen:m,...h,...R,modal:r,labelId:f,descriptionId:b,setLabelId:d,setDescriptionId:c}),[l,m,h,R,r,f,b])}const at=i.createContext(null),oe=()=>{const e=i.useContext(at);if(e==null)throw new Error("Popover components must be wrapped in <Popover />");return e};function Ne({children:e,modal:t=!1,...n}){const r=bn({modal:t,...n});return L.jsx(at.Provider,{value:r,children:e})}Ne.propTypes={initialOpen:T.PropTypes.bool,placement:T.PropTypes.oneOf(["center","top","right","bottom","left","top-start","top-end","right-start","right-end","bottom-start","bottom-end","left-start","left-end"]),modal:T.PropTypes.bool,offsetValue:T.PropTypes.number,open:T.PropTypes.bool,onOpenChange:T.PropTypes.func};const ge=i.forwardRef(function({children:t,asChild:n,...r},o){const s=oe(),a=t.ref,u=it([s.reference,o,a]);return n&&i.isValidElement(t)?i.cloneElement(t,s.getReferenceProps({ref:u,...r,...t.props,"data-state":s.open?"open":"closed"})):L.jsx("div",{ref:u,"data-state":s.open?"open":"closed",style:{width:"max-content"},...s.getReferenceProps(r),children:t})});ge.defaultProps={asChild:!1};ge.propTypes={asChild:T.PropTypes.bool};const ke=i.forwardRef(function({borderRadius:t="regular",className:n="",zIndex:r,style:o={},...s},a){const u=oe(),f=it([u.floating,a]),d=ft.useTheme();return L.jsx(rn,{children:u.open&&L.jsx(sn,{context:u.context,modal:u.modal,children:L.jsx("div",{ref:f,style:{position:u.strategy,top:u.y??0,left:u.x??0,width:"max-content",zIndex:r},className:"lnc-ui-floating-manager","aria-labelledby":u.labelId,"aria-describedby":u.descriptionId,...u.getFloatingProps(s),children:L.jsx(vn,{theme:d,borderRadius:t,className:"lnc-ui-popover-content "+n,style:o,children:s.children})})})})});ke.propTypes={className:T.PropTypes.string,style:T.PropTypes.object,zIndex:T.PropTypes.number};const gn=i.forwardRef(function({children:t,...n},r){const{setLabelId:o}=oe(),s=ne();return i.useLayoutEffect(()=>(o(s),()=>o(void 0)),[s,o]),L.jsx("h2",{...n,ref:r,id:s,children:t})});i.forwardRef(function({children:t,...n},r){const{setDescriptionId:o}=oe(),s=ne();return i.useLayoutEffect(()=>(o(s),()=>o(void 0)),[s,o]),L.jsx("p",{...n,ref:r,id:s,children:t})});const yn=i.forwardRef(function({children:t,...n},r){const o=oe();return L.jsx("div",{...n,ref:r,onClick:()=>o.setOpen(!1),children:t})}),hn=Ie.newStyled.div``,En=Ie.newStyled(He.motion.div)`
|
|
14
|
-
gap: 0.25rem;
|
|
15
|
-
display: flex;
|
|
16
|
-
flex-direction: column;
|
|
17
|
-
${e=>e.widthfitcontent==!1&&"min-width: 12.5rem"};
|
|
18
|
-
background-color: ${e=>ae.getColorRgbaValue(e.theme,"Dropdown",e.color,"enabled","background")};
|
|
19
|
-
`,ut=F.forwardRef((e,t)=>{const{control:n,offsetValue:r=9,placement:o,widthFitContent:s=!1,closeOnItemSelect:a=!0,zIndex:u,onFocus:f=()=>{},onBlur:d=()=>{},onClick:b=()=>{},onKeyDown:c=()=>{},onMouseEnter:l=()=>{},onMouseLeave:m=()=>{},onItemSelected:R=()=>{},animation:v={animate:{opacity:1,height:"auto"},exit:{opacity:0,height:0},initial:{opacity:0,height:0},transition:{type:"tween",duration:.15,opacity:{duration:.15,ease:"easeOut"},height:{duration:.15}}},className:p="",style:y={},color:C="primary",size:h="small",contentClassName:D="",popoverProps:B,children:M,...q}=e;F.useRef();const W=F.useRef(),{theme:_}=ct.useTheme(),S=F.useRef(),N=F.useRef(),[A,x]=F.useState(!1),j=(P,g,w)=>{R(P,g,w),a==!0&&x(!1)},O=F.Children.map(M,(P,g)=>{var w,E;return F.isValidElement(P)&&(P.props.__TYPE__=="MENU_ITEM"||((w=P==null?void 0:P.type)==null?void 0:w.displayName)==="MENU_ITEM"||P.props.__TYPE__=="NESTED_ITEM"||((E=P==null?void 0:P.type)==null?void 0:E.displayName)==="NESTED_ITEM")?g==0?(P.props.ref&&(N.current=t),F.cloneElement(P,{ref:t||N,color:P.props.color?P.props.color:C,size:h,onItemSelected:j,animation:v})):F.cloneElement(P,{color:P.props.color?P.props.color:C,size:h,onItemSelected:j}):P}),X=()=>typeof n=="string"||n instanceof String?L.jsx(lt,{text:n,onClick:b,onMouseEnter:l,onMouseLeave:m,onBlur:d,onFocus:f,ref:S,onKeyDown:c,trailingIcon:"angle-down",color:C,size:h}):F.cloneElement(n,{color:C,size:h,ref:S,onClick:b,onMouseEnter:l,onMouseLeave:m,onBlur:d,onFocus:f,onKeyDown:c});return L.jsx(hn,{ref:t,className:p,...q,children:L.jsxs(Ne,{open:A,onOpenChange:x,placement:o,offsetValue:r,children:[L.jsx(ge,{onClick:()=>x(P=>!P),children:X()}),L.jsx(ke,{zIndex:u,children:L.jsx(En,{ref:W,widthfitcontent:s,color:C,theme:_,className:D,children:O})})]})})});ut.propTypes={control:T.PropTypes.oneOfType([T.PropTypes.string,T.PropTypes.element]),offsetValue:T.PropTypes.number,placement:T.PropTypes.oneOf(["center","top","right","bottom","left","top-start","top-end","right-start","right-end","bottom-start","bottom-end","left-start","left-end"]),widthFitContent:T.PropTypes.bool,closeOnItemSelect:T.PropTypes.bool,zIndex:T.PropTypes.number,onBlur:T.PropTypes.func,onFocus:T.PropTypes.func,onClick:T.PropTypes.func,onKeyDown:T.PropTypes.func,onMouseEnter:T.PropTypes.func,onMouseLeave:T.PropTypes.func,onItemSelected:T.PropTypes.func,animation:T.PropTypes.object,className:T.PropTypes.string,color:T.PropTypes.oneOf(["primary","secondary","success","warning","danger","information","neutral","gray"]),size:T.PropTypes.oneOf(["small","medium","large"]),popoverProps:T.PropTypes.any};exports.DropdownMenu=ut;exports.Popover=Ne;exports.PopoverClose=yn;exports.PopoverContent=ke;exports.PopoverHeading=gn;exports.PopoverTrigger=ge;
|