@gits-id/autocomplete - npm Package Compare versions

Comparing version 0.10.10-alpha.5 to 0.10.10

CHANGELOG.md

@@ -6,18 +6,24 @@ # Change Log
 
-## [0.10.7](https://github.com/gitsindonesia/ui-component/compare/v0.10.6...v0.10.7) (2022-07-08)
+## [0.10.10](https://github.com/gitsindonesia/ui-component/compare/v0.10.9...v0.10.10) (2022-07-18)
 
-**Note:** Version bump only for package @gits-id/autocomplete
+### chore
 
+- **autocomplete:** change component name ([6ed3c28](https://github.com/gitsindonesia/ui-component/commit/6ed3c2881bba1080f414e9f6c07fc6099d7c645c))
 
+### Features
 
+- **autocomplete:** add validation state ([87c3752](https://github.com/gitsindonesia/ui-component/commit/87c375207b0ded3f8a4cf00692176ddc07a253fa))
 
+### BREAKING CHANGES
 
-## [0.10.5](https://github.com/gitsindonesia/ui-component/compare/v0.10.4...v0.10.5) (2022-07-06)
+- **autocomplete:** `Autocomplete` renamed to `VAutocomplete`
 
+## [0.10.7](https://github.com/gitsindonesia/ui-component/compare/v0.10.6...v0.10.7) (2022-07-08)
+
 **Note:** Version bump only for package @gits-id/autocomplete
 
+## [0.10.5](https://github.com/gitsindonesia/ui-component/compare/v0.10.4...v0.10.5) (2022-07-06)
 
+**Note:** Version bump only for package @gits-id/autocomplete
 
-
-
 ## [0.10.1](https://github.com/gitsindonesia/ui-component/compare/v0.10.0...v0.10.1) (2022-07-04)
@@ -27,6 +33,2 @@
 
-
-
-
-
 # [0.10.0](https://github.com/gitsindonesia/ui-component/compare/v0.9.0...v0.10.0) (2022-07-01)
@@ -36,6 +38,2 @@
 
-
-
-
-
 # [0.9.0](https://github.com/gitsindonesia/ui-component/compare/v0.8.2...v0.9.0) (2022-06-30)
@@ -45,6 +43,2 @@
 
-
-
-
-
 # [0.8.0](https://github.com/gitsindonesia/ui-component/compare/v0.7.3...v0.8.0) (2022-06-27)
@@ -54,6 +48,2 @@
 
-
-
-
-
 ## [0.7.3](https://github.com/gitsindonesia/ui-component/compare/v0.7.2...v0.7.3) (2022-06-22)
@@ -63,6 +53,2 @@
 
-
-
-
-
 # [0.7.0](https://github.com/gitsindonesia/ui-component/compare/v0.6.0...v0.7.0) (2022-06-22)
@@ -72,6 +58,2 @@
 
-
-
-
-
 # [0.6.0](https://github.com/gitsindonesia/ui-component/compare/v0.5.0...v0.6.0) (2022-06-20)
@@ -81,6 +63,2 @@
 
-
-
-
-
 # [0.5.0](https://github.com/gitsindonesia/ui-component/compare/v0.4.8...v0.5.0) (2022-06-20)
@@ -90,6 +68,2 @@
 
-
-
-
-
 ## [0.3.1](https://github.com/gitsindonesia/ui-component/compare/v0.3.0...v0.3.1) (2022-05-11)
@@ -99,12 +73,7 @@
 
-
-
-
-
 # [0.3.0](https://github.com/gitsindonesia/ui-component/compare/v0.2.6...v0.3.0) (2022-05-11)
 
-
 ### Features
 
-* **autocomplete:** clearable autocomplete ([bdfecb9](https://github.com/gitsindonesia/ui-component/commit/bdfecb942997df72a0e02a3e4213b445f9f279a1))
-* **autocomplete:** new `autocomplete` component ([aa26812](https://github.com/gitsindonesia/ui-component/commit/aa2681207bcca34fa0b42c9849b45362cc3c99f9))
+- **autocomplete:** clearable autocomplete ([bdfecb9](https://github.com/gitsindonesia/ui-component/commit/bdfecb942997df72a0e02a3e4213b445f9f279a1))
+- **autocomplete:** new `autocomplete` component ([aa26812](https://github.com/gitsindonesia/ui-component/commit/aa2681207bcca34fa0b42c9849b45362cc3c99f9))

dist/autocomplete.cjs.js

@@ -1,1 +0,1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});var e=require("vue"),n=require("@headlessui/vue"),k=require("vee-validate"),d=require("vue-remix-icons");const C={class:"relative mt-1"},N={class:"relative w-full text-left bg-white border border-gray-400 rounded cursor-default focus:outline-none focus-within:ring focus-within:ring-primary-500 focus-within:border-primary-500 focus-within:ring-opacity-50 sm:text-sm overflow-hidden transition duration-300"},B={class:"absolute inset-y-0 right-0 flex items-center pr-4"},E={key:0,class:"cursor-default select-none relative py-2 px-4 text-gray-700"},S={key:1,class:"cursor-default select-none relative py-2 px-4 text-gray-700"},T={key:0,class:"absolute inset-y-0 left-0 flex items-center pl-3"},D={class:"text-error text-sm mt-1"},p=e.defineComponent({props:{modelValue:{default:void 0},searchBy:{default:"text"},displayText:{default:"text"},placeholder:{default:"Search..."},label:{default:""},items:{default:()=>[]},name:{default:""},rules:{default:""},notFoundText:{default:"Nothing found."},noDataText:{default:"No data."},clearable:{type:Boolean,default:!1}},emits:["update:modelValue","update:query"],setup(t,{emit:c}){const y=t,{modelValue:m,searchBy:x,items:f,name:g,rules:h}=e.toRefs(y),{value:r,errorMessage:b}=k.useField(g,h,{initialValue:m.value}),l=e.ref("");e.watch(m,o=>{r.value=o}),e.watch(r,o=>{c("update:modelValue",o)}),e.watch(l,o=>{c("update:query",o)});const i=e.computed(()=>l.value===""?f.value:f.value.filter(o=>String(o[x.value]).toLowerCase().replace(/\s+/g,"").includes(l.value.toLowerCase().replace(/\s+/g,"")))),V=()=>{r.value="",l.value=""};return(o,u)=>(e.openBlock(),e.createElementBlock(e.Fragment,null,[e.createVNode(e.unref(n.Combobox),{modelValue:e.unref(r),"onUpdate:modelValue":u[2]||(u[2]=a=>e.isRef(r)?r.value=a:null),class:"mb-4",as:"div"},{default:e.withCtx(()=>[t.label?(e.openBlock(),e.createBlock(e.unref(n.ComboboxLabel),{key:0,class:"mb-2 font-medium"},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(t.label),1)]),_:1})):e.createCommentVNode("",!0),e.createElementVNode("div",C,[e.createElementVNode("div",N,[e.createVNode(e.unref(n.ComboboxInput),{class:"w-full border-none focus:ring-0 py-3 pl-3 pr-20 leading-5 text-gray-600","display-value":a=>a?.[t.displayText]||"",placeholder:t.placeholder,onChange:u[0]||(u[0]=a=>l.value=a.target.value)},null,8,["display-value","placeholder"]),e.createElementVNode("div",B,[t.clearable&&e.unref(r)?(e.openBlock(),e.createElementBlock("button",{key:0,type:"button",class:"mr-1 text-gray-400 hover:text-gray-700 hover:bg-gray-100 rounded-full p-1 transition duration-300",onClick:V},[e.createVNode(e.unref(d.RiCloseLine),{class:"w-6 h-6 fill-current text-gray-500","aria-hidden":"true"})])):e.createCommentVNode("",!0),e.createVNode(e.unref(n.ComboboxButton),null,{default:e.withCtx(()=>[e.createVNode(e.unref(d.RiArrowDownSLine),{class:"w-6 h-6 fill-current text-gray-500","aria-hidden":"true"})]),_:1})])]),e.createVNode(e.unref(n.TransitionRoot),{leave:"transition ease-in duration-100","leave-from":"opacity-100","leave-to":"opacity-0",onAfterLeave:u[1]||(u[1]=a=>l.value="")},{default:e.withCtx(()=>[e.createVNode(e.unref(n.ComboboxOptions),{class:"absolute z-10 w-full py-1 mt-1 overflow-auto text-base bg-white rounded-md shadow-lg max-h-60 ring-1 ring-black ring-opacity-5 focus:outline-none sm:text-sm"},{default:e.withCtx(()=>[e.unref(i).length===0&&l.value===""?(e.openBlock(),e.createElementBlock("div",E,e.toDisplayString(t.noDataText),1)):e.createCommentVNode("",!0),e.unref(i).length===0&&l.value!==""?(e.openBlock(),e.createElementBlock("div",S,e.toDisplayString(t.notFoundText),1)):e.createCommentVNode("",!0),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(e.unref(i),(a,w)=>(e.openBlock(),e.createBlock(e.unref(n.ComboboxOption),{key:w,as:"template",value:a},{default:e.withCtx(({selected:s,active:v})=>[e.createElementVNode("li",{class:e.normalizeClass(["cursor-default select-none relative py-2 pl-10 pr-4",{"bg-gray-100":v,"text-gray-900":!v}])},[e.createElementVNode("span",{class:e.normalizeClass(["block truncate",{"font-medium text-primary-500":s,"font-normal":!s}])},e.toDisplayString(a[t.displayText]),3),s?(e.openBlock(),e.createElementBlock("span",T,[e.createVNode(e.unref(d.RiCheckLine),{class:"w-5 h-5 fill-current text-primary-500","aria-hidden":"true"})])):e.createCommentVNode("",!0)],2)]),_:2},1032,["value"]))),128))]),_:1})]),_:1})])]),_:1},8,["modelValue"]),e.createElementVNode("div",D,e.toDisplayString(e.unref(b)),1)],64))}});exports.Autocomplete=p;exports.default=p;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});var e=require("vue"),n=require("@headlessui/vue"),V=require("vee-validate"),c=require("vue-remix-icons");const k={class:"relative mt-1"},B={class:"absolute inset-y-0 right-0 flex items-center pr-4"},N={key:0,class:"cursor-default select-none relative py-2 px-4 text-gray-700"},E={key:1,class:"cursor-default select-none relative py-2 px-4 text-gray-700"},S={key:0,class:"absolute inset-y-0 left-0 flex items-center pl-3"},m=e.defineComponent({props:{modelValue:{default:void 0},searchBy:{default:"text"},displayText:{default:"text"},placeholder:{default:"Search..."},label:{default:""},items:{default:()=>[]},name:{default:""},rules:{default:""},notFoundText:{default:"Nothing found."},noDataText:{default:"No data."},clearable:{type:Boolean,default:!1},errorClass:{default:"text-error-500 text-sm mt-1"},wrapperClass:{default:""}},emits:["update:modelValue","update:query"],setup(t,{emit:f}){const x=t,{modelValue:v,searchBy:g,items:p,name:h,rules:b}=e.toRefs(x),{value:o,errorMessage:s}=V.useField(h,b,{initialValue:v.value}),l=e.ref("");e.watch(v,r=>{o.value=r}),e.watch(o,r=>{f("update:modelValue",r)}),e.watch(l,r=>{f("update:query",r)});const i=e.computed(()=>l.value===""?p.value:p.value.filter(r=>String(r[g.value]).toLowerCase().replace(/\s+/g,"").includes(l.value.toLowerCase().replace(/\s+/g,"")))),C=()=>{o.value="",l.value=""};return(r,u)=>(e.openBlock(),e.createElementBlock(e.Fragment,null,[e.createVNode(e.unref(n.Combobox),{modelValue:e.unref(o),"onUpdate:modelValue":u[2]||(u[2]=a=>e.isRef(o)?o.value=a:null),class:e.normalizeClass(t.wrapperClass),as:"div"},{default:e.withCtx(()=>[t.label?(e.openBlock(),e.createBlock(e.unref(n.ComboboxLabel),{key:0,class:"mb-2 font-medium"},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(t.label),1)]),_:1})):e.createCommentVNode("",!0),e.createElementVNode("div",k,[e.createElementVNode("div",{class:e.normalizeClass(["relative w-full text-left bg-white border rounded-md cursor-default focus:outline-none focus-within:ring focus-within:ring-opacity-50 sm:text-sm overflow-hidden transition duration-300",e.unref(s)?"border-error-500 focus-within:ring-error-500 focus-within:border-error-500":"border-gray-300 hover:border-gray-400 focus-within:ring-primary-500 focus-within:border-primary-500"])},[e.createVNode(e.unref(n.ComboboxInput),{class:"w-full border-none focus:ring-0 py-3 pl-3 pr-20 leading-5 text-gray-600","display-value":a=>a?.[t.displayText]||"",placeholder:t.placeholder,onChange:u[0]||(u[0]=a=>l.value=a.target.value)},null,8,["display-value","placeholder"]),e.createElementVNode("div",B,[t.clearable&&e.unref(o)?(e.openBlock(),e.createElementBlock("button",{key:0,type:"button",class:"mr-1 text-gray-400 hover:text-gray-700 hover:bg-gray-100 rounded-full p-1 transition duration-300",onClick:C},[e.createVNode(e.unref(c.RiCloseLine),{class:"w-6 h-6 fill-current text-gray-400","aria-hidden":"true"})])):e.createCommentVNode("",!0),e.createVNode(e.unref(n.ComboboxButton),null,{default:e.withCtx(()=>[e.createVNode(e.unref(c.RiArrowDownSLine),{class:"w-6 h-6 fill-current text-gray-400","aria-hidden":"true"})]),_:1})])],2),e.createVNode(e.unref(n.TransitionRoot),{leave:"transition ease-in duration-100","leave-from":"opacity-100","leave-to":"opacity-0",onAfterLeave:u[1]||(u[1]=a=>l.value="")},{default:e.withCtx(()=>[e.createVNode(e.unref(n.ComboboxOptions),{class:"absolute z-10 w-full py-1 mt-1 overflow-auto text-base bg-white rounded-md shadow-lg max-h-60 ring-1 ring-black ring-opacity-5 focus:outline-none sm:text-sm"},{default:e.withCtx(()=>[e.unref(i).length===0&&l.value===""?(e.openBlock(),e.createElementBlock("div",N,e.toDisplayString(t.noDataText),1)):e.createCommentVNode("",!0),e.unref(i).length===0&&l.value!==""?(e.openBlock(),e.createElementBlock("div",E,e.toDisplayString(t.notFoundText),1)):e.createCommentVNode("",!0),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(e.unref(i),(a,w)=>(e.openBlock(),e.createBlock(e.unref(n.ComboboxOption),{key:w,as:"template",value:a},{default:e.withCtx(({selected:d,active:y})=>[e.createElementVNode("li",{class:e.normalizeClass(["cursor-default select-none relative py-2 pl-10 pr-4",{"bg-gray-100":y,"text-gray-900":!y}])},[e.createElementVNode("span",{class:e.normalizeClass(["block truncate",{"font-medium text-primary-500":d,"font-normal":!d}])},e.toDisplayString(a[t.displayText]),3),d?(e.openBlock(),e.createElementBlock("span",S,[e.createVNode(e.unref(c.RiCheckLine),{class:"w-5 h-5 fill-current text-primary-500","aria-hidden":"true"})])):e.createCommentVNode("",!0)],2)]),_:2},1032,["value"]))),128))]),_:1})]),_:1})])]),_:1},8,["modelValue","class"]),e.unref(s)?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(t.errorClass)},e.toDisplayString(e.unref(s)),3)):e.createCommentVNode("",!0)],64))}});exports.Autocomplete=m;exports.VAutocomplete=m;exports.default=m;

