@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.
@@ -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>> & {
@@ -14,4 +14,5 @@ export type ChipProps = PropsWithChildren<{
14
14
  expandDirection?: 'left' | 'right';
15
15
  chipStyles?: object;
16
16
  disableAnimation?: boolean;
17
+ containerStyle?: object;
17
18
  } & BoxProps>;
@@ -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
  };
@@ -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: "180px";
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: "140px";
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: "185px";
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: "120px";
70
+ readonly sheet: "510px";
71
71
  };
72
72
  readonly merchant: {
73
73
  readonly default: "175px";
74
74
  readonly text: "180px";
75
- readonly sheet: "138px";
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: '180px',
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: '140px',
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: '185px',
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: '120px',
70
+ sheet: '510px',
71
71
  },
72
72
  merchant: {
73
73
  default: '175px',
74
74
  text: '180px',
75
- sheet: '138px',
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.172",
5
- "testVersion": 0,
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
+ }