@privyid/persona 1.2.0 → 1.2.1-rc.0

package/dist/components/form-group/index.md

@@ -1,264 +0,0 @@
----
-title: Form Group · Components
-description: Form label, caption, and other stuff.
----
-
-<script setup>
-  import pFormGroup from './FormGroup.vue'
-  import pInput from '../input/Input.vue'
-</script>
-
-# Form Group
-
-> Form label, caption, and other stuff.
-
-## Usage
-
-### Simple Usage
-
-<preview>
-  <p-form-group label="First Name">
-    <p-input />
-  </p-form-group>
-</preview>
-
-```vue
-<template>
-  <p-form-group label="First Name">
-    <p-input />
-  </p-form-group>
-</template>
-```
-
-### Advance Usage
-
-<preview>
-  <p-form-group
-    label="First Name"
-    caption="This is caption"
-    description="This is description"
-    hint="This is hint"
-    required>
-    <p-input />
-  </p-form-group>
-</preview>
-
-```vue
-<template>
-  <p-form-group
-    label="First Name"
-    caption="This is caption"
-    description="This is description"
-    hint="This is hint"
-    required>
-    <p-input />
-  </p-form-group>
-</template>
-```
-
-## Required Mode
-
-Add little marker for required form using prop `required`.
-
-<preview>
-  <p-form-group
-    label="First Name"
-    required>
-    <p-input />
-  </p-form-group>
-</preview>
-
-```vue
-<template>
-  <p-form-group
-    label="First Name"
-    required>
-    <p-input />
-  </p-form-group>
-</template>
-```
-
-## Caption
-Add sub-label using `caption` prop.
-
-<preview>
-  <p-form-group
-    label="First Name"
-    caption="Lorem Ipsum dolor sitar">
-    <p-input />
-  </p-form-group>
-</preview>
-
-```vue
-<template>
-  <p-form-group
-    label="First Name"
-    caption="Lorem Ipsum dolor sitar">
-    <p-input />
-  </p-form-group>
-</template>
-```
-
-## Description
-
-Add decription note below the form input using `description` prop.
-
-<preview>
-  <p-form-group
-    label="First Name"
-    description="Lorem Ipsum dolor sitar">
-    <p-input />
-  </p-form-group>
-</preview>
-
-```vue
-<template>
-  <p-form-group
-    label="First Name"
-    description="Lorem Ipsum dolor sitar">
-    <p-input />
-  </p-form-group>
-</template>
-```
-
-## Error Message
-
-Error message from validation can be add in here using prop `error`. Note, it'll replace `description` message.
-
-<preview class="flex-col space-y-4">
-  <div>
-    <p-form-group
-      label="First Name"
-      description="Lorem Ipsum dolor sitar"
-      error="Please fill this field">
-      <p-input />
-    </p-form-group>
-  </div>
-</preview>
-
-```vue
-<template>
-  <p-form-group
-    label="First Name"
-    description="Lorem Ipsum dolor sitar"
-    error="Please fill this field">
-    <p-input />
-  </p-form-group>
-</template>
-```
-
-### With icon
-
-Show error icon with prop `error-icon`. Note, it'll only show if prop `error` was provided too.
-
-<preview class="flex-col space-y-4">
-  <div>
-    <p-form-group
-      label="First Name"
-      description="Lorem Ipsum dolor sitar"
-      error="Please fill this field"
-      error-icon>
-      <p-input />
-    </p-form-group>
-  </div>
-</preview>
-
-```vue
-<template>
-  <p-form-group
-    label="First Name"
-    description="Lorem Ipsum dolor sitar"
-    error="Please fill this field"
-    error-icon>
-    <p-input />
-  </p-form-group>
-</template>
-```
-
-## Hint tooltip
-
-Easy add hint tooltip using prop `hint`.
-
-<preview>
-  <p-form-group
-    label="First Name"
-    hint="Lorem Ipsum dolor sitar">
-    <p-input />
-  </p-form-group>
-</preview>
-
-```vue
-<template>
-  <p-form-group
-    label="First Name"
-    hint="Lorem Ipsum dolor sitar">
-    <p-input />
-  </p-form-group>
-</template>
-```
-
-## Horizontal Layout
-
-<preview>
-  <p-form-group
-    horizontal
-    required
-    label="First Name"
-    description="This is description">
-    <p-input />
-  </p-form-group>
-</preview>
-
-```vue
-<template>
-  <p-form-group
-    horizontal
-    required
-    label="First Name"
-    description="This is description">
-    <p-input />
-  </p-form-group>
-</template>
-```
-
-## API
-
-### Props
-
-| Props         |   Type    | Default | Description              |
-|---------------|:---------:|:-------:|--------------------------|
-| `label`       | `String`  |   `-`   | Form group label         |
-| `required`    | `Boolean` | `false` | Required flag            |
-| `caption`     | `String`  |   `-`   | Sublabel caption         |
-| `description` | `String`  |   `-`   | Description note         |
-| `hint`        | `String`  |   `-`   | Tooltip hint             |
-| `error`       | `String`  |   `-`   | Error validation message |
-| `error-icon`  | `Boolean` | `false` | Show error icon          |
-| `horizontal`  | `Boolean` | `false` | Horizontal layout        |
-
-### Slots
-
-| Name          | Description                    |
-|---------------|--------------------------------|
-| `label`       | Content to used as label       |
-| `caption`     | Content to used as caption     |
-| `description` | Content to used as description |
-| `hint`        | Content to used as hint        |
-| `error`       | Content to used as error       |
-
-### Events
-
-<table>
-  <thead>
-    <tr>
-      <th>Name</th>
-      <th>Arguments</th>
-      <th>Description</th>
-    </tr>
-  </thead>
-  <tbody>
-    <tr>
-      <td colspan="3" class="text-center">There no event here</td>
-    </tr>
-  </tbody>
-</table>

