tp-react-elements-dev 1.13.0 → 1.13.2

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.
Files changed (8) hide show
  1. package/dist/assets/icons/flaticon_hvc.css +195 -195
  2. package/dist/assets/icons/flaticon_hvc.scss +243 -243
  3. package/dist/components/Form/FormRender.esm.js +8 -8
  4. package/dist/components/FormComponents/FileUpload/MultiFileWithPreview.esm.js +70 -15
  5. package/dist/components/FormComponents/FormTextField/FormTextField.esm.js +1 -1
  6. package/dist/components/FormComponents/index.esm.js +6 -20
  7. package/dist/components/Global.styles.esm.js +64 -64
  8. package/package.json +1 -1
package/dist/assets/icons/flaticon_hvc.css CHANGED
@@ -1,195 +1,195 @@
1
- /*!
2
- * ______ _ _ _
3
- * | ____| | | | (_)
4
- * | |__ | | __ _| |_ _ ___ ___ _ __
5
- * | __| | |/ _` | __| |/ __/ _ \| '_ \
6
- * | | | | (_| | |_| | (_| (_) | | | |
7
- * |_| |_|\__,_|\__|_|\___\___/|_| |_|
8
- *
9
- * https://www.flaticon.com
10
- */
11
-
12
- @font-face {
13
- font-family: 'flaticon_hvc';
14
- src:
15
- url('./flaticon_hvc.woff2?09127989b5c99a4f290cd7bb7c4bad12') format('woff2'),
16
- url('./flaticon_hvc.woff?09127989b5c99a4f290cd7bb7c4bad12') format('woff'),
17
- url('./flaticon_hvc.eot?09127989b5c99a4f290cd7bb7c4bad12#iefix') format('embedded-opentype'),
18
- url('./flaticon_hvc.ttf?09127989b5c99a4f290cd7bb7c4bad12') format('truetype'),
19
- url('./flaticon_hvc.svg?09127989b5c99a4f290cd7bb7c4bad12#flaticon_hvc') format('svg');
20
- }
21
-
22
- i[class^='flaticon-']:before,
23
- i[class*=' flaticon-']:before {
24
- font-family: flaticon_hvc !important;
25
- font-style: normal;
26
- font-weight: normal !important;
27
- font-variant: normal;
28
- text-transform: none;
29
- line-height: 1;
30
- -webkit-font-smoothing: antialiased;
31
- -moz-osx-font-smoothing: grayscale;
32
- }
33
-
34
- .flaticon-setting:before {
35
- content: '\f101';
36
- }
37
- .flaticon-refresh:before {
38
- content: '\f102';
39
- }
40
- .flaticon-setting-1:before {
41
- content: '\f103';
42
- }
43
- .flaticon-check:before {
44
- content: '\f104';
45
- }
46
- .flaticon-bank:before {
47
- content: '\f105';
48
- }
49
- .flaticon-user:before {
50
- content: '\f106';
51
- }
52
- .flaticon-user-1:before {
53
- content: '\f107';
54
- }
55
- .flaticon-info-sign:before {
56
- content: '\f108';
57
- }
58
- .flaticon-clipboard:before {
59
- content: '\f109';
60
- }
61
- .flaticon-right-arrow:before {
62
- content: '\f10a';
63
- }
64
- .flaticon-home:before {
65
- content: '\f10b';
66
- }
67
- .flaticon-search:before {
68
- content: '\f10c';
69
- }
70
- .flaticon-eye:before {
71
- content: '\f10d';
72
- }
73
- .flaticon-edit:before {
74
- content: '\f10e';
75
- }
76
- .flaticon-delete:before {
77
- content: '\f10f';
78
- }
79
- .flaticon-add-1:before {
80
- content: '\f110';
81
- }
82
- .flaticon-plus-1:before {
83
- content: '\f111';
84
- }
85
- .flaticon-compose:before {
86
- content: '\f112';
87
- }
88
- .flaticon-trash:before {
89
- content: '\f113';
90
- }
91
- .flaticon-download:before {
92
- content: '\f114';
93
- }
94
- .flaticon-downloading:before {
95
- content: '\f115';
96
- }
97
- .flaticon-upload:before {
98
- content: '\f116';
99
- }
100
- .flaticon-right-arrow-1:before {
101
- content: '\f117';
102
- }
103
- .flaticon-user-2:before {
104
- content: '\f118';
105
- }
106
- .flaticon-man-in-suit-and-tie:before {
107
- content: '\f119';
108
- }
109
- .flaticon-cancel:before {
110
- content: '\f11a';
111
- }
112
- .flaticon-check-mark:before {
113
- content: '\f11b';
114
- }
115
- .flaticon-bars:before {
116
- content: '\f11c';
117
- }
118
- .flaticon-copy:before {
119
- content: '\f11d';
120
- }
121
- .flaticon-printer:before {
122
- content: '\f11e';
123
- }
124
- .flaticon-file:before {
125
- content: '\f11f';
126
- }
127
- .flaticon-file-1:before {
128
- content: '\f120';
129
- }
130
- .flaticon-file-2:before {
131
- content: '\f121';
132
- }
133
- .flaticon-eye-1:before {
134
- content: '\f122';
135
- }
136
- .flaticon-upload-1:before {
137
- content: '\f123';
138
- }
139
- .flaticon-production:before {
140
- content: '\f124';
141
- }
142
- .flaticon-cube:before {
143
- content: '\f125';
144
- }
145
- .flaticon-rotation:before {
146
- content: '\f126';
147
- }
148
- .flaticon-rotation-1:before {
149
- content: '\f127';
150
- }
151
- .flaticon-spinning:before {
152
- content: '\f128';
153
- }
154
- .flaticon-spinning-1:before {
155
- content: '\f129';
156
- }
157
- .flaticon-ready-stock:before {
158
- content: '\f12a';
159
- }
160
- .flaticon-ready-stock-1:before {
161
- content: '\f12b';
162
- }
163
- .flaticon-visible:before {
164
- content: '\f12c';
165
- }
166
- .flaticon-printing:before {
167
- content: '\f12d';
168
- }
169
- .flaticon-like:before {
170
- content: '\f12e';
171
- }
172
- .flaticon-thumb-up:before {
173
- content: '\f12f';
174
- }
175
- .flaticon-thumbs-up:before {
176
- content: '\f130';
177
- }
178
- .flaticon-thumb-down:before {
179
- content: '\f131';
180
- }
181
- .flaticon-dislike:before {
182
- content: '\f132';
183
- }
184
- .flaticon-thumb-down-1:before {
185
- content: '\f133';
186
- }
187
- .flaticon-pointing-right:before {
188
- content: '\f134';
189
- }
190
- .flaticon-point:before {
191
- content: '\f135';
192
- }
193
- .flaticon-history:before {
194
- content: '\f136';
195
- }
1
+ /*!
2
+ * ______ _ _ _
3
+ * | ____| | | | (_)
4
+ * | |__ | | __ _| |_ _ ___ ___ _ __
5
+ * | __| | |/ _` | __| |/ __/ _ \| '_ \
6
+ * | | | | (_| | |_| | (_| (_) | | | |
7
+ * |_| |_|\__,_|\__|_|\___\___/|_| |_|
8
+ *
9
+ * https://www.flaticon.com
10
+ */
11
+
12
+ @font-face {
13
+ font-family: 'flaticon_hvc';
14
+ src:
15
+ url('./flaticon_hvc.woff2?09127989b5c99a4f290cd7bb7c4bad12') format('woff2'),
16
+ url('./flaticon_hvc.woff?09127989b5c99a4f290cd7bb7c4bad12') format('woff'),
17
+ url('./flaticon_hvc.eot?09127989b5c99a4f290cd7bb7c4bad12#iefix') format('embedded-opentype'),
18
+ url('./flaticon_hvc.ttf?09127989b5c99a4f290cd7bb7c4bad12') format('truetype'),
19
+ url('./flaticon_hvc.svg?09127989b5c99a4f290cd7bb7c4bad12#flaticon_hvc') format('svg');
20
+ }
21
+
22
+ i[class^='flaticon-']:before,
23
+ i[class*=' flaticon-']:before {
24
+ font-family: flaticon_hvc !important;
25
+ font-style: normal;
26
+ font-weight: normal !important;
27
+ font-variant: normal;
28
+ text-transform: none;
29
+ line-height: 1;
30
+ -webkit-font-smoothing: antialiased;
31
+ -moz-osx-font-smoothing: grayscale;
32
+ }
33
+
34
+ .flaticon-setting:before {
35
+ content: '\f101';
36
+ }
37
+ .flaticon-refresh:before {
38
+ content: '\f102';
39
+ }
40
+ .flaticon-setting-1:before {
41
+ content: '\f103';
42
+ }
43
+ .flaticon-check:before {
44
+ content: '\f104';
45
+ }
46
+ .flaticon-bank:before {
47
+ content: '\f105';
48
+ }
49
+ .flaticon-user:before {
50
+ content: '\f106';
51
+ }
52
+ .flaticon-user-1:before {
53
+ content: '\f107';
54
+ }
55
+ .flaticon-info-sign:before {
56
+ content: '\f108';
57
+ }
58
+ .flaticon-clipboard:before {
59
+ content: '\f109';
60
+ }
61
+ .flaticon-right-arrow:before {
62
+ content: '\f10a';
63
+ }
64
+ .flaticon-home:before {
65
+ content: '\f10b';
66
+ }
67
+ .flaticon-search:before {
68
+ content: '\f10c';
69
+ }
70
+ .flaticon-eye:before {
71
+ content: '\f10d';
72
+ }
73
+ .flaticon-edit:before {
74
+ content: '\f10e';
75
+ }
76
+ .flaticon-delete:before {
77
+ content: '\f10f';
78
+ }
79
+ .flaticon-add-1:before {
80
+ content: '\f110';
81
+ }
82
+ .flaticon-plus-1:before {
83
+ content: '\f111';
84
+ }
85
+ .flaticon-compose:before {
86
+ content: '\f112';
87
+ }
88
+ .flaticon-trash:before {
89
+ content: '\f113';
90
+ }
91
+ .flaticon-download:before {
92
+ content: '\f114';
93
+ }
94
+ .flaticon-downloading:before {
95
+ content: '\f115';
96
+ }
97
+ .flaticon-upload:before {
98
+ content: '\f116';
99
+ }
100
+ .flaticon-right-arrow-1:before {
101
+ content: '\f117';
102
+ }
103
+ .flaticon-user-2:before {
104
+ content: '\f118';
105
+ }
106
+ .flaticon-man-in-suit-and-tie:before {
107
+ content: '\f119';
108
+ }
109
+ .flaticon-cancel:before {
110
+ content: '\f11a';
111
+ }
112
+ .flaticon-check-mark:before {
113
+ content: '\f11b';
114
+ }
115
+ .flaticon-bars:before {
116
+ content: '\f11c';
117
+ }
118
+ .flaticon-copy:before {
119
+ content: '\f11d';
120
+ }
121
+ .flaticon-printer:before {
122
+ content: '\f11e';
123
+ }
124
+ .flaticon-file:before {
125
+ content: '\f11f';
126
+ }
127
+ .flaticon-file-1:before {
128
+ content: '\f120';
129
+ }
130
+ .flaticon-file-2:before {
131
+ content: '\f121';
132
+ }
133
+ .flaticon-eye-1:before {
134
+ content: '\f122';
135
+ }
136
+ .flaticon-upload-1:before {
137
+ content: '\f123';
138
+ }
139
+ .flaticon-production:before {
140
+ content: '\f124';
141
+ }
142
+ .flaticon-cube:before {
143
+ content: '\f125';
144
+ }
145
+ .flaticon-rotation:before {
146
+ content: '\f126';
147
+ }
148
+ .flaticon-rotation-1:before {
149
+ content: '\f127';
150
+ }
151
+ .flaticon-spinning:before {
152
+ content: '\f128';
153
+ }
154
+ .flaticon-spinning-1:before {
155
+ content: '\f129';
156
+ }
157
+ .flaticon-ready-stock:before {
158
+ content: '\f12a';
159
+ }
160
+ .flaticon-ready-stock-1:before {
161
+ content: '\f12b';
162
+ }
163
+ .flaticon-visible:before {
164
+ content: '\f12c';
165
+ }
166
+ .flaticon-printing:before {
167
+ content: '\f12d';
168
+ }
169
+ .flaticon-like:before {
170
+ content: '\f12e';
171
+ }
172
+ .flaticon-thumb-up:before {
173
+ content: '\f12f';
174
+ }
175
+ .flaticon-thumbs-up:before {
176
+ content: '\f130';
177
+ }
178
+ .flaticon-thumb-down:before {
179
+ content: '\f131';
180
+ }
181
+ .flaticon-dislike:before {
182
+ content: '\f132';
183
+ }
184
+ .flaticon-thumb-down-1:before {
185
+ content: '\f133';
186
+ }
187
+ .flaticon-pointing-right:before {
188
+ content: '\f134';
189
+ }
190
+ .flaticon-point:before {
191
+ content: '\f135';
192
+ }
193
+ .flaticon-history:before {
194
+ content: '\f136';
195
+ }
package/dist/assets/icons/flaticon_hvc.scss CHANGED
@@ -1,243 +1,243 @@
1
- $flaticon_hvc-font: 'flaticon_hvc';
2
-
3
- @font-face {
4
- font-family: $flaticon_hvc-font;
5
- src:
6
- url('./flaticon_hvc.woff2?09127989b5c99a4f290cd7bb7c4bad12') format('woff2'),
7
- url('./flaticon_hvc.woff?09127989b5c99a4f290cd7bb7c4bad12') format('woff'),
8
- url('./flaticon_hvc.eot?09127989b5c99a4f290cd7bb7c4bad12#iefix') format('embedded-opentype'),
9
- url('./flaticon_hvc.ttf?09127989b5c99a4f290cd7bb7c4bad12') format('truetype'),
10
- url('./flaticon_hvc.svg?09127989b5c99a4f290cd7bb7c4bad12#flaticon_hvc') format('svg');
11
- }
12
-
13
- i[class^='flaticon-']:before,
14
- i[class*=' flaticon-']:before {
15
- font-family: flaticon_hvc !important;
16
- font-style: normal;
17
- font-weight: normal !important;
18
- font-variant: normal;
19
- text-transform: none;
20
- line-height: 1;
21
- -webkit-font-smoothing: antialiased;
22
- -moz-osx-font-smoothing: grayscale;
23
- }
24
-
25
- $flaticon_hvc-map: (
26
- 'setting': '\f101',
27
- 'refresh': '\f102',
28
- 'setting-1': '\f103',
29
- 'check': '\f104',
30
- 'bank': '\f105',
31
- 'user': '\f106',
32
- 'user-1': '\f107',
33
- 'info-sign': '\f108',
34
- 'clipboard': '\f109',
35
- 'right-arrow': '\f10a',
36
- 'home': '\f10b',
37
- 'search': '\f10c',
38
- 'eye': '\f10d',
39
- 'edit': '\f10e',
40
- 'delete': '\f10f',
41
- 'add-1': '\f110',
42
- 'plus-1': '\f111',
43
- 'compose': '\f112',
44
- 'trash': '\f113',
45
- 'download': '\f114',
46
- 'downloading': '\f115',
47
- 'upload': '\f116',
48
- 'right-arrow-1': '\f117',
49
- 'user-2': '\f118',
50
- 'man-in-suit-and-tie': '\f119',
51
- 'cancel': '\f11a',
52
- 'check-mark': '\f11b',
53
- 'bars': '\f11c',
54
- 'copy': '\f11d',
55
- 'printer': '\f11e',
56
- 'file': '\f11f',
57
- 'file-1': '\f120',
58
- 'file-2': '\f121',
59
- 'eye-1': '\f122',
60
- 'upload-1': '\f123',
61
- 'production': '\f124',
62
- 'cube': '\f125',
63
- 'rotation': '\f126',
64
- 'rotation-1': '\f127',
65
- 'spinning': '\f128',
66
- 'spinning-1': '\f129',
67
- 'ready-stock': '\f12a',
68
- 'ready-stock-1': '\f12b',
69
- 'visible': '\f12c',
70
- 'printing': '\f12d',
71
- 'like': '\f12e',
72
- 'thumb-up': '\f12f',
73
- 'thumbs-up': '\f130',
74
- 'thumb-down': '\f131',
75
- 'dislike': '\f132',
76
- 'thumb-down-1': '\f133',
77
- 'pointing-right': '\f134',
78
- 'point': '\f135',
79
- 'history': '\f136',
80
- );
81
-
82
- .flaticon-setting:before {
83
- content: map-get($flaticon_hvc-map, 'setting');
84
- }
85
- .flaticon-refresh:before {
86
- content: map-get($flaticon_hvc-map, 'refresh');
87
- }
88
- .flaticon-setting-1:before {
89
- content: map-get($flaticon_hvc-map, 'setting-1');
90
- }
91
- .flaticon-check:before {
92
- content: map-get($flaticon_hvc-map, 'check');
93
- }
94
- .flaticon-bank:before {
95
- content: map-get($flaticon_hvc-map, 'bank');
96
- }
97
- .flaticon-user:before {
98
- content: map-get($flaticon_hvc-map, 'user');
99
- }
100
- .flaticon-user-1:before {
101
- content: map-get($flaticon_hvc-map, 'user-1');
102
- }
103
- .flaticon-info-sign:before {
104
- content: map-get($flaticon_hvc-map, 'info-sign');
105
- }
106
- .flaticon-clipboard:before {
107
- content: map-get($flaticon_hvc-map, 'clipboard');
108
- }
109
- .flaticon-right-arrow:before {
110
- content: map-get($flaticon_hvc-map, 'right-arrow');
111
- }
112
- .flaticon-home:before {
113
- content: map-get($flaticon_hvc-map, 'home');
114
- }
115
- .flaticon-search:before {
116
- content: map-get($flaticon_hvc-map, 'search');
117
- }
118
- .flaticon-eye:before {
119
- content: map-get($flaticon_hvc-map, 'eye');
120
- }
121
- .flaticon-edit:before {
122
- content: map-get($flaticon_hvc-map, 'edit');
123
- }
124
- .flaticon-delete:before {
125
- content: map-get($flaticon_hvc-map, 'delete');
126
- }
127
- .flaticon-add-1:before {
128
- content: map-get($flaticon_hvc-map, 'add-1');
129
- }
130
- .flaticon-plus-1:before {
131
- content: map-get($flaticon_hvc-map, 'plus-1');
132
- }
133
- .flaticon-compose:before {
134
- content: map-get($flaticon_hvc-map, 'compose');
135
- }
136
- .flaticon-trash:before {
137
- content: map-get($flaticon_hvc-map, 'trash');
138
- }
139
- .flaticon-download:before {
140
- content: map-get($flaticon_hvc-map, 'download');
141
- }
142
- .flaticon-downloading:before {
143
- content: map-get($flaticon_hvc-map, 'downloading');
144
- }
145
- .flaticon-upload:before {
146
- content: map-get($flaticon_hvc-map, 'upload');
147
- }
148
- .flaticon-right-arrow-1:before {
149
- content: map-get($flaticon_hvc-map, 'right-arrow-1');
150
- }
151
- .flaticon-user-2:before {
152
- content: map-get($flaticon_hvc-map, 'user-2');
153
- }
154
- .flaticon-man-in-suit-and-tie:before {
155
- content: map-get($flaticon_hvc-map, 'man-in-suit-and-tie');
156
- }
157
- .flaticon-cancel:before {
158
- content: map-get($flaticon_hvc-map, 'cancel');
159
- }
160
- .flaticon-check-mark:before {
161
- content: map-get($flaticon_hvc-map, 'check-mark');
162
- }
163
- .flaticon-bars:before {
164
- content: map-get($flaticon_hvc-map, 'bars');
165
- }
166
- .flaticon-copy:before {
167
- content: map-get($flaticon_hvc-map, 'copy');
168
- }
169
- .flaticon-printer:before {
170
- content: map-get($flaticon_hvc-map, 'printer');
171
- }
172
- .flaticon-file:before {
173
- content: map-get($flaticon_hvc-map, 'file');
174
- }
175
- .flaticon-file-1:before {
176
- content: map-get($flaticon_hvc-map, 'file-1');
177
- }
178
- .flaticon-file-2:before {
179
- content: map-get($flaticon_hvc-map, 'file-2');
180
- }
181
- .flaticon-eye-1:before {
182
- content: map-get($flaticon_hvc-map, 'eye-1');
183
- }
184
- .flaticon-upload-1:before {
185
- content: map-get($flaticon_hvc-map, 'upload-1');
186
- }
187
- .flaticon-production:before {
188
- content: map-get($flaticon_hvc-map, 'production');
189
- }
190
- .flaticon-cube:before {
191
- content: map-get($flaticon_hvc-map, 'cube');
192
- }
193
- .flaticon-rotation:before {
194
- content: map-get($flaticon_hvc-map, 'rotation');
195
- }
196
- .flaticon-rotation-1:before {
197
- content: map-get($flaticon_hvc-map, 'rotation-1');
198
- }
199
- .flaticon-spinning:before {
200
- content: map-get($flaticon_hvc-map, 'spinning');
201
- }
202
- .flaticon-spinning-1:before {
203
- content: map-get($flaticon_hvc-map, 'spinning-1');
204
- }
205
- .flaticon-ready-stock:before {
206
- content: map-get($flaticon_hvc-map, 'ready-stock');
207
- }
208
- .flaticon-ready-stock-1:before {
209
- content: map-get($flaticon_hvc-map, 'ready-stock-1');
210
- }
211
- .flaticon-visible:before {
212
- content: map-get($flaticon_hvc-map, 'visible');
213
- }
214
- .flaticon-printing:before {
215
- content: map-get($flaticon_hvc-map, 'printing');
216
- }
217
- .flaticon-like:before {
218
- content: map-get($flaticon_hvc-map, 'like');
219
- }
220
- .flaticon-thumb-up:before {
221
- content: map-get($flaticon_hvc-map, 'thumb-up');
222
- }
223
- .flaticon-thumbs-up:before {
224
- content: map-get($flaticon_hvc-map, 'thumbs-up');
225
- }
226
- .flaticon-thumb-down:before {
227
- content: map-get($flaticon_hvc-map, 'thumb-down');
228
- }
229
- .flaticon-dislike:before {
230
- content: map-get($flaticon_hvc-map, 'dislike');
231
- }
232
- .flaticon-thumb-down-1:before {
233
- content: map-get($flaticon_hvc-map, 'thumb-down-1');
234
- }
235
- .flaticon-pointing-right:before {
236
- content: map-get($flaticon_hvc-map, 'pointing-right');
237
- }
238
- .flaticon-point:before {
239
- content: map-get($flaticon_hvc-map, 'point');
240
- }
241
- .flaticon-history:before {
242
- content: map-get($flaticon_hvc-map, 'history');
243
- }
1
+ $flaticon_hvc-font: 'flaticon_hvc';
2
+
3
+ @font-face {
4
+ font-family: $flaticon_hvc-font;
5
+ src:
6
+ url('./flaticon_hvc.woff2?09127989b5c99a4f290cd7bb7c4bad12') format('woff2'),
7
+ url('./flaticon_hvc.woff?09127989b5c99a4f290cd7bb7c4bad12') format('woff'),
8
+ url('./flaticon_hvc.eot?09127989b5c99a4f290cd7bb7c4bad12#iefix') format('embedded-opentype'),
9
+ url('./flaticon_hvc.ttf?09127989b5c99a4f290cd7bb7c4bad12') format('truetype'),
10
+ url('./flaticon_hvc.svg?09127989b5c99a4f290cd7bb7c4bad12#flaticon_hvc') format('svg');
11
+ }
12
+
13
+ i[class^='flaticon-']:before,
14
+ i[class*=' flaticon-']:before {
15
+ font-family: flaticon_hvc !important;
16
+ font-style: normal;
17
+ font-weight: normal !important;
18
+ font-variant: normal;
19
+ text-transform: none;
20
+ line-height: 1;
21
+ -webkit-font-smoothing: antialiased;
22
+ -moz-osx-font-smoothing: grayscale;
23
+ }
24
+
25
+ $flaticon_hvc-map: (
26
+ 'setting': '\f101',
27
+ 'refresh': '\f102',
28
+ 'setting-1': '\f103',
29
+ 'check': '\f104',
30
+ 'bank': '\f105',
31
+ 'user': '\f106',
32
+ 'user-1': '\f107',
33
+ 'info-sign': '\f108',
34
+ 'clipboard': '\f109',
35
+ 'right-arrow': '\f10a',
36
+ 'home': '\f10b',
37
+ 'search': '\f10c',
38
+ 'eye': '\f10d',
39
+ 'edit': '\f10e',
40
+ 'delete': '\f10f',
41
+ 'add-1': '\f110',
42
+ 'plus-1': '\f111',
43
+ 'compose': '\f112',
44
+ 'trash': '\f113',
45
+ 'download': '\f114',
46
+ 'downloading': '\f115',
47
+ 'upload': '\f116',
48
+ 'right-arrow-1': '\f117',
49
+ 'user-2': '\f118',
50
+ 'man-in-suit-and-tie': '\f119',
51
+ 'cancel': '\f11a',
52
+ 'check-mark': '\f11b',
53
+ 'bars': '\f11c',
54
+ 'copy': '\f11d',
55
+ 'printer': '\f11e',
56
+ 'file': '\f11f',
57
+ 'file-1': '\f120',
58
+ 'file-2': '\f121',
59
+ 'eye-1': '\f122',
60
+ 'upload-1': '\f123',
61
+ 'production': '\f124',
62
+ 'cube': '\f125',
63
+ 'rotation': '\f126',
64
+ 'rotation-1': '\f127',
65
+ 'spinning': '\f128',
66
+ 'spinning-1': '\f129',
67
+ 'ready-stock': '\f12a',
68
+ 'ready-stock-1': '\f12b',
69
+ 'visible': '\f12c',
70
+ 'printing': '\f12d',
71
+ 'like': '\f12e',
72
+ 'thumb-up': '\f12f',
73
+ 'thumbs-up': '\f130',
74
+ 'thumb-down': '\f131',
75
+ 'dislike': '\f132',
76
+ 'thumb-down-1': '\f133',
77
+ 'pointing-right': '\f134',
78
+ 'point': '\f135',
79
+ 'history': '\f136',
80
+ );
81
+
82
+ .flaticon-setting:before {
83
+ content: map-get($flaticon_hvc-map, 'setting');
84
+ }
85
+ .flaticon-refresh:before {
86
+ content: map-get($flaticon_hvc-map, 'refresh');
87
+ }
88
+ .flaticon-setting-1:before {
89
+ content: map-get($flaticon_hvc-map, 'setting-1');
90
+ }
91
+ .flaticon-check:before {
92
+ content: map-get($flaticon_hvc-map, 'check');
93
+ }
94
+ .flaticon-bank:before {
95
+ content: map-get($flaticon_hvc-map, 'bank');
96
+ }
97
+ .flaticon-user:before {
98
+ content: map-get($flaticon_hvc-map, 'user');
99
+ }
100
+ .flaticon-user-1:before {
101
+ content: map-get($flaticon_hvc-map, 'user-1');
102
+ }
103
+ .flaticon-info-sign:before {
104
+ content: map-get($flaticon_hvc-map, 'info-sign');
105
+ }
106
+ .flaticon-clipboard:before {
107
+ content: map-get($flaticon_hvc-map, 'clipboard');
108
+ }
109
+ .flaticon-right-arrow:before {
110
+ content: map-get($flaticon_hvc-map, 'right-arrow');
111
+ }
112
+ .flaticon-home:before {
113
+ content: map-get($flaticon_hvc-map, 'home');
114
+ }
115
+ .flaticon-search:before {
116
+ content: map-get($flaticon_hvc-map, 'search');
117
+ }
118
+ .flaticon-eye:before {
119
+ content: map-get($flaticon_hvc-map, 'eye');
120
+ }
121
+ .flaticon-edit:before {
122
+ content: map-get($flaticon_hvc-map, 'edit');
123
+ }
124
+ .flaticon-delete:before {
125
+ content: map-get($flaticon_hvc-map, 'delete');
126
+ }
127
+ .flaticon-add-1:before {
128
+ content: map-get($flaticon_hvc-map, 'add-1');
129
+ }
130
+ .flaticon-plus-1:before {
131
+ content: map-get($flaticon_hvc-map, 'plus-1');
132
+ }
133
+ .flaticon-compose:before {
134
+ content: map-get($flaticon_hvc-map, 'compose');
135
+ }
136
+ .flaticon-trash:before {
137
+ content: map-get($flaticon_hvc-map, 'trash');
138
+ }
139
+ .flaticon-download:before {
140
+ content: map-get($flaticon_hvc-map, 'download');
141
+ }
142
+ .flaticon-downloading:before {
143
+ content: map-get($flaticon_hvc-map, 'downloading');
144
+ }
145
+ .flaticon-upload:before {
146
+ content: map-get($flaticon_hvc-map, 'upload');
147
+ }
148
+ .flaticon-right-arrow-1:before {
149
+ content: map-get($flaticon_hvc-map, 'right-arrow-1');
150
+ }
151
+ .flaticon-user-2:before {
152
+ content: map-get($flaticon_hvc-map, 'user-2');
153
+ }
154
+ .flaticon-man-in-suit-and-tie:before {
155
+ content: map-get($flaticon_hvc-map, 'man-in-suit-and-tie');
156
+ }
157
+ .flaticon-cancel:before {
158
+ content: map-get($flaticon_hvc-map, 'cancel');
159
+ }
160
+ .flaticon-check-mark:before {
161
+ content: map-get($flaticon_hvc-map, 'check-mark');
162
+ }
163
+ .flaticon-bars:before {
164
+ content: map-get($flaticon_hvc-map, 'bars');
165
+ }
166
+ .flaticon-copy:before {
167
+ content: map-get($flaticon_hvc-map, 'copy');
168
+ }
169
+ .flaticon-printer:before {
170
+ content: map-get($flaticon_hvc-map, 'printer');
171
+ }
172
+ .flaticon-file:before {
173
+ content: map-get($flaticon_hvc-map, 'file');
174
+ }
175
+ .flaticon-file-1:before {
176
+ content: map-get($flaticon_hvc-map, 'file-1');
177
+ }
178
+ .flaticon-file-2:before {
179
+ content: map-get($flaticon_hvc-map, 'file-2');
180
+ }
181
+ .flaticon-eye-1:before {
182
+ content: map-get($flaticon_hvc-map, 'eye-1');
183
+ }
184
+ .flaticon-upload-1:before {
185
+ content: map-get($flaticon_hvc-map, 'upload-1');
186
+ }
187
+ .flaticon-production:before {
188
+ content: map-get($flaticon_hvc-map, 'production');
189
+ }
190
+ .flaticon-cube:before {
191
+ content: map-get($flaticon_hvc-map, 'cube');
192
+ }
193
+ .flaticon-rotation:before {
194
+ content: map-get($flaticon_hvc-map, 'rotation');
195
+ }
196
+ .flaticon-rotation-1:before {
197
+ content: map-get($flaticon_hvc-map, 'rotation-1');
198
+ }
199
+ .flaticon-spinning:before {
200
+ content: map-get($flaticon_hvc-map, 'spinning');
201
+ }
202
+ .flaticon-spinning-1:before {
203
+ content: map-get($flaticon_hvc-map, 'spinning-1');
204
+ }
205
+ .flaticon-ready-stock:before {
206
+ content: map-get($flaticon_hvc-map, 'ready-stock');
207
+ }
208
+ .flaticon-ready-stock-1:before {
209
+ content: map-get($flaticon_hvc-map, 'ready-stock-1');
210
+ }
211
+ .flaticon-visible:before {
212
+ content: map-get($flaticon_hvc-map, 'visible');
213
+ }
214
+ .flaticon-printing:before {
215
+ content: map-get($flaticon_hvc-map, 'printing');
216
+ }
217
+ .flaticon-like:before {
218
+ content: map-get($flaticon_hvc-map, 'like');
219
+ }
220
+ .flaticon-thumb-up:before {
221
+ content: map-get($flaticon_hvc-map, 'thumb-up');
222
+ }
223
+ .flaticon-thumbs-up:before {
224
+ content: map-get($flaticon_hvc-map, 'thumbs-up');
225
+ }
226
+ .flaticon-thumb-down:before {
227
+ content: map-get($flaticon_hvc-map, 'thumb-down');
228
+ }
229
+ .flaticon-dislike:before {
230
+ content: map-get($flaticon_hvc-map, 'dislike');
231
+ }
232
+ .flaticon-thumb-down-1:before {
233
+ content: map-get($flaticon_hvc-map, 'thumb-down-1');
234
+ }
235
+ .flaticon-pointing-right:before {
236
+ content: map-get($flaticon_hvc-map, 'pointing-right');
237
+ }
238
+ .flaticon-point:before {
239
+ content: map-get($flaticon_hvc-map, 'point');
240
+ }
241
+ .flaticon-history:before {
242
+ content: map-get($flaticon_hvc-map, 'history');
243
+ }
package/dist/components/Form/FormRender.esm.js CHANGED
@@ -1,18 +1,18 @@
1
1
  import { jsx, Fragment } from 'react/jsx-runtime';
