@zeedhi/teknisa-components-vuetify 1.108.0 → 1.109.1

package/dist/tek-style.css

@@ -0,0 +1,7 @@
+.zd-container.filter-content-container {
+  position: relative !important;
+  width: calc(100% + var(--zd-default-padding) * 2) !important;
+  max-width: none !important;
+  left: calc(var(--zd-default-padding) * -1) !important;
+  padding-left: var(--zd-default-padding) !important;
+  padding-right: var(--zd-default-padding) !important; }

package/jest.config.js

@@ -1,31 +1,31 @@
-module.exports = {
-  moduleFileExtensions: [
-    'js',
-    'jsx',
-    'json',
-    'vue',
-    'ts',
-    'tsx'
-  ],
-  transform: {
-    '^.+\\.vue$': 'vue-jest',
-    '^.+\\.tsx?$': 'ts-jest'
-  },
-  transformIgnorePatterns: [
-    '/node_modules/'
-  ],
-  moduleNameMapper: {
-    '^@/(.*)$': '<rootDir>/src/$1'
-  },
-  snapshotSerializers: [
-    'jest-serializer-vue'
-  ],
-  testMatch: [
-    '**/tests/unit/**/*.spec.(js|jsx|ts|tsx)|**/__tests__/*.(js|jsx|ts|tsx)'
-  ],
-  testURL: 'http://localhost/',
-  watchPlugins: [
-    'jest-watch-typeahead/filename',
-    'jest-watch-typeahead/testname'
-  ]
-}
+module.exports = {
+  moduleFileExtensions: [
+    'js',
+    'jsx',
+    'json',
+    'vue',
+    'ts',
+    'tsx'
+  ],
+  transform: {
+    '^.+\\.vue$': 'vue-jest',
+    '^.+\\.tsx?$': 'ts-jest'
+  },
+  transformIgnorePatterns: [
+    '/node_modules/'
+  ],
+  moduleNameMapper: {
+    '^@/(.*)$': '<rootDir>/src/$1'
+  },
+  snapshotSerializers: [
+    'jest-serializer-vue'
+  ],
+  testMatch: [
+    '**/tests/unit/**/*.spec.(js|jsx|ts|tsx)|**/__tests__/*.(js|jsx|ts|tsx)'
+  ],
+  testURL: 'http://localhost/',
+  watchPlugins: [
+    'jest-watch-typeahead/filename',
+    'jest-watch-typeahead/testname'
+  ]
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zeedhi/teknisa-components-vuetify",
-  "version": "1.108.0",
+  "version": "1.109.1",
   "description": "Teknisa Components based on Vuetify",
   "author": "Zeedhi <zeedhi@teknisa.com>",
   "license": "ISC",
@@ -44,5 +44,5 @@
     "vue": "2.7.*",
     "vuetify": "2.6.*"
   },
-  "gitHead": "c23fc7d327e5cd145b75229b2dca54967ec803d3"
+  "gitHead": "d40cf324961b699346b610c975eaedc46f1a154a"
 }

package/rollup.scss.config.js

@@ -1,13 +1,13 @@
-import scss from 'rollup-plugin-scss';
-
-export default {
-  input: './src/styles/index.scss',
-  output: {
-    format: 'esm',
-  },
-  plugins: [
-    scss({
-      output: 'dist/tek-style.css',
-    }),
-  ],
-};
+import scss from 'rollup-plugin-scss';
+
+export default {
+  input: './src/styles/index.scss',
+  output: {
+    format: 'esm',
+  },
+  plugins: [
+    scss({
+      output: 'dist/tek-style.css',
+    }),
+  ],
+};

package/tsconfig.eslint.json

