@privyid/persona 0.3.0

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

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

package/dist/components/select/demo/api/regencies/75.mjs

@@ -0,0 +1,32 @@
+export default [
+  {
+    id: "7501",
+    province_id: "75",
+    name: "KABUPATEN BOALEMO"
+  },
+  {
+    id: "7502",
+    province_id: "75",
+    name: "KABUPATEN GORONTALO"
+  },
+  {
+    id: "7503",
+    province_id: "75",
+    name: "KABUPATEN POHUWATO"
+  },
+  {
+    id: "7504",
+    province_id: "75",
+    name: "KABUPATEN BONE BOLANGO"
+  },
+  {
+    id: "7505",
+    province_id: "75",
+    name: "KABUPATEN GORONTALO UTARA"
+  },
+  {
+    id: "7571",
+    province_id: "75",
+    name: "KOTA GORONTALO"
+  }
+];

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

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

package/dist/components/select/demo/api/regencies/76.mjs

@@ -0,0 +1,32 @@
+export default [
+  {
+    id: "7601",
+    province_id: "76",
+    name: "KABUPATEN MAJENE"
+  },
+  {
+    id: "7602",
+    province_id: "76",
+    name: "KABUPATEN POLEWALI MANDAR"
+  },
+  {
+    id: "7603",
+    province_id: "76",
+    name: "KABUPATEN MAMASA"
+  },
+  {
+    id: "7604",
+    province_id: "76",
+    name: "KABUPATEN MAMUJU"
+  },
+  {
+    id: "7605",
+    province_id: "76",
+    name: "KABUPATEN MAMUJU UTARA"
+  },
+  {
+    id: "7606",
+    province_id: "76",
+    name: "KABUPATEN MAMUJU TENGAH"
+  }
+];

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

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

package/dist/components/select/demo/api/regencies/81.mjs

@@ -0,0 +1,57 @@
+export default [
+  {
+    id: "8101",
+    province_id: "81",
+    name: "KABUPATEN MALUKU TENGGARA BARAT"
+  },
+  {
+    id: "8102",
+    province_id: "81",
+    name: "KABUPATEN MALUKU TENGGARA"
+  },
+  {
+    id: "8103",
+    province_id: "81",
+    name: "KABUPATEN MALUKU TENGAH"
+  },
+  {
+    id: "8104",
+    province_id: "81",
+    name: "KABUPATEN BURU"
+  },
+  {
+    id: "8105",
+    province_id: "81",
+    name: "KABUPATEN KEPULAUAN ARU"
+  },
+  {
+    id: "8106",
+    province_id: "81",
+    name: "KABUPATEN SERAM BAGIAN BARAT"
+  },
+  {
+    id: "8107",
+    province_id: "81",
+    name: "KABUPATEN SERAM BAGIAN TIMUR"
+  },
+  {
+    id: "8108",
+    province_id: "81",
+    name: "KABUPATEN MALUKU BARAT DAYA"
+  },
+  {
+    id: "8109",
+    province_id: "81",
+    name: "KABUPATEN BURU SELATAN"
+  },
+  {
+    id: "8171",
+    province_id: "81",
+    name: "KOTA AMBON"
+  },
+  {
+    id: "8172",
+    province_id: "81",
+    name: "KOTA TUAL"
+  }
+];

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

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

package/dist/components/select/demo/api/regencies/82.mjs

@@ -0,0 +1,52 @@
+export default [
+  {
+    id: "8201",
+    province_id: "82",
+    name: "KABUPATEN HALMAHERA BARAT"
+  },
+  {
+    id: "8202",
+    province_id: "82",
+    name: "KABUPATEN HALMAHERA TENGAH"
+  },
+  {
+    id: "8203",
+    province_id: "82",
+    name: "KABUPATEN KEPULAUAN SULA"
+  },
+  {
+    id: "8204",
+    province_id: "82",
+    name: "KABUPATEN HALMAHERA SELATAN"
+  },
+  {
+    id: "8205",
+    province_id: "82",
+    name: "KABUPATEN HALMAHERA UTARA"
+  },
+  {
+    id: "8206",
+    province_id: "82",
+    name: "KABUPATEN HALMAHERA TIMUR"
+  },
+  {
+    id: "8207",
+    province_id: "82",
+    name: "KABUPATEN PULAU MOROTAI"
+  },
+  {
+    id: "8208",
+    province_id: "82",
+    name: "KABUPATEN PULAU TALIABU"
+  },
+  {
+    id: "8271",
+    province_id: "82",
+    name: "KOTA TERNATE"
+  },
+  {
+    id: "8272",
+    province_id: "82",
+    name: "KOTA TIDORE KEPULAUAN"
+  }
+];

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

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

