@omnia/fx 8.0.500-dev → 8.0.501-dev

package/internal-do-not-import-from-here/ux/Exposes.d.ts

@@ -48,6 +48,7 @@ export * from "./theming";
 export * from "./use";
 export * from "./velcron";
 export * from "./versionedlayout";
+export * from "./conditioncontrol";
 export * from "./app/ExposeToUxCore";
 export * from "./AnchorLink";
 export * from "./AppRollupFilterEngineContext";

package/internal-do-not-import-from-here/ux/conditioncontrol/ConditionControl.d.ts

@@ -1,31 +1,50 @@
-import { ConstructComponentProps, DefineEmit, DefineProp, DefineSlot, DefineVModel } from "@omnia/fx/ux";
+import { IConditionControlItemFilterValues, IConditionControlItemRow } from "@omnia/fx-models";
+import { DefineEmit, DefineProp, DefineSlot, DefineVModel } from "@omnia/fx/ux";
 import { VNodeChild } from "vue";
-export type ConditionalControlItemProps = DefineProp<"text", string, false, "">;
-export type ConditionalControlItemFilterProps = DefineProp<"text", string, false, ""> & DefineEmit<"click:close", (e: MouseEvent) => void>;
-type ConditionControlItemElement = (props: ConstructComponentProps<ConditionalControlItemProps>) => any;
-type ConditionControlItemFilterValueElement = (props: ConstructComponentProps<ConditionalControlItemFilterProps>) => any;
-export interface IConditionControlItemRow<TItem = any> {
-    Row: ConditionControlItemElement;
-    Item: TItem;
-}
-export interface IConditionControlItemFilterValues<TItem = any> {
-    FilterValue: ConditionControlItemFilterValueElement;
-    Item: TItem;
-}
-type ConditionControlProps<TItem> = DefineVModel<"", Array<TItem>, true> & DefineProp<"label", string, false> & DefineProp<"labelAddItem", string, false> & DefineProp<"labelAddItemValue", string, false> & DefineProp<"getItemTitle", (item: TItem) => string, false> & DefineSlot<"selectionRenderer", (item: TItem, onAddClick: (item: TItem) => void) => VNodeChild> & DefineSlot<"editRenderer", (item: TItem, onItemValueUpdate: (item: TItem) => void) => VNodeChild> & DefineSlot<"selectedValueRenderer", (item: TItem, onAddClick: () => void) => VNodeChild> & DefineSlot<"itemRenderer", (row: IConditionControlItemRow<TItem>) => VNodeChild> & DefineSlot<"itemValuesRenderer", (row: IConditionControlItemFilterValues<TItem>) => VNodeChild> & DefineEmit<"itemAdd", (item: TItem) => void> & DefineEmit<"itemRemove", (item: TItem) => void>;
+import { ControlConditionBladeElement } from "@omnia/fx/ux";
+type ConditionControlProps<TItem> = DefineVModel<"", Array<TItem>, true> & DefineProp<"label", string, false, null, "Label for the control"> & DefineProp<"labelAddItem", string, false, null, "Label for the add item button"> & DefineProp<"labelAddItemValue", string, false, null, "Label for the add filter value button"> & DefineProp<"getItemTitle", (item: TItem) => string, false, null, "Callback function to return the title of the item"> & DefineSlot<"selectionRender", (item: {
+    addItem: (item: TItem, title: string) => void;
+    items: Array<TItem>;
+}) => VNodeChild> & DefineSlot<"selectionRenderV2", (item: {
+    SelectionRenderer: ControlConditionBladeElement;
+    addItem: (item: TItem, title: string) => void;
+    items: Array<TItem>;
+}) => VNodeChild> & DefineSlot<"settingsRender", (item: {
+    item: TItem;
+    updateItem: (item: TItem) => void;
+}) => VNodeChild> & DefineSlot<"settingsRenderV2", (item: {
+    SettingsRenderer: ControlConditionBladeElement;
+    item: TItem;
+    updateItem: (item: TItem) => void;
+}) => VNodeChild> & DefineSlot<"itemRenderer", (row: IConditionControlItemRow<TItem>) => VNodeChild, "Used to render each item in the list"> & DefineSlot<"itemValuesRenderer", (row: IConditionControlItemFilterValues<TItem>) => VNodeChild, "Used to render the item values in the filter"> & DefineEmit<"itemAdd", (item: TItem) => void, "Emitted when an item is added"> & DefineEmit<"itemRemove", (item: TItem) => void, "Emitted when an item is removed">;
 declare const _default: <TItem extends unknown = any>(props: import("@omnia/fx/ux").ExtractProps<ConditionControlProps<TItem>> & {
     "onUpdate:modelValue"?: (value: TItem[]) => any;
     onItemAdd?: (item: TItem) => any;
     onItemRemove?: (item: TItem) => any;
 } & {
     "v-slots"?: {
-        selectionRenderer?: (item: TItem, onAddClick: (item: TItem) => void) => VNodeChild;
-        editRenderer?: (item: TItem, onItemValueUpdate: (item: TItem) => void) => VNodeChild;
-        selectedValueRenderer?: (item: TItem, onAddClick: () => void) => VNodeChild;
+        selectionRender?: (item: {
+            addItem: (item: TItem, title: string) => void;
+            items: TItem[];
+        }) => VNodeChild;
+        selectionRenderV2?: (item: {
+            SelectionRenderer: ControlConditionBladeElement;
+            addItem: (item: TItem, title: string) => void;
+            items: TItem[];
+        }) => VNodeChild;
+        settingsRender?: (item: {
+            item: TItem;
+            updateItem: (item: TItem) => void;
+        }) => VNodeChild;
+        settingsRenderV2?: (item: {
+            SettingsRenderer: ControlConditionBladeElement;
+            item: TItem;
+            updateItem: (item: TItem) => void;
+        }) => VNodeChild;
         itemRenderer?: (row: IConditionControlItemRow<TItem>) => VNodeChild;
         itemValuesRenderer?: (row: IConditionControlItemFilterValues<TItem>) => VNodeChild;
     } & Omit<{
         default?: import("vue").Slot;
-    }, "selectionRenderer" | "editRenderer" | "selectedValueRenderer" | "itemRenderer" | "itemValuesRenderer">;
-} & {} & Omit<import("@omnia/fx/ux").VueComponentBaseProps, "label" | "modelValue" | "emit:update:modelValue" | "labelAddItem" | "labelAddItemValue" | "getItemTitle" | "slot:selectionRenderer" | "slot:editRenderer" | "slot:selectedValueRenderer" | "slot:itemRenderer" | "slot:itemValuesRenderer" | "emit:itemAdd" | "emit:itemRemove"> & import("@omnia/fx/ux").VNodeEvents) => any;
+    }, "selectionRender" | "settingsRender" | "settingsRenderV2" | "selectionRenderV2" | "itemRenderer" | "itemValuesRenderer">;
+} & {} & Omit<import("@omnia/fx/ux").VueComponentBaseProps, "label" | "modelValue" | "emit:update:modelValue" | "slot:selectionRender" | "slot:settingsRender" | "slot:settingsRenderV2" | "slot:selectionRenderV2" | "labelAddItem" | "labelAddItemValue" | "getItemTitle" | "slot:itemRenderer" | "slot:itemValuesRenderer" | "emit:itemAdd" | "emit:itemRemove"> & import("@omnia/fx/ux").VNodeEvents) => any;
 export default _default;

