@ironsource/shared-ui 1.4.0-rc.10

package/components/emptyState/index.d.ts

@@ -0,0 +1,135 @@
+declare const EmptyStateTypes: () => import("vue").DefineComponent<{
+    size: {
+        type: import("vue").PropType<"sm" | "lg">;
+    } & {
+        default: string;
+    };
+    title: {
+        type: import("vue").PropType<string>;
+    } & {
+        default: any;
+    };
+    fontSize: {
+        type: import("vue").PropType<string>;
+    } & {
+        default: string;
+    };
+    iconName: {
+        type: import("vue").PropType<"search" | "link" | "filter" | "a" | "b" | "style" | "image" | "switch" | "a-2" | "ab-test" | "ab-test-2" | "a-circle" | "account-balance-wallet" | "account-circle" | "account-circle-outline" | "add" | "analytics" | "android" | "angle-down" | "angle-left" | "angle-right" | "angle-up" | "app-store" | "area-chart" | "arrow-back" | "arrow-downward" | "arrow-forward" | "arrow-left" | "arrow-right" | "arrow-sort-down" | "arrow-sort-up" | "arrow-upward" | "auto-awesome" | "auto-mode" | "autorenew" | "b-2" | "b-circle" | "banner" | "bidding" | "bidding-2" | "block" | "border-color" | "bug" | "bullhorn" | "bullseye-arrow" | "cached" | "calendar" | "calendar-today" | "cancel" | "chart-bar" | "chart-line" | "chart-mixed" | "check" | "check-bold" | "close" | "close-bold" | "computer-mouse" | "copy-to-clipboard" | "create" | "creative" | "cross" | "crown-fill" | "cup" | "cup-a" | "cup-b" | "delete" | "diamond" | "dots" | "download" | "download-2" | "download-done" | "drag-indicator" | "ecpi" | "email" | "email-envelope" | "error" | "eye" | "favorite-border" | "filter-list" | "frame" | "fullscreen" | "fullscreen-exit" | "functions" | "gamepad-alt" | "games" | "gavel" | "gift" | "git-hub" | "globe-stand" | "google-play" | "group" | "hand-pointer" | "hands" | "heartbeat" | "help" | "help-outline" | "history" | "ios" | "image-not-supported" | "image-slash" | "import-export" | "import-export-2" | "importent" | "info" | "info-outline" | "insights" | "interstitial" | "ios-14" | "js" | "landscape" | "launch" | "levelplay" | "limit-circle" | "limit-octagon" | "loading-clean" | "lock" | "lock-open" | "login" | "logout" | "military-tech" | "mix" | "mix-2" | "mobile-landscape" | "mobile-portrait" | "money-check" | "more-horiz" | "more-vert" | "mouse" | "mouse-pointer" | "moving-up" | "notifications-none" | "offerwall" | "palyable" | "paper-plane-off" | "paper-plane" | "pause" | "pause-circle-filled" | "pause-circle-outline" | "phone-iphone" | "photo" | "photo-2" | "play-arrow" | "play-circle-filled-white" | "play-circle-outline" | "qrcode" | "quick-ab" | "quick-ab-2" | "react" | "redo" | "refresh" | "remove" | "replay" | "rewarded-video" | "rocket-launch" | "rotate" | "route" | "sack-dollar" | "schedule" | "search-bold" | "share" | "slack" | "sports-esports" | "star" | "star-fill" | "status-banner" | "status-interstitial" | "status-offerwall" | "status-rewarded-video" | "stop-circle-filled" | "stop-circle-outline" | "success" | "success-full" | "tablet-landscape" | "tablet-mac" | "tablet-portrait" | "texture" | "theme-dark" | "theme-light" | "timelapse" | "timeline" | "trending-down" | "trending-flat" | "trending-up" | "tune" | "two-tone-banner" | "two-tone-interstitial" | "two-tone-offerwall" | "two-tone-rewarded-video" | "undo" | "unfold-less" | "unfold-more" | "vertical-align-top" | "vertical-align-top-2" | "vibration" | "video-round" | "view-carousel" | "visibility" | "visibility-off" | "visibility-off-strok" | "visibility-strok" | "volume-off" | "volume-up" | "warning" | "warning-2" | "web-app" | "widgets" | "widgets-fill" | "widgetsz" | "wifi-protected-setup" | "native-ad" | "status-native-ad" | "two-tone-native-ad">;
+    } & {
+        default: any;
+    };
+    subtitle: {
+        type: import("vue").PropType<string>;
+    } & {
+        default: any;
+    };
+    buttonText: {
+        type: import("vue").PropType<string>;
+    } & {
+        default: any;
+    };
+    isHorizontal: {
+        type: import("vue").PropType<boolean>;
+    } & {
+        default: boolean;
+    };
+    hasIcon: {
+        type: import("vue").PropType<boolean>;
+    } & {
+        default: boolean;
+    };
+    isBordered: {
+        type: import("vue").PropType<boolean>;
+    } & {
+        default: boolean;
+    };
+    iconWidth: {
+        type: import("vue").PropType<number>;
+        required: true;
+    } & {
+        default: number;
+    };
+    iconHeight: {
+        type: import("vue").PropType<number>;
+        required: true;
+    } & {
+        default: number;
+    };
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    click: () => void;
+}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    size: {
+        type: import("vue").PropType<"sm" | "lg">;
+    } & {
+        default: string;
+    };
+    title: {
+        type: import("vue").PropType<string>;
+    } & {
+        default: any;
+    };
+    fontSize: {
+        type: import("vue").PropType<string>;
+    } & {
+        default: string;
+    };
+    iconName: {
+        type: import("vue").PropType<"search" | "link" | "filter" | "a" | "b" | "style" | "image" | "switch" | "a-2" | "ab-test" | "ab-test-2" | "a-circle" | "account-balance-wallet" | "account-circle" | "account-circle-outline" | "add" | "analytics" | "android" | "angle-down" | "angle-left" | "angle-right" | "angle-up" | "app-store" | "area-chart" | "arrow-back" | "arrow-downward" | "arrow-forward" | "arrow-left" | "arrow-right" | "arrow-sort-down" | "arrow-sort-up" | "arrow-upward" | "auto-awesome" | "auto-mode" | "autorenew" | "b-2" | "b-circle" | "banner" | "bidding" | "bidding-2" | "block" | "border-color" | "bug" | "bullhorn" | "bullseye-arrow" | "cached" | "calendar" | "calendar-today" | "cancel" | "chart-bar" | "chart-line" | "chart-mixed" | "check" | "check-bold" | "close" | "close-bold" | "computer-mouse" | "copy-to-clipboard" | "create" | "creative" | "cross" | "crown-fill" | "cup" | "cup-a" | "cup-b" | "delete" | "diamond" | "dots" | "download" | "download-2" | "download-done" | "drag-indicator" | "ecpi" | "email" | "email-envelope" | "error" | "eye" | "favorite-border" | "filter-list" | "frame" | "fullscreen" | "fullscreen-exit" | "functions" | "gamepad-alt" | "games" | "gavel" | "gift" | "git-hub" | "globe-stand" | "google-play" | "group" | "hand-pointer" | "hands" | "heartbeat" | "help" | "help-outline" | "history" | "ios" | "image-not-supported" | "image-slash" | "import-export" | "import-export-2" | "importent" | "info" | "info-outline" | "insights" | "interstitial" | "ios-14" | "js" | "landscape" | "launch" | "levelplay" | "limit-circle" | "limit-octagon" | "loading-clean" | "lock" | "lock-open" | "login" | "logout" | "military-tech" | "mix" | "mix-2" | "mobile-landscape" | "mobile-portrait" | "money-check" | "more-horiz" | "more-vert" | "mouse" | "mouse-pointer" | "moving-up" | "notifications-none" | "offerwall" | "palyable" | "paper-plane-off" | "paper-plane" | "pause" | "pause-circle-filled" | "pause-circle-outline" | "phone-iphone" | "photo" | "photo-2" | "play-arrow" | "play-circle-filled-white" | "play-circle-outline" | "qrcode" | "quick-ab" | "quick-ab-2" | "react" | "redo" | "refresh" | "remove" | "replay" | "rewarded-video" | "rocket-launch" | "rotate" | "route" | "sack-dollar" | "schedule" | "search-bold" | "share" | "slack" | "sports-esports" | "star" | "star-fill" | "status-banner" | "status-interstitial" | "status-offerwall" | "status-rewarded-video" | "stop-circle-filled" | "stop-circle-outline" | "success" | "success-full" | "tablet-landscape" | "tablet-mac" | "tablet-portrait" | "texture" | "theme-dark" | "theme-light" | "timelapse" | "timeline" | "trending-down" | "trending-flat" | "trending-up" | "tune" | "two-tone-banner" | "two-tone-interstitial" | "two-tone-offerwall" | "two-tone-rewarded-video" | "undo" | "unfold-less" | "unfold-more" | "vertical-align-top" | "vertical-align-top-2" | "vibration" | "video-round" | "view-carousel" | "visibility" | "visibility-off" | "visibility-off-strok" | "visibility-strok" | "volume-off" | "volume-up" | "warning" | "warning-2" | "web-app" | "widgets" | "widgets-fill" | "widgetsz" | "wifi-protected-setup" | "native-ad" | "status-native-ad" | "two-tone-native-ad">;
+    } & {
+        default: any;
+    };
+    subtitle: {
+        type: import("vue").PropType<string>;
+    } & {
+        default: any;
+    };
+    buttonText: {
+        type: import("vue").PropType<string>;
+    } & {
+        default: any;
+    };
+    isHorizontal: {
+        type: import("vue").PropType<boolean>;
+    } & {
+        default: boolean;
+    };
+    hasIcon: {
+        type: import("vue").PropType<boolean>;
+    } & {
+        default: boolean;
+    };
+    isBordered: {
+        type: import("vue").PropType<boolean>;
+    } & {
+        default: boolean;
+    };
+    iconWidth: {
+        type: import("vue").PropType<number>;
+        required: true;
+    } & {
+        default: number;
+    };
+    iconHeight: {
+        type: import("vue").PropType<number>;
+        required: true;
+    } & {
+        default: number;
+    };
+}>> & {
+    onClick?: () => any;
+}, {
+    size: "sm" | "lg";
+    title: string;
+    fontSize: string;
+    iconName: "search" | "link" | "filter" | "a" | "b" | "style" | "image" | "switch" | "a-2" | "ab-test" | "ab-test-2" | "a-circle" | "account-balance-wallet" | "account-circle" | "account-circle-outline" | "add" | "analytics" | "android" | "angle-down" | "angle-left" | "angle-right" | "angle-up" | "app-store" | "area-chart" | "arrow-back" | "arrow-downward" | "arrow-forward" | "arrow-left" | "arrow-right" | "arrow-sort-down" | "arrow-sort-up" | "arrow-upward" | "auto-awesome" | "auto-mode" | "autorenew" | "b-2" | "b-circle" | "banner" | "bidding" | "bidding-2" | "block" | "border-color" | "bug" | "bullhorn" | "bullseye-arrow" | "cached" | "calendar" | "calendar-today" | "cancel" | "chart-bar" | "chart-line" | "chart-mixed" | "check" | "check-bold" | "close" | "close-bold" | "computer-mouse" | "copy-to-clipboard" | "create" | "creative" | "cross" | "crown-fill" | "cup" | "cup-a" | "cup-b" | "delete" | "diamond" | "dots" | "download" | "download-2" | "download-done" | "drag-indicator" | "ecpi" | "email" | "email-envelope" | "error" | "eye" | "favorite-border" | "filter-list" | "frame" | "fullscreen" | "fullscreen-exit" | "functions" | "gamepad-alt" | "games" | "gavel" | "gift" | "git-hub" | "globe-stand" | "google-play" | "group" | "hand-pointer" | "hands" | "heartbeat" | "help" | "help-outline" | "history" | "ios" | "image-not-supported" | "image-slash" | "import-export" | "import-export-2" | "importent" | "info" | "info-outline" | "insights" | "interstitial" | "ios-14" | "js" | "landscape" | "launch" | "levelplay" | "limit-circle" | "limit-octagon" | "loading-clean" | "lock" | "lock-open" | "login" | "logout" | "military-tech" | "mix" | "mix-2" | "mobile-landscape" | "mobile-portrait" | "money-check" | "more-horiz" | "more-vert" | "mouse" | "mouse-pointer" | "moving-up" | "notifications-none" | "offerwall" | "palyable" | "paper-plane-off" | "paper-plane" | "pause" | "pause-circle-filled" | "pause-circle-outline" | "phone-iphone" | "photo" | "photo-2" | "play-arrow" | "play-circle-filled-white" | "play-circle-outline" | "qrcode" | "quick-ab" | "quick-ab-2" | "react" | "redo" | "refresh" | "remove" | "replay" | "rewarded-video" | "rocket-launch" | "rotate" | "route" | "sack-dollar" | "schedule" | "search-bold" | "share" | "slack" | "sports-esports" | "star" | "star-fill" | "status-banner" | "status-interstitial" | "status-offerwall" | "status-rewarded-video" | "stop-circle-filled" | "stop-circle-outline" | "success" | "success-full" | "tablet-landscape" | "tablet-mac" | "tablet-portrait" | "texture" | "theme-dark" | "theme-light" | "timelapse" | "timeline" | "trending-down" | "trending-flat" | "trending-up" | "tune" | "two-tone-banner" | "two-tone-interstitial" | "two-tone-offerwall" | "two-tone-rewarded-video" | "undo" | "unfold-less" | "unfold-more" | "vertical-align-top" | "vertical-align-top-2" | "vibration" | "video-round" | "view-carousel" | "visibility" | "visibility-off" | "visibility-off-strok" | "visibility-strok" | "volume-off" | "volume-up" | "warning" | "warning-2" | "web-app" | "widgets" | "widgets-fill" | "widgetsz" | "wifi-protected-setup" | "native-ad" | "status-native-ad" | "two-tone-native-ad";
+    subtitle: string;
+    buttonText: string;
+    isHorizontal: boolean;
+    hasIcon: boolean;
+    isBordered: boolean;
+    iconWidth: number;
+    iconHeight: number;
+}>[];
+export { default as EmptyState } from './EmptyState.vue';
+export { EmptyStateTypes };

