@sphereon/ui-components.core 0.1.1 → 0.1.2-next.12

package/dist/index.js

@@ -1,25 +1,5 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-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);
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-exports.__esModule = true;
-exports.Localization = void 0;
-var Localization_1 = __importDefault(require("./localization/Localization"));
-exports.Localization = Localization_1["default"];
-__exportStar(require("./utils"), exports);
-__exportStar(require("./types"), exports);
-__exportStar(require("./styles"), exports);
+import Localization from './localization/Localization';
+export * from './utils';
+export * from './types';
+export * from './styles';
+export { Localization };

package/dist/localization/Localization.js

@@ -1,4 +1,3 @@
-"use strict";
 var __assign = (this && this.__assign) || function () {
     __assign = Object.assign || function(t) {
         for (var s, i = 1, n = arguments.length; i < n; i++) {
@@ -10,41 +9,36 @@ var __assign = (this && this.__assign) || function () {
     };
     return __assign.apply(this, arguments);
 };
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
 var _a;
-exports.__esModule = true;
-exports.translate = void 0;
-var i18n_js_1 = __importDefault(require("i18n-js"));
-var lodash_memoize_1 = __importDefault(require("lodash.memoize"));
-var types_1 = require("../types");
+import i18n from 'i18n-js';
+import memoize from 'lodash.memoize';
+import { SupportedLanguage } from '../types';
 var Localization = (function () {
     function Localization() {
     }
     var _b;
     _b = Localization;
     Localization.translationGetters = (_a = {},
-        _a[types_1.SupportedLanguage.ENGLISH] = function () { return require('./translations/en.json'); },
-        _a[types_1.SupportedLanguage.DUTCH] = function () { return require('./translations/nl.json'); },
+        _a[SupportedLanguage.ENGLISH] = function () { return require('./translations/en.json'); },
+        _a[SupportedLanguage.DUTCH] = function () { return require('./translations/nl.json'); },
         _a);
-    Localization.translate = (0, lodash_memoize_1["default"])(function (key, config) {
+    Localization.translate = memoize(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.translations).length === 0) {
+            i18n.translations = (_a = {},
+                _a[SupportedLanguage.ENGLISH] = Localization.translationGetters[SupportedLanguage.ENGLISH](),
                 _a);
-            i18n_js_1["default"].locale = types_1.SupportedLanguage.ENGLISH;
+            i18n.locale = 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.translations = (_c = {},
+                _c[i18n.locale] = __assign(__assign({}, i18n.translations[i18n.locale]), Localization.translationGetters[_b.findSupportedLanguage(i18n.locale) || SupportedLanguage.ENGLISH]()),
                 _c);
         }
-        return i18n_js_1["default"].t(key, config);
+        return i18n.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++) {
+        for (var _i = 0, _a = Object.values(SupportedLanguage); _i < _a.length; _i++) {
             var language = _a[_i];
             if (language === locale) {
                 return language;
@@ -52,9 +46,9 @@ var Localization = (function () {
         }
     };
     Localization.getLocale = function () {
-        return i18n_js_1["default"].locale || types_1.SupportedLanguage.ENGLISH;
+        return i18n.locale || SupportedLanguage.ENGLISH;
     };
     return Localization;
 }());
-exports.translate = Localization.translate;
-exports["default"] = Localization;
+export var translate = Localization.translate;
+export default Localization;

package/dist/localization/translations/en.json

@@ -6,5 +6,7 @@
     "credential_status_valid": "Valid",
     "credential_status_expired": "Expired",
     "credential_status_revoked": "Revoked",
-    "status_missing": "Unknown"
+    "status_missing": "Unknown",
+    "action_filter_caption": "Filter",
+    "action_show_caption": "Show:"
 }

package/dist/localization/translations/nl.json

@@ -6,5 +6,7 @@
     "credential_status_valid": "Geldig",
     "credential_status_expired": "Verlopen",
     "credential_status_revoked": "Ingetrokken",
-    "status_missing": "Onbekent"
+    "status_missing": "Onbekent",
+    "action_filter_caption": "Filter",
+    "action_show_caption": "Toon:"
 }

package/dist/styles/index.js

@@ -1,19 +1,3 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-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("./ssi/colors"), exports);
-__exportStar(require("./ssi/typography"), exports);
-__exportStar(require("./ssi/css"), exports);
+export * from './ssi/colors';
+export * from './ssi/typography';
+export * from './ssi/css';

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

@@ -1,11 +1,17 @@
 import { LabelStatus } from '../../types';
-type BackgroundColor = 'primaryDark' | 'secondaryDark' | 'primaryLight' | 'secondaryLight';
+type BackgroundColor = 'primaryDark' | 'secondaryDark' | 'primaryLight' | 'secondaryLight' | 'lightGrey';
 export declare const backgroundColors: Record<BackgroundColor, string>;
 type CredentialCardColor = 'default';
 export declare const credentialCardColors: Record<CredentialCardColor, string>;
 type LogoColor = 'default';
 export declare const logoColors: Record<LogoColor, string>;
 export declare const statusColors: Record<LabelStatus | 'error', string>;
-type FontColor = 'dark' | 'light' | 'secondaryButton' | 'greyedOut';
+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';
+export declare const borderColors: Record<Border, string>;
+type Profile = 100 | 200 | 300 | 400 | 500;
+export declare const profileColors: Record<Profile, string>;
 export {};

package/dist/styles/ssi/colors.js

@@ -1,29 +1,44 @@
-"use strict";
-exports.__esModule = true;
-exports.fontColors = exports.statusColors = exports.logoColors = exports.credentialCardColors = exports.backgroundColors = void 0;
-exports.backgroundColors = {
+export var backgroundColors = {
     primaryDark: '#202537',
     secondaryDark: '#2C334B',
     primaryLight: '#FBFBFB',
-    secondaryLight: '#E3E3FF'
+    secondaryLight: '#E3E3FF',
+    lightGrey: '#E3E3E3',
 };
-exports.credentialCardColors = {
-    "default": '#5BDED2'
+export var credentialCardColors = {
+    default: '#5BDED2',
 };
-exports.logoColors = {
-    "default": '#FBFBFB'
+export var logoColors = {
+    default: '#FBFBFB',
 };
-exports.statusColors = {
+export var statusColors = {
     valid: '#00C249',
     expired: '#FF9900',
     revoked: '#EE5309',
     verified: '#00C249',
     unverified: '#FF9900',
-    error: '#D74500'
+    error: '#D74500',
 };
-exports.fontColors = {
+export var fontColors = {
     dark: '#303030',
     light: '#FBFBFB',
     secondaryButton: '#7664F2',
-    greyedOut: '#8F8F8F'
+    greyedOut: '#8F8F8F',
+    lightGrey: '#8D9099',
+};
+export var gradientColors = {
+    100: 'linear-gradient(135deg, #7276f7 0%, #7c40e8 100%)',
+    200: 'linear-gradient(135deg, #F90 0%, #EE5309 100%)',
+};
+export var borderColors = {
+    dark: '#404D7A',
+    light: '#E3E3E3',
+    lightGrey: '#ACACAC',
+};
+export var profileColors = {
+    100: '#EE5209',
+    200: '#FF9900',
+    300: '#5BDED3',
+    400: '#0B81FF',
+    500: '#BD2DFF',
 };

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

@@ -1,10 +1,7 @@
-"use strict";
 var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
     if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
     return cooked;
 };
-exports.__esModule = 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"])));
+import { css } from 'styled-components';
+export var SSIRoundedEdgesCss = css(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  border-radius: 8px;\n"], ["\n  border-radius: 8px;\n"])));
 var templateObject_1;

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

@@ -4,4 +4,4 @@ export type LineHeight = 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800;
 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' | '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' | 'h7SemiBold';

package/dist/styles/ssi/typography.js

@@ -1,7 +1,4 @@
-"use strict";
-exports.__esModule = true;
-exports.fontWeight = exports.lineHeight = exports.fontSize = void 0;
-exports.fontSize = {
+export var fontSize = {
     100: 9,
     200: 10,
     300: 11,
@@ -9,9 +6,9 @@ exports.fontSize = {
     500: 14,
     600: 16,
     700: 24,
-    800: 36
+    800: 36,
 };
-exports.lineHeight = {
+export var lineHeight = {
     100: 13.5,
     200: 15,
     300: 16.5,
@@ -19,9 +16,9 @@ exports.lineHeight = {
     500: 21,
     600: 24,
     700: 34,
-    800: 54
+    800: 54,
 };
-exports.fontWeight = {
+export var fontWeight = {
     normal: 'normal',
     bold: 'bold',
     100: '100',
@@ -32,5 +29,5 @@ exports.fontWeight = {
     600: '600',
     700: '700',
     800: '800',
-    900: '900'
+    900: '900',
 };

package/dist/types/credential/index.js

@@ -1,14 +1,11 @@
-"use strict";
-exports.__esModule = true;
-exports.IssuerStatus = exports.CredentialStatus = void 0;
-var CredentialStatus;
+export var CredentialStatus;
 (function (CredentialStatus) {
     CredentialStatus["VALID"] = "valid";
     CredentialStatus["EXPIRED"] = "expired";
     CredentialStatus["REVOKED"] = "revoked";
-})(CredentialStatus = exports.CredentialStatus || (exports.CredentialStatus = {}));
-var IssuerStatus;
+})(CredentialStatus || (CredentialStatus = {}));
+export var IssuerStatus;
 (function (IssuerStatus) {
     IssuerStatus["VERIFIED"] = "verified";
     IssuerStatus["UNVERIFIED"] = "unverified";
-})(IssuerStatus = exports.IssuerStatus || (exports.IssuerStatus = {}));
+})(IssuerStatus || (IssuerStatus = {}));

package/dist/types/image/index.js

@@ -1,2 +1 @@
-"use strict";
-exports.__esModule = true;
+export {};

package/dist/types/index.js

@@ -1,19 +1,3 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-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("./credential"), exports);
-__exportStar(require("./image"), exports);
-__exportStar(require("./localization"), exports);
+export * from './credential';
+export * from './image';
+export * from './localization';

package/dist/types/localization/index.js

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

package/dist/utils/DateUtils.js

@@ -1,4 +1,3 @@
-"use strict";
 var __assign = (this && this.__assign) || function () {
     __assign = Object.assign || function(t) {
         for (var s, i = 1, n = arguments.length; i < n; i++) {
@@ -10,41 +9,33 @@ var __assign = (this && this.__assign) || function () {
     };
     return __assign.apply(this, arguments);
 };
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-exports.__esModule = 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 = {
+import Localization from '../localization/Localization';
+export var EPOCH_MILLISECONDS = 1000;
+export var 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' }));
+export var toLocalDateTimeString = function (date) {
+    return new Date(formatDate(date)).toLocaleString(Localization.getLocale(), __assign(__assign({}, 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);
+export var toLocalDateString = function (date) {
+    return new Date(formatDate(date)).toLocaleDateString(Localization.getLocale(), DATE_FORMAT_OPTIONS);
 };
-exports.toLocalDateString = toLocalDateString;
 var formatDate = function (date) {
     var epoch = date;
     epoch = removeFractionalPart(epoch);
     if (!isEpochMilli(epoch)) {
-        epoch = (0, exports.makeEpochMilli)(epoch);
+        epoch = makeEpochMilli(epoch);
     }
     return epoch;
 };
-var makeEpochMilli = function (date) {
+export var makeEpochMilli = function (date) {
     if (!isEpochMilli(date)) {
-        date = date * exports.EPOCH_MILLISECONDS;
+        date = date * EPOCH_MILLISECONDS;
     }
     return date;
 };
-exports.makeEpochMilli = makeEpochMilli;
 var isEpochMilli = function (date) {
     return date.toString().length > 10;
 };

package/dist/utils/ImageUtils.js

@@ -1,7 +1,3 @@
-"use strict";
-exports.__esModule = true;
-exports.calculateAspectRatio = void 0;
-var calculateAspectRatio = function (width, height) {
+export var calculateAspectRatio = function (width, height) {
     return width / height;
 };
-exports.calculateAspectRatio = calculateAspectRatio;

package/dist/utils/TranslationUtils.js

@@ -1,25 +1,18 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-exports.__esModule = true;
-exports.getStatusTranslation = void 0;
-var types_1 = require("../types");
-var Localization_1 = __importDefault(require("../localization/Localization"));
-var getStatusTranslation = function (status) {
+import { CredentialStatus, IssuerStatus } from '../types';
+import Localization from '../localization/Localization';
+export var getStatusTranslation = function (status) {
     switch (status) {
-        case types_1.IssuerStatus.VERIFIED:
-            return Localization_1["default"].translate('issuer_status_verified');
-        case types_1.IssuerStatus.UNVERIFIED:
-            return Localization_1["default"].translate('issuer_status_unverified');
-        case types_1.CredentialStatus.VALID:
-            return Localization_1["default"].translate('credential_status_valid');
-        case types_1.CredentialStatus.EXPIRED:
-            return Localization_1["default"].translate('credential_status_expired');
-        case types_1.CredentialStatus.REVOKED:
-            return Localization_1["default"].translate('credential_status_revoked');
+        case IssuerStatus.VERIFIED:
+            return Localization.translate('issuer_status_verified');
+        case IssuerStatus.UNVERIFIED:
+            return Localization.translate('issuer_status_unverified');
+        case CredentialStatus.VALID:
+            return Localization.translate('credential_status_valid');
+        case CredentialStatus.EXPIRED:
+            return Localization.translate('credential_status_expired');
+        case CredentialStatus.REVOKED:
+            return Localization.translate('credential_status_revoked');
         default:
-            return Localization_1["default"].translate('status_missing');
+            return Localization.translate('status_missing');
     }
 };
-exports.getStatusTranslation = getStatusTranslation;

package/dist/utils/UserUtils.d.ts

@@ -0,0 +1 @@
+export declare const getInitials: (fullName: string) => string;

package/dist/utils/UserUtils.js

@@ -0,0 +1,22 @@
+export var getInitials = function (fullName) {
+    if (fullName && fullName.length > 0) {
+        var namePartsArray = fullName.trim().split(' ');
+        var firstInitial = '';
+        var lastInitial = '';
+        if (namePartsArray.length > 0) {
+            var firstName = namePartsArray[0];
+            if (firstName.length > 0) {
+                firstInitial = firstName[0];
+            }
+            if (namePartsArray.length > 1) {
+                var lastPart = namePartsArray[namePartsArray.length - 1];
+                if (lastPart.length > 0) {
+                    lastInitial = lastPart[0];
+                }
+            }
+        }
+        var initials = "".concat(firstInitial).concat(lastInitial);
+        return initials.toUpperCase();
+    }
+    return '?';
+};

package/dist/utils/index.d.ts

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

package/dist/utils/index.js

@@ -1,19 +1,4 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-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("./ImageUtils"), exports);
-__exportStar(require("./DateUtils"), exports);
-__exportStar(require("./TranslationUtils"), exports);
+export * from './ImageUtils';
+export * from './DateUtils';
+export * from './TranslationUtils';
+export * from './UserUtils';

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@sphereon/ui-components.core",
   "private": false,
-  "version": "0.1.1",
+  "version": "0.1.2-next.12+e845cd6",
   "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": "067169b933897f36b96709293be6163ee21c317b"
+  "gitHead": "e845cd64e05e4ad3af3844d3779341367700c4dc"
 }