@tager/admin-files 0.0.5 → 1.0.0

package/dist/constants/paths.d.ts

@@ -1,4 +1,4 @@
-export declare const FILES_ROUTE_PATHS: {
-    readonly FILES_LIST: "/files";
-    readonly FILES_FORM: "/files/:fileId";
-};
+export declare const FILES_ROUTE_PATHS: {
+    readonly FILES_LIST: "/files";
+    readonly FILES_FORM: "/files/:fileId";
+};

package/dist/constants/routes.d.ts

@@ -1,3 +1,3 @@
-import { CustomRouteConfig } from '@tager/admin-layout';
-export declare const FILES_LIST_ROUTE: CustomRouteConfig;
-export declare const FILES_FORM_ROUTE: CustomRouteConfig;
+import type { RouteRecordRaw } from 'vue-router';
+export declare const FILES_LIST_ROUTE: RouteRecordRaw;
+export declare const FILES_FORM_ROUTE: RouteRecordRaw;

package/dist/dev/App.vue.d.ts

@@ -0,0 +1,5 @@
+import { MenuItemType } from "@tager/admin-layout";
+declare const _default: import("vue").DefineComponent<{}, {
+    sidebarMenuList: MenuItemType[];
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
+export default _default;

package/dist/dev/config.d.ts

@@ -0,0 +1,2 @@
+import type { AppConfigType } from '@tager/admin-services';
+export declare const OZITAG_CONFIG: AppConfigType;

package/dist/dev/env.d.ts

@@ -0,0 +1 @@
+export declare function populateEnvironment(): void;

package/dist/dev/main.d.ts

@@ -0,0 +1,3 @@
+import '@tager/admin-ui/css';
+import '@tager/admin-layout/css';
+import '@tager/admin-dynamic-field/css';

package/dist/index.mjs

@@ -0,0 +1,330 @@
+import { i18n, request, useI18n, useResourceDelete, useToast, navigateBack, convertRequestErrorToMap } from "@tager/admin-services";
+import { defineComponent, onMounted, resolveComponent, openBlock, createBlock, withCtx, createVNode, ref, createElementVNode, withModifiers } from "vue";
+import filesize from "filesize";
+import { DataTable, BaseButton, DeleteIcon, useDataTable, cutUrlOrigin, FormFieldFileInput, FormFooter } from "@tager/admin-ui";
+import { Page } from "@tager/admin-layout";
+import { compile } from "path-to-regexp";
+import { useRouter } from "vue-router";
+const EN = {
+  home: "Home",
+  success: "Success",
+  error: "Error",
+  createdSuccessMessage: "The file was added successfully",
+  createdErrorMessage: "Failed to add file",
+  files: "Files",
+  filesList: "Files List",
+  filesForm: "File Form",
+  createFile: "Create file",
+  fileCreation: "File creation",
+  file: "File",
+  fileName: "File",
+  fileType: "Type",
+  fileSize: "Size",
+  delete: "Delete",
+  add: "Add"
+};
+const RU = {
+  home: "\u0413\u043B\u0430\u0432\u043D\u0430\u044F",
+  success: "\u0423\u0441\u043F\u0435\u0445",
+  error: "\u041E\u0448\u0438\u0431\u043A\u0430",
+  createdSuccessMessage: "\u0424\u0430\u0439\u043B \u0431\u044B\u043B \u0443\u0441\u043F\u0435\u0448\u043D\u043E \u0434\u043E\u0431\u0430\u0432\u043B\u0435\u043D",
+  createdErrorMessage: "\u041D\u0435 \u0443\u0434\u0430\u043B\u043E\u0441\u044C \u0434\u043E\u0431\u0430\u0432\u0438\u0442\u044C \u0444\u0430\u0439\u043B",
+  files: "\u0424\u0430\u0439\u043B\u044B",
+  filesList: "\u0421\u043F\u0438\u0441\u043E\u043A \u0444\u0430\u0439\u043B\u043E\u0432",
+  filesForm: "\u0424\u043E\u0440\u043C\u0430 \u0444\u0430\u0439\u043B\u043E\u0432",
+  createFile: "\u0421\u043E\u0437\u0434\u0430\u0442\u044C \u0444\u0430\u0439\u043B",
+  fileCreation: "\u0421\u043E\u0437\u0434\u0430\u043D\u0438\u0435 \u0444\u0430\u0439\u043B\u0430",
+  file: "\u0424\u0430\u0439\u043B",
+  fileName: "\u0418\u043C\u044F \u0444\u0430\u0439\u043B\u0430",
+  fileType: "\u0422\u0438\u043F \u0444\u0430\u0439\u043B\u0430",
+  fileSize: "\u0420\u0430\u0437\u043C\u0435\u0440",
+  delete: "\u0423\u0434\u0430\u043B\u0438\u0442\u044C",
+  add: "\u0414\u043E\u0431\u0430\u0432\u0438\u0442\u044C"
+};
+function applyTranslations() {
+  i18n.addTranslations("en", "files", EN);
+  i18n.addTranslations("ru", "files", RU);
+}
+function getFilesList(params) {
+  return request.get({ path: "/admin/userfiles", params });
+}
+function getFilesCount() {
+  return request.get({ path: "/admin/userfiles/count" });
+}
+function deleteFile(fileId) {
+  return request.delete({ path: `/admin/userfiles/${fileId}` });
+}
+function addFile(payload) {
+  return request.post({ path: "/admin/userfiles", body: payload });
+}
+const FILES_ROUTE_PATHS = {
+  FILES_LIST: "/files",
+  FILES_FORM: "/files/:fileId"
+};
+function getFilesListUrl() {
+  return FILES_ROUTE_PATHS.FILES_LIST;
+}
+function getFilesFormUrl(params) {
+  return compile(FILES_ROUTE_PATHS.FILES_FORM)(params);
+}
+var _export_sfc = (sfc, props) => {
+  const target = sfc.__vccOpts || sfc;
+  for (const [key, val] of props) {
+    target[key] = val;
+  }
+  return target;
+};
+const _sfc_main$1 = defineComponent({
+  name: "FilesList",
+  components: { DataTable, BaseButton, DeleteIcon, Page },
+  setup() {
+    const { t } = useI18n();
+    const {
+      fetchEntityList: fetchFilesList,
+      isLoading: isFilesListLoading,
+      rowData: filesList,
+      errorMessage,
+      searchQuery,
+      handleChange,
+      pageSize,
+      pageCount,
+      pageNumber
+    } = useDataTable({
+      fetchEntityList: (params) => getFilesList({
+        query: params.searchQuery,
+        pageNumber: params.pageNumber,
+        pageSize: params.pageSize
+      }),
+      initialValue: [],
+      resourceName: "Files list",
+      pageSize: 100
+    });
+    onMounted(() => {
+      fetchFilesList();
+    });
+    const { handleResourceDelete, isDeleting } = useResourceDelete({
+      deleteResource: deleteFile,
+      resourceName: "File",
+      onSuccess: fetchFilesList
+    });
+    const columnDefs = [
+      {
+        id: 1,
+        name: "ID",
+        field: "id",
+        style: { width: "50px", textAlign: "center" },
+        headStyle: { width: "50px", textAlign: "center" }
+      },
+      {
+        id: 2,
+        name: t("files:fileName"),
+        field: "name"
+      },
+      {
+        id: 3,
+        name: t("files:fileType"),
+        field: "type"
+      },
+      {
+        id: 4,
+        name: t("files:fileSize"),
+        field: "size",
+        format: ({ row }) => filesize(row.size),
+        style: { whiteSpace: "nowrap" },
+        headStyle: { whiteSpace: "nowrap" }
+      },
+      {
+        id: 5,
+        name: "URL",
+        type: "link",
+        field: "url",
+        format: ({ row }) => ({
+          url: row.url,
+          text: cutUrlOrigin(row.url)
+        })
+      },
+      {
+        id: 6,
+        name: t("files:delete"),
+        field: "delete",
+        style: { textAlign: "center" },
+        headStyle: { textAlign: "center" }
+      }
+    ];
+    return {
+      columnDefs,
+      getFilesFormUrl,
+      rowData: filesList,
+      isRowDataLoading: isFilesListLoading,
+      errorMessage,
+      searchQuery,
+      handleChange,
+      pageSize,
+      pageCount,
+      pageNumber,
+      handleResourceDelete,
+      isDeleting
+    };
+  }
+});
+function _sfc_render$1(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_DeleteIcon = resolveComponent("DeleteIcon");
+  const _component_BaseButton = resolveComponent("BaseButton");
+  const _component_DataTable = resolveComponent("DataTable");
+  const _component_Page = resolveComponent("Page");
+  return openBlock(), createBlock(_component_Page, {
+    title: _ctx.$i18n.t("files:filesList"),
+    "header-buttons": [
+      {
+        text: _ctx.$i18n.t("files:createFile"),
+        href: _ctx.getFilesFormUrl({ fileId: "create" })
+      }
+    ]
+  }, {
+    default: withCtx(() => [
+      createVNode(_component_DataTable, {
+        "column-defs": _ctx.columnDefs,
+        "row-data": _ctx.rowData,
+        loading: _ctx.isRowDataLoading,
+        "error-message": _ctx.errorMessage,
+        "search-query": _ctx.searchQuery,
+        pagination: {
+          pageSize: _ctx.pageSize,
+          pageCount: _ctx.pageCount,
+          pageNumber: _ctx.pageNumber,
+          disabled: _ctx.isRowDataLoading
+        },
+        onChange: _ctx.handleChange
+      }, {
+        "cell(delete)": withCtx(({ row }) => [
+          createVNode(_component_BaseButton, {
+            variant: "icon",
+            title: _ctx.$i18n.t("files:delete"),
+            disabled: _ctx.isDeleting(row.id),
+            onClick: ($event) => _ctx.handleResourceDelete(row.id)
+          }, {
+            default: withCtx(() => [
+              createVNode(_component_DeleteIcon)
+            ]),
+            _: 2
+          }, 1032, ["title", "disabled", "onClick"])
+        ]),
+        _: 1
+      }, 8, ["column-defs", "row-data", "loading", "error-message", "search-query", "pagination", "onChange"])
+    ]),
+    _: 1
+  }, 8, ["title", "header-buttons"]);
+}
+var FilesList = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["render", _sfc_render$1]]);
+function convertFilesFormValuesToCreationPayload(values) {
+  var _a, _b;
+  return {
+    file: (_b = (_a = values.file) == null ? void 0 : _a.file.id) != null ? _b : ""
+  };
+}
+const _sfc_main = defineComponent({
+  name: "FilesForm",
+  components: { Page, FormFieldFileInput, FormFooter },
+  setup() {
+    const { t } = useI18n();
+    const toast = useToast();
+    const router = useRouter();
+    const errors = ref({});
+    const values = ref({ file: null });
+    const isSubmitting = ref(false);
+    function submitForm(event) {
+      isSubmitting.value = true;
+      const creationPayload = convertFilesFormValuesToCreationPayload(
+        values.value
+      );
+      addFile(creationPayload).then(() => {
+        errors.value = {};
+        if (event.type === "create" || event.type === "save" || event.type === "create_exit" || event.type === "save_exit") {
+          navigateBack(router, getFilesListUrl());
+        }
+        toast.show({
+          variant: "success",
+          title: t("files:success"),
+          body: t("files:createdSuccessMessage")
+        });
+      }).catch((error) => {
+        console.error(error);
+        errors.value = convertRequestErrorToMap(error);
+        toast.show({
+          variant: "danger",
+          title: t("files:error"),
+          body: t("files:createdErrorMessage")
+        });
+      }).finally(() => {
+        isSubmitting.value = false;
+      });
+    }
+    return {
+      values,
+      errors,
+      isSubmitting,
+      submitForm,
+      getFilesListUrl
+    };
+  }
+});
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_FormFieldFileInput = resolveComponent("FormFieldFileInput");
+  const _component_FormFooter = resolveComponent("FormFooter");
+  const _component_Page = resolveComponent("Page");
+  return openBlock(), createBlock(_component_Page, {
+    title: _ctx.$i18n.t("files:fileCreation")
+  }, {
+    footer: withCtx(() => [
+      createVNode(_component_FormFooter, {
+        "back-href": _ctx.getFilesListUrl(),
+        "is-submitting": _ctx.isSubmitting,
+        "is-creation": true,
+        "submit-label": "\u0414\u043E\u0431\u0430\u0432\u0438\u0442\u044C",
+        onSubmit: _ctx.submitForm
+      }, null, 8, ["back-href", "is-submitting", "onSubmit"])
+    ]),
+    default: withCtx(() => [
+      createElementVNode("form", {
+        novalidate: "",
+        onSubmit: _cache[1] || (_cache[1] = withModifiers(() => {
+        }, ["prevent"]))
+      }, [
+        createVNode(_component_FormFieldFileInput, {
+          value: _ctx.values.file,
+          "onUpdate:value": _cache[0] || (_cache[0] = ($event) => _ctx.values.file = $event),
+          error: _ctx.errors.file,
+          label: _ctx.$i18n.t("files:file"),
+          name: "file"
+        }, null, 8, ["value", "error", "label"])
+      ], 32)
+    ]),
+    _: 1
+  }, 8, ["title"]);
+}
+var FilesForm = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
+const FILES_LIST_ROUTE = {
+  path: FILES_ROUTE_PATHS.FILES_LIST,
+  component: FilesList,
+  name: "Files List",
+  meta: {
+    getBreadcrumbs: (route, i18n2) => [
+      { url: "/", text: i18n2.t("files:home") },
+      { url: route.path, text: i18n2.t("files:filesList") }
+    ]
+  }
+};
+const FILES_FORM_ROUTE = {
+  path: FILES_ROUTE_PATHS.FILES_FORM,
+  component: FilesForm,
+  name: "Files Form",
+  meta: {
+    getBreadcrumbs: (route, i18n2) => [
+      { url: "/", text: i18n2.t("files:home") },
+      { url: FILES_LIST_ROUTE.path, text: i18n2.t("files:filesList") },
+      { url: route.path, text: i18n2.t("files:filesForm") }
+    ]
+  }
+};
+applyTranslations();
+export { FILES_FORM_ROUTE, FILES_LIST_ROUTE, addFile, deleteFile, getFilesCount, getFilesFormUrl, getFilesList, getFilesListUrl };

