vue-efko-data-view 1.0.1

package/dist/dataview/DataView.d.ts

@@ -0,0 +1,2 @@
+import { FilterValue } from './table/interface/table';
+export type FilterValues = Partial<Record<string, FilterValue>> | undefined;

package/dist/dataview/DataView.vue.d.ts

@@ -0,0 +1,112 @@
+import { ColumnConfig, FilterItem, FilterValue, Meta, SortPayload } from './table/interface/table.d';
+import { ViewMode } from './table/ui/ColumnSettingsDrawer';
+import { TableRecord } from './card/TheCard.d';
+type __VLS_Props = {
+    viewMode?: ViewMode;
+    loading: boolean;
+    pagination?: boolean;
+    columns: ColumnConfig[];
+    dataSource: TableRecord[];
+    filterValues?: Partial<Record<string, FilterValue>>;
+    meta?: Meta;
+    canEdit?: boolean;
+    editAction?: boolean;
+    deleteAction?: boolean;
+    showActionsColumn?: boolean;
+    disableViewMode?: boolean;
+    enableTableFilterDrawer?: boolean;
+    disableColumnFilterDropdowns?: boolean;
+    useFilterModal?: boolean;
+};
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        headerCardContainer?(_: {}): any;
+        title?(_: {}): any;
+        title?(_: {}): any;
+        titleCard?(_: {
+            record: {
+                [x: string]: unknown;
+                id?: string | number | undefined;
+                deletedAt?: string | null | undefined;
+            };
+            columns: ColumnConfig<Record<string, unknown>>[];
+        }): any;
+        body?(_: {
+            record: TableRecord;
+            columns: ColumnConfig<Record<string, unknown>>[];
+        }): any;
+        footer?(_: {
+            record: TableRecord;
+            columns: ColumnConfig<Record<string, unknown>>[];
+        }): any;
+        bodyCell?(_: {
+            column: any;
+            record: any;
+        }): any;
+        actionColumn?(_: {
+            record: any;
+        }): any;
+        filtersDrawer?(_: {
+            visible: boolean;
+            setVisible: (value: boolean) => void;
+            filters: Partial<Record<string, FilterValue>>;
+            updateFilters: (filters: Partial<Record<string, FilterValue>>) => void;
+            emitFilterApply: (payload: {
+                key: string;
+                value: FilterItem[];
+            }) => void;
+        }): any;
+    };
+    refs: {
+        tagCloudContainer: HTMLDivElement;
+    };
+    rootEl: any;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "update:viewMode": (value: ViewMode) => void;
+    "update:filterValues": (value: Partial<Record<string, FilterValue>>) => void;
+    filterApply: (payload: {
+        key: string;
+        value: FilterItem[];
+    }) => void;
+    edit: (record: Record<string, unknown>) => void;
+    delete: (record: Record<string, unknown>) => void;
+    restore: (record: Record<string, unknown>) => void;
+    sortChange: (payload: SortPayload) => void;
+    pageChange: (page: number) => void;
+    sizeChange: (page: number, pageSize: number) => void;
+}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onEdit?: ((record: Record<string, unknown>) => any) | undefined;
+    onDelete?: ((record: Record<string, unknown>) => any) | undefined;
+    onRestore?: ((record: Record<string, unknown>) => any) | undefined;
+    onPageChange?: ((page: number) => any) | undefined;
+    onSizeChange?: ((page: number, pageSize: number) => any) | undefined;
+    "onUpdate:filterValues"?: ((value: Partial<Record<string, FilterValue>>) => any) | undefined;
+    onFilterApply?: ((payload: {
+        key: string;
+        value: FilterItem[];
+    }) => any) | undefined;
+    onSortChange?: ((payload: SortPayload) => any) | undefined;
+    "onUpdate:viewMode"?: ((value: ViewMode) => any) | undefined;
+}>, {
+    canEdit: boolean;
+    editAction: boolean;
+    showActionsColumn: boolean;
+    pagination: boolean;
+    deleteAction: boolean;
+    disableColumnFilterDropdowns: boolean;
+    disableViewMode: boolean;
+    enableTableFilterDrawer: boolean;
+    useFilterModal: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+    tagCloudContainer: HTMLDivElement;
+}, any>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/dataview/card/CardFiltersDrawer.vue.d.ts