dist/autocomplete.es.js

@@ -1,2 +0,2 @@
-import { defineComponent, toRefs, ref, watch, computed, openBlock, createElementBlock, Fragment, createVNode, unref, isRef, withCtx, createBlock, createTextVNode, toDisplayString, createCommentVNode, createElementVNode, renderList, normalizeClass } from 'vue';
+import { defineComponent, toRefs, ref, watch, computed, openBlock, createElementBlock, Fragment, createVNode, unref, isRef, normalizeClass, withCtx, createBlock, createTextVNode, toDisplayString, createCommentVNode, createElementVNode, renderList } from 'vue';
 import { Combobox, ComboboxLabel, ComboboxInput, ComboboxButton, TransitionRoot, ComboboxOptions, ComboboxOption } from '@headlessui/vue';
@@ -7,17 +7,15 @@ import { useField } from 'vee-validate';
 const _hoisted_1 = { class: "relative mt-1" };
-const _hoisted_2 = { class: "relative w-full text-left bg-white border border-gray-400 rounded cursor-default focus:outline-none focus-within:ring focus-within:ring-primary-500 focus-within:border-primary-500 focus-within:ring-opacity-50 sm:text-sm overflow-hidden transition duration-300" };
-const _hoisted_3 = { class: "absolute inset-y-0 right-0 flex items-center pr-4" };
-const _hoisted_4 = {
+const _hoisted_2 = { class: "absolute inset-y-0 right-0 flex items-center pr-4" };
+const _hoisted_3 = {
   key: 0,
   class: "cursor-default select-none relative py-2 px-4 text-gray-700"
 };
-const _hoisted_5 = {
+const _hoisted_4 = {
   key: 1,
   class: "cursor-default select-none relative py-2 px-4 text-gray-700"
 };
-const _hoisted_6 = {
+const _hoisted_5 = {
   key: 0,
   class: "absolute inset-y-0 left-0 flex items-center pl-3"
 };
-const _hoisted_7 = { class: "text-error text-sm mt-1" };
 const _sfc_main = /* @__PURE__ */ defineComponent({
@@ -35,3 +33,5 @@ props: {
     noDataText: { default: "No data." },
-    clearable: { type: Boolean, default: false }
+    clearable: { type: Boolean, default: false },
+    errorClass: { default: "text-error-500 text-sm mt-1" },
+    wrapperClass: { default: "" }
   },
@@ -65,3 +65,3 @@ emits: ["update:modelValue", "update:query"],
           "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => isRef(selected) ? selected.value = $event : null),
-          class: "mb-4",
+          class: normalizeClass(__props.wrapperClass),
           as: "div"
@@ -80,3 +80,8 @@ }, {
             createElementVNode("div", _hoisted_1, [
-              createElementVNode("div", _hoisted_2, [
+              createElementVNode("div", {
+                class: normalizeClass([
+                  "relative w-full text-left bg-white border rounded-md cursor-default focus:outline-none focus-within:ring focus-within:ring-opacity-50 sm:text-sm overflow-hidden transition duration-300",
+                  unref(errorMessage) ? "border-error-500 focus-within:ring-error-500 focus-within:border-error-500" : "border-gray-300 hover:border-gray-400 focus-within:ring-primary-500 focus-within:border-primary-500"
+                ])
+              }, [
                 createVNode(unref(ComboboxInput), {
@@ -88,3 +93,3 @@ class: "w-full border-none focus:ring-0 py-3 pl-3 pr-20 leading-5 text-gray-600",
                 }, null, 8, ["display-value", "placeholder"]),
-                createElementVNode("div", _hoisted_3, [
+                createElementVNode("div", _hoisted_2, [
                   __props.clearable && unref(selected) ? (openBlock(), createElementBlock("button", {
@@ -97,3 +102,3 @@ key: 0,
                     createVNode(unref(RiCloseLine), {
-                      class: "w-6 h-6 fill-current text-gray-500",
+                      class: "w-6 h-6 fill-current text-gray-400",
                       "aria-hidden": "true"
@@ -105,3 +110,3 @@ })
                       createVNode(unref(RiArrowDownSLine), {
-                        class: "w-6 h-6 fill-current text-gray-500",
+                        class: "w-6 h-6 fill-current text-gray-400",
                         "aria-hidden": "true"
@@ -113,3 +118,3 @@ })
                 ])
-              ]),
+              ], 2),
               createVNode(unref(TransitionRoot), {
@@ -124,4 +129,4 @@ leave: "transition ease-in duration-100",
                     default: withCtx(() => [
-                      unref(filteredItems).length === 0 && query.value === "" ? (openBlock(), createElementBlock("div", _hoisted_4, toDisplayString(__props.noDataText), 1)) : createCommentVNode("", true),
-                      unref(filteredItems).length === 0 && query.value !== "" ? (openBlock(), createElementBlock("div", _hoisted_5, toDisplayString(__props.notFoundText), 1)) : createCommentVNode("", true),
+                      unref(filteredItems).length === 0 && query.value === "" ? (openBlock(), createElementBlock("div", _hoisted_3, toDisplayString(__props.noDataText), 1)) : createCommentVNode("", true),
+                      unref(filteredItems).length === 0 && query.value !== "" ? (openBlock(), createElementBlock("div", _hoisted_4, toDisplayString(__props.notFoundText), 1)) : createCommentVNode("", true),
                       (openBlock(true), createElementBlock(Fragment, null, renderList(unref(filteredItems), (item, idx) => {
@@ -146,3 +151,3 @@ return openBlock(), createBlock(unref(ComboboxOption), {
                               }, toDisplayString(item[__props.displayText]), 3),
-                              selected2 ? (openBlock(), createElementBlock("span", _hoisted_6, [
+                              selected2 ? (openBlock(), createElementBlock("span", _hoisted_5, [
                                 createVNode(unref(RiCheckLine), {
@@ -167,4 +172,7 @@ class: "w-5 h-5 fill-current text-primary-500",
           _: 1
-        }, 8, ["modelValue"]),
-        createElementVNode("div", _hoisted_7, toDisplayString(unref(errorMessage)), 1)
+        }, 8, ["modelValue", "class"]),
+        unref(errorMessage) ? (openBlock(), createElementBlock("div", {
+          key: 0,
+          class: normalizeClass(__props.errorClass)
+        }, toDisplayString(unref(errorMessage)), 3)) : createCommentVNode("", true)
       ], 64);
@@ -175,2 +183,2 @@ };
 
-export { _sfc_main as Autocomplete, _sfc_main as default };
+export { _sfc_main as Autocomplete, _sfc_main as VAutocomplete, _sfc_main as default };

dist/autocomplete.iife.js

@@ -1,1 +0,1 @@
-var Dropdown=function(s,e,r,h,d){"use strict";const x={class:"relative mt-1"},b={class:"relative w-full text-left bg-white border border-gray-400 rounded cursor-default focus:outline-none focus-within:ring focus-within:ring-primary-500 focus-within:border-primary-500 focus-within:ring-opacity-50 sm:text-sm overflow-hidden transition duration-300"},V={class:"absolute inset-y-0 right-0 flex items-center pr-4"},w={key:0,class:"cursor-default select-none relative py-2 px-4 text-gray-700"},k={key:1,class:"cursor-default select-none relative py-2 px-4 text-gray-700"},C={key:0,class:"absolute inset-y-0 left-0 flex items-center pl-3"},N={class:"text-error text-sm mt-1"},m=e.defineComponent({props:{modelValue:{default:void 0},searchBy:{default:"text"},displayText:{default:"text"},placeholder:{default:"Search..."},label:{default:""},items:{default:()=>[]},name:{default:""},rules:{default:""},notFoundText:{default:"Nothing found."},noDataText:{default:"No data."},clearable:{type:Boolean,default:!1}},emits:["update:modelValue","update:query"],setup(t,{emit:u}){const B=t,{modelValue:p,searchBy:E,items:y,name:S,rules:T}=e.toRefs(B),{value:n,errorMessage:D}=h.useField(S,T,{initialValue:p.value}),a=e.ref("");e.watch(p,o=>{n.value=o}),e.watch(n,o=>{u("update:modelValue",o)}),e.watch(a,o=>{u("update:query",o)});const c=e.computed(()=>a.value===""?y.value:y.value.filter(o=>String(o[E.value]).toLowerCase().replace(/\s+/g,"").includes(a.value.toLowerCase().replace(/\s+/g,"")))),L=()=>{n.value="",a.value=""};return(o,i)=>(e.openBlock(),e.createElementBlock(e.Fragment,null,[e.createVNode(e.unref(r.Combobox),{modelValue:e.unref(n),"onUpdate:modelValue":i[2]||(i[2]=l=>e.isRef(n)?n.value=l:null),class:"mb-4",as:"div"},{default:e.withCtx(()=>[t.label?(e.openBlock(),e.createBlock(e.unref(r.ComboboxLabel),{key:0,class:"mb-2 font-medium"},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(t.label),1)]),_:1})):e.createCommentVNode("",!0),e.createElementVNode("div",x,[e.createElementVNode("div",b,[e.createVNode(e.unref(r.ComboboxInput),{class:"w-full border-none focus:ring-0 py-3 pl-3 pr-20 leading-5 text-gray-600","display-value":l=>l?.[t.displayText]||"",placeholder:t.placeholder,onChange:i[0]||(i[0]=l=>a.value=l.target.value)},null,8,["display-value","placeholder"]),e.createElementVNode("div",V,[t.clearable&&e.unref(n)?(e.openBlock(),e.createElementBlock("button",{key:0,type:"button",class:"mr-1 text-gray-400 hover:text-gray-700 hover:bg-gray-100 rounded-full p-1 transition duration-300",onClick:L},[e.createVNode(e.unref(d.RiCloseLine),{class:"w-6 h-6 fill-current text-gray-500","aria-hidden":"true"})])):e.createCommentVNode("",!0),e.createVNode(e.unref(r.ComboboxButton),null,{default:e.withCtx(()=>[e.createVNode(e.unref(d.RiArrowDownSLine),{class:"w-6 h-6 fill-current text-gray-500","aria-hidden":"true"})]),_:1})])]),e.createVNode(e.unref(r.TransitionRoot),{leave:"transition ease-in duration-100","leave-from":"opacity-100","leave-to":"opacity-0",onAfterLeave:i[1]||(i[1]=l=>a.value="")},{default:e.withCtx(()=>[e.createVNode(e.unref(r.ComboboxOptions),{class:"absolute z-10 w-full py-1 mt-1 overflow-auto text-base bg-white rounded-md shadow-lg max-h-60 ring-1 ring-black ring-opacity-5 focus:outline-none sm:text-sm"},{default:e.withCtx(()=>[e.unref(c).length===0&&a.value===""?(e.openBlock(),e.createElementBlock("div",w,e.toDisplayString(t.noDataText),1)):e.createCommentVNode("",!0),e.unref(c).length===0&&a.value!==""?(e.openBlock(),e.createElementBlock("div",k,e.toDisplayString(t.notFoundText),1)):e.createCommentVNode("",!0),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(e.unref(c),(l,F)=>(e.openBlock(),e.createBlock(e.unref(r.ComboboxOption),{key:F,as:"template",value:l},{default:e.withCtx(({selected:f,active:g})=>[e.createElementVNode("li",{class:e.normalizeClass(["cursor-default select-none relative py-2 pl-10 pr-4",{"bg-gray-100":g,"text-gray-900":!g}])},[e.createElementVNode("span",{class:e.normalizeClass(["block truncate",{"font-medium text-primary-500":f,"font-normal":!f}])},e.toDisplayString(l[t.displayText]),3),f?(e.openBlock(),e.createElementBlock("span",C,[e.createVNode(e.unref(d.RiCheckLine),{class:"w-5 h-5 fill-current text-primary-500","aria-hidden":"true"})])):e.createCommentVNode("",!0)],2)]),_:2},1032,["value"]))),128))]),_:1})]),_:1})])]),_:1},8,["modelValue"]),e.createElementVNode("div",N,e.toDisplayString(e.unref(D)),1)],64))}});return s.Autocomplete=m,s.default=m,Object.defineProperties(s,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}}),s}({},Vue,vue$1,veeValidate,vueRemixIcons);
+var Dropdown=function(i,e,o,b,d){"use strict";const x={class:"relative mt-1"},C={class:"absolute inset-y-0 right-0 flex items-center pr-4"},w={key:0,class:"cursor-default select-none relative py-2 px-4 text-gray-700"},V={key:1,class:"cursor-default select-none relative py-2 px-4 text-gray-700"},k={key:0,class:"absolute inset-y-0 left-0 flex items-center pl-3"},c=e.defineComponent({props:{modelValue:{default:void 0},searchBy:{default:"text"},displayText:{default:"text"},placeholder:{default:"Search..."},label:{default:""},items:{default:()=>[]},name:{default:""},rules:{default:""},notFoundText:{default:"Nothing found."},noDataText:{default:"No data."},clearable:{type:Boolean,default:!1},errorClass:{default:"text-error-500 text-sm mt-1"},wrapperClass:{default:""}},emits:["update:modelValue","update:query"],setup(t,{emit:y}){const B=t,{modelValue:p,searchBy:N,items:g,name:E,rules:S}=e.toRefs(B),{value:n,errorMessage:f}=b.useField(E,S,{initialValue:p.value}),a=e.ref("");e.watch(p,r=>{n.value=r}),e.watch(n,r=>{y("update:modelValue",r)}),e.watch(a,r=>{y("update:query",r)});const m=e.computed(()=>a.value===""?g.value:g.value.filter(r=>String(r[N.value]).toLowerCase().replace(/\s+/g,"").includes(a.value.toLowerCase().replace(/\s+/g,"")))),T=()=>{n.value="",a.value=""};return(r,s)=>(e.openBlock(),e.createElementBlock(e.Fragment,null,[e.createVNode(e.unref(o.Combobox),{modelValue:e.unref(n),"onUpdate:modelValue":s[2]||(s[2]=l=>e.isRef(n)?n.value=l:null),class:e.normalizeClass(t.wrapperClass),as:"div"},{default:e.withCtx(()=>[t.label?(e.openBlock(),e.createBlock(e.unref(o.ComboboxLabel),{key:0,class:"mb-2 font-medium"},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(t.label),1)]),_:1})):e.createCommentVNode("",!0),e.createElementVNode("div",x,[e.createElementVNode("div",{class:e.normalizeClass(["relative w-full text-left bg-white border rounded-md cursor-default focus:outline-none focus-within:ring focus-within:ring-opacity-50 sm:text-sm overflow-hidden transition duration-300",e.unref(f)?"border-error-500 focus-within:ring-error-500 focus-within:border-error-500":"border-gray-300 hover:border-gray-400 focus-within:ring-primary-500 focus-within:border-primary-500"])},[e.createVNode(e.unref(o.ComboboxInput),{class:"w-full border-none focus:ring-0 py-3 pl-3 pr-20 leading-5 text-gray-600","display-value":l=>l?.[t.displayText]||"",placeholder:t.placeholder,onChange:s[0]||(s[0]=l=>a.value=l.target.value)},null,8,["display-value","placeholder"]),e.createElementVNode("div",C,[t.clearable&&e.unref(n)?(e.openBlock(),e.createElementBlock("button",{key:0,type:"button",class:"mr-1 text-gray-400 hover:text-gray-700 hover:bg-gray-100 rounded-full p-1 transition duration-300",onClick:T},[e.createVNode(e.unref(d.RiCloseLine),{class:"w-6 h-6 fill-current text-gray-400","aria-hidden":"true"})])):e.createCommentVNode("",!0),e.createVNode(e.unref(o.ComboboxButton),null,{default:e.withCtx(()=>[e.createVNode(e.unref(d.RiArrowDownSLine),{class:"w-6 h-6 fill-current text-gray-400","aria-hidden":"true"})]),_:1})])],2),e.createVNode(e.unref(o.TransitionRoot),{leave:"transition ease-in duration-100","leave-from":"opacity-100","leave-to":"opacity-0",onAfterLeave:s[1]||(s[1]=l=>a.value="")},{default:e.withCtx(()=>[e.createVNode(e.unref(o.ComboboxOptions),{class:"absolute z-10 w-full py-1 mt-1 overflow-auto text-base bg-white rounded-md shadow-lg max-h-60 ring-1 ring-black ring-opacity-5 focus:outline-none sm:text-sm"},{default:e.withCtx(()=>[e.unref(m).length===0&&a.value===""?(e.openBlock(),e.createElementBlock("div",w,e.toDisplayString(t.noDataText),1)):e.createCommentVNode("",!0),e.unref(m).length===0&&a.value!==""?(e.openBlock(),e.createElementBlock("div",V,e.toDisplayString(t.notFoundText),1)):e.createCommentVNode("",!0),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(e.unref(m),(l,D)=>(e.openBlock(),e.createBlock(e.unref(o.ComboboxOption),{key:D,as:"template",value:l},{default:e.withCtx(({selected:u,active:h})=>[e.createElementVNode("li",{class:e.normalizeClass(["cursor-default select-none relative py-2 pl-10 pr-4",{"bg-gray-100":h,"text-gray-900":!h}])},[e.createElementVNode("span",{class:e.normalizeClass(["block truncate",{"font-medium text-primary-500":u,"font-normal":!u}])},e.toDisplayString(l[t.displayText]),3),u?(e.openBlock(),e.createElementBlock("span",k,[e.createVNode(e.unref(d.RiCheckLine),{class:"w-5 h-5 fill-current text-primary-500","aria-hidden":"true"})])):e.createCommentVNode("",!0)],2)]),_:2},1032,["value"]))),128))]),_:1})]),_:1})])]),_:1},8,["modelValue","class"]),e.unref(f)?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(t.errorClass)},e.toDisplayString(e.unref(f)),3)):e.createCommentVNode("",!0)],64))}});return i.Autocomplete=c,i.VAutocomplete=c,i.default=c,Object.defineProperties(i,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}}),i}({},Vue,vue$1,veeValidate,vueRemixIcons);

dist/autocomplete.umd.js

@@ -1,1 +0,1 @@
-(function(t,e){typeof exports=="object"&&typeof module<"u"?e(exports,require("vue"),require("@headlessui/vue"),require("vee-validate"),require("vue-remix-icons")):typeof define=="function"&&define.amd?define(["exports","vue","@headlessui/vue","vee-validate","vue-remix-icons"],e):(t=typeof globalThis<"u"?globalThis:t||self,e(t.Dropdown={},t.Vue,t.vue$1,t.veeValidate,t.vueRemixIcons))})(this,function(t,e,n,x,d){"use strict";const g={class:"relative mt-1"},b={class:"relative w-full text-left bg-white border border-gray-400 rounded cursor-default focus:outline-none focus-within:ring focus-within:ring-primary-500 focus-within:border-primary-500 focus-within:ring-opacity-50 sm:text-sm overflow-hidden transition duration-300"},V={class:"absolute inset-y-0 right-0 flex items-center pr-4"},w={key:0,class:"cursor-default select-none relative py-2 px-4 text-gray-700"},k={key:1,class:"cursor-default select-none relative py-2 px-4 text-gray-700"},C={key:0,class:"absolute inset-y-0 left-0 flex items-center pl-3"},N={class:"text-error text-sm mt-1"},u=e.defineComponent({props:{modelValue:{default:void 0},searchBy:{default:"text"},displayText:{default:"text"},placeholder:{default:"Search..."},label:{default:""},items:{default:()=>[]},name:{default:""},rules:{default:""},notFoundText:{default:"Nothing found."},noDataText:{default:"No data."},clearable:{type:Boolean,default:!1}},emits:["update:modelValue","update:query"],setup(a,{emit:m}){const B=a,{modelValue:p,searchBy:E,items:y,name:T,rules:S}=e.toRefs(B),{value:i,errorMessage:D}=x.useField(T,S,{initialValue:p.value}),o=e.ref("");e.watch(p,r=>{i.value=r}),e.watch(i,r=>{m("update:modelValue",r)}),e.watch(o,r=>{m("update:query",r)});const c=e.computed(()=>o.value===""?y.value:y.value.filter(r=>String(r[E.value]).toLowerCase().replace(/\s+/g,"").includes(o.value.toLowerCase().replace(/\s+/g,"")))),L=()=>{i.value="",o.value=""};return(r,s)=>(e.openBlock(),e.createElementBlock(e.Fragment,null,[e.createVNode(e.unref(n.Combobox),{modelValue:e.unref(i),"onUpdate:modelValue":s[2]||(s[2]=l=>e.isRef(i)?i.value=l:null),class:"mb-4",as:"div"},{default:e.withCtx(()=>[a.label?(e.openBlock(),e.createBlock(e.unref(n.ComboboxLabel),{key:0,class:"mb-2 font-medium"},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(a.label),1)]),_:1})):e.createCommentVNode("",!0),e.createElementVNode("div",g,[e.createElementVNode("div",b,[e.createVNode(e.unref(n.ComboboxInput),{class:"w-full border-none focus:ring-0 py-3 pl-3 pr-20 leading-5 text-gray-600","display-value":l=>l?.[a.displayText]||"",placeholder:a.placeholder,onChange:s[0]||(s[0]=l=>o.value=l.target.value)},null,8,["display-value","placeholder"]),e.createElementVNode("div",V,[a.clearable&&e.unref(i)?(e.openBlock(),e.createElementBlock("button",{key:0,type:"button",class:"mr-1 text-gray-400 hover:text-gray-700 hover:bg-gray-100 rounded-full p-1 transition duration-300",onClick:L},[e.createVNode(e.unref(d.RiCloseLine),{class:"w-6 h-6 fill-current text-gray-500","aria-hidden":"true"})])):e.createCommentVNode("",!0),e.createVNode(e.unref(n.ComboboxButton),null,{default:e.withCtx(()=>[e.createVNode(e.unref(d.RiArrowDownSLine),{class:"w-6 h-6 fill-current text-gray-500","aria-hidden":"true"})]),_:1})])]),e.createVNode(e.unref(n.TransitionRoot),{leave:"transition ease-in duration-100","leave-from":"opacity-100","leave-to":"opacity-0",onAfterLeave:s[1]||(s[1]=l=>o.value="")},{default:e.withCtx(()=>[e.createVNode(e.unref(n.ComboboxOptions),{class:"absolute z-10 w-full py-1 mt-1 overflow-auto text-base bg-white rounded-md shadow-lg max-h-60 ring-1 ring-black ring-opacity-5 focus:outline-none sm:text-sm"},{default:e.withCtx(()=>[e.unref(c).length===0&&o.value===""?(e.openBlock(),e.createElementBlock("div",w,e.toDisplayString(a.noDataText),1)):e.createCommentVNode("",!0),e.unref(c).length===0&&o.value!==""?(e.openBlock(),e.createElementBlock("div",k,e.toDisplayString(a.notFoundText),1)):e.createCommentVNode("",!0),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(e.unref(c),(l,q)=>(e.openBlock(),e.createBlock(e.unref(n.ComboboxOption),{key:q,as:"template",value:l},{default:e.withCtx(({selected:f,active:h})=>[e.createElementVNode("li",{class:e.normalizeClass(["cursor-default select-none relative py-2 pl-10 pr-4",{"bg-gray-100":h,"text-gray-900":!h}])},[e.createElementVNode("span",{class:e.normalizeClass(["block truncate",{"font-medium text-primary-500":f,"font-normal":!f}])},e.toDisplayString(l[a.displayText]),3),f?(e.openBlock(),e.createElementBlock("span",C,[e.createVNode(e.unref(d.RiCheckLine),{class:"w-5 h-5 fill-current text-primary-500","aria-hidden":"true"})])):e.createCommentVNode("",!0)],2)]),_:2},1032,["value"]))),128))]),_:1})]),_:1})])]),_:1},8,["modelValue"]),e.createElementVNode("div",N,e.toDisplayString(e.unref(D)),1)],64))}});t.Autocomplete=u,t.default=u,Object.defineProperties(t,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});
+(function(t,e){typeof exports=="object"&&typeof module<"u"?e(exports,require("vue"),require("@headlessui/vue"),require("vee-validate"),require("vue-remix-icons")):typeof define=="function"&&define.amd?define(["exports","vue","@headlessui/vue","vee-validate","vue-remix-icons"],e):(t=typeof globalThis<"u"?globalThis:t||self,e(t.Dropdown={},t.Vue,t.vue$1,t.veeValidate,t.vueRemixIcons))})(this,function(t,e,n,g,d){"use strict";const b={class:"relative mt-1"},C={class:"absolute inset-y-0 right-0 flex items-center pr-4"},w={key:0,class:"cursor-default select-none relative py-2 px-4 text-gray-700"},V={key:1,class:"cursor-default select-none relative py-2 px-4 text-gray-700"},k={key:0,class:"absolute inset-y-0 left-0 flex items-center pl-3"},c=e.defineComponent({props:{modelValue:{default:void 0},searchBy:{default:"text"},displayText:{default:"text"},placeholder:{default:"Search..."},label:{default:""},items:{default:()=>[]},name:{default:""},rules:{default:""},notFoundText:{default:"Nothing found."},noDataText:{default:"No data."},clearable:{type:Boolean,default:!1},errorClass:{default:"text-error-500 text-sm mt-1"},wrapperClass:{default:""}},emits:["update:modelValue","update:query"],setup(a,{emit:p}){const B=a,{modelValue:y,searchBy:N,items:h,name:E,rules:T}=e.toRefs(B),{value:i,errorMessage:f}=g.useField(E,T,{initialValue:y.value}),r=e.ref("");e.watch(y,o=>{i.value=o}),e.watch(i,o=>{p("update:modelValue",o)}),e.watch(r,o=>{p("update:query",o)});const m=e.computed(()=>r.value===""?h.value:h.value.filter(o=>String(o[N.value]).toLowerCase().replace(/\s+/g,"").includes(r.value.toLowerCase().replace(/\s+/g,"")))),S=()=>{i.value="",r.value=""};return(o,s)=>(e.openBlock(),e.createElementBlock(e.Fragment,null,[e.createVNode(e.unref(n.Combobox),{modelValue:e.unref(i),"onUpdate:modelValue":s[2]||(s[2]=l=>e.isRef(i)?i.value=l:null),class:e.normalizeClass(a.wrapperClass),as:"div"},{default:e.withCtx(()=>[a.label?(e.openBlock(),e.createBlock(e.unref(n.ComboboxLabel),{key:0,class:"mb-2 font-medium"},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(a.label),1)]),_:1})):e.createCommentVNode("",!0),e.createElementVNode("div",b,[e.createElementVNode("div",{class:e.normalizeClass(["relative w-full text-left bg-white border rounded-md cursor-default focus:outline-none focus-within:ring focus-within:ring-opacity-50 sm:text-sm overflow-hidden transition duration-300",e.unref(f)?"border-error-500 focus-within:ring-error-500 focus-within:border-error-500":"border-gray-300 hover:border-gray-400 focus-within:ring-primary-500 focus-within:border-primary-500"])},[e.createVNode(e.unref(n.ComboboxInput),{class:"w-full border-none focus:ring-0 py-3 pl-3 pr-20 leading-5 text-gray-600","display-value":l=>l?.[a.displayText]||"",placeholder:a.placeholder,onChange:s[0]||(s[0]=l=>r.value=l.target.value)},null,8,["display-value","placeholder"]),e.createElementVNode("div",C,[a.clearable&&e.unref(i)?(e.openBlock(),e.createElementBlock("button",{key:0,type:"button",class:"mr-1 text-gray-400 hover:text-gray-700 hover:bg-gray-100 rounded-full p-1 transition duration-300",onClick:S},[e.createVNode(e.unref(d.RiCloseLine),{class:"w-6 h-6 fill-current text-gray-400","aria-hidden":"true"})])):e.createCommentVNode("",!0),e.createVNode(e.unref(n.ComboboxButton),null,{default:e.withCtx(()=>[e.createVNode(e.unref(d.RiArrowDownSLine),{class:"w-6 h-6 fill-current text-gray-400","aria-hidden":"true"})]),_:1})])],2),e.createVNode(e.unref(n.TransitionRoot),{leave:"transition ease-in duration-100","leave-from":"opacity-100","leave-to":"opacity-0",onAfterLeave:s[1]||(s[1]=l=>r.value="")},{default:e.withCtx(()=>[e.createVNode(e.unref(n.ComboboxOptions),{class:"absolute z-10 w-full py-1 mt-1 overflow-auto text-base bg-white rounded-md shadow-lg max-h-60 ring-1 ring-black ring-opacity-5 focus:outline-none sm:text-sm"},{default:e.withCtx(()=>[e.unref(m).length===0&&r.value===""?(e.openBlock(),e.createElementBlock("div",w,e.toDisplayString(a.noDataText),1)):e.createCommentVNode("",!0),e.unref(m).length===0&&r.value!==""?(e.openBlock(),e.createElementBlock("div",V,e.toDisplayString(a.notFoundText),1)):e.createCommentVNode("",!0),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(e.unref(m),(l,D)=>(e.openBlock(),e.createBlock(e.unref(n.ComboboxOption),{key:D,as:"template",value:l},{default:e.withCtx(({selected:u,active:x})=>[e.createElementVNode("li",{class:e.normalizeClass(["cursor-default select-none relative py-2 pl-10 pr-4",{"bg-gray-100":x,"text-gray-900":!x}])},[e.createElementVNode("span",{class:e.normalizeClass(["block truncate",{"font-medium text-primary-500":u,"font-normal":!u}])},e.toDisplayString(l[a.displayText]),3),u?(e.openBlock(),e.createElementBlock("span",k,[e.createVNode(e.unref(d.RiCheckLine),{class:"w-5 h-5 fill-current text-primary-500","aria-hidden":"true"})])):e.createCommentVNode("",!0)],2)]),_:2},1032,["value"]))),128))]),_:1})]),_:1})])]),_:1},8,["modelValue","class"]),e.unref(f)?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(a.errorClass)},e.toDisplayString(e.unref(f)),3)):e.createCommentVNode("",!0)],64))}});t.Autocomplete=c,t.VAutocomplete=c,t.default=c,Object.defineProperties(t,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});