package/dist/components/form-group/kitchensink.md

@@ -1,25 +0,0 @@
-<script setup>
-  import pFormGroup from './FormGroup.vue'
-  import pInput from '../input/Input.vue'
-  import pCheckbox from '../checkbox/Checkbox.vue'
-</script>
-
-# Testing
-
-<p-form-group label="First Name">
-  <p-input />
-</p-form-group>
-
-<p-form-group label="Last Name">
-  <p-input />
-</p-form-group>
-
-<p-form-group label="Email">
-  <p-input />
-</p-form-group>
-
-<p-form-group label="Anumas">
-  <p-input />
-</p-form-group>
-
-<p-checkbox>Anu</p-checkbox>

package/dist/components/global/router.d.ts

@@ -1,24 +0,0 @@
-import type { RouteLocationRaw } from 'vue-router';
-/**
- * Universal router which compatible in many enviroment
- */
-interface RouterCompat {
-    /**
-     * redirect to URL
-     */
-    toURL: (url: RouteLocationRaw) => unknown | Promise<unknown>;
-    /**
-      * Get current URL
-      */
-    getURL: () => string;
-}
-/**
- * Init router compat
- * @param router RouterInstance
- */
-export declare function installRouter(router: RouterCompat): void;
-/**
- * Use Router Compat
- */
-export declare function useRouter(): RouterCompat;
-export {};

package/dist/components/global/router.mjs

@@ -1,7 +0,0 @@
-let appRouter;
-export function installRouter(router) {
-  appRouter = router;
-}
-export function useRouter() {
-  return appRouter;
-}

package/dist/components/global/store.d.ts

@@ -1,49 +0,0 @@
-import type { Ref } from 'vue-demi';
-import type { LiteralUnion } from 'type-fest';
-type Lang = LiteralUnion<'id' | 'en', string>;
-/**
- * Simple vuex-like-store for global configuration
- */
-export interface State {
-    /**
-     * Language
-     */
-    lang: Lang;
-    /**
-     * PDFJS & PSPDFKIT CDN base url
-     */
-    cdnURL: string;
-    /**
-     * PSPDF Global config
-     */
-    pspdfkit: {
-        /**
-         * License Key
-         */
-        licenseKey?: string;
-    };
-}
-export declare function createStore(): Ref<State>;
-export declare function setStore(state: Ref<State>): void;
-export declare function initStore(): Ref<State>;
-export declare function destroyStore(): void;
-export declare function useStore(): Ref<State, State>;
-export declare function setLang(lang: Lang): void;
-export declare function getLang(): Lang;
-export declare function getCDN(): string;
-export declare function setCDN(url: string): void;
-export declare function getPSPDFLicenseKey(): string | undefined;
-export declare function setPSPDFLicenseKey(licenseKey: string): void;
-/**
- * Return reactive global lang setting
- * @example
- * const lang = useLang()
- *
- * // set lang
- * lang.value = 'en'
- *
- * // get lang
- * console.log(lang.value)
- */
-export declare function useLang(): Ref<Lang, Lang>;
-export {};

package/dist/components/global/store.mjs