2
2
  import React__default, { lazy, Suspense } from 'react';
3
- import FormCheckBox from '../FormComponents/FormCheckBox/FormCheckBox.esm.js';
4
- import FormCheckBoxGroup from '../FormComponents/FormCheckBoxGroup/FormCheckBoxGroup.esm.js';
5
- import FormNumberField from '../FormComponents/FormNumberField/FormNumberField.esm.js';
6
- import FormNumberFieldDecimal from '../FormComponents/FormNumberField/FormNumberFieldDecimal.esm.js';
7
- import FormRadioGroup from '../FormComponents/FormRadioGroup/FormRadioGroup.esm.js';
8
- import FormTextAreaField from '../FormComponents/FormTextAreaField/FormTextAreaField.esm.js';
9
- import FormTextField from '../FormComponents/FormTextField/FormTextField.esm.js';
10
- import PasswordField from '../FormComponents/PasswordField/PasswordField.esm.js';
11
3
  import SingleSelect from '../FormComponents/Select/SingleSelect.esm.js';
12
4
  import MultiSelectAutocomplete from '../FormComponents/Select/MultiSelectAutocomplete.esm.js';
13
5
  import SingleSelectNonAutoComplete from '../FormComponents/Select/SingleSelectNonAutoComplete.esm.js';
