@sphereon/ui-components.ssi-react 0.4.1-unstable.24 → 0.4.1-unstable.29

package/dist/components/assets/icons/ActivityIcon/index.d.ts

@@ -0,0 +1,8 @@
+import { CSSProperties, FC } from 'react';
+export type Props = {
+    size?: number;
+    color?: string;
+    style?: CSSProperties;
+};
+declare const ActivityIcon: FC<Props>;
+export default ActivityIcon;

package/dist/components/assets/icons/ActivityIcon/index.js

@@ -0,0 +1,9 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+const ActivityIcon = (props) => {
+    const { size = 10, color = '--color-grey-800', style } = props;
+    const iconAspectRatio = 2;
+    const height = size / 16;
+    const width = iconAspectRatio * height;
+    return (_jsx("div", { style: { ...style, width: `${width}rem`, height: `${height}rem`, display: 'flex' }, children: _jsx("svg", { width: "100%", height: "100%", viewBox: "0 0 20 10", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: _jsx("path", { d: "M6.9082 2.38477C7.47194 3.66821 8.05162 4.98538 8.61523 6.26855L9.11133 7.39746L9.54102 6.24219C9.89183 5.30003 10.2429 4.35722 10.5938 3.41504L11.6465 0.588867C11.6647 0.539819 11.6864 0.520233 11.6973 0.512695C11.7096 0.504161 11.7238 0.499893 11.7393 0.5C11.755 0.500123 11.7729 0.504768 11.79 0.516602C11.8057 0.527413 11.8284 0.549886 11.8467 0.59668C12.7933 3.01374 13.6999 5.32998 14.6465 7.74707L15.041 8.75195L15.5527 7.80176C15.9493 7.06536 16.3309 6.35757 16.7275 5.62109C16.7353 5.60673 16.7412 5.59894 16.7441 5.5957C16.7459 5.59558 16.7484 5.59548 16.752 5.5957L16.7686 5.59668H16.7852C16.7919 5.59668 16.7986 5.59593 16.8047 5.5957H19.4111C19.4319 5.5957 19.4554 5.60402 19.4746 5.62305C19.4937 5.64202 19.5 5.6624 19.5 5.67773V5.87109L19.4941 5.89746C19.4902 5.90669 19.484 5.91643 19.4746 5.92578C19.4555 5.94464 19.4327 5.95303 19.4121 5.95312H16.9668L16.8252 6.21582C16.2398 7.30268 15.654 8.39001 15.0684 9.47656C15.0525 9.50593 15.0447 9.50394 15.0537 9.5C15.0586 9.49788 15.0528 9.50208 15.0312 9.49805C15.0084 9.49369 14.9786 9.48111 14.9512 9.45898C14.9245 9.43746 14.9078 9.4136 14.8994 9.39258C14.0095 7.11996 13.1191 4.84755 12.2295 2.5752L11.7529 1.35645L11.2959 2.58301L9.23242 8.12207C9.23095 8.12601 9.22025 8.14761 9.1875 8.17383C9.15503 8.19978 9.11687 8.21708 9.08594 8.22363C9.08357 8.22413 9.08115 8.22329 9.0791 8.22363C8.50135 6.90846 7.9234 5.59362 7.3457 4.27832L6.86621 3.1875L6.42383 4.29297C6.21729 4.80868 6.01036 5.32408 5.80371 5.83984C5.77809 5.90373 5.75169 5.93328 5.73926 5.94336C5.73395 5.94766 5.7302 5.94923 5.72754 5.9502C5.72495 5.95112 5.71654 5.95312 5.7002 5.95312H0.587891C0.567255 5.95303 0.544451 5.94464 0.525391 5.92578C0.506623 5.90711 0.500128 5.88739 0.5 5.87207V5.67773L0.505859 5.65137C0.509835 5.64214 0.515959 5.6324 0.525391 5.62305C0.544451 5.60419 0.567255 5.5958 0.587891 5.5957H5.50977L5.63574 5.28125C6.01972 4.32314 6.36696 3.45626 6.75098 2.49805C6.75405 2.4906 6.76823 2.4659 6.80371 2.4375C6.83881 2.40942 6.87782 2.39164 6.9082 2.38477ZM16.8633 5.59082C16.8605 5.59123 16.8556 5.59208 16.8496 5.59277H16.8477C16.8524 5.5922 16.8564 5.59125 16.8594 5.59082C16.8631 5.59029 16.8669 5.58988 16.8672 5.58984C16.8672 5.58984 16.8653 5.59053 16.8633 5.59082Z", stroke: color, strokeWidth: "1.08056" }) }) }));
+};
+export default ActivityIcon;

