@tager/admin-files 0.0.7 → 1.0.1

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,6 @@
+import { type MenuItemType } from "@tager/admin-layout";
+declare const _default: typeof __VLS_export;
+export default _default;
+declare const __VLS_export: 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<{}>>, {}>;

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,315 @@
+import { i18n as L, request as F, useI18n as y, useResourceDelete as _, useToast as C, navigateBack as R, convertRequestErrorToMap as w } from "@tager/admin-services";
+import { defineComponent as D, onMounted as $, resolveComponent as c, openBlock as I, createBlock as T, withCtx as d, createVNode as m, ref as h, createElementVNode as M, withModifiers as z } from "vue";
+import N from "filesize";
+import { DeleteIcon as B, BaseButton as U, DataTable as k, useDataTable as O, cutUrlOrigin as P, FormFooter as A, FormFieldFileInput as q } from "@tager/admin-ui";
+import { Page as v } from "@tager/admin-layout";
+import { compile as V } from "path-to-regexp";
+import { useRouter as Q } from "vue-router";
+const H = {
+  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"
+}, j = {
+  home: "Главная",
+  success: "Успех",
+  error: "Ошибка",
+  createdSuccessMessage: "Файл был успешно добавлен",
+  createdErrorMessage: "Не удалось добавить файл",
+  files: "Файлы",
+  filesList: "Список файлов",
+  filesForm: "Форма файлов",
+  createFile: "Создать файл",
+  fileCreation: "Создание файла",
+  file: "Файл",
+  fileName: "Имя файла",
+  fileType: "Тип файла",
+  fileSize: "Размер",
+  delete: "Удалить",
+  add: "Добавить"
+};
+function G() {
+  L.addTranslations("en", "files", H), L.addTranslations("ru", "files", j);
+}
+function J(e) {
+  return F.get({ path: "/admin/userfiles", params: e });
+}
+function me() {
+  return F.get({ path: "/admin/userfiles/count" });
+}
+function K(e) {
+  return F.delete({ path: `/admin/userfiles/${e}` });
+}
+function W(e) {
+  return F.post({ path: "/admin/userfiles", body: e });
+}
+const g = {
+  FILES_LIST: "/files",
+  FILES_FORM: "/files/:fileId"
+};
+function b() {
+  return g.FILES_LIST;
+}
+function X(e) {
+  return V(g.FILES_FORM)(e);
+}
+const Y = D({
+  name: "FilesList",
+  components: { DataTable: k, BaseButton: U, DeleteIcon: B, Page: v },
+  setup() {
+    const { t: e } = y(), {
+      fetchEntityList: t,
+      isLoading: o,
+      rowData: s,
+      errorMessage: l,
+      searchQuery: n,
+      handleChange: u,
+      pageSize: i,
+      pageCount: f,
+      pageNumber: r
+    } = O({
+      fetchEntityList: (a) => J({
+        query: a.searchQuery,
+        pageNumber: a.pageNumber,
+        pageSize: a.pageSize
+      }),
+      initialValue: [],
+      resourceName: "Files list",
+      pageSize: 100
+    });
+    $(() => {
+      t();
+    });
+    const { handleResourceDelete: p, isDeleting: S } = _({
+      deleteResource: K,
+      resourceName: "File",
+      onSuccess: t
+    });
+    return {
+      columnDefs: [
+        {
+          id: 1,
+          name: "ID",
+          field: "id",
+          style: { width: "50px", textAlign: "center" },
+          headStyle: { width: "50px", textAlign: "center" }
+        },
+        {
+          id: 2,
+          name: e("files:fileName"),
+          field: "name"
+        },
+        {
+          id: 3,
+          name: e("files:fileType"),
+          field: "type"
+        },
+        {
+          id: 4,
+          name: e("files:fileSize"),
+          field: "size",
+          format: ({ row: a }) => N(a.size),
+          style: { whiteSpace: "nowrap" },
+          headStyle: { whiteSpace: "nowrap" }
+        },
+        {
+          id: 5,
+          name: "URL",
+          type: "link",
+          field: "url",
+          format: ({ row: a }) => ({
+            url: a.url,
+            text: P(a.url)
+          })
+        },
+        {
+          id: 6,
+          name: e("files:delete"),
+          field: "delete",
+          style: { textAlign: "center" },
+          headStyle: { textAlign: "center" }
+        }
+      ],
+      getFilesFormUrl: X,
+      rowData: s,
+      isRowDataLoading: o,
+      errorMessage: l,
+      searchQuery: n,
+      handleChange: u,
+      pageSize: i,
+      pageCount: f,
+      pageNumber: r,
+      handleResourceDelete: p,
+      isDeleting: S
+    };
+  }
+}), E = (e, t) => {
+  const o = e.__vccOpts || e;
+  for (const [s, l] of t)
+    o[s] = l;
+  return o;
+};
+function Z(e, t, o, s, l, n) {
+  const u = c("DeleteIcon"), i = c("BaseButton"), f = c("DataTable"), r = c("Page");
+  return I(), T(r, {
+    title: e.$i18n.t("files:filesList"),
+    "header-buttons": [
+      {
+        text: e.$i18n.t("files:createFile"),
+        href: e.getFilesFormUrl({ fileId: "create" })
+      }
+    ]
+  }, {
+    default: d(() => [
+      m(f, {
+        "column-defs": e.columnDefs,
+        "row-data": e.rowData,
+        loading: e.isRowDataLoading,
+        "error-message": e.errorMessage,
+        "search-query": e.searchQuery,
+        pagination: {
+          pageSize: e.pageSize,
+          pageCount: e.pageCount,
+          pageNumber: e.pageNumber,
+          disabled: e.isRowDataLoading
+        },
+        onChange: e.handleChange
+      }, {
+        "cell(delete)": d(({ row: p }) => [
+          m(i, {
+            variant: "icon",
+            title: e.$i18n.t("files:delete"),
+            disabled: e.isDeleting(p.id),
+            onClick: (S) => e.handleResourceDelete(p.id)
+          }, {
+            default: d(() => [
+              m(u)
+            ]),
+            _: 2
+          }, 1032, ["title", "disabled", "onClick"])
+        ]),
+        _: 1
+      }, 8, ["column-defs", "row-data", "loading", "error-message", "search-query", "pagination", "onChange"])
+    ]),
+    _: 1
+  }, 8, ["title", "header-buttons"]);
+}
+const x = /* @__PURE__ */ E(Y, [["render", Z]]);
+function ee(e) {
+  var t;
+  return {
+    file: ((t = e.file) == null ? void 0 : t.file.id) ?? ""
+  };
+}
+const te = D({
+  name: "FilesForm",
+  components: { Page: v, FormFieldFileInput: q, FormFooter: A },
+  setup() {
+    const { t: e } = y(), t = C(), o = Q(), s = h({}), l = h({ file: null }), n = h(!1);
+    function u(i) {
+      n.value = !0;
+      const f = ee(
+        l.value
+      );
+      W(f).then(() => {
+        s.value = {}, (i.type === "create" || i.type === "save" || i.type === "create_exit" || i.type === "save_exit") && R(o, b()), t.show({
+          variant: "success",
+          title: e("files:success"),
+          body: e("files:createdSuccessMessage")
+        });
+      }).catch((r) => {
+        console.error(r), s.value = w(r), t.show({
+          variant: "danger",
+          title: e("files:error"),
+          body: e("files:createdErrorMessage")
+        });
+      }).finally(() => {
+        n.value = !1;
+      });
+    }
+    return {
+      values: l,
+      errors: s,
+      isSubmitting: n,
+      submitForm: u,
+      getFilesListUrl: b
+    };
+  }
+});
+function ie(e, t, o, s, l, n) {
+  const u = c("FormFieldFileInput"), i = c("FormFooter"), f = c("Page");
+  return I(), T(f, {
+    title: e.$i18n.t("files:fileCreation")
+  }, {
+    footer: d(() => [
+      m(i, {
+        "back-href": e.getFilesListUrl(),
+        "is-submitting": e.isSubmitting,
+        "is-creation": !0,
+        "submit-label": "Добавить",
+        onSubmit: e.submitForm
+      }, null, 8, ["back-href", "is-submitting", "onSubmit"])
+    ]),
+    default: d(() => [
+      M("form", {
+        novalidate: "",
+        onSubmit: t[1] || (t[1] = z(() => {
+        }, ["prevent"]))
+      }, [
+        m(u, {
+          value: e.values.file,
+          "onUpdate:value": t[0] || (t[0] = (r) => e.values.file = r),
+          error: e.errors.file,
+          label: e.$i18n.t("files:file"),
+          name: "file"
+        }, null, 8, ["value", "error", "label"])
+      ], 32)
+    ]),
+    _: 1
+  }, 8, ["title"]);
+}
+const se = /* @__PURE__ */ E(te, [["render", ie]]), oe = {
+  path: g.FILES_LIST,
+  component: x,
+  name: "Files List",
+  meta: {
+    getBreadcrumbs: (e, t) => [
+      { url: "/", text: t.t("files:home") },
+      { url: e.path, text: t.t("files:filesList") }
+    ]
+  }
+}, pe = {
+  path: g.FILES_FORM,
+  component: se,
+  name: "Files Form",
+  meta: {
+    getBreadcrumbs: (e, t) => [
+      { url: "/", text: t.t("files:home") },
+      { url: oe.path, text: t.t("files:filesList") },
+      { url: e.path, text: t.t("files:filesForm") }
+    ]
+  }
+};
+G();
+export {
+  pe as FILES_FORM_ROUTE,
+  oe as FILES_LIST_ROUTE,
+  W as addFile,
+  K as deleteFile,
+  me as getFilesCount,
+  X as getFilesFormUrl,
+  J as getFilesList,
+  b as 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 { type ResponseBody } from '@tager/admin-services';
+import { type 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 { type 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 { type FilesCreatePayload, type FormValues } from '../../typings/model';
+export declare function convertFilesFormValuesToCreationPayload(values: FormValues): FilesCreatePayload;

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

@@ -1,50 +1,23 @@
-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 { type TagerFormSubmitEvent } from '@tager/admin-ui';
+import { getFilesListUrl } from '../../utils/paths';
+declare const _default: typeof __VLS_export;
+export default _default;
+declare const __VLS_export: 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<{}>>, {}>;

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,37 +1,19 @@
-import { ColumnDefinition } from '@tager/admin-ui';
-import { FileModel } from '../../typings/model';
-import { getFilesFormUrl } from '../../utils/paths';
-declare const _default: import("vue").ComponentOptions<import("vue").default, 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<import("vue").default> & (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 { type ColumnDefinition } from '@tager/admin-ui';
+import { type FileModel } from '../../typings/model';
+import { getFilesFormUrl } from '../../utils/paths';
+declare const _default: typeof __VLS_export;
+export default _default;
+declare const __VLS_export: 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<{}>>, {}>;

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

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