@@ -0,0 +1,22 @@
+import { ColumnConfig, FilterItem, FilterValue } from '../table/interface/table.d';
+type __VLS_Props = {
+    visible: boolean;
+    columns: ColumnConfig[];
+    filterValues: Record<string, FilterValue | undefined>;
+};
+declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    "update:filterValues": (value: Record<string, FilterValue | undefined>) => any;
+    filterApply: (payload: {
+        key: string;
+        value: FilterItem[];
+    }) => any;
+    "update:visible": (value: boolean) => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
+    "onUpdate:filterValues"?: ((value: Record<string, FilterValue | undefined>) => any) | undefined;
+    onFilterApply?: ((payload: {
+        key: string;
+        value: FilterItem[];
+    }) => any) | undefined;
+    "onUpdate:visible"?: ((value: boolean) => any) | undefined;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+export default _default;

package/dist/dataview/card/CardFiltersModal.vue.d.ts

@@ -0,0 +1,22 @@
+import { ColumnConfig, FilterItem, FilterValue } from '../table/interface/table.d';
+type __VLS_Props = {
+    visible: boolean;
+    columns: ColumnConfig[];
+    filterValues: Record<string, FilterValue | undefined>;
+};
+declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    "update:filterValues": (value: Record<string, FilterValue | undefined>) => any;
+    filterApply: (payload: {
+        key: string;
+        value: FilterItem[];
+    }) => any;
+    "update:visible": (value: boolean) => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
+    "onUpdate:filterValues"?: ((value: Record<string, FilterValue | undefined>) => any) | undefined;
+    onFilterApply?: ((payload: {
+        key: string;
+        value: FilterItem[];
+    }) => any) | undefined;
+    "onUpdate:visible"?: ((value: boolean) => any) | undefined;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+export default _default;

package/dist/dataview/card/CardGrid.vue.d.ts

@@ -0,0 +1,57 @@
+import { ColumnConfig, Meta } from '../table/interface/table.d';
+import { TableRecord } from './TheCard.d';
+type __VLS_Props = {
+    loading: boolean;
+    columns: ColumnConfig[];
+    dataSource: TableRecord[];
+    cardLayout: 'grid' | 'row';
+    canEdit: boolean;
+    editAction: boolean;
+    showActionsColumn?: boolean;
+    pagination: boolean;
+    meta: Meta | undefined;
+};
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        titleCard?(_: {
+            record: {
+                [x: string]: unknown;
+                id?: string | number | undefined;
+                deletedAt?: string | null | undefined;
+            };
+            columns: ColumnConfig<Record<string, unknown>>[];
+        }): any;
+        bodyCard?(_: {
+            record: TableRecord;
+            columns: ColumnConfig<Record<string, unknown>>[];
+        }): any;
+        footerCard?(_: {
+            record: TableRecord;
+            columns: ColumnConfig<Record<string, unknown>>[];
+        }): any;
+    };
+    refs: {};
+    rootEl: HTMLDivElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    edit: (record: Record<string, unknown>) => void;
+    delete: (record: Record<string, unknown>) => void;
+    restore: (record: Record<string, unknown>) => void;
+    pageChange: (page: number) => void;
+    sizeChange: (page: number, size: number) => void;
+}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onEdit?: ((record: Record<string, unknown>) => any) | undefined;
+    onDelete?: ((record: Record<string, unknown>) => any) | undefined;
+    onRestore?: ((record: Record<string, unknown>) => any) | undefined;
+    onPageChange?: ((page: number) => any) | undefined;
+    onSizeChange?: ((page: number, size: number) => any) | undefined;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/dataview/card/FilterInput.vue.d.ts

