@sphereon/ui-components.ssi-react 0.4.1-unstable.85 → 0.4.1-unstable.86

package/dist/components/fields/JSONForms/ColorPickerControl/index.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+import { RankedTester } from '@jsonforms/core';
+export declare const colorPickerControlTester: RankedTester;
+declare const _default: React.ComponentType<import("@jsonforms/core").OwnPropsOfControl>;
+export default _default;

package/dist/components/fields/JSONForms/ColorPickerControl/index.js

@@ -0,0 +1,22 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { optionIs, rankWith } from '@jsonforms/core';
+import { withJsonFormsControlProps } from '@jsonforms/react';
+import { MuiColorInput, MuiColorInputButton } from 'mui-color-input';
+import { JsonFormsCustomControlKey } from '../../../../types';
+const ColorPickerControl = (props) => {
+    const { data = 'var(--color-aqua-500)', handleChange, path, format = 'hex', isAlphaHidden = true } = props;
+    const onValueChange = async (value) => {
+        handleChange(path, value);
+    };
+    const getAdornmentElement = (props) => {
+        return _jsx(MuiColorInputButton, { ...props, sx: {
+                width: 'w-[46px]',
+                height: 'w-[90px]',
+                borderRadius: 'var(--border-radius-3)',
+                border: '1px solid var(--color-grey-300)'
+            } });
+    };
+    return (_jsx(MuiColorInput, { className: "flex flex-grow", format: format, value: data, onChange: onValueChange, isAlphaHidden: isAlphaHidden, Adornment: getAdornmentElement }));
+};
+export const colorPickerControlTester = rankWith(4, optionIs('type', JsonFormsCustomControlKey.COLOR_PICKER));
+export default withJsonFormsControlProps(ColorPickerControl);

package/dist/index.d.ts

@@ -38,6 +38,7 @@ import DragAndDropBox from './components/fields/DragAndDropBox';
 import PersonPlaceholder from './components/assets/placeholders/PersonPlaceholder';
 import PassportPhotoControl, { passportPhotoControlTester } from './components/fields/JSONForms/PassportPhotoControl';
 import CustomArrayControl, { customArrayControlTester } from './components/fields/JSONForms/CustomArrayControl';
+import ColorPickerControl, { colorPickerControlTester } from './components/fields/JSONForms/ColorPickerControl';
 import CredentialIssuanceWizardView from './components/views/CredentialIssuanceWizardView';
 import PaginationControls from './components/views/SSITableView/PaginationControls';
 import PaginationControlsProps from './components/views/SSITableView/PaginationControls';
@@ -68,4 +69,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, CustomArrayControl, customArrayControlTester, CredentialIssuanceWizardView, CredentialViewItem, JSONDataView, TextInputField, WarningImage, FormView, InformationRequestView, ContactViewItem, CapitolIcon, ChevronIcon, ManIcon, LaptopIcon, StoreIcon, RoleIconView, RoleViewItem, Listbox, ActivityIcon, ContactIcon, BellIcon, CredentialIcon, getFormViewAjv };
+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, CustomArrayControl, customArrayControlTester, ColorPickerControl, colorPickerControlTester, CredentialIssuanceWizardView, CredentialViewItem, JSONDataView, TextInputField, WarningImage, FormView, InformationRequestView, ContactViewItem, CapitolIcon, ChevronIcon, ManIcon, LaptopIcon, StoreIcon, RoleIconView, RoleViewItem, Listbox, ActivityIcon, ContactIcon, BellIcon, CredentialIcon, getFormViewAjv };

package/dist/index.js

@@ -38,6 +38,7 @@ import DragAndDropBox from './components/fields/DragAndDropBox';
 import PersonPlaceholder from './components/assets/placeholders/PersonPlaceholder';
 import PassportPhotoControl, { passportPhotoControlTester } from './components/fields/JSONForms/PassportPhotoControl';
 import CustomArrayControl, { customArrayControlTester } from './components/fields/JSONForms/CustomArrayControl';
+import ColorPickerControl, { colorPickerControlTester } from './components/fields/JSONForms/ColorPickerControl';
 import CredentialIssuanceWizardView from './components/views/CredentialIssuanceWizardView';
 import PaginationControls from './components/views/SSITableView/PaginationControls';
 import PaginationControlsProps from './components/views/SSITableView/PaginationControls';