package/dist/components/assets/icons/BellIcon/index.d.ts

@@ -0,0 +1,8 @@
+import { CSSProperties, FC } from 'react';
+export type Props = {
+    size?: number;
+    color?: string;
+    style?: CSSProperties;
+};
+declare const BellIcon: FC<Props>;
+export default BellIcon;

package/dist/components/assets/icons/BellIcon/index.js

@@ -0,0 +1,9 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+const BellIcon = (props) => {
+    const { size = 20, color = '--color-grey-800', style } = props;
+    const iconAspectRatio = 0.777777;
+    const height = size / 16;
+    const width = iconAspectRatio * height;
+    return (_jsx("div", { style: { ...style, width: `${width}rem`, height: `${height}rem`, display: 'flex' }, children: _jsx("svg", { width: "100%", height: "100%", viewBox: "0 0 14 18", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: _jsx("path", { d: "M9.21862 15.967C9.12146 16.459 8.90688 16.8953 8.60729 17.2341C8.19433 17.7076 7.62753 18 7 18C6.37247 18 5.80567 17.7076 5.39271 17.2341C5.09312 16.8953 4.87854 16.459 4.78138 15.967H1.50202C1.08907 15.967 0.712551 15.7767 0.441296 15.4611C0.17004 15.1501 0 14.7184 0 14.245C0 13.7715 0.17004 13.3399 0.441296 13.0289C0.712551 12.7133 1.08907 12.5183 1.50202 12.5183H1.77328V7.67251C1.77328 6.02476 2.36032 4.52553 3.30769 3.4394C3.7247 2.96132 4.21053 2.56215 4.74494 2.26973C4.81377 1.68489 5.04858 1.16039 5.39271 0.765859C5.80567 0.292419 6.37247 0 7 0C7.62753 0 8.19433 0.292419 8.60729 0.765859C8.95547 1.16039 9.19028 1.68489 9.25506 2.26973C9.79352 2.56215 10.2794 2.96132 10.6923 3.4394C11.6397 4.52553 12.2308 6.02476 12.2308 7.67251V12.5183H12.498C12.9109 12.5183 13.2874 12.7133 13.5587 13.0289C13.834 13.3399 14 13.7715 14 14.245C14 14.7184 13.834 15.1501 13.5587 15.4611C13.2874 15.7767 12.9109 15.967 12.498 15.967H9.21862ZM5.93927 1.80557C6.2834 1.72202 6.63563 1.68025 7 1.68025C7.36437 1.68025 7.72065 1.72202 8.06478 1.80557C8.01619 1.72202 7.95951 1.64312 7.89879 1.57349C7.67207 1.31356 7.35223 1.15111 7 1.15111C6.64777 1.15111 6.33198 1.31356 6.10121 1.57349C6.04049 1.64312 5.98785 1.72202 5.93927 1.80557ZM4.72875 14.8205H9.2753H12.498C12.6356 14.8205 12.7611 14.7555 12.8502 14.6488C12.9433 14.5467 13 14.4028 13 14.245C13 14.0872 12.9433 13.9433 12.8502 13.8412C12.7611 13.7344 12.6356 13.6694 12.498 13.6694H12.2308H1.77328H1.50202C1.36842 13.6694 1.24292 13.7344 1.1498 13.8412C1.06073 13.9433 1.00405 14.0872 1.00405 14.245C1.00405 14.4028 1.06073 14.5467 1.1498 14.6488C1.24292 14.7555 1.36842 14.8205 1.50202 14.8205H4.72875ZM9.98381 4.25168C9.21862 3.37442 8.16194 2.82671 7 2.82671C5.83806 2.82671 4.78138 3.37442 4.01619 4.25168C3.25101 5.12893 2.77328 6.34038 2.77328 7.67251V12.5183H11.2267V7.67251C11.2267 6.34038 10.749 5.12893 9.98381 4.25168ZM7.89879 16.4265C8.01215 16.2965 8.10526 16.1434 8.17004 15.967H5.82996C5.89474 16.1434 5.98785 16.2965 6.10121 16.4265C6.33198 16.6911 6.64777 16.8535 7 16.8535C7.35223 16.8535 7.67207 16.6911 7.89879 16.4265Z", fill: color, strokeWidth: "1.08056" }) }) }));
+};
+export default BellIcon;

package/dist/components/assets/icons/ContactIcon/index.d.ts

@@ -0,0 +1,8 @@
+import { CSSProperties, FC } from 'react';
+type Props = {
+    size?: number;
+    color?: string;
+    style?: CSSProperties;
+};
+declare const ContactIcon: FC<Props>;
+export default ContactIcon;