package/dist/components/select/demo/api/regencies/91.mjs

@@ -0,0 +1,67 @@
+export default [
+  {
+    id: "9101",
+    province_id: "91",
+    name: "KABUPATEN FAKFAK"
+  },
+  {
+    id: "9102",
+    province_id: "91",
+    name: "KABUPATEN KAIMANA"
+  },
+  {
+    id: "9103",
+    province_id: "91",
+    name: "KABUPATEN TELUK WONDAMA"
+  },
+  {
+    id: "9104",
+    province_id: "91",
+    name: "KABUPATEN TELUK BINTUNI"
+  },
+  {
+    id: "9105",
+    province_id: "91",
+    name: "KABUPATEN MANOKWARI"
+  },
+  {
+    id: "9106",
+    province_id: "91",
+    name: "KABUPATEN SORONG SELATAN"
+  },
+  {
+    id: "9107",
+    province_id: "91",
+    name: "KABUPATEN SORONG"
+  },
+  {
+    id: "9108",
+    province_id: "91",
+    name: "KABUPATEN RAJA AMPAT"
+  },
+  {
+    id: "9109",
+    province_id: "91",
+    name: "KABUPATEN TAMBRAUW"
+  },
+  {
+    id: "9110",
+    province_id: "91",
+    name: "KABUPATEN MAYBRAT"
+  },
+  {
+    id: "9111",
+    province_id: "91",
+    name: "KABUPATEN MANOKWARI SELATAN"
+  },
+  {
+    id: "9112",
+    province_id: "91",
+    name: "KABUPATEN PEGUNUNGAN ARFAK"
+  },
+  {
+    id: "9171",
+    province_id: "91",
+    name: "KOTA SORONG"
+  }
+];

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

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

package/dist/components/select/demo/api/regencies/94.mjs

@@ -0,0 +1,147 @@
+export default [
+  {
+    id: "9401",
+    province_id: "94",
+    name: "KABUPATEN MERAUKE"
+  },
+  {
+    id: "9402",
+    province_id: "94",
+    name: "KABUPATEN JAYAWIJAYA"
+  },
+  {
+    id: "9403",
+    province_id: "94",
+    name: "KABUPATEN JAYAPURA"
+  },
+  {
+    id: "9404",
+    province_id: "94",
+    name: "KABUPATEN NABIRE"
+  },
+  {
+    id: "9408",
+    province_id: "94",
+    name: "KABUPATEN KEPULAUAN YAPEN"
+  },
+  {
+    id: "9409",
+    province_id: "94",
+    name: "KABUPATEN BIAK NUMFOR"
+  },
+  {
+    id: "9410",
+    province_id: "94",
+    name: "KABUPATEN PANIAI"
+  },
+  {
+    id: "9411",
+    province_id: "94",
+    name: "KABUPATEN PUNCAK JAYA"
+  },
+  {
+    id: "9412",
+    province_id: "94",
+    name: "KABUPATEN MIMIKA"
+  },
+  {
+    id: "9413",
+    province_id: "94",
+    name: "KABUPATEN BOVEN DIGOEL"
+  },
+  {
+    id: "9414",
+    province_id: "94",
+    name: "KABUPATEN MAPPI"
+  },
+  {
+    id: "9415",
+    province_id: "94",
+    name: "KABUPATEN ASMAT"
+  },
+  {
+    id: "9416",
+    province_id: "94",
+    name: "KABUPATEN YAHUKIMO"
+  },
+  {
+    id: "9417",
+    province_id: "94",
+    name: "KABUPATEN PEGUNUNGAN BINTANG"
+  },
+  {
+    id: "9418",
+    province_id: "94",
+    name: "KABUPATEN TOLIKARA"
+  },
+  {
+    id: "9419",
+    province_id: "94",
+    name: "KABUPATEN SARMI"
+  },
+  {
+    id: "9420",
+    province_id: "94",
+    name: "KABUPATEN KEEROM"
+  },
+  {
+    id: "9426",
+    province_id: "94",
+    name: "KABUPATEN WAROPEN"
+  },
+  {
+    id: "9427",
+    province_id: "94",
+    name: "KABUPATEN SUPIORI"
+  },
+  {
+    id: "9428",
+    province_id: "94",
+    name: "KABUPATEN MAMBERAMO RAYA"
+  },
+  {
+    id: "9429",
+    province_id: "94",
+    name: "KABUPATEN NDUGA"
+  },
+  {
+    id: "9430",
+    province_id: "94",
+    name: "KABUPATEN LANNY JAYA"
+  },
+  {
+    id: "9431",
+    province_id: "94",
+    name: "KABUPATEN MAMBERAMO TENGAH"
+  },
+  {
+    id: "9432",
+    province_id: "94",
+    name: "KABUPATEN YALIMO"
+  },
+  {
+    id: "9433",
+    province_id: "94",
+    name: "KABUPATEN PUNCAK"
+  },
+  {
+    id: "9434",
+    province_id: "94",
+    name: "KABUPATEN DOGIYAI"
+  },
+  {
+    id: "9435",
+    province_id: "94",
+    name: "KABUPATEN INTAN JAYA"
+  },
+  {
+    id: "9436",
+    province_id: "94",
+    name: "KABUPATEN DEIYAI"
+  },
+  {
+    id: "9471",
+    province_id: "94",
+    name: "KOTA JAYAPURA"
+  }
+];

