tp-react-elements-dev 1.12.26 → 1.12.28

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 (6) 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/FormComponents/Select/MultiSelectAutocomplete.esm.js +20 -8
  4. package/dist/components/FormComponents/Select/SingleSelectNonAutoComplete.esm.js +1 -1
  5. package/dist/components/Global.styles.esm.js +64 -64
  6. 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/FormComponents/Select/MultiSelectAutocomplete.esm.js CHANGED
@@ -9,17 +9,29 @@ import { renderLabel } from '../../../utils/Constants/FormConstants.esm.js';
9
9
  const MultiSelectAutocomplete = ({ props, variant, }) => {
10
10
  const isError = !!props.errors?.[props.item.name];
11
11
  const watchedValue = useWatch({ control: props.control, name: props.item.name });
12
- const isShowBorderError = isError && (!watchedValue || watchedValue.length === 0);
12
+ const normalizeToStringArray = (value) => {
13
+ if (Array.isArray(value)) {
14
+ return value.map((v) => String(v));
15
+ }
16
+ if (typeof value === 'string') {
17
+ return value
18
+ .split(',')
19
+ .map((v) => v.trim())
20
+ .filter((v) => v.length > 0);
21
+ }
22
+ if (value == null)
23
+ return [];
24
+ return [String(value)];
25
+ };
26
+ const normalizedSelectedValues = normalizeToStringArray(watchedValue);
27
+ const isShowBorderError = isError && normalizedSelectedValues.length === 0;
13
28
  const options = (props.item.options || []);
14
29
  const selectedOptions = useMemo(() => {
15
- if (!watchedValue)
16
- return [];
17
- const values = typeof watchedValue === 'string' ? watchedValue.split(',') : [];
18
- const valueSet = new Set(values);
30
+ const valueSet = new Set(normalizedSelectedValues.map((v) => String(v)));
19
31
  return options.filter((opt) => valueSet.has(String(opt.value)));
20
- }, [watchedValue, options]);
21
- return (jsx(Controller, { control: props.control, name: props.item.name, render: ({ field }) => (jsxs(Fragment, { children: [renderLabel(variant, props), jsx(Autocomplete, { ...field, multiple: true, disableCloseOnSelect: true, id: `${props.item.name}-autocomplete-multi`, options: options, value: selectedOptions, getOptionLabel: (option) => String(option.label), isOptionEqualToValue: (option, value) => option.value === value.value, onChange: (_, newValue) => {
22
- const joined = (newValue || []).map((o) => o.value).join(',');
32
+ }, [normalizedSelectedValues, options]);
33
+ return (jsx(Controller, { control: props.control, name: props.item.name, render: ({ field }) => (jsxs(Fragment, { children: [renderLabel(variant, props), jsx(Autocomplete, { ...field, multiple: true, disableCloseOnSelect: true, id: `${props.item.name}-autocomplete-multi`, options: options, value: selectedOptions, getOptionLabel: (option) => String(option.label), isOptionEqualToValue: (option, value) => String(option.value) === String(value.value), onChange: (_, newValue) => {
34
+ const joined = (newValue || []).map((o) => String(o.value)).join(',');
23
35
  props.setValue(props.item.name, joined);
24
36
  props?.item?.onChangeFn && props?.item?.onChangeFn(joined);
25
37
  props?.clearErrors && props?.clearErrors(props?.item?.name);
package/dist/components/FormComponents/Select/SingleSelectNonAutoComplete.esm.js CHANGED
@@ -17,7 +17,7 @@ const SingleSelectNonAutoComplete = ({ props, variant, }) => {
17
17
  '& .MuiInputLabel-shrink': {
18
18
  top: 0,
19
19
  },
20
- }, children: [renderLabel(variant, props), variant !== 'standard' && (jsx(InputLabel, { error: isShowBorderError, id: `${props.item.name}-labelId`, children: props.item.label })), jsx(Select, { labelId: `${props.item.name}-labelId`, id: `${props.item.name}-select`, value: value, label: variant !== 'standard' ? `${props.item.label}${props.item.required ? ' *' : ''}` : '', onChange: (e) => props.setValue(props.item.name, e.target.value), onBlur: (e) => {
20
+ }, disabled: props.item.disable, children: [renderLabel(variant, props), variant !== 'standard' && (jsx(InputLabel, { error: isShowBorderError, id: `${props.item.name}-labelId`, children: props.item.label })), jsx(Select, { labelId: `${props.item.name}-labelId`, id: `${props.item.name}-select`, value: value, label: variant !== 'standard' ? `${props.item.label}${props.item.required ? ' *' : ''}` : '', disabled: props.item.disable, onChange: (e) => props.setValue(props.item.name, e.target.value), onBlur: (e) => {
21
21
  props?.item?.onBlurFn && props?.item?.onBlurFn(e);
22
22
  }, error: isShowBorderError, inputProps: {
23
23
  'aria-labelledby': `${props.item.name}-label`,
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.12.26",
3
+ "version": "1.12.28",
4
4
  "private": false,
5
5
  "type": "module",
6
6
  "description": "React form components library built with React Hook Form and Yup",