@ironsource/shared-ui 1.4.0-rc.10

package/components/dateRange/consts.vue.js

@@ -0,0 +1,70 @@
+const typeToName = {
+  date: "Days",
+  week: "Weeks",
+  month: "Months"
+};
+const formatError = "Date range is in an invalid format";
+const mandatoryValuesError = "Please select a date range";
+const messagePerType = {
+  week: "For more than 52 weeks switch to months"
+};
+const navigatePrev = "previous";
+const navigateNext = "next";
+const presetsList = {
+  date: [
+    { name: "Today", id: "today", numid: 1 },
+    { name: "Yesterday", id: "yesterday", numid: 2 },
+    { name: "Last 7 Days", id: "last7days", numid: 3 },
+    { name: "Last 14 Days", id: "last14days", numid: 4 },
+    { name: "Last 30 Days", id: "last30days", numid: 7 },
+    { name: "This Month", id: "thisMonth", numid: 5 },
+    { name: "Last Month", id: "lastMonth", numid: 6 }
+  ],
+  "date1-7-14-30-90": [
+    { name: "Today", id: "today", numid: 1 },
+    { name: "Yesterday", id: "yesterday", numid: 2 },
+    { name: "Last 7 Days", id: "last7days", numid: 3 },
+    { name: "Last 14 Days", id: "last14days", numid: 4 },
+    { name: "This Month", id: "thisMonth", numid: 5 },
+    { name: "Last Month", id: "lastMonth", numid: 6 },
+    { name: "Last 30 Days", id: "last30days", numid: 7 },
+    { name: "Last 90 Days", id: "last90days", numid: 9 }
+  ],
+  "date7-14-30-60-90": [
+    { name: "Last 7 Days", id: "last7days", numid: 3 },
+    { name: "Last 14 Days", id: "last14days", numid: 4 },
+    { name: "Last 30 Days", id: "last30days", numid: 7 },
+    { name: "Last 60 Days", id: "last60days", numid: 8 },
+    { name: "Last 90 Days", id: "last90days", numid: 9 }
+  ],
+  "date7-14-31-60-90": [
+    { name: "Last 7 Days", id: "last7days", numid: 3 },
+    { name: "Last 14 Days", id: "last14days", numid: 4 },
+    { name: "Last 31 days", id: "last31days", numid: 10 },
+    { name: "Last 60 days", id: "last60days", numid: 8 },
+    { name: "Last 90 days", id: "last90days", numid: 9 }
+  ],
+  dateWithoutToday: [
+    { name: "Yesterday", id: "yesterday", numid: 2 },
+    { name: "Last 7 Days", id: "last7days", numid: 3 },
+    { name: "Last 14 Days", id: "last14days", numid: 4 },
+    { name: "This Month", id: "thisMonth", numid: 5 },
+    { name: "Last Month", id: "lastMonth", numid: 6 },
+    { name: "Last 30 Days", id: "last30days", numid: 7 }
+  ],
+  week: [
+    { name: "Last 4 Weeks", id: "last4weeks", numid: 1 },
+    { name: "Last 12 Weeks", id: "last12weeks", numid: 2 },
+    { name: "Last 26 Weeks", id: "last26weeks", numid: 3 },
+    { name: "Last 52 Weeks", id: "last52weeks", numid: 4 }
+  ],
+  month: [
+    { name: "Last 3 Months", id: "last3months", numid: 1 },
+    { name: "Last 6 Months", id: "last6months", numid: 2 },
+    { name: "Last 12 Months", id: "last12months", numid: 3 },
+    { name: "Last 24 Months", id: "last24months", numid: 4 },
+    { name: "Last 36 Months", id: "last36months", numid: 5 }
+  ]
+};
+
+export { formatError, mandatoryValuesError, messagePerType, navigateNext, navigatePrev, presetsList, typeToName };

package/components/dateRange/index.d.ts

