@vc-shell/framework 1.0.134 → 1.0.136

package/dist/ui/components/organisms/vc-gallery/index.d.ts

@@ -1,137 +1,2 @@
-export declare const VcGallery: import("vue").DefineComponent<{
-    disabled: {
-        type: import("vue").PropType<boolean>;
-    };
-    label: {
-        type: import("vue").PropType<string>;
-    };
-    variant: {
-        type: import("vue").PropType<"gallery" | "file-upload">;
-        default: string;
-    };
-    name: {
-        type: import("vue").PropType<string>;
-        default: string;
-    };
-    required: {
-        type: import("vue").PropType<boolean>;
-    };
-    tooltip: {
-        type: import("vue").PropType<string>;
-    };
-    tooltipIcon: {
-        type: import("vue").PropType<string>;
-        default: string;
-    };
-    loading: {
-        type: import("vue").PropType<boolean>;
-    };
-    multiple: {
-        type: import("vue").PropType<boolean>;
-    };
-    rules: {
-        type: import("vue").PropType<string | Record<string, unknown>>;
-    };
-    images: {
-        type: import("vue").PropType<import("../../../..").ICommonAsset[]>;
-        default: () => never[];
-    };
-    uploadIcon: {
-        type: import("vue").PropType<string>;
-        default: string;
-    };
-    itemActions: {
-        type: import("vue").PropType<{
-            preview: boolean;
-            edit: boolean;
-            remove: boolean;
-        }>;
-        default: () => {
-            preview: boolean;
-            edit: boolean;
-            remove: boolean;
-        };
-    };
-    hideAfterUpload: {
-        type: import("vue").PropType<boolean>;
-    };
-}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    upload: (files: FileList, startingSortOrder?: number | undefined) => void;
-    sort: (sorted: import("../../../..").ICommonAsset[]) => void;
-    edit: (image: import("../../../..").ICommonAsset) => void;
-    remove: (image: import("../../../..").ICommonAsset) => void;
-}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
-    disabled: {
-        type: import("vue").PropType<boolean>;
-    };
-    label: {
-        type: import("vue").PropType<string>;
-    };
-    variant: {
-        type: import("vue").PropType<"gallery" | "file-upload">;
-        default: string;
-    };
-    name: {
-        type: import("vue").PropType<string>;
-        default: string;
-    };
-    required: {
-        type: import("vue").PropType<boolean>;
-    };
-    tooltip: {
-        type: import("vue").PropType<string>;
-    };
-    tooltipIcon: {
-        type: import("vue").PropType<string>;
-        default: string;
-    };
-    loading: {
-        type: import("vue").PropType<boolean>;
-    };
-    multiple: {
-        type: import("vue").PropType<boolean>;
-    };
-    rules: {
-        type: import("vue").PropType<string | Record<string, unknown>>;
-    };
-    images: {
-        type: import("vue").PropType<import("../../../..").ICommonAsset[]>;
-        default: () => never[];
-    };
-    uploadIcon: {
-        type: import("vue").PropType<string>;
-        default: string;
-    };
-    itemActions: {
-        type: import("vue").PropType<{
-            preview: boolean;
-            edit: boolean;
-            remove: boolean;
-        }>;
-        default: () => {
-            preview: boolean;
-            edit: boolean;
-            remove: boolean;
-        };
-    };
-    hideAfterUpload: {
-        type: import("vue").PropType<boolean>;
-    };
-}>> & {
-    onUpload?: ((files: FileList, startingSortOrder?: number | undefined) => any) | undefined;
-    onEdit?: ((image: import("../../../..").ICommonAsset) => any) | undefined;
-    onSort?: ((sorted: import("../../../..").ICommonAsset[]) => any) | undefined;
-    onRemove?: ((image: import("../../../..").ICommonAsset) => any) | undefined;
-}, {
-    variant: "gallery" | "file-upload";
-    name: string;
-    tooltipIcon: string;
-    images: import("../../../..").ICommonAsset[];
-    uploadIcon: string;
-    itemActions: {
-        preview: boolean;
-        edit: boolean;
-        remove: boolean;
-    };
-}, {}>;
+export { default as VcGallery } from "./vc-gallery.vue";
 //# sourceMappingURL=index.d.ts.map

