@sphereon/ui-components.ssi-react 0.5.1-next.3 → 0.5.1-next.4
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.
|
@@ -3,11 +3,17 @@ import { ButtonIcon, Localization, statusColors } from '@sphereon/ui-components.
|
|
|
3
3
|
import IconButton from '../../../buttons/IconButton';
|
|
4
4
|
import PrimaryButton from '../../../buttons/PrimaryButton';
|
|
5
5
|
import { SSITableViewHeaderActionsContainerStyled as ActionsContainer, SSITableViewHeaderContainerStyled as Container, SSITableViewHeaderContentContainerStyled as ContentContainer, SSITextH3Styled as FilterCaption, SSITableViewHeaderFilterContainerStyled as FilterContainer, TableViewHeaderStaticActionsContainerStyled as StaticActionsContainer, } from '../../../../styles';
|
|
6
|
+
const headerActionButtonStyle = {
|
|
7
|
+
width: 'fit-content',
|
|
8
|
+
minWidth: '180px',
|
|
9
|
+
flexShrink: 0,
|
|
10
|
+
whiteSpace: 'nowrap',
|
|
11
|
+
};
|
|
6
12
|
const SSITableViewHeader = (props) => {
|
|
7
13
|
const { enableFiltering = false, enableMostRecent = false, actions = [], onDelete } = props;
|
|
8
14
|
const onDeleteClick = async () => {
|
|
9
15
|
await onDelete?.();
|
|
10
16
|
};
|
|
11
|
-
return (_jsxs(Container, { children: [_jsx(StaticActionsContainer, { children: onDelete && (_jsx(IconButton, { caption: Localization.translate('action_delete_label'), icon: ButtonIcon.DELETE, iconColor: statusColors.error, onClick: onDeleteClick })) }), _jsx(ContentContainer, { style: { width: 'fit-content' }, children: _jsxs(ActionsContainer, { children: [enableFiltering && (_jsxs(FilterContainer, { children: [_jsx(IconButton, { icon: ButtonIcon.FILTER, onClick: async () => console.log('add filter clicked') }), _jsx(FilterCaption, { children: Localization.translate('action_filter_caption') })] })), actions.map((action, index) => (_jsx(PrimaryButton, { caption: action.caption, onClick: action.onClick, icon: action.icon }, index)))] }) })] }));
|
|
17
|
+
return (_jsxs(Container, { children: [_jsx(StaticActionsContainer, { children: onDelete && (_jsx(IconButton, { caption: Localization.translate('action_delete_label'), icon: ButtonIcon.DELETE, iconColor: statusColors.error, onClick: onDeleteClick })) }), _jsx(ContentContainer, { style: { width: 'fit-content' }, children: _jsxs(ActionsContainer, { children: [enableFiltering && (_jsxs(FilterContainer, { children: [_jsx(IconButton, { icon: ButtonIcon.FILTER, onClick: async () => console.log('add filter clicked') }), _jsx(FilterCaption, { children: Localization.translate('action_filter_caption') })] })), actions.map((action, index) => (_jsx(PrimaryButton, { caption: action.caption, onClick: action.onClick, icon: action.icon, style: headerActionButtonStyle }, index)))] }) })] }));
|
|
12
18
|
};
|
|
13
19
|
export default SSITableViewHeader;
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@sphereon/ui-components.ssi-react",
|
|
3
3
|
"private": false,
|
|
4
|
-
"version": "0.5.1-next.
|
|
4
|
+
"version": "0.5.1-next.4+b2b924b",
|
|
5
5
|
"description": "SSI UI components for React",
|
|
6
6
|
"repository": "git@github.com:Sphereon-Opensource/UI-Components.git",
|
|
7
7
|
"author": "Sphereon <dev@sphereon.com>",
|
|
@@ -50,7 +50,7 @@
|
|
|
50
50
|
"@mui/x-date-pickers": "^8.18.0",
|
|
51
51
|
"@sphereon/ssi-sdk.data-store-types": "0.37.0",
|
|
52
52
|
"@sphereon/ssi-types": "0.37.0",
|
|
53
|
-
"@sphereon/ui-components.core": "0.5.1-next.
|
|
53
|
+
"@sphereon/ui-components.core": "0.5.1-next.4+b2b924b",
|
|
54
54
|
"@tanstack/react-table": "^8.9.3",
|
|
55
55
|
"ajv": "^8.17.1",
|
|
56
56
|
"ajv-formats": "^3.0.1",
|
|
@@ -72,5 +72,5 @@
|
|
|
72
72
|
"peerDependencies": {
|
|
73
73
|
"react": ">= 18"
|
|
74
74
|
},
|
|
75
|
-
"gitHead": "
|
|
75
|
+
"gitHead": "b2b924b7baae7f3d4f2675c5023ba44900c7f603"
|
|
76
76
|
}
|