@tager/admin-import 0.1.1 → 1.0.0

package/dist/index.esm.js

@@ -1,618 +0,0 @@
-import { request, useResource, convertRequestErrorToMap, i18n } from '@tager/admin-services';
-import { defineComponent, onMounted, computed, ref } from '@vue/composition-api';
-import { useTranslation, useDataTable, FormFooter } from '@tager/admin-ui';
-import { compile } from 'path-to-regexp';
-
-const EN = {
-    home: 'Home',
-    exportAndImport: 'Export / Import',
-    import: 'Import',
-    importList: 'Import List',
-    importForm: 'Import Form',
-    type: 'Type',
-    importType: 'Import type',
-    status: 'status',
-    message: 'Message',
-    log: 'Log',
-    file: 'file',
-    newImport: 'New import',
-    importCreation: 'Import creation',
-    success: 'Success',
-    error: 'Error',
-    createdSuccessMessage: 'Import has been successfully created',
-    createdErrorMessage: 'Import creation has been failed',
-};
-
-const RU = {
-    home: 'Главная',
-    exportAndImport: 'Экспорт / Импорт',
-    import: 'Импорт',
-    importList: 'Список импортов',
-    importForm: 'Форма импорта',
-    type: 'Тип',
-    importType: 'Тип импорта',
-    status: 'Статус',
-    message: 'Сообщение',
-    log: 'Лог',
-    file: 'Файл',
-    newImport: 'Новый импорт',
-    importCreation: 'Создание импорта',
-    success: 'Успех',
-    error: 'Ошибка',
-    createdSuccessMessage: 'Импорт была успешно создан',
-    createdErrorMessage: 'Создание импорта не удалось',
-};
-
-function getImportList(params) {
-    return request.get({ path: '/admin/tager/import', params });
-}
-function getModuleInfo() {
-    return request.get({ path: '/admin/tager/import/info' });
-}
-function createImport(payload) {
-    return request.post({ path: '/admin/tager/import', body: payload });
-}
-
-const IMPORT_ROUTE_PATHS = {
-    IMPORT_LIST: '/import',
-    IMPORT_FORM: '/import/:importId',
-};
-
-function getImportListUrl() {
-    return IMPORT_ROUTE_PATHS.IMPORT_LIST;
-}
-function getImportFormUrl(params) {
-    return compile(IMPORT_ROUTE_PATHS.IMPORT_FORM)(params);
-}
-
-var script = defineComponent({
-    name: 'ImportList',
-    setup(props, context) {
-        const { t } = useTranslation(context);
-        const { fetchEntityList: fetchImportList, isLoading: isImportListLoading, rowData: importList, errorMessage, searchQuery, handleChange, pageSize, pageCount, pageNumber, } = useDataTable({
-            fetchEntityList: (params) => getImportList({
-                pageNumber: params.pageNumber,
-                pageSize: params.pageSize,
-            }),
-            initialValue: [],
-            context,
-            resourceName: 'Import list',
-            pageSize: 100,
-        });
-        onMounted(() => {
-            fetchImportList();
-        });
-        const columnDefs = [
-            {
-                id: 1,
-                name: 'ID',
-                field: 'id',
-                style: { width: '50px', textAlign: 'center' },
-                headStyle: { width: '50px', textAlign: 'center' },
-            },
-            {
-                id: 2,
-                name: t('import:type'),
-                field: 'strategy',
-                style: { width: '15%' },
-                headStyle: { width: '15%' },
-            },
-            {
-                id: 3,
-                name: t('import:status'),
-                field: 'status',
-                style: { width: '15%' },
-                headStyle: { width: '15%' },
-            },
-            {
-                id: 4,
-                name: t('import:message'),
-                field: 'message',
-            },
-            {
-                id: 5,
-                name: t('import:log'),
-                field: 'history',
-                style: { width: '25%' },
-                headStyle: { width: '25%' },
-            },
-            {
-                id: 6,
-                name: t('import:file'),
-                field: 'file',
-                type: 'file',
-                style: { width: '150px', textAlign: 'center' },
-                headStyle: { width: '150px', textAlign: 'center' },
-            },
-        ];
-        function dateTimeFormat(value) {
-            const options = {
-                year: 'numeric',
-                month: 'numeric',
-                day: 'numeric',
-                hour: 'numeric',
-                minute: 'numeric',
-                second: 'numeric',
-            };
-            const date = new Date(value);
-            return new Intl.DateTimeFormat('ru-RU', options).format(date);
-        }
-        return {
-            columnDefs,
-            getImportFormUrl,
-            rowData: importList,
-            isRowDataLoading: isImportListLoading,
-            errorMessage: errorMessage,
-            searchQuery,
-            handleChange,
-            pageSize,
-            pageCount,
-            pageNumber,
-            t,
-            dateTimeFormat,
-        };
-    },
-});
-
-function normalizeComponent(template, style, script, scopeId, isFunctionalTemplate, moduleIdentifier /* server only */, shadowMode, createInjector, createInjectorSSR, createInjectorShadow) {
-    if (typeof shadowMode !== 'boolean') {
-        createInjectorSSR = createInjector;
-        createInjector = shadowMode;
-        shadowMode = false;
-    }
-    // Vue.extend constructor export interop.
-    const options = typeof script === 'function' ? script.options : script;
-    // render functions
-    if (template && template.render) {
-        options.render = template.render;
-        options.staticRenderFns = template.staticRenderFns;
-        options._compiled = true;
-        // functional template
-        if (isFunctionalTemplate) {
-            options.functional = true;
-        }
-    }
-    // scopedId
-    if (scopeId) {
-        options._scopeId = scopeId;
-    }
-    let hook;
-    if (moduleIdentifier) {
-        // server build
-        hook = function (context) {
-            // 2.3 injection
-            context =
-                context || // cached call
-                    (this.$vnode && this.$vnode.ssrContext) || // stateful
-                    (this.parent && this.parent.$vnode && this.parent.$vnode.ssrContext); // functional
-            // 2.2 with runInNewContext: true
-            if (!context && typeof __VUE_SSR_CONTEXT__ !== 'undefined') {
-                context = __VUE_SSR_CONTEXT__;
-            }
-            // inject component styles
-            if (style) {
-                style.call(this, createInjectorSSR(context));
-            }
-            // register component module identifier for async chunk inference
-            if (context && context._registeredComponents) {
-                context._registeredComponents.add(moduleIdentifier);
-            }
-        };
-        // used by ssr in case component is cached and beforeCreate
-        // never gets called
-        options._ssrRegister = hook;
-    }
-    else if (style) {
-        hook = shadowMode
-            ? function (context) {
-                style.call(this, createInjectorShadow(context, this.$root.$options.shadowRoot));
-            }
-            : function (context) {
-                style.call(this, createInjector(context));
-            };
-    }
-    if (hook) {
-        if (options.functional) {
-            // register for functional component in vue file
-            const originalRender = options.render;
-            options.render = function renderWithStyleInjection(h, context) {
-                hook.call(context);
-                return originalRender(h, context);
-            };
-        }
-        else {
-            // inject component registration as beforeCreate hook
-            const existing = options.beforeCreate;
-            options.beforeCreate = existing ? [].concat(existing, hook) : [hook];
-        }
-    }
-    return script;
-}
-
-/* script */
-const __vue_script__ = script;
-
-/* template */
-var __vue_render__ = function () {
-  var _vm = this;
-  var _h = _vm.$createElement;
-  var _c = _vm._self._c || _h;
-  return _c(
-    "page",
-    {
-      attrs: {
-        title: _vm.t("import:import"),
-        "header-buttons": [
-          {
-            text: _vm.t("import:newImport"),
-            href: _vm.getImportFormUrl({ importId: "create" }),
-          },
-        ],
-      },
-    },
-    [
-      _c("data-table", {
-        attrs: {
-          "column-defs": _vm.columnDefs,
-          "row-data": _vm.rowData,
-          loading: _vm.isRowDataLoading,
-          "error-message": _vm.errorMessage,
-          pagination: {
-            pageSize: _vm.pageSize,
-            pageCount: _vm.pageCount,
-            pageNumber: _vm.pageNumber,
-            disabled: _vm.isRowDataLoading,
-          },
-          "use-search": false,
-        },
-        on: { change: _vm.handleChange },
-        scopedSlots: _vm._u([
-          {
-            key: "cell(history)",
-            fn: function (ref) {
-              var row = ref.row;
-              return [
-                row.history
-                  ? _c(
-                      "ul",
-                      _vm._l(row.history, function (history, index) {
-                        return _c("li", { key: index }, [
-                          _c(
-                            "span",
-                            {
-                              style: {
-                                width: "100px",
-                                display: "inline-block",
-                              },
-                            },
-                            [_vm._v(_vm._s(history.status))]
-                          ),
-                          _vm._v(
-                            "\n          " +
-                              _vm._s(_vm.dateTimeFormat(history.datetime)) +
-                              "\n        "
-                          ),
-                        ])
-                      }),
-                      0
-                    )
-                  : _vm._e(),
-              ]
-            },
-          },
-        ]),
-      }),
-    ],
-    1
-  )
-};
-var __vue_staticRenderFns__ = [];
-__vue_render__._withStripped = true;
-
-  /* style */
-  const __vue_inject_styles__ = undefined;
-  /* scoped */
-  const __vue_scope_id__ = undefined;
-  /* module identifier */
-  const __vue_module_identifier__ = undefined;
-  /* functional template */
-  const __vue_is_functional_template__ = false;
-  /* style inject */
-  
-  /* style inject SSR */
-  
-  /* style inject shadow dom */
-  
-
-  
-  const __vue_component__ = /*#__PURE__*/normalizeComponent(
-    { render: __vue_render__, staticRenderFns: __vue_staticRenderFns__ },
-    __vue_inject_styles__,
-    __vue_script__,
-    __vue_scope_id__,
-    __vue_is_functional_template__,
-    __vue_module_identifier__,
-    false,
-    undefined,
-    undefined,
-    undefined
-  );
-
-function convertImportFormValuesToCreationPayload(values) {
-    var _a, _b, _c, _d;
-    return {
-        strategy: (_b = (_a = values.strategy) === null || _a === void 0 ? void 0 : _a.value) !== null && _b !== void 0 ? _b : '',
-        file: (_d = (_c = values.file) === null || _c === void 0 ? void 0 : _c.file.id) !== null && _d !== void 0 ? _d : '',
-    };
-}
-
-var script$1 = defineComponent({
-    name: 'ImportForm',
-    components: { FormFooter },
-    setup(props, context) {
-        const { t } = useTranslation(context);
-        /** Strategies */
-        const [fetchModuleInfo, { data: moduleInfo, loading: isModuleInfoLoading },] = useResource({
-            fetchResource: getModuleInfo,
-            initialValue: null,
-            context,
-            resourceName: 'Module info',
-        });
-        const strategyFileScenario = computed(() => { var _a, _b; return (_b = (_a = moduleInfo.value) === null || _a === void 0 ? void 0 : _a.fileScenario) !== null && _b !== void 0 ? _b : ''; });
-        const strategyOptionList = computed(() => { var _a, _b; return (_b = (_a = moduleInfo.value) === null || _a === void 0 ? void 0 : _a.strategies.map((strategy) => ({
-            value: strategy.id,
-            label: strategy.name,
-        }))) !== null && _b !== void 0 ? _b : []; });
-        onMounted(() => {
-            fetchModuleInfo();
-        });
-        /** Form state */
-        const errors = ref({});
-        const values = ref({ strategy: null, file: null });
-        const isSubmitting = ref(false);
-        function submitForm(event) {
-            isSubmitting.value = true;
-            const creationPayload = convertImportFormValuesToCreationPayload(values.value);
-            createImport(creationPayload)
-                .then(() => {
-                errors.value = {};
-                if (event.type === 'create' ||
-                    event.type === 'save' ||
-                    event.type === 'create_exit' ||
-                    event.type === 'save_exit') {
-                    context.root.$router.push(getImportListUrl());
-                }
-                context.root.$toast({
-                    variant: 'success',
-                    title: t('import:success'),
-                    body: t('import:createdSuccessMessage'),
-                });
-            })
-                .catch((error) => {
-                console.error(error);
-                errors.value = convertRequestErrorToMap(error);
-                context.root.$toast({
-                    variant: 'danger',
-                    title: t('import:error'),
-                    body: t('import:createdErrorMessage'),
-                });
-            })
-                .finally(() => {
-                isSubmitting.value = false;
-            });
-        }
-        /** Is content loading **/
-        const isContentLoading = computed(() => isModuleInfoLoading.value);
-        return {
-            values,
-            errors,
-            isSubmitting,
-            submitForm,
-            getImportListUrl,
-            strategyOptionList,
-            strategyFileScenario,
-            isContentLoading,
-        };
-    },
-});
-
-const isOldIE = typeof navigator !== 'undefined' &&
-    /msie [6-9]\\b/.test(navigator.userAgent.toLowerCase());
-function createInjector(context) {
-    return (id, style) => addStyle(id, style);
-}
-let HEAD;
-const styles = {};
-function addStyle(id, css) {
-    const group = isOldIE ? css.media || 'default' : id;
-    const style = styles[group] || (styles[group] = { ids: new Set(), styles: [] });
-    if (!style.ids.has(id)) {
-        style.ids.add(id);
-        let code = css.source;
-        if (css.map) {
-            // https://developer.chrome.com/devtools/docs/javascript-debugging
-            // this makes source maps inside style tags work properly in Chrome
-            code += '\n/*# sourceURL=' + css.map.sources[0] + ' */';
-            // http://stackoverflow.com/a/26603875
-            code +=
-                '\n/*# sourceMappingURL=data:application/json;base64,' +
-                    btoa(unescape(encodeURIComponent(JSON.stringify(css.map)))) +
-                    ' */';
-        }
-        if (!style.element) {
-            style.element = document.createElement('style');
-            style.element.type = 'text/css';
-            if (css.media)
-                style.element.setAttribute('media', css.media);
-            if (HEAD === undefined) {
-                HEAD = document.head || document.getElementsByTagName('head')[0];
-            }
-            HEAD.appendChild(style.element);
-        }
-        if ('styleSheet' in style.element) {
-            style.styles.push(code);
-            style.element.styleSheet.cssText = style.styles
-                .filter(Boolean)
-                .join('\n');
-        }
-        else {
-            const index = style.ids.size - 1;
-            const textNode = document.createTextNode(code);
-            const nodes = style.element.childNodes;
-            if (nodes[index])
-                style.element.removeChild(nodes[index]);
-            if (nodes.length)
-                style.element.insertBefore(textNode, nodes[index]);
-            else
-                style.element.appendChild(textNode);
-        }
-    }
-}
-
-/* script */
-const __vue_script__$1 = script$1;
-
-/* template */
-var __vue_render__$1 = function () {
-  var _vm = this;
-  var _h = _vm.$createElement;
-  var _c = _vm._self._c || _h;
-  return _c(
-    "page",
-    {
-      attrs: {
-        title: _vm.$t("import:importCreation"),
-        "is-content-loading": _vm.isContentLoading,
-      },
-      scopedSlots: _vm._u([
-        {
-          key: "footer",
-          fn: function () {
-            return [
-              _c("FormFooter", {
-                attrs: {
-                  "back-href": _vm.getImportListUrl(),
-                  "on-submit": _vm.submitForm,
-                  "is-submitting": _vm.isSubmitting,
-                  "is-creation": true,
-                },
-              }),
-            ]
-          },
-          proxy: true,
-        },
-      ]),
-    },
-    [
-      _c(
-        "form",
-        {
-          attrs: { novalidate: "" },
-          on: {
-            submit: function ($event) {
-              $event.preventDefault();
-            },
-          },
-        },
-        [
-          [
-            _c("form-field-select", {
-              attrs: {
-                options: _vm.strategyOptionList,
-                error: _vm.errors.strategy,
-                name: "importType",
-                label: _vm.$t("import:importType"),
-              },
-              model: {
-                value: _vm.values.strategy,
-                callback: function ($$v) {
-                  _vm.$set(_vm.values, "strategy", $$v);
-                },
-                expression: "values.strategy",
-              },
-            }),
-            _vm._v(" "),
-            _c("form-field-file-input", {
-              attrs: {
-                error: _vm.errors.file,
-                label: _vm.$t("import:file"),
-                name: "file",
-                scenario: _vm.strategyFileScenario,
-              },
-              model: {
-                value: _vm.values.file,
-                callback: function ($$v) {
-                  _vm.$set(_vm.values, "file", $$v);
-                },
-                expression: "values.file",
-              },
-            }),
-          ],
-        ],
-        2
-      ),
-    ]
-  )
-};
-var __vue_staticRenderFns__$1 = [];
-__vue_render__$1._withStripped = true;
-
-  /* style */
-  const __vue_inject_styles__$1 = function (inject) {
-    if (!inject) return
-    inject("data-v-e28a3998_0", { source: "\n\n/*# sourceMappingURL=ImportForm.vue.map */", map: {"version":3,"sources":["ImportForm.vue"],"names":[],"mappings":";;AAEA,yCAAyC","file":"ImportForm.vue"}, media: undefined });
-
-  };
-  /* scoped */
-  const __vue_scope_id__$1 = "data-v-e28a3998";
-  /* module identifier */
-  const __vue_module_identifier__$1 = undefined;
-  /* functional template */
-  const __vue_is_functional_template__$1 = false;
-  /* style inject SSR */
-  
-  /* style inject shadow dom */
-  
-
-  
-  const __vue_component__$1 = /*#__PURE__*/normalizeComponent(
-    { render: __vue_render__$1, staticRenderFns: __vue_staticRenderFns__$1 },
-    __vue_inject_styles__$1,
-    __vue_script__$1,
-    __vue_scope_id__$1,
-    __vue_is_functional_template__$1,
-    __vue_module_identifier__$1,
-    false,
-    createInjector,
-    undefined,
-    undefined
-  );
-
-const IMPORT_LIST_ROUTE = {
-    path: IMPORT_ROUTE_PATHS.IMPORT_LIST,
-    component: __vue_component__,
-    name: 'Import List',
-    meta: {
-        getBreadcrumbs: (route, t) => [
-            { url: '/', text: t('import:home') },
-            { url: route.path, text: t('import:importList') },
-        ],
-    },
-};
-const IMPORT_FORM_ROUTE = {
-    path: IMPORT_ROUTE_PATHS.IMPORT_FORM,
-    component: __vue_component__$1,
-    name: 'Import Form',
-    meta: {
-        getBreadcrumbs: (route, t) => [
-            { url: '/', text: t('import:home') },
-            { url: IMPORT_LIST_ROUTE.path, text: t('import:importList') },
-            { url: route.path, text: t('import:importForm') },
-        ],
-    },
-};
-
-i18n.addTranslations('en', 'import', EN);
-i18n.addTranslations('ru', 'import', RU);
-
-export { IMPORT_FORM_ROUTE, IMPORT_LIST_ROUTE, createImport, getImportFormUrl, getImportList, getImportListUrl, getModuleInfo };