@privyid/persona 1.1.2 → 1.2.1-rc.0

package/dist/components/filterbar/pinned/PinnedToggle.vue

@@ -1,77 +0,0 @@
-<template>
-  <Button
-    class="filterbar__item filterbar--pinned"
-    variant="input"
-    size="sm"
-    :class="{ 'filterbar--active': model }"
-    @click="toggle">
-    {{ schema.label }}
-  </Button>
-</template>
-
-<script>
-import { defineComponent } from "vue-demi";
-import Button from "../../button/Button.vue";
-import { useVModel } from "../../checkbox";
-export default defineComponent({
-  components: { Button },
-  props: {
-    schema: {
-      type: Object,
-      required: true
-    },
-    modelValue: {
-      type: [
-        String,
-        Number,
-        Boolean,
-        Array,
-        Object,
-        Date
-      ],
-      default: false
-    },
-    value: {
-      type: [
-        String,
-        Number,
-        Boolean,
-        Array,
-        Object,
-        Date
-      ],
-      default: true
-    },
-    uncheckedValue: {
-      type: [
-        String,
-        Number,
-        Boolean,
-        Array,
-        Object,
-        Date
-      ],
-      default: false
-    },
-    checked: {
-      type: Boolean,
-      default: false
-    }
-  },
-  models: {
-    prop: "modelValue",
-    event: "update:modelValue"
-  },
-  emits: ["update:modelValue", "change"],
-  setup(props) {
-    const model = useVModel(props);
-    function toggle() {
-      model.value = !model.value;
-    }
-    return {
-      model,
-      toggle
-    };
-  }
-});
-</script>

package/dist/components/filterbar/pinned/PinnedToggle.vue.d.ts

@@ -1,59 +0,0 @@
-import type { PropType } from 'vue-demi';
-import type { FilterToggle } from '..';
-declare const _default: import("vue-demi").DefineComponent<import("vue-demi").ExtractPropTypes<{
-    schema: {
-        type: PropType<FilterToggle>;
-        required: true;
-    };
-    modelValue: {
-        type: (NumberConstructor | BooleanConstructor | ArrayConstructor | StringConstructor | ObjectConstructor | DateConstructor)[];
-        default: boolean;
-    };
-    value: {
-        type: (NumberConstructor | BooleanConstructor | ArrayConstructor | StringConstructor | ObjectConstructor | DateConstructor)[];
-        default: boolean;
-    };
-    uncheckedValue: {
-        type: (NumberConstructor | BooleanConstructor | ArrayConstructor | StringConstructor | ObjectConstructor | DateConstructor)[];
-        default: boolean;
-    };
-    checked: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-}>, {
-    model: import("vue-demi").Ref<boolean, boolean>;
-    toggle: () => void;
-}, {}, {}, {}, import("vue-demi").ComponentOptionsMixin, import("vue-demi").ComponentOptionsMixin, ("change" | "update:modelValue")[], "change" | "update:modelValue", import("vue-demi").PublicProps, Readonly<import("vue-demi").ExtractPropTypes<{
-    schema: {
-        type: PropType<FilterToggle>;
-        required: true;
-    };
-    modelValue: {
-        type: (NumberConstructor | BooleanConstructor | ArrayConstructor | StringConstructor | ObjectConstructor | DateConstructor)[];
-        default: boolean;
-    };
-    value: {
-        type: (NumberConstructor | BooleanConstructor | ArrayConstructor | StringConstructor | ObjectConstructor | DateConstructor)[];
-        default: boolean;
-    };
-    uncheckedValue: {
-        type: (NumberConstructor | BooleanConstructor | ArrayConstructor | StringConstructor | ObjectConstructor | DateConstructor)[];
-        default: boolean;
-    };
-    checked: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-}>> & Readonly<{
-    onChange?: ((...args: any[]) => any) | undefined;
-    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
-}>, {
-    value: string | number | boolean | Date | Record<string, any> | unknown[];
-    modelValue: string | number | boolean | Date | Record<string, any> | unknown[];
-    checked: boolean;
-    uncheckedValue: string | number | boolean | Date | Record<string, any> | unknown[];
-}, {}, {
-    Button: any;
-}, {}, string, import("vue-demi").ComponentProvideOptions, true, {}, any>;
-export default _default;

