@featherds/autocomplete - npm Package Compare versions

Comparing version 0.12.22 to 0.12.23

package.json

 {
   "name": "@featherds/autocomplete",
-  "version": "0.12.22",
+  "version": "0.12.23",
+  "type": "module",
   "publishConfig": {
@@ -14,10 +15,10 @@ "access": "public"
   "dependencies": {
-    "@featherds/chips": "^0.12.22",
-    "@featherds/composables": "^0.12.22",
-    "@featherds/icon": "^0.12.22",
-    "@featherds/input-helper": "^0.12.22",
-    "@featherds/list": "^0.12.22",
-    "@featherds/menu": "^0.12.22",
-    "@featherds/styles": "^0.12.22",
-    "@featherds/utils": "^0.12.22",
+    "@featherds/chips": "^0.12.23",
+    "@featherds/composables": "^0.12.23",
+    "@featherds/icon": "^0.12.23",
+    "@featherds/input-helper": "^0.12.23",
+    "@featherds/list": "^0.12.23",
+    "@featherds/menu": "^0.12.23",
+    "@featherds/styles": "^0.12.23",
+    "@featherds/utils": "^0.12.23",
     "vue": "^3.1.0-0"
@@ -30,3 +31,3 @@ },
   "types": "./src/index.d.ts",
-  "gitHead": "594fd15d203ac46c0360d3e4b74f56872f26c612"
+  "gitHead": "ae7d2058aa376b707fcb5610f4699fa181a03f79"
 }

tsconfig.json

@@ -5,5 +5,10 @@ {
     "sourceMap": false,
-    "module": "commonjs"
+    "module": "ES2022",
+    "target": "ES2022"
   },
-  "include": ["./wdio/*.ts"]
+  "include": [
+    "./wdio/*.ts",
+    "./wdio/tests/*.ts",
+    "./wdio/tests/pages/*.ts"
+  ]
 }

wdio/FeatherAutocomplete.d.ts

@@ -1,2 +0,1 @@
-/// <reference types="webdriverio/async" />
 declare class BaseAutocomplete {
@@ -7,3 +6,3 @@ protected selector: string;
     protected clear(): import("webdriverio").ChainablePromiseElement<WebdriverIO.Element>;
-    protected clickElement(el: WebdriverIO.Element): Promise<void>;
+    protected clickElement(el: any): Promise<void>;
     selectByText(text: string): Promise<string>;
@@ -19,5 +18,5 @@ selectByIndex(index: number): Promise<string>;
     private chipsDelete;
-    getValue(): Promise<string[]>;
+    getValue(): Promise<any[]>;
     clearChip(txt: string): Promise<void>;
 }
 export {};

wdio/FeatherAutocomplete.js

@@ -1,4 +0,2 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.AutocompleteMulti = exports.AutocompleteSingle = void 0;
+import { $, $$, browser } from "@wdio/globals";
 const OPTION = ".result-item";
@@ -30,4 +28,3 @@ const INPUT = "[data-ref-id='feather-autocomplete-input']";
         if (!menuVisible) {
-            const select = await this.input();
-            // await this.clickElement(select);
+            const select = await $(INPUT);
             await select.click();
@@ -53,6 +50,6 @@ await $(OPTION).waitForDisplayed({ timeout: 60000 });
         if (!menuVisible) {
-            const select = await this.input();
-            // await this.clickElement(select);
+            const select = await $(INPUT);
             await select.click();
-            await $(OPTION).waitForDisplayed({ timeout: 60000 });
+            const option = await $(OPTION);
+            await option.waitForDisplayed({ timeout: 60000 });
         }
@@ -76,3 +73,3 @@ const item = await $$(OPTION)[index];
 }
