@sphereon/ui-components.ssi-react 0.4.1-unstable.98 → 0.5.1-next.3

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

@@ -29,3 +29,4 @@ export * from './JSONDataView';
 export * from './TextInputField';
 export * from './InformationRequestView';
 export * from './ContactViewItem';
+export * from './SSISwitchItem';

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

@@ -29,3 +29,4 @@ export * from './JSONDataView';
 export * from './TextInputField';
 export * from './InformationRequestView';
 export * from './ContactViewItem';
+export * from './SSISwitchItem';

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import type { IStyledComponent } from 'styled-components';
 export declare const SSIFlexDirectionRowViewStyled: IStyledComponent<'web', React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>>;
 export declare const SSIFlexDirectionColumnViewStyled: IStyledComponent<'web', React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>>;

package/dist/styles/css/tailwind.css

@@ -1,4 +1,4 @@
-/*! tailwindcss v4.1.12 | MIT License | https://tailwindcss.com */
+/*! tailwindcss v4.1.18 | MIT License | https://tailwindcss.com */
 @layer properties;
 @layer theme, custom-base, custom-components, custom-utilities;
 @layer theme {
@@ -353,7 +353,7 @@
     backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
   }
   .transition {
-    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, visibility, content-visibility, overlay, pointer-events;
+    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events;
     transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
     transition-duration: var(--tw-duration, var(--default-transition-duration));
   }

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import type { IStyledComponent } from 'styled-components';
 export declare const SSITextH1Styled: IStyledComponent<'web', React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>>;
 export declare const SSITextH1SemiBoldStyled: IStyledComponent<'web', React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>>;

package/dist/types/index.d.ts

@@ -6,3 +6,4 @@ export * from './field';
 export * from './view';
 export * from './icon';
 export * from './jsonForms';
+export * from './position';

package/dist/types/index.js

@@ -6,3 +6,4 @@ export * from './field';
 export * from './view';
 export * from './icon';
 export * from './jsonForms';
+export * from './position';

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

@@ -0,0 +1,2 @@
+export type Direction = 'down' | 'up';
+export type Position = 'left' | 'right' | 'top' | 'bottom';

package/dist/types/position/index.js

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

package/dist/utils/Ajv.d.ts

@@ -0,0 +1,14 @@
+import { DateFormat } from '../helpers';
+import Ajv, { AnySchemaObject } from 'ajv';
+import { DataValidationCxt } from 'ajv/dist/types';
+export declare const dateFormatAjvKeyword: {
+    keyword: string;
+    modifying: boolean;
+    validate: (schema: DateFormat | string, data: any, parentSchema?: AnySchemaObject, dataCxt?: DataValidationCxt) => boolean;
+};
+export declare const isDateFormatAjvKeyword: {
+    keyword: string;
+    modifying: boolean;
+    validate: (schema: DateFormat | string, data: any, parentSchema?: AnySchemaObject, dataCxt?: DataValidationCxt) => boolean;
+};
+export declare const createFormViewAjv: () => Ajv;

package/dist/utils/Ajv.js

@@ -0,0 +1,33 @@
+import { formatDate } from '../helpers';
+import Ajv from 'ajv';
+import addFormats from 'ajv-formats';
+const dateFormatValidator = (schema, data, parentSchema, dataCxt) => {
+    if (typeof data === 'string') {
+        if (!dataCxt?.parentData || dataCxt.parentDataProperty === undefined) {
+            return true;
+        }
+        const formatted = formatDate(data, schema);
+        if (formatted && formatted !== 'Invalid date') {
+            dataCxt.parentData[dataCxt.parentDataProperty] = formatted;
+        }
+        return true;
+    }
+    return false;
+};
+export const dateFormatAjvKeyword = {
+    keyword: 'dateFormat',
+    modifying: true,
+    validate: dateFormatValidator,
+};
+export const isDateFormatAjvKeyword = {
+    keyword: 'isoDateFormat',
+    modifying: true,
+    validate: dateFormatValidator,
+};
+export const createFormViewAjv = () => {
+    const ajv = new Ajv({ useDefaults: true });
+    addFormats(ajv);
+    ajv.addKeyword(dateFormatAjvKeyword);
+    ajv.addKeyword(isDateFormatAjvKeyword);
+    return ajv;
+};

package/dist/utils/FileUtils.js

@@ -3,5 +3,5 @@ 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 });
+    return new File([blob], filename, { type: mimeType, lastModified: Date.now() });
 };

package/dist/utils/IconUtils.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { ButtonIcon, fontColors } from '@sphereon/ui-components.core';
 import SSIAddIcon from '../components/assets/icons/Add';