@@ -0,0 +1,14 @@
+type Mode = 'search' | 'select' | 'date';
+type Value = string | number | boolean | object | (string | number | boolean | object)[] | null | undefined;
+type __VLS_Props = {
+    modelValue: Value;
+    filterMode?: Mode;
+    componentProps?: Record<string, unknown>;
+    placeholder: string;
+};
+declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    "update:modelValue": (value: Value) => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
+    "onUpdate:modelValue"?: ((value: Value) => any) | undefined;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+export default _default;

package/dist/dataview/card/TheCard.d.ts

@@ -0,0 +1,5 @@
+export interface TableRecord {
+    id?: string | number,
+    deletedAt?: string | null,
+    [key: string]: unknown,
+}

package/dist/dataview/card/TheCard.vue.d.ts

@@ -0,0 +1,43 @@
+import { ColumnConfig } from '../table/interface/table.d';
+import { TableRecord } from './TheCard.d';
+type __VLS_Props = {
+    loading: boolean;
+    record: TableRecord;
+    columns: ColumnConfig[];
+    canEdit?: boolean;
+    editAction?: boolean;
+    showActionsColumn?: boolean;
+};
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        title?(_: {}): any;
+        body?(_: {
+            record: TableRecord;
+            columns: ColumnConfig<Record<string, unknown>>[];
+        }): any;
+        footer?(_: {
+            record: TableRecord;
+            columns: ColumnConfig<Record<string, unknown>>[];
+        }): any;
+    };
+    refs: {};
+    rootEl: any;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    edit: (record: TableRecord) => void;
+    delete: (record: TableRecord) => void;
+    restore: (record: TableRecord) => void;
+}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onEdit?: ((record: TableRecord) => any) | undefined;
+    onDelete?: ((record: TableRecord) => any) | undefined;
+    onRestore?: ((record: TableRecord) => any) | undefined;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/dataview/card/ui/CardCellActions.vue.d.ts

@@ -0,0 +1,19 @@
+interface TableRecord {
+    deletedAt?: string | null;
+    [key: string]: unknown;
+}
+type __VLS_Props = {
+    record: TableRecord;
+    canEdit?: boolean;
+    editAction?: boolean;
+};
+declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    edit: (record: TableRecord) => void;
+    delete: (record: TableRecord) => void;
+    restore: (record: TableRecord) => void;
+}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onEdit?: ((record: TableRecord) => any) | undefined;
+    onDelete?: ((record: TableRecord) => any) | undefined;
+    onRestore?: ((record: TableRecord) => any) | undefined;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+export default _default;

package/dist/dataview/lazyload/LazyLoadContainer.vue.d.ts

@@ -0,0 +1,31 @@
+type __VLS_Props = {
+    onIntersect?: () => void;
+    threshold?: number;
+    once?: boolean;
+    rootMargin?: string;
+};
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        default?(_: {}): any;
+    };
+    refs: {
+        container: HTMLDivElement;
+    };
+    rootEl: HTMLDivElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    threshold: number;
+    once: boolean;
+    rootMargin: string;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+    container: HTMLDivElement;
+}, HTMLDivElement>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/dataview/lazyload/LazyLoadTrigger.vue.d.ts

@@ -0,0 +1,13 @@
+type __VLS_Props = {
+    onIntersect: () => void;
+    threshold?: number;
+    once?: boolean;
+    loading: boolean;
+};
+declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    threshold: number;
+    once: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+    container: HTMLDivElement;
+}, HTMLDivElement>;
+export default _default;

package/dist/dataview/table/TheTable.vue.d.ts