package/components/emptyState/index.vue.js

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

package/components/filterDropdown/AddFilterButton.vue.d.ts

@@ -0,0 +1,19 @@
+declare const _default: import("vue").DefineComponent<__VLS_TypePropsToRuntimeProps<{
+    selected?: boolean;
+    disabled?: boolean;
+    prefix?: string;
+}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
+    selected?: boolean;
+    disabled?: boolean;
+    prefix?: 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;
+    };
+};

package/components/filterDropdown/AddFilterButton.vue.js

@@ -0,0 +1,53 @@
+import { defineComponent, openBlock, createBlock, normalizeClass, createSlots, withCtx, createVNode, renderSlot } from 'vue';
+import Icon from '../icon/Icon.vue.js';
+import Chip from '../chip/Chip.vue.js';
+import Text from '../typography/Text.vue.js';
+/* empty css                                                                 */import _export_sfc from '../../_virtual/plugin-vue_export-helper.vue.js';
+
+import "../../AddFilterButton.vue_vue_type_style_index_0_scoped_true_lang.css";
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "AddFilterButton",
+  props: {
+    selected: { type: Boolean },
+    disabled: { type: Boolean },
+    prefix: null
+  },
+  setup(__props) {
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(Chip, {
+        clearable: "",
+        class: normalizeClass(["add-filter", { disabled: __props.disabled }]),
+        selected: __props.selected,
+        disabled: __props.disabled,
+        prefix: __props.prefix
+      }, createSlots({
+        default: withCtx(() => [
+          createVNode(Text, {
+            size: "sm",
+            strong: ""
+          }, {
+            default: withCtx(() => [
+              renderSlot(_ctx.$slots, "default", {}, void 0, true)
+            ]),
+            _: 3
+          })
+        ]),
+        _: 2
+      }, [
+        !__props.prefix ? {
+          name: "icon-start",
+          fn: withCtx(() => [
+            createVNode(Icon, {
+              name: "tune",
+              "font-size": "sm"
+            })
+          ]),
+          key: "0"
+        } : void 0
+      ]), 1032, ["class", "selected", "disabled", "prefix"]);
+    };
+  }
+});
+var AddFilterButton = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-aef29636"]]);
+
+export { AddFilterButton as default };

