@volverjs/ui-vue 0.0.10-beta.3 → 0.0.10-beta.5

package/dist/index.es.js

@@ -21,25 +21,28 @@ function useDefaultProps(component, defaults, name) {
   return {
     ...component,
     name: componentName,
-    props: Object.keys(props).reduce((acc, key) => {
-      if (!(key in componentDefaults)) {
-        acc[key] = props[key];
-        return acc;
-      }
-      const customDefault = componentDefaults[key];
-      if (typeof props[key] === "function" || Array.isArray(props[key])) {
+    props: Object.keys(props).reduce(
+      (acc, key) => {
+        if (!(key in componentDefaults)) {
+          acc[key] = props[key];
+          return acc;
+        }
+        const customDefault = componentDefaults[key];
+        if (typeof props[key] === "function" || Array.isArray(props[key])) {
+          acc[key] = {
+            type: props[key],
+            default: customDefault
+          };
+          return acc;
+        }
         acc[key] = {
-          type: props[key],
+          ...props[key],
           default: customDefault
         };
         return acc;
-      }
-      acc[key] = {
-        ...props[key],
-        default: customDefault
-      };
-      return acc;
-    }, {})
+      },
+      {}
+    )
   };
 }
 class Volver {
@@ -111,7 +114,7 @@ const VolverPlugin = {
    * @param {App} Vue
    * @param {Object} options
    */
-  install(app, options) {
+  install(app, options = {}) {
     const volver = new Volver(options);
     app.config.globalProperties.$vv = volver;
     if (options.components) {

package/dist/index.umd.js

@@ -1 +1 @@
-!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("@iconify/vue"),require("vue")):"function"==typeof define&&define.amd?define(["exports","@iconify/vue","vue"],t):t((e="undefined"!=typeof globalThis?globalThis:e||self).volver={},e.vue$1,e.vue)}(this,(function(e,t,o){"use strict";var i=Object.defineProperty,n=(e,t,o)=>(((e,t,o)=>{t in e?i(e,t,{enumerable:!0,configurable:!0,writable:!0,value:o}):e[t]=o})(e,"symbol"!=typeof t?t+"":t,o),o);const r=Symbol.for("volver");function s(e,t,o){const i=o||e.name;if(!i)return e;const n=null==t?void 0:t[i],r=e.props;return n&&r?{...e,name:i,props:Object.keys(r).reduce(((e,t)=>{if(!(t in n))return e[t]=r[t],e;const o=n[t];return"function"==typeof r[t]||Array.isArray(r[t])?(e[t]={type:r[t],default:o},e):(e[t]={...r[t],default:o},e)}),{})}:{...e,name:i}}class c{constructor({fetchWithCredentials:e,fetchOptions:t,iconsProvider:i,nuxt:r,iconsCollections:s,defaults:c}={}){n(this,"_fetchOptions",{}),n(this,"_iconsCollections",[]),n(this,"_iconsProvider","vv"),n(this,"_nuxt",!1),n(this,"defaults",o.ref({})),t&&(this._fetchOptions=t),e&&(this._fetchOptions={...this._fetchOptions,credentials:"include"}),i&&(this._iconsProvider=i),r&&(this._nuxt=r),s&&Array.isArray(s)&&s.forEach((e=>{this.addCollection(e,this._iconsProvider)})),c&&(this.defaults.value=c)}get nuxt(){return this._nuxt}get iconsProvider(){return this._iconsProvider}get iconsCollections(){return this._iconsCollections}addCollection(e,o=this._iconsProvider){return this._iconsCollections.push(e),t.addCollection(e,o)}addIcon(e,o){return t.addIcon(e,o)}addIconsAPIProvider(e,o){return t.addAPIProvider(e,o)}fetchIcon(e,t={cache:"force-cache"}){return new Promise(((o,i)=>{fetch(e,{...this._fetchOptions,...t}).catch((e=>i(e))).then((e=>null==e?void 0:e.text())).then((e=>o(e)))}))}}const l={install(e,t){const o=new c(t);e.config.globalProperties.$vv=o,t.components&&Object.entries(t.components).forEach((([o,i])=>{e.component(o,s(i,t.defaults))})),t.aliases&&Object.entries(t.aliases).forEach((([o,i])=>{e.component(o,s(i,t.defaults,o))})),t.directives&&Object.entries(t.directives).forEach((([t,o])=>{e.directive(t,o)})),e.provide(r,o)}};e.VolverPlugin=l,Object.defineProperty(e,Symbol.toStringTag,{value:"Module"})}));
+!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("@iconify/vue"),require("vue")):"function"==typeof define&&define.amd?define(["exports","@iconify/vue","vue"],t):t((e="undefined"!=typeof globalThis?globalThis:e||self).volver={},e.vue$1,e.vue)}(this,(function(e,t,o){"use strict";var i=Object.defineProperty,n=(e,t,o)=>(((e,t,o)=>{t in e?i(e,t,{enumerable:!0,configurable:!0,writable:!0,value:o}):e[t]=o})(e,"symbol"!=typeof t?t+"":t,o),o);const r=Symbol.for("volver");function s(e,t,o){const i=o||e.name;if(!i)return e;const n=null==t?void 0:t[i],r=e.props;return n&&r?{...e,name:i,props:Object.keys(r).reduce(((e,t)=>{if(!(t in n))return e[t]=r[t],e;const o=n[t];return"function"==typeof r[t]||Array.isArray(r[t])?(e[t]={type:r[t],default:o},e):(e[t]={...r[t],default:o},e)}),{})}:{...e,name:i}}class c{constructor({fetchWithCredentials:e,fetchOptions:t,iconsProvider:i,nuxt:r,iconsCollections:s,defaults:c}={}){n(this,"_fetchOptions",{}),n(this,"_iconsCollections",[]),n(this,"_iconsProvider","vv"),n(this,"_nuxt",!1),n(this,"defaults",o.ref({})),t&&(this._fetchOptions=t),e&&(this._fetchOptions={...this._fetchOptions,credentials:"include"}),i&&(this._iconsProvider=i),r&&(this._nuxt=r),s&&Array.isArray(s)&&s.forEach((e=>{this.addCollection(e,this._iconsProvider)})),c&&(this.defaults.value=c)}get nuxt(){return this._nuxt}get iconsProvider(){return this._iconsProvider}get iconsCollections(){return this._iconsCollections}addCollection(e,o=this._iconsProvider){return this._iconsCollections.push(e),t.addCollection(e,o)}addIcon(e,o){return t.addIcon(e,o)}addIconsAPIProvider(e,o){return t.addAPIProvider(e,o)}fetchIcon(e,t={cache:"force-cache"}){return new Promise(((o,i)=>{fetch(e,{...this._fetchOptions,...t}).catch((e=>i(e))).then((e=>null==e?void 0:e.text())).then((e=>o(e)))}))}}const l={install(e,t={}){const o=new c(t);e.config.globalProperties.$vv=o,t.components&&Object.entries(t.components).forEach((([o,i])=>{e.component(o,s(i,t.defaults))})),t.aliases&&Object.entries(t.aliases).forEach((([o,i])=>{e.component(o,s(i,t.defaults,o))})),t.directives&&Object.entries(t.directives).forEach((([t,o])=>{e.directive(t,o)})),e.provide(r,o)}};e.VolverPlugin=l,Object.defineProperty(e,Symbol.toStringTag,{value:"Module"})}));

package/package.json

@@ -19,7 +19,7 @@
   "bugs": {
     "url": "https://github.com/volverjs/ui-vue/issues"
   },
-  "version": "0.0.10-beta.3",
+  "version": "0.0.10-beta.5",
   "engines": {
     "node": ">= 16.x"
   },
@@ -44,8 +44,8 @@
     "@vueuse/core": "^10.4.1",
     "jsdom": "^22.1.0",
     "mitt": "^3.0.1",
-    "nanoid": "^5.0.1",
     "ts-dot-prop": "^2.1.3",
+    "uid": "^2.0.2",
     "vue": "^3.3.4",
     "vue-imask": "^7.1.3"
   },