-import SSIArrowDownIcon from '../components/assets/icons/ArrowDown';
+import ArrowIcon from '../components/assets/icons/Arrow';
 import MeatBallsIcon from '../components/assets/icons/MeatBalls';
 import CopyIcon from '../components/assets/icons/Copy';
 import DeleteIcon from '../components/assets/icons/Delete';
@@ -12,8 +12,10 @@ export const getIcon = (icon, color = fontColors.dark) => {
     switch (icon) {
         case ButtonIcon.ADD:
             return _jsx(SSIAddIcon, { color: color });
+        case ButtonIcon.ARROW_UP:
+            return _jsx(ArrowIcon, { color: color, direction: 'up' });
         case ButtonIcon.ARROW_DOWN:
-            return _jsx(SSIArrowDownIcon, { color: color });
+            return _jsx(ArrowIcon, { color: color });
         case ButtonIcon.MEATBALLS:
             return _jsx(MeatBallsIcon, { color: color });
         case ButtonIcon.EDIT:

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@sphereon/ui-components.ssi-react",
   "private": false,
-  "version": "0.4.1-unstable.98+3994dd6",
+  "version": "0.5.1-next.3+a5a56d3",
   "description": "SSI UI components for React",
   "repository": "git@github.com:Sphereon-Opensource/UI-Components.git",
   "author": "Sphereon <dev@sphereon.com>",
@@ -48,9 +48,9 @@
     "@mui/styled-engine-sc": "^7.3.5",
     "@mui/system": "^7.3.5",
     "@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.98+3994dd6",
+    "@sphereon/ssi-sdk.data-store-types": "0.37.0",
+    "@sphereon/ssi-types": "0.37.0",
+    "@sphereon/ui-components.core": "0.5.1-next.3+a5a56d3",
     "@tanstack/react-table": "^8.9.3",
     "ajv": "^8.17.1",
     "ajv-formats": "^3.0.1",
@@ -67,10 +67,10 @@
     "@tailwindcss/cli": "^4.1.11",
     "@types/react": "~18.3.18",
     "tailwindcss": "^4.1.11",
-    "typescript": "4.9.5"
+    "typescript": "~5.8.3"
   },
   "peerDependencies": {
     "react": ">= 18"
   },
-  "gitHead": "3994dd6fed7051904e369332ef76a5d35186ae78"
+  "gitHead": "a5a56d34f0c85ea96ae292bb1cdb6c8ff35d9aca"
 }

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

@@ -1,7 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { fontColors, parseColor } from '@sphereon/ui-components.core';
-const SSIArrowDownIcon = (props) => {
-    const { width = 16, height = 8, color = fontColors.dark, style } = props;
-    return (_jsx("div", { style: { ...style, width, height, display: 'flex' }, children: _jsx("svg", { width: "100%", height: "100%", viewBox: "0 0 16 8", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: _jsx("path", { d: "M8.03265 7.74886C8.14951 7.74175 8.26065 7.69465 8.34825 7.61511L15.3133 1.19499C15.367 1.1489 15.411 1.09224 15.4429 1.02837C15.4747 0.964504 15.4937 0.894731 15.4987 0.823204C15.5037 0.751676 15.4946 0.67985 15.4719 0.611995C15.4493 0.54414 15.4135 0.481647 15.3668 0.428216C15.3201 0.374784 15.2634 0.331504 15.2001 0.300961C15.1367 0.270419 15.068 0.253238 14.9981 0.250423C14.9281 0.247608 14.8583 0.259221 14.7928 0.28458C14.7273 0.309939 14.6675 0.348517 14.6168 0.398032L8 6.49492L1.38317 0.398032C1.33252 0.348517 1.27268 0.309939 1.20718 0.28458C1.14169 0.259221 1.07189 0.247597 1.00193 0.250412C0.931963 0.253227 0.863266 0.270419 0.799918 0.300961C0.736569 0.331504 0.679861 0.374784 0.633164 0.428216C0.586466 0.481647 0.550732 0.54414 0.528085 0.611995C0.505437 0.67985 0.496338 0.751676 0.501329 0.823204C0.506319 0.894731 0.525297 0.964504 0.557135 1.02837C0.588973 1.09224 0.633022 1.1489 0.686663 1.19499L7.65174 7.61511C7.70344 7.6621 7.76372 7.69811 7.82911 7.72107C7.89449 7.74403 7.96367 7.75348 8.03265 7.74886Z", fill: parseColor(color) }) }) }));
-};
-export default SSIArrowDownIcon;