@privyid/persona 1.1.2 → 1.2.1-rc.0

package/dist/components/filterbar/Filterbar.vue

@@ -1,103 +0,0 @@
-<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-demi";
-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>

package/dist/components/filterbar/Filterbar.vue.d.ts

@@ -1,40 +0,0 @@
-import type { PropType } from 'vue-demi';
-import type { FilterItem } from '.';
-declare const _default: import("vue-demi").DefineComponent<import("vue-demi").ExtractPropTypes<{
-    schema: {
-        type: PropType<FilterItem[]>;
-        default: () => never[];
-    };
-    modelValue: {
-        type: PropType<Record<string, unknown>>;
-        default: () => {};
-    };
-}>, {
-    model: import("vue-demi").Ref<Record<string, unknown>, Record<string, unknown>>;
-    pinnedItems: import("vue-demi").ComputedRef<FilterItem[]>;
-    getValue: (key: string) => unknown;
-    setValue: (key: string, value: unknown) => void;
-    reset: () => void;
-}, {}, {}, {}, import("vue-demi").ComponentOptionsMixin, import("vue-demi").ComponentOptionsMixin, "update:modelValue"[], "update:modelValue", import("vue-demi").PublicProps, Readonly<import("vue-demi").ExtractPropTypes<{
-    schema: {
-        type: PropType<FilterItem[]>;
-        default: () => never[];
-    };
-    modelValue: {
-        type: PropType<Record<string, unknown>>;
-        default: () => {};
-    };
-}>> & Readonly<{
-    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
-}>, {
-    modelValue: Record<string, unknown>;
-    schema: FilterItem[];
-}, {}, {
-    Button: any;
-    Dropdown: any;
-    Date: any;
-    Select: any;
-    Multiselect: any;
-    Toggle: any;
-}, {}, string, import("vue-demi").ComponentProvideOptions, true, {}, any>;
-export default _default;

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

@@ -1,45 +0,0 @@
-import type { SelectProps } from '../select';
-import type { Adapter } from '../select/adapter/adapter';
-import type { CalendarMode } from '../calendar/adapter/adapter';
-import type { MaybeRef } from '@vueuse/core';
-interface FilterType {
-    key: string;
-    label?: string;
-    placeholder?: string;
-    default?: unknown;
-    pinned?: boolean;
-    type: 'text' | 'select' | 'multiselect' | 'toggle' | 'date' | 'daterange';
-}
-interface FilterText extends FilterType {
-    type: 'text';
-}
-export interface FilterSelect extends FilterType {
-    type: 'select';
-    options: MaybeRef<SelectProps['options']>;
-    search?: boolean;
-    adapter?: Adapter;
-}
-export interface FilterSelectMultiple extends FilterType {
-    type: 'multiselect';
-    options: MaybeRef<SelectProps['options']>;
-    search?: boolean;
-    adapter?: Adapter;
-}
-export interface FilterToggle extends FilterType {
-    type: 'toggle';
-    value?: unknown;
-    uncheckedValue?: unknown;
-}
-export interface FilterDate extends FilterType {
-    type: 'date';
-    min?: Date;
-    max?: Date;
-    format?: string;
-    mode?: CalendarMode;
-}
-export interface FitlerDateRange extends FilterType {
-    type: 'daterange';
-}
-export type FilterItem = FilterText | FilterSelect | FilterSelectMultiple | FilterToggle | FilterDate | FitlerDateRange;
-export declare function defineFilter(scheme: FilterItem[]): FilterItem[];
-export {};

package/dist/components/filterbar/index.mjs

@@ -1,7 +0,0 @@
-import defu from "defu";
-import { startCase } from "lodash-es";
-export function defineFilter(scheme) {
-  return scheme.map((item) => {
-    return defu(item, { label: startCase(item.key), pinned: true });
-  });
-}

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