package/dist/components/select/demo/get-region.d.ts

@@ -0,0 +1,11 @@
+export declare function getProvinces(keyword?: string, page?: number, perPage?: number): Promise<{
+    data: {
+        id: string;
+        name: string;
+    }[];
+}>;
+export declare function getCities(id: string, keyword?: string, page?: number, perPage?: number): Promise<{
+    data: {
+        name: string;
+    }[];
+}>;

package/dist/components/select/demo/get-region.mjs

@@ -0,0 +1,19 @@
+function searchAndPaging(data, keyword = "", page = 1, perPage = 20) {
+  const start = (page - 1) * perPage;
+  const until = start + perPage;
+  return data.filter((item) => {
+    return item.name.toLowerCase().includes(keyword.toLowerCase());
+  }).slice(start, until);
+}
+export async function getProvinces(keyword = "", page = 1, perPage = 20) {
+  const { default: provinces } = await import("./api/province");
+  const data = searchAndPaging(provinces, keyword, page, perPage);
+  return { data };
+}
+export async function getCities(id, keyword = "", page = 1, perPage = 20) {
+  if (!id)
+    return { data: [] };
+  const { default: regencies } = await import(`./api/regencies/${id}.ts`);
+  const data = searchAndPaging(regencies, keyword, page, perPage);
+  return { data };
+}

package/dist/components/select/use-select.d.ts

@@ -0,0 +1,10 @@
+export interface SelectItem {
+    text: string;
+    value: unknown;
+}
+export interface SelectProps {
+    modelValue: unknown;
+    selected?: SelectItem;
+    options?: SelectItem[] | string[];
+}
+export declare function defineOptions(options: SelectItem[]): SelectItem[];

package/dist/components/select/use-select.mjs

@@ -0,0 +1,3 @@
+export function defineOptions(options) {
+  return options;
+}

package/dist/components/select/utils/use-on-scroll.d.ts

@@ -0,0 +1,2 @@
+import { Ref } from 'vue-demi';
+export declare function onScrollBottom(element: Ref<HTMLElement>, handler: (event: Event) => void): void;

package/dist/components/select/utils/use-on-scroll.mjs

@@ -0,0 +1,9 @@
+import { useEventListener } from "@vueuse/core";
+export function onScrollBottom(element, handler) {
+  useEventListener(element, "scroll", (event) => {
+    const target = event.target;
+    const isBottom = target.scrollTop + target.offsetHeight >= target.scrollHeight;
+    if (isBottom)
+      handler(event);
+  }, { passive: true });
+}

package/dist/components/select/utils/use-on-typing.d.ts