dist/types/index.d.ts

@@ -1,3 +0,3 @@
-import Autocomplete from './Autocomplete.vue';
-export { Autocomplete };
-export default Autocomplete;
+import VAutocomplete from './VAutocomplete.vue';
+export { VAutocomplete, VAutocomplete as Autocomplete };
+export default VAutocomplete;

package.json

 {
   "name": "@gits-id/autocomplete",
-  "version": "0.10.10-alpha.5+3c739e6",
+  "version": "0.10.10",
   "description": "GITS Autocomplete Component",
@@ -18,3 +18,3 @@ "scripts": {
   "dependencies": {
-    "@gits-id/button": "^0.10.10-alpha.5+3c739e6",
+    "@gits-id/button": "^0.10.10",
     "@headlessui/vue": "^1.6.0",
@@ -28,4 +28,4 @@ "feather-icons": "^4.28.0",
   "devDependencies": {
-    "@gits-id/tailwind-config": "^0.10.10-alpha.5+3c739e6",
-    "@gits-id/utils": "^0.10.10-alpha.5+3c739e6",
+    "@gits-id/tailwind-config": "^0.10.10",
+    "@gits-id/utils": "^0.10.10",
     "@vue/test-utils": "^2.0.0-rc.17",
@@ -41,3 +41,3 @@ "c8": "^7.11.3",
   "types": "./dist/types/index.d.ts",
-  "gitHead": "3c739e6cd1da053aeae0349bbf1486d917f6cef4"
+  "gitHead": "da3d0b6c17f2eccdfcaa73a803366eb47ae5293e"
 }

README.md

@@ -9,3 +9,3 @@ # GITS Autocomplete Component
 
-```
+```bash
 npm i @gits-id/autocomplete
@@ -16,3 +16,3 @@ ```
 
-```
+```bash
 yarn add @gits-id/autocomplete
@@ -23,3 +23,3 @@ ```
 
-```
+```bash
 pnpm i @gits-id/autocomplete
@@ -30,17 +30,17 @@ ```
 
-```vue
+```html
 <script setup lang="ts">
-import Autocomplete from '@gits-id/autocomplete';
-import {ref} from 'vue';
+  import Autocomplete from '@gits-id/autocomplete';
+  import {ref} from 'vue';
 
-const items = [
-  {value: 1, text: 'Wade Cooper'},
-  {value: 2, text: 'Arlene Mccoy'},
-  {value: 3, text: 'Devon Webb'},
-  {value: 4, text: 'Tom Cook'},
-  {value: 5, text: 'Tanya Fox'},
-  {value: 6, text: 'Hellen Schmidt'},
-];
+  const items = [
+    {value: 1, text: 'Wade Cooper'},
+    {value: 2, text: 'Arlene Mccoy'},
+    {value: 3, text: 'Devon Webb'},
+    {value: 4, text: 'Tom Cook'},
+    {value: 5, text: 'Tanya Fox'},
+    {value: 6, text: 'Hellen Schmidt'},
+  ];
 
-const selected = ref();
+  const selected = ref();
 </script>
@@ -55,3 +55,3 @@
 
-View `Autocomplete` documentation [here](https://gits-ui.web.app/?path=/story/components-autocomplete--default).
+View full documentation [here](https://gits-ui.web.app/?path=/story/components-autocomplete--default).
 
@@ -58,0 +58,0 @@ ## License

src/index.ts

@@ -1,4 +0,4 @@
-import Autocomplete from './Autocomplete.vue';
+import VAutocomplete from './VAutocomplete.vue';
 
-export {Autocomplete};
-export default Autocomplete;
+export {VAutocomplete, VAutocomplete as Autocomplete};
+export default VAutocomplete;

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

Fixed alerts

Manifest confusion

Supply chain risk

This package has inconsistent metadata. This could be malicious or caused by an error when publishing the package.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

51638

8.89%

Lines of code

721

13.54%

Dependency changes

• Updated

  @gits-id/button@^0.10.10