@@ -1,100 +0,0 @@
-<template>
-  <Dropdown
-    v-model="isOpen"
-    variant="input"
-    size="sm"
-    class="filterbar__date"
-    :class="{'filterbar--active': !!value }"
-    caret>
-    <template #button-content>
-      {{ value ? value : schema.label }}
-    </template>
-    <DropdownHeader>
-      {{ schema.label }}
-    </DropdownHeader>
-
-    <Calendar
-      v-model="model"
-      :min="min"
-      :max="max"
-      :mode="mode"
-      @change="close" />
-  </Dropdown>
-</template>
-
-<script>
-import {
-  computed,
-  defineComponent,
-  ref
-} from "vue-demi";
-import Calendar from "../../calendar/Calendar.vue";
-import Dropdown from "../../dropdown/Dropdown.vue";
-import DropdownHeader from "../../dropdown/DropdownHeader.vue";
-import { useVModel } from "../../input";
-import { isDate, format as formatDate } from "date-fns";
-export default defineComponent({
-  components: {
-    Dropdown,
-    DropdownHeader,
-    Calendar
-  },
-  props: {
-    schema: {
-      type: Object,
-      required: true
-    },
-    modelValue: {
-      type: Date,
-      default: void 0
-    },
-    format: {
-      type: String,
-      default: "dd/MM/yyyy"
-    },
-    max: {
-      type: Date,
-      default: void 0
-    },
-    min: {
-      type: Date,
-      default: void 0
-    },
-    mode: {
-      type: String,
-      default: "date"
-    }
-  },
-  models: {
-    prop: "modelValue",
-    event: "update:modelValue"
-  },
-  emits: ["update:modelValue"],
-  setup(props) {
-    const isOpen = ref(false);
-    const model = useVModel(props);
-    const value = computed(() => {
-      return isDate(model.value) ? formatDate(model.value, props.format) : "";
-    });
-    function close() {
-      isOpen.value = false;
-    }
-    return {
-      model,
-      value,
-      isOpen,
-      close
-    };
-  }
-});
-</script>
-
-<style lang="postcss">
-.filterbar__date {
-  > .dropdown__menu {
-    --p-dropdown-max-height: 100%;
-
-    @apply min-w-max max-h-min;
-  }
-}
-</style>

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

@@ -1,72 +0,0 @@
-import type { PropType } from 'vue-demi';
-import type { FilterDate } from '..';
-import type { CalendarMode } from '../../calendar/adapter/adapter';
-declare const _default: import("vue-demi").DefineComponent<import("vue-demi").ExtractPropTypes<{
-    schema: {
-        type: PropType<FilterDate>;
-        required: true;
-    };
-    modelValue: {
-        type: DateConstructor;
-        default: undefined;
-    };
-    format: {
-        type: StringConstructor;
-        default: string;
-    };
-    max: {
-        type: DateConstructor;
-        default: undefined;
-    };
-    min: {
-        type: DateConstructor;
-        default: undefined;
-    };
-    mode: {
-        type: PropType<CalendarMode>;
-        default: string;
-    };
-}>, {
-    model: import("vue-demi").Ref<Date, Date>;
-    value: import("vue-demi").ComputedRef<string>;
-    isOpen: import("vue-demi").Ref<boolean, boolean>;
-    close: () => void;
-}, {}, {}, {}, import("vue-demi").ComponentOptionsMixin, import("vue-demi").ComponentOptionsMixin, "update:modelValue"[], "update:modelValue", import("vue-demi").PublicProps, Readonly<import("vue-demi").ExtractPropTypes<{
-    schema: {
-        type: PropType<FilterDate>;
-        required: true;
-    };
-    modelValue: {
-        type: DateConstructor;
-        default: undefined;
-    };
-    format: {
-        type: StringConstructor;
-        default: string;
-    };
-    max: {
-        type: DateConstructor;
-        default: undefined;
-    };
-    min: {
-        type: DateConstructor;
-        default: undefined;
-    };
-    mode: {
-        type: PropType<CalendarMode>;
-        default: string;
-    };
-}>> & Readonly<{
-    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
-}>, {
-    mode: "date" | "month" | "year";
-    modelValue: Date;
-    min: Date;
-    max: Date;
-    format: string;
-}, {}, {
-    Dropdown: any;
-    DropdownHeader: any;
-    Calendar: any;
-}, {}, string, import("vue-demi").ComponentProvideOptions, true, {}, any>;
-export default _default;

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