@@ -0,0 +1,176 @@
+declare const DateRangeTypes: () => import("vue").DefineComponent<{
+    disabled: {
+        type: import("vue").PropType<boolean>;
+    } & {
+        default: boolean;
+    };
+    allowedDays: {
+        type: import("vue").PropType<number>;
+    } & {
+        default: any;
+    };
+    range: {
+        type: import("vue").PropType<{
+            from: Date;
+            to: Date;
+        }>;
+        required: true;
+    };
+    uniqueId: {
+        type: import("vue").PropType<string | number>;
+    } & {
+        default: number;
+    };
+    includeToday: {
+        type: import("vue").PropType<boolean>;
+    } & {
+        default: boolean;
+    };
+    dateFormat: {
+        type: import("vue").PropType<string>;
+    } & {
+        default: string;
+    };
+    types: {
+        type: import("vue").PropType<("month" | "date" | "week")[]>;
+    } & {
+        default: () => string[];
+    };
+    maxDaysInRange: {
+        type: import("vue").PropType<number>;
+    } & {
+        default: any;
+    };
+    datePresetList: {
+        type: import("vue").PropType<"month" | "date" | "week" | "date1-7-14-30-90" | "date7-14-30-60-90" | "date7-14-31-60-90" | "dateWithoutToday">;
+    } & {
+        default: string;
+    };
+    regex: {
+        type: import("vue").PropType<RegExp>;
+    } & {
+        default: () => RegExp;
+    };
+    initialType: {
+        type: import("vue").PropType<"month" | "date" | "week">;
+        required: true;
+    } & {
+        default: any;
+    };
+    openOnTop: {
+        type: import("vue").PropType<boolean>;
+        required: true;
+    } & {
+        default: boolean;
+    };
+    showPresets: {
+        type: import("vue").PropType<boolean>;
+        required: true;
+    } & {
+        default: boolean;
+    };
+    maxDate: {
+        type: import("vue").PropType<Date>;
+    } & {
+        default: any;
+    };
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("opened" | "rangeTypeChanged" | "currentDateChanged" | "rangeChanged" | "dateRangePresetNameChanged" | "dismissed")[], "opened" | "rangeTypeChanged" | "currentDateChanged" | "rangeChanged" | "dateRangePresetNameChanged" | "dismissed", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    disabled: {
+        type: import("vue").PropType<boolean>;
+    } & {
+        default: boolean;
+    };
+    allowedDays: {
+        type: import("vue").PropType<number>;
+    } & {
+        default: any;
+    };
+    range: {
+        type: import("vue").PropType<{
+            from: Date;
+            to: Date;
+        }>;
+        required: true;
+    };
+    uniqueId: {
+        type: import("vue").PropType<string | number>;
+    } & {
+        default: number;
+    };
+    includeToday: {
+        type: import("vue").PropType<boolean>;
+    } & {
+        default: boolean;
+    };
+    dateFormat: {
+        type: import("vue").PropType<string>;
+    } & {
+        default: string;
+    };
+    types: {
+        type: import("vue").PropType<("month" | "date" | "week")[]>;
+    } & {
+        default: () => string[];
+    };
+    maxDaysInRange: {
+        type: import("vue").PropType<number>;
+    } & {
+        default: any;
+    };
+    datePresetList: {
+        type: import("vue").PropType<"month" | "date" | "week" | "date1-7-14-30-90" | "date7-14-30-60-90" | "date7-14-31-60-90" | "dateWithoutToday">;
+    } & {
+        default: string;
+    };
+    regex: {
+        type: import("vue").PropType<RegExp>;
+    } & {
+        default: () => RegExp;
+    };
+    initialType: {
+        type: import("vue").PropType<"month" | "date" | "week">;
+        required: true;
+    } & {
+        default: any;
+    };
+    openOnTop: {
+        type: import("vue").PropType<boolean>;
+        required: true;
+    } & {
+        default: boolean;
+    };
+    showPresets: {
+        type: import("vue").PropType<boolean>;
+        required: true;
+    } & {
+        default: boolean;
+    };
+    maxDate: {
+        type: import("vue").PropType<Date>;
+    } & {
+        default: any;
+    };
+}>> & {
+    onOpened?: (...args: any[]) => any;
+    onRangeTypeChanged?: (...args: any[]) => any;
+    onCurrentDateChanged?: (...args: any[]) => any;
+    onRangeChanged?: (...args: any[]) => any;
+    onDateRangePresetNameChanged?: (...args: any[]) => any;
+    onDismissed?: (...args: any[]) => any;
+}, {
+    disabled: boolean;
+    allowedDays: number;
+    uniqueId: string | number;
+    includeToday: boolean;
+    dateFormat: string;
+    types: ("month" | "date" | "week")[];
+    maxDaysInRange: number;
+    datePresetList: "month" | "date" | "week" | "date1-7-14-30-90" | "date7-14-30-60-90" | "date7-14-31-60-90" | "dateWithoutToday";
+    regex: RegExp;
+    initialType: "month" | "date" | "week";
+    openOnTop: boolean;
+    showPresets: boolean;
+    maxDate: Date;
+}>[];
+export { default as DateRange } from './DateRange.vue';
+export { DateRangeTypes };