package/components/filterDropdown/FilterDropdown.vue.d.ts

@@ -0,0 +1,40 @@
+import { Filter } from '../filtersPanel';
+declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+    displayValue: (item: unknown) => string;
+    text?: string;
+    disabled?: boolean;
+    onSearch: (item: unknown) => boolean;
+    options: unknown[];
+    addNewFilter: (filter: Filter) => void;
+}>, {
+    text: string;
+    disabled: boolean;
+}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+    displayValue: (item: unknown) => string;
+    text?: string;
+    disabled?: boolean;
+    onSearch: (item: unknown) => boolean;
+    options: unknown[];
+    addNewFilter: (filter: Filter) => void;
+}>, {
+    text: string;
+    disabled: boolean;
+}>>>, {
+    text: string;
+    disabled: boolean;
+}>;
+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/filterDropdown/FilterDropdown.vue.js

@@ -0,0 +1,56 @@
+import { defineComponent, openBlock, createBlock, unref, withCtx, createVNode, createTextVNode, toDisplayString } from 'vue';
+import Dropdown from '../dropdown/Dropdown.vue.js';
+import Option from '../dropdown/Option.vue.js';
+/* empty css                                                                     */import _export_sfc from '../../_virtual/plugin-vue_export-helper.vue.js';
+/* empty css                                                                  *//* empty css                                                                 *//* empty css                                                            *//* empty css                                                                    *//* empty css                                                                    *//* empty css                                                                       */import AddFilterButton from './AddFilterButton.vue.js';
+/* empty css                                                                */
+import "../../FilterDropdown.vue_vue_type_style_index_0_scoped_true_lang.css";
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "FilterDropdown",
+  props: {
+    displayValue: null,
+    text: { default: "Add Filter" },
+    disabled: { type: Boolean, default: false },
+    onSearch: null,
+    options: null,
+    addNewFilter: null
+  },
+  setup(__props) {
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(Dropdown), {
+        "display-value": __props.displayValue,
+        disabled: __props.disabled,
+        "on-search": __props.onSearch,
+        distance: 0,
+        skidding: 0,
+        "is-on-top": "",
+        options: __props.options,
+        "onUpdate:selected": __props.addNewFilter
+      }, {
+        input: withCtx(() => [
+          createVNode(AddFilterButton, {
+            class: "add-filter-button",
+            disabled: __props.disabled
+          }, {
+            default: withCtx(() => [
+              createTextVNode(toDisplayString(__props.text), 1)
+            ]),
+            _: 1
+          }, 8, ["disabled"])
+        ]),
+        default: withCtx(({ option }) => [
+          createVNode(unref(Option), { option }, {
+            default: withCtx(() => [
+              createTextVNode(toDisplayString(option.label), 1)
+            ]),
+            _: 2
+          }, 1032, ["option"])
+        ]),
+        _: 1
+      }, 8, ["display-value", "disabled", "on-search", "options", "onUpdate:selected"]);
+    };
+  }
+});
+var FilterDropdown = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-439b9823"]]);
+
+export { FilterDropdown as default };

