@oneplatformdev/ui 0.1.99-beta.2 → 0.1.99-beta.21
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/Badge/badgeVariants.d.ts +1 -1
- package/Button/Button.d.ts +12 -6
- package/Button/Button.d.ts.map +1 -1
- package/Button/Button.js +44 -42
- package/Button/Button.js.map +1 -1
- package/Button/Button.stories.js +45 -53
- package/Button/Button.stories.js.map +1 -1
- package/Button/Button.types.d.ts +24 -1
- package/Button/Button.types.d.ts.map +1 -1
- package/Button/ButtonCounterBadge.d.ts +7 -0
- package/Button/ButtonCounterBadge.d.ts.map +1 -0
- package/Button/ButtonCounterBadge.js +20 -0
- package/Button/ButtonCounterBadge.js.map +1 -0
- package/Button/buttonVariants.d.ts +11 -20
- package/Button/buttonVariants.d.ts.map +1 -1
- package/Button/buttonVariants.js +74 -11
- package/Button/buttonVariants.js.map +1 -1
- package/Button/index.js +6 -5
- package/ButtonIcon/ButtonIcon.d.ts +55 -0
- package/ButtonIcon/ButtonIcon.d.ts.map +1 -1
- package/ButtonIcon/ButtonIcon.js +70 -46
- package/ButtonIcon/ButtonIcon.js.map +1 -1
- package/ButtonIcon/ButtonIcon.stories.js +121 -78
- package/ButtonIcon/ButtonIcon.stories.js.map +1 -1
- package/ButtonIcon/ButtonIcon.types.d.ts +2 -1
- package/ButtonIcon/ButtonIcon.types.d.ts.map +1 -1
- package/ButtonIcon/buttonIconVariants.d.ts +1 -1
- package/ButtonIcon/buttonIconVariants.js +5 -5
- package/ButtonIcon/buttonIconVariants.js.map +1 -1
- package/CHANGELOG.md +283 -0
- package/Input/Input.d.ts.map +1 -1
- package/Input/Input.js +51 -38
- package/Input/Input.js.map +1 -1
- package/Input/Input.types.d.ts +1 -0
- package/Input/Input.types.d.ts.map +1 -1
- package/LoadedIcon/LoadedIcon.d.ts.map +1 -1
- package/LoadedIcon/LoadedIcon.js +3 -1
- package/LoadedIcon/LoadedIcon.js.map +1 -1
- package/Resizable/Resizable.d.ts +5 -20
- package/Resizable/Resizable.d.ts.map +1 -1
- package/Resizable/Resizable.js +48 -31
- package/Resizable/Resizable.js.map +1 -1
- package/Resizable/Resizable.stories.js +140 -0
- package/Resizable/Resizable.stories.js.map +1 -0
- package/Textarea/Textarea.js +6 -6
- package/Textarea/Textarea.js.map +1 -1
- package/Textarea/Textarea.stories.js +12 -0
- package/Textarea/Textarea.stories.js.map +1 -0
- package/Textarea/useAutosizeTextArea.d.ts +1 -1
- package/Textarea/useAutosizeTextArea.d.ts.map +1 -1
- package/Textarea/useAutosizeTextArea.js.map +1 -1
- package/Tooltip/Tooltip.d.ts.map +1 -1
- package/Tooltip/Tooltip.js.map +1 -1
- package/index.js +326 -325
- package/package.json +7 -4
- package/Button/Button.s.d.ts +0 -83
- package/Button/Button.s.d.ts.map +0 -1
- package/Button/Button.s.js +0 -163
- package/Button/Button.s.js.map +0 -1
package/CHANGELOG.md
CHANGED
|
@@ -1,3 +1,286 @@
|
|
|
1
|
+
## 0.1.99-beta.21 (2026-01-07)
|
|
2
|
+
|
|
3
|
+
### 🧱 Updated Dependencies
|
|
4
|
+
|
|
5
|
+
- Updated @oneplatformdev/utils to 0.1.99-beta.21
|
|
6
|
+
- Updated @oneplatformdev/hooks to 0.1.99-beta.21
|
|
7
|
+
- Updated @oneplatformdev/tokens to 0.1.99-beta.21
|
|
8
|
+
|
|
9
|
+
## 0.1.99-beta.20 (2026-01-07)
|
|
10
|
+
|
|
11
|
+
### 🩹 Fixes
|
|
12
|
+
|
|
13
|
+
- **Resizable:** downgrade react-resizable-panels to version 3.0.6 and update component references ([443daf0](https://github.com/oneplatformdev/core-web/commit/443daf0))
|
|
14
|
+
|
|
15
|
+
### 🧱 Updated Dependencies
|
|
16
|
+
|
|
17
|
+
- Updated @oneplatformdev/utils to 0.1.99-beta.20
|
|
18
|
+
- Updated @oneplatformdev/hooks to 0.1.99-beta.20
|
|
19
|
+
- Updated @oneplatformdev/tokens to 0.1.99-beta.20
|
|
20
|
+
|
|
21
|
+
### ❤️ Thank You
|
|
22
|
+
|
|
23
|
+
- Bohdan Radchenko
|
|
24
|
+
|
|
25
|
+
## 0.1.99-beta.19 (2026-01-07)
|
|
26
|
+
|
|
27
|
+
### 🚀 Features
|
|
28
|
+
|
|
29
|
+
- **Resizable:** add Storybook stories for ResizablePanelGroup and ResizablePanel components ([dc5a4b8](https://github.com/oneplatformdev/core-web/commit/dc5a4b8))
|
|
30
|
+
|
|
31
|
+
### 🧱 Updated Dependencies
|
|
32
|
+
|
|
33
|
+
- Updated @oneplatformdev/utils to 0.1.99-beta.19
|
|
34
|
+
- Updated @oneplatformdev/hooks to 0.1.99-beta.19
|
|
35
|
+
- Updated @oneplatformdev/tokens to 0.1.99-beta.19
|
|
36
|
+
|
|
37
|
+
### ❤️ Thank You
|
|
38
|
+
|
|
39
|
+
- Bohdan Radchenko
|
|
40
|
+
|
|
41
|
+
## 0.1.99-beta.18 (2026-01-07)
|
|
42
|
+
|
|
43
|
+
### 🚀 Features
|
|
44
|
+
|
|
45
|
+
- **Resizable:** replace PanelGroup and PanelResizeHandle with Group and Separator components ([4a246a8](https://github.com/oneplatformdev/core-web/commit/4a246a8))
|
|
46
|
+
|
|
47
|
+
### 🧱 Updated Dependencies
|
|
48
|
+
|
|
49
|
+
- Updated @oneplatformdev/utils to 0.1.99-beta.18
|
|
50
|
+
- Updated @oneplatformdev/hooks to 0.1.99-beta.18
|
|
51
|
+
- Updated @oneplatformdev/tokens to 0.1.99-beta.18
|
|
52
|
+
|
|
53
|
+
### ❤️ Thank You
|
|
54
|
+
|
|
55
|
+
- Bohdan Radchenko
|
|
56
|
+
|
|
57
|
+
## 0.1.99-beta.17 (2026-01-07)
|
|
58
|
+
|
|
59
|
+
### 🚀 Features
|
|
60
|
+
|
|
61
|
+
- **Resizable:** upgrade react-resizable-panels to v4.3.0 and refactor components for improved readability ([0110d5f](https://github.com/oneplatformdev/core-web/commit/0110d5f))
|
|
62
|
+
|
|
63
|
+
### 🧱 Updated Dependencies
|
|
64
|
+
|
|
65
|
+
- Updated @oneplatformdev/utils to 0.1.99-beta.17
|
|
66
|
+
- Updated @oneplatformdev/hooks to 0.1.99-beta.17
|
|
67
|
+
- Updated @oneplatformdev/tokens to 0.1.99-beta.17
|
|
68
|
+
|
|
69
|
+
### ❤️ Thank You
|
|
70
|
+
|
|
71
|
+
- Bohdan Radchenko
|
|
72
|
+
|
|
73
|
+
## 0.1.99-beta.16 (2026-01-07)
|
|
74
|
+
|
|
75
|
+
### 🚀 Features
|
|
76
|
+
|
|
77
|
+
- **ButtonVariants:** update button styles for improved layout and spacing ([b7d259e](https://github.com/oneplatformdev/core-web/commit/b7d259e))
|
|
78
|
+
|
|
79
|
+
### 🧱 Updated Dependencies
|
|
80
|
+
|
|
81
|
+
- Updated @oneplatformdev/utils to 0.1.99-beta.16
|
|
82
|
+
- Updated @oneplatformdev/hooks to 0.1.99-beta.16
|
|
83
|
+
- Updated @oneplatformdev/tokens to 0.1.99-beta.16
|
|
84
|
+
|
|
85
|
+
### ❤️ Thank You
|
|
86
|
+
|
|
87
|
+
- Bohdan Radchenko
|
|
88
|
+
|
|
89
|
+
## 0.1.99-beta.15 (2026-01-02)
|
|
90
|
+
|
|
91
|
+
### 🚀 Features
|
|
92
|
+
|
|
93
|
+
- **ButtonCounterBadge:** improve badge styling and clean up class names ([47c8a63](https://github.com/oneplatformdev/core-web/commit/47c8a63))
|
|
94
|
+
|
|
95
|
+
### 🧱 Updated Dependencies
|
|
96
|
+
|
|
97
|
+
- Updated @oneplatformdev/utils to 0.1.99-beta.15
|
|
98
|
+
- Updated @oneplatformdev/hooks to 0.1.99-beta.15
|
|
99
|
+
- Updated @oneplatformdev/tokens to 0.1.99-beta.15
|
|
100
|
+
|
|
101
|
+
### ❤️ Thank You
|
|
102
|
+
|
|
103
|
+
- Bohdan Radchenko
|
|
104
|
+
|
|
105
|
+
## 0.1.99-beta.14 (2026-01-02)
|
|
106
|
+
|
|
107
|
+
### 🧱 Updated Dependencies
|
|
108
|
+
|
|
109
|
+
- Updated @oneplatformdev/utils to 0.1.99-beta.14
|
|
110
|
+
- Updated @oneplatformdev/hooks to 0.1.99-beta.14
|
|
111
|
+
- Updated @oneplatformdev/tokens to 0.1.99-beta.14
|
|
112
|
+
|
|
113
|
+
## 0.1.99-beta.13 (2026-01-02)
|
|
114
|
+
|
|
115
|
+
### 🚀 Features
|
|
116
|
+
|
|
117
|
+
- **ButtonCounterBadge:** improve badge styling and clean up class names ([36a7614](https://github.com/oneplatformdev/core-web/commit/36a7614))
|
|
118
|
+
|
|
119
|
+
### 🧱 Updated Dependencies
|
|
120
|
+
|
|
121
|
+
- Updated @oneplatformdev/utils to 0.1.99-beta.13
|
|
122
|
+
- Updated @oneplatformdev/hooks to 0.1.99-beta.13
|
|
123
|
+
- Updated @oneplatformdev/tokens to 0.1.99-beta.13
|
|
124
|
+
|
|
125
|
+
### ❤️ Thank You
|
|
126
|
+
|
|
127
|
+
- Bohdan Radchenko
|
|
128
|
+
|
|
129
|
+
## 0.1.99-beta.12 (2026-01-02)
|
|
130
|
+
|
|
131
|
+
### 🚀 Features
|
|
132
|
+
|
|
133
|
+
- **ButtonIcon:** set default variant and color for story args ([60b62d7](https://github.com/oneplatformdev/core-web/commit/60b62d7))
|
|
134
|
+
|
|
135
|
+
### 🧱 Updated Dependencies
|
|
136
|
+
|
|
137
|
+
- Updated @oneplatformdev/utils to 0.1.99-beta.12
|
|
138
|
+
- Updated @oneplatformdev/hooks to 0.1.99-beta.12
|
|
139
|
+
- Updated @oneplatformdev/tokens to 0.1.99-beta.12
|
|
140
|
+
|
|
141
|
+
### ❤️ Thank You
|
|
142
|
+
|
|
143
|
+
- Bohdan Radchenko
|
|
144
|
+
|
|
145
|
+
## 0.1.99-beta.11 (2026-01-02)
|
|
146
|
+
|
|
147
|
+
### 🚀 Features
|
|
148
|
+
|
|
149
|
+
- **Button:** add counter badge support and update variant types for consistency ([cb6b0da](https://github.com/oneplatformdev/core-web/commit/cb6b0da))
|
|
150
|
+
- **ButtonIcon:** add screen reader text for improved accessibility ([465e76f](https://github.com/oneplatformdev/core-web/commit/465e76f))
|
|
151
|
+
|
|
152
|
+
### 🩹 Fixes
|
|
153
|
+
|
|
154
|
+
- **ButtonIcon:** adjust padding for large size variant ([21042cd](https://github.com/oneplatformdev/core-web/commit/21042cd))
|
|
155
|
+
|
|
156
|
+
### 🧱 Updated Dependencies
|
|
157
|
+
|
|
158
|
+
- Updated @oneplatformdev/utils to 0.1.99-beta.11
|
|
159
|
+
- Updated @oneplatformdev/hooks to 0.1.99-beta.11
|
|
160
|
+
- Updated @oneplatformdev/tokens to 0.1.99-beta.11
|
|
161
|
+
|
|
162
|
+
### ❤️ Thank You
|
|
163
|
+
|
|
164
|
+
- Bohdan Radchenko
|
|
165
|
+
|
|
166
|
+
## 0.1.99-beta.10 (2025-12-30)
|
|
167
|
+
|
|
168
|
+
### 🚀 Features
|
|
169
|
+
|
|
170
|
+
- **Button:** add screen reader text rendering for accessibility ([e168003](https://github.com/oneplatformdev/core-web/commit/e168003))
|
|
171
|
+
|
|
172
|
+
### 🧱 Updated Dependencies
|
|
173
|
+
|
|
174
|
+
- Updated @oneplatformdev/utils to 0.1.99-beta.10
|
|
175
|
+
- Updated @oneplatformdev/hooks to 0.1.99-beta.10
|
|
176
|
+
- Updated @oneplatformdev/tokens to 0.1.99-beta.10
|
|
177
|
+
|
|
178
|
+
### ❤️ Thank You
|
|
179
|
+
|
|
180
|
+
- Bohdan Radchenko
|
|
181
|
+
|
|
182
|
+
## 0.1.99-beta.9 (2025-12-30)
|
|
183
|
+
|
|
184
|
+
### 🩹 Fixes
|
|
185
|
+
|
|
186
|
+
- **Button:** update documentation links for Button and ButtonIcon components ([cfa993f](https://github.com/oneplatformdev/core-web/commit/cfa993f))
|
|
187
|
+
|
|
188
|
+
### 🧱 Updated Dependencies
|
|
189
|
+
|
|
190
|
+
- Updated @oneplatformdev/utils to 0.1.99-beta.9
|
|
191
|
+
- Updated @oneplatformdev/hooks to 0.1.99-beta.9
|
|
192
|
+
- Updated @oneplatformdev/tokens to 0.1.99-beta.9
|
|
193
|
+
|
|
194
|
+
### ❤️ Thank You
|
|
195
|
+
|
|
196
|
+
- Bohdan Radchenko
|
|
197
|
+
|
|
198
|
+
## 0.1.99-beta.8 (2025-12-30)
|
|
199
|
+
|
|
200
|
+
### 🚀 Features
|
|
201
|
+
|
|
202
|
+
- **Textarea:** update styles and add new story for Textarea component ([9bafda1](https://github.com/oneplatformdev/core-web/commit/9bafda1))
|
|
203
|
+
- **Button:** add screen reader text options for improved accessibility ([9b93d9d](https://github.com/oneplatformdev/core-web/commit/9b93d9d))
|
|
204
|
+
|
|
205
|
+
### 🧱 Updated Dependencies
|
|
206
|
+
|
|
207
|
+
- Updated @oneplatformdev/utils to 0.1.99-beta.8
|
|
208
|
+
- Updated @oneplatformdev/hooks to 0.1.99-beta.8
|
|
209
|
+
- Updated @oneplatformdev/tokens to 0.1.99-beta.8
|
|
210
|
+
|
|
211
|
+
### ❤️ Thank You
|
|
212
|
+
|
|
213
|
+
- Bohdan Radchenko
|
|
214
|
+
|
|
215
|
+
## 0.1.99-beta.7 (2025-12-29)
|
|
216
|
+
|
|
217
|
+
### 🚀 Features
|
|
218
|
+
|
|
219
|
+
- **Button:** add screen reader support for accessibility ([ec7de8e](https://github.com/oneplatformdev/core-web/commit/ec7de8e))
|
|
220
|
+
|
|
221
|
+
### 🧱 Updated Dependencies
|
|
222
|
+
|
|
223
|
+
- Updated @oneplatformdev/utils to 0.1.99-beta.7
|
|
224
|
+
- Updated @oneplatformdev/hooks to 0.1.99-beta.7
|
|
225
|
+
- Updated @oneplatformdev/tokens to 0.1.99-beta.7
|
|
226
|
+
|
|
227
|
+
### ❤️ Thank You
|
|
228
|
+
|
|
229
|
+
- Bohdan Radchenko
|
|
230
|
+
|
|
231
|
+
## 0.1.99-beta.6 (2025-12-29)
|
|
232
|
+
|
|
233
|
+
### 🚀 Features
|
|
234
|
+
|
|
235
|
+
- **ButtonIcon:** introduce icon-only variant with enhanced props and storybook support ([d643217](https://github.com/oneplatformdev/core-web/commit/d643217))
|
|
236
|
+
- **Button:** add storybook integration with loading and tooltip support ([72ae45e](https://github.com/oneplatformdev/core-web/commit/72ae45e))
|
|
237
|
+
|
|
238
|
+
### 🧱 Updated Dependencies
|
|
239
|
+
|
|
240
|
+
- Updated @oneplatformdev/utils to 0.1.99-beta.6
|
|
241
|
+
- Updated @oneplatformdev/hooks to 0.1.99-beta.6
|
|
242
|
+
- Updated @oneplatformdev/tokens to 0.1.99-beta.6
|
|
243
|
+
|
|
244
|
+
### ❤️ Thank You
|
|
245
|
+
|
|
246
|
+
- Bohdan Radchenko
|
|
247
|
+
|
|
248
|
+
## 0.1.99-beta.5 (2025-12-29)
|
|
249
|
+
|
|
250
|
+
### 🧱 Updated Dependencies
|
|
251
|
+
|
|
252
|
+
- Updated @oneplatformdev/utils to 0.1.99-beta.5
|
|
253
|
+
- Updated @oneplatformdev/hooks to 0.1.99-beta.5
|
|
254
|
+
- Updated @oneplatformdev/tokens to 0.1.99-beta.5
|
|
255
|
+
|
|
256
|
+
## 0.1.99-beta.4 (2025-12-29)
|
|
257
|
+
|
|
258
|
+
### 🧱 Updated Dependencies
|
|
259
|
+
|
|
260
|
+
- Updated @oneplatformdev/utils to 0.1.99-beta.4
|
|
261
|
+
- Updated @oneplatformdev/hooks to 0.1.99-beta.4
|
|
262
|
+
- Updated @oneplatformdev/tokens to 0.1.99-beta.4
|
|
263
|
+
|
|
264
|
+
## 0.1.99-beta.3 (2025-12-29)
|
|
265
|
+
|
|
266
|
+
### 🚀 Features
|
|
267
|
+
|
|
268
|
+
- **Button:** add storybook integration with loading and tooltip support ([e7a2e21](https://github.com/oneplatformdev/core-web/commit/e7a2e21))
|
|
269
|
+
|
|
270
|
+
### 🩹 Fixes
|
|
271
|
+
|
|
272
|
+
- **Button:** update tooltip handling and remove deprecated size variants ([de56165](https://github.com/oneplatformdev/core-web/commit/de56165))
|
|
273
|
+
|
|
274
|
+
### 🧱 Updated Dependencies
|
|
275
|
+
|
|
276
|
+
- Updated @oneplatformdev/utils to 0.1.99-beta.3
|
|
277
|
+
- Updated @oneplatformdev/hooks to 0.1.99-beta.3
|
|
278
|
+
- Updated @oneplatformdev/tokens to 0.1.99-beta.3
|
|
279
|
+
|
|
280
|
+
### ❤️ Thank You
|
|
281
|
+
|
|
282
|
+
- Bohdan Radchenko
|
|
283
|
+
|
|
1
284
|
## 0.1.99-beta.2 (2025-12-29)
|
|
2
285
|
|
|
3
286
|
### 🧱 Updated Dependencies
|
package/Input/Input.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Input.d.ts","sourceRoot":"","sources":["../../src/Input/Input.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAKxC,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAE3C,eAAO,MAAM,SAAS,
|
|
1
|
+
{"version":3,"file":"Input.d.ts","sourceRoot":"","sources":["../../src/Input/Input.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAKxC,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAE3C,eAAO,MAAM,SAAS,qFAmDrB,CAAC;AAGF,eAAO,MAAM,aAAa,qFAiBzB,CAAC;AAkBF,eAAO,MAAM,KAAK,qFAKjB,CAAC"}
|
package/Input/Input.js
CHANGED
|
@@ -1,73 +1,86 @@
|
|
|
1
|
-
import { jsxs as
|
|
2
|
-
import
|
|
3
|
-
import { Eye as
|
|
4
|
-
import { inputVariants as
|
|
1
|
+
import { jsxs as w, jsx as s } from "react/jsx-runtime";
|
|
2
|
+
import u, { useState as v } from "react";
|
|
3
|
+
import { Eye as h, EyeOff as P } from "lucide-react";
|
|
4
|
+
import { inputVariants as x } from "./inputVariants.js";
|
|
5
5
|
import { cn as p } from "@oneplatformdev/utils";
|
|
6
|
-
const m =
|
|
6
|
+
const m = u.forwardRef(
|
|
7
7
|
(t, a) => {
|
|
8
8
|
const {
|
|
9
9
|
className: e,
|
|
10
10
|
variant: o,
|
|
11
11
|
type: n,
|
|
12
|
-
slotProps: { input: l, wrapper:
|
|
12
|
+
slotProps: { input: l, wrapper: c } = {},
|
|
13
13
|
onChange: f,
|
|
14
14
|
onTransform: d,
|
|
15
|
-
|
|
15
|
+
fullSize: N = !1,
|
|
16
|
+
...g
|
|
16
17
|
} = t, {
|
|
17
18
|
startAdornment: i,
|
|
18
|
-
className:
|
|
19
|
-
...
|
|
19
|
+
className: I,
|
|
20
|
+
...b
|
|
20
21
|
} = l || {};
|
|
21
|
-
return /* @__PURE__ */
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
),
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
22
|
+
return /* @__PURE__ */ w(
|
|
23
|
+
"div",
|
|
24
|
+
{
|
|
25
|
+
...c || {},
|
|
26
|
+
className: p(
|
|
27
|
+
"relative",
|
|
28
|
+
N && "w-full",
|
|
29
|
+
c?.className
|
|
30
|
+
),
|
|
31
|
+
children: [
|
|
32
|
+
!!i && /* @__PURE__ */ s("span", { className: "absolute left-[10px] top-1/2 -translate-y-1/2", children: i }),
|
|
33
|
+
/* @__PURE__ */ s(
|
|
34
|
+
"input",
|
|
35
|
+
{
|
|
36
|
+
type: n,
|
|
37
|
+
className: p(
|
|
38
|
+
x({ variant: o, className: e }),
|
|
39
|
+
!!i && "pl-8",
|
|
40
|
+
I,
|
|
41
|
+
N && "min-w-auto"
|
|
42
|
+
),
|
|
43
|
+
ref: a,
|
|
44
|
+
...b,
|
|
45
|
+
...g,
|
|
46
|
+
onChange: (r) => {
|
|
47
|
+
typeof d?.(r.target.value, r) == "string" && (r.target.value = d(r.target.value, r)), f && f(r);
|
|
48
|
+
}
|
|
49
|
+
}
|
|
50
|
+
)
|
|
51
|
+
]
|
|
52
|
+
}
|
|
53
|
+
);
|
|
41
54
|
}
|
|
42
55
|
);
|
|
43
56
|
m.displayName = "Input";
|
|
44
|
-
const y =
|
|
57
|
+
const y = u.forwardRef(
|
|
45
58
|
(t, a) => {
|
|
46
|
-
const [e, o] =
|
|
59
|
+
const [e, o] = v(!1), n = e ? "text" : "password", l = () => {
|
|
47
60
|
o(!e);
|
|
48
61
|
};
|
|
49
|
-
return /* @__PURE__ */
|
|
62
|
+
return /* @__PURE__ */ w("div", { ...t?.slotProps?.wrapper || {}, className: p("relative", t?.slotProps?.wrapper?.className), children: [
|
|
50
63
|
/* @__PURE__ */ s(m, { ...t, type: n, className: "pr-8", ref: a }),
|
|
51
|
-
/* @__PURE__ */ s(
|
|
64
|
+
/* @__PURE__ */ s(V, { isVisible: e, onClick: l })
|
|
52
65
|
] });
|
|
53
66
|
}
|
|
54
67
|
);
|
|
55
68
|
y.displayName = "PasswordInput";
|
|
56
|
-
const
|
|
69
|
+
const V = ({ isVisible: t, onClick: a }) => /* @__PURE__ */ s(
|
|
57
70
|
"button",
|
|
58
71
|
{
|
|
59
72
|
type: "button",
|
|
60
73
|
onClick: a,
|
|
61
74
|
className: "absolute top-1/2 right-3 transform -translate-y-1/2",
|
|
62
|
-
children: t ? /* @__PURE__ */ s(
|
|
75
|
+
children: t ? /* @__PURE__ */ s(h, { size: 16 }) : /* @__PURE__ */ s(P, { size: 16 })
|
|
63
76
|
}
|
|
64
|
-
),
|
|
77
|
+
), B = u.forwardRef(
|
|
65
78
|
({ type: t, ...a }, e) => t === "password" ? /* @__PURE__ */ s(y, { type: t, ...a, ref: e }) : /* @__PURE__ */ s(m, { type: t, ...a, ref: e })
|
|
66
79
|
);
|
|
67
|
-
|
|
80
|
+
B.displayName = "Input";
|
|
68
81
|
export {
|
|
69
82
|
m as BaseInput,
|
|
70
|
-
|
|
83
|
+
B as Input,
|
|
71
84
|
y as PasswordInput
|
|
72
85
|
};
|
|
73
86
|
//# sourceMappingURL=Input.js.map
|
package/Input/Input.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Input.js","sources":["../../src/Input/Input.tsx"],"sourcesContent":["import React, { useState } from 'react';\nimport { Eye, EyeOff } from 'lucide-react';\nimport { inputVariants } from './inputVariants';\n\nimport { cn } from '@oneplatformdev/utils';\nimport { InputProps } from './Input.types';\n\nexport const BaseInput = React.forwardRef<HTMLInputElement, InputProps>(\n (props, ref) => {\n const {\n className,\n variant,\n type,\n slotProps: { input, wrapper } = {},\n onChange,\n onTransform,\n ...rest\n } = props;\n const {\n startAdornment,\n className: classNameInputSlotProps,\n ...restInputSlotProps\n } = input || {};\n return (\n <div
|
|
1
|
+
{"version":3,"file":"Input.js","sources":["../../src/Input/Input.tsx"],"sourcesContent":["import React, { useState } from 'react';\nimport { Eye, EyeOff } from 'lucide-react';\nimport { inputVariants } from './inputVariants';\n\nimport { cn } from '@oneplatformdev/utils';\nimport { InputProps } from './Input.types';\n\nexport const BaseInput = React.forwardRef<HTMLInputElement, InputProps>(\n (props, ref) => {\n const {\n className,\n variant,\n type,\n slotProps: { input, wrapper } = {},\n onChange,\n onTransform,\n fullSize = false,\n ...rest\n } = props;\n const {\n startAdornment,\n className: classNameInputSlotProps,\n ...restInputSlotProps\n } = input || {};\n return (\n <div\n {...(wrapper || {})}\n className={cn(\n 'relative',\n fullSize && 'w-full',\n wrapper?.className\n )}>\n {Boolean(startAdornment) && (\n <span className=\"absolute left-[10px] top-1/2 -translate-y-1/2\">\n {startAdornment}\n </span>\n )}\n <input\n type={type}\n className={cn(\n inputVariants({ variant, className }),\n Boolean(startAdornment) && 'pl-8',\n classNameInputSlotProps,\n fullSize && 'min-w-auto',\n )}\n ref={ref}\n {...restInputSlotProps}\n {...rest}\n onChange={(e) => {\n if (typeof onTransform?.(e.target.value, e) === 'string') {\n e.target.value = onTransform(e.target.value, e);\n }\n if (onChange) onChange(e);\n }}\n />\n </div>\n );\n }\n);\nBaseInput.displayName = 'Input';\n\nexport const PasswordInput = React.forwardRef<HTMLInputElement, InputProps>(\n (props, ref) => {\n const [isVisible, setIsVisible] = useState<boolean>(false);\n\n const inputType = isVisible ? 'text' : 'password';\n\n const toggleVisibility = () => {\n setIsVisible(!isVisible);\n };\n\n return (\n <div {...(props?.slotProps?.wrapper || {})} className={cn('relative', props?.slotProps?.wrapper?.className)}>\n <BaseInput {...props} type={inputType} className=\"pr-8\" ref={ref} />\n <VisibilityButton isVisible={isVisible} onClick={toggleVisibility} />\n </div>\n );\n }\n);\nPasswordInput.displayName = 'PasswordInput';\n\ntype VisibilityButtonProps = {\n isVisible: boolean\n onClick: () => void\n}\n\nconst VisibilityButton = ({ isVisible, onClick }:VisibilityButtonProps) => (\n <button\n type=\"button\"\n onClick={onClick}\n className=\"absolute top-1/2 right-3 transform -translate-y-1/2\"\n >\n {isVisible ? <Eye size={16} /> : <EyeOff size={16} />}\n </button>\n);\n\nexport const Input = React.forwardRef<HTMLInputElement, InputProps>(\n ({ type, ...props }, ref) => {\n if (type === 'password') return <PasswordInput type={type} {...props} ref={ref} />;\n return <BaseInput type={type} {...props} ref={ref} />;\n }\n);\nInput.displayName = 'Input';\n"],"names":["BaseInput","React","props","ref","className","variant","type","input","wrapper","onChange","onTransform","fullSize","rest","startAdornment","classNameInputSlotProps","restInputSlotProps","jsxs","cn","jsx","inputVariants","e","PasswordInput","isVisible","setIsVisible","useState","inputType","toggleVisibility","VisibilityButton","onClick","Eye","EyeOff","Input"],"mappings":";;;;;AAOO,MAAMA,IAAYC,EAAM;AAAA,EAC7B,CAACC,GAAOC,MAAQ;AACd,UAAM;AAAA,MACJ,WAAAC;AAAA,MACA,SAAAC;AAAA,MACA,MAAAC;AAAA,MACA,WAAW,EAAE,OAAAC,GAAO,SAAAC,EAAA,IAAY,CAAA;AAAA,MAChC,UAAAC;AAAA,MACA,aAAAC;AAAA,MACA,UAAAC,IAAW;AAAA,MACX,GAAGC;AAAA,IAAA,IACDV,GACE;AAAA,MACJ,gBAAAW;AAAA,MACA,WAAWC;AAAA,MACX,GAAGC;AAAA,IAAA,IACDR,KAAS,CAAA;AACb,WACE,gBAAAS;AAAA,MAAC;AAAA,MAAA;AAAA,QACE,GAAIR,KAAW,CAAA;AAAA,QAChB,WAAWS;AAAA,UACT;AAAA,UACAN,KAAY;AAAA,UACZH,GAAS;AAAA,QAAA;AAAA,QAEV,UAAA;AAAA,UAAA,EAAQK,KACP,gBAAAK,EAAC,QAAA,EAAK,WAAU,iDACb,UAAAL,GACH;AAAA,UAEF,gBAAAK;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,MAAAZ;AAAA,cACA,WAAWW;AAAA,gBACTE,EAAc,EAAE,SAAAd,GAAS,WAAAD,GAAW;AAAA,gBACpC,EAAQS,KAAmB;AAAA,gBAC3BC;AAAA,gBACAH,KAAY;AAAA,cAAA;AAAA,cAEd,KAAAR;AAAA,cACC,GAAGY;AAAA,cACH,GAAGH;AAAA,cACJ,UAAU,CAACQ,MAAM;AACf,gBAAI,OAAOV,IAAcU,EAAE,OAAO,OAAOA,CAAC,KAAM,aAC9CA,EAAE,OAAO,QAAQV,EAAYU,EAAE,OAAO,OAAOA,CAAC,IAE5CX,OAAmBW,CAAC;AAAA,cAC1B;AAAA,YAAA;AAAA,UAAA;AAAA,QACF;AAAA,MAAA;AAAA,IAAA;AAAA,EAGN;AACF;AACApB,EAAU,cAAc;AAEjB,MAAMqB,IAAgBpB,EAAM;AAAA,EACjC,CAACC,GAAOC,MAAQ;AACd,UAAM,CAACmB,GAAWC,CAAY,IAAIC,EAAkB,EAAK,GAEnDC,IAAYH,IAAY,SAAS,YAEjCI,IAAmB,MAAM;AAC7B,MAAAH,EAAa,CAACD,CAAS;AAAA,IACzB;AAEA,WACE,gBAAAN,EAAC,OAAA,EAAK,GAAId,GAAO,WAAW,WAAW,CAAA,GAAK,WAAWe,EAAG,YAAYf,GAAO,WAAW,SAAS,SAAS,GACxG,UAAA;AAAA,MAAA,gBAAAgB,EAAClB,KAAW,GAAGE,GAAO,MAAMuB,GAAW,WAAU,QAAO,KAAAtB,GAAU;AAAA,MAClE,gBAAAe,EAACS,GAAA,EAAiB,WAAAL,GAAsB,SAASI,EAAA,CAAkB;AAAA,IAAA,GACrE;AAAA,EAEJ;AACF;AACAL,EAAc,cAAc;AAO5B,MAAMM,IAAmB,CAAC,EAAE,WAAAL,GAAW,SAAAM,QACrC,gBAAAV;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,MAAK;AAAA,IACL,SAAAU;AAAA,IACA,WAAU;AAAA,IAET,UAAAN,sBAAaO,GAAA,EAAI,MAAM,IAAI,IAAK,gBAAAX,EAACY,GAAA,EAAO,MAAM,GAAA,CAAI;AAAA,EAAA;AACrD,GAGWC,IAAQ9B,EAAM;AAAA,EACzB,CAAC,EAAE,MAAAK,GAAM,GAAGJ,EAAA,GAASC,MACfG,MAAS,aAAmB,gBAAAY,EAACG,KAAc,MAAAf,GAAa,GAAGJ,GAAO,KAAAC,GAAU,IACzE,gBAAAe,EAAClB,GAAA,EAAU,MAAAM,GAAa,GAAGJ,GAAO,KAAAC,GAAU;AAEvD;AACA4B,EAAM,cAAc;"}
|
package/Input/Input.types.d.ts
CHANGED
|
@@ -15,5 +15,6 @@ export interface InputProps extends React.InputHTMLAttributes<HTMLInputElement>,
|
|
|
15
15
|
onTransform?: (value: string, event: ChangeEvent<HTMLInputElement>) => string;
|
|
16
16
|
/** func transform pasted value before set to input */
|
|
17
17
|
onPastePrepare?: (value: string, event: React.ClipboardEvent<HTMLInputElement>) => string;
|
|
18
|
+
fullSize?: boolean;
|
|
18
19
|
}
|
|
19
20
|
//# sourceMappingURL=Input.types.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Input.types.d.ts","sourceRoot":"","sources":["../../src/Input/Input.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EACZ,WAAW,EACX,wBAAwB,EACxB,cAAc,EACd,SAAS,EACV,MAAM,OAAO,CAAC;AACf,OAAO,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAC;AACxD,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,OAAO,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AAEpC,MAAM,WAAW,mBACf,SAAQ,wBAAwB,CAAC,OAAO,SAAS,CAAC;IAClD,cAAc,CAAC,EAAE,SAAS,CAAC;CAC5B;AAED,MAAM,WAAW,cAAc;IAC7B,KAAK,CAAC,EAAE,mBAAmB,CAAC;IAC5B,OAAO,CAAC,EAAE,cAAc,CAAC,cAAc,CAAC,CAAC;CAC1C;AAED,MAAM,WAAW,UACf,SAAQ,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAAE,YAAY,CAAC,OAAO,aAAa,CAAC;IACvF,SAAS,CAAC,EAAE,cAAc,CAAC;IAC3B,kEAAkE;IAClE,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,WAAW,CAAC,gBAAgB,CAAC,KAAK,MAAM,CAAC;IAC9E,sDAAsD;IACtD,cAAc,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,KAAK,CAAC,cAAc,CAAC,gBAAgB,CAAC,KAAK,MAAM,CAAC;
|
|
1
|
+
{"version":3,"file":"Input.types.d.ts","sourceRoot":"","sources":["../../src/Input/Input.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EACZ,WAAW,EACX,wBAAwB,EACxB,cAAc,EACd,SAAS,EACV,MAAM,OAAO,CAAC;AACf,OAAO,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAC;AACxD,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,OAAO,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AAEpC,MAAM,WAAW,mBACf,SAAQ,wBAAwB,CAAC,OAAO,SAAS,CAAC;IAClD,cAAc,CAAC,EAAE,SAAS,CAAC;CAC5B;AAED,MAAM,WAAW,cAAc;IAC7B,KAAK,CAAC,EAAE,mBAAmB,CAAC;IAC5B,OAAO,CAAC,EAAE,cAAc,CAAC,cAAc,CAAC,CAAC;CAC1C;AAED,MAAM,WAAW,UACf,SAAQ,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAAE,YAAY,CAAC,OAAO,aAAa,CAAC;IACvF,SAAS,CAAC,EAAE,cAAc,CAAC;IAC3B,kEAAkE;IAClE,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,WAAW,CAAC,gBAAgB,CAAC,KAAK,MAAM,CAAC;IAC9E,sDAAsD;IACtD,cAAc,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,KAAK,CAAC,cAAc,CAAC,gBAAgB,CAAC,KAAK,MAAM,CAAC;IAC1F,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"LoadedIcon.d.ts","sourceRoot":"","sources":["../../src/LoadedIcon/LoadedIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAO,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAE7D,OAAO,EAAE,EAAE,EAAE,cAAc,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAI9D,QAAA,MAAM,kBAAkB;;
|
|
1
|
+
{"version":3,"file":"LoadedIcon.d.ts","sourceRoot":"","sources":["../../src/LoadedIcon/LoadedIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAO,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAE7D,OAAO,EAAE,EAAE,EAAE,cAAc,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAI9D,QAAA,MAAM,kBAAkB;;8EAatB,CAAC;AAEH,UAAU,gBACR,SAAQ,cAAc,CAAC,cAAc,CAAC,EACpC,YAAY,CAAC,OAAO,kBAAkB,CAAC;IACzC,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED,eAAO,MAAM,UAAU,EAAE,EAAE,CAAC,iBAAiB,CAAC,gBAAgB,CAAC,CAY9D,CAAC"}
|
package/LoadedIcon/LoadedIcon.js
CHANGED
|
@@ -2,7 +2,9 @@ import { jsx as s } from "react/jsx-runtime";
|
|
|
2
2
|
import { cva as t } from "class-variance-authority";
|
|
3
3
|
import { LoaderCircleIcon as m } from "lucide-react";
|
|
4
4
|
import { cn as c } from "@oneplatformdev/utils";
|
|
5
|
-
const d = t([
|
|
5
|
+
const d = t([
|
|
6
|
+
"relative"
|
|
7
|
+
], {
|
|
6
8
|
variants: {
|
|
7
9
|
size: {
|
|
8
10
|
inherit: "[&_svg]:size-inherit",
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"LoadedIcon.js","sources":["../../src/LoadedIcon/LoadedIcon.tsx"],"sourcesContent":["import { cva, VariantProps } from 'class-variance-authority';\nimport { LoaderCircleIcon } from 'lucide-react';\nimport { FC, HTMLAttributes, PropsWithChildren } from 'react';\n\nimport { cn } from '@oneplatformdev/utils';\n\nconst loadedIconVariants = cva([], {\n variants: {\n size: {\n inherit: '[&_svg]:size-inherit',\n xs: '[&_svg]:size-3',\n sm: '[&_svg]:size-4',\n md: '[&_svg]:size-5',\n lg: '[&_svg]:size-6',\n },\n },\n defaultVariants: { size: 'inherit' },\n});\n\ninterface ILoadedIconProps\n
|
|
1
|
+
{"version":3,"file":"LoadedIcon.js","sources":["../../src/LoadedIcon/LoadedIcon.tsx"],"sourcesContent":["import { cva, VariantProps } from 'class-variance-authority';\nimport { LoaderCircleIcon } from 'lucide-react';\nimport { FC, HTMLAttributes, PropsWithChildren } from 'react';\n\nimport { cn } from '@oneplatformdev/utils';\n\nconst loadedIconVariants = cva([\n 'relative',\n], {\n variants: {\n size: {\n inherit: '[&_svg]:size-inherit',\n xs: '[&_svg]:size-3',\n sm: '[&_svg]:size-4',\n md: '[&_svg]:size-5',\n lg: '[&_svg]:size-6',\n },\n },\n defaultVariants: { size: 'inherit' },\n});\n\ninterface ILoadedIconProps\n extends HTMLAttributes<HTMLDivElement>,\n VariantProps<typeof loadedIconVariants> {\n loading?: boolean;\n}\n\nexport const LoadedIcon: FC<PropsWithChildren<ILoadedIconProps>> = (props) => {\n const { loading, children, size = 'md', className, ...rest } = props;\n return (\n <div\n {...rest}\n className={cn(loadedIconVariants({ size, className }))}\n >\n {loading\n ? <LoaderCircleIcon className=\"animate-spin\"/>\n : children}\n </div>\n );\n};\n"],"names":["loadedIconVariants","cva","LoadedIcon","props","loading","children","size","className","rest","jsx","cn","LoaderCircleIcon"],"mappings":";;;;AAMA,MAAMA,IAAqBC,EAAI;AAAA,EAC7B;AACF,GAAG;AAAA,EACD,UAAU;AAAA,IACR,MAAM;AAAA,MACJ,SAAS;AAAA,MACT,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,IAAA;AAAA,EACN;AAAA,EAEF,iBAAiB,EAAE,MAAM,UAAA;AAC3B,CAAC,GAQYC,IAAsD,CAACC,MAAU;AAC5E,QAAM,EAAE,SAAAC,GAAS,UAAAC,GAAU,MAAAC,IAAO,MAAM,WAAAC,GAAW,GAAGC,MAASL;AAC/D,SACE,gBAAAM;AAAA,IAAC;AAAA,IAAA;AAAA,MACE,GAAGD;AAAA,MACJ,WAAWE,EAAGV,EAAmB,EAAE,MAAAM,GAAM,WAAAC,EAAA,CAAW,CAAC;AAAA,MAEpD,UAAAH,IACG,gBAAAK,EAACE,GAAA,EAAiB,WAAU,gBAAc,IAC1CN;AAAA,IAAA;AAAA,EAAA;AAGV;"}
|
package/Resizable/Resizable.d.ts
CHANGED
|
@@ -1,24 +1,9 @@
|
|
|
1
|
+
import * as React from "react";
|
|
1
2
|
import * as ResizablePrimitive from "react-resizable-panels";
|
|
2
|
-
declare
|
|
3
|
-
declare
|
|
4
|
-
|
|
5
|
-
collapsedSize?: number | undefined;
|
|
6
|
-
collapsible?: boolean | undefined;
|
|
7
|
-
defaultSize?: number | undefined;
|
|
8
|
-
id?: string;
|
|
9
|
-
maxSize?: number | undefined;
|
|
10
|
-
minSize?: number | undefined;
|
|
11
|
-
onCollapse?: ResizablePrimitive.PanelOnCollapse;
|
|
12
|
-
onExpand?: ResizablePrimitive.PanelOnExpand;
|
|
13
|
-
onResize?: ResizablePrimitive.PanelOnResize;
|
|
14
|
-
order?: number;
|
|
15
|
-
style?: object;
|
|
16
|
-
tagName?: keyof HTMLElementTagNameMap | undefined;
|
|
17
|
-
} & {
|
|
18
|
-
children?: import('react').ReactNode | undefined;
|
|
19
|
-
} & import('react').RefAttributes<ResizablePrimitive.ImperativePanelHandle>>;
|
|
20
|
-
declare const ResizableHandle: ({ withHandle, className, ...props }: React.ComponentProps<typeof ResizablePrimitive.PanelResizeHandle> & {
|
|
3
|
+
declare function ResizablePanelGroup({ className, ...props }: React.ComponentProps<typeof ResizablePrimitive.PanelGroup>): import("react/jsx-runtime").JSX.Element;
|
|
4
|
+
declare function ResizablePanel({ ...props }: React.ComponentProps<typeof ResizablePrimitive.Panel>): import("react/jsx-runtime").JSX.Element;
|
|
5
|
+
declare function ResizableHandle(props: React.ComponentProps<typeof ResizablePrimitive.PanelResizeHandle> & {
|
|
21
6
|
withHandle?: boolean;
|
|
22
|
-
})
|
|
7
|
+
}): import("react/jsx-runtime").JSX.Element;
|
|
23
8
|
export { ResizablePanelGroup, ResizablePanel, ResizableHandle };
|
|
24
9
|
//# sourceMappingURL=Resizable.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Resizable.d.ts","sourceRoot":"","sources":["../../src/Resizable/Resizable.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"Resizable.d.ts","sourceRoot":"","sources":["../../src/Resizable/Resizable.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,KAAK,kBAAkB,MAAM,wBAAwB,CAAA;AAI5D,iBAAS,mBAAmB,CAAC,EACE,SAAS,EACT,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,kBAAkB,CAAC,UAAU,CAAC,2CAWzF;AAED,iBAAS,cAAc,CAAC,EACE,GAAG,KAAK,EACT,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,kBAAkB,CAAC,KAAK,CAAC,2CAE/E;AAED,iBAAS,eAAe,CAAC,KAAK,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,kBAAkB,CAAC,iBAAiB,CAAC,GAAG;IAClG,UAAU,CAAC,EAAE,OAAO,CAAA;CACrB,2CAwBA;AAED,OAAO,EAAE,mBAAmB,EAAE,cAAc,EAAE,eAAe,EAAE,CAAA"}
|
package/Resizable/Resizable.js
CHANGED
|
@@ -1,37 +1,54 @@
|
|
|
1
|
-
import { jsx as
|
|
2
|
-
import {
|
|
1
|
+
import { jsx as a, jsxs as s } from "react/jsx-runtime";
|
|
2
|
+
import { GripVerticalIcon as c } from "lucide-react";
|
|
3
3
|
import * as t from "react-resizable-panels";
|
|
4
4
|
import { cn as i } from "@oneplatformdev/utils";
|
|
5
|
-
|
|
6
|
-
className:
|
|
5
|
+
function u({
|
|
6
|
+
className: e,
|
|
7
7
|
...r
|
|
8
|
-
})
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
"
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
8
|
+
}) {
|
|
9
|
+
return /* @__PURE__ */ a(
|
|
10
|
+
t.PanelGroup,
|
|
11
|
+
{
|
|
12
|
+
"data-slot": "resizable-panel-group",
|
|
13
|
+
className: i(
|
|
14
|
+
"flex h-full w-full data-[panel-group-direction=vertical]:flex-col",
|
|
15
|
+
e
|
|
16
|
+
),
|
|
17
|
+
...r
|
|
18
|
+
}
|
|
19
|
+
);
|
|
20
|
+
}
|
|
21
|
+
function b({
|
|
22
|
+
...e
|
|
23
|
+
}) {
|
|
24
|
+
return /* @__PURE__ */ a(t.Panel, { "data-slot": "resizable-panel", ...e });
|
|
25
|
+
}
|
|
26
|
+
function v(e) {
|
|
27
|
+
const {
|
|
28
|
+
withHandle: r,
|
|
29
|
+
className: l,
|
|
30
|
+
children: n,
|
|
31
|
+
...o
|
|
32
|
+
} = e;
|
|
33
|
+
return /* @__PURE__ */ s(
|
|
34
|
+
t.PanelResizeHandle,
|
|
35
|
+
{
|
|
36
|
+
"data-slot": "resizable-handle",
|
|
37
|
+
className: i(
|
|
38
|
+
"bg-border focus-visible:ring-ring relative flex w-px items-center justify-center after:absolute after:inset-y-0 after:left-1/2 after:w-1 after:-translate-x-1/2 focus-visible:ring-1 focus-visible:ring-offset-1 focus-visible:outline-hidden data-[panel-group-direction=vertical]:h-px data-[panel-group-direction=vertical]:w-full data-[panel-group-direction=vertical]:after:left-0 data-[panel-group-direction=vertical]:after:h-1 data-[panel-group-direction=vertical]:after:w-full data-[panel-group-direction=vertical]:after:translate-x-0 data-[panel-group-direction=vertical]:after:-translate-y-1/2 [&[data-panel-group-direction=vertical]>div]:rotate-90",
|
|
39
|
+
l
|
|
40
|
+
),
|
|
41
|
+
...o,
|
|
42
|
+
children: [
|
|
43
|
+
n,
|
|
44
|
+
r && /* @__PURE__ */ a("div", { className: "bg-border z-10 flex h-4 w-3 items-center justify-center rounded-xs border", children: /* @__PURE__ */ a(c, { className: "size-2.5" }) })
|
|
45
|
+
]
|
|
46
|
+
}
|
|
47
|
+
);
|
|
48
|
+
}
|
|
32
49
|
export {
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
50
|
+
v as ResizableHandle,
|
|
51
|
+
b as ResizablePanel,
|
|
52
|
+
u as ResizablePanelGroup
|
|
36
53
|
};
|
|
37
54
|
//# sourceMappingURL=Resizable.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Resizable.js","sources":["../../src/Resizable/Resizable.tsx"],"sourcesContent":["\"use client\"\n\nimport {
|
|
1
|
+
{"version":3,"file":"Resizable.js","sources":["../../src/Resizable/Resizable.tsx"],"sourcesContent":["\"use client\"\n\nimport * as React from \"react\"\nimport { GripVerticalIcon } from \"lucide-react\"\nimport * as ResizablePrimitive from \"react-resizable-panels\"\n\nimport { cn } from \"@oneplatformdev/utils\"\n\nfunction ResizablePanelGroup({\n className,\n ...props\n }: React.ComponentProps<typeof ResizablePrimitive.PanelGroup>) {\n return (\n <ResizablePrimitive.PanelGroup\n data-slot=\"resizable-panel-group\"\n className={cn(\n \"flex h-full w-full data-[panel-group-direction=vertical]:flex-col\",\n className\n )}\n {...props}\n />\n )\n}\n\nfunction ResizablePanel({\n ...props\n }: React.ComponentProps<typeof ResizablePrimitive.Panel>) {\n return <ResizablePrimitive.Panel data-slot=\"resizable-panel\" {...props} />\n}\n\nfunction ResizableHandle(props: React.ComponentProps<typeof ResizablePrimitive.PanelResizeHandle> & {\n withHandle?: boolean\n}) {\n const {\n withHandle,\n className,\n children,\n ...rest\n } = props;\n return (\n <ResizablePrimitive.PanelResizeHandle\n data-slot=\"resizable-handle\"\n className={cn(\n \"bg-border focus-visible:ring-ring relative flex w-px items-center justify-center after:absolute after:inset-y-0 after:left-1/2 after:w-1 after:-translate-x-1/2 focus-visible:ring-1 focus-visible:ring-offset-1 focus-visible:outline-hidden data-[panel-group-direction=vertical]:h-px data-[panel-group-direction=vertical]:w-full data-[panel-group-direction=vertical]:after:left-0 data-[panel-group-direction=vertical]:after:h-1 data-[panel-group-direction=vertical]:after:w-full data-[panel-group-direction=vertical]:after:translate-x-0 data-[panel-group-direction=vertical]:after:-translate-y-1/2 [&[data-panel-group-direction=vertical]>div]:rotate-90\",\n className\n )}\n {...rest}\n >\n {children}\n {withHandle && (\n <div className=\"bg-border z-10 flex h-4 w-3 items-center justify-center rounded-xs border\">\n <GripVerticalIcon className=\"size-2.5\" />\n </div>\n )}\n </ResizablePrimitive.PanelResizeHandle>\n )\n}\n\nexport { ResizablePanelGroup, ResizablePanel, ResizableHandle }\n"],"names":["ResizablePanelGroup","className","props","jsx","ResizablePrimitive","cn","ResizablePanel","ResizableHandle","withHandle","children","rest","jsxs","GripVerticalIcon"],"mappings":";;;;AAQA,SAASA,EAAoB;AAAA,EACE,WAAAC;AAAA,EACA,GAAGC;AACL,GAA+D;AAC1F,SACE,gBAAAC;AAAA,IAACC,EAAmB;AAAA,IAAnB;AAAA,MACC,aAAU;AAAA,MACV,WAAWC;AAAA,QACT;AAAA,QACAJ;AAAA,MAAA;AAAA,MAED,GAAGC;AAAA,IAAA;AAAA,EAAA;AAGV;AAEA,SAASI,EAAe;AAAA,EACE,GAAGJ;AACL,GAA0D;AAChF,2BAAQE,EAAmB,OAAnB,EAAyB,aAAU,mBAAmB,GAAGF,GAAO;AAC1E;AAEA,SAASK,EAAgBL,GAEtB;AACD,QAAM;AAAA,IACJ,YAAAM;AAAA,IACA,WAAAP;AAAA,IACA,UAAAQ;AAAA,IACA,GAAGC;AAAA,EAAA,IACDR;AACJ,SACE,gBAAAS;AAAA,IAACP,EAAmB;AAAA,IAAnB;AAAA,MACC,aAAU;AAAA,MACV,WAAWC;AAAA,QACT;AAAA,QACAJ;AAAA,MAAA;AAAA,MAED,GAAGS;AAAA,MAEH,UAAA;AAAA,QAAAD;AAAA,QACAD,uBACE,OAAA,EAAI,WAAU,6EACb,UAAA,gBAAAL,EAACS,GAAA,EAAiB,WAAU,WAAA,CAAW,EAAA,CACzC;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAIR;"}
|