@@ -67,4 +68,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, CustomArrayControl, customArrayControlTester, CredentialIssuanceWizardView, CredentialViewItem, JSONDataView, TextInputField, WarningImage, FormView, InformationRequestView, ContactViewItem, CapitolIcon, ChevronIcon, ManIcon, LaptopIcon, StoreIcon, RoleIconView, RoleViewItem, Listbox, ActivityIcon, ContactIcon, BellIcon, CredentialIcon, getFormViewAjv };
+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, CustomArrayControl, customArrayControlTester, ColorPickerControl, colorPickerControlTester, CredentialIssuanceWizardView, CredentialViewItem, JSONDataView, TextInputField, WarningImage, FormView, InformationRequestView, ContactViewItem, CapitolIcon, ChevronIcon, ManIcon, LaptopIcon, StoreIcon, RoleIconView, RoleViewItem, Listbox, ActivityIcon, ContactIcon, BellIcon, CredentialIcon, getFormViewAjv };

package/dist/renders/jsonFormsRenders.js

@@ -1,8 +1,10 @@
 import { materialRenderers } from '@jsonforms/material-renderers';
 import PassportPhotoControl, { passportPhotoControlTester } from '../components/fields/JSONForms/PassportPhotoControl';
 import CustomArrayControl, { customArrayControlTester } from '../components/fields/JSONForms/CustomArrayControl';
+import ColorPickerControl, { colorPickerControlTester } from '../components/fields/JSONForms/ColorPickerControl';
 export const jsonFormsMaterialRenderers = [
     ...materialRenderers,
     { tester: passportPhotoControlTester, renderer: PassportPhotoControl },
     { tester: customArrayControlTester, renderer: CustomArrayControl },
+    { tester: colorPickerControlTester, renderer: ColorPickerControl },
 ];

package/dist/styles/css/tailwind.css

@@ -216,6 +216,12 @@
   .aspect-square {
     aspect-ratio: 1 / 1;
   }
+  .w-\[46px\] {
+    width: 46px;
+  }
+  .w-\[90px\] {
+    width: 90px;
+  }
   .w-\[var\(--button-width\)\] {
     width: var(--button-width);
   }

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

@@ -1,4 +1,5 @@
 export declare enum JsonFormsCustomControlKey {
     ARRAY = "array",
-    PASSPORT_PHOTO = "passportPhoto"
+    PASSPORT_PHOTO = "passport-photo",
+    COLOR_PICKER = "color-picker"
 }

package/dist/types/jsonForms/index.js

@@ -1,5 +1,6 @@
 export var JsonFormsCustomControlKey;
 (function (JsonFormsCustomControlKey) {
     JsonFormsCustomControlKey["ARRAY"] = "array";
-    JsonFormsCustomControlKey["PASSPORT_PHOTO"] = "passportPhoto";
+    JsonFormsCustomControlKey["PASSPORT_PHOTO"] = "passport-photo";
+    JsonFormsCustomControlKey["COLOR_PICKER"] = "color-picker";
 })(JsonFormsCustomControlKey || (JsonFormsCustomControlKey = {}));

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@sphereon/ui-components.ssi-react",
   "private": false,
-  "version": "0.4.1-unstable.85+eec303f",
+  "version": "0.4.1-unstable.86+728cd63",
   "description": "SSI UI components for React",
   "repository": "git@github.com:Sphereon-Opensource/UI-Components.git",
   "author": "Sphereon <dev@sphereon.com>",
@@ -50,10 +50,11 @@
     "@mui/x-date-pickers": "^8.18.0",
     "@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.85+eec303f",
+    "@sphereon/ui-components.core": "0.4.1-unstable.86+728cd63",
     "@tanstack/react-table": "^8.9.3",
     "ajv": "^8.17.1",
     "ajv-formats": "^3.0.1",
+    "mui-color-input": "^7.0.0",
     "react-dom": "npm:react-dom@18.3.1",
     "react-json-tree": "^0.18.0",
     "react-loader-spinner": "5.4.5",
@@ -71,5 +72,5 @@
   "peerDependencies": {
     "react": ">= 18"
   },
-  "gitHead": "eec303f28a55be9526d0e4df1227f5a7687a4194"
+  "gitHead": "728cd631c79783d0310869062591a8c773ed984f"
 }