@sphereon/ui-components.core 0.1.3-unstable.99 → 0.2.1-unstable.2

package/dist/localization/translations/en.json

@@ -6,6 +6,7 @@
     "credential_status_valid": "Valid",
     "credential_status_expired": "Expired",
     "credential_status_revoked": "Revoked",
+    "credential_status_draft": "Draft",
     "workflow_status_approved": "Approved",
     "workflow_status_archived": "Archived",
     "workflow_status_declined": "Declined",
@@ -15,5 +16,23 @@
     "status_missing": "Unknown",
     "action_filter_caption": "Filter",
     "action_show_caption": "Show:",
-    "result_count_label": "Showing {{count}} from {{maxCount}} results"
+    "result_count_label": "Showing {{count}} from {{maxCount}} results",
+    "action_delete_label": "Delete",
+    "table_pagination_input_caption_go_to": "Go to",
+    "table_pagination_input_caption_page": "page",
+    "drag_and_drop_upload_image_caption": "Click or drag to upload an image",
+    "drag_and_drop_upload_evidence_caption": "Click or drag to upload an evidence document",
+    "credential_attach_image_description": "This image will be attached to the credential.",
+    "credential_attach_evidence_description": "This document will be refer to the credential.",
+    "passport_photo_alt": "Passport Photo",
+    "credential_issuance_wizard_title": "Issue credential",
+    "credential_issuance_wizard_credential_type_label": "Credential type",
+    "credential_issuance_wizard_evidence_title": "Evidence",
+    "credential_issuance_wizard_evidence_optional_title": "(optional)",
+    "credential_issuance_wizard_evidence_description": "Optionally, you can upload one or more documents or files that you want to attach to this credential.",
+    "file_permission_public_label": "Public",
+    "file_permission_private_label": "Private",
+    "credentials_view_item_expires_on": "Expires on",
+    "json_data_view_attribute_column_label": "Attribute",
+    "json_data_view_value_column_label": "Value"
 }

package/dist/localization/translations/nl.json

@@ -6,6 +6,7 @@
     "credential_status_valid": "Geldig",
     "credential_status_expired": "Verlopen",
     "credential_status_revoked": "Ingetrokken",
+    "credential_status_draft": "Ontwerp",
     "workflow_status_approved": "Goedgekeurd",
     "workflow_status_archived": "Gearchiveerd",
     "workflow_status_declined": "Afgewezen",
@@ -15,5 +16,23 @@
     "status_missing": "Onbekent",
     "action_filter_caption": "Filter",
     "action_show_caption": "Toon:",
-    "result_count_label": "Toon {{count}} van {{maxCount}} resultaten"
+    "result_count_label": "Toon {{count}} van {{maxCount}} resultaten",
+    "action_delete_label": "Verwijder",
+    "table_pagination_input_caption_go_to": "Ga naar",
+    "table_pagination_input_caption_page": "pagina",
+    "drag_and_drop_upload_image_caption": "Klik of sleep om een afbeelding te uploaden",
+    "drag_and_drop_upload_evidence_caption": "Klik of sleep om een bewijsdocument te uploaden",
+    "credential_attach_image_description": "Deze afbeelding wordt aan de credential toegevoegd.",
+    "credential_attach_evidence_description": "Dit document verwijst naar de credential.",
+    "passport_photo_alt": "Pasfoto",
+    "credential_issuance_wizard_title": "Credential uitgeven",
+    "credential_issuance_wizard_credential_type_label": "Credential type",
+    "credential_issuance_wizard_evidence_title": "Bewijs",
+    "credential_issuance_wizard_evidence_optional_title": "(optioneel)",
+    "credential_issuance_wizard_evidence_description": "Optioneel kunt u een of meer documenten of bestanden uploaden die u aan deze credential wilt toevoegen.",
+    "file_permission_public_label": "Openbaar",
+    "file_permission_private_label": "Privaat",
+    "credentials_view_item_expires_on": "Vervalt op",
+    "json_data_view_attribute_column_label": "Attribuut",
+    "json_data_view_value_column_label": "Waarde"
 }

