@privyid/persona 1.1.2 → 1.2.0

package/dist/components/datepicker/Datepicker.vue

@@ -49,168 +49,137 @@
   </Dropdown>
 </template>
 
-<script lang="ts" setup>
-import Dropdown from '../dropdown/Dropdown.vue'
-import Input from '../input/Input.vue'
-import Calendar from '../calendar/Calendar.vue'
-import { format as formatDate, isDate } from 'date-fns'
-import type { PropType } from 'vue-demi'
+<script setup>
+import Dropdown from "../dropdown/Dropdown.vue";
+import Input from "../input/Input.vue";
+import Calendar from "../calendar/Calendar.vue";
+import { format as formatDate, isDate } from "date-fns";
 import {
   computed,
   ref,
-  watch,
-} from 'vue-demi'
-import type { CalendarMode } from '../calendar/adapter/adapter'
-import { useVModel } from '../input'
-import IconCalendar from '@privyid/persona-icon/vue/calendar/16.vue'
-import type { SizeVariant } from '../button'
-import type { Placement } from '@floating-ui/dom'
-
-defineOptions({ inheritAttrs: false })
-
+  watch
+} from "vue-demi";
+import { useVModel } from "../input";
+import IconCalendar from "@privyid/persona-icon/vue/calendar/16.vue";
+defineOptions({ inheritAttrs: false });
 const props = defineProps({
   modelValue: {
-    type   : [Date, Array] as PropType<Date | [Date, Date]>,
-    default: undefined,
+    type: [Date, Array],
+    default: void 0
   },
   size: {
-    type   : String as PropType<SizeVariant>,
-    default: 'md',
+    type: String,
+    default: "md"
   },
   disabled: {
-    type   : Boolean,
-    default: false,
+    type: Boolean,
+    default: false
   },
   readonly: {
-    type   : Boolean,
-    default: false,
+    type: Boolean,
+    default: false
   },
   error: {
-    type   : Boolean,
-    default: false,
+    type: Boolean,
+    default: false
   },
   clearable: {
-    type   : Boolean,
-    default: false,
+    type: Boolean,
+    default: false
   },
   containerClass: {
     type: [
       String,
       Array,
-      Object,
+      Object
     ],
-    default: undefined,
+    default: void 0
   },
   start: {
-    type   : Date,
-    default: undefined,
+    type: Date,
+    default: void 0
   },
   end: {
-    type   : Date,
-    default: undefined,
+    type: Date,
+    default: void 0
   },
   placeholder: {
-    type   : String,
-    default: '',
+    type: String,
+    default: ""
   },
   format: {
-    type   : String,
-    default: 'dd/MM/yyyy',
+    type: String,
+    default: "dd/MM/yyyy"
   },
   max: {
-    type   : Date,
-    default: undefined,
+    type: Date,
+    default: void 0
   },
   min: {
-    type   : Date,
-    default: undefined,
+    type: Date,
+    default: void 0
   },
   mode: {
-    type   : String as PropType<CalendarMode>,
-    default: 'date',
+    type: String,
+    default: "date"
   },
   range: {
-    type   : Boolean,
-    default: false,
+    type: Boolean,
+    default: false
   },
   minRange: {
-    type   : String,
-    default: undefined,
+    type: String,
+    default: void 0
   },
   maxRange: {
-    type   : String,
-    default: undefined,
+    type: String,
+    default: void 0
   },
   placement: {
-    type   : String as PropType<Placement>,
-    default: 'bottom-start',
-  },
-})
-
-const emit = defineEmits<{
-  'change': [unknown],
-  'update:modelValue': [unknown],
-  'update:start': [Date],
-  'update:end': [Date],
-}>()
-
-const model  = useVModel(props)
-const isOpen = ref(false)
-
+    type: String,
+    default: "bottom-start"
+  }
+});
+const emit = defineEmits(["change", "update:modelValue", "update:start", "update:end"]);
+const model = useVModel(props);
+const isOpen = ref(false);
 const value = computed(() => {
-  const dates = Array.isArray(model.value)
-    ? model.value
-    : [model.value]
-
+  const dates = Array.isArray(model.value) ? model.value : [model.value];
   return dates.map((date) => {
-    return isDate(date)
-      ? formatDate(date as Date, props.format)
-      : ''
-  }).filter(Boolean).join(' - ')
-})
-
+    return isDate(date) ? formatDate(date, props.format) : "";
+  }).filter(Boolean).join(" - ");
+});
 watch(() => props.start, (start) => {
   if (Array.isArray(model.value))
-    model.value[0] = start
-})
-
+    model.value[0] = start;
+});
 watch(() => props.end, (end) => {
   if (Array.isArray(model.value))
-    model.value[1] = end
-})
-
+    model.value[1] = end;
+});
 const classNames = computed(() => {
-  const result: string[] = []
-
+  const result = [];
   if (isOpen.value)
-    result.push('datepicker--open')
-
+    result.push("datepicker--open");
   if (props.disabled)
-    result.push('datepicker--disabled')
-
+    result.push("datepicker--disabled");
   if (props.readonly)
-    result.push('datepicker--readonly')
-
+    result.push("datepicker--readonly");
   if (props.error)
-    result.push('datepicker--error', 'state--error')
-
-  return result
-})
-
-function onFocus () {
+    result.push("datepicker--error", "state--error");
+  return result;
+});
+function onFocus() {
   if (!props.disabled && !props.readonly)
-    isOpen.value = true
+    isOpen.value = true;
 }
