@zeedhi/vuetify 1.112.0 → 3.0.1

package/package.json

@@ -1,55 +1,49 @@
 {
   "name": "@zeedhi/vuetify",
-  "version": "1.112.0",
+  "version": "3.0.1",
   "description": "Zeedhi Components based on Vuetify",
   "author": "Zeedhi <zeedhi@teknisa.com>",
   "license": "ISC",
-  "main": "dist/zd-vuetify.umd.js",
-  "module": "dist/zd-vuetify.esm.js",
+  "main": "src/index.ts",
+  "module": "dist/zd-vuetify.js",
   "typings": "types/index.d.ts",
+  "type": "module",
   "publishConfig": {
     "access": "public"
   },
   "scripts": {
-    "build": "rollup -c && npm run build:scss",
-    "build:scss": "rollup -c rollup.scss.config.js",
+    "build": "rollup -c rollup.config.js",
+    "build:prod": "rollup -c rollup.config.prod.js",
+    "clean": "rm -rf ./dist",
     "docs": "typedoc --out docs src/",
-    "lint": "eslint . --fix --ext .ts",
-    "test": "jest",
-    "watch": "rollup -cw"
+    "test": "vitest",
+    "watch": "rollup -cw",
+    "coverage": "vitest run --coverage"
   },
   "dependencies": {
-    "@panter/vue-i18next": "0.15.*",
-    "@zeedhi/zd-vue-treeselect": "^1.3.0",
-    "apexcharts": "3.36.*",
-    "hooper": "0.3.*",
-    "lodash.camelcase": "4.3.*",
-    "lodash.debounce": "4.0.*",
-    "lodash.isundefined": "3.0.*",
-    "lodash.kebabcase": "4.1.*",
+    "@zeedhi/common": "file:../../../zeedhi-client-core/packages/common",
+    "@zeedhi/core": "file:../../../zeedhi-client-core/packages/core",
+    "@zeedhi/vue": "^3.0.1",
+    "lodash.camelcase": "^4.3.0",
+    "lodash.clonedeep": "^4.5.0",
+    "lodash.debounce": "^4.0.*",
+    "lodash.kebabcase": "^4.1.1",
     "prismjs": "1.29.*",
-    "sl-vue-tree": "1.8.*",
-    "sortablejs": "1.15.*",
-    "vue-apexcharts": "1.6.*",
-    "vue-class-component": "7.2.*",
-    "vue-grid-layout": "2.4.*",
-    "vue-property-decorator": "9.1.*",
-    "vuetify": "2.6.*"
-  },
-  "peerDependencies": {
-    "@zeedhi/common": "^1.97.0",
-    "@zeedhi/core": "^1.97.0",
-    "@zeedhi/vue": "^1.97.0",
-    "vue": "2.7.*",
-    "vuetify": "2.6.*"
+    "sortablejs": "^1.15.6",
+    "vue": "^3.0.0",
+    "vue-prism-editor": "2.0.0-alpha.2",
+    "vue-router": "^4.2.2",
+    "vuetify": "~3.9.0"
   },
   "devDependencies": {
-    "@types/lodash.camelcase": "4.3.*",
+    "@types/lodash.camelcase": "^4.3.7",
+    "@types/lodash.clonedeep": "^4.5.9",
     "@types/lodash.debounce": "4.0.*",
-    "@types/lodash.isundefined": "3.0.*",
-    "@types/lodash.kebabcase": "4.1.*",
+    "@types/lodash.kebabcase": "^4.1.7",
     "@types/prismjs": "1.26.*",
-    "@types/sortablejs": "1.15.*"
+    "@types/sortablejs": "^1.15.8",
+    "@vitest/coverage-v8": "^2.1.3",
+    "sass": "*"
   },
-  "gitHead": "03605f64e4e7971539151405a5606eb5f1fa6eb5"
+  "gitHead": "5a0ac0c127fbe0a5414b27e09144bde8975f78c1"
 }

package/rollup.config.prod.js

@@ -0,0 +1,26 @@
+import terser from '@rollup/plugin-terser';
+import scss from 'rollup-plugin-scss';
+import typescript from 'rollup-plugin-typescript2';
+import vue from 'rollup-plugin-vue';
+
+export default [
+    {
+        input: './src/index.ts',
+        output: {
+            file: './dist/zd-vuetify.min.js',
+            format: 'esm',
+        },
+        plugins: [
+            scss({
+                fileName: 'zd-vuetify.css',
+                outputStyle: 'compressed',
+            }),
+            vue(),
+            typescript({
+                clean: true,
+                useTsconfigDeclarationDir: true,
+            }),
+            terser(),
+        ],
+    }
+];

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

package/src/components/index.ts

@@ -0,0 +1,305 @@
+import { IDictionary } from '@zeedhi/core';
+import { App, DefineComponent } from 'vue';
+
+import TekGrid from './tek-grid/TekGrid.vue';
+import TekGridColumnFilter from './tek-grid/column-filter/TekGridColumnFilter.vue';
+import TekGridHeaderRow from './tek-grid/column-header/TekGridHeaderRow.vue';
+import TekGridColumnsButton from './tek-grid/columns-button/TekGridColumnsButton.vue';
+import TekGridFilterButton from './tek-grid/filter-button/TekGridFilterButton.vue';
+import TekGridIndentation from './tek-grid/indentation/TekGridIndentation.vue';
+import TekGridLayoutOptions from './tek-grid/layout-options/TekGridLayoutOptions.vue';
+import TekGridFooterRow from './tek-grid/row/TekGridFooterRow.vue';
+import TekGridGroupRow from './tek-grid/row/TekGridGroupRow.vue';
+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 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 './tek-grid/TekGrid';
+export * from './tek-grid/columns-button/TekGridColumnsButton';
+export * from './tek-grid/filter-button/TekGridFilterButton';
+export * from './tek-grid/layout-options/TekGridLayoutOptions';
+export * from './tek-grid/column-header/TekGridHeaderRow';
+export * from './tek-grid/column-filter/TekGridColumnFilter';
+export * from './tek-grid/row/TekGridGroupRow';
+export * from './tek-grid/indentation/TekGridIndentation';
+export * from './tek-grid/row/TekGridFooterRow';
+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 const components: IDictionary<DefineComponent<object, object, any>> = {
+	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,
+	TekGrid,
+	TekGridColumnsButton,
+	TekGridFilterButton,
+	TekGridLayoutOptions,
+	TekGridHeaderRow,
+	TekGridColumnFilter,
+	TekGridGroupRow,
+	TekGridIndentation,
+	TekGridFooterRow,
+	ZdProgress,
+	ZdSvgMap,
+	ZdCheckboxMultiple,
+	ZdMasterDetail,
+	ZdCurrency,
+	ZdMonth,
+	ZdTime,
+	ZdTree,
+	ZdTreeCheckbox,
+	ZdTreeAfterTitle,
+	ZdIncrement,
+};
+
+export function RegisterComponents(app: App) {
+	for (const name in components) {
+		app.component(name, components[name]);
+	}
+}