@roomle/embedding-lib 5.25.0-alpha.9 → 5.26.0-alpha.1

package/src/common/store/index.d.ts

@@ -2,7 +2,7 @@ import { CoreState } from '../../configurator/store/core-state';
 import { CoreData } from '../../configurator/store/core-data';
 import { BUTTON_ACTIONS, UiState } from '../../configurator/store/ui-state';
 import { PlannerUiState } from '../../planner/store/planner-ui-state';
-import { CollectionViewState } from './collection-view-state';
+import { SidebarStoreState } from './sidebar-store-state';
 import { Nullable } from '../utils/types';
 import { PlannerCoreData } from '../../planner/store/planner-core-data';
 
@@ -16,7 +16,7 @@ export interface SharedUiState {
     topBarSelectedActions: BUTTON_ACTIONS[];
 }
 export declare const MUTATIONS: {
-    [x: string]: `PLANNER_CORE_STATE_${string}` | `PLANNER_UI_STATE_${string}` | `UI_STATE_${string}` | `COLLECTION_VIEW_${string}` | `CORE_DATA_${string}` | `CORE_STATE_${string}`;
+    [x: string]: `PLANNER_CORE_STATE_${string}` | `PLANNER_UI_STATE_${string}` | `UI_STATE_${string}` | `SIDEBAR_${string}` | `CORE_DATA_${string}` | `CORE_STATE_${string}`;
 };
 export declare const ACTIONS: {
     [x: string]: `PLANNER_CORE_STATE_${string}` | `PLANNER_UI_STATE_${string}` | `UI_STATE_${string}` | `CORE_DATA_${string}` | `CORE_STATE_${string}`;
@@ -27,7 +27,7 @@ export interface StoreState {
     uiState: UiState;
     plannerUiState: PlannerUiState;
     plannerCoreData: PlannerCoreData;
-    collectionViewState: CollectionViewState;
+    sidebarState: SidebarStoreState;
 }
 declare const _default: any;
 export default _default;

package/src/common/store/{collection-view-state.d.ts → sidebar-store-state.d.ts}

@@ -1,6 +1,6 @@
 import { Module } from 'vuex';
 import { Enumify, Nullable } from '../utils/types';
-import { CollectionViewElement } from '../components/collection-view/-utils/types';
+import { ParameterData } from '../components/side-bar/utils/types';
 import { StoreState } from '.';
 import { EnsurePrefix } from '../../configurator/store/ui-state';
 import { MaterialsForObjects } from '../../planner/business-logic/rooms';
@@ -15,7 +15,7 @@ export interface GridViewUiState {
     ignoreSearchThreshold: boolean;
     showLabels: boolean;
 }
-export declare const COLLECTION_VIEW_TYPES: {
+export declare const SIDEBAR_VIEW_TYPES: {
     readonly PLANNER_SIDE_BAR: "planner_side_bar";
     readonly CONFIGURATOR_SIDE_BAR: "configurator_side_bar";
     readonly DUMMY: "dummy_side_bar";
@@ -23,12 +23,12 @@ export declare const COLLECTION_VIEW_TYPES: {
     readonly PRODUCT_SETTINGS: "product_settings";
     readonly FLOOR_SIDE_BAR: "floor_side_bar";
     readonly UNIT_TEST: "test_state";
-    readonly STATIC_COLLECTION_VIEW: "static_collection_view";
 };
-export type CollectionViewTypes = Enumify<typeof COLLECTION_VIEW_TYPES>;
-export interface CollectionViewState {
-    debugId: CollectionViewTypes;
-    selected: Nullable<CollectionViewElement>;
+export type SidebarViewTypes = Enumify<typeof SIDEBAR_VIEW_TYPES>;
+export interface SidebarStoreState {
+    debugId: SidebarViewTypes;
+    isUsingSlider: boolean;
+    selected: Nullable<ParameterData>;
     showsDetails: boolean;
     gridView: GridViewUiState;
     lastSetExteriorMaterial: Nullable<MaterialsForObjects>;
@@ -36,10 +36,10 @@ export interface CollectionViewState {
     lastSetFloorsMaterial: Nullable<MaterialsForObjects>;
 }
 export declare const getInitialGridViewState: () => GridViewUiState;
-export declare const getInitialCollectionViewState: (debugId: CollectionViewTypes) => CollectionViewState;
+export declare const getInitialSidebarViewState: (debugId: SidebarViewTypes) => SidebarStoreState;
 export declare const getInitialViewType: (initialType?: ViewTypeState) => ViewTypeState;
-type CollectionViewStateIdentifier = EnsurePrefix<'COLLECTION_VIEW_'>;
-export declare const COLLECTION_VIEW_STATE_MUTATIONS: CollectionViewStateIdentifier;
-export declare const GRID_VIEW_STATE_MUTATIONS: CollectionViewStateIdentifier;
-export declare const collectionViewState: Module<CollectionViewState, StoreState>;
+type SidebarStateIdentifier = EnsurePrefix<'SIDEBAR_'>;
+export declare const SIDEBAR_STATE_MUTATIONS: SidebarStateIdentifier;
+export declare const GRID_VIEW_STATE_MUTATIONS: SidebarStateIdentifier;
+export declare const sidebarState: Module<SidebarStoreState, StoreState>;
 export {};

package/src/common/utils/parameters.d.ts

@@ -1,6 +1,6 @@
 import { RapiMaterial, RapiMaterialGroup, RapiTagForUi, RapiTexture } from '@roomle/web-sdk/typings/rapi-types';
 import { KernelPartListParameter, UiPossibleChildTag } from '@roomle/web-sdk/typings/kernel';
-import { CollectionViewElement, TabCategory } from '../components/collection-view/-utils/types';
+import { ParameterData, TabCategory } from '../components/side-bar/utils/types';
 import { VariantsMap } from '../../configurator/embedding/types';
 import { Translator } from '../composables/use-intl';
 
@@ -10,12 +10,12 @@ export interface RapiMaterialEmbeddedTextures extends RapiMaterial {
     [key: string]: any;
 }
 export declare const getAllMaterials: (groups?: RapiMaterialGroup[]) => RapiMaterialEmbeddedTextures[];
-export declare const mapAddons: (addons: UiPossibleChildTag[]) => CollectionViewElement[];
-export declare const mapVariants: (tag: RapiTagForUi) => CollectionViewElement[];
-export declare const mapRootTagToCollectionViewArray: (tags: RapiTagForUi[], tabCategory?: TabCategory) => CollectionViewElement[];
-export declare const filterAndMapAddons: (addons: UiPossibleChildTag[], selectedGroup: string | undefined) => CollectionViewElement[];
+export declare const mapAddons: (addons: UiPossibleChildTag[]) => ParameterData[];
+export declare const mapVariants: (tag: RapiTagForUi) => ParameterData[];
+export declare const mapRootTagToParameterDataArray: (tags: RapiTagForUi[], tabCategory?: TabCategory) => ParameterData[];
+export declare const filterAndMapAddons: (addons: UiPossibleChildTag[], selectedGroup: string | undefined) => ParameterData[];
 export declare const addonsHaveGroups: (addons: UiPossibleChildTag[]) => boolean;
 export declare const extractRootComponentId: (id: string) => string;
 export declare const getCurrentVariants: (api: RoomleConfiguratorType, id: string, variantChangeMap?: VariantsMap) => Promise<any>;
 export declare const prepareParametersForUi: (parameters: KernelPartListParameter[]) => KernelPartListParameter[];
-export declare const createDisabledParamsElement: (elements: CollectionViewElement[], intl: Translator) => CollectionViewElement<CollectionViewElement[]>;
+export declare const createDisabledParamsElement: (elements: ParameterData[], intl: Translator) => ParameterData<ParameterData[]>;

package/src/common/utils/types.d.ts

@@ -89,9 +89,6 @@ export declare const PERSPECTIVE_CAMERA_TYPES: {
     readonly RIGHT: "right";
     readonly TOP: "top";
 };
-export declare const ACTION_BUTTONS: {
-    readonly UNDO_REDO: "z";
-};
 export declare const INTERACTION_VIEW_TYPE: {
     readonly PARTLIST: "rubens_partlist";
     readonly MATERIAL_INFO: "material_info";

package/src/configurator/business-logic/sdk-connector.d.ts

@@ -38,7 +38,6 @@ export type LoadResponse = PartlistResponse | void;
 export interface PartlistResponse {
     partList: KernelPartList;
 }
-export declare const getSelectableEntry: (selected: Selectable, data: Selectable[]) => Nullable<Selectable>;
 export declare const REGISTERED_CALLBACKS: Map<keyof CallbackApi, boolean>;
 export type CallbackApi = ConfiguratorUiCallbacks & RoomlePlannerUiCallback;
 export declare class SdkConnector {

package/src/configurator/components/ConfiguratorSidebar.vue.d.ts

@@ -2,11 +2,13 @@ import { ToggleCallback } from '../../common/utils/types';
 import { EventBus } from '../../common/business-logic/event-bus';
 
 declare const _default: import('vue').DefineComponent<{
-    onToggleExpand: () => void;
+    onExpand: () => void;
+    onCollapse: () => void;
     onToggleEvent: EventBus<ToggleCallback>;
     onChangeParameterGroup: () => void;
 }, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{
-    onToggleExpand: () => void;
+    onExpand: () => void;
+    onCollapse: () => void;
     onToggleEvent: EventBus<ToggleCallback>;
     onChangeParameterGroup: () => void;
 }> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;

package/src/configurator/components/addons/PossibleChildren.vue.d.ts

@@ -3,12 +3,10 @@ declare const _default: import('vue').DefineComponent<{
     isExpanded: boolean;
     onExpand: () => void;
     onCollapse: (_payload: MouseEvent) => void;
-    isDesktop: boolean;
 }, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{
     addonTag: UiPossibleChildTag;
     isExpanded: boolean;
     onExpand: () => void;
     onCollapse: (_payload: MouseEvent) => void;
-    isDesktop: boolean;
 }> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
 export default _default;

package/src/configurator/components/grid-view/-utils/CollapsedView.vue.d.ts

@@ -1,82 +1,34 @@
-import { PropType } from 'vue';
 import { GridViewElement } from './GridViewHelper';
 
-declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<import('vue').ExtractPropTypes<{
-    elements: PropType<GridViewElement<any>[]>;
-    selectedElement: PropType<GridViewElement<any>>;
-    onExpand: FunctionConstructor;
-    onSelect: {
-        type: FunctionConstructor;
-        default: () => any;
-    };
-    onDragStart: {
-        type: FunctionConstructor;
-        default: () => any;
-    };
-    onDragEnd: {
-        type: FunctionConstructor;
-        default: () => any;
-    };
-    onTouchStart: {
-        type: FunctionConstructor;
-        default: () => any;
-    };
-    onTouchEnd: {
-        type: FunctionConstructor;
-        default: () => any;
-    };
-    onTouchMove: {
-        type: FunctionConstructor;
-        default: () => any;
-    };
-    showAllElements: BooleanConstructor;
-    isDesktop: BooleanConstructor;
-    isDraggable: BooleanConstructor;
-    isScrolling: BooleanConstructor;
-}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
-    elements: PropType<GridViewElement<any>[]>;
-    selectedElement: PropType<GridViewElement<any>>;
-    onExpand: FunctionConstructor;
-    onSelect: {
-        type: FunctionConstructor;
-        default: () => any;
-    };
-    onDragStart: {
-        type: FunctionConstructor;
-        default: () => any;
-    };
-    onDragEnd: {
-        type: FunctionConstructor;
-        default: () => any;
-    };
-    onTouchStart: {
-        type: FunctionConstructor;
-        default: () => any;
-    };
-    onTouchEnd: {
-        type: FunctionConstructor;
-        default: () => any;
-    };
-    onTouchMove: {
-        type: FunctionConstructor;
-        default: () => any;
-    };
-    showAllElements: BooleanConstructor;
-    isDesktop: BooleanConstructor;
-    isDraggable: BooleanConstructor;
-    isScrolling: BooleanConstructor;
-}>> & Readonly<{}>, {
-    isDesktop: boolean;
-    onSelect: Function;
-    onDragStart: Function;
-    onDragEnd: Function;
-    onTouchStart: Function;
-    onTouchEnd: Function;
-    onTouchMove: Function;
-    isDraggable: boolean;
-    showAllElements: boolean;
-    isScrolling: boolean;
-}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>, {
+declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<{
+    elements: GridViewElement<any>[];
+    selectedElement: GridViewElement<any>;
+    onExpand?: (event: MouseEvent) => void;
+    onSelect: (element: GridViewElement<any>) => void;
+    onDragStart: (element: GridViewElement<any>, event: DragEvent) => void;
+    onDragEnd: (element: GridViewElement<any>, event: DragEvent) => void;
+    onTouchStart: (element: GridViewElement<any>, event: TouchEvent) => void;
+    onTouchEnd: (element: GridViewElement<any>, event: TouchEvent) => void;
+    onTouchMove: (element: GridViewElement<any>, event: TouchEvent) => void;
+    showAllElements?: boolean;
+    isDraggable?: boolean;
+    isScrolling?: boolean;
+    searchString?: string;
+}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{
+    elements: GridViewElement<any>[];
+    selectedElement: GridViewElement<any>;
+    onExpand?: (event: MouseEvent) => void;
+    onSelect: (element: GridViewElement<any>) => void;
+    onDragStart: (element: GridViewElement<any>, event: DragEvent) => void;
+    onDragEnd: (element: GridViewElement<any>, event: DragEvent) => void;
+    onTouchStart: (element: GridViewElement<any>, event: TouchEvent) => void;
+    onTouchEnd: (element: GridViewElement<any>, event: TouchEvent) => void;
+    onTouchMove: (element: GridViewElement<any>, event: TouchEvent) => void;
+    showAllElements?: boolean;
+    isDraggable?: boolean;
+    isScrolling?: boolean;
+    searchString?: string;
+}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>, {
     aux?(_: {}): any;
 }>;
 export default _default;

package/src/configurator/components/grid-view/-utils/ExpandedHeader.vue.d.ts

@@ -1,14 +1,14 @@
 declare const _default: import('vue').DefineComponent<{
-    isDesktop?: boolean;
-    onChange?: (event: Event) => void;
+    searchString?: string;
+    onChange?: (string: string) => void;
     showListOption?: boolean;
 }, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{
-    isDesktop?: boolean;
-    onChange?: (event: Event) => void;
+    searchString?: string;
+    onChange?: (string: string) => void;
     showListOption?: boolean;
 }> & Readonly<{}>, {
-    isDesktop: boolean;
-    onChange: (event: Event) => void;
+    onChange: (string: string) => void;
+    searchString: string;
     showListOption: boolean;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
 export default _default;

package/src/configurator/components/grid-view/-utils/ExpandedView.vue.d.ts

@@ -1,8 +1,9 @@
+import { Ref } from 'vue';
 import { GridViewElement, GridViewGroup } from './GridViewHelper';
 
 declare const _default: import('vue').DefineComponent<{
     groups: GridViewGroup<any>[];
-    selectedElement: GridViewElement<any>;
+    selectedElement: Ref<GridViewElement<any>, GridViewElement<any>>;
     onSelect: (element: GridViewElement<any>) => void;
     onDragStart: (element: GridViewElement<any>, event: DragEvent) => void;
     onDragEnd: (element: GridViewElement<any>, event: DragEvent) => void;
@@ -10,11 +11,12 @@ declare const _default: import('vue').DefineComponent<{
     onTouchEnd: (element: GridViewElement<any>, event: TouchEvent) => void;
     onTouchMove: (element: GridViewElement<any>, event: TouchEvent) => void;
     onCollapse?: (mouseEvent: MouseEvent) => void;
-    isDesktop?: boolean;
     isDraggable?: boolean;
+    searchString?: string;
+    onSearchChange?: (string: string) => void;
 }, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{
     groups: GridViewGroup<any>[];
-    selectedElement: GridViewElement<any>;
+    selectedElement: Ref<GridViewElement<any>, GridViewElement<any>>;
     onSelect: (element: GridViewElement<any>) => void;
     onDragStart: (element: GridViewElement<any>, event: DragEvent) => void;
     onDragEnd: (element: GridViewElement<any>, event: DragEvent) => void;
@@ -22,7 +24,8 @@ declare const _default: import('vue').DefineComponent<{
     onTouchEnd: (element: GridViewElement<any>, event: TouchEvent) => void;
     onTouchMove: (element: GridViewElement<any>, event: TouchEvent) => void;
     onCollapse?: (mouseEvent: MouseEvent) => void;
-    isDesktop?: boolean;
     isDraggable?: boolean;
+    searchString?: string;
+    onSearchChange?: (string: string) => void;
 }> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
 export default _default;

package/src/configurator/components/grid-view/-utils/GridViewElement.vue.d.ts

@@ -1,4 +1,4 @@
-import { GridViewUiState } from '../../../../common/store/collection-view-state';
+import { GridViewUiState } from '../../../../common/store/sidebar-store-state';
 
 declare const _default: import('vue').DefineComponent<{
     expanded?: boolean;

package/src/configurator/components/grid-view/-utils/GridViewHelper.d.ts

@@ -3,7 +3,7 @@ import { KernelValue, UiPossibleChild, UiPossibleChildTag } from '@roomle/web-sd
 import { CssHash, Nullable } from '../../../../common/utils/types';
 import { MaterialsForObjects, SampleRoom } from '../../../../planner/business-logic/rooms';
 import { SampleMaterial } from '../../../../planner/components/overlays/rooms/utils/ral-colors';
-import { CollectionViewElement } from '../../../../common/components/collection-view/-utils/types';
+import { ParameterData } from '../../../../common/components/side-bar/utils/types';
 
 interface WrapLines {
     line1: string;
@@ -32,7 +32,12 @@ export interface GridViewGroup<T = GridViewElementPossiblePayload> {
     elements: GridViewElement<T>[];
 }
 export declare const toGridViewElements: <T = any>(elements: T[], key: string) => Array<GridViewElement<T>>;
-export declare const getAddonSearchGridViewElement: (elements: CollectionViewElement<UiPossibleChildTag>[]) => CollectionViewElement<UiPossibleChildTag>[];
+export declare const toNormalizedGroups: (id: string, label: string, possibleChildren: UiPossibleChild[]) => {
+    id: string;
+    label: string;
+    elements: GridViewElement<UiPossibleChild>[];
+}[];
+export declare const getAddonSearchGridViewElement: (elements: ParameterData<UiPossibleChildTag>[]) => ParameterData<UiPossibleChildTag>[];
 export declare const getImageSizeHelper: (showWithBigThumbnails: boolean, isDesktop: boolean) => number;
 export declare const getGridViewMaterialThumbnail: (material: any, imageSize?: number) => CssHash;
 export {};

package/src/configurator/components/grid-view/GridView.vue.d.ts

@@ -11,7 +11,7 @@ declare const _default: import('vue').DefineComponent<{
     selectedElement?: any;
     groups: GridViewGroup<any>[];
     onCollapse?: (mouseEvent: MouseEvent) => void;
-    isDesktop?: boolean;
+    label?: string;
 }, {
     currentTouch: TouchDrag<GridViewElement<any>>;
 }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{
@@ -24,6 +24,6 @@ declare const _default: import('vue').DefineComponent<{
     selectedElement?: any;
     groups: GridViewGroup<any>[];
     onCollapse?: (mouseEvent: MouseEvent) => void;
-    isDesktop?: boolean;
+    label?: string;
 }> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
 export default _default;

package/src/configurator/components/parameters/types/DisabledParameters.vue.d.ts

@@ -1,8 +1,8 @@
-import { CollectionViewElement } from '../../../../common/components/collection-view/-utils/types';
+import { ParameterData } from '../../../../common/components/side-bar/utils/types';
 
 declare const _default: import('vue').DefineComponent<{
-    parameter: CollectionViewElement<any>[];
+    parameter: ParameterData<any>[];
 }, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{
-    parameter: CollectionViewElement<any>[];
+    parameter: ParameterData<any>[];
 }> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
 export default _default;

package/src/configurator/components/parameters/types/MaterialParameter.vue.d.ts

@@ -1,66 +1,12 @@
-import { PropType } from 'vue';
-import { GridViewElement, GridViewGroup } from '../../grid-view/-utils/GridViewHelper';
-
-declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
-    parameter: PropType<UiKernelParameter>;
-    isExpanded: BooleanConstructor;
-    onExpand: {
-        type: PropType<(_payload: MouseEvent) => void>;
-        required: true;
-    };
-    onCollapse: {
-        type: PropType<(_payload: MouseEvent) => void>;
-    };
-    isDesktop: BooleanConstructor;
-}>, {}, {
-    groups: RapiMaterialGroup[];
-}, {
-    allElements(): GridViewElement[];
-    selectedElement(): GridViewElement;
-    normalizedGroups(): GridViewGroup[];
-}, {
-    onSelect({ key }: {
-        key: string;
-    }): Promise<void>;
-}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
-    parameter: PropType<UiKernelParameter>;
-    isExpanded: BooleanConstructor;
-    onExpand: {
-        type: PropType<(_payload: MouseEvent) => void>;
-        required: true;
-    };
-    onCollapse: {
-        type: PropType<(_payload: MouseEvent) => void>;
-    };
-    isDesktop: BooleanConstructor;
-}>> & Readonly<{}>, {
-    isDesktop: boolean;
+declare const _default: import('vue').DefineComponent<{
+    parameter?: UiKernelParameter;
     isExpanded: boolean;
-}, {}, {
-    GridView: import('vue').DefineComponent<{
-        isExpanded?: boolean;
-        onExpand: (event: MouseEvent) => void;
-        onSelect: ((...args: any[]) => any)[] | ((possibleChild: GridViewElement<any>) => Promise<void>);
-        onDragStart?: (gridViewElement: GridViewElement<any>, event: TouchEvent | DragEvent) => Promise<void>;
-        onDragEnd?: (gridViewElement: GridViewElement<any>, event: TouchEvent | DragEvent) => void;
-        elements: GridViewElement<any>[];
-        selectedElement?: any;
-        groups: GridViewGroup<any>[];
-        onCollapse?: (mouseEvent: MouseEvent) => void;
-        isDesktop?: boolean;
-    }, {
-        currentTouch: import('../../../../../packages/common/src/utils/touch-drag').TouchDrag<GridViewElement<any>>;
-    }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{
-        isExpanded?: boolean;
-        onExpand: (event: MouseEvent) => void;
-        onSelect: ((...args: any[]) => any)[] | ((possibleChild: GridViewElement<any>) => Promise<void>);
-        onDragStart?: (gridViewElement: GridViewElement<any>, event: TouchEvent | DragEvent) => Promise<void>;
-        onDragEnd?: (gridViewElement: GridViewElement<any>, event: TouchEvent | DragEvent) => void;
-        elements: GridViewElement<any>[];
-        selectedElement?: any;
-        groups: GridViewGroup<any>[];
-        onCollapse?: (mouseEvent: MouseEvent) => void;
-        isDesktop?: boolean;
-    }> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
-}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+    onExpand: (_payload: MouseEvent) => void;
+    onCollapse?: (_payload: MouseEvent) => void;
+}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{
+    parameter?: UiKernelParameter;
+    isExpanded: boolean;
+    onExpand: (_payload: MouseEvent) => void;
+    onCollapse?: (_payload: MouseEvent) => void;
+}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
 export default _default;

package/src/configurator/components/parameters/types/ProductVariant.vue.d.ts

@@ -14,7 +14,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
     onCollapse: {
         type: PropType<(_payload: MouseEvent) => void>;
     };
-    isDesktop: BooleanConstructor;
+    label: StringConstructor;
 }>, {}, {
     groups: RapiTagForUi[];
 }, {
@@ -35,9 +35,8 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
     onCollapse: {
         type: PropType<(_payload: MouseEvent) => void>;
     };
-    isDesktop: BooleanConstructor;
+    label: StringConstructor;
 }>> & Readonly<{}>, {
-    isDesktop: boolean;
     isExpanded: boolean;
 }, {}, {
     GridView: import('vue').DefineComponent<{
@@ -50,7 +49,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         selectedElement?: any;
         groups: GridViewGroup<any>[];
         onCollapse?: (mouseEvent: MouseEvent) => void;
-        isDesktop?: boolean;
+        label?: string;
     }, {
         currentTouch: import('../../../../../packages/common/src/utils/touch-drag').TouchDrag<GridViewElement<any>>;
     }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{
@@ -63,7 +62,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         selectedElement?: any;
         groups: GridViewGroup<any>[];
         onCollapse?: (mouseEvent: MouseEvent) => void;
-        isDesktop?: boolean;
+        label?: string;
     }> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
 }, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
 export default _default;

package/src/configurator/components/parameters/types/ThumbnailsParameter.vue.d.ts

@@ -11,7 +11,6 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
     onCollapse: {
         type: PropType<(_payload: MouseEvent) => void>;
     };
-    isDesktop: BooleanConstructor;
 }>, {}, {}, {
     allElements(): GridViewElement[];
     selectedElement(): GridViewElement;
@@ -30,9 +29,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
     onCollapse: {
         type: PropType<(_payload: MouseEvent) => void>;
     };
-    isDesktop: BooleanConstructor;
 }>> & Readonly<{}>, {
-    isDesktop: boolean;
     isExpanded: boolean;
 }, {}, {
     GridView: import('vue').DefineComponent<{
@@ -45,7 +42,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         selectedElement?: any;
         groups: GridViewGroup<any>[];
         onCollapse?: (mouseEvent: MouseEvent) => void;
-        isDesktop?: boolean;
+        label?: string;
     }, {
         currentTouch: import('../../../../../packages/common/src/utils/touch-drag').TouchDrag<GridViewElement<any>>;
     }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{
@@ -58,7 +55,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         selectedElement?: any;
         groups: GridViewGroup<any>[];
         onCollapse?: (mouseEvent: MouseEvent) => void;
-        isDesktop?: boolean;
+        label?: string;
     }> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
 }, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
 export default _default;

package/src/configurator/components/utils/-utils/side-bar-types.d.ts

@@ -0,0 +1,13 @@
+import { RendererElement, RendererNode, VNode } from 'vue';
+import { Nullable } from '../../../../common/utils/types';
+
+export interface SideBarItem {
+    key: string;
+    label: string;
+    component: () => VNode<RendererNode, RendererElement, {
+        [p: string]: any;
+    }>;
+    componentIcon?: Nullable<() => VNode<RendererNode, RendererElement, {
+        [p: string]: any;
+    }>>;
+}

package/src/configurator/components/utils/InteractionsContainer.vue.d.ts

@@ -4,12 +4,14 @@ import { ToggleCallback } from '../../../common/utils/types';
 declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<{
     environment?: string;
 }, {
-    toggle: () => void;
+    onCollapseSidebar: () => void;
+    onExpandSidebar: () => void;
 }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{
     environment?: string;
 }> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>, {
     default?(_: {
-        toggle: () => void;
+        onExpand: () => void;
+        onCollapse: () => void;
         toggleEvent: EventBus<ToggleCallback>;
         isExpanded: boolean;
     }): any;

package/src/configurator/components/utils/SearchInput.vue.d.ts

@@ -1,11 +1,14 @@
 declare const _default: import('vue').DefineComponent<{
+    searchString?: string;
     isDesktop?: boolean;
-    onChange?: (event: Event) => void;
+    onChange?: (string: string) => void;
 }, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{
+    searchString?: string;
     isDesktop?: boolean;
-    onChange?: (event: Event) => void;
+    onChange?: (string: string) => void;
 }> & Readonly<{}>, {
     isDesktop: boolean;
-    onChange: (event: Event) => void;
+    onChange: (string: string) => void;
+    searchString: string;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
 export default _default;

package/src/configurator/embedding/helper.d.ts

@@ -13,7 +13,7 @@ import { Translator } from '../../common/composables/use-intl';
 import { ExternalConfiguration } from '@roomle/web-sdk/typings/external-objects';
 
 export declare const startConfiguring: (store: Store<StoreState>, exposedCallbacks: ExposedCallbacks) => void;
-export declare const resetCollectionViewStates: (store: Store<StoreState>) => void;
+export declare const resetSidebarStates: (store: Store<StoreState>) => void;
 export declare const stopConfiguring: (store: Store<StoreState>, sdkConnector: SdkConnector, embeddingCallbacks?: ExposedCallbacks) => Promise<void>;
 export declare const triggerRequestProduct: (embeddingCallbacks: ExposedCallbacks, sdkConnector: SdkConnector, store: Store<StoreState>, analytics: Analytics) => Promise<void>;
 export declare const sendSaveDraft: (sdkConnector: SdkConnector, store: Store<StoreState>, currentConfiguration: RapiConfigurationEnhanced | Nullable<RapiPlanSnapshotGetData | RapiPlan | ExternalConfiguration>) => Promise<any>;

package/src/configurator/embedding/types.d.ts

@@ -1,7 +1,7 @@
 import { FeatureFlags, GlobalInitDataDefinition, InitDataDefinition } from '@roomle/web-sdk/common-core/src/utils/shims';
 import { HexColorString, RapiConfiguratorSettings, RapiId } from '@roomle/web-sdk/typings/rapi-types';
 import { Enumify, MEASUREMENT_UNIT, MEASUREMENT_SYSTEM, Nullable, TutorialData } from '../../common/utils/types';
-import { ViewTypeState } from '../../common/store/collection-view-state';
+import { ViewTypeState } from '../../common/store/sidebar-store-state';
 import { KernelPartList } from '@roomle/web-sdk/typings/kernel';
 import { INTERACTION_NOTIFICATIONS, NOTIFICATIONS } from '../../common/components/utils/-utils/notifications';
 import { SidebarEventTypes } from '../../common/composables/use-event-emitter-listener';

package/src/planner/business-logic/rooms.d.ts

@@ -1,9 +1,7 @@
-import { CollectionViewElement, CollectionViewElementPossibleTypes } from '../../common/components/collection-view/-utils/types';
 import { default as PlanElementViewModel } from '@roomle/web-sdk/common-core/src/view-model/plan-element-view-model';
 import { WallDefinition } from '@roomle/web-sdk/planner-core/src/roomle-planner';
 import { PlanInteractionHandler } from '@roomle/web-sdk/typings/planner';
 import { PlannerUiState } from '../store/planner-ui-state';
-import { GridViewElement } from '../../configurator/components/grid-view/-utils/GridViewHelper';
 import { RapiMaterial } from '@roomle/web-sdk/typings/rapi-types';
 import { SampleMaterial } from '../components/overlays/rooms/utils/ral-colors';
 
@@ -54,9 +52,4 @@ export interface WallColorGroup {
     materials: MaterialsForObjects[];
     sort?: number;
 }
-export type SampleRoomsCollectionView = [
-    CollectionViewElement<GridViewElement<SampleRoom>[]>,
-    CollectionViewElement<DrawControlTab>
-];
-export type GeneralRoomParameterView = Array<CollectionViewElement<CollectionViewElementPossibleTypes>>;
 export declare const getRoomDefinition: (type: RoomType, planOverview: PlanOverview) => WallDefinition[];