@vc-shell/framework 1.0.54 → 1.0.57

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

@@ -0,0 +1,171 @@
+import { IActionBuilderResult, ITableColumns } from "./../../../../core/types";
+export interface StatusImage {
+    image?: string;
+    text: string;
+    action?: string;
+    clickHandler?: () => void;
+}
+export interface TableItem {
+    [x: string]: any;
+    id?: string;
+    actions?: IActionBuilderResult[];
+}
+export type TableItemType = TableItem | string;
+export interface Props {
+    columns: ITableColumns[];
+    items: TableItemType[];
+    itemActionBuilder?: (item: TableItem) => IActionBuilderResult[];
+    sort?: string;
+    multiselect?: boolean;
+    expanded?: boolean;
+    totalLabel?: string;
+    totalCount?: number;
+    pages?: number;
+    currentPage?: number;
+    searchPlaceholder?: string;
+    searchValue?: string;
+    loading?: boolean;
+    empty?: StatusImage;
+    notfound?: StatusImage;
+    header?: boolean;
+    footer?: boolean;
+    activeFilterCount?: number;
+    selectedItemId?: string;
+    scrolling?: boolean;
+    resizableColumns?: boolean;
+    reorderableColumns?: boolean;
+    reorderableRows?: boolean;
+    stateKey: string;
+}
+export interface Emits {
+    (event: "paginationClick", page: number): void;
+    (event: "selectionChanged", values: Record<string, boolean>): void;
+    (event: "search:change", value: string): void;
+    (event: "headerClick", value: Record<string, unknown>): void;
+    (event: "itemClick", item: TableItem): void;
+    (event: "scroll:ptr"): void;
+    (event: "row:reorder", args: {
+        dragIndex: number;
+        dropIndex: number;
+        value: TableItemType[];
+    }): void;
+}
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<Props>, {
+    items: () => any[];
+    totalLabel: string;
+    totalCount: number;
+    pages: number;
+    expanded: boolean;
+    currentPage: number;
+    searchPlaceholder: string;
+    empty: () => {
+        text: string;
+    };
+    notfound: () => {
+        text: string;
+    };
+    header: boolean;
+    footer: boolean;
+    activeFilterCount: number;
+    resizableColumns: boolean;
+    reorderableColumns: boolean;
+}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    paginationClick: (page: number) => void;
+} & {
+    selectionChanged: (values: Record<string, boolean>) => void;
+} & {
+    "search:change": (value: string) => void;
+} & {
+    headerClick: (value: Record<string, unknown>) => void;
+} & {
+    itemClick: (item: TableItem) => void;
+} & {
+    "scroll:ptr": () => void;
+} & {
+    "row:reorder": (args: {
+        dragIndex: number;
+        dropIndex: number;
+        value: TableItemType[];
+    }) => void;
+}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<Props>, {
+    items: () => any[];
+    totalLabel: string;
+    totalCount: number;
+    pages: number;
+    expanded: boolean;
+    currentPage: number;
+    searchPlaceholder: string;
+    empty: () => {
+        text: string;
+    };
+    notfound: () => {
+        text: string;
+    };
+    header: boolean;
+    footer: boolean;
+    activeFilterCount: number;
+    resizableColumns: boolean;
+    reorderableColumns: boolean;
+}>>> & {
+    onHeaderClick?: (value: Record<string, unknown>) => any;
+    "onScroll:ptr"?: () => any;
+    onItemClick?: (item: TableItem) => any;
+    onPaginationClick?: (page: number) => any;
+    onSelectionChanged?: (values: Record<string, boolean>) => any;
+    "onSearch:change"?: (value: string) => any;
+    "onRow:reorder"?: (args: {
+        dragIndex: number;
+        dropIndex: number;
+        value: TableItemType[];
+    }) => any;
+}, {
+    footer: boolean;
+    header: boolean;
+    expanded: boolean;
+    items: TableItemType[];
+    totalCount: number;
+    pages: number;
+    currentPage: number;
+    totalLabel: string;
+    searchPlaceholder: string;
+    empty: StatusImage;
+    notfound: StatusImage;
+    activeFilterCount: number;
+    resizableColumns: boolean;
+    reorderableColumns: boolean;
+}>, Record<string, (_: {}) => any> & Record<string, (_: {
+    item: TableItemType;
+    cell: ITableColumns;
+}) => any> & {
+    header: (_: {}) => any;
+    filters: (_: {
+        closePanel: () => void;
+    }) => any;
+    'mobile-item': (_: {
+        item: TableItemType;
+    }) => any;
+    notfound: (_: {}) => any;
+    empty: (_: {}) => any;
+    footer: (_: {}) => any;
+}>;
+export default _default;
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToRuntimeProps<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: import('vue').PropType<T[K]>;
+        required: true;
+    };
+};
+type __VLS_WithDefaults<P, D> = {
+    [K in keyof Pick<P, keyof P>]: K extends keyof D ? P[K] & {
+        default: D[K];
+    } : P[K];
+};
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};
+//# sourceMappingURL=vc-table.vue.d.ts.map

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

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

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