@@ -0,0 +1,69 @@
+import { ColumnConfig, FilterItem, FilterValue, Meta, SortPayload } from './interface/table.d';
+import { TableRecord } from '../card/TheCard.d';
+type __VLS_Props = {
+    loading: boolean;
+    pagination: boolean;
+    columns: ColumnConfig[];
+    dataSource: TableRecord[];
+    filterValues?: Partial<Record<string, FilterValue>>;
+    meta: Meta | undefined;
+    canEdit: boolean;
+    editAction: boolean;
+    deleteAction: boolean;
+    showActionsColumn?: boolean;
+    columnsVisibility: Record<string, boolean>;
+    disableColumnFilterDropdowns?: boolean;
+    showFilterButton?: boolean;
+};
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        title?(_: {}): any;
+        bodyCell?(_: {
+            column: any;
+            record: any;
+        }): any;
+        actionColumn?(_: {
+            record: any;
+        }): any;
+    };
+    refs: {};
+    rootEl: HTMLDivElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "update:filterValues": (values: Partial<Record<string, FilterValue>>) => void;
+    filterApply: (payload: {
+        key: string;
+        value: FilterItem[];
+    }) => void;
+    edit: (record: Record<string, unknown>) => void;
+    delete: (record: Record<string, unknown>) => void;
+    restore: (record: Record<string, unknown>) => void;
+    sortChange: (payload: SortPayload) => void;
+    pageChange: (page: number) => void;
+    sizeChange: (page: number, pageSize: number) => void;
+    openColumnDrawer: () => void;
+    openFilterDrawer: () => void;
+}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onEdit?: ((record: Record<string, unknown>) => any) | undefined;
+    onDelete?: ((record: Record<string, unknown>) => any) | undefined;
+    onRestore?: ((record: Record<string, unknown>) => any) | undefined;
+    onPageChange?: ((page: number) => any) | undefined;
+    onSizeChange?: ((page: number, pageSize: number) => any) | undefined;
+    "onUpdate:filterValues"?: ((values: Partial<Record<string, FilterValue>>) => any) | undefined;
+    onFilterApply?: ((payload: {
+        key: string;
+        value: FilterItem[];
+    }) => any) | undefined;
+    onSortChange?: ((payload: SortPayload) => any) | undefined;
+    onOpenColumnDrawer?: (() => any) | undefined;
+    onOpenFilterDrawer?: (() => any) | undefined;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/dataview/table/enum/table.d.ts

@@ -0,0 +1,37 @@
+export declare const PAGE_SIZE_SMALL = "10";
+export declare const PAGE_SIZE_MEDIUM = "20";
+export declare const PAGE_SIZE_LARGE = "50";
+export declare const PAGE_SIZE_EXTRA_LARGE = "100";
+export declare const PAGE_SIZE_ULTRA = "1000";
+export declare const DEFAULT_PAGE_NUMBER = 1;
+export declare const DEFAULT_PAGE_SIZE = "10";
+export declare enum FilterMode {
+    SEARCH = "search",
+    SELECT = "select",
+    DATE = "date"
+}
+export declare enum PageSizes {
+    SMALL = "10",
+    MEDIUM = "20",
+    LARGE = "50",
+    EXTRA_LARGE = "100",
+    ULTRA = "1000"
+}
+export declare const PAGE_SIZE_OPTIONS: PageSizes[];
+export declare enum SkipSizes {
+    NONE = 0,
+    SMALL = 10,
+    MEDIUM = 20,
+    LARGE = 50
+}
+export declare enum TableDefaults {
+    DEFAULT_CURRENT_PAGE = 1
+}
+export declare enum TableSortOrder {
+    ASCEND = "ascend",
+    DESCEND = "descend"
+}
+export declare enum SortOrder {
+    ASC = "asc",
+    DESC = "desc"
+}

package/dist/dataview/table/interface/table.d.ts

@@ -0,0 +1,33 @@
+import { TableSortOrder, FilterMode, PageSizes } from '../enum/table';
+export type FilterItem = { name?: string; [key: string]: unknown } | string | [string, string];
+export type FilterValue = FilterItem | FilterItem[] | null;
+
+export interface ColumnConfig<T = Record<string, unknown>> {
+  title: string;
+  dataIndex: keyof T;
+  key: string;
+  sortable?: boolean;
+  filterable?: boolean;
+  filterMode?: FilterMode;
+  resizable?: boolean;
+  width?: number;
+  minWidth?: number;
+  maxWidth?: number;
+  componentProps?: Record<string, unknown>;
+  headerAlign?: 'left' | 'center' | 'right';
+  cellAlign?: 'left' | 'center' | 'right';
+  tag?: boolean;
+  filterOnly?: boolean;
+}
+
+export interface SortPayload {
+  columnKey: string;
+  order: TableSortOrder.ASCEND | TableSortOrder.DESCEND | null;
+}
+
+export interface Meta {
+  currentPage: number;
+  pageSize: number;
+  total: number;
+  pageSizeOptions: PageSizes[];
+}

