@sphereon/ui-components.ssi-react 0.1.3-unstable.95 → 0.1.3-unstable.96
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/dist/components/views/{SSICredentialMiniCardView → CredentialMiniCardView}/index.d.ts +3 -3
- package/dist/components/views/{SSICredentialMiniCardView → CredentialMiniCardView}/index.js +2 -2
- package/dist/components/views/SSITableView/index.js +2 -2
- package/dist/index.d.ts +3 -3
- package/dist/index.js +2 -2
- package/package.json +3 -3
package/dist/components/views/{SSICredentialMiniCardView → CredentialMiniCardView}/index.d.ts
RENAMED
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
import { CSSProperties, FC } from 'react';
|
|
2
2
|
import { ImageAttributes } from '@sphereon/ui-components.core';
|
|
3
|
-
export type
|
|
3
|
+
export type CredentialMiniCardViewProps = {
|
|
4
4
|
backgroundImage?: ImageAttributes;
|
|
5
5
|
backgroundColor?: string;
|
|
6
6
|
logo?: ImageAttributes;
|
|
7
7
|
logoColor?: string;
|
|
8
8
|
style?: CSSProperties;
|
|
9
9
|
};
|
|
10
|
-
declare const
|
|
11
|
-
export default
|
|
10
|
+
declare const CredentialMiniCardView: FC<CredentialMiniCardViewProps>;
|
|
11
|
+
export default CredentialMiniCardView;
|
|
@@ -2,10 +2,10 @@ import { jsx as _jsx } from "react/jsx-runtime";
|
|
|
2
2
|
import { credentialCardColors } from '@sphereon/ui-components.core';
|
|
3
3
|
import SSILogo from '../../assets/logos/SSILogo';
|
|
4
4
|
import { SSICredentialMiniCardViewContainerStyled as Container, SSICredentialMiniCardViewBackgroundImageStyled as BackgroundImage, } from '../../../styles';
|
|
5
|
-
const
|
|
5
|
+
const CredentialMiniCardView = (props) => {
|
|
6
6
|
const { backgroundColor = credentialCardColors.default, backgroundImage, logo, logoColor, style } = props;
|
|
7
7
|
return (_jsx(Container, { style: { ...style, backgroundColor }, children: _jsx(BackgroundImage, { style: {
|
|
8
8
|
...(backgroundImage?.uri && { background: `url(${backgroundImage.uri})`, backgroundSize: 'cover' }),
|
|
9
9
|
}, children: (!backgroundImage || logo) && _jsx(SSILogo, { logo: logo, color: logoColor }) }) }));
|
|
10
10
|
};
|
|
11
|
-
export default
|
|
11
|
+
export default CredentialMiniCardView;
|
|
@@ -7,7 +7,7 @@ import SSITypeLabel from '../../labels/SSITypeLabel';
|
|
|
7
7
|
import SSIHoverText from '../../fields/SSIHoverText';
|
|
8
8
|
import { SSITableViewCellContainerStyled as CellContainer, SSITableViewContainerStyled as Container, SSITableViewHeaderCellContainerStyled as HeaderCellContainer, SSITableViewLabelCellStyled as LabelCell, SSITableViewResultCountCaptionStyled as ResultCountCaption, SSITableViewRowContainerStyled as RowContainer, SSITableViewTableContainerStyled as TableContainer, } from '../../../styles';
|
|
9
9
|
import { TableCellType } from '../../../types';
|
|
10
|
-
import {
|
|
10
|
+
import { CredentialMiniCardView, SSIStatusLabel } from '../../../index';
|
|
11
11
|
function IndeterminateCheckbox({ indeterminate, className = '', ...rest }) {
|
|
12
12
|
const ref = React.useRef(null);
|
|
13
13
|
React.useEffect(() => {
|
|
@@ -30,7 +30,7 @@ const getCellFormatting = (type, value, opts) => {
|
|
|
30
30
|
return _jsx(SSIStatusLabel, { status: value });
|
|
31
31
|
}
|
|
32
32
|
case TableCellType.CREDENTIAL_CARD: {
|
|
33
|
-
return _jsx(
|
|
33
|
+
return _jsx(CredentialMiniCardView, { ...value });
|
|
34
34
|
}
|
|
35
35
|
default:
|
|
36
36
|
return _jsx("div", {});
|
package/dist/index.d.ts
CHANGED
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import SSIToastContainer from './components/messageBoxes/toasts/SSIToastContainer';
|
|
2
2
|
import SSIStatusLabel from './components/labels/SSIStatusLabel';
|
|
3
3
|
import SSICredentialCardView from './components/views/SSICredentialCardView';
|
|
4
|
-
import
|
|
5
|
-
import {
|
|
4
|
+
import CredentialMiniCardView from './components/views/CredentialMiniCardView';
|
|
5
|
+
import { CredentialMiniCardViewProps } from './components/views/CredentialMiniCardView';
|
|
6
6
|
import SSICheckmarkBadge from './components/assets/badges/SSICheckmarkBadge';
|
|
7
7
|
import SSIExclamationMarkBadge from './components/assets/badges/SSIExclamationMarkBadge';
|
|
8
8
|
import SSIPlaceholderLogo from './components/assets/logos/SSIPlaceholderLogo';
|
|
@@ -29,4 +29,4 @@ import { Row } from '@tanstack/react-table';
|
|
|
29
29
|
export * from './styles/fonts';
|
|
30
30
|
export * from './types';
|
|
31
31
|
export * from './helpers';
|
|
32
|
-
export { SSICredentialCardView,
|
|
32
|
+
export { SSICredentialCardView, CredentialMiniCardView, CredentialMiniCardViewProps, SSIStatusLabel, SSICheckmarkBadge, SSIExclamationMarkBadge, SSIPlaceholderLogo, SSILogo, SSIAddIcon, SSIFilterIcon, SSIArrowDownIcon, SSITypeLabel, SSIIconButton, SSIPrimaryButton, SSISecondaryButton, SSIDropDownList, SSITableView, SSITableViewHeader, SSITabView, SSITabViewHeader, SSIProfileIcon, SSIToastContainer, SSICheckbox, SSIActivityIndicator, SSIHoverText, StepMarker, ProgressStepIndicator, Row, };
|
package/dist/index.js
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import SSIToastContainer from './components/messageBoxes/toasts/SSIToastContainer';
|
|
2
2
|
import SSIStatusLabel from './components/labels/SSIStatusLabel';
|
|
3
3
|
import SSICredentialCardView from './components/views/SSICredentialCardView';
|
|
4
|
-
import
|
|
4
|
+
import CredentialMiniCardView from './components/views/CredentialMiniCardView';
|
|
5
5
|
import SSICheckmarkBadge from './components/assets/badges/SSICheckmarkBadge';
|
|
6
6
|
import SSIExclamationMarkBadge from './components/assets/badges/SSIExclamationMarkBadge';
|
|
7
7
|
import SSIPlaceholderLogo from './components/assets/logos/SSIPlaceholderLogo';
|
|
@@ -27,4 +27,4 @@ import StepMarker from './components/assets/markers/StepMarker';
|
|
|
27
27
|
export * from './styles/fonts';
|
|
28
28
|
export * from './types';
|
|
29
29
|
export * from './helpers';
|
|
30
|
-
export { SSICredentialCardView,
|
|
30
|
+
export { SSICredentialCardView, CredentialMiniCardView, SSIStatusLabel, SSICheckmarkBadge, SSIExclamationMarkBadge, SSIPlaceholderLogo, SSILogo, SSIAddIcon, SSIFilterIcon, SSIArrowDownIcon, SSITypeLabel, SSIIconButton, SSIPrimaryButton, SSISecondaryButton, SSIDropDownList, SSITableView, SSITableViewHeader, SSITabView, SSITabViewHeader, SSIProfileIcon, SSIToastContainer, SSICheckbox, SSIActivityIndicator, SSIHoverText, StepMarker, ProgressStepIndicator, };
|
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.1.3-unstable.
|
|
4
|
+
"version": "0.1.3-unstable.96+91c4f85",
|
|
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>",
|
|
@@ -28,7 +28,7 @@
|
|
|
28
28
|
"access": "public"
|
|
29
29
|
},
|
|
30
30
|
"dependencies": {
|
|
31
|
-
"@sphereon/ui-components.core": "0.1.3-unstable.
|
|
31
|
+
"@sphereon/ui-components.core": "0.1.3-unstable.96+91c4f85",
|
|
32
32
|
"@tanstack/react-table": "^8.9.3",
|
|
33
33
|
"react-loader-spinner": "^5.4.5",
|
|
34
34
|
"react-toastify": "^9.1.3",
|
|
@@ -42,5 +42,5 @@
|
|
|
42
42
|
"peerDependencies": {
|
|
43
43
|
"react": ">= 16.8.0"
|
|
44
44
|
},
|
|
45
|
-
"gitHead": "
|
|
45
|
+
"gitHead": "91c4f8599fa96bf99497141e34e3129f83c2b0e3"
|
|
46
46
|
}
|