14
6
  import FormActiveSwitch from './FormActiveSwitch.esm.js';
15
7
  import FormTextFieldWithSelect from '../FormComponents/FormTextFieldWithSelect/FormTextFieldWithSelect.esm.js';
8
+ import FormTextAreaField from '../FormComponents/FormTextAreaField/FormTextAreaField.esm.js';
9
+ import FormCheckBox from '../FormComponents/FormCheckBox/FormCheckBox.esm.js';
10
+ import FormRadioGroup from '../FormComponents/FormRadioGroup/FormRadioGroup.esm.js';
11
+ import FormCheckBoxGroup from '../FormComponents/FormCheckBoxGroup/FormCheckBoxGroup.esm.js';
12
+ import FormNumberFieldDecimal from '../FormComponents/FormNumberField/FormNumberFieldDecimal.esm.js';
13
+ import FormNumberField from '../FormComponents/FormNumberField/FormNumberField.esm.js';
14
+ import PasswordField from '../FormComponents/PasswordField/PasswordField.esm.js';
15
+ import FormTextField from '../FormComponents/FormTextField/FormTextField.esm.js';
16
16
 
17
17
  // Lazy-loaded heavy components
18
18
  const RichTextEditorWrapper = lazy(() => import('../RichTextEditor/index.esm.js').then((m) => ({ default: m.RichTextEditorWrapper })));