@@ -0,0 +1,3 @@
+import { Ref } from 'vue-demi';
+export declare function onStartTyping(model: Ref<string>, handler: () => void): void;
+export declare function onFinishTyping(model: Ref<string>, handler: () => void, debounceTime?: number): void;

package/dist/components/select/utils/use-on-typing.mjs

@@ -0,0 +1,8 @@
+import { watchDebounced } from "@vueuse/shared";
+import { watch } from "vue-demi";
+export function onStartTyping(model, handler) {
+  watch(model, handler);
+}
+export function onFinishTyping(model, handler, debounceTime = 500) {
+  watchDebounced(model, handler, { debounce: debounceTime });
+}

package/dist/components/sidebar/Sidebar.vue

@@ -0,0 +1,92 @@
+<template>
+  <aside
+    data-testid="sidebar"
+    :class="classNames">
+    <slot />
+  </aside>
+</template>
+
+<script>
+import {
+  defineComponent,
+  computed,
+  provide
+} from "vue-demi";
+export const SIDEBAR_SETTINGS = Symbol("SidebarSettings");
+export default defineComponent({
+  props: {
+    variant: {
+      type: String,
+      default: "pills"
+    },
+    align: {
+      type: String,
+      default: "left"
+    },
+    type: {
+      type: String,
+      default: "wide"
+    },
+    fixed: {
+      type: Boolean,
+      default: false
+    }
+  },
+  setup(props) {
+    provide(SIDEBAR_SETTINGS, {
+      variant: props.variant,
+      align: props.align,
+      type: props.type
+    });
+    const classNames = computed(() => {
+      const result = ["sidebar"];
+      if (props.type)
+        result.push(`sidebar--${props.type}`);
+      if (props.align)
+        result.push(`sidebar--${props.align}`);
+      if (props.variant)
+        result.push(`sidebar--${props.variant}`);
+      if (props.fixed)
+        result.push("sidebar--fixed");
+      return result;
+    });
+    return { classNames };
+  }
+});
+</script>
+
+<style lang="postcss">
+.sidebar {
+  @apply bg-white px-2 py-4;
+
+  &:not(.sidebar--narrow) {
+    @apply w-[230px];
+  }
+
+  &:not(.sidebar--fixed) {
+    &.sidebar--right {
+      @apply ml-auto;
+    }
+  }
+
+  &&--fixed {
+    @apply fixed left-0 top-0 h-full;
+
+    &.sidebar--right {
+      @apply left-auto right-0;
+    }
+  }
+
+  &&--narrow {
+    @apply w-[60px];
+  }
+
+  &&--tabs {
+    @apply pr-0 border-r border-r-secondary-25/50;
+  }
+
+  &&--lines {
+    @apply px-0;
+  }
+}
+</style>

package/dist/components/sidebar/Sidebar.vue.d.ts

@@ -0,0 +1,51 @@
+import { PropType, InjectionKey } from 'vue-demi';
+export declare type TypeVariant = 'wide' | 'narrow';
+interface SidebarSettings {
+    variant: string;
+    align: string;
+    type: string;
+}
+export declare const SIDEBAR_SETTINGS: InjectionKey<SidebarSettings>;
+declare const _default: import("vue-demi").DefineComponent<{
+    variant: {
+        type: PropType<StyleVariant>;
+        default: string;
+    };
+    align: {
+        type: PropType<AlignVariant>;
+        default: string;
+    };
+    type: {
+        type: PropType<TypeVariant>;
+        default: string;
+    };
+    fixed: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}, {
+    classNames: import("vue-demi").ComputedRef<string[]>;
+}, unknown, {}, {}, import("vue-demi").ComponentOptionsMixin, import("vue-demi").ComponentOptionsMixin, {}, string, import("vue-demi").VNodeProps & import("vue-demi").AllowedComponentProps & import("vue-demi").ComponentCustomProps, Readonly<import("vue-demi").ExtractPropTypes<{
+    variant: {
+        type: PropType<StyleVariant>;
+        default: string;
+    };
+    align: {
+        type: PropType<AlignVariant>;
+        default: string;
+    };
+    type: {
+        type: PropType<TypeVariant>;
+        default: string;
+    };
+    fixed: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>>, {
+    fixed: boolean;
+    variant: StyleVariant;
+    type: TypeVariant;
+    align: AlignVariant;
+}>;
+export default _default;