@vc-shell/framework 1.1.82 → 1.1.83

package/dist/ui/components/molecules/vc-form/vc-form.vue.d.ts

@@ -2,7 +2,11 @@ declare var __VLS_1: {};
 type __VLS_Slots = {} & {
     default?: (props: typeof __VLS_1) => any;
 };
-declare const __VLS_component: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const __VLS_component: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+    submit: () => any;
+}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{
+    onSubmit?: (() => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
 export default _default;
 type __VLS_WithSlots<T, S> = T & {

package/dist/ui/components/molecules/vc-form/vc-form.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"vc-form.vue.d.ts","sourceRoot":"","sources":["../../../../../ui/components/molecules/vc-form/vc-form.vue"],"names":[],"mappings":"AAsBA,QAAA,IAAI,OAAO,IAAW,CAAE;AACxB,KAAK,WAAW,GAAG,EAAE,GACnB;IAAE,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,OAAO,KAAK,GAAG,CAAA;CAAE,CAAC;AAkB/C,QAAA,MAAM,eAAe,+QAKnB,CAAC;wBACkB,eAAe,CAAC,OAAO,eAAe,EAAE,WAAW,CAAC;AAAzE,wBAA0E;AAE1E,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}
+{"version":3,"file":"vc-form.vue.d.ts","sourceRoot":"","sources":["../../../../../ui/components/molecules/vc-form/vc-form.vue"],"names":[],"mappings":"AAwCA,QAAA,IAAI,OAAO,IAAW,CAAE;AACxB,KAAK,WAAW,GAAG,EAAE,GACnB;IAAE,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,OAAO,KAAK,GAAG,CAAA;CAAE,CAAC;AAoB/C,QAAA,MAAM,eAAe;;;;iFAMnB,CAAC;wBACkB,eAAe,CAAC,OAAO,eAAe,EAAE,WAAW,CAAC;AAAzE,wBAA0E;AAE1E,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}

package/dist/ui/components/molecules/vc-select/vc-select.vue.d.ts

@@ -1,6 +1,5 @@
 import { Placement } from "@floating-ui/vue";
 export type OptionProp<T> = ((option: T) => string) | string | undefined;
-export type MaybeArray<T> = T | T[];
 declare const _default: <T, P extends {
     results?: T[];
     totalCount?: number;
@@ -8,10 +7,13 @@ declare const _default: <T, P extends {
     props: __VLS_PrettifyLocal<Pick<Partial<{}> & Omit<{
         readonly onSearch?: ((inputValue: string) => any) | undefined;
         readonly onClose?: (() => any) | undefined;
-        readonly "onUpdate:modelValue"?: ((inputValue: MaybeArray<P extends {
+        readonly "onUpdate:modelValue"?: ((inputValue: string | string[] | (P extends {
             results?: T[];
             totalCount?: number;
-        } ? T & (Required<P>["results"] extends infer T_1 ? T_1 extends Required<P>["results"] ? T_1 extends (infer V)[] ? V : never : never : never) : T> | MaybeArray<string> | null) => any) | undefined;
+        } ? T & (Required<P>["results"] extends infer T_1 ? T_1 extends Required<P>["results"] ? T_1 extends (infer V)[] ? V : never : never : never) : T) | (P extends {
+            results?: T[];
+            totalCount?: number;
+        } ? T & (Required<P>["results"] extends infer T_2 ? T_2 extends Required<P>["results"] ? T_2 extends (infer V)[] ? V : never : never : never) : T)[] | null) => any) | undefined;
     } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, never>, "onClose" | "onUpdate:modelValue" | "onSearch"> & {
         /**
          * Name of select
@@ -215,10 +217,13 @@ declare const _default: <T, P extends {
         }) => any;
         "no-options": (props: any) => any;
     };
-    emit: ((evt: "search", inputValue: string) => void) & ((evt: "close") => void) & ((evt: "update:modelValue", inputValue: MaybeArray<P extends {
+    emit: ((evt: "search", inputValue: string) => void) & ((evt: "close") => void) & ((evt: "update:modelValue", inputValue: string | string[] | (P extends {
+        results?: T[];
+        totalCount?: number;
+    } ? T & (Required<P>["results"] extends infer T_3 ? T_3 extends Required<P>["results"] ? T_3 extends (infer V)[] ? V : never : never : never) : T) | (P extends {
         results?: T[];
         totalCount?: number;
-    } ? T & (Required<P>["results"] extends infer T_3 ? T_3 extends Required<P>["results"] ? T_3 extends (infer V)[] ? V : never : never : never) : T> | MaybeArray<string> | null) => void);
+    } ? T & (Required<P>["results"] extends infer T_4 ? T_4 extends Required<P>["results"] ? T_4 extends (infer V)[] ? V : never : never : never) : T)[] | null) => void);
 }>) => import("vue").VNode & {
     __ctx?: Awaited<typeof __VLS_setup>;
 };

package/dist/ui/components/molecules/vc-select/vc-select.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"vc-select.vue.d.ts","sourceRoot":"","sources":["../../../../../ui/components/molecules/vc-select/vc-select.vue"],"names":[],"mappings":"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"}
+{"version":3,"file":"vc-select.vue.d.ts","sourceRoot":"","sources":["../../../../../ui/components/molecules/vc-select/vc-select.vue"],"names":[],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vc-shell/framework",
-  "version": "1.1.82",
+  "version": "1.1.83",
   "type": "module",
   "main": "./dist/framework.js",
   "types": "./dist/index.d.ts",
@@ -90,9 +90,9 @@
     "@fullhuman/postcss-purgecss": "^7.0.2",
     "@laynezh/vite-plugin-lib-assets": "v1.1.0",
     "@types/dompurify": "^3.0.5",
-    "@vc-shell/api-client-generator": "^1.1.82",
-    "@vc-shell/config-generator": "^1.1.82",
-    "@vc-shell/ts-config": "^1.1.82",
+    "@vc-shell/api-client-generator": "^1.1.83",
+    "@vc-shell/config-generator": "^1.1.83",
+    "@vc-shell/ts-config": "^1.1.83",
     "@vitejs/plugin-vue": "^5.2.3",
     "@vue/test-utils": "^2.4.5",
     "cypress-signalr-mock": "^1.5.0",

package/shared/components/notification-template/notification-template.vue

@@ -1,5 +1,5 @@
 <template>
-  <div class="vc-notification-template">
+  <div class="vc-notification-template" @click="$emit('click')">
     <div
       class="vc-notification-template__container"
       :class="{
@@ -38,8 +38,12 @@ export interface Props {
   title: string;
   notification: IPushNotification;
 }
+export interface Emits {
+  (e: "click"): void;
+}
 
 const props = defineProps<Props>();
+const emit = defineEmits<Emits>();
 
 const locale = window.navigator.language;
 

package/shared/composables/useModificationTracker/index.ts

@@ -11,6 +11,11 @@ export interface UseModificationTrackerReturn<T> {
    * It can be changed directly or through v-model.
    */
   currentValue: Ref<T>;
+  /**
+   * Reactive reference to the pristine value.
+   * It is a "clean" version representing the original, unmodified state.
+   */
+  pristineValue: Ref<T>;
   /**
    * Shows if currentValue has been modified compared to its "pristine" state.
    * Read-only.
@@ -87,6 +92,7 @@ export function useModificationTracker<T>(initialValueProp: T | Ref<T>): UseModi
 
   return {
     currentValue,
+    pristineValue,
     isModified: computed(() => isModified.value),
     resetModificationState,
   };

package/shared/pages/LoginPage/components/login/Login.vue

@@ -9,7 +9,7 @@
       <VcForm @submit.prevent="login">
         <Field
           v-slot="{ errorMessage, handleChange, errors }"
-          :label="t('LOGIN.FIELDS.LOGIN.LABEL')"
+          :label="$t('LOGIN.FIELDS.LOGIN.LABEL')"
           name="username"
           :model-value="form.username"
           rules="required"
@@ -18,8 +18,8 @@
             ref="loginField"
             v-model="form.username"
             class="vc-login-page__input"
-            :label="t('LOGIN.FIELDS.LOGIN.LABEL')"
-            :placeholder="t('LOGIN.FIELDS.LOGIN.PLACEHOLDER')"
+            :label="$t('LOGIN.FIELDS.LOGIN.LABEL')"
+            :placeholder="$t('LOGIN.FIELDS.LOGIN.PLACEHOLDER')"
             required
             :error="!!errors.length"
             :error-message="errorMessage"
@@ -28,7 +28,7 @@
         </Field>
         <Field
           v-slot="{ errorMessage, handleChange, errors }"
-          :label="t('LOGIN.FIELDS.PASSWORD.LABEL')"
+          :label="$t('LOGIN.FIELDS.PASSWORD.LABEL')"
           name="password"
           :model-value="form.password"
           rules="required"
@@ -37,8 +37,8 @@
             ref="passwordField"
             v-model="form.password"
             class="vc-login-page__input--small"
-            :label="t('LOGIN.FIELDS.PASSWORD.LABEL')"
-            :placeholder="t('LOGIN.FIELDS.PASSWORD.PLACEHOLDER')"
+            :label="$t('LOGIN.FIELDS.PASSWORD.LABEL')"
+            :placeholder="$t('LOGIN.FIELDS.PASSWORD.PLACEHOLDER')"
             type="password"
             required
             :error="!!errors.length"
@@ -49,7 +49,6 @@
         </Field>
 
         <div
-          v-if="!!forgotPassword"
           class="vc-login-page__forgot-password-container"
         >
           <VcButton
@@ -57,7 +56,7 @@
             type="button"
             @click="togglePassRequest"
           >
-            {{ t("LOGIN.FORGOT_PASSWORD_BUTTON") }}
+            {{ $t("LOGIN.FORGOT_PASSWORD_BUTTON") }}
           </VcButton>
         </div>
         <div class="vc-login-page__button-container">
@@ -66,7 +65,7 @@
             class="vc-login-page__submit-button"
             @click="login"
           >
-            {{ t("LOGIN.BUTTON") }}
+            {{ $t("LOGIN.BUTTON") }}
           </vc-button>
         </div>
       </VcForm>
@@ -76,28 +75,31 @@
       >
         <div class="vc-login-page__separator-line">
           <!-- TODO add to localization -->
-          OR
+          {{ $t("LOGIN.OR") }}
         </div>
 
         <ExternalProviders :providers="loginProviders" />
       </div>
 
-      <!-- Extensions after form -->
-      <template
-        v-for="extension in afterLoginFormExtensions"
-        :key="extension.id"
+      <!-- Simple extension slot -->
+      <div
+        v-if="hasComponents"
+        class="vc-login-page__separator"
       >
-        <div class="vc-login-page__extension">
-          <component :is="extension.component" />
+        <div class="vc-login-page__separator-line">
+          <!-- TODO add to localization -->
+          {{ $t("LOGIN.OR") }}
         </div>
-      </template>
+
+        <ExtensionSlot name="login-after-form" />
+      </div>
     </template>
     <template v-else>
       <template v-if="!forgotPasswordRequestSent">
-        <VcForm @submit.prevent="forgot">
+        <VcForm>
           <Field
             v-slot="{ field, errorMessage, handleChange, errors }"
-            :label="t('LOGIN.FIELDS.FORGOT_PASSWORD.LABEL')"
+            :label="$t('LOGIN.FIELDS.FORGOT_PASSWORD.LABEL')"
             name="loginOrEmail"
             :model-value="forgotPasswordForm.loginOrEmail"
             rules="required|email"
@@ -107,9 +109,9 @@
               ref="forgotPasswordField"
               v-model="forgotPasswordForm.loginOrEmail"
               class="vc-login-page__input"
-              :label="t('LOGIN.FIELDS.FORGOT_PASSWORD.LABEL')"
-              :placeholder="t('LOGIN.FIELDS.FORGOT_PASSWORD.PLACEHOLDER')"
-              :hint="t('LOGIN.RESET_EMAIL_TEXT')"
+              :label="$t('LOGIN.FIELDS.FORGOT_PASSWORD.LABEL')"
+              :placeholder="$t('LOGIN.FIELDS.FORGOT_PASSWORD.PLACEHOLDER')"
+              :hint="$t('LOGIN.RESET_EMAIL_TEXT')"
               required
               :error="!!errors.length"
               :error-message="errorMessage"
@@ -122,20 +124,20 @@
               type="button"
               @click="togglePassRequest"
             >
-              {{ t("LOGIN.BACK_BUTTON") }}
+              {{ $t("LOGIN.BACK_BUTTON") }}
             </vc-button>
             <vc-button
               :disabled="loading || isDisabled || loadingForgotPassword"
               @click="forgot"
             >
-              {{ t("LOGIN.FORGOT_BUTTON") }}
+              {{ $t("LOGIN.FORGOT_BUTTON") }}
             </vc-button>
           </div>
         </VcForm>
       </template>
 
       <template v-if="requestPassResult.succeeded && forgotPasswordRequestSent">
-        <div>{{ t("LOGIN.RESET_EMAIL_SENT") }}</div>
+        <div>{{ $t("LOGIN.RESET_EMAIL_SENT") }}</div>
         <div class="vc-login-page__button-container">
           <span
             v-if="$isDesktop.value"
@@ -145,7 +147,7 @@
             :disabled="loading"
             @click="togglePassRequest"
           >
-            {{ t("LOGIN.BUTTON_OK") }}
+            {{ $t("LOGIN.BUTTON_OK") }}
           </vc-button>
         </div>
       </template>
@@ -180,7 +182,7 @@ import { ExternalSignInProviderInfo, SignInResult } from "./../../../../../core/
 import { useI18n } from "vue-i18n";
 import { default as ExternalProviders } from "./../../../../../shared/components/sign-in/external-providers.vue";
 import { useExternalProvider } from "./../../../../../shared/components/sign-in/useExternalProvider";
-import { Extension, ExtensionPoint, extensionsHelperSymbol } from "./../../../../../core/plugins";
+import { ExtensionSlot, useExtensionSlot } from '../../../../../core/plugins/extension-points';
 
 type ForgotPasswordFunc = (args: { loginOrEmail: string }) => Promise<void>;
 
@@ -197,13 +199,13 @@ const router = useRouter();
 
 const { validateField } = useForm({ validateOnMount: false });
 const { uiSettings, loading: customizationLoading } = useSettings();
-const { t } = useI18n({ useScope: "global" });
 let useLogin;
 const signInResult = ref({ succeeded: true }) as Ref<SignInResult & { status?: number; error?: any }>;
 const requestPassResult = ref<RequestPasswordResult>({ succeeded: true });
 const forgotPasswordRequestSent = ref(false);
 const { signIn, loading, user } = useUserManagement();
 const { getProviders } = useExternalProvider();
+const { hasComponents } = useExtensionSlot('login-after-form');
 
 const isLogin = ref(true);
 const isValid = useIsFormValid();
@@ -213,12 +215,6 @@ const loadingForgotPassword = ref(false);
 const loginProviders = ref<ExternalSignInProviderInfo[]>();
 let forgotPassword: ForgotPasswordFunc;
 
-const extensionsHelper = inject(extensionsHelperSymbol);
-
-const afterLoginFormExtensions = computed(
-  (): ExtensionPoint[] => (extensionsHelper?.getOutboundExtensions("login-after-form") as ExtensionPoint[]) || [],
-);
-
 if (props.composable && typeof props.composable === "function") {
   useLogin = props.composable;
 

package/ui/components/molecules/vc-form/vc-form.vue

@@ -1,7 +1,15 @@
-<script lang="ts" setup></script>
-
 <template>
-  <form>
+  <form @submit.prevent="submit">
     <slot>vc-form</slot>
   </form>
 </template>
+
+<script lang="ts" setup>
+const emit = defineEmits<{
+  (e: 'submit'): void;
+}>()
+
+const submit = () => {
+  emit('submit');
+}
+</script>

package/ui/components/molecules/vc-select/vc-select.vue

@@ -349,7 +349,6 @@ import { useI18n } from "vue-i18n";
 import { useKeyboardNavigation } from "../../../../core/composables/useKeyboardNavigation";
 
 export type OptionProp<T> = ((option: T) => string) | string | undefined;
-export type MaybeArray<T> = T | T[];
 type FloatingInstanceType = UseFloatingReturn & {
   middlewareData: {
     sameWidthChangeBorders: {
@@ -572,7 +571,7 @@ const emit = defineEmits<{
    * Emitted when the component needs to change the model; Is also used by v-model
    */
 
-  "update:modelValue": [inputValue: MaybeArray<Option> | MaybeArray<string> | null];
+  "update:modelValue": [inputValue: Option | Option[] | string | string[] | null];
   /**
    * Emitted when user wants to filter a value
    */