package/internal-do-not-import-from-here/ux/conditioncontrol/ConditionalControlSelectionRenderer.d.ts

@@ -0,0 +1,12 @@
+import { DefineEmit, DefinePropTheming } from "@omnia/fx/ux";
+export declare const SelectionTypeDefinitions: readonly ["selection", "custom"];
+export type SelectionTypes = typeof SelectionTypeDefinitions[number];
+type BaseProps = DefinePropTheming & DefineEmit<"click:add", () => true>;
+declare const _default: (props: import("@omnia/fx/ux").ExtractProps<BaseProps> & {
+    "onClick:add"?: () => any;
+} & {
+    "v-slots"?: {} & Omit<{
+        default?: import("vue").Slot;
+    }, never>;
+} & {} & Omit<import("@omnia/fx/ux").VueComponentBaseProps, "colorSchemaType" | "colors" | "emit:click:add"> & import("@omnia/fx/ux").VNodeEvents) => any;
+export default _default;

package/internal-do-not-import-from-here/ux/conditioncontrol/ConditionalControlSettingsRenderer.d.ts

@@ -0,0 +1,12 @@
+import { DefineEmit, DefinePropTheming } from "@omnia/fx/ux";
+export declare const SelectionTypeDefinitions: readonly ["selection", "custom"];
+export type SelectionTypes = typeof SelectionTypeDefinitions[number];
+type BaseProps = DefinePropTheming & DefineEmit<"click:update", () => true>;
+declare const _default: (props: import("@omnia/fx/ux").ExtractProps<BaseProps> & {
+    "onClick:update"?: () => any;
+} & {
+    "v-slots"?: {} & Omit<{
+        default?: import("vue").Slot;
+    }, never>;
+} & {} & Omit<import("@omnia/fx/ux").VueComponentBaseProps, "colorSchemaType" | "colors" | "emit:click:update"> & import("@omnia/fx/ux").VNodeEvents) => any;
+export default _default;

