@zeedhi/vuetify 3.0.10 → 3.0.11

package/types/components/zd-tree-grid/cell/ZdTreeGridCell.ts.d.ts

@@ -0,0 +1,92 @@
+import { GridColumn } from '@zeedhi/common';
+import { IDictionary } from '@zeedhi/core';
+import { PropType } from 'vue';
+import { GetActions } from '../../zd-grid/ZdGrid';
+declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    row: {
+        type: PropType<IDictionary<any>>;
+        required: true;
+    };
+    column: {
+        type: PropType<GridColumn>;
+        required: true;
+    };
+    cssClass: {
+        type: PropType<(string | IDictionary<boolean>)[]>;
+        default: () => never[];
+    };
+    cssStyle: {
+        type: PropType<IDictionary<any>[]>;
+        default: () => never[];
+    };
+    cellSelection: {
+        type: BooleanConstructor;
+        required: true;
+    };
+    isCurrent: {
+        type: BooleanConstructor;
+    };
+    hasChildOnDemand: {
+        type: BooleanConstructor;
+    };
+    showExpandIcon: {
+        type: BooleanConstructor;
+    };
+    isFirstCell: {
+        type: BooleanConstructor;
+    };
+}>, {
+    tabindex: import("vue").ComputedRef<"" | 0>;
+    click: (event: Event) => void;
+    focusin: (event: Event) => void;
+    conditionalProps: import("vue").ComputedRef<Partial<import("@zeedhi/common").IComponentRender>>;
+    getActions: GetActions;
+    getMergedConditionals: (propName: keyof GridColumn) => any;
+    expandIconClick: (event: Event) => void;
+    highlightSearchResult: (text: string) => string;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("focusin" | "click" | "expandIconClick")[], "focusin" | "click" | "expandIconClick", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    row: {
+        type: PropType<IDictionary<any>>;
+        required: true;
+    };
+    column: {
+        type: PropType<GridColumn>;
+        required: true;
+    };
+    cssClass: {
+        type: PropType<(string | IDictionary<boolean>)[]>;
+        default: () => never[];
+    };
+    cssStyle: {
+        type: PropType<IDictionary<any>[]>;
+        default: () => never[];
+    };
+    cellSelection: {
+        type: BooleanConstructor;
+        required: true;
+    };
+    isCurrent: {
+        type: BooleanConstructor;
+    };
+    hasChildOnDemand: {
+        type: BooleanConstructor;
+    };
+    showExpandIcon: {
+        type: BooleanConstructor;
+    };
+    isFirstCell: {
+        type: BooleanConstructor;
+    };
+}>> & Readonly<{
+    onFocusin?: ((...args: any[]) => any) | undefined;
+    onClick?: ((...args: any[]) => any) | undefined;
+    onExpandIconClick?: ((...args: any[]) => any) | undefined;
+}>, {
+    cssClass: (string | IDictionary<boolean>)[];
+    cssStyle: IDictionary<any>[];
+    isCurrent: boolean;
+    hasChildOnDemand: boolean;
+    showExpandIcon: boolean;
+    isFirstCell: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export default _default;

package/types/components/zd-tree-grid/row/ZdTreeGridRow.ts.d.ts

@@ -0,0 +1,124 @@
+import { GridColumn } from '@zeedhi/common';
+import { IDictionary } from '@zeedhi/core';
+import { PropType } from 'vue';
+declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    isSelected: {
+        type: BooleanConstructor;
+        required: true;
+    };
+    isCurrentRow: {
+        type: BooleanConstructor;
+        required: true;
+    };
+    selectable: {
+        type: BooleanConstructor;
+        required: true;
+    };
+    selectionDisabled: {
+        type: BooleanConstructor;
+        required: true;
+    };
+    cellSelection: {
+        type: BooleanConstructor;
+        required: true;
+    };
+    isCurrent: {
+        type: PropType<(args: {
+            row: IDictionary;
+            column?: GridColumn;
+        }) => boolean>;
+        required: true;
+    };
+    columns: {
+        type: PropType<GridColumn[]>;
+        required: true;
+    };
+    row: {
+        type: PropType<IDictionary<any>>;
+        required: true;
+    };
+    fixedLeft: {
+        type: PropType<IDictionary<any>>;
+        required: true;
+    };
+    fixedRight: {
+        type: PropType<IDictionary<any>>;
+        required: true;
+    };
+    indeterminate: {
+        type: BooleanConstructor;
+        required: true;
+    };
+    hasChildOnDemand: {
+        type: BooleanConstructor;
+    };
+}>, {
+    click: (event: Event) => void;
+    focusin: (event: Event, column?: GridColumn) => void;
+    checkboxClick: (event: Event) => void;
+    cellFocus: (event: Event, column: GridColumn) => void;
+    cellClick: (event: Event, column: GridColumn) => void;
+    expandIconClick: (event: Event) => void;
+    isFirstCell: (index: number) => boolean;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("click" | "checkboxClick" | "focusin" | "cellFocus" | "cellClick" | "expandIconClick")[], "click" | "checkboxClick" | "focusin" | "cellFocus" | "cellClick" | "expandIconClick", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    isSelected: {
+        type: BooleanConstructor;
+        required: true;
+    };
+    isCurrentRow: {
+        type: BooleanConstructor;
+        required: true;
+    };
+    selectable: {
+        type: BooleanConstructor;
+        required: true;
+    };
+    selectionDisabled: {
+        type: BooleanConstructor;
+        required: true;
+    };
+    cellSelection: {
+        type: BooleanConstructor;
+        required: true;
+    };
+    isCurrent: {
+        type: PropType<(args: {
+            row: IDictionary;
+            column?: GridColumn;
+        }) => boolean>;
+        required: true;
+    };
+    columns: {
+        type: PropType<GridColumn[]>;
+        required: true;
+    };
+    row: {
+        type: PropType<IDictionary<any>>;
+        required: true;
+    };
+    fixedLeft: {
+        type: PropType<IDictionary<any>>;
+        required: true;
+    };
+    fixedRight: {
+        type: PropType<IDictionary<any>>;
+        required: true;
+    };
+    indeterminate: {
+        type: BooleanConstructor;
+        required: true;
+    };
+    hasChildOnDemand: {
+        type: BooleanConstructor;
+    };
+}>> & Readonly<{
+    onClick?: ((...args: any[]) => any) | undefined;
+    onCheckboxClick?: ((...args: any[]) => any) | undefined;
+    onFocusin?: ((...args: any[]) => any) | undefined;
+    onCellFocus?: ((...args: any[]) => any) | undefined;
+    onCellClick?: ((...args: any[]) => any) | undefined;
+    onExpandIconClick?: ((...args: any[]) => any) | undefined;
+}>, {
+    hasChildOnDemand: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export default _default;

package/types/composables/useDateKeydown.d.ts

@@ -1,5 +1,3 @@
 import { DateInput, DateRange } from '@zeedhi/common';
 import { UnwrapNestedRefs } from 'vue';
-export declare function useDateKeydown(instance: UnwrapNestedRefs<DateRange | DateInput>, options: {
-    isMaskDelimiterFn: (value: string, position: number) => boolean;
-}): void;
+export declare function useDateKeydown(instance: UnwrapNestedRefs<DateRange | DateInput>): void;

package/vite.config.browser.ts

@@ -0,0 +1,53 @@
+import { defineConfig } from 'vite';
+import vue from '@vitejs/plugin-vue';
+import path from 'path';
+
+export default defineConfig({
+  plugins: [
+    vue(),
+  ],
+  css: {
+    preprocessorOptions: {
+      scss: {
+        api: 'modern',
+      }
+    }
+  },
+  build: {
+    outDir: 'dist',
+    emptyOutDir: false,
+    minify: 'esbuild',  // Minify for browser
+    lib: {
+      entry: path.resolve(__dirname, 'src/index.ts'),
+      name: 'ZdVuetify', // Global variable name (window.ZdVuetify)
+      formats: ['iife'],
+      fileName: () => 'zd-vuetify.min.js',
+    },
+    rollupOptions: {
+      external: [
+        '@zeedhi/common',
+        '@zeedhi/core',
+        '@zeedhi/vue',
+        'vue',
+        'vue-router',
+        'vuetify',
+        'vuetify/components',
+        'vuetify/directives',
+      ],
+      output: {
+        // Global variables for browser
+        globals: {
+          '@zeedhi/core': 'ZdCore',
+          '@zeedhi/common': 'ZdCommon',
+          '@zeedhi/vue': 'ZdVue',
+          'vue': 'Vue',
+          'vue-router': 'VueRouter',
+          'vuetify': 'Vuetify',
+          'vuetify/components': 'Vuetify.components',
+          'vuetify/directives': 'Vuetify.directives',
+        },
+        assetFileNames: 'zd-vuetify.min.css', // CSS output name
+      },
+    },
+  },
+});

package/vite.config.lib.ts

@@ -0,0 +1,42 @@
+import { defineConfig } from 'vite';
+import vue from '@vitejs/plugin-vue';
+import path from 'path';
+
+export default defineConfig({
+  plugins: [
+    vue(),
+  ],
+  css: {
+    preprocessorOptions: {
+      scss: {
+        api: 'modern',
+      }
+    }
+  },
+  build: {
+    outDir: 'dist',
+    emptyOutDir: true, // Wipes 'dist' before starting this build
+    minify: false,     // Keep code readable
+    lib: {
+      entry: path.resolve(__dirname, 'src/index.ts'),
+      formats: ['es'],
+      fileName: () => 'zd-vuetify.mjs',
+    },
+    rollupOptions: {
+      // Library externals (don't bundle these)
+      external: [
+        '@zeedhi/common',
+        '@zeedhi/core',
+        '@zeedhi/vue',
+        'vue',
+        'vue-router',
+        'vuetify',
+        'vuetify/components',
+        'vuetify/directives',
+      ],
+      output: {
+        assetFileNames: 'zd-vuetify.css', // CSS output name
+      },
+    },
+  },
+});

package/dist/components/index.js

@@ -1,275 +0,0 @@
-import ZdTooltipOverflow from './tooltip-overflow/ZdTooltipOverflow.vue';
-import ZdActivatorWrapper from './zd-activator-wrapper/ZdActivatorWrapper.vue';
-import ZdAlert from './zd-alert/ZdAlert.vue';
-import ZdBadge from './zd-badge/ZdBadge.vue';
-import ZdBreadcrumbs from './zd-breadcrumbs/ZdBreadcrumbs.vue';
-import ZdButtonGroup from './zd-button-group/ZdButtonGroup.vue';
-import ZdButton from './zd-button/ZdButton.vue';
-import ZdCard from './zd-card/ZdCard.vue';
-import ZdCarousel from './zd-carousel/ZdCarousel.vue';
-import ZdCheckboxMultiple from './zd-checkbox-multiple/ZdCheckboxMultiple.vue';
-import ZdCheckbox from './zd-checkbox/ZdCheckbox.vue';
-import ZdChip from './zd-chip/ZdChip.vue';
-import ZdCodeViewer from './zd-code-viewer/ZdCodeViewer.vue';
-import ZdCol from './zd-col/ZdCol.vue';
-import ZdCollapseCard from './zd-collapse-card/ZdCollapseCard.vue';
-import ZdContainer from './zd-container/ZdContainer.vue';
-import ZdCurrency from './zd-currency/ZdCurrency.vue';
-import ZdDateInput from './zd-date-input/ZdDateInput.vue';
-import ZdDateRange from './zd-date-range/ZdDateRange.vue';
-import ZdDialog from './zd-dialog/ZdDialog.vue';
-import ZdDivider from './zd-divider/ZdDivider.vue';
-import ZdDropdown from './zd-dropdown/ZdDropdown.vue';
-import ZdFooter from './zd-footer/ZdFooter.vue';
-import ZdForm from './zd-form/ZdForm.vue';
-import ZdFramePage from './zd-frame-page/ZdFramePage.vue';
-import ZdFrame from './zd-frame/ZdFrame.vue';
-import ZdGridEditable from './zd-grid-editable/ZdGridEditable.vue';
-import ZdGridEditableCell from './zd-grid-editable/cell/ZdGridEditableCell.vue';
-import ZdGridEditableRow from './zd-grid-editable/row/ZdGridEditableRow.vue';
-import ZdGrid from './zd-grid/ZdGrid.vue';
-import ZdGridAction from './zd-grid/cell/ZdGridAction.vue';
-import ZdGridCell from './zd-grid/cell/ZdGridCell.vue';
-import ZdGridCellContent from './zd-grid/cell/ZdGridCellContent.vue';
-import ZdGridCheckbox from './zd-grid/cell/ZdGridCheckbox.vue';
-import ZdGridColumnHeader from './zd-grid/column-header/ZdGridColumnHeader.vue';
-import ZdGridHeaderIcon from './zd-grid/column-header/ZdGridHeaderIcon.vue';
-import ZdGridHeaderRow from './zd-grid/column-header/ZdGridHeaderRow.vue';
-import ZdGridSort from './zd-grid/column-header/ZdGridSort.vue';
-import ZdGridFooter from './zd-grid/footer/ZdGridFooter.vue';
-import ZdGridHelper from './zd-grid/helper/ZdGridHelper.vue';
-import TableRow from './zd-grid/row/TableRow.vue';
-import ZdGridRow from './zd-grid/row/ZdGridRow.vue';
-import ZdGridToolbar from './zd-grid/toolbar/ZdGridToolbar.vue';
-import ZdHeader from './zd-header/ZdHeader.vue';
-import ZdIcon from './zd-icon/ZdIcon.vue';
-import ZdImage from './zd-image/ZdImage.vue';
-import ZdIncrement from './zd-increment/ZdIncrement.vue';
-import ZdIterableComponentRender from './zd-iterable-component-render/ZdIterableComponentRender.vue';
-import ZdIterableNoData from './zd-iterable/ZdIterableNoData.vue';
-import ZdIterableColumnsButton from './zd-iterable/zd-iterable-columns-button/ZdIterableColumnsButton.vue';
-import ZdIterablePageInfo from './zd-iterable/zd-iterable-page-info/ZdIterablePageInfo.vue';
-import ZdIterablePageSize from './zd-iterable/zd-iterable-page-size/ZdIterablePageSize.vue';
-import ZdIterablePagination from './zd-iterable/zd-iterable-pagination/ZdIterablePagination.vue';
-import ZdSearch from './zd-iterable/zd-search/ZdSearch.vue';
-import ZdLayout from './zd-layout/ZdLayout.vue';
-import ZdList from './zd-list/ZdList.vue';
-import ZdListGroup from './zd-list/ZdListGroup.vue';
-import ZdListItem from './zd-list/ZdListItem.vue';
-import ZdLoading from './zd-loading/ZdLoading.vue';
-import ZdLogin from './zd-login/ZdLogin.vue';
-import ZdLoginButton from './zd-login/ZdLoginButton.vue';
-import ZdMain from './zd-main/ZdMain.vue';
-import ZdMasterDetail from './zd-master-detail/ZdMasterDetail.vue';
-import ZdMenu from './zd-menu/ZdMenu.vue';
-import ZdMenuButton from './zd-menu/ZdMenuButton.vue';
-import ZdMenuGroup from './zd-menu/ZdMenuGroup.vue';
-import ZdMenuLink from './zd-menu/ZdMenuLink.vue';
-import ZdMenuSeparator from './zd-menu/ZdMenuSeparator.vue';
-import ZdModal from './zd-modal/ZdModal.vue';
-import ZdModalCloseButton from './zd-modal/ZdModalCloseButton.vue';
-import ZdMonth from './zd-month/ZdMonth.vue';
-import ZdNumberInput from './zd-number-input/ZdNumberInput.vue';
-import ZdPassword from './zd-password/ZdPassword.vue';
-import ZdProgress from './zd-progress/ZdProgress.vue';
-import ZdRadio from './zd-radio/ZdRadio.vue';
-import ZdRow from './zd-row/ZdRow.vue';
-import ZdSelectMultiple from './zd-select-multiple/ZdSelectMultiple.vue';
-import ZdSelect from './zd-select/ZdSelect.vue';
-import ZdSvgMap from './zd-svg-map/ZdSvgMap.vue';
-import ZdSwitch from './zd-switch/ZdSwitch.vue';
-import ZdTable from './zd-table/ZdTable.vue';
-import ZdTab from './zd-tabs/ZdTab.vue';
-import ZdTabItem from './zd-tabs/ZdTabItem.vue';
-import ZdTabs from './zd-tabs/ZdTabs.vue';
-import ZdTag from './zd-tag/ZdTag.vue';
-import ZdTextInput from './zd-text-input/ZdTextInput.vue';
-import ZdText from './zd-text/ZdText.vue';
-import ZdTextarea from './zd-textarea/ZdTextarea.vue';
-import ZdTime from './zd-time/ZdTime.vue';
-import ZdTooltip from './zd-tooltip/ZdTooltip.vue';
-import ZdTreeGrid from './zd-tree-grid/ZdTreeGrid.vue';
-import ZdTreeGridCell from './zd-tree-grid/cell/ZdTreeGridCell.vue';
-import ZdTreeGridRow from './zd-tree-grid/row/ZdTreeGridRow.vue';
-import ZdTree from './zd-tree/ZdTree.vue';
-import ZdTreeAfterTitle from './zd-tree/ZdTreeAfterTitle.vue';
-import ZdTreeCheckbox from './zd-tree/ZdTreeCheckbox.vue';
-export * from './zd-component/ZdComponent';
-export * from './zd-component/ZdComponentRender';
-export * from './zd-chip/ZdChip';
-export * from './zd-alert/ZdAlert';
-export * from './zd-activator-wrapper/ZdActivatorWrapper';
-export * from './zd-breadcrumbs/ZdBreadcrumbs';
-export * from './zd-badge/ZdBadge';
-export * from './zd-button/ZdButton';
-export * from './zd-button-group/ZdButtonGroup';
-export * from './zd-card/ZdCard';
-export * from './zd-carousel/ZdCarousel';
-export * from './zd-checkbox/ZdCheckbox';
-export * from './zd-code-viewer/ZdCodeViewer';
-export * from './zd-col/ZdCol';
-export * from './zd-container/ZdContainer';
-export * from './zd-date-input/ZdDateInput';
-export * from './zd-divider/ZdDivider';
-export * from './zd-form/ZdForm';
-export * from './zd-footer/ZdFooter';
-export * from './zd-frame-page/ZdFramePage';
-export * from './zd-frame/ZdFrame';
-export * from './zd-header/ZdHeader';
-export * from './zd-icon/ZdIcon';
-export * from './zd-image/ZdImage';
-export * from './zd-iterable/ZdIterable';
-export * from './zd-layout/ZdLayout';
-export * from './zd-main/ZdMain';
-export * from './zd-menu/ZdMenu';
-export * from './zd-menu/ZdMenuButton';
-export * from './zd-menu/ZdMenuGroup';
-export * from './zd-menu/ZdMenuLink';
-export * from './zd-menu/ZdMenuSeparator';
-export * from './zd-radio/ZdRadio';
-export * from './zd-row/ZdRow';
-export * from './zd-table/ZdTable';
-export * from './zd-tabs/ZdTab';
-export * from './zd-tabs/ZdTabItem';
-export * from './zd-tabs/ZdTabs';
-export * from './zd-tag/ZdTag';
-export * from './zd-text/ZdText';
-export * from './zd-input/ZdInput';
-export * from './zd-text-input/ZdTextInput';
-export * from './zd-loading/ZdLoading';
-export * from './zd-login/ZdLogin';
-export * from './zd-login/ZdLoginButton';
-export * from './zd-switch/ZdSwitch';
-export * from './zd-textarea/ZdTextarea';
-export * from './zd-tooltip/ZdTooltip';
-export * from './zd-dropdown/ZdDropdown';
-export * from './zd-select/ZdSelect';
-export * from './zd-select-multiple/ZdSelectMultiple';
-export * from './zd-dialog/ZdDialog';
-export * from './zd-password/ZdPassword';
-export * from './zd-modal/ZdModal';
-export * from './zd-modal/ZdModalCloseButton';
-export * from './zd-number-input/ZdNumberInput';
-export * from './zd-list/ZdList';
-export * from './zd-list/ZdListItem';
-export * from './zd-grid/ZdGrid';
-export * from './zd-collapse-card/ZdCollapseCard';
-export * from './zd-grid-editable/ZdGridEditable';
-export * from './zd-iterable/zd-iterable-columns-button/ZdIterableColumnsButton';
-export * from './zd-progress/ZdProgress';
-export * from './zd-svg-map/ZdSvgMap';
-export * from './zd-checkbox-multiple/ZdCheckboxMultiple';
-export * from './zd-master-detail/ZdMasterDetail';
-export * from './zd-currency/ZdCurrency';
-export * from './zd-time/ZdTime';
-export * from './zd-month/ZdMonth';
-export * from './zd-tree/ZdTree';
-export * from './zd-tree/ZdTreeCheckbox';
-export * from './zd-tree/ZdTreeAfterTitle';
-export * from './zd-increment/ZdIncrement';
-export * from './zd-currency/ZdCurrency';
-export * from './zd-month/ZdMonth';
-export * from './zd-date-range/ZdDateRange';
-export const components = {
-    ZdAlert,
-    ZdActivatorWrapper,
-    ZdBreadcrumbs,
-    ZdBadge,
-    ZdButton,
-    ZdButtonGroup,
-    ZdCard,
-    ZdCarousel,
-    ZdCheckbox,
-    ZdContainer,
-    ZdDateInput,
-    ZdDialog,
-    ZdDivider,
-    ZdForm,
-    ZdChip,
-    ZdFooter,
-    ZdFrame,
-    ZdFramePage,
-    ZdCodeViewer,
-    ZdCol,
-    ZdHeader,
-    ZdIcon,
-    ZdImage,
-    ZdIterableComponentRender,
-    ZdLayout,
-    ZdMain,
-    ZdTable,
-    ZdTab,
-    ZdTabs,
-    ZdTabItem,
-    ZdMenu,
-    ZdMenuButton,
-    ZdMenuGroup,
-    ZdMenuLink,
-    ZdMenuSeparator,
-    ZdTag,
-    ZdText,
-    ZdRadio,
-    ZdRow,
-    ZdTextInput,
-    ZdTextarea,
-    ZdLoading,
-    ZdLogin,
-    ZdLoginButton,
-    ZdSwitch,
-    ZdTooltip,
-    ZdDropdown,
-    ZdSelect,
-    ZdSelectMultiple,
-    ZdPassword,
-    ZdModal,
-    ZdNumberInput,
-    ZdModalCloseButton,
-    ZdList,
-    ZdListItem,
-    ZdListGroup,
-    ZdGrid,
-    ZdGridColumnHeader,
-    ZdGridHelper,
-    ZdGridSort,
-    ZdGridHeaderRow,
-    ZdGridToolbar,
-    ZdIterableNoData,
-    ZdGridFooter,
-    ZdGridCell,
-    ZdGridCellContent,
-    ZdGridAction,
-    ZdTooltipOverflow,
-    ZdGridHeaderIcon,
-    ZdGridCheckbox,
-    ZdSearch,
-    ZdIterablePagination,
-    ZdIterablePageSize,
-    ZdIterablePageInfo,
-    ZdIterableColumnsButton,
-    ZdGridRow,
-    TableRow,
-    ZdGridEditable,
-    ZdGridEditableRow,
-    ZdGridEditableCell,
-    ZdTreeGrid,
-    ZdTreeGridCell,
-    ZdTreeGridRow,
-    ZdCollapseCard,
-    ZdProgress,
-    ZdSvgMap,
-    ZdCheckboxMultiple,
-    ZdMasterDetail,
-    ZdCurrency,
-    ZdMonth,
-    ZdTime,
-    ZdTree,
-    ZdTreeCheckbox,
-    ZdTreeAfterTitle,
-    ZdIncrement,
-    ZdDateRange,
-};
-export function RegisterComponents(app) {
-    for (const name in components) {
-        app.component(name, components[name]);
-    }
-}