package/dist/locales/apply.d.ts

@@ -0,0 +1 @@
+export declare function applyTranslations(): void;

package/dist/locales/en.d.ts

@@ -1,19 +1,18 @@
-declare const EN: {
-    home: string;
-    success: string;
-    error: string;
-    createdSuccessMessage: string;
-    createdErrorMessage: string;
-    files: string;
-    filesList: string;
-    filesForm: string;
-    createFile: string;
-    fileCreation: string;
-    file: string;
-    fileName: string;
-    fileType: string;
-    fileSize: string;
-    delete: string;
-    add: string;
-};
-export default EN;
+export declare const EN: {
+    home: string;
+    success: string;
+    error: string;
+    createdSuccessMessage: string;
+    createdErrorMessage: string;
+    files: string;
+    filesList: string;
+    filesForm: string;
+    createFile: string;
+    fileCreation: string;
+    file: string;
+    fileName: string;
+    fileType: string;
+    fileSize: string;
+    delete: string;
+    add: string;
+};

package/dist/locales/ru.d.ts

@@ -1,3 +1,2 @@
-import EN from './en';
-declare const RU: typeof EN;
-export default RU;
+import { EN } from './en';
+export declare const RU: typeof EN;

package/dist/main.d.ts

@@ -1,3 +1,3 @@
-export * from './constants/routes';
-export * from './utils/paths';
-export * from './services/requests';
+export * from './constants/routes';
+export * from './utils/paths';
+export * from './services/requests';