@@ -1,9 +1,9 @@
-{
-  // extend your base config so you don't have to redefine your compilerOptions
-  "extends": "./tsconfig.json",
-  "include": [
-    "./src/**/*.ts",
-    "./tests/**/*.ts",
-  ],
-  "exclude": ["node_modules"]
+{
+  // extend your base config so you don't have to redefine your compilerOptions
+  "extends": "./tsconfig.json",
+  "include": [
+    "./src/**/*.ts",
+    "./tests/**/*.ts",
+  ],
+  "exclude": ["node_modules"]
 }

package/types/components/tek-ag-grid/RenderedIcons.d.ts

@@ -0,0 +1,6 @@
+import Vuetify from 'vuetify';
+export declare class RenderedIcons {
+    private static icons;
+    private static getIconHtml;
+    static getIcon(iconName: string, vuetify: Vuetify): string;
+}

package/types/components/tek-ag-grid/TekAgGrid.d.ts

@@ -0,0 +1,30 @@
+import { IDictionary } from '@zeedhi/core';
+import { ZdIterable } from '@zeedhi/vuetify';
+import { TekAgGrid as Grid } from '@zeedhi/teknisa-components-common';
+/**
+ * TekAgGrid component
+ */
+export default class TekAgGrid extends ZdIterable {
+    cssClass: string;
+    dense: boolean;
+    frameworkComponents: IDictionary;
+    gridOptions: IDictionary;
+    height: string | number;
+    icons: IDictionary<string>;
+    instance: Grid;
+    instanceType: typeof Grid;
+    mounted(): void;
+    /**
+     * Get grid options with zeedhi predefined icons and subcomponents
+     */
+    get options(): {
+        icons: IDictionary<any>;
+        frameworkComponents: IDictionary<any>;
+    };
+    /**
+     * Get height css value from property
+     */
+    get heightValue(): string | number;
+    get rowHeight(): any;
+    get headerHeight(): any;
+}

package/types/components/tek-ag-grid/tek-ag-grid-components/index.d.ts

@@ -0,0 +1,6 @@
+import TekAgGridCellEditor from './tek-ag-grid-cell-editor/TekAgGridCellEditor.vue';
+import TekAgGridCellRenderer from './tek-ag-grid-cell-renderer/TekAgGridCellRenderer.vue';
+import TekAgGridDate from './tek-ag-grid-date/TekAgGridDate.vue';
+import TekAgGridSelectEditor from './tek-ag-grid-select-editor/TekAgGridSelectEditor.vue';
+import TekAgGridSelectRenderer from './tek-ag-grid-select-renderer/TekAgGridSelectRenderer.vue';
+export { TekAgGridCellEditor, TekAgGridCellRenderer, TekAgGridDate, TekAgGridSelectEditor, TekAgGridSelectRenderer, };

package/types/components/tek-ag-grid/tek-ag-grid-components/tek-ag-grid-cell-editor/TekAgGridCellEditor.d.ts

@@ -0,0 +1,15 @@
+import Vue from 'vue';
+import { IComponent, Input } from '@zeedhi/common';
+import { ZdInput } from '@zeedhi/vuetify';
+import { ITekAgGridCellEditorParams, IVueCellEditorComp } from './interfaces';
+export default class TekAgGridCellEditor extends Vue implements IVueCellEditorComp {
+    params: ITekAgGridCellEditorParams;
+    instance?: Input;
+    inputRef?: ZdInput;
+    defaultComponent: string;
+    mounted(): void;
+    initRefs(): void;
+    getValue(): any;
+    get componentProps(): IComponent;
+    get name(): string;
+}

package/types/components/tek-ag-grid/tek-ag-grid-components/tek-ag-grid-cell-editor/interfaces.d.ts

@@ -0,0 +1,14 @@
+import { IComponent } from '@zeedhi/common';
+import { ICellEditorComp, ICellRendererParams } from 'ag-grid-community';
+export interface ITekAgGridCellEditorParams extends ICellRendererParams {
+    componentProps?: IComponent;
+}
+/**
+ * Methods not used in VueJS subcomponents
+ * https://www.ag-grid.com/documentation/vue/component-cell-editor/#methods--lifecycle-2
+ */
+declare type VueCellEditorComp = Omit<ICellEditorComp, 'getGui' | 'init' | 'afterGuiAttached'>;
+export interface IVueCellEditorComp extends VueCellEditorComp {
+    params: ITekAgGridCellEditorParams;
+}
+export {};

package/types/components/tek-ag-grid/tek-ag-grid-components/tek-ag-grid-cell-renderer/TekAgGridCellRenderer.d.ts

@@ -0,0 +1,11 @@
+import Vue from 'vue';
+import { ITekAgGridCellRendererParams, IVueCellRendererComp } from './interfaces';
+export default class TekAgGridCellRenderer extends Vue implements IVueCellRendererComp {
+    params: ITekAgGridCellRendererParams;
+    formatter: Function;
+    formattedValue: string;
+    defaultFormatter: string;
+    created(): void;
+    refresh(params: ITekAgGridCellRendererParams): boolean;
+    updateFormattedValue(params: ITekAgGridCellRendererParams): Promise<void>;
+}

package/types/components/tek-ag-grid/tek-ag-grid-components/tek-ag-grid-cell-renderer/interfaces.d.ts

@@ -0,0 +1,13 @@
+import { ICellRendererComp, ICellRendererParams } from 'ag-grid-community';
+export interface ITekAgGridCellRendererParams extends ICellRendererParams {
+    formatterName?: string;
+}
+/**
+ * Methods not used in VueJS subcomponents
+ * https://www.ag-grid.com/documentation/vue/component-cell-renderer/#methods--lifecycle-2
+ */
+declare type VueCellRendererComp = Omit<ICellRendererComp, 'init' | 'getGui'>;
+export interface IVueCellRendererComp extends VueCellRendererComp {
+    params: ITekAgGridCellRendererParams;
+}
+export {};

package/types/components/tek-ag-grid/tek-ag-grid-components/tek-ag-grid-date/TekAgGridDate.d.ts

@@ -0,0 +1,21 @@
+import Vue from 'vue';
+import { Date as ZdDateInstance, IComponent } from '@zeedhi/common';
+import { ZdDate } from '@zeedhi/vuetify';
+import { ITekAgGridDateParams, IVueDateComp } from './interfaces';
+export default class TekAgGridDate extends Vue implements IVueDateComp {
+    params: ITekAgGridDateParams;
+    instance?: ZdDateInstance;
+    inputRef?: ZdDate;
+    mounted(): void;
+    initRefs(): void;
+    getDate(): Date | null;
+    setDate(date: Date | null): void;
+    get componentProps(): IComponent;
+    private eventOverwritten;
+    /**
+     * Add mousedown to prevent ag-grid filter from closing
+     * https://www.ag-grid.com/documentation/vue/component-filter/#custom-filters-containing-a-popup-element
+     */
+    addMenuMousedown(): void;
+    private getDateMenuContent;
+}

package/types/components/tek-ag-grid/tek-ag-grid-components/tek-ag-grid-date/interfaces.d.ts

@@ -0,0 +1,14 @@
+import { IComponent } from '@zeedhi/common';
+import { IDateComp, IDateParams } from 'ag-grid-community';
+export interface ITekAgGridDateParams extends IDateParams {
+    componentProps?: IComponent;
+}
+/**
+ * Methods not used in VueJS subcomponents
+ * https://www.ag-grid.com/documentation/vue/component-cell-editor/#methods--lifecycle-2
+ */
+declare type VueDateComp = Omit<IDateComp, 'getGui' | 'init'>;
+export interface IVueDateComp extends VueDateComp {
+    params: ITekAgGridDateParams;
+}
+export {};

package/types/components/tek-ag-grid/tek-ag-grid-components/tek-ag-grid-select-editor/TekAgGridSelectEditor.d.ts

@@ -0,0 +1,13 @@
+import { Select } from '@zeedhi/common';
+import { ITekAgGridSelectEditorParams, IVueSelectEditorComp } from './interfaces';
+import TekAgGridCellEditor from '../tek-ag-grid-cell-editor/TekAgGridCellEditor';
+export default class TekAgGridSelectEditor extends TekAgGridCellEditor implements IVueSelectEditorComp {
+    params: ITekAgGridSelectEditorParams;
+    instance?: Select;
+    inputRef?: any;
+    defaultComponent: string;
+    /**
+     * When editing is finished, update grid row columns
+     */
+    isCancelAfterEnd(): boolean;
+}

package/types/components/tek-ag-grid/tek-ag-grid-components/tek-ag-grid-select-editor/interfaces.d.ts

@@ -0,0 +1,10 @@
+import { ITekAgGridCellEditorParams, IVueCellEditorComp } from '../tek-ag-grid-cell-editor/interfaces';
+export interface ITekAgGridSelectEditorParams extends ITekAgGridCellEditorParams {
+    dataValueOut?: {
+        column: string;
+        columnOnGrid: string;
+    }[];
+}
+export interface IVueSelectEditorComp extends IVueCellEditorComp {
+    params: ITekAgGridSelectEditorParams;
+}

package/types/components/tek-ag-grid/tek-ag-grid-components/tek-ag-grid-select-renderer/TekAgGridSelectRenderer.d.ts

@@ -0,0 +1,9 @@
+import TekAgGridCellRenderer from '../tek-ag-grid-cell-renderer/TekAgGridCellRenderer';
+import { ITekAgGridSelectRendererParams, IVueSelectRendererComp } from './interfaces';
+export default class TekAgGridSelectRenderer extends TekAgGridCellRenderer implements IVueSelectRendererComp {
+    params: ITekAgGridSelectRendererParams;
+    formatter: Function;
+    formattedValue: string;
+    defaultFormatter: string;
+    updateFormattedValue(params: ITekAgGridSelectRendererParams): Promise<void>;
+}

package/types/components/tek-ag-grid/tek-ag-grid-components/tek-ag-grid-select-renderer/interfaces.d.ts

@@ -0,0 +1,8 @@
+import { ITekAgGridCellRendererParams, IVueCellRendererComp } from '../tek-ag-grid-cell-renderer/interfaces';
+export interface ITekAgGridSelectRendererParams extends ITekAgGridCellRendererParams {
+    dataText: string | any[];
+    dataTextSeparator?: string;
+}
+export interface IVueSelectRendererComp extends IVueCellRendererComp {
+    params: ITekAgGridSelectRendererParams;
+}

package/types/components/tek-grid/RenderedIcons.d.ts

@@ -0,0 +1,6 @@
+import Vuetify from 'vuetify';
+export declare class RenderedIcons {
+    private static icons;
+    private static getIconHtml;
+    static getIcon(iconName: string, vuetify: Vuetify): string;
+}

package/types/components/tek-grid/tek-grid-components/index.d.ts

@@ -0,0 +1,6 @@
+import TekGridCellEditor from './tek-grid-cell-editor/TekGridCellEditor.vue';
+import TekGridCellRenderer from './tek-grid-cell-renderer/TekGridCellRenderer.vue';
+import TekGridDate from './tek-grid-date/TekGridDate.vue';
+import TekGridSelectEditor from './tek-grid-select-editor/TekGridSelectEditor.vue';
+import TekGridSelectRenderer from './tek-grid-select-renderer/TekGridSelectRenderer.vue';
+export { TekGridCellEditor, TekGridCellRenderer, TekGridDate, TekGridSelectEditor, TekGridSelectRenderer, };

package/types/components/tek-grid/tek-grid-components/tek-grid-cell-editor/TekGridCellEditor.d.ts

@@ -0,0 +1,15 @@
+import Vue from 'vue';
+import { IComponent, Input } from '@zeedhi/common';
+import { ZdInput } from '@zeedhi/vuetify';
+import { ITekGridCellEditorParams, IVueCellEditorComp } from './interfaces';
+export default class TekGridCellEditor extends Vue implements IVueCellEditorComp {
+    params: ITekGridCellEditorParams;
+    instance?: Input;
+    inputRef?: ZdInput;
+    defaultComponent: string;
+    mounted(): void;
+    initRefs(): void;
+    getValue(): any;
+    get componentProps(): IComponent;
+    get name(): string;
+}

package/types/components/tek-grid/tek-grid-components/tek-grid-cell-editor/interfaces.d.ts

@@ -0,0 +1,14 @@
+import { IComponent } from '@zeedhi/common';
+import { ICellEditorComp, ICellRendererParams } from 'ag-grid-community';
+export interface ITekGridCellEditorParams extends ICellRendererParams {
+    componentProps?: IComponent;
+}
+/**
+ * Methods not used in VueJS subcomponents
+ * https://www.ag-grid.com/documentation/vue/component-cell-editor/#methods--lifecycle-2
+ */
+declare type VueCellEditorComp = Omit<ICellEditorComp, 'getGui' | 'init' | 'afterGuiAttached'>;
+export interface IVueCellEditorComp extends VueCellEditorComp {
+    params: ITekGridCellEditorParams;
+}
+export {};

package/types/components/tek-grid/tek-grid-components/tek-grid-cell-renderer/TekGridCellRenderer.d.ts

@@ -0,0 +1,11 @@
+import Vue from 'vue';
+import { ITekGridCellRendererParams, IVueCellRendererComp } from './interfaces';
+export default class TekGridCellRenderer extends Vue implements IVueCellRendererComp {
+    params: ITekGridCellRendererParams;
+    formatter: Function;
+    formattedValue: string;
+    defaultFormatter: string;
+    created(): void;
+    refresh(params: ITekGridCellRendererParams): boolean;
+    updateFormattedValue(params: ITekGridCellRendererParams): Promise<void>;
+}

package/types/components/tek-grid/tek-grid-components/tek-grid-cell-renderer/interfaces.d.ts

@@ -0,0 +1,13 @@
+import { ICellRendererComp, ICellRendererParams } from 'ag-grid-community';
+export interface ITekGridCellRendererParams extends ICellRendererParams {
+    formatterName?: string;
+}
+/**
+ * Methods not used in VueJS subcomponents
+ * https://www.ag-grid.com/documentation/vue/component-cell-renderer/#methods--lifecycle-2
+ */
+declare type VueCellRendererComp = Omit<ICellRendererComp, 'init' | 'getGui'>;
+export interface IVueCellRendererComp extends VueCellRendererComp {
+    params: ITekGridCellRendererParams;
+}
+export {};

package/types/components/tek-grid/tek-grid-components/tek-grid-date/TekGridDate.d.ts

@@ -0,0 +1,21 @@
+import Vue from 'vue';
+import { Date as ZdDateInstance, IComponent } from '@zeedhi/common';
+import { ZdDate } from '@zeedhi/vuetify';
+import { ITekGridDateParams, IVueDateComp } from './interfaces';
+export default class TekGridDate extends Vue implements IVueDateComp {
+    params: ITekGridDateParams;
+    instance?: ZdDateInstance;
+    inputRef?: ZdDate;
+    mounted(): void;
+    initRefs(): void;
+    getDate(): Date | null;
+    setDate(date: Date | null): void;
+    get componentProps(): IComponent;
+    private eventOverwritten;
+    /**
+     * Add mousedown to prevent ag-grid filter from closing
+     * https://www.ag-grid.com/documentation/vue/component-filter/#custom-filters-containing-a-popup-element
+     */
+    addMenuMousedown(): void;
+    private getDateMenuContent;
+}

package/types/components/tek-grid/tek-grid-components/tek-grid-date/interfaces.d.ts

@@ -0,0 +1,14 @@
+import { IComponent } from '@zeedhi/common';
+import { IDateComp, IDateParams } from 'ag-grid-community';
+export interface ITekGridDateParams extends IDateParams {
+    componentProps?: IComponent;
+}
+/**
+ * Methods not used in VueJS subcomponents
+ * https://www.ag-grid.com/documentation/vue/component-cell-editor/#methods--lifecycle-2
+ */
+declare type VueDateComp = Omit<IDateComp, 'getGui' | 'init'>;
+export interface IVueDateComp extends VueDateComp {
+    params: ITekGridDateParams;
+}
+export {};

package/types/components/tek-grid/tek-grid-components/tek-grid-select-editor/TekGridSelectEditor.d.ts

@@ -0,0 +1,13 @@
+import { Select } from '@zeedhi/common';
+import { ITekGridSelectEditorParams, IVueSelectEditorComp } from './interfaces';
+import TekGridCellEditor from '../tek-grid-cell-editor/TekGridCellEditor';
+export default class TekGridSelectEditor extends TekGridCellEditor implements IVueSelectEditorComp {
+    params: ITekGridSelectEditorParams;
+    instance?: Select;
+    inputRef?: any;
+    defaultComponent: string;
+    /**
+     * When editing is finished, update grid row columns
+     */
+    isCancelAfterEnd(): boolean;
+}

package/types/components/tek-grid/tek-grid-components/tek-grid-select-editor/interfaces.d.ts

@@ -0,0 +1,10 @@
+import { ITekGridCellEditorParams, IVueCellEditorComp } from '../tek-grid-cell-editor/interfaces';
+export interface ITekGridSelectEditorParams extends ITekGridCellEditorParams {
+    dataValueOut?: {
+        column: string;
+        columnOnGrid: string;
+    }[];
+}
+export interface IVueSelectEditorComp extends IVueCellEditorComp {
+    params: ITekGridSelectEditorParams;
+}

package/types/components/tek-grid/tek-grid-components/tek-grid-select-renderer/TekGridSelectRenderer.d.ts

@@ -0,0 +1,9 @@
+import TekGridCellRenderer from '../tek-grid-cell-renderer/TekGridCellRenderer';
+import { ITekGridSelectRendererParams, IVueSelectRendererComp } from './interfaces';
+export default class TekGridSelectRenderer extends TekGridCellRenderer implements IVueSelectRendererComp {
+    params: ITekGridSelectRendererParams;
+    formatter: Function;
+    formattedValue: string;
+    defaultFormatter: string;
+    updateFormattedValue(params: ITekGridSelectRendererParams): Promise<void>;
+}

package/types/components/tek-grid/tek-grid-components/tek-grid-select-renderer/interfaces.d.ts

@@ -0,0 +1,8 @@
+import { ITekGridCellRendererParams, IVueCellRendererComp } from '../tek-grid-cell-renderer/interfaces';
+export interface ITekGridSelectRendererParams extends ITekGridCellRendererParams {
+    dataText: string | any[];
+    dataTextSeparator?: string;
+}
+export interface IVueSelectRendererComp extends IVueCellRendererComp {
+    params: ITekGridSelectRendererParams;
+}

package/types/components/tek-login/TekLogin.d.ts

@@ -0,0 +1,15 @@
+import { TekLogin as TekLoginClass } from '@zeedhi/teknisa-components-common';
+import { IComponentRender } from '@zeedhi/common';
+declare const ZdLogin: import("vue").VueConstructor<import("vue-property-decorator").Vue>;
+/**
+ * TekLogin component
+ */
+export default class TekLogin extends ZdLogin {
+    cardWidth: string;
+    layout: string;
+    children: IComponentRender[];
+    instance: TekLoginClass;
+    instanceType: typeof TekLoginClass;
+    created(): void;
+}
+export {};