package/components/dateRange/index.vue.js

@@ -0,0 +1,6 @@
+import DateRange from './DateRange.vue.js';
+export { default as DateRange } from './DateRange.vue.js';
+
+const DateRangeTypes = () => [DateRange];
+
+export { DateRangeTypes };

package/components/dialog/Dialog.vue.d.ts

@@ -0,0 +1,99 @@
+import { Reason } from '@/components/dialog/Reason';
+declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+    appendToBody?: boolean;
+    content?: string;
+    width?: string | number;
+    closeDelay?: number;
+    openDelay?: number;
+    escapeToClose?: boolean;
+    showBackdrop?: boolean;
+    headerBorder?: boolean;
+    closeOnClickOutside?: boolean;
+    modelValue: boolean;
+    beforeClose?: (show: () => void) => void;
+    title?: string;
+    showCloseButton?: boolean;
+    themeClass?: string;
+}>, {
+    content: any;
+    width: string;
+    appendToBody: boolean;
+    openDelay: number;
+    headerBorder: boolean;
+    showBackdrop: boolean;
+    closeDelay: number;
+    closeOnClickOutside: boolean;
+    showCloseButton: boolean;
+    title: string;
+    escapeToClose: boolean;
+    beforeClose: any;
+    themeClass: string;
+}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (value: boolean) => void;
+} & {
+    open: () => void;
+} & {
+    close: (reason: Reason) => void;
+}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+    appendToBody?: boolean;
+    content?: string;
+    width?: string | number;
+    closeDelay?: number;
+    openDelay?: number;
+    escapeToClose?: boolean;
+    showBackdrop?: boolean;
+    headerBorder?: boolean;
+    closeOnClickOutside?: boolean;
+    modelValue: boolean;
+    beforeClose?: (show: () => void) => void;
+    title?: string;
+    showCloseButton?: boolean;
+    themeClass?: string;
+}>, {
+    content: any;
+    width: string;
+    appendToBody: boolean;
+    openDelay: number;
+    headerBorder: boolean;
+    showBackdrop: boolean;
+    closeDelay: number;
+    closeOnClickOutside: boolean;
+    showCloseButton: boolean;
+    title: string;
+    escapeToClose: boolean;
+    beforeClose: any;
+    themeClass: string;
+}>>> & {
+    "onUpdate:modelValue"?: (value: boolean) => any;
+    onClose?: (reason: Reason) => any;
+    onOpen?: () => any;
+}, {
+    title: string;
+    content: string;
+    width: string | number;
+    appendToBody: boolean;
+    openDelay: number;
+    headerBorder: boolean;
+    showBackdrop: boolean;
+    closeDelay: number;
+    closeOnClickOutside: boolean;
+    showCloseButton: boolean;
+    escapeToClose: boolean;
+    beforeClose: (show: () => void) => void;
+    themeClass: string;
+}>;
+export default _default;
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToRuntimeProps<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: import('vue').PropType<T[K]>;
+        required: true;
+    };
+};
+type __VLS_WithDefaults<P, D> = {
+    [K in keyof Pick<P, keyof P>]: K extends keyof D ? P[K] & {
+        default: D[K];
+    } : P[K];
+};