@@ -1,113 +0,0 @@
-<template>
-  <Dropdown
-    v-model="isOpen"
-    variant="input"
-    size="sm"
-    class="filterbar__multiselect"
-    :class="{'filterbar--active': selected.length > 0 }"
-    divider
-    caret>
-    <template #button-content>
-      <template v-if="selected.length > 1">
-        {{ schema.label }}
-        <Badge variant="inverse">
-          {{ selected.length }}
-        </Badge>
-      </template>
-      <template v-else-if="selected.length === 1">
-        {{ selected.at(0).text }}
-      </template>
-      <template v-else>
-        {{ schema.label }}
-      </template>
-    </template>
-
-    <DropdownHeader>
-      {{ schema.label }}
-    </DropdownHeader>
-    <template
-      v-for="(item, i) in items"
-      :key="i">
-      <DropdownItem>
-        <Checkbox
-          v-model="model"
-          appearance="option"
-          :value="item.value">
-          {{ item.text }}
-        </Checkbox>
-      </DropdownItem>
-    </template>
-  </Dropdown>
-</template>
-
-<script>
-import {
-  computed,
-  defineComponent,
-  ref
-} from "vue-demi";
-import Badge from "../../badge/Badge.vue";
-import Dropdown from "../../dropdown/Dropdown.vue";
-import DropdownHeader from "../../dropdown/DropdownHeader.vue";
-import DropdownItem from "../../dropdown/DropdownItem.vue";
-import Checkbox from "../../checkbox/Checkbox.vue";
-import { useOptionsProp } from "../../select/adapter/adapter";
-import { useVModel } from "../../input";
-import { isEqual } from "../../utils/value";
-export default defineComponent({
-  components: {
-    Badge,
-    Dropdown,
-    DropdownItem,
-    DropdownHeader,
-    Checkbox
-  },
-  props: {
-    schema: {
-      type: Object,
-      required: true
-    },
-    options: {
-      type: Array,
-      default: () => []
-    },
-    modelValue: {
-      type: Array,
-      default: () => []
-    }
-  },
-  models: {
-    prop: "modelValue",
-    event: "update:modelValue"
-  },
-  emits: ["update:modelValue"],
-  setup(props) {
-    const items = useOptionsProp(props);
-    const isOpen = ref(false);
-    const model = useVModel(props);
-    const selected = computed(() => {
-      return items.value.filter((item) => {
-        return Array.isArray(model.value) && model.value.some((v) => isEqual(item.value, v));
-      });
-    });
-    function close() {
-      isOpen.value = false;
-    }
-    return {
-      model,
-      items,
-      isOpen,
-      selected,
-      close
-    };
-  }
-});
-</script>
-
-<style lang="postcss">
-.filterbar__multiselect {
-  > .btn {
-    @apply items-center;
-  }
-}
-</style>

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

@@ -1,48 +0,0 @@
-import type { PropType } from 'vue-demi';
-import type { FilterSelect } from '..';
-import type { SelectItem } from '../../select';
-declare const _default: import("vue-demi").DefineComponent<import("vue-demi").ExtractPropTypes<{
-    schema: {
-        type: PropType<FilterSelect>;
-        required: true;
-    };
-    options: {
-        type: PropType<string[] | SelectItem[]>;
-        default: () => never[];
-    };
-    modelValue: {
-        type: ArrayConstructor;
-        default: () => never[];
-    };
-}>, {
-    model: import("vue-demi").Ref<unknown[], unknown[]>;
-    items: import("vue-demi").ComputedRef<SelectItem[]>;
-    isOpen: import("vue-demi").Ref<boolean, boolean>;
-    selected: import("vue-demi").ComputedRef<SelectItem[]>;
-    close: () => void;
-}, {}, {}, {}, import("vue-demi").ComponentOptionsMixin, import("vue-demi").ComponentOptionsMixin, "update:modelValue"[], "update:modelValue", import("vue-demi").PublicProps, Readonly<import("vue-demi").ExtractPropTypes<{
-    schema: {
-        type: PropType<FilterSelect>;
-        required: true;
-    };
-    options: {
-        type: PropType<string[] | SelectItem[]>;
-        default: () => never[];
-    };
-    modelValue: {
-        type: ArrayConstructor;
-        default: () => never[];
-    };
-}>> & Readonly<{
-    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
-}>, {
-    modelValue: unknown[];
-    options: string[] | SelectItem[];
-}, {}, {
-    Badge: any;
-    Dropdown: any;
-    DropdownItem: any;
-    DropdownHeader: any;
-    Checkbox: any;
-}, {}, string, import("vue-demi").ComponentProvideOptions, true, {}, any>;
-export default _default;

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