package/internal-do-not-import-from-here/ux/conditioncontrol/index.d.ts

@@ -0,0 +1 @@
+export * from "./stores";

package/internal-do-not-import-from-here/ux/conditioncontrol/stores/ConditionalControlStore.d.ts

@@ -0,0 +1,125 @@
+import { guid, IConditionControlItemFilterValues, IConditionControlItemRow } from "@omnia/fx-models";
+import { defineBlade } from "../../journey";
+import { JourneyBladeProps } from "../../journey/JourneyBlade";
+import { ConstructComponentProps, VNodeEvents } from "../../InternalDefineComponent";
+import { VNodeChild } from "vue";
+export interface IItem<TItem = any> {
+    uniqueId: guid;
+    title: string;
+    value: TItem;
+}
+export type ControlConditionBladeElement = (props: Omit<ConstructComponentProps<JourneyBladeProps>, "id" | "getApi" | "manageList"> & VNodeEvents) => any;
+export declare const useConditionalControlStore: () => {
+    readonly slots: {
+        selectionRender: (item: {
+            addItem: (item: any, title: string) => void;
+            items: Array<any>;
+        }) => VNodeChild;
+        selectionRenderV2: (item: {
+            SelectionRenderer: ControlConditionBladeElement;
+            addItem: (item: any, title: string) => void;
+            items: Array<any>;
+        }) => VNodeChild;
+        settingsRender: (item: {
+            item: any;
+            updateItem: (item: any) => void;
+        }) => VNodeChild;
+        settingsRenderV2: (item: {
+            SettingsRenderer: ControlConditionBladeElement;
+            item: any;
+            updateItem: (item: any) => void;
+        }) => VNodeChild;
+        itemRenderer: (row: IConditionControlItemRow<any>) => VNodeChild;
+        itemValuesRenderer: (row: IConditionControlItemFilterValues<any>) => VNodeChild;
+    };
+    state: {
+        items: IItem<any>[];
+        selectedItem: IItem<any>;
+        addedItem: IItem<any>;
+        itemSelectionBladeId: guid;
+        itemValueBladeId: guid;
+        bladeIds: {
+            selectionBlade: guid;
+            settingsBlade: guid;
+        };
+        titles: {
+            addItem: string;
+        };
+        containerBladeId: guid;
+    };
+    events: import("@omnia/fx/stores").StoreEvents<{
+        items: IItem<any>[];
+        selectedItem: IItem<any>;
+        addedItem: IItem<any>;
+        itemSelectionBladeId: guid;
+        itemValueBladeId: guid;
+        bladeIds: {
+            selectionBlade: guid;
+            settingsBlade: guid;
+        };
+        titles: {
+            addItem: string;
+        };
+        containerBladeId: guid;
+    }, Record<string, import("@omnia/fx-models").IMessageBusTopicPublishSubscriber<any>>>;
+    actions: import("@omnia/fx/stores").StoreReturnDefineAction<{
+        init(items: IItem<any>[], renderingSlots: {
+            selectionRender: (item: {
+                addItem: (item: any, title: string) => void;
+                items: Array<any>;
+            }) => VNodeChild;
+            selectionRenderV2: (item: {
+                SelectionRenderer: ControlConditionBladeElement;
+                addItem: (item: any, title: string) => void;
+                items: Array<any>;
+            }) => VNodeChild;
+            settingsRender: (item: {
+                item: any;
+                updateItem: (item: any) => void;
+            }) => VNodeChild;
+            settingsRenderV2: (item: {
+                SettingsRenderer: ControlConditionBladeElement;
+                item: any;
+                updateItem: (item: any) => void;
+            }) => VNodeChild;
+            itemRenderer: (row: IConditionControlItemRow<any>) => VNodeChild;
+            itemValuesRenderer: (row: IConditionControlItemFilterValues<any>) => VNodeChild;
+        }): void;
+        addItem(item: IItem<any>): void;
+        removeItem(item: IItem<any>): void;
+        selectItem(item: IItem<any>): void;
+        updateItem(item: IItem<any>): void;
+        clearSelectedItem(): void;
+        clearAddedItem(): void;
+        itemSettings: () => {
+            show: (item: IItem<any>) => void;
+            apply: (item: any) => void;
+            hide: () => void;
+        };
+        itemSelections: () => {
+            show: () => void;
+            hide: () => void;
+            addItem: (item: any, title: string) => void;
+        };
+        registerBladeForRendering(blade: ReturnType<typeof defineBlade>): void;
+    }>;
+    rules: {
+        hasSelectionBlade: () => boolean;
+        hasSettingsBlade: () => boolean;
+        searchable: () => boolean;
+    };
+    get: {
+        readonly items: IItem<any>[];
+        readonly selectedItem: IItem<any>;
+        readonly itemSelectionBladeId: guid;
+        readonly itemValueBladeId: guid;
+        readonly bladeId: {
+            selection: guid;
+            settings: guid;
+        };
+        readonly selectedItemValue: any;
+        readonly allItemValues: any[];
+    };
+} & {
+    dispose?: () => void;
+};

