@privyid/persona 1.2.0 → 1.2.1

package/dist/components/select/adapter/async-adapter.spec.mjs

@@ -1,280 +0,0 @@
-import { onScrollBottom, triggerScroll } from "../__mocks__/use-on-scroll.mjs";
-import { vi } from "vitest";
-import defineAsyncAdapter from "./async-adapter.mjs";
-import { nextTick, ref } from "vue-demi";
-import { delay } from "nanodelay";
-vi.mock("../utils/use-on-scroll", () => {
-  return { onScrollBottom };
-});
-function createMockAdapter() {
-  const value = ref("Apple");
-  const handler = vi.fn(async (keyword, page, perPage) => {
-    await delay(1);
-    if (keyword === "fail")
-      throw new Error("Mock Error");
-    if (page >= 2)
-      return [];
-    const result = [];
-    const start = (page - 1) * perPage;
-    const until = start + perPage;
-    for (let i = start + 1; i <= until; ++i) {
-      result.push({
-        text: `${value.value} ${i}`,
-        value: i
-      });
-    }
-    return result;
-  });
-  const adapter = defineAsyncAdapter(handler, [value], { perPage: 3, debounceTime: 3 });
-  return {
-    value,
-    handler,
-    adapter
-  };
-}
-it("should be call Async Handler", async () => {
-  const { adapter, handler } = createMockAdapter();
-  const items = adapter.setup({
-    props: {
-      options: [],
-      modelValue: void 0,
-      selected: void 0
-    },
-    isLoading: ref(false),
-    menuEl: ref(),
-    keyword: ref(""),
-    isOpen: ref(true)
-  });
-  await delay(2);
-  expect(handler).toBeCalled();
-  expect(handler).toBeCalledWith("", 1, 3, void 0);
-  expect(items.value).toStrictEqual([
-    {
-      text: "Apple 1",
-      value: 1
-    },
-    {
-      text: "Apple 2",
-      value: 2
-    },
-    {
-      text: "Apple 3",
-      value: 3
-    }
-  ]);
-});
-it("should be show loading if request is not finish", async () => {
-  const { adapter } = createMockAdapter();
-  const isLoading = ref(false);
-  const items = adapter.setup({
-    props: {
-      options: [],
-      modelValue: void 0,
-      selected: void 0
-    },
-    isLoading,
-    menuEl: ref(),
-    keyword: ref(""),
-    isOpen: ref(true)
-  });
-  expect(isLoading.value).toBe(true);
-  await delay(2);
-  expect(isLoading.value).toBe(false);
-  expect(items.value).toHaveLength(3);
-});
-it("should be show loading user start typing", async () => {
-  const { adapter, handler } = createMockAdapter();
-  const isLoading = ref(false);
-  const keyword = ref("");
-  const items = adapter.setup({
-    props: {
-      options: [],
-      modelValue: void 0,
-      selected: void 0
-    },
-    isLoading,
-    keyword,
-    menuEl: ref(),
-    isOpen: ref(true)
-  });
-  expect(isLoading.value).toBe(true);
-  await delay(2);
-  expect(isLoading.value).toBe(false);
-  keyword.value = "aa";
-  await nextTick();
-  expect(isLoading.value).toBe(true);
-  expect(items.value).toHaveLength(0);
-  expect(handler).toBeCalledTimes(1);
-});
-it("should be reload when user finish typing", async () => {
-  const { adapter, handler } = createMockAdapter();
-  const isLoading = ref(false);
-  const keyword = ref("");
-  const items = adapter.setup({
-    props: {
-      options: [],
-      modelValue: void 0,
-      selected: void 0
-    },
-    isLoading,
-    keyword,
-    menuEl: ref(),
-    isOpen: ref(true)
-  });
-  expect(isLoading.value).toBe(true);
-  await delay(2);
-  expect(isLoading.value).toBe(false);
-  keyword.value = "nn";
-  await nextTick();
-  expect(handler).toBeCalledTimes(1);
-  await delay(4);
-  expect(handler).toBeCalledTimes(2);
-  expect(handler).toBeCalledWith("nn", 1, 3, void 0);
-  await delay(2);
-  expect(items.value).toHaveLength(3);
-});
-it("should load next items if user scroll to bottom", async () => {
-  const { adapter, handler } = createMockAdapter();
-  const items = adapter.setup({
-    props: {
-      options: [],
-      modelValue: void 0,
-      selected: void 0
-    },
-    isLoading: ref(false),
-    menuEl: ref(),
-    keyword: ref(""),
-    isOpen: ref(true)
-  });
-  await delay(2);
-  expect(handler).toBeCalled();
-  expect(handler).toBeCalledWith("", 1, 3, void 0);
-  expect(items.value).toStrictEqual([
-    {
-      text: "Apple 1",
-      value: 1
-    },
-    {
-      text: "Apple 2",
-      value: 2
-    },
-    {
-      text: "Apple 3",
-      value: 3
-    }
-  ]);
-  expect(handler).toBeCalledTimes(1);
-  triggerScroll();
-  expect(handler).toBeCalledTimes(2);
-  expect(handler).toBeCalledWith("", 2, 3, void 0);
-});
-it("should not load next items if all items already loaded (finished loaded)", async () => {
-  const { adapter, handler } = createMockAdapter();
-  const items = adapter.setup({
-    props: {
-      options: [],
-      modelValue: void 0,
-      selected: void 0
-    },
-    isLoading: ref(false),
-    menuEl: ref(),
-    keyword: ref(""),
-    isOpen: ref(true)
-  });
-  await delay(2);
-  expect(items.value).toStrictEqual([
-    {
-      text: "Apple 1",
-      value: 1
-    },
-    {
-      text: "Apple 2",
-      value: 2
-    },
-    {
-      text: "Apple 3",
-      value: 3
-    }
-  ]);
-  triggerScroll();
-  expect(handler).toBeCalledTimes(2);
-  expect(handler).toBeCalledWith("", 2, 3, void 0);
-  triggerScroll();
-  expect(handler).toBeCalledTimes(2);
-});
-it("should reload if handler have track deps, and the deps is changed", async () => {
-  const { adapter, handler, value } = createMockAdapter();
-  const items = adapter.setup({
-    props: {
-      options: [],
-      modelValue: void 0,
-      selected: void 0
-    },
-    isLoading: ref(false),
-    menuEl: ref(),
-    keyword: ref(""),
-    isOpen: ref(true)
-  });
-  await delay(2);
-  expect(items.value).toStrictEqual([
-    {
-      text: "Apple 1",
-      value: 1
-    },
-    {
-      text: "Apple 2",
-      value: 2
-    },
-    {
-      text: "Apple 3",
-      value: 3
-    }
-  ]);
-  value.value = "Grape";
-  await nextTick();
-  await delay(2);
-  expect(handler).toBeCalledTimes(2);
-  expect(items.value).toStrictEqual([
-    {
-      text: "Grape 1",
-      value: 1
-    },
-    {
-      text: "Grape 2",
-      value: 2
-    },
-    {
-      text: "Grape 3",
-      value: 3
-    }
-  ]);
-});
-it("should no nothing if handler throw an error", async () => {
-  const { adapter, handler } = createMockAdapter();
-  const isLoading = ref(false);
-  const keyword = ref("");
-  const items = adapter.setup({
-    props: {
-      options: [],
-      modelValue: void 0,
-      selected: void 0
-    },
-    isLoading,
-    keyword,
-    menuEl: ref(),
-    isOpen: ref(true)
-  });
-  vi.spyOn(console, "error").mockReturnThis();
-  expect(isLoading.value).toBe(true);
-  await delay(2);
-  expect(isLoading.value).toBe(false);
-  keyword.value = "fail";
-  await nextTick();
-  expect(handler).toBeCalledTimes(1);
-  await delay(4);
-  expect(handler).toBeCalledTimes(2);
-  expect(handler).toBeCalledWith("fail", 1, 3, void 0);
-  await delay(2);
-  expect(isLoading.value).toBe(false);
-  expect(items.value).toHaveLength(0);
-});