@@ -0,0 +1,46 @@
+import * as VcShellComponents from "./../components";
+declare module "@vue/runtime-core" {
+    interface GlobalComponents {
+        VcBadge: (typeof VcShellComponents)["VcBadge"];
+        VcButton: (typeof VcShellComponents)["VcButton"];
+        VcCard: (typeof VcShellComponents)["VcCard"];
+        VcCheckbox: (typeof VcShellComponents)["VcCheckbox"];
+        VcCol: (typeof VcShellComponents)["VcCol"];
+        VcContainer: (typeof VcShellComponents)["VcContainer"];
+        VcHint: (typeof VcShellComponents)["VcHint"];
+        VcIcon: (typeof VcShellComponents)["VcIcon"];
+        VcImage: (typeof VcShellComponents)["VcImage"];
+        VcInfoRow: (typeof VcShellComponents)["VcInfoRow"];
+        VcLabel: (typeof VcShellComponents)["VcLabel"];
+        VcLink: (typeof VcShellComponents)["VcLink"];
+        VcLoading: (typeof VcShellComponents)["VcLoading"];
+        VcProgress: (typeof VcShellComponents)["VcProgress"];
+        VcRow: (typeof VcShellComponents)["VcRow"];
+        VcStatus: (typeof VcShellComponents)["VcStatus"];
+        VcStatusIcon: (typeof VcShellComponents)["VcStatusIcon"];
+        VcSwitch: (typeof VcShellComponents)["VcSwitch"];
+        VcWidget: (typeof VcShellComponents)["VcWidget"];
+        VcBreadcrumbs: (typeof VcShellComponents)["VcBreadcrumbs"];
+        VcCodeEditor: (typeof VcShellComponents)["VcCodeEditor"];
+        VcEditor: (typeof VcShellComponents)["VcEditor"];
+        VcFileUpload: (typeof VcShellComponents)["VcFileUpload"];
+        VcForm: (typeof VcShellComponents)["VcForm"];
+        VcInput: (typeof VcShellComponents)["VcInput"];
+        VcInputCurrency: (typeof VcShellComponents)["VcInputCurrency"];
+        VcNotification: (typeof VcShellComponents)["VcNotification"];
+        VcPagination: (typeof VcShellComponents)["VcPagination"];
+        VcRating: (typeof VcShellComponents)["VcRating"];
+        VcSelect: (typeof VcShellComponents)["VcSelect"];
+        VcSlider: (typeof VcShellComponents)["VcSlider"];
+        VcTextarea: (typeof VcShellComponents)["VcTextarea"];
+        VcApp: (typeof VcShellComponents)["VcApp"];
+        VcBlade: (typeof VcShellComponents)["VcBlade"];
+        VcDynamicProperty: (typeof VcShellComponents)["VcDynamicProperty"];
+        VcGallery: (typeof VcShellComponents)["VcGallery"];
+        VcLoginForm: (typeof VcShellComponents)["VcLoginForm"];
+        VcPopup: (typeof VcShellComponents)["VcPopup"];
+        VcTable: (typeof VcShellComponents)["VcTable"];
+    }
+}
+export {};
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../ui/types/index.ts"],"names":[],"mappings":"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"}

