@tager/admin-files 0.0.5 → 1.0.0

package/dist/node_modules/@tager/admin-ui/src/utils/common.d.ts

@@ -1,59 +0,0 @@
-import VueRouter, { Route } from 'vue-router';
-/**
- * @param {Date} date
- * @returns {string}
- */
-export declare function formatDate(date: Date): string;
-/**
- * @param {Date} date
- * @returns {string}
- */
-export declare function formatDateTime(date: Date): string;
-/**
- * @param {Date} date
- * @returns {string}
- */
-export declare function formatTime(date: Date): string;
-/**
- * @param {any} value
- * @returns {string}
- */
-export declare function formatBoolean(value: unknown): "Yes" | "No";
-export declare function isValidSelectOption(option: unknown): boolean | null;
-export declare function createTabErrorFinder(errors: Record<string, string>): (fieldList: Array<string>) => boolean;
-export declare const FINAL_NUMBER_REGEXP: RegExp;
-export declare const INTERMEDIATE_NUMBER_REGEXP: RegExp;
-export declare const INTERMEDIATE_INTEGER_REGEXP: RegExp;
-export declare const DOT_REGEXP: RegExp;
-export declare const SPACE_REGEXP: RegExp;
-export declare function floatParser(currentValue: string, previousValue: string): string;
-export declare function integerParser(currentValue: string, previousValue: string): string;
-export declare function getWebsiteOrigin(): string;
-export declare function getSearchParams(): URLSearchParams;
-export declare function getSearchParamByKey(key: string): string | null;
-export declare function updateSearchParam(router: VueRouter, paramName: string, paramValue: string | number | null | undefined): Promise<Route>;
-/**
- * Example:
- * input: "https://ozitag.com/search?query=some_text"
- * output: "/search?query=some_text"
- */
-export declare function cutUrlOrigin(url: string): string;
-export declare function isScrollable(element: HTMLElement): boolean;
-export declare function getScrollableParent(element: HTMLElement | null): HTMLElement;
-export declare class LocalStorageService<T> {
-    defaultValue: T;
-    key: string;
-    constructor(key: string, defaultValue: T);
-    get(): T;
-    set(value: T): void;
-}
-declare type ParamValue = string | (string | null)[];
-declare type QueryType = {
-    [key in string]?: ParamValue;
-};
-export declare function getFilterParamAsString(query: QueryType, key: string): string | null;
-export declare function getFilterParamAsNumber(query: QueryType, key: string): number | null;
-export declare function getFilterParamAsStringArray(query: QueryType, key: string): Array<string>;
-export declare function getFilterParamAsNumberArray(query: QueryType, key: string): Array<number>;
-export declare function getFilterParams(filters: Record<string, string | number | Array<string> | Array<number>>): Record<string, string | Array<string>>;
-export {};

package/dist/src/dev.d.ts

@@ -1 +0,0 @@
-import '@tager/admin-ui/dist/admin-ui.css';

package/dist/src/typings/model.d.ts

@@ -1,14 +0,0 @@
-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/views/FilesList/components/UrlCell/UrlCell.vue.d.ts

