@sphereon/ui-components.ssi-react 0.1.3-unstable.14 → 0.1.3-unstable.145

package/dist/types/indicator/index.d.ts

@@ -0,0 +1,9 @@
+export type ProgressIndicatorStep = {
+    title?: string;
+    description?: string;
+};
+export declare enum StepStatus {
+    CURRENT = "current",
+    COMPLETED = "completed",
+    NEXT = "next"
+}

package/dist/types/indicator/index.js

@@ -0,0 +1,6 @@
+export var StepStatus;
+(function (StepStatus) {
+    StepStatus["CURRENT"] = "current";
+    StepStatus["COMPLETED"] = "completed";
+    StepStatus["NEXT"] = "next";
+})(StepStatus || (StepStatus = {}));

package/dist/types/table/index.d.ts

@@ -0,0 +1,31 @@
+import { AccessorFn, DeepKeys } from '@tanstack/react-table';
+import { Button } from '../button';
+export declare enum TableCellType {
+    TEXT = "text",
+    LABEL = "label",
+    STATUS = "status",
+    CREDENTIAL_CARD = "credentialCard",
+    ACTION_GROUP = "actionGroup"
+}
+export type ColumnHeader<T> = {
+    accessor: AccessorFn<T> | DeepKeys<T>;
+    type: TableCellType;
+    label?: string;
+    opts?: TableCellOptions;
+};
+export type TableCellOptions = {
+    truncationLength?: number;
+    enableHover?: boolean;
+    columnMinWidth?: number;
+    columnMaxWidth?: number;
+    columnWidth?: number;
+    actionGroup?: TableColumnActionGroup;
+};
+export type TableColumnActionGroup = {
+    label?: string;
+    actions: Array<Button>;
+};
+export type TableRowSelection = {
+    rowId: string;
+    rowData: any;
+};

package/dist/types/table/index.js

@@ -0,0 +1,8 @@
+export var TableCellType;
+(function (TableCellType) {
+    TableCellType["TEXT"] = "text";
+    TableCellType["LABEL"] = "label";
+    TableCellType["STATUS"] = "status";
+    TableCellType["CREDENTIAL_CARD"] = "credentialCard";
+    TableCellType["ACTION_GROUP"] = "actionGroup";
+})(TableCellType || (TableCellType = {}));

package/dist/types/toast/index.d.ts

@@ -0,0 +1,6 @@
+export type ToastConfigParams<Props> = {
+    title?: string;
+    message?: string;
+    onClick?: () => Promise<void>;
+    props?: Props;
+};

package/dist/types/toast/index.js

@@ -0,0 +1 @@
+export {};

package/dist/types/view/index.d.ts

@@ -0,0 +1,13 @@
+import { JsonFormsCore, JsonSchema, UISchemaElement } from '@jsonforms/core';
+import { ErrorObject } from 'ajv';
+export type CredentialFormInput = Pick<JsonFormsCore, 'data' | 'errors'>;
+export type CredentialFormData = {
+    data?: any;
+    errors?: ErrorObject[];
+    evidence: Array<File>;
+};
+export type CredentialFormSelectionType = {
+    label: string;
+    schema?: JsonSchema;
+    uiSchema?: UISchemaElement;
+};

package/dist/types/view/index.js

@@ -0,0 +1 @@
+export {};

package/dist/utils/FileUtils.d.ts

@@ -0,0 +1 @@
+export declare const base64UriToFile: (base64Uri: string, filename: string, mimeType: string) => File;

package/dist/utils/FileUtils.js

@@ -0,0 +1,7 @@
+import { fromString } from 'uint8arrays';
+export const base64UriToFile = (base64Uri, filename, mimeType) => {
+    const base64 = base64Uri.split(',')[1];
+    const uint8Array = fromString(base64, 'base64');
+    const blob = new Blob([uint8Array]);
+    return new File([blob], filename, { type: mimeType });
+};

package/dist/utils/index.d.ts

@@ -0,0 +1 @@
+export * from './FileUtils';

package/dist/utils/index.js

@@ -0,0 +1 @@
+export * from './FileUtils';

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@sphereon/ui-components.ssi-react",
   "private": false,
-  "version": "0.1.3-unstable.14+af3a5ae",
+  "version": "0.1.3-unstable.145+66bd1c4",
   "description": "SSI UI components for React",
   "repository": "git@github.com:Sphereon-Opensource/UI-Components.git",
   "author": "Sphereon <dev@sphereon.com>",
@@ -13,7 +13,8 @@
     "Self-sovereign identity (SSI)"
   ],
   "scripts": {
-    "build": "tsc",
+    "build": "tsc && pnpm run copy-css",
+    "copy-css": "cpy src/**/*.css dist --parents",
     "build:clean": "tsc --build --clean && tsc --build"
   },
   "source": "src/index.ts",