package/dist/components/select/adapter/basic-adapter.d.ts

@@ -1,5 +0,0 @@
-/**
- * Filter options using simple .include search algorithm
- */
-declare const _default: import("./adapter").Adapter;
-export default _default;

package/dist/components/select/adapter/basic-adapter.mjs

@@ -1,13 +0,0 @@
-import { computed } from "vue-demi";
-import { defineAdapter, useOptionsProp } from "./adapter.mjs";
-export default defineAdapter({
-  setup({ props, keyword }) {
-    const options = useOptionsProp(props);
-    const filtered = computed(() => {
-      return options.value.filter((item) => {
-        return item.text.toLowerCase().includes(keyword.value.toLowerCase());
-      });
-    });
-    return filtered;
-  }
-});

package/dist/components/select/adapter/basic-adapter.spec.d.ts

@@ -1 +0,0 @@
-export {};

package/dist/components/select/adapter/basic-adapter.spec.mjs

@@ -1,73 +0,0 @@
-import Adapter from "./basic-adapter.mjs";
-import { nextTick, ref } from "vue-demi";
-it("should be able to display items from props `options`", async () => {
-  const items = Adapter.setup({
-    props: {
-      options: [
-        "Apple",
-        "Grape",
-        "Orange"
-      ],
-      modelValue: void 0,
-      selected: void 0
-    },
-    isLoading: ref(false),
-    menuEl: ref(),
-    keyword: ref(""),
-    isOpen: ref(true)
-  });
-  expect(items.value).toStrictEqual([
-    {
-      text: "Apple",
-      value: "Apple"
-    },
-    {
-      text: "Grape",
-      value: "Grape"
-    },
-    {
-      text: "Orange",
-      value: "Orange"
-    }
-  ]);
-});
-it("should be able to filter (search) items by keyword", async () => {
-  const keyword = ref("");
-  const items = Adapter.setup({
-    props: {
-      options: [
-        "Apple",
-        "Grape",
-        "Orange"
-      ],
-      modelValue: void 0,
-      selected: void 0
-    },
-    isLoading: ref(false),
-    menuEl: ref(),
-    keyword,
-    isOpen: ref(true)
-  });
-  expect(items.value).toStrictEqual([
-    {
-      text: "Apple",
-      value: "Apple"
-    },
-    {
-      text: "Grape",
-      value: "Grape"
-    },
-    {
-      text: "Orange",
-      value: "Orange"
-    }
-  ]);
-  keyword.value = "orange";
-  await nextTick();
-  expect(items.value).toStrictEqual([
-    {
-      text: "Orange",
-      value: "Orange"
-    }
-  ]);
-});

