@tap-payments/os-micro-frontend-shared 0.1.128-test.1 → 0.1.129-test.2
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.
|
@@ -15,6 +15,6 @@ import { grayCloseIcon, searchIcon } from '../../constants/index.js';
|
|
|
15
15
|
import { InputsWrapper, InputStyled } from './style';
|
|
16
16
|
const SearchListInput = (_a) => {
|
|
17
17
|
var { value, name, placeholder, onSearchChange, onSearchReset } = _a, props = __rest(_a, ["value", "name", "placeholder", "onSearchChange", "onSearchReset"]);
|
|
18
|
-
return (_jsx(InputsWrapper, Object.assign({
|
|
18
|
+
return (_jsx(InputsWrapper, Object.assign({}, props, { children: _jsx(InputStyled, { className: "input", name: name, placeholder: placeholder, onChange: (e) => onSearchChange(e.target.value), value: value, inputProps: { autoComplete: 'off' }, endAdornment: _jsx(Box, { component: "img", "data-icon": value ? 'close' : 'search', src: value ? grayCloseIcon : searchIcon, alt: "search", className: "icon", sx: { cursor: value ? 'pointer' : 'default' }, onClick: onSearchReset }) }) })));
|
|
19
19
|
};
|
|
20
20
|
export default SearchListInput;
|
|
@@ -3,7 +3,9 @@ export declare const EntityWrapper: import("@emotion/styled").StyledComponent<im
|
|
|
3
3
|
export declare const EntityIcon: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, import("react").DetailedHTMLProps<import("react").ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>, {}>;
|
|
4
4
|
export declare const EntityName: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
|
|
5
5
|
export declare const VerificationIcon: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, import("react").DetailedHTMLProps<import("react").ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>, {}>;
|
|
6
|
-
export declare const EntityContainer: import("@emotion/styled").StyledComponent<import("@mui/system").
|
|
6
|
+
export declare const EntityContainer: import("@emotion/styled").StyledComponent<import("@mui/system").BoxOwnProps<import("@mui/material").Theme> & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
|
|
7
|
+
ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
|
|
8
|
+
}, keyof import("@mui/system").BoxOwnProps<import("@mui/material").Theme>> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
|
|
7
9
|
export declare const EntityInfoContainer: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
|
|
8
10
|
export declare const VerificationContainer: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
|
|
9
11
|
export declare const EmptyCell: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { styled } from '@mui/material';
|
|
1
|
+
import { Box, styled } from '@mui/material';
|
|
2
2
|
export const EntityWrapper = styled('div')(({ theme }) => ({
|
|
3
3
|
display: 'flex',
|
|
4
4
|
alignItems: 'center',
|
|
@@ -20,16 +20,18 @@ export const EntityName = styled('div')(({ theme }) => ({
|
|
|
20
20
|
textOverflow: 'ellipsis',
|
|
21
21
|
whiteSpace: 'nowrap',
|
|
22
22
|
maxWidth: '100%',
|
|
23
|
+
margin: '0',
|
|
23
24
|
}));
|
|
24
25
|
export const VerificationIcon = styled('img')(() => ({
|
|
25
26
|
width: '10.5px',
|
|
26
27
|
height: '10.5px',
|
|
27
28
|
}));
|
|
28
|
-
export const EntityContainer = styled(
|
|
29
|
+
export const EntityContainer = styled(Box)({
|
|
29
30
|
display: 'flex',
|
|
30
31
|
alignItems: 'center',
|
|
31
|
-
justifyContent: 'space-between',
|
|
32
32
|
width: '100%',
|
|
33
|
+
overflow: 'hidden',
|
|
34
|
+
gap: '5px',
|
|
33
35
|
});
|
|
34
36
|
export const EntityInfoContainer = styled('div')({
|
|
35
37
|
display: 'flex',
|
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.129-test.2",
|
|
5
|
+
"testVersion": 2,
|
|
6
6
|
"type": "module",
|
|
7
7
|
"main": "build/index.js",
|
|
8
8
|
"module": "build/index.js",
|