package/dist/services/requests.d.ts

@@ -1,16 +1,16 @@
-import { ResponseBody } from '@tager/admin-services';
-import { FileModel } from '../typings/model';
-export declare function getFilesList(params?: {
-    query?: string;
-    pageNumber?: number;
-    pageSize?: number;
-}): Promise<ResponseBody<Array<FileModel>>>;
-export declare function getFilesCount(): Promise<ResponseBody<{
-    count: number;
-}>>;
-export declare function deleteFile(fileId: number | string): Promise<{
-    success: boolean;
-}>;
-export declare function addFile(payload: {
-    file: string;
-}): Promise<import("@tager/admin-services").ParsedResponseBody>;
+import { ResponseBody } from '@tager/admin-services';
+import { FileModel } from '../typings/model';
+export declare function getFilesList(params?: {
+    query?: string;
+    pageNumber?: number;
+    pageSize?: number;
+}): Promise<ResponseBody<Array<FileModel>>>;
+export declare function getFilesCount(): Promise<ResponseBody<{
+    count: number;
+}>>;
+export declare function deleteFile(fileId: number | string): Promise<{
+    success: boolean;
+}>;
+export declare function addFile(payload: {
+    file: string;
+}): Promise<import("@tager/admin-services").ParsedResponseBody>;

