@tipp/ui 1.4.21 → 1.4.22

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/index.js CHANGED
@@ -17,36 +17,43 @@ import {
17
17
  import "./chunk-6ZAP2Q6K.js";
18
18
  import {
19
19
  DatePicker
20
- } from "./chunk-MJ3D2VRP.js";
20
+ } from "./chunk-W7HWGDR4.js";
21
21
  import {
22
22
  ExpandTable,
23
23
  createColumnHelper
24
- } from "./chunk-E6DAU6RB.js";
24
+ } from "./chunk-JQZRRHYW.js";
25
25
  import "./chunk-PCWEW2UL.js";
26
26
  import {
27
27
  DotNavigation
28
28
  } from "./chunk-EDTEVEJW.js";
29
29
  import {
30
30
  LearningPost
31
- } from "./chunk-YNIACSWN.js";
31
+ } from "./chunk-BH6Y4UOA.js";
32
32
  import {
33
33
  ThemeProvider
34
34
  } from "./chunk-BVNXAZ4W.js";
35
35
  import {
36
36
  Navigation
37
- } from "./chunk-OCINOC2X.js";
37
+ } from "./chunk-F44BXTHN.js";
38
38
  import {
39
39
  Stepper
40
- } from "./chunk-I7R4T7IL.js";
40
+ } from "./chunk-DTWPFSUG.js";
41
41
  import {
42
42
  TagSelector
43
- } from "./chunk-6XAYAEHG.js";
44
- import "./chunk-BSTJBBEX.js";
45
- import "./chunk-NDUKDKGB.js";
43
+ } from "./chunk-52V6NWNP.js";
46
44
  import "./chunk-KTVZ4KLX.js";
47
45
  import {
48
46
  Form
49
- } from "./chunk-DWCPI2UN.js";
47
+ } from "./chunk-OHBL3CTQ.js";
48
+ import {
49
+ Switch
50
+ } from "./chunk-OYM4XCHQ.js";
51
+ import {
52
+ TabNav
53
+ } from "./chunk-YJ7ZFOYL.js";
54
+ import {
55
+ Tabs
56
+ } from "./chunk-5ZITU5L7.js";
50
57
  import {
51
58
  TextArea
52
59
  } from "./chunk-TTYPIX4R.js";
@@ -57,6 +64,15 @@ import {
57
64
  ToastContainer,
58
65
  toast
59
66
  } from "./chunk-CYYWMYE7.js";
67
+ import {
68
+ ScrollArea
69
+ } from "./chunk-ZKZDVS7G.js";
70
+ import {
71
+ Section
72
+ } from "./chunk-MUNMDHRF.js";
73
+ import {
74
+ SegmentedControl
75
+ } from "./chunk-TVDKGMBI.js";
60
76
  import {
61
77
  Select
62
78
  } from "./chunk-3JRNKBMN.js";
@@ -73,14 +89,14 @@ import {
73
89
  Strong
74
90
  } from "./chunk-74DX4CU7.js";
75
91
  import {
76
- Switch
77
- } from "./chunk-OYM4XCHQ.js";
92
+ Link
93
+ } from "./chunk-SIM6HKVI.js";
78
94
  import {
79
- TabNav
80
- } from "./chunk-YJ7ZFOYL.js";
95
+ Pagination
96
+ } from "./chunk-FIYBLL2Z.js";
81
97
  import {
82
- Tabs
83
- } from "./chunk-5ZITU5L7.js";
98
+ Popover
99
+ } from "./chunk-5AVBYDPB.js";
84
100
  import {
85
101
  Progress
86
102
  } from "./chunk-365QMK4D.js";
@@ -97,17 +113,17 @@ import {
97
113
  Radio
98
114
  } from "./chunk-FPD73OHW.js";
99
115
  import {
100
- ScrollArea
101
- } from "./chunk-ZKZDVS7G.js";
102
- import {
103
- Section
104
- } from "./chunk-MUNMDHRF.js";
116
+ Grid
117
+ } from "./chunk-EGEQY3KT.js";
105
118
  import {
106
- SegmentedControl
107
- } from "./chunk-TVDKGMBI.js";
119
+ Heading
120
+ } from "./chunk-HK224ADT.js";
108
121
  import {
109
122
  HoverCard
110
123
  } from "./chunk-O3T3TM3V.js";