package/dist/components/assets/icons/ContactIcon/index.js

@@ -0,0 +1,9 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+const ContactIcon = (props) => {
+    const { size = 16, color = '--color-grey-800', style } = props;
+    const iconAspectRatio = 1;
+    const height = size / 16;
+    const width = iconAspectRatio * height;
+    return (_jsx("div", { style: { ...style, width: `${width}rem`, height: `${height}rem`, display: 'flex' }, children: _jsx("svg", { width: "100%", height: "100%", viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: _jsx("path", { d: "M8 9.54004C9.26746 9.54004 11.1996 9.86248 12.8008 10.5039C13.6006 10.8243 14.2839 11.2113 14.7588 11.6494C15.23 12.0844 15.46 12.5334 15.46 13V15.46H0.540039V13C0.540039 12.5334 0.769958 12.0844 1.24121 11.6494C1.71605 11.2113 2.39941 10.8243 3.19922 10.5039C4.80039 9.86248 6.73254 9.54004 8 9.54004ZM8 0.540039C9.91161 0.540039 11.46 2.08839 11.46 4C11.46 5.91161 9.91161 7.45996 8 7.45996C6.08839 7.45996 4.54004 5.91161 4.54004 4C4.54004 2.08839 6.08839 0.540039 8 0.540039Z", stroke: color, "stroke-width": "1.08056" }) }) }));
+};
+export default ContactIcon;

package/dist/components/assets/icons/CredentialIcon/index.d.ts

@@ -0,0 +1,8 @@
+import { CSSProperties, FC } from 'react';
+export interface IProps {
+    size?: number;
+    color?: string;
+    style?: CSSProperties;
+}
+declare const CredentialIcon: FC<IProps>;
+export default CredentialIcon;

package/dist/components/assets/icons/CredentialIcon/index.js

@@ -0,0 +1,9 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+const CredentialIcon = (props) => {
+    const { size = 14, color = '--color-grey-800', style } = props;
+    const iconAspectRatio = 1.285714;
+    const height = size / 16;
+    const width = iconAspectRatio * height;
+    return (_jsx("div", { style: { ...style, width: `${width}rem`, height: `${height}rem`, display: 'flex' }, children: _jsx("svg", { width: "100%", height: "100%", viewBox: "0 0 18 14", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: _jsx("path", { d: "M3.88954 3.94233H3.93954V3.89233V2.85661C3.93954 1.74171 4.83511 0.835156 5.93373 0.835156H15.1326C16.2312 0.835156 17.1268 1.74171 17.1268 2.85661V8.03524C17.1268 9.15014 16.2312 10.0567 15.1326 10.0567H14.1105H14.0605V10.1067V11.1424C14.0605 12.2573 13.1649 13.1639 12.0663 13.1639H2.86744C1.76881 13.1639 0.873242 12.2573 0.873242 11.1424V5.96379C0.873242 4.84889 1.76881 3.94233 2.86744 3.94233H3.88954ZM16.1547 2.90661H16.2047V2.85661C16.2047 2.25738 15.7256 1.77088 15.1326 1.77088H5.93373C5.34079 1.77088 4.86163 2.25738 4.86163 2.85661V2.90661H4.91163H16.1547ZM3.93954 4.92806V4.87806H3.88954H2.86744C2.27449 4.87806 1.79534 5.36456 1.79534 5.96379V11.1424C1.79534 11.7416 2.27449 12.2281 2.86744 12.2281H12.0663C12.6593 12.2281 13.1384 11.7416 13.1384 11.1424V10.1067V10.0567H13.0884H5.93373C4.83511 10.0567 3.93954 9.15014 3.93954 8.03524V4.92806ZM4.91163 3.84233H4.86163V3.89233V8.03524C4.86163 8.63446 5.34079 9.12096 5.93373 9.12096H15.1326C15.7256 9.12096 16.2047 8.63446 16.2047 8.03524V3.89233V3.84233H16.1547H4.91163ZM5.98373 7.51737C5.98373 7.25954 6.19194 7.04951 6.44478 7.04951H8.48898C8.74182 7.04951 8.95003 7.25954 8.95003 7.51737C8.95003 7.77521 8.74182 7.98524 8.48898 7.98524H6.44478C6.19194 7.98524 5.98373 7.77521 5.98373 7.51737Z", fill: color, strokeWidth: "1.08056" }) }) }));
+};
+export default CredentialIcon;

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