-
-function onClear () {
+function onClear() {
   if (!props.disabled && !props.readonly)
-    model.value = undefined
+    model.value = void 0;
 }
-
-function onSelected (event: Event) {
-  isOpen.value = false
-
-  emit('change', event)
+function onSelected(event) {
+  isOpen.value = false;
+  emit("change", event);
 }
 </script>
 

package/dist/components/datepicker/Datepicker.vue.d.ts

@@ -0,0 +1,181 @@
+import type { PropType } from 'vue-demi';
+import type { CalendarMode } from '../calendar/adapter/adapter';
+import type { SizeVariant } from '../button';
+import type { Placement } from '@floating-ui/dom';
+declare const _default: import("vue-demi").DefineComponent<import("vue-demi").ExtractPropTypes<{
+    modelValue: {
+        type: PropType<Date | [Date, Date]>;
+        default: undefined;
+    };
+    size: {
+        type: PropType<SizeVariant>;
+        default: string;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    readonly: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    error: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    clearable: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    containerClass: {
+        type: (StringConstructor | ObjectConstructor | ArrayConstructor)[];
+        default: undefined;
+    };
+    start: {
+        type: DateConstructor;
+        default: undefined;
+    };
+    end: {
+        type: DateConstructor;
+        default: undefined;
+    };
+    placeholder: {
+        type: StringConstructor;
+        default: string;
+    };
+    format: {
+        type: StringConstructor;
+        default: string;
+    };
+    max: {
+        type: DateConstructor;
+        default: undefined;
+    };
+    min: {
+        type: DateConstructor;
+        default: undefined;
+    };
+    mode: {
+        type: PropType<CalendarMode>;
+        default: string;
+    };
+    range: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    minRange: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    maxRange: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    placement: {
+        type: PropType<Placement>;
+        default: string;
+    };
+}>, {}, {}, {}, {}, import("vue-demi").ComponentOptionsMixin, import("vue-demi").ComponentOptionsMixin, {
+    "update:modelValue": (args_0: unknown) => void;
+    change: (args_0: unknown) => void;
+    "update:start": (args_0: Date) => void;
+    "update:end": (args_0: Date) => void;
+}, string, import("vue-demi").PublicProps, Readonly<import("vue-demi").ExtractPropTypes<{
+    modelValue: {
+        type: PropType<Date | [Date, Date]>;
+        default: undefined;
+    };
+    size: {
+        type: PropType<SizeVariant>;
+        default: string;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    readonly: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    error: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    clearable: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    containerClass: {
+        type: (StringConstructor | ObjectConstructor | ArrayConstructor)[];
+        default: undefined;
+    };
+    start: {
+        type: DateConstructor;
+        default: undefined;
+    };
+    end: {
+        type: DateConstructor;
+        default: undefined;
+    };
+    placeholder: {
+        type: StringConstructor;
+        default: string;
+    };
+    format: {
+        type: StringConstructor;
+        default: string;
+    };
+    max: {
+        type: DateConstructor;
+        default: undefined;
+    };
+    min: {
+        type: DateConstructor;
+        default: undefined;
+    };
+    mode: {
+        type: PropType<CalendarMode>;
+        default: string;
+    };
+    range: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    minRange: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    maxRange: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    placement: {
+        type: PropType<Placement>;
+        default: string;
+    };
+}>> & Readonly<{
+    "onUpdate:modelValue"?: ((args_0: unknown) => any) | undefined;
+    onChange?: ((args_0: unknown) => any) | undefined;
+    "onUpdate:start"?: ((args_0: Date) => any) | undefined;
+    "onUpdate:end"?: ((args_0: Date) => any) | undefined;
+}>, {
+    size: SizeVariant;
+    modelValue: Date | [Date, Date];
+    disabled: boolean;
+    error: boolean;
+    mode: "date" | "month" | "year";
+    max: Date;
+    placement: Placement;
+    start: Date;
+    end: Date;
+    readonly: boolean;
+    min: Date;
+    range: boolean;
+    minRange: string;
+    maxRange: string;
+    clearable: boolean;
+    containerClass: string | unknown[] | Record<string, any>;
+    placeholder: string;
+    format: string;
+}, {}, {}, {}, string, import("vue-demi").ComponentProvideOptions, true, {}, any>;
+export default _default;