package/dist/components/FormComponents/FileUpload/MultiFileWithPreview.esm.js CHANGED
@@ -21,6 +21,19 @@ const MultiFileWithPreview = ({ props, variant, }) => {
21
21
  const [open, setOpen] = useState(false);
22
22
  const [selectedFiles, setSelectedFiles] = useState([]);
23
23
  const [currentFileIndex, setCurrentFileIndex] = useState(0);
24
+ // Clamp preview index when selection changes to avoid undefined access
25
+ useEffect(() => {
26
+ if (selectedFiles.length === 0) {
27
+ setCurrentFileIndex(0);
28
+ return;
29
+ }
30
+ if (currentFileIndex > selectedFiles.length - 1) {
31
+ setCurrentFileIndex(selectedFiles.length - 1);
32
+ }
33
+ else if (currentFileIndex < 0) {
34
+ setCurrentFileIndex(0);
35
+ }
36
+ }, [selectedFiles, currentFileIndex]);
24
37
  // Determine if this is single or multiple file mode
25
38
  const isSingleFileMode = props.item.maxLength === 1;
26
39
  useEffect(() => {
@@ -28,9 +41,35 @@ const MultiFileWithPreview = ({ props, variant, }) => {
28
41
  if (inputRef.current)
29
42
  inputRef.current.value = '';
30
43
  }
31
- // Handle preloaded files from backend (array of URLs)
32
- if (Array.isArray(watched) && typeof watched[0] === 'string') {
33
- setSelectedFiles(watched);
44
+ const looksLikeUrl = (s) => /^(https?:|blob:|data:|\/)/i.test(s);
45
+ if (typeof watched === 'string' && watched.trim() !== '') {
46
+ const str = watched.replace(/\\/g, '/').trim();
47
+ if (looksLikeUrl(str)) {
48
+ setSelectedFiles([str]);
49
+ }
50
+ }
51
+ else if (Array.isArray(watched)) {
52
+ if (typeof watched[0] === 'object') {
53
+ // ✅ extract URLs from object arrays (image/url/path keys)
54
+ const urls = watched
55
+ .map((item) => {
56
+ const possibleKeys = ['image', 'url', 'path', 'filePath'];
57
+ const key = possibleKeys.find((k) => item[k]);
58
+ return key ? item[key]?.replace(/\\/g, '/').trim() : undefined;
59
+ })
60
+ .filter((f) => f && looksLikeUrl(f));
61
+ if (urls.length) {
62
+ setSelectedFiles(urls);
63
+ }
64
+ }
65
+ else if (typeof watched[0] === 'string') {
66
+ const normalized = watched
67
+ .map((f) => (f || '').toString().replace(/\\/g, '/').trim())
68
+ .filter((f) => looksLikeUrl(f));
69
+ if (normalized.length) {
70
+ setSelectedFiles(normalized);
71
+ }
72
+ }
34
73
  }
35
74
  }, [watched]);
36
75
  const isError = !!props.errors?.[props.item.name];
@@ -70,16 +109,15 @@ const MultiFileWithPreview = ({ props, variant, }) => {
70
109
  props.setValue(props.item.name + 'File', []);
71
110
  return;
72
111
  }
73
- // Handle single vs multiple file mode
74
- let combinedFiles;
112
+ let combinedFiles = [];
75
113
  if (isSingleFileMode) {
76
- // In single file mode, replace the existing file
114
+ // only 1 file allowed → replace
77
115
  combinedFiles = fileArray;
78
116
  }
79
117
  else {
80
- // In multiple file mode, combine with existing files
118
+ // append to existing
81
119
  combinedFiles = [...selectedFiles, ...fileArray];
82
- // Check if maxLength is exceeded
120
+ // limit by maxLength
83
121
  if (props.item.maxLength && combinedFiles.length > props.item.maxLength) {
84
122
  props.item?.handleFileError?.(`You can only upload up to ${props.item.maxLength} files`);
85
123
  event.target.value = '';
@@ -87,11 +125,13 @@ const MultiFileWithPreview = ({ props, variant, }) => {
87
125
  }
88
126
  }
89
127
  const combinedFileNames = combinedFiles
90
- .map((f) => (f instanceof File ? f.name : f.split('/').pop()))
128
+ .map((f) => (f instanceof File ? f.name : (f?.toString?.() || '').split('/').pop()))
129
+ .filter(Boolean)
91
130
  .join(',');
92
131
  props.setValue(props.item.name, combinedFileNames);
93
132
  props.setValue(props.item.name + 'File', combinedFiles);
94
133
  setSelectedFiles(combinedFiles);
134
+ setCurrentFileIndex(combinedFiles.length - fileArray.length); // move preview to new
95
135
  props.item.onChangeSetFileFn?.(combinedFiles);
96
136
  };
97
137
  const handlePreviewClick = () => {
@@ -132,24 +172,36 @@ const MultiFileWithPreview = ({ props, variant, }) => {
132
172
  }
133
173
  };
134
174
  const isImageFile = (file) => {
175
+ if (!file)
176
+ return false;
135
177
  const ext = typeof file === 'string'
136
178
  ? file.split('.').pop()?.toLowerCase()
137
- : file.name.split('.').pop()?.toLowerCase();
179
+ : file.name?.split('.').pop()?.toLowerCase();
138
180
  return ['jpg', 'jpeg', 'png', 'gif', 'bmp', 'webp'].includes(ext || '');
139
181
  };
140
182
  const isPdfFile = (file) => {
141
- const name = typeof file === 'string' ? file : file.name;
183
+ if (!file)
184
+ return false;
185
+ const name = typeof file === 'string' ? file : (file.name || '');
142
186
  return name.toLowerCase().endsWith('.pdf');
143
187
  };
144
188
  const isExcelFile = (file) => {
145
- const name = typeof file === 'string' ? file : file.name;
189
+ if (!file)
190
+ return false;
191
+ const name = typeof file === 'string' ? file : (file.name || '');
146
192
  return /\.xlsx?$/.test(name.toLowerCase());
147
193
  };
148
194
  const isWordFile = (file) => {
149
- const name = typeof file === 'string' ? file : file.name;
195
+ if (!file)
196
+ return false;
197
+ const name = typeof file === 'string' ? file : (file.name || '');
150
198
  return /\.(doc|docx)$/.test(name.toLowerCase());
151
199
  };
152
- const getObjectUrl = (file) => typeof file === 'string' ? file : URL.createObjectURL(file);
200
+ const getObjectUrl = (file) => {
201
+ if (!file)
202
+ return '';
203
+ return typeof file === 'string' ? file : URL.createObjectURL(file);
204
+ };
153
205
  return (jsxs(Fragment, { children: [jsxs(Box, { paddingLeft: "4px", sx: { ...props.item.sx, position: 'relative' }, children: [props.item?.label && (jsx(Box, { sx: { fontSize: '10px' }, children: renderLabel(variant, props, true) })), jsxs(Box, { display: "flex", alignItems: "center", gap: 1, children: [jsxs(Button, { variant: "outlined", component: "label", startIcon: jsx(UploadFileIcon, {}), sx: { flex: 1, textTransform: 'none' }, color: isError ? 'error' : 'primary', children: [selectedFiles.length > 0
154
206
  ? isSingleFileMode
155
207
  ? '1 file selected'
@@ -176,9 +228,12 @@ const MultiFileWithPreview = ({ props, variant, }) => {
176
228
  p: 3,
177
229
  }, children: [jsxs(Box, { display: "flex", justifyContent: "space-between", alignItems: "center", children: [jsx(Typography, { variant: "h6", children: "File Preview" }), jsxs(Box, { display: "flex", gap: 1, children: [jsx(IconButton, { onClick: () => handleDeleteFile(currentFileIndex), color: "error", title: "Delete current file", children: jsx(DeleteIcon, {}) }), jsx(IconButton, { onClick: handleClose, children: jsx(CloseIcon, {}) })] })] }), jsx(Box, { mt: 2, children: selectedFiles.length > 0 && (jsxs(Fragment, { children: [jsxs(Box, { display: "flex", alignItems: "center", justifyContent: "center", gap: 2, children: [selectedFiles.length > 1 && !isSingleFileMode ? (jsx(IconButton, { onClick: handlePrevious, children: jsx(NavigateBeforeIcon, {}) })) : null, jsx(Box, { display: "flex", flexDirection: "column", alignItems: "center", justifyContent: "center", sx: { p: 2, minHeight: '400px', width: '100%' }, children: (() => {
178
230
  const currentFile = selectedFiles[currentFileIndex];
231
+ if (!currentFile) {
232
+ return jsx(Typography, { variant: "body2", color: "text.secondary", children: "No file selected" });
233
+ }
179
234
  const fileName = typeof currentFile === 'string'
180
235
  ? currentFile.split('/').pop() || currentFile
181
- : currentFile.name;
236
+ : (currentFile.name || '');
182
237
  // Images
183
238
  if (isImageFile(currentFile)) {
184
239
  return (jsx("img", { alt: "Preview", src: getObjectUrl(currentFile), style: {
package/dist/components/FormComponents/FormTextField/FormTextField.esm.js CHANGED
@@ -64,7 +64,7 @@ const FormTextField = ({ props, variant }) => {
64
64
  }
65
65
  if (props?.item?.allowSpecialChars === false) {
66
66
  const value = e.target.value;
67
- e.target.value = value.replace(/[^a-zA-Z0-9]/g, '');
67
+ e.target.value = value.replace(/[^a-zA-Z0-9\s]/g, '');
68
68
  }
69
69
  if (props?.item?.allowNumbers === false) {
70
70
  const value = e.target.value;
package/dist/components/FormComponents/index.esm.js CHANGED
@@ -1,38 +1,24 @@
1
+ export { default as SingleSelect } from './Select/SingleSelect.esm.js';
2
+ export { default as SingleSelectNonAutoComplete } from './Select/SingleSelectNonAutoComplete.esm.js';
3
+ export { default as SingleSelectSearchApi } from './Select/SingleSelectSearchApi.esm.js';
4
+ export { default as MultiSelectV1 } from './Select/MultiSelectv1.esm.js';
1
5
  export { default as FormNumberField } from './FormNumberField/FormNumberField.esm.js';
2
6
  export { default as FormNumberFieldDecimal } from './FormNumberField/FormNumberFieldDecimal.esm.js';
3
7
  export { default as FormTextAreaField } from './FormTextAreaField/FormTextAreaField.esm.js';
4
8
  export { default as FormTextField } from './FormTextField/FormTextField.esm.js';
5
9
  export { default as PasswordField } from './PasswordField/PasswordField.esm.js';
6
10
  export { default as FormCheckBox } from './FormCheckBox/FormCheckBox.esm.js';
7
- export { default as SingleSelect } from './Select/SingleSelect.esm.js';
8
- export { default as SingleSelectNonAutoComplete } from './Select/SingleSelectNonAutoComplete.esm.js';
9
- export { default as SingleSelectSearchApi } from './Select/SingleSelectSearchApi.esm.js';
10
- export { default as MultiSelectV1 } from './Select/MultiSelectv1.esm.js';
11
11
  export { default as FormCheckBoxGroup } from './FormCheckBoxGroup/FormCheckBoxGroup.esm.js';
12
12
  export { default as FormRadioGroup } from './FormRadioGroup/FormRadioGroup.esm.js';
13
13
  export { default as DatepickerWrapperV2 } from './DatePicker/DatepickerWrapperV2.esm.js';
14
14
  export { default as MonthPicker } from './DatePicker/MonthPicker.esm.js';
15
15
  export { default as Monthpickerrender } from './DatePicker/Monthpickerrender.esm.js';
16
- export { default as YearPickerField } from './YearPickerField/YearPickerField.esm.js';
17
16
  export { default as TimePicker } from './TimePicker/TimePicker.esm.js';
18
17
  export { default as FormRenderFileUpload } from './FileUpload/FormRenderFileUpload.esm.js';
19
18
  export { default as FormRenderMultiFileUpload } from './FileUpload/FormRenderMultiFileUpload.esm.js';
20
- import 'react/jsx-runtime';
21
- import '@mui/material';
22
- import 'react';
23
- import 'react-hook-form';
24
- import 'dayjs';
25
- export { default as FormBottomField } from './FormBottomField/FormBottomField.esm.js';
26
- import '@mui/icons-material/Visibility';
27
- import '@mui/icons-material/Close';
28
- import '@mui/icons-material/NavigateBefore';
29
- import '@mui/icons-material/NavigateNext';
30
- import '@mui/icons-material/Delete';
31
- import '@mui/icons-material/UploadFile';
32
- import '@mui/icons-material/PictureAsPdf';
33
- import '@mui/icons-material/TableChart';
34
- import '@mui/icons-material/Description';
35
19
  export { default as RichTextEditor } from './RichTextEditor/RichTextEditor.esm.js';
36
20
  export { default as RichTextEditorWrapper } from './RichTextEditor/RichTextEditorWrapper.esm.js';
21
+ export { default as FormBottomField } from './FormBottomField/FormBottomField.esm.js';
37
22
  export { default as FormErrorField } from './FormErrorField/FormErrorField.esm.js';
38
23
  export { default as HelperText } from './HelperText/HelperText.esm.js';
24
+ export { default as YearPickerField } from './YearPickerField/YearPickerField.esm.js';
package/dist/components/Global.styles.esm.js CHANGED
@@ -1,79 +1,79 @@
1
1
  import { styled } from '@mui/material/styles';
2
2
  import { Button, Typography, Grid, Dialog, DialogTitle } from '@mui/material';
3
3
 
4
- styled(Button) `
5
- border: 0;
6
- color: #fff;
7
- position: absolute;
8
- text-align: center;
9
- padding: 5px 12px;
10
- font-size: 13px;
11
- height: 30px;
12
- right: -38px;
13
- text-transform: none;
14
- z-index: 2;
15
- border-radius: 10px 0px 0px 10px;
16
- &:hover {
17
- right: 0px;
18
- }
4
+ styled(Button) `
5
+ border: 0;
6
+ color: #fff;
7
+ position: absolute;
8
+ text-align: center;
9
+ padding: 5px 12px;
10
+ font-size: 13px;
11
+ height: 30px;
12
+ right: -38px;
13
+ text-transform: none;
14
+ z-index: 2;
15
+ border-radius: 10px 0px 0px 10px;
16
+ &:hover {
17
+ right: 0px;
18
+ }
19
19
  `;
20
- const SubmitButton = styled(Button) `
21
- text-transform: none;
20
+ const SubmitButton = styled(Button) `
21
+ text-transform: none;
22
22
  `;
23
- const CancelButton = styled(Button) `
24
- text-transform: none;
25
- color: #000;
26
- background: #ececee;
27
- &:hover {
28
- background: #0009;
29
- color: #fff;
30
- }
23
+ const CancelButton = styled(Button) `
24
+ text-transform: none;
25
+ color: #000;
26
+ background: #ececee;
27
+ &:hover {
28
+ background: #0009;
29
+ color: #fff;
30
+ }
31
31
  `;
32
- const SaveAsDraftButton = styled(Button) `
33
- text-transform: none;
34
- font-size: 12px;
35
- background: orange;
36
- &:hover {
37
- background: orange;
38
- }
32
+ const SaveAsDraftButton = styled(Button) `
33
+ text-transform: none;
34
+ font-size: 12px;
35
+ background: orange;
36
+ &:hover {
37
+ background: orange;
38
+ }
39
39
  `;
40
40
  styled(Typography) ``;
41
41
  styled(Grid, {
42
42
  shouldForwardProp: (prop) => prop !== 'isActive' && prop !== 'noOfColumn',
43
- }) `
44
- flex-direction: column;
45
- margin-bottom: 8px;
46
- min-width: 10%;
47
- padding-left: 0px;
48
- z-index: 2;
49
- padding-right: 0px;
50
- border: 1px solid #0003;
51
- font-size: 12px;
52
- padding: 6px;
53
- text-align: center;
54
- &:hover {
55
- cursor: pointer;
56
- }
43
+ }) `
44
+ flex-direction: column;
45
+ margin-bottom: 8px;
46
+ min-width: 10%;
47
+ padding-left: 0px;
48
+ z-index: 2;
49
+ padding-right: 0px;
50
+ border: 1px solid #0003;
51
+ font-size: 12px;
52
+ padding: 6px;
53
+ text-align: center;
54
+ &:hover {
55
+ cursor: pointer;
56
+ }
57
57
  `;
58
- const DialogContainer = styled(Dialog) `
59
- position: fixed;
60
- top: -16px;
61
- left: 0;
62
- right: 0;
63
- bottom: auto;
64
- & .css-tlc64q-MuiPaper-root-MuiDialog-paper,
65
- .css-mbdu2s {
66
- max-width: 900px;
67
- }
58
+ const DialogContainer = styled(Dialog) `
59
+ position: fixed;
60
+ top: -16px;
61
+ left: 0;
62
+ right: 0;
63
+ bottom: auto;
64
+ & .css-tlc64q-MuiPaper-root-MuiDialog-paper,
65
+ .css-mbdu2s {
66
+ max-width: 900px;
67
+ }
68
68
  `;
69
- const DialogTitleWrapper = styled(DialogTitle) `
70
- padding: 8px 16px;
71
- display: flex;
72
- align-items: center;
73
- justify-content: space-between;
74
- font-size: 14px;
75
- cursor: move;
76
- border-bottom: 1px solid rgb(229 231 235 / 1);
69
+ const DialogTitleWrapper = styled(DialogTitle) `
70
+ padding: 8px 16px;
71
+ display: flex;
72
+ align-items: center;
73
+ justify-content: space-between;
74
+ font-size: 14px;
75
+ cursor: move;
76
+ border-bottom: 1px solid rgb(229 231 235 / 1);
77
77
  `;
78
78
 
79
79
  export { CancelButton, DialogContainer, DialogTitleWrapper, SaveAsDraftButton, SubmitButton };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "tp-react-elements-dev",
3
- "version": "1.13.0",
3
+ "version": "1.13.2",
4
4
  "private": false,
5
5
  "type": "module",
6
6
  "description": "React form components library built with React Hook Form and Yup",