@privyid/persona 1.2.1 → 1.2.2-dev.1

package/dist/components/dropzone/Dropzone.vue.d.ts

@@ -0,0 +1,139 @@
+import type { PropType, VNode } from 'vue';
+import type { ModelModifier, MultipleType } from '.';
+declare function browse(): void;
+declare function clear(): void;
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: Readonly<{
+        default(props: {
+            isDragover: boolean;
+            isHovered: boolean;
+            disabled: boolean;
+            readonly: boolean;
+            model: unknown;
+            rawModel: File | File[];
+            browse: () => void;
+            clear: () => void;
+        }): VNode[];
+    }> & {
+        default(props: {
+            isDragover: boolean;
+            isHovered: boolean;
+            disabled: boolean;
+            readonly: boolean;
+            model: unknown;
+            rawModel: File | File[];
+            browse: () => void;
+            clear: () => void;
+        }): VNode[];
+    };
+    refs: {
+        input: HTMLInputElement;
+    };
+    rootEl: any;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    modelValue: {
+        type: PropType<globalThis.File | globalThis.File[] | string | string[]>;
+        default: undefined;
+    };
+    modelModifiers: {
+        type: PropType<ModelModifier>;
+        default: () => ModelModifier;
+    };
+    multiple: {
+        type: PropType<boolean | MultipleType>;
+        default: boolean;
+    };
+    maxlength: {
+        type: (StringConstructor | NumberConstructor)[];
+        default: undefined;
+    };
+    accept: {
+        type: StringConstructor;
+        default: string;
+    };
+    clearOnCancel: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    readonly: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    containerClass: {
+        type: (StringConstructor | ObjectConstructor | ArrayConstructor)[];
+        default: undefined;
+    };
+}>, {
+    browse: typeof browse;
+    clear: typeof clear;
+    input: import("vue").Ref<HTMLInputElement | undefined, HTMLInputElement | undefined>;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (args_0: unknown) => void;
+    cancel: () => void;
+    change: (args_0: unknown) => void;
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    modelValue: {
+        type: PropType<globalThis.File | globalThis.File[] | string | string[]>;
+        default: undefined;
+    };
+    modelModifiers: {
+        type: PropType<ModelModifier>;
+        default: () => ModelModifier;
+    };
+    multiple: {
+        type: PropType<boolean | MultipleType>;
+        default: boolean;
+    };
+    maxlength: {
+        type: (StringConstructor | NumberConstructor)[];
+        default: undefined;
+    };
+    accept: {
+        type: StringConstructor;
+        default: string;
+    };
+    clearOnCancel: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    readonly: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    containerClass: {
+        type: (StringConstructor | ObjectConstructor | ArrayConstructor)[];
+        default: undefined;
+    };
+}>> & Readonly<{
+    "onUpdate:modelValue"?: ((args_0: unknown) => any) | undefined;
+    onCancel?: (() => any) | undefined;
+    onChange?: ((args_0: unknown) => any) | undefined;
+}>, {
+    modelValue: string | string[] | File | File[];
+    disabled: boolean;
+    multiple: boolean | MultipleType;
+    readonly: boolean;
+    containerClass: string | unknown[] | Record<string, any>;
+    accept: string;
+    modelModifiers: ModelModifier;
+    maxlength: string | number;
+    clearOnCancel: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

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

@@ -0,0 +1,4 @@
+export interface ModelModifier {
+    base64?: boolean;
+}
+export type MultipleType = 'replace' | 'append';

package/dist/components/dropzone/utils/accept.d.ts

@@ -0,0 +1 @@
+export default function attrAccept(accept: string, files: globalThis.File[]): globalThis.File[];

package/dist/components/dropzone/utils/accept.mjs

@@ -0,0 +1,17 @@
+export default function attrAccept(accept, files) {
+  if (!accept)
+    return files;
+  return files.filter((file) => {
+    const fileName = String(file.name).toLowerCase();
+    const mimeType = String(file.type).toLowerCase();
+    const acceptedTypes = accept.split(",");
+    return acceptedTypes.some((type) => {
+      const validType = type.trim().toLowerCase();
+      if (validType.charAt(0) === ".")
+        return fileName.endsWith(validType);
+      if (validType.endsWith("/*"))
+        return mimeType.replace(/\/.*$/, "") === validType.replace(/\/.*$/, "");
+      return mimeType === validType;
+    });
+  });
+}

package/dist/components/filterbar/Filterbar.vue

@@ -0,0 +1,103 @@
+<template>
+  <div class="filterbar">
+    <template
+      v-for="item in pinnedItems"
+      :key="item.key">
+      <slot :name="`cell(${item.key})`">
+        <component
+          :is="item.type"
+          class="filterbar__item"
+          :schema="item"
+          :model-value="getValue(item.key)"
+          v-bind="item"
+          @update:model-value="setValue(item.key, $event)" />
+      </slot>
+    </template>
+    <Button
+      size="sm"
+      variant="link"
+      color="info"
+      @click="reset">
+      Reset
+    </Button>
+  </div>
+</template>
+
+<script>
+import {
+  computed,
+  defineComponent
+} from "vue";
+import Dropdown from "../dropdown/Dropdown.vue";
+import Button from "../button/Button.vue";
+import Select from "./pinned/PinnedSelect.vue";
+import Toggle from "./pinned/PinnedToggle.vue";
+import Multiselect from "./pinned/PinnedMultiselect.vue";
+import Date from "./pinned/PinnedDate.vue";
+import { useVModel } from "../input";
+export default defineComponent({
+  components: {
+    Button,
+    Dropdown,
+    Date,
+    Select,
+    Multiselect,
+    Toggle
+  },
+  props: {
+    schema: {
+      type: Array,
+      default: () => []
+    },
+    modelValue: {
+      type: Object,
+      default: () => ({})
+    }
+  },
+  models: {
+    prop: "modelValue",
+    event: "update:modelValue"
+  },
+  emits: ["update:modelValue"],
+  setup(props) {
+    const model = useVModel(props);
+    const pinnedItems = computed(() => {
+      return props.schema.filter((item) => {
+        return item.pinned !== false;
+      });
+    });
+    function getValue(key) {
+      return model.value[key];
+    }
+    function setValue(key, value) {
+      model.value = { ...model.value, [key]: value };
+    }
+    function reset() {
+      model.value = Object.fromEntries(props.schema.map((i) => [i.key, i.default]));
+    }
+    return {
+      model,
+      pinnedItems,
+      getValue,
+      setValue,
+      reset
+    };
+  }
+});
+</script>
+
+<style lang="postcss">
+.filterbar {
+  @apply flex space-x-2 items-center;
+
+  &__item {
+    &.filterbar--active {
+      &.btn--default,
+      & .dropdown__activator.btn--default {
+        @apply bg-inverse text-on-emphasis border-inverse;
+        @apply dark:bg-dark-inverse dark:text-dark-on-emphasis dark:border-dark-inverse;
+      }
+    }
+  }
+}
+</style>