@@ -1,52 +0,0 @@
-import {
-  effectScope,
-  ref,
-  toRef
-} from "vue-demi";
-const LANG_DEFAULT = "en";
-const CDN_DEFAULT = "https://unpkg.com/";
-let globalState;
-export function createStore() {
-  const scope = effectScope(true);
-  const state = scope.run(() => ref({
-    lang: LANG_DEFAULT,
-    cdnURL: CDN_DEFAULT,
-    pspdfkit: {}
-  }));
-  return state;
-}
-export function setStore(state) {
-  globalState = state;
-}
-export function initStore() {
-  const store = createStore();
-  setStore(store);
-  return store;
-}
-export function destroyStore() {
-  globalState = void 0;
-}
-export function useStore() {
-  return globalState;
-}
-export function setLang(lang) {
-  globalState.value.lang = lang;
-}
-export function getLang() {
-  return globalState?.value.lang ?? LANG_DEFAULT;
-}
-export function getCDN() {
-  return globalState?.value.cdnURL ?? CDN_DEFAULT;
-}
-export function setCDN(url) {
-  globalState.value.cdnURL = url;
-}
-export function getPSPDFLicenseKey() {
-  return globalState?.value.pspdfkit?.licenseKey;
-}
-export function setPSPDFLicenseKey(licenseKey) {
-  globalState.value.pspdfkit.licenseKey = licenseKey;
-}
-export function useLang() {
-  return toRef(globalState.value, "lang");
-}

package/dist/components/global/store.spec.d.ts

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

package/dist/components/global/store.spec.mjs

@@ -1,72 +0,0 @@
-import { describe } from "vitest";
-import {
-  setLang,
-  useStore,
-  useLang,
-  createStore,
-  initStore,
-  setStore,
-  getCDN,
-  setCDN,
-  destroyStore,
-  setPSPDFLicenseKey,
-  getPSPDFLicenseKey
-} from "./store.mjs";
-beforeEach(() => {
-  initStore();
-});
-describe("setLang", () => {
-  it("should able to set global lang", () => {
-    const lang = useLang();
-    const context = useStore();
-    setLang("id");
-    expect(context.value.lang).toBe("id");
-    expect(lang.value).toBe("id");
-  });
-});
-describe("createStore", () => {
-  it("should create new store instance", () => {
-    const a = useStore();
-    const b = createStore();
-    expect(a).not.toBe(b);
-  });
-});
-describe("useStore", () => {
-  it("should create new store instance", () => {
-    const a = useStore();
-    const b = createStore();
-    expect(a).not.toBe(b);
-  });
-});
-describe("setStore", () => {
-  it("should able to set store instance to global", () => {
-    const a = useStore();
-    const b = createStore();
-    expect(a).not.toBe(b);
-    setStore(b);
-    const c = useStore();
-    expect(c).toBe(b);
-  });
-});
-describe("setCDN", () => {
-  it("should able to set global cdnURL", () => {
-    const context = useStore();
-    expect(context.value.cdnURL).toBe("https://unpkg.com/");
-    expect(getCDN()).toBe("https://unpkg.com/");
-    setCDN("https://www.jsdelivr.com/package/npm/");
-    expect(context.value.cdnURL).toBe("https://www.jsdelivr.com/package/npm/");
-    expect(getCDN()).toBe("https://www.jsdelivr.com/package/npm/");
-  });
-});
-describe("getCDN", () => {
-  it("should return default if globalState not defined", () => {
-    destroyStore();
-    expect(getCDN()).toBe("https://unpkg.com/");
-  });
-});
-describe("setPSPDFLicenseKey", () => {
-  it("should able to set PSPDFKit Licensekey", () => {
-    setPSPDFLicenseKey("ABCDEFG");
-    expect(getPSPDFLicenseKey()).toBe("ABCDEFG");
-  });
-});

package/dist/components/global/types.d.ts

@@ -1,4 +0,0 @@
-import type { HTMLAttributes } from 'vue-demi';
-export interface AdditionalAttr extends HTMLAttributes {
-    [key: string]: unknown;
-}

package/dist/components/global/use-singleton.d.ts

@@ -1,21 +0,0 @@
-import type { DefineComponent, Ref } from 'vue-demi';
-export type Component = DefineComponent<any, any, any>;
-export type ComponentInstance<C extends Component> = InstanceType<C>;
-export interface GlobalInstance<C extends Component> {
-    component: C;
-    ref: Ref<ComponentInstance<C>>;
-}
-/**
- * Reset all instances
- */
-export declare function resetInstance(): Promise<void>;
-/**
- * Create global component, return one if component is exist
- * @param component Vue Component
- */
-export declare function useSingleton<C extends Component>(component: C): Promise<ComponentInstance<C>>;
-/**
- * Remove global component
- * @param component Vue Component
- */
-export declare function removeSingleton<C extends Component>(component: C): Promise<void>;

package/dist/components/global/use-singleton.mjs

