@adyen/bento-vue2 1.28.1 → 1.29.0

package/dist/empty-state.js

@@ -1,8 +1,146 @@
-import { B as e, b as m, c as n, a as o } from "./chunks/empty-state.BqVOj4v1.js";
+import { defineComponent as D, ref as v, computed as l, watch as d } from "vue";
+import { a as L } from "./chunks/button.9184ade9.js";
+import { c as y, B as C } from "./chunks/index.e29a6907.js";
+import { o as A } from "./chunks/resize.a041304d.js";
+import { n as O } from "./chunks/_plugin-vue2_normalizer.71e2aa87.js";
+import "./assets/index13.css";
+const _ = (s, e) => {
+  const t = s[e];
+  return t ? typeof t == "function" ? t() : Promise.resolve(t) : new Promise((r, n) => {
+    (typeof queueMicrotask == "function" ? queueMicrotask : setTimeout)(n.bind(null, new Error("Unknown variable dynamic import: " + e)));
+  });
+};
+var a = /* @__PURE__ */ ((s) => (s.FULL_PAGE = "full-page", s.EMBEDDED = "embedded", s.BASIC = "basic", s.CONDENSED = "condensed", s))(a || {}), p = /* @__PURE__ */ ((s) => (s.GENERIC_USE1 = "1-generic-use", s.GENERIC_USE2 = "2-generic-use", s.GENERIC_USE3 = "3-generic-use", s.GENERIC_USE4 = "4-generic-use", s.ADDING_PAYMENT_METHOD = "adding-payment-methods", s.ADYEN_GIVING = "adyen-giving", s.INTERNAL_ERROR = "internal-error", s.NO_RESULTS_FOUND = "no-results-found", s.NOTIFICATIONS_CLEARED = "notifications-cleared", s.PAGE_NOT_FOUND = "page-not-found", s.PLANNED_MAINTENANCE = "planned-maintenance", s.REFERRALS = "referrals", s.SUCCESS = "success", s.UPLOAD_FILES = "upload-files", s.WRONG_ENVIRONMENT = "wrong-environment", s))(p || {}), o = /* @__PURE__ */ ((s) => (s.SMALL = "small", s.LARGE = "large", s[s.NULL = null] = "NULL", s))(o || {});
+const b = {}, R = /* @__PURE__ */ D({
+  ...b,
+  __name: "empty-state",
+  props: {
+    /**
+     * Defines the button at the end of the component.
+     */
+    action: {
+      type: Object,
+      default: null,
+      validator: (s) => !!(s.title && s.event)
+    },
+    /**
+     * The empty state description.
+     * Gives additional details to the issue.
+     * This can be used or the default slot
+     */
+    description: {
+      type: String,
+      default: null
+    },
+    /**
+     * Sets the heading HTML DOM element.
+     * @values h1, h2, h3, h4, h5, h6, div, p, span
+     */
+    headingEl: {
+      type: String,
+      default: null,
+      validator: (s) => Object.values(y).includes(s)
+    },
+    /**
+     * Name of the illustration for the empty state.
+     */
+    image: {
+      type: String,
+      default: null,
+      validator: (s) => Object.values(p).includes(s)
+    },
+    /**
+     * The empty state heading.
+     * Should clearly explain the issue.
+     */
+    title: {
+      type: String,
+      default: ""
+    },
+    /**
+     * Types of different empty states
+     * @values full-page, embedded, basic, condensed
+     */
+    variant: {
+      type: String,
+      default: "basic",
+      validator: (s) => Object.values(a).includes(s)
+    }
+  },
+  setup(s) {
+    const e = s, t = 740, r = {
+      [a.FULL_PAGE]: "h2",
+      [a.EMBEDDED]: "h3",
+      [a.BASIC]: "h3",
+      [a.CONDENSED]: "div"
+    }, n = v(null), c = v(0), u = l(() => c.value < t), i = l(() => {
+      switch (e.variant) {
+        case a.FULL_PAGE:
+          return u.value ? o.SMALL : o.LARGE;
+        case a.EMBEDDED:
+          return u.value ? null : o.SMALL;
+        default:
+          return null;
+      }
+    }), g = v("");
+    d(
+      [() => e.image, i],
+      async () => {
+        e.image && i.value && (i.value === "small" ? g.value = (await _(/* @__PURE__ */ Object.assign({ "./assets/small/1-generic-use.svg": () => import("./chunks/1-generic-use.3ea646cd.js"), "./assets/small/2-generic-use.svg": () => import("./chunks/2-generic-use.d69d7c08.js"), "./assets/small/3-generic-use.svg": () => import("./chunks/3-generic-use.fe7ae2ce.js"), "./assets/small/4-generic-use.svg": () => import("./chunks/4-generic-use.cd04bad0.js"), "./assets/small/adding-payment-methods.svg": () => import("./chunks/adding-payment-methods.d570e03e.js"), "./assets/small/adyen-giving.svg": () => import("./chunks/adyen-giving.480913b5.js"), "./assets/small/internal-error.svg": () => import("./chunks/internal-error.9a4823ed.js"), "./assets/small/no-results-found.svg": () => import("./chunks/no-results-found.58856d70.js"), "./assets/small/notifications-cleared.svg": () => import("./chunks/notifications-cleared.71025c22.js"), "./assets/small/page-not-found.svg": () => import("./chunks/page-not-found.d1a84ba7.js"), "./assets/small/planned-maintenance.svg": () => import("./chunks/planned-maintenance.7fa5ac16.js"), "./assets/small/referrals.svg": () => import("./chunks/referrals.599047da.js"), "./assets/small/success.svg": () => import("./chunks/success.77fac78b.js"), "./assets/small/upload-files.svg": () => import("./chunks/upload-files.2708eca7.js"), "./assets/small/wrong-environment.svg": () => import("./chunks/wrong-environment.c73b0bc0.js") }), `./assets/small/${e.image}.svg`)).default : g.value = (await _(/* @__PURE__ */ Object.assign({ "./assets/large/1-generic-use.svg": () => import("./chunks/1-generic-use.ccca5813.js"), "./assets/large/2-generic-use.svg": () => import("./chunks/2-generic-use.443db127.js"), "./assets/large/3-generic-use.svg": () => import("./chunks/3-generic-use.9f74667f.js"), "./assets/large/4-generic-use.svg": () => import("./chunks/4-generic-use.0356f4a1.js"), "./assets/large/adding-payment-methods.svg": () => import("./chunks/adding-payment-methods.e419d6c0.js"), "./assets/large/adyen-giving.svg": () => import("./chunks/adyen-giving.54ed984c.js"), "./assets/large/internal-error.svg": () => import("./chunks/internal-error.35cbb071.js"), "./assets/large/no-results-found.svg": () => import("./chunks/no-results-found.cbb12f78.js"), "./assets/large/notifications-cleared.svg": () => import("./chunks/notifications-cleared.c4f4bed4.js"), "./assets/large/page-not-found.svg": () => import("./chunks/page-not-found.a500440d.js"), "./assets/large/planned-maintenance.svg": () => import("./chunks/planned-maintenance.cff01aed.js"), "./assets/large/referrals.svg": () => import("./chunks/referrals.178ce0eb.js"), "./assets/large/success.svg": () => import("./chunks/success.41981fe8.js"), "./assets/large/upload-files.svg": () => import("./chunks/upload-files.b4cd9f8b.js"), "./assets/large/wrong-environment.svg": () => import("./chunks/wrong-environment.f890a237.js") }), `./assets/large/${e.image}.svg`)).default);
+      },
+      { immediate: !0 }
+    );
+    const f = l(() => ({
+      "b-empty-state__image--small": i.value === "small",
+      "b-empty-state__image--large": i.value === "large"
+    })), m = l(
+      () => e.headingEl || r[e.variant]
+    ), E = l(() => ({
+      el: m.value,
+      medium: e.variant !== a.CONDENSED,
+      strongest: e.variant === a.CONDENSED,
+      variant: e.variant === a.CONDENSED ? "body" : "title"
+    })), N = l(() => {
+      switch (e.variant) {
+        case a.FULL_PAGE:
+          return "primary";
+        case a.CONDENSED:
+          return "tertiary";
+        default:
+          return "secondary";
+      }
+    });
+    return d(n, () => {
+      A(n.value, () => {
+        n.value && (c.value = n.value.offsetWidth);
+      });
+    }), { __sfc: !0, WIDTH_BREAKPOINT: t, HEADING_ELEMENT_MAP: r, props: e, rootRef: n, containerWidth: c, isBelowBreakpoint: u, imageVariant: i, imageSvg: g, imageConditionalClasses: f, headingElement: m, headingProps: E, actionVariant: N, BentoButton: L, BentoTypography: C };
+  }
+});
+var h = function() {
+  var e = this, t = e._self._c, r = e._self._setupProxy;
+  return t("div", { ref: "rootRef", staticClass: "b-empty-state" }, [e.image && r.imageVariant ? t("img", { staticClass: "b-empty-state__image", class: r.imageConditionalClasses, attrs: { alt: "", src: r.imageSvg } }) : e._e(), t(r.BentoTypography, e._b({ staticClass: "b-empty-state__title" }, "bento-typography", r.headingProps, !1), [e._t("title", function() {
+    return [e._v(" " + e._s(e.title) + " ")];
+  })], 2), e.variant !== "condensed" ? t(r.BentoTypography, { staticClass: "b-empty-state__details", attrs: { variant: "body" } }, [e._t("default", function() {
+    return [e._v(" " + e._s(e.description) + " ")];
+  })], 2) : e._e(), e.action ? t(r.BentoButton, { attrs: { type: "button", variant: r.actionVariant }, on: { click: e.action.event }, scopedSlots: e._u([e.action.icon ? { key: "iconLeft", fn: function() {
+    return [t(e.action.icon, { tag: "component", attrs: { "svg-title": e.action.title } })];
+  }, proxy: !0 } : null], null, !0) }, [e._v(" " + e._s(e.action.title) + " ")]) : e._e()], 1);
+}, T = [], G = /* @__PURE__ */ O(
+  R,
+  h,
+  T,
+  !1,
+  null,
+  "f86ead8f",
+  null,
+  null
+);
+const F = G.exports;
 export {
-  e as BentoEmptyState,
-  m as BentoEmptyStateImage,
-  n as BentoEmptyStateImageVariant,
-  o as BentoEmptyStateVariant
+  F as BentoEmptyState,
+  p as BentoEmptyStateImage,
+  o as BentoEmptyStateImageVariant,
+  a as BentoEmptyStateVariant
 };
 //# sourceMappingURL=empty-state.js.map

