@hotelinking/ui 10.41.11 → 10.42.0

package/dist/types/components/Atoms/uiButton/uiButton.vue.d.ts

@@ -9,9 +9,9 @@ declare function __VLS_template(): {
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
 declare const __VLS_component: import("vue").DefineComponent<UiButtonInterface, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<UiButtonInterface> & Readonly<{}>, {
-    size: "small" | "medium" | "big";
-    color: "primary" | "secondary" | "light" | "green" | "yellow" | "red";
     loading: boolean;
+    size: "big" | "small" | "medium";
+    color: "primary" | "secondary" | "light" | "green" | "yellow" | "red";
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;

package/dist/types/components/Atoms/uiCheckbox/uiCheckbox.vue.d.ts

@@ -13,8 +13,8 @@ declare const __VLS_component: import("vue").DefineComponent<UiCheckboxInterface
 }, string, import("vue").PublicProps, Readonly<UiCheckboxInterface> & Readonly<{
     onCheckboxChanged?: ((checkbox: import("@/types").UiCheckboxType) => any) | undefined;
 }>, {
-    loading: boolean;
     disabled: boolean;
+    loading: boolean;
     check: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;

package/dist/types/components/Atoms/uiDropdown/uiDropdown.vue.d.ts

@@ -4,7 +4,7 @@ declare const _default: import("vue").DefineComponent<UiDropdownInterface, {}, {
 }, string, import("vue").PublicProps, Readonly<UiDropdownInterface> & Readonly<{
     onOptionSelected?: ((v: UiDropdownItemType) => any) | undefined;
 }>, {
-    loading: boolean;
     position: "left" | "right";
+    loading: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 export default _default;

package/dist/types/components/Atoms/uiIcon/uiIcon.vue.d.ts

@@ -1,7 +1,7 @@
 import { UiIconInterface } from '@/types';
 declare const _default: import("vue").DefineComponent<UiIconInterface, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<UiIconInterface> & Readonly<{}>, {
-    size: "small" | "medium" | "big" | "bigger" | "huge" | "massive";
-    color: "primary" | "secondary" | "light" | "green" | "yellow" | "red" | "black" | "gray" | "white";
     loading: boolean;
+    size: "big" | "small" | "medium" | "bigger" | "huge" | "massive";
+    color: "primary" | "secondary" | "light" | "green" | "yellow" | "red" | "black" | "gray" | "white";
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 export default _default;

package/dist/types/components/Atoms/uiInput/uiInput.vue.d.ts

@@ -8,9 +8,9 @@ declare const _default: import("vue").DefineComponent<UiInputInterface, {}, {},
     onRightAddOnClicked?: (() => any) | undefined;
     onAddOnClicked?: (() => any) | undefined;
 }>, {
+    loading: boolean;
     type: "number" | "text" | "email" | "password" | "date" | "datetime-local";
     color: "primary" | "secondary" | "light" | "green" | "yellow" | "red" | "black" | "gray" | "white";
-    loading: boolean;
     placeholder: string;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 export default _default;

package/dist/types/components/Atoms/uiInputFile/uiInputFile.vue.d.ts

@@ -4,7 +4,7 @@ declare const _default: import("vue").DefineComponent<UiInputFileInterface, {},
 }, string, import("vue").PublicProps, Readonly<UiInputFileInterface> & Readonly<{
     onFilesUploaded?: ((T: import("@/types").FileInputType) => any) | undefined;
 }>, {
-    icon: any;
     loading: boolean;
+    icon: any;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 export default _default;

package/dist/types/components/Atoms/uiRangeSlider/uiRangeSlider.vue.d.ts

@@ -4,7 +4,7 @@ declare const _default: import("vue").DefineComponent<UiRangeSliderInterface, {}
 }, string, import("vue").PublicProps, Readonly<UiRangeSliderInterface> & Readonly<{
     onSliderUpdated?: ((T: any) => any) | undefined;
 }>, {
-    loading: boolean;
     disabled: boolean;
+    loading: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, HTMLDivElement>;
 export default _default;

package/dist/types/components/Atoms/uiSelect/uiSelect.vue.d.ts

@@ -4,7 +4,7 @@ declare const _default: import("vue").DefineComponent<UiSelectInterface, {}, {},
 }, string, import("vue").PublicProps, Readonly<UiSelectInterface> & Readonly<{
     onSelectChanged?: ((T: SelectItemType) => any) | undefined;
 }>, {
-    color: "primary" | "secondary" | "light" | "green" | "yellow" | "red" | "black" | "gray" | "white";
     loading: boolean;
+    color: "primary" | "secondary" | "light" | "green" | "yellow" | "red" | "black" | "gray" | "white";
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 export default _default;

package/dist/types/components/Atoms/uiTag/uiTag.vue.d.ts

@@ -13,9 +13,9 @@ declare const __VLS_component: import("vue").DefineComponent<UiTagInterface, {},
 }, string, import("vue").PublicProps, Readonly<UiTagInterface> & Readonly<{
     onTagEvent?: ((T: string | undefined) => any) | undefined;
 }>, {
-    size: "small" | "medium" | "big";
-    color: "primary" | "secondary" | "light" | "green" | "yellow" | "red" | "black" | "gray" | "white";
     loading: boolean;
+    size: "big" | "small" | "medium";
+    color: "primary" | "secondary" | "light" | "green" | "yellow" | "red" | "black" | "gray" | "white";
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;

package/dist/types/components/Atoms/uiTextArea/uiTextArea.vue.d.ts

@@ -10,9 +10,9 @@ declare const _default: import("vue").DefineComponent<UiTextAreaInterface, {}, {
         value?: string;
     }) => any) | undefined;
 }>, {
-    color: "primary" | "secondary" | "light" | "green" | "yellow" | "red" | "black" | "gray" | "white";
-    loading: boolean;
     disabled: boolean;
+    loading: boolean;
+    color: "primary" | "secondary" | "light" | "green" | "yellow" | "red" | "black" | "gray" | "white";
     placeholder: string;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 export default _default;

package/dist/types/components/Atoms/uiToggle/uiToggle.vue.d.ts

@@ -22,8 +22,8 @@ declare const _default: import("vue").DefineComponent<UiToggleInterface, {}, {},
         action: string;
     }) => any) | undefined;
 }>, {
-    loading: boolean;
     disabled: boolean;
+    loading: boolean;
     checked: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 export default _default;

package/dist/types/components/Molecules/uiAlert/uiAlert.vue.d.ts

@@ -13,8 +13,8 @@ declare const __VLS_component: import("vue").DefineComponent<UiAlertInterface, {
 }, string, import("vue").PublicProps, Readonly<UiAlertInterface> & Readonly<{
     onAlertEvent?: ((T: string) => any) | undefined;
 }>, {
-    type: string;
     loading: boolean;
+    type: string;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;

package/dist/types/components/Molecules/uiFilter/uiFilter.vue.d.ts

@@ -4,7 +4,7 @@ declare const _default: import("vue").DefineComponent<UiFilterInterface, {}, {},
 }, string, import("vue").PublicProps, Readonly<UiFilterInterface> & Readonly<{
     onFilterSelected?: ((T: string) => any) | undefined;
 }>, {
-    loading: boolean;
     position: "left" | "right";
+    loading: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 export default _default;

package/dist/types/components/Molecules/uiModal/uiModal.vue.d.ts

@@ -19,8 +19,8 @@ declare const __VLS_component: import("vue").DefineComponent<UiModalInterface, {
         action: string;
     }) => any) | undefined;
 }>, {
-    type: string;
     loading: boolean;
+    type: string;
     open: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;

package/dist/types/components/Molecules/uiNotification/uiNotification.vue.d.ts

@@ -4,8 +4,8 @@ declare const _default: import("vue").DefineComponent<UiNotificationInterface, {
 }, string, import("vue").PublicProps, Readonly<UiNotificationInterface> & Readonly<{
     onCloseNotification?: (() => any) | undefined;
 }>, {
-    type: string;
     fixed: boolean;
+    type: string;
     show: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 export default _default;

package/dist/types/components/Organisms/uiCharts/uiChart.vue.d.ts

@@ -22,9 +22,9 @@ declare const _default: import("vue").DefineComponent<UiChartInterface, {}, {},
     onDataPointSelection?: ((T: any) => any) | undefined;
     onMaximizeChart?: ((T: string) => any) | undefined;
 }>, {
-    id: string;
-    type: "area" | "line" | "bar" | "scatter";
     loading: boolean;
+    type: "area" | "line" | "bar" | "scatter";
+    id: string;
     empty: boolean;
     horizontal: boolean;
     stacked: boolean;

package/dist/types/components/Organisms/uiCircleCharts/uiCircleChart.vue.d.ts

@@ -22,8 +22,8 @@ declare const _default: import("vue").DefineComponent<UiChartInterface, {}, {},
     onDataPointSelection?: ((T: any) => any) | undefined;
     onMaximizeChart?: ((T: string) => any) | undefined;
 }>, {
-    id: string;
     loading: boolean;
+    id: string;
     empty: boolean;
     horizontal: boolean;
     stacked: boolean;

package/dist/types/components/Organisms/uiFunnelChartV2/uiFunnelChartV2.vue.d.ts

@@ -22,9 +22,9 @@ declare const _default: import("vue").DefineComponent<UiChartInterface, {}, {},
     onDataPointSelection?: ((T: any) => any) | undefined;
     onMaximizeChart?: ((T: string) => any) | undefined;
 }>, {
-    id: string;
-    type: "area" | "line" | "bar" | "scatter";
     loading: boolean;
+    type: "area" | "line" | "bar" | "scatter";
+    id: string;
     range: "24h" | "7d" | "1m" | "3m" | "all";
     empty: boolean;
     horizontal: boolean;

package/dist/types/components/Organisms/uiSmartFilter/uiSmartFilter.vue.d.ts

@@ -0,0 +1,24 @@
+import { UiSmartFilterInterface } from "@/types";
+declare const _default: import("vue").DefineComponent<UiSmartFilterInterface, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+    smartFilterSelected: (T: {
+        name: string;
+        value: string;
+        active?: boolean;
+        type?: "dropdown" | "input";
+    }[]) => any;
+    smartInputChanged: (T: import("@/types").InputType) => any;
+    smartOptionSelected: (T: import("@/types").UiDropdownItemType) => any;
+}, string, import("vue").PublicProps, Readonly<UiSmartFilterInterface> & Readonly<{
+    onSmartFilterSelected?: ((T: {
+        name: string;
+        value: string;
+        active?: boolean;
+        type?: "dropdown" | "input";
+    }[]) => any) | undefined;
+    onSmartInputChanged?: ((T: import("@/types").InputType) => any) | undefined;
+    onSmartOptionSelected?: ((T: import("@/types").UiDropdownItemType) => any) | undefined;
+}>, {
+    loading: boolean;
+    filterType: "dropdown" | "input";
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, HTMLDivElement>;
+export default _default;

package/dist/types/components/index.d.ts

@@ -39,4 +39,5 @@ import uiSectionTitle from "./Molecules/uiSectionTitle/uiSectionTitle.vue";
 import uiDeviceStatus from "./Molecules/uiDeviceStatus/uiDeviceStatus.vue";
 import uiWrapper from "./Organisms/uiWrapper/uiWrapper.vue";
 import uiDynamicStats from "./Organisms/uiDynamicStats/uiDynamicStats.vue";
-export { uiButton, uiIcon, uiCheckbox, uiDropdown, uiInput, uiInputFile, uiSelect, uiTag, uiTextArea, uiToggle, uiAlert, uiBreadcrumbs, uiCard, uiFilter, uiModal, uiNotification, uiTaskList, uiPriceCalendar, uiChart, uiFooter, uiLoadingScreen, uiPagination, uiSidebar, uiStats, uiStripedCard, uiTable, uiTabs, uiTimeline, uiTopbar, uiFunnelChartV2, uiNoResults, uiRightSidebar, uiGallery, uiDragAndDrop, uiCircleChart, uiDateRange, uiRangeSlider, uiSectionTitle, uiDeviceStatus, uiWrapper, uiDynamicStats };
+import uiSmartFilter from "./Organisms/uiSmartFilter/uiSmartFilter.vue";
+export { uiButton, uiIcon, uiCheckbox, uiDropdown, uiInput, uiInputFile, uiSelect, uiTag, uiTextArea, uiToggle, uiAlert, uiBreadcrumbs, uiCard, uiFilter, uiModal, uiNotification, uiTaskList, uiPriceCalendar, uiChart, uiFooter, uiLoadingScreen, uiPagination, uiSidebar, uiStats, uiStripedCard, uiTable, uiTabs, uiTimeline, uiTopbar, uiFunnelChartV2, uiNoResults, uiRightSidebar, uiGallery, uiDragAndDrop, uiCircleChart, uiDateRange, uiRangeSlider, uiSectionTitle, uiDeviceStatus, uiWrapper, uiDynamicStats, uiSmartFilter, };

package/dist/types/types/index.d.ts

@@ -364,12 +364,14 @@ export interface UiDeviceStatusEventsInterface {
 export interface UiFilterInterface {
     /** items array */
     items: {
-        /** literal string */
+        /** item name */
         name: string;
-        /** internal value */
+        /** item value */
         value: string;
-        /** is active or not */
+        /** is is selected or not */
         active?: boolean;
+        /** for use in UiSmartFilter, it determines if input is a dropdown or input field */
+        type?: "dropdown" | "input";
     }[];
     /** float position of dropdown */
     position?: "left" | "right";
@@ -382,6 +384,31 @@ export interface UiFilterEventsInterface {
     /** emits UiFilterInterface["items"]["value"] when filter is selected */
     (e: 'filterSelected', T: string): void;
 }
+/** uiSmartFilter */
+export interface UiSmartFilterInterface {
+    /** Filter items */
+    items: UiFilterInterface["items"];
+    /** If filter is uiInput here uiInput props */
+    inputProps: UiInputInterface;
+    /** if filter is uiDropdown here uiDropdown props */
+    dropdownProps: UiDropdownInterface;
+    /** select input filter type or dropdown filter type */
+    filterType?: "dropdown" | "input";
+    /** filter action literal */
+    buttonLiteral: string;
+    /** delete add on literal */
+    deleteLiteral: string;
+    /** show skeleton */
+    loading?: boolean;
+}
+export interface UiSmartFilterEventInterface {
+    /** when a filter is selected */
+    (e: 'smartFilterSelected', T: UiFilterInterface["items"]): void;
+    /** when an input is changed */
+    (e: 'smartInputChanged', T: InputType): void;
+    /** when a dropdown option is selected */
+    (e: 'smartOptionSelected', T: UiDropdownItemType): void;
+}
 export interface UiModalInterface {
     /** modal title */
     title: string;