package/components/dialog/Dialog.vue.js

@@ -0,0 +1,190 @@
+import { defineComponent, useCssVars, ref, watch, openBlock, createBlock, Teleport, createVNode, Transition, withCtx, unref, normalizeClass, createElementVNode, withKeys, renderSlot, createTextVNode, toDisplayString, createCommentVNode, createElementBlock } from 'vue';
+import { UseFocusTrap } from '@vueuse/integrations/useFocusTrap/component';
+import { useTimeoutFn } from '@vueuse/core';
+import Text from '../typography/Text.vue.js';
+import { NOOP } from '@vue/shared';
+import { Reason } from './Reason.vue.js';
+import IconButton from '../button/IconButton.vue.js';
+import Icon from '../icon/Icon.vue.js';
+/* empty css                                                        */import _export_sfc from '../../_virtual/plugin-vue_export-helper.vue.js';
+
+import "../../Dialog.vue_vue_type_style_index_0_scoped_true_lang.css";
+const _hoisted_1 = {
+  key: 0,
+  class: "header--secondary"
+};
+const _hoisted_2 = { class: "placeholder" };
+const _hoisted_3 = {
+  key: 1,
+  class: "footer"
+};
+const _hoisted_4 = { class: "action-buttons" };
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "Dialog",
+  props: {
+    appendToBody: { type: Boolean, default: true },
+    content: { default: null },
+    width: { default: "30.3125rem" },
+    closeDelay: { default: 0 },
+    openDelay: { default: 0 },
+    escapeToClose: { type: Boolean, default: true },
+    showBackdrop: { type: Boolean, default: true },
+    headerBorder: { type: Boolean, default: true },
+    closeOnClickOutside: { type: Boolean, default: false },
+    modelValue: { type: Boolean },
+    beforeClose: { type: Function, default: null },
+    title: { default: "" },
+    showCloseButton: { type: Boolean, default: true },
+    themeClass: { default: "" }
+  },
+  emits: ["update:modelValue", "open", "close"],
+  setup(__props, { emit }) {
+    const props = __props;
+    useCssVars((_ctx) => ({
+      "5f89db1d": __props.width
+    }));
+    const visible = ref(false);
+    let openTimer = void 0;
+    let closeTimer = void 0;
+    const doClose = (reason) => {
+      visible.value = false;
+      emit("close", reason);
+      emit("update:modelValue", false);
+    };
+    const doOpen = () => {
+      visible.value = true;
+      emit("open");
+    };
+    const close = (reason) => {
+      openTimer?.();
+      closeTimer?.();
+      if (props.closeDelay && props.closeDelay > 0) {
+        ({ stop: closeTimer } = useTimeoutFn(
+          () => doClose(reason),
+          props.closeDelay
+        ));
+        return;
+      }
+      doClose(reason);
+    };
+    const open = () => {
+      closeTimer?.();
+      openTimer?.();
+      if (props.openDelay && props.openDelay > 0) {
+        ({ stop: openTimer } = useTimeoutFn(() => doOpen(), props.openDelay));
+        return;
+      }
+      doOpen();
+    };
+    watch(
+      () => props.modelValue,
+      (val) => {
+        if (val) {
+          open();
+          return;
+        }
+        if (visible.value) {
+          close(Reason.Other);
+        }
+      }
+    );
+    function handleClose(reason) {
+      function hide(shouldCancel) {
+        if (shouldCancel) {
+          return;
+        }
+        emit("close", reason);
+        visible.value = false;
+      }
+      if (props.beforeClose) {
+        props.beforeClose(hide);
+        return;
+      }
+      close(reason);
+    }
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(Teleport, {
+        to: "body",
+        disabled: !__props.appendToBody
+      }, [
+        createVNode(Transition, null, {
+          default: withCtx(() => [
+            visible.value ? (openBlock(), createBlock(unref(UseFocusTrap), {
+              key: 0,
+              class: normalizeClass(["container", __props.themeClass])
+            }, {
+              default: withCtx(() => [
+                createElementVNode("div", {
+                  class: "modal",
+                  onKeydown: _cache[1] || (_cache[1] = withKeys(($event) => __props.escapeToClose ? handleClose(unref(Reason).Escape) : unref(NOOP)(), ["esc"]))
+                }, [
+                  createElementVNode("header", {
+                    class: normalizeClass(["header", { "header--bordered": __props.headerBorder }])
+                  }, [
+                    __props.headerBorder ? renderSlot(_ctx.$slots, "header", { key: 0 }, () => [
+                      createVNode(Text, { strong: "" }, {
+                        default: withCtx(() => [
+                          createTextVNode(toDisplayString(__props.title), 1)
+                        ]),
+                        _: 1
+                      })
+                    ], true) : createCommentVNode("", true),
+                    __props.showCloseButton ? (openBlock(), createBlock(IconButton, {
+                      key: 1,
+                      class: "button close-button",
+                      size: "md",
+                      theme: "secondary",
+                      variant: "colorized",
+                      "icon-name": "close",
+                      onClick: _cache[0] || (_cache[0] = ($event) => handleClose(unref(Reason).CloseButton))
+                    }, {
+                      default: withCtx(() => [
+                        createVNode(Icon, {
+                          "font-size": "md",
+                          name: "close"
+                        })
+                      ]),
+                      _: 1
+                    })) : createCommentVNode("", true)
+                  ], 2),
+                  !__props.headerBorder ? (openBlock(), createElementBlock("div", _hoisted_1, [
+                    renderSlot(_ctx.$slots, "header", {}, () => [
+                      createVNode(Text, { strong: "" }, {
+                        default: withCtx(() => [
+                          createTextVNode(toDisplayString(__props.title), 1)
+                        ]),
+                        _: 1
+                      })
+                    ], true)
+                  ])) : createCommentVNode("", true),
+                  createElementVNode("div", {
+                    class: normalizeClass(["content", { "content--bordered": __props.headerBorder }])
+                  }, [
+                    renderSlot(_ctx.$slots, "default", {}, () => [
+                      createElementVNode("div", _hoisted_2, toDisplayString(__props.content), 1)
+                    ], true)
+                  ], 2),
+                  _ctx.$slots["footer"] ? (openBlock(), createElementBlock("footer", _hoisted_3, [
+                    createElementVNode("div", _hoisted_4, [
+                      renderSlot(_ctx.$slots, "footer", {}, void 0, true)
+                    ])
+                  ])) : createCommentVNode("", true)
+                ], 32),
+                __props.showBackdrop ? (openBlock(), createElementBlock("div", {
+                  key: 0,
+                  class: "backdrop",
+                  onClick: _cache[2] || (_cache[2] = ($event) => __props.closeOnClickOutside ? handleClose(unref(Reason).Backdrop) : unref(NOOP)())
+                })) : createCommentVNode("", true)
+              ]),
+              _: 3
+            }, 8, ["class"])) : createCommentVNode("", true)
+          ]),
+          _: 3
+        })
+      ], 8, ["disabled"]);
+    };
+  }
+});
+var Dialog = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-366433b4"]]);
+
+export { Dialog as default };

package/components/dialog/Reason.d.ts

@@ -0,0 +1,6 @@
+export declare enum Reason {
+    Escape = 0,
+    Backdrop = 1,
+    CloseButton = 2,
+    Other = 3
+}

package/components/dialog/Reason.vue.js

@@ -0,0 +1,9 @@
+var Reason = /* @__PURE__ */ ((Reason2) => {
+  Reason2[Reason2["Escape"] = 0] = "Escape";
+  Reason2[Reason2["Backdrop"] = 1] = "Backdrop";
+  Reason2[Reason2["CloseButton"] = 2] = "CloseButton";
+  Reason2[Reason2["Other"] = 3] = "Other";
+  return Reason2;
+})(Reason || {});
+
+export { Reason };