package/dist/{vite.config.d.ts.map → types/vite.config.d.ts.map}

@@ -1 +1 @@
-{"version":3,"file":"vite.config.d.ts","sourceRoot":"","sources":["../vite.config.ts"],"names":[],"mappings":";AAKA,wBAiCG"}
+{"version":3,"file":"vite.config.d.ts","sourceRoot":"","sources":["../../vite.config.ts"],"names":[],"mappings":";AAOA,wBAgCG"}

package/package.json

@@ -1,10 +1,10 @@
 {
   "name": "@vc-shell/framework",
-  "version": "1.0.54",
-  "main": "./dist/framework.js",
-  "module": "./dist/framework.esm.js",
-  "types": "./dist/index.d.ts",
-  "style": "./dist/style.css",
+  "version": "1.0.57",
+  "main": "./dist/framework.mjs",
+  "module": "./dist/framework.mjs",
+  "types": "./dist/types/index.d.ts",
+  "style": "./dist/index.css",
   "files": [
     "dist",
     "tailwind.config.js",
@@ -14,34 +14,38 @@
   ],
   "exports": {
     ".": {
-      "import": "./dist/framework.esm.js",
-      "require": "./dist/framework.js",
-      "types": "./dist/index.d.ts"
+      "import": "./dist/framework.mjs",
+      "types": "./dist/types/index.d.ts"
     },
     "./client": {
-      "types": "./dist/ui/types/index.d.ts"
+      "types": "./dist/ui/services/types/index.d.ts"
     },
-    "./dist/style.css": "./dist/style.css",
+    "./dist/index.css": "./dist/index.css",
     "./tailwind.config": "./tailwind.config.js",
     "./*": "./*"
   },
   "scripts": {
-    "build": "vite build",
+    "build": "yarn build:lib & yarn build:types",
+    "build:lib": "vite build",
+    "build:types": "vue-tsc --declaration --emitDeclarationOnly --outDir dist/types",
     "dev": "vite",
     "development": "vite build --watch -m development",
     "watch": "vite build --watch",
     "type-check": "vue-tsc --noEmit"
   },
   "dependencies": {
+    "@floating-ui/vue": "^0.2.1",
     "@popperjs/core": "^2.11.0",
     "@vee-validate/i18n": "^4.7.3",
     "@vee-validate/rules": "^4.7.3",
+    "@vueup/vue-quill": "^1.1.1",
     "@vueuse/components": "^9.9.0",
     "@vueuse/core": "^9.9.0",
     "@vueuse/integrations": "^9.9.0",
     "client-oauth2": "^4.3.3",
     "moment": "^2.29.1",
     "normalize.css": "^8.0.1",
+    "quill-image-uploader": "^1.2.4",
     "swiper": "^6.8.4",
     "vee-validate": "^4.7.3",
     "vue": "^3.0.0",
@@ -53,9 +57,8 @@
     "vuedraggable": "^4.1.0"
   },
   "devDependencies": {
-    "@vc-shell/api-client-generator": "^1.0.54",
-    "@vc-shell/config-generator": "^1.0.54",
-    "@vue-macros/volar": "^0.8.1",
+    "@vc-shell/api-client-generator": "^1.0.57",
+    "@vc-shell/config-generator": "^1.0.57",
     "sass": "^1.49.0",
     "typescript": "^4.9.5",
     "url-pattern": "^1.0.3"
@@ -64,5 +67,5 @@
     "access": "public",
     "registry": "https://registry.npmjs.org/"
   },
-  "gitHead": "e7492afe894926b839bef1ea9a58b86fd83ce1d1"
+  "gitHead": "ca294492c2aa439befaba5ee3899dd867c50e35b"
 }

