@sphereon/ui-components.core 0.1.3-unstable.15 → 0.1.3-unstable.150

package/dist/index.d.ts

@@ -2,4 +2,5 @@ import Localization from './localization/Localization';
 export * from './utils';
 export * from './types';
 export * from './styles';
+export * from './regexes';
 export { Localization };

package/dist/index.js

@@ -23,3 +23,4 @@ exports.Localization = Localization_1["default"];
 __exportStar(require("./utils"), exports);
 __exportStar(require("./types"), exports);
 __exportStar(require("./styles"), exports);
+__exportStar(require("./regexes"), exports);

package/dist/localization/translations/en.json

@@ -6,8 +6,31 @@
     "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",
+    "workflow_status_done": "Done",
+    "workflow_status_new": "New",
+    "workflow_status_pending": "Pending",
     "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"
 }

package/dist/localization/translations/nl.json

@@ -6,8 +6,31 @@
     "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",
+    "workflow_status_done": "Klaar",
+    "workflow_status_new": "Nieuw",
+    "workflow_status_pending": "In behandeling",
     "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"
 }

package/dist/regexes/index.d.ts

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

package/dist/regexes/index.js

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

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

@@ -1,5 +1,5 @@
-import { LabelStatus } from '../../types';
-type BackgroundColor = 'primaryDark' | 'secondaryDark' | 'primaryLight' | 'secondaryLight' | 'lightGrey';
+import { GradientProperties, LabelStatus } from '../../types';
+type BackgroundColor = 'primaryDark' | 'secondaryDark' | 'primaryLight' | 'secondaryLight' | 'lightGrey' | 'orange';
 export declare const backgroundColors: Record<BackgroundColor, string>;
 type CredentialCardColor = 'default';
 export declare const credentialCardColors: Record<CredentialCardColor, string>;
@@ -8,10 +8,18 @@ export declare const logoColors: Record<LogoColor, string>;
 export declare const statusColors: Record<LabelStatus | 'error', string>;
 type FontColor = 'dark' | 'light' | 'secondaryButton' | 'greyedOut' | 'lightGrey';
 export declare const fontColors: Record<FontColor, string>;
-type Gradient = 100 | 200;
-export declare const gradientColors: Record<Gradient, string>;
-type Border = 'dark' | 'light' | 'lightGrey';
+type HighLightGradient = 100 | 200;
+export declare const gradientsColors: Record<HighLightGradient, GradientProperties>;
+type Border = 'dark' | 'light' | 'lightGrey' | 'darkGrey';
 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' | 'selectedRow';
+export declare const selectionElementColors: Record<SelectionElement, string>;
+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>;
 export {};

package/dist/styles/ssi/colors.js

@@ -1,12 +1,13 @@
 "use strict";
 exports.__esModule = true;