package/dist/components/form-group/FormGroup.vue

@@ -1,169 +0,0 @@
-<template>
-  <div
-    class="form-group"
-    data-testid="form-group"
-    :class="classNames">
-    <label
-      data-testid="form-group-label"
-      class="form-group__label">
-      <template v-if="hint">
-        <slot name="hint">
-          <IconInfo
-            v-p-tooltip="hint"
-            data-testid="form-group-hint"
-            class="form-group__hint" />
-        </slot>
-      </template>
-      <slot name="label">
-        <span v-p-md.inline="label" />
-      </slot><sup
-        v-if="required"
-        data-testid="form-group-required">*</sup>
-      <p-caption
-        v-if="caption"
-        data-testid="form-group-caption">
-        <slot name="caption">
-          <span v-p-md.inline="caption" />
-        </slot>
-      </p-caption>
-    </label>
-
-    <div class="form-group__inputs">
-      <slot />
-
-      <transition
-        name="slide-up"
-        mode="out-in">
-        <p
-          v-if="error"
-          data-testid="form-group-error"
-          class="form-group__error">
-          <slot name="error-icon">
-            <IconInfo
-              v-if="errorIcon"
-              data-testid="form-group-error-icon" />
-          </slot>
-          <slot name="error">
-            <span v-p-md.inline="error" />
-          </slot>
-        </p>
-        <p
-          v-else-if="description"
-          data-testid="form-group-description"
-          class="form-group__description">
-          <slot name="description">
-            <span v-p-md.inline="description" />
-          </slot>
-        </p>
-      </transition>
-    </div>
-  </div>
-</template>
-
-<script lang="ts" setup>
-import IconInfo from '@privyid/persona-icon/vue/information-circle-solid/20.vue'
-import pCaption from '../caption/Caption.vue'
-import { vPMd } from '../markdown/'
-import { vPTooltip } from '../tooltip'
-import type { VNode } from 'vue-demi'
-import { computed } from 'vue-demi'
-
-const props = defineProps({
-  required: {
-    type   : Boolean,
-    default: false,
-  },
-  label: {
-    type   : String,
-    default: '',
-  },
-  caption: {
-    type   : String,
-    default: '',
-  },
-  description: {
-    type   : String,
-    default: '',
-  },
-  hint: {
-    type   : String,
-    default: '',
-  },
-  error: {
-    type   : String,
-    default: '',
-  },
-  horizontal: {
-    type   : Boolean,
-    default: false,
-  },
-  errorIcon: {
-    type   : Boolean,
-    default: false,
-  },
-})
-
-const classNames = computed(() => {
-  const result: string[] = []
-
-  if (props.error)
-    result.push('form-group--error', 'state--error')
-
-  if (props.horizontal)
-    result.push('form-group--horizontal')
-
-  return result
-})
-
-defineSlots<{
-  'hint'(): VNode[],
-  'label'(): VNode[],
-  'caption'(): VNode[],
-  'error-icon'(): VNode[],
-  'error'(): VNode[],
-  'description'(): VNode[],
-}>()
-</script>
-
-<style lang="postcss">
-.form-group {
-  @apply flex flex-col mb-4;
-
-  &__label {
-    @apply font-bold text-xs mb-2 relative text-subtle;
-    @apply dark:text-dark-subtle;
-
-    > sup {
-      @apply text-danger;
-      @apply dark:text-dark-danger;
-    }
-  }
-
-  & > &__inputs > &__description {
-    @apply text-xs my-2 text-subtle;
-    @apply dark:text-dark-subtle;
-  }
-
-  & > &__inputs > &__error {
-    @apply text-xs text-danger flex gap-1 items-center;
-    @apply dark:text-dark-danger my-2;
-  }
-
-  & > &__label > &__hint {
-    @apply absolute right-0 text-info cursor-pointer focus:outline-none;
-    @apply dark:text-dark-info;
-  }
-
-  &&--horizontal {
-    @apply flex-row items-baseline;
-
-    & > .form-group__label {
-      @apply mb-0 mr-2 basis-1/3;
-    }
-
-    & > .form-group__inputs {
-      @apply grow;
-    }
-  }
-}
-</style>

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/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/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();
-      });
-    }
-  }
-}