magneto365.ui 2.69.0-beta.1 → 2.69.0
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/cjs/css/magneto.ui.lib.min.css +1 -1
- package/dist/cjs/index.js +174 -225
- package/dist/cjs/index.js.map +1 -1
- package/dist/cjs/types/components/UI/atoms/Popover/Popover.interface.d.ts +0 -2
- package/dist/cjs/types/components/UI/organism/FilterCard/FilterCard.interface.d.ts +0 -12
- package/dist/cjs/types/constants/icons.constants.d.ts +0 -2
- package/dist/cjs/types/constants/stories/sideFilter.constants.d.ts +123 -0
- package/dist/esm/css/magneto.ui.lib.min.css +1 -1
- package/dist/esm/index.js +174 -225
- package/dist/esm/index.js.map +1 -1
- package/dist/esm/types/components/UI/atoms/Popover/Popover.interface.d.ts +0 -2
- package/dist/esm/types/components/UI/organism/FilterCard/FilterCard.interface.d.ts +0 -12
- package/dist/esm/types/constants/icons.constants.d.ts +0 -2
- package/dist/esm/types/constants/stories/sideFilter.constants.d.ts +123 -0
- package/dist/index.d.ts +0 -13
- package/package.json +1 -1
- package/dist/assets/3c9ef5949d25901a.svg +0 -11
- package/dist/assets/a9f25ebc43dd2922.svg +0 -9
|
@@ -1,4 +1,3 @@
|
|
|
1
|
-
import React from "react";
|
|
2
1
|
declare type PositionY = 'top' | 'bottom';
|
|
3
2
|
declare type PositionX = 'left' | 'center' | 'right';
|
|
4
3
|
export interface IPopover {
|
|
@@ -31,6 +30,5 @@ export interface IPopover {
|
|
|
31
30
|
*/
|
|
32
31
|
staticContent?: boolean;
|
|
33
32
|
className?: string;
|
|
34
|
-
style?: React.CSSProperties;
|
|
35
33
|
}
|
|
36
34
|
export {};
|
|
@@ -16,16 +16,4 @@ export interface IFilterCard extends IFilter, ISearchRenderTypeProps {
|
|
|
16
16
|
* This is the switch title and indicate if has switch
|
|
17
17
|
*/
|
|
18
18
|
switchText?: string;
|
|
19
|
-
/**
|
|
20
|
-
* Identification Key for each filter card
|
|
21
|
-
*/
|
|
22
|
-
index: number;
|
|
23
|
-
/**
|
|
24
|
-
*Function to bnotify an open filter
|
|
25
|
-
*/
|
|
26
|
-
setCurrentOpenFilter: (index: number) => void;
|
|
27
|
-
/**
|
|
28
|
-
* key to know if a filter has changed
|
|
29
|
-
*/
|
|
30
|
-
showFilters: boolean;
|
|
31
19
|
}
|
|
@@ -188,5 +188,3 @@ export { default as WhatsAppDark } from '../assets/Whatsapp.svg';
|
|
|
188
188
|
export { default as X } from '../assets/X.svg';
|
|
189
189
|
export { default as Youtube } from '../assets/Youtube.svg';
|
|
190
190
|
export { default as YoutubeSolid } from '../assets/YoutubeSolid.svg';
|
|
191
|
-
export { default as FilterIcon } from '../assets/filter-search.svg';
|
|
192
|
-
export { default as SortIcon } from '../assets/SortIcon.svg';
|
|
@@ -33,7 +33,10 @@ export declare const storiesFilters: ({
|
|
|
33
33
|
fieldsAlias: {
|
|
34
34
|
id: string;
|
|
35
35
|
label: string;
|
|
36
|
+
parentId?: undefined;
|
|
36
37
|
};
|
|
38
|
+
fieldFullSearch?: undefined;
|
|
39
|
+
sourceName?: undefined;
|
|
37
40
|
};
|
|
38
41
|
values: {
|
|
39
42
|
id: number;
|
|
@@ -43,6 +46,90 @@ export declare const storiesFilters: ({
|
|
|
43
46
|
isApplied: boolean;
|
|
44
47
|
}[];
|
|
45
48
|
searchPlaceholder: string;
|
|
49
|
+
renderChild?: undefined;
|
|
50
|
+
child?: undefined;
|
|
51
|
+
filtersApplied?: undefined;
|
|
52
|
+
} | {
|
|
53
|
+
label: string;
|
|
54
|
+
field: string;
|
|
55
|
+
type: string;
|
|
56
|
+
renderType: string;
|
|
57
|
+
renderChild: string;
|
|
58
|
+
dataType: string;
|
|
59
|
+
multiple: boolean;
|
|
60
|
+
repository: {
|
|
61
|
+
type: string;
|
|
62
|
+
defaultFilter: {
|
|
63
|
+
active?: undefined;
|
|
64
|
+
};
|
|
65
|
+
defaultOrder: {
|
|
66
|
+
name?: undefined;
|
|
67
|
+
};
|
|
68
|
+
defaultOperator: number;
|
|
69
|
+
source: string;
|
|
70
|
+
fieldFullSearch: string;
|
|
71
|
+
sourceName: string;
|
|
72
|
+
fieldsAlias: {
|
|
73
|
+
id: string;
|
|
74
|
+
label: string;
|
|
75
|
+
parentId: null;
|
|
76
|
+
};
|
|
77
|
+
};
|
|
78
|
+
child: {
|
|
79
|
+
label: string;
|
|
80
|
+
field: string;
|
|
81
|
+
type: string;
|
|
82
|
+
renderType: string;
|
|
83
|
+
renderChild: string;
|
|
84
|
+
dataType: string;
|
|
85
|
+
multiple: boolean;
|
|
86
|
+
repository: {
|
|
87
|
+
type: string;
|
|
88
|
+
defaultFilter: {};
|
|
89
|
+
defaultOrder: {};
|
|
90
|
+
defaultOperator: number;
|
|
91
|
+
source: string;
|
|
92
|
+
fieldFullSearch: string;
|
|
93
|
+
sourceName: string;
|
|
94
|
+
fieldsAlias: {
|
|
95
|
+
id: string;
|
|
96
|
+
label: string;
|
|
97
|
+
parentId: string;
|
|
98
|
+
};
|
|
99
|
+
};
|
|
100
|
+
child: {
|
|
101
|
+
label: string;
|
|
102
|
+
field: string;
|
|
103
|
+
type: string;
|
|
104
|
+
renderType: string;
|
|
105
|
+
dataType: string;
|
|
106
|
+
multiple: boolean;
|
|
107
|
+
repository: {
|
|
108
|
+
type: string;
|
|
109
|
+
defaultFilter: {};
|
|
110
|
+
defaultOrder: {};
|
|
111
|
+
defaultOperator: number;
|
|
112
|
+
source: string;
|
|
113
|
+
fieldFullSearch: string;
|
|
114
|
+
sourceName: string;
|
|
115
|
+
fieldsAlias: {
|
|
116
|
+
id: string;
|
|
117
|
+
label: string;
|
|
118
|
+
parentId: string;
|
|
119
|
+
};
|
|
120
|
+
};
|
|
121
|
+
values: never[];
|
|
122
|
+
filtersApplied: string[];
|
|
123
|
+
searchPlaceholder: string;
|
|
124
|
+
};
|
|
125
|
+
values: never[];
|
|
126
|
+
filtersApplied: string[];
|
|
127
|
+
searchPlaceholder: string;
|
|
128
|
+
};
|
|
129
|
+
values: never[];
|
|
130
|
+
filtersApplied: number[];
|
|
131
|
+
searchPlaceholder: string;
|
|
132
|
+
placeholder?: undefined;
|
|
46
133
|
} | {
|
|
47
134
|
label: string;
|
|
48
135
|
field: string;
|
|
@@ -63,7 +150,10 @@ export declare const storiesFilters: ({
|
|
|
63
150
|
fieldsAlias: {
|
|
64
151
|
id?: undefined;
|
|
65
152
|
label?: undefined;
|
|
153
|
+
parentId?: undefined;
|
|
66
154
|
};
|
|
155
|
+
fieldFullSearch?: undefined;
|
|
156
|
+
sourceName?: undefined;
|
|
67
157
|
};
|
|
68
158
|
values: ({
|
|
69
159
|
operator: number;
|
|
@@ -86,6 +176,9 @@ export declare const storiesFilters: ({
|
|
|
86
176
|
})[];
|
|
87
177
|
searchPlaceholder: string;
|
|
88
178
|
placeholder?: undefined;
|
|
179
|
+
renderChild?: undefined;
|
|
180
|
+
child?: undefined;
|
|
181
|
+
filtersApplied?: undefined;
|
|
89
182
|
} | {
|
|
90
183
|
label: string;
|
|
91
184
|
field: string;
|
|
@@ -104,6 +197,8 @@ export declare const storiesFilters: ({
|
|
|
104
197
|
defaultOperator: number;
|
|
105
198
|
source: null;
|
|
106
199
|
fieldsAlias: null;
|
|
200
|
+
fieldFullSearch?: undefined;
|
|
201
|
+
sourceName?: undefined;
|
|
107
202
|
};
|
|
108
203
|
values: ({
|
|
109
204
|
operator: number;
|
|
@@ -135,6 +230,9 @@ export declare const storiesFilters: ({
|
|
|
135
230
|
})[];
|
|
136
231
|
searchPlaceholder: string;
|
|
137
232
|
placeholder?: undefined;
|
|
233
|
+
renderChild?: undefined;
|
|
234
|
+
child?: undefined;
|
|
235
|
+
filtersApplied?: undefined;
|
|
138
236
|
} | {
|
|
139
237
|
label: string;
|
|
140
238
|
field: string;
|
|
@@ -153,6 +251,8 @@ export declare const storiesFilters: ({
|
|
|
153
251
|
defaultOperator: number;
|
|
154
252
|
source: string;
|
|
155
253
|
fieldsAlias: null;
|
|
254
|
+
fieldFullSearch?: undefined;
|
|
255
|
+
sourceName?: undefined;
|
|
156
256
|
};
|
|
157
257
|
values: {
|
|
158
258
|
id: string;
|
|
@@ -165,6 +265,9 @@ export declare const storiesFilters: ({
|
|
|
165
265
|
}[];
|
|
166
266
|
searchPlaceholder: string;
|
|
167
267
|
placeholder?: undefined;
|
|
268
|
+
renderChild?: undefined;
|
|
269
|
+
child?: undefined;
|
|
270
|
+
filtersApplied?: undefined;
|
|
168
271
|
} | {
|
|
169
272
|
label: string;
|
|
170
273
|
field: string;
|
|
@@ -183,6 +286,8 @@ export declare const storiesFilters: ({
|
|
|
183
286
|
defaultOperator: number;
|
|
184
287
|
source: string;
|
|
185
288
|
fieldsAlias: null;
|
|
289
|
+
fieldFullSearch?: undefined;
|
|
290
|
+
sourceName?: undefined;
|
|
186
291
|
};
|
|
187
292
|
values: {
|
|
188
293
|
id: number;
|
|
@@ -193,6 +298,9 @@ export declare const storiesFilters: ({
|
|
|
193
298
|
}[];
|
|
194
299
|
searchPlaceholder: string;
|
|
195
300
|
placeholder?: undefined;
|
|
301
|
+
renderChild?: undefined;
|
|
302
|
+
child?: undefined;
|
|
303
|
+
filtersApplied?: undefined;
|
|
196
304
|
} | {
|
|
197
305
|
label: string;
|
|
198
306
|
field: string;
|
|
@@ -211,6 +319,8 @@ export declare const storiesFilters: ({
|
|
|
211
319
|
defaultOperator: number;
|
|
212
320
|
source: null;
|
|
213
321
|
fieldsAlias: null;
|
|
322
|
+
fieldFullSearch?: undefined;
|
|
323
|
+
sourceName?: undefined;
|
|
214
324
|
};
|
|
215
325
|
values: {
|
|
216
326
|
operator: number;
|
|
@@ -221,6 +331,9 @@ export declare const storiesFilters: ({
|
|
|
221
331
|
}[];
|
|
222
332
|
searchPlaceholder: string;
|
|
223
333
|
placeholder?: undefined;
|
|
334
|
+
renderChild?: undefined;
|
|
335
|
+
child?: undefined;
|
|
336
|
+
filtersApplied?: undefined;
|
|
224
337
|
} | {
|
|
225
338
|
label: string;
|
|
226
339
|
field: string;
|
|
@@ -239,6 +352,8 @@ export declare const storiesFilters: ({
|
|
|
239
352
|
defaultOperator: number;
|
|
240
353
|
source: null;
|
|
241
354
|
fieldsAlias: null;
|
|
355
|
+
fieldFullSearch?: undefined;
|
|
356
|
+
sourceName?: undefined;
|
|
242
357
|
};
|
|
243
358
|
values: {
|
|
244
359
|
operator: number;
|
|
@@ -249,6 +364,9 @@ export declare const storiesFilters: ({
|
|
|
249
364
|
}[];
|
|
250
365
|
searchPlaceholder: string;
|
|
251
366
|
placeholder?: undefined;
|
|
367
|
+
renderChild?: undefined;
|
|
368
|
+
child?: undefined;
|
|
369
|
+
filtersApplied?: undefined;
|
|
252
370
|
} | {
|
|
253
371
|
label: string;
|
|
254
372
|
field: string;
|
|
@@ -267,6 +385,8 @@ export declare const storiesFilters: ({
|
|
|
267
385
|
defaultOperator: number;
|
|
268
386
|
source: null;
|
|
269
387
|
fieldsAlias: null;
|
|
388
|
+
fieldFullSearch?: undefined;
|
|
389
|
+
sourceName?: undefined;
|
|
270
390
|
};
|
|
271
391
|
values: {
|
|
272
392
|
operator: number;
|
|
@@ -278,6 +398,9 @@ export declare const storiesFilters: ({
|
|
|
278
398
|
}[];
|
|
279
399
|
searchPlaceholder: string;
|
|
280
400
|
placeholder?: undefined;
|
|
401
|
+
renderChild?: undefined;
|
|
402
|
+
child?: undefined;
|
|
403
|
+
filtersApplied?: undefined;
|
|
281
404
|
})[];
|
|
282
405
|
export declare const sideFilterProps: {
|
|
283
406
|
title: string;
|
package/dist/index.d.ts
CHANGED
|
@@ -953,7 +953,6 @@ interface IPopover {
|
|
|
953
953
|
*/
|
|
954
954
|
staticContent?: boolean;
|
|
955
955
|
className?: string;
|
|
956
|
-
style?: React__default.CSSProperties;
|
|
957
956
|
}
|
|
958
957
|
|
|
959
958
|
/**
|
|
@@ -4460,18 +4459,6 @@ interface IFilterCard extends IFilter$1, ISearchRenderTypeProps$1 {
|
|
|
4460
4459
|
* This is the switch title and indicate if has switch
|
|
4461
4460
|
*/
|
|
4462
4461
|
switchText?: string;
|
|
4463
|
-
/**
|
|
4464
|
-
* Identification Key for each filter card
|
|
4465
|
-
*/
|
|
4466
|
-
index: number;
|
|
4467
|
-
/**
|
|
4468
|
-
*Function to bnotify an open filter
|
|
4469
|
-
*/
|
|
4470
|
-
setCurrentOpenFilter: (index: number) => void;
|
|
4471
|
-
/**
|
|
4472
|
-
* key to know if a filter has changed
|
|
4473
|
-
*/
|
|
4474
|
-
showFilters: boolean;
|
|
4475
4462
|
}
|
|
4476
4463
|
|
|
4477
4464
|
declare const FilterCard: FC<IFilterCard>;
|
package/package.json
CHANGED
|
@@ -1,11 +0,0 @@
|
|
|
1
|
-
<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
2
|
-
<g id="sort descending">
|
|
3
|
-
<g id="Vector">
|
|
4
|
-
<path d="M8.66667 3.46619L8.77474 3.47791C9.01745 3.52788 9.20052 3.74253 9.20052 4.00004C9.20052 4.25755 9.01745 4.4722 8.77474 4.52218L8.66667 4.53389H2.66667C2.37211 4.53389 2.13281 4.29459 2.13281 4.00004C2.13281 3.70549 2.37211 3.46619 2.66667 3.46619H8.66667Z" fill="#292F37"/>
|
|
5
|
-
<path d="M7.33333 7.46619L7.44141 7.4779C7.68412 7.52788 7.86719 7.74253 7.86719 8.00004C7.86719 8.25755 7.68412 8.4722 7.44141 8.52218L7.33333 8.53389H2.66667C2.37211 8.53389 2.13281 8.29459 2.13281 8.00004C2.13281 7.70549 2.37211 7.46619 2.66667 7.46619H7.33333Z" fill="#292F37"/>
|
|
6
|
-
<path d="M7.33333 11.4662L7.44141 11.4779C7.68412 11.5279 7.86719 11.7425 7.86719 12C7.86719 12.2575 7.68412 12.4722 7.44141 12.5222L7.33333 12.5339H2.66667C2.37211 12.5339 2.13281 12.2946 2.13281 12C2.13281 11.7055 2.37211 11.4662 2.66667 11.4662H7.33333Z" fill="#292F37"/>
|
|
7
|
-
<path d="M13.6224 9.62244C13.8307 9.41416 14.1693 9.41416 14.3776 9.62244C14.5859 9.83072 14.5859 10.1694 14.3776 10.3776L12.3776 12.3776C12.1954 12.5598 11.914 12.5818 11.707 12.4454L11.6224 12.3776L9.6224 10.3776L9.55469 10.293C9.4182 10.086 9.44023 9.8046 9.6224 9.62244C9.80456 9.44027 10.086 9.41824 10.293 9.55473L10.3776 9.62244L12 11.2448L13.6224 9.62244Z" fill="#292F37"/>
|
|
8
|
-
<path d="M11.4661 12V4.00004C11.4661 3.70549 11.7054 3.46619 12 3.46619C12.2946 3.46619 12.5339 3.70549 12.5339 4.00004V12C12.5339 12.2946 12.2946 12.5339 12 12.5339C11.7054 12.5339 11.4661 12.2946 11.4661 12Z" fill="#292F37"/>
|
|
9
|
-
</g>
|
|
10
|
-
</g>
|
|
11
|
-
</svg>
|
|
@@ -1,9 +0,0 @@
|
|
|
1
|
-
<svg width="16" height="17" viewBox="0 0 16 17" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
2
|
-
<g id="filter-search">
|
|
3
|
-
<g id="Vector">
|
|
4
|
-
<path d="M7.28736 15.6667C6.96736 15.6667 6.64738 15.5867 6.35404 15.4267C5.76071 15.0933 5.40735 14.5 5.40735 13.8267V10.26C5.40735 9.92 5.18734 9.42 4.98067 9.16L2.44735 6.50002C2.02735 6.08002 1.70068 5.34668 1.70068 4.80668V3.26003C1.70068 2.1867 2.51403 1.34668 3.54736 1.34668H12.4407C13.4607 1.34668 14.2874 2.17336 14.2874 3.19336V4.67336C14.2874 5.37336 13.8674 6.18001 13.4674 6.57335C13.274 6.76668 12.954 6.76668 12.7607 6.57335C12.5674 6.38001 12.5674 6.06001 12.7607 5.86668C13.0074 5.62001 13.2874 5.06669 13.2874 4.67336V3.19336C13.2874 2.72669 12.9074 2.34668 12.4407 2.34668H3.54736C3.07403 2.34668 2.70068 2.7467 2.70068 3.26003V4.80668C2.70068 5.05335 2.90068 5.54003 3.16068 5.80003L5.72738 8.5C6.06738 8.92 6.40068 9.62667 6.40068 10.26V13.8267C6.40068 14.2667 6.7007 14.48 6.83403 14.5533C7.1207 14.7133 7.4607 14.7067 7.72736 14.5467L8.6607 13.9467C8.85403 13.8333 9.0407 13.4667 9.0407 13.22C9.0407 12.9467 9.26736 12.72 9.5407 12.72C9.81403 12.72 10.0407 12.9467 10.0407 13.22C10.0407 13.82 9.66736 14.5067 9.19403 14.7933L8.26736 15.3933C7.96736 15.5733 7.62736 15.6667 7.28736 15.6667Z" fill="#0A0C0E"/>
|
|
5
|
-
<path d="M10.7142 12.0134C9.2609 12.0134 8.0809 10.8334 8.0809 9.38007C8.0809 7.92673 9.2609 6.74675 10.7142 6.74675C12.1676 6.74675 13.3476 7.92673 13.3476 9.38007C13.3476 10.8334 12.1676 12.0134 10.7142 12.0134ZM10.7142 7.74673C9.81423 7.74673 9.0809 8.48007 9.0809 9.38007C9.0809 10.2801 9.81423 11.0134 10.7142 11.0134C11.6142 11.0134 12.3476 10.2801 12.3476 9.38007C12.3476 8.48007 11.6142 7.74673 10.7142 7.74673Z" fill="#0A0C0E"/>
|
|
6
|
-
<path d="M13.2472 12.4134C13.1205 12.4134 12.9938 12.3667 12.8938 12.2667L12.2272 11.6001C12.0338 11.4067 12.0338 11.0867 12.2272 10.8934C12.4205 10.7001 12.7405 10.7001 12.9338 10.8934L13.6005 11.5601C13.7938 11.7534 13.7938 12.0734 13.6005 12.2667C13.5072 12.3601 13.3738 12.4134 13.2472 12.4134Z" fill="#0A0C0E"/>
|
|
7
|
-
</g>
|
|
8
|
-
</g>
|
|
9
|
-
</svg>
|