@tap-payments/os-micro-frontend-shared 0.1.173-test.2 → 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/table/cell/merchantsTableCellWidth.d.ts +2 -2
- package/build/constants/table/cell/merchantsTableCellWidth.js +2 -2
- package/package.json +2 -2
|
@@ -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>> & {
|
|
@@ -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";
|
|
@@ -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";
|
|
@@ -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',
|
|
@@ -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',
|
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.173-test.
|
|
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",
|