@@ -28,17 +29,34 @@
     "access": "public"
   },
   "dependencies": {
-    "@sphereon/ui-components.core": "0.1.3-unstable.14+af3a5ae",
+    "@emotion/react": "^11.11.4",
+    "@emotion/styled": "^11.11.0",
+    "@jsonforms/core": "^3.2.1",
+    "@jsonforms/material-renderers": "^3.2.1",
+    "@jsonforms/react": "^3.2.1",
+    "@jsonforms/vanilla-renderers": "^3.2.1",
+    "@mui/icons-material": "^5.15.11",
+    "@mui/material": "^5.15.12",
+    "@mui/styled-engine-sc": "^5.14.12",
+    "@mui/system": "^5.15.12",
+    "@mui/x-date-pickers": "^6.19.5",
+    "@sphereon/ui-components.core": "0.1.3-unstable.145+66bd1c4",
     "@tanstack/react-table": "^8.9.3",
-    "styled-components": "^5.3.3"
+    "react-loader-spinner": "^5.4.5",
+    "react-select": "^5.8.0",
+    "react-toastify": "^9.1.3",
+    "styled-components": "^5.3.3",
+    "uint8arrays": "^3.1.1"
   },
   "devDependencies": {
     "@types/react": "~18.0.14",
     "@types/styled-components": "^5.1.15",
+    "ajv": "^8.12.0",
+    "cpy-cli": "^5.0.0",
     "typescript": "4.9.5"
   },
   "peerDependencies": {
     "react": ">= 16.8.0"
   },
-  "gitHead": "af3a5aea914a8d012b69cb5cf5ad1ad6141711cb"
+  "gitHead": "66bd1c46e40b7a5930b8f02404d2924d36954110"
 }

package/dist/components/labels/SSIText/index.d.ts

@@ -1,7 +0,0 @@
-import { FC } from 'react';
-export type Props = {
-    truncationLength?: number;
-    value: string;
-};
-declare const SSIText: FC<Props>;
-export default SSIText;

package/dist/components/labels/SSIText/index.js

@@ -1,13 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { SSITruncatedTextStyled, SSITruncatedContainerStyled, SSITruncatedFullTextStyled } from '../../../styles/components/components/SSIText';
-const SSIText = (props) => {
-    const { value, truncationLength } = props;
-    if (truncationLength && value.length > truncationLength) {
-        const truncatedText = value.substring(0, truncationLength);
-        return (_jsxs(SSITruncatedContainerStyled, { children: [_jsx(SSITruncatedTextStyled, { children: truncatedText }), _jsx(SSITruncatedFullTextStyled, { children: value })] }));
-    }
-    else {
-        return _jsx("p", { children: value });
-    }
-};
-export default SSIText;

package/dist/components/lists/SSIDropDownList/index.d.ts

@@ -1,7 +0,0 @@
-import { FC } from 'react';
-export type Props = {
-    initialValue: string;
-    label?: string;
-};
-declare const SSIDropDownList: FC<Props>;
-export default SSIDropDownList;

package/dist/components/lists/SSIDropDownList/index.js

@@ -1,11 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import React from 'react';
-import SSIIconButton from '../../buttons/SSIIconButton';
-import { ButtonIconsEnum } from '../../../types';
-import { SSIDropDownListContainerStyled as Container, SSITextH3Styled as LabelCaption, SSIDropDownListSelectedValueStyled as SelectedValue, } from '../../../styles/components';
-const SSIDropDownList = (props) => {
-    const { initialValue, label } = props;
-    const [value, setValue] = React.useState(initialValue);
-    return (_jsxs(Container, { children: [label && _jsx(LabelCaption, { children: label }), _jsx(SelectedValue, { children: value }), _jsx(SSIIconButton, { icon: ButtonIconsEnum.ARROW_DOWN, onClick: async () => console.log('drop down clicked') })] }));
-};
-export default SSIDropDownList;

package/dist/styles/components/components/SSIDropDownList/index.d.ts

@@ -1,2 +0,0 @@
-export declare const SSIDropDownListContainerStyled: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const SSIDropDownListSelectedValueStyled: import("styled-components").StyledComponent<"span", any, {}, never>;

package/dist/styles/components/components/SSIDropDownList/index.js

@@ -1,15 +0,0 @@
-import styled from 'styled-components';
-import { SSIFlexDirectionRowViewStyled } from '../../containers';
-import { gradientColors } from '@sphereon/ui-components.core';
-import { SSITextH3Styled } from '../../fonts';
-export const SSIDropDownListContainerStyled = styled(SSIFlexDirectionRowViewStyled) `
-  text-align: left;
-  align-items: center;
-  gap: 2px;
-`;
-export const SSIDropDownListSelectedValueStyled = styled(SSITextH3Styled) `
-  background: ${gradientColors['100']};
-  background-clip: text;
-  -webkit-background-clip: text;
-  -webkit-text-fill-color: transparent;
-`;

package/dist/styles/components/components/SSIText/index.d.ts

@@ -1,3 +0,0 @@
-export declare const SSITruncatedFullTextStyled: import("styled-components").StyledComponent<"span", any, {}, never>;
-export declare const SSITruncatedContainerStyled: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const SSITruncatedTextStyled: import("styled-components").StyledComponent<"span", any, {}, never>;

package/dist/styles/components/fonts/index.d.ts