package/components/filterDropdown/index.d.ts

@@ -0,0 +1,81 @@
+import AddFilterButton from './AddFilterButton.vue';
+declare const FilterDropdownTypes: () => (import("vue").DefineComponent<{
+    selected: {
+        type: import("vue").PropType<boolean>;
+    };
+    disabled: {
+        type: import("vue").PropType<boolean>;
+    };
+    prefix: {
+        type: import("vue").PropType<string>;
+    };
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    selected: {
+        type: import("vue").PropType<boolean>;
+    };
+    disabled: {
+        type: import("vue").PropType<boolean>;
+    };
+    prefix: {
+        type: import("vue").PropType<string>;
+    };
+}>>, {}> | import("vue").DefineComponent<{
+    text: {
+        type: import("vue").PropType<string>;
+    } & {
+        default: string;
+    };
+    disabled: {
+        type: import("vue").PropType<boolean>;
+    } & {
+        default: boolean;
+    };
+    options: {
+        type: import("vue").PropType<unknown[]>;
+        required: true;
+    };
+    onSearch: {
+        type: import("vue").PropType<(item: unknown) => boolean>;
+        required: true;
+    };
+    displayValue: {
+        type: import("vue").PropType<(item: unknown) => string>;
+        required: true;
+    };
+    addNewFilter: {
+        type: import("vue").PropType<(filter: import("./FilterDropdown.vue.__VLS_script").__VLS_types_Filter) => void>;
+        required: true;
+    };
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    text: {
+        type: import("vue").PropType<string>;
+    } & {
+        default: string;
+    };
+    disabled: {
+        type: import("vue").PropType<boolean>;
+    } & {
+        default: boolean;
+    };
+    options: {
+        type: import("vue").PropType<unknown[]>;
+        required: true;
+    };
+    onSearch: {
+        type: import("vue").PropType<(item: unknown) => boolean>;
+        required: true;
+    };
+    displayValue: {
+        type: import("vue").PropType<(item: unknown) => string>;
+        required: true;
+    };
+    addNewFilter: {
+        type: import("vue").PropType<(filter: import("./FilterDropdown.vue.__VLS_script").__VLS_types_Filter) => void>;
+        required: true;
+    };
+}>>, {
+    text: string;
+    disabled: boolean;
+}>)[];
+export { default as FilterDropdown } from './FilterDropdown.vue';
+export { FilterDropdownTypes, AddFilterButton };