package/dist/empty-state.js.map

@@ -1 +1 @@
-{"version":3,"file":"empty-state.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}
+{"version":3,"file":"empty-state.js","sources":["../src/components/empty-state/empty-state.types.ts","../src/components/empty-state/empty-state.vue"],"sourcesContent":["export enum BentoEmptyStateVariant {\n    FULL_PAGE = 'full-page',\n    EMBEDDED = 'embedded',\n    BASIC = 'basic',\n    CONDENSED = 'condensed',\n}\n\nexport enum BentoEmptyStateImage {\n    GENERIC_USE1 = '1-generic-use',\n    GENERIC_USE2 = '2-generic-use',\n    GENERIC_USE3 = '3-generic-use',\n    GENERIC_USE4 = '4-generic-use',\n    ADDING_PAYMENT_METHOD = 'adding-payment-methods',\n    ADYEN_GIVING = 'adyen-giving',\n    INTERNAL_ERROR = 'internal-error',\n    NO_RESULTS_FOUND = 'no-results-found',\n    NOTIFICATIONS_CLEARED = 'notifications-cleared',\n    PAGE_NOT_FOUND = 'page-not-found',\n    PLANNED_MAINTENANCE = 'planned-maintenance',\n    REFERRALS = 'referrals',\n    SUCCESS = 'success',\n    UPLOAD_FILES = 'upload-files',\n    WRONG_ENVIRONMENT = 'wrong-environment',\n}\n\nexport enum BentoEmptyStateImageVariant {\n    SMALL = 'small',\n    LARGE = 'large',\n    NULL = null,\n}\n","<template>\n    <div ref=\"rootRef\" class=\"b-empty-state\">\n        <!-- illustration -->\n        <img\n            v-if=\"image && imageVariant\"\n            alt=\"\"\n            class=\"b-empty-state__image\"\n            :class=\"imageConditionalClasses\"\n            :src=\"imageSvg\"\n        />\n\n        <!-- heading -->\n        <bento-typography v-bind=\"headingProps\" class=\"b-empty-state__title\">\n            <slot name=\"title\">\n                {{ title }}\n            </slot>\n        </bento-typography>\n\n        <!-- details -->\n        <bento-typography v-if=\"variant !== 'condensed'\" variant=\"body\" class=\"b-empty-state__details\">\n            <slot>\n                {{ description }}\n            </slot>\n        </bento-typography>\n\n        <!-- action -->\n        <bento-button v-if=\"action\" type=\"button\" :variant=\"actionVariant\" @click=\"action.event\">\n            <template v-if=\"action.icon\" #iconLeft>\n                <component :is=\"action.icon\" :svg-title=\"action.title\"></component>\n            </template>\n            {{ action.title }}\n        </bento-button>\n    </div>\n</template>\n\n<script setup lang=\"ts\">\n    import { computed, PropType, ref, watch } from 'vue';\n\n    import { BentoButton, BentoButtonActionObject, BentoButtonVariant } from '@/components/button';\n    import { BentoTypography, BentoTypographyElement, BentoTypographyVariant } from '@/components/typography';\n\n    import { observeSizeOfElement } from '@/utils/ts/resize';\n\n    import { BentoEmptyStateImage, BentoEmptyStateImageVariant, BentoEmptyStateVariant } from './empty-state.types';\n\n    const WIDTH_BREAKPOINT = 740;\n\n    const HEADING_ELEMENT_MAP = {\n        [BentoEmptyStateVariant.FULL_PAGE]: 'h2',\n        [BentoEmptyStateVariant.EMBEDDED]: 'h3',\n        [BentoEmptyStateVariant.BASIC]: 'h3',\n        [BentoEmptyStateVariant.CONDENSED]: 'div',\n    };\n\n    const props = defineProps({\n        /**\n         * Defines the button at the end of the component.\n         */\n        action: {\n            type: Object as PropType<BentoButtonActionObject>,\n            default: null,\n            validator: (value: BentoButtonActionObject) => Boolean(value.title && value.event),\n        },\n\n        /**\n         * The empty state description.\n         * Gives additional details to the issue.\n         * This can be used or the default slot\n         */\n        description: {\n            type: String,\n            default: null,\n        },\n\n        /**\n         * Sets the heading HTML DOM element.\n         * @values h1, h2, h3, h4, h5, h6, div, p, span\n         */\n        headingEl: {\n            type: String as PropType<`${BentoTypographyElement}`>,\n            default: null,\n            validator: (value: BentoTypographyElement) => Object.values(BentoTypographyElement).includes(value),\n        },\n\n        /**\n         * Name of the illustration for the empty state.\n         */\n        image: {\n            type: String as PropType<`${BentoEmptyStateImage}`>,\n            default: null,\n            validator: (value: BentoEmptyStateImage) => Object.values(BentoEmptyStateImage).includes(value),\n        },\n\n        /**\n         * The empty state heading.\n         * Should clearly explain the issue.\n         */\n        title: {\n            type: String,\n            default: '',\n        },\n\n        /**\n         * Types of different empty states\n         * @values full-page, embedded, basic, condensed\n         */\n        variant: {\n            type: String as PropType<`${BentoEmptyStateVariant}`>,\n            default: 'basic',\n            validator: (value: BentoEmptyStateVariant) => Object.values(BentoEmptyStateVariant).includes(value),\n        },\n    });\n\n    const rootRef = ref<HTMLDivElement>(null);\n    const containerWidth = ref(0);\n\n    const isBelowBreakpoint = computed(() => containerWidth.value < WIDTH_BREAKPOINT);\n\n    const imageVariant = computed<BentoEmptyStateImageVariant>(() => {\n        switch (props.variant) {\n            case BentoEmptyStateVariant.FULL_PAGE:\n                return isBelowBreakpoint.value ? BentoEmptyStateImageVariant.SMALL : BentoEmptyStateImageVariant.LARGE;\n            case BentoEmptyStateVariant.EMBEDDED:\n                return isBelowBreakpoint.value ? null : BentoEmptyStateImageVariant.SMALL;\n            default:\n                return null;\n        }\n    });\n\n    const imageSvg = ref('');\n\n    watch(\n        [() => props.image, imageVariant],\n        async () => {\n            if (props.image && imageVariant.value) {\n                // rollup only supports one variable in a dynamic path\n                /* v8 ignore next 4 */\n                if (imageVariant.value === 'small') {\n                    imageSvg.value = (await import(`./assets/small/${props.image}.svg`)).default;\n                } else {\n                    imageSvg.value = (await import(`./assets/large/${props.image}.svg`)).default;\n                }\n            }\n        },\n        { immediate: true }\n    );\n\n    const imageConditionalClasses = computed(() => ({\n        'b-empty-state__image--small': imageVariant.value === 'small',\n        'b-empty-state__image--large': imageVariant.value === 'large',\n    }));\n\n    const headingElement = computed(\n        () => (props.headingEl || HEADING_ELEMENT_MAP[props.variant]) as BentoTypographyElement\n    );\n\n    const headingProps = computed(() => ({\n        el: headingElement.value,\n        medium: props.variant !== BentoEmptyStateVariant.CONDENSED,\n        strongest: props.variant === BentoEmptyStateVariant.CONDENSED,\n        variant: (props.variant === BentoEmptyStateVariant.CONDENSED ? 'body' : 'title') as BentoTypographyVariant,\n    }));\n\n    const actionVariant = computed<`${BentoButtonVariant}`>(() => {\n        switch (props.variant) {\n            case BentoEmptyStateVariant.FULL_PAGE:\n                return 'primary';\n            case BentoEmptyStateVariant.CONDENSED:\n                return 'tertiary';\n            default:\n                return 'secondary';\n        }\n    });\n\n    // Lifecycle\n    watch(rootRef, () => {\n        // Use ResizeObserver so that image is only fetched if needed (visible).\n        observeSizeOfElement(rootRef.value, () => {\n            if (rootRef.value) {\n                containerWidth.value = rootRef.value.offsetWidth;\n            }\n        });\n    });\n</script>\n\n<script lang=\"ts\">\n    /**\n     * Empty states are moments in the user experience when there is nothing to display.\n     * This component can be used to provide:\n     * - Information about system status\n     * - Contextual learning cues\n     * - Direct pathways for key tasks\n     *\n     * @example\n     * import { BentoEmptyState } from '@adyen/bento-vue2';\n     *\n     * export default {\n     *     components: { BentoEmptyState },\n     *     template: `\n     *          <bento-empty-state\n     *              title=\"No results were found\"\n     *              image=\"no-results-found\"\n     *              variant=\"full-page\"\n     *              :action=\"{ title: 'Reset filters', event: () => {} }\"\n     *          >\n     *              Try a different term or reset search filters\n     *          </bento-empty-state>\n     *     `\n     * }\n     */\n    export default {};\n</script>\n\n<style lang=\"scss\" scoped src=\"./empty-state.scss\" />\n"],"names":["BentoEmptyStateVariant","BentoEmptyStateVariant2","BentoEmptyStateImage","BentoEmptyStateImage2","BentoEmptyStateImageVariant","BentoEmptyStateImageVariant2","__default__","WIDTH_BREAKPOINT","HEADING_ELEMENT_MAP","rootRef","ref","containerWidth","isBelowBreakpoint","computed","imageVariant","props","imageSvg","watch","__variableDynamicImportRuntimeHelper","imageConditionalClasses","headingElement","headingProps","actionVariant","observeSizeOfElement"],"mappings":"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"}