@apexcura/ui-components 0.0.11-Beta104 → 0.0.11-Beta106
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.css +485 -0
- package/dist/index.d.mts +11 -3
- package/dist/index.d.ts +11 -3
- package/dist/index.js +62 -31
- package/dist/index.mjs +62 -32
- package/package.json +4 -1
- package/postcss.config.js +6 -0
- package/tailwind.config.js +9 -0
package/dist/index.css
ADDED
|
@@ -0,0 +1,485 @@
|
|
|
1
|
+
/* src/styles/index.css */
|
|
2
|
+
*,
|
|
3
|
+
::before,
|
|
4
|
+
::after {
|
|
5
|
+
box-sizing: border-box;
|
|
6
|
+
border-width: 0;
|
|
7
|
+
border-style: solid;
|
|
8
|
+
border-color: #e5e7eb;
|
|
9
|
+
}
|
|
10
|
+
::before,
|
|
11
|
+
::after {
|
|
12
|
+
--tw-content: "";
|
|
13
|
+
}
|
|
14
|
+
html,
|
|
15
|
+
:host {
|
|
16
|
+
line-height: 1.5;
|
|
17
|
+
-webkit-text-size-adjust: 100%;
|
|
18
|
+
-moz-tab-size: 4;
|
|
19
|
+
-o-tab-size: 4;
|
|
20
|
+
tab-size: 4;
|
|
21
|
+
font-family:
|
|
22
|
+
ui-sans-serif,
|
|
23
|
+
system-ui,
|
|
24
|
+
sans-serif,
|
|
25
|
+
"Apple Color Emoji",
|
|
26
|
+
"Segoe UI Emoji",
|
|
27
|
+
"Segoe UI Symbol",
|
|
28
|
+
"Noto Color Emoji";
|
|
29
|
+
font-feature-settings: normal;
|
|
30
|
+
font-variation-settings: normal;
|
|
31
|
+
-webkit-tap-highlight-color: transparent;
|
|
32
|
+
}
|
|
33
|
+
body {
|
|
34
|
+
margin: 0;
|
|
35
|
+
line-height: inherit;
|
|
36
|
+
}
|
|
37
|
+
hr {
|
|
38
|
+
height: 0;
|
|
39
|
+
color: inherit;
|
|
40
|
+
border-top-width: 1px;
|
|
41
|
+
}
|
|
42
|
+
abbr:where([title]) {
|
|
43
|
+
-webkit-text-decoration: underline dotted;
|
|
44
|
+
text-decoration: underline dotted;
|
|
45
|
+
}
|
|
46
|
+
h1,
|
|
47
|
+
h2,
|
|
48
|
+
h3,
|
|
49
|
+
h4,
|
|
50
|
+
h5,
|
|
51
|
+
h6 {
|
|
52
|
+
font-size: inherit;
|
|
53
|
+
font-weight: inherit;
|
|
54
|
+
}
|
|
55
|
+
a {
|
|
56
|
+
color: inherit;
|
|
57
|
+
text-decoration: inherit;
|
|
58
|
+
}
|
|
59
|
+
b,
|
|
60
|
+
strong {
|
|
61
|
+
font-weight: bolder;
|
|
62
|
+
}
|
|
63
|
+
code,
|
|
64
|
+
kbd,
|
|
65
|
+
samp,
|
|
66
|
+
pre {
|
|
67
|
+
font-family:
|
|
68
|
+
ui-monospace,
|
|
69
|
+
SFMono-Regular,
|
|
70
|
+
Menlo,
|
|
71
|
+
Monaco,
|
|
72
|
+
Consolas,
|
|
73
|
+
"Liberation Mono",
|
|
74
|
+
"Courier New",
|
|
75
|
+
monospace;
|
|
76
|
+
font-feature-settings: normal;
|
|
77
|
+
font-variation-settings: normal;
|
|
78
|
+
font-size: 1em;
|
|
79
|
+
}
|
|
80
|
+
small {
|
|
81
|
+
font-size: 80%;
|
|
82
|
+
}
|
|
83
|
+
sub,
|
|
84
|
+
sup {
|
|
85
|
+
font-size: 75%;
|
|
86
|
+
line-height: 0;
|
|
87
|
+
position: relative;
|
|
88
|
+
vertical-align: baseline;
|
|
89
|
+
}
|
|
90
|
+
sub {
|
|
91
|
+
bottom: -0.25em;
|
|
92
|
+
}
|
|
93
|
+
sup {
|
|
94
|
+
top: -0.5em;
|
|
95
|
+
}
|
|
96
|
+
table {
|
|
97
|
+
text-indent: 0;
|
|
98
|
+
border-color: inherit;
|
|
99
|
+
border-collapse: collapse;
|
|
100
|
+
}
|
|
101
|
+
button,
|
|
102
|
+
input,
|
|
103
|
+
optgroup,
|
|
104
|
+
select,
|
|
105
|
+
textarea {
|
|
106
|
+
font-family: inherit;
|
|
107
|
+
font-feature-settings: inherit;
|
|
108
|
+
font-variation-settings: inherit;
|
|
109
|
+
font-size: 100%;
|
|
110
|
+
font-weight: inherit;
|
|
111
|
+
line-height: inherit;
|
|
112
|
+
letter-spacing: inherit;
|
|
113
|
+
color: inherit;
|
|
114
|
+
margin: 0;
|
|
115
|
+
padding: 0;
|
|
116
|
+
}
|
|
117
|
+
button,
|
|
118
|
+
select {
|
|
119
|
+
text-transform: none;
|
|
120
|
+
}
|
|
121
|
+
button,
|
|
122
|
+
input:where([type=button]),
|
|
123
|
+
input:where([type=reset]),
|
|
124
|
+
input:where([type=submit]) {
|
|
125
|
+
-webkit-appearance: button;
|
|
126
|
+
background-color: transparent;
|
|
127
|
+
background-image: none;
|
|
128
|
+
}
|
|
129
|
+
:-moz-focusring {
|
|
130
|
+
outline: auto;
|
|
131
|
+
}
|
|
132
|
+
:-moz-ui-invalid {
|
|
133
|
+
box-shadow: none;
|
|
134
|
+
}
|
|
135
|
+
progress {
|
|
136
|
+
vertical-align: baseline;
|
|
137
|
+
}
|
|
138
|
+
::-webkit-inner-spin-button,
|
|
139
|
+
::-webkit-outer-spin-button {
|
|
140
|
+
height: auto;
|
|
141
|
+
}
|
|
142
|
+
[type=search] {
|
|
143
|
+
-webkit-appearance: textfield;
|
|
144
|
+
outline-offset: -2px;
|
|
145
|
+
}
|
|
146
|
+
::-webkit-search-decoration {
|
|
147
|
+
-webkit-appearance: none;
|
|
148
|
+
}
|
|
149
|
+
::-webkit-file-upload-button {
|
|
150
|
+
-webkit-appearance: button;
|
|
151
|
+
font: inherit;
|
|
152
|
+
}
|
|
153
|
+
summary {
|
|
154
|
+
display: list-item;
|
|
155
|
+
}
|
|
156
|
+
blockquote,
|
|
157
|
+
dl,
|
|
158
|
+
dd,
|
|
159
|
+
h1,
|
|
160
|
+
h2,
|
|
161
|
+
h3,
|
|
162
|
+
h4,
|
|
163
|
+
h5,
|
|
164
|
+
h6,
|
|
165
|
+
hr,
|
|
166
|
+
figure,
|
|
167
|
+
p,
|
|
168
|
+
pre {
|
|
169
|
+
margin: 0;
|
|
170
|
+
}
|
|
171
|
+
fieldset {
|
|
172
|
+
margin: 0;
|
|
173
|
+
padding: 0;
|
|
174
|
+
}
|
|
175
|
+
legend {
|
|
176
|
+
padding: 0;
|
|
177
|
+
}
|
|
178
|
+
ol,
|
|
179
|
+
ul,
|
|
180
|
+
menu {
|
|
181
|
+
list-style: none;
|
|
182
|
+
margin: 0;
|
|
183
|
+
padding: 0;
|
|
184
|
+
}
|
|
185
|
+
dialog {
|
|
186
|
+
padding: 0;
|
|
187
|
+
}
|
|
188
|
+
textarea {
|
|
189
|
+
resize: vertical;
|
|
190
|
+
}
|
|
191
|
+
input::-moz-placeholder,
|
|
192
|
+
textarea::-moz-placeholder {
|
|
193
|
+
opacity: 1;
|
|
194
|
+
color: #9ca3af;
|
|
195
|
+
}
|
|
196
|
+
input::placeholder,
|
|
197
|
+
textarea::placeholder {
|
|
198
|
+
opacity: 1;
|
|
199
|
+
color: #9ca3af;
|
|
200
|
+
}
|
|
201
|
+
button,
|
|
202
|
+
[role=button] {
|
|
203
|
+
cursor: pointer;
|
|
204
|
+
}
|
|
205
|
+
:disabled {
|
|
206
|
+
cursor: default;
|
|
207
|
+
}
|
|
208
|
+
img,
|
|
209
|
+
svg,
|
|
210
|
+
video,
|
|
211
|
+
canvas,
|
|
212
|
+
audio,
|
|
213
|
+
iframe,
|
|
214
|
+
embed,
|
|
215
|
+
object {
|
|
216
|
+
display: block;
|
|
217
|
+
vertical-align: middle;
|
|
218
|
+
}
|
|
219
|
+
img,
|
|
220
|
+
video {
|
|
221
|
+
max-width: 100%;
|
|
222
|
+
height: auto;
|
|
223
|
+
}
|
|
224
|
+
[hidden] {
|
|
225
|
+
display: none;
|
|
226
|
+
}
|
|
227
|
+
*,
|
|
228
|
+
::before,
|
|
229
|
+
::after {
|
|
230
|
+
--tw-border-spacing-x: 0;
|
|
231
|
+
--tw-border-spacing-y: 0;
|
|
232
|
+
--tw-translate-x: 0;
|
|
233
|
+
--tw-translate-y: 0;
|
|
234
|
+
--tw-rotate: 0;
|
|
235
|
+
--tw-skew-x: 0;
|
|
236
|
+
--tw-skew-y: 0;
|
|
237
|
+
--tw-scale-x: 1;
|
|
238
|
+
--tw-scale-y: 1;
|
|
239
|
+
--tw-pan-x: ;
|
|
240
|
+
--tw-pan-y: ;
|
|
241
|
+
--tw-pinch-zoom: ;
|
|
242
|
+
--tw-scroll-snap-strictness: proximity;
|
|
243
|
+
--tw-gradient-from-position: ;
|
|
244
|
+
--tw-gradient-via-position: ;
|
|
245
|
+
--tw-gradient-to-position: ;
|
|
246
|
+
--tw-ordinal: ;
|
|
247
|
+
--tw-slashed-zero: ;
|
|
248
|
+
--tw-numeric-figure: ;
|
|
249
|
+
--tw-numeric-spacing: ;
|
|
250
|
+
--tw-numeric-fraction: ;
|
|
251
|
+
--tw-ring-inset: ;
|
|
252
|
+
--tw-ring-offset-width: 0px;
|
|
253
|
+
--tw-ring-offset-color: #fff;
|
|
254
|
+
--tw-ring-color: rgb(59 130 246 / 0.5);
|
|
255
|
+
--tw-ring-offset-shadow: 0 0 #0000;
|
|
256
|
+
--tw-ring-shadow: 0 0 #0000;
|
|
257
|
+
--tw-shadow: 0 0 #0000;
|
|
258
|
+
--tw-shadow-colored: 0 0 #0000;
|
|
259
|
+
--tw-blur: ;
|
|
260
|
+
--tw-brightness: ;
|
|
261
|
+
--tw-contrast: ;
|
|
262
|
+
--tw-grayscale: ;
|
|
263
|
+
--tw-hue-rotate: ;
|
|
264
|
+
--tw-invert: ;
|
|
265
|
+
--tw-saturate: ;
|
|
266
|
+
--tw-sepia: ;
|
|
267
|
+
--tw-drop-shadow: ;
|
|
268
|
+
--tw-backdrop-blur: ;
|
|
269
|
+
--tw-backdrop-brightness: ;
|
|
270
|
+
--tw-backdrop-contrast: ;
|
|
271
|
+
--tw-backdrop-grayscale: ;
|
|
272
|
+
--tw-backdrop-hue-rotate: ;
|
|
273
|
+
--tw-backdrop-invert: ;
|
|
274
|
+
--tw-backdrop-opacity: ;
|
|
275
|
+
--tw-backdrop-saturate: ;
|
|
276
|
+
--tw-backdrop-sepia: ;
|
|
277
|
+
--tw-contain-size: ;
|
|
278
|
+
--tw-contain-layout: ;
|
|
279
|
+
--tw-contain-paint: ;
|
|
280
|
+
--tw-contain-style: ;
|
|
281
|
+
}
|
|
282
|
+
::backdrop {
|
|
283
|
+
--tw-border-spacing-x: 0;
|
|
284
|
+
--tw-border-spacing-y: 0;
|
|
285
|
+
--tw-translate-x: 0;
|
|
286
|
+
--tw-translate-y: 0;
|
|
287
|
+
--tw-rotate: 0;
|
|
288
|
+
--tw-skew-x: 0;
|
|
289
|
+
--tw-skew-y: 0;
|
|
290
|
+
--tw-scale-x: 1;
|
|
291
|
+
--tw-scale-y: 1;
|
|
292
|
+
--tw-pan-x: ;
|
|
293
|
+
--tw-pan-y: ;
|
|
294
|
+
--tw-pinch-zoom: ;
|
|
295
|
+
--tw-scroll-snap-strictness: proximity;
|
|
296
|
+
--tw-gradient-from-position: ;
|
|
297
|
+
--tw-gradient-via-position: ;
|
|
298
|
+
--tw-gradient-to-position: ;
|
|
299
|
+
--tw-ordinal: ;
|
|
300
|
+
--tw-slashed-zero: ;
|
|
301
|
+
--tw-numeric-figure: ;
|
|
302
|
+
--tw-numeric-spacing: ;
|
|
303
|
+
--tw-numeric-fraction: ;
|
|
304
|
+
--tw-ring-inset: ;
|
|
305
|
+
--tw-ring-offset-width: 0px;
|
|
306
|
+
--tw-ring-offset-color: #fff;
|
|
307
|
+
--tw-ring-color: rgb(59 130 246 / 0.5);
|
|
308
|
+
--tw-ring-offset-shadow: 0 0 #0000;
|
|
309
|
+
--tw-ring-shadow: 0 0 #0000;
|
|
310
|
+
--tw-shadow: 0 0 #0000;
|
|
311
|
+
--tw-shadow-colored: 0 0 #0000;
|
|
312
|
+
--tw-blur: ;
|
|
313
|
+
--tw-brightness: ;
|
|
314
|
+
--tw-contrast: ;
|
|
315
|
+
--tw-grayscale: ;
|
|
316
|
+
--tw-hue-rotate: ;
|
|
317
|
+
--tw-invert: ;
|
|
318
|
+
--tw-saturate: ;
|
|
319
|
+
--tw-sepia: ;
|
|
320
|
+
--tw-drop-shadow: ;
|
|
321
|
+
--tw-backdrop-blur: ;
|
|
322
|
+
--tw-backdrop-brightness: ;
|
|
323
|
+
--tw-backdrop-contrast: ;
|
|
324
|
+
--tw-backdrop-grayscale: ;
|
|
325
|
+
--tw-backdrop-hue-rotate: ;
|
|
326
|
+
--tw-backdrop-invert: ;
|
|
327
|
+
--tw-backdrop-opacity: ;
|
|
328
|
+
--tw-backdrop-saturate: ;
|
|
329
|
+
--tw-backdrop-sepia: ;
|
|
330
|
+
--tw-contain-size: ;
|
|
331
|
+
--tw-contain-layout: ;
|
|
332
|
+
--tw-contain-paint: ;
|
|
333
|
+
--tw-contain-style: ;
|
|
334
|
+
}
|
|
335
|
+
.visible {
|
|
336
|
+
visibility: visible;
|
|
337
|
+
}
|
|
338
|
+
.\!m-\[10px\] {
|
|
339
|
+
margin: 10px !important;
|
|
340
|
+
}
|
|
341
|
+
.m-\[10px\] {
|
|
342
|
+
margin: 10px;
|
|
343
|
+
}
|
|
344
|
+
.table {
|
|
345
|
+
display: table;
|
|
346
|
+
}
|
|
347
|
+
.h-\[40px\] {
|
|
348
|
+
height: 40px;
|
|
349
|
+
}
|
|
350
|
+
.w-\[126px\] {
|
|
351
|
+
width: 126px;
|
|
352
|
+
}
|
|
353
|
+
.\!rounded-\[8px\] {
|
|
354
|
+
border-radius: 8px !important;
|
|
355
|
+
}
|
|
356
|
+
.rounded-\[8px\] {
|
|
357
|
+
border-radius: 8px;
|
|
358
|
+
}
|
|
359
|
+
.rounded-full {
|
|
360
|
+
border-radius: 9999px;
|
|
361
|
+
}
|
|
362
|
+
.\!border {
|
|
363
|
+
border-width: 1px !important;
|
|
364
|
+
}
|
|
365
|
+
.border {
|
|
366
|
+
border-width: 1px;
|
|
367
|
+
}
|
|
368
|
+
.border-none {
|
|
369
|
+
border-style: none;
|
|
370
|
+
}
|
|
371
|
+
.\!border-\[\#B8A4DE\] {
|
|
372
|
+
--tw-border-opacity: 1 !important;
|
|
373
|
+
border-color: rgb(184 164 222 / var(--tw-border-opacity)) !important;
|
|
374
|
+
}
|
|
375
|
+
.border-\[\#919191\] {
|
|
376
|
+
--tw-border-opacity: 1;
|
|
377
|
+
border-color: rgb(145 145 145 / var(--tw-border-opacity));
|
|
378
|
+
}
|
|
379
|
+
.\!bg-\[\#E2D6F8\] {
|
|
380
|
+
--tw-bg-opacity: 1 !important;
|
|
381
|
+
background-color: rgb(226 214 248 / var(--tw-bg-opacity)) !important;
|
|
382
|
+
}
|
|
383
|
+
.bg-\[\#F2F2F2\] {
|
|
384
|
+
--tw-bg-opacity: 1;
|
|
385
|
+
background-color: rgb(242 242 242 / var(--tw-bg-opacity));
|
|
386
|
+
}
|
|
387
|
+
.bg-purple-800 {
|
|
388
|
+
--tw-bg-opacity: 1;
|
|
389
|
+
background-color: rgb(107 33 168 / var(--tw-bg-opacity));
|
|
390
|
+
}
|
|
391
|
+
.p-\[6px\] {
|
|
392
|
+
padding: 6px;
|
|
393
|
+
}
|
|
394
|
+
.\!text-center {
|
|
395
|
+
text-align: center !important;
|
|
396
|
+
}
|
|
397
|
+
.text-center {
|
|
398
|
+
text-align: center;
|
|
399
|
+
}
|
|
400
|
+
.italic {
|
|
401
|
+
font-style: italic;
|
|
402
|
+
}
|
|
403
|
+
.\!text-black {
|
|
404
|
+
--tw-text-opacity: 1 !important;
|
|
405
|
+
color: rgb(0 0 0 / var(--tw-text-opacity)) !important;
|
|
406
|
+
}
|
|
407
|
+
.text-white {
|
|
408
|
+
--tw-text-opacity: 1;
|
|
409
|
+
color: rgb(255 255 255 / var(--tw-text-opacity));
|
|
410
|
+
}
|
|
411
|
+
.\!shadow-\[0px_0px_1px_1px_\#919191\] {
|
|
412
|
+
--tw-shadow: 0px 0px 1px 1px #919191 !important;
|
|
413
|
+
--tw-shadow-colored: 0px 0px 1px 1px var(--tw-shadow-color) !important;
|
|
414
|
+
box-shadow:
|
|
415
|
+
var(--tw-ring-offset-shadow, 0 0 #0000),
|
|
416
|
+
var(--tw-ring-shadow, 0 0 #0000),
|
|
417
|
+
var(--tw-shadow) !important;
|
|
418
|
+
}
|
|
419
|
+
.shadow-\[0px_0px_1px_1px_\#919191\] {
|
|
420
|
+
--tw-shadow: 0px 0px 1px 1px #919191;
|
|
421
|
+
--tw-shadow-colored: 0px 0px 1px 1px var(--tw-shadow-color);
|
|
422
|
+
box-shadow:
|
|
423
|
+
var(--tw-ring-offset-shadow, 0 0 #0000),
|
|
424
|
+
var(--tw-ring-shadow, 0 0 #0000),
|
|
425
|
+
var(--tw-shadow);
|
|
426
|
+
}
|
|
427
|
+
.shadow-\[0px_0px_1px_1px_\#B8A4DE\] {
|
|
428
|
+
--tw-shadow: 0px 0px 1px 1px #B8A4DE;
|
|
429
|
+
--tw-shadow-colored: 0px 0px 1px 1px var(--tw-shadow-color);
|
|
430
|
+
box-shadow:
|
|
431
|
+
var(--tw-ring-offset-shadow, 0 0 #0000),
|
|
432
|
+
var(--tw-ring-shadow, 0 0 #0000),
|
|
433
|
+
var(--tw-shadow);
|
|
434
|
+
}
|
|
435
|
+
.shadow-lg {
|
|
436
|
+
--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
|
|
437
|
+
--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
|
|
438
|
+
box-shadow:
|
|
439
|
+
var(--tw-ring-offset-shadow, 0 0 #0000),
|
|
440
|
+
var(--tw-ring-shadow, 0 0 #0000),
|
|
441
|
+
var(--tw-shadow);
|
|
442
|
+
}
|
|
443
|
+
.filter {
|
|
444
|
+
filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
|
|
445
|
+
}
|
|
446
|
+
.submit:where(.css-dev-only-do-not-override-1r287do).ant-btn-default:not(:disabled):not(.ant-btn-disabled):hover {
|
|
447
|
+
color: #472D7A;
|
|
448
|
+
background-color: white;
|
|
449
|
+
border: solid 1px #472D7A;
|
|
450
|
+
}
|
|
451
|
+
:where(.css-dev-only-do-not-override-1r287do).ant-radio-button-wrapper {
|
|
452
|
+
border: 1px solid #919191;
|
|
453
|
+
}
|
|
454
|
+
:where(.css-dev-only-do-not-override-1r287do).ant-input-affix-wrapper {
|
|
455
|
+
border: solid 1px #919191;
|
|
456
|
+
width: 275px;
|
|
457
|
+
height: 16px;
|
|
458
|
+
padding: 16px;
|
|
459
|
+
gap: 10px;
|
|
460
|
+
}
|
|
461
|
+
:where(.css-dev-only-do-not-override-1r287do).ant-input-outlined:hover {
|
|
462
|
+
border: solid 1px #919191;
|
|
463
|
+
}
|
|
464
|
+
:where(.css-dev-only-do-not-override-1r287do).ant-input-outlined:focus {
|
|
465
|
+
border: solid 1px #919191;
|
|
466
|
+
}
|
|
467
|
+
:where(.css-dev-only-do-not-override-1r287do).ant-input-outlined:focus-within {
|
|
468
|
+
border: solid 1px #919191;
|
|
469
|
+
}
|
|
470
|
+
:where(.css-dev-only-do-not-override-1r287do).ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled)::before {
|
|
471
|
+
display: none;
|
|
472
|
+
}
|
|
473
|
+
:where(.css-dev-only-do-not-override-1r287do).ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled)::after {
|
|
474
|
+
display: none;
|
|
475
|
+
}
|
|
476
|
+
:where(.css-dev-only-do-not-override-1r287do).ant-radio-button-wrapper:not(:first-child)::before {
|
|
477
|
+
width: 0;
|
|
478
|
+
}
|
|
479
|
+
:where(.css-dev-only-do-not-override-1r287do).ant-radio-button-wrapper:first-child {
|
|
480
|
+
border-inline-start: 1px solid rgb(145 145 145);
|
|
481
|
+
}
|
|
482
|
+
.hover\:bg-\[\#F2F2F2\]:hover {
|
|
483
|
+
--tw-bg-opacity: 1;
|
|
484
|
+
background-color: rgb(242 242 242 / var(--tw-bg-opacity));
|
|
485
|
+
}
|
package/dist/index.d.mts
CHANGED
|
@@ -1,6 +1,8 @@
|
|
|
1
1
|
import React$1 from 'react';
|
|
2
2
|
|
|
3
3
|
type ElementType = {
|
|
4
|
+
selectedStyle: boolean;
|
|
5
|
+
style: boolean;
|
|
4
6
|
className: string | undefined;
|
|
5
7
|
placeholder?: string;
|
|
6
8
|
addonBefore?: React.ReactNode;
|
|
@@ -11,7 +13,6 @@ type ElementType = {
|
|
|
11
13
|
value?: string | number | boolean | any[] | null;
|
|
12
14
|
status?: "error" | "warning";
|
|
13
15
|
styles?: React.CSSProperties;
|
|
14
|
-
classNames?: string;
|
|
15
16
|
variant?: "outlined" | "borderless" | "filled";
|
|
16
17
|
label?: string;
|
|
17
18
|
name?: string;
|
|
@@ -27,6 +28,11 @@ type ElementType = {
|
|
|
27
28
|
variable_data?: any[];
|
|
28
29
|
optionType?: string;
|
|
29
30
|
selectedClassName?: string;
|
|
31
|
+
action?: React.MouseEventHandler<HTMLElement> | string;
|
|
32
|
+
listClassName?: string;
|
|
33
|
+
listItemClassName?: string;
|
|
34
|
+
img?: string;
|
|
35
|
+
items?: any[];
|
|
30
36
|
};
|
|
31
37
|
|
|
32
38
|
interface ElementExecuterProps$3 extends ElementType {
|
|
@@ -71,8 +77,10 @@ declare const SingleSelectElement: (props: ElementType) => React$1.JSX.Element;
|
|
|
71
77
|
|
|
72
78
|
declare const MultipleSelectElement: (props: ElementType) => React$1.JSX.Element;
|
|
73
79
|
|
|
74
|
-
declare const ButtonElement:
|
|
80
|
+
declare const ButtonElement: React$1.FC<ElementType>;
|
|
75
81
|
|
|
76
82
|
declare const AddMoreTable: (props: ElementType) => React$1.JSX.Element;
|
|
77
83
|
|
|
78
|
-
|
|
84
|
+
declare const Sidebar: (props: ElementType) => React$1.JSX.Element;
|
|
85
|
+
|
|
86
|
+
export { AddMoreTable, ButtonElement, CheckboxElement, CkEditor, MultipleSelectElement, NumberElement, PasswordElement, RadioElement, SelectElement, Sidebar, SingleSelectElement, TextElement, TextareaElement };
|
package/dist/index.d.ts
CHANGED
|
@@ -1,6 +1,8 @@
|
|
|
1
1
|
import React$1 from 'react';
|
|
2
2
|
|
|
3
3
|
type ElementType = {
|
|
4
|
+
selectedStyle: boolean;
|
|
5
|
+
style: boolean;
|
|
4
6
|
className: string | undefined;
|
|
5
7
|
placeholder?: string;
|
|
6
8
|
addonBefore?: React.ReactNode;
|
|
@@ -11,7 +13,6 @@ type ElementType = {
|
|
|
11
13
|
value?: string | number | boolean | any[] | null;
|
|
12
14
|
status?: "error" | "warning";
|
|
13
15
|
styles?: React.CSSProperties;
|
|
14
|
-
classNames?: string;
|
|
15
16
|
variant?: "outlined" | "borderless" | "filled";
|
|
16
17
|
label?: string;
|
|
17
18
|
name?: string;
|
|
@@ -27,6 +28,11 @@ type ElementType = {
|
|
|
27
28
|
variable_data?: any[];
|
|
28
29
|
optionType?: string;
|
|
29
30
|
selectedClassName?: string;
|
|
31
|
+
action?: React.MouseEventHandler<HTMLElement> | string;
|
|
32
|
+
listClassName?: string;
|
|
33
|
+
listItemClassName?: string;
|
|
34
|
+
img?: string;
|
|
35
|
+
items?: any[];
|
|
30
36
|
};
|
|
31
37
|
|
|
32
38
|
interface ElementExecuterProps$3 extends ElementType {
|
|
@@ -71,8 +77,10 @@ declare const SingleSelectElement: (props: ElementType) => React$1.JSX.Element;
|
|
|
71
77
|
|
|
72
78
|
declare const MultipleSelectElement: (props: ElementType) => React$1.JSX.Element;
|
|
73
79
|
|
|
74
|
-
declare const ButtonElement:
|
|
80
|
+
declare const ButtonElement: React$1.FC<ElementType>;
|
|
75
81
|
|
|
76
82
|
declare const AddMoreTable: (props: ElementType) => React$1.JSX.Element;
|
|
77
83
|
|
|
78
|
-
|
|
84
|
+
declare const Sidebar: (props: ElementType) => React$1.JSX.Element;
|
|
85
|
+
|
|
86
|
+
export { AddMoreTable, ButtonElement, CheckboxElement, CkEditor, MultipleSelectElement, NumberElement, PasswordElement, RadioElement, SelectElement, Sidebar, SingleSelectElement, TextElement, TextareaElement };
|
package/dist/index.js
CHANGED
|
@@ -39,6 +39,7 @@ __export(src_exports, {
|
|
|
39
39
|
PasswordElement: () => PasswordElement,
|
|
40
40
|
RadioElement: () => RadioElement,
|
|
41
41
|
SelectElement: () => SelectElement,
|
|
42
|
+
Sidebar: () => Sidebar,
|
|
42
43
|
SingleSelectElement: () => SingleSelectElement,
|
|
43
44
|
TextElement: () => TextElement,
|
|
44
45
|
TextareaElement: () => TextareaElement
|
|
@@ -62,7 +63,7 @@ var TextElement = (props) => {
|
|
|
62
63
|
type: props.type,
|
|
63
64
|
status: props.status,
|
|
64
65
|
style: props.styles,
|
|
65
|
-
className: props.
|
|
66
|
+
className: props.className,
|
|
66
67
|
variant: props.variant,
|
|
67
68
|
name: props.name,
|
|
68
69
|
onChange: (e) => props.onChange(e.target.value)
|
|
@@ -103,7 +104,7 @@ var NumberElement = (props) => {
|
|
|
103
104
|
const newValue = e.target.value.replace(/[^0-9]/g, "");
|
|
104
105
|
props.onChange(newValue);
|
|
105
106
|
};
|
|
106
|
-
return /* @__PURE__ */ import_react3.default.createElement(
|
|
107
|
+
return /* @__PURE__ */ import_react3.default.createElement(
|
|
107
108
|
import_antd3.Input,
|
|
108
109
|
{
|
|
109
110
|
placeholder: props.placeholder,
|
|
@@ -115,13 +116,12 @@ var NumberElement = (props) => {
|
|
|
115
116
|
prefix: props.prefix,
|
|
116
117
|
type: props.type,
|
|
117
118
|
status: props.status,
|
|
118
|
-
|
|
119
|
-
className: props.classNames,
|
|
119
|
+
className: props.className,
|
|
120
120
|
variant: props.variant,
|
|
121
121
|
name: props.name,
|
|
122
122
|
onChange: handleInputChange
|
|
123
123
|
}
|
|
124
|
-
)
|
|
124
|
+
);
|
|
125
125
|
};
|
|
126
126
|
|
|
127
127
|
// src/Components/TextareaElement.tsx
|
|
@@ -129,7 +129,7 @@ var import_react4 = __toESM(require("react"));
|
|
|
129
129
|
var import_antd4 = require("antd");
|
|
130
130
|
var { TextArea } = import_antd4.Input;
|
|
131
131
|
var TextareaElement = (props) => {
|
|
132
|
-
return /* @__PURE__ */ import_react4.default.createElement(import_antd4.Flex,
|
|
132
|
+
return /* @__PURE__ */ import_react4.default.createElement(import_antd4.Flex, null, /* @__PURE__ */ import_react4.default.createElement(
|
|
133
133
|
TextArea,
|
|
134
134
|
{
|
|
135
135
|
placeholder: props.placeholder,
|
|
@@ -138,8 +138,7 @@ var TextareaElement = (props) => {
|
|
|
138
138
|
disabled: props.disabled,
|
|
139
139
|
id: props.name,
|
|
140
140
|
status: props.status,
|
|
141
|
-
|
|
142
|
-
className: props.classNames,
|
|
141
|
+
className: props.className,
|
|
143
142
|
variant: props.variant,
|
|
144
143
|
name: props.name,
|
|
145
144
|
showCount: true,
|
|
@@ -177,7 +176,7 @@ var SelectElement = (props) => {
|
|
|
177
176
|
id: props.name,
|
|
178
177
|
status: props.status,
|
|
179
178
|
style: props.styles,
|
|
180
|
-
className: props.
|
|
179
|
+
className: props.className,
|
|
181
180
|
variant: props.variant,
|
|
182
181
|
onChange: handleChange
|
|
183
182
|
}
|
|
@@ -187,13 +186,13 @@ var SelectElement = (props) => {
|
|
|
187
186
|
// src/Components/RadioElement.tsx
|
|
188
187
|
var import_react6 = __toESM(require("react"));
|
|
189
188
|
var import_antd6 = require("antd");
|
|
189
|
+
var containerClassName = " ";
|
|
190
|
+
var className = "bg-[#F2F2F2] border border-[#919191] !rounded-[8px] !m-[10px] hover:bg-[#F2F2F2] !text-center !text-black !shadow-[0px_0px_1px_1px_#919191]";
|
|
191
|
+
var selectedClassName = "!bg-[#E2D6F8] !border !border-[#B8A4DE] rounded-[8px] p-[6px] m-[10px] shadow-[0px_0px_1px_1px_#B8A4DE] text-center !text-black shadow-[0px_0px_1px_1px_#919191]";
|
|
190
192
|
var RadioElement = (props) => {
|
|
191
193
|
const [isDisabled, setIsDisabled] = (0, import_react6.useState)(props.disabled);
|
|
192
194
|
const [selectedValue, setSelectedValue] = (0, import_react6.useState)(props.value);
|
|
193
|
-
|
|
194
|
-
if (props.optionType === "button") {
|
|
195
|
-
optionType = props.optionType;
|
|
196
|
-
}
|
|
195
|
+
const optionType = props.optionType === "button" ? "button" : void 0;
|
|
197
196
|
const handleChange = (e) => {
|
|
198
197
|
const selectedVal = e.target.value;
|
|
199
198
|
const selectedOptions = [{ id: selectedVal, value: selectedVal }];
|
|
@@ -203,21 +202,29 @@ var RadioElement = (props) => {
|
|
|
203
202
|
props.onChange(selectedOptions);
|
|
204
203
|
}
|
|
205
204
|
};
|
|
206
|
-
const
|
|
207
|
-
|
|
208
|
-
|
|
209
|
-
|
|
210
|
-
}));
|
|
211
|
-
return /* @__PURE__ */ import_react6.default.createElement(
|
|
205
|
+
const getButtonStyle = (option) => {
|
|
206
|
+
return selectedValue === option.value ? `${selectedClassName} ${option.selectedClassName}` : `${className} ${option.className}`;
|
|
207
|
+
};
|
|
208
|
+
return /* @__PURE__ */ import_react6.default.createElement("div", { className: containerClassName }, /* @__PURE__ */ import_react6.default.createElement(
|
|
212
209
|
import_antd6.Radio.Group,
|
|
213
210
|
{
|
|
214
|
-
options: radioOptions,
|
|
215
211
|
onChange: handleChange,
|
|
216
|
-
disabled: isDisabled,
|
|
217
212
|
optionType,
|
|
218
|
-
className: props.className
|
|
219
|
-
|
|
220
|
-
|
|
213
|
+
className: props.className,
|
|
214
|
+
value: selectedValue
|
|
215
|
+
},
|
|
216
|
+
props.options && props.options.map((option) => /* @__PURE__ */ import_react6.default.createElement(
|
|
217
|
+
import_antd6.Radio,
|
|
218
|
+
{
|
|
219
|
+
key: option.value,
|
|
220
|
+
value: option.value,
|
|
221
|
+
disabled: isDisabled && selectedValue !== option.value,
|
|
222
|
+
className: getButtonStyle(option),
|
|
223
|
+
style: { pointerEvents: isDisabled && selectedValue !== option.value ? "none" : "auto" }
|
|
224
|
+
},
|
|
225
|
+
option.label
|
|
226
|
+
))
|
|
227
|
+
));
|
|
221
228
|
};
|
|
222
229
|
|
|
223
230
|
// src/Components/Checkbox.tsx
|
|
@@ -251,7 +258,7 @@ var CheckboxElement = (props) => {
|
|
|
251
258
|
disabled: props.disabled,
|
|
252
259
|
id: props.name,
|
|
253
260
|
style: props.styles,
|
|
254
|
-
className: props.
|
|
261
|
+
className: props.className,
|
|
255
262
|
onChange: onHandleAllChanges,
|
|
256
263
|
checked: checkAll
|
|
257
264
|
},
|
|
@@ -261,7 +268,7 @@ var CheckboxElement = (props) => {
|
|
|
261
268
|
{
|
|
262
269
|
disabled: props.disabled,
|
|
263
270
|
style: props.styles,
|
|
264
|
-
className: props.
|
|
271
|
+
className: props.className,
|
|
265
272
|
options: plainOptions,
|
|
266
273
|
value: checkedList,
|
|
267
274
|
onChange: handleChange
|
|
@@ -378,7 +385,20 @@ var MultipleSelectElement = (props) => {
|
|
|
378
385
|
// src/Components/Button.tsx
|
|
379
386
|
var import_react12 = __toESM(require("react"));
|
|
380
387
|
var import_antd10 = require("antd");
|
|
381
|
-
var
|
|
388
|
+
var defaultClassName = "w-[126px] h-[40px] bg-purple-800 text-white rounded-full shadow-lg submit border-none";
|
|
389
|
+
var ButtonElement = (props) => {
|
|
390
|
+
const handleClick = typeof props.action === "string" ? () => {
|
|
391
|
+
console.log("Performing action:", props.action);
|
|
392
|
+
} : props.action;
|
|
393
|
+
return /* @__PURE__ */ import_react12.default.createElement(
|
|
394
|
+
import_antd10.Button,
|
|
395
|
+
{
|
|
396
|
+
onClick: handleClick,
|
|
397
|
+
className: `${defaultClassName} ${props.className ? props.className : ""}`
|
|
398
|
+
},
|
|
399
|
+
props.label
|
|
400
|
+
);
|
|
401
|
+
};
|
|
382
402
|
|
|
383
403
|
// src/Components/AddMoreTable.tsx
|
|
384
404
|
var import_react13 = __toESM(require("react"));
|
|
@@ -394,6 +414,7 @@ var AddMoreTable = (props) => {
|
|
|
394
414
|
label: "Medicine",
|
|
395
415
|
name: "Medicine",
|
|
396
416
|
type: "text",
|
|
417
|
+
element: "single-select",
|
|
397
418
|
variable_data: [
|
|
398
419
|
{
|
|
399
420
|
id: 1,
|
|
@@ -458,9 +479,9 @@ var AddMoreTable = (props) => {
|
|
|
458
479
|
return null;
|
|
459
480
|
const { element: type, label } = element;
|
|
460
481
|
if (type === "single-select") {
|
|
461
|
-
return /* @__PURE__ */ import_react13.default.createElement(SingleSelectElement, { onChange: (value2) => console.log(label, value2), optionType: "", className: void 0 });
|
|
482
|
+
return /* @__PURE__ */ import_react13.default.createElement(SingleSelectElement, { onChange: (value2) => console.log(label, value2), optionType: "", className: void 0, selectedStyle: false, style: false });
|
|
462
483
|
} else if (type === "textarea") {
|
|
463
|
-
return /* @__PURE__ */ import_react13.default.createElement(TextareaElement, { onChange: (value2) => console.log(label, value2), optionType: "", className: void 0 });
|
|
484
|
+
return /* @__PURE__ */ import_react13.default.createElement(TextareaElement, { onChange: (value2) => console.log(label, value2), optionType: "", className: void 0, selectedStyle: false, style: false });
|
|
464
485
|
} else {
|
|
465
486
|
return null;
|
|
466
487
|
}
|
|
@@ -474,8 +495,7 @@ var AddMoreTable = (props) => {
|
|
|
474
495
|
label: eachRow.label
|
|
475
496
|
})
|
|
476
497
|
};
|
|
477
|
-
|
|
478
|
-
eachRow.variable_data.map((variable, subIndex) => {
|
|
498
|
+
eachRow.variable_data.forEach((variable, subIndex) => {
|
|
479
499
|
Object.keys(variable).forEach((key) => {
|
|
480
500
|
if (key === "SubRows") {
|
|
481
501
|
rowData[`${key}`] = /* @__PURE__ */ import_react13.default.createElement("div", { key: subIndex }, eachRow.variable_data.length > 1 && /* @__PURE__ */ import_react13.default.createElement(import_antd11.Button, { onClick: () => onHandleSubRowsDelete(rowIndex, subIndex) }, /* @__PURE__ */ import_react13.default.createElement(import_icons2.DeleteOutlined, null)), subIndex === eachRow.variable_data.length - 1 && /* @__PURE__ */ import_react13.default.createElement(import_antd11.Button, { onClick: () => onHandleSubRowsAdd(rowIndex) }, /* @__PURE__ */ import_react13.default.createElement(import_icons2.PlusOutlined, null)));
|
|
@@ -485,6 +505,7 @@ var AddMoreTable = (props) => {
|
|
|
485
505
|
});
|
|
486
506
|
});
|
|
487
507
|
rowData.actions = /* @__PURE__ */ import_react13.default.createElement("div", null, /* @__PURE__ */ import_react13.default.createElement(import_antd11.Button, { onClick: () => onHandleDelete(eachRow.id) }, /* @__PURE__ */ import_react13.default.createElement(import_icons2.DeleteOutlined, null)), rowIndex === rows.length - 1 && /* @__PURE__ */ import_react13.default.createElement(import_antd11.Button, { onClick: onHandleRows }, /* @__PURE__ */ import_react13.default.createElement(import_icons2.PlusOutlined, null)));
|
|
508
|
+
console.log("=====rowdata", rowData);
|
|
488
509
|
return rowData;
|
|
489
510
|
});
|
|
490
511
|
const columns = thead && thead.length > 0 ? thead.map((eachHeadEl) => ({
|
|
@@ -509,6 +530,15 @@ var AddMoreTable = (props) => {
|
|
|
509
530
|
}
|
|
510
531
|
);
|
|
511
532
|
};
|
|
533
|
+
|
|
534
|
+
// src/Components/Sidebar.tsx
|
|
535
|
+
var import_react14 = __toESM(require("react"));
|
|
536
|
+
var Sidebar = (props) => {
|
|
537
|
+
return /* @__PURE__ */ import_react14.default.createElement("div", { className: props.className }, /* @__PURE__ */ import_react14.default.createElement("div", null, /* @__PURE__ */ import_react14.default.createElement("img", { src: props.img, alt: "logo" }), /* @__PURE__ */ import_react14.default.createElement("p", null, props.name)), /* @__PURE__ */ import_react14.default.createElement("ul", { className: props.listClassName }), props.items?.map((item) => {
|
|
538
|
+
console.log("item------", item);
|
|
539
|
+
return /* @__PURE__ */ import_react14.default.createElement("div", { className: props.listItemClassName }, /* @__PURE__ */ import_react14.default.createElement("span", null, item.icon), /* @__PURE__ */ import_react14.default.createElement("span", null, item.label));
|
|
540
|
+
}));
|
|
541
|
+
};
|
|
512
542
|
// Annotate the CommonJS export names for ESM import in node:
|
|
513
543
|
0 && (module.exports = {
|
|
514
544
|
AddMoreTable,
|
|
@@ -520,6 +550,7 @@ var AddMoreTable = (props) => {
|
|
|
520
550
|
PasswordElement,
|
|
521
551
|
RadioElement,
|
|
522
552
|
SelectElement,
|
|
553
|
+
Sidebar,
|
|
523
554
|
SingleSelectElement,
|
|
524
555
|
TextElement,
|
|
525
556
|
TextareaElement
|
package/dist/index.mjs
CHANGED
|
@@ -15,7 +15,7 @@ var TextElement = (props) => {
|
|
|
15
15
|
type: props.type,
|
|
16
16
|
status: props.status,
|
|
17
17
|
style: props.styles,
|
|
18
|
-
className: props.
|
|
18
|
+
className: props.className,
|
|
19
19
|
variant: props.variant,
|
|
20
20
|
name: props.name,
|
|
21
21
|
onChange: (e) => props.onChange(e.target.value)
|
|
@@ -56,7 +56,7 @@ var NumberElement = (props) => {
|
|
|
56
56
|
const newValue = e.target.value.replace(/[^0-9]/g, "");
|
|
57
57
|
props.onChange(newValue);
|
|
58
58
|
};
|
|
59
|
-
return /* @__PURE__ */ React3.createElement(
|
|
59
|
+
return /* @__PURE__ */ React3.createElement(
|
|
60
60
|
AntInput2,
|
|
61
61
|
{
|
|
62
62
|
placeholder: props.placeholder,
|
|
@@ -68,13 +68,12 @@ var NumberElement = (props) => {
|
|
|
68
68
|
prefix: props.prefix,
|
|
69
69
|
type: props.type,
|
|
70
70
|
status: props.status,
|
|
71
|
-
|
|
72
|
-
className: props.classNames,
|
|
71
|
+
className: props.className,
|
|
73
72
|
variant: props.variant,
|
|
74
73
|
name: props.name,
|
|
75
74
|
onChange: handleInputChange
|
|
76
75
|
}
|
|
77
|
-
)
|
|
76
|
+
);
|
|
78
77
|
};
|
|
79
78
|
|
|
80
79
|
// src/Components/TextareaElement.tsx
|
|
@@ -82,7 +81,7 @@ import React4 from "react";
|
|
|
82
81
|
import { Flex, Input as Input2 } from "antd";
|
|
83
82
|
var { TextArea } = Input2;
|
|
84
83
|
var TextareaElement = (props) => {
|
|
85
|
-
return /* @__PURE__ */ React4.createElement(Flex,
|
|
84
|
+
return /* @__PURE__ */ React4.createElement(Flex, null, /* @__PURE__ */ React4.createElement(
|
|
86
85
|
TextArea,
|
|
87
86
|
{
|
|
88
87
|
placeholder: props.placeholder,
|
|
@@ -91,8 +90,7 @@ var TextareaElement = (props) => {
|
|
|
91
90
|
disabled: props.disabled,
|
|
92
91
|
id: props.name,
|
|
93
92
|
status: props.status,
|
|
94
|
-
|
|
95
|
-
className: props.classNames,
|
|
93
|
+
className: props.className,
|
|
96
94
|
variant: props.variant,
|
|
97
95
|
name: props.name,
|
|
98
96
|
showCount: true,
|
|
@@ -130,7 +128,7 @@ var SelectElement = (props) => {
|
|
|
130
128
|
id: props.name,
|
|
131
129
|
status: props.status,
|
|
132
130
|
style: props.styles,
|
|
133
|
-
className: props.
|
|
131
|
+
className: props.className,
|
|
134
132
|
variant: props.variant,
|
|
135
133
|
onChange: handleChange
|
|
136
134
|
}
|
|
@@ -140,13 +138,13 @@ var SelectElement = (props) => {
|
|
|
140
138
|
// src/Components/RadioElement.tsx
|
|
141
139
|
import React6, { useState as useState2 } from "react";
|
|
142
140
|
import { Radio } from "antd";
|
|
141
|
+
var containerClassName = " ";
|
|
142
|
+
var className = "bg-[#F2F2F2] border border-[#919191] !rounded-[8px] !m-[10px] hover:bg-[#F2F2F2] !text-center !text-black !shadow-[0px_0px_1px_1px_#919191]";
|
|
143
|
+
var selectedClassName = "!bg-[#E2D6F8] !border !border-[#B8A4DE] rounded-[8px] p-[6px] m-[10px] shadow-[0px_0px_1px_1px_#B8A4DE] text-center !text-black shadow-[0px_0px_1px_1px_#919191]";
|
|
143
144
|
var RadioElement = (props) => {
|
|
144
145
|
const [isDisabled, setIsDisabled] = useState2(props.disabled);
|
|
145
146
|
const [selectedValue, setSelectedValue] = useState2(props.value);
|
|
146
|
-
|
|
147
|
-
if (props.optionType === "button") {
|
|
148
|
-
optionType = props.optionType;
|
|
149
|
-
}
|
|
147
|
+
const optionType = props.optionType === "button" ? "button" : void 0;
|
|
150
148
|
const handleChange = (e) => {
|
|
151
149
|
const selectedVal = e.target.value;
|
|
152
150
|
const selectedOptions = [{ id: selectedVal, value: selectedVal }];
|
|
@@ -156,21 +154,29 @@ var RadioElement = (props) => {
|
|
|
156
154
|
props.onChange(selectedOptions);
|
|
157
155
|
}
|
|
158
156
|
};
|
|
159
|
-
const
|
|
160
|
-
|
|
161
|
-
|
|
162
|
-
|
|
163
|
-
}));
|
|
164
|
-
return /* @__PURE__ */ React6.createElement(
|
|
157
|
+
const getButtonStyle = (option) => {
|
|
158
|
+
return selectedValue === option.value ? `${selectedClassName} ${option.selectedClassName}` : `${className} ${option.className}`;
|
|
159
|
+
};
|
|
160
|
+
return /* @__PURE__ */ React6.createElement("div", { className: containerClassName }, /* @__PURE__ */ React6.createElement(
|
|
165
161
|
Radio.Group,
|
|
166
162
|
{
|
|
167
|
-
options: radioOptions,
|
|
168
163
|
onChange: handleChange,
|
|
169
|
-
disabled: isDisabled,
|
|
170
164
|
optionType,
|
|
171
|
-
className: props.className
|
|
172
|
-
|
|
173
|
-
|
|
165
|
+
className: props.className,
|
|
166
|
+
value: selectedValue
|
|
167
|
+
},
|
|
168
|
+
props.options && props.options.map((option) => /* @__PURE__ */ React6.createElement(
|
|
169
|
+
Radio,
|
|
170
|
+
{
|
|
171
|
+
key: option.value,
|
|
172
|
+
value: option.value,
|
|
173
|
+
disabled: isDisabled && selectedValue !== option.value,
|
|
174
|
+
className: getButtonStyle(option),
|
|
175
|
+
style: { pointerEvents: isDisabled && selectedValue !== option.value ? "none" : "auto" }
|
|
176
|
+
},
|
|
177
|
+
option.label
|
|
178
|
+
))
|
|
179
|
+
));
|
|
174
180
|
};
|
|
175
181
|
|
|
176
182
|
// src/Components/Checkbox.tsx
|
|
@@ -204,7 +210,7 @@ var CheckboxElement = (props) => {
|
|
|
204
210
|
disabled: props.disabled,
|
|
205
211
|
id: props.name,
|
|
206
212
|
style: props.styles,
|
|
207
|
-
className: props.
|
|
213
|
+
className: props.className,
|
|
208
214
|
onChange: onHandleAllChanges,
|
|
209
215
|
checked: checkAll
|
|
210
216
|
},
|
|
@@ -214,7 +220,7 @@ var CheckboxElement = (props) => {
|
|
|
214
220
|
{
|
|
215
221
|
disabled: props.disabled,
|
|
216
222
|
style: props.styles,
|
|
217
|
-
className: props.
|
|
223
|
+
className: props.className,
|
|
218
224
|
options: plainOptions,
|
|
219
225
|
value: checkedList,
|
|
220
226
|
onChange: handleChange
|
|
@@ -330,8 +336,21 @@ var MultipleSelectElement = (props) => {
|
|
|
330
336
|
|
|
331
337
|
// src/Components/Button.tsx
|
|
332
338
|
import React11 from "react";
|
|
333
|
-
import { Button as Button2
|
|
334
|
-
var
|
|
339
|
+
import { Button as Button2 } from "antd";
|
|
340
|
+
var defaultClassName = "w-[126px] h-[40px] bg-purple-800 text-white rounded-full shadow-lg submit border-none";
|
|
341
|
+
var ButtonElement = (props) => {
|
|
342
|
+
const handleClick = typeof props.action === "string" ? () => {
|
|
343
|
+
console.log("Performing action:", props.action);
|
|
344
|
+
} : props.action;
|
|
345
|
+
return /* @__PURE__ */ React11.createElement(
|
|
346
|
+
Button2,
|
|
347
|
+
{
|
|
348
|
+
onClick: handleClick,
|
|
349
|
+
className: `${defaultClassName} ${props.className ? props.className : ""}`
|
|
350
|
+
},
|
|
351
|
+
props.label
|
|
352
|
+
);
|
|
353
|
+
};
|
|
335
354
|
|
|
336
355
|
// src/Components/AddMoreTable.tsx
|
|
337
356
|
import React12, { useEffect, useState as useState4 } from "react";
|
|
@@ -347,6 +366,7 @@ var AddMoreTable = (props) => {
|
|
|
347
366
|
label: "Medicine",
|
|
348
367
|
name: "Medicine",
|
|
349
368
|
type: "text",
|
|
369
|
+
element: "single-select",
|
|
350
370
|
variable_data: [
|
|
351
371
|
{
|
|
352
372
|
id: 1,
|
|
@@ -411,9 +431,9 @@ var AddMoreTable = (props) => {
|
|
|
411
431
|
return null;
|
|
412
432
|
const { element: type, label } = element;
|
|
413
433
|
if (type === "single-select") {
|
|
414
|
-
return /* @__PURE__ */ React12.createElement(SingleSelectElement, { onChange: (value2) => console.log(label, value2), optionType: "", className: void 0 });
|
|
434
|
+
return /* @__PURE__ */ React12.createElement(SingleSelectElement, { onChange: (value2) => console.log(label, value2), optionType: "", className: void 0, selectedStyle: false, style: false });
|
|
415
435
|
} else if (type === "textarea") {
|
|
416
|
-
return /* @__PURE__ */ React12.createElement(TextareaElement, { onChange: (value2) => console.log(label, value2), optionType: "", className: void 0 });
|
|
436
|
+
return /* @__PURE__ */ React12.createElement(TextareaElement, { onChange: (value2) => console.log(label, value2), optionType: "", className: void 0, selectedStyle: false, style: false });
|
|
417
437
|
} else {
|
|
418
438
|
return null;
|
|
419
439
|
}
|
|
@@ -427,8 +447,7 @@ var AddMoreTable = (props) => {
|
|
|
427
447
|
label: eachRow.label
|
|
428
448
|
})
|
|
429
449
|
};
|
|
430
|
-
|
|
431
|
-
eachRow.variable_data.map((variable, subIndex) => {
|
|
450
|
+
eachRow.variable_data.forEach((variable, subIndex) => {
|
|
432
451
|
Object.keys(variable).forEach((key) => {
|
|
433
452
|
if (key === "SubRows") {
|
|
434
453
|
rowData[`${key}`] = /* @__PURE__ */ React12.createElement("div", { key: subIndex }, eachRow.variable_data.length > 1 && /* @__PURE__ */ React12.createElement(Button3, { onClick: () => onHandleSubRowsDelete(rowIndex, subIndex) }, /* @__PURE__ */ React12.createElement(DeleteOutlined, null)), subIndex === eachRow.variable_data.length - 1 && /* @__PURE__ */ React12.createElement(Button3, { onClick: () => onHandleSubRowsAdd(rowIndex) }, /* @__PURE__ */ React12.createElement(PlusOutlined, null)));
|
|
@@ -438,6 +457,7 @@ var AddMoreTable = (props) => {
|
|
|
438
457
|
});
|
|
439
458
|
});
|
|
440
459
|
rowData.actions = /* @__PURE__ */ React12.createElement("div", null, /* @__PURE__ */ React12.createElement(Button3, { onClick: () => onHandleDelete(eachRow.id) }, /* @__PURE__ */ React12.createElement(DeleteOutlined, null)), rowIndex === rows.length - 1 && /* @__PURE__ */ React12.createElement(Button3, { onClick: onHandleRows }, /* @__PURE__ */ React12.createElement(PlusOutlined, null)));
|
|
460
|
+
console.log("=====rowdata", rowData);
|
|
441
461
|
return rowData;
|
|
442
462
|
});
|
|
443
463
|
const columns = thead && thead.length > 0 ? thead.map((eachHeadEl) => ({
|
|
@@ -462,6 +482,15 @@ var AddMoreTable = (props) => {
|
|
|
462
482
|
}
|
|
463
483
|
);
|
|
464
484
|
};
|
|
485
|
+
|
|
486
|
+
// src/Components/Sidebar.tsx
|
|
487
|
+
import React13 from "react";
|
|
488
|
+
var Sidebar = (props) => {
|
|
489
|
+
return /* @__PURE__ */ React13.createElement("div", { className: props.className }, /* @__PURE__ */ React13.createElement("div", null, /* @__PURE__ */ React13.createElement("img", { src: props.img, alt: "logo" }), /* @__PURE__ */ React13.createElement("p", null, props.name)), /* @__PURE__ */ React13.createElement("ul", { className: props.listClassName }), props.items?.map((item) => {
|
|
490
|
+
console.log("item------", item);
|
|
491
|
+
return /* @__PURE__ */ React13.createElement("div", { className: props.listItemClassName }, /* @__PURE__ */ React13.createElement("span", null, item.icon), /* @__PURE__ */ React13.createElement("span", null, item.label));
|
|
492
|
+
}));
|
|
493
|
+
};
|
|
465
494
|
export {
|
|
466
495
|
AddMoreTable,
|
|
467
496
|
ButtonElement,
|
|
@@ -472,6 +501,7 @@ export {
|
|
|
472
501
|
PasswordElement,
|
|
473
502
|
RadioElement,
|
|
474
503
|
SelectElement,
|
|
504
|
+
Sidebar,
|
|
475
505
|
SingleSelectElement,
|
|
476
506
|
TextElement,
|
|
477
507
|
TextareaElement
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@apexcura/ui-components",
|
|
3
|
-
"version": "0.0.11-
|
|
3
|
+
"version": "0.0.11-Beta106",
|
|
4
4
|
"description": "Apex cura React components library",
|
|
5
5
|
"keywords": [
|
|
6
6
|
"apex cura",
|
|
@@ -36,10 +36,13 @@
|
|
|
36
36
|
"@types/react-global-configuration": "^1.3.3",
|
|
37
37
|
"@types/testing-library__react": "^10.2.0",
|
|
38
38
|
"antd": "^5.16.5",
|
|
39
|
+
"autoprefixer": "^10.4.19",
|
|
39
40
|
"jest": "^29.7.0",
|
|
40
41
|
"jest-environment-jsdom": "^29.7.0",
|
|
42
|
+
"postcss": "^8.4.38",
|
|
41
43
|
"react": "^18.3.1",
|
|
42
44
|
"react-dom": "^18.3.1",
|
|
45
|
+
"tailwindcss": "^3.4.3",
|
|
43
46
|
"ts-jest": "^29.1.2",
|
|
44
47
|
"tsup": "^8.0.2",
|
|
45
48
|
"typescript": "^5.4.5"
|