@adyen/bento-vue3 1.94.0 → 1.95.0

package/dist/code-snippet.js

@@ -1,4 +1,4 @@
-import { c as n, B as o, a as p, b as a } from "./chunks/code-snippet.CGOmdPc-.js";
+import { c as n, B as o, a as p, b as a } from "./chunks/code-snippet.B9QFjFXf.js";
 export {
   n as BentoCodeSnippet,
   o as BentoCodeSnippetEvent,

package/dist/dashboard-template.js

@@ -1,4 +1,4 @@
-import { d as e, a as t } from "./chunks/dashboard-section.NWMwtxVX.js";
+import { d as e, a as t } from "./chunks/dashboard-section.C4plNql-.js";
 export {
   e as BentoDashboardSection,
   t as BentoDashboardTemplate

package/dist/dashed-underline.js

@@ -1,4 +1,4 @@
-import { B as o } from "./chunks/dashed-underline.DojqhvAa.js";
+import { B as o } from "./chunks/dashed-underline.DJmMXcdt.js";
 export {
   o as BentoDashedUnderline
 };

package/dist/data-grid-template.js

@@ -1,4 +1,4 @@
-import { d as t } from "./chunks/data-grid-template.Bf-VZS0u.js";
+import { d as t } from "./chunks/data-grid-template.Bwxo0AII.js";
 export {
   t as BentoDataGridTemplate
 };

package/dist/data-grid.js

@@ -1,4 +1,4 @@
-import { B as e, d as o, a as r, b as i, c as n, e as d, f as B, g as l, h as s, i as D } from "./chunks/data-grid.D_TrebJz.js";
+import { B as e, d as o, a as r, b as i, c as n, e as d, f as B, g as l, h as s, i as D } from "./chunks/data-grid.Bx3Xy1tb.js";
 export {
   e as BentoColumnOverflow,
   o as BentoDataGrid,

package/dist/date-picker.js

@@ -1,6 +1,6 @@
-import { B as a } from "./chunks/date-picker.DUUGSbot.js";
+import { B as a } from "./chunks/date-picker.89J8PGKn.js";
 import { B as o } from "./chunks/date-picker.types.Ckt7zxGy.js";
-import { C as n, a as B } from "./chunks/calendar.D8CM3XkW.js";
+import { C as n, a as B } from "./chunks/calendar.74nP7Nu6.js";
 export {
   a as BentoDatePicker,
   o as BentoDatePickerEvent,

package/dist/date-range-picker.js

@@ -1,6 +1,6 @@
-import { B as t } from "./chunks/date-range-picker.C5CSReZ5.js";
+import { B as t } from "./chunks/date-range-picker.iaXigXuW.js";
 import { B as n } from "./chunks/date-range-picker.types.Ckt7zxGy.js";
-import { C as i, a as B } from "./chunks/calendar.D8CM3XkW.js";
+import { C as i, a as B } from "./chunks/calendar.74nP7Nu6.js";
 export {
   t as BentoDateRangePicker,
   n as BentoDateRangePickerEvent,

package/dist/date-time-picker.js

@@ -0,0 +1,123 @@
+import { defineComponent as F, ref as U, computed as a, watch as E, openBlock as O, createElementBlock as $, createVNode as n, unref as d, withCtx as j, mergeProps as f } from "vue";
+import { s as D, a as v } from "./chunks/set-time-in-date.9-8WOiMT.js";
+import { e as w, s as A } from "./chunks/calendar.74nP7Nu6.js";
+import { B as G } from "./chunks/date-picker.89J8PGKn.js";
+import { B as L, i as Y } from "./chunks/input-time.DxCYIHSf.js";
+import { u as N } from "./chunks/use-date-input-formatter.BshboCF9.js";
+import { u as z } from "./chunks/use-touch-device.DTqFAbXh.js";
+import { u as H } from "./chunks/index.B875RXHM.js";
+import { B as J } from "./chunks/form-layout-group.08QuvVmC.js";
+import { _ as K } from "./chunks/_plugin-vue_export-helper.CHgC5LLL.js";
+import "./assets/date-time-picker.css";
+const M = {
+  "en-US": { "DD-MM-YYYY": "DD-MM-YYYY", "MM-DD-YYYY": "MM-DD-YYYY", "YYYY-MM-DD": "YYYY-MM-DD" }
+}, Q = { class: "b-date-time-picker" }, R = {
+  i18n: { messages: M },
+  name: "bento-date-time-picker",
+  inheritAttrs: !1,
+  model: { prop: "modelValue", event: "update:model-value" }
+}, W = /* @__PURE__ */ F({
+  ...R,
+  props: {
+    modelValue: { default: null },
+    disabled: { type: Boolean, default: !1 },
+    errorMessage: { default: null },
+    isDateDisabled: { default: void 0 },
+    max: { default: null },
+    min: { default: null },
+    readonly: { type: Boolean, default: !1 },
+    required: { type: Boolean, default: !1 },
+    dateProps: { default: () => ({}) },
+    timeProps: { default: () => ({}) }
+  },
+  emits: ["update:model-value", "input:valid", "input:error"],
+  setup(_, { emit: b }) {
+    const e = _, r = b, s = U(""), { dateFormat: u } = N(), { isTouchDevice: V } = z(), { t: m } = H({ messages: M }), g = a(() => e.modelValue ?? null), T = a(() => s.value), B = a(() => e.dateProps?.isDateDisabled ?? e.isDateDisabled), P = a(() => V.value ? e.dateProps?.description : e.dateProps?.description ? `${e.dateProps.description} ${m(u.value)}` : m(u.value)), y = (t) => !(B.value?.(A(t)) || e.min && t < v(e.min, 0) || e.max && t > v(e.max, 0)), I = a(() => ({
+      disabled: e.disabled,
+      isDateDisabled: e.isDateDisabled,
+      max: e.max,
+      min: e.min,
+      readonly: e.readonly,
+      required: e.required,
+      errorMessage: e.errorMessage,
+      ...e.dateProps,
+      description: P.value
+    })), k = a(() => ({
+      disabled: e.disabled,
+      errorMessage: e.errorMessage,
+      readonly: e.readonly,
+      required: e.required,
+      ...e.timeProps
+    }));
+    E(
+      () => e.modelValue,
+      (t) => {
+        s.value = t ? w(t) : "";
+      },
+      { immediate: !0 }
+    );
+    const p = (t) => !t || y(t), i = (t) => {
+      r(t ? "input:valid" : "input:error");
+    }, c = (t) => {
+      r("update:model-value", t);
+    }, o = (t) => {
+      c(t), i(p(t));
+    }, x = (t) => {
+      c(t), i(!1);
+    }, h = (t) => {
+      if (!t) {
+        o(null);
+        return;
+      }
+      const l = s.value;
+      if (l && !Y(l)) {
+        x(null);
+        return;
+      }
+      o(D(t, l || "00:00:00"));
+    }, q = (t) => {
+      if (s.value = t, !t) {
+        o(null);
+        return;
+      }
+      if (!Y(t)) {
+        r("input:error");
+        return;
+      }
+      if (!e.modelValue) {
+        o(null);
+        return;
+      }
+      o(D(e.modelValue, t));
+    }, C = () => {
+      i(p(e.modelValue));
+    }, S = () => {
+      r("input:error");
+    };
+    return (t, l) => (O(), $("div", Q, [
+      n(d(J), {
+        class: "b-date-time-picker__inputs",
+        layout: "50-50",
+        "error-message": e.errorMessage
+      }, {
+        default: j(() => [
+          n(d(G), f({ class: "b-date-time-picker__date-input" }, I.value, {
+            "model-value": g.value,
+            "onUpdate:modelValue": h
+          }), null, 16, ["model-value"]),
+          n(d(L), f({ class: "b-date-time-picker__time-input" }, k.value, {
+            "model-value": T.value,
+            "onUpdate:modelValue": q,
+            "onInput:valid": C,
+            "onInput:error": S
+          }), null, 16, ["model-value"])
+        ]),
+        _: 1
+      }, 8, ["error-message"])
+    ]));
+  }
+}), ne = /* @__PURE__ */ K(W, [["__scopeId", "data-v-7be60b67"]]);
+export {
+  ne as BentoDateTimePicker
+};
+//# sourceMappingURL=date-time-picker.js.map

package/dist/date-time-picker.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"date-time-picker.js","sources":["../../vue2/src/components/date-time-picker/date-time-picker.vue"],"sourcesContent":["<template>\n    <div class=\"b-date-time-picker\">\n        <bento-form-layout-group class=\"b-date-time-picker__inputs\" layout=\"50-50\" :error-message=\"props.errorMessage\">\n            <bento-date-picker\n                class=\"b-date-time-picker__date-input\"\n                v-bind=\"resolvedDateProps\"\n                :model-value=\"dateValue\"\n                @update:model-value=\"onDateChanged\"\n            />\n            <bento-input-time\n                class=\"b-date-time-picker__time-input\"\n                v-bind=\"resolvedTimeProps\"\n                :model-value=\"timeValue\"\n                @update:model-value=\"onTimeChanged\"\n                @input:valid=\"onTimeValid\"\n                @input:error=\"onTimeError\"\n            />\n        </bento-form-layout-group>\n    </div>\n</template>\n\n<script setup lang=\"ts\">\n    import { computed, ref, watch } from 'vue';\n    import { setMilliseconds } from 'date-fns/setMilliseconds';\n    import { startOfDay } from 'date-fns/startOfDay';\n\n    // Components\n    import { BentoDatePicker } from '@/components/date-picker';\n    import { BentoFormLayoutGroup } from '@/components/form-layout';\n    import { BentoInputTime } from '@/components/input-time';\n\n    // Utils\n    import { useDateInputFormatter, useTouchDevice } from '@/composables';\n    import { useI18n } from '@/utils/ts/i18n';\n    import { dateToTimeInputString, setTimeInDateObject } from '@/utils/ts/format-date';\n    import { isValidTimeString } from '@/utils/ts/time-input';\n\n    // Types\n    import type {\n        BentoDateTimePickerEmits,\n        BentoDateTimePickerProps,\n        BentoDateTimePickerValue,\n    } from './date-time-picker.types';\n    import messages from './messages.json';\n\n    type MessageSchema = (typeof messages)['en-US'];\n\n    const props = withDefaults(defineProps<BentoDateTimePickerProps>(), {\n        dateProps: () => ({}),\n        disabled: false,\n        errorMessage: null,\n        isDateDisabled: undefined,\n        max: null,\n        min: null,\n        modelValue: null,\n        readonly: false,\n        required: false,\n        timeProps: () => ({}),\n    });\n\n    const emit = defineEmits<BentoDateTimePickerEmits>();\n    const currentTimeText = ref('');\n    const { dateFormat } = useDateInputFormatter();\n    const { isTouchDevice } = useTouchDevice();\n    const { t } = useI18n<{ message: MessageSchema }>({ messages });\n\n    const dateValue = computed(() => props.modelValue ?? null);\n    const timeValue = computed(() => currentTimeText.value);\n    const resolvedIsDateDisabled = computed(() => props.dateProps?.isDateDisabled ?? props.isDateDisabled);\n    const dateDescription = computed(() => {\n        if (isTouchDevice.value) {\n            return props.dateProps?.description;\n        } else {\n            return props.dateProps?.description\n                ? `${props.dateProps.description} ${t(dateFormat.value)}`\n                : t(dateFormat.value);\n        }\n    });\n\n    const isMergedDateInBounds = (date: Date) => {\n        if (resolvedIsDateDisabled.value?.(startOfDay(date))) {\n            return false;\n        }\n\n        if (props.min && date < setMilliseconds(props.min, 0)) {\n            return false;\n        }\n\n        if (props.max && date > setMilliseconds(props.max, 0)) {\n            return false;\n        }\n\n        return true;\n    };\n\n    const resolvedDateProps = computed(() => ({\n        disabled: props.disabled,\n        isDateDisabled: props.isDateDisabled,\n        max: props.max,\n        min: props.min,\n        readonly: props.readonly,\n        required: props.required,\n        errorMessage: props.errorMessage,\n        ...props.dateProps,\n        description: dateDescription.value,\n    }));\n\n    const resolvedTimeProps = computed(() => ({\n        disabled: props.disabled,\n        errorMessage: props.errorMessage,\n        readonly: props.readonly,\n        required: props.required,\n        ...props.timeProps,\n    }));\n\n    watch(\n        () => props.modelValue,\n        newValue => {\n            currentTimeText.value = newValue ? dateToTimeInputString(newValue) : '';\n        },\n        { immediate: true }\n    );\n\n    const validateBounds = (value: BentoDateTimePickerValue) => !value || isMergedDateInBounds(value);\n\n    const emitValidationState = (isValid: boolean) => {\n        if (isValid) {\n            emit('input:valid');\n        } else {\n            emit('input:error');\n        }\n    };\n\n    const emitModelValue = (value: BentoDateTimePickerValue) => {\n        emit('update:model-value', value);\n    };\n\n    const emitValidatedValue = (value: BentoDateTimePickerValue) => {\n        emitModelValue(value);\n        emitValidationState(validateBounds(value));\n    };\n\n    const emitInvalidModelValue = (value: BentoDateTimePickerValue) => {\n        emitModelValue(value);\n        emitValidationState(false);\n    };\n\n    const onDateChanged = (date: Date | null) => {\n        if (!date) {\n            emitValidatedValue(null);\n            return;\n        }\n\n        const time = currentTimeText.value;\n\n        if (time && !isValidTimeString(time)) {\n            emitInvalidModelValue(null);\n            return;\n        }\n\n        emitValidatedValue(setTimeInDateObject(date, time || '00:00:00'));\n    };\n\n    const onTimeChanged = (time: string) => {\n        currentTimeText.value = time;\n\n        if (!time) {\n            emitValidatedValue(null);\n            return;\n        }\n\n        if (!isValidTimeString(time)) {\n            emit('input:error');\n            return;\n        }\n\n        if (!props.modelValue) {\n            emitValidatedValue(null);\n            return;\n        }\n\n        emitValidatedValue(setTimeInDateObject(props.modelValue, time));\n    };\n\n    const onTimeValid = () => {\n        emitValidationState(validateBounds(props.modelValue));\n    };\n\n    const onTimeError = () => {\n        emit('input:error');\n    };\n</script>\n\n<script lang=\"ts\">\n    /**\n     * Date time picker that combines a date picker (single date) with a time input.\n     *\n     * @example\n     * import { BentoDateTimePicker } from '@adyen/bento-vue2';\n     *\n     * export default {\n     *     components: { BentoDateTimePicker },\n     *     template: `\n     *         <bento-date-time-picker\n     *             :date-props=\"{ label: 'Date' }\"\n     *             :time-props=\"{ label: 'Time' }\"\n     *             required\n     *             :model-value=\"dateTimeValue\"\n     *             @update:model-value=\"newValue => dateTimeValue = newValue\"\n     *         />\n     *     `\n     * }\n     */\n    export default {\n        i18n: { messages },\n        name: 'bento-date-time-picker',\n        inheritAttrs: false,\n        model: { prop: 'modelValue', event: 'update:model-value' },\n    };\n</script>\n\n<style lang=\"scss\" scoped src=\"./date-time-picker.scss\" />\n"],"names":["__default__","messages","props","__props","emit","__emit","currentTimeText","ref","dateFormat","useDateInputFormatter","isTouchDevice","useTouchDevice","t","useI18n","dateValue","computed","timeValue","resolvedIsDateDisabled","dateDescription","isMergedDateInBounds","date","startOfDay","setMilliseconds","resolvedDateProps","resolvedTimeProps","watch","newValue","dateToTimeInputString","validateBounds","value","emitValidationState","isValid","emitModelValue","emitValidatedValue","emitInvalidModelValue","onDateChanged","time","isValidTimeString","setTimeInDateObject","onTimeChanged","onTimeValid","onTimeError"],"mappings":"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"}

package/dist/draggable.js

@@ -1,4 +1,4 @@
-import { d as g, a as o } from "./chunks/draggable-handle.B_E-T3BS.js";
+import { d as g, a as o } from "./chunks/draggable-handle.CKuHzAzS.js";
 export {
   g as BentoDraggable,
   o as BentoDraggableHandle

package/dist/drawer.js

@@ -1,4 +1,4 @@
-import { d as o } from "./chunks/drawer.GXqb2HPx.js";
+import { d as o } from "./chunks/drawer.BQoyUVOW.js";
 export {
   o as BentoDrawer
 };

package/dist/dropdown.js

@@ -1,6 +1,6 @@
-import { B as r, a } from "./chunks/dropdown.Bsic3Nll.js";
-import { _ as t, a as p, b as d, d as B, c as s } from "./chunks/dropdown-tag.DUDW-Be6.js";
-import { B as D, a as y } from "./chunks/use-cached-selected-values.C2nbQ4g-.js";
+import { B as r, a } from "./chunks/dropdown.CK8cdMyV.js";
+import { _ as t, a as p, b as d, d as B, c as s } from "./chunks/dropdown-tag.DNWUbf7x.js";
+import { B as D, a as y } from "./chunks/use-cached-selected-values.CtWNiy-e.js";
 export {
   r as BentoDropdown,
   t as BentoDropdownAvatar,

package/dist/file-uploader.js

@@ -1,4 +1,4 @@
-import { f as r } from "./chunks/file-uploader.CKo27YzT.js";
+import { f as r } from "./chunks/file-uploader.C9YOBRQg.js";
 export {
   r as BentoFileUploader
 };

package/dist/filter-bar.js

@@ -1,4 +1,4 @@
-import { B as a, a as r, b as B, c as n, d as o } from "./chunks/filter-bar.Dhghqmhb.js";
+import { B as a, a as r, b as B, c as n, d as o } from "./chunks/filter-bar.CqbdRCQD.js";
 export {
   a as BentoBaseFilter,
   r as BentoFilterBar,

package/dist/focus-trap.js

@@ -1,4 +1,4 @@
-import { B as a } from "./chunks/focus-trap.DcxrXRKl.js";
+import { B as a } from "./chunks/focus-trap.Dl_rHbwH.js";
 export {
   a as BentoFocusTrap
 };

package/dist/form-layout.js

@@ -1,8 +1,9 @@
-import { f as a, a as e, b as r, c as m } from "./chunks/form-layout-title.B712PesH.js";
+import { f as a, a as r, b as e } from "./chunks/form-layout-title.Kwve4xv2.js";
+import { B as u } from "./chunks/form-layout-group.08QuvVmC.js";
 export {
   a as BentoFormLayout,
-  e as BentoFormLayoutFieldTip,
-  r as BentoFormLayoutGroup,
-  m as BentoFormLayoutTitle
+  r as BentoFormLayoutFieldTip,
+  u as BentoFormLayoutGroup,
+  e as BentoFormLayoutTitle
 };
 //# sourceMappingURL=form-layout.js.map

package/dist/form-layout.js.map

@@ -1 +1 @@
-{"version":3,"file":"form-layout.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}
+{"version":3,"file":"form-layout.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;"}

package/dist/header-with-views.js

@@ -1,4 +1,4 @@
-import { h as r } from "./chunks/header-with-views.MPJPxTzT.js";
+import { h as r } from "./chunks/header-with-views.CB8M1Udi.js";
 export {
   r as BentoHeaderWithViews
 };

package/dist/header.js

@@ -1,4 +1,4 @@
-import { B as r } from "./chunks/header.CBzF5Ap9.js";
+import { B as r } from "./chunks/header.Ds0sFKBB.js";
 export {
   r as BentoHeader
 };