package/dist/dataview/table/ui/ColumnSettingsDrawer.d.ts

@@ -0,0 +1,8 @@
+export declare enum ViewMode {
+    Table = "table",
+    Grid = "grid"
+}
+export declare enum CardLayout {
+    Grid = "grid",
+    Row = "row"
+}

package/dist/dataview/table/ui/ColumnSettingsDrawer.vue.d.ts

@@ -0,0 +1,23 @@
+import { ColumnConfig } from '../interface/table.d';
+import { CardLayout, ViewMode } from './ColumnSettingsDrawer';
+type __VLS_Props = {
+    visible: boolean;
+    columns: ColumnConfig[];
+    modelValue: Record<string, boolean>;
+    showActionsColumn?: boolean;
+    disableViewMode?: boolean;
+    viewMode: ViewMode;
+    cardLayout: CardLayout;
+};
+declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    "update:modelValue": (value: Record<string, boolean>) => any;
+    "update:visible": (value: boolean) => any;
+    "update:viewMode": (value: ViewMode) => any;
+    "update:cardLayout": (value: CardLayout) => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
+    "onUpdate:modelValue"?: ((value: Record<string, boolean>) => any) | undefined;
+    "onUpdate:visible"?: ((value: boolean) => any) | undefined;
+    "onUpdate:viewMode"?: ((value: ViewMode) => any) | undefined;
+    "onUpdate:cardLayout"?: ((value: CardLayout) => any) | undefined;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+export default _default;

package/dist/dataview/table/ui/filter/FilterDropdown.vue.d.ts

@@ -0,0 +1,15 @@
+import { FilterMode } from '../../enum/table';
+type FilterValue = string | number | boolean | object | (string | number | boolean | object)[] | null;
+type __VLS_Props = {
+    placeholder: string;
+    filterMode?: FilterMode;
+    componentProps?: Record<string, unknown>;
+};
+declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    "update:modelValue": (value: FilterValue) => any;
+    apply: () => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
+    "onUpdate:modelValue"?: ((value: FilterValue) => any) | undefined;
+    onApply?: (() => any) | undefined;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+export default _default;

package/dist/dataview/table/ui/filter/FilterTagCloud.vue.d.ts

@@ -0,0 +1,14 @@
+import { FilterItem, FilterValue } from '../../interface/table.d';
+type __VLS_Props = {
+    filters: Partial<Record<string, FilterValue>>;
+};
+declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    "update:filters": (value: Partial<Record<string, FilterValue>>) => any;
+    remove: (key: string, filterValue: FilterValue | undefined, valueToRemove: FilterItem) => any;
+    clear: () => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
+    "onUpdate:filters"?: ((value: Partial<Record<string, FilterValue>>) => any) | undefined;
+    onRemove?: ((key: string, filterValue: FilterValue | undefined, valueToRemove: FilterItem) => any) | undefined;
+    onClear?: (() => any) | undefined;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+export default _default;

package/dist/dataview/table/ui/table-cell/TableCellActions.vue.d.ts

@@ -0,0 +1,20 @@
+interface TableRecord {
+    name?: string;
+    isDeleted?: string | null;
+}
+type __VLS_Props = {
+    record: TableRecord;
+    canEdit: boolean;
+    editAction: boolean;
+    deleteAction: boolean;
+};
+declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    edit: (record: TableRecord) => void;
+    delete: (record: TableRecord) => void;
+    restore: (record: TableRecord) => void;
+}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onEdit?: ((record: TableRecord) => any) | undefined;
+    onDelete?: ((record: TableRecord) => any) | undefined;
+    onRestore?: ((record: TableRecord) => any) | undefined;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+export default _default;

package/dist/dataview/table/ui/table-cell/TableCellStatus.vue.d.ts

@@ -0,0 +1,5 @@
+type __VLS_Props = {
+    value: unknown;
+};
+declare const _default: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+export default _default;

