@privyid/persona 0.10.0 → 0.11.0

package/dist/components/sidebar-menu/SidebarMenu.vue.d.ts

@@ -6,7 +6,7 @@ import { ToggleableVariant } from '../navbar';
 declare const _default: import("vue-demi").DefineComponent<{
     menus: {
         type: PropType<Menu[]>;
-        default: () => any[];
+        default: () => never[];
     };
     fixed: {
         type: BooleanConstructor;
@@ -22,12 +22,12 @@ declare const _default: import("vue-demi").DefineComponent<{
     };
     toggleable: {
         type: PropType<ToggleableVariant>;
-        default: any;
+        default: undefined;
     };
 }, unknown, 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<{
     menus: {
         type: PropType<Menu[]>;
-        default: () => any[];
+        default: () => never[];
     };
     fixed: {
         type: BooleanConstructor;
@@ -43,7 +43,7 @@ declare const _default: import("vue-demi").DefineComponent<{
     };
     toggleable: {
         type: PropType<ToggleableVariant>;
-        default: any;
+        default: undefined;
     };
 }>>, {
     fixed: boolean;

package/dist/components/signature-draw/SignatureDraw.vue.d.ts

@@ -3,7 +3,7 @@ import { ModelModifier } from '../dropzone';
 declare const _default: import("vue-demi").DefineComponent<{
     modelValue: {
         type: (StringConstructor | {
-            new (fileBits: BlobPart[], fileName: string, options?: FilePropertyBag): File;
+            new (fileBits: BlobPart[], fileName: string, options?: FilePropertyBag | undefined): File;
             prototype: File;
         })[];
         default: string;
@@ -46,7 +46,7 @@ declare const _default: import("vue-demi").DefineComponent<{
 }, unknown, {}, {}, import("vue-demi").ComponentOptionsMixin, import("vue-demi").ComponentOptionsMixin, "update:modelValue"[], "update:modelValue", import("vue-demi").VNodeProps & import("vue-demi").AllowedComponentProps & import("vue-demi").ComponentCustomProps, Readonly<import("vue-demi").ExtractPropTypes<{
     modelValue: {
         type: (StringConstructor | {
-            new (fileBits: BlobPart[], fileName: string, options?: FilePropertyBag): File;
+            new (fileBits: BlobPart[], fileName: string, options?: FilePropertyBag | undefined): File;
             prototype: File;
         })[];
         default: string;
@@ -84,7 +84,7 @@ declare const _default: import("vue-demi").DefineComponent<{
         default: string;
     };
 }>> & {
-    "onUpdate:modelValue"?: (...args: any[]) => any;
+    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
 }, {
     color: string;
     modelValue: string | File;

package/dist/components/signature-draw/SignatureDrawDesktop.vue

@@ -151,11 +151,14 @@ export default defineComponent({
     }
 
     &__placeholder {
-      @apply absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 pointer-events-none text-center;
+      @apply absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 pointer-events-none text-center text-muted;
     }
 
     &__reset {
       @apply absolute right-1 top-1 bg-default;
+      &.btn--variant-link.btn--default {
+        @apply dark:text-dark-subtlest hover:dark:text-dark-on-emphasis;
+      }
     }
   }
   </style>

package/dist/components/signature-draw/SignatureDrawDesktop.vue.d.ts

@@ -3,7 +3,7 @@ import { ModelModifier } from '../dropzone';
 declare const _default: import("vue-demi").DefineComponent<{
     modelValue: {
         type: (StringConstructor | {
-            new (fileBits: BlobPart[], fileName: string, options?: FilePropertyBag): File;
+            new (fileBits: BlobPart[], fileName: string, options?: FilePropertyBag | undefined): File;
             prototype: File;
         })[];
         default: string;
@@ -40,7 +40,7 @@ declare const _default: import("vue-demi").DefineComponent<{
 }, unknown, {}, {}, import("vue-demi").ComponentOptionsMixin, import("vue-demi").ComponentOptionsMixin, "update:modelValue"[], "update:modelValue", import("vue-demi").VNodeProps & import("vue-demi").AllowedComponentProps & import("vue-demi").ComponentCustomProps, Readonly<import("vue-demi").ExtractPropTypes<{
     modelValue: {
         type: (StringConstructor | {
-            new (fileBits: BlobPart[], fileName: string, options?: FilePropertyBag): File;
+            new (fileBits: BlobPart[], fileName: string, options?: FilePropertyBag | undefined): File;
             prototype: File;
         })[];
         default: string;
@@ -70,7 +70,7 @@ declare const _default: import("vue-demi").DefineComponent<{
         default: string;
     };
 }>> & {
-    "onUpdate:modelValue"?: (...args: any[]) => any;
+    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
 }, {
     color: string;
     modelValue: string | File;

package/dist/components/signature-draw/SignatureDrawMobile.vue

@@ -182,6 +182,7 @@ export default defineComponent({
 
     &__modal {
       @apply fixed w-full h-full top-0 left-0 bg-default z-50 flex items-center justify-center flex-col p-5;
+      @apply dark:bg-dark-default;
     }
 
     &__close {
@@ -217,6 +218,10 @@ export default defineComponent({
     &__preview {
       @apply w-full flex items-center justify-center;
 
+      .btn--variant-solid.btn--default {
+        @apply dark:text-dark-subtlest hover:dark:text-dark-on-emphasis;
+      }
+
       & > img {
         @apply max-w-full h-auto;
       }

package/dist/components/signature-draw/SignatureDrawMobile.vue.d.ts

@@ -3,7 +3,7 @@ import { ModelModifier } from '../dropzone';
 declare const _default: import("vue-demi").DefineComponent<{
     modelValue: {
         type: (StringConstructor | {
-            new (fileBits: BlobPart[], fileName: string, options?: FilePropertyBag): File;
+            new (fileBits: BlobPart[], fileName: string, options?: FilePropertyBag | undefined): File;
             prototype: File;
         })[];
         default: string;
@@ -53,7 +53,7 @@ declare const _default: import("vue-demi").DefineComponent<{
 }, unknown, {}, {}, import("vue-demi").ComponentOptionsMixin, import("vue-demi").ComponentOptionsMixin, "update:modelValue"[], "update:modelValue", import("vue-demi").VNodeProps & import("vue-demi").AllowedComponentProps & import("vue-demi").ComponentCustomProps, Readonly<import("vue-demi").ExtractPropTypes<{
     modelValue: {
         type: (StringConstructor | {
-            new (fileBits: BlobPart[], fileName: string, options?: FilePropertyBag): File;
+            new (fileBits: BlobPart[], fileName: string, options?: FilePropertyBag | undefined): File;
             prototype: File;
         })[];
         default: string;
@@ -91,7 +91,7 @@ declare const _default: import("vue-demi").DefineComponent<{
         default: string;
     };
 }>> & {
-    "onUpdate:modelValue"?: (...args: any[]) => any;
+    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
 }, {
     color: string;
     modelValue: string | File;

package/dist/components/signature-draw/utils/canvas.d.ts

@@ -16,7 +16,7 @@ export interface DrawLineOptions {
     lineJoin?: CanvasLineJoin;
     lineCap?: CanvasLineCap;
 }
-export declare type DrawLineCoordinate = [number, number, number, number];
+export type DrawLineCoordinate = [number, number, number, number];
 /**
  *
  * @param canvas Target canvas

package/dist/components/signature-draw/utils/smooth-line.mjs

@@ -1,4 +1,8 @@
 export class SmoothLine {
+  /**
+   *
+   * @param smoother 0.1 - 0.9
+   */
   constructor(smoother) {
     this.lastX = 0;
     this.lastY = 0;
@@ -6,12 +10,23 @@ export class SmoothLine {
     this.movingY = 0;
     this.smoother = smoother * 0.05 + 0.7;
   }
+  /**
+   * Set start point
+   * @param x X coordinate
+   * @param y Y coordinate
+   */
   start(x, y) {
     this.lastX = x;
     this.lastY = y;
     this.movingX = 0;
     this.movingY = 0;
   }
+  /**
+   * Update coordinate when
+   * @param x mouse X coordinate
+   * @param y mouse Y coordinate
+   * @return [x0, x0, x1, y1]
+   */
   move(x, y) {
     const x0 = this.lastX;
     const y0 = this.lastY;

package/dist/components/signature-draw/utils/use-draw.mjs

@@ -9,7 +9,11 @@ export default function useDraw(target, hooks) {
   onMounted(async () => {
     if (target.value) {
       const { default: Interact } = await import("interactjs");
-      const onmove = throttle(hooks.onmove, 1e3 / 60);
+      const onmove = throttle(
+        hooks.onmove,
+        1e3 / 60
+        /* limit 60fps */
+      );
       instance.value = Interact(target.value).styleCursor(false).draggable({
         origin: "self",
         inertia: { enabled: true, resistance: 10 },

package/dist/components/signature-text/SignatureText.vue

@@ -43,10 +43,14 @@ export default defineComponent({
       type: String,
       default: ""
     },
-    limit: {
-      type: Number,
+    maxwords: {
+      type: [Number, String],
       default: 2
     },
+    maxlength: {
+      type: [Number, String],
+      default: 50
+    },
     font: {
       type: String,
       default: "Herr Von Muellerhoff"
@@ -69,7 +73,7 @@ export default defineComponent({
       if (!props.text)
         return "- No Image -";
       return formatName(
-        String(props.text).split(" ").filter(Boolean).slice(0, props.limit).join(" ")
+        String(props.text).split(" ").filter(Boolean).slice(0, Number.parseInt(`${props.maxwords}`)).join(" ").slice(0, Number.parseInt(`${props.maxlength}`))
       );
     });
     watch(() => [
@@ -78,7 +82,8 @@ export default defineComponent({
       props.color,
       props.width,
       props.height,
-      props.limit
+      props.maxwords,
+      props.maxlength
     ], () => {
       load();
     });

package/dist/components/signature-text/SignatureText.vue.d.ts

@@ -3,7 +3,7 @@ import { ModelModifier } from '../dropzone';
 declare const _default: import("vue-demi").DefineComponent<{
     modelValue: {
         type: (StringConstructor | {
-            new (fileBits: BlobPart[], fileName: string, options?: FilePropertyBag): File;
+            new (fileBits: BlobPart[], fileName: string, options?: FilePropertyBag | undefined): File;
             prototype: File;
         })[];
         default: string;
@@ -24,8 +24,12 @@ declare const _default: import("vue-demi").DefineComponent<{
         type: StringConstructor;
         default: string;
     };
-    limit: {
-        type: NumberConstructor;
+    maxwords: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: number;
+    };
+    maxlength: {
+        type: (NumberConstructor | StringConstructor)[];
         default: number;
     };
     font: {
@@ -42,7 +46,7 @@ declare const _default: import("vue-demi").DefineComponent<{
 }, 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<{
     modelValue: {
         type: (StringConstructor | {
-            new (fileBits: BlobPart[], fileName: string, options?: FilePropertyBag): File;
+            new (fileBits: BlobPart[], fileName: string, options?: FilePropertyBag | undefined): File;
             prototype: File;
         })[];
         default: string;
@@ -63,8 +67,12 @@ declare const _default: import("vue-demi").DefineComponent<{
         type: StringConstructor;
         default: string;
     };
-    limit: {
-        type: NumberConstructor;
+    maxwords: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: number;
+    };
+    maxlength: {
+        type: (NumberConstructor | StringConstructor)[];
         default: number;
     };
     font: {
@@ -76,13 +84,14 @@ declare const _default: import("vue-demi").DefineComponent<{
         default: string;
     };
 }>>, {
-    color: string;
     text: string;
+    color: string;
     modelValue: string | File;
     modelModifiers: ModelModifier;
     font: string;
     width: number;
     height: number;
-    limit: number;
+    maxlength: string | number;
+    maxwords: string | number;
 }>;
 export default _default;

package/dist/components/steps/Step.vue.d.ts

@@ -10,11 +10,11 @@ declare const _default: import("vue-demi").DefineComponent<{
         default: () => boolean;
     };
 }, {
-    canNext: import("vue-demi").Ref<boolean>;
-    canPrev: import("vue-demi").Ref<boolean>;
-    toStep: (...args: any[]) => void;
-    prev: (...args: any[]) => void;
-    next: (...args: any[]) => void;
+    canNext: import("vue-demi").ComputedRef<boolean>;
+    canPrev: import("vue-demi").ComputedRef<boolean>;
+    toStep: (step: number) => void;
+    prev: () => void;
+    next: () => void;
     step: import("vue-demi").Ref<number>;
 }, 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<{
     onBeforePrev: {

package/dist/components/steps/Steps.vue.d.ts

@@ -45,7 +45,7 @@ declare const _default: import("vue-demi").DefineComponent<{
         default: (...args: any[]) => void;
     };
 }>> & {
-    "onUpdate:modelValue"?: (...args: any[]) => any;
+    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
 }, {
     modelValue: number;
     onBeforePrev: TravelHook;

package/dist/components/steps/index.d.ts

@@ -1,6 +1,6 @@
 import { ComputedRef, InjectionKey, Ref } from 'vue-demi';
-export declare type TravelHook = (to: number, from: number) => boolean | Promise<boolean>;
-export declare type FinishedHook = () => void | Promise<void>;
+export type TravelHook = (to: number, from: number) => boolean | Promise<boolean>;
+export type FinishedHook = () => void | Promise<void>;
 export interface StepContext {
     next: () => void;
     prev: () => void;
@@ -15,12 +15,12 @@ export declare const STEPS_CONTEXT: InjectionKey<StepContext>;
 export declare function useStep(): {
     onBeforePrev: (hook: TravelHook) => void;
     onBeforeNext: (hook: TravelHook) => void;
-    next: (...args: any[]) => void;
-    prev: (...args: any[]) => void;
-    toStep: (...args: any[]) => void;
+    next: () => void;
+    prev: () => void;
+    toStep: (step: number) => void;
     step: Ref<number>;
-    canPrev: Ref<boolean>;
-    canNext: Ref<boolean>;
-    onPrevHooks: Ref<any[]>;
-    onNextHooks: Ref<any[]>;
+    canPrev: ComputedRef<boolean>;
+    canNext: ComputedRef<boolean>;
+    onPrevHooks: Ref<TravelHook[]>;
+    onNextHooks: Ref<TravelHook[]>;
 };

package/dist/components/steps/utils/hook.d.ts

@@ -1,4 +1,4 @@
-export declare type HookFn = (...args: unknown[]) => unknown | Promise<unknown>;
+export type HookFn = (...args: unknown[]) => unknown | Promise<unknown>;
 export declare function runHook<H extends HookFn>(hook: H, ...args: Parameters<H>): Promise<boolean>;
 export declare function runAllHooks<H extends HookFn>(hooks: Iterable<H>, ...args: Parameters<H>): Promise<boolean>;
 export declare class Hook<H extends HookFn> {

package/dist/components/strengthbar/Strengthbar.vue

@@ -73,23 +73,27 @@ export default defineComponent({
 
   &__bar {
     @apply rounded-full h-1 bg-subtle-alpha flex-grow transition-colors duration-150;
+    @apply dark:bg-dark-subtle-alpha;
   }
 
   &&[data-status="low"] {
     .strengthbar--active {
       @apply bg-danger-emphasis;
+      @apply dark:bg-dark-danger-emphasis;
     }
   }
 
   &&[data-status="mid"] {
     .strengthbar--active {
       @apply bg-warning-emphasis;
+      @apply dark:bg-dark-warning-emphasis;
     }
   }
 
   &&[data-status="high"] {
     .strengthbar--active {
       @apply bg-success-emphasis;
+      @apply dark:bg-dark-success-emphasis;
     }
   }
 }

package/dist/components/subheading/Subheading.vue

@@ -50,7 +50,7 @@ export default defineComponent({
 
 <style lang="postcss">
 .subheading {
-  @apply m-0 capitalize tracking-normal text-default;
+  @apply m-0 capitalize tracking-normal text-default dark:text-dark-default;
 
   /**
   * Weight variant

package/dist/components/subheading/Subheading.vue.d.ts

@@ -16,7 +16,7 @@ declare const _default: import("vue-demi").DefineComponent<{
     };
     overline: {
         type: BooleanConstructor;
-        default: any;
+        default: undefined;
     };
 }, {
     classNames: import("vue-demi").ComputedRef<String[]>;
@@ -35,7 +35,7 @@ declare const _default: import("vue-demi").DefineComponent<{
     };
     overline: {
         type: BooleanConstructor;
-        default: any;
+        default: undefined;
     };
 }>>, {
     size: SizeVariant;

package/dist/components/subheading/index.d.ts

@@ -1 +1 @@
-export declare type SizeVariant = 'sm' | 'md';
+export type SizeVariant = 'sm' | 'md';

package/dist/components/table/Table.vue

@@ -39,6 +39,7 @@
     </div>
 
     <Draggable
+      v-if="items.length > 0"
       v-model="rows"
       class="datatable__body"
       handle=".datatable__drag"
@@ -96,6 +97,45 @@
         </div>
       </template>
     </Draggable>
+
+    <div
+      v-else
+      class="datatable__body">
+      <div
+        class="datatable__row">
+        <template v-if="variant === 'flexible'">
+          <div
+            v-for="field in fields"
+            :key="field.key"
+            class="datatable__cell datatable__cell--empty"
+            data-testid="datatable-cell-empty"
+            :class="field.tdClass"
+            :style="field.width ? { width: `${field.width}%` } : { flex: '1 1 0%' }"
+            :data-cell="field.key">
+            <div
+              class="datatable__header"
+              :class="field.thClass">
+              <slot
+                :name="`head(${field.key})`"
+                :label="field.label"
+                :field="field"
+                :data-header="field.key">
+                {{ field.label }}
+              </slot>
+            </div>
+          </div>
+        </template>
+        <div
+          data-testid="datatable-empty"
+          class="datatable__cell datatable__cell--empty datatable__state-empty">
+          <slot name="empty">
+            <span class="flex justify-center items-center text-subtle dark:text-dark-subtle">
+              {{ emptyLabel }}
+            </span>
+          </slot>
+        </div>
+      </div>
+    </div>
   </div>
 </template>
 
@@ -139,6 +179,10 @@ export default defineComponent({
     draggable: {
       type: Boolean,
       default: false
+    },
+    emptyLabel: {
+      type: String,
+      default: "There are no records to show"
     }
   },
   models: {
@@ -200,6 +244,7 @@ export default defineComponent({
 
   &__headers {
     @apply flex pt-4 space-x-2 bg-default;
+    @apply dark:bg-dark-default;
 
     > .datatable__header {
       @apply px-3;
@@ -212,6 +257,7 @@ export default defineComponent({
 
   .datatable__header {
     @apply text-subtle text-xs font-bold pb-3;
+    @apply dark:text-dark-subtle;
 
     &.datatable__checkbox,
     &.datatable__drag {
@@ -224,11 +270,18 @@ export default defineComponent({
   }
 
   &__row {
-    @apply flex space-x-2 w-full items-start;
+    @apply flex space-x-2 w-full items-start flex-wrap;
+
+    & > :not([hidden]) {
+      ~ .basis-full {
+        @apply ml-0;
+      }
+    }
   }
 
   &__cell {
     @apply py-4 px-3 text-sm text-default break-all;
+    @apply dark:text-dark-default;
 
     & > .datatable__header {
       @apply text-xs;
@@ -248,6 +301,18 @@ export default defineComponent({
     &.datatable__drag {
       @apply cursor-grabbing mx-3;
     }
+
+    &--empty {
+      @apply pt-4 pb-0 px-3 text-sm text-default;
+
+      &.basis-full {
+        @apply pb-4;
+      }
+    }
+  }
+
+  &__state-empty {
+    @apply basis-full flex-1;
   }
 
   &__body {
@@ -261,16 +326,19 @@ export default defineComponent({
 
     .datatable__row {
       @apply rounded border border-default bg-default;
+      @apply dark:border-dark-default dark:bg-dark-default;
     }
   }
 
   &--static {
     .datatable__headers {
       @apply border-b border-b-default;
+      @apply dark:border-b-dark-default;
     }
 
     .datatable__body {
       @apply border-b border-b-default divide-y divide-default bg-default;
+      @apply dark:border-b-dark-default dark:divide-dark-default dark:bg-dark-default;
     }
   }
 }

package/dist/components/table/Table.vue.d.ts

@@ -1,6 +1,6 @@
 import { PropType } from 'vue-demi';
 import { TableField } from '.';
-declare type TypeVariant = 'flexible' | 'static';
+type TypeVariant = 'flexible' | 'static';
 declare const _default: import("vue-demi").DefineComponent<{
     variant: {
         type: PropType<TypeVariant>;
@@ -8,15 +8,15 @@ declare const _default: import("vue-demi").DefineComponent<{
     };
     modelValue: {
         type: PropType<Record<string, unknown>[]>;
-        default: () => any[];
+        default: () => never[];
     };
     fields: {
         type: PropType<TableField[]>;
-        default: () => any[];
+        default: () => never[];
     };
     items: {
         type: PropType<Record<string, unknown>[]>;
-        default: () => any[];
+        default: () => never[];
     };
     selectable: {
         type: BooleanConstructor;
@@ -26,6 +26,10 @@ declare const _default: import("vue-demi").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
+    emptyLabel: {
+        type: StringConstructor;
+        default: string;
+    };
 }, {
     model: import("vue-demi").Ref<Record<string, unknown>[]>;
     rows: import("vue-demi").WritableComputedRef<Record<string, unknown>[]>;
@@ -39,15 +43,15 @@ declare const _default: import("vue-demi").DefineComponent<{
     };
     modelValue: {
         type: PropType<Record<string, unknown>[]>;
-        default: () => any[];
+        default: () => never[];
     };
     fields: {
         type: PropType<TableField[]>;
-        default: () => any[];
+        default: () => never[];
     };
     items: {
         type: PropType<Record<string, unknown>[]>;
-        default: () => any[];
+        default: () => never[];
     };
     selectable: {
         type: BooleanConstructor;
@@ -57,9 +61,13 @@ declare const _default: import("vue-demi").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
+    emptyLabel: {
+        type: StringConstructor;
+        default: string;
+    };
 }>> & {
-    "onUpdate:modelValue"?: (...args: any[]) => any;
-    "onUpdate:items"?: (...args: any[]) => any;
+    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+    "onUpdate:items"?: ((...args: any[]) => any) | undefined;
 }, {
     variant: TypeVariant;
     items: Record<string, unknown>[];
@@ -67,5 +75,6 @@ declare const _default: import("vue-demi").DefineComponent<{
     draggable: boolean;
     fields: TableField[];
     selectable: boolean;
+    emptyLabel: string;
 }>;
 export default _default;