@apexcura/ui-components 0.0.11-Beta13 → 0.0.11-Beta131

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 ADDED
@@ -0,0 +1,496 @@
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
+ .flex {
345
+ display: flex;
346
+ }
347
+ .table {
348
+ display: table;
349
+ }
350
+ .h-\[40px\] {
351
+ height: 40px;
352
+ }
353
+ .w-\[126px\] {
354
+ width: 126px;
355
+ }
356
+ .items-center {
357
+ align-items: center;
358
+ }
359
+ .space-x-4 > :not([hidden]) ~ :not([hidden]) {
360
+ --tw-space-x-reverse: 0;
361
+ margin-right: calc(1rem * var(--tw-space-x-reverse));
362
+ margin-left: calc(1rem * calc(1 - var(--tw-space-x-reverse)));
363
+ }
364
+ .\!rounded-\[8px\] {
365
+ border-radius: 8px !important;
366
+ }
367
+ .rounded-\[8px\] {
368
+ border-radius: 8px;
369
+ }
370
+ .rounded-full {
371
+ border-radius: 9999px;
372
+ }
373
+ .\!border {
374
+ border-width: 1px !important;
375
+ }
376
+ .border {
377
+ border-width: 1px;
378
+ }
379
+ .border-none {
380
+ border-style: none;
381
+ }
382
+ .\!border-\[\#B8A4DE\] {
383
+ --tw-border-opacity: 1 !important;
384
+ border-color: rgb(184 164 222 / var(--tw-border-opacity)) !important;
385
+ }
386
+ .border-\[\#919191\] {
387
+ --tw-border-opacity: 1;
388
+ border-color: rgb(145 145 145 / var(--tw-border-opacity));
389
+ }
390
+ .\!bg-\[\#E2D6F8\] {
391
+ --tw-bg-opacity: 1 !important;
392
+ background-color: rgb(226 214 248 / var(--tw-bg-opacity)) !important;
393
+ }
394
+ .bg-\[\#F2F2F2\] {
395
+ --tw-bg-opacity: 1;
396
+ background-color: rgb(242 242 242 / var(--tw-bg-opacity));
397
+ }
398
+ .bg-purple-800 {
399
+ --tw-bg-opacity: 1;
400
+ background-color: rgb(107 33 168 / var(--tw-bg-opacity));
401
+ }
402
+ .p-\[6px\] {
403
+ padding: 6px;
404
+ }
405
+ .\!text-center {
406
+ text-align: center !important;
407
+ }
408
+ .text-center {
409
+ text-align: center;
410
+ }
411
+ .italic {
412
+ font-style: italic;
413
+ }
414
+ .\!text-black {
415
+ --tw-text-opacity: 1 !important;
416
+ color: rgb(0 0 0 / var(--tw-text-opacity)) !important;
417
+ }
418
+ .text-white {
419
+ --tw-text-opacity: 1;
420
+ color: rgb(255 255 255 / var(--tw-text-opacity));
421
+ }
422
+ .\!shadow-\[0px_0px_1px_1px_\#919191\] {
423
+ --tw-shadow: 0px 0px 1px 1px #919191 !important;
424
+ --tw-shadow-colored: 0px 0px 1px 1px var(--tw-shadow-color) !important;
425
+ box-shadow:
426
+ var(--tw-ring-offset-shadow, 0 0 #0000),
427
+ var(--tw-ring-shadow, 0 0 #0000),
428
+ var(--tw-shadow) !important;
429
+ }
430
+ .shadow-\[0px_0px_1px_1px_\#919191\] {
431
+ --tw-shadow: 0px 0px 1px 1px #919191;
432
+ --tw-shadow-colored: 0px 0px 1px 1px var(--tw-shadow-color);
433
+ box-shadow:
434
+ var(--tw-ring-offset-shadow, 0 0 #0000),
435
+ var(--tw-ring-shadow, 0 0 #0000),
436
+ var(--tw-shadow);
437
+ }
438
+ .shadow-\[0px_0px_1px_1px_\#B8A4DE\] {
439
+ --tw-shadow: 0px 0px 1px 1px #B8A4DE;
440
+ --tw-shadow-colored: 0px 0px 1px 1px var(--tw-shadow-color);
441
+ box-shadow:
442
+ var(--tw-ring-offset-shadow, 0 0 #0000),
443
+ var(--tw-ring-shadow, 0 0 #0000),
444
+ var(--tw-shadow);
445
+ }
446
+ .shadow-lg {
447
+ --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
448
+ --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
449
+ box-shadow:
450
+ var(--tw-ring-offset-shadow, 0 0 #0000),
451
+ var(--tw-ring-shadow, 0 0 #0000),
452
+ var(--tw-shadow);
453
+ }
454
+ .filter {
455
+ 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);
456
+ }
457
+ .submit:where(.css-dev-only-do-not-override-1r287do).ant-btn-default:not(:disabled):not(.ant-btn-disabled):hover {
458
+ color: #472D7A;
459
+ background-color: white;
460
+ border: solid 1px #472D7A;
461
+ }
462
+ :where(.css-dev-only-do-not-override-1r287do).ant-radio-button-wrapper {
463
+ border: 1px solid #919191;
464
+ }
465
+ :where(.css-dev-only-do-not-override-1r287do).ant-input-affix-wrapper {
466
+ border: solid 1px #919191;
467
+ width: 275px;
468
+ height: 16px;
469
+ padding: 16px;
470
+ gap: 10px;
471
+ }
472
+ :where(.css-dev-only-do-not-override-1r287do).ant-input-outlined:hover {
473
+ border: solid 1px #919191;
474
+ }
475
+ :where(.css-dev-only-do-not-override-1r287do).ant-input-outlined:focus {
476
+ border: solid 1px #919191;
477
+ }
478
+ :where(.css-dev-only-do-not-override-1r287do).ant-input-outlined:focus-within {
479
+ border: solid 1px #919191;
480
+ }
481
+ :where(.css-dev-only-do-not-override-1r287do).ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled)::before {
482
+ display: none;
483
+ }
484
+ :where(.css-dev-only-do-not-override-1r287do).ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled)::after {
485
+ display: none;
486
+ }
487
+ :where(.css-dev-only-do-not-override-1r287do).ant-radio-button-wrapper:not(:first-child)::before {
488
+ width: 0;
489
+ }
490
+ :where(.css-dev-only-do-not-override-1r287do).ant-radio-button-wrapper:first-child {
491
+ border-inline-start: 1px solid rgb(145 145 145);
492
+ }
493
+ .hover\:bg-\[\#F2F2F2\]:hover {
494
+ --tw-bg-opacity: 1;
495
+ background-color: rgb(242 242 242 / var(--tw-bg-opacity));
496
+ }
package/dist/index.d.mts CHANGED
@@ -1,28 +1,49 @@
1
1
  import React$1 from 'react';
2
2
 
3
3
  type ElementType = {
4
+ [x: string]: any;
5
+ selectedStyle: boolean;
6
+ style: boolean;
7
+ className: string | undefined;
4
8
  placeholder?: string;
5
9
  addonBefore?: React.ReactNode;
6
10
  defaultValue?: string;
7
11
  disabled?: boolean;
8
12
  prefix?: React.ReactNode;
9
13
  type?: string;
10
- value?: string | number | boolean | any[];
14
+ value?: string | number | boolean | any[] | null;
11
15
  status?: "error" | "warning";
12
16
  styles?: React.CSSProperties;
13
- classNames?: string;
14
17
  variant?: "outlined" | "borderless" | "filled";
15
18
  label?: string;
16
19
  name?: string;
17
20
  suffix?: React.ReactNode;
18
21
  maxLength?: number;
19
22
  fieldNames?: any[];
23
+ options?: any[];
20
24
  onChange?: (value: string | number | boolean | any[]) => void;
21
25
  dropDownOptions?: any[];
22
26
  id?: number;
23
27
  thead?: any[];
24
28
  tbody?: any[];
25
29
  variable_data?: any[];
30
+ optionType?: string;
31
+ selectedClassName?: string;
32
+ action?: React.MouseEventHandler<HTMLElement> | string;
33
+ listClassName?: string;
34
+ listItemClassName?: string;
35
+ img?: string;
36
+ items?: any[];
37
+ primaryText?: string;
38
+ secondaryText?: string;
39
+ count?: number;
40
+ icon?: React.JSX.Element;
41
+ placement?: string;
42
+ profileImage?: string;
43
+ subContainerClassName?: string;
44
+ countClassName?: string;
45
+ buttonClassName?: string;
46
+ profileImageClassName?: string;
26
47
  };
27
48
 
28
49
  interface ElementExecuterProps$3 extends ElementType {
@@ -67,8 +88,12 @@ declare const SingleSelectElement: (props: ElementType) => React$1.JSX.Element;
67
88
 
68
89
  declare const MultipleSelectElement: (props: ElementType) => React$1.JSX.Element;
69
90
 
70
- declare const ButtonElement: () => React$1.JSX.Element;
91
+ declare const ButtonElement: React$1.FC<ElementType>;
71
92
 
72
93
  declare const AddMoreTable: (props: ElementType) => React$1.JSX.Element;
73
94
 
74
- export { AddMoreTable, ButtonElement, CheckboxElement, CkEditor, MultipleSelectElement, NumberElement, PasswordElement, RadioElement, SelectElement, SingleSelectElement, TextElement, TextareaElement };
95
+ declare const Sidebar: (props: ElementType) => React$1.JSX.Element;
96
+
97
+ declare const Navbar: (props: ElementType) => React$1.JSX.Element;
98
+
99
+ export { AddMoreTable, ButtonElement, CheckboxElement, CkEditor, MultipleSelectElement, Navbar, NumberElement, PasswordElement, RadioElement, SelectElement, Sidebar, SingleSelectElement, TextElement, TextareaElement };
package/dist/index.d.ts CHANGED
@@ -1,28 +1,49 @@
1
1
  import React$1 from 'react';
2
2
 
3
3
  type ElementType = {
4
+ [x: string]: any;
5
+ selectedStyle: boolean;
6
+ style: boolean;
7
+ className: string | undefined;
4
8
  placeholder?: string;
5
9
  addonBefore?: React.ReactNode;
6
10
  defaultValue?: string;
7
11
  disabled?: boolean;
8
12
  prefix?: React.ReactNode;
9
13
  type?: string;
10
- value?: string | number | boolean | any[];
14
+ value?: string | number | boolean | any[] | null;
11
15
  status?: "error" | "warning";
12
16
  styles?: React.CSSProperties;
13
- classNames?: string;
14
17
  variant?: "outlined" | "borderless" | "filled";
15
18
  label?: string;
16
19
  name?: string;
17
20
  suffix?: React.ReactNode;
18
21
  maxLength?: number;
19
22
  fieldNames?: any[];
23
+ options?: any[];
20
24
  onChange?: (value: string | number | boolean | any[]) => void;
21
25
  dropDownOptions?: any[];
22
26
  id?: number;
23
27
  thead?: any[];
24
28
  tbody?: any[];
25
29
  variable_data?: any[];
30
+ optionType?: string;
31
+ selectedClassName?: string;
32
+ action?: React.MouseEventHandler<HTMLElement> | string;
33
+ listClassName?: string;
34
+ listItemClassName?: string;
35
+ img?: string;
36
+ items?: any[];
37
+ primaryText?: string;
38
+ secondaryText?: string;
39
+ count?: number;
40
+ icon?: React.JSX.Element;
41
+ placement?: string;
42
+ profileImage?: string;
43
+ subContainerClassName?: string;
44
+ countClassName?: string;
45
+ buttonClassName?: string;
46
+ profileImageClassName?: string;
26
47
  };
27
48
 
28
49
  interface ElementExecuterProps$3 extends ElementType {
@@ -67,8 +88,12 @@ declare const SingleSelectElement: (props: ElementType) => React$1.JSX.Element;
67
88
 
68
89
  declare const MultipleSelectElement: (props: ElementType) => React$1.JSX.Element;
69
90
 
70
- declare const ButtonElement: () => React$1.JSX.Element;
91
+ declare const ButtonElement: React$1.FC<ElementType>;
71
92
 
72
93
  declare const AddMoreTable: (props: ElementType) => React$1.JSX.Element;
73
94
 
74
- export { AddMoreTable, ButtonElement, CheckboxElement, CkEditor, MultipleSelectElement, NumberElement, PasswordElement, RadioElement, SelectElement, SingleSelectElement, TextElement, TextareaElement };
95
+ declare const Sidebar: (props: ElementType) => React$1.JSX.Element;
96
+
97
+ declare const Navbar: (props: ElementType) => React$1.JSX.Element;
98
+
99
+ export { AddMoreTable, ButtonElement, CheckboxElement, CkEditor, MultipleSelectElement, Navbar, NumberElement, PasswordElement, RadioElement, SelectElement, Sidebar, SingleSelectElement, TextElement, TextareaElement };