package/dist/typings/model.d.ts

@@ -1,14 +1,14 @@
-import { SingleFileInputValueType } from '@tager/admin-ui';
-export interface FileModel {
-    id: number;
-    name: string;
-    type: string;
-    size: number;
-    url: string;
-}
-export interface FormValues {
-    file: SingleFileInputValueType | null;
-}
-export interface FilesCreatePayload {
-    file: string;
-}
+import { SingleFileInputValueType } from '@tager/admin-ui';
+export interface FileModel {
+    id: number;
+    name: string;
+    type: string;
+    size: number;
+    url: string;
+}
+export interface FormValues {
+    file: SingleFileInputValueType | null;
+}
+export interface FilesCreatePayload {
+    file: string;
+}

package/dist/utils/paths.d.ts

@@ -1,4 +1,4 @@
-export declare function getFilesListUrl(): string;
-export declare function getFilesFormUrl(params: {
-    fileId: string | number;
-}): string;
+export declare function getFilesListUrl(): string;
+export declare function getFilesFormUrl(params: {
+    fileId: string | number;
+}): string;

package/dist/views/FilesForm/FilesForm.helpers.d.ts

@@ -1,2 +1,2 @@
-import { FilesCreatePayload, FormValues } from '../../typings/model';
-export declare function convertFilesFormValuesToCreationPayload(values: FormValues): FilesCreatePayload;
+import { FilesCreatePayload, FormValues } from '../../typings/model';
+export declare function convertFilesFormValuesToCreationPayload(values: FormValues): FilesCreatePayload;