package/dist/ui/components/organisms/vc-gallery/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../ui/components/organisms/vc-gallery/index.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;MAA8B,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../ui/components/organisms/vc-gallery/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,kBAAkB,CAAC"}

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

@@ -84,7 +84,7 @@ declare const _default: <T extends string | TableItem>(__VLS_props: {
         empty: (props: any) => any;
         footer: (props: any) => any;
     };
-    emit: ((evt: "value", args_0: Record<string, unknown>) => void) & ((evt: "scroll:ptr") => void) & ((evt: "itemClick", item: T) => void) & ((evt: "paginationClick", page: number) => void) & ((evt: "selectionChanged", values: T[]) => void) & ((evt: "search:change", value: string | number | Date | null) => void) & ((evt: "headerClick", item: ITableColumns) => void) & ((evt: "row:reorder", args: {
+    emit: ((evt: "scroll:ptr") => void) & ((evt: "value", args_0: Record<string, unknown>) => void) & ((evt: "itemClick", item: T) => void) & ((evt: "paginationClick", page: number) => void) & ((evt: "selectionChanged", values: T[]) => void) & ((evt: "search:change", value: string | number | Date | null) => void) & ((evt: "headerClick", item: ITableColumns) => void) & ((evt: "row:reorder", args: {
         dragIndex: number;
         dropIndex: number;
         value: T[];
@@ -165,7 +165,7 @@ declare const _default: <T extends string | TableItem>(__VLS_props: {
         empty: (props: any) => any;
         footer: (props: any) => any;
     };
-    emit: ((evt: "value", args_0: Record<string, unknown>) => void) & ((evt: "scroll:ptr") => void) & ((evt: "itemClick", item: T) => void) & ((evt: "paginationClick", page: number) => void) & ((evt: "selectionChanged", values: T[]) => void) & ((evt: "search:change", value: string | number | Date | null) => void) & ((evt: "headerClick", item: ITableColumns) => void) & ((evt: "row:reorder", args: {
+    emit: ((evt: "scroll:ptr") => void) & ((evt: "value", args_0: Record<string, unknown>) => void) & ((evt: "itemClick", item: T) => void) & ((evt: "paginationClick", page: number) => void) & ((evt: "selectionChanged", values: T[]) => void) & ((evt: "search:change", value: string | number | Date | null) => void) & ((evt: "headerClick", item: ITableColumns) => void) & ((evt: "row:reorder", args: {
         dragIndex: number;
         dropIndex: number;
         value: T[];
@@ -249,7 +249,7 @@ declare const _default: <T extends string | TableItem>(__VLS_props: {
             empty: (props: any) => any;
             footer: (props: any) => any;
         };
-        emit: ((evt: "value", args_0: Record<string, unknown>) => void) & ((evt: "scroll:ptr") => void) & ((evt: "itemClick", item: T) => void) & ((evt: "paginationClick", page: number) => void) & ((evt: "selectionChanged", values: T[]) => void) & ((evt: "search:change", value: string | number | Date | null) => void) & ((evt: "headerClick", item: ITableColumns) => void) & ((evt: "row:reorder", args: {
+        emit: ((evt: "scroll:ptr") => void) & ((evt: "value", args_0: Record<string, unknown>) => void) & ((evt: "itemClick", item: T) => void) & ((evt: "paginationClick", page: number) => void) & ((evt: "selectionChanged", values: T[]) => void) & ((evt: "search:change", value: string | number | Date | null) => void) & ((evt: "headerClick", item: ITableColumns) => void) & ((evt: "row:reorder", args: {
             dragIndex: number;
             dropIndex: number;
             value: T[];

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vc-shell/framework",
-  "version": "1.0.134",
+  "version": "1.0.136",
   "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.134",
-    "@vc-shell/config-generator": "^1.0.134",
-    "@vc-shell/ts-config": "^1.0.134",
+    "@vc-shell/api-client-generator": "^1.0.136",
+    "@vc-shell/config-generator": "^1.0.136",
+    "@vc-shell/ts-config": "^1.0.136",
     "@vitejs/plugin-vue": "^5.0.0",
     "sass": "^1.69.6",
     "typescript": "5.3.3",

package/shared/components/blade-navigation/composables/useBladeNavigation/index.ts

@@ -182,6 +182,7 @@ export function useBladeNavigation(): IUseBladeNavigation {
 
         return await router.push({
           path: url,
+          replace: !blade.url,
         });
       }
     } catch (e) {

package/shared/modules/dynamic/components/fields/MultivalueField.ts

@@ -20,8 +20,6 @@ export default {
           type: props.element.variant,
           optionValue: props.element.optionValue,
           optionLabel: props.element.optionLabel,
-          emitValue: props.element.emitValue,
-          emitLabel: props.element.emitLabel,
           options: props.element.options ? props.bladeContext.scope?.[props.element.options] : undefined,
           currentLanguage: props.currentLocale,
         },

package/shared/modules/dynamic/helpers/nodeBuilder.ts

@@ -151,7 +151,7 @@ function nodeBuilder<
         nodeBuilder({
           controlSchema: field,
           parentId: `fieldset-${parentId}-${field.id}`,
-          internalContext: reactive(unref(internalContext)),
+          internalContext,
           bladeContext,
           currentLocale,
           formData,

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

@@ -150,7 +150,7 @@ const unwatchTitle = watch(
     if (newVal && props.composables) {
       title.value = newVal;
 
-      nextTick(() => unwatchTitle());
+      // nextTick(() => unwatchTitle());
     }
   },
   { immediate: true },

package/shared/modules/dynamic/types/index.ts

@@ -305,16 +305,6 @@ export interface MultivalueSchema extends SchemaBase {
    * @type {string}
    */
   options?: string;
-  /**
-   * Key of emmited object on select from dictionary.
-   * @default `valueId`
-   */
-  emitValue?: string;
-  /**
-   * Key of emmited object on input.
-   * @default `value`
-   */
-  emitLabel?: string;
   /**
    * Whether the select is multivalue or not.
    * @type {boolean}

package/ui/components/atoms/vc-checkbox/vc-checkbox.stories.ts

@@ -1,5 +1,6 @@
 import type { Meta, StoryObj } from "@storybook/vue3";
 import { VcCheckbox } from "./";
+import { VcLabel } from "../vc-label";
 
 const meta: Meta<typeof VcCheckbox> = {
   title: "atoms/VcCheckbox",
@@ -11,13 +12,14 @@ type Story = StoryObj<typeof VcCheckbox>;
 
 export const Primary: Story = {
   render: (args) => ({
-    components: { VcCheckbox },
+    components: { VcCheckbox, VcLabel },
     setup() {
       return { args };
     },
-    template: '<vc-checkbox v-bind="args"></vc-checkbox>',
+    template: '<vc-checkbox v-bind="args">Checkbox text content</vc-checkbox>',
   }),
   args: {
     modelValue: true,
+    label: "Checkbox label",
   },
 };

package/ui/components/atoms/vc-checkbox/vc-checkbox.vue

@@ -53,6 +53,7 @@
 <script lang="ts" setup>
 import { MaybeRef, computed, unref } from "vue";
 import { VcHint } from "./../vc-hint";
+import { VcLabel } from "../vc-label";
 export interface Props {
   modelValue: MaybeRef<boolean>;
   disabled?: boolean;

package/ui/components/atoms/vc-label/index.ts

@@ -1,3 +1 @@
-import _Label from "./vc-label.vue";
-
-export const VcLabel = _Label as typeof _Label;
+export { default as VcLabel } from "./vc-label.vue";

package/ui/components/atoms/vc-label/vc-label.vue

@@ -1,35 +1,40 @@
 <template>
-  <div class="tw-flex tw-flex-nowrap tw-font-bold tw-relative">
-    <span class="tw-truncate"><slot></slot></span>
-    <span
-      v-if="required"
-      class="tw-text-[color:var(--label-required-color)] tw-ml-1"
-      >*</span
-    >
-    <span
-      v-if="multilanguage"
-      class="tw-text-[color:var(--app-menu-item-icon-color)] tw-absolute tw-right-0"
-    >
-      {{ currentLanguage }}
-    </span>
-    <span
-      v-if="$slots['tooltip']"
-      class="tw-grow tw-basis-0 tw-ml-1"
-    >
-      <VcIcon
-        class="tw-text-[color:var(--label-tooltip-color)]"
-        :icon="tooltipIcon"
-        size="s"
-        @mouseenter="tooltipVisible = true"
-        @mouseleave="tooltipVisible = false"
-      ></VcIcon>
+  <div class="tw-flex tw-flex-row tw-justify-between tw-items-center">
+    <div class="tw-flex-nowrap tw-font-bold tw-relative tw-truncate">
+      <span class="tw-truncate">
+        <slot></slot>
+      </span>
       <span
-        v-if="tooltipVisible"
-        class="tw-absolute tw-z-10 tw-bg-white tw-border tw-border-solid tw-border-[color:#eef0f2] tw-shadow-[1px_1px_8px_rgba(126,142,157,0.25)] tw-rounded-[3px] tw-text-[color:#8e9daa] tw-font-normal tw-py-1 tw-px-2 tw-ml-4"
+        v-if="required"
+        class="tw-text-[color:var(--label-required-color)] tw-ml-1"
+        >*</span
       >
-        <slot name="tooltip"></slot>
+
+      <span
+        v-if="$slots['tooltip']"
+        class="tw-grow tw-basis-0 tw-ml-1"
+      >
+        <VcIcon
+          class="tw-text-[color:var(--label-tooltip-color)]"
+          :icon="tooltipIcon"
+          size="s"
+          @mouseenter="tooltipVisible = true"
+          @mouseleave="tooltipVisible = false"
+        ></VcIcon>
+        <span
+          v-if="tooltipVisible"
+          class="tw-absolute tw-z-10 tw-bg-white tw-border tw-border-solid tw-border-[color:#eef0f2] tw-shadow-[1px_1px_8px_rgba(126,142,157,0.25)] tw-rounded-[3px] tw-text-[color:#8e9daa] tw-font-normal tw-py-1 tw-px-2 tw-ml-4"
+        >
+          <slot name="tooltip"></slot>
+        </span>
       </span>
-    </span>
+    </div>
+    <div
+      v-if="multilanguage"
+      class="tw-text-[color:var(--app-menu-item-icon-color)] tw-shrink-0"
+    >
+      {{ currentLanguage }}
+    </div>
   </div>
 </template>
 

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

@@ -73,14 +73,11 @@ export interface Emits {
   (event: "update:modelValue", value: string | number | Date | null | undefined): void;
 }
 
-// const { getAccessToken } = useUser();
-
 const props = defineProps<Props>();
 
 const emit = defineEmits<Emits>();
 
 defineSlots<{
-  default: (props: any) => any;
   error?: (props: any) => any;
 }>();
 

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

@@ -9,7 +9,6 @@
         >{{ tooltip }}</template
       ></VcLabel
     >
-    <!-- <div> -->
     <VcFieldType
       :value="modelValue"
       :type="type"
@@ -24,7 +23,6 @@
       ></VcButton>
     </VcFieldType>
   </div>
-  <!-- </div> -->
 </template>
 
 <script lang="ts" setup>

package/ui/components/molecules/vc-input-currency/index.ts

@@ -1,18 +1 @@
-import { VNode } from "vue";
-import _InputCurrency from "./vc-input-currency.vue";
-
-export const VcInputCurrency = _InputCurrency as typeof _InputCurrency & {
-  new (): {
-    $slots: {
-      /**
-       * Slot for custom dropdown open handler
-       */
-      button?: (scope: {
-        /**
-         * Dropdown open/close handler
-         */
-        toggleHandler: () => void;
-      }) => VNode[];
-    };
-  };
-};
+export { default as VcInputCurrency } from "./vc-input-currency.vue";

package/ui/components/molecules/vc-input-currency/vc-input-currency.vue

@@ -166,6 +166,19 @@ const props = withDefaults(defineProps<Props>(), {
   debounce: 0,
 });
 
+defineSlots<{
+  /**
+   * Slot for custom dropdown open handler
+   */
+  button: (scope: {
+    /**
+     * Dropdown open/close handler
+     */
+    toggleHandler: () => void;
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
+  }) => any;
+}>();
+
 const emit = defineEmits<Emits>();
 
 const { inputRef, setOptions, numberValue } = useCurrencyInput(

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

@@ -41,7 +41,9 @@
           class="vc-multivalue__field-value"
         >
           <span class="tw-truncate">{{
-            type === "number" ? Number(item[props.emitLabel as keyof T]).toFixed(3) : item[props.emitLabel as keyof T]
+            type === "number"
+              ? Number(item[props.optionLabel as keyof T]).toFixed(3)
+              : item[props.optionLabel as keyof T]
           }}</span>
           <VcIcon
             v-if="!disabled"
@@ -118,11 +120,12 @@
   </div>
 </template>
 <!-- eslint-disable @typescript-eslint/no-explicit-any -->
-<script lang="ts" setup generic="T extends { id?: string; alias?: string; languageCode?: string; value?: string }">
+<script lang="ts" setup generic="T extends { id?: string }">
 import { unref, nextTick, ref, computed } from "vue";
 import { vOnClickOutside } from "@vueuse/components";
 import { useFloating, UseFloatingReturn, offset, flip, shift, autoUpdate, MiddlewareState } from "@floating-ui/vue";
 import { generateId } from "../../../../core/utilities";
+import * as _ from "lodash-es";
 
 export interface Props<T> {
   placeholder?: string;
@@ -136,8 +139,6 @@ export interface Props<T> {
   options?: T[];
   optionValue?: string;
   optionLabel?: string;
-  emitValue?: string;
-  emitLabel?: string;
   multivalue?: boolean;
   error?: boolean;
   errorMessage?: string;
@@ -169,8 +170,6 @@ const props = withDefaults(defineProps<Props<T>>(), {
   options: () => [],
   optionValue: "id",
   optionLabel: "title",
-  emitValue: "valueId",
-  emitLabel: "value",
 });
 
 const emit = defineEmits<Emits<T>>();
@@ -207,30 +206,24 @@ const dropdownStyle = computed(() => {
 
 const slicedDictionary = computed(() => {
   return props.options?.filter((x) => {
-    return !props.modelValue?.find((item) => item[props.emitValue as keyof T] === x[props.optionValue as keyof T]);
+    return !props.modelValue?.find((item) => {
+      return item[props.optionValue as keyof T] === x[props.optionValue as keyof T];
+    });
   });
 });
 
-// Handle input event to propertly validate value and emit changes
 function onInput(e: KeyboardEvent) {
   const newValue = (e.target as HTMLInputElement).value;
-  emit("update:model-value", [
-    ...props.modelValue,
-    { [props.emitLabel]: newValue, languageCode: props.currentLanguage } as T,
-  ]);
+  emit("update:model-value", [...props.modelValue, { [props.optionLabel]: newValue } as T]);
   value.value = undefined;
 }
 
 function onItemSelect(item: T) {
-  emit("update:model-value", [
-    ...props.modelValue,
-    { [props.emitValue]: item[props.optionValue as keyof T], [props.emitLabel]: item[props.optionLabel as keyof T] },
-  ] as T[]);
+  emit("update:model-value", [...props.modelValue, item]);
   emit("close");
   closeDropdown();
 }
 
-// Handle event to propertly remove particular value and emit changes
 function onDelete(i: number) {
   const result = unref(props.modelValue);
   result.splice(i, 1);

package/ui/components/organisms/vc-dynamic-property/vc-dynamic-property.vue

@@ -67,7 +67,6 @@
         :option-label="multilanguage ? 'value' : 'alias'"
         option-value="id"
         :multivalue="computedProperty.multivalue"
-        :emit-label="multilanguage ? 'value' : 'alias'"
         @search="onSearch"
         @close="onClose"
       ></VcMultivalue>

package/ui/components/organisms/vc-gallery/index.ts

@@ -1,3 +1 @@
-import _Gallery from "./vc-gallery.vue";
-
-export const VcGallery = _Gallery as typeof _Gallery;
+export { default as VcGallery } from "./vc-gallery.vue";