@@ -1,100 +0,0 @@
-<template>
-  <Dropdown
-    v-model="isOpen"
-    variant="input"
-    size="sm"
-    class="filterbar__select"
-    :class="{'filterbar--active': selected !== undefined }"
-    divider
-    caret>
-    <template #button-content>
-      {{ selected ? selected.text : schema.label }}
-    </template>
-    <DropdownHeader>
-      {{ schema.label }}
-    </DropdownHeader>
-
-    <template
-      v-for="(item, i) in items"
-      :key="i">
-      <DropdownItem>
-        <Radio
-          v-model="model"
-          appearance="option"
-          :value="item.value"
-          @click="close">
-          {{ item.text }}
-        </Radio>
-      </DropdownItem>
-    </template>
-  </Dropdown>
-</template>
-
-<script>
-import {
-  computed,
-  defineComponent,
-  ref
-} from "vue-demi";
-import Dropdown from "../../dropdown/Dropdown.vue";
-import DropdownItem from "../../dropdown/DropdownItem.vue";
-import DropdownHeader from "../../dropdown/DropdownHeader.vue";
-import Radio from "../../radio/Radio.vue";
-import { useOptionsProp } from "../../select/adapter/adapter";
-import { useVModel } from "../../input";
-import { isEqual } from "../../utils/value";
-export default defineComponent({
-  components: {
-    Dropdown,
-    DropdownItem,
-    DropdownHeader,
-    Radio
-  },
-  props: {
-    schema: {
-      type: Object,
-      required: true
-    },
-    options: {
-      type: Array,
-      default: () => []
-    },
-    modelValue: {
-      type: [
-        String,
-        Number,
-        Boolean,
-        Array,
-        Object,
-        Date
-      ],
-      default: void 0
-    }
-  },
-  models: {
-    prop: "modelValue",
-    event: "update:modelValue"
-  },
-  emits: ["update:modelValue"],
-  setup(props) {
-    const items = useOptionsProp(props);
-    const isOpen = ref(false);
-    const model = useVModel(props);
-    const selected = computed(() => {
-      return items.value.find((item) => {
-        return isEqual(item.value, model.value);
-      });
-    });
-    function close() {
-      isOpen.value = false;
-    }
-    return {
-      model,
-      items,
-      isOpen,
-      selected,
-      close
-    };
-  }
-});
-</script>

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

@@ -1,47 +0,0 @@
-import type { PropType } from 'vue-demi';
-import type { FilterSelect } from '..';
-import type { SelectItem } from '../../select';
-declare const _default: import("vue-demi").DefineComponent<import("vue-demi").ExtractPropTypes<{
-    schema: {
-        type: PropType<FilterSelect>;
-        required: true;
-    };
-    options: {
-        type: PropType<string[] | SelectItem[]>;
-        default: () => never[];
-    };
-    modelValue: {
-        type: (NumberConstructor | BooleanConstructor | ArrayConstructor | StringConstructor | ObjectConstructor | DateConstructor)[];
-        default: undefined;
-    };
-}>, {
-    model: import("vue-demi").Ref<string | number | boolean | Date | Record<string, any> | unknown[], string | number | boolean | Date | Record<string, any> | unknown[]>;
-    items: import("vue-demi").ComputedRef<SelectItem[]>;
-    isOpen: import("vue-demi").Ref<boolean, boolean>;
-    selected: import("vue-demi").ComputedRef<SelectItem | undefined>;
-    close: () => void;
-}, {}, {}, {}, import("vue-demi").ComponentOptionsMixin, import("vue-demi").ComponentOptionsMixin, "update:modelValue"[], "update:modelValue", import("vue-demi").PublicProps, Readonly<import("vue-demi").ExtractPropTypes<{
-    schema: {
-        type: PropType<FilterSelect>;
-        required: true;
-    };
-    options: {
-        type: PropType<string[] | SelectItem[]>;
-        default: () => never[];
-    };
-    modelValue: {
-        type: (NumberConstructor | BooleanConstructor | ArrayConstructor | StringConstructor | ObjectConstructor | DateConstructor)[];
-        default: undefined;
-    };
-}>> & Readonly<{
-    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
-}>, {
-    modelValue: string | number | boolean | Date | Record<string, any> | unknown[];
-    options: string[] | SelectItem[];
-}, {}, {
-    Dropdown: any;
-    DropdownItem: any;
-    DropdownHeader: any;
-    Radio: any;
-}, {}, string, import("vue-demi").ComponentProvideOptions, true, {}, any>;
-export default _default;