ag-grid-vue3 - npm Package Compare versions

Comparing version 32.3.3 to 33.0.0

package.json

 {
   "name": "ag-grid-vue3",
   "description": "AG Grid Vue 3 Component",
-  "version": "32.3.3",
+  "version": "33.0.0",
   "author": "Sean Landsman <[e-mail]>",
   "license": "MIT",
-  "main": "./dist/package/main.cjs.js",
-  "types": "./dist/types/src/main.d.ts",
-  "module": "./dist/package/main.esm.mjs",
-  "exports": {
-    "import": "./dist/package/main.esm.mjs",
-    "require": "./dist/package/main.cjs.js",
-    "types": "./dist/types/src/main.d.ts",
-    "default": "./dist/package/main.cjs.js"
-  },
+  "files": [
+    "dist"
+  ],
   "repository": {
@@ -31,29 +25,42 @@ "type": "git",
   ],
+  "main": "./dist/main.umd.js",
+  "module": "./dist/main.mjs",
+  "typings": "./dist/typings/main.d.ts",
   "scripts": {
     "clean": "rimraf dist lib",
-    "build": "NODE_OPTIONS=--openssl-legacy-provider vue-cli-service build --target lib src/AgGridVue.ts && npx tsc && rm ./dist/demo.html",
-    "test:unit": "vue-cli-service test:unit",
-    "test:e2ex": "vue-cli-service test:e2e"
+    "dev": "vite",
+    "update-properties": "node updateGridAndColumnProperties.cjs",
+    "build": "run-p update-properties type-check \"build-only {@}\" --",
+    "preview": "vite preview",
+    "test:unit": "vitest",
+    "build-only": "vite build",
+    "type-check": "vue-tsc --build --force --declaration --emitDeclarationOnly"
   },
   "dependencies": {
-    "ag-grid-community": "32.3.3",
-    "vue": "^3.0.0"
+    "ag-grid-community": "33.0.0"
   },
   "devDependencies": {
-    "gulp": "^4.0.0",
-    "gulp-replace": "^1.0.0",
-    "@types/jest": "^24.0.19",
-    "@vue/cli-plugin-e2e-cypress": "~5.0.8",
-    "@vue/cli-plugin-typescript": "~5.0.8",
-    "@vue/cli-plugin-unit-jest": "~5.0.8",
-    "@vue/cli-service": "~5.0.8",
-    "@vue/compiler-sfc": "^3.0.0",
-    "@vue/test-utils": "^2.0.0-0",
-    "typescript": "~5.1.6",
-    "vue-jest": "^3.0.7",
-    "rimraf": "3.0.2"
+    "vue": "^3.5.0",
+    "replace-in-file": "4.1.0",
+    "@tsconfig/node20": "^20.1.4",
+    "@types/jsdom": "^21.1.7",
+    "@types/node": "^20.14.5",
+    "@vitejs/plugin-vue": "^5.0.5",
+    "@vitejs/plugin-vue-jsx": "^4.0.0",
+    "@vue/test-utils": "^2.4.6",
+    "@vue/tsconfig": "^0.5.1",
+    "jsdom": "^24.1.0",
+    "npm-run-all2": "^6.2.0",
+    "typescript": "~5.4.0",
+    "vite": "^5.3.1",
+    "vite-plugin-vue-devtools": "^7.3.1",
+    "vitest": "^1.6.0",
+    "vue-tsc": "^2.0.21"
   },
+  "peerDependencies": {
+    "vue": "^3.5.0"
+  },
   "publishConfig": {
     "access": "public"
   }
-}
+}

README.md

@@ -60,23 +60,24 @@ # Vue3 Data Grid | Vue3 Table
 
