@tager/admin-files 0.0.7 → 1.0.0

package/dist/index.umd.js

@@ -1,750 +0,0 @@
-(function (global, factory) {
-  typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@tager/admin-services'), require('@vue/composition-api'), require('@tager/admin-ui'), require('path-to-regexp')) :
-  typeof define === 'function' && define.amd ? define(['exports', '@tager/admin-services', '@vue/composition-api', '@tager/admin-ui', 'path-to-regexp'], factory) :
-  (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory(global.TagerAdminFiles = {}, global.adminServices, global.compositionApi, global.adminUi, global.pathToRegexp));
-}(this, (function (exports, adminServices, compositionApi, adminUi, pathToRegexp) { 'use strict';
-
-  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: 'Главная',
-      success: 'Успех',
-      error: 'Ошибка',
-      createdSuccessMessage: 'Файл был успешно добавлен',
-      createdErrorMessage: 'Не удалось добавить файл',
-      files: 'Файлы',
-      filesList: 'Список файлов',
-      filesForm: 'Форма файлов',
-      createFile: 'Создать файл',
-      fileCreation: 'Создание файла',
-      file: 'Файл',
-      fileName: 'Имя файла',
-      fileType: 'Тип файла',
-      fileSize: 'Размер',
-      delete: 'Удалить',
-      add: 'Добавить',
-  };
-
-  /**
-   * filesize
-   *
-   * @copyright 2021 Jason Mulligan <jason.mulligan@avoidwork.com>
-   * @license BSD-3-Clause
-   * @version 7.0.0
-   */
-  const b = /^(b|B)$/,
-  	symbol = {
-  		iec: {
-  			bits: ["b", "Kib", "Mib", "Gib", "Tib", "Pib", "Eib", "Zib", "Yib"],
-  			bytes: ["B", "KiB", "MiB", "GiB", "TiB", "PiB", "EiB", "ZiB", "YiB"]
-  		},
-  		jedec: {
-  			bits: ["b", "Kb", "Mb", "Gb", "Tb", "Pb", "Eb", "Zb", "Yb"],
-  			bytes: ["B", "KB", "MB", "GB", "TB", "PB", "EB", "ZB", "YB"]
-  		}
-  	},
-  	fullform = {
-  		iec: ["", "kibi", "mebi", "gibi", "tebi", "pebi", "exbi", "zebi", "yobi"],
-  		jedec: ["", "kilo", "mega", "giga", "tera", "peta", "exa", "zetta", "yotta"]
-  	},
-  	roundingFuncs = {
-  		floor: Math.floor,
-  		ceil: Math.ceil
-  	};
-
-  /**
-   * filesize
-   *
-   * @method filesize
-   * @param  {Mixed}   arg        String, Int or Float to transform
-   * @param  {Object}  descriptor [Optional] Flags
-   * @return {String}             Readable file size String
-   */
-  function filesize (arg, descriptor = {}) {
-  	let result = [],
-  		val = 0,
-  		e, base, bits, ceil, full, fullforms, locale, localeOptions, neg, num, output, pad, round, u, unix, separator, spacer, standard, symbols, roundingFunc, precision;
-
-  	if (isNaN(arg)) {
-  		throw new TypeError("Invalid number");
-  	}
-
-  	bits = descriptor.bits === true;
-  	unix = descriptor.unix === true;
-  	pad = descriptor.pad === true;
-  	base = descriptor.base || 2;
-  	round = descriptor.round !== void 0 ? descriptor.round : unix ? 1 : 2;
-  	locale = descriptor.locale !== void 0 ? descriptor.locale : "";
-  	localeOptions = descriptor.localeOptions || {};
-  	separator = descriptor.separator !== void 0 ? descriptor.separator : "";
-  	spacer = descriptor.spacer !== void 0 ? descriptor.spacer : unix ? "" : " ";
-  	symbols = descriptor.symbols || {};
-  	standard = base === 2 ? descriptor.standard || "jedec" : "jedec";
-  	output = descriptor.output || "string";
-  	full = descriptor.fullform === true;
-  	fullforms = descriptor.fullforms instanceof Array ? descriptor.fullforms : [];
-  	e = descriptor.exponent !== void 0 ? descriptor.exponent : -1;
-  	roundingFunc = roundingFuncs[descriptor.roundingMethod] || Math.round;
-  	num = Number(arg);
-  	neg = num < 0;
-  	ceil = base > 2 ? 1000 : 1024;
-  	precision = isNaN(descriptor.precision) === false ? parseInt(descriptor.precision, 10) : 0;
-
-  	// Flipping a negative number to determine the size
-  	if (neg) {
-  		num = -num;
-  	}
-
-  	// Determining the exponent
-  	if (e === -1 || isNaN(e)) {
-  		e = Math.floor(Math.log(num) / Math.log(ceil));
-
-  		if (e < 0) {
-  			e = 0;
-  		}
-  	}
-
-  	// Exceeding supported length, time to reduce & multiply
-  	if (e > 8) {
-  		if (precision > 0) {
-  			precision += 8 - e;
-  		}
-
-  		e = 8;
-  	}
-
-  	if (output === "exponent") {
-  		return e;
-  	}
-
-  	// Zero is now a special case because bytes divide by 1
-  	if (num === 0) {
-  		result[0] = 0;
-  		u = result[1] = unix ? "" : symbol[standard][bits ? "bits" : "bytes"][e];
-  	} else {
-  		val = num / (base === 2 ? Math.pow(2, e * 10) : Math.pow(1000, e));
-
-  		if (bits) {
-  			val = val * 8;
-
-  			if (val >= ceil && e < 8) {
-  				val = val / ceil;
-  				e++;
-  			}
-  		}
-
-  		const p = Math.pow(10, e > 0 ? round : 0);
-  		result[0] = roundingFunc(val * p) / p;
-
-  		if (result[0] === ceil && e < 8 && descriptor.exponent === void 0) {
-  			result[0] = 1;
-  			e++;
-  		}
-
-  		u = result[1] = base === 10 && e === 1 ? bits ? "kb" : "kB" : symbol[standard][bits ? "bits" : "bytes"][e];
-
-  		if (unix) {
-  			result[1] = standard === "jedec" ? result[1].charAt(0) : e > 0 ? result[1].replace(/B$/, "") : result[1];
-
-  			if (b.test(result[1])) {
-  				result[0] = Math.floor(result[0]);
-  				result[1] = "";
-  			}
-  		}
-  	}
-
-  	// Decorating a 'diff'
-  	if (neg) {
-  		result[0] = -result[0];
-  	}
-
-  	// Setting optional precision
-  	if (precision > 0) {
-  		result[0] = result[0].toPrecision(precision);
-  	}
-
-  	// Applying custom symbol
-  	result[1] = symbols[result[1]] || result[1];
-
-  	if (locale === true) {
-  		result[0] = result[0].toLocaleString();
-  	} else if (locale.length > 0) {
-  		result[0] = result[0].toLocaleString(locale, localeOptions);
-  	} else if (separator.length > 0) {
-  		result[0] = result[0].toString().replace(".", separator);
-  	}
-
-  	if (pad && Number.isInteger(result[0]) === false && round > 0) {
-  		const x = separator || ".",
-  			tmp = result[0].toString().split(x),
-  			s = tmp[1] || "",
-  			l = s.length,
-  			n = round - l;
-
-  		result[0] = `${tmp[0]}${x}${s.padEnd(l + n, "0")}`;
-  	}
-
-  	if (full) {
-  		result[1] = fullforms[e] ? fullforms[e] : fullform[standard][e] + (bits ? "bit" : "byte") + (result[0] === 1 ? "" : "s");
-  	}
-
-  	// Returning Array, Object, or String (default)
-  	return output === "array" ? result : output === "object" ? {value: result[0], symbol: result[1], exponent: e, unit: u} : result.join(spacer);
-  }
-
-  // Partial application for functional programming
-  filesize.partial = opt => arg => filesize(arg, opt);
-
-  function getFilesList(params) {
-      return adminServices.request.get({ path: '/admin/userfiles', params });
-  }
-  function getFilesCount() {
-      return adminServices.request.get({ path: '/admin/userfiles/count' });
-  }
-  function deleteFile(fileId) {
-      return adminServices.request.delete({ path: `/admin/userfiles/${fileId}` });
-  }
-  function addFile(payload) {
-      return adminServices.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 pathToRegexp.compile(FILES_ROUTE_PATHS.FILES_FORM)(params);
-  }
-
-  var script$1 = compositionApi.defineComponent({
-      name: 'FilesList',
-      components: {},
-      setup(props, context) {
-          const { t } = adminUi.useTranslation(context);
-          const { fetchEntityList: fetchFilesList, isLoading: isFilesListLoading, rowData: filesList, errorMessage, searchQuery, handleChange, pageSize, pageCount, pageNumber, } = adminUi.useDataTable({
-              fetchEntityList: (params) => getFilesList({
-                  query: params.searchQuery,
-                  pageNumber: params.pageNumber,
-                  pageSize: params.pageSize,
-              }),
-              initialValue: [],
-              context,
-              resourceName: 'Files list',
-              pageSize: 100,
-          });
-          compositionApi.onMounted(() => {
-              fetchFilesList();
-          });
-          const { handleResourceDelete, isDeleting } = adminServices.useResourceDelete({
-              deleteResource: deleteFile,
-              resourceName: 'File',
-              onSuccess: fetchFilesList,
-              context,
-          });
-          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: adminUi.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: errorMessage,
-              searchQuery,
-              handleChange,
-              pageSize,
-              pageCount,
-              pageNumber,
-              handleResourceDelete,
-              isDeleting,
-          };
-      },
-  });
-
-  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__$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("files:filesList"),
-          "header-buttons": [
-            {
-              text: _vm.$t("files:createFile"),
-              href: _vm.getFilesFormUrl({ fileId: "create" }),
-            },
-          ],
-        },
-      },
-      [
-        _c("data-table", {
-          attrs: {
-            "column-defs": _vm.columnDefs,
-            "row-data": _vm.rowData,
-            loading: _vm.isRowDataLoading,
-            "error-message": _vm.errorMessage,
-            "search-query": _vm.searchQuery,
-            pagination: {
-              pageSize: _vm.pageSize,
-              pageCount: _vm.pageCount,
-              pageNumber: _vm.pageNumber,
-              disabled: _vm.isRowDataLoading,
-            },
-          },
-          on: { change: _vm.handleChange },
-          scopedSlots: _vm._u([
-            {
-              key: "cell(delete)",
-              fn: function (ref) {
-                var row = ref.row;
-                return [
-                  _c(
-                    "base-button",
-                    {
-                      attrs: {
-                        variant: "icon",
-                        title: _vm.$t("files:delete"),
-                        disabled: _vm.isDeleting(row.id),
-                      },
-                      on: {
-                        click: function ($event) {
-                          return _vm.handleResourceDelete(row.id)
-                        },
-                      },
-                    },
-                    [_c("svg-icon", { attrs: { name: "delete" } })],
-                    1
-                  ),
-                ]
-              },
-            },
-          ]),
-        }),
-      ],
-      1
-    )
-  };
-  var __vue_staticRenderFns__$1 = [];
-  __vue_render__$1._withStripped = true;
-
-    /* style */
-    const __vue_inject_styles__$1 = undefined;
-    /* scoped */
-    const __vue_scope_id__$1 = undefined;
-    /* module identifier */
-    const __vue_module_identifier__$1 = undefined;
-    /* functional template */
-    const __vue_is_functional_template__$1 = false;
-    /* style inject */
-    
-    /* 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,
-      undefined,
-      undefined,
-      undefined
-    );
-
-  function convertFilesFormValuesToCreationPayload(values) {
-      var _a, _b;
-      return {
-          file: (_b = (_a = values.file) === null || _a === void 0 ? void 0 : _a.file.id) !== null && _b !== void 0 ? _b : '',
-      };
-  }
-
-  var script = compositionApi.defineComponent({
-      name: 'FilesForm',
-      components: { FormFooter: adminUi.FormFooter },
-      setup(props, context) {
-          const { t } = adminUi.useTranslation(context);
-          /** Form state */
-          const errors = compositionApi.ref({});
-          const values = compositionApi.ref({ file: null });
-          const isSubmitting = compositionApi.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') {
-                      context.root.$router.push(getFilesListUrl());
-                  }
-                  context.root.$toast({
-                      variant: 'success',
-                      title: t('files:success'),
-                      body: t('files:createdSuccessMessage'),
-                  });
-              })
-                  .catch((error) => {
-                  console.error(error);
-                  errors.value = adminServices.convertRequestErrorToMap(error);
-                  context.root.$toast({
-                      variant: 'danger',
-                      title: t('files:error'),
-                      body: t('files:createdErrorMessage'),
-                  });
-              })
-                  .finally(() => {
-                  isSubmitting.value = false;
-              });
-          }
-          return {
-              values,
-              errors,
-              isSubmitting,
-              submitForm,
-              getFilesListUrl,
-          };
-      },
-  });
-
-  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__ = 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("files:fileCreation") },
-        scopedSlots: _vm._u([
-          {
-            key: "footer",
-            fn: function () {
-              return [
-                _c("FormFooter", {
-                  attrs: {
-                    "back-href": _vm.getFilesListUrl(),
-                    "on-submit": _vm.submitForm,
-                    "is-submitting": _vm.isSubmitting,
-                    "is-creation": true,
-                    "submit-label": "Добавить",
-                  },
-                }),
-              ]
-            },
-            proxy: true,
-          },
-        ]),
-      },
-      [
-        _c(
-          "form",
-          {
-            attrs: { novalidate: "" },
-            on: {
-              submit: function ($event) {
-                $event.preventDefault();
-              },
-            },
-          },
-          [
-            [
-              _c("form-field-file-input", {
-                attrs: {
-                  error: _vm.errors.file,
-                  label: _vm.$t("files:file"),
-                  name: "file",
-                },
-                model: {
-                  value: _vm.values.file,
-                  callback: function ($$v) {
-                    _vm.$set(_vm.values, "file", $$v);
-                  },
-                  expression: "values.file",
-                },
-              }),
-            ],
-          ],
-          2
-        ),
-      ]
-    )
-  };
-  var __vue_staticRenderFns__ = [];
-  __vue_render__._withStripped = true;
-
-    /* style */
-    const __vue_inject_styles__ = function (inject) {
-      if (!inject) return
-      inject("data-v-5f7d9380_0", { source: "\n\n/*# sourceMappingURL=FilesForm.vue.map */", map: {"version":3,"sources":["FilesForm.vue"],"names":[],"mappings":";;AAEA,wCAAwC","file":"FilesForm.vue"}, media: undefined });
-
-    };
-    /* scoped */
-    const __vue_scope_id__ = "data-v-5f7d9380";
-    /* module identifier */
-    const __vue_module_identifier__ = undefined;
-    /* functional template */
-    const __vue_is_functional_template__ = false;
-    /* 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,
-      createInjector,
-      undefined,
-      undefined
-    );
-
-  const FILES_LIST_ROUTE = {
-      path: FILES_ROUTE_PATHS.FILES_LIST,
-      component: __vue_component__$1,
-      name: 'Files List',
-      meta: {
-          getBreadcrumbs: (route, t) => [
-              { url: '/', text: t('files:home') },
-              { url: route.path, text: t('files:filesList') },
-          ],
-      },
-  };
-  const FILES_FORM_ROUTE = {
-      path: FILES_ROUTE_PATHS.FILES_FORM,
-      component: __vue_component__,
-      name: 'Files Form',
-      meta: {
-          getBreadcrumbs: (route, t) => [
-              { url: '/', text: t('files:home') },
-              { url: FILES_LIST_ROUTE.path, text: t('files:filesList') },
-              { url: route.path, text: t('files:filesForm') },
-          ],
-      },
-  };
-
-  adminServices.i18n.addTranslations('en', 'files', EN);
-  adminServices.i18n.addTranslations('ru', 'files', RU);
-
-  exports.FILES_FORM_ROUTE = FILES_FORM_ROUTE;
-  exports.FILES_LIST_ROUTE = FILES_LIST_ROUTE;
-  exports.addFile = addFile;
-  exports.deleteFile = deleteFile;
-  exports.getFilesCount = getFilesCount;
-  exports.getFilesFormUrl = getFilesFormUrl;
-  exports.getFilesList = getFilesList;
-  exports.getFilesListUrl = getFilesListUrl;
-
-  Object.defineProperty(exports, '__esModule', { value: true });
-
-})));