@@ -53,43 +53,43 @@
     "@volverjs/style": "0.*"
   },
   "devDependencies": {
-    "@babel/core": "^7.22.17",
-    "@babel/preset-env": "^7.22.15",
+    "@babel/core": "^7.22.20",
+    "@babel/preset-env": "^7.22.20",
     "@babel/preset-typescript": "^7.22.15",
     "@iconify/types": "^2.0.0",
-    "@iconify/utils": "^2.1.9",
+    "@iconify/utils": "^2.1.10",
     "@mdx-js/react": "^2.3.0",
-    "@rushstack/eslint-patch": "^1.3.3",
-    "@storybook/addon-a11y": "^7.4.1",
-    "@storybook/addon-actions": "^7.4.1",
-    "@storybook/addon-docs": "^7.4.1",
-    "@storybook/addon-essentials": "^7.4.1",
-    "@storybook/addon-interactions": "^7.4.1",
-    "@storybook/addon-links": "^7.4.1",
-    "@storybook/channel-postmessage": "^7.4.1",
-    "@storybook/channel-websocket": "^7.4.1",
-    "@storybook/cli": "^7.4.1",
-    "@storybook/client-api": "^7.4.1",
-    "@storybook/client-logger": "^7.4.1",
-    "@storybook/core-common": "^7.4.1",
+    "@rushstack/eslint-patch": "^1.4.0",
+    "@storybook/addon-a11y": "^7.4.2",
+    "@storybook/addon-actions": "^7.4.2",
+    "@storybook/addon-docs": "^7.4.2",
+    "@storybook/addon-essentials": "^7.4.2",
+    "@storybook/addon-interactions": "^7.4.2",
+    "@storybook/addon-links": "^7.4.2",
+    "@storybook/channel-postmessage": "^7.4.2",
+    "@storybook/channel-websocket": "^7.4.2",
+    "@storybook/cli": "^7.4.2",
+    "@storybook/client-api": "^7.4.2",
+    "@storybook/client-logger": "^7.4.2",
+    "@storybook/core-common": "^7.4.2",
     "@storybook/jest": "^0.2.2",
-    "@storybook/preview-api": "^7.4.1",
-    "@storybook/preview-web": "^7.4.1",
+    "@storybook/preview-api": "^7.4.2",
+    "@storybook/preview-web": "^7.4.2",
     "@storybook/test-runner": "^0.13.0",
-    "@storybook/testing-library": "^0.2.0",
-    "@storybook/vue3": "^7.4.1",
-    "@storybook/vue3-vite": "^7.4.1",
+    "@storybook/testing-library": "^0.2.1",
+    "@storybook/vue3": "^7.4.2",
+    "@storybook/vue3-vite": "^7.4.2",
     "@tsconfig/node18": "^18.2.2",
-    "@types/jest-axe": "^3.5.5",
-    "@types/jsdom": "^21.1.2",
-    "@types/node": "^20.6.0",
-    "@types/react": "^18.2.21",
+    "@types/jest-axe": "^3.5.6",
+    "@types/jsdom": "^21.1.3",
+    "@types/node": "^20.6.2",
+    "@types/react": "^18.2.22",
     "@types/yargs": "^17.0.24",
     "@vitejs/plugin-vue": "^4.3.4",
     "@volverjs/style": "0.1.12-beta.8",
     "@vue/compiler-sfc": "^3.3.4",
     "@vue/eslint-config-prettier": "^8.0.0",
-    "@vue/eslint-config-typescript": "^11.0.3",
+    "@vue/eslint-config-typescript": "^12.0.0",
     "@vue/test-utils": "^2.4.1",
     "@vue/tsconfig": "^0.4.0",
     "change-case": "^4.1.2",
@@ -111,9 +111,9 @@
     "pretty-format": "^29.7.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
-    "remark": "^14.0.3",
-    "sass": "^1.66.1",
-    "storybook": "^7.4.1",
+    "remark": "^15.0.1",
+    "sass": "^1.67.0",
+    "storybook": "^7.4.2",
     "storybook-addon-markdown-docs": "^2.0.0",
     "storybook-dark-mode": "^3.0.1",
     "storybook-version": "^0.1.1",

package/src/Volver.ts

@@ -36,25 +36,31 @@ export function useDefaultProps(
 	return {
 		...component,
 		name: componentName,
-		props: Object.keys(props).reduce((acc, key) => {
-			if (!(key in componentDefaults)) {
-				acc[key] = props[key]
-				return acc
-			}
-			const customDefault = componentDefaults[key]
-			if (typeof props[key] === 'function' || Array.isArray(props[key])) {
+		props: Object.keys(props).reduce(
+			(acc, key) => {
+				if (!(key in componentDefaults)) {
+					acc[key] = props[key]
+					return acc
+				}
+				const customDefault = componentDefaults[key]
+				if (
+					typeof props[key] === 'function' ||
+					Array.isArray(props[key])
+				) {
+					acc[key] = {
+						type: props[key],
+						default: customDefault,
+					}
+					return acc
+				}
 				acc[key] = {
-					type: props[key],
+					...(props[key] as Record<string, unknown>),
 					default: customDefault,
 				}
 				return acc
-			}
-			acc[key] = {
-				...(props[key] as Record<string, unknown>),
-				default: customDefault,
-			}
-			return acc
-		}, {} as Record<string, unknown>),
+			},
+			{} as Record<string, unknown>,
+		),
 	}
 }
 
@@ -248,7 +254,7 @@ const VolverPlugin: Plugin = {
 	 * @param {App} Vue
 	 * @param {Object} options
 	 */
-	install(app: App, options: VolverOptions) {
+	install(app: App, options: VolverOptions = {}) {
 		const volver = new Volver(options)
 
 		// register global methods