package/internal-do-not-import-from-here/ux/conditioncontrol/stores/index.d.ts

@@ -0,0 +1 @@
+export * from "./ConditionalControlStore";

package/internal-do-not-import-from-here/ux/layoutcanvas/editor/DefineLayoutEditorCanvas.d.ts

@@ -81,7 +81,7 @@ export declare function useDefineLayoutEditorCanvas(settings: LayoutEditorCanvas
                     authDisabled: boolean;
                     breakpointSettingsEnabled: boolean;
                 };
-                drawerMode: "settings" | "layout-structure" | "clipboard";
+                drawerMode: "settings" | "editing" | "layout-structure" | "clipboard";
                 selected: {
                     layoutItem: import("@omnia/fx-models").LayoutItem;
                     clipBoardItem: import("@omnia/fx-models").ClipboardLayoutItem;

package/internal-do-not-import-from-here/ux/layoutcanvas/editor/editings/BlockEditingPanel.d.ts

@@ -0,0 +1,6 @@
+declare const _default: (props: import("@omnia/fx/ux").ExtractProps<Record<string, any>> & {} & {
+    "v-slots"?: {} & Omit<{
+        default?: import("vue").Slot;
+    }, never>;
+} & {} & Omit<import("@omnia/fx/ux").VueComponentBaseProps, string> & import("@omnia/fx/ux").VNodeEvents) => any;
+export default _default;

package/internal-do-not-import-from-here/ux/layoutcanvas/editor/editings/BlockEditingRenderer.d.ts

@@ -1,14 +1,14 @@
-import { IIcon } from "@omnia/fx-models";
+import { IIcon, LayoutItem } from "@omnia/fx-models";
 import { DefineProp, DefineSlot, VNodeEvents } from "@omnia/fx/ux";
 import { VNodeChild } from "vue";
 type BladeProps = Parameters<typeof omfx.journey.blade>[0];
 type BladeElement = (props: Omit<BladeProps, "id"> & VNodeEvents) => any;
-type Props = DefineProp<"title", string, true, null> & DefineProp<"icon", IIcon, false, null> & DefineProp<"variant", "inline" | "panel", false, "panel"> & DefineSlot<"panel", (baldeRenderer: BladeElement) => VNodeChild>;
+type Props = DefineProp<"title", string, true, null> & DefineProp<"icon", IIcon, false, null> & DefineProp<"variant", "inline" | "panel", false, "panel"> & DefineProp<"layoutItem", LayoutItem> & DefineProp<"renderBladeOnly", boolean, false, null> & DefineSlot<"panel", (baldeRenderer: BladeElement) => VNodeChild>;
 declare const _default: (props: import("@omnia/fx/ux").ExtractProps<Props> & {} & {
     "v-slots"?: {
         panel?: (baldeRenderer: BladeElement) => VNodeChild;
     } & Omit<{
         default?: import("vue").Slot;
     }, "panel">;
-} & {} & Omit<import("@omnia/fx/ux").VueComponentBaseProps, "icon" | "title" | "variant" | "slot:panel"> & VNodeEvents) => any;
+} & {} & Omit<import("@omnia/fx/ux").VueComponentBaseProps, "icon" | "title" | "variant" | "layoutItem" | "renderBladeOnly" | "slot:panel"> & VNodeEvents) => any;
 export default _default;