@@ -1,169 +0,0 @@
-declare const _default: import("vue").ComponentOptions<import("vue").default, import("@vue/composition-api").ShallowUnwrapRef<import("@vue/composition-api").Data> & import("@vue/composition-api").Data, {}, {}, import("@vue/composition-api").ComponentPropsOptions<import("@vue/composition-api").Data>, ({
-    [x: number]: string;
-} & {
-    length?: number | undefined;
-    toString?: string | undefined;
-    toLocaleString?: string | undefined;
-    pop?: string | undefined;
-    push?: number | undefined;
-    concat?: string[] | undefined;
-    join?: string | undefined;
-    reverse?: string[] | undefined;
-    shift?: string | undefined;
-    slice?: string[] | undefined;
-    sort?: string[] | undefined;
-    splice?: {
-        (start: number, deleteCount?: number | undefined): string[];
-        (start: number, deleteCount: number, ...items: string[]): string[];
-    } | undefined;
-    unshift?: number | undefined;
-    indexOf?: ((searchElement: string, fromIndex?: number | undefined) => number) | undefined;
-    lastIndexOf?: ((searchElement: string, fromIndex?: number | undefined) => number) | undefined;
-    every?: ((callbackfn: (value: string, index: number, array: string[]) => unknown, thisArg?: any) => boolean) | undefined;
-    some?: ((callbackfn: (value: string, index: number, array: string[]) => unknown, thisArg?: any) => boolean) | undefined;
-    forEach?: ((callbackfn: (value: string, index: number, array: string[]) => void, thisArg?: any) => void) | undefined;
-    map?: (<U>(callbackfn: (value: string, index: number, array: string[]) => U, thisArg?: any) => U[]) | undefined;
-    filter?: {
-        <S extends string>(callbackfn: (value: string, index: number, array: string[]) => value is S, thisArg?: any): S[];
-        (callbackfn: (value: string, index: number, array: string[]) => unknown, thisArg?: any): string[];
-    } | undefined;
-    reduce?: {
-        (callbackfn: (previousValue: string, currentValue: string, currentIndex: number, array: string[]) => string): string;
-        (callbackfn: (previousValue: string, currentValue: string, currentIndex: number, array: string[]) => string, initialValue: string): string;
-        <U_1>(callbackfn: (previousValue: U_1, currentValue: string, currentIndex: number, array: string[]) => U_1, initialValue: U_1): U_1;
-    } | undefined;
-    reduceRight?: {
-        (callbackfn: (previousValue: string, currentValue: string, currentIndex: number, array: string[]) => string): string;
-        (callbackfn: (previousValue: string, currentValue: string, currentIndex: number, array: string[]) => string, initialValue: string): string;
-        <U_2>(callbackfn: (previousValue: U_2, currentValue: string, currentIndex: number, array: string[]) => U_2, initialValue: U_2): U_2;
-    } | undefined;
-    find?: {
-        <S_1 extends string>(predicate: (this: void, value: string, index: number, obj: string[]) => value is S_1, thisArg?: any): S_1 | undefined;
-        (predicate: (value: string, index: number, obj: string[]) => unknown, thisArg?: any): string | undefined;
-    } | undefined;
-    findIndex?: ((predicate: (value: string, index: number, obj: string[]) => unknown, thisArg?: any) => number) | undefined;
-    fill?: ((value: string, start?: number | undefined, end?: number | undefined) => string[]) | undefined;
-    copyWithin?: ((target: number, start: number, end?: number | undefined) => string[]) | undefined;
-    entries?: IterableIterator<[number, string]> | undefined;
-    keys?: IterableIterator<number> | undefined;
-    values?: IterableIterator<string> | undefined;
-    includes?: ((searchElement: string, fromIndex?: number | undefined) => boolean) | undefined;
-    flatMap?: (<U_3, This = undefined>(callback: (this: This, value: string, index: number, array: string[]) => U_3 | readonly U_3[], thisArg?: This | undefined) => U_3[]) | undefined;
-    flat?: unknown[] | undefined;
-}) | ({} & {
-    [x: string]: any;
-    [x: number]: any;
-})> & import("vue").VueConstructor<import("vue").default> & (new (...args: any[]) => import("@vue/composition-api").ComponentRenderProxy<({
-    [x: number]: string;
-} & {
-    length?: number | undefined;
-    toString?: string | undefined;
-    toLocaleString?: string | undefined;
-    pop?: string | undefined;
-    push?: number | undefined;
-    concat?: string[] | undefined;
-    join?: string | undefined;
-    reverse?: string[] | undefined;
-    shift?: string | undefined;
-    slice?: string[] | undefined;
-    sort?: string[] | undefined;
-    splice?: {
-        (start: number, deleteCount?: number | undefined): string[];
-        (start: number, deleteCount: number, ...items: string[]): string[];
-    } | undefined;
-    unshift?: number | undefined;
-    indexOf?: ((searchElement: string, fromIndex?: number | undefined) => number) | undefined;
-    lastIndexOf?: ((searchElement: string, fromIndex?: number | undefined) => number) | undefined;
-    every?: ((callbackfn: (value: string, index: number, array: string[]) => unknown, thisArg?: any) => boolean) | undefined;
-    some?: ((callbackfn: (value: string, index: number, array: string[]) => unknown, thisArg?: any) => boolean) | undefined;
-    forEach?: ((callbackfn: (value: string, index: number, array: string[]) => void, thisArg?: any) => void) | undefined;
-    map?: (<U>(callbackfn: (value: string, index: number, array: string[]) => U, thisArg?: any) => U[]) | undefined;
-    filter?: {
-        <S extends string>(callbackfn: (value: string, index: number, array: string[]) => value is S, thisArg?: any): S[];
-        (callbackfn: (value: string, index: number, array: string[]) => unknown, thisArg?: any): string[];
-    } | undefined;
-    reduce?: {
-        (callbackfn: (previousValue: string, currentValue: string, currentIndex: number, array: string[]) => string): string;
-        (callbackfn: (previousValue: string, currentValue: string, currentIndex: number, array: string[]) => string, initialValue: string): string;
-        <U_1>(callbackfn: (previousValue: U_1, currentValue: string, currentIndex: number, array: string[]) => U_1, initialValue: U_1): U_1;
-    } | undefined;
-    reduceRight?: {
-        (callbackfn: (previousValue: string, currentValue: string, currentIndex: number, array: string[]) => string): string;
-        (callbackfn: (previousValue: string, currentValue: string, currentIndex: number, array: string[]) => string, initialValue: string): string;
-        <U_2>(callbackfn: (previousValue: U_2, currentValue: string, currentIndex: number, array: string[]) => U_2, initialValue: U_2): U_2;
-    } | undefined;
-    find?: {
-        <S_1 extends string>(predicate: (this: void, value: string, index: number, obj: string[]) => value is S_1, thisArg?: any): S_1 | undefined;
-        (predicate: (value: string, index: number, obj: string[]) => unknown, thisArg?: any): string | undefined;
-    } | undefined;
-    findIndex?: ((predicate: (value: string, index: number, obj: string[]) => unknown, thisArg?: any) => number) | undefined;
-    fill?: ((value: string, start?: number | undefined, end?: number | undefined) => string[]) | undefined;
-    copyWithin?: ((target: number, start: number, end?: number | undefined) => string[]) | undefined;
-    entries?: IterableIterator<[number, string]> | undefined;
-    keys?: IterableIterator<number> | undefined;
-    values?: IterableIterator<string> | undefined;
-    includes?: ((searchElement: string, fromIndex?: number | undefined) => boolean) | undefined;
-    flatMap?: (<U_3, This = undefined>(callback: (this: This, value: string, index: number, array: string[]) => U_3 | readonly U_3[], thisArg?: This | undefined) => U_3[]) | undefined;
-    flat?: unknown[] | undefined;
-}) | ({} & {
-    [x: string]: any;
-    [x: number]: any;
-}), import("@vue/composition-api").ShallowUnwrapRef<import("@vue/composition-api").Data>, import("@vue/composition-api").Data, {}, {}, ({
-    [x: number]: string;
-} & {
-    length?: number | undefined;
-    toString?: string | undefined;
-    toLocaleString?: string | undefined;
-    pop?: string | undefined;
-    push?: number | undefined;
-    concat?: string[] | undefined;
-    join?: string | undefined;
-    reverse?: string[] | undefined;
-    shift?: string | undefined;
-    slice?: string[] | undefined;
-    sort?: string[] | undefined;
-    splice?: {
-        (start: number, deleteCount?: number | undefined): string[];
-        (start: number, deleteCount: number, ...items: string[]): string[];
-    } | undefined;
-    unshift?: number | undefined;
-    indexOf?: ((searchElement: string, fromIndex?: number | undefined) => number) | undefined;
-    lastIndexOf?: ((searchElement: string, fromIndex?: number | undefined) => number) | undefined;
-    every?: ((callbackfn: (value: string, index: number, array: string[]) => unknown, thisArg?: any) => boolean) | undefined;
-    some?: ((callbackfn: (value: string, index: number, array: string[]) => unknown, thisArg?: any) => boolean) | undefined;
-    forEach?: ((callbackfn: (value: string, index: number, array: string[]) => void, thisArg?: any) => void) | undefined;
-    map?: (<U>(callbackfn: (value: string, index: number, array: string[]) => U, thisArg?: any) => U[]) | undefined;
-    filter?: {
-        <S extends string>(callbackfn: (value: string, index: number, array: string[]) => value is S, thisArg?: any): S[];
-        (callbackfn: (value: string, index: number, array: string[]) => unknown, thisArg?: any): string[];
-    } | undefined;
-    reduce?: {
-        (callbackfn: (previousValue: string, currentValue: string, currentIndex: number, array: string[]) => string): string;
-        (callbackfn: (previousValue: string, currentValue: string, currentIndex: number, array: string[]) => string, initialValue: string): string;
-        <U_1>(callbackfn: (previousValue: U_1, currentValue: string, currentIndex: number, array: string[]) => U_1, initialValue: U_1): U_1;
-    } | undefined;
-    reduceRight?: {
-        (callbackfn: (previousValue: string, currentValue: string, currentIndex: number, array: string[]) => string): string;
-        (callbackfn: (previousValue: string, currentValue: string, currentIndex: number, array: string[]) => string, initialValue: string): string;
-        <U_2>(callbackfn: (previousValue: U_2, currentValue: string, currentIndex: number, array: string[]) => U_2, initialValue: U_2): U_2;
-    } | undefined;
-    find?: {
-        <S_1 extends string>(predicate: (this: void, value: string, index: number, obj: string[]) => value is S_1, thisArg?: any): S_1 | undefined;
-        (predicate: (value: string, index: number, obj: string[]) => unknown, thisArg?: any): string | undefined;
-    } | undefined;
-    findIndex?: ((predicate: (value: string, index: number, obj: string[]) => unknown, thisArg?: any) => number) | undefined;
-    fill?: ((value: string, start?: number | undefined, end?: number | undefined) => string[]) | undefined;
-    copyWithin?: ((target: number, start: number, end?: number | undefined) => string[]) | undefined;
-    entries?: IterableIterator<[number, string]> | undefined;
-    keys?: IterableIterator<number> | undefined;
-    values?: IterableIterator<string> | undefined;
-    includes?: ((searchElement: string, fromIndex?: number | undefined) => boolean) | undefined;
-    flatMap?: (<U_3, This = undefined>(callback: (this: This, value: string, index: number, array: string[]) => U_3 | readonly U_3[], thisArg?: This | undefined) => U_3[]) | undefined;
-    flat?: unknown[] | undefined;
-}) | ({} & {
-    [x: string]: any;
-    [x: number]: any;
-}), {
-    [x: number]: string;
-} | {}, true>);
-export default _default;

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

