@zeedhi/vuetify 1.57.0 → 1.59.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zeedhi/vuetify",
-  "version": "1.57.0",
+  "version": "1.59.0",
   "description": "Zeedhi Components based on Vuetify",
   "author": "Zeedhi <zeedhi@teknisa.com>",
   "license": "ISC",
@@ -20,11 +20,6 @@
   },
   "dependencies": {
     "@panter/vue-i18next": "^0.15.2",
-    "@types/lodash.camelcase": "^4.3.6",
-    "@types/lodash.debounce": "^4.0.6",
-    "@types/lodash.isundefined": "^3.0.6",
-    "@types/lodash.kebabcase": "^4.1.6",
-    "@types/sortablejs": "^1.10.6",
     "@zeedhi/zd-vue-treeselect": "^1.0.0",
     "apexcharts": "^3.23.0",
     "hooper": "^0.3.4",
@@ -44,12 +39,16 @@
     "@zeedhi/common": "^1.0.0-alpha.0",
     "@zeedhi/core": "^1.0.0-alpha.0",
     "@zeedhi/vue": "^1.0.0-alpha.0",
-    "vue": "2.7.4",
+    "vue": "^2.7.4",
     "vuetify": "^2.6.2"
   },
   "devDependencies": {
+    "@types/lodash.camelcase": "^4.3.6",
+    "@types/lodash.debounce": "^4.0.6",
+    "@types/lodash.isundefined": "^3.0.6",
+    "@types/lodash.kebabcase": "^4.1.6",
     "@types/prismjs": "^1.16.2",
     "@types/sortablejs": "^1.10.6"
   },
-  "gitHead": "86092dcfcd8b02855e29cfc59b89960ead9fcdfd"
+  "gitHead": "459683dac60530b3f283c151c81ad26e12ae841b"
 }

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/zd-style.css',
-    }),
-  ],
-};
+import scss from 'rollup-plugin-scss';
+
+export default {
+  input: './src/styles/index.scss',
+  output: {
+    format: 'esm',
+  },
+  plugins: [
+    scss({
+      output: 'dist/zd-style.css',
+    }),
+  ],
+};

package/types/components/public.d.ts

@@ -35,6 +35,7 @@ import ZdGridEditable from './zd-grid/ZdGridEditable';
 import ZdHeader from './zd-header/ZdHeader';
 import ZdImage from './zd-image/ZdImage';
 import ZdIncrement from './zd-increment/ZdIncrement';
+import ZdIterableComponentRender from './zd-iterable-component-render/ZdIterableComponentRender';
 import ZdInput from './zd-input/ZdInput';
 import ZdIterable from './zd-iterable/ZdIterable';
 import ZdIterableColumnsButton from './zd-iterable/zd-iterable-columns-button/ZdIterableColumnsButton';
@@ -83,4 +84,4 @@ import ZdTooltip from './zd-tooltip/ZdTooltip';
 import ZdTree from './zd-tree/ZdTree';
 import ZdTreeGrid from './zd-tree-grid/ZdTreeGrid';
 import ZdTreeGridEditable from './zd-tree-grid/ZdTreeGridEditable';
-export { ZdAlert, ZdApexChart, ZdBadge, ZdBreadcrumbs, ZdButton, ZdButtonGroup, ZdCard, ZdCarousel, ZdCheckbox, ZdCheckboxMultiple, ZdChip, ZdCodeEditor, ZdCol, ZdCollapseCard, ZdComponent, ZdComponentRender, ZdContainer, ZdCurrency, ZdDashboard, ZdDate, ZdDateRange, ZdDialog, ZdDivider, ZdDropdown, ZdFileInput, ZdFooter, ZdForm, ZdFrame, ZdFramePage, ZdGrid, ZdGridFooter, ZdGridEditable, ZdIterableNoData, ZdGridTop, ZdHeader, ZdImage, ZdIncrement, ZdInput, ZdIterable, ZdIterableColumnsButton, ZdIterablePagination, ZdIterablePageSize, ZdIterablePageInfo, ZdList, ZdListItem, ZdListGroup, ZdLoading, ZdLogin, ZdLoginButton, ZdMasterDetail, ZdMenu, ZdMenuLink, ZdMenuGroup, ZdMenuButton, ZdMenuSeparator, ZdModal, ZdModalCloseButton, ZdMonth, ZdNumber, ZdPassword, ZdProgress, ZdRadio, ZdRangeSlider, ZdRow, ZdSearch, ZdSelectableList, ZdSelect, ZdSelectTree, ZdSelectTreeMultiple, ZdSpeedDial, ZdSteppers, ZdSvgMap, ZdSwitch, ZdTable, ZdTabs, ZdTag, ZdText, ZdTextarea, ZdTextInput, ZdTime, ZdToggleable, ZdTooltip, ZdTree, ZdTreeGrid, ZdTreeGridEditable, };
+export { ZdAlert, ZdApexChart, ZdBadge, ZdBreadcrumbs, ZdButton, ZdButtonGroup, ZdCard, ZdCarousel, ZdCheckbox, ZdCheckboxMultiple, ZdChip, ZdCodeEditor, ZdCol, ZdCollapseCard, ZdComponent, ZdComponentRender, ZdContainer, ZdCurrency, ZdDashboard, ZdDate, ZdDateRange, ZdDialog, ZdDivider, ZdDropdown, ZdFileInput, ZdFooter, ZdForm, ZdFrame, ZdFramePage, ZdGrid, ZdGridFooter, ZdGridEditable, ZdIterableNoData, ZdGridTop, ZdHeader, ZdImage, ZdIncrement, ZdInput, ZdIterable, ZdIterableComponentRender, ZdIterableColumnsButton, ZdIterablePagination, ZdIterablePageSize, ZdIterablePageInfo, ZdList, ZdListItem, ZdListGroup, ZdLoading, ZdLogin, ZdLoginButton, ZdMasterDetail, ZdMenu, ZdMenuLink, ZdMenuGroup, ZdMenuButton, ZdMenuSeparator, ZdModal, ZdModalCloseButton, ZdMonth, ZdNumber, ZdPassword, ZdProgress, ZdRadio, ZdRangeSlider, ZdRow, ZdSearch, ZdSelectableList, ZdSelect, ZdSelectTree, ZdSelectTreeMultiple, ZdSpeedDial, ZdSteppers, ZdSvgMap, ZdSwitch, ZdTable, ZdTabs, ZdTag, ZdText, ZdTextarea, ZdTextInput, ZdTime, ZdToggleable, ZdTooltip, ZdTree, ZdTreeGrid, ZdTreeGridEditable, };

