@tap-payments/os-micro-frontend-shared 0.0.250 → 0.0.251

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 (7) hide show
  1. package/build/components/StatusChip/style.d.ts +1 -0
  2. package/build/components/StatusChip/style.js +12 -6
  3. package/build/components/StatusChip/type.d.ts +1 -0
  4. package/build/components/StatusGroupChips/style.d.ts +1 -0
  5. package/build/constants/table/cell/chargeTableCellWidth.d.ts +2 -2
  6. package/build/constants/table/cell/chargeTableCellWidth.js +2 -2
  7. package/package.json +1 -1
package/build/components/StatusChip/style.d.ts CHANGED
@@ -8,6 +8,7 @@ export declare const ChipStyled: import("@emotion/styled").StyledComponent<impor
8
8
  disabled?: boolean | undefined;
9
9
  padding?: string | undefined;
10
10
  unknownText?: string | undefined;
11
+ maxWidth?: string | undefined;
11
12
  } & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
12
13
  ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
13
14
  }, keyof import("@mui/material/OverridableComponent").CommonProps | keyof import("@mui/system").BoxOwnProps<import("@mui/material").Theme>> & {
package/build/components/StatusChip/style.js CHANGED
@@ -10,15 +10,17 @@ var __rest = (this && this.__rest) || function (s, e) {
10
10
  return t;
11
11
  };
12
12
  import { Box, styled } from '@mui/material';
13
- export const ChipStyled = styled(Box)((_a) => {
13
+ export const ChipStyled = styled(Box, {
14
+ shouldForwardProp: (prop) => !['textColor', 'bgColor', 'borderColor', 'disabled', 'padding', 'maxWidth'].includes(prop),
15
+ })((_a) => {
14
16
  var { theme } = _a, props = __rest(_a, ["theme"]);
15
- const { textColor = theme.palette.text.primary, bgColor = '#EFF1F2', borderColor = '#EFF1F2', disabled = false, padding } = props;
17
+ const { textColor = theme.palette.text.primary, bgColor = '#EFF1F2', borderColor = '#EFF1F2', disabled = false, padding, maxWidth } = props;
16
18
  return {
17
- display: 'inline-flex',
18
- alignItems: 'center',
19
- justifyContent: 'center',
19
+ display: 'block',
20
+ textAlign: 'center',
21
+ verticalAlign: 'middle',
20
22
  height: '18px',
21
- padding: padding || `${theme.spacing(0.5)} ${theme.spacing(1.5)}`,
23
+ padding: padding || '0px 9.5px',
22
24
  borderRadius: '30px',
23
25
  border: `1px solid ${borderColor}`,
24
26
  backgroundColor: bgColor,
@@ -28,5 +30,9 @@ export const ChipStyled = styled(Box)((_a) => {
28
30
  whiteSpace: 'nowrap',
29
31
  fontSize: '11px',
30
32
  minWidth: '67px',
33
+ maxWidth: maxWidth || 'none',
34
+ overflow: 'hidden',
35
+ textOverflow: maxWidth ? 'ellipsis' : 'unset',
36
+ boxSizing: 'border-box',
31
37
  };
32
38
  });
package/build/components/StatusChip/type.d.ts CHANGED
@@ -7,4 +7,5 @@ export type ChipProps = PropsWithChildren<{
7
7
  disabled?: boolean;
8
8
  padding?: string;
9
9
  unknownText?: string;
10
+ maxWidth?: string;
10
11
  } & BoxProps>;
package/build/components/StatusGroupChips/style.d.ts CHANGED
@@ -9,6 +9,7 @@ export declare const StyledStatusChip: import("@emotion/styled").StyledComponent
9
9
  disabled?: boolean | undefined;
10
10
  padding?: string | undefined;
11
11
  unknownText?: string | undefined;
12
+ maxWidth?: string | undefined;
12
13
  } & import("@mui/system").BoxOwnProps<import("@mui/material").Theme> & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
13
14
  ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
14
15
  }, keyof import("@mui/material/OverridableComponent").CommonProps | keyof import("@mui/system").BoxOwnProps<import("@mui/material").Theme>> & {
package/build/constants/table/cell/chargeTableCellWidth.d.ts CHANGED
@@ -77,7 +77,7 @@ export declare const chargeTableCellWidth: {
77
77
  readonly merchant: {
78
78
  readonly default: "100px";
79
79
  readonly text: "150px";
80
- readonly sheet: "115px";
80
+ readonly sheet: "190px";
81
81
  };
82
82
  readonly charge: {
83
83
  readonly default: "150px";
@@ -122,7 +122,7 @@ export declare const chargeTableCellWidth: {
122
122
  readonly actions: {
123
123
  readonly default: "100px";
124
124
  readonly text: "100px";
125
- readonly sheet: "315px";
125
+ readonly sheet: "85px";
126
126
  };
127
127
  readonly payment_id: {
128
128
  readonly default: "150px";
package/build/constants/table/cell/chargeTableCellWidth.js CHANGED
@@ -77,7 +77,7 @@ export const chargeTableCellWidth = {
77
77
  merchant: {
78
78
  default: '100px',
79
79
  text: '150px',
80
- sheet: '115px',
80
+ sheet: '190px',
81
81
  },
82
82
  charge: {
83
83
  default: '150px',
@@ -122,7 +122,7 @@ export const chargeTableCellWidth = {
122
122
  actions: {
123
123
  default: '100px',
124
124
  text: '100px',
125
- sheet: '315px',
125
+ sheet: '85px',
126
126
  },
127
127
  payment_id: {
128
128
  default: '150px',
package/package.json CHANGED
@@ -1,7 +1,7 @@
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.0.250",
4
+ "version": "0.0.251",
5
5
  "testVersion": 2,
6
6
  "type": "module",
7
7
  "main": "build/index.js",