@@ -17,8 +17,6 @@ const Listbox = (props) => {
                             flex 
                             flex-1 
                             outline-none 
-                            rounded-[var(--border-radius-4)] 
-                            bg-[var(--color-grey-50)] 
                             overflow-hidden
                         `, children: selected && renderItem(selected, open) }), _jsx(ListboxOptions, { anchor: anchor, transition: true, className: `
                                 w-[var(--button-width)] 

package/dist/components/views/FormView/index.js

@@ -66,8 +66,12 @@ const FormView = (props) => {
         if (!initialized) {
             return;
         }
-        setFormData(state.data);
-        void onFormStateChange?.(state);
+        const mergedData = {
+            ...formData,
+            ...state.data
+        };
+        setFormData(mergedData);
+        void onFormStateChange?.({ ...state, data: mergedData });
     };
     return (_jsx("div", { style: style, children: _jsx(JsonForms, { schema: schema, uischema: uiSchema, data: formData, renderers: renderers, cells: cells, onChange: onFormStateChanged, validationMode: validationMode, middleware: middleware, ajv: ajv, readonly: readonly, config: config }) }));
 };

package/dist/index.d.ts

@@ -55,6 +55,10 @@ import StoreIcon from './components/assets/icons/StoreIcon';
 import RoleIconView from './components/views/RoleIconView';
 import RoleViewItem from './components/views/RoleViewItem';
 import Listbox from './components/lists/Listbox';
+import ActivityIcon from './components/assets/icons/ActivityIcon';
+import ContactIcon from './components/assets/icons/ContactIcon';
+import BellIcon from './components/assets/icons/BellIcon';
+import CredentialIcon from './components/assets/icons/CredentialIcon';
 import { Row } from '@tanstack/react-table';
 import './styles/css/tailwind.css';
 import './components/views/FormView/styles.css';
@@ -63,4 +67,4 @@ export * from './styles/fonts';
 export * from './types';
 export * from './helpers';
 export * from './utils';
-export { SSICredentialCardView, CredentialMiniCardView, CredentialMiniCardViewProps, SSIStatusLabel, SSICheckmarkBadge, SSIExclamationMarkBadge, SSIPlaceholderLogo, SSILogo, SSIAddIcon, SSIFilterIcon, SSIArrowDownIcon, SSITypeLabel, IconButton, PrimaryButton, SecondaryButton, DropDownList, SSITableView, SSITableViewHeader, SSITabView, SSITabViewHeader, SSIProfileIcon, SSIToastContainer, SSICheckbox, SSIActivityIndicator, SSIHoverText, StepMarker, ProgressStepIndicator, PaginationControls, PaginationControlsProps, Row, DocumentIcon, CrossIcon, ImageIcon, MeatBallsIcon, PencilIcon, ViewIcon, CopyIcon, DeleteIcon, FileSelection, ComboBox, DragAndDropBox, PersonPlaceholder, PassportPhotoControl, passportPhotoControlTester, CredentialIssuanceWizardView, CredentialViewItem, JSONDataView, TextInputField, WarningImage, FormView, InformationRequestView, ContactViewItem, CapitolIcon, ChevronIcon, ManIcon, LaptopIcon, StoreIcon, RoleIconView, RoleViewItem, Listbox };
+export { SSICredentialCardView, CredentialMiniCardView, CredentialMiniCardViewProps, SSIStatusLabel, SSICheckmarkBadge, SSIExclamationMarkBadge, SSIPlaceholderLogo, SSILogo, SSIAddIcon, SSIFilterIcon, SSIArrowDownIcon, SSITypeLabel, IconButton, PrimaryButton, SecondaryButton, DropDownList, SSITableView, SSITableViewHeader, SSITabView, SSITabViewHeader, SSIProfileIcon, SSIToastContainer, SSICheckbox, SSIActivityIndicator, SSIHoverText, StepMarker, ProgressStepIndicator, PaginationControls, PaginationControlsProps, Row, DocumentIcon, CrossIcon, ImageIcon, MeatBallsIcon, PencilIcon, ViewIcon, CopyIcon, DeleteIcon, FileSelection, ComboBox, DragAndDropBox, PersonPlaceholder, PassportPhotoControl, passportPhotoControlTester, CredentialIssuanceWizardView, CredentialViewItem, JSONDataView, TextInputField, WarningImage, FormView, InformationRequestView, ContactViewItem, CapitolIcon, ChevronIcon, ManIcon, LaptopIcon, StoreIcon, RoleIconView, RoleViewItem, Listbox, ActivityIcon, ContactIcon, BellIcon, CredentialIcon };

package/dist/index.js