package/types/components/zd-grid/ZdGrid.d.ts

@@ -32,7 +32,6 @@ export default class ZdGrid extends ZdIterable {
     private setHeight;
     private setViewGetWidth;
     calcWidth(column: Column, width?: string): string;
-    calcHeaderCellWidth(column: Column): string;
     private sortColumns;
     protected getColumnsDOMOrder(): Column[];
     private checkMove;

package/types/components/zd-grid/ZdGridNoData.d.ts

@@ -0,0 +1,8 @@
+import { IComponentRender } from '@zeedhi/common';
+import Vue from 'vue';
+export default class ZdGridNoData extends Vue {
+    errorSlot: IComponentRender[];
+    noDataSlot: IComponentRender[];
+    noResultSlot: IComponentRender[];
+    instance: any;
+}

package/types/components/zd-iterable/ZdIterable.d.ts

@@ -20,6 +20,7 @@ export default class ZdIterable extends ZdComponentRender {
     datasource: IDatasource;
     pageSizes: string[];
     virtualScroll: string | boolean;
+    searchVisibleOnly: string | boolean;
     instance: Iterable;
     instanceType: typeof Iterable;
     private unWatchRouteFn;

package/types/components/zd-iterable/ZdIterableColumnsButton.d.ts

@@ -0,0 +1,23 @@
+import { IterableColumnsButton } from '@zeedhi/common';
+import ZdButton from '../zd-button/ZdButton.vue';
+/**
+ * Iterable Columns Button component
+ */
+export default class ZdIterableColumnsButton extends ZdButton {
+    iterableComponentName: string;
+    iconName: string;
+    icon: boolean | string;
+    instance: IterableColumnsButton;
+    instanceType: typeof IterableColumnsButton;
+    getEvents(on: any): {
+        [x: string]: string | import("@zeedhi/core").IEvent<import("@zeedhi/common").IButtonEvent> | undefined;
+        blur?: string | import("@zeedhi/core").IEvent<import("@zeedhi/common").IButtonEvent> | undefined;
+        click?: string | import("@zeedhi/core").IEvent<import("@zeedhi/common").IButtonEvent> | undefined;
+        focus?: string | import("@zeedhi/core").IEvent<import("@zeedhi/common").IButtonEvent> | undefined;
+        onCreated?: string | import("@zeedhi/core").IEvent<import("@zeedhi/common").IButtonEvent> | undefined;
+        onBeforeMount?: string | import("@zeedhi/core").IEvent<import("@zeedhi/common").IButtonEvent> | undefined;
+        onMounted?: string | import("@zeedhi/core").IEvent<import("@zeedhi/common").IButtonEvent> | undefined;
+        onBeforeDestroy?: string | import("@zeedhi/core").IEvent<import("@zeedhi/common").IButtonEvent> | undefined;
+        onDestroyed?: string | import("@zeedhi/core").IEvent<import("@zeedhi/common").IButtonEvent> | undefined;
+    };
+}

package/types/components/zd-iterable/ZdIterablePageInfo.d.ts

@@ -0,0 +1,9 @@
+import { IterablePageInfo } from '@zeedhi/common';
+import ZdIterablePageComponent from './ZdIterablePageComponent';
+/**
+ * Iterable page info component
+ */
+export default class ZdIterablePageInfo extends ZdIterablePageComponent {
+    instance: IterablePageInfo;
+    instanceType: typeof IterablePageInfo;
+}

package/types/components/zd-iterable/ZdIterablePageSize.d.ts

@@ -0,0 +1,20 @@
+import { IDictionary } from '@zeedhi/core';
+import { IterablePageSize } from '@zeedhi/common';
+import ZdSelect from '../zd-select/ZdSelect.vue';
+/**
+ * Iterable page size component
+ */
+export default class ZdIterablePageSize extends ZdSelect {
+    iterableComponentName: string;
+    clearable: boolean | string;
+    dataText: string | string[];
+    dataValue: string;
+    dense: boolean | string;
+    autocomplete: boolean | string;
+    showHelper: boolean | string;
+    showLabel: boolean | string;
+    validations: IDictionary<IDictionary<string | number>>;
+    instance: IterablePageSize;
+    instanceType: typeof IterablePageSize;
+    mounted(): void;
+}

package/types/components/zd-iterable/ZdIterablePagination.d.ts

@@ -0,0 +1,35 @@
+import { IterablePagination } from '@zeedhi/common';
+import ZdIterablePageComponent from './ZdIterablePageComponent';
+/**
+ * Iterable pagination component
+ */
+export default class ZdIterablePagination extends ZdIterablePageComponent {
+    circle: boolean;
+    maxButtons?: number;
+    nextIcon: string;
+    prevIcon: string;
+    instance: IterablePagination;
+    instanceType: typeof IterablePagination;
+    private lastLength?;
+    private element;
+    private paginationComponent;
+    mounted(): void;
+    private initRefs;
+    /**
+     * Vuetify doesn't wait for nextTick to calculate maxButtons when resizing,
+     * so we have to refresh it
+     */
+    private refreshMaxButtons;
+    private updateIterableEvent;
+    /**
+     * Fix maxButtons when pagination is not visible initially
+     */
+    private initMaxButtons;
+    private lengthChange;
+    growPagination(): void;
+    /**
+     * Approach to "width: auto + 17px", because vuetify pagination requires parent element
+     * to have 17px of extra width relative to children to calculate the number of buttons displayed
+     */
+    updateWidth(): void;
+}

package/types/components/zd-iterable/ZdSearch.d.ts

@@ -0,0 +1,16 @@
+import { Search } from '@zeedhi/common';
+import ZdTextInput from '../zd-text-input/ZdTextInput.vue';
+/**
+ * Search component
+ */
+export default class ZdSearch extends ZdTextInput {
+    iterableComponentName: string;
+    showLabel: string;
+    showHelper: string;
+    appendIcon: string;
+    placeholder: string;
+    cssClass: string;
+    instance: Search;
+    instanceType: typeof Search;
+    getSearchValue(): string;
+}

package/types/components/zd-iterable-component-render/ZdIterableComponentRender.d.ts

@@ -0,0 +1,19 @@
+import { IComponentRender, IterableComponentRender } from '@zeedhi/common';
+import ZdIterable from '../zd-iterable/ZdIterable';
+/**
+ * ZdIterableComponentRender component
+ */
+export default class ZdIterableComponentRender extends ZdIterable {
+    footerSlot: IComponentRender[];
+    toolbarSlot: IComponentRender[];
+    componentMetadata: IComponentRender;
+    rowPropName: string;
+    errorSlot: IComponentRender[];
+    noDataSlot: IComponentRender[];
+    noResultSlot: IComponentRender[];
+    height: number | string;
+    maxHeight: number | string;
+    minHeight: number | string;
+    instance: IterableComponentRender;
+    instanceType: typeof IterableComponentRender;
+}

package/types/components/zd-number/ZdNumber.d.ts

@@ -10,7 +10,6 @@ export default class ZdNumber extends ZdTextInput {
     instance: NumberClass;
     instanceType: typeof NumberClass;
     private autoNumericInit;
-    private instanceRef;
     mounted(): void;
     beforeDestroy(): void;
     numberInput(value: any): void;

package/types/components/zd-select-multiple/ZdSelectMultiple.d.ts

@@ -14,7 +14,6 @@ export default class ZdSelectMultiple extends ZdSelect {
     expandedMode: boolean;
     rows: number;
     lastDisplayedChip: number;
-    allSelected: boolean;
     hasHiddenRows: boolean;
     private componentRef;
     private element;
@@ -55,7 +54,7 @@ export default class ZdSelectMultiple extends ZdSelect {
     get formattedData(): any;
     get formattedValue(): IDictionary<any>[];
     set formattedValue(value: IDictionary<any>[]);
-    private changeSelectAllItemsValue;
+    get allSelected(): boolean | 0;
     get limitValue(): number;
     isChipVisible(index: number): boolean;
     isMoreVisible(index: number): boolean;

package/types/components/zd-tree-grid/ZdTreeGrid.d.ts

@@ -8,6 +8,7 @@ export default class ZdTreeGrid extends ZdGrid {
     parentField: string;
     openLevelOnLoad: string | number | boolean;
     fetchOnDemand: string | boolean;
+    flat: string | boolean;
     footerSlot: IComponentRender[];
     instance: TreeGrid;
     instanceType: typeof TreeGrid;

package/types/utils/getIconPlugin.d.ts

@@ -0,0 +1,2 @@
+declare const _default: (name: string) => string;
+export default _default;