@tager/admin-import 0.1.3 → 1.0.1

package/dist/constants/paths.d.ts

@@ -1,4 +1,4 @@
-export declare const IMPORT_ROUTE_PATHS: {
-    readonly IMPORT_LIST: "/import";
-    readonly IMPORT_FORM: "/import/:importId";
-};
+export declare const IMPORT_ROUTE_PATHS: {
+    readonly IMPORT_LIST: "/import";
+    readonly IMPORT_FORM: "/import/:importId";
+};

package/dist/constants/routes.d.ts

@@ -1,3 +1,3 @@
-import { CustomRouteConfig } from '@tager/admin-layout';
-export declare const IMPORT_LIST_ROUTE: CustomRouteConfig;
-export declare const IMPORT_FORM_ROUTE: CustomRouteConfig;
+import type { RouteRecordRaw } from 'vue-router';
+export declare const IMPORT_LIST_ROUTE: RouteRecordRaw;
+export declare const IMPORT_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,405 @@
+import { i18n as O, request as M, useI18n as P, useToast as B, useResource as H, navigateBack as q, convertRequestErrorToMap as Q } from "@tager/admin-services";
+import { defineComponent as R, openBlock as c, createElementBlock as F, Fragment as E, renderList as N, createElementVNode as k, toDisplayString as $, createTextVNode as j, createCommentVNode as G, onMounted as L, resolveComponent as u, createBlock as w, withCtx as v, createVNode as h, computed as S, ref as I, watch as J, withModifiers as K } from "vue";
+import { DataTable as W, useDataTable as X, FormFieldSelect as Y, FormFooter as Z, FormFieldFileInput as x } from "@tager/admin-ui";
+import { Page as U } from "@tager/admin-layout";
+import { universalFieldUtils as V, DynamicField as ee } from "@tager/admin-dynamic-field";
+import { compile as te } from "path-to-regexp";
+import { useRouter as oe } from "vue-router";
+const re = {
+  home: "Home",
+  import: "Import",
+  importList: "Import List",
+  importForm: "Import Form",
+  type: "Type",
+  importType: "Import type",
+  status: "status",
+  message: "Message",
+  log: "Log",
+  params: "Params",
+  file: "file",
+  newImport: "New import",
+  importCreation: "Import creation",
+  success: "Success",
+  error: "Error",
+  createdSuccessMessage: "Import has been successfully created",
+  createdErrorMessage: "Import creation has been failed"
+}, ae = {
+  home: "Главная",
+  import: "Импорт",
+  importList: "Список импортов",
+  importForm: "Форма импорта",
+  type: "Тип",
+  importType: "Тип импорта",
+  status: "Статус",
+  message: "Сообщение",
+  log: "Лог",
+  params: "Параметры",
+  file: "Файл",
+  newImport: "Новый импорт",
+  importCreation: "Создание импорта",
+  success: "Успех",
+  error: "Ошибка",
+  createdSuccessMessage: "Импорт была успешно создан",
+  createdErrorMessage: "Создание импорта не удалось"
+};
+function ie() {
+  O.addTranslations("en", "import", re), O.addTranslations("ru", "import", ae);
+}
+function ne(e) {
+  return M.get({ path: "/admin/tager/import", params: e });
+}
+function se() {
+  return M.get({ path: "/admin/tager/import/info" });
+}
+function me(e) {
+  return M.post({ path: "/admin/tager/import", body: e });
+}
+const T = {
+  IMPORT_LIST: "/import",
+  IMPORT_FORM: "/import/:importId"
+};
+function D() {
+  return T.IMPORT_LIST;
+}
+function le(e) {
+  return te(T.IMPORT_FORM)(e);
+}
+function pe(e) {
+  const t = new Date(e);
+  return new Intl.DateTimeFormat("ru-RU", {
+    year: "numeric",
+    month: "numeric",
+    day: "numeric",
+    hour: "numeric",
+    minute: "numeric",
+    second: "numeric"
+  }).format(t);
+}
+const ue = R({
+  name: "CellHistory",
+  props: {
+    history: {
+      type: Array,
+      default: () => []
+    }
+  },
+  setup() {
+    return {
+      dateTimeFormat: pe
+    };
+  }
+}), _ = (e, t) => {
+  const a = e.__vccOpts || e;
+  for (const [i, r] of t)
+    a[i] = r;
+  return a;
+}, ce = { key: 0 }, de = { class: "name" };
+function ge(e, t, a, i, r, d) {
+  return e.history.length > 0 ? (c(), F("ul", ce, [
+    (c(!0), F(E, null, N(e.history, (n, m) => (c(), F("li", { key: m }, [
+      k("span", de, $(n.status), 1),
+      j(" " + $(e.dateTimeFormat(n.datetime)), 1)
+    ]))), 128))
+  ])) : G("", !0);
+}
+const fe = /* @__PURE__ */ _(ue, [["render", ge], ["__scopeId", "data-v-ebee5edd"]]), ye = R({
+  name: "ImportList",
+  components: { CellHistory: fe, DataTable: W, Page: U },
+  setup() {
+    const { t: e } = P(), {
+      fetchEntityList: t,
+      isLoading: a,
+      rowData: i,
+      errorMessage: r,
+      searchQuery: d,
+      handleChange: n,
+      pageSize: m,
+      pageCount: l,
+      pageNumber: s
+    } = X({
+      fetchEntityList: (o) => ne({
+        pageNumber: o.pageNumber,
+        pageSize: o.pageSize
+      }),
+      initialValue: [],
+      resourceName: "Import list",
+      pageSize: 100
+    });
+    return L(() => {
+      t();
+    }), {
+      columnDefs: [
+        {
+          id: 1,
+          name: "ID",
+          field: "id",
+          style: { width: "50px", textAlign: "center" },
+          headStyle: { width: "50px", textAlign: "center" }
+        },
+        {
+          id: 2,
+          name: e("import:type"),
+          field: "strategy",
+          style: { width: "150px" },
+          headStyle: { width: "150px" }
+        },
+        {
+          id: 3,
+          name: e("import:params"),
+          field: "params",
+          type: "key-value",
+          format: ({ row: o }) => o.params ? o.params.map((y) => ({
+            key: y.label,
+            value: y.value
+          })) : null
+        },
+        {
+          id: 4,
+          name: e("import:status"),
+          field: "status",
+          style: { width: "120px" },
+          headStyle: { width: "120px" }
+        },
+        {
+          id: 5,
+          name: e("import:message"),
+          field: "message"
+        },
+        {
+          id: 6,
+          name: e("import:log"),
+          field: "history",
+          style: { width: "270px", whiteSpace: "nowrap" },
+          headStyle: { width: "270px" }
+        },
+        {
+          id: 7,
+          name: e("import:file"),
+          field: "file",
+          type: "file",
+          style: { width: "150px", textAlign: "center" },
+          headStyle: { width: "150px", textAlign: "center" }
+        }
+      ],
+      getImportFormUrl: le,
+      rowData: i,
+      isRowDataLoading: a,
+      errorMessage: r,
+      searchQuery: d,
+      handleChange: n,
+      pageSize: m,
+      pageCount: l,
+      pageNumber: s
+    };
+  }
+});
+function he(e, t, a, i, r, d) {
+  const n = u("CellHistory"), m = u("DataTable"), l = u("Page");
+  return c(), w(l, {
+    title: e.$i18n.t("import:import"),
+    "header-buttons": [
+      {
+        text: e.$i18n.t("import:newImport"),
+        href: e.getImportFormUrl({ importId: "create" })
+      }
+    ]
+  }, {
+    default: v(() => [
+      h(m, {
+        "column-defs": e.columnDefs,
+        "row-data": e.rowData,
+        loading: e.isRowDataLoading,
+        "error-message": e.errorMessage,
+        pagination: {
+          pageSize: e.pageSize,
+          pageCount: e.pageCount,
+          pageNumber: e.pageNumber,
+          disabled: e.isRowDataLoading
+        },
+        "use-search": !1,
+        onChange: e.handleChange
+      }, {
+        "cell(history)": v(({ row: s }) => [
+          h(n, {
+            history: s.history
+          }, null, 8, ["history"])
+        ]),
+        _: 1
+      }, 8, ["column-defs", "row-data", "loading", "error-message", "pagination", "onChange"])
+    ]),
+    _: 1
+  }, 8, ["title", "header-buttons"]);
+}
+const Ie = /* @__PURE__ */ _(ye, [["render", he]]);
+function Fe(e, t) {
+  var a, i;
+  return {
+    strategy: ((a = e.strategy) == null ? void 0 : a.value) ?? "",
+    file: ((i = e.file) == null ? void 0 : i.file.id) ?? "",
+    params: t.map((r) => ({
+      name: r.config.name,
+      value: V.getOutgoingValue(r)
+    }))
+  };
+}
+function ve(e) {
+  return e.map((t) => ({
+    value: t.id,
+    label: t.name
+  }));
+}
+const Te = R({
+  name: "ImportForm",
+  components: { Page: U, FormFieldFileInput: x, DynamicField: ee, FormFooter: Z, FormFieldSelect: Y },
+  setup() {
+    const { t: e } = P(), t = B(), a = oe(), [
+      i,
+      { data: r, loading: d }
+    ] = H({
+      fetchResource: se,
+      initialValue: {
+        fileScenario: "",
+        strategies: []
+      },
+      resourceName: "Module info"
+    }), n = S(
+      () => r.value.fileScenario
+    ), m = S(
+      () => ve(r.value.strategies)
+    );
+    L(() => {
+      i();
+    });
+    const l = I({}), s = I({ strategy: null, file: null }), g = I(!1), o = I([]);
+    function y() {
+      const p = r.value.strategies.find(
+        (f) => {
+          var C;
+          return f.id === ((C = s.value.strategy) == null ? void 0 : C.value);
+        }
+      ), b = (p == null ? void 0 : p.fields) ?? [];
+      o.value = b.map(
+        (f) => V.createFormField(f, null)
+      );
+    }
+    J(
+      () => s.value.strategy,
+      () => {
+        y();
+      }
+    ), L(() => {
+      y();
+    });
+    function z(p) {
+      g.value = !0;
+      const b = Fe(
+        s.value,
+        o.value
+      );
+      me(b).then(() => {
+        l.value = {}, (p.type === "create" || p.type === "save" || p.type === "create_exit" || p.type === "save_exit") && q(a, D()), t.show({
+          variant: "success",
+          title: e("import:success"),
+          body: e("import:createdSuccessMessage")
+        });
+      }).catch((f) => {
+        console.error(f), l.value = Q(f), t.show({
+          variant: "danger",
+          title: e("import:error"),
+          body: e("import:createdErrorMessage")
+        });
+      }).finally(() => {
+        g.value = !1;
+      });
+    }
+    const A = S(() => d.value);
+    return {
+      values: s,
+      errors: l,
+      isSubmitting: g,
+      submitForm: z,
+      getImportListUrl: D,
+      strategyOptionList: m,
+      strategyFileScenario: n,
+      isContentLoading: A,
+      templateValues: o
+    };
+  }
+});
+function be(e, t, a, i, r, d) {
+  const n = u("FormFieldSelect"), m = u("FormFieldFileInput"), l = u("DynamicField"), s = u("FormFooter"), g = u("Page");
+  return c(), w(g, {
+    title: e.$i18n.t("import:importCreation"),
+    "is-content-loading": e.isContentLoading
+  }, {
+    footer: v(() => [
+      h(s, {
+        "back-href": e.getImportListUrl(),
+        "is-submitting": e.isSubmitting,
+        "is-creation": !0,
+        onSubmit: e.submitForm
+      }, null, 8, ["back-href", "is-submitting", "onSubmit"])
+    ]),
+    default: v(() => [
+      k("form", {
+        novalidate: "",
+        onSubmit: t[2] || (t[2] = K(() => {
+        }, ["prevent"]))
+      }, [
+        h(n, {
+          value: e.values.strategy,
+          "onUpdate:value": t[0] || (t[0] = (o) => e.values.strategy = o),
+          options: e.strategyOptionList,
+          error: e.errors.strategy,
+          name: "importType",
+          label: e.$i18n.t("import:importType")
+        }, null, 8, ["value", "options", "error", "label"]),
+        h(m, {
+          value: e.values.file,
+          "onUpdate:value": t[1] || (t[1] = (o) => e.values.file = o),
+          error: e.errors.file,
+          label: e.$i18n.t("import:file"),
+          name: "file",
+          scenario: e.strategyFileScenario
+        }, null, 8, ["value", "error", "label", "scenario"]),
+        (c(!0), F(E, null, N(e.templateValues, (o) => (c(), w(l, {
+          key: o.config.name,
+          field: o
+        }, null, 8, ["field"]))), 128))
+      ], 32)
+    ]),
+    _: 1
+  }, 8, ["title", "is-content-loading"]);
+}
+const Se = /* @__PURE__ */ _(Te, [["render", be]]), Le = {
+  path: T.IMPORT_LIST,
+  component: Ie,
+  name: "Import List",
+  meta: {
+    getBreadcrumbs: (e, t) => [
+      { url: "/", text: t.t("import:home") },
+      { url: e.path, text: t.t("import:importList") }
+    ]
+  }
+}, De = {
+  path: T.IMPORT_FORM,
+  component: Se,
+  name: "Import Form",
+  meta: {
+    getBreadcrumbs: (e, t) => [
+      { url: "/", text: t.t("import:home") },
+      { url: Le.path, text: t.t("import:importList") },
+      { url: e.path, text: t.t("import:importForm") }
+    ]
+  }
+};
+ie();
+export {
+  De as IMPORT_FORM_ROUTE,
+  Le as IMPORT_LIST_ROUTE,
+  me as createImport,
+  le as getImportFormUrl,
+  ne as getImportList,
+  D as getImportListUrl,
+  se as getModuleInfo
+};