124
+ import {
125
+ IconButton
126
+ } from "./chunk-O3DNDMV3.js";
111
127
  import {
112
128
  Inset
113
129
  } from "./chunk-XQOL7UBI.js";
@@ -115,17 +131,14 @@ import {
115
131
  Kbd
116
132
  } from "./chunk-TULWX7D6.js";
117
133
  import {
118
- Link
119
- } from "./chunk-SIM6HKVI.js";
120
- import {
121
- Pagination
122
- } from "./chunk-RWJ7HBJY.js";
134
+ Container
135
+ } from "./chunk-Q37G2GS6.js";
123
136
  import {
124
- IconButton
125
- } from "./chunk-O3DNDMV3.js";
137
+ DataList
138
+ } from "./chunk-VTJZMOSP.js";
126
139
  import {
127
- Popover
128
- } from "./chunk-5AVBYDPB.js";
140
+ Dialog
141
+ } from "./chunk-2VD5Y72N.js";
129
142
  import {
130
143
  Content,
131
144
  Drawer,
@@ -146,19 +159,20 @@ import {
146
159
  } from "./chunk-2DZ2Y3JI.js";
147
160
  import {
148
161
  FieldErrorWrapper
149
- } from "./chunk-QDZS4B6A.js";
150
- import {
151
- Typo
152
- } from "./chunk-52MVZ6AN.js";
162
+ } from "./chunk-DJN2IEY6.js";
153
163
  import {
154
164
  Flex
155
165
  } from "./chunk-25HMMI7R.js";
156
166
  import {
157
- Grid
158
- } from "./chunk-EGEQY3KT.js";
167
+ Typo
168
+ } from "./chunk-52MVZ6AN.js";
169
+ import "./chunk-ZD7MNMED.js";
159
170
  import {
160
- Heading
161
- } from "./chunk-HK224ADT.js";
171
+ Callout
172
+ } from "./chunk-B6XJN6EC.js";
173
+ import {
174
+ Card
175
+ } from "./chunk-UVKNLJDZ.js";
162
176
  import {
163
177
  CheckboxCards
164
178
  } from "./chunk-MIMJ7LON.js";
@@ -175,14 +189,14 @@ import {
175
189
  Collapse
176
190
  } from "./chunk-LZJR77Q2.js";
177
191
  import {
178
- Container
179
- } from "./chunk-Q37G2GS6.js";
192
+ AlertDialog
193
+ } from "./chunk-J242TTFH.js";
180
194
  import {
181
- DataList
182
- } from "./chunk-VTJZMOSP.js";
195
+ AspectRatio
196
+ } from "./chunk-EAXUQEO5.js";
183
197
  import {
184
- Dialog
185
- } from "./chunk-2VD5Y72N.js";
198
+ AutoSizingInput
199
+ } from "./chunk-YJCCE5WP.js";
186
200
  import {
187
201
  Avatar
188
202
  } from "./chunk-3SSSCLJ5.js";
@@ -199,13 +213,6 @@ import {
199
213
  Button
200
214
  } from "./chunk-U7JPP7WJ.js";
201
215
  import "./chunk-LQY4RKWI.js";