package/shared/app-switcher/components/index.ts

@@ -1 +1 @@
-export { default as VcAppSwitcher } from "./vc-app-switcher/vc-app-switcher.vue";
+export { VcAppSwitcher } from "./vc-app-switcher";

package/shared/app-switcher/components/vc-app-switcher/index.ts

@@ -0,0 +1,3 @@
+import _AppSwitcher from "./vc-app-switcher.vue";
+
+export const VcAppSwitcher = _AppSwitcher as typeof _AppSwitcher;

package/shared/app-switcher/components/vc-app-switcher/vc-app-switcher.vue

@@ -14,7 +14,7 @@
 
     <div
       v-if="isVisible && appsList && appsList.length"
-      class="tw-px-4 tw-py-3.5 tw-bg-white tw-drop-shadow-[4px_4px_20px_rgba(47,86,108,0.25)] tw-absolute tw-z-[10000] tw-rounded tw-top-[var(--app-bar-height)] tw-left-0"
+      class="tw-px-4 tw-py-3.5 tw-bg-white tw-drop-shadow-[4px_4px_20px_rgba(47,86,108,0.25)] tw-absolute tw-z-[9999] tw-rounded tw-top-[var(--app-bar-height)] tw-left-0 tw-w-max tw-max-w-[200px]"
     >
       <ul class="tw-flex tw-flex-col tw-gap-3 tw-overflow-hidden">
         <li

package/shared/app-switcher/index.ts

@@ -1,6 +1,13 @@
 import { createModule } from "../../core/plugins/modularity";
 import * as components from "./components";
 
+// Declare globally
+declare module "@vue/runtime-core" {
+  export interface GlobalComponents {
+    VcAppSwitcher: (typeof components)["VcAppSwitcher"];
+  }
+}
+
 export default createModule(components);
 
 export * from "./components";

package/shared/assets/components/assets-details/index.ts

@@ -0,0 +1,3 @@
+import _AssetsDetails from "./assets-details.vue";
+
+export const AssetsDetails = _AssetsDetails as typeof _AssetsDetails;

package/shared/assets/components/index.ts

@@ -1 +1 @@
-export { default as AssetsDetails } from "./assets-details/assets-details.vue";
+export { AssetsDetails } from "./assets-details";

package/shared/assets/index.ts

@@ -2,6 +2,13 @@ import { createModule } from "../../core/plugins/modularity";
 import * as components from "./components";
 import * as locales from "./locales";
 
+// Declare globally
+declare module "@vue/runtime-core" {
+  export interface GlobalComponents {
+    AssetsDetails: (typeof components)["AssetsDetails"];
+  }
+}
+
 export default createModule(components, locales);
 
 export * from "./components";

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

@@ -1 +1 @@
-export { default as VcBladeNavigation } from "./vc-blade-navigation/vc-blade-navigation.vue";
+export { VcBladeNavigation } from "./vc-blade-navigation";

package/shared/blade-navigation/components/vc-blade-navigation/index.ts

@@ -0,0 +1,3 @@
+import _BladeNavigation from "./vc-blade-navigation.vue";
+
+export const VcBladeNavigation = _BladeNavigation as typeof _BladeNavigation;

package/shared/blade-navigation/index.ts

@@ -1,6 +1,13 @@
 import { createModule } from "../../core/plugins/modularity";
 import * as components from "./components";
 
+// Declare globally
+declare module "@vue/runtime-core" {
+  export interface GlobalComponents {
+    VcBladeNavigation: (typeof components)["VcBladeNavigation"];
+  }
+}
+
 export default createModule(components);
 
 export * from "./components";

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