package/dist/components/select/adapter/fuzzy-adapter.d.ts

@@ -1,2 +0,0 @@
-declare const _default: import("./adapter").Adapter;
-export default _default;

package/dist/components/select/adapter/fuzzy-adapter.mjs

@@ -1,24 +0,0 @@
-import Fuse from "fuse.js";
-import {
-  computed,
-  shallowRef,
-  watch
-} from "vue-demi";
-import { defineAdapter, useOptionsProp } from "./adapter.mjs";
-export default defineAdapter({
-  setup({ props, keyword }) {
-    const fuse = shallowRef();
-    const normalizeOptions = useOptionsProp(props);
-    const filteredOptions = computed(() => {
-      if (!keyword.value)
-        return normalizeOptions.value;
-      return fuse.value.search(keyword.value).map((result) => {
-        return result.item;
-      });
-    });
-    watch(normalizeOptions, (items) => {
-      fuse.value = new Fuse(items, { keys: ["text", "value"] });
-    }, { immediate: true });
-    return filteredOptions;
-  }
-});

package/dist/components/select/adapter/fuzzy-adapter.spec.d.ts

@@ -1 +0,0 @@
-export {};

package/dist/components/select/adapter/fuzzy-adapter.spec.mjs

@@ -1,82 +0,0 @@
-import Adapter from "./fuzzy-adapter.mjs";
-import { nextTick, ref } from "vue-demi";
-it("should be able to display items from props `options`", async () => {
-  const items = Adapter.setup({
-    props: {
-      options: [
-        "Apple",
-        "Grape",
-        "Orange"
-      ],
-      modelValue: void 0,
-      selected: void 0
-    },
-    isLoading: ref(false),
-    menuEl: ref(),
-    keyword: ref(""),
-    isOpen: ref(true)
-  });
-  expect(items.value).toStrictEqual([
-    {
-      text: "Apple",
-      value: "Apple"
-    },
-    {
-      text: "Grape",
-      value: "Grape"
-    },
-    {
-      text: "Orange",
-      value: "Orange"
-    }
-  ]);
-});
-it("should be able to filter (search) items by keyword", async () => {
-  const keyword = ref("");
-  const items = Adapter.setup({
-    props: {
-      options: [
-        {
-          text: "Apple",
-          value: "Apple"
-        },
-        {
-          text: "Grape",
-          value: "Grape"
-        },
-        {
-          text: "Banana",
-          value: "Banana"
-        }
-      ],
-      modelValue: void 0,
-      selected: void 0
-    },
-    isLoading: ref(false),
-    menuEl: ref(),
-    keyword,
-    isOpen: ref(true)
-  });
-  expect(items.value).toStrictEqual([
-    {
-      text: "Apple",
-      value: "Apple"
-    },
-    {
-      text: "Grape",
-      value: "Grape"
-    },
-    {
-      text: "Banana",
-      value: "Banana"
-    }
-  ]);
-  keyword.value = "nnn";
-  await nextTick();
-  expect(items.value).toStrictEqual([
-    {
-      text: "Banana",
-      value: "Banana"
-    }
-  ]);
-});

