@avenirs-esr/avenirs-dsav 0.1.58 → 0.1.59

package/dist/test-utils.cjs.js

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),l=require("./injection-key.cjs.js");require("@vue/test-utils");const s=e.defineComponent({name:"AvBadge",template:'<div class="av-badge-stub" />',props:{label:String,small:{type:Boolean,default:!1},ellipsis:{type:Boolean,default:!1},color:String,backgroundColor:String,iconPath:String}}),c=e.defineComponent({name:"AvTag",template:'<div class="av-tag-stub" />',props:["label","link","tagName","icon","disabled","small","iconOnly","selectable","selected","value"]}),d=e.defineComponent({name:"AvFieldset",props:["id","legend","legendId","class","ariaLive"],template:"<fieldset><slot /></fieldset>"}),p=e.defineComponent({name:"AvIcon",props:["name","color","size","title","animation"],template:'<div class="av-vicon-stub" />'}),u=e.defineComponent({name:"AvAccordion",props:["title","icon"],template:`
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),l=require("./injection-key.cjs.js");require("@vue/test-utils");const s=e.defineComponent({name:"AvBadge",template:'<div class="av-badge-stub" />',props:{label:String,small:{type:Boolean,default:!1},ellipsis:{type:Boolean,default:!1},color:String,backgroundColor:String,iconPath:String}}),c=e.defineComponent({name:"AvTag",template:'<div class="av-tag-stub" />',props:["label","link","tagName","icon","disabled","small","iconOnly","selectable","selected","value"]}),d=e.defineComponent({name:"AvFieldset",props:["id","legend","legendId","class","ariaLive"],template:"<fieldset><slot /></fieldset>"}),r=e.defineComponent({name:"AvIcon",props:["name","color","size","title","animation"],template:'<div class="av-vicon-stub" />'}),p=e.defineComponent({name:"AvAccordion",props:["title","icon"],template:`
     <div class="av-accordion">
       <button
         class="fr-accordion__btn"
@@ -9,7 +9,7 @@
         <slot />
       </button>
     </div>
-  `,setup(n){const t=e.inject(l.registerAccordionKey);if(!t){const o=e.ref(!1);return{isActive:o,expand:()=>{o.value=!o.value}}}const{isActive:i,expand:a}=t(e.toRef(n,"title"));return{isActive:i,expand:a}}}),r=e.defineComponent({name:"AvButton",props:["label","variant","type","disabled","isLoading","size"],emits:["click"],template:`
+  `,setup(n){const t=e.inject(l.registerAccordionKey);if(!t){const i=e.ref(!1);return{isActive:i,expand:()=>{i.value=!i.value}}}const{isActive:o,expand:a}=t(e.toRef(n,"title"));return{isActive:o,expand:a}}}),u=e.defineComponent({name:"AvButton",props:["label","variant","type","disabled","isLoading","size"],emits:["click"],template:`
     <button
       class="av-button-stub"
       :disabled="disabled"
@@ -51,13 +51,13 @@
   `}),b=e.defineComponent({name:"AvList",props:["size"],template:`
     <div class="av-list-stub">
       <slot />
-    </div>`}),A=e.defineComponent({name:"AvListItem",props:["clickable","hoverBackgroundColor","selected","icon","iconSize","iconColor","colorOnHover"],emits:["click"],template:`
+    </div>`}),g=e.defineComponent({name:"AvListItem",props:["clickable","hoverBackgroundColor","selected","icon","iconSize","iconColor","colorOnHover"],emits:["click"],template:`
     <div
       class="av-list-item-stub"
       @click="$emit('click')"
     >
       <slot />
-    </div>`}),S=e.defineComponent({name:"AvTagPicker",props:["label","options","selected","handleSelectChange"],template:`
+    </div>`}),A=e.defineComponent({name:"AvTagPicker",props:["label","options","selected","handleSelectChange"],template:`
     <div class="av-tag-picker-stub">
       <button
         v-for="option in options"
@@ -68,7 +68,7 @@
         {{ option.label }}
       </button>
     </div>
-  `}),g=e.defineComponent({name:"AvAutocomplete",props:["modelValue","options","loading","inputOptions","getOptionLabel","getOptionKey","multiSelect","serverSideFiltering","enableLoadMore","maxDropdownHeight"],emits:["update:modelValue","search","clear","loadMore"],template:`
+  `}),S=e.defineComponent({name:"AvAutocomplete",props:["modelValue","options","loading","inputOptions","getOptionLabel","getOptionKey","multiSelect","serverSideFiltering","enableLoadMore","maxDropdownHeight"],emits:["update:modelValue","search","clear","loadMore"],template:`
     <div class="av-autocomplete-stub">
       <slot
         name="item"
@@ -99,7 +99,7 @@
         {{ option.text }}
       </option>
     </select>
-  `}),C=e.defineComponent({name:"AvToggle",props:["id","name","modelValue","description","activeText","inactiveText","disabled"],emits:["update:modelValue"],template:`
+  `}),k=e.defineComponent({name:"AvToggle",props:["id","name","modelValue","description","activeText","inactiveText","disabled"],emits:["update:modelValue"],template:`
     <div class="av-toggle">
       <input
         type="checkbox"
@@ -117,7 +117,7 @@
       <span class="inactive-text">
         {{ inactiveText }}
       </span>
-    </div>`}),k=e.defineComponent({name:"AvBreadcrumb",template:'<div class="av-breadcrumb-stub" />',props:["links","navigationLabel","showBreadcrumbLabel"]}),h=e.defineComponent({name:"AvSideNavigation",props:{items:Array,selectedItem:String,isSideMenuCollapsed:Boolean,collapsedWidth:String},emits:["update:selectedItem","update:isSideMenuCollapsed"],template:`
+    </div>`}),C=e.defineComponent({name:"AvBreadcrumb",template:'<div class="av-breadcrumb-stub" />',props:["links","navigationLabel","showBreadcrumbLabel"]}),h=e.defineComponent({name:"AvSideNavigation",props:{items:Array,selectedItem:String,isSideMenuCollapsed:Boolean,collapsedWidth:String},emits:["update:selectedItem","update:isSideMenuCollapsed"],template:`
     <div
       class="av-side-navigation-stub"
       @click="$emit('update:isSideMenuCollapsed', !isSideMenuCollapsed)"
@@ -138,4 +138,15 @@
       <slot />
       <slot name="footer" />
     </div>
-  `});function B(){return{given(n,t){return describe(`🔵 GIVEN ${n}`,t),this},when(n,t){return describe(`🔶 WHEN ${n}`,t),this},and(n,t){return describe(`➕ AND ${n}`,t),this},then(n,t){return it(`🟩 THEN ${n}`,t),this}}}exports.AvAccordionStub=u;exports.AvAutocompleteStub=g;exports.AvBadgeStub=s;exports.AvBreadcrumbStub=k;exports.AvButtonStub=r;exports.AvCancelConfirmButtonsStub=v;exports.AvCheckboxStub=m;exports.AvDrawerStub=y;exports.AvFieldsetStub=d;exports.AvIconStub=p;exports.AvListItemStub=A;exports.AvListStub=b;exports.AvSelectStub=f;exports.AvSideNavigationStub=h;exports.AvStepperStub=x;exports.AvTagPickerStub=S;exports.AvTagStub=c;exports.AvToggleStub=C;exports.BddTest=B;
+  `}),B=e.defineComponent({name:"AvDropdown",props:["items","triggerAriaLabel","triggerIcon","triggerLabel","triggerVariant","triggerSize","padding"],emits:["itemSelected"],template:`
+    <div class="av-dropdown-stub">
+      <button
+        v-for="item in items"
+        :key="item.name"
+        :data-name="item.name"
+        @click="$emit('itemSelected', item.name)"
+      >
+        {{ item.label }}
+      </button>
+    </div>
+  `});function L(){return{given(n,t){return describe(`🔵 GIVEN ${n}`,t),this},when(n,t){return describe(`🔶 WHEN ${n}`,t),this},and(n,t){return describe(`➕ AND ${n}`,t),this},then(n,t){return it(`🟩 THEN ${n}`,t),this}}}exports.AvAccordionStub=p;exports.AvAutocompleteStub=S;exports.AvBadgeStub=s;exports.AvBreadcrumbStub=C;exports.AvButtonStub=u;exports.AvCancelConfirmButtonsStub=v;exports.AvCheckboxStub=m;exports.AvDrawerStub=y;exports.AvDropdownStub=B;exports.AvFieldsetStub=d;exports.AvIconStub=r;exports.AvListItemStub=g;exports.AvListStub=b;exports.AvSelectStub=f;exports.AvSideNavigationStub=h;exports.AvStepperStub=x;exports.AvTagPickerStub=A;exports.AvTagStub=c;exports.AvToggleStub=k;exports.BddTest=L;