202
- import "./chunk-ZD7MNMED.js";
203
- import {
204
- Callout
205
- } from "./chunk-B6XJN6EC.js";
206
- import {
207
- Card
208
- } from "./chunk-UVKNLJDZ.js";
209
216
  import {
210
217
  ArchiveIcon,
211
218
  ArrowLeftIcon,
@@ -251,15 +258,8 @@ import {
251
258
  import {
252
259
  HorizontalBarChart
253
260
  } from "./chunk-SGMO4KBC.js";
254
- import {
255
- AlertDialog
256
- } from "./chunk-J242TTFH.js";
257
- import {
258
- AspectRatio
259
- } from "./chunk-EAXUQEO5.js";
260
- import {
261
- AutoSizingInput
262
- } from "./chunk-YJCCE5WP.js";
261
+ import "./chunk-BSTJBBEX.js";
262
+ import "./chunk-NDUKDKGB.js";
263
263
  import "./chunk-N552FDTV.js";
264
264
  export {
265
265
  AlertDialog,
@@ -1,9 +1,9 @@
1
1
  import {
2
2
  DatePicker
3
- } from "../../chunk-MJ3D2VRP.js";
3
+ } from "../../chunk-W7HWGDR4.js";
4
+ import "../../chunk-HK224ADT.js";
4
5
  import "../../chunk-O3DNDMV3.js";
5
6
  import "../../chunk-25HMMI7R.js";
6
- import "../../chunk-HK224ADT.js";
7
7
  import "../../chunk-F77ES5Y3.js";
8
8
  import "../../chunk-N552FDTV.js";
9
9
  export {
@@ -1,69 +1,69 @@
1
1
  import {
2
2
  ExpandTable,
3
3
  createColumnHelper
4
- } from "../../chunk-E6DAU6RB.js";
4
+ } from "../../chunk-JQZRRHYW.js";
5
5
  import "../../chunk-PCWEW2UL.js";
6
- import "../../chunk-BSTJBBEX.js";
7
- import "../../chunk-NDUKDKGB.js";
8
6
  import "../../chunk-KTVZ4KLX.js";
9
- import "../../chunk-DWCPI2UN.js";
7
+ import "../../chunk-OHBL3CTQ.js";
8
+ import "../../chunk-OYM4XCHQ.js";
9
+ import "../../chunk-YJ7ZFOYL.js";
10
+ import "../../chunk-5ZITU5L7.js";
10
11
  import "../../chunk-TTYPIX4R.js";
11
12
  import "../../chunk-YY45YYJE.js";
12
13
  import "../../chunk-CYYWMYE7.js";
14
+ import "../../chunk-ZKZDVS7G.js";
15
+ import "../../chunk-MUNMDHRF.js";
16
+ import "../../chunk-TVDKGMBI.js";
13
17
  import "../../chunk-3JRNKBMN.js";
14
18
  import "../../chunk-HYITAA4J.js";
15
19
  import "../../chunk-5H3YPCZK.js";
16
20
  import "../../chunk-FR2GDOU2.js";
17
21
  import "../../chunk-74DX4CU7.js";
18
- import "../../chunk-OYM4XCHQ.js";
19
- import "../../chunk-YJ7ZFOYL.js";
20
- import "../../chunk-5ZITU5L7.js";
22
+ import "../../chunk-SIM6HKVI.js";
23
+ import "../../chunk-FIYBLL2Z.js";
24
+ import "../../chunk-5AVBYDPB.js";
21
25
  import "../../chunk-365QMK4D.js";
22
26
  import "../../chunk-YO3BQW6S.js";
23
27
  import "../../chunk-6IVCARWS.js";
24
28
  import "../../chunk-6DJOIRMF.js";
25
29
  import "../../chunk-FPD73OHW.js";
26
- import "../../chunk-ZKZDVS7G.js";
27
- import "../../chunk-MUNMDHRF.js";
28
- import "../../chunk-TVDKGMBI.js";
30
+ import "../../chunk-EGEQY3KT.js";
31
+ import "../../chunk-HK224ADT.js";
29
32
  import "../../chunk-O3T3TM3V.js";
33
+ import "../../chunk-O3DNDMV3.js";
30
34
  import "../../chunk-XQOL7UBI.js";
31
35
  import "../../chunk-TULWX7D6.js";
32
- import "../../chunk-SIM6HKVI.js";
33
- import "../../chunk-RWJ7HBJY.js";
34
- import "../../chunk-O3DNDMV3.js";
35
- import "../../chunk-5AVBYDPB.js";
36
+ import "../../chunk-Q37G2GS6.js";
37
+ import "../../chunk-VTJZMOSP.js";
38
+ import "../../chunk-2VD5Y72N.js";
36
39
  import "../../chunk-UC627KGO.js";
37
40
  import "../../chunk-4WFMOFN2.js";
38
41
  import "../../chunk-WKFZ5MMN.js";
39
42
  import "../../chunk-ACVANQJ4.js";
40
43
  import "../../chunk-2DZ2Y3JI.js";
41
- import "../../chunk-QDZS4B6A.js";
42
- import "../../chunk-52MVZ6AN.js";
44
+ import "../../chunk-DJN2IEY6.js";
43
45
  import "../../chunk-25HMMI7R.js";
44
- import "../../chunk-EGEQY3KT.js";
45
- import "../../chunk-HK224ADT.js";
46
+ import "../../chunk-52MVZ6AN.js";
47
+ import "../../chunk-ZD7MNMED.js";
48
+ import "../../chunk-B6XJN6EC.js";
49
+ import "../../chunk-UVKNLJDZ.js";
46
50
  import "../../chunk-MIMJ7LON.js";
47
51
  import "../../chunk-IQEEPHOY.js";
48
52
  import "../../chunk-LHCDPZ5E.js";
49
53
  import "../../chunk-OHMOP5PV.js";
50
54
  import "../../chunk-LZJR77Q2.js";
51
- import "../../chunk-Q37G2GS6.js";
52
- import "../../chunk-VTJZMOSP.js";
53
- import "../../chunk-2VD5Y72N.js";
55
+ import "../../chunk-J242TTFH.js";
56
+ import "../../chunk-EAXUQEO5.js";
57
+ import "../../chunk-YJCCE5WP.js";
54
58
  import "../../chunk-3SSSCLJ5.js";
55
59
  import "../../chunk-EWD4AO5N.js";
56
60
  import "../../chunk-YGL6SWKN.js";
57
61
  import "../../chunk-4Y5BEXVN.js";
58
62
  import "../../chunk-U7JPP7WJ.js";
59
63
  import "../../chunk-LQY4RKWI.js";
60
- import "../../chunk-ZD7MNMED.js";
61
- import "../../chunk-B6XJN6EC.js";
62
- import "../../chunk-UVKNLJDZ.js";
63
64
  import "../../chunk-F77ES5Y3.js";
64
- import "../../chunk-J242TTFH.js";
65
- import "../../chunk-EAXUQEO5.js";
66
- import "../../chunk-YJCCE5WP.js";
65
+ import "../../chunk-BSTJBBEX.js";
66
+ import "../../chunk-NDUKDKGB.js";
67
67
  import "../../chunk-N552FDTV.js";
68
68
  export {
69
69
  ExpandTable,
@@ -2,64 +2,64 @@ import {
2
2
  Row
3
3
  } from "../../chunk-PCWEW2UL.js";
4
4
  import "../../chunk-KTVZ4KLX.js";
5
- import "../../chunk-DWCPI2UN.js";
5
+ import "../../chunk-OHBL3CTQ.js";
6
+ import "../../chunk-OYM4XCHQ.js";
7
+ import "../../chunk-YJ7ZFOYL.js";
8
+ import "../../chunk-5ZITU5L7.js";
6
9
  import "../../chunk-TTYPIX4R.js";
7
10
  import "../../chunk-YY45YYJE.js";
8
11
  import "../../chunk-CYYWMYE7.js";
12
+ import "../../chunk-ZKZDVS7G.js";
13
+ import "../../chunk-MUNMDHRF.js";
14
+ import "../../chunk-TVDKGMBI.js";
9
15
  import "../../chunk-3JRNKBMN.js";
10
16
  import "../../chunk-HYITAA4J.js";
11
17
  import "../../chunk-5H3YPCZK.js";
12
18
  import "../../chunk-FR2GDOU2.js";
13
19
  import "../../chunk-74DX4CU7.js";
14
- import "../../chunk-OYM4XCHQ.js";
15
- import "../../chunk-YJ7ZFOYL.js";
16
- import "../../chunk-5ZITU5L7.js";
20
+ import "../../chunk-SIM6HKVI.js";
21
+ import "../../chunk-FIYBLL2Z.js";
22
+ import "../../chunk-5AVBYDPB.js";
17
23
  import "../../chunk-365QMK4D.js";
18
24
  import "../../chunk-YO3BQW6S.js";
19
25
  import "../../chunk-6IVCARWS.js";
20
26
  import "../../chunk-6DJOIRMF.js";
21
27
  import "../../chunk-FPD73OHW.js";
22
- import "../../chunk-ZKZDVS7G.js";
23
- import "../../chunk-MUNMDHRF.js";
24
- import "../../chunk-TVDKGMBI.js";
28
+ import "../../chunk-EGEQY3KT.js";
29
+ import "../../chunk-HK224ADT.js";
25
30
  import "../../chunk-O3T3TM3V.js";
31
+ import "../../chunk-O3DNDMV3.js";
26
32
  import "../../chunk-XQOL7UBI.js";
27
33
  import "../../chunk-TULWX7D6.js";
28
- import "../../chunk-SIM6HKVI.js";
29
- import "../../chunk-RWJ7HBJY.js";
30
- import "../../chunk-O3DNDMV3.js";
31
- import "../../chunk-5AVBYDPB.js";
34
+ import "../../chunk-Q37G2GS6.js";
35
+ import "../../chunk-VTJZMOSP.js";
36
+ import "../../chunk-2VD5Y72N.js";
32
37
  import "../../chunk-UC627KGO.js";
33
38
  import "../../chunk-4WFMOFN2.js";
34
39
  import "../../chunk-WKFZ5MMN.js";
35
40
  import "../../chunk-ACVANQJ4.js";
36
41
  import "../../chunk-2DZ2Y3JI.js";
37
- import "../../chunk-QDZS4B6A.js";
38
- import "../../chunk-52MVZ6AN.js";
42
+ import "../../chunk-DJN2IEY6.js";
39
43
  import "../../chunk-25HMMI7R.js";
40
- import "../../chunk-EGEQY3KT.js";
41
- import "../../chunk-HK224ADT.js";
44
+ import "../../chunk-52MVZ6AN.js";
45
+ import "../../chunk-ZD7MNMED.js";
46
+ import "../../chunk-B6XJN6EC.js";
47
+ import "../../chunk-UVKNLJDZ.js";
42
48
  import "../../chunk-MIMJ7LON.js";
43
49
  import "../../chunk-IQEEPHOY.js";
44
50
  import "../../chunk-LHCDPZ5E.js";
45
51
  import "../../chunk-OHMOP5PV.js";
46
52
  import "../../chunk-LZJR77Q2.js";
47
- import "../../chunk-Q37G2GS6.js";
48
- import "../../chunk-VTJZMOSP.js";
49
- import "../../chunk-2VD5Y72N.js";
53
+ import "../../chunk-J242TTFH.js";
54
+ import "../../chunk-EAXUQEO5.js";
55
+ import "../../chunk-YJCCE5WP.js";
50
56
  import "../../chunk-3SSSCLJ5.js";
51
57
  import "../../chunk-EWD4AO5N.js";
52
58
  import "../../chunk-YGL6SWKN.js";
53
59
  import "../../chunk-4Y5BEXVN.js";
54
60
  import "../../chunk-U7JPP7WJ.js";
55
61
  import "../../chunk-LQY4RKWI.js";
56
- import "../../chunk-ZD7MNMED.js";
57
- import "../../chunk-B6XJN6EC.js";
58
- import "../../chunk-UVKNLJDZ.js";
59
62
  import "../../chunk-F77ES5Y3.js";
60
- import "../../chunk-J242TTFH.js";
61
- import "../../chunk-EAXUQEO5.js";
62
- import "../../chunk-YJCCE5WP.js";
63
63
  import "../../chunk-N552FDTV.js";
64
64
  export {
65
65
  Row
@@ -1,8 +1,8 @@
1
1
  import {
2
2
  Form
3
- } from "../chunk-DWCPI2UN.js";
4
- import "../chunk-52MVZ6AN.js";
3
+ } from "../chunk-OHBL3CTQ.js";
5
4
  import "../chunk-HK224ADT.js";
5
+ import "../chunk-52MVZ6AN.js";
6
6
  import "../chunk-N552FDTV.js";
7
7
  export {
8
8
  Form
@@ -1066,17 +1066,17 @@ function TagSelector(props) {
1066
1066
  placeholder,
1067
1067
  maxCount = 0,
1068
1068
  DropdownContainer = DefaultDropdownContainer,
1069
- onChange,
1070
1069
  size = "medium",
1071
1070
  readOnly,
1072
1071
  error
1073
1072
  } = props;
1074
- const [selected, setSelected] = (0, import_react14.useState)(props.selected || []);
1073
+ const [_selected, _setSelected] = (0, import_react14.useState)(props.selected || []);
1074
+ const selected = props.selected || _selected;
1075
+ const setSelected = props.onChange || _setSelected;
1075
1076
  const [value, setValue] = (0, import_react14.useState)("");
1076
1077
  const [focusIndex, setFocusIndex] = (0, import_react14.useState)(null);
1077
1078
  const [open, setOpen] = (0, import_react14.useState)(false);
1078
1079
  const [focus, setFocus] = (0, import_react14.useState)(false);
1079
- const isInit = (0, import_react14.useRef)(true);
1080
1080
  const fieldRef = (0, import_react14.useRef)(null);
1081
1081
  const scrollRef = (0, import_react14.useRef)(null);
1082
1082
  const closeRef = (0, import_react14.useRef)();
@@ -1114,16 +1114,19 @@ function TagSelector(props) {
1114
1114
  });
1115
1115
  return result;
1116
1116
  }, [options, selected]);
1117
- const onDelete = (0, import_react14.useCallback)((id) => {
1118
- setSelected((prev) => prev.filter((el) => el !== id));
1119
- }, []);
1117
+ const onDelete = (0, import_react14.useCallback)(
1118
+ (id) => {
1119
+ setSelected(selected.filter((el) => el !== id));
1120
+ },
1121
+ [selected, setSelected]
1122
+ );
1120
1123
  const onSelect = (0, import_react14.useCallback)(
1121
1124
  (id) => {
1122
1125
  if (maxCount && selected.length + 1 > maxCount)
1123
1126
  return;
1124
- setSelected((prev) => [...prev, id]);
1127
+ setSelected([...selected, id]);
1125
1128
  },
1126
- [maxCount, selected]
1129
+ [maxCount, selected, setSelected]
1127
1130
  );
1128
1131
  const toggleItem = (0, import_react14.useCallback)(
1129
1132
  (id) => {
@@ -1180,7 +1183,7 @@ function TagSelector(props) {
1180
1183
  break;
1181
1184
  case "Backspace":
1182
1185
  if (value.length === 0) {
1183
- setSelected((prev) => prev.slice(0, -1));
1186
+ setSelected(selected.slice(0, -1));
1184
1187
  }
1185
1188
  break;
1186
1189
  case "Escape":
@@ -1194,7 +1197,9 @@ function TagSelector(props) {
1194
1197
  setScroll,
1195
1198
  options.length,
1196
1199
  toggleItem,
1197
- filteredOptions
1200
+ filteredOptions,
1201
+ setSelected,
1202
+ selected
1198
1203
  ]
1199
1204
  );
1200
1205
  const placeholderVisible = (0, import_react14.useMemo)(() => {
@@ -1206,27 +1211,12 @@ function TagSelector(props) {
1206
1211
  return false;
1207
1212
  return true;
1208
1213
  }, [focus, selectedItem.length, value]);
1209
- (0, import_react14.useEffect)(() => {
1210
- if (isInit.current) {
1211
- return;
1212
- }
1213
- onChange == null ? void 0 : onChange(selected);
1214
- }, [[...selected].sort().join(",")]);
1215
- (0, import_react14.useEffect)(() => {
1216
- if (isInit.current) {
1217
- return;
1218
- }
1219
- setSelected(props.selected || []);
1220
- }, [[...props.selected || []].sort().join(",")]);
1221
1214
  (0, import_react14.useEffect)(() => {
1222
1215
  setFocusIndex(null);
1223
1216
  }, [open]);
1224
1217
  (0, import_react14.useEffect)(() => {
1225
1218
  setFocusIndex(0);
1226
1219
  }, [filteredOptions]);
1227
- (0, import_react14.useEffect)(() => {
1228
- isInit.current = false;
1229
- }, []);
1230
1220
  const badgeSize = (0, import_react14.useMemo)(() => {
1231
1221
  switch (size) {
1232
1222
  case "large":