@@ -1,12 +0,0 @@
-export declare const SSITextH1Styled: import("styled-components").StyledComponent<"span", any, {}, never>;
-export declare const SSITextH2Styled: import("styled-components").StyledComponent<"span", any, {}, never>;
-export declare const SSITextH3Styled: import("styled-components").StyledComponent<"span", any, {}, never>;
-export declare const SSITextH3LightStyled: import("styled-components").StyledComponent<"span", any, {}, never>;
-export declare const SSITextH4Styled: import("styled-components").StyledComponent<"span", any, {}, never>;
-export declare const SSITextH4SemiBoldStyled: import("styled-components").StyledComponent<"span", any, {}, never>;
-export declare const SSITextH4LightStyled: import("styled-components").StyledComponent<"span", any, {}, never>;
-export declare const SSITextH4SemiBoldLightStyled: import("styled-components").StyledComponent<"span", any, {}, never>;
-export declare const SSITextH5Styled: import("styled-components").StyledComponent<"span", any, {}, never>;
-export declare const SSITextH5LightStyled: import("styled-components").StyledComponent<"span", any, {}, never>;
-export declare const SSITextH6Styled: import("styled-components").StyledComponent<"span", any, {}, never>;
-export declare const SSITextH6LightStyled: import("styled-components").StyledComponent<"span", any, {}, never>;

package/dist/styles/components/fonts/index.js

@@ -1,39 +0,0 @@
-import styled from 'styled-components';
-import { fontColors } from '@sphereon/ui-components.core';
-import { SSITextH1Css, SSITextH2Css, SSITextH3Css, SSITextH4Css, SSITextH4SemiBoldCss, SSITextH5Css, SSITextH6Css } from '../../css';
-export const SSITextH1Styled = styled.span `
-  ${SSITextH1Css}
-`;
-export const SSITextH2Styled = styled.span `
-  ${SSITextH2Css}
-`;
-export const SSITextH3Styled = styled.span `
-  ${SSITextH3Css}
-`;
-export const SSITextH3LightStyled = styled(SSITextH3Styled) `
-  color: ${fontColors.light};
-`;
-export const SSITextH4Styled = styled.span `
-  ${SSITextH4Css}
-`;
-export const SSITextH4SemiBoldStyled = styled.span `
-  ${SSITextH4SemiBoldCss}
-`;
-export const SSITextH4LightStyled = styled(SSITextH4Styled) `
-  color: ${fontColors.light};
-`;
-export const SSITextH4SemiBoldLightStyled = styled(SSITextH4SemiBoldStyled) `
-  color: ${fontColors.light};
-`;
-export const SSITextH5Styled = styled.span `
-  ${SSITextH5Css}
-`;
-export const SSITextH5LightStyled = styled(SSITextH5Styled) `
-  color: ${fontColors.light};
-`;
-export const SSITextH6Styled = styled.span `
-  ${SSITextH6Css}
-`;
-export const SSITextH6LightStyled = styled(SSITextH6Styled) `
-  color: ${fontColors.light};
-`;

package/dist/types/component/index.d.ts

@@ -1,38 +0,0 @@
-import { ComponentType } from 'react';
-import { AccessorFn, DeepKeys } from '@tanstack/react-table';
-export type TabRoute = {
-    key: string;
-    title: string;
-};
-export type TabViewRoute = TabRoute & {
-    content: ComponentType<unknown>;
-};
-export type TabNavigationState = {
-    index: number;
-    routes: Array<TabViewRoute>;
-};
-export declare enum ButtonIconsEnum {
-    ADD = "add",
-    ARROW_DOWN = "arrowDown",
-    FILTER = "filter"
-}
-export type ColumnHeader<T> = {
-    accessor: AccessorFn<T> | DeepKeys<T>;
-    type: TableCellTypeEnum;
-    label?: string;
-    truncationLength?: number;
-};
-export type Button = {
-    caption: string;
-    onClick: () => Promise<void>;
-    icon?: ButtonIconsEnum;
-    disabled?: boolean;
-};
-export declare enum LabelTypeEnum {
-    ISSUER = "Issuer",
-    VERIFIER = "Verifier"
-}
-export declare enum TableCellTypeEnum {
-    TEXT = "text",
-    LABEL = "label"
-}

package/dist/types/component/index.js

@@ -1,16 +0,0 @@
-export var ButtonIconsEnum;
-(function (ButtonIconsEnum) {
-    ButtonIconsEnum["ADD"] = "add";
-    ButtonIconsEnum["ARROW_DOWN"] = "arrowDown";
-    ButtonIconsEnum["FILTER"] = "filter";
-})(ButtonIconsEnum || (ButtonIconsEnum = {}));
-export var LabelTypeEnum;
-(function (LabelTypeEnum) {
-    LabelTypeEnum["ISSUER"] = "Issuer";
-    LabelTypeEnum["VERIFIER"] = "Verifier";
-})(LabelTypeEnum || (LabelTypeEnum = {}));
-export var TableCellTypeEnum;
-(function (TableCellTypeEnum) {
-    TableCellTypeEnum["TEXT"] = "text";
-    TableCellTypeEnum["LABEL"] = "label";
-})(TableCellTypeEnum || (TableCellTypeEnum = {}));