-class AutocompleteSingle extends BaseAutocomplete {
+export class AutocompleteSingle extends BaseAutocomplete {
     async getValue() {
@@ -83,4 +80,3 @@ const input = await this.input();
 }
-exports.AutocompleteSingle = AutocompleteSingle;
-class AutocompleteMulti extends BaseAutocomplete {
+export class AutocompleteMulti extends BaseAutocomplete {
     chips() {
@@ -111,2 +107,1 @@ return $(this.selector).$$(CHIP);
 }
-exports.AutocompleteMulti = AutocompleteMulti;

wdio/FeatherAutocomplete.ts

@@ -0,1 +1,3 @@
+import { $, $$, browser } from "@wdio/globals";
+
 const OPTION = ".result-item";
@@ -18,4 +20,4 @@ const INPUT = "[data-ref-id='feather-autocomplete-input']";
   }
-  protected clickElement(el: WebdriverIO.Element) {
-    const runInBrowser = function (argument: WebdriverIO.Element) {
+  protected clickElement(el: any) {
+    const runInBrowser = function (argument: any) {
       argument.click();
@@ -29,6 +31,4 @@ };
     if (!menuVisible) {
-      const select = await this.input();
-      // await this.clickElement(select);
+      const select = await $(INPUT);
       await select.click();
-
       await $(OPTION).waitForDisplayed({ timeout: 60000 });
@@ -38,3 +38,5 @@ }
     const items = await $$(OPTION);
-    const textArray = await Promise.all(items.map((item) => item.getText()));
+    const textArray = await Promise.all(
+      items.map((item: any) => item.getText())
+    );
     const itemIndex = textArray.indexOf(text);
@@ -59,7 +61,6 @@ if (itemIndex > -1) {
     if (!menuVisible) {
-      const select = await this.input();
-      // await this.clickElement(select);
+      const select = await $(INPUT);
       await select.click();
-
-      await $(OPTION).waitForDisplayed({ timeout: 60000 });
+      const option = await $(OPTION);
+      await option.waitForDisplayed({ timeout: 60000 });
     }
@@ -103,3 +104,3 @@
     const chips = await this.chips();
-    return Promise.all(chips.map((c) => c.getText()));
+    return Promise.all(chips.map((c: any) => c.getText()));
   }
@@ -106,0 +107,0 @@ async clearChip(txt: string) {

wdio/tests/FeatherAutocomplete.spec.ts

@@ -0,4 +1,5 @@
+import { describe, it } from "mocha";
 import { expect } from "chai";
-import { create as createSingle } from "./pages/Single";
-import { create as createMulti } from "./pages/Demo";
+import { create as createSingle } from "./pages/Single.js";
+import { create as createMulti } from "./pages/Demo.js";
 describe("Feather Autocomplete", () => {
@@ -5,0 +6,0 @@ describe("single", () => {

wdio/tests/pages/Demo.ts

@@ -1,3 +0,3 @@
-import { AutocompleteMulti } from "../../FeatherAutocomplete";
-
+import { $, browser } from "@wdio/globals";
+import { AutocompleteMulti } from "../../FeatherAutocomplete.js";
 export const create = async () => {
@@ -4,0 +4,0 @@ await browser.url(`https://google.com`);

wdio/tests/pages/Single.ts

@@ -1,3 +0,4 @@
-import { AutocompleteSingle } from "../../FeatherAutocomplete";
+import { $, browser } from "@wdio/globals";
 
+import { AutocompleteSingle } from "../../FeatherAutocomplete.js";
 export const create = async () => {
@@ -4,0 +5,0 @@ await browser.url(`https://google.com`);

New alerts

Environment variable access

Supply chain risk

Package accesses environment variables, which may be a sign of credential stuffing or data theft.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

419388

increased by0.86%

Number of package files

44

increased by15.79%

Lines of code

4504

increased by2.02%

Is type module

Yes

Worsened metrics

Number of low supply chain risk alerts

3

increased by200%

Dependency changes

• Updated@featherds/chips@^0.12.23

• Updated@featherds/composables@^0.12.23

• Updated@featherds/icon@^0.12.23

• Updated@featherds/input-helper@^0.12.23

• Updated@featherds/list@^0.12.23

• Updated@featherds/menu@^0.12.23

• Updated@featherds/styles@^0.12.23

• Updated@featherds/utils@^0.12.23