-exports.profileColors = exports.borderColors = exports.gradientColors = exports.fontColors = exports.statusColors = exports.logoColors = exports.credentialCardColors = exports.backgroundColors = void 0;
+exports.buttonColors = exports.elementColors = exports.selectionElementColors = exports.alertColors = exports.profileColors = exports.borderColors = exports.gradientsColors = exports.fontColors = exports.statusColors = exports.logoColors = exports.credentialCardColors = exports.backgroundColors = void 0;
 exports.backgroundColors = {
     primaryDark: '#202537',
     secondaryDark: '#2C334B',
     primaryLight: '#FBFBFB',
     secondaryLight: '#E3E3FF',
-    lightGrey: '#E3E3E3'
+    lightGrey: '#E3E3E3',
+    orange: '#D74500'
 };
 exports.credentialCardColors = {
     "default": '#5BDED2'
@@ -20,7 +21,14 @@ exports.statusColors = {
     revoked: '#EE5309',
     verified: '#00C249',
     unverified: '#FF9900',
-    error: '#D74500'
+    error: '#D74500',
+    "new": '#7276F7',
+    approved: '#00C249',
+    pending: '#0B81FF',
+    archived: '#B3B3B3',
+    declined: '#D74500',
+    done: '#00C249',
+    draft: '#0B81FF'
 };
 exports.fontColors = {
     dark: '#303030',
@@ -29,14 +37,21 @@ exports.fontColors = {
     greyedOut: '#8F8F8F',
     lightGrey: '#8D9099'
 };
-exports.gradientColors = {
-    100: 'linear-gradient(135deg, #7276f7 0%, #7c40e8 100%)',
-    200: 'linear-gradient(135deg, #F90 0%, #EE5309 100%)'
+exports.gradientsColors = {
+    100: {
+        primaryColor: '#7276F7',
+        secondaryColor: '#7C40E8'
+    },
+    200: {
+        primaryColor: '#FF9900',
+        secondaryColor: '#EE5309'
+    }
 };
 exports.borderColors = {
     dark: '#404D7A',
     light: '#E3E3E3',
-    lightGrey: '#ACACAC'
+    lightGrey: '#ACACAC',
+    darkGrey: '#303030'
 };
 exports.profileColors = {
     100: '#EE5209',
@@ -45,3 +60,23 @@ exports.profileColors = {
     400: '#0B81FF',
     500: '#BD2DFF'
 };
+exports.alertColors = {
+    primaryLight: '#FBFBFB',
+    secondaryLight: '#EBEBEB'
+};
+exports.selectionElementColors = {
+    primaryDark: '#0B81FF',
+    primaryBorderDark: '#FBFBFB',
+    selectedRow: '#B7B8D9'
+};
+exports.elementColors = {
+    blue: '#0B81FF',
+    lightGrey: '#C4C4C4',
+    purple: '#7276F7',
+    100: '#F25409',
+    200: '#F78854',
+    300: '#8D9099'
+};
+exports.buttonColors = {
+    100: '#8B1900'
+};

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

@@ -1,7 +1,7 @@
-export type FontSize = 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800;
+export type FontSize = 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 64;
 export declare const fontSize: Record<FontSize, number>;
-export type LineHeight = 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800;
+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';
+export type FontStyle = 'h0SemiBold' | 'h1Regular' | 'h1SemiBold' | 'h2Regular' | 'h2SemiBold' | 'h3Regular' | 'h3SemiBold' | 'h4Regular' | 'h4SemiBold' | 'h5Regular' | 'h5SemiBold' | 'h6' | 'h7Regular' | 'h7SemiBold' | 'Regular64';

package/dist/styles/ssi/typography.js

@@ -9,7 +9,8 @@ exports.fontSize = {
     500: 14,
     600: 16,
     700: 24,
-    800: 36
+    800: 36,
+    64: 64
 };
 exports.lineHeight = {
     100: 13.5,
@@ -19,7 +20,8 @@ exports.lineHeight = {
     500: 21,
     600: 24,
     700: 34,
-    800: 54
+    800: 54,
+    64: 64
 };
 exports.fontWeight = {
     normal: 'normal',

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

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

package/dist/types/button/index.js

@@ -0,0 +1,11 @@
+"use strict";
+exports.__esModule = true;
+exports.ButtonIcon = void 0;
+var ButtonIcon;
+(function (ButtonIcon) {
+    ButtonIcon["ADD"] = "add";
+    ButtonIcon["ARROW_DOWN"] = "arrowDown";
+    ButtonIcon["MEATBALLS"] = "meatballs";
+    ButtonIcon["DELETE"] = "delete";
+    ButtonIcon["FILTER"] = "filter";
+})(ButtonIcon = exports.ButtonIcon || (exports.ButtonIcon = {}));

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

@@ -1,10 +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 type LabelStatus = CredentialStatus | IssuerStatus;
+export declare enum WorkflowStatus {
+    NEW = "new",
+    APPROVED = "approved",
+    DECLINED = "declined",
+    PENDING = "pending",
+    DONE = "done",
+    ARCHIVED = "archived"
+}
+export type LabelStatus = CredentialStatus | IssuerStatus | WorkflowStatus;

package/dist/types/credential/index.js

@@ -1,14 +1,24 @@
 "use strict";
 exports.__esModule = true;
-exports.IssuerStatus = exports.CredentialStatus = void 0;
+exports.WorkflowStatus = exports.IssuerStatus = exports.CredentialStatus = void 0;
 var CredentialStatus;
 (function (CredentialStatus) {
     CredentialStatus["VALID"] = "valid";
     CredentialStatus["EXPIRED"] = "expired";
     CredentialStatus["REVOKED"] = "revoked";
+    CredentialStatus["DRAFT"] = "draft";
 })(CredentialStatus = exports.CredentialStatus || (exports.CredentialStatus = {}));
 var IssuerStatus;
 (function (IssuerStatus) {
     IssuerStatus["VERIFIED"] = "verified";
     IssuerStatus["UNVERIFIED"] = "unverified";
 })(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 = exports.WorkflowStatus || (exports.WorkflowStatus = {}));

package/dist/types/index.d.ts

@@ -1,3 +1,9 @@
+export * from './button';
 export * from './credential';
 export * from './image';
+export * from './label';
 export * from './localization';
+export * from './tab';
+export * from './toast';
+export * from './style';
+export * from './base64';

package/dist/types/index.js

@@ -14,6 +14,12 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
     for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
 };
 exports.__esModule = true;
+__exportStar(require("./button"), exports);
 __exportStar(require("./credential"), exports);
 __exportStar(require("./image"), exports);
+__exportStar(require("./label"), exports);
 __exportStar(require("./localization"), exports);
+__exportStar(require("./tab"), exports);
+__exportStar(require("./toast"), exports);
+__exportStar(require("./style"), exports);
+__exportStar(require("./base64"), exports);

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

@@ -0,0 +1,4 @@
+export declare enum LabelType {
+    ISSUER = "Issuer",
+    VERIFIER = "Verifier"
+}

package/dist/types/label/index.js

@@ -0,0 +1,8 @@
+"use strict";
+exports.__esModule = true;
+exports.LabelType = void 0;
+var LabelType;
+(function (LabelType) {
+    LabelType["ISSUER"] = "Issuer";
+    LabelType["VERIFIER"] = "Verifier";
+})(LabelType = exports.LabelType || (exports.LabelType = {}));

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

@@ -0,0 +1,7 @@
+export declare enum OpacityStyleEnum {
+    DISABLED = 0.5
+}
+export type GradientProperties = {
+    primaryColor: string;
+    secondaryColor: string;
+};

package/dist/types/style/index.js

@@ -0,0 +1,7 @@
+"use strict";
+exports.__esModule = true;
+exports.OpacityStyleEnum = void 0;
+var OpacityStyleEnum;
+(function (OpacityStyleEnum) {
+    OpacityStyleEnum[OpacityStyleEnum["DISABLED"] = 0.5] = "DISABLED";
+})(OpacityStyleEnum = exports.OpacityStyleEnum || (exports.OpacityStyleEnum = {}));

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

@@ -0,0 +1,12 @@
+import { ComponentType } from 'react';
+export type TabRoute = {
+    key: string;
+    title: string;
+};
+export type TabViewRoute = TabRoute & {
+    content: ComponentType<unknown>;
+};
+export type TabNavigationState = {
+    index: number;
+    routes: Array<TabViewRoute>;
+};

package/dist/types/tab/index.js

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

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

@@ -0,0 +1,7 @@
+export declare enum ToastType {
+    SUCCESS = "ssiToastSuccess",
+    ERROR = "ssiToastError"
+}
+export type ToastCustomProps = {
+    showBadge?: boolean;
+};

package/dist/types/toast/index.js

@@ -0,0 +1,8 @@
+"use strict";
+exports.__esModule = true;
+exports.ToastType = void 0;
+var ToastType;
+(function (ToastType) {
+    ToastType["SUCCESS"] = "ssiToastSuccess";
+    ToastType["ERROR"] = "ssiToastError";
+})(ToastType = exports.ToastType || (exports.ToastType = {}));

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/TranslationUtils.js

@@ -18,6 +18,20 @@ 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:
+            return Localization_1["default"].translate('workflow_status_archived');
+        case types_1.WorkflowStatus.DECLINED:
+            return Localization_1["default"].translate('workflow_status_declined');
+        case types_1.WorkflowStatus.DONE:
+            return Localization_1["default"].translate('workflow_status_done');
+        case types_1.WorkflowStatus.NEW:
+            return Localization_1["default"].translate('workflow_status_new');
+        case types_1.WorkflowStatus.PENDING:
+            return Localization_1["default"].translate('workflow_status_pending');
         default:
             return Localization_1["default"].translate('status_missing');
     }

package/dist/utils/index.d.ts

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

package/dist/utils/index.js

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

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@sphereon/ui-components.core",
   "private": false,
-  "version": "0.1.3-unstable.15+88a373a",
+  "version": "0.1.3-unstable.150+80103f1",
   "description": "SSI UI components Core",
   "repository": "git@github.com:Sphereon-Opensource/UI-Components.git",
   "author": "Sphereon <dev@sphereon.com>",
@@ -43,5 +43,5 @@
   "peerDependencies": {
     "react": ">= 16.8.0"
   },
-  "gitHead": "88a373a5f9fb7b863e412030eedc651350c99187"
+  "gitHead": "80103f16948012994b466befb4356f438ded92d1"
 }