@@ -1 +0,0 @@
-export { default } from './UrlCell.vue';

package/src/dev.ts

@@ -1,41 +0,0 @@
-import Vue, { CreateElement } from 'vue';
-import VueCompositionApi, { createApp } from '@vue/composition-api';
-
-import { configStore, i18n } from '@tager/admin-services';
-import { AdminUiPlugin } from '@tager/admin-ui';
-import { AdminLayoutPlugin, createRouter } from '@tager/admin-layout';
-
-import '@tager/admin-ui/dist/admin-ui.css';
-
-import EN from './locales/en';
-import RU from './locales/ru';
-import config from './config/config.json';
-import App from './views/App.vue';
-import { FILES_LIST_ROUTE, FILES_FORM_ROUTE } from './constants/routes';
-
-configStore.setConfig(config);
-
-const router = createRouter(
-  {
-    routes: [FILES_LIST_ROUTE, FILES_FORM_ROUTE],
-  },
-  { useTitleSync: false }
-);
-
-i18n.addTranslations('en', 'files', EN);
-i18n.addTranslations('ru', 'files', RU);
-
-i18n.init({ debug: false, lng: 'ru' }).then(() => {
-  Vue.use(VueCompositionApi);
-
-  const app = createApp({
-    router,
-    render: (h: CreateElement) => h(App),
-  });
-
-  app.use(i18n.getPlugin());
-  app.use(AdminUiPlugin);
-  app.use(AdminLayoutPlugin);
-
-  app.mount('#app');
-});

