@sphereon/ui-components.ssi-react 0.2.1-unstable.41 → 0.2.1-unstable.43
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/styles/components/components/index.d.ts +0 -1
- package/dist/styles/components/components/index.js +0 -1
- package/package.json +3 -3
- package/dist/components/views/InformationRequestView/index.d.ts +0 -14
- package/dist/components/views/InformationRequestView/index.js +0 -12
- package/dist/styles/components/components/InformationRequestView/index.d.ts +0 -13
- package/dist/styles/components/components/InformationRequestView/index.js +0 -68
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.2.1-unstable.
|
|
4
|
+
"version": "0.2.1-unstable.43+c23c0d1",
|
|
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>",
|
|
@@ -40,7 +40,7 @@
|
|
|
40
40
|
"@mui/styled-engine-sc": "^5.14.12",
|
|
41
41
|
"@mui/system": "^5.15.12",
|
|
42
42
|
"@mui/x-date-pickers": "^6.19.5",
|
|
43
|
-
"@sphereon/ui-components.core": "0.2.1-unstable.
|
|
43
|
+
"@sphereon/ui-components.core": "0.2.1-unstable.43+c23c0d1",
|
|
44
44
|
"@tanstack/react-table": "^8.9.3",
|
|
45
45
|
"react-json-tree": "^0.18.0",
|
|
46
46
|
"react-loader-spinner": "5.4.5",
|
|
@@ -59,5 +59,5 @@
|
|
|
59
59
|
"peerDependencies": {
|
|
60
60
|
"react": ">= 18"
|
|
61
61
|
},
|
|
62
|
-
"gitHead": "
|
|
62
|
+
"gitHead": "c23c0d13c405193980aec81671743ef51fa48155"
|
|
63
63
|
}
|
|
@@ -1,14 +0,0 @@
|
|
|
1
|
-
import { FC } from 'react';
|
|
2
|
-
import { CredentialStatus, ImageAttributes } from '@sphereon/ui-components.core';
|
|
3
|
-
type Props = {
|
|
4
|
-
relyingPartyName: string;
|
|
5
|
-
purpose: string;
|
|
6
|
-
credentialStatus: CredentialStatus;
|
|
7
|
-
credentialTitle?: string;
|
|
8
|
-
credentialSubtitle?: string;
|
|
9
|
-
uri?: string;
|
|
10
|
-
logo?: ImageAttributes;
|
|
11
|
-
textColor?: string;
|
|
12
|
-
};
|
|
13
|
-
declare const InformationRequestView: FC<Props>;
|
|
14
|
-
export default InformationRequestView;
|
|
@@ -1,12 +0,0 @@
|
|
|
1
|
-
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
-
import { Localization } from '@sphereon/ui-components.core';
|
|
3
|
-
import { InformationRequestViewCardSubtitle as CardSubtitle, InformationRequestViewCardTextContainer as CardTextContainer, InformationRequestViewCardTitle as CardTitle, InformationRequestViewContainerStyled as Container, InformationRequestViewContentContainerStyled as ContentContainer, InformationRequestViewDescriptionStyled, InformationRequestViewRPCardContainerStyled as RPCardContainer, InformationRequestViewFormContainerStyled as FormContainer, InformationRequestViewFormTitleStyled as FormTitle, InformationRequestViewLogoContainerStyled as LogoContainer, InformationRequestViewPurposeContainerStyled as PurposeContainer, InformationRequestViewPurposeTitleStyled as PurposeTitle, } from '../../../styles/components';
|
|
4
|
-
import SSIStatusLabel from '../../labels/SSIStatusLabel';
|
|
5
|
-
import SSILogo from '../../assets/logos/SSILogo';
|
|
6
|
-
const InformationRequestView = (args) => {
|
|
7
|
-
const { relyingPartyName, purpose, uri, credentialStatus, logo, textColor, } = args;
|
|
8
|
-
return (_jsx(Container, { children: _jsxs(ContentContainer, { children: [_jsxs(PurposeContainer, { children: [_jsx(PurposeTitle, { children: Localization.translate('information_request_title') }), _jsx(InformationRequestViewDescriptionStyled, { children: purpose })] }), _jsxs(FormContainer, { children: [_jsx(FormTitle, { children: Localization.translate('information_request_form_label') }), _jsx(InformationRequestViewDescriptionStyled, { children: Localization.translate('information_request_interacting_with', {
|
|
9
|
-
partyName: relyingPartyName,
|
|
10
|
-
}) }), _jsxs(RPCardContainer, { children: [_jsx(LogoContainer, { children: _jsx(SSILogo, { logo: logo, color: textColor ?? '#000' }) }), _jsxs(CardTextContainer, { children: [_jsx(CardTitle, { children: Localization.translate('information_request_relying_party_name_label') }), _jsx(CardSubtitle, { children: relyingPartyName }), uri && (_jsx(CardSubtitle, { children: uri }))] }), _jsx(SSIStatusLabel, { status: credentialStatus })] })] })] }) }));
|
|
11
|
-
};
|
|
12
|
-
export default InformationRequestView;
|
|
@@ -1,13 +0,0 @@
|
|
|
1
|
-
export declare const InformationRequestViewContainerStyled: import("styled-components").StyledComponent<"div", any, {}, never>;
|
|
2
|
-
export declare const InformationRequestViewContentContainerStyled: import("styled-components").StyledComponent<"div", any, {}, never>;
|
|
3
|
-
export declare const InformationRequestViewPurposeContainerStyled: import("styled-components").StyledComponent<"div", any, {}, never>;
|
|
4
|
-
export declare const InformationRequestViewPurposeTitleStyled: import("styled-components").StyledComponent<"div", any, {}, never>;
|
|
5
|
-
export declare const InformationRequestViewDescriptionStyled: import("styled-components").StyledComponent<"div", any, {}, never>;
|
|
6
|
-
export declare const InformationRequestViewFormContainerStyled: import("styled-components").StyledComponent<"div", any, {}, never>;
|
|
7
|
-
export declare const InformationRequestViewFormTitleStyled: import("styled-components").StyledComponent<"div", any, {}, never>;
|
|
8
|
-
export declare const InformationRequestViewFormDetailsContainerStyled: import("styled-components").StyledComponent<"div", any, {}, never>;
|
|
9
|
-
export declare const InformationRequestViewLogoContainerStyled: import("styled-components").StyledComponent<"div", any, {}, never>;
|
|
10
|
-
export declare const InformationRequestViewRPCardContainerStyled: import("styled-components").StyledComponent<"div", any, {}, never>;
|
|
11
|
-
export declare const InformationRequestViewCardTextContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
|
|
12
|
-
export declare const InformationRequestViewCardTitle: import("styled-components").StyledComponent<"div", any, {}, never>;
|
|
13
|
-
export declare const InformationRequestViewCardSubtitle: import("styled-components").StyledComponent<"div", any, {}, never>;
|
|
@@ -1,68 +0,0 @@
|
|
|
1
|
-
import styled from 'styled-components';
|
|
2
|
-
import { SSITextH1Styled, SSITextH2Styled, SSITextH4Styled } from '../../../fonts';
|
|
3
|
-
export const InformationRequestViewContainerStyled = styled.div `
|
|
4
|
-
display: flex;
|
|
5
|
-
flex-direction: column;
|
|
6
|
-
gap: 24px;
|
|
7
|
-
width: 100%;
|
|
8
|
-
max-width: 800px;
|
|
9
|
-
margin: 0 auto;
|
|
10
|
-
padding: 24px;
|
|
11
|
-
`;
|
|
12
|
-
export const InformationRequestViewContentContainerStyled = styled.div `
|
|
13
|
-
display: flex;
|
|
14
|
-
flex-direction: column;
|
|
15
|
-
gap: 24px;
|
|
16
|
-
`;
|
|
17
|
-
export const InformationRequestViewPurposeContainerStyled = styled.div `
|
|
18
|
-
display: flex;
|
|
19
|
-
flex-direction: column;
|
|
20
|
-
gap: 8px;
|
|
21
|
-
`;
|
|
22
|
-
export const InformationRequestViewPurposeTitleStyled = styled(SSITextH1Styled) `
|
|
23
|
-
text-align: left;
|
|
24
|
-
`;
|
|
25
|
-
export const InformationRequestViewDescriptionStyled = styled(SSITextH2Styled) `
|
|
26
|
-
text-align: left;
|
|
27
|
-
font-weight: normal;
|
|
28
|
-
`;
|
|
29
|
-
export const InformationRequestViewFormContainerStyled = styled.div `
|
|
30
|
-
display: flex;
|
|
31
|
-
flex-direction: column;
|
|
32
|
-
gap: 16px;
|
|
33
|
-
padding: 16px;
|
|
34
|
-
border: 1px solid #e0e0e0;
|
|
35
|
-
border-radius: 8px;
|
|
36
|
-
background-color: #fafafa;
|
|
37
|
-
`;
|
|
38
|
-
export const InformationRequestViewFormTitleStyled = styled(SSITextH2Styled) `
|
|
39
|
-
text-align: left;
|
|
40
|
-
`;
|
|
41
|
-
export const InformationRequestViewFormDetailsContainerStyled = styled.div `
|
|
42
|
-
display: flex;
|
|
43
|
-
flex-direction: column;
|
|
44
|
-
gap: 8px;
|
|
45
|
-
`;
|
|
46
|
-
export const InformationRequestViewLogoContainerStyled = styled.div `
|
|
47
|
-
margin: 0 12px 0 9px;
|
|
48
|
-
`;
|
|
49
|
-
export const InformationRequestViewRPCardContainerStyled = styled.div `
|
|
50
|
-
display: flex;
|
|
51
|
-
flex-direction: row;
|
|
52
|
-
align-items: center;
|
|
53
|
-
gap: 16px;
|
|
54
|
-
padding: 16px;
|
|
55
|
-
border: 1px solid #e0e0e0;
|
|
56
|
-
border-radius: 8px;
|
|
57
|
-
background-color: #ffffff;
|
|
58
|
-
`;
|
|
59
|
-
export const InformationRequestViewCardTextContainer = styled.div `
|
|
60
|
-
flex-grow: 1;
|
|
61
|
-
`;
|
|
62
|
-
export const InformationRequestViewCardTitle = styled(SSITextH4Styled) `
|
|
63
|
-
font-weight: bold;
|
|
64
|
-
`;
|
|
65
|
-
export const InformationRequestViewCardSubtitle = styled(SSITextH4Styled) `
|
|
66
|
-
font-weight: normal;
|
|
67
|
-
color: #555;
|
|
68
|
-
`;
|