@sphereon/ui-components.ssi-react 0.1.3-unstable.167 → 0.1.3-unstable.169
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/CredentialViewItem/index.d.ts +1 -1
- package/dist/components/views/CredentialViewItem/index.js +3 -3
- package/dist/components/views/JSONDataView/index.js +4 -4
- package/dist/components/views/SSITableView/index.js +2 -2
- package/dist/styles/components/components/CredentialViewItem/index.d.ts +9 -9
- package/dist/styles/components/components/CredentialViewItem/index.js +2 -2
- package/dist/styles/components/components/JSONDataView/index.d.ts +7 -7
- package/dist/styles/components/components/JSONDataView/index.js +1 -1
- package/dist/styles/components/components/SSIProfileIcon/index.js +1 -1
- package/package.json +3 -3
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { CSSProperties, FC } from 'react';
|
|
2
2
|
import { CredentialStatus } from '@sphereon/ui-components.core';
|
|
3
|
-
import { CredentialMiniCardViewProps } from '../CredentialMiniCardView';
|
|
3
|
+
import { CredentialMiniCardViewProps } from '../CredentialMiniCardView/index.js';
|
|
4
4
|
type Props = {
|
|
5
5
|
credentialTitle: string;
|
|
6
6
|
credentialStatus: CredentialStatus;
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
2
|
import { Localization, toLocalDateString, toLocalDateTimeString } from '@sphereon/ui-components.core';
|
|
3
|
-
import SSIStatusLabel from '../../labels/SSIStatusLabel';
|
|
4
|
-
import CredentialMiniCardView from '../CredentialMiniCardView';
|
|
5
|
-
import { CredentialViewItemContainerStyled as Container, CredentialViewItemDetailsContainerStyled as DetailsContainer, SSIFlexDirectionRowViewStyled as ContentRowContainer, CredentialViewItemTitleCaptionStyled as TitleCaption, SSITextH4Styled as IssuerCaption, CredentialViewItemStatusContainerStyled as StatusContainer, SSITextH5Styled as IssueDateCaption, CredentialViewItemExpirationDateCaptionStyled as ExpirationDateCaption, } from '../../../styles';
|
|
3
|
+
import SSIStatusLabel from '../../labels/SSIStatusLabel/index.js';
|
|
4
|
+
import CredentialMiniCardView from '../CredentialMiniCardView/index.js';
|
|
5
|
+
import { CredentialViewItemContainerStyled as Container, CredentialViewItemDetailsContainerStyled as DetailsContainer, SSIFlexDirectionRowViewStyled as ContentRowContainer, CredentialViewItemTitleCaptionStyled as TitleCaption, SSITextH4Styled as IssuerCaption, CredentialViewItemStatusContainerStyled as StatusContainer, SSITextH5Styled as IssueDateCaption, CredentialViewItemExpirationDateCaptionStyled as ExpirationDateCaption, } from '../../../styles/index.js';
|
|
6
6
|
const CredentialViewItem = (props) => {
|
|
7
7
|
const { credentialStatus, credentialTitle, issuerName, showTime = false, showCard = true, credentialBranding, style } = props;
|
|
8
8
|
const issueDate = showTime ? toLocalDateTimeString(props.issueDate) : toLocalDateString(props.issueDate);
|
|
@@ -2,10 +2,10 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
|
2
2
|
import React, { useEffect } from 'react';
|
|
3
3
|
import { JSONTree } from 'react-json-tree';
|
|
4
4
|
import { backgroundColors, calculateAspectRatio, fontColors, isBase64ImageUri, isBoolean, Localization, parseToBoolean } from '@sphereon/ui-components.core';
|
|
5
|
-
import SSICheckmarkBadge from '../../assets/badges/SSICheckmarkBadge';
|
|
6
|
-
import SSIExclamationMarkBadge from '../../assets/badges/SSIExclamationMarkBadge';
|
|
7
|
-
import { getImageSize } from '../../../utils';
|
|
8
|
-
import { JSONDataViewContainerStyled as Container, JSONDataViewHeaderContainerStyled as HeaderContainer, JSONDataViewColumnHeaderCaptionStyled as ColumnHeaderCaption, JSONDataViewDataContainerCaptionStyled as ContainerCaption, JSONDataViewDataImageValueStyled as ImageValue, JSONDataViewDataTextValueStyled as TextValue, JSONDataViewDataLabelStyled as Label } from '../../../styles';
|
|
5
|
+
import SSICheckmarkBadge from '../../assets/badges/SSICheckmarkBadge/index.js';
|
|
6
|
+
import SSIExclamationMarkBadge from '../../assets/badges/SSIExclamationMarkBadge/index.js';
|
|
7
|
+
import { getImageSize } from '../../../utils/index.js';
|
|
8
|
+
import { JSONDataViewContainerStyled as Container, JSONDataViewHeaderContainerStyled as HeaderContainer, JSONDataViewColumnHeaderCaptionStyled as ColumnHeaderCaption, JSONDataViewDataContainerCaptionStyled as ContainerCaption, JSONDataViewDataImageValueStyled as ImageValue, JSONDataViewDataTextValueStyled as TextValue, JSONDataViewDataLabelStyled as Label } from '../../../styles/index.js';
|
|
9
9
|
const JSONDataView = (props) => {
|
|
10
10
|
const { showHeader = true, shouldExpandNodeInitially = () => false } = props;
|
|
11
11
|
const expandNodeInitially = typeof shouldExpandNodeInitially === 'function' ? shouldExpandNodeInitially : () => shouldExpandNodeInitially;
|
|
@@ -11,8 +11,8 @@ import DropDownList from '../../lists/DropDownList/index.js';
|
|
|
11
11
|
import { SSITableViewCellContainerStyled as CellContainer, SSITableViewContainerStyled as Container, SSITableViewHeaderCellContainerStyled as HeaderCellContainer, SSITableViewLabelCellStyled as LabelCell, SSITableViewResultCountCaptionStyled as ResultCountCaption, SSITableViewHeaderRowContainerStyled as HeaderRowContainer, SSITableViewRowContainerStyled as RowContainer, SSITableViewTableContainerStyled as TableContainer, TableViewRowSelectionCheckboxContainerStyled as RowSelectionCheckboxContainer, } from '../../../styles/index.js';
|
|
12
12
|
import { TableCellType } from '../../../types/index.js';
|
|
13
13
|
import PaginationControls from './PaginationControls/index.js';
|
|
14
|
-
import ComboBox from "../../fields/ComboBox";
|
|
15
|
-
import CredentialDetailsView from "../CredentialViewItem";
|
|
14
|
+
import ComboBox from "../../fields/ComboBox/index.js";
|
|
15
|
+
import CredentialDetailsView from "../CredentialViewItem/index.js";
|
|
16
16
|
function IndeterminateCheckbox({ indeterminate, className = '', ...rest }) {
|
|
17
17
|
const ref = React.useRef(null);
|
|
18
18
|
React.useEffect(() => {
|
|
@@ -1,14 +1,14 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
|
-
export declare const CredentialViewItemContainerStyled: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<Omit<import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>, "ref"> & {
|
|
2
|
+
export declare const CredentialViewItemContainerStyled: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types.js").FastOmit<Omit<import("styled-components/dist/types.js").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>, "ref"> & {
|
|
3
3
|
ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
|
|
4
|
-
}, never>> & Omit<import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>, keyof import("react").Component<any, {}, any>>;
|
|
5
|
-
export declare const CredentialViewItemDetailsContainerStyled: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<Omit<import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>, "ref"> & {
|
|
4
|
+
}, never>> & Omit<import("styled-components").IStyledComponent<"web", import("styled-components/dist/types.js").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>, keyof import("react").Component<any, {}, any>>;
|
|
5
|
+
export declare const CredentialViewItemDetailsContainerStyled: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types.js").FastOmit<Omit<import("styled-components/dist/types.js").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>, "ref"> & {
|
|
6
6
|
ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
|
|
7
|
-
}, never>> & Omit<import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>, keyof import("react").Component<any, {}, any>>;
|
|
8
|
-
export declare const CredentialViewItemTitleCaptionStyled: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<Omit<import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>, "ref"> & {
|
|
7
|
+
}, never>> & Omit<import("styled-components").IStyledComponent<"web", import("styled-components/dist/types.js").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>, keyof import("react").Component<any, {}, any>>;
|
|
8
|
+
export declare const CredentialViewItemTitleCaptionStyled: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types.js").FastOmit<Omit<import("styled-components/dist/types.js").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>, "ref"> & {
|
|
9
9
|
ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
|
|
10
|
-
}, never>> & Omit<import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>, keyof import("react").Component<any, {}, any>>;
|
|
11
|
-
export declare const CredentialViewItemStatusContainerStyled: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>;
|
|
12
|
-
export declare const CredentialViewItemExpirationDateCaptionStyled: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<Omit<import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>, "ref"> & {
|
|
10
|
+
}, never>> & Omit<import("styled-components").IStyledComponent<"web", import("styled-components/dist/types.js").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>, keyof import("react").Component<any, {}, any>>;
|
|
11
|
+
export declare const CredentialViewItemStatusContainerStyled: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types.js").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>;
|
|
12
|
+
export declare const CredentialViewItemExpirationDateCaptionStyled: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types.js").FastOmit<Omit<import("styled-components/dist/types.js").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>, "ref"> & {
|
|
13
13
|
ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
|
|
14
|
-
}, never>> & Omit<import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>, keyof import("react").Component<any, {}, any>>;
|
|
14
|
+
}, never>> & Omit<import("styled-components").IStyledComponent<"web", import("styled-components/dist/types.js").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>, keyof import("react").Component<any, {}, any>>;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import styled from 'styled-components';
|
|
2
|
-
import { SSIFlexDirectionColumnViewStyled, SSIFlexDirectionRowViewStyled } from '../../containers';
|
|
3
|
-
import { SSITextH3Styled, SSITextH5Styled } from '../../../fonts';
|
|
2
|
+
import { SSIFlexDirectionColumnViewStyled, SSIFlexDirectionRowViewStyled } from '../../containers/index.js';
|
|
3
|
+
import { SSITextH3Styled, SSITextH5Styled } from '../../../fonts/index.js';
|
|
4
4
|
export const CredentialViewItemContainerStyled = styled(SSIFlexDirectionRowViewStyled) `
|
|
5
5
|
padding: 18px 24px;
|
|
6
6
|
gap: 8px;
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
|
-
export declare const JSONDataViewContainerStyled: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>;
|
|
3
|
-
export declare const JSONDataViewHeaderContainerStyled: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>;
|
|
4
|
-
export declare const JSONDataViewColumnHeaderCaptionStyled: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>;
|
|
5
|
-
export declare const JSONDataViewDataContainerCaptionStyled: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>;
|
|
6
|
-
export declare const JSONDataViewDataImageValueStyled: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>;
|
|
7
|
-
export declare const JSONDataViewDataTextValueStyled: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never>>;
|
|
8
|
-
export declare const JSONDataViewDataLabelStyled: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never>>;
|
|
2
|
+
export declare const JSONDataViewContainerStyled: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types.js").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>;
|
|
3
|
+
export declare const JSONDataViewHeaderContainerStyled: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types.js").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>;
|
|
4
|
+
export declare const JSONDataViewColumnHeaderCaptionStyled: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types.js").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>;
|
|
5
|
+
export declare const JSONDataViewDataContainerCaptionStyled: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types.js").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>;
|
|
6
|
+
export declare const JSONDataViewDataImageValueStyled: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types.js").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>;
|
|
7
|
+
export declare const JSONDataViewDataTextValueStyled: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types.js").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never>>;
|
|
8
|
+
export declare const JSONDataViewDataLabelStyled: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types.js").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never>>;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import styled from 'styled-components';
|
|
2
2
|
import { backgroundColors, borderColors, fontColors, SSIRoundedEdgesCss } from '@sphereon/ui-components.core';
|
|
3
|
-
import { SSITextH2SemiBoldStyledCss, SSITextH5Css, SSITextH7SemiBoldCss } from '../../../css';
|
|
3
|
+
import { SSITextH2SemiBoldStyledCss, SSITextH5Css, SSITextH7SemiBoldCss } from '../../../css/index.js';
|
|
4
4
|
export const JSONDataViewContainerStyled = styled.div `
|
|
5
5
|
${SSIRoundedEdgesCss};
|
|
6
6
|
display: flex;
|
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.169+ca1d81c",
|
|
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>",
|
|
@@ -41,7 +41,7 @@
|
|
|
41
41
|
"@mui/styled-engine-sc": "^5.14.12",
|
|
42
42
|
"@mui/system": "^5.15.12",
|
|
43
43
|
"@mui/x-date-pickers": "^6.19.5",
|
|
44
|
-
"@sphereon/ui-components.core": "0.1.3-unstable.
|
|
44
|
+
"@sphereon/ui-components.core": "0.1.3-unstable.169+ca1d81c",
|
|
45
45
|
"@tanstack/react-table": "^8.9.3",
|
|
46
46
|
"react-json-tree": "^0.18.0",
|
|
47
47
|
"react-loader-spinner": "^5.4.5",
|
|
@@ -59,5 +59,5 @@
|
|
|
59
59
|
"react": ">= 18",
|
|
60
60
|
"styled-components": "^6.1.8"
|
|
61
61
|
},
|
|
62
|
-
"gitHead": "
|
|
62
|
+
"gitHead": "ca1d81c51de6de60e3487259a7d4dbe06f95006a"
|
|
63
63
|
}
|