package/dist/dataview/ui/TheSelect.vue.d.ts

@@ -0,0 +1,21 @@
+import { default as VueMultiselect } from '@vueform/multiselect';
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    modelValue: {
+        type: (ObjectConstructor | BooleanConstructor | ArrayConstructor | StringConstructor | NumberConstructor | null)[];
+        default: null;
+    };
+}>, {}, {
+    simpleImage: any;
+}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, "update:modelValue"[], "update:modelValue", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    modelValue: {
+        type: (ObjectConstructor | BooleanConstructor | ArrayConstructor | StringConstructor | NumberConstructor | null)[];
+        default: null;
+    };
+}>> & Readonly<{
+    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+}>, {
+    modelValue: string | number | boolean | Record<string, any> | unknown[] | null;
+}, {}, {
+    VueMultiselect: typeof VueMultiselect;
+}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;

package/dist/index.d.ts

@@ -0,0 +1,15 @@
+import { default as DataView } from './dataview/DataView.vue';
+export { default as DataView } from './dataview/DataView.vue';
+export { default as DataTable } from './dataview/table/TheTable.vue';
+export { default as CardGrid } from './dataview/card/CardGrid.vue';
+export { default as ColumnSettingsDrawer } from './dataview/table/ui/ColumnSettingsDrawer.vue';
+export { default as CardFiltersDrawer } from './dataview/card/CardFiltersDrawer.vue';
+export { default as CardFiltersModal } from './dataview/card/CardFiltersModal.vue';
+export { default as LazyLoadTrigger } from './dataview/lazyload/LazyLoadTrigger.vue';
+export { default as LazyLoadContainer } from './dataview/lazyload/LazyLoadContainer.vue';
+export type { FilterValues } from './dataview/DataView.d';
+export type { ColumnConfig, FilterItem, FilterValue, Meta, SortPayload } from './dataview/table/interface/table.d';
+export type { TableRecord } from './dataview/card/TheCard.d';
+export { ViewMode, CardLayout } from './dataview/table/ui/ColumnSettingsDrawer';
+export { PAGE_SIZE_SMALL, PAGE_SIZE_MEDIUM, PAGE_SIZE_LARGE, PAGE_SIZE_EXTRA_LARGE, PAGE_SIZE_ULTRA, DEFAULT_PAGE_NUMBER, DEFAULT_PAGE_SIZE, PAGE_SIZE_OPTIONS, FilterMode, PageSizes, SkipSizes, TableDefaults, TableSortOrder, SortOrder, } from './dataview/table/enum/table';
+export default DataView;

package/dist/style.css

@@ -0,0 +1 @@
+.tag-cloud[data-v-0e8e5dd7]{display:flex;flex-wrap:wrap}.filter-tag[data-v-0e8e5dd7]{padding:5px 10px;border-radius:10px;font-size:14px;font-weight:600;margin:4px}.data-card[data-v-65504714]{transition:box-shadow .18s ease-out,transform .18s ease-out}.data-card[data-v-65504714]:hover{transform:translateY(-2px);box-shadow:0 12px 30px #21252914}.data-card__header[data-v-65504714]{display:flex;align-items:center;min-height:32px}.data-card__body[data-v-65504714]{display:flex;flex-direction:column;gap:4px}.data-card__row[data-v-65504714]{display:flex;align-items:flex-start;gap:8px;padding:2px 0}.data-card__label[data-v-65504714]{flex:0 0 auto;font-weight:500;font-size:12px;color:#6c757d}.data-card__value[data-v-65504714]{flex:1 1 auto;font-size:13px;word-break:break-word}.data-card__footer[data-v-65504714]{display:flex;justify-content:flex-end;margin-top:12px}.card-grid[data-v-07cfb68f]{display:grid;gap:24px}.card-grid--row[data-v-07cfb68f]{grid-template-columns:minmax(0,1fr)}.card-grid--grid[data-v-07cfb68f]{grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.filter-select[data-v-cfb3f123] .multiselect-placeholder{font-size:12px}span[data-v-35036cad],span[data-v-454326bc]{line-height:1}