--   [📖 Overview](#-overview)
-    -   [Features](#features)
-    -   [Examples](#examples)
--   [⚡️ Quick Start](#️-quick-start)
-    -   [Installation](#installation)
-    -   [Setup](#setup)
-    -   [Seed Projects](#seed-projects)
--   [🛠️ Customisations](#️-customisations)
-    -   [Custom Components](#custom-components)
-    -   [Themes](#themes)
-    -   [Custom Themes](#custom-themes)
--   [🌍 Community](#-community)
-    -   [Tools \& Extensions](#tools--extensions)
-    -   [Showcase](#showcase)
-    -   [Stargazers](#stargazers)
--   [🤝 Support](#-support)
-    -   [Enterprise Support](#enterprise-support)
-    -   [Bug Reports](#bug-reports)
-    -   [Questions](#questions)
-    -   [Contributing](#contributing)
--   [⚠️ License](#️-license)
+-   [Vue3 Data Grid | Vue3 Table]
+    -   [📖 Overview](#overview)
+        -   [Features](#features)
+        -   [Examples](#examples)
+    -   [⚡️ Quick Start](#️quick-start)
+        -   [Installation](#installation)
+        -   [Setup](#setup)
+        -   [Seed Projects](#seed-projects)
+    -   [🛠️ Customisations](#️customisations)
+        -   [Custom Components](#custom-components)
+        -   [Themes](#themes)
+        -   [Custom Themes](#custom-themes)
+    -   [🌍 Community](#community)
+        -   [Tools \& Extensions](#tools--extensions)
+        -   [Showcase](#showcase)
+        -   [Stargazers](#stargazers)
+    -   [🤝 Support](#support)
+        -   [Enterprise Support](#enterprise-support)
+        -   [Bug Reports](#bug-reports)
+        -   [Questions](#questions)
+        -   [Contributing](#contributing)
+    -   [⚠️ License](#️license)
 
@@ -198,4 +199,2 @@ </details>
 import { ref } from 'vue';
-import "ag-grid-community/styles/ag-grid.css"; // Mandatory CSS required by the Data Grid
-import "ag-grid-community/styles/ag-theme-quartz.css"; // Optional Theme applied to the Data Grid
 import { AgGridVue } from "ag-grid-vue3"; // Vue Data Grid Component
@@ -241,3 +240,3 @@
 
-Rows and Columns are set as ag-grid-vue component attributes. Styling is applied through the class and style attributes.
+Rows and Columns are set as ag-grid-vue component attributes. Grid height is applied through the style attribute.
 
@@ -251,3 +250,2 @@ ```js
    style="height: 500px"
-   class="ag-theme-quartz"
  >
@@ -369,3 +367,3 @@ </ag-grid-vue>
 
-AG Grid has 4 [themes](https://ag-grid.com/vue-data-grid/global-style/?utm_source=ag-grid-vue3-readme&utm_medium=repository&utm_campaign=github), each available in `light` & `dark` modes. We also supply each theme with an `auto` mode that can toggle the theme based on the users' system preferences:
+AG Grid has 4 [themes](https://ag-grid.com/vue-data-grid/themes/?utm_source=ag-grid-vue3-readme&utm_medium=repository&utm_campaign=github), each available in `light` & `dark` modes:
 
@@ -423,15 +421,5 @@ <table>
 
-To apply a theme, add the relevant CSS Class to the Data Grid container. For example, to apply the Quartz theme, use the CSS class `ag-theme-quartz`:
-
-```js
-<div
-    id="myGrid"
-    style="height: 150px; width: 600px"
-    class="ag-theme-quartz"
-></div>
-```
-
 ### Custom Themes
 
-All AG Grid themes can be customised using [CSS variables](https://www.ag-grid.com/vue-data-grid/global-style-customisation-variables/?utm_source=ag-grid-vue3-readme&utm_medium=repository&utm_campaign=github), or you can create a new theme from scratch with the help of our [Theme Builder](https://www.ag-grid.com/theme-builder/?utm_source=ag-grid-vue3-readme&utm_medium=repository&utm_campaign=github) or [Figma Design System](https://www.figma.com/community/file/1360600846643230092/ag-grid-design-system).
+All AG Grid themes can be customised using the [Theming API](https://www.ag-grid.com/vue-data-grid/theming/?utm_source=ag-grid-vue3-readme&utm_medium=repository&utm_campaign=github), or you can create a new theme from scratch with the help of our [Theme Builder](https://www.ag-grid.com/theme-builder/?utm_source=ag-grid-vue3-readme&utm_medium=repository&utm_campaign=github) or [Figma Design System](https://www.figma.com/community/file/1360600846643230092/ag-grid-design-system).
 
@@ -438,0 +426,0 @@ ## 🌍 Community

New alerts

Major refactor

Supply chain risk

Package has recently undergone a major refactor. It may be unstable or indicate significant internal changes. Use caution when updating to versions that include significant changes.

Found 1 instance in 1 package

Minified code

Quality

This package contains minified code. This may be harmless in some cases where minified code is included in packaged libraries, however packages on npm should not minify code.

Found 1 instance in 1 package

Fixed alerts

Minified code

Quality

This package contains minified code. This may be harmless in some cases where minified code is included in packaged libraries, however packages on npm should not minify code.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

319053

increased by82.5%

Lines of code

4370

increased by56.91%

Worsened metrics

Dev dependency count

16

increased by33.33%

Number of package files

11

decreased by-35.29%

Number of lines in readme file

534

decreased by-2.2%

Number of medium supply chain risk alerts

1

increased byInfinity%

Published versions last year

24

decreased by-4%

Dependency changes

• + Addedag-charts-types@11.0.0(transitive)

• + Addedag-grid-community@33.0.0(transitive)

• - Removedvue@^3.0.0

• - Removedag-charts-types@10.3.3(transitive)

• - Removedag-grid-community@32.3.3(transitive)

• Updatedag-grid-community@33.0.0