package/dist/locales/apply.d.ts

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

package/dist/locales/en.d.ts

@@ -1,21 +1,19 @@
-declare const EN: {
-    home: string;
-    exportAndImport: string;
-    import: string;
-    importList: string;
-    importForm: string;
-    type: string;
-    importType: string;
-    status: string;
-    message: string;
-    log: string;
-    params: string;
-    file: string;
-    newImport: string;
-    importCreation: string;
-    success: string;
-    error: string;
-    createdSuccessMessage: string;
-    createdErrorMessage: string;
-};
-export default EN;
+export declare const EN: {
+    home: string;
+    import: string;
+    importList: string;
+    importForm: string;
+    type: string;
+    importType: string;
+    status: string;
+    message: string;
+    log: string;
+    params: string;
+    file: string;
+    newImport: string;
+    importCreation: string;
+    success: string;
+    error: string;
+    createdSuccessMessage: string;
+    createdErrorMessage: 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,8 +1,8 @@
-import { ResponseBody } from '@tager/admin-services';
-import { ModuleInfoType, ImportCreatePayload, ImportType } from '../typings/model';
-export declare function getImportList(params?: {
-    pageNumber?: number;
-    pageSize?: number;
-}): Promise<ResponseBody<Array<ImportType>>>;
-export declare function getModuleInfo(): Promise<ResponseBody<ModuleInfoType>>;
-export declare function createImport(payload: ImportCreatePayload): Promise<ResponseBody<ImportType>>;
+import { type ResponseBody } from '@tager/admin-services';
+import { type ModuleInfoType, type ImportCreatePayload, type ImportType } from '../typings/model';
+export declare function getImportList(params?: {
+    pageNumber?: number;
+    pageSize?: number;
+}): Promise<ResponseBody<Array<ImportType>>>;
+export declare function getModuleInfo(): Promise<ResponseBody<ModuleInfoType>>;
+export declare function createImport(payload: ImportCreatePayload): Promise<ResponseBody<ImportType>>;

package/dist/style.css

@@ -0,0 +1 @@
+.name[data-v-ebee5edd]{display:inline-block;width:100px}

package/dist/typings/model.d.ts

@@ -1,33 +1,33 @@
-import { FileType } from '@tager/admin-services';
-import { FieldConfigUnion, FieldShortType, OutgoingValueUnion } from '@tager/admin-dynamic-field';
-export interface HistoryType {
-    readonly datetime: string;
-    readonly status: string;
-}
-export interface ParamType {
-    readonly label: string;
-    readonly value: string;
-}
-export interface ImportType {
-    readonly id: number;
-    readonly strategy: string;
-    readonly status: string;
-    readonly message: string | null;
-    readonly history: Array<HistoryType>;
-    readonly params: Array<ParamType> | null;
-    readonly file: FileType | null;
-}
-export interface StrategyType {
-    readonly id: string;
-    readonly name: string;
-    readonly fields: Array<FieldConfigUnion>;
-}
-export interface ModuleInfoType {
-    readonly fileScenario: string;
-    readonly strategies: Array<StrategyType>;
-}
-export interface ImportCreatePayload {
-    strategy: string;
-    file: string;
-    params: Array<FieldShortType<OutgoingValueUnion>>;
-}
+import { type FileType } from '@tager/admin-services';
+import { type FieldConfigUnion, type FieldShortType, type OutgoingValueUnion } from '@tager/admin-dynamic-field';
+export interface HistoryType {
+    readonly datetime: string;
+    readonly status: string;
+}
+export interface ParamType {
+    readonly label: string;
+    readonly value: string;
+}
+export interface ImportType {
+    readonly id: number;
+    readonly strategy: string;
+    readonly status: string;
+    readonly message: string | null;
+    readonly history: Array<HistoryType>;
+    readonly params: Array<ParamType> | null;
+    readonly file: FileType | null;
+}
+export interface StrategyType {
+    readonly id: string;
+    readonly name: string;
+    readonly fields: Array<FieldConfigUnion>;
+}
+export interface ModuleInfoType {
+    readonly fileScenario: string;
+    readonly strategies: Array<StrategyType>;
+}
+export interface ImportCreatePayload {
+    strategy: string;
+    file: string;
+    params: Array<FieldShortType<OutgoingValueUnion>>;
+}

package/dist/utils/paths.d.ts

@@ -1,4 +1,4 @@
-export declare function getImportListUrl(): string;
-export declare function getImportFormUrl(params: {
-    importId: string | number;
-}): string;
+export declare function getImportListUrl(): string;
+export declare function getImportFormUrl(params: {
+    importId: string | number;
+}): string;

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

@@ -1,9 +1,9 @@
-import { OptionType, SingleFileInputValueType } from '@tager/admin-ui';
-import { FieldUnion } from '@tager/admin-dynamic-field';
-import { ImportCreatePayload, StrategyType } from '../../typings/model';
-export declare type FormValues = {
-    strategy: OptionType | null;
-    file: SingleFileInputValueType | null;
-};
-export declare function convertImportFormValuesToCreationPayload(values: FormValues, templateValues: Array<FieldUnion>): ImportCreatePayload;
-export declare function convertStrategiesToStrategyOptionList(strategies: Array<StrategyType>): Array<OptionType>;
+import { type OptionType, type SingleFileInputValueType } from '@tager/admin-ui';
+import { type FieldUnion } from '@tager/admin-dynamic-field';
+import { type ImportCreatePayload, type StrategyType } from '../../typings/model';
+export type FormValues = {
+    strategy: OptionType | null;
+    file: SingleFileInputValueType | null;
+};
+export declare function convertImportFormValuesToCreationPayload(values: FormValues, templateValues: Array<FieldUnion>): ImportCreatePayload;
+export declare function convertStrategiesToStrategyOptionList(strategies: Array<StrategyType>): Array<OptionType>;