package/dist/components/select/demo/api/province.d.ts

@@ -1,5 +0,0 @@
-declare const _default: {
-    id: string;
-    name: string;
-}[];
-export default _default;

package/dist/components/select/demo/api/province.mjs

@@ -1,138 +0,0 @@
-export default [
-  {
-    id: "11",
-    name: "ACEH"
-  },
-  {
-    id: "12",
-    name: "SUMATERA UTARA"
-  },
-  {
-    id: "13",
-    name: "SUMATERA BARAT"
-  },
-  {
-    id: "14",
-    name: "RIAU"
-  },
-  {
-    id: "15",
-    name: "JAMBI"
-  },
-  {
-    id: "16",
-    name: "SUMATERA SELATAN"
-  },
-  {
-    id: "17",
-    name: "BENGKULU"
-  },
-  {
-    id: "18",
-    name: "LAMPUNG"
-  },
-  {
-    id: "19",
-    name: "KEPULAUAN BANGKA BELITUNG"
-  },
-  {
-    id: "21",
-    name: "KEPULAUAN RIAU"
-  },
-  {
-    id: "31",
-    name: "DKI JAKARTA"
-  },
-  {
-    id: "32",
-    name: "JAWA BARAT"
-  },
-  {
-    id: "33",
-    name: "JAWA TENGAH"
-  },
-  {
-    id: "34",
-    name: "DI YOGYAKARTA"
-  },
-  {
-    id: "35",
-    name: "JAWA TIMUR"
-  },
-  {
-    id: "36",
-    name: "BANTEN"
-  },
-  {
-    id: "51",
-    name: "BALI"
-  },
-  {
-    id: "52",
-    name: "NUSA TENGGARA BARAT"
-  },
-  {
-    id: "53",
-    name: "NUSA TENGGARA TIMUR"
-  },
-  {
-    id: "61",
-    name: "KALIMANTAN BARAT"
-  },
-  {
-    id: "62",
-    name: "KALIMANTAN TENGAH"
-  },
-  {
-    id: "63",
-    name: "KALIMANTAN SELATAN"
-  },
-  {
-    id: "64",
-    name: "KALIMANTAN TIMUR"
-  },
-  {
-    id: "65",
-    name: "KALIMANTAN UTARA"
-  },
-  {
-    id: "71",
-    name: "SULAWESI UTARA"
-  },
-  {
-    id: "72",
-    name: "SULAWESI TENGAH"
-  },
-  {
-    id: "73",
-    name: "SULAWESI SELATAN"
-  },
-  {
-    id: "74",
-    name: "SULAWESI TENGGARA"
-  },
-  {
-    id: "75",
-    name: "GORONTALO"
-  },
-  {
-    id: "76",
-    name: "SULAWESI BARAT"
-  },
-  {
-    id: "81",
-    name: "MALUKU"
-  },
-  {
-    id: "82",
-    name: "MALUKU UTARA"
-  },
-  {
-    id: "91",
-    name: "PAPUA BARAT"
-  },
-  {
-    id: "94",
-    name: "PAPUA"
-  }
-];

package/dist/components/select/demo/api/regencies/11.d.ts

@@ -1,6 +0,0 @@
-declare const _default: {
-    id: string;
-    province_id: string;
-    name: string;
-}[];
-export default _default;