@volverjs/ui-vue 0.0.3 → 0.0.4

package/dist/resolvers/unplugin.es.js

@@ -1,41 +1,62 @@
-function u(r, e) {
-  if (typeof r != "string")
+function n(o, e) {
+  if (typeof o != "string")
     throw new TypeError("expected a string");
-  return r.trim().replace(/([a-z])([A-Z])/g, "$1-$2").replace(/\W/g, (o) => /[À-ž]/.test(o) ? o : "-").replace(/^-+|-+$/g, "").replace(/-{2,}/g, (o) => e != null && e.condense ? "-" : o).toLowerCase();
+  return o.trim().replace(/([a-z])([A-Z])/g, "$1-$2").replace(/\W/g, (r) => /[À-ž]/.test(r) ? r : "-").replace(/^-+|-+$/g, "").replace(/-{2,}/g, (r) => e != null && e.condense ? "-" : r).toLowerCase();
 }
-const d = ["vv-icon"], s = "vv", p = function(r) {
-  if (!d.includes(r))
-    return r === "vv-dropdown" ? ["vv-dropdown", "vv-dropdown-action"] : r === "vv-combobox" ? ["vv-select", "vv-dropdown", "vv-dropdown-action"] : r === "vv-accordion-group" ? ["vv-accordion-group", "vv-accordion"] : r === "vv-checkbox-group" ? ["vv-checkbox-group", "vv-checkbox"] : r === "vv-radio-group" ? ["vv-radio-group", "vv-radio"] : [r];
+const i = ["vv-icon", "vv-action"], c = "vv", u = ["v-tooltip"], d = function(o) {
+  if (!i.includes(o))
+    return o === "vv-dropdown" ? ["vv-dropdown", "vv-dropdown-option", "vv-dropdown-action"] : o === "vv-combobox" ? [
+      "vv-select",
+      "vv-dropdown",
+      "vv-dropdown-option",
+      "vv-dropdown-action"
+    ] : o === "vv-accordion-group" ? ["vv-accordion-group", "vv-accordion"] : o === "vv-checkbox-group" ? ["vv-checkbox-group", "vv-checkbox"] : o === "vv-radio-group" ? ["vv-radio-group", "vv-radio"] : o === "v-tooltip" ? ["vv-tooltip"] : [o];
+}, s = function(o, e) {
+  const r = [];
+  if (!e)
+    return r;
+  const v = d(o);
+  return v && v.forEach((t) => {
+    r.push(
+      `@volverjs/style/${e === "scss" ? "scss/" : ""}components/${t}`
+    );
+  }), r;
 };
 function f({
-  prefix: r = s,
+  prefix: o = c,
   importStyle: e,
-  customStylePath: o
+  directives: r
 } = {}) {
-  return {
-    type: "component",
-    resolve: (c) => {
-      if (!r || !c.toLowerCase().startsWith(r.toLowerCase()))
-        return;
-      const v = [], n = u(c).replace(
-        `${r}-`,
-        `${s}-`
-      );
-      if (e) {
-        o && v.push(o);
-        const t = p(n);
-        t && t.forEach((i) => {
-          v.push(
-            `@volverjs/style/${e === "scss" ? "scss/" : ""}components/${i}`
-          );
-        });
+  return [
+    {
+      type: "component",
+      resolve: (v) => {
+        if (!o || !v.toLowerCase().startsWith(o.toLowerCase()))
+          return;
+        const t = n(v).replace(
+          `${o}-`,
+          `${c}-`
+        );
+        return {
+          from: `@volverjs/ui-vue/${t}`,
+          sideEffects: s(t, e)
+        };
+      }
+    },
+    {
+      type: "directive",
+      resolve: (v) => {
+        if (!r)
+          return;
+        const t = `v-${n(v)}`;
+        if (u.includes(t))
+          return {
+            from: `@volverjs/ui-vue/${t}`,
+            sideEffects: s(t, e)
+          };
       }
-      return {
-        from: `@volverjs/ui-vue/${n}`,
-        sideEffects: v
-      };
     }
-  };
+  ];
 }
 export {
   f as VolverResolver

package/dist/resolvers/unplugin.umd.js

@@ -1 +1 @@
-(function(r,t){typeof exports=="object"&&typeof module<"u"?t(exports):typeof define=="function"&&define.amd?define(["exports"],t):(r=typeof globalThis<"u"?globalThis:r||self,t(r.components={}))})(this,function(r){"use strict";function t(e,n){if(typeof e!="string")throw new TypeError("expected a string");return e.trim().replace(/([a-z])([A-Z])/g,"$1-$2").replace(/\W/g,o=>/[À-ž]/.test(o)?o:"-").replace(/^-+|-+$/g,"").replace(/-{2,}/g,o=>n!=null&&n.condense?"-":o).toLowerCase()}const d=["vv-icon"],c="vv",f=function(e){if(!d.includes(e))return e==="vv-dropdown"?["vv-dropdown","vv-dropdown-action"]:e==="vv-combobox"?["vv-select","vv-dropdown","vv-dropdown-action"]:e==="vv-accordion-group"?["vv-accordion-group","vv-accordion"]:e==="vv-checkbox-group"?["vv-checkbox-group","vv-checkbox"]:e==="vv-radio-group"?["vv-radio-group","vv-radio"]:[e]};function p({prefix:e=c,importStyle:n,customStylePath:o}={}){return{type:"component",resolve:s=>{if(!e||!s.toLowerCase().startsWith(e.toLowerCase()))return;const v=[],i=t(s).replace(`${e}-`,`${c}-`);if(n){o&&v.push(o);const u=f(i);u&&u.forEach(l=>{v.push(`@volverjs/style/${n==="scss"?"scss/":""}components/${l}`)})}return{from:`@volverjs/ui-vue/${i}`,sideEffects:v}}}}r.VolverResolver=p,Object.defineProperty(r,Symbol.toStringTag,{value:"Module"})});
+(function(v,c){typeof exports=="object"&&typeof module<"u"?c(exports):typeof define=="function"&&define.amd?define(["exports"],c):(v=typeof globalThis<"u"?globalThis:v||self,c(v.components={}))})(this,function(v){"use strict";function c(e,r){if(typeof e!="string")throw new TypeError("expected a string");return e.trim().replace(/([a-z])([A-Z])/g,"$1-$2").replace(/\W/g,o=>/[À-ž]/.test(o)?o:"-").replace(/^-+|-+$/g,"").replace(/-{2,}/g,o=>r!=null&&r.condense?"-":o).toLowerCase()}const u=["vv-icon","vv-action"],i="vv",d=["v-tooltip"],f=function(e){if(!u.includes(e))return e==="vv-dropdown"?["vv-dropdown","vv-dropdown-option","vv-dropdown-action"]:e==="vv-combobox"?["vv-select","vv-dropdown","vv-dropdown-option","vv-dropdown-action"]:e==="vv-accordion-group"?["vv-accordion-group","vv-accordion"]:e==="vv-checkbox-group"?["vv-checkbox-group","vv-checkbox"]:e==="vv-radio-group"?["vv-radio-group","vv-radio"]:e==="v-tooltip"?["vv-tooltip"]:[e]},s=function(e,r){const o=[];if(!r)return o;const n=f(e);return n&&n.forEach(t=>{o.push(`@volverjs/style/${r==="scss"?"scss/":""}components/${t}`)}),o};function p({prefix:e=i,importStyle:r,directives:o}={}){return[{type:"component",resolve:n=>{if(!e||!n.toLowerCase().startsWith(e.toLowerCase()))return;const t=c(n).replace(`${e}-`,`${i}-`);return{from:`@volverjs/ui-vue/${t}`,sideEffects:s(t,r)}}},{type:"directive",resolve:n=>{if(!o)return;const t=`v-${c(n)}`;if(d.includes(t))return{from:`@volverjs/ui-vue/${t}`,sideEffects:s(t,r)}}}]}v.VolverResolver=p,Object.defineProperty(v,Symbol.toStringTag,{value:"Module"})});

package/dist/stories/Combobox/Combobox.settings.d.ts

@@ -177,6 +177,28 @@ export declare const argTypes: {
             };
         };
     };
+    'dropdown::before': {
+        control: {
+            type: string;
+        };
+        table: {
+            category: string;
+            type: {
+                summary: string;
+            };
+        };
+    };
+    'dropdown::after': {
+        control: {
+            type: string;
+        };
+        table: {
+            category: string;
+            type: {
+                summary: string;
+            };
+        };
+    };
     value: {
         control: {
             type: string;
@@ -199,6 +221,28 @@ export declare const argTypes: {
             };
         };
     };
+    'no-options': {
+        control: {
+            type: string;
+        };
+        table: {
+            category: string;
+            type: {
+                summary: string;
+            };
+        };
+    };
+    'no-results': {
+        control: {
+            type: string;
+        };
+        table: {
+            category: string;
+            type: {
+                summary: string;
+            };
+        };
+    };
     placement: {
         description: string;
         options: (import("../../constants").Side | import("../../constants").Placement)[];

package/dist/stories/Dropdown/Dropdown.settings.d.ts

@@ -1,10 +1,11 @@
+import { DropdownRole } from '@/constants';
 export declare const defaultArgs: {
     [x: string]: unknown;
 };
 export declare const argTypes: {
     role: {
         description: string;
-        options: readonly ["listbox", "menu"];
+        options: DropdownRole[];
         control: {
             type: string;
         };
@@ -64,7 +65,7 @@ export declare const argTypes: {
     };
     placement: {
         description: string;
-        options: (import("../../constants").Side | import("../../constants").Placement)[];
+        options: (import("@/constants").Side | import("@/constants").Placement)[];
         control: {
             type: string;
         };

package/package.json

@@ -19,7 +19,7 @@
   "bugs": {
     "url": "https://github.com/volverjs/ui-vue/issues"
   },
-  "version": "0.0.3",
+  "version": "0.0.4",
   "engines": {
     "node": ">= 16.x"
   },
@@ -38,6 +38,7 @@
     "*.d.ts"
   ],
   "dependencies": {
+    "@volverjs/style": "0.1.8",
     "@floating-ui/vue": "^0.2.0",
     "@iconify/tools": "^2.2.2",
     "@iconify/vue": "^4.1.0",
@@ -45,48 +46,48 @@
     "jsdom": "^21.1.0",
     "mitt": "^3.0.0",
     "nanoid": "^4.0.0",
-    "vue": "^3.2.45"
+    "vue": "^3.2.47"
   },
   "devDependencies": {
     "@babel/core": "^7.20.12",
     "@babel/preset-env": "^7.20.2",
+    "@babel/preset-typescript": "^7.18.6",
     "@iconify/types": "^2.0.0",
     "@iconify/utils": "^2.1.0",
     "@mdx-js/react": "^2.2.1",
     "@rushstack/eslint-patch": "^1.2.0",
-    "@storybook/addon-a11y": "7.0.0-beta.29",
-    "@storybook/addon-actions": "7.0.0-beta.29",
-    "@storybook/addon-docs": "7.0.0-beta.29",
-    "@storybook/addon-essentials": "7.0.0-beta.29",
-    "@storybook/addon-interactions": "7.0.0-beta.29",
-    "@storybook/addon-links": "7.0.0-beta.29",
-    "@storybook/addons": "7.0.0-beta.29",
-    "@storybook/builder-vite": "7.0.0-beta.29",
-    "@storybook/channel-postmessage": "7.0.0-beta.29",
-    "@storybook/channel-websocket": "7.0.0-beta.29",
-    "@storybook/cli": "7.0.0-beta.29",
-    "@storybook/client-api": "7.0.0-beta.29",
-    "@storybook/client-logger": "7.0.0-beta.29",
-    "@storybook/core-common": "7.0.0-beta.29",
-    "@storybook/jest": "^0.0.10",
-    "@storybook/preview-api": "7.0.0-beta.29",
-    "@storybook/preview-web": "7.0.0-beta.29",
-    "@storybook/test-runner": "^0.9.3",
-    "@storybook/testing-library": "^0.0.13",
-    "@storybook/theming": "7.0.0-beta.29",
-    "@storybook/vue3": "7.0.0-beta.29",
-    "@storybook/vue3-vite": "7.0.0-beta.29",
+    "@storybook/addon-a11y": "7.0.0-beta.40",
+    "@storybook/addon-actions": "7.0.0-beta.40",
+    "@storybook/addon-docs": "7.0.0-beta.40",
+    "@storybook/addon-essentials": "7.0.0-beta.40",
+    "@storybook/addon-interactions": "7.0.0-beta.40",
+    "@storybook/addon-links": "7.0.0-beta.40",
+    "@storybook/addons": "7.0.0-beta.40",
+    "@storybook/builder-vite": "7.0.0-beta.40",
+    "@storybook/channel-postmessage": "7.0.0-beta.40",
+    "@storybook/channel-websocket": "7.0.0-beta.40",
+    "@storybook/cli": "7.0.0-beta.40",
+    "@storybook/client-api": "7.0.0-beta.40",
+    "@storybook/client-logger": "7.0.0-beta.40",
+    "@storybook/core-common": "7.0.0-beta.40",
+    "@storybook/jest": "^0.0.11-next.0",
+    "@storybook/preview-api": "7.0.0-beta.40",
+    "@storybook/preview-web": "7.0.0-beta.40",
+    "@storybook/test-runner": "^0.10.0-next.8",
+    "@storybook/testing-library": "^0.0.14-next.1",
+    "@storybook/theming": "7.0.0-beta.40",
+    "@storybook/vue3": "7.0.0-beta.40",
+    "@storybook/vue3-vite": "7.0.0-beta.40",
     "@types/jest-axe": "^3.5.5",
     "@types/jsdom": "^20.0.1",
     "@types/node": "18.11.18",
     "@types/react": "^18.0.27",
     "@types/yargs": "^17.0.22",
     "@vitejs/plugin-vue": "^4.0.0",
-    "@volverjs/style": "0.1.7",
-    "@vue/compiler-sfc": "^3.2.45",
+    "@vue/compiler-sfc": "^3.2.47",
     "@vue/eslint-config-prettier": "^7.0.0",
     "@vue/eslint-config-typescript": "^11.0.2",
-    "@vue/test-utils": "^2.2.8",
+    "@vue/test-utils": "^2.2.10",
     "@vue/tsconfig": "^0.1.3",
     "change-case": "^4.1.2",
     "eslint": "^8.33.0",
@@ -109,7 +110,7 @@
     "remark": "^14.0.2",
     "sass": "^1.58.0",
     "sass-loader": "^13.2.0",
-    "storybook": "7.0.0-beta.29",
+    "storybook": "7.0.0-beta.40",
     "storybook-addon-markdown-docs": "^1.0.5",
     "storybook-dark-mode": "^2.0.5",
     "storybook-version": "^0.1.1",
@@ -117,7 +118,7 @@
     "typescript": "~4.9.5",
     "unplugin-auto-import": "^0.13.0",
     "unplugin-vue-components": "^0.23.0",
-    "vite": "^4.0.4",
+    "vite": "^4.1.1",
     "vite-plugin-eslint": "^1.8.1",
     "vite-plugin-externalize-deps": "^0.5.0",
     "vue-loader": "^17.0.1",
@@ -145,11 +146,6 @@
     },
     "./src/*": "./src/*",
     "./dist/*": "./dist/*",
-    "./components": {
-      "types": "./dist/components/index.d.ts",
-      "import": "./dist/components/index.es.js",
-      "default": "./dist/components/index.umd.js"
-    },
     "./resolvers/unplugin": {
       "types": "./dist/resolvers/unplugin.d.ts",
       "import": "./dist/resolvers/unplugin.es.js",
@@ -160,6 +156,21 @@
       "import": "./dist/icons.es.js",
       "default": "./dist/icons.umd.js"
     },
+    "./directives": {
+      "types": "./dist/directives/index.d.ts",
+      "import": "./dist/directives/index.es.js",
+      "default": "./dist/directives/index.umd.js"
+    },
+    "./v-tooltip": {
+      "types": "./dist/directives/v-tooltip.d.ts",
+      "import": "./dist/directives/v-tooltip.es.js",
+      "default": "./dist/directives/v-tooltip.umd.js"
+    },
+    "./components": {
+      "types": "./dist/components/index.d.ts",
+      "import": "./dist/components/index.es.js",
+      "default": "./dist/components/index.umd.js"
+    },
     "./vv-accordion": {
       "types": "./dist/components/VvAccordion/VvAccordion.vue.d.ts",
       "import": "./dist/components/VvAccordion/VvAccordion.es.js",
@@ -170,6 +181,11 @@
       "import": "./dist/components/VvAccordionGroup/VvAccordionGroup.es.js",
       "default": "./dist/components/VvAccordionGroup/VvAccordionGroup.umd.js"
     },
+    "./vv-action": {
+      "types": "./dist/components/VvAction/VvAction.vue.d.ts",
+      "import": "./dist/components/VvAction/VvAction.es.js",
+      "default": "./dist/components/VvAction/VvAction.umd.js"
+    },
     "./vv-badge": {
       "types": "./dist/components/VvBadge/VvBadge.vue.d.ts",
       "import": "./dist/components/VvBadge/VvBadge.es.js",
@@ -220,11 +236,21 @@
       "import": "./dist/components/VvDropdown/VvDropdown.es.js",
       "default": "./dist/components/VvDropdown/VvDropdown.umd.js"
     },
+    "./vv-dropdown-action": {
+      "types": "./dist/components/VvDropdownAction/VvDropdownAction.vue.d.ts",
+      "import": "./dist/components/VvDropdownAction/VvDropdownAction.es.js",
+      "default": "./dist/components/VvDropdownAction/VvDropdownAction.umd.js"
+    },
     "./vv-dropdown-item": {
       "types": "./dist/components/VvDropdownItem/VvDropdownItem.vue.d.ts",
       "import": "./dist/components/VvDropdownItem/VvDropdownItem.es.js",
       "default": "./dist/components/VvDropdownItem/VvDropdownItem.umd.js"
     },
+    "./vv-dropdown-option": {
+      "types": "./dist/components/VvDropdownOption/VvDropdownOption.vue.d.ts",
+      "import": "./dist/components/VvDropdownOption/VvDropdownOption.es.js",
+      "default": "./dist/components/VvDropdownOption/VvDropdownOption.umd.js"
+    },
     "./vv-icon": {
       "types": "./dist/components/VvIcon/VvIcon.vue.d.ts",
       "import": "./dist/components/VvIcon/VvIcon.es.js",

package/src/Volver.ts

@@ -6,9 +6,8 @@ import {
 	type IconifyJSON,
 	type PartialIconifyAPIConfig,
 } from '@iconify/vue'
-import type { App, Component, Plugin } from 'vue'
+import type { App, Component, Directive, Plugin } from 'vue'
 import { DEFAULT_ICONIFY_PROVIDER, INJECTION_KEY_VOLVER } from '@/constants'
-import directives from '@/directives'
 
 export function useDefaultProps(
 	component: Component,
@@ -93,6 +92,10 @@ export type VolverOptions = {
 	 * Alias to install
 	 */
 	aliases?: Record<string, Component>
+	/**
+	 * Directives to install
+	 */
+	directives?: Record<string, Directive>
 	/**
 	 * Default props for components
 	 */
@@ -224,6 +227,7 @@ const VolverPlugin: Plugin = {
 		// register global methods
 		app.config.globalProperties.$vv = volver
 
+		// register components
 		if (options.components) {
 			Object.entries(options.components).forEach(([name, component]) => {
 				app.component(
@@ -233,6 +237,7 @@ const VolverPlugin: Plugin = {
 			})
 		}
 
+		// register aliases
 		if (options.aliases) {
 			Object.entries(options.aliases).forEach(([name, component]) => {
 				app.component(
@@ -243,9 +248,11 @@ const VolverPlugin: Plugin = {
 		}
 
 		// register directives
-		Object.entries(directives).forEach(([name, directive]) => {
-			app.directive(name, directive)
-		})
+		if (options.directives) {
+			Object.entries(options.directives).forEach(([name, directive]) => {
+				app.directive(name, directive)
+			})
+		}
 
 		// provide volver to components
 		app.provide(INJECTION_KEY_VOLVER, volver)