@sphereon/ui-components.core 0.1.3-unstable.161 → 0.1.3-unstable.172

package/dist/index.js

@@ -16,10 +16,10 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
-exports.__esModule = true;
+Object.defineProperty(exports, "__esModule", { value: true });
 exports.Localization = void 0;
 var Localization_1 = __importDefault(require("./localization/Localization"));
-exports.Localization = Localization_1["default"];
+exports.Localization = Localization_1.default;
 __exportStar(require("./utils"), exports);
 __exportStar(require("./types"), exports);
 __exportStar(require("./styles"), exports);

package/dist/localization/Localization.js

@@ -14,7 +14,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 var _a;
-exports.__esModule = true;
+Object.defineProperty(exports, "__esModule", { value: true });
 exports.translate = void 0;
 var i18n_js_1 = __importDefault(require("i18n-js"));
 var lodash_memoize_1 = __importDefault(require("lodash.memoize"));
@@ -28,20 +28,20 @@ var Localization = (function () {
         _a[types_1.SupportedLanguage.ENGLISH] = function () { return require('./translations/en.json'); },
         _a[types_1.SupportedLanguage.DUTCH] = function () { return require('./translations/nl.json'); },
         _a);
-    Localization.translate = (0, lodash_memoize_1["default"])(function (key, config) {
+    Localization.translate = (0, lodash_memoize_1.default)(function (key, config) {
         var _a, _c;
-        if (Object.keys(i18n_js_1["default"].translations).length === 0) {
-            i18n_js_1["default"].translations = (_a = {},
-                _a[types_1.SupportedLanguage.ENGLISH] = Localization.translationGetters[types_1.SupportedLanguage.ENGLISH](),
+        if (Object.keys(i18n_js_1.default.translations).length === 0) {
+            i18n_js_1.default.translations = (_a = {},
+                _a[types_1.SupportedLanguage.ENGLISH] = _b.translationGetters[types_1.SupportedLanguage.ENGLISH](),
                 _a);
-            i18n_js_1["default"].locale = types_1.SupportedLanguage.ENGLISH;
+            i18n_js_1.default.locale = types_1.SupportedLanguage.ENGLISH;
         }
         else {
-            i18n_js_1["default"].translations = (_c = {},
-                _c[i18n_js_1["default"].locale] = __assign(__assign({}, i18n_js_1["default"].translations[i18n_js_1["default"].locale]), Localization.translationGetters[_b.findSupportedLanguage(i18n_js_1["default"].locale) || types_1.SupportedLanguage.ENGLISH]()),
+            i18n_js_1.default.translations = (_c = {},
+                _c[i18n_js_1.default.locale] = __assign(__assign({}, i18n_js_1.default.translations[i18n_js_1.default.locale]), _b.translationGetters[_b.findSupportedLanguage(i18n_js_1.default.locale) || types_1.SupportedLanguage.ENGLISH]()),
                 _c);
         }
-        return i18n_js_1["default"].t(key, config);
+        return i18n_js_1.default.t(key, config);
     }, function (key, config) { return (config ? key + JSON.stringify(config) : key); });
     Localization.findSupportedLanguage = function (locale) {
         for (var _i = 0, _a = Object.values(types_1.SupportedLanguage); _i < _a.length; _i++) {
@@ -52,9 +52,9 @@ var Localization = (function () {
         }
     };
     Localization.getLocale = function () {
-        return i18n_js_1["default"].locale || types_1.SupportedLanguage.ENGLISH;
+        return i18n_js_1.default.locale || types_1.SupportedLanguage.ENGLISH;
     };
     return Localization;
 }());
 exports.translate = Localization.translate;
-exports["default"] = Localization;
+exports.default = Localization;

package/dist/regexes/index.js

@@ -1,5 +1,5 @@
 "use strict";
-exports.__esModule = true;
+Object.defineProperty(exports, "__esModule", { value: true });
 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/index.js

@@ -13,7 +13,7 @@ var __createBinding = (this && this.__createBinding) || (Object.create ? (functi
 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;
+Object.defineProperty(exports, "__esModule", { value: true });
 __exportStar(require("./ssi/colors"), exports);
 __exportStar(require("./ssi/typography"), exports);
 __exportStar(require("./ssi/css"), exports);

package/dist/styles/ssi/colors.js

@@ -1,5 +1,5 @@
 "use strict";
-exports.__esModule = true;
+Object.defineProperty(exports, "__esModule", { value: true });
 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',
@@ -7,13 +7,13 @@ exports.backgroundColors = {
     primaryLight: '#FBFBFB',
     secondaryLight: '#E3E3FF',
     lightGrey: '#E3E3E3',
-    orange: '#D74500'
+    orange: '#D74500',
 };
 exports.credentialCardColors = {
-    "default": '#5BDED2'
+    default: '#5BDED2',
 };
 exports.logoColors = {
-    "default": '#FBFBFB'
+    default: '#FBFBFB',
 };
 exports.statusColors = {
     valid: '#00C249',
@@ -21,31 +21,32 @@ exports.statusColors = {
     revoked: '#EE5309',
     verified: '#00C249',
     unverified: '#FF9900',
+    unknown: '#FF9900',
     error: '#D74500',
-    "new": '#7276F7',
+    new: '#7276F7',
     approved: '#00C249',
     pending: '#0B81FF',
     archived: '#B3B3B3',
     declined: '#D74500',
     done: '#00C249',
-    draft: '#0B81FF'
+    draft: '#0B81FF',
 };
 exports.fontColors = {
     dark: '#303030',
     light: '#FBFBFB',
     secondaryButton: '#7664F2',
     greyedOut: '#8F8F8F',
-    lightGrey: '#8D9099'
+    lightGrey: '#8D9099',
 };
 exports.gradientsColors = {
     100: {
         primaryColor: '#7276F7',
-        secondaryColor: '#7C40E8'
+        secondaryColor: '#7C40E8',
     },
     200: {
         primaryColor: '#FF9900',
-        secondaryColor: '#EE5309'
-    }
+        secondaryColor: '#EE5309',
+    },
 };
 exports.borderColors = {
     dark: '#404D7A',
@@ -59,16 +60,16 @@ exports.profileColors = {
     200: '#FF9900',
     300: '#5BDED3',
     400: '#0B81FF',
-    500: '#BD2DFF'
+    500: '#BD2DFF',
 };
 exports.alertColors = {
     primaryLight: '#FBFBFB',
-    secondaryLight: '#EBEBEB'
+    secondaryLight: '#EBEBEB',
 };
 exports.selectionElementColors = {
     primaryDark: '#0B81FF',
     primaryBorderDark: '#FBFBFB',
-    selectedRow: '#B7B8D9'
+    selectedRow: '#B7B8D9',
 };
 exports.elementColors = {
     blue: '#0B81FF',
@@ -76,8 +77,8 @@ exports.elementColors = {
     purple: '#7276F7',
     100: '#F25409',
     200: '#F78854',
-    300: '#8D9099'
+    300: '#8D9099',
 };
 exports.buttonColors = {
-    100: '#8B1900'
+    100: '#8B1900',
 };

package/dist/styles/ssi/css/index.js

@@ -3,7 +3,7 @@ var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cook
     if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
     return cooked;
 };
-exports.__esModule = true;
+Object.defineProperty(exports, "__esModule", { value: true });
 exports.SSIRoundedEdgesCss = void 0;
 var styled_components_1 = require("styled-components");
 exports.SSIRoundedEdgesCss = (0, styled_components_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  border-radius: 8px;\n"], ["\n  border-radius: 8px;\n"])));

package/dist/styles/ssi/typography.js

@@ -1,5 +1,5 @@
 "use strict";
-exports.__esModule = true;
+Object.defineProperty(exports, "__esModule", { value: true });
 exports.fontWeight = exports.lineHeight = exports.fontSize = void 0;
 exports.fontSize = {
     100: 9,
@@ -10,7 +10,7 @@ exports.fontSize = {
     600: 16,
     700: 24,
     800: 36,
-    64: 64
+    64: 64,
 };
 exports.lineHeight = {
     100: 13.5,
@@ -21,7 +21,7 @@ exports.lineHeight = {
     600: 24,
     700: 34,
     800: 54,
-    64: 64
+    64: 64,
 };
 exports.fontWeight = {
     normal: 'normal',
@@ -34,5 +34,5 @@ exports.fontWeight = {
     600: '600',
     700: '700',
     800: '800',
-    900: '900'
+    900: '900',
 };

package/dist/types/base64/index.js

@@ -1,2 +1,2 @@
 "use strict";
-exports.__esModule = true;
+Object.defineProperty(exports, "__esModule", { value: true });

package/dist/types/button/index.js

@@ -1,5 +1,5 @@
 "use strict";
-exports.__esModule = true;
+Object.defineProperty(exports, "__esModule", { value: true });
 exports.ButtonIcon = void 0;
 var ButtonIcon;
 (function (ButtonIcon) {
@@ -8,4 +8,4 @@ var ButtonIcon;
     ButtonIcon["MEATBALLS"] = "meatballs";
     ButtonIcon["DELETE"] = "delete";
     ButtonIcon["FILTER"] = "filter";
-})(ButtonIcon = exports.ButtonIcon || (exports.ButtonIcon = {}));
+})(ButtonIcon || (exports.ButtonIcon = ButtonIcon = {}));

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

@@ -10,6 +10,7 @@ export declare enum IssuerStatus {
 }
 export declare enum WorkflowStatus {
     NEW = "new",
+    UNKNOWN = "unknown",
     APPROVED = "approved",
     DECLINED = "declined",
     PENDING = "pending",

package/dist/types/credential/index.js

@@ -1,5 +1,5 @@
 "use strict";
-exports.__esModule = true;
+Object.defineProperty(exports, "__esModule", { value: true });
 exports.WorkflowStatus = exports.IssuerStatus = exports.CredentialStatus = void 0;
 var CredentialStatus;
 (function (CredentialStatus) {
@@ -7,18 +7,19 @@ var CredentialStatus;
     CredentialStatus["EXPIRED"] = "expired";
     CredentialStatus["REVOKED"] = "revoked";
     CredentialStatus["DRAFT"] = "draft";
-})(CredentialStatus = exports.CredentialStatus || (exports.CredentialStatus = {}));
+})(CredentialStatus || (exports.CredentialStatus = CredentialStatus = {}));
 var IssuerStatus;
 (function (IssuerStatus) {
     IssuerStatus["VERIFIED"] = "verified";
     IssuerStatus["UNVERIFIED"] = "unverified";
-})(IssuerStatus = exports.IssuerStatus || (exports.IssuerStatus = {}));
+})(IssuerStatus || (exports.IssuerStatus = IssuerStatus = {}));
 var WorkflowStatus;
 (function (WorkflowStatus) {
     WorkflowStatus["NEW"] = "new";
+    WorkflowStatus["UNKNOWN"] = "unknown";
     WorkflowStatus["APPROVED"] = "approved";
     WorkflowStatus["DECLINED"] = "declined";
     WorkflowStatus["PENDING"] = "pending";
     WorkflowStatus["DONE"] = "done";
     WorkflowStatus["ARCHIVED"] = "archived";
-})(WorkflowStatus = exports.WorkflowStatus || (exports.WorkflowStatus = {}));
+})(WorkflowStatus || (exports.WorkflowStatus = WorkflowStatus = {}));

package/dist/types/image/index.js

@@ -1,2 +1,2 @@
 "use strict";
-exports.__esModule = true;
+Object.defineProperty(exports, "__esModule", { value: true });

package/dist/types/index.js

@@ -13,7 +13,7 @@ var __createBinding = (this && this.__createBinding) || (Object.create ? (functi
 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;
+Object.defineProperty(exports, "__esModule", { value: true });
 __exportStar(require("./button"), exports);
 __exportStar(require("./credential"), exports);
 __exportStar(require("./image"), exports);

package/dist/types/label/index.js

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

package/dist/types/localization/index.js

@@ -1,8 +1,8 @@
 "use strict";
-exports.__esModule = true;
+Object.defineProperty(exports, "__esModule", { value: true });
 exports.SupportedLanguage = void 0;
 var SupportedLanguage;
 (function (SupportedLanguage) {
     SupportedLanguage["ENGLISH"] = "en";
     SupportedLanguage["DUTCH"] = "nl";
-})(SupportedLanguage = exports.SupportedLanguage || (exports.SupportedLanguage = {}));
+})(SupportedLanguage || (exports.SupportedLanguage = SupportedLanguage = {}));

package/dist/types/style/index.js

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

package/dist/types/tab/index.js

@@ -1,2 +1,2 @@
 "use strict";
-exports.__esModule = true;
+Object.defineProperty(exports, "__esModule", { value: true });

package/dist/types/toast/index.js

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

package/dist/utils/DateUtils.js

@@ -13,21 +13,21 @@ var __assign = (this && this.__assign) || function () {
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
-exports.__esModule = true;
+Object.defineProperty(exports, "__esModule", { value: true });
 exports.makeEpochMilli = exports.toLocalDateString = exports.toLocalDateTimeString = exports.DATE_FORMAT_OPTIONS = exports.EPOCH_MILLISECONDS = void 0;
 var Localization_1 = __importDefault(require("../localization/Localization"));
 exports.EPOCH_MILLISECONDS = 1000;
 exports.DATE_FORMAT_OPTIONS = {
     year: 'numeric',
     month: 'numeric',
-    day: 'numeric'
+    day: 'numeric',
 };
 var toLocalDateTimeString = function (date) {
-    return new Date(formatDate(date)).toLocaleString(Localization_1["default"].getLocale(), __assign(__assign({}, exports.DATE_FORMAT_OPTIONS), { hour: 'numeric', minute: 'numeric', second: 'numeric' }));
+    return new Date(formatDate(date)).toLocaleString(Localization_1.default.getLocale(), __assign(__assign({}, exports.DATE_FORMAT_OPTIONS), { hour: 'numeric', minute: 'numeric', second: 'numeric' }));
 };
 exports.toLocalDateTimeString = toLocalDateTimeString;
 var toLocalDateString = function (date) {
-    return new Date(formatDate(date)).toLocaleDateString(Localization_1["default"].getLocale(), exports.DATE_FORMAT_OPTIONS);
+    return new Date(formatDate(date)).toLocaleDateString(Localization_1.default.getLocale(), exports.DATE_FORMAT_OPTIONS);
 };
 exports.toLocalDateString = toLocalDateString;
 var formatDate = function (date) {

package/dist/utils/FileUtils.js

@@ -1,5 +1,5 @@
 "use strict";
-exports.__esModule = true;
+Object.defineProperty(exports, "__esModule", { value: true });
 exports.parseBase64Uri = exports.getFileSizeDisplay = void 0;
 var getFileSizeDisplay = function (bytes) {
     if (bytes < 1024) {
@@ -22,7 +22,7 @@ var parseBase64Uri = function (base64Uri) {
     return {
         base64Uri: base64Uri,
         base64: base64Parts[1],
-        mimeType: mimeType
+        mimeType: mimeType,
     };
 };
 exports.parseBase64Uri = parseBase64Uri;

package/dist/utils/ImageUtils.js

@@ -1,5 +1,5 @@
 "use strict";
-exports.__esModule = true;
+Object.defineProperty(exports, "__esModule", { value: true });
 exports.isBase64ImageUri = exports.calculateAspectRatio = void 0;
 var regexes_1 = require("../regexes");
 var calculateAspectRatio = function (width, height) {

package/dist/utils/TranslationUtils.js

@@ -2,38 +2,39 @@
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
-exports.__esModule = true;
+Object.defineProperty(exports, "__esModule", { value: true });
 exports.getStatusTranslation = void 0;
 var types_1 = require("../types");
 var Localization_1 = __importDefault(require("../localization/Localization"));
 var getStatusTranslation = function (status) {
     switch (status) {
         case types_1.IssuerStatus.VERIFIED:
-            return Localization_1["default"].translate('issuer_status_verified');
+            return Localization_1.default.translate('issuer_status_verified');
         case types_1.IssuerStatus.UNVERIFIED:
-            return Localization_1["default"].translate('issuer_status_unverified');
+            return Localization_1.default.translate('issuer_status_unverified');
         case types_1.CredentialStatus.VALID:
-            return Localization_1["default"].translate('credential_status_valid');
+            return Localization_1.default.translate('credential_status_valid');
         case types_1.CredentialStatus.EXPIRED:
-            return Localization_1["default"].translate('credential_status_expired');
+            return Localization_1.default.translate('credential_status_expired');
         case types_1.CredentialStatus.REVOKED:
-            return Localization_1["default"].translate('credential_status_revoked');
+            return Localization_1.default.translate('credential_status_revoked');
         case types_1.CredentialStatus.DRAFT:
-            return Localization_1["default"].translate('credential_status_draft');
+            return Localization_1.default.translate('credential_status_draft');
         case types_1.WorkflowStatus.APPROVED:
-            return Localization_1["default"].translate('workflow_status_approved');
+            return Localization_1.default.translate('workflow_status_approved');
         case types_1.WorkflowStatus.ARCHIVED:
-            return Localization_1["default"].translate('workflow_status_archived');
+            return Localization_1.default.translate('workflow_status_archived');
         case types_1.WorkflowStatus.DECLINED:
-            return Localization_1["default"].translate('workflow_status_declined');
+            return Localization_1.default.translate('workflow_status_declined');
         case types_1.WorkflowStatus.DONE:
-            return Localization_1["default"].translate('workflow_status_done');
+            return Localization_1.default.translate('workflow_status_done');
         case types_1.WorkflowStatus.NEW:
-            return Localization_1["default"].translate('workflow_status_new');
+            return Localization_1.default.translate('workflow_status_new');
         case types_1.WorkflowStatus.PENDING:
-            return Localization_1["default"].translate('workflow_status_pending');
+            return Localization_1.default.translate('workflow_status_pending');
+        case types_1.WorkflowStatus.UNKNOWN:
         default:
-            return Localization_1["default"].translate('status_missing');
+            return Localization_1.default.translate('status_missing');
     }
 };
 exports.getStatusTranslation = getStatusTranslation;

package/dist/utils/TypeUtils.js

@@ -1,5 +1,5 @@
 "use strict";
-exports.__esModule = true;
+Object.defineProperty(exports, "__esModule", { value: true });
 exports.parseToBoolean = exports.isBoolean = void 0;
 var isBoolean = function (value) {
     if (typeof value === 'boolean') {

package/dist/utils/UserUtils.js

@@ -1,5 +1,5 @@
 "use strict";
-exports.__esModule = true;
+Object.defineProperty(exports, "__esModule", { value: true });
 exports.getInitials = void 0;
 var getInitials = function (fullName) {
     if (fullName && fullName.length > 0) {

package/dist/utils/index.js

@@ -13,7 +13,7 @@ var __createBinding = (this && this.__createBinding) || (Object.create ? (functi
 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;
+Object.defineProperty(exports, "__esModule", { value: true });
 __exportStar(require("./ImageUtils"), exports);
 __exportStar(require("./DateUtils"), exports);
 __exportStar(require("./TranslationUtils"), exports);

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@sphereon/ui-components.core",
   "private": false,
-  "version": "0.1.3-unstable.161+1615dda",
+  "version": "0.1.3-unstable.172+0e19d96",
   "description": "SSI UI components Core",
   "repository": "git@github.com:Sphereon-Opensource/UI-Components.git",
   "author": "Sphereon <dev@sphereon.com>",
@@ -29,19 +29,19 @@
   "dependencies": {
     "i18n-js": "^3.8.0",
     "lodash.memoize": "^4.1.2",
-    "styled-components": "^5.3.3"
+    "styled-components": "^5.3.11"
   },
   "devDependencies": {
     "@types/i18n-js": "^3.8.4",
     "@types/lodash.memoize": "^4.1.7",
     "@types/node": "^20.4.0",
-    "@types/react": "~18.0.14",
-    "@types/styled-components": "^5.1.15",
+    "@types/react": "~18.2.67",
+    "@types/styled-components": "^5.1.34",
     "react": "18.2.0",
-    "typescript": "4.9.5"
+    "typescript": "5.4.2"
   },
   "peerDependencies": {
-    "react": ">= 16.8.0"
+    "react": ">= 18"
   },
-  "gitHead": "1615ddadfedee31b79e69439b34814ef0259e87e"
+  "gitHead": "0e19d9628688b983d71372aae9ab45f7f201b80c"
 }