package/components/filterDropdown/index.vue.js

@@ -0,0 +1,8 @@
+import FilterDropdown from './FilterDropdown.vue.js';
+export { default as FilterDropdown } from './FilterDropdown.vue.js';
+import AddFilterButton from './AddFilterButton.vue.js';
+export { default as AddFilterButton } from './AddFilterButton.vue.js';
+
+const FilterDropdownTypes = () => [FilterDropdown, AddFilterButton];
+
+export { FilterDropdownTypes };

package/components/filtersPanel/Filter.d.ts

@@ -0,0 +1,18 @@
+import { Dropdown } from '@/components/dropdown';
+import { IncludeExcludeChipFilter } from '@/components/includeExclude';
+import { DateRange } from '@is-ssp/dateRange';
+interface Option {
+    label: string;
+}
+export interface Filter {
+    component?: InstanceType<typeof Dropdown> | InstanceType<typeof IncludeExcludeChipFilter> | InstanceType<typeof DateRange>;
+    id: string | number;
+    hidden?: boolean;
+    order?: number;
+    alwaysFirst?: boolean;
+    selected?: boolean;
+    label: string;
+    options?: Option[];
+    componentProps?: unknown;
+}
+export {};

package/components/filtersPanel/FilterSearchInput.vue.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
+export default _default;