package/dist/views/FilesForm/FilesForm.vue.d.ts

@@ -1,50 +1,22 @@
-import { TagerFormSubmitEvent } from '@tager/admin-ui';
-import { getFilesListUrl } from '../../utils/paths';
-declare const _default: import("vue").ComponentOptions<import("vue").default, import("@vue/composition-api").ShallowUnwrapRef<{
-    values: import("@vue/composition-api").Ref<{
-        file: {
-            id: string;
-            file: {
-                id: string;
-                mime: string;
-                name: string;
-                size: number;
-                url: string;
-            };
-            caption?: string | null | undefined;
-        } | null;
-    }>;
-    errors: import("@vue/composition-api").Ref<{
-        [x: string]: string;
-    }>;
-    isSubmitting: import("@vue/composition-api").Ref<boolean>;
-    submitForm: (event: TagerFormSubmitEvent) => void;
-    getFilesListUrl: typeof getFilesListUrl;
-}> & import("@vue/composition-api").Data, {}, {}, unknown, {
-    [x: string]: any;
-}> & import("vue").VueConstructor<import("vue").default> & (new (...args: any[]) => import("@vue/composition-api").ComponentRenderProxy<{
-    [x: string]: any;
-}, import("@vue/composition-api").ShallowUnwrapRef<{
-    values: import("@vue/composition-api").Ref<{
-        file: {
-            id: string;
-            file: {
-                id: string;
-                mime: string;
-                name: string;
-                size: number;
-                url: string;
-            };
-            caption?: string | null | undefined;
-        } | null;
-    }>;
-    errors: import("@vue/composition-api").Ref<{
-        [x: string]: string;
-    }>;
-    isSubmitting: import("@vue/composition-api").Ref<boolean>;
-    submitForm: (event: TagerFormSubmitEvent) => void;
-    getFilesListUrl: typeof getFilesListUrl;
-}>, import("@vue/composition-api").Data, {}, {}, {
-    [x: string]: any;
-}, {}, true>);
-export default _default;
+import { TagerFormSubmitEvent } from '@tager/admin-ui';
+import { getFilesListUrl } from '../../utils/paths';
+declare const _default: import("vue").DefineComponent<{}, {
+    values: import("vue").Ref<{
+        file: {
+            id: string;
+            file: {
+                id: string;
+                url: string;
+                name: string;
+                size: number;
+                mime: string;
+            };
+            caption?: import("@tager/admin-services").Nullable<string> | undefined;
+        } | null;
+    }>;
+    errors: import("vue").Ref<Record<string, string>>;
+    isSubmitting: import("vue").Ref<boolean>;
+    submitForm: (event: TagerFormSubmitEvent) => void;
+    getFilesListUrl: typeof getFilesListUrl;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
+export default _default;

package/dist/views/FilesForm/index.d.ts

@@ -1 +1 @@
-export { default } from './FilesForm.vue';
+export { default } from './FilesForm.vue';

package/dist/views/FilesList/FilesList.vue.d.ts

@@ -1,38 +1,18 @@
-import { ColumnDefinition } from '@tager/admin-ui';
-import { FileModel } from '../../typings/model';
-import { getFilesFormUrl } from '../../utils/paths';
-import UrlCell from './components/UrlCell';
-declare const _default: import("vue").ComponentOptions<UrlCell, import("@vue/composition-api").ShallowUnwrapRef<{
-    columnDefs: ColumnDefinition<FileModel>[];
-    getFilesFormUrl: typeof getFilesFormUrl;
-    rowData: import("@vue/composition-api").Ref<FileModel[]>;
-    isRowDataLoading: import("@vue/composition-api").ComputedRef<boolean>;
-    errorMessage: import("@vue/composition-api").Ref<import("@tager/admin-services").Nullable<string>>;
-    searchQuery: import("@vue/composition-api").Ref<string>;
-    handleChange: (event: import("@tager/admin-ui").TableChangeEvent) => void;
-    pageSize: import("@vue/composition-api").Ref<number>;
-    pageCount: import("@vue/composition-api").ComputedRef<number>;
-    pageNumber: import("@vue/composition-api").Ref<number>;
-    handleResourceDelete: (entityId: string | number) => void;
-    isDeleting: (entityId: string | number) => boolean;
-}> & import("@vue/composition-api").Data, {}, {}, unknown, {
-    [x: string]: any;
-}> & import("vue").VueConstructor<UrlCell> & (new (...args: any[]) => import("@vue/composition-api").ComponentRenderProxy<{
-    [x: string]: any;
-}, import("@vue/composition-api").ShallowUnwrapRef<{
-    columnDefs: ColumnDefinition<FileModel>[];
-    getFilesFormUrl: typeof getFilesFormUrl;
-    rowData: import("@vue/composition-api").Ref<FileModel[]>;
-    isRowDataLoading: import("@vue/composition-api").ComputedRef<boolean>;
-    errorMessage: import("@vue/composition-api").Ref<import("@tager/admin-services").Nullable<string>>;
-    searchQuery: import("@vue/composition-api").Ref<string>;
-    handleChange: (event: import("@tager/admin-ui").TableChangeEvent) => void;
-    pageSize: import("@vue/composition-api").Ref<number>;
-    pageCount: import("@vue/composition-api").ComputedRef<number>;
-    pageNumber: import("@vue/composition-api").Ref<number>;
-    handleResourceDelete: (entityId: string | number) => void;
-    isDeleting: (entityId: string | number) => boolean;
-}>, import("@vue/composition-api").Data, {}, {}, {
-    [x: string]: any;
-}, {}, true>);
-export default _default;
+import { ColumnDefinition } from '@tager/admin-ui';
+import { FileModel } from '../../typings/model';
+import { getFilesFormUrl } from '../../utils/paths';
+declare const _default: import("vue").DefineComponent<{}, {
+    columnDefs: ColumnDefinition<FileModel>[];
+    getFilesFormUrl: typeof getFilesFormUrl;
+    rowData: import("vue").Ref<FileModel[]>;
+    isRowDataLoading: import("vue").ComputedRef<boolean>;
+    errorMessage: import("vue").Ref<import("@tager/admin-services").Nullable<string>>;
+    searchQuery: import("vue").Ref<string>;
+    handleChange: (event: import("@tager/admin-ui/dist/components/DataTable/DataTable.types").TableChangeEvent) => void;
+    pageSize: import("vue").Ref<number>;
+    pageCount: import("vue").ComputedRef<number>;
+    pageNumber: import("vue").Ref<number>;
+    handleResourceDelete: (entityId: string | number) => void;
+    isDeleting: (entityId: string | number) => boolean;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
+export default _default;

package/dist/views/FilesList/index.d.ts

@@ -1 +1 @@
-export { default } from './FilesList.vue';
+export { default } from './FilesList.vue';