@vc-shell/framework 1.0.142 → 1.0.143

package/dist/ui/components/organisms/vc-table/vc-table.vue.d.ts

@@ -1,8 +1,8 @@
-import { MaybeRef } from "vue";
+import { Ref, MaybeRef } from "vue";
 import { IActionBuilderResult, ITableColumns } from "./../../../../core/types";
 export interface StatusImage {
     image?: string;
-    text: string;
+    text: string | Ref<string>;
     action?: string;
     clickHandler?: () => void;
 }

package/dist/ui/components/organisms/vc-table/vc-table.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"vc-table.vue.d.ts","sourceRoot":"","sources":["../../../../../ui/components/organisms/vc-table/vc-table.vue.ts"],"names":[],"mappings":"AAEA,OAAO,EAWL,QAAQ,EAET,MAAM,KAAK,CAAC;AAOb,OAAO,EAAE,oBAAoB,EAAE,aAAa,EAAE,MAAM,0BAA0B,CAAC;AAK/E,MAAM,WAAW,WAAW;IAC1B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,EAAE,MAAM,CAAC;IACb,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,YAAY,CAAC,EAAE,MAAM,IAAI,CAAC;CAC3B;AAED,MAAM,WAAW,SAAS;IACxB,CAAC,CAAC,EAAE,MAAM,GAAG,GAAG,CAAC;IACjB,OAAO,CAAC,EAAE,oBAAoB,EAAE,CAAC;CAClC;;;;;;;;;;;;;;aAg9DY,aAAa,EAAE;;;;;;mBA53DS,MAAM;mBAAa,MAAM;;;;sCA83DzB,oBAAoB,EAAE;;;;;;;;;;;;;cAqB7C,MAAM;;;WASb,GAAG;;2CAn+D2B,GAAG,KAAK,GAAG;;;kBACG,aAAa;cAAO,GAAG;wBAJxD,GAAG,KAAK,GAAG;wBACX;YAAE,UAAU,EAAE,MAAM,IAAI,CAAA;SAAE,KAAK,GAAG;;;cACZ,GAAG;0BAGvB,GAAG,KAAK,GAAG;uBACd,GAAG,KAAK,GAAG;wBACV,GAAG,KAAK,GAAG;;2CAJQ,GAAG,KAAK,GAAG;;;kBACG,aAAa;cAAO,GAAG;wBAJxD,GAAG,KAAK,GAAG;wBACX;YAAE,UAAU,EAAE,MAAM,IAAI,CAAA;SAAE,KAAK,GAAG;;;cACZ,GAAG;0BAGvB,GAAG,KAAK,GAAG;uBACd,GAAG,KAAK,GAAG;wBACV,GAAG,KAAK,GAAG;;;mBAmEQ,MAAM;mBAAa,MAAM;;;yCA25D9C,OAAO,KAAK,EAAE,gBAAgB,CAAC,EAAE,CAAC,KAAG,IAAI;;;;;;;;;;;;;;iBA/B5C,aAAa,EAAE;;;;;;uBA53DS,MAAM;uBAAa,MAAM;;;;0CA83DzB,oBAAoB,EAAE;;;;;;;;;;;;;kBAqB7C,MAAM;;;oBAQJ,OAAO,KAAK,EAAE,gBAAgB,CAAC,EAAE,CAAC,GAAG,IAAI;WAClD,GAAG;;2CAn+D2B,GAAG,KAAK,GAAG;;;kBACG,aAAa;cAAO,GAAG;wBAJxD,GAAG,KAAK,GAAG;wBACX;YAAE,UAAU,EAAE,MAAM,IAAI,CAAA;SAAE,KAAK,GAAG;;;cACZ,GAAG;0BAGvB,GAAG,KAAK,GAAG;uBACd,GAAG,KAAK,GAAG;wBACV,GAAG,KAAK,GAAG;;2CAJQ,GAAG,KAAK,GAAG;;;kBACG,aAAa;cAAO,GAAG;wBAJxD,GAAG,KAAK,GAAG;wBACX;YAAE,UAAU,EAAE,MAAM,IAAI,CAAA;SAAE,KAAK,GAAG;;;cACZ,GAAG;0BAGvB,GAAG,KAAK,GAAG;uBACd,GAAG,KAAK,GAAG;wBACV,GAAG,KAAK,GAAG;;;mBAmEQ,MAAM;mBAAa,MAAM;;;;;;;;;;;;;;;;;;;;qBA43DjD,aAAa,EAAE;;;;;;2BA53DS,MAAM;2BAAa,MAAM;;;;8CA83DzB,oBAAoB,EAAE;;;;;;;;;;;;;sBAqB7C,MAAM;;;wBAQJ,OAAO,KAAK,EAAE,gBAAgB,CAAC,EAAE,CAAC,GAAG,IAAI;eAClD,GAAG;;+CAn+D2B,GAAG,KAAK,GAAG;;;sBACG,aAAa;kBAAO,GAAG;4BAJxD,GAAG,KAAK,GAAG;4BACX;gBAAE,UAAU,EAAE,MAAM,IAAI,CAAA;aAAE,KAAK,GAAG;;;kBACZ,GAAG;8BAGvB,GAAG,KAAK,GAAG;2BACd,GAAG,KAAK,GAAG;4BACV,GAAG,KAAK,GAAG;;+CAJQ,GAAG,KAAK,GAAG;;;sBACG,aAAa;kBAAO,GAAG;4BAJxD,GAAG,KAAK,GAAG;4BACX;gBAAE,UAAU,EAAE,MAAM,IAAI,CAAA;aAAE,KAAK,GAAG;;;kBACZ,GAAG;8BAGvB,GAAG,KAAK,GAAG;2BACd,GAAG,KAAK,GAAG;4BACV,GAAG,KAAK,GAAG;;;uBAmEQ,MAAM;uBAAa,MAAM;;;;;AAjF9D,wBAk/D2E;AAQ3E,KAAK,cAAc,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,GAAG,EAAE,CAAC"}
+{"version":3,"file":"vc-table.vue.d.ts","sourceRoot":"","sources":["../../../../../ui/components/organisms/vc-table/vc-table.vue.ts"],"names":[],"mappings":"AAEA,OAAO,EAOL,GAAG,EAIH,QAAQ,EAET,MAAM,KAAK,CAAC;AAOb,OAAO,EAAE,oBAAoB,EAAE,aAAa,EAAE,MAAM,0BAA0B,CAAC;AAK/E,MAAM,WAAW,WAAW;IAC1B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,EAAE,MAAM,GAAG,GAAG,CAAC,MAAM,CAAC,CAAC;IAC3B,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,YAAY,CAAC,EAAE,MAAM,IAAI,CAAC;CAC3B;AAED,MAAM,WAAW,SAAS;IACxB,CAAC,CAAC,EAAE,MAAM,GAAG,GAAG,CAAC;IACjB,OAAO,CAAC,EAAE,oBAAoB,EAAE,CAAC;CAClC;;;;;;;;;;;;;;aAg8DY,aAAa,EAAE;;;;;;mBAp3DS,MAAM;mBAAa,MAAM;;;;sCAs3DzB,oBAAoB,EAAE;;;;;;;;;;;;;cAqB7C,MAAM;;;WASb,GAAG;;2CAn9D2B,GAAG,KAAK,GAAG;;;kBACG,aAAa;cAAO,GAAG;wBAJxD,GAAG,KAAK,GAAG;wBACX;YAAE,UAAU,EAAE,MAAM,IAAI,CAAA;SAAE,KAAK,GAAG;;;cACZ,GAAG;0BAGvB,GAAG,KAAK,GAAG;uBACd,GAAG,KAAK,GAAG;wBACV,GAAG,KAAK,GAAG;;2CAJQ,GAAG,KAAK,GAAG;;;kBACG,aAAa;cAAO,GAAG;wBAJxD,GAAG,KAAK,GAAG;wBACX;YAAE,UAAU,EAAE,MAAM,IAAI,CAAA;SAAE,KAAK,GAAG;;;cACZ,GAAG;0BAGvB,GAAG,KAAK,GAAG;uBACd,GAAG,KAAK,GAAG;wBACV,GAAG,KAAK,GAAG;;;mBA2DQ,MAAM;mBAAa,MAAM;;;yCAm5D9C,OAAO,KAAK,EAAE,gBAAgB,CAAC,EAAE,CAAC,KAAG,IAAI;;;;;;;;;;;;;;iBA/B5C,aAAa,EAAE;;;;;;uBAp3DS,MAAM;uBAAa,MAAM;;;;0CAs3DzB,oBAAoB,EAAE;;;;;;;;;;;;;kBAqB7C,MAAM;;;oBAQJ,OAAO,KAAK,EAAE,gBAAgB,CAAC,EAAE,CAAC,GAAG,IAAI;WAClD,GAAG;;2CAn9D2B,GAAG,KAAK,GAAG;;;kBACG,aAAa;cAAO,GAAG;wBAJxD,GAAG,KAAK,GAAG;wBACX;YAAE,UAAU,EAAE,MAAM,IAAI,CAAA;SAAE,KAAK,GAAG;;;cACZ,GAAG;0BAGvB,GAAG,KAAK,GAAG;uBACd,GAAG,KAAK,GAAG;wBACV,GAAG,KAAK,GAAG;;2CAJQ,GAAG,KAAK,GAAG;;;kBACG,aAAa;cAAO,GAAG;wBAJxD,GAAG,KAAK,GAAG;wBACX;YAAE,UAAU,EAAE,MAAM,IAAI,CAAA;SAAE,KAAK,GAAG;;;cACZ,GAAG;0BAGvB,GAAG,KAAK,GAAG;uBACd,GAAG,KAAK,GAAG;wBACV,GAAG,KAAK,GAAG;;;mBA2DQ,MAAM;mBAAa,MAAM;;;;;;;;;;;;;;;;;;;;qBAo3DjD,aAAa,EAAE;;;;;;2BAp3DS,MAAM;2BAAa,MAAM;;;;8CAs3DzB,oBAAoB,EAAE;;;;;;;;;;;;;sBAqB7C,MAAM;;;wBAQJ,OAAO,KAAK,EAAE,gBAAgB,CAAC,EAAE,CAAC,GAAG,IAAI;eAClD,GAAG;;+CAn9D2B,GAAG,KAAK,GAAG;;;sBACG,aAAa;kBAAO,GAAG;4BAJxD,GAAG,KAAK,GAAG;4BACX;gBAAE,UAAU,EAAE,MAAM,IAAI,CAAA;aAAE,KAAK,GAAG;;;kBACZ,GAAG;8BAGvB,GAAG,KAAK,GAAG;2BACd,GAAG,KAAK,GAAG;4BACV,GAAG,KAAK,GAAG;;+CAJQ,GAAG,KAAK,GAAG;;;sBACG,aAAa;kBAAO,GAAG;4BAJxD,GAAG,KAAK,GAAG;4BACX;gBAAE,UAAU,EAAE,MAAM,IAAI,CAAA;aAAE,KAAK,GAAG;;;kBACZ,GAAG;8BAGvB,GAAG,KAAK,GAAG;2BACd,GAAG,KAAK,GAAG;4BACV,GAAG,KAAK,GAAG;;;uBA2DQ,MAAM;uBAAa,MAAM;;;;;AAzE9D,wBAk+D2E;AAQ3E,KAAK,cAAc,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,GAAG,EAAE,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vc-shell/framework",
-  "version": "1.0.142",
+  "version": "1.0.143",
   "type": "module",
   "main": "./dist/framework.js",
   "types": "./dist/index.d.ts",
@@ -52,9 +52,9 @@
     "whatwg-fetch": "^3.6.19"
   },
   "devDependencies": {
-    "@vc-shell/api-client-generator": "^1.0.142",
-    "@vc-shell/config-generator": "^1.0.142",
-    "@vc-shell/ts-config": "^1.0.142",
+    "@vc-shell/api-client-generator": "^1.0.143",
+    "@vc-shell/config-generator": "^1.0.143",
+    "@vc-shell/ts-config": "^1.0.143",
     "@vitejs/plugin-vue": "^5.0.3",
     "sass": "^1.69.6",
     "typescript": "^5.3.3",

package/shared/components/user-dropdown-button/user-dropdown-button.vue

@@ -24,7 +24,9 @@
         {{ name || user?.userName }}
       </div>
       <div class="user-dropdown-button__role">
-        {{ role || (user?.isAdministrator ? "Administrator" : "") }}
+        {{
+          (role && $t(`SHELL.USER.ROLE.${role}`)) || (user?.isAdministrator ? $t("SHELL.USER.ROLE.ADMINISTRATOR") : "")
+        }}
       </div>
     </div>
     <div
@@ -88,13 +90,13 @@ const accountMenuVisible = ref(false);
 const menu = computed(() => [
   ...props.menuItems,
   {
-    title: t("Change password"),
+    title: t("SHELL.ACCOUNT.CHANGE_PASSWORD"),
     clickHandler() {
       open();
     },
   },
   {
-    title: t("Log Out"),
+    title: t("SHELL.ACCOUNT.LOGOUT"),
     async clickHandler() {
       await signOut();
       router.push({ name: "Login" });

package/shared/index.ts

@@ -5,18 +5,9 @@ import { VcAppSwitcherComponent } from "./components/app-switcher";
 import { VcBladeNavigationComponent } from "./components/blade-navigation";
 import { AssetsManagerModule } from "./modules/assets-manager";
 import { VcPopupHandler } from "./components/popup-handler";
-import * as locales from "./locales";
-import { i18n } from "./../core/plugins";
 
 export const SharedModule = {
   install(app: App, args: { router: Router }): void {
-    // Load locales
-    if (locales) {
-      Object.entries(locales).forEach(([key, message]) => {
-        i18n.global.mergeLocaleMessage(key, message);
-      });
-    }
-
     app
       .use(AssetsDetailsModule)
       .use(AssetsManagerModule)

package/shared/modules/dynamic/pages/dynamic-blade-list.vue

@@ -28,7 +28,7 @@
         class="tw-grow tw-basis-0"
         :loading="loading"
         :expanded="expanded"
-        :columns="(tableData?.columns as ITableColumns[]) ?? []"
+        :columns="(tableColsWithLocales as ITableColumns[]) ?? []"
         :state-key="stateKey ?? ''"
         :items="itemsProxy as Record<string, any>[]"
         :multiselect="isWidgetView ? false : tableData?.multiselect"
@@ -224,6 +224,9 @@ watch(
 const tableData =
   props.composables &&
   computed(() => props.model?.content.find((type: ListContentSchema) => type.component === "vc-table"));
+
+const tableColsWithLocales = tableData?.value?.columns?.map((col) => ({ ...col, title: computed(() => t(col.title)) }));
+
 const stateKey =
   props.composables &&
   computed(() => {

package/ui/components/organisms/vc-table/vc-table.vue

@@ -27,7 +27,7 @@
         <!-- Table search input -->
         <VcInput
           class="tw-grow tw-basis-0"
-          :placeholder="searchPlaceholder"
+          :placeholder="searchPlaceholder || $t('COMPONENTS.ORGANISMS.VC_TABLE.SEARCH')"
           clearable
           name="table_search"
           :model-value="searchValue"
@@ -362,7 +362,7 @@
               :src="notfound.image"
             />
             <div class="tw-m-4 vc-table__empty-text">
-              {{ notfound.text }}
+              {{ notfound.text || t("COMPONENTS.ORGANISMS.VC_TABLE.NOT_FOUND") }}
             </div>
             <VcButton
               v-if="notfound.action"
@@ -384,7 +384,9 @@
               v-if="empty.image"
               :src="empty.image"
             />
-            <div class="tw-m-4 tw-text-xl tw-font-medium">{{ empty.text }}</div>
+            <div class="tw-m-4 tw-text-xl tw-font-medium">
+              {{ empty.text || t("COMPONENTS.ORGANISMS.VC_TABLE.EMPTY") }}
+            </div>
             <VcButton
               v-if="empty.action"
               @click="empty.clickHandler"
@@ -414,7 +416,7 @@
 
         <!-- Table counter -->
         <VcTableCounter
-          :label="totalLabel"
+          :label="totalLabel || $t('COMPONENTS.ORGANISMS.VC_TABLE.TOTALS')"
           :value="totalCount"
         ></VcTableCounter>
       </div>
@@ -450,7 +452,7 @@ import { useI18n } from "vue-i18n";
 
 export interface StatusImage {
   image?: string;
-  text: string;
+  text: string | Ref<string>;
   action?: string;
   clickHandler?: () => void;
 }
@@ -501,19 +503,11 @@ const props = withDefaults(
   }>(),
   {
     items: () => [],
-    totalLabel: "Totals:",
     totalCount: 0,
     pages: 0,
     expanded: true,
     currentPage: 0,
     selectedItemId: undefined,
-    searchPlaceholder: "Search...",
-    empty: () => ({
-      text: "List is empty.",
-    }),
-    notfound: () => ({
-      text: "Nothing found.",
-    }),
     header: true,
     footer: true,
     activeFilterCount: 0,

package/dist/shared/locales/index.d.ts

@@ -1,3 +0,0 @@
-import * as en from "./en.json";
-export { en };
-//# sourceMappingURL=index.d.ts.map

package/dist/shared/locales/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../shared/locales/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,MAAM,WAAW,CAAC;AAChC,OAAO,EAAE,EAAE,EAAE,CAAC"}

package/dist/ui/locales/index.d.ts

@@ -1,3 +0,0 @@
-import * as en from "./en.json";
-export { en };
-//# sourceMappingURL=index.d.ts.map

package/dist/ui/locales/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../ui/locales/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,MAAM,WAAW,CAAC;AAChC,OAAO,EAAE,EAAE,EAAE,CAAC"}

package/shared/locales/en.json

@@ -1,42 +0,0 @@
-{
-  "COMPONENTS": {
-    "CHANGE_PASSWORD": {
-      "TITLE": "Change password",
-      "CURRENT_PASSWORD": {
-        "LABEL": "Current password",
-        "PLACEHOLDER": "Enter password"
-      },
-      "NEW_PASSWORD": {
-        "LABEL": "New password",
-        "PLACEHOLDER": "Enter password"
-      },
-      "CONFIRM_PASSWORD": {
-        "LABEL": "Confirm password",
-        "PLACEHOLDER": "Confirm password"
-      },
-      "CANCEL": "Cancel",
-      "SAVE": "Update",
-      "ERRORS": {
-        "Repeat-password": "Passwords are not same",
-        "Equal-passwords": "The new password must not match the old one",
-        "Invalid-token": "Token is invalid or expired",
-        "Password-too-weak": "New password does not comply one or more password security policies:",
-        "PasswordTooShort": "Passwords too short",
-        "PasswordRequiresUniqueChars": "Passwords must use different characters",
-        "PasswordRequiresLower": "Passwords must have at least one lowercase ('a'-'z')",
-        "PasswordRequiresUpper": "Passwords must have at least one uppercase ('A'-'Z')",
-        "PasswordRequiresDigit": "Passwords must have at least one digit ('0'-'9')",
-        "PasswordRequiresNonAlphanumeric": "Passwords must have at least one non alphanumeric character",
-        "Incorrect password.": "You entered an incorrect password",
-        "You have used this password in the past. Choose another one.": "You have used this password in the past. Choose another one."
-      }
-    },
-    "NOTIFICATION_DROPDOWN": {
-      "TITLE": "Notifications",
-      "EMPTY": "No notifications yet"
-    },
-    "LANGUAGE_SELECTOR": {
-      "TITLE": "Language selector"
-    }
-  }
-}

package/shared/locales/index.ts

@@ -1,2 +0,0 @@
-import * as en from "./en.json";
-export { en };

package/ui/locales/en.json

@@ -1,59 +0,0 @@
-{
-  "COMPONENTS": {
-    "MOLECULES": {
-      "VC_SELECT": {
-        "CLICK_TO_SELECT": "Click to select..."
-      },
-      "VC_FILE_UPLOAD":{
-        "DRAG_HERE": "Drag and drop file here or",
-        "BROWSE":"browse your files"
-      }
-    },
-    "ORGANISMS": {
-      "VC_GALLERY":{
-        "INTERNAL": {
-          "VC_GALLERY_ITEM":{
-            "FULLSCREEN": "Fullscreen",
-            "EDIT":"Edit",
-            "DELETE":"Delete"
-          },
-          "VC_GALLERY_PREVIEW":{
-            "COPY_IMAGE_LINK": "copy image link"
-          }
-        },
-        "GALLERY_IS_EMPTY": "Gallery is empty"
-      },
-      "VC_APP": {
-        "INTERNAL":{
-          "VC_APP_BAR": {
-            "BACK":"Back"
-          }
-        }
-      },
-      "VC_BLADE": {
-        "SEE_DETAILS": "See details",
-        "ERROR_POPUP": {
-          "TITLE": "Error details"
-        }
-      },
-      "VC_TABLE": {
-        "CURRENT_PAGE_SELECTED": "All items in this page are selected.",
-        "SELECT_ALL": "Select all items",
-        "ALL_SELECTED": "All items are selected.",
-        "CANCEL": "Cancel selection",
-        "ALL_ACTIONS": "All actions",
-        "ALL_FILTERS": "Filters"
-      },
-
-      "VC_POPUP": {
-        "OK":"OK",
-        "CONFIRM":"Confirm",
-        "CANCEL":"Cancel",
-        "TITLE": {
-          "CONFIRMATION": "Confirmation",
-          "ERROR": "Error"
-        }
-      }
-    }
-  }
-}

package/ui/locales/index.ts

@@ -1,2 +0,0 @@
-import * as en from "./en.json";
-export { en };