package/components/filtersPanel/FilterSearchInput.vue.js

@@ -0,0 +1,54 @@
+import { defineComponent, ref, onMounted, openBlock, createElementBlock, createVNode, unref, withCtx, createElementVNode } from 'vue';
+import '@vueuse/core';
+import 'floating-vue';
+/* empty css                                                                     */import _export_sfc from '../../_virtual/plugin-vue_export-helper.vue.js';
+/* empty css                                                                  */import Icon from '../icon/Icon.vue.js';
+/* empty css                                                                    *//* empty css                                                                *//* empty css                                                                    *//* empty css                                                                               *//* empty css                                                      *//* empty css                                                                      *//* empty css                                                                    */import '@vue/shared';
+/* empty css                                                                  *//* empty css                                                                *//* empty css                                                                    *//* empty css                                                        *//* empty css                                                                 */import SearchInput from '../dropdown/SearchInput.vue.js';
+/* empty css                                                                   */
+import "../../FilterSearchInput.vue_vue_type_style_index_0_scoped_true_lang.css";
+const _hoisted_1 = {
+  class: "search-container",
+  tabindex: "0"
+};
+const _hoisted_2 = { class: "search" };
+const _hoisted_3 = ["placeholder", "disabled", "onInput"];
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "FilterSearchInput",
+  setup(__props) {
+    const element = ref(null);
+    onMounted(() => {
+      setTimeout(() => {
+        element.value.focus();
+      }, 250);
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", _hoisted_1, [
+        createVNode(unref(SearchInput), null, {
+          default: withCtx(({ disabled, change, placeholder }) => [
+            createElementVNode("div", _hoisted_2, [
+              createVNode(unref(Icon), {
+                class: "search-icon",
+                width: "12",
+                height: "12",
+                name: "search"
+              }),
+              createElementVNode("input", {
+                ref_key: "element",
+                ref: element,
+                class: "search-input",
+                placeholder: placeholder ? placeholder : "Search",
+                disabled,
+                onInput: change
+              }, null, 40, _hoisted_3)
+            ])
+          ]),
+          _: 1
+        })
+      ]);
+    };
+  }
+});
+var FilterSearchInput = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-e9685340"]]);
+
+export { FilterSearchInput as default };

package/components/filtersPanel/FiltersPanel.vue.d.ts

@@ -0,0 +1,31 @@
+import { Filter } from './Filter';
+declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+    filters: Filter[];
+    isOpen?: boolean;
+    selected: Record<string, Filter>;
+}>, {
+    isOpen: boolean;
+}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+    filters: Filter[];
+    isOpen?: boolean;
+    selected: Record<string, Filter>;
+}>, {
+    isOpen: boolean;
+}>>>, {
+    isOpen: boolean;
+}>;
+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/filtersPanel/FiltersPanel.vue.js