package/src/typings/sfc.d.ts

@@ -1,12 +0,0 @@
-/** Reference: https://stackoverflow.com/a/53999913 */
-// 1. Make sure to import 'vue' before declaring augmented types
-import Vue from 'vue';
-
-// 2. Specify a file with the types you want to augment
-//    Vue has the constructor type in types/vue.d.ts
-declare module 'vue/types/vue' {
-  // 3. Declare augmentation for Vue
-  interface Vue {
-    $style: { [key: string]: string };
-  }
-}

package/src/typings/shims-tsx.d.ts

@@ -1,13 +0,0 @@
-import Vue, { VNode } from 'vue';
-
-declare global {
-  namespace JSX {
-    // tslint:disable no-empty-interface
-    interface Element extends VNode {}
-    // tslint:disable no-empty-interface
-    interface ElementClass extends Vue {}
-    interface IntrinsicElements {
-      [elem: string]: any;
-    }
-  }
-}

package/src/typings/shims-vue.d.ts

@@ -1,11 +0,0 @@
-declare module '*.vue' {
-  // eslint-disable-next-line import/order
-  import Vue from 'vue';
-  export default Vue;
-}
-
-declare module '*.svg' {
-  import Vue, { VueConstructor } from 'vue';
-  const content: VueConstructor<Vue>;
-  export default content;
-}

