@apexcura/ui-components 0.0.12-Beta7 → 0.0.12-Beta71

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,486 @@
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;
340
+ }
341
+ .ml-\[-7px\] {
342
+ margin-left: -7px;
343
+ }
344
+ .mt-\[-10px\] {
345
+ margin-top: -10px;
346
+ }
347
+ .flex {
348
+ display: flex;
349
+ }
350
+ .table {
351
+ display: table;
352
+ }
353
+ .h-\[40px\] {
354
+ height: 40px;
355
+ }
356
+ .w-\[126px\] {
357
+ width: 126px;
358
+ }
359
+ .w-full {
360
+ width: 100%;
361
+ }
362
+ .justify-between {
363
+ justify-content: space-between;
364
+ }
365
+ .rounded-\[8px\] {
366
+ border-radius: 8px;
367
+ }
368
+ .rounded-full {
369
+ border-radius: 9999px;
370
+ }
371
+ .border {
372
+ border-width: 1px;
373
+ }
374
+ .border-none {
375
+ border-style: none;
376
+ }
377
+ .border-\[\#919191\] {
378
+ --tw-border-opacity: 1;
379
+ border-color: rgb(145 145 145 / var(--tw-border-opacity));
380
+ }
381
+ .border-\[\#B8A4DE\] {
382
+ --tw-border-opacity: 1;
383
+ border-color: rgb(184 164 222 / var(--tw-border-opacity));
384
+ }
385
+ .bg-\[\#E2D6F8\] {
386
+ --tw-bg-opacity: 1;
387
+ background-color: rgb(226 214 248 / var(--tw-bg-opacity));
388
+ }
389
+ .bg-\[\#F2F2F2\] {
390
+ --tw-bg-opacity: 1;
391
+ background-color: rgb(242 242 242 / var(--tw-bg-opacity));
392
+ }
393
+ .bg-purple-800 {
394
+ --tw-bg-opacity: 1;
395
+ background-color: rgb(107 33 168 / var(--tw-bg-opacity));
396
+ }
397
+ .p-\[6px\] {
398
+ padding: 6px;
399
+ }
400
+ .pl-\[3px\] {
401
+ padding-left: 3px;
402
+ }
403
+ .text-center {
404
+ text-align: center;
405
+ }
406
+ .text-\[10px\] {
407
+ font-size: 10px;
408
+ }
409
+ .italic {
410
+ font-style: italic;
411
+ }
412
+ .text-black {
413
+ --tw-text-opacity: 1;
414
+ color: rgb(0 0 0 / var(--tw-text-opacity));
415
+ }
416
+ .text-white {
417
+ --tw-text-opacity: 1;
418
+ color: rgb(255 255 255 / var(--tw-text-opacity));
419
+ }
420
+ .shadow-\[0px_0px_1px_1px_\#919191\] {
421
+ --tw-shadow: 0px 0px 1px 1px #919191;
422
+ --tw-shadow-colored: 0px 0px 1px 1px var(--tw-shadow-color);
423
+ box-shadow:
424
+ var(--tw-ring-offset-shadow, 0 0 #0000),
425
+ var(--tw-ring-shadow, 0 0 #0000),
426
+ var(--tw-shadow);
427
+ }
428
+ .shadow-\[0px_0px_1px_1px_\#B8A4DE\] {
429
+ --tw-shadow: 0px 0px 1px 1px #B8A4DE;
430
+ --tw-shadow-colored: 0px 0px 1px 1px var(--tw-shadow-color);
431
+ box-shadow:
432
+ var(--tw-ring-offset-shadow, 0 0 #0000),
433
+ var(--tw-ring-shadow, 0 0 #0000),
434
+ var(--tw-shadow);
435
+ }
436
+ .shadow-lg {
437
+ --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
438
+ --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
439
+ box-shadow:
440
+ var(--tw-ring-offset-shadow, 0 0 #0000),
441
+ var(--tw-ring-shadow, 0 0 #0000),
442
+ var(--tw-shadow);
443
+ }
444
+ .filter {
445
+ 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);
446
+ }
447
+ .submit:where(.css-dev-only-do-not-override-1r287do).ant-btn-default:not(:disabled):not(.ant-btn-disabled):hover {
448
+ color: #472D7A;
449
+ background-color: white;
450
+ border: solid 1px #472D7A;
451
+ }
452
+ :where(.css-dev-only-do-not-override-1r287do).ant-radio-button-wrapper {
453
+ border: 1px solid #919191;
454
+ }
455
+ :where(.css-dev-only-do-not-override-1r287do).ant-input-affix-wrapper {
456
+ border: solid 1px #919191;
457
+ width: 275px;
458
+ height: 16px;
459
+ padding: 16px;
460
+ gap: 10px;
461
+ }
462
+ :where(.css-dev-only-do-not-override-1r287do).ant-input-outlined:hover {
463
+ border: solid 1px #919191;
464
+ }
465
+ :where(.css-dev-only-do-not-override-1r287do).ant-input-outlined:focus {
466
+ border: solid 1px #919191;
467
+ }
468
+ :where(.css-dev-only-do-not-override-1r287do).ant-input-outlined:focus-within {
469
+ border: solid 1px #919191;
470
+ }
471
+ :where(.css-dev-only-do-not-override-1r287do).ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled)::before {
472
+ display: none;
473
+ }
474
+ :where(.css-dev-only-do-not-override-1r287do).ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled)::after {
475
+ display: none;
476
+ }
477
+ :where(.css-dev-only-do-not-override-1r287do).ant-radio-button-wrapper:not(:first-child)::before {
478
+ width: 0;
479
+ }
480
+ :where(.css-dev-only-do-not-override-1r287do).ant-radio-button-wrapper:first-child {
481
+ border-inline-start: 1px solid rgb(145 145 145);
482
+ }
483
+ .hover\:bg-\[\#F2F2F2\]:hover {
484
+ --tw-bg-opacity: 1;
485
+ background-color: rgb(242 242 242 / var(--tw-bg-opacity));
486
+ }
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
+ buttonClassName?: string;
44
+ profileImageClassName?: string;
45
+ profileSubClassName?: string;
46
+ subContainerClassName?: 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
+ buttonClassName?: string;
44
+ profileImageClassName?: string;
45
+ profileSubClassName?: string;
46
+ subContainerClassName?: 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 };