package/internal-do-not-import-from-here/ux/layoutcanvas/stores/LayoutCanvasEditorStore.d.ts

@@ -9,7 +9,7 @@ export declare const useLayoutCanvasEditorStore: () => {
             authDisabled: boolean;
             breakpointSettingsEnabled: boolean;
         };
-        drawerMode: "settings" | "layout-structure" | "clipboard";
+        drawerMode: "settings" | "editing" | "layout-structure" | "clipboard";
         selected: {
             layoutItem: LayoutItem;
             clipBoardItem: ClipboardLayoutItem;

package/internal-do-not-import-from-here/ux/layoutcanvas/stores/LayoutCanvasStore.d.ts

@@ -1,10 +1,12 @@
-import { EditorLayoutItemFactory } from "..";
 import { MessageBusExposeOnlySubscription } from "../../..";
 import { ServiceContainerContext } from "../../../core";
 import { AddItemToLayoutPayLoad, Block, BlockRenderingModes, ClipboardLayoutItem, ColorSchemaTypes, DeleteItemFromLayoutPayLoad, DisplayBreakPoint, DisplayBreakPointSetting, IBlockInstance, ILayoutCanvasStore, ILayoutSectionRenderer, IMessageBusTopicPublishSubscriber, Layout, LayoutCanvasModes, LayoutDefinition, LayoutDrawerState, LayoutDrawerTabs, LayoutEditorModes, LayoutInheritanceBehaviors, LayoutItem, LayoutItemActionState, LayoutItemRegistration, LoadedLayout, Section, SectionSettings, SectionTypes, SettingsPanelState, LegacyThemeDefinition, guid } from "../../../models";
 import { Store, StoreState } from "../../../stores";
 import { useScrollContainerStore } from "../../oxide";
-import { BlockSettingsProvider, LayoutDefinitionBuilder, LayoutEditorThemingManager } from "../shared_old";
+import { EditorLayoutItemFactory } from "../factories/EditorLayoutItemFactory";
+import { BlockSettingsProvider } from "../shared_old/BlockSettingsProvider";
+import { LayoutDefinitionBuilder } from "../shared_old/layoutdefinitionsettings/LayoutDefinitionBuilder";
+import { LayoutEditorThemingManager } from "../shared_old/LayoutEditorThemingManager";
 import { CopiedLayoutItemResult, useLayoutCanvasStore } from "./LayoutCanvasStoreV2";
 import { ReactiveLayoutItemsSettingsStore } from "./ReactiveLayoutItemsSettingsStore";
 export interface IBlockInstanceExtends<TSettings = void> extends IBlockInstance<TSettings> {
@@ -90,7 +92,7 @@ export declare class LayoutCanvasStore extends Store implements ILayoutCanvasSto
                     authDisabled: boolean;
                     breakpointSettingsEnabled: boolean;
                 };
-                drawerMode: "settings" | "layout-structure" | "clipboard";
+                drawerMode: "settings" | "editing" | "layout-structure" | "clipboard";
                 selected: {
                     layoutItem: LayoutItem;
                     clipBoardItem: ClipboardLayoutItem;

package/internal-do-not-import-from-here/ux/layoutcanvas/stores/LayoutCanvasStoreV2.d.ts

@@ -2,7 +2,7 @@ import { ServiceContainerContext } from "@omnia/fx";
 import { Block, BlockRenderingModes, guid, IBlockInstance, ILayoutFileContext, ILayoutMediaContext, ILayoutSectionRenderer, Layout, LayoutDefinition, LayoutItem, LoadedLayout, Section, SectionTypes } from "@omnia/fx-models";
 import { ReactiveLayoutItemsSettingsStore } from "./ReactiveLayoutItemsSettingsStore";
 import { useEditorChromeStore } from "../../editorchrome";
-import { BlockSettingsProvider } from "..";
+import { BlockSettingsProvider } from "../shared/BlockSettingsProvider";
 export interface IBlockInstanceExtendsInternal<TSettings = void> extends IBlockInstance<TSettings> {
     settings: TSettings;
     serviceContainerContext: ServiceContainerContext;
@@ -85,7 +85,7 @@ export declare const useLayoutCanvasStore: () => {
                 authDisabled: boolean;
                 breakpointSettingsEnabled: boolean;
             };
-            drawerMode: "settings" | "layout-structure" | "clipboard";
+            drawerMode: "settings" | "editing" | "layout-structure" | "clipboard";
             selected: {
                 layoutItem: LayoutItem;
                 clipBoardItem: import("@omnia/fx-models").ClipboardLayoutItem;

package/internal-do-not-import-from-here/wctypings.d.ts

@@ -471,6 +471,7 @@ import wc024952d88730404da854cfed0d045284 from './ux/filterengine/components/set
 import wcdc589fd533c8400a8dde3dad35f47248 from './ux/filterengine/components/settings/tags/TagsPropertyDefaultValueInput';
 import wc41f1eb15438a488b8b227b1ff31ca66f from './ux/layoutcanvas/editor/developertools/DeveloperTools';
 import wc86802c11a0c8471ca455385a9fecb9c6 from './ux/layoutcanvas/editor/editings/BlockEditingRenderer';
+import wc8d6b10a8bd7943d592a5812b99f966f7 from './ux/layoutcanvas/editor/editings/BlockEditingPanel';
 import wc1467198b10eb445181f99ac65363050c from './ux/layoutcanvas/editor/settings/BlockSettingsPanel';
 import wcac5f615df97543cf97b3ae930ba113d0 from './ux/mediagallery/gallerydialogproviders/slider/Slider';
 import wc12d1bca1d50b4186acd50014584389c9 from './ux/mediagallery/galleryviewproviders/photowall/PhotoWall';
@@ -3189,13 +3190,21 @@ declare global {
                     };
                 } : typeof wc8e03e2f7fb024945bc51138b77d06088;
                 "block": {
-                    "edit": typeof wc86802c11a0c8471ca455385a9fecb9c6 extends {
+                    "edit": (typeof wc86802c11a0c8471ca455385a9fecb9c6 extends {
                         propsDefinition: infer TProp;
                     } ? {
                         new (...args: any[]): {
                             $props: TProp & Omit<VueComponentBaseProps, keyof TProp>;
                         };
-                    } : typeof wc86802c11a0c8471ca455385a9fecb9c6;
+                    } : typeof wc86802c11a0c8471ca455385a9fecb9c6) & {
+                        "panel": typeof wc8d6b10a8bd7943d592a5812b99f966f7 extends {
+                            propsDefinition: infer TProp;
+                        } ? {
+                            new (...args: any[]): {
+                                $props: TProp & Omit<VueComponentBaseProps, keyof TProp>;
+                            };
+                        } : typeof wc8d6b10a8bd7943d592a5812b99f966f7;
+                    };
                 };
             };
             "block": (typeof wc057def31f5f5403d91b2da569de2fdff extends {

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@omnia/fx",
   "license": "MIT",
-  "version": "8.0.500-dev",
+  "version": "8.0.501-dev",
   "description": "Provide Omnia Fx typings and tooling for clientside Omnia development.",
   "scripts": {
     "test": "echo \"Error: no test specified\" && exit 1",
@@ -20,7 +20,7 @@
   ],
   "author": "Omnia Digital Workplace AB",
   "dependencies": {
-    "@omnia/fx-models": "8.0.500-dev",
+    "@omnia/fx-models": "8.0.501-dev",
     "@microsoft/signalr": "6.0.1",
     "broadcast-channel": "4.8.0",
     "dayjs": "1.11.7",