@@ -55,6 +55,10 @@ import StoreIcon from './components/assets/icons/StoreIcon';
 import RoleIconView from './components/views/RoleIconView';
 import RoleViewItem from './components/views/RoleViewItem';
 import Listbox from './components/lists/Listbox';
+import ActivityIcon from './components/assets/icons/ActivityIcon';
+import ContactIcon from './components/assets/icons/ContactIcon';
+import BellIcon from './components/assets/icons/BellIcon';
+import CredentialIcon from './components/assets/icons/CredentialIcon';
 import './styles/css/tailwind.css';
 import './components/views/FormView/styles.css';
 import '@sphereon/ui-components.core/dist/styles/tokens.css';
@@ -62,4 +66,4 @@ export * from './styles/fonts';
 export * from './types';
 export * from './helpers';
 export * from './utils';
-export { SSICredentialCardView, CredentialMiniCardView, SSIStatusLabel, SSICheckmarkBadge, SSIExclamationMarkBadge, SSIPlaceholderLogo, SSILogo, SSIAddIcon, SSIFilterIcon, SSIArrowDownIcon, SSITypeLabel, IconButton, PrimaryButton, SecondaryButton, DropDownList, SSITableView, SSITableViewHeader, SSITabView, SSITabViewHeader, SSIProfileIcon, SSIToastContainer, SSICheckbox, SSIActivityIndicator, SSIHoverText, StepMarker, ProgressStepIndicator, PaginationControls, PaginationControlsProps, DocumentIcon, CrossIcon, ImageIcon, MeatBallsIcon, PencilIcon, ViewIcon, CopyIcon, DeleteIcon, FileSelection, ComboBox, DragAndDropBox, PersonPlaceholder, PassportPhotoControl, passportPhotoControlTester, CredentialIssuanceWizardView, CredentialViewItem, JSONDataView, TextInputField, WarningImage, FormView, InformationRequestView, ContactViewItem, CapitolIcon, ChevronIcon, ManIcon, LaptopIcon, StoreIcon, RoleIconView, RoleViewItem, Listbox };
+export { SSICredentialCardView, CredentialMiniCardView, SSIStatusLabel, SSICheckmarkBadge, SSIExclamationMarkBadge, SSIPlaceholderLogo, SSILogo, SSIAddIcon, SSIFilterIcon, SSIArrowDownIcon, SSITypeLabel, IconButton, PrimaryButton, SecondaryButton, DropDownList, SSITableView, SSITableViewHeader, SSITabView, SSITabViewHeader, SSIProfileIcon, SSIToastContainer, SSICheckbox, SSIActivityIndicator, SSIHoverText, StepMarker, ProgressStepIndicator, PaginationControls, PaginationControlsProps, DocumentIcon, CrossIcon, ImageIcon, MeatBallsIcon, PencilIcon, ViewIcon, CopyIcon, DeleteIcon, FileSelection, ComboBox, DragAndDropBox, PersonPlaceholder, PassportPhotoControl, passportPhotoControlTester, CredentialIssuanceWizardView, CredentialViewItem, JSONDataView, TextInputField, WarningImage, FormView, InformationRequestView, ContactViewItem, CapitolIcon, ChevronIcon, ManIcon, LaptopIcon, StoreIcon, RoleIconView, RoleViewItem, Listbox, ActivityIcon, ContactIcon, BellIcon, CredentialIcon };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@sphereon/ui-components.ssi-react",
   "private": false,
-  "version": "0.4.1-unstable.24+2462078",
+  "version": "0.4.1-unstable.29+074edf6",
   "description": "SSI UI components for React",
   "repository": "git@github.com:Sphereon-Opensource/UI-Components.git",
   "author": "Sphereon <dev@sphereon.com>",
@@ -50,7 +50,7 @@
     "@mui/x-date-pickers": "^6.19.5",
     "@sphereon/ssi-sdk.data-store": "0.34.1-feature.SSISDK.45.94",
     "@sphereon/ssi-types": "0.34.1-feature.SSISDK.45.94",
-    "@sphereon/ui-components.core": "0.4.1-unstable.24+2462078",
+    "@sphereon/ui-components.core": "0.4.1-unstable.29+074edf6",
     "@tanstack/react-table": "^8.9.3",
     "react-json-tree": "^0.18.0",
     "react-loader-spinner": "5.4.5",
@@ -69,5 +69,5 @@
   "peerDependencies": {
     "react": ">= 18"
   },
-  "gitHead": "2462078f25271f0002b7456312735b8b7ac1975b"
+  "gitHead": "074edf65e77afe6434f7d83dbe385db92c141e85"
 }