@postenbring/hedwig-react 0.0.71 → 0.0.72
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/_tsup-dts-rollup.d.mts +89 -28
- package/dist/_tsup-dts-rollup.d.ts +89 -28
- package/dist/accordion/index.mjs +5 -5
- package/dist/{breadcrumb/index.js → breadcrumbs/breadcrumbs.js} +12 -11
- package/dist/breadcrumbs/breadcrumbs.js.map +1 -0
- package/dist/{breadcrumb/breadcrumb.mjs → breadcrumbs/breadcrumbs.mjs} +2 -2
- package/dist/{breadcrumb/breadcrumb.js → breadcrumbs/index.js} +14 -9
- package/dist/breadcrumbs/index.js.map +1 -0
- package/dist/breadcrumbs/index.mjs +9 -0
- package/dist/button/button.js +1 -4
- package/dist/button/button.js.map +1 -1
- package/dist/button/button.mjs +1 -1
- package/dist/button/index.js +1 -4
- package/dist/button/index.js.map +1 -1
- package/dist/button/index.mjs +1 -1
- package/dist/{chunk-XYIY6FHW.mjs → chunk-3FRCJ3RH.mjs} +7 -7
- package/dist/chunk-3LYJRAOC.mjs +1 -0
- package/dist/{chunk-O32FZU7E.mjs → chunk-BFNITN5E.mjs} +5 -5
- package/dist/{chunk-OUHO4LGN.mjs → chunk-BWFFP6BB.mjs} +2 -5
- package/dist/chunk-BWFFP6BB.mjs.map +1 -0
- package/dist/chunk-CFAH2LID.mjs +1 -0
- package/dist/{chunk-ZRFDCZ62.mjs → chunk-CSFSJGLY.mjs} +5 -5
- package/dist/{chunk-K2HG7WRK.mjs → chunk-CU56G5WS.mjs} +2 -2
- package/dist/chunk-E5O6ID3L.mjs +54 -0
- package/dist/chunk-E5O6ID3L.mjs.map +1 -0
- package/dist/chunk-EMI7NAO2.mjs +45 -0
- package/dist/chunk-EMI7NAO2.mjs.map +1 -0
- package/dist/chunk-GGEQEVZ4.mjs +22 -0
- package/dist/chunk-GGEQEVZ4.mjs.map +1 -0
- package/dist/chunk-HSIL53A5.mjs +118 -0
- package/dist/chunk-HSIL53A5.mjs.map +1 -0
- package/dist/chunk-ISAHCU7C.mjs +1 -0
- package/dist/chunk-ISAHCU7C.mjs.map +1 -0
- package/dist/chunk-JBWAZQKM.mjs +1 -0
- package/dist/chunk-JBWAZQKM.mjs.map +1 -0
- package/dist/{chunk-FOZSX44S.mjs → chunk-VM345XBI.mjs} +6 -6
- package/dist/chunk-Z753E3XF.mjs +33 -0
- package/dist/chunk-Z753E3XF.mjs.map +1 -0
- package/dist/description-list/description-list.d.mts +1 -1
- package/dist/description-list/description-list.d.ts +1 -1
- package/dist/description-list/description-list.js +19 -21
- package/dist/description-list/description-list.js.map +1 -1
- package/dist/description-list/description-list.mjs +1 -1
- package/dist/description-list/index.js +19 -21
- package/dist/description-list/index.js.map +1 -1
- package/dist/description-list/index.mjs +1 -1
- package/dist/footer/footer.js +1 -4
- package/dist/footer/footer.js.map +1 -1
- package/dist/footer/footer.mjs +5 -5
- package/dist/footer/index.js +1 -4
- package/dist/footer/index.js.map +1 -1
- package/dist/footer/index.mjs +6 -6
- package/dist/form/index.mjs +14 -14
- package/dist/help-text/help-text.d.mts +1 -0
- package/dist/help-text/help-text.d.ts +1 -0
- package/dist/help-text/help-text.js +186 -0
- package/dist/help-text/help-text.js.map +1 -0
- package/dist/help-text/help-text.mjs +10 -0
- package/dist/help-text/help-text.mjs.map +1 -0
- package/dist/help-text/index.d.mts +1 -0
- package/dist/help-text/index.d.ts +1 -0
- package/dist/help-text/index.js +188 -0
- package/dist/help-text/index.js.map +1 -0
- package/dist/help-text/index.mjs +11 -0
- package/dist/help-text/index.mjs.map +1 -0
- package/dist/index-no-css.d.mts +2 -0
- package/dist/index-no-css.d.ts +2 -0
- package/dist/index-no-css.js +414 -316
- package/dist/index-no-css.js.map +1 -1
- package/dist/index-no-css.mjs +111 -101
- package/dist/index.d.mts +2 -0
- package/dist/index.d.ts +2 -0
- package/dist/index.js +414 -316
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +111 -101
- package/dist/index.mjs.map +1 -1
- package/dist/layout/index.mjs +6 -6
- package/dist/navbar/index.mjs +5 -5
- package/dist/show-more/index.js +91 -39
- package/dist/show-more/index.js.map +1 -1
- package/dist/show-more/index.mjs +2 -1
- package/dist/table/index.d.mts +1 -0
- package/dist/table/index.d.ts +1 -0
- package/dist/table/index.js +94 -0
- package/dist/table/index.js.map +1 -0
- package/dist/table/index.mjs +9 -0
- package/dist/table/index.mjs.map +1 -0
- package/dist/table/table.d.mts +1 -0
- package/dist/table/table.d.ts +1 -0
- package/dist/table/table.js +92 -0
- package/dist/table/table.js.map +1 -0
- package/dist/table/table.mjs +8 -0
- package/dist/table/table.mjs.map +1 -0
- package/dist/tabs/index.mjs +5 -5
- package/dist/utilities/auto-animate-height.js +89 -37
- package/dist/utilities/auto-animate-height.js.map +1 -1
- package/dist/utilities/auto-animate-height.mjs +2 -1
- package/dist/utilities/index.js +89 -37
- package/dist/utilities/index.js.map +1 -1
- package/dist/utilities/index.mjs +2 -1
- package/package.json +5 -4
- package/dist/breadcrumb/breadcrumb.js.map +0 -1
- package/dist/breadcrumb/index.js.map +0 -1
- package/dist/breadcrumb/index.mjs +0 -9
- package/dist/chunk-AKYK3XFN.mjs +0 -95
- package/dist/chunk-AKYK3XFN.mjs.map +0 -1
- package/dist/chunk-OUHO4LGN.mjs.map +0 -1
- package/dist/chunk-XMB45ILT.mjs +0 -35
- package/dist/chunk-XMB45ILT.mjs.map +0 -1
- package/dist/chunk-YKDKFWP2.mjs +0 -19
- package/dist/chunk-YKDKFWP2.mjs.map +0 -1
- package/dist/chunk-YWNVB7TY.mjs +0 -1
- package/dist/chunk-ZOCMUEOX.mjs +0 -1
- package/dist/{breadcrumb/breadcrumb.d.mts → breadcrumbs/breadcrumbs.d.mts} +1 -1
- package/dist/{breadcrumb/breadcrumb.d.ts → breadcrumbs/breadcrumbs.d.ts} +1 -1
- /package/dist/{breadcrumb/breadcrumb.mjs.map → breadcrumbs/breadcrumbs.mjs.map} +0 -0
- /package/dist/{breadcrumb → breadcrumbs}/index.d.mts +0 -0
- /package/dist/{breadcrumb → breadcrumbs}/index.d.ts +0 -0
- /package/dist/{breadcrumb → breadcrumbs}/index.mjs.map +0 -0
- /package/dist/{chunk-XYIY6FHW.mjs.map → chunk-3FRCJ3RH.mjs.map} +0 -0
- /package/dist/{chunk-YWNVB7TY.mjs.map → chunk-3LYJRAOC.mjs.map} +0 -0
- /package/dist/{chunk-O32FZU7E.mjs.map → chunk-BFNITN5E.mjs.map} +0 -0
- /package/dist/{chunk-ZOCMUEOX.mjs.map → chunk-CFAH2LID.mjs.map} +0 -0
- /package/dist/{chunk-ZRFDCZ62.mjs.map → chunk-CSFSJGLY.mjs.map} +0 -0
- /package/dist/{chunk-K2HG7WRK.mjs.map → chunk-CU56G5WS.mjs.map} +0 -0
- /package/dist/{chunk-FOZSX44S.mjs.map → chunk-VM345XBI.mjs.map} +0 -0
package/dist/index.mjs
CHANGED
|
@@ -1,20 +1,4 @@
|
|
|
1
|
-
import "./chunk-
|
|
2
|
-
import "./chunk-3D2MWIEX.mjs";
|
|
3
|
-
import {
|
|
4
|
-
WarningBanner
|
|
5
|
-
} from "./chunk-PUESATBQ.mjs";
|
|
6
|
-
import {
|
|
7
|
-
TabsComponent
|
|
8
|
-
} from "./chunk-ZRFDCZ62.mjs";
|
|
9
|
-
import {
|
|
10
|
-
TabsContent,
|
|
11
|
-
TabsContents
|
|
12
|
-
} from "./chunk-UWTGHSWT.mjs";
|
|
13
|
-
import {
|
|
14
|
-
TabsList,
|
|
15
|
-
TabsTab
|
|
16
|
-
} from "./chunk-B56JZJOS.mjs";
|
|
17
|
-
import "./chunk-XVFQWVHO.mjs";
|
|
1
|
+
import "./chunk-JBWAZQKM.mjs";
|
|
18
2
|
import {
|
|
19
3
|
TextBody,
|
|
20
4
|
TextBodySmall,
|
|
@@ -33,6 +17,29 @@ import {
|
|
|
33
17
|
import {
|
|
34
18
|
Text
|
|
35
19
|
} from "./chunk-57SSGJ4X.mjs";
|
|
20
|
+
import "./chunk-3D2MWIEX.mjs";
|
|
21
|
+
import {
|
|
22
|
+
WarningBanner
|
|
23
|
+
} from "./chunk-PUESATBQ.mjs";
|
|
24
|
+
import {
|
|
25
|
+
TabsComponent
|
|
26
|
+
} from "./chunk-CSFSJGLY.mjs";
|
|
27
|
+
import {
|
|
28
|
+
TabsList,
|
|
29
|
+
TabsTab
|
|
30
|
+
} from "./chunk-B56JZJOS.mjs";
|
|
31
|
+
import "./chunk-XVFQWVHO.mjs";
|
|
32
|
+
import {
|
|
33
|
+
TabsContent,
|
|
34
|
+
TabsContents
|
|
35
|
+
} from "./chunk-UWTGHSWT.mjs";
|
|
36
|
+
import {
|
|
37
|
+
MessageComponent
|
|
38
|
+
} from "./chunk-EJ7ANN7M.mjs";
|
|
39
|
+
import {
|
|
40
|
+
MessageDescription,
|
|
41
|
+
MessageTitle
|
|
42
|
+
} from "./chunk-ME66RUR6.mjs";
|
|
36
43
|
import {
|
|
37
44
|
ModalComponent
|
|
38
45
|
} from "./chunk-QYSLVQ4F.mjs";
|
|
@@ -43,45 +50,82 @@ import {
|
|
|
43
50
|
} from "./chunk-2FXMUF6K.mjs";
|
|
44
51
|
import {
|
|
45
52
|
NavbarComponent
|
|
46
|
-
} from "./chunk-
|
|
47
|
-
import {
|
|
48
|
-
useNavbarExpendableMenuContext
|
|
49
|
-
} from "./chunk-3KZOKDKP.mjs";
|
|
50
|
-
import "./chunk-MGUYIOP2.mjs";
|
|
53
|
+
} from "./chunk-VM345XBI.mjs";
|
|
51
54
|
import {
|
|
52
55
|
NavbarButton,
|
|
53
56
|
NavbarLogo,
|
|
54
57
|
NavbarLogoAndServiceText,
|
|
55
58
|
NavbarNavigation
|
|
56
59
|
} from "./chunk-625SVQEP.mjs";
|
|
60
|
+
import {
|
|
61
|
+
useNavbarExpendableMenuContext
|
|
62
|
+
} from "./chunk-3KZOKDKP.mjs";
|
|
63
|
+
import "./chunk-MGUYIOP2.mjs";
|
|
64
|
+
import {
|
|
65
|
+
FooterComponent
|
|
66
|
+
} from "./chunk-CU56G5WS.mjs";
|
|
67
|
+
import "./chunk-XFKD6EEJ.mjs";
|
|
68
|
+
import "./chunk-AGZHQDCQ.mjs";
|
|
69
|
+
import {
|
|
70
|
+
Textarea
|
|
71
|
+
} from "./chunk-KTRIVJM3.mjs";
|
|
72
|
+
import "./chunk-2KX7VFN2.mjs";
|
|
73
|
+
import {
|
|
74
|
+
Radiobutton
|
|
75
|
+
} from "./chunk-HMB4TY2F.mjs";
|
|
76
|
+
import {
|
|
77
|
+
RadioGroup,
|
|
78
|
+
useRadioGroupContext
|
|
79
|
+
} from "./chunk-6NGF7FFY.mjs";
|
|
80
|
+
import "./chunk-BYEJZSG5.mjs";
|
|
81
|
+
import {
|
|
82
|
+
Select
|
|
83
|
+
} from "./chunk-DFH4YKQA.mjs";
|
|
84
|
+
import "./chunk-YJOOSTJC.mjs";
|
|
85
|
+
import "./chunk-TDLSHJ4Z.mjs";
|
|
86
|
+
import {
|
|
87
|
+
DatePicker
|
|
88
|
+
} from "./chunk-G2SOAFGS.mjs";
|
|
89
|
+
import "./chunk-7LPYJC6S.mjs";
|
|
90
|
+
import {
|
|
91
|
+
Input
|
|
92
|
+
} from "./chunk-YC7MT6SO.mjs";
|
|
93
|
+
import "./chunk-Y5SUMFYJ.mjs";
|
|
94
|
+
import "./chunk-TNU64NUN.mjs";
|
|
95
|
+
import {
|
|
96
|
+
Checkbox
|
|
97
|
+
} from "./chunk-RHCMBJOT.mjs";
|
|
98
|
+
import "./chunk-LMF3QGSF.mjs";
|
|
99
|
+
import {
|
|
100
|
+
Fieldset,
|
|
101
|
+
useFieldsetContext
|
|
102
|
+
} from "./chunk-DM4PJFLG.mjs";
|
|
103
|
+
import "./chunk-NSLSA7F7.mjs";
|
|
104
|
+
import {
|
|
105
|
+
ErrorMessage
|
|
106
|
+
} from "./chunk-IL7576PP.mjs";
|
|
57
107
|
import "./chunk-BVG5VSZK.mjs";
|
|
108
|
+
import {
|
|
109
|
+
Container
|
|
110
|
+
} from "./chunk-I6GDRDYD.mjs";
|
|
58
111
|
import {
|
|
59
112
|
GridComponent
|
|
60
113
|
} from "./chunk-JDXYRFLJ.mjs";
|
|
114
|
+
import {
|
|
115
|
+
GridItem
|
|
116
|
+
} from "./chunk-25R7DBK6.mjs";
|
|
61
117
|
import "./chunk-ZQHLYAJU.mjs";
|
|
62
118
|
import {
|
|
63
119
|
HStack,
|
|
64
120
|
Stack,
|
|
65
121
|
VStack
|
|
66
122
|
} from "./chunk-VVPJOVFP.mjs";
|
|
67
|
-
import {
|
|
68
|
-
Container
|
|
69
|
-
} from "./chunk-I6GDRDYD.mjs";
|
|
70
|
-
import {
|
|
71
|
-
GridItem
|
|
72
|
-
} from "./chunk-25R7DBK6.mjs";
|
|
73
123
|
import "./chunk-XLLYMQLW.mjs";
|
|
74
124
|
import {
|
|
75
125
|
Link
|
|
76
126
|
} from "./chunk-5QL53TR2.mjs";
|
|
77
127
|
import "./chunk-6QV3OV66.mjs";
|
|
78
|
-
import
|
|
79
|
-
MessageComponent
|
|
80
|
-
} from "./chunk-EJ7ANN7M.mjs";
|
|
81
|
-
import {
|
|
82
|
-
MessageDescription,
|
|
83
|
-
MessageTitle
|
|
84
|
-
} from "./chunk-ME66RUR6.mjs";
|
|
128
|
+
import "./chunk-ISAHCU7C.mjs";
|
|
85
129
|
import {
|
|
86
130
|
CardComponent
|
|
87
131
|
} from "./chunk-XE4UZBL2.mjs";
|
|
@@ -95,16 +139,13 @@ import {
|
|
|
95
139
|
import "./chunk-2YL2MVWN.mjs";
|
|
96
140
|
import {
|
|
97
141
|
DescriptionList
|
|
98
|
-
} from "./chunk-
|
|
99
|
-
import {
|
|
100
|
-
FooterComponent
|
|
101
|
-
} from "./chunk-K2HG7WRK.mjs";
|
|
142
|
+
} from "./chunk-Z753E3XF.mjs";
|
|
102
143
|
import {
|
|
103
144
|
FooterButtonLink,
|
|
104
145
|
FooterLinkSection,
|
|
105
146
|
FooterLinkSections,
|
|
106
147
|
FooterLogo
|
|
107
|
-
} from "./chunk-
|
|
148
|
+
} from "./chunk-BFNITN5E.mjs";
|
|
108
149
|
import {
|
|
109
150
|
LinkList
|
|
110
151
|
} from "./chunk-GJDRW6PA.mjs";
|
|
@@ -113,49 +154,17 @@ import {
|
|
|
113
154
|
UnorderedList
|
|
114
155
|
} from "./chunk-PMLDK3VC.mjs";
|
|
115
156
|
import "./chunk-HT2EIJAD.mjs";
|
|
116
|
-
import "./chunk-XFKD6EEJ.mjs";
|
|
117
|
-
import "./chunk-BYEJZSG5.mjs";
|
|
118
|
-
import {
|
|
119
|
-
Select
|
|
120
|
-
} from "./chunk-DFH4YKQA.mjs";
|
|
121
|
-
import "./chunk-AGZHQDCQ.mjs";
|
|
122
157
|
import {
|
|
123
|
-
|
|
124
|
-
|
|
125
|
-
|
|
126
|
-
import {
|
|
127
|
-
Input
|
|
128
|
-
} from "./chunk-YC7MT6SO.mjs";
|
|
129
|
-
import "./chunk-2KX7VFN2.mjs";
|
|
130
|
-
import {
|
|
131
|
-
Radiobutton
|
|
132
|
-
} from "./chunk-HMB4TY2F.mjs";
|
|
133
|
-
import {
|
|
134
|
-
RadioGroup,
|
|
135
|
-
useRadioGroupContext
|
|
136
|
-
} from "./chunk-6NGF7FFY.mjs";
|
|
137
|
-
import "./chunk-YJOOSTJC.mjs";
|
|
138
|
-
import {
|
|
139
|
-
Checkbox
|
|
140
|
-
} from "./chunk-RHCMBJOT.mjs";
|
|
141
|
-
import "./chunk-LMF3QGSF.mjs";
|
|
142
|
-
import {
|
|
143
|
-
Fieldset,
|
|
144
|
-
useFieldsetContext
|
|
145
|
-
} from "./chunk-DM4PJFLG.mjs";
|
|
146
|
-
import "./chunk-TDLSHJ4Z.mjs";
|
|
147
|
-
import {
|
|
148
|
-
DatePicker
|
|
149
|
-
} from "./chunk-G2SOAFGS.mjs";
|
|
150
|
-
import "./chunk-Y5SUMFYJ.mjs";
|
|
151
|
-
import "./chunk-TNU64NUN.mjs";
|
|
152
|
-
import "./chunk-NSLSA7F7.mjs";
|
|
153
|
-
import {
|
|
154
|
-
ErrorMessage
|
|
155
|
-
} from "./chunk-IL7576PP.mjs";
|
|
158
|
+
PrimaryButton,
|
|
159
|
+
SecondaryButton
|
|
160
|
+
} from "./chunk-BWFFP6BB.mjs";
|
|
156
161
|
import {
|
|
157
162
|
AccordionComponent
|
|
158
|
-
} from "./chunk-
|
|
163
|
+
} from "./chunk-3FRCJ3RH.mjs";
|
|
164
|
+
import {
|
|
165
|
+
AccordionItem
|
|
166
|
+
} from "./chunk-62F4I3MQ.mjs";
|
|
167
|
+
import "./chunk-VRIY65P5.mjs";
|
|
159
168
|
import "./chunk-K6PP3ACJ.mjs";
|
|
160
169
|
import {
|
|
161
170
|
Badge,
|
|
@@ -163,20 +172,17 @@ import {
|
|
|
163
172
|
WarningBadge,
|
|
164
173
|
WhiteBadge
|
|
165
174
|
} from "./chunk-W3D4VR4Y.mjs";
|
|
166
|
-
import {
|
|
167
|
-
BoxComponent
|
|
168
|
-
} from "./chunk-NMMFIRLZ.mjs";
|
|
169
|
-
import {
|
|
170
|
-
BoxCloseButton
|
|
171
|
-
} from "./chunk-EGXM575K.mjs";
|
|
172
|
-
import "./chunk-ZOCMUEOX.mjs";
|
|
173
175
|
import {
|
|
174
176
|
Breadcrumbs
|
|
175
|
-
} from "./chunk-
|
|
177
|
+
} from "./chunk-GGEQEVZ4.mjs";
|
|
178
|
+
import "./chunk-JKCVB5TR.mjs";
|
|
176
179
|
import {
|
|
177
|
-
|
|
178
|
-
|
|
179
|
-
|
|
180
|
+
StyledHtml
|
|
181
|
+
} from "./chunk-S5RB7KLJ.mjs";
|
|
182
|
+
import "./chunk-3LYJRAOC.mjs";
|
|
183
|
+
import {
|
|
184
|
+
Table
|
|
185
|
+
} from "./chunk-EMI7NAO2.mjs";
|
|
180
186
|
import "./chunk-KQITCS3U.mjs";
|
|
181
187
|
import "./chunk-DZNH5JHY.mjs";
|
|
182
188
|
import {
|
|
@@ -185,12 +191,17 @@ import {
|
|
|
185
191
|
import {
|
|
186
192
|
AccordionHeader
|
|
187
193
|
} from "./chunk-YXHXRUFX.mjs";
|
|
188
|
-
import {
|
|
189
|
-
AccordionItem
|
|
190
|
-
} from "./chunk-62F4I3MQ.mjs";
|
|
191
|
-
import "./chunk-VRIY65P5.mjs";
|
|
192
|
-
import "./chunk-ZL56N4UK.mjs";
|
|
193
194
|
import "./chunk-V3PAFMK5.mjs";
|
|
195
|
+
import "./chunk-CFAH2LID.mjs";
|
|
196
|
+
import {
|
|
197
|
+
HelpText
|
|
198
|
+
} from "./chunk-E5O6ID3L.mjs";
|
|
199
|
+
import {
|
|
200
|
+
BoxComponent
|
|
201
|
+
} from "./chunk-NMMFIRLZ.mjs";
|
|
202
|
+
import {
|
|
203
|
+
BoxCloseButton
|
|
204
|
+
} from "./chunk-EGXM575K.mjs";
|
|
194
205
|
import "./chunk-F4STR6SD.mjs";
|
|
195
206
|
import "./chunk-NE6W2PCD.mjs";
|
|
196
207
|
import "./chunk-MSFHJVHD.mjs";
|
|
@@ -199,7 +210,8 @@ import {
|
|
|
199
210
|
} from "./chunk-ZDPU3N54.mjs";
|
|
200
211
|
import {
|
|
201
212
|
AutoAnimateHeight
|
|
202
|
-
} from "./chunk-
|
|
213
|
+
} from "./chunk-HSIL53A5.mjs";
|
|
214
|
+
import "./chunk-ZL56N4UK.mjs";
|
|
203
215
|
import "./chunk-JTZPQHKD.mjs";
|
|
204
216
|
import {
|
|
205
217
|
Skeleton
|
|
@@ -208,10 +220,6 @@ import "./chunk-TJH5QJMS.mjs";
|
|
|
208
220
|
import {
|
|
209
221
|
StepIndicator
|
|
210
222
|
} from "./chunk-5UJ3LEKK.mjs";
|
|
211
|
-
import "./chunk-JKCVB5TR.mjs";
|
|
212
|
-
import {
|
|
213
|
-
StyledHtml
|
|
214
|
-
} from "./chunk-S5RB7KLJ.mjs";
|
|
215
223
|
import "./chunk-R4SQKVDQ.mjs";
|
|
216
224
|
|
|
217
225
|
// src/index.tsx
|
|
@@ -247,6 +255,7 @@ export {
|
|
|
247
255
|
GridComponent as Grid,
|
|
248
256
|
GridItem,
|
|
249
257
|
HStack,
|
|
258
|
+
HelpText,
|
|
250
259
|
Input,
|
|
251
260
|
Link,
|
|
252
261
|
LinkList,
|
|
@@ -273,6 +282,7 @@ export {
|
|
|
273
282
|
Stack,
|
|
274
283
|
StepIndicator,
|
|
275
284
|
StyledHtml,
|
|
285
|
+
Table,
|
|
276
286
|
TabsComponent as Tabs,
|
|
277
287
|
TabsContent,
|
|
278
288
|
TabsContents,
|
package/dist/index.mjs.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/index.tsx"],"sourcesContent":["/**\n * Import the hedwig css file, so the consumers don't have to. Plug and play.\n *\n * NOTE: Importing the full path, not just the package name.\n * For some reason vite did not include the css during development when this file only imported the package name.\n *\n * Consumers using the `@postenbring/hedwig-css` package directly should only need to import the package without a path.\n */\nimport \"@postenbring/hedwig-css/dist/index.css\";\n\nexport * from \"./index-no-css\";\n"],"mappings":"
|
|
1
|
+
{"version":3,"sources":["../src/index.tsx"],"sourcesContent":["/**\n * Import the hedwig css file, so the consumers don't have to. Plug and play.\n *\n * NOTE: Importing the full path, not just the package name.\n * For some reason vite did not include the css during development when this file only imported the package name.\n *\n * Consumers using the `@postenbring/hedwig-css` package directly should only need to import the package without a path.\n */\nimport \"@postenbring/hedwig-css/dist/index.css\";\n\nexport * from \"./index-no-css\";\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAQA,OAAO;","names":[]}
|
package/dist/layout/index.mjs
CHANGED
|
@@ -1,19 +1,19 @@
|
|
|
1
1
|
import "../chunk-BVG5VSZK.mjs";
|
|
2
|
+
import {
|
|
3
|
+
Container
|
|
4
|
+
} from "../chunk-I6GDRDYD.mjs";
|
|
2
5
|
import {
|
|
3
6
|
GridComponent
|
|
4
7
|
} from "../chunk-JDXYRFLJ.mjs";
|
|
8
|
+
import {
|
|
9
|
+
GridItem
|
|
10
|
+
} from "../chunk-25R7DBK6.mjs";
|
|
5
11
|
import "../chunk-ZQHLYAJU.mjs";
|
|
6
12
|
import {
|
|
7
13
|
HStack,
|
|
8
14
|
Stack,
|
|
9
15
|
VStack
|
|
10
16
|
} from "../chunk-VVPJOVFP.mjs";
|
|
11
|
-
import {
|
|
12
|
-
Container
|
|
13
|
-
} from "../chunk-I6GDRDYD.mjs";
|
|
14
|
-
import {
|
|
15
|
-
GridItem
|
|
16
|
-
} from "../chunk-25R7DBK6.mjs";
|
|
17
17
|
import "../chunk-F4STR6SD.mjs";
|
|
18
18
|
import "../chunk-NE6W2PCD.mjs";
|
|
19
19
|
import "../chunk-R4SQKVDQ.mjs";
|
package/dist/navbar/index.mjs
CHANGED
|
@@ -1,16 +1,16 @@
|
|
|
1
1
|
import {
|
|
2
2
|
NavbarComponent
|
|
3
|
-
} from "../chunk-
|
|
4
|
-
import {
|
|
5
|
-
useNavbarExpendableMenuContext
|
|
6
|
-
} from "../chunk-3KZOKDKP.mjs";
|
|
7
|
-
import "../chunk-MGUYIOP2.mjs";
|
|
3
|
+
} from "../chunk-VM345XBI.mjs";
|
|
8
4
|
import {
|
|
9
5
|
NavbarButton,
|
|
10
6
|
NavbarLogo,
|
|
11
7
|
NavbarLogoAndServiceText,
|
|
12
8
|
NavbarNavigation
|
|
13
9
|
} from "../chunk-625SVQEP.mjs";
|
|
10
|
+
import {
|
|
11
|
+
useNavbarExpendableMenuContext
|
|
12
|
+
} from "../chunk-3KZOKDKP.mjs";
|
|
13
|
+
import "../chunk-MGUYIOP2.mjs";
|
|
14
14
|
import "../chunk-ZL56N4UK.mjs";
|
|
15
15
|
import "../chunk-R4SQKVDQ.mjs";
|
|
16
16
|
export {
|
package/dist/show-more/index.js
CHANGED
|
@@ -1,10 +1,12 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
+
var __create = Object.create;
|
|
2
3
|
var __defProp = Object.defineProperty;
|
|
3
4
|
var __defProps = Object.defineProperties;
|
|
4
5
|
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
5
6
|
var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
|
|
6
7
|
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
7
8
|
var __getOwnPropSymbols = Object.getOwnPropertySymbols;
|
|
9
|
+
var __getProtoOf = Object.getPrototypeOf;
|
|
8
10
|
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
9
11
|
var __propIsEnum = Object.prototype.propertyIsEnumerable;
|
|
10
12
|
var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
|
|
@@ -44,6 +46,14 @@ var __copyProps = (to, from, except, desc) => {
|
|
|
44
46
|
}
|
|
45
47
|
return to;
|
|
46
48
|
};
|
|
49
|
+
var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
|
|
50
|
+
// If the importer is in node compatibility mode or this is not an ESM
|
|
51
|
+
// file that has been converted to a CommonJS file using a Babel-
|
|
52
|
+
// compatible transform (i.e. "__esModule" has not been set), then set
|
|
53
|
+
// "default" to the CommonJS "module.exports" for node compatibility.
|
|
54
|
+
isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
|
|
55
|
+
mod
|
|
56
|
+
));
|
|
47
57
|
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
48
58
|
|
|
49
59
|
// src/show-more/index.ts
|
|
@@ -55,67 +65,109 @@ __export(show_more_exports, {
|
|
|
55
65
|
module.exports = __toCommonJS(show_more_exports);
|
|
56
66
|
|
|
57
67
|
// src/utilities/auto-animate-height.tsx
|
|
68
|
+
var import_react2 = require("react");
|
|
69
|
+
|
|
70
|
+
// src/utils.ts
|
|
71
|
+
var React = __toESM(require("react"));
|
|
58
72
|
var import_react = require("react");
|
|
59
|
-
|
|
73
|
+
function useMergeRefs(refs) {
|
|
74
|
+
return React.useMemo(() => {
|
|
75
|
+
if (refs.every((ref) => ref === null)) {
|
|
76
|
+
return null;
|
|
77
|
+
}
|
|
78
|
+
return (value) => {
|
|
79
|
+
refs.forEach((ref) => {
|
|
80
|
+
if (typeof ref === "function") {
|
|
81
|
+
ref(value);
|
|
82
|
+
} else if (ref !== null) {
|
|
83
|
+
ref.current = value;
|
|
84
|
+
}
|
|
85
|
+
});
|
|
86
|
+
};
|
|
87
|
+
}, refs);
|
|
88
|
+
}
|
|
89
|
+
|
|
90
|
+
// src/utilities/auto-animate-height.tsx
|
|
60
91
|
var import_jsx_runtime = require("react/jsx-runtime");
|
|
61
|
-
var
|
|
62
|
-
quick: 100,
|
|
63
|
-
normal: 300,
|
|
64
|
-
slow: 700
|
|
65
|
-
};
|
|
66
|
-
var AutoAnimateHeight = (0, import_react.forwardRef)(
|
|
92
|
+
var AutoAnimateHeight = (0, import_react2.forwardRef)(
|
|
67
93
|
(_a, ref) => {
|
|
68
94
|
var _b = _a, {
|
|
69
95
|
as: Component = "div",
|
|
70
96
|
children,
|
|
71
97
|
style,
|
|
72
98
|
animationDuration = "quick",
|
|
73
|
-
animationEasing = "normal"
|
|
99
|
+
animationEasing = "normal",
|
|
100
|
+
onTransitionEnd
|
|
74
101
|
} = _b, rest = __objRest(_b, [
|
|
75
102
|
"as",
|
|
76
103
|
"children",
|
|
77
104
|
"style",
|
|
78
105
|
"animationDuration",
|
|
79
|
-
"animationEasing"
|
|
106
|
+
"animationEasing",
|
|
107
|
+
"onTransitionEnd"
|
|
80
108
|
]);
|
|
81
|
-
|
|
82
|
-
const
|
|
83
|
-
const
|
|
84
|
-
const
|
|
85
|
-
|
|
109
|
+
var _a2, _b2;
|
|
110
|
+
const rootRef = (0, import_react2.useRef)(null);
|
|
111
|
+
const mergedRef = useMergeRefs([rootRef, ref]);
|
|
112
|
+
const measurementRef = (0, import_react2.useRef)(null);
|
|
113
|
+
const [height, setHeight] = (0, import_react2.useState)(
|
|
114
|
+
void 0
|
|
86
115
|
);
|
|
87
|
-
(0,
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
}
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
|
|
116
|
+
const [clonedChildren, setClonedChildren] = (0, import_react2.useState)(
|
|
117
|
+
() => (0, import_react2.cloneElement)(/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_jsx_runtime.Fragment, { children }), {})
|
|
118
|
+
);
|
|
119
|
+
(0, import_react2.useEffect)(() => {
|
|
120
|
+
var _a3;
|
|
121
|
+
if (!rootRef.current)
|
|
122
|
+
return;
|
|
123
|
+
if (!measurementRef.current)
|
|
124
|
+
return;
|
|
125
|
+
if (document.body.scrollHeight === 0)
|
|
126
|
+
return;
|
|
127
|
+
const currentMeasurement = measurementRef.current;
|
|
128
|
+
const { height: newHeight } = currentMeasurement.getBoundingClientRect();
|
|
129
|
+
let previouslyObservedHeight = newHeight;
|
|
130
|
+
const resizeObserver = new ResizeObserver(() => {
|
|
131
|
+
const { height: resizedHeight } = currentMeasurement.getBoundingClientRect();
|
|
132
|
+
if (resizedHeight === previouslyObservedHeight)
|
|
133
|
+
return;
|
|
134
|
+
previouslyObservedHeight = resizedHeight;
|
|
135
|
+
setHeight({ height: resizedHeight, shouldAnimate: false });
|
|
136
|
+
});
|
|
137
|
+
resizeObserver.observe(currentMeasurement);
|
|
138
|
+
setHeight({ height: newHeight, shouldAnimate: true });
|
|
139
|
+
const nextClonedChildren = (0, import_react2.cloneElement)(/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_jsx_runtime.Fragment, { children }), {});
|
|
140
|
+
if (newHeight >= ((_a3 = height == null ? void 0 : height.height) != null ? _a3 : 0)) {
|
|
141
|
+
setClonedChildren(nextClonedChildren);
|
|
142
|
+
return () => {
|
|
143
|
+
resizeObserver.disconnect();
|
|
144
|
+
};
|
|
106
145
|
}
|
|
146
|
+
const currentRoot = rootRef.current;
|
|
147
|
+
function onTransitionEndHandler(e) {
|
|
148
|
+
if (e.propertyName !== "height")
|
|
149
|
+
return;
|
|
150
|
+
setClonedChildren(nextClonedChildren);
|
|
151
|
+
}
|
|
152
|
+
currentRoot.addEventListener("transitionend", onTransitionEndHandler);
|
|
153
|
+
return () => {
|
|
154
|
+
resizeObserver.disconnect();
|
|
155
|
+
currentRoot.removeEventListener("transitionend", onTransitionEndHandler);
|
|
156
|
+
};
|
|
107
157
|
}, [children]);
|
|
108
158
|
return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
|
|
109
159
|
Component,
|
|
110
160
|
__spreadProps(__spreadValues({
|
|
111
|
-
ref,
|
|
161
|
+
ref: mergedRef,
|
|
162
|
+
onTransitionEnd,
|
|
112
163
|
style: __spreadValues({
|
|
113
164
|
position: "relative",
|
|
114
165
|
overflow: "hidden",
|
|
115
|
-
height,
|
|
116
|
-
transitionProperty: "height",
|
|
166
|
+
height: (_b2 = height == null ? void 0 : height.height) != null ? _b2 : (_a2 = measurementRef.current) == null ? void 0 : _a2.getBoundingClientRect().height,
|
|
167
|
+
transitionProperty: (height == null ? void 0 : height.shouldAnimate) ? "height" : "none",
|
|
117
168
|
transitionDuration: `var(--hds-micro-animation-duration-${animationDuration})`,
|
|
118
|
-
transitionTimingFunction: `var(--hds-micro-animation-easing-${animationEasing})
|
|
169
|
+
transitionTimingFunction: `var(--hds-micro-animation-easing-${animationEasing})`,
|
|
170
|
+
willChange: "height"
|
|
119
171
|
}, style)
|
|
120
172
|
}, rest), {
|
|
121
173
|
children: [
|
|
@@ -141,9 +193,9 @@ AutoAnimateHeight.displayName = "AutoAnimateHeight";
|
|
|
141
193
|
|
|
142
194
|
// src/show-more/show-more.tsx
|
|
143
195
|
var import_typed_classname = require("@postenbring/hedwig-css/typed-classname");
|
|
144
|
-
var
|
|
196
|
+
var import_react3 = require("react");
|
|
145
197
|
var import_jsx_runtime2 = require("react/jsx-runtime");
|
|
146
|
-
var ShowMoreButton = (0,
|
|
198
|
+
var ShowMoreButton = (0, import_react3.forwardRef)(
|
|
147
199
|
(_a, ref) => {
|
|
148
200
|
var _b = _a, { text, variant, expanded, className } = _b, rest = __objRest(_b, ["text", "variant", "expanded", "className"]);
|
|
149
201
|
return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../src/show-more/index.ts","../../src/utilities/auto-animate-height.tsx","../../src/show-more/show-more.tsx"],"sourcesContent":["export { AutoAnimateHeight } from \"../utilities/auto-animate-height\";\nexport type * from \"../utilities/auto-animate-height\";\n\nexport { ShowMoreButton } from \"./show-more\";\nexport type * from \"./show-more\";\n","import { cloneElement, forwardRef, useEffect, useRef, useState } from \"react\";\nimport { flushSync } from \"react-dom\";\nimport type { OverridableComponent } from \"../utils\";\n\nconst animationDurationToValue = {\n quick: 100,\n normal: 300,\n slow: 700,\n};\n\nexport interface AutoAnimateHeightProps {\n /**\n * Time of the animation, using the hedwig animation tokens\n * quick: 0.1s\n * normal: 0.3s\n * slow: 0.7s\n *\n * default is \"quick\"\n */\n animationDuration?: \"quick\" | \"normal\" | \"slow\";\n\n /**\n * Which hedwig easing function to use, default is \"normal\"\n */\n animationEasing?: \"in\" | \"out\" | \"normal\";\n children: React.ReactNode;\n style?: React.CSSProperties;\n}\n\n/**\n * Helper component to animate the height of the children when they change\n * It's done by rendering two versions of the passed children,\n * one hidden to measure the height and one visible to only changes after the height is measured.\n *\n * **IMPORTANT** Do not pass any components with effects (like data fetching), as they will trigger twice.\n */\nexport const AutoAnimateHeight: OverridableComponent<AutoAnimateHeightProps, HTMLDivElement> =\n forwardRef(\n (\n {\n as: Component = \"div\",\n children,\n style,\n animationDuration = \"quick\",\n animationEasing = \"normal\",\n ...rest\n },\n ref,\n ) => {\n const timeoutRef = useRef<NodeJS.Timeout | null>(null);\n const measurementRef = useRef<HTMLDivElement>(null);\n const [height, setHeight] = useState<number | undefined>(undefined);\n const [clonedChildren, setClonedChildren] = useState<React.ReactNode>(() =>\n cloneElement(<>{children}</>, {}),\n );\n useEffect(() => {\n if (measurementRef.current) {\n const { height: newHeight } = measurementRef.current.getBoundingClientRect();\n\n if (timeoutRef.current) {\n clearTimeout(timeoutRef.current);\n }\n if (newHeight < (height ?? 0)) {\n // If the children are shrinking, hold off on replacing until the animation is done\n // This way we don't get a sudden flash of empty content\n setTimeout(() => {\n flushSync(() => {\n setHeight(newHeight);\n });\n timeoutRef.current = setTimeout(() => {\n setClonedChildren(cloneElement(<>{children}</>, {}));\n }, animationDurationToValue[animationDuration]);\n });\n } else {\n setHeight(newHeight);\n setClonedChildren(cloneElement(<>{children}</>, {}));\n }\n }\n // eslint-disable-next-line react-hooks/exhaustive-deps -- I know better\n }, [children]);\n\n return (\n <Component\n ref={ref}\n style={{\n position: \"relative\",\n overflow: \"hidden\",\n height,\n transitionProperty: \"height\",\n transitionDuration: `var(--hds-micro-animation-duration-${animationDuration})`,\n transitionTimingFunction: `var(--hds-micro-animation-easing-${animationEasing})`,\n ...style,\n }}\n {...rest}\n >\n <div\n aria-hidden\n ref={measurementRef}\n style={{\n position: \"absolute\",\n visibility: \"hidden\",\n }}\n >\n {children}\n </div>\n {clonedChildren}\n </Component>\n );\n },\n );\nAutoAnimateHeight.displayName = \"AutoAnimateHeight\";\n","import { clsx } from \"@postenbring/hedwig-css/typed-classname\";\nimport { forwardRef } from \"react\";\n\ntype Variant =\n | {\n variant?: \"show-more\";\n expanded?: never;\n }\n | {\n variant: \"show-more-show-less\";\n expanded: boolean;\n };\n\nexport type ShowMoreProps = React.HTMLAttributes<HTMLButtonElement> & {\n text: React.ReactNode;\n} & Variant;\n\n/**\n * Simple button for triggering more content.\n *\n * You have to add the logic for what happens when the button is clicked yourself.\n *\n * **Example**\n *\n * ```tsx\n * function Content() {\n * const [items, fetchMoreItems, moreItemsAvailable] = useYourData();\n * function onShowMoreItems() {\n * fetchMoreItems();\n * }\n * return (\n * <>\n * <ul>\n * {items.map((item) => (\n * <li key={item.id}>{item.text}</li>\n * ))}\n * </ul>\n * {moreItemsAvailable ?\n * <ShowMoreButton className=\"mt-8\" onClick={onShowMoreItems} lang=\"en\" /> :\n * null\n * }\n * </>\n * )\n * }\n * ```\n */\nexport const ShowMoreButton = forwardRef<HTMLButtonElement, ShowMoreProps>(\n ({ text, variant, expanded, className, ...rest }, ref) => {\n return (\n <button\n ref={ref}\n className={clsx(\n \"hds-show-more\",\n variant === \"show-more-show-less\" && \"hds-show-more--show-less\",\n className as undefined,\n )}\n data-state={expanded ? \"expanded\" : undefined}\n type=\"button\"\n {...rest}\n >\n {text}\n <span className={clsx(\"hds-show-more__icon\")} />\n </button>\n );\n },\n);\nShowMoreButton.displayName = \"ShowMoreButton\";\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;;ACAA,mBAAsE;AACtE,uBAA0B;AAoDL;AAjDrB,IAAM,2BAA2B;AAAA,EAC/B,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,MAAM;AACR;AA4BO,IAAM,wBACX;AAAA,EACE,CACE,IAQA,QACG;AATH,iBACE;AAAA,UAAI,YAAY;AAAA,MAChB;AAAA,MACA;AAAA,MACA,oBAAoB;AAAA,MACpB,kBAAkB;AAAA,IA5C1B,IAuCM,IAMK,iBANL,IAMK;AAAA,MALH;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA;AAKF,UAAM,iBAAa,qBAA8B,IAAI;AACrD,UAAM,qBAAiB,qBAAuB,IAAI;AAClD,UAAM,CAAC,QAAQ,SAAS,QAAI,uBAA6B,MAAS;AAClE,UAAM,CAAC,gBAAgB,iBAAiB,QAAI;AAAA,MAA0B,UACpE,2BAAa,2EAAG,UAAS,GAAK,CAAC,CAAC;AAAA,IAClC;AACA,gCAAU,MAAM;AACd,UAAI,eAAe,SAAS;AAC1B,cAAM,EAAE,QAAQ,UAAU,IAAI,eAAe,QAAQ,sBAAsB;AAE3E,YAAI,WAAW,SAAS;AACtB,uBAAa,WAAW,OAAO;AAAA,QACjC;AACA,YAAI,aAAa,0BAAU,IAAI;AAG7B,qBAAW,MAAM;AACf,4CAAU,MAAM;AACd,wBAAU,SAAS;AAAA,YACrB,CAAC;AACD,uBAAW,UAAU,WAAW,MAAM;AACpC,oCAAkB,2BAAa,2EAAG,UAAS,GAAK,CAAC,CAAC,CAAC;AAAA,YACrD,GAAG,yBAAyB,iBAAiB,CAAC;AAAA,UAChD,CAAC;AAAA,QACH,OAAO;AACL,oBAAU,SAAS;AACnB,gCAAkB,2BAAa,2EAAG,UAAS,GAAK,CAAC,CAAC,CAAC;AAAA,QACrD;AAAA,MACF;AAAA,IAEF,GAAG,CAAC,QAAQ,CAAC;AAEb,WACE;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA,OAAO;AAAA,UACL,UAAU;AAAA,UACV,UAAU;AAAA,UACV;AAAA,UACA,oBAAoB;AAAA,UACpB,oBAAoB,sCAAsC,iBAAiB;AAAA,UAC3E,0BAA0B,oCAAoC,eAAe;AAAA,WAC1E;AAAA,SAED,OAXL;AAAA,QAaC;AAAA;AAAA,YAAC;AAAA;AAAA,cACC,eAAW;AAAA,cACX,KAAK;AAAA,cACL,OAAO;AAAA,gBACL,UAAU;AAAA,gBACV,YAAY;AAAA,cACd;AAAA,cAEC;AAAA;AAAA,UACH;AAAA,UACC;AAAA;AAAA;AAAA,IACH;AAAA,EAEJ;AACF;AACF,kBAAkB,cAAc;;;AC9GhC,6BAAqB;AACrB,IAAAA,gBAA2B;AAgDrB,IAAAC,sBAAA;AAHC,IAAM,qBAAiB;AAAA,EAC5B,CAAC,IAAiD,QAAQ;AAAzD,iBAAE,QAAM,SAAS,UAAU,UA/C9B,IA+CG,IAAyC,iBAAzC,IAAyC,CAAvC,QAAM,WAAS,YAAU;AAC1B,WACE;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA,eAAW;AAAA,UACT;AAAA,UACA,YAAY,yBAAyB;AAAA,UACrC;AAAA,QACF;AAAA,QACA,cAAY,WAAW,aAAa;AAAA,QACpC,MAAK;AAAA,SACD,OATL;AAAA,QAWE;AAAA;AAAA,UACD,6CAAC,UAAK,eAAW,6BAAK,qBAAqB,GAAG;AAAA;AAAA;AAAA,IAChD;AAAA,EAEJ;AACF;AACA,eAAe,cAAc;","names":["import_react","import_jsx_runtime"]}
|
|
1
|
+
{"version":3,"sources":["../../src/show-more/index.ts","../../src/utilities/auto-animate-height.tsx","../../src/utils.ts","../../src/show-more/show-more.tsx"],"sourcesContent":["export { AutoAnimateHeight } from \"../utilities/auto-animate-height\";\nexport type * from \"../utilities/auto-animate-height\";\n\nexport { ShowMoreButton } from \"./show-more\";\nexport type * from \"./show-more\";\n","import { cloneElement, forwardRef, useEffect, useRef, useState } from \"react\";\nimport { useMergeRefs, type OverridableComponent } from \"../utils\";\n\nexport interface AutoAnimateHeightProps {\n /**\n * Time of the animation, using the hedwig animation tokens\n * quick: 0.1s\n * normal: 0.3s\n * slow: 0.7s\n *\n * default is \"quick\"\n */\n animationDuration?: \"quick\" | \"normal\" | \"slow\";\n\n /**\n * Callback fired when animiation transition ends\n * Use this to do effects after resizing is done, e.g. scrolling to the element\n * using `element.scrollIntoView()`\n */\n onTransitionEnd?: () => void;\n\n /**\n * Which hedwig easing function to use, default is \"normal\"\n */\n animationEasing?: \"in\" | \"out\" | \"normal\";\n children: React.ReactNode;\n style?: React.CSSProperties;\n}\n\n/**\n * Helper component to animate the height of the children when they change\n * It's done by rendering two versions of the passed children,\n * one hidden to measure the height and one visible to only changes after the height is measured.\n *\n * **IMPORTANT** Do not pass any components with effects (like data fetching), as they will trigger twice.\n */\nexport const AutoAnimateHeight: OverridableComponent<AutoAnimateHeightProps, HTMLDivElement> =\n forwardRef(\n (\n {\n as: Component = \"div\",\n children,\n style,\n animationDuration = \"quick\",\n animationEasing = \"normal\",\n onTransitionEnd,\n ...rest\n },\n ref,\n ) => {\n const rootRef = useRef<HTMLDivElement>(null);\n const mergedRef = useMergeRefs([rootRef, ref]);\n const measurementRef = useRef<HTMLDivElement>(null);\n const [height, setHeight] = useState<{ height: number; shouldAnimate: boolean } | undefined>(\n undefined,\n );\n const [clonedChildren, setClonedChildren] = useState<React.ReactNode>(() =>\n cloneElement(<>{children}</>, {}),\n );\n\n useEffect(() => {\n if (!rootRef.current) return;\n if (!measurementRef.current) return;\n if (document.body.scrollHeight === 0) return;\n const currentMeasurement = measurementRef.current;\n const { height: newHeight } = currentMeasurement.getBoundingClientRect();\n\n // Listen for resize events on the measurement element\n // Keep the children in sync with the height\n // But don't animate it.\n let previouslyObservedHeight = newHeight;\n const resizeObserver = new ResizeObserver(() => {\n const { height: resizedHeight } = currentMeasurement.getBoundingClientRect();\n if (resizedHeight === previouslyObservedHeight) return;\n previouslyObservedHeight = resizedHeight;\n setHeight({ height: resizedHeight, shouldAnimate: false });\n });\n resizeObserver.observe(currentMeasurement); // This is cleaned up down below in the return functions\n\n // Set the new height when children changes\n setHeight({ height: newHeight, shouldAnimate: true });\n\n // Update children\n const nextClonedChildren = cloneElement(<>{children}</>, {});\n\n // When increasing in height update immediately so the new content is shown during the animation\n if (newHeight >= (height?.height ?? 0)) {\n setClonedChildren(nextClonedChildren);\n return () => {\n resizeObserver.disconnect();\n };\n }\n\n // When decreasing in height, wait until the animation is done so that we don't get a sudden flash of empty content\n const currentRoot = rootRef.current;\n function onTransitionEndHandler(e: TransitionEvent) {\n if (e.propertyName !== \"height\") return;\n setClonedChildren(nextClonedChildren);\n }\n currentRoot.addEventListener(\"transitionend\", onTransitionEndHandler);\n return () => {\n resizeObserver.disconnect();\n currentRoot.removeEventListener(\"transitionend\", onTransitionEndHandler);\n };\n\n // eslint-disable-next-line react-hooks/exhaustive-deps -- I know better\n }, [children]);\n\n return (\n <Component\n ref={mergedRef}\n onTransitionEnd={onTransitionEnd}\n style={{\n position: \"relative\",\n overflow: \"hidden\",\n height: height?.height ?? measurementRef.current?.getBoundingClientRect().height,\n transitionProperty: height?.shouldAnimate ? \"height\" : \"none\",\n transitionDuration: `var(--hds-micro-animation-duration-${animationDuration})`,\n transitionTimingFunction: `var(--hds-micro-animation-easing-${animationEasing})`,\n willChange: \"height\",\n ...style,\n }}\n {...rest}\n >\n <div\n aria-hidden\n ref={measurementRef}\n style={{\n position: \"absolute\",\n visibility: \"hidden\",\n }}\n >\n {children}\n </div>\n {clonedChildren}\n </Component>\n );\n },\n );\nAutoAnimateHeight.displayName = \"AutoAnimateHeight\";\n","import type { ComponentPropsWithRef, ElementType, FC, RefAttributes } from \"react\";\nimport * as React from \"react\";\nimport { useCallback, useEffect, useState } from \"react\";\n\n/**\n * OverridableComponent makes the `as` prop available,\n * to be used to override the html element being used for a component\n *\n * Taken from digdir design system: https://github.com/digdir/designsystem/blob/main/packages/react/src/types/OverridableComponent.ts\n */\nexport type OverridableComponent<ComponentProps, Element extends HTMLElement> = {\n (props: ComponentProps & RefAttributes<Element>): ReturnType<FC>;\n\n <As extends ElementType>(\n props: {\n /** Override html element */\n as?: As;\n } & ComponentProps &\n Omit<ComponentPropsWithRef<As>, keyof ComponentProps>,\n ): ReturnType<FC>;\n} & Pick<FC, \"displayName\">;\n\n/**\n * Merges an array of refs into a single memoized callback ref or `null`.\n * @see https://floating-ui.com/docs/useMergeRefs\n */\nexport function useMergeRefs<Instance>(\n refs: (React.Ref<Instance> | undefined)[],\n): React.RefCallback<Instance> | null {\n return React.useMemo(() => {\n if (refs.every((ref) => ref === null)) {\n return null;\n }\n\n return (value) => {\n refs.forEach((ref) => {\n if (typeof ref === \"function\") {\n ref(value);\n } else if (ref !== null) {\n (ref as React.MutableRefObject<Instance | null>).current = value;\n }\n });\n };\n // eslint-disable-next-line react-hooks/exhaustive-deps -- It's ok\n }, refs);\n}\n\nexport function useResize<Instance extends HTMLElement>(\n ref: React.RefObject<Instance> | undefined | null,\n): { width: number; height: number } {\n const [width, setWidth] = useState<number>(0);\n const [height, setHeight] = useState<number>(0);\n const handleResize = useCallback(() => {\n if (ref?.current !== null) {\n setWidth(ref?.current?.offsetWidth ?? 0);\n setHeight(ref?.current?.offsetHeight ?? 0);\n }\n }, [ref]);\n useEffect(() => {\n window.addEventListener(\"load\", handleResize);\n window.addEventListener(\"resize\", handleResize);\n return () => {\n window.removeEventListener(\"load\", handleResize);\n window.removeEventListener(\"resize\", handleResize);\n };\n }, [ref, handleResize]);\n useEffect(() => {\n handleResize();\n // eslint-disable-next-line react-hooks/exhaustive-deps -- It's ok\n }, []);\n return { width, height };\n}\n\nfunction subscribe() {\n // eslint-disable-next-line @typescript-eslint/no-empty-function -- It's ok\n return () => {};\n}\n\nexport function useHydrated() {\n return React.useSyncExternalStore(\n subscribe,\n () => true,\n () => false,\n );\n}\n","import { clsx } from \"@postenbring/hedwig-css/typed-classname\";\nimport { forwardRef } from \"react\";\n\ntype Variant =\n | {\n variant?: \"show-more\";\n expanded?: never;\n }\n | {\n variant: \"show-more-show-less\";\n expanded: boolean;\n };\n\nexport type ShowMoreProps = React.HTMLAttributes<HTMLButtonElement> & {\n text: React.ReactNode;\n} & Variant;\n\n/**\n * Simple button for triggering more content.\n *\n * You have to add the logic for what happens when the button is clicked yourself.\n *\n * **Example**\n *\n * ```tsx\n * function Content() {\n * const [items, fetchMoreItems, moreItemsAvailable] = useYourData();\n * function onShowMoreItems() {\n * fetchMoreItems();\n * }\n * return (\n * <>\n * <ul>\n * {items.map((item) => (\n * <li key={item.id}>{item.text}</li>\n * ))}\n * </ul>\n * {moreItemsAvailable ?\n * <ShowMoreButton className=\"mt-8\" onClick={onShowMoreItems} lang=\"en\" /> :\n * null\n * }\n * </>\n * )\n * }\n * ```\n */\nexport const ShowMoreButton = forwardRef<HTMLButtonElement, ShowMoreProps>(\n ({ text, variant, expanded, className, ...rest }, ref) => {\n return (\n <button\n ref={ref}\n className={clsx(\n \"hds-show-more\",\n variant === \"show-more-show-less\" && \"hds-show-more--show-less\",\n className as undefined,\n )}\n data-state={expanded ? \"expanded\" : undefined}\n type=\"button\"\n {...rest}\n >\n {text}\n <span className={clsx(\"hds-show-more__icon\")} />\n </button>\n );\n },\n);\nShowMoreButton.displayName = \"ShowMoreButton\";\n"],"mappings":"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","names":["import_react","_a","_b","import_react","import_jsx_runtime"]}
|
package/dist/show-more/index.mjs
CHANGED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { Table_alias_2 as Table } from '../_tsup-dts-rollup';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { Table_alias_2 as Table } from '../_tsup-dts-rollup';
|