@@ -1,7 +1,13 @@
-import { ComponentPublicInstance } from "vue";
-import { VcBadgeEmits, VcBadgeProps } from "./vc-badge-model";
-import { ComponentConstructor } from "./../../../types/ts-helpers";
-import Badge from "./vc-badge.vue";
-// eslint-disable-next-line @typescript-eslint/no-explicit-any
-export const VcBadge: ComponentConstructor<ComponentPublicInstance<VcBadgeProps, any, any, any, any, VcBadgeEmits>> =
-  Badge;
+import { VNode } from "vue";
+import _Badge from "./vc-badge.vue";
+
+export const VcBadge = _Badge as typeof _Badge & {
+  new (): {
+    $slots: {
+      /**
+       * Slot for component content
+       * */
+      default: () => VNode[];
+    };
+  };
+};

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

@@ -16,11 +16,19 @@
 </template>
 
 <script lang="ts" setup>
-import { badgeProps, badgeEmits } from "./vc-badge-model";
+export interface Props {
+  active?: boolean;
+  disabled?: boolean;
+  clickable?: boolean;
+}
+
+export interface Emits {
+  (event: "click"): void;
+}
 
-const props = defineProps(badgeProps);
+const props = defineProps<Props>();
 
-const emit = defineEmits(badgeEmits);
+const emit = defineEmits<Emits>();
 
 function onClick(): void {
   if (props.clickable && !props.disabled) {

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

@@ -1,7 +1,10 @@
-import { ComponentPublicInstance } from "vue";
-import { VcButtonEmits, VcButtonProps } from "./vc-button-model";
-import { ComponentConstructor } from "./../../../types/ts-helpers";
-import Button from "./vc-button.vue";
-// eslint-disable-next-line @typescript-eslint/no-explicit-any
-export const VcButton: ComponentConstructor<ComponentPublicInstance<VcButtonProps, any, any, any, any, VcButtonEmits>> =
-  Button;
+import { VNode } from "vue";
+import _Button from "./vc-button.vue";
+
+export const VcButton = _Button as typeof _Button & {
+  new (): {
+    $slots: {
+      default: () => VNode[];
+    };
+  };
+};

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

@@ -28,15 +28,33 @@
 </template>
 
 <script lang="ts" setup>
-import { VcIcon } from "./../../../components";
-import { buttonProps, buttonEmits } from "./vc-button-model";
 
-const props = defineProps(buttonProps);
-const emit = defineEmits(buttonEmits);
+export interface Props {
+  icon?: string | undefined;
+  variant?: "primary" | "secondary" | "special" | "danger" | "widget" | "onlytext";
+  disabled?: boolean | undefined;
+  small?: boolean | undefined;
+  outline?: boolean | undefined;
+  selected?: boolean | undefined;
+}
+
+export interface Emits {
+  /**
+   * Emitted when component is clicked
+   * */
+  (event: "click", value: Event): void;
+}
+
+const props = withDefaults(defineProps<Props>(), {
+  variant: "primary",
+});
+
+const emit = defineEmits<Emits>();
+
 function onClick(e: Event): void {
   if (!props.disabled) {
     e.preventDefault();
-    emit("click");
+    emit("click", e);
   }
 }
 </script>

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

@@ -1,6 +1,11 @@
-import { ComponentPublicInstance } from "vue";
-import { VcCardEmits, VcCardProps } from "./vc-card-model";
-import { ComponentConstructor } from "./../../../types/ts-helpers";
-import Card from "./vc-card.vue";
-// eslint-disable-next-line @typescript-eslint/no-explicit-any
-export const VcCard: ComponentConstructor<ComponentPublicInstance<VcCardProps, any, any, any, any, VcCardEmits>> = Card;
+import { VNode } from "vue";
+import _Card from "./vc-card.vue";
+
+export const VcCard = _Card as typeof _Card & {
+  new (): {
+    $slots: {
+      default: () => VNode[];
+      actions: () => VNode[];
+    };
+  };
+};

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

@@ -41,11 +41,27 @@
 
 <script lang="ts" setup>
 import { ref } from "vue";
-import { cardProps, cardEmits } from "./vc-card-model";
 
-const props = defineProps(cardProps);
+export interface Props {
+  header?: string;
+  icon?: string;
+  isCollapsable?: boolean;
+  isCollapsed?: boolean;
+  fill?: boolean;
+  variant?: "default" | "success" | "danger";
+}
+
+export interface Emits {
+  (event: "header:click"): void;
+  (event: "state:collapsed", isCollapsedState: boolean): void;
+}
+
+const props = withDefaults(defineProps<Props>(), {
+  variant: "default",
+});
+
+const emit = defineEmits<Emits>();
 
-const emit = defineEmits(cardEmits);
 const isCollapsedInternal = ref(props.isCollapsed);
 
 function onHeaderClick() {

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

@@ -1,8 +1,11 @@
-import { ComponentPublicInstance } from "vue";
-import { VcCheckboxEmits, VcCheckboxProps } from "./vc-checkbox-model";
-import { ComponentConstructor } from "./../../../types/ts-helpers";
-import Checkbox from "./vc-checkbox.vue";
-export const VcCheckbox: ComponentConstructor<
-  // eslint-disable-next-line @typescript-eslint/no-explicit-any
-  ComponentPublicInstance<VcCheckboxProps, any, any, any, any, VcCheckboxEmits>
-> = Checkbox;
+import { VNode } from "vue";
+import _Checkbox from "./vc-checkbox.vue";
+
+export const VcCheckbox = _Checkbox as typeof _Checkbox & {
+  new (): {
+    $slots: {
+      default: () => VNode[];
+      error: () => VNode[];
+    };
+  };
+};

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

@@ -38,10 +38,21 @@
 
 <script lang="ts" setup>
 import { watch } from "vue";
-import { checkboxProps, checkboxEmits } from "./vc-checkbox-model";
 
-const props = defineProps(checkboxProps);
-const emit = defineEmits(checkboxEmits);
+export interface Props {
+  modelValue?: boolean;
+  disabled?: boolean;
+  required?: boolean;
+  name?: string;
+  errorMessage?: string;
+}
+
+export interface Emits {
+  (event: "update:modelValue", value: boolean): void;
+}
+
+const props = withDefaults(defineProps<Props>(), { name: "Field" });
+const emit = defineEmits<Emits>();
 
 watch(
   () => props.modelValue,
@@ -51,7 +62,7 @@ watch(
 );
 
 // Handle input event to propertly validate value and emit changes
-function onChange(e: InputEvent) {
+function onChange(e: Event) {
   const newValue = (e.target as HTMLInputElement).checked;
   emit("update:modelValue", newValue);
 }

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

@@ -1,5 +1,10 @@
-import { ComponentPublicInstance } from "vue";
-import { VcColProps } from "./vc-col-model";
-import { ComponentConstructor } from "./../../../types/ts-helpers";
-import Col from "./vc-col.vue";
-export const VcCol: ComponentConstructor<ComponentPublicInstance<VcColProps>> = Col;
+import { VNode } from "vue";
+import _Col from "./vc-col.vue";
+
+export const VcCol = _Col as typeof _Col & {
+  new (): {
+    $slots: {
+      default: () => VNode[];
+    };
+  };
+};

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

@@ -8,9 +8,13 @@
 </template>
 
 <script lang="ts" setup>
-import { colProps } from "./vc-col-model";
+export interface Props {
+  size?: string;
+}
 
-defineProps(colProps);
+withDefaults(defineProps<Props>(), {
+  size: "1",
+});
 </script>
 
 <style lang="scss">