mimir-ui-kit 1.35.4 → 1.36.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/{Input-B-gKQ9FT.js → Input-DlGNMuUD.js} +67 -64
- package/dist/assets/Input.css +1 -1
- package/dist/assets/ListPhotos.css +1 -1
- package/dist/assets/MultiSelectSearch.css +1 -0
- package/dist/assets/SelectSearch.css +1 -1
- package/dist/combobox-CDU06zJj.js +2855 -0
- package/dist/components/Accordion/Accordion.js +168 -166
- package/dist/components/Button/Button.d.ts +36 -0
- package/dist/components/Button/Button.js +44 -43
- package/dist/components/CheckboxMimir/CheckboxMimir.d.ts +2 -0
- package/dist/components/CheckboxMimir/CheckboxMimir.js +37 -30
- package/dist/components/Chip/Chip.d.ts +5 -1
- package/dist/components/Chip/Chip.js +23 -22
- package/dist/components/DatePicker/DatePicker.js +1 -1
- package/dist/components/Input/Input.js +1 -1
- package/dist/components/Input/index.js +1 -1
- package/dist/components/InputPassword/InputPassword.js +1 -1
- package/dist/components/InputPhoneNumber/InputPhoneNumber.js +1 -1
- package/dist/components/ListPhotos/ListPhotos.js +4 -4
- package/dist/components/MultiSelectSearch/MultiSelectSearch.d.ts +22 -0
- package/dist/components/MultiSelectSearch/MultiSelectSearch.js +318 -0
- package/dist/components/MultiSelectSearch/constants.d.ts +4 -0
- package/dist/components/MultiSelectSearch/constants.js +4 -0
- package/dist/components/MultiSelectSearch/index.d.ts +3 -0
- package/dist/components/MultiSelectSearch/index.js +6 -0
- package/dist/components/MultiSelectSearch/types.d.ts +60 -0
- package/dist/components/MultiSelectSearch/utils.d.ts +8 -0
- package/dist/components/MultiSelectSearch/utils.js +19 -0
- package/dist/components/OtpInput/OtpInput.js +1 -1
- package/dist/components/SelectSearch/SelectSearch.js +172 -3017
- package/dist/components/SelectSearch/utils.d.ts +5 -0
- package/dist/components/SelectSearch/utils.js +17 -0
- package/dist/components/Switcher/Switcher.js +48 -48
- package/dist/components/TabTrail/TabTrail.js +171 -171
- package/dist/components/TextArea/TextArea.js +1 -1
- package/dist/components/index.d.ts +3 -0
- package/dist/components/index.js +48 -44
- package/dist/index.js +50 -46
- package/dist/open-closed-CdldUPoq.js +86 -0
- package/dist/use-resolve-button-type-DhFdPxnv.js +12 -0
- package/package.json +3 -2
- package/dist/open-closed-Cy6VDfYc.js +0 -93
- package/dist/use-resolve-button-type-BAxjHhds.js +0 -19
package/dist/components/index.js
CHANGED
@@ -1,17 +1,17 @@
|
|
1
1
|
import { Button as e } from "./Button/Button.js";
|
2
|
-
import { EButtonForm as p, EButtonSize as a, EButtonVariantBorderless as
|
3
|
-
import { I as
|
4
|
-
import { EInputSize as u, EInputStatus as
|
2
|
+
import { EButtonForm as p, EButtonSize as a, EButtonVariantBorderless as i, EButtonVariantDefault as m, EButtonVariantOutline as f, EButtonVariantRound as x } from "./Button/constants.js";
|
3
|
+
import { I as S } from "../Input-DlGNMuUD.js";
|
4
|
+
import { EInputSize as u, EInputStatus as l, EInputVariant as s } from "./Input/constants.js";
|
5
5
|
import { TextArea as c } from "./TextArea/TextArea.js";
|
6
6
|
import { InputPassword as I } from "./InputPassword/InputPassword.js";
|
7
7
|
import { InputPhoneNumber as k } from "./InputPhoneNumber/InputPhoneNumber.js";
|
8
|
-
import { getMaskedInputPhoneValue as
|
8
|
+
import { getMaskedInputPhoneValue as B, getUnmaskedInputValue as V } from "./InputPhoneNumber/utils.js";
|
9
9
|
import { OtpInput as P } from "./OtpInput/OtpInput.js";
|
10
10
|
import { RadioGroup as U } from "./RadioGroup/RadioGroup.js";
|
11
11
|
import { DatePicker as C } from "./DatePicker/DatePicker.js";
|
12
|
-
import { MergedButton as
|
13
|
-
import { EMergedButtonVariantRound as
|
14
|
-
import { AppImage as
|
12
|
+
import { MergedButton as R } from "./MergedButton/MergedButton.js";
|
13
|
+
import { EMergedButtonVariantRound as L } from "./MergedButton/constants.js";
|
14
|
+
import { AppImage as D } from "./Image/Image.js";
|
15
15
|
import { Loader as y } from "./Loader/Loader.js";
|
16
16
|
import { Slider as Z } from "./Slider/index.js";
|
17
17
|
import { Drawer as O } from "./Drawer/Drawer.js";
|
@@ -23,20 +23,20 @@ import { EVoteSize as $ } from "./Vote/constants.js";
|
|
23
23
|
import { SelectSearch as ro } from "./SelectSearch/SelectSearch.js";
|
24
24
|
import { ESelectSearchSize as to } from "./SelectSearch/constants.js";
|
25
25
|
import { CheckboxMimir as ao } from "./CheckboxMimir/CheckboxMimir.js";
|
26
|
-
import { Tag as
|
26
|
+
import { Tag as mo } from "./Tag/Tag.js";
|
27
27
|
import { ETagSize as xo, ETagType as no } from "./Tag/constants.js";
|
28
|
-
import { Timer as
|
29
|
-
import { Accordion as
|
28
|
+
import { Timer as Eo } from "./Timer/Timer.js";
|
29
|
+
import { Accordion as lo } from "./Accordion/Accordion.js";
|
30
30
|
import { EAccordionSize as co } from "./Accordion/constants.js";
|
31
31
|
import { AccordionItem as Io } from "./Accordion/AccordionItem/AccordionItem.js";
|
32
32
|
import { TabTrail as ko } from "./TabTrail/TabTrail.js";
|
33
|
-
import { ETabTrailSize as
|
33
|
+
import { ETabTrailSize as Bo } from "./TabTrail/constants.js";
|
34
34
|
import { Pagination as ho } from "./Pagination/Pagination.js";
|
35
35
|
import { ToastProvider as Ao } from "./Toasts/ToastsProvider.js";
|
36
36
|
import { useToast as wo } from "./Toasts/hooks.js";
|
37
|
-
import { EToastPosition as
|
38
|
-
import { UploaderPhotos as
|
39
|
-
import { UploaderFiles as
|
37
|
+
import { EToastPosition as Mo, EToastVariant as Ro } from "./Toasts/constants.js";
|
38
|
+
import { UploaderPhotos as Lo } from "./UploaderPhotos/UploaderPhotos.js";
|
39
|
+
import { UploaderFiles as Do } from "./UploaderFiles/UploaderFiles.js";
|
40
40
|
import { Uploader as yo } from "./Uploader/Uploader.js";
|
41
41
|
import { Link as Zo } from "./AnchorLink/Link.js";
|
42
42
|
import { ELinkSize as Oo, ELinkVariant as jo } from "./AnchorLink/constants.js";
|
@@ -47,20 +47,22 @@ import { EChipSize as Yo, EChipVariant as _o } from "./Chip/constants.js";
|
|
47
47
|
import { UniversalUploader as or } from "./UniversalUploader/UniversalUploader.js";
|
48
48
|
import { EUploaderType as er } from "./UniversalUploader/constants.js";
|
49
49
|
import { InputRangeSlider as pr } from "./InputRangeSlider/InputRangeSlider.js";
|
50
|
-
import { EInputRangeSliderBorderState as
|
50
|
+
import { EInputRangeSliderBorderState as ir, EInputRangeSliderPositions as mr } from "./InputRangeSlider/constants.js";
|
51
51
|
import { GosZnak as xr } from "./GosZnak/GosZnak.js";
|
52
|
-
import { EGosZnakSize as
|
53
|
-
import { Switcher as
|
52
|
+
import { EGosZnakSize as Sr, EGosZnakType as Er } from "./GosZnak/constants.js";
|
53
|
+
import { Switcher as lr } from "./Switcher/Switcher.js";
|
54
54
|
import { ELabelPositions as dr } from "./Switcher/constants.js";
|
55
55
|
import { TwinSwitcher as Tr } from "./TwinSwitcher/TwinSwitcher.js";
|
56
56
|
import { SkeletonBrick as gr } from "./Skeleton/SkeletonBrick/SkeletonBrick.js";
|
57
|
-
import { SkeletonText as
|
58
|
-
import { SkeletonCircle as
|
57
|
+
import { SkeletonText as zr } from "./Skeleton/SkeletonText/SkeletonText.js";
|
58
|
+
import { SkeletonCircle as Vr } from "./Skeleton/SkeletonCircle/SkeletonCircle.js";
|
59
59
|
import { ESkeletonVariant as Pr } from "./Skeleton/constants.js";
|
60
60
|
import { Avatar as Ur } from "./Avatar/Avatar.js";
|
61
61
|
import { EAvatarSize as Cr } from "./Avatar/constants.js";
|
62
|
+
import { MultiSelectSearch as Rr } from "./MultiSelectSearch/MultiSelectSearch.js";
|
63
|
+
import { EMultiSelectSearchSize as Lr } from "./MultiSelectSearch/constants.js";
|
62
64
|
export {
|
63
|
-
|
65
|
+
lo as Accordion,
|
64
66
|
Io as AccordionItem,
|
65
67
|
Ur as Avatar,
|
66
68
|
e as Button,
|
@@ -72,68 +74,70 @@ export {
|
|
72
74
|
Cr as EAvatarSize,
|
73
75
|
p as EButtonForm,
|
74
76
|
a as EButtonSize,
|
75
|
-
|
76
|
-
|
77
|
+
i as EButtonVariantBorderless,
|
78
|
+
m as EButtonVariantDefault,
|
77
79
|
f as EButtonVariantOutline,
|
78
80
|
x as EButtonVariantRound,
|
79
81
|
Yo as EChipSize,
|
80
82
|
_o as EChipVariant,
|
81
83
|
q as EDrawerPosition,
|
82
|
-
|
83
|
-
|
84
|
-
|
85
|
-
|
84
|
+
Sr as EGosZnakSize,
|
85
|
+
Er as EGosZnakType,
|
86
|
+
ir as EInputRangeSliderBorderState,
|
87
|
+
mr as EInputRangeSliderPositions,
|
86
88
|
u as EInputSize,
|
87
|
-
|
88
|
-
|
89
|
+
l as EInputStatus,
|
90
|
+
s as EInputVariant,
|
89
91
|
dr as ELabelPositions,
|
90
92
|
Oo as ELinkSize,
|
91
93
|
jo as ELinkVariant,
|
92
|
-
|
94
|
+
L as EMergedButtonVariantRound,
|
95
|
+
Lr as EMultiSelectSearchSize,
|
93
96
|
Ko as ENotificationBadgeSize,
|
94
97
|
to as ESelectSearchSize,
|
95
98
|
Pr as ESkeletonVariant,
|
96
99
|
Q as EStepColor,
|
97
100
|
W as EStepsSize,
|
98
|
-
|
101
|
+
Bo as ETabTrailSize,
|
99
102
|
xo as ETagSize,
|
100
103
|
no as ETagType,
|
101
|
-
|
102
|
-
|
104
|
+
Mo as EToastPosition,
|
105
|
+
Ro as EToastVariant,
|
103
106
|
er as EUploaderType,
|
104
107
|
$ as EVoteSize,
|
105
108
|
xr as GosZnak,
|
106
|
-
|
107
|
-
|
109
|
+
D as Image,
|
110
|
+
S as Input,
|
108
111
|
I as InputPassword,
|
109
112
|
k as InputPhoneNumber,
|
110
113
|
pr as InputRangeSlider,
|
111
114
|
Zo as Link,
|
112
115
|
y as Loader,
|
113
|
-
|
116
|
+
R as MergedButton,
|
117
|
+
Rr as MultiSelectSearch,
|
114
118
|
Ho as NotificationBadge,
|
115
119
|
P as OtpInput,
|
116
120
|
ho as Pagination,
|
117
121
|
U as RadioGroup,
|
118
122
|
ro as SelectSearch,
|
119
123
|
gr as SkeletonBrick,
|
120
|
-
|
121
|
-
|
124
|
+
Vr as SkeletonCircle,
|
125
|
+
zr as SkeletonText,
|
122
126
|
Z as Slider,
|
123
127
|
J as Steps,
|
124
|
-
|
128
|
+
lr as Switcher,
|
125
129
|
ko as TabTrail,
|
126
|
-
|
130
|
+
mo as Tag,
|
127
131
|
c as TextArea,
|
128
|
-
|
132
|
+
Eo as Timer,
|
129
133
|
Ao as ToastProvider,
|
130
134
|
Tr as TwinSwitcher,
|
131
135
|
or as UniversalUploader,
|
132
136
|
yo as Uploader,
|
133
|
-
|
134
|
-
|
137
|
+
Do as UploaderFiles,
|
138
|
+
Lo as UploaderPhotos,
|
135
139
|
Y as Vote,
|
136
|
-
|
137
|
-
|
140
|
+
B as getMaskedInputPhoneValue,
|
141
|
+
V as getUnmaskedInputValue,
|
138
142
|
wo as useToast
|
139
143
|
};
|
package/dist/index.js
CHANGED
@@ -1,12 +1,12 @@
|
|
1
1
|
import { Button as e } from "./components/Button/Button.js";
|
2
2
|
import { EButtonForm as p, EButtonSize as a, EButtonVariantBorderless as m, EButtonVariantDefault as f, EButtonVariantOutline as i, EButtonVariantRound as x } from "./components/Button/constants.js";
|
3
|
-
import { I as u } from "./Input-
|
4
|
-
import { EInputSize as
|
3
|
+
import { I as u } from "./Input-DlGNMuUD.js";
|
4
|
+
import { EInputSize as S, EInputStatus as E, EInputVariant as l } from "./components/Input/constants.js";
|
5
5
|
import { TextArea as c } from "./components/TextArea/TextArea.js";
|
6
6
|
import { InputPassword as I } from "./components/InputPassword/InputPassword.js";
|
7
7
|
import { InputPhoneNumber as k } from "./components/InputPhoneNumber/InputPhoneNumber.js";
|
8
|
-
import { getMaskedInputPhoneValue as
|
9
|
-
import { OtpInput as
|
8
|
+
import { getMaskedInputPhoneValue as B, getUnmaskedInputValue as V } from "./components/InputPhoneNumber/utils.js";
|
9
|
+
import { OtpInput as M } from "./components/OtpInput/OtpInput.js";
|
10
10
|
import { RadioGroup as y } from "./components/RadioGroup/RadioGroup.js";
|
11
11
|
import { DatePicker as R } from "./components/DatePicker/DatePicker.js";
|
12
12
|
import { MergedButton as A } from "./components/MergedButton/MergedButton.js";
|
@@ -26,13 +26,13 @@ import { CheckboxMimir as ao } from "./components/CheckboxMimir/CheckboxMimir.js
|
|
26
26
|
import { Tag as fo } from "./components/Tag/Tag.js";
|
27
27
|
import { ETagSize as xo, ETagType as no } from "./components/Tag/constants.js";
|
28
28
|
import { Timer as so } from "./components/Timer/Timer.js";
|
29
|
-
import { Accordion as
|
29
|
+
import { Accordion as Eo } from "./components/Accordion/Accordion.js";
|
30
30
|
import { EAccordionSize as co } from "./components/Accordion/constants.js";
|
31
31
|
import { AccordionItem as Io } from "./components/Accordion/AccordionItem/AccordionItem.js";
|
32
32
|
import { TabTrail as ko } from "./components/TabTrail/TabTrail.js";
|
33
|
-
import { ETabTrailSize as
|
33
|
+
import { ETabTrailSize as Bo } from "./components/TabTrail/constants.js";
|
34
34
|
import { Pagination as ho } from "./components/Pagination/Pagination.js";
|
35
|
-
import { ToastProvider as
|
35
|
+
import { ToastProvider as Po } from "./components/Toasts/ToastsProvider.js";
|
36
36
|
import { useToast as Co } from "./components/Toasts/hooks.js";
|
37
37
|
import { EToastPosition as bo, EToastVariant as Ao } from "./components/Toasts/constants.js";
|
38
38
|
import { UploaderPhotos as vo } from "./components/UploaderPhotos/UploaderPhotos.js";
|
@@ -50,28 +50,30 @@ import { InputRangeSlider as pr } from "./components/InputRangeSlider/InputRange
|
|
50
50
|
import { EInputRangeSliderBorderState as mr, EInputRangeSliderPositions as fr } from "./components/InputRangeSlider/constants.js";
|
51
51
|
import { GosZnak as xr } from "./components/GosZnak/GosZnak.js";
|
52
52
|
import { EGosZnakSize as ur, EGosZnakType as sr } from "./components/GosZnak/constants.js";
|
53
|
-
import { Switcher as
|
54
|
-
import { ELabelPositions as
|
53
|
+
import { Switcher as Er } from "./components/Switcher/Switcher.js";
|
54
|
+
import { ELabelPositions as dr } from "./components/Switcher/constants.js";
|
55
55
|
import { TwinSwitcher as Tr } from "./components/TwinSwitcher/TwinSwitcher.js";
|
56
56
|
import { SkeletonBrick as gr } from "./components/Skeleton/SkeletonBrick/SkeletonBrick.js";
|
57
|
-
import { SkeletonText as
|
57
|
+
import { SkeletonText as zr } from "./components/Skeleton/SkeletonText/SkeletonText.js";
|
58
58
|
import { SkeletonCircle as Vr } from "./components/Skeleton/SkeletonCircle/SkeletonCircle.js";
|
59
|
-
import { ESkeletonVariant as
|
59
|
+
import { ESkeletonVariant as Mr } from "./components/Skeleton/constants.js";
|
60
60
|
import { Avatar as yr } from "./components/Avatar/Avatar.js";
|
61
61
|
import { EAvatarSize as Rr } from "./components/Avatar/constants.js";
|
62
|
-
import {
|
63
|
-
import {
|
64
|
-
import {
|
65
|
-
import {
|
66
|
-
import {
|
67
|
-
import {
|
68
|
-
import {
|
69
|
-
import {
|
70
|
-
import {
|
71
|
-
import {
|
72
|
-
import {
|
62
|
+
import { MultiSelectSearch as Ar } from "./components/MultiSelectSearch/MultiSelectSearch.js";
|
63
|
+
import { EMultiSelectSearchSize as vr } from "./components/MultiSelectSearch/constants.js";
|
64
|
+
import { useMediaQuery as Lr } from "./hooks/useMediaQuery/useMediaQuery.js";
|
65
|
+
import { EMediaQuery as Gr, EMinMediaQuery as Nr } from "./hooks/useMediaQuery/constants.js";
|
66
|
+
import { useLockBodyScroll as Qr } from "./hooks/useLockBodyScroll/useLockBodyScroll.js";
|
67
|
+
import { useInterval as Fr } from "./hooks/useInterval/useInterval.js";
|
68
|
+
import { useTimer as qr } from "./hooks/useTimer/index.js";
|
69
|
+
import { useCopyToClipboard as Jr } from "./hooks/useCopyToClipboard/useCopyToClipboard.js";
|
70
|
+
import { useMergeRefs as Wr } from "./hooks/useMergeRefs/useMergeRefs.js";
|
71
|
+
import { useResizeObserver as Yr } from "./hooks/useResizeObserver/useResizeObserver.js";
|
72
|
+
import { Icon as $r } from "./icons/Icon.js";
|
73
|
+
import { formating as re } from "./utils/index.js";
|
74
|
+
import { parseDate as te } from "./utils/formating/Date.js";
|
73
75
|
import './assets/index.css';export {
|
74
|
-
|
76
|
+
Eo as Accordion,
|
75
77
|
Io as AccordionItem,
|
76
78
|
yr as Avatar,
|
77
79
|
e as Button,
|
@@ -94,21 +96,22 @@ import './assets/index.css';export {
|
|
94
96
|
sr as EGosZnakType,
|
95
97
|
mr as EInputRangeSliderBorderState,
|
96
98
|
fr as EInputRangeSliderPositions,
|
97
|
-
|
98
|
-
|
99
|
-
|
100
|
-
|
99
|
+
S as EInputSize,
|
100
|
+
E as EInputStatus,
|
101
|
+
l as EInputVariant,
|
102
|
+
dr as ELabelPositions,
|
101
103
|
Zo as ELinkSize,
|
102
104
|
Fo as ELinkVariant,
|
103
|
-
|
105
|
+
Gr as EMediaQuery,
|
104
106
|
v as EMergedButtonVariantRound,
|
105
|
-
|
107
|
+
Nr as EMinMediaQuery,
|
108
|
+
vr as EMultiSelectSearchSize,
|
106
109
|
Jo as ENotificationBadgeSize,
|
107
110
|
to as ESelectSearchSize,
|
108
|
-
|
111
|
+
Mr as ESkeletonVariant,
|
109
112
|
K as EStepColor,
|
110
113
|
W as EStepsSize,
|
111
|
-
|
114
|
+
Bo as ETabTrailSize,
|
112
115
|
xo as ETagSize,
|
113
116
|
no as ETagType,
|
114
117
|
bo as EToastPosition,
|
@@ -116,7 +119,7 @@ import './assets/index.css';export {
|
|
116
119
|
er as EUploaderType,
|
117
120
|
$ as EVoteSize,
|
118
121
|
xr as GosZnak,
|
119
|
-
|
122
|
+
$r as Icon,
|
120
123
|
L as Image,
|
121
124
|
u as Input,
|
122
125
|
I as InputPassword,
|
@@ -125,38 +128,39 @@ import './assets/index.css';export {
|
|
125
128
|
Oo as Link,
|
126
129
|
G as Loader,
|
127
130
|
A as MergedButton,
|
131
|
+
Ar as MultiSelectSearch,
|
128
132
|
qo as NotificationBadge,
|
129
|
-
|
133
|
+
M as OtpInput,
|
130
134
|
ho as Pagination,
|
131
135
|
y as RadioGroup,
|
132
136
|
ro as SelectSearch,
|
133
137
|
gr as SkeletonBrick,
|
134
138
|
Vr as SkeletonCircle,
|
135
|
-
|
139
|
+
zr as SkeletonText,
|
136
140
|
O as Slider,
|
137
141
|
H as Steps,
|
138
|
-
|
142
|
+
Er as Switcher,
|
139
143
|
ko as TabTrail,
|
140
144
|
fo as Tag,
|
141
145
|
c as TextArea,
|
142
146
|
so as Timer,
|
143
|
-
|
147
|
+
Po as ToastProvider,
|
144
148
|
Tr as TwinSwitcher,
|
145
149
|
or as UniversalUploader,
|
146
150
|
Go as Uploader,
|
147
151
|
Lo as UploaderFiles,
|
148
152
|
vo as UploaderPhotos,
|
149
153
|
Y as Vote,
|
150
|
-
|
151
|
-
|
154
|
+
re as formating,
|
155
|
+
B as getMaskedInputPhoneValue,
|
152
156
|
V as getUnmaskedInputValue,
|
153
|
-
|
154
|
-
|
155
|
-
|
156
|
-
|
157
|
-
|
158
|
-
|
159
|
-
|
160
|
-
|
157
|
+
te as parseDate,
|
158
|
+
Jr as useCopyToClipboard,
|
159
|
+
Fr as useInterval,
|
160
|
+
Qr as useLockBodyScroll,
|
161
|
+
Lr as useMediaQuery,
|
162
|
+
Wr as useMergeRefs,
|
163
|
+
Yr as useResizeObserver,
|
164
|
+
qr as useTimer,
|
161
165
|
Co as useToast
|
162
166
|
};
|
@@ -0,0 +1,86 @@
|
|
1
|
+
import h, { useState as F, useCallback as c, useRef as m, createContext as A, useContext as E } from "react";
|
2
|
+
import { p as x, n as O, d as y } from "./keyboard-B0lm_zyn.js";
|
3
|
+
function k(e = 0) {
|
4
|
+
let [t, n] = F(e), l = c((o) => n(o), [t]), s = c((o) => n((u) => u | o), [t]), r = c((o) => (t & o) === o, [t]), a = c((o) => n((u) => u & ~o), [n]), i = c((o) => n((u) => u ^ o), [n]);
|
5
|
+
return { flags: t, setFlag: l, addFlag: s, hasFlag: r, removeFlag: a, toggleFlag: i };
|
6
|
+
}
|
7
|
+
var v;
|
8
|
+
typeof process < "u" && typeof globalThis < "u" && ((v = process == null ? void 0 : process.env) == null ? void 0 : v.NODE_ENV) === "test" && typeof Element.prototype.getAnimations > "u" && (Element.prototype.getAnimations = function() {
|
9
|
+
return console.warn(["Headless UI has polyfilled `Element.prototype.getAnimations` for your tests.", "Please install a proper polyfill e.g. `jsdom-testing-mocks`, to silence these warnings.", "", "Example usage:", "```js", "import { mockAnimationsApi } from 'jsdom-testing-mocks'", "mockAnimationsApi()", "```"].join(`
|
10
|
+
`)), [];
|
11
|
+
});
|
12
|
+
var N = ((e) => (e[e.None = 0] = "None", e[e.Closed = 1] = "Closed", e[e.Enter = 2] = "Enter", e[e.Leave = 4] = "Leave", e))(N || {});
|
13
|
+
function L(e) {
|
14
|
+
let t = {};
|
15
|
+
for (let n in e) e[n] === !0 && (t[`data-${n}`] = "");
|
16
|
+
return t;
|
17
|
+
}
|
18
|
+
function R(e, t, n, l) {
|
19
|
+
let [s, r] = F(n), { hasFlag: a, addFlag: i, removeFlag: o } = k(e && s ? 3 : 0), u = m(!1), d = m(!1), C = x();
|
20
|
+
return O(() => {
|
21
|
+
var f;
|
22
|
+
if (e) {
|
23
|
+
if (n && r(!0), !t) {
|
24
|
+
n && i(3);
|
25
|
+
return;
|
26
|
+
}
|
27
|
+
return (f = void 0) == null || f.call(l, n), $(t, { inFlight: u, prepare() {
|
28
|
+
d.current ? d.current = !1 : d.current = u.current, u.current = !0, !d.current && (n ? (i(3), o(4)) : (i(4), o(2)));
|
29
|
+
}, run() {
|
30
|
+
d.current ? n ? (o(3), i(4)) : (o(4), i(3)) : n ? o(1) : i(1);
|
31
|
+
}, done() {
|
32
|
+
var g;
|
33
|
+
d.current && typeof t.getAnimations == "function" && t.getAnimations().length > 0 || (u.current = !1, o(7), n || r(!1), (g = void 0) == null || g.call(l, n));
|
34
|
+
} });
|
35
|
+
}
|
36
|
+
}, [e, n, t, C]), e ? [s, { closed: a(1), enter: a(2), leave: a(4), transition: a(2) || a(4) }] : [n, { closed: void 0, enter: void 0, leave: void 0, transition: void 0 }];
|
37
|
+
}
|
38
|
+
function $(e, { prepare: t, run: n, done: l, inFlight: s }) {
|
39
|
+
let r = y();
|
40
|
+
return P(e, { prepare: t, inFlight: s }), r.nextFrame(() => {
|
41
|
+
n(), r.requestAnimationFrame(() => {
|
42
|
+
r.add(j(e, l));
|
43
|
+
});
|
44
|
+
}), r.dispose;
|
45
|
+
}
|
46
|
+
function j(e, t) {
|
47
|
+
var n, l;
|
48
|
+
let s = y();
|
49
|
+
if (!e) return s.dispose;
|
50
|
+
let r = !1;
|
51
|
+
s.add(() => {
|
52
|
+
r = !0;
|
53
|
+
});
|
54
|
+
let a = (l = (n = e.getAnimations) == null ? void 0 : n.call(e).filter((i) => i instanceof CSSTransition)) != null ? l : [];
|
55
|
+
return a.length === 0 ? (t(), s.dispose) : (Promise.allSettled(a.map((i) => i.finished)).then(() => {
|
56
|
+
r || t();
|
57
|
+
}), s.dispose);
|
58
|
+
}
|
59
|
+
function P(e, { inFlight: t, prepare: n }) {
|
60
|
+
if (t != null && t.current) {
|
61
|
+
n();
|
62
|
+
return;
|
63
|
+
}
|
64
|
+
let l = e.style.transition;
|
65
|
+
e.style.transition = "none", n(), e.offsetHeight, e.style.transition = l;
|
66
|
+
}
|
67
|
+
let p = A(null);
|
68
|
+
p.displayName = "OpenClosedContext";
|
69
|
+
var S = ((e) => (e[e.Open = 1] = "Open", e[e.Closed = 2] = "Closed", e[e.Closing = 4] = "Closing", e[e.Opening = 8] = "Opening", e))(S || {});
|
70
|
+
function T() {
|
71
|
+
return E(p);
|
72
|
+
}
|
73
|
+
function _({ value: e, children: t }) {
|
74
|
+
return h.createElement(p.Provider, { value: e }, t);
|
75
|
+
}
|
76
|
+
function w({ children: e }) {
|
77
|
+
return h.createElement(p.Provider, { value: null }, e);
|
78
|
+
}
|
79
|
+
export {
|
80
|
+
L as H,
|
81
|
+
R,
|
82
|
+
_ as c,
|
83
|
+
S as i,
|
84
|
+
w as s,
|
85
|
+
T as u
|
86
|
+
};
|
@@ -0,0 +1,12 @@
|
|
1
|
+
import { useMemo as o } from "react";
|
2
|
+
function a(t, e) {
|
3
|
+
return o(() => {
|
4
|
+
var r;
|
5
|
+
if (t.type) return t.type;
|
6
|
+
let n = (r = t.as) != null ? r : "button";
|
7
|
+
if (typeof n == "string" && n.toLowerCase() === "button" || (e == null ? void 0 : e.tagName) === "BUTTON" && !e.hasAttribute("type")) return "button";
|
8
|
+
}, [t.type, t.as, e]);
|
9
|
+
}
|
10
|
+
export {
|
11
|
+
a as e
|
12
|
+
};
|
package/package.json
CHANGED
@@ -1,7 +1,7 @@
|
|
1
1
|
{
|
2
2
|
"name": "mimir-ui-kit",
|
3
3
|
"private": false,
|
4
|
-
"version": "1.
|
4
|
+
"version": "1.36.1",
|
5
5
|
"type": "module",
|
6
6
|
"exports": {
|
7
7
|
".": {
|
@@ -51,7 +51,8 @@
|
|
51
51
|
},
|
52
52
|
"devDependencies": {
|
53
53
|
"@chromatic-com/storybook": "^1.6.1",
|
54
|
-
"@headlessui/react": "^2.1.
|
54
|
+
"@headlessui/react": "^2.1.8",
|
55
|
+
"@laynezh/vite-plugin-lib-assets": "^0.5.23",
|
55
56
|
"@loadable/component": "^5.15.2",
|
56
57
|
"@storybook/addon-essentials": "^8.2.2",
|
57
58
|
"@storybook/addon-interactions": "^8.2.2",
|
@@ -1,93 +0,0 @@
|
|
1
|
-
import h, { useState as y, useCallback as f, useRef as C, createContext as x, useContext as L } from "react";
|
2
|
-
import { p as O, n as T, d as E } from "./keyboard-B0lm_zyn.js";
|
3
|
-
function A(e) {
|
4
|
-
let n = { called: !1 };
|
5
|
-
return (...t) => {
|
6
|
-
if (!n.called) return n.called = !0, e(...t);
|
7
|
-
};
|
8
|
-
}
|
9
|
-
function D(e = 0) {
|
10
|
-
let [n, t] = y(e), a = f((r) => t(r), [n]), c = f((r) => t((i) => i | r), [n]), o = f((r) => (n & r) === r, [n]), d = f((r) => t((i) => i & ~r), [t]), u = f((r) => t((i) => i ^ r), [t]);
|
11
|
-
return { flags: n, setFlag: a, addFlag: c, hasFlag: o, removeFlag: d, toggleFlag: u };
|
12
|
-
}
|
13
|
-
var N = ((e) => (e[e.None = 0] = "None", e[e.Closed = 1] = "Closed", e[e.Enter = 2] = "Enter", e[e.Leave = 4] = "Leave", e))(N || {});
|
14
|
-
function k(e) {
|
15
|
-
let n = {};
|
16
|
-
for (let t in e) e[t] === !0 && (n[`data-${t}`] = "");
|
17
|
-
return n;
|
18
|
-
}
|
19
|
-
function B(e, n, t, a) {
|
20
|
-
let [c, o] = y(t), { hasFlag: d, addFlag: u, removeFlag: r } = D(e && c ? 3 : 0), i = C(!1), l = C(!1), s = O();
|
21
|
-
return T(function g() {
|
22
|
-
var p;
|
23
|
-
if (!e) return;
|
24
|
-
t && o(!0);
|
25
|
-
let v = n.current;
|
26
|
-
return v ? ((p = void 0) == null || p.call(a, t), R(v, { inFlight: i, prepare() {
|
27
|
-
l.current ? l.current = !1 : l.current = i.current, i.current = !0, !l.current && (t ? (u(3), r(4)) : (u(4), r(2)));
|
28
|
-
}, run() {
|
29
|
-
l.current ? t ? (r(3), u(4)) : (r(4), u(3)) : t ? r(1) : u(1);
|
30
|
-
}, done() {
|
31
|
-
var F;
|
32
|
-
l.current && typeof v.getAnimations == "function" && v.getAnimations().length > 0 || (i.current = !1, r(7), t || o(!1), (F = void 0) == null || F.call(a, t));
|
33
|
-
} })) : t ? (u(3), s.nextFrame(() => g())) : void 0;
|
34
|
-
}, [e, t, n, s]), e ? [c, { closed: d(1), enter: d(2), leave: d(4), transition: d(2) || d(4) }] : [t, { closed: void 0, enter: void 0, leave: void 0, transition: void 0 }];
|
35
|
-
}
|
36
|
-
function R(e, { prepare: n, run: t, done: a, inFlight: c }) {
|
37
|
-
let o = E();
|
38
|
-
return P(e, { prepare: n, inFlight: c }), o.nextFrame(() => {
|
39
|
-
o.add($(e, a)), t();
|
40
|
-
}), o.dispose;
|
41
|
-
}
|
42
|
-
function $(e, n) {
|
43
|
-
let t = A(n), a = E();
|
44
|
-
if (!e) return a.dispose;
|
45
|
-
let { transitionDuration: c, transitionDelay: o } = getComputedStyle(e), [d, u] = [c, o].map((i) => {
|
46
|
-
let [l = 0] = i.split(",").filter(Boolean).map((s) => s.includes("ms") ? parseFloat(s) : parseFloat(s) * 1e3).sort((s, g) => g - s);
|
47
|
-
return l;
|
48
|
-
}), r = d + u;
|
49
|
-
if (r !== 0) {
|
50
|
-
let i = a.group((l) => {
|
51
|
-
let s = l.setTimeout(() => {
|
52
|
-
t(), l.dispose();
|
53
|
-
}, r);
|
54
|
-
l.addEventListener(e, "transitionrun", (g) => {
|
55
|
-
g.target === g.currentTarget && (s(), l.addEventListener(e, "transitioncancel", (p) => {
|
56
|
-
p.target === p.currentTarget && (t(), i());
|
57
|
-
}));
|
58
|
-
});
|
59
|
-
});
|
60
|
-
a.addEventListener(e, "transitionend", (l) => {
|
61
|
-
l.target === l.currentTarget && (t(), a.dispose());
|
62
|
-
});
|
63
|
-
} else t();
|
64
|
-
return a.dispose;
|
65
|
-
}
|
66
|
-
function P(e, { inFlight: n, prepare: t }) {
|
67
|
-
if (n != null && n.current) {
|
68
|
-
t();
|
69
|
-
return;
|
70
|
-
}
|
71
|
-
let a = e.style.transition;
|
72
|
-
e.style.transition = "none", t(), e.offsetHeight, e.style.transition = a;
|
73
|
-
}
|
74
|
-
let m = x(null);
|
75
|
-
m.displayName = "OpenClosedContext";
|
76
|
-
var S = ((e) => (e[e.Open = 1] = "Open", e[e.Closed = 2] = "Closed", e[e.Closing = 4] = "Closing", e[e.Opening = 8] = "Opening", e))(S || {});
|
77
|
-
function H() {
|
78
|
-
return L(m);
|
79
|
-
}
|
80
|
-
function M({ value: e, children: n }) {
|
81
|
-
return h.createElement(m.Provider, { value: e }, n);
|
82
|
-
}
|
83
|
-
function V({ children: e }) {
|
84
|
-
return h.createElement(m.Provider, { value: null }, e);
|
85
|
-
}
|
86
|
-
export {
|
87
|
-
k as A,
|
88
|
-
B as V,
|
89
|
-
M as c,
|
90
|
-
S as i,
|
91
|
-
V as s,
|
92
|
-
H as u
|
93
|
-
};
|
@@ -1,19 +0,0 @@
|
|
1
|
-
import { useState as i } from "react";
|
2
|
-
import { n as u } from "./keyboard-B0lm_zyn.js";
|
3
|
-
function o(t) {
|
4
|
-
var n;
|
5
|
-
if (t.type) return t.type;
|
6
|
-
let r = (n = t.as) != null ? n : "button";
|
7
|
-
if (typeof r == "string" && r.toLowerCase() === "button") return "button";
|
8
|
-
}
|
9
|
-
function a(t, n) {
|
10
|
-
let [r, e] = i(() => o(t));
|
11
|
-
return u(() => {
|
12
|
-
e(o(t));
|
13
|
-
}, [t.type, t.as]), u(() => {
|
14
|
-
r || n.current && n.current instanceof HTMLButtonElement && !n.current.hasAttribute("type") && e("button");
|
15
|
-
}, [r, n]), r;
|
16
|
-
}
|
17
|
-
export {
|
18
|
-
a as T
|
19
|
-
};
|