package/dist/test-utils.es.js

@@ -1,7 +1,7 @@
-import { defineComponent as e, inject as n, ref as s, toRef as c } from "vue";
+import { defineComponent as e, inject as l, ref as s, toRef as c } from "vue";
 import { r as d } from "./injection-key.es.js";
 import "@vue/test-utils";
-const m = e({
+const v = e({
   name: "AvBadge",
   template: '<div class="av-badge-stub" />',
   props: {
@@ -57,15 +57,15 @@ const m = e({
     </div>
   `,
   setup(a) {
-    const t = n(d);
+    const t = l(d);
     if (!t) {
       const i = s(!1);
       return { isActive: i, expand: () => {
         i.value = !i.value;
       } };
     }
-    const { isActive: o, expand: l } = t(c(a, "title"));
-    return { isActive: o, expand: l };
+    const { isActive: o, expand: n } = t(c(a, "title"));
+    return { isActive: o, expand: n };
   }
 }), f = e({
   name: "AvButton",
@@ -174,7 +174,7 @@ const m = e({
       </button>
     </div>
   `
-}), B = e({
+}), L = e({
   name: "AvAutocomplete",
   props: [
     "modelValue",
@@ -201,7 +201,7 @@ const m = e({
       />
     </div>
   `
-}), C = e({
+}), B = e({
   name: "AvSelect",
   props: {
     modelValue: [String, Number],
@@ -231,7 +231,7 @@ const m = e({
       </option>
     </select>
   `
-}), L = e({
+}), C = e({
   name: "AvToggle",
   props: ["id", "name", "modelValue", "description", "activeText", "inactiveText", "disabled"],
   emits: ["update:modelValue"],
@@ -297,7 +297,7 @@ const m = e({
       </div>
     </div>
   `
-}), N = e({
+}), w = e({
   name: "AvDrawer",
   props: ["show", "position", "width"],
   emits: ["escape-pressed"],
@@ -307,8 +307,24 @@ const m = e({
       <slot name="footer" />
     </div>
   `
+}), N = e({
+  name: "AvDropdown",
+  props: ["items", "triggerAriaLabel", "triggerIcon", "triggerLabel", "triggerVariant", "triggerSize", "padding"],
+  emits: ["itemSelected"],
+  template: `
+    <div class="av-dropdown-stub">
+      <button
+        v-for="item in items"
+        :key="item.name"
+        :data-name="item.name"
+        @click="$emit('itemSelected', item.name)"
+      >
+        {{ item.label }}
+      </button>
+    </div>
+  `
 });
-function w() {
+function D() {
   return {
     given(a, t) {
       return describe(`🔵 GIVEN ${a}`, t), this;
@@ -326,22 +342,23 @@ function w() {
 }
 export {
   S as AvAccordionStub,
-  B as AvAutocompleteStub,
-  m as AvBadgeStub,
+  L as AvAutocompleteStub,
+  v as AvBadgeStub,
   T as AvBreadcrumbStub,
   f as AvButtonStub,
   k as AvCancelConfirmButtonsStub,
   h as AvCheckboxStub,
-  N as AvDrawerStub,
+  w as AvDrawerStub,
+  N as AvDropdownStub,
   g as AvFieldsetStub,
   A as AvIconStub,
   y as AvListItemStub,
   x as AvListStub,
-  C as AvSelectStub,
+  B as AvSelectStub,
   $ as AvSideNavigationStub,
   I as AvStepperStub,
   V as AvTagPickerStub,
   b as AvTagStub,
-  L as AvToggleStub,
-  w as BddTest
+  C as AvToggleStub,
+  D as BddTest
 };

package/dist/tests/index.d.ts

@@ -16,5 +16,6 @@ import { AvBreadcrumbStub } from '@/components/navigation/AvBreadcrumb/AvBreadcr
 import { AvSideNavigationStub } from '@/components/navigation/AvSideNavigation/AvSideNavigation.stub';
 import { AvStepperStub } from '@/components/navigation/AvStepper/AvStepper.stub';
 import { AvDrawerStub } from '@/components/overlay/drawers/AvDrawer/AvDrawer.stub';
+import { AvDropdownStub } from '@/components/overlay/dropdowns/AvDropdown/AvDropdown.stub';
 import { BddTest } from '@/tests/utils';
-export { AvAccordionStub, AvAutocompleteStub, AvBadgeStub, AvBreadcrumbStub, AvButtonStub, AvCancelConfirmButtonsStub, AvCheckboxStub, AvDrawerStub, AvFieldsetStub, AvIconStub, AvListItemStub, AvListStub, AvSelectStub, AvSideNavigationStub, AvStepperStub, AvTagPickerStub, AvTagStub, AvToggleStub, BddTest, };
+export { AvAccordionStub, AvAutocompleteStub, AvBadgeStub, AvBreadcrumbStub, AvButtonStub, AvCancelConfirmButtonsStub, AvCheckboxStub, AvDrawerStub, AvDropdownStub, AvFieldsetStub, AvIconStub, AvListItemStub, AvListStub, AvSelectStub, AvSideNavigationStub, AvStepperStub, AvTagPickerStub, AvTagStub, AvToggleStub, BddTest, };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@avenirs-esr/avenirs-dsav",
   "type": "module",
-  "version": "0.1.58",
+  "version": "0.1.59",
   "repository": {
     "type": "git",
     "url": "https://github.com/avenirs-esr/avenirs-dsav"