package/dist/regexes/index.d.ts

@@ -1 +1,2 @@
 export declare const emailAddressValidationRegex: RegExp;
+export declare const base64UriValidationRegex: RegExp;

package/dist/regexes/index.js

@@ -1,4 +1,5 @@
 "use strict";
 exports.__esModule = true;
-exports.emailAddressValidationRegex = void 0;
+exports.base64UriValidationRegex = exports.emailAddressValidationRegex = void 0;
 exports.emailAddressValidationRegex = /^[a-zA-Z0-9.!#$%&'*+/=?^_`{|}~-]+@[a-zA-Z0-9-]+(?:\.[a-zA-Z0-9-]+)*$/;
+exports.base64UriValidationRegex = /^data:image\/[a-zA-Z]+;base64,[A-Za-z0-9+\/_-]*(={0,2})?$/;

package/dist/styles/ssi/colors.d.ts

@@ -10,15 +10,15 @@ type FontColor = 'dark' | 'light' | 'secondaryButton' | 'greyedOut' | 'lightGrey
 export declare const fontColors: Record<FontColor, string>;
 type HighLightGradient = 100 | 200;
 export declare const gradientsColors: Record<HighLightGradient, GradientProperties>;
-type Border = 'dark' | 'light' | 'lightGrey';
+type Border = 'dark' | 'light' | 'lightGrey' | 'darkGrey' | 'purple';
 export declare const borderColors: Record<Border, string>;
 type Profile = 100 | 200 | 300 | 400 | 500;
 export declare const profileColors: Record<Profile, string>;
 type Alerts = 'primaryLight' | 'secondaryLight';
 export declare const alertColors: Record<Alerts, string>;
-type SelectionElement = 'primaryDark' | 'primaryBorderDark';
+type SelectionElement = 'primaryDark' | 'primaryBorderDark' | 'selectedRow';
 export declare const selectionElementColors: Record<SelectionElement, string>;
-type Element = 'blue' | 'lightGrey' | 'purple' | 100 | 200;
+type Element = 'blue' | 'lightGrey' | 'purple' | 100 | 200 | 300;
 export declare const elementColors: Record<Element, string>;
 type Button = 100;
 export declare const buttonColors: Record<Button, string>;

package/dist/styles/ssi/colors.js

@@ -22,12 +22,13 @@ exports.statusColors = {
     verified: '#00C249',
     unverified: '#FF9900',
     error: '#D74500',
-    New: '#7276F7',
-    Approved: '#00C249',
-    Pending: '#0B81FF',
-    Archived: '#B3B3B3',
-    Declined: '#D74500',
-    Done: '#00C249'
+    "new": '#7276F7',
+    approved: '#00C249',
+    pending: '#0B81FF',
+    archived: '#B3B3B3',
+    declined: '#D74500',
+    done: '#00C249',
+    draft: '#0B81FF'
 };
 exports.fontColors = {
     dark: '#303030',
@@ -49,7 +50,9 @@ exports.gradientsColors = {
 exports.borderColors = {
     dark: '#404D7A',
     light: '#E3E3E3',
-    lightGrey: '#ACACAC'
+    lightGrey: '#ACACAC',
+    darkGrey: '#303030',
+    purple: '#7276F7'
 };
 exports.profileColors = {
     100: '#EE5209',
@@ -64,14 +67,16 @@ exports.alertColors = {
 };
 exports.selectionElementColors = {
     primaryDark: '#0B81FF',
-    primaryBorderDark: '#FBFBFB'
+    primaryBorderDark: '#FBFBFB',
+    selectedRow: '#B7B8D9'
 };
 exports.elementColors = {
     blue: '#0B81FF',
     lightGrey: '#C4C4C4',
     purple: '#7276F7',
     100: '#F25409',
-    200: '#f78854'
+    200: '#F78854',
+    300: '#8D9099'
 };
 exports.buttonColors = {
     100: '#8B1900'

package/dist/styles/ssi/typography.d.ts

@@ -4,4 +4,4 @@ export type LineHeight = 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 64;
 export declare const lineHeight: Record<LineHeight, number>;
 export type FontWeight = 'normal' | 'bold' | '100' | '200' | '300' | '400' | '500' | '600' | '700' | '800' | '900';
 export declare const fontWeight: Record<FontWeight, FontWeight>;
-export type FontStyle = 'h0SemiBold' | 'h1Regular' | 'h1SemiBold' | 'h2Regular' | 'h2SemiBold' | 'h3Regular' | 'h3SemiBold' | 'h4Regular' | 'h4SemiBold' | 'h5Regular' | 'h5SemiBold' | 'h6' | 'h7SemiBold' | 'Regular64';
+export type FontStyle = 'h0SemiBold' | 'h1Regular' | 'h1SemiBold' | 'h2Regular' | 'h2SemiBold' | 'h3Regular' | 'h3SemiBold' | 'h4Regular' | 'h4SemiBold' | 'h5Regular' | 'h5SemiBold' | 'h6' | 'h7Regular' | 'h7SemiBold' | 'Regular64';

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

@@ -0,0 +1,5 @@
+export type ParsedBase64Uri = {
+    base64Uri: string;
+    base64: string;
+    mimeType: string;
+};

package/dist/types/base64/index.js

@@ -0,0 +1,2 @@
+"use strict";
+exports.__esModule = true;

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

@@ -1,7 +1,7 @@
 export declare enum ButtonIcon {
     ADD = "add",
     ARROW_DOWN = "arrowDown",
-    BITTERBALLEN = "bitterballen",
+    MEATBALLS = "meatballs",
     DELETE = "delete",
     FILTER = "filter"
 }

package/dist/types/button/index.js

@@ -5,7 +5,7 @@ var ButtonIcon;
 (function (ButtonIcon) {
     ButtonIcon["ADD"] = "add";
     ButtonIcon["ARROW_DOWN"] = "arrowDown";
-    ButtonIcon["BITTERBALLEN"] = "bitterballen";
+    ButtonIcon["MEATBALLS"] = "meatballs";
     ButtonIcon["DELETE"] = "delete";
     ButtonIcon["FILTER"] = "filter";
 })(ButtonIcon = exports.ButtonIcon || (exports.ButtonIcon = {}));

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

@@ -1,18 +1,19 @@
 export declare enum CredentialStatus {
     VALID = "valid",
     EXPIRED = "expired",
-    REVOKED = "revoked"
+    REVOKED = "revoked",
+    DRAFT = "draft"
 }
 export declare enum IssuerStatus {
     VERIFIED = "verified",
     UNVERIFIED = "unverified"
 }
 export declare enum WorkflowStatus {
-    NEW = "New",
-    APPROVED = "Approved",
-    DECLINED = "Declined",
-    PENDING = "Pending",
-    DONE = "Done",
-    ARCHIVED = "Archived"
+    NEW = "new",
+    APPROVED = "approved",
+    DECLINED = "declined",
+    PENDING = "pending",
+    DONE = "done",
+    ARCHIVED = "archived"
 }
 export type LabelStatus = CredentialStatus | IssuerStatus | WorkflowStatus;

package/dist/types/credential/index.js

@@ -6,6 +6,7 @@ var CredentialStatus;
     CredentialStatus["VALID"] = "valid";
     CredentialStatus["EXPIRED"] = "expired";
     CredentialStatus["REVOKED"] = "revoked";
+    CredentialStatus["DRAFT"] = "draft";
 })(CredentialStatus = exports.CredentialStatus || (exports.CredentialStatus = {}));
 var IssuerStatus;
 (function (IssuerStatus) {
@@ -14,10 +15,10 @@ var IssuerStatus;
 })(IssuerStatus = exports.IssuerStatus || (exports.IssuerStatus = {}));
 var WorkflowStatus;
 (function (WorkflowStatus) {
-    WorkflowStatus["NEW"] = "New";
-    WorkflowStatus["APPROVED"] = "Approved";
-    WorkflowStatus["DECLINED"] = "Declined";
-    WorkflowStatus["PENDING"] = "Pending";
-    WorkflowStatus["DONE"] = "Done";
-    WorkflowStatus["ARCHIVED"] = "Archived";
+    WorkflowStatus["NEW"] = "new";
+    WorkflowStatus["APPROVED"] = "approved";
+    WorkflowStatus["DECLINED"] = "declined";
+    WorkflowStatus["PENDING"] = "pending";
+    WorkflowStatus["DONE"] = "done";
+    WorkflowStatus["ARCHIVED"] = "archived";
 })(WorkflowStatus = exports.WorkflowStatus || (exports.WorkflowStatus = {}));

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

@@ -1,9 +1,13 @@
 export type ImageSize = {
     height: number;
     width: number;
+    aspectRatio?: number;
 };
 export type ImageAttributes = {
     uri?: string;
     alt?: string;
     dimensions?: ImageSize;
+    style?: {
+        height?: number;
+    };
 };

package/dist/types/index.d.ts

@@ -6,3 +6,4 @@ export * from './localization';
 export * from './tab';
 export * from './toast';
 export * from './style';
+export * from './base64';

package/dist/types/index.js

@@ -22,3 +22,4 @@ __exportStar(require("./localization"), exports);
 __exportStar(require("./tab"), exports);
 __exportStar(require("./toast"), exports);
 __exportStar(require("./style"), exports);
+__exportStar(require("./base64"), exports);

package/dist/utils/FileUtils.d.ts

@@ -0,0 +1,3 @@
+import { ParsedBase64Uri } from '../types';
+export declare const getFileSizeDisplay: (bytes: number) => string;
+export declare const parseBase64Uri: (base64Uri: string) => ParsedBase64Uri;

package/dist/utils/FileUtils.js

@@ -0,0 +1,28 @@
+"use strict";
+exports.__esModule = true;
+exports.parseBase64Uri = exports.getFileSizeDisplay = void 0;
+var getFileSizeDisplay = function (bytes) {
+    if (bytes < 1024) {
+        return "".concat(bytes, " B");
+    }
+    else if (bytes <= 1024 * 1024) {
+        return "".concat((bytes / 1024).toFixed(1), " KB");
+    }
+    else if (bytes <= 1024 * 1024 * 1024) {
+        return "".concat((bytes / (1024 * 1024)).toFixed(1), " MB");
+    }
+    else {
+        return "".concat((bytes / (1024 * 1024 * 1024)).toFixed(1), " GB");
+    }
+};
+exports.getFileSizeDisplay = getFileSizeDisplay;
+var parseBase64Uri = function (base64Uri) {
+    var base64Parts = base64Uri.split(';base64,');
+    var mimeType = base64Parts[0].replace('data:', '');
+    return {
+        base64Uri: base64Uri,
+        base64: base64Parts[1],
+        mimeType: mimeType
+    };
+};
+exports.parseBase64Uri = parseBase64Uri;

package/dist/utils/ImageUtils.d.ts

@@ -1 +1,2 @@
 export declare const calculateAspectRatio: (width: number, height: number) => number;
+export declare const isBase64ImageUri: (value: unknown) => boolean;

package/dist/utils/ImageUtils.js

@@ -1,7 +1,15 @@
 "use strict";
 exports.__esModule = true;
-exports.calculateAspectRatio = void 0;
+exports.isBase64ImageUri = exports.calculateAspectRatio = void 0;
+var regexes_1 = require("../regexes");
 var calculateAspectRatio = function (width, height) {
     return width / height;
 };
 exports.calculateAspectRatio = calculateAspectRatio;
+var isBase64ImageUri = function (value) {
+    if (typeof value === 'string') {
+        return regexes_1.base64UriValidationRegex.test(value);
+    }
+    return false;
+};
+exports.isBase64ImageUri = isBase64ImageUri;

package/dist/utils/TranslationUtils.js

@@ -18,6 +18,8 @@ var getStatusTranslation = function (status) {
             return Localization_1["default"].translate('credential_status_expired');
         case types_1.CredentialStatus.REVOKED:
             return Localization_1["default"].translate('credential_status_revoked');
+        case types_1.CredentialStatus.DRAFT:
+            return Localization_1["default"].translate('credential_status_draft');
         case types_1.WorkflowStatus.APPROVED:
             return Localization_1["default"].translate('workflow_status_approved');
         case types_1.WorkflowStatus.ARCHIVED:

package/dist/utils/TypeUtils.d.ts

@@ -0,0 +1,2 @@
+export declare const isBoolean: (value: unknown) => boolean;
+export declare const parseToBoolean: (value: unknown) => boolean | null;

package/dist/utils/TypeUtils.js

@@ -0,0 +1,32 @@
+"use strict";
+exports.__esModule = true;
+exports.parseToBoolean = exports.isBoolean = void 0;
+var isBoolean = function (value) {
+    if (typeof value === 'boolean') {
+        return true;
+    }
+    else if (typeof value === 'string') {
+        var lowercaseValue = value.toLowerCase();
+        return lowercaseValue === 'true' || lowercaseValue === 'false';
+    }
+    else {
+        return false;
+    }
+};
+exports.isBoolean = isBoolean;
+var parseToBoolean = function (value) {
+    if (typeof value === 'boolean') {
+        return value;
+    }
+    else if (typeof value === 'string') {
+        var lowercaseValue = value.toLowerCase();
+        if (lowercaseValue === 'true') {
+            return true;
+        }
+        else if (lowercaseValue === 'false') {
+            return false;
+        }
+    }
+    return null;
+};
+exports.parseToBoolean = parseToBoolean;

package/dist/utils/index.d.ts

@@ -2,3 +2,5 @@ export * from './ImageUtils';
 export * from './DateUtils';
 export * from './TranslationUtils';
 export * from './UserUtils';
+export * from './FileUtils';
+export * from './TypeUtils';

package/dist/utils/index.js

@@ -18,3 +18,5 @@ __exportStar(require("./ImageUtils"), exports);
 __exportStar(require("./DateUtils"), exports);
 __exportStar(require("./TranslationUtils"), exports);
 __exportStar(require("./UserUtils"), exports);
+__exportStar(require("./FileUtils"), exports);
+__exportStar(require("./TypeUtils"), exports);

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@sphereon/ui-components.core",
   "private": false,
-  "version": "0.1.3-unstable.99+c8885e8",
+  "version": "0.2.1-unstable.2+4c8020a",
   "description": "SSI UI components Core",
   "repository": "git@github.com:Sphereon-Opensource/UI-Components.git",
   "author": "Sphereon <dev@sphereon.com>",
@@ -35,13 +35,13 @@
     "@types/i18n-js": "^3.8.4",
     "@types/lodash.memoize": "^4.1.7",
     "@types/node": "^20.4.0",
-    "@types/react": "~18.0.14",
+    "@types/react": "~18.2.67",
     "@types/styled-components": "^5.1.15",
     "react": "18.2.0",
     "typescript": "4.9.5"
   },
   "peerDependencies": {
-    "react": ">= 16.8.0"
+    "react": ">= 18"
   },
-  "gitHead": "c8885e82d8b36ec6f2564dcc33d4aa4933a759ea"
+  "gitHead": "4c8020a435287a10dca85c22eac2a8841a9ad6ed"
 }