asma-ui-core 3.33.0 → 3.34.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/components/navigation/listbox/Listbox.js +80 -0
- package/dist/hooks/usePopupState.js +60 -0
- package/dist/index.js +248 -240
- package/dist/src/components/navigation/listbox/Listbox.d.ts +29 -0
- package/dist/src/components/navigation/listbox/index.d.ts +1 -0
- package/dist/src/hooks/usePopupState.d.ts +54 -0
- package/dist/src/index.d.ts +2 -0
- package/package.json +1 -1
|
@@ -0,0 +1,80 @@
|
|
|
1
|
+
import { createContext as p, useContext as x, useEffect as d, useMemo as b, useState as v } from "react";
|
|
2
|
+
import { ClickAwayListener as m } from "@mui/material";
|
|
3
|
+
import { jsx as s } from "react/jsx-runtime";
|
|
4
|
+
var a = p(null), l = () => {
|
|
5
|
+
const t = x(a);
|
|
6
|
+
if (!t) throw new Error("Listbox.Button/Options/Option must be rendered inside <Listbox>");
|
|
7
|
+
return t;
|
|
8
|
+
}, f = (t, e) => typeof t == "function" ? t(e) : t;
|
|
9
|
+
function L({ value: t, onChange: e, children: r }) {
|
|
10
|
+
const [o, n] = v(!1), u = b(() => ({
|
|
11
|
+
open: o,
|
|
12
|
+
select: (i) => {
|
|
13
|
+
e(i), n(!1);
|
|
14
|
+
},
|
|
15
|
+
setOpen: n,
|
|
16
|
+
value: t
|
|
17
|
+
}), [
|
|
18
|
+
o,
|
|
19
|
+
t,
|
|
20
|
+
e
|
|
21
|
+
]);
|
|
22
|
+
return d(() => {
|
|
23
|
+
if (!o) return;
|
|
24
|
+
const i = (c) => {
|
|
25
|
+
c.key === "Escape" && n(!1);
|
|
26
|
+
};
|
|
27
|
+
return document.addEventListener("keydown", i), () => document.removeEventListener("keydown", i);
|
|
28
|
+
}, [o]), /* @__PURE__ */ s(a.Provider, {
|
|
29
|
+
value: u,
|
|
30
|
+
children: /* @__PURE__ */ s(m, {
|
|
31
|
+
onClickAway: () => n(!1),
|
|
32
|
+
children: /* @__PURE__ */ s("div", {
|
|
33
|
+
className: "relative w-full",
|
|
34
|
+
children: r
|
|
35
|
+
})
|
|
36
|
+
})
|
|
37
|
+
});
|
|
38
|
+
}
|
|
39
|
+
var y = ({ children: t, className: e, ...r }) => {
|
|
40
|
+
const { open: o, setOpen: n } = l();
|
|
41
|
+
return /* @__PURE__ */ s("button", {
|
|
42
|
+
type: "button",
|
|
43
|
+
className: e,
|
|
44
|
+
onClick: () => n(!o),
|
|
45
|
+
...r,
|
|
46
|
+
children: f(t, { open: o })
|
|
47
|
+
});
|
|
48
|
+
}, k = ({ children: t, className: e }) => {
|
|
49
|
+
const { open: r } = l();
|
|
50
|
+
return r ? /* @__PURE__ */ s("div", {
|
|
51
|
+
role: "listbox",
|
|
52
|
+
className: e,
|
|
53
|
+
children: t
|
|
54
|
+
}) : null;
|
|
55
|
+
};
|
|
56
|
+
function w({ value: t, disabled: e, children: r, className: o }) {
|
|
57
|
+
const n = l(), u = n.value === t, i = () => {
|
|
58
|
+
e || n.select(t);
|
|
59
|
+
};
|
|
60
|
+
return /* @__PURE__ */ s("div", {
|
|
61
|
+
role: "option",
|
|
62
|
+
"aria-selected": u,
|
|
63
|
+
"aria-disabled": e,
|
|
64
|
+
tabIndex: e ? void 0 : 0,
|
|
65
|
+
className: o,
|
|
66
|
+
onClick: i,
|
|
67
|
+
onKeyDown: (c) => {
|
|
68
|
+
(c.key === "Enter" || c.key === " ") && (c.preventDefault(), i());
|
|
69
|
+
},
|
|
70
|
+
children: f(r, { selected: u })
|
|
71
|
+
});
|
|
72
|
+
}
|
|
73
|
+
var h = Object.assign(L, {
|
|
74
|
+
Button: y,
|
|
75
|
+
Option: w,
|
|
76
|
+
Options: k
|
|
77
|
+
});
|
|
78
|
+
export {
|
|
79
|
+
h as Listbox
|
|
80
|
+
};
|
|
@@ -0,0 +1,60 @@
|
|
|
1
|
+
import { useCallback as c, useMemo as m, useState as v } from "react";
|
|
2
|
+
import { Fragment as g, jsx as h } from "react/jsx-runtime";
|
|
3
|
+
var t = (o) => {
|
|
4
|
+
if (o instanceof Element) return o;
|
|
5
|
+
const r = o?.currentTarget;
|
|
6
|
+
return r instanceof Element ? r : void 0;
|
|
7
|
+
}, b = ({ popupId: o, variant: r }) => {
|
|
8
|
+
const [e, p] = v(void 0), [l, i] = v(!1), s = c((a) => {
|
|
9
|
+
const n = t(a);
|
|
10
|
+
n && p(n), i(!0);
|
|
11
|
+
}, []), u = c(() => i(!1), []), d = c((a) => {
|
|
12
|
+
const n = t(a);
|
|
13
|
+
n && p(n), i((f) => !f);
|
|
14
|
+
}, []);
|
|
15
|
+
return m(() => ({
|
|
16
|
+
anchorEl: e,
|
|
17
|
+
close: u,
|
|
18
|
+
isOpen: l,
|
|
19
|
+
open: s,
|
|
20
|
+
popupId: o,
|
|
21
|
+
setAnchorEl: p,
|
|
22
|
+
toggle: d,
|
|
23
|
+
variant: r
|
|
24
|
+
}), [
|
|
25
|
+
e,
|
|
26
|
+
u,
|
|
27
|
+
l,
|
|
28
|
+
s,
|
|
29
|
+
o,
|
|
30
|
+
d,
|
|
31
|
+
r
|
|
32
|
+
]);
|
|
33
|
+
}, O = ({ variant: o, popupId: r, children: e }) => /* @__PURE__ */ h(g, { children: e(b({
|
|
34
|
+
popupId: r,
|
|
35
|
+
variant: o
|
|
36
|
+
})) }), E = (o) => ({
|
|
37
|
+
"aria-controls": o.variant === "popover" && o.isOpen ? o.popupId : void 0,
|
|
38
|
+
"aria-describedby": o.variant === "popper" && o.isOpen ? o.popupId : void 0,
|
|
39
|
+
"aria-haspopup": o.variant === "popover" ? !0 : void 0
|
|
40
|
+
}), S = (o) => ({
|
|
41
|
+
...E(o),
|
|
42
|
+
onClick: o.open,
|
|
43
|
+
onTouchStart: o.open
|
|
44
|
+
}), T = (o) => ({
|
|
45
|
+
anchorEl: o.anchorEl,
|
|
46
|
+
id: o.popupId,
|
|
47
|
+
onClose: o.close,
|
|
48
|
+
open: o.isOpen
|
|
49
|
+
}), C = (o) => ({
|
|
50
|
+
anchorEl: o.anchorEl,
|
|
51
|
+
id: o.popupId,
|
|
52
|
+
open: o.isOpen
|
|
53
|
+
});
|
|
54
|
+
export {
|
|
55
|
+
O as PopupState,
|
|
56
|
+
T as bindPopover,
|
|
57
|
+
C as bindPopper,
|
|
58
|
+
S as bindTrigger,
|
|
59
|
+
b as usePopupState
|
|
60
|
+
};
|
package/dist/index.js
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
/* empty css */
|
|
2
2
|
import { cn as m } from "./helpers/cn.js";
|
|
3
3
|
import { omit as i } from "./helpers/omit.js";
|
|
4
|
-
import { prepareForSlot as
|
|
4
|
+
import { prepareForSlot as n } from "./helpers/prepareForSlot.js";
|
|
5
5
|
import { StyledBadge as f } from "./components/data-display/badge/StyledBadge.js";
|
|
6
6
|
import { BellOutlineIcon as l } from "./components/icons/bell-outline-icon/BellOutlineIcon.js";
|
|
7
7
|
import { BellIcon as a } from "./components/icons/bell-icon/BellIcon.js";
|
|
@@ -10,12 +10,12 @@ import { ChevronRightIcon as s } from "./components/icons/chevron-right-icon/Che
|
|
|
10
10
|
import { ChevronLeftIcon as C } from "./components/icons/chevron-left-icon/ChevronLeftIcon.js";
|
|
11
11
|
import { ChevronDoubleLeftIcon as g } from "./components/icons/chevron-double-left-icon/ChevronDoubleLeftIcon.js";
|
|
12
12
|
import { ChevronDoubleRightIcon as h } from "./components/icons/chevron-double-right-icon/ChevronDoubleRightIcon.js";
|
|
13
|
-
import { QnrIcon as
|
|
13
|
+
import { QnrIcon as k } from "./components/icons/qnr-icon/QnrIcon.js";
|
|
14
14
|
import { PdfIcon as T } from "./components/icons/pdf-icon/PdfIcon.js";
|
|
15
|
-
import { DashboardViewIcon as
|
|
15
|
+
import { DashboardViewIcon as F } from "./components/icons/dashboard-view-icon/DashboardViewIcon.js";
|
|
16
16
|
import { DashboardViewOutlineIcon as R } from "./components/icons/dashboard-view-outline-icon/DashboardViewOutlineIcon.js";
|
|
17
17
|
import { PeopleOutlineIcon as w } from "./components/icons/people-outline-icon/PeopleOutlineIcon.js";
|
|
18
|
-
import { PeopleIcon as
|
|
18
|
+
import { PeopleIcon as B } from "./components/icons/people-icon/PeopleIcon.js";
|
|
19
19
|
import { CheckOutlineIcon as x } from "./components/icons/check-outline-icon/CheckOutlineIcon.js";
|
|
20
20
|
import { CheckFactOutlineIcon as H } from "./components/icons/check-fact-outline-icon/CheckFactOutlineIcon.js";
|
|
21
21
|
import { CheckFactIcon as W } from "./components/icons/check-fact-icon/CheckFactIcon.js";
|
|
@@ -28,7 +28,7 @@ import { AssignmentOutlineIcon as Y } from "./components/icons/assignment-outlin
|
|
|
28
28
|
import { ListNumberedIcon as oo } from "./components/icons/list-numbered-icon/ListNumberedIcon.js";
|
|
29
29
|
import { MessageProcessingIcon as mo } from "./components/icons/message-processing-icon/MessageProcessingIcon.js";
|
|
30
30
|
import { MessageProcessingOutlineIcon as io } from "./components/icons/message-processing-outline-icon/MessageProcessingOutlineIcon.js";
|
|
31
|
-
import { ReportBoxIcon as
|
|
31
|
+
import { ReportBoxIcon as no } from "./components/icons/report-box-icon/ReportBoxIcon.js";
|
|
32
32
|
import { ReportBoxOutlineIcon as fo } from "./components/icons/report-box-outline-icon/ReportBoxOutlineIcon.js";
|
|
33
33
|
import { SettingsIcon as lo } from "./components/icons/settings-icon/SettingsIcon.js";
|
|
34
34
|
import { SettingsOutlineIcon as ao } from "./components/icons/settings-outline-icon/SettingsOutlineIcon.js";
|
|
@@ -36,13 +36,13 @@ import { FindReplaceIcon as So } from "./components/icons/find-replace-icon/Find
|
|
|
36
36
|
import { FindReplacePeopleIcon as yo } from "./components/icons/find-replace-people-icon/FindReplacePeopleIcon.js";
|
|
37
37
|
import { PersonIcon as Oo } from "./components/icons/person-icon/PersonIcon.js";
|
|
38
38
|
import { PersonOutlineIcon as Do } from "./components/icons/person-outline-icon/PersonOutlineIcon.js";
|
|
39
|
-
import { DotsVerticalIcon as
|
|
39
|
+
import { DotsVerticalIcon as bo } from "./components/icons/dots-vertical-icon/DotsVerticalIcon.js";
|
|
40
40
|
import { SearchIcon as Lo } from "./components/icons/search-icon/SearchIcon.js";
|
|
41
|
-
import { LoadingIcon as
|
|
41
|
+
import { LoadingIcon as Po } from "./components/icons/loading-icon/LoadingIcon.js";
|
|
42
42
|
import { DropUpIcon as Ao } from "./components/icons/drop-up-icon/DropUpIcon.js";
|
|
43
43
|
import { DropDownIcon as Mo } from "./components/icons/drop-down-icon/DropDownIcon.js";
|
|
44
|
-
import { ArchiveIcon as
|
|
45
|
-
import { DownloadIcon as
|
|
44
|
+
import { ArchiveIcon as vo } from "./components/icons/archive-icon/ArchiveIcon.js";
|
|
45
|
+
import { DownloadIcon as No } from "./components/icons/download-icon/DownloadIcon.js";
|
|
46
46
|
import { CheckBoxCheckedIcon as _o } from "./components/icons/checkbox-checked-icon/CheckBoxCheckedIcon.js";
|
|
47
47
|
import { ChevronDownIcon as Eo } from "./components/icons/chevron-down-icon/ChevronDownIcon.js";
|
|
48
48
|
import { ChevronUpIcon as Uo } from "./components/icons/chevron-up-icon/ChevronUpIcon.js";
|
|
@@ -54,7 +54,7 @@ import { InboxOutboxIcon as Jo } from "./components/icons/inbox-outbox-icon/Inbo
|
|
|
54
54
|
import { InboxOutboxOutlineIcon as $o } from "./components/icons/inbox-outbox-outline-icon/InboxOutboxOutlineIcon.js";
|
|
55
55
|
import { TopicIcon as rr } from "./components/icons/topic-icon/TopicIcon.js";
|
|
56
56
|
import { EmptyPageIcon as tr } from "./components/icons/empty-page-icon/EmptyPageIcon.js";
|
|
57
|
-
import { DragHorizontalIcon as
|
|
57
|
+
import { DragHorizontalIcon as er } from "./components/icons/drag-horizontal-icon/DragHorizontalIcon.js";
|
|
58
58
|
import { FilePdfIcon as pr } from "./components/icons/file-pdf-icon/FilePdfIcon.js";
|
|
59
59
|
import { DeleteOutlineIcon as cr } from "./components/icons/delete-outline-icon/DeleteOutlineIcon.js";
|
|
60
60
|
import { FilterIcon as Ir } from "./components/icons/filter-icon/FilterIcon.js";
|
|
@@ -63,13 +63,13 @@ import { LockIcon as Sr } from "./components/icons/lock-icon/LockIcon.js";
|
|
|
63
63
|
import { DvrIcon as yr } from "./components/icons/dvr-icon/DvrIcon.js";
|
|
64
64
|
import { ErrorOutlineIcon as Or } from "./components/icons/error-outline-icon/ErrorOutlineIcon.js";
|
|
65
65
|
import { ReplayIcon as Dr } from "./components/icons/replay-icon/ReplayIcon.js";
|
|
66
|
-
import { CalendarBlankOutlineIcon as
|
|
66
|
+
import { CalendarBlankOutlineIcon as br } from "./components/icons/calendar-blank-outline-icon/CalendarBlankOutlineIcon.js";
|
|
67
67
|
import { LinkOutlineIcon as Lr } from "./components/icons/link-outline-icon/LinkOutlineIcon.js";
|
|
68
|
-
import { FastCheckOutlineIcon as
|
|
68
|
+
import { FastCheckOutlineIcon as Pr } from "./components/icons/fast-check-outline-icon/FastCheckOutlineIcon.js";
|
|
69
69
|
import { UnknownDocumentOutlineRoundedIcon as Ar } from "./components/icons/unknown-document-outline-rounded-icon/UnknownDocumentOutlineRoundedIcon.js";
|
|
70
70
|
import { ListStatusIcon as Mr } from "./components/icons/list-status-icon/ListStatusIcon.js";
|
|
71
|
-
import { ListViewOutlineIcon as
|
|
72
|
-
import { TextBoxCheckOutlineIcon as
|
|
71
|
+
import { ListViewOutlineIcon as vr } from "./components/icons/list-view-outline-icon/ListViewOutlineIcon.js";
|
|
72
|
+
import { TextBoxCheckOutlineIcon as Nr } from "./components/icons/text-box-check-outline-icon/TextBoxCheckOutlineIcon.js";
|
|
73
73
|
import { ListSettingsLineIcon as _r } from "./components/icons/list-settings-line-icon/ListSettingsLineIcon.js";
|
|
74
74
|
import { EarthIcon as Er } from "./components/icons/earth-icon/EarthIcon.js";
|
|
75
75
|
import { SettingsMenuHorizontalIcon as Ur } from "./components/icons/settings-menu-horizontal-icon/SettingsMenuHorizontalIcon.js";
|
|
@@ -81,7 +81,7 @@ import { MinimizeIcon as Jr } from "./components/icons/minimize-icon/MinimizeIco
|
|
|
81
81
|
import { KeyboardCapslockIcon as $r } from "./components/icons/keyboard-capslock-icon/KeyboardCapslockIcon.js";
|
|
82
82
|
import { MessageReplyIcon as rm } from "./components/icons/message-reply-icon/MessageReplyIcon.js";
|
|
83
83
|
import { BadgeIcon as tm } from "./components/icons/badge-icon/BadgeIcon.js";
|
|
84
|
-
import { EditSquareIcon as
|
|
84
|
+
import { EditSquareIcon as em } from "./components/icons/edit-square-icon/EditSquareIcon.js";
|
|
85
85
|
import { PlusIcon as pm } from "./components/icons/plus-icon/PlusIcon.js";
|
|
86
86
|
import { PlusIconCircle as cm } from "./components/icons/plus-icon-circle/PlusIconCircle.js";
|
|
87
87
|
import { HandymanOutlineIcon as Im } from "./components/icons/handyman-outline-icon/HandymanOutlineIcon.js";
|
|
@@ -90,13 +90,13 @@ import { PinIcon as Sm } from "./components/icons/pin-icon/PinIcon.js";
|
|
|
90
90
|
import { WorkIcon as ym } from "./components/icons/work-icon/WorkIcon.js";
|
|
91
91
|
import { LocationIcon as Om } from "./components/icons/location-icon/LocationIcon.js";
|
|
92
92
|
import { FormIcon as Dm } from "./components/icons/form-icon/FormIcon.js";
|
|
93
|
-
import { RepeatOutlineIcon as
|
|
93
|
+
import { RepeatOutlineIcon as bm } from "./components/icons/repeat-outline-icon/RepeatOutlineIcon.js";
|
|
94
94
|
import { ClockOutlineIcon as Lm } from "./components/icons/clock-outline-icon/ClockOutlineIcon.js";
|
|
95
|
-
import { TodayIcon as
|
|
95
|
+
import { TodayIcon as Pm } from "./components/icons/today-icon/TodayIcon.js";
|
|
96
96
|
import { MicrosoftOutlookIcon as Am } from "./components/icons/microsoft-outlook-icon/MicrosoftOutlookIcon.js";
|
|
97
97
|
import { LoginIcon as Mm } from "./components/icons/login-logout-icons/LoginIcon.js";
|
|
98
|
-
import { LogoutIcon as
|
|
99
|
-
import { TimerIcon as
|
|
98
|
+
import { LogoutIcon as vm } from "./components/icons/login-logout-icons/LogoutIcon.js";
|
|
99
|
+
import { TimerIcon as Nm } from "./components/icons/timer-icon/TimerIcon.js";
|
|
100
100
|
import { BackIcon as _m } from "./components/icons/back-icon/BackIcon.js";
|
|
101
101
|
import { HelpIcon as Em } from "./components/icons/help-icon/HelpIcon.js";
|
|
102
102
|
import { HelpOutlineIcon as Um } from "./components/icons/help-outline-icon/HelpOutlineIcon.js";
|
|
@@ -108,7 +108,7 @@ import { DnsOutlineIcon as Jm } from "./components/icons/dns-outline-icon/DnsOut
|
|
|
108
108
|
import { DescriptionIcon as $m } from "./components/icons/description-icon/DescriptionIcon.js";
|
|
109
109
|
import { DescriptionOutlineIcon as rt } from "./components/icons/description-outline-icon/DescriptionOutlineIcon.js";
|
|
110
110
|
import { FormatListBulletedIcon as tt } from "./components/icons/format-list-bulleted-icon/FormatListBulletedIcon.js";
|
|
111
|
-
import { FormatListBulletedOutlineIcon as
|
|
111
|
+
import { FormatListBulletedOutlineIcon as et } from "./components/icons/format-list-bulleted-outline-icon/FormatListBulletedOutlineIcon.js";
|
|
112
112
|
import { PersonSearchOutlineIcon as pt } from "./components/icons/person-search-outline-icon/PersonSearchOutlineIcon.js";
|
|
113
113
|
import { PersonSearchIcon as ct } from "./components/icons/person-search-icon/PersonSearchIcon.js";
|
|
114
114
|
import { RuleIcon as It } from "./components/icons/rule-icon/RuleIcon.js";
|
|
@@ -117,13 +117,13 @@ import { ContentCopyIcon as St } from "./components/icons/content-copy-icon/Cont
|
|
|
117
117
|
import { ContentCutIcon as yt } from "./components/icons/content-cut-icon/ContentCutIcon.js";
|
|
118
118
|
import { ContentPasteIcon as Ot } from "./components/icons/content-paste-icon/ContentPasteIcon.js";
|
|
119
119
|
import { ContentCopyOutlineIcon as Dt } from "./components/icons/content-copy-outline-icon/ContentCopyOutlineIcon.js";
|
|
120
|
-
import { RefreshIcon as
|
|
120
|
+
import { RefreshIcon as bt } from "./components/icons/refresh-icon/RefreshIcon.js";
|
|
121
121
|
import { SettingsNoteIcon as Lt } from "./components/icons/settings-note-icon/SettingsNoteIcon.js";
|
|
122
|
-
import { InheritancePointerIcon as
|
|
122
|
+
import { InheritancePointerIcon as Pt } from "./components/icons/inheritance-pointer-icon/InheritancePointerIcon.js";
|
|
123
123
|
import { CloudDoneOutlineIcon as At } from "./components/icons/cloud-done-outline-icon/CloudDoneOutlineIcon.js";
|
|
124
124
|
import { CloudIcon as Mt } from "./components/icons/cloud-icon/CloudIcon.js";
|
|
125
|
-
import { AttachFileIcon as
|
|
126
|
-
import { SendIcon as
|
|
125
|
+
import { AttachFileIcon as vt } from "./components/icons/attach-file-icon/AttachFileIcon.js";
|
|
126
|
+
import { SendIcon as Nt } from "./components/icons/send-icon/SendIcon.js";
|
|
127
127
|
import { CardIdIcon as _t } from "./components/icons/card-id-icon/CardIdIcon.js";
|
|
128
128
|
import { CheckCircleIcon as Et } from "./components/icons/check-circle-icon/CheckCircleIndex.js";
|
|
129
129
|
import { CardIdIconOutlined as Ut } from "./components/icons/card-id-icon-outlined/CardIdIconOutlined.js";
|
|
@@ -135,7 +135,7 @@ import { OutlineCheckboxIconIndeterminate as Jt } from "./components/icons/outli
|
|
|
135
135
|
import { HistoryIcon as $t } from "./components/icons/history-icon/HistoryIcon.js";
|
|
136
136
|
import { ConversionPathIcon as ri } from "./components/icons/conversion-path/ConversionPathIcon.js";
|
|
137
137
|
import { GraphIcon as ti } from "./components/icons/graph-icon/GraphIcon.js";
|
|
138
|
-
import { GraphOutlineIcon as
|
|
138
|
+
import { GraphOutlineIcon as ei } from "./components/icons/graph-outline-icon/GraphOutlineIcon.js";
|
|
139
139
|
import { GridViewOutlineIcon as pi } from "./components/icons/grid-view-outline-icon/GridViewOutlineIcon.js";
|
|
140
140
|
import { NotesIcon as ci } from "./components/icons/notes-icon/NotesIcon.js";
|
|
141
141
|
import { SaveIcon as Ii } from "./components/icons/save-icon/SaveIcon.js";
|
|
@@ -144,13 +144,13 @@ import { EnvelopeIcon as Si } from "./components/icons/envelope-icon/EnvelopeIco
|
|
|
144
144
|
import { FingerprintIcon as yi } from "./components/icons/fingerprint-icon/FingerprintIcon.js";
|
|
145
145
|
import { UploadIcon as Oi } from "./components/icons/upload-icon/UploadIcon.js";
|
|
146
146
|
import { CancelOutlineIcon as Di } from "./components/icons/cancel-outline-icon/CancelOutlineIcon.js";
|
|
147
|
-
import { InfoOutlineIcon as
|
|
147
|
+
import { InfoOutlineIcon as bi } from "./components/icons/info-outline-icon/InfoOutlineIcon.js";
|
|
148
148
|
import { TuneIcon as Li } from "./components/icons/tune-icon/TuneIcon.js";
|
|
149
|
-
import { FileDocIcon as
|
|
149
|
+
import { FileDocIcon as Pi } from "./components/icons/file-doc-icon/FileDocIcon.js";
|
|
150
150
|
import { DvrIconOutline as Ai } from "./components/icons/dvr-icon-outline/DvrIconOutline.js";
|
|
151
151
|
import { BackupIcon as Mi } from "./components/icons/backup-icon/BackupIcon.js";
|
|
152
|
-
import { DownloadTrayIcon as
|
|
153
|
-
import { DownloadingIcon as
|
|
152
|
+
import { DownloadTrayIcon as vi } from "./components/icons/download-tray-icon/DownloadTrayIcon.js";
|
|
153
|
+
import { DownloadingIcon as Ni } from "./components/icons/downloading-icon/DownloadingIcon.js";
|
|
154
154
|
import { FileRtfIcon as _i } from "./components/icons/file-rtf-icon/FileRtfIcon.js";
|
|
155
155
|
import { LinkOffIcon as Ei } from "./components/icons/link-off-icon/LinkOffIcon.js";
|
|
156
156
|
import { CircleWarningOutlineIcon as Ui } from "./components/icons/warning-circle-icon/CircleWarningOutlineIcon.js";
|
|
@@ -160,62 +160,62 @@ import { ShareIcon as Ki } from "./components/icons/share-icon/ShareIcon.js";
|
|
|
160
160
|
import { SyncSavedLocallyIcon as Zi } from "./components/icons/sync-saved_locally/SyncSavedLocallyIcon.js";
|
|
161
161
|
import { CloudOffOutlineIcon as Ji } from "./components/icons/cloud-off-outline-icon/CloudOffOutlineIcon.js";
|
|
162
162
|
import { VisibilityOutlineIcon as $i } from "./components/icons/visibility-outline-icon/VisibilityOutlineIcon.js";
|
|
163
|
-
import { VisibilityOffOutlineIcon as
|
|
164
|
-
import { SmsIcon as
|
|
165
|
-
import { ArrowLeftIcon as
|
|
166
|
-
import { TimelapseOutlineIcon as
|
|
167
|
-
import { WandStarsIcon as
|
|
168
|
-
import { ResetSettingsIcon as
|
|
169
|
-
import { HistoryToggleOffIcon as
|
|
170
|
-
import { CheckReadIcon as
|
|
171
|
-
import { EditNotesIcon as
|
|
172
|
-
import { FileXlsIcon as
|
|
173
|
-
import { FileImageIcon as
|
|
174
|
-
import { DrawIcon as
|
|
175
|
-
import { ArrowShrinkIcon as
|
|
176
|
-
import { IndeterminateIcon as
|
|
177
|
-
import { ManageSearchIcon as
|
|
178
|
-
import { HubIcon as
|
|
179
|
-
import { HubIconFilled as
|
|
180
|
-
import { WidgetIcon as
|
|
181
|
-
import { WidgetIconFilled as
|
|
182
|
-
import { RocketLaunchIcon as
|
|
183
|
-
import { LoadCurrentIcon as
|
|
184
|
-
import { StyledChip as
|
|
185
|
-
import { StyledInteractiveChip as
|
|
186
|
-
import { StyledTooltip as
|
|
187
|
-
import { StyledTypography as
|
|
188
|
-
import { StyledFormLabel as
|
|
189
|
-
import { StyledAIDisclosure as
|
|
190
|
-
import { StyledButton as
|
|
191
|
-
import { StyledDialog as
|
|
192
|
-
import { StyledDialogActions as
|
|
193
|
-
import { StyledDialogContent as
|
|
194
|
-
import { StyledDialogTitle as
|
|
195
|
-
import { StyledEmptyPage as
|
|
196
|
-
import { StyledFilteredEmptyState as
|
|
197
|
-
import { StyledLoading as
|
|
198
|
-
import { StyledAlert as
|
|
199
|
-
import { SnackbarProvider as
|
|
200
|
-
import { StyledSnackbar as
|
|
201
|
-
import { processAlertSnackBar as
|
|
202
|
-
import { processDefaultSnackbar as
|
|
203
|
-
import { processInfoSnackbar as
|
|
204
|
-
import { message as
|
|
205
|
-
import { closeSnackbar as
|
|
206
|
-
import { StyledCheckbox as
|
|
207
|
-
import { StyledInputField as
|
|
208
|
-
import { StyledSearchField as
|
|
209
|
-
import { StyledTextarea as
|
|
210
|
-
import { StyledSelect as
|
|
211
|
-
import { StyledSelectItem as
|
|
212
|
-
import { StyledSelectAutocomplete as
|
|
213
|
-
import { StyledSlider as
|
|
214
|
-
import { StyledSwitch as
|
|
163
|
+
import { VisibilityOffOutlineIcon as re } from "./components/icons/visibility-off-outline-icon/VisibilityOffOutlineIcon.js";
|
|
164
|
+
import { SmsIcon as te } from "./components/icons/sms-icon/SmsIcon.js";
|
|
165
|
+
import { ArrowLeftIcon as ee } from "./components/icons/arrow-left-icon/ArrowLeftIcon.js";
|
|
166
|
+
import { TimelapseOutlineIcon as pe } from "./components/icons/timelapse-outline-icon/TimelapseOutlineIcon.js";
|
|
167
|
+
import { WandStarsIcon as ce } from "./components/icons/wand-stars-icon/WandStarsIcon.js";
|
|
168
|
+
import { ResetSettingsIcon as Ie } from "./components/icons/reset-settings-icon/ResetSettingsIcon.js";
|
|
169
|
+
import { HistoryToggleOffIcon as de } from "./components/icons/history-toggle-off-icon/HistoryToggleOffIcon.js";
|
|
170
|
+
import { CheckReadIcon as Se } from "./components/icons/check-read-icon/CheckReadIcon.js";
|
|
171
|
+
import { EditNotesIcon as ye } from "./components/icons/edit-notes-icon/EditNotesIcon.js";
|
|
172
|
+
import { FileXlsIcon as Oe } from "./components/icons/file-xls-icon/FileXlsIcon.js";
|
|
173
|
+
import { FileImageIcon as De } from "./components/icons/file-image-icon/FileImageIcon.js";
|
|
174
|
+
import { DrawIcon as be } from "./components/icons/draw-icon/DrawIcon.js";
|
|
175
|
+
import { ArrowShrinkIcon as Le } from "./components/icons/arrow-shrink-icon/ArrowShrinkIcon.js";
|
|
176
|
+
import { IndeterminateIcon as Pe } from "./components/icons/indeterminate-icon/IndeterminateIcon.js";
|
|
177
|
+
import { ManageSearchIcon as Ae } from "./components/icons/manage-search-icon/ManageSearchIcon.js";
|
|
178
|
+
import { HubIcon as Me } from "./components/icons/hub-icon/HubIcon.js";
|
|
179
|
+
import { HubIconFilled as ve } from "./components/icons/hub-icon/HubIconFilled.js";
|
|
180
|
+
import { WidgetIcon as Ne } from "./components/icons/widgets-icon/WidgetIcon.js";
|
|
181
|
+
import { WidgetIconFilled as _e } from "./components/icons/widgets-icon/WidgetIconFilled.js";
|
|
182
|
+
import { RocketLaunchIcon as Ee } from "./components/icons/rocket-launch-icon/RocketLaunchIcon.js";
|
|
183
|
+
import { LoadCurrentIcon as Ue } from "./components/icons/load-current-icon/LoadCurrentIcon.js";
|
|
184
|
+
import { StyledChip as Ge } from "./components/data-display/chip/StyledChip.js";
|
|
185
|
+
import { StyledInteractiveChip as Xe } from "./components/data-display/interactive-chip/StyledInteractiveChip.js";
|
|
186
|
+
import { StyledTooltip as Ke } from "./components/data-display/tooltip/StyledTooltip.js";
|
|
187
|
+
import { StyledTypography as Ze } from "./components/data-display/typography/StyledTypography.js";
|
|
188
|
+
import { StyledFormLabel as Je } from "./components/data-display/form-label/components/StyledFormLabel.js";
|
|
189
|
+
import { StyledAIDisclosure as $e } from "./components/data-display/ai-disclosure/StyledAIDisclosure.js";
|
|
190
|
+
import { StyledButton as rn } from "./components/inputs/button/StyledButton.js";
|
|
191
|
+
import { StyledDialog as tn } from "./components/feedback/dialog/StyledDialog.js";
|
|
192
|
+
import { StyledDialogActions as nn } from "./components/feedback/dialog/StyledDialogActions.js";
|
|
193
|
+
import { StyledDialogContent as fn } from "./components/feedback/dialog/StyledDialogContent.js";
|
|
194
|
+
import { StyledDialogTitle as ln } from "./components/feedback/dialog/StyledDialogTitle.js";
|
|
195
|
+
import { StyledEmptyPage as an } from "./components/feedback/empty-page/StyledEmptyPage.js";
|
|
196
|
+
import { StyledFilteredEmptyState as un } from "./components/feedback/filtered-empty-state/StyledFilteredEmptyState.js";
|
|
197
|
+
import { StyledLoading as sn } from "./components/feedback/loading/StyledLoading.js";
|
|
198
|
+
import { StyledAlert as Cn } from "./components/feedback/snack-bar/StyledAlert.js";
|
|
199
|
+
import { SnackbarProvider as gn } from "./components/feedback/snack-bar/SnackbarProvider.js";
|
|
200
|
+
import { StyledSnackbar as hn } from "./components/feedback/snack-bar/StyledSnackbar.js";
|
|
201
|
+
import { processAlertSnackBar as kn } from "./components/feedback/snack-bar/processAlertSnackBar.js";
|
|
202
|
+
import { processDefaultSnackbar as Tn } from "./components/feedback/snack-bar/processDefaultSnackbar.js";
|
|
203
|
+
import { processInfoSnackbar as Fn } from "./components/feedback/snack-bar/processInfoSnackbar.js";
|
|
204
|
+
import { message as Rn } from "./components/feedback/snack-bar/message.js";
|
|
205
|
+
import { closeSnackbar as wn, enqueueSnackbar as vn, useSnackbar as Bn } from "./components/feedback/snack-bar/index.js";
|
|
206
|
+
import { StyledCheckbox as xn } from "./components/inputs/checkbox/base-ui/StyledCheckbox.js";
|
|
207
|
+
import { StyledInputField as Hn } from "./components/inputs/input-field/StyledInputField.js";
|
|
208
|
+
import { StyledSearchField as Wn } from "./components/inputs/search-field/StyledSearchField.js";
|
|
209
|
+
import { StyledTextarea as Vn } from "./components/inputs/textarea/StyledTextarea.js";
|
|
210
|
+
import { StyledSelect as zn } from "./components/inputs/select/StyledSelect.js";
|
|
211
|
+
import { StyledSelectItem as qn } from "./components/inputs/select/StyledSelectItem.js";
|
|
212
|
+
import { StyledSelectAutocomplete as Qn } from "./components/inputs/select-autocomplete/StyledSelectAutocomplete.js";
|
|
213
|
+
import { StyledSlider as jn } from "./components/inputs/slider/StyledSlider.js";
|
|
214
|
+
import { StyledSwitch as Yn } from "./components/inputs/switch/base-ui/StyledSwitch.js";
|
|
215
215
|
import { StyledRadio as op } from "./components/inputs/radio-button/base-ui/StyledRadio.js";
|
|
216
216
|
import { StyledRadioGroup as mp } from "./components/inputs/radio-button/base-ui/StyledRadioGroup.js";
|
|
217
217
|
import { StyledLabel as ip } from "./components/inputs/label/StyledLabel.js";
|
|
218
|
-
import { StyledDynamicSelect as
|
|
218
|
+
import { StyledDynamicSelect as np } from "./components/inputs/dynamic-select/StyledDynamicSelect.js";
|
|
219
219
|
import { StyledDatePicker as fp } from "./datetime/components/date-picker/StyledDatePicker.js";
|
|
220
220
|
import { StyledTimePicker as lp } from "./datetime/components/time-picker/StyledTimePicker.js";
|
|
221
221
|
import { setMidnightTime as ap, setZeroTime as dp } from "./datetime/helpers/date.helper.js";
|
|
@@ -223,55 +223,57 @@ import { StyledFormControl as Sp } from "./components/miscellaneous/StyledFormCo
|
|
|
223
223
|
import { StyledFormControlLabel as yp } from "./components/miscellaneous/StyledFormControlLabel.js";
|
|
224
224
|
import { StyledFormHelperText as Op } from "./components/miscellaneous/StyledFormHelperText.js";
|
|
225
225
|
import { StyledInputLabel as Dp } from "./components/miscellaneous/StyledInputLabel.js";
|
|
226
|
-
import { StyledFormGroup as
|
|
226
|
+
import { StyledFormGroup as bp } from "./components/miscellaneous/StyledFormGroup.js";
|
|
227
227
|
import { StyledDrawer as Lp } from "./components/navigation/drawer/StyledDrawer.js";
|
|
228
|
-
import { StyledMenu as
|
|
228
|
+
import { StyledMenu as Pp } from "./components/navigation/menu/StyledMenu.js";
|
|
229
229
|
import { StyledMenuItem as Ap } from "./components/navigation/menu/StyledMenuItem.js";
|
|
230
230
|
import { StyledMenuList as Mp } from "./components/navigation/menu/StyledMenuList.js";
|
|
231
|
-
import { StyledLink as
|
|
232
|
-
import { StyledTab as
|
|
231
|
+
import { StyledLink as vp } from "./components/navigation/link/StyledLink.js";
|
|
232
|
+
import { StyledTab as Np } from "./components/navigation/tabs/StyledTab.js";
|
|
233
233
|
import { StyledTabs as _p } from "./components/navigation/tabs/StyledTabs.js";
|
|
234
|
-
import {
|
|
235
|
-
import {
|
|
236
|
-
import {
|
|
237
|
-
import {
|
|
238
|
-
import {
|
|
239
|
-
import {
|
|
240
|
-
import {
|
|
241
|
-
import {
|
|
242
|
-
import {
|
|
243
|
-
import {
|
|
244
|
-
import {
|
|
245
|
-
import {
|
|
246
|
-
import {
|
|
247
|
-
import {
|
|
248
|
-
import {
|
|
249
|
-
import {
|
|
250
|
-
import {
|
|
251
|
-
import {
|
|
252
|
-
import {
|
|
253
|
-
import {
|
|
254
|
-
import {
|
|
255
|
-
import {
|
|
256
|
-
import {
|
|
234
|
+
import { Listbox as Ep } from "./components/navigation/listbox/Listbox.js";
|
|
235
|
+
import { StyledAccordion as Up } from "./components/utils/accordion/base-ui/StyledAccordion.js";
|
|
236
|
+
import { StyledAccordionSummary as Gp } from "./components/utils/accordion/base-ui/StyledAccordionSummary.js";
|
|
237
|
+
import { StyledAccordionDetails as Xp } from "./components/utils/accordion/base-ui/StyledAccordionDetails.js";
|
|
238
|
+
import { ACTIONS_COLUMN_ID as Kp, DND_HANDLE_COLUMN_ID as Qp, EXPAND_COLUMN_ID as Zp, INTERNAL_COLUMN_IDS as jp, SELECT_COLUMN_ID as Jp, SHOW_FULL_TEXT_ID as Yp, isCustomAction as $p } from "./table/types.js";
|
|
239
|
+
import { RowDragHandleCell as rf } from "./table/components/columns/dndHandleColumn.js";
|
|
240
|
+
import { StyledTable as tf } from "./table/components/StyledTableIndex.js";
|
|
241
|
+
import { createColumnHelper as nf } from "./table/index.js";
|
|
242
|
+
import { StyledPopover as ff } from "./components/utils/popover/StyledPopover.js";
|
|
243
|
+
import { DynamicToolbarLayoutContext as lf, useDynamicToolbarLayout as If } from "./components/custom/module/header-layout/DynamicToolbarLayoutContext.js";
|
|
244
|
+
import { StyledFilterButton as df } from "./components/utils/filter-menu/StyledFilterButton.js";
|
|
245
|
+
import { StyledFilterMenu as Sf } from "./components/utils/filter-menu/StyledFilterMenu.js";
|
|
246
|
+
import { CopyButton as yf } from "./components/utils/copy-wrapper/CopyButton.js";
|
|
247
|
+
import { CopyWrapper as Of } from "./components/utils/copy-wrapper/CopyWrapper.js";
|
|
248
|
+
import { StyledWidgetTitle as Df } from "./components/custom/widget/widget-title/StyledWidgetTitle.js";
|
|
249
|
+
import { StyledWidgetHeader as bf } from "./components/custom/widget/widget-header/StyledWidgetHeader.js";
|
|
250
|
+
import { StyledWidget as Lf } from "./components/custom/widget/widget/StyledWidget.js";
|
|
251
|
+
import { StyledModuleTitle as Pf } from "./components/custom/module/module-title/StyledModuleTitle.js";
|
|
252
|
+
import { ACTION_GAP_PX as Af, MORE_BUTTON_PX as Rf, estimateToolbarActionWidth as Mf, planBulkToolbarActions as wf, planToolbarActions as vf, resolveToolbarActionWidth as Bf } from "./components/custom/module/header-layout/planToolbarActions.js";
|
|
253
|
+
import { DynamicToolbar as xf } from "./components/custom/module/header-layout/DynamicToolbar.js";
|
|
254
|
+
import { MinimizableDialog as Hf } from "./components/feedback/minimizable-dialog/MinimizableDialog.js";
|
|
255
|
+
import { MinimizableDialogV2 as Wf } from "./components/feedback/minimizable-dialog/v2/MinimizableDialogV2.js";
|
|
256
|
+
import { createDialogStack as Vf } from "./components/feedback/minimizable-dialog/stack/createDialogStack.js";
|
|
257
|
+
import { PopupState as zf, bindPopover as Xf, bindPopper as qf, bindTrigger as Kf, usePopupState as Qf } from "./hooks/usePopupState.js";
|
|
258
|
+
import { Avatar as jf, ClickAwayListener as Jf, Container as Yf, Fade as $f, FormLabel as oc, Paper as rc, Popper as mc, Skeleton as tc, Stack as ic } from "@mui/material";
|
|
257
259
|
export {
|
|
258
|
-
|
|
259
|
-
|
|
260
|
+
Kp as ACTIONS_COLUMN_ID,
|
|
261
|
+
Af as ACTION_GAP_PX,
|
|
260
262
|
Gi as AppRegistrationIcon,
|
|
261
|
-
|
|
263
|
+
vo as ArchiveIcon,
|
|
262
264
|
Xi as ArrowExpandIcon,
|
|
263
|
-
|
|
264
|
-
|
|
265
|
+
ee as ArrowLeftIcon,
|
|
266
|
+
Le as ArrowShrinkIcon,
|
|
265
267
|
j as AssignmentIcon,
|
|
266
268
|
Y as AssignmentOutlineIcon,
|
|
267
|
-
|
|
268
|
-
|
|
269
|
+
vt as AttachFileIcon,
|
|
270
|
+
jf as Avatar,
|
|
269
271
|
_m as BackIcon,
|
|
270
272
|
Mi as BackupIcon,
|
|
271
273
|
tm as BadgeIcon,
|
|
272
274
|
a as BellIcon,
|
|
273
275
|
l as BellOutlineIcon,
|
|
274
|
-
|
|
276
|
+
br as CalendarBlankOutlineIcon,
|
|
275
277
|
V as CalendarIcon,
|
|
276
278
|
q as CalendarRangeIcon,
|
|
277
279
|
Q as CalendarRangeOutlineIcon,
|
|
@@ -284,7 +286,7 @@ export {
|
|
|
284
286
|
H as CheckFactOutlineIcon,
|
|
285
287
|
Xo as CheckIcon,
|
|
286
288
|
x as CheckOutlineIcon,
|
|
287
|
-
|
|
289
|
+
Se as CheckReadIcon,
|
|
288
290
|
g as ChevronDoubleLeftIcon,
|
|
289
291
|
h as ChevronDoubleRightIcon,
|
|
290
292
|
Eo as ChevronDownIcon,
|
|
@@ -292,23 +294,23 @@ export {
|
|
|
292
294
|
s as ChevronRightIcon,
|
|
293
295
|
Uo as ChevronUpIcon,
|
|
294
296
|
Ui as CircleWarningOutlineIcon,
|
|
295
|
-
|
|
297
|
+
Jf as ClickAwayListener,
|
|
296
298
|
Lm as ClockOutlineIcon,
|
|
297
299
|
Go as CloseIcon,
|
|
298
300
|
At as CloudDoneOutlineIcon,
|
|
299
301
|
Mt as CloudIcon,
|
|
300
302
|
Ji as CloudOffOutlineIcon,
|
|
301
303
|
Zr as ConsentsIcon,
|
|
302
|
-
|
|
304
|
+
Yf as Container,
|
|
303
305
|
St as ContentCopyIcon,
|
|
304
306
|
Dt as ContentCopyOutlineIcon,
|
|
305
307
|
yt as ContentCutIcon,
|
|
306
308
|
Ot as ContentPasteIcon,
|
|
307
309
|
ri as ConversionPathIcon,
|
|
308
|
-
|
|
309
|
-
|
|
310
|
-
|
|
311
|
-
|
|
310
|
+
yf as CopyButton,
|
|
311
|
+
Of as CopyWrapper,
|
|
312
|
+
Qp as DND_HANDLE_COLUMN_ID,
|
|
313
|
+
F as DashboardViewIcon,
|
|
312
314
|
R as DashboardViewOutlineIcon,
|
|
313
315
|
cr as DeleteOutlineIcon,
|
|
314
316
|
$m as DescriptionIcon,
|
|
@@ -316,43 +318,43 @@ export {
|
|
|
316
318
|
Zm as DnsIcon,
|
|
317
319
|
Jm as DnsOutlineIcon,
|
|
318
320
|
Xm as DoneAllIcon,
|
|
319
|
-
|
|
320
|
-
|
|
321
|
-
|
|
322
|
-
|
|
323
|
-
|
|
324
|
-
|
|
321
|
+
bo as DotsVerticalIcon,
|
|
322
|
+
No as DownloadIcon,
|
|
323
|
+
vi as DownloadTrayIcon,
|
|
324
|
+
Ni as DownloadingIcon,
|
|
325
|
+
er as DragHorizontalIcon,
|
|
326
|
+
be as DrawIcon,
|
|
325
327
|
Mo as DropDownIcon,
|
|
326
328
|
Ao as DropUpIcon,
|
|
327
329
|
yr as DvrIcon,
|
|
328
330
|
Ai as DvrIconOutline,
|
|
329
|
-
|
|
330
|
-
|
|
331
|
-
|
|
331
|
+
xf as DynamicToolbar,
|
|
332
|
+
lf as DynamicToolbarLayoutContext,
|
|
333
|
+
Zp as EXPAND_COLUMN_ID,
|
|
332
334
|
Er as EarthIcon,
|
|
333
|
-
|
|
334
|
-
|
|
335
|
+
ye as EditNotesIcon,
|
|
336
|
+
em as EditSquareIcon,
|
|
335
337
|
tr as EmptyPageIcon,
|
|
336
338
|
Si as EnvelopeIcon,
|
|
337
339
|
Or as ErrorOutlineIcon,
|
|
338
|
-
|
|
339
|
-
|
|
340
|
-
|
|
341
|
-
|
|
340
|
+
$f as Fade,
|
|
341
|
+
Pr as FastCheckOutlineIcon,
|
|
342
|
+
Pi as FileDocIcon,
|
|
343
|
+
De as FileImageIcon,
|
|
342
344
|
pr as FilePdfIcon,
|
|
343
345
|
_i as FileRtfIcon,
|
|
344
|
-
|
|
346
|
+
Oe as FileXlsIcon,
|
|
345
347
|
Ir as FilterIcon,
|
|
346
348
|
dr as FilterIconOff,
|
|
347
349
|
So as FindReplaceIcon,
|
|
348
350
|
yo as FindReplacePeopleIcon,
|
|
349
351
|
yi as FingerprintIcon,
|
|
350
352
|
Dm as FormIcon,
|
|
351
|
-
|
|
353
|
+
oc as FormLabel,
|
|
352
354
|
tt as FormatListBulletedIcon,
|
|
353
|
-
|
|
355
|
+
et as FormatListBulletedOutlineIcon,
|
|
354
356
|
ti as GraphIcon,
|
|
355
|
-
|
|
357
|
+
ei as GraphOutlineIcon,
|
|
356
358
|
pi as GridViewOutlineIcon,
|
|
357
359
|
u as HamburgerIcon,
|
|
358
360
|
dm as HandymanIcon,
|
|
@@ -360,36 +362,37 @@ export {
|
|
|
360
362
|
Em as HelpIcon,
|
|
361
363
|
Um as HelpOutlineIcon,
|
|
362
364
|
$t as HistoryIcon,
|
|
363
|
-
|
|
364
|
-
|
|
365
|
-
|
|
366
|
-
|
|
365
|
+
de as HistoryToggleOffIcon,
|
|
366
|
+
Me as HubIcon,
|
|
367
|
+
ve as HubIconFilled,
|
|
368
|
+
jp as INTERNAL_COLUMN_IDS,
|
|
367
369
|
Jo as InboxOutboxIcon,
|
|
368
370
|
$o as InboxOutboxOutlineIcon,
|
|
369
|
-
|
|
370
|
-
|
|
371
|
-
|
|
371
|
+
Pe as IndeterminateIcon,
|
|
372
|
+
bi as InfoOutlineIcon,
|
|
373
|
+
Pt as InheritancePointerIcon,
|
|
372
374
|
$r as KeyboardCapslockIcon,
|
|
373
375
|
Ei as LinkOffIcon,
|
|
374
376
|
Lr as LinkOutlineIcon,
|
|
375
377
|
oo as ListNumberedIcon,
|
|
376
378
|
_r as ListSettingsLineIcon,
|
|
377
379
|
Mr as ListStatusIcon,
|
|
378
|
-
|
|
379
|
-
|
|
380
|
-
|
|
380
|
+
vr as ListViewOutlineIcon,
|
|
381
|
+
Ep as Listbox,
|
|
382
|
+
Ue as LoadCurrentIcon,
|
|
383
|
+
Po as LoadingIcon,
|
|
381
384
|
Om as LocationIcon,
|
|
382
385
|
Sr as LockIcon,
|
|
383
386
|
Mm as LoginIcon,
|
|
384
|
-
|
|
385
|
-
|
|
386
|
-
|
|
387
|
+
vm as LogoutIcon,
|
|
388
|
+
Rf as MORE_BUTTON_PX,
|
|
389
|
+
Ae as ManageSearchIcon,
|
|
387
390
|
mo as MessageProcessingIcon,
|
|
388
391
|
io as MessageProcessingOutlineIcon,
|
|
389
392
|
rm as MessageReplyIcon,
|
|
390
393
|
Am as MicrosoftOutlookIcon,
|
|
391
|
-
|
|
392
|
-
|
|
394
|
+
Hf as MinimizableDialog,
|
|
395
|
+
Wf as MinimizableDialogV2,
|
|
393
396
|
Jr as MinimizeIcon,
|
|
394
397
|
z as NewCalendarIcon,
|
|
395
398
|
Gm as NewWindowIcon,
|
|
@@ -399,10 +402,10 @@ export {
|
|
|
399
402
|
Kt as OutlineCheckboxIconChecked,
|
|
400
403
|
Jt as OutlineCheckboxIconIndeterminate,
|
|
401
404
|
Gt as OutlineNotificationsIcon,
|
|
402
|
-
|
|
405
|
+
rc as Paper,
|
|
403
406
|
T as PdfIcon,
|
|
404
407
|
Gr as PencilOutlineIcon,
|
|
405
|
-
|
|
408
|
+
B as PeopleIcon,
|
|
406
409
|
w as PeopleOutlineIcon,
|
|
407
410
|
Ko as PermMediaIcon,
|
|
408
411
|
Zo as PermMediaOutline,
|
|
@@ -413,124 +416,129 @@ export {
|
|
|
413
416
|
Sm as PinIcon,
|
|
414
417
|
pm as PlusIcon,
|
|
415
418
|
cm as PlusIconCircle,
|
|
416
|
-
|
|
417
|
-
|
|
418
|
-
|
|
419
|
+
mc as Popper,
|
|
420
|
+
zf as PopupState,
|
|
421
|
+
k as QnrIcon,
|
|
422
|
+
bt as RefreshIcon,
|
|
419
423
|
di as RemoveIcon,
|
|
420
|
-
|
|
424
|
+
bm as RepeatOutlineIcon,
|
|
421
425
|
Dr as ReplayIcon,
|
|
422
|
-
|
|
426
|
+
no as ReportBoxIcon,
|
|
423
427
|
fo as ReportBoxOutlineIcon,
|
|
424
|
-
|
|
425
|
-
|
|
426
|
-
|
|
428
|
+
Ie as ResetSettingsIcon,
|
|
429
|
+
Ee as RocketLaunchIcon,
|
|
430
|
+
rf as RowDragHandleCell,
|
|
427
431
|
It as RuleIcon,
|
|
428
432
|
dt as RuleOutlineIcon,
|
|
429
|
-
|
|
430
|
-
|
|
433
|
+
Jp as SELECT_COLUMN_ID,
|
|
434
|
+
Yp as SHOW_FULL_TEXT_ID,
|
|
431
435
|
Ii as SaveIcon,
|
|
432
436
|
Lo as SearchIcon,
|
|
433
|
-
|
|
437
|
+
Nt as SendIcon,
|
|
434
438
|
lo as SettingsIcon,
|
|
435
439
|
Ur as SettingsMenuHorizontalIcon,
|
|
436
440
|
Lt as SettingsNoteIcon,
|
|
437
441
|
ao as SettingsOutlineIcon,
|
|
438
442
|
Ki as ShareIcon,
|
|
439
|
-
|
|
440
|
-
|
|
441
|
-
|
|
442
|
-
|
|
443
|
-
|
|
444
|
-
|
|
445
|
-
|
|
446
|
-
|
|
447
|
-
|
|
443
|
+
tc as Skeleton,
|
|
444
|
+
te as SmsIcon,
|
|
445
|
+
gn as SnackbarProvider,
|
|
446
|
+
ic as Stack,
|
|
447
|
+
$e as StyledAIDisclosure,
|
|
448
|
+
Up as StyledAccordion,
|
|
449
|
+
Xp as StyledAccordionDetails,
|
|
450
|
+
Gp as StyledAccordionSummary,
|
|
451
|
+
Cn as StyledAlert,
|
|
448
452
|
f as StyledBadge,
|
|
449
|
-
|
|
450
|
-
|
|
451
|
-
|
|
453
|
+
rn as StyledButton,
|
|
454
|
+
xn as StyledCheckbox,
|
|
455
|
+
Ge as StyledChip,
|
|
452
456
|
fp as StyledDatePicker,
|
|
453
|
-
|
|
454
|
-
|
|
455
|
-
|
|
456
|
-
|
|
457
|
+
tn as StyledDialog,
|
|
458
|
+
nn as StyledDialogActions,
|
|
459
|
+
fn as StyledDialogContent,
|
|
460
|
+
ln as StyledDialogTitle,
|
|
457
461
|
Lp as StyledDrawer,
|
|
458
|
-
|
|
459
|
-
|
|
460
|
-
|
|
461
|
-
|
|
462
|
-
|
|
462
|
+
np as StyledDynamicSelect,
|
|
463
|
+
an as StyledEmptyPage,
|
|
464
|
+
df as StyledFilterButton,
|
|
465
|
+
Sf as StyledFilterMenu,
|
|
466
|
+
un as StyledFilteredEmptyState,
|
|
463
467
|
Sp as StyledFormControl,
|
|
464
468
|
yp as StyledFormControlLabel,
|
|
465
|
-
|
|
469
|
+
bp as StyledFormGroup,
|
|
466
470
|
Op as StyledFormHelperText,
|
|
467
|
-
|
|
468
|
-
|
|
471
|
+
Je as StyledFormLabel,
|
|
472
|
+
Hn as StyledInputField,
|
|
469
473
|
Dp as StyledInputLabel,
|
|
470
|
-
|
|
474
|
+
Xe as StyledInteractiveChip,
|
|
471
475
|
ip as StyledLabel,
|
|
472
|
-
|
|
473
|
-
|
|
474
|
-
|
|
476
|
+
vp as StyledLink,
|
|
477
|
+
sn as StyledLoading,
|
|
478
|
+
Pp as StyledMenu,
|
|
475
479
|
Ap as StyledMenuItem,
|
|
476
480
|
Mp as StyledMenuList,
|
|
477
|
-
|
|
478
|
-
|
|
481
|
+
Pf as StyledModuleTitle,
|
|
482
|
+
ff as StyledPopover,
|
|
479
483
|
op as StyledRadio,
|
|
480
484
|
mp as StyledRadioGroup,
|
|
481
|
-
|
|
482
|
-
|
|
483
|
-
|
|
484
|
-
|
|
485
|
-
|
|
486
|
-
|
|
487
|
-
|
|
488
|
-
|
|
489
|
-
|
|
485
|
+
Wn as StyledSearchField,
|
|
486
|
+
zn as StyledSelect,
|
|
487
|
+
Qn as StyledSelectAutocomplete,
|
|
488
|
+
qn as StyledSelectItem,
|
|
489
|
+
jn as StyledSlider,
|
|
490
|
+
hn as StyledSnackbar,
|
|
491
|
+
Yn as StyledSwitch,
|
|
492
|
+
Np as StyledTab,
|
|
493
|
+
tf as StyledTable,
|
|
490
494
|
_p as StyledTabs,
|
|
491
|
-
|
|
495
|
+
Vn as StyledTextarea,
|
|
492
496
|
lp as StyledTimePicker,
|
|
493
|
-
|
|
494
|
-
|
|
495
|
-
|
|
496
|
-
|
|
497
|
-
|
|
497
|
+
Ke as StyledTooltip,
|
|
498
|
+
Ze as StyledTypography,
|
|
499
|
+
Lf as StyledWidget,
|
|
500
|
+
bf as StyledWidgetHeader,
|
|
501
|
+
Df as StyledWidgetTitle,
|
|
498
502
|
Xt as SyncIcon,
|
|
499
503
|
Zi as SyncSavedLocallyIcon,
|
|
500
|
-
|
|
501
|
-
|
|
502
|
-
|
|
503
|
-
|
|
504
|
+
Nr as TextBoxCheckOutlineIcon,
|
|
505
|
+
pe as TimelapseOutlineIcon,
|
|
506
|
+
Nm as TimerIcon,
|
|
507
|
+
Pm as TodayIcon,
|
|
504
508
|
rr as TopicIcon,
|
|
505
509
|
Li as TuneIcon,
|
|
506
510
|
Ar as UnknownDocumentOutlineRoundedIcon,
|
|
507
511
|
Km as UnlockIcon,
|
|
508
512
|
Oi as UploadIcon,
|
|
509
|
-
|
|
513
|
+
re as VisibilityOffOutlineIcon,
|
|
510
514
|
$i as VisibilityOutlineIcon,
|
|
511
|
-
|
|
515
|
+
ce as WandStarsIcon,
|
|
512
516
|
Xr as WarningAmberOutlineIcon,
|
|
513
|
-
|
|
514
|
-
|
|
517
|
+
Ne as WidgetIcon,
|
|
518
|
+
_e as WidgetIconFilled,
|
|
515
519
|
ym as WorkIcon,
|
|
516
|
-
|
|
520
|
+
Xf as bindPopover,
|
|
521
|
+
qf as bindPopper,
|
|
522
|
+
Kf as bindTrigger,
|
|
523
|
+
wn as closeSnackbar,
|
|
517
524
|
m as cn,
|
|
518
|
-
|
|
519
|
-
|
|
520
|
-
|
|
521
|
-
|
|
522
|
-
|
|
523
|
-
|
|
525
|
+
nf as createColumnHelper,
|
|
526
|
+
Vf as createDialogStack,
|
|
527
|
+
vn as enqueueSnackbar,
|
|
528
|
+
Mf as estimateToolbarActionWidth,
|
|
529
|
+
$p as isCustomAction,
|
|
530
|
+
Rn as message,
|
|
524
531
|
i as omit,
|
|
525
|
-
|
|
526
|
-
|
|
527
|
-
|
|
528
|
-
|
|
529
|
-
|
|
530
|
-
|
|
531
|
-
|
|
532
|
+
wf as planBulkToolbarActions,
|
|
533
|
+
vf as planToolbarActions,
|
|
534
|
+
n as prepareForSlot,
|
|
535
|
+
kn as processAlertSnackBar,
|
|
536
|
+
Tn as processDefaultSnackbar,
|
|
537
|
+
Fn as processInfoSnackbar,
|
|
538
|
+
Bf as resolveToolbarActionWidth,
|
|
532
539
|
ap as setMidnightTime,
|
|
533
540
|
dp as setZeroTime,
|
|
534
|
-
|
|
535
|
-
|
|
541
|
+
If as useDynamicToolbarLayout,
|
|
542
|
+
Qf as usePopupState,
|
|
543
|
+
Bn as useSnackbar
|
|
536
544
|
};
|
|
@@ -0,0 +1,29 @@
|
|
|
1
|
+
import { ReactNode } from 'react';
|
|
2
|
+
type RenderProp<P> = ReactNode | ((state: P) => ReactNode);
|
|
3
|
+
declare function ListboxRoot<T>({ value, onChange, children, }: {
|
|
4
|
+
value: T;
|
|
5
|
+
onChange: (value: T) => void;
|
|
6
|
+
children: ReactNode;
|
|
7
|
+
}): JSX.Element;
|
|
8
|
+
declare function ListboxOption<T>({ value, disabled, children, className, }: {
|
|
9
|
+
value: T;
|
|
10
|
+
disabled?: boolean;
|
|
11
|
+
children: RenderProp<{
|
|
12
|
+
selected: boolean;
|
|
13
|
+
}>;
|
|
14
|
+
className?: string;
|
|
15
|
+
}): JSX.Element;
|
|
16
|
+
export declare const Listbox: typeof ListboxRoot & {
|
|
17
|
+
Button: ({ children, className, ...rest }: {
|
|
18
|
+
children: RenderProp<{
|
|
19
|
+
open: boolean;
|
|
20
|
+
}>;
|
|
21
|
+
className?: string;
|
|
22
|
+
} & Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, "children">) => JSX.Element;
|
|
23
|
+
Option: typeof ListboxOption;
|
|
24
|
+
Options: ({ children, className }: {
|
|
25
|
+
children: ReactNode;
|
|
26
|
+
className?: string;
|
|
27
|
+
}) => JSX.Element | null;
|
|
28
|
+
};
|
|
29
|
+
export {};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from './Listbox';
|
|
@@ -0,0 +1,54 @@
|
|
|
1
|
+
import { ReactNode } from 'react';
|
|
2
|
+
/**
|
|
3
|
+
* Dependency-free popup state primitive — a drop-in for the small slice of
|
|
4
|
+
* `material-ui-popup-state` most apps use: a `PopupState` render-prop / `usePopupState` hook plus
|
|
5
|
+
* `bindTrigger`/`bindPopper`/`bindPopover` helpers. `open`/`toggle` accept a React event or an
|
|
6
|
+
* element and derive the anchor from `currentTarget`; the bind helpers produce the prop shapes
|
|
7
|
+
* consumed by MUI `Popover`/`Popper` (and this library's `StyledPopover`).
|
|
8
|
+
*/
|
|
9
|
+
type PopupVariant = 'popover' | 'popper';
|
|
10
|
+
type OpenArg = React.SyntheticEvent<Element> | Element | null | undefined;
|
|
11
|
+
export interface PopupState {
|
|
12
|
+
isOpen: boolean;
|
|
13
|
+
anchorEl: HTMLElement | undefined;
|
|
14
|
+
popupId?: string;
|
|
15
|
+
variant: PopupVariant;
|
|
16
|
+
open: (eventOrAnchorEl?: OpenArg) => void;
|
|
17
|
+
close: () => void;
|
|
18
|
+
toggle: (eventOrAnchorEl?: OpenArg) => void;
|
|
19
|
+
setAnchorEl: (el: HTMLElement | undefined) => void;
|
|
20
|
+
}
|
|
21
|
+
export type InjectedProps = PopupState;
|
|
22
|
+
interface ControlAriaProps {
|
|
23
|
+
'aria-controls': string | undefined;
|
|
24
|
+
'aria-describedby': string | undefined;
|
|
25
|
+
'aria-haspopup': true | undefined;
|
|
26
|
+
}
|
|
27
|
+
type TriggerBindProps = ControlAriaProps & {
|
|
28
|
+
onClick: PopupState['open'];
|
|
29
|
+
onTouchStart: PopupState['open'];
|
|
30
|
+
};
|
|
31
|
+
interface PopoverBindProps {
|
|
32
|
+
anchorEl: HTMLElement | undefined;
|
|
33
|
+
id: string | undefined;
|
|
34
|
+
onClose: () => void;
|
|
35
|
+
open: boolean;
|
|
36
|
+
}
|
|
37
|
+
interface PopperBindProps {
|
|
38
|
+
anchorEl: HTMLElement | undefined;
|
|
39
|
+
id: string | undefined;
|
|
40
|
+
open: boolean;
|
|
41
|
+
}
|
|
42
|
+
export declare const usePopupState: ({ popupId, variant }: {
|
|
43
|
+
popupId?: string;
|
|
44
|
+
variant: PopupVariant;
|
|
45
|
+
}) => PopupState;
|
|
46
|
+
export declare const PopupState: ({ variant, popupId, children, }: {
|
|
47
|
+
variant: PopupVariant;
|
|
48
|
+
popupId?: string;
|
|
49
|
+
children: (popupState: PopupState) => ReactNode;
|
|
50
|
+
}) => JSX.Element;
|
|
51
|
+
export declare const bindTrigger: (state: PopupState) => TriggerBindProps;
|
|
52
|
+
export declare const bindPopover: (state: PopupState) => PopoverBindProps;
|
|
53
|
+
export declare const bindPopper: (state: PopupState) => PopperBindProps;
|
|
54
|
+
export {};
|
package/dist/src/index.d.ts
CHANGED
|
@@ -37,6 +37,7 @@ export * from './components/navigation/drawer';
|
|
|
37
37
|
export * from './components/navigation/menu';
|
|
38
38
|
export * from './components/navigation/link';
|
|
39
39
|
export * from './components/navigation/tabs';
|
|
40
|
+
export * from './components/navigation/listbox';
|
|
40
41
|
export * from './components/utils/accordion';
|
|
41
42
|
export * from './table';
|
|
42
43
|
export * from './components/utils/popover';
|
|
@@ -48,4 +49,5 @@ export * from './components/custom/widget/widget/StyledWidget';
|
|
|
48
49
|
export * from './components/custom/module/module-title/StyledModuleTitle';
|
|
49
50
|
export * from './components/custom/module/header-layout';
|
|
50
51
|
export * from './components/feedback/minimizable-dialog';
|
|
52
|
+
export * from './hooks/usePopupState';
|
|
51
53
|
export { Fade, Paper, ClickAwayListener, Popper, Avatar, Skeleton, Container, Stack, FormLabel } from '@mui/material';
|