@@ -1,60 +0,0 @@
-import PQueue from "./utils/queue.mjs";
-import {
-  createApp,
-  h,
-  ref,
-  unref,
-  shallowRef,
-  triggerRef,
-  nextTick
-} from "vue-demi";
-let instances;
-let container;
-const queue = new PQueue();
-async function createInstance(id, component) {
-  if (!instances)
-    instances = shallowRef(/* @__PURE__ */ new Map());
-  if (!container) {
-    const target = document.createElement("div");
-    const app = createApp({
-      name: "GlobalContainer",
-      render: () => {
-        return [...instances.value.values()].map((item) => {
-          return h(item.component, { ref: item.ref });
-        });
-      }
-    });
-    document.body.append(target);
-    app.mount(target);
-    target.id = "global";
-    container = app;
-  }
-  let instance = instances.value.get(id);
-  if (!instance) {
-    instance = { component, ref: ref() };
-    instances.value.set(id, instance);
-    triggerRef(instances);
-    await nextTick();
-  }
-  return unref(instance.ref);
-}
-async function removeInstance(id) {
-  if (instances && container) {
-    instances.value.delete(id);
-    triggerRef(instances);
-    await nextTick();
-  }
-}
-export async function resetInstance() {
-  if (instances) {
-    instances.value.clear();
-    triggerRef(instances);
-    await nextTick();
-  }
-}
-export async function useSingleton(component) {
-  return await queue.add(() => createInstance(component, component));
-}
-export async function removeSingleton(component) {
-  return await queue.add(() => removeInstance(component));
-}

package/dist/components/global/use-singleton.spec.d.ts

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

package/dist/components/global/use-singleton.spec.mjs

@@ -1,48 +0,0 @@
-import {
-  queryAllByTestId,
-  queryByTestId,
-  queryByText
-} from "@testing-library/vue";
-import { defineComponent } from "vue-demi";
-import {
-  removeSingleton,
-  resetInstance,
-  useSingleton
-} from "./use-singleton.mjs";
-const mockComponent = defineComponent({
-  template: `
-    <div data-testid="mock">
-      Hello, This is global component
-    </div>
-  `
-});
-describe("useSingleton", () => {
-  afterEach(async () => {
-    return await resetInstance();
-  });
-  it("should be able render given component into global container", async () => {
-    await useSingleton(mockComponent);
-    const target = queryByTestId(document.body, "mock");
-    const text = queryByText(document.body, "Hello, This is global component");
-    expect(target).toBeInTheDocument();
-    expect(text).toBeInTheDocument();
-  });
-  it("should be only create single instance per component", async () => {
-    await useSingleton(mockComponent);
-    await useSingleton(mockComponent);
-    const target = queryAllByTestId(document.body, "mock");
-    expect(target).toHaveLength(1);
-  });
-});
-describe("removeSingleton", () => {
-  it("should be able remove component in global container", async () => {
-    await useSingleton(mockComponent);
-    const target = queryByTestId(document.body, "mock");
-    const text = queryByText(document.body, "Hello, This is global component");
-    expect(target).toBeInTheDocument();
-    expect(text).toBeInTheDocument();
-    await removeSingleton(mockComponent);
-    expect(target).not.toBeInTheDocument();
-    expect(text).not.toBeInTheDocument();
-  });
-});

package/dist/components/global/utils/queue.d.ts

@@ -1,16 +0,0 @@
-type Task<R> = () => Promise<R>;
-interface QueueJob<R> {
-    resolve: (value: R) => void;
-    reject: (reason: unknown) => void;
-    run: Task<R>;
-}
-export default class Queue {
-    protected queue: Array<QueueJob<unknown>>;
-    protected running: boolean;
-    constructor();
-    protected enqueue(job: QueueJob<unknown>): void;
-    protected dequeue(): QueueJob<unknown> | undefined;
-    add<R>(task: Task<R>): Promise<R>;
-    protected run(): void;
-}
-export {};

package/dist/components/global/utils/queue.mjs

@@ -1,35 +0,0 @@
-export default class Queue {
-  queue;
-  running;
-  constructor() {
-    this.queue = [];
-    this.running = false;
-  }
-  enqueue(job) {
-    this.queue.push(job);
-  }
-  dequeue() {
-    return this.queue.shift();
-  }
-  async add(task) {
-    return await new Promise((resolve, reject) => {
-      const queue = {
-        resolve,
-        reject,
-        run: task
-      };
-      this.enqueue(queue);
-      this.run();
-    });
-  }
-  run() {
-    if (this.queue.length > 0 && !this.running) {
-      this.running = true;
-      const job = this.dequeue();
-      job.run().then(job.resolve).catch(job.reject).finally(() => {
-        this.running = false;
-        this.run();
-      });
-    }
-  }
-}

package/dist/components/heading/Heading.spec.d.ts

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