@tabler/core - npm Package Compare versions

Comparing version 1.0.0-beta4 to 1.0.0-beta5

package.json

 {
   "name": "@tabler/core",
-  "version": "1.0.0-beta4",
+  "version": "1.0.0-beta5",
   "description": "Premium and Open Source dashboard template with responsive and high quality UI.",
@@ -13,3 +13,7 @@ "scripts": {
     "svg-icons": "gulp svg-icons",
-    "percy": "gulp build && npx percy snapshot demo"
+    "percy": "gulp build && npx percy snapshot demo",
+    "bundlewatch": "bundlewatch --config .bundlewatch.config.json",
+    "chromatic": "chromatic --project-token=CHROMATIC_PROJECT_TOKEN",
+    "storybook": "start-storybook -p 6006",
+    "build-storybook": "build-storybook"
   },
@@ -49,2 +53,5 @@ "repository": {
   "sass": "src/scss/tabler.scss",
+  "unpkg": "dist/js/tabler.min.js",
+  "umd:main": "dist/js/tabler.min.js",
+  "module": "dist/js/tabler.esm.js",
   "main": "dist/js/tabler.js",
@@ -58,7 +65,18 @@ "homepage": "https://tabler.io",
     "@rollup/plugin-replace": "^3.0.0",
+    "@rollup/pluginutils": "^4.1.1",
     "@rollup/stream": "^2.0.0",
+    "@storybook/addon-essentials": "^6.3.12",
+    "@storybook/addon-links": "^6.3.12",
+    "@storybook/html": "^6.3.12",
+    "apexcharts": "^3.29.0",
     "autoprefixer": "^10.3.7",
+    "autosize": "^5.0.1",
     "browser-sync": "^2.27.5",
+    "bundlewatch": "^0.3.2",
+    "choices.js": "^9.0.1",
+    "chromatic": "^6.0.5",
+    "countup.js": "^2.0.8",
     "critical": "^4.0.1",
     "cross-spawn": "^7.0.3",
+    "flatpickr": "^4.6.9",
     "gulp": "^4.0.2",
@@ -75,3 +93,6 @@ "gulp-clean": "^0.4.0",
     "gulp-sass": "^5.0.0",
+    "imask": "^6.2.2",
+    "litepicker": "^2.0.11",
     "node-sass": "^6.0.1",
+    "nouislider": "^15.5.0",
     "postcss": "^8.3.11",
@@ -82,2 +103,4 @@ "release-it": "^14.11.6",
     "rollup-plugin-cleanup": "^3.2.1",
+    "storybook-addon-outline": "^1.4.1",
+    "tom-select": "^1.7.8",
     "vinyl-buffer": "^1.0.1",
@@ -90,6 +113,8 @@ "vinyl-source-stream": "^2.0.0",
     "@popperjs/core": "^2.10.2",
-    "@tabler/icons": "^1.41.2",
+    "@tabler/icons": "^1.44.0",
+    "bootstrap": "5.1.3"
+  },
+  "peerDependencies": {
     "apexcharts": "^3.29.0",
     "autosize": "^5.0.1",
-    "bootstrap": "5.1",
     "choices.js": "^9.0.1",
@@ -100,4 +125,34 @@ "countup.js": "^2.0.8",
     "litepicker": "^2.0.11",
-    "nouislider": "^15.5.0"
+    "nouislider": "^15.5.0",
+    "tom-select": "^1.7.8"
   },
+  "peerDependenciesMeta": {
+    "apexcharts": {
+      "optional": true
+    },
+    "autosize": {
+      "optional": true
+    },
+    "choices.js": {
+      "optional": true
+    },
+    "countup.js": {
+      "optional": true
+    },
+    "flatpickr": {
+      "optional": true
+    },
+    "imask": {
+      "optional": true
+    },
+    "litepicker": {
+      "optional": true
+    },
+    "nouislider": {
+      "optional": true
+    },
+    "tom-select": {
+      "optional": true
+    }
+  },
   "resolutions": {
@@ -104,0 +159,0 @@ "**/**/node-gyp": "^5.0.0"

README.md

@@ -151,4 +151,10 @@
 
+## Thanks
+
+<a href="https://www.chromatic.com/"><img src="https://user-images.githubusercontent.com/321738/84662277-e3db4f80-af1b-11ea-88f5-91d67a5e59f6.png" width="153" height="30" alt="Chromatic" /></a>
+
+Thanks to [Chromatic](https://www.chromatic.com/) for providing the visual testing platform that helps us review UI changes and catch visual regressions.
+
 ## License
 
 See the [LICENSE](https://github.com/tabler/tabler/blob/master/LICENSE) file.

src/js/src/dropdown.js

@@ -9,33 +9,2 @@ import { Dropdown } from 'bootstrap';
 	return new Dropdown(dropdownTriggerEl);
-});
-
-
-/*
-Nested dropdowns
- */
-const selectors = '.dropdown, .dropup, .dropend, .dropstart',
-	dropdowns = document.querySelectorAll(selectors);
-
-let currentTarget = undefined;
-
-dropdowns.forEach(dropdown => {
-	dropdown.addEventListener('mousedown', (e) => {
-		e.stopPropagation();
-
-		if (e.target.dataset.bsToggle && e.target.dataset.bsToggle === 'dropdown') {
-			currentTarget = e.currentTarget;
-		}
-	});
-
-	dropdown.addEventListener('hide.bs.dropdown', (e) => {
-		e.stopPropagation();
-
-		const parent = currentTarget ? currentTarget.parentElement.closest(selectors) : undefined;
-
-		if (parent && parent === dropdown) {
-			e.preventDefault();
-		}
-
-		currentTarget = undefined;
-	});
 });

src/js/tabler.js

@@ -11,3 +11,6 @@ //Vendor
 import './src/toast';
+import * as bootstrap from 'bootstrap';
 
+window.bootstrap = bootstrap;
+
 EnableActivationTabsFromLocationHash();

No alert changes

Improved metrics

Total package byte prevSize

5907206

increased by6.22%

Number of package files

502

increased by1.41%

Lines of code

47880

increased by13.56%

Number of lines in readme file

160

increased by3.9%

Worsened metrics

Dependency count

12

increased by9.09%

Dev dependency count

47

increased by51.61%

Dependency changes

• + Added@orchidjs/sifter@0.8.2(transitive)

• + Addedtom-select@1.7.8(transitive)

• - Removedapexcharts@^3.29.0

• - Removedautosize@^5.0.1

• - Removedchoices.js@^9.0.1

• - Removedcountup.js@^2.0.8

• - Removedflatpickr@^4.6.9

• - Removedimask@^6.2.2

• - Removedlitepicker@^2.0.11

• - Removednouislider@^15.5.0

• Updated@tabler/icons@^1.44.0

• Updatedbootstrap@5.1.3