@@ -0,0 +1,55 @@
+import { defineComponent, computed, openBlock, createElementBlock, Fragment, renderList, unref, normalizeClass, renderSlot, normalizeProps, guardReactiveProps, createCommentVNode } from 'vue';
+/* empty css                                                              */import _export_sfc from '../../_virtual/plugin-vue_export-helper.vue.js';
+
+import "../../FiltersPanel.vue_vue_type_style_index_0_scoped_true_lang.css";
+const _hoisted_1 = { class: "filter-panel" };
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "FiltersPanel",
+  props: {
+    filters: null,
+    isOpen: { type: Boolean, default: false },
+    selected: null
+  },
+  setup(__props) {
+    const props = __props;
+    const sortedFilters = computed(() => {
+      const { filters } = props;
+      return filters.sort((a, b) => b.order - a.order).sort((a, b) => {
+        if (a.hidden) {
+          return 1;
+        }
+        if (b.hidden) {
+          return 1;
+        }
+        return -1;
+      });
+    });
+    const hiddenFilters = computed(
+      () => props.filters.filter((item) => item.hidden)
+    );
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", _hoisted_1, [
+        (openBlock(true), createElementBlock(Fragment, null, renderList(unref(sortedFilters), (filter) => {
+          return openBlock(), createElementBlock("div", {
+            key: filter.id,
+            class: normalizeClass(["filter-button", {
+              [`always-first`]: !!filter.alwaysFirst,
+              hidden: filter.hidden,
+              selected: !!__props.selected[filter.id],
+              exposed: !filter.hidden
+            }])
+          }, [
+            renderSlot(_ctx.$slots, filter.id, normalizeProps(guardReactiveProps(filter)), void 0, true)
+          ], 2);
+        }), 128)),
+        !__props.isOpen ? renderSlot(_ctx.$slots, "add", {
+          key: 0,
+          hiddenFilters: unref(hiddenFilters)
+        }, void 0, true) : createCommentVNode("", true)
+      ]);
+    };
+  }
+});
+var FiltersPanel = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-79e550bf"]]);
+
+export { FiltersPanel as default };

package/components/filtersPanel/index.d.ts

@@ -0,0 +1,19 @@
+import { default as FiltersPanel } from './FiltersPanel.vue';
+import { default as FilterSearchInput } from './FilterSearchInput.vue';
+import { useHiddenFilter } from './useHiddenFilter';
+import { Filter } from './Filter';
+declare const FilterPanelTypes: () => (import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}> | (({ filters }: {
+    filters: Filter[];
+}) => {
+    onClear: (filter: any) => void;
+    disabled: import("vue").ComputedRef<boolean>;
+    isOpen: import("vue").Ref<boolean>;
+    state: {};
+    added: import("vue").Ref<any[]>;
+    search: import("vue").ComputedRef<({ label }: {
+        label: any;
+    }, query: any) => any>;
+    addNewFilter: (filter: Filter) => void;
+}))[];
+export { FiltersPanel, FilterSearchInput, FilterPanelTypes, useHiddenFilter };
+export type { Filter };

package/components/filtersPanel/index.vue.js

@@ -0,0 +1,14 @@
+import FiltersPanel from './FiltersPanel.vue.js';
+export { default as FiltersPanel } from './FiltersPanel.vue.js';
+import FilterSearchInput from './FilterSearchInput.vue.js';
+export { default as FilterSearchInput } from './FilterSearchInput.vue.js';
+import { useHiddenFilter } from './useHiddenFilter.vue.js';
+export { useHiddenFilter } from './useHiddenFilter.vue.js';
+
+const FilterPanelTypes = () => [
+  FiltersPanel,
+  FilterSearchInput,
+  useHiddenFilter
+];
+
+export { FilterPanelTypes };

package/components/filtersPanel/useHiddenFilter.d.ts

@@ -0,0 +1,14 @@
+import { Filter } from './Filter';
+export declare const useHiddenFilter: ({ filters }: {
+    filters: Filter[];
+}) => {
+    onClear: (filter: any) => void;
+    disabled: import("vue").ComputedRef<boolean>;
+    isOpen: import("vue").Ref<boolean>;
+    state: {};
+    added: import("vue").Ref<any[]>;
+    search: import("vue").ComputedRef<({ label }: {
+        label: any;
+    }, query: any) => any>;
+    addNewFilter: (filter: Filter) => void;
+};