package/src/views/App.vue

@@ -1,36 +0,0 @@
-<template>
-  <page-layout :sidebar-menu-list="sidebarMenuList">
-    <router-view />
-  </page-layout>
-</template>
-
-<script lang="ts">
-import { defineComponent, SetupContext } from '@vue/composition-api';
-
-import { useTranslation } from '@tager/admin-ui';
-import { MenuItemType } from '@tager/admin-layout';
-
-import { getFilesListUrl } from '../utils/paths';
-
-export default defineComponent({
-  name: 'App',
-  setup(props, context: SetupContext) {
-    const { t } = useTranslation(context);
-
-    const sidebarMenuList: Array<MenuItemType> = [
-      {
-        id: 'files',
-        text: t('files:files'),
-        icon: 'viewList',
-        children: [{ text: t('files:filesList'), url: getFilesListUrl() }],
-      },
-    ];
-
-    return {
-      sidebarMenuList,
-    };
-  },
-});
-</script>
-
-<style scoped lang="scss"></style>

package/src/views/FilesList/components/UrlCell/UrlCell.vue

@@ -1,68 +0,0 @@
-<template>
-  <div class="url-cell">
-    <a :href="url" target="_blank" class="url-text">{{ cutUrlOrigin(url) }}</a>
-    <base-button variant="icon" class="copy-button" @click="handleCopy(url)">
-      <svg-icon v-if="!isCopied" name="contentCopy" class="icon-size" />
-      <svg-icon v-else name="done" class="icon-size icon-color-green" />
-    </base-button>
-  </div>
-</template>
-
-<script lang="ts">
-import { defineComponent } from '@vue/composition-api';
-
-import { cutUrlOrigin } from '@tager/admin-ui/src/utils/common';
-import { useCopyToClipboard } from '@tager/admin-ui';
-
-interface Props {
-  url: string;
-}
-
-export default defineComponent<Props>({
-  name: 'UrlCell',
-  props: {
-    url: {
-      type: String,
-      default: '',
-    },
-  },
-  setup() {
-    const [isCopied, handleCopy] = useCopyToClipboard(500);
-
-    return {
-      isCopied,
-      handleCopy,
-      cutUrlOrigin,
-    };
-  },
-});
-</script>
-
-<style lang="scss" scoped>
-.url-cell {
-  display: flex;
-  align-items: center;
-
-  .url-text {
-    color: #007bff;
-
-    &:hover {
-      color: #0056b3;
-      text-decoration: underline;
-    }
-  }
-
-  .copy-button {
-    margin-left: 5px;
-
-    .icon-size {
-      width: 14px;
-      height: 14px;
-    }
-
-    .icon-color-green {
-      color: #22863a;
-    }
-  }
-}
-</style>

package/src/views/FilesList/components/UrlCell/index.ts

@@ -1 +0,0 @@
-export { default } from './UrlCell.vue';