@tap-payments/os-micro-frontend-shared 0.1.172 → 0.1.173-test.3
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/build/components/StatusChip/StatusChip.d.ts +1 -1
- package/build/components/StatusChip/StatusChip.js +2 -2
- package/build/components/StatusChip/style.d.ts +1 -0
- package/build/components/StatusChip/type.d.ts +1 -0
- package/build/constants/apps.d.ts +0 -15
- package/build/constants/apps.js +0 -12
- package/build/constants/table/cell/merchantsTableCellWidth.d.ts +5 -5
- package/build/constants/table/cell/merchantsTableCellWidth.js +5 -5
- package/package.json +3 -3
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import { ChipProps } from './type';
|
|
2
|
-
declare const StatusChip: ({ children, unknownText, copyText, expandDirection, chipStyles, ...props }: ChipProps) => import("react/jsx-runtime").JSX.Element;
|
|
2
|
+
declare const StatusChip: ({ children, unknownText, copyText, expandDirection, chipStyles, containerStyle, ...props }: ChipProps) => import("react/jsx-runtime").JSX.Element;
|
|
3
3
|
export default StatusChip;
|
|
@@ -18,7 +18,7 @@ import { copyIcon, greenCheckIcon } from '../../constants/index.js';
|
|
|
18
18
|
import { ChipStyled, Wrapper, CopyWrapper } from './style';
|
|
19
19
|
import { emptyStatusChipColors } from '../../constants/index.js';
|
|
20
20
|
const StatusChip = (_a) => {
|
|
21
|
-
var { children, unknownText, copyText, expandDirection = 'right', chipStyles } = _a, props = __rest(_a, ["children", "unknownText", "copyText", "expandDirection", "chipStyles"]);
|
|
21
|
+
var { children, unknownText, copyText, expandDirection = 'right', chipStyles, containerStyle } = _a, props = __rest(_a, ["children", "unknownText", "copyText", "expandDirection", "chipStyles", "containerStyle"]);
|
|
22
22
|
const [showCopy, setShowCopy] = useState(false);
|
|
23
23
|
const { t } = useTranslation();
|
|
24
24
|
const isSelected = props.isSelected;
|
|
@@ -39,7 +39,7 @@ const StatusChip = (_a) => {
|
|
|
39
39
|
}
|
|
40
40
|
};
|
|
41
41
|
const isCopyActive = isSelected && copyText;
|
|
42
|
-
return (_jsxs(motion.div, Object.assign({ style: { position: 'relative' }, animate: { zIndex: isSelected ? 3 : 0 } }, { children: [_jsx(ChipStyled, Object.assign({}, props, { sx: { visibility: 'hidden', pointerEvents: 'none' } }, { children: _jsx(Wrapper, { children: children }) })), _jsx(motion.div, Object.assign({ style: { position: 'absolute', top: 0, zIndex: isSelected ? 3 : 0 }, animate: {
|
|
42
|
+
return (_jsxs(motion.div, Object.assign({ style: Object.assign({ position: 'relative' }, containerStyle), animate: { zIndex: isSelected ? 3 : 0 } }, { children: [_jsx(ChipStyled, Object.assign({}, props, { sx: { visibility: 'hidden', pointerEvents: 'none' } }, { children: _jsx(Wrapper, { children: children }) })), _jsx(motion.div, Object.assign({ style: { position: 'absolute', top: 0, zIndex: isSelected ? 3 : 0 }, animate: {
|
|
43
43
|
left: isCopyActive && expandDirection === 'left' ? -12 : 0,
|
|
44
44
|
}, transition: { delay: isSelected ? 0 : 0.2, duration: 0.2 } }, { children: _jsx(ChipStyled, Object.assign({}, props, { isSelected: isSelected }, chipStyles, { children: _jsxs(motion.div, Object.assign({ layout: "size", style: { display: 'flex', gap: '4px' }, animate: {
|
|
45
45
|
paddingRight: isCopyActive ? 12 : 0,
|
|
@@ -15,6 +15,7 @@ export declare const ChipStyled: import("@emotion/styled").StyledComponent<impor
|
|
|
15
15
|
expandDirection?: "left" | "right" | undefined;
|
|
16
16
|
chipStyles?: object | undefined;
|
|
17
17
|
disableAnimation?: boolean | undefined;
|
|
18
|
+
containerStyle?: object | undefined;
|
|
18
19
|
} & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
|
|
19
20
|
ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
|
|
20
21
|
}, keyof import("@mui/material/OverridableComponent").CommonProps | keyof import("@mui/system").BoxOwnProps<import("@mui/material/styles").Theme>> & {
|
|
@@ -398,9 +398,6 @@ export declare const APP_CODES: {
|
|
|
398
398
|
statement: {
|
|
399
399
|
code: string;
|
|
400
400
|
};
|
|
401
|
-
summary: {
|
|
402
|
-
code: string;
|
|
403
|
-
};
|
|
404
401
|
view: {
|
|
405
402
|
code: string;
|
|
406
403
|
};
|
|
@@ -421,9 +418,6 @@ export declare const APP_CODES: {
|
|
|
421
418
|
statement: {
|
|
422
419
|
code: string;
|
|
423
420
|
};
|
|
424
|
-
summary: {
|
|
425
|
-
code: string;
|
|
426
|
-
};
|
|
427
421
|
view: {
|
|
428
422
|
code: string;
|
|
429
423
|
};
|
|
@@ -444,9 +438,6 @@ export declare const APP_CODES: {
|
|
|
444
438
|
statement: {
|
|
445
439
|
code: string;
|
|
446
440
|
};
|
|
447
|
-
summary: {
|
|
448
|
-
code: string;
|
|
449
|
-
};
|
|
450
441
|
view: {
|
|
451
442
|
code: string;
|
|
452
443
|
};
|
|
@@ -500,12 +491,6 @@ export declare const APP_CODES: {
|
|
|
500
491
|
code: string;
|
|
501
492
|
};
|
|
502
493
|
};
|
|
503
|
-
statement: {
|
|
504
|
-
code: string;
|
|
505
|
-
};
|
|
506
|
-
summary: {
|
|
507
|
-
code: string;
|
|
508
|
-
};
|
|
509
494
|
};
|
|
510
495
|
};
|
|
511
496
|
};
|
package/build/constants/apps.js
CHANGED
|
@@ -166,24 +166,18 @@ export const APP_CODES = {
|
|
|
166
166
|
code: 'BUSINESS_WALLET',
|
|
167
167
|
functions: Object.assign(Object.assign({}, SERVICE_COMMON_FUNCTIONS), { statement: {
|
|
168
168
|
code: 'STATEMENT',
|
|
169
|
-
}, summary: {
|
|
170
|
-
code: 'SUMMARY',
|
|
171
169
|
} }),
|
|
172
170
|
},
|
|
173
171
|
retailers: {
|
|
174
172
|
code: 'RETAILER_WALLET',
|
|
175
173
|
functions: Object.assign(Object.assign({}, SERVICE_COMMON_FUNCTIONS), { statement: {
|
|
176
174
|
code: 'STATEMENT',
|
|
177
|
-
}, summary: {
|
|
178
|
-
code: 'SUMMARY',
|
|
179
175
|
} }),
|
|
180
176
|
},
|
|
181
177
|
customers: {
|
|
182
178
|
code: 'CUSTOMER_WALLET',
|
|
183
179
|
functions: Object.assign(Object.assign({}, SERVICE_COMMON_FUNCTIONS), { statement: {
|
|
184
180
|
code: 'STATEMENT',
|
|
185
|
-
}, summary: {
|
|
186
|
-
code: 'SUMMARY',
|
|
187
181
|
} }),
|
|
188
182
|
},
|
|
189
183
|
merchants: {
|
|
@@ -197,12 +191,6 @@ export const APP_CODES = {
|
|
|
197
191
|
paymentTechnology: {
|
|
198
192
|
code: 'PAYMENT_TECHNOLOGY_WALLET',
|
|
199
193
|
functions: Object.assign({}, SERVICE_COMMON_FUNCTIONS),
|
|
200
|
-
statement: {
|
|
201
|
-
code: 'STATEMENT',
|
|
202
|
-
},
|
|
203
|
-
summary: {
|
|
204
|
-
code: 'SUMMARY',
|
|
205
|
-
},
|
|
206
194
|
},
|
|
207
195
|
},
|
|
208
196
|
},
|
|
@@ -7,7 +7,7 @@ export declare const merchantsTableCellWidth: {
|
|
|
7
7
|
readonly entity: {
|
|
8
8
|
readonly default: "137px";
|
|
9
9
|
readonly text: "180px";
|
|
10
|
-
readonly sheet: "
|
|
10
|
+
readonly sheet: "235px";
|
|
11
11
|
};
|
|
12
12
|
readonly created: {
|
|
13
13
|
readonly default: "144px";
|
|
@@ -17,7 +17,7 @@ export declare const merchantsTableCellWidth: {
|
|
|
17
17
|
readonly brands: {
|
|
18
18
|
readonly default: "131px";
|
|
19
19
|
readonly text: "140px";
|
|
20
|
-
readonly sheet: "
|
|
20
|
+
readonly sheet: "170px";
|
|
21
21
|
};
|
|
22
22
|
readonly marketplace: {
|
|
23
23
|
readonly default: "110px";
|
|
@@ -27,7 +27,7 @@ export declare const merchantsTableCellWidth: {
|
|
|
27
27
|
readonly individuals: {
|
|
28
28
|
readonly default: "147px";
|
|
29
29
|
readonly text: "185px";
|
|
30
|
-
readonly sheet: "
|
|
30
|
+
readonly sheet: "200px";
|
|
31
31
|
};
|
|
32
32
|
readonly segments: {
|
|
33
33
|
readonly default: "70px";
|
|
@@ -67,11 +67,11 @@ export declare const merchantsTableCellWidth: {
|
|
|
67
67
|
readonly channels: {
|
|
68
68
|
readonly default: "94px";
|
|
69
69
|
readonly text: "120px";
|
|
70
|
-
readonly sheet: "
|
|
70
|
+
readonly sheet: "510px";
|
|
71
71
|
};
|
|
72
72
|
readonly merchant: {
|
|
73
73
|
readonly default: "175px";
|
|
74
74
|
readonly text: "180px";
|
|
75
|
-
readonly sheet: "
|
|
75
|
+
readonly sheet: "235px";
|
|
76
76
|
};
|
|
77
77
|
};
|
|
@@ -7,7 +7,7 @@ export const merchantsTableCellWidth = {
|
|
|
7
7
|
entity: {
|
|
8
8
|
default: '137px',
|
|
9
9
|
text: '180px',
|
|
10
|
-
sheet: '
|
|
10
|
+
sheet: '235px',
|
|
11
11
|
},
|
|
12
12
|
created: {
|
|
13
13
|
default: '144px',
|
|
@@ -17,7 +17,7 @@ export const merchantsTableCellWidth = {
|
|
|
17
17
|
brands: {
|
|
18
18
|
default: '131px',
|
|
19
19
|
text: '140px',
|
|
20
|
-
sheet: '
|
|
20
|
+
sheet: '170px',
|
|
21
21
|
},
|
|
22
22
|
marketplace: {
|
|
23
23
|
default: '110px',
|
|
@@ -27,7 +27,7 @@ export const merchantsTableCellWidth = {
|
|
|
27
27
|
individuals: {
|
|
28
28
|
default: '147px',
|
|
29
29
|
text: '185px',
|
|
30
|
-
sheet: '
|
|
30
|
+
sheet: '200px',
|
|
31
31
|
},
|
|
32
32
|
segments: {
|
|
33
33
|
default: '70px',
|
|
@@ -67,11 +67,11 @@ export const merchantsTableCellWidth = {
|
|
|
67
67
|
channels: {
|
|
68
68
|
default: '94px',
|
|
69
69
|
text: '120px',
|
|
70
|
-
sheet: '
|
|
70
|
+
sheet: '510px',
|
|
71
71
|
},
|
|
72
72
|
merchant: {
|
|
73
73
|
default: '175px',
|
|
74
74
|
text: '180px',
|
|
75
|
-
sheet: '
|
|
75
|
+
sheet: '235px',
|
|
76
76
|
},
|
|
77
77
|
};
|
package/package.json
CHANGED
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@tap-payments/os-micro-frontend-shared",
|
|
3
3
|
"description": "Shared components and utilities for Tap Payments micro frontends",
|
|
4
|
-
"version": "0.1.
|
|
5
|
-
"testVersion":
|
|
4
|
+
"version": "0.1.173-test.3",
|
|
5
|
+
"testVersion": 3,
|
|
6
6
|
"type": "module",
|
|
7
7
|
"main": "build/index.js",
|
|
8
8
|
"module": "build/index.js",
|
|
@@ -163,4 +163,4 @@
|
|
|
163
163
|
"publishConfig": {
|
|
164
164
|
"registry": "https://registry.npmjs.org/"
|
|
165
165
|
}
|
|
166
|
-
}
|
|
166
|
+
}
|