@omnia/fx 8.0.482-dev → 8.0.484-dev

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

@@ -5,7 +5,7 @@ import { AddItemToLayoutPayLoad, Block, BlockRenderingModes, ClipboardLayoutItem
 import { Store, StoreState } from "../../../stores";
 import { useScrollContainerStore } from "../../oxide";
 import { BlockSettingsProvider, LayoutDefinitionBuilder, LayoutEditorThemingManager } from "../shared_old";
-import { useLayoutCanvasStore } from "./LayoutCanvasStoreV2";
+import { CopiedLayoutItemResult, useLayoutCanvasStore } from "./LayoutCanvasStoreV2";
 import { ReactiveLayoutItemsSettingsStore } from "./ReactiveLayoutItemsSettingsStore";
 export interface IBlockInstanceExtends<TSettings = void> extends IBlockInstance<TSettings> {
     settings: TSettings;
@@ -21,6 +21,7 @@ export declare class LayoutCanvasStore extends Store implements ILayoutCanvasSto
     readonly ColorSchemaSection = ColorSchemaTypes.primary;
     newStore: {
         state: {
+            compatibilityMode: boolean;
             layout: {
                 definition: LayoutDefinition;
                 ownerLayoutItemsOverride: LayoutItem[];
@@ -86,9 +87,10 @@ export declare class LayoutCanvasStore extends Store implements ILayoutCanvasSto
                 editorMode: import("@omnia/fx-models").LayoutCanvasMode;
                 id: guid;
                 settings: {
-                    showGrid: boolean;
                     authDisabled: boolean;
+                    breakpointSettingsEnabled: boolean;
                 };
+                drawerMode: "settings" | "layout-structure" | "clipboard";
                 selected: {
                     layoutItem: LayoutItem;
                     clipBoardItem: ClipboardLayoutItem;
@@ -100,24 +102,50 @@ export declare class LayoutCanvasStore extends Store implements ILayoutCanvasSto
                 };
             };
             actions: import("../../../stores").StoreReturnDefineAction<{
+                scrollToLayoutItem: (item: LayoutItem) => void;
                 selection: () => import("../../../stores").StoreReturnDefineAction<{
-                    removeSelectedLayoutItem: () => void;
-                    setSelectedLayoutItem: (item: LayoutItem, toggleSettings: boolean) => void;
+                    execActiveAction: (container: LayoutItem, siblingId?: string, postInsert?: boolean) => void;
+                    toggleActiveAction: (item: LayoutItem | ClipboardLayoutItem, action: LayoutItemActionState) => void;
+                    removeActiveAction: () => void;
+                    removeLayoutItemSelection: () => void;
+                    setLayoutItem: (item: LayoutItem, settingsPanelAction?: "toggle" | "show" | "hide") => void;
                 }>;
+                enableDisplayBreakpointSettings: (enable: boolean) => void;
                 block: () => {
                     set: {
                         suggestedBlocks: (blocks: string[]) => void;
                     };
                     ensureRemoveDeletedBlocks: (layout: Layout) => void;
                 };
+                show: () => import("../../../stores").StoreReturnDefineAction<{
+                    settingsPanel: (action: "show" | "hide" | "toggle") => void;
+                    layoutStructurePanel: (action: "show" | "hide" | "toggle") => void;
+                    clipboardPanel: (action: "show" | "hide" | "toggle") => void;
+                }>;
                 layout: () => import("../../../stores").StoreReturnDefineAction<{
+                    copyItem: (item2Copy: LayoutItem, container: LayoutItem, siblingId?: string, postInsert?: boolean) => CopiedLayoutItemResult;
+                    moveItem: (item2Move: LayoutItem, container: LayoutItem, siblingId?: string, postInsert?: boolean) => void;
                     addItem: (itemreference: AddItemToLayoutPayLoad) => void;
+                    insertClipboardItem: (clipboard: ClipboardLayoutItem, container: LayoutItem, siblingId?: string, postInsert?: boolean) => CopiedLayoutItemResult;
+                    deleteItem: (itemreference: DeleteItemFromLayoutPayLoad) => void;
+                    changeSectionType: (section: Section, type: SectionTypes) => void;
                 }>;
-                toggleGrid: () => void;
+                configureDrawer: (header: {
+                    icon?: import("@omnia/fx-models").IIcon;
+                    title?: string;
+                    enabled?: boolean;
+                }, customScroll?: boolean) => void;
                 setEditorMode: (mode: import("@omnia/fx-models").LayoutCanvasMode) => void;
+                hooks: () => import("../../../stores").StoreReturnDefineAction<{
+                    onBlockRemoved(block: Block): void;
+                    onLayoutItemMoved(layoutItem: LayoutItem): void;
+                    onBlockCopiedHook(originalBlock: Block, newBlock: Block): void;
+                    onLayoutItemPasted(layoutItem: ClipboardLayoutItem): void;
+                }>;
                 init: (canvasStore: ReturnType<typeof useLayoutCanvasStore>, editorChromeStoreRef: ReturnType<typeof import("../..").useEditorChromeStore>) => void;
             }>;
             get: {
+                settingsDefinitions: import("..").LayoutDefinitionBuilder;
                 layout: {
                     active: () => Layout;
                 };
@@ -127,6 +155,9 @@ export declare class LayoutCanvasStore extends Store implements ILayoutCanvasSto
                 };
             };
             rules: {
+                isSettingsActive: () => boolean;
+                isLayoutStructureActive: () => boolean;
+                isClipboardActive: () => boolean;
                 activeItem: {
                     isSection(): boolean;
                 };
@@ -173,6 +204,7 @@ export declare class LayoutCanvasStore extends Store implements ILayoutCanvasSto
         }, Record<string, IMessageBusTopicPublishSubscriber<any>>>;
         actions: import("../../../stores").StoreReturnDefineAction<{
             scroll: () => void;
+            setDisableScrolling: (disable: boolean) => void;
             calculateDynamicHeight: () => void;
             setHeight: (height: string) => void;
             setWidth: (width: string) => void;

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

@@ -1,5 +1,5 @@
 import { ServiceContainerContext } from "@omnia/fx";
-import { BlockRenderingModes, guid, IBlockInstance, ILayoutFileContext, ILayoutMediaContext, ILayoutSectionRenderer, Layout, LayoutDefinition, LayoutItem, LoadedLayout } from "@omnia/fx-models";
+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 "..";
@@ -10,8 +10,15 @@ export interface IBlockInstanceExtendsInternal<TSettings = void> extends IBlockI
 type LayoutCanvasBlockInstance<TSettings = void> = {
     instance: IBlockInstanceExtendsInternal<TSettings>;
 };
+export interface CopiedLayoutItemResult {
+    copiedLayoutItem: LayoutItem;
+    copiedItemIds: {
+        [oldBlockId: guid]: guid;
+    };
+}
 export declare const useLayoutCanvasStore: () => {
     state: {
+        compatibilityMode: boolean;
         layout: {
             definition: LayoutDefinition;
             ownerLayoutItemsOverride: LayoutItem[];
@@ -75,9 +82,10 @@ export declare const useLayoutCanvasStore: () => {
             editorMode: import("@omnia/fx-models").LayoutCanvasMode;
             id: guid;
             settings: {
-                showGrid: boolean;
                 authDisabled: boolean;
+                breakpointSettingsEnabled: boolean;
             };
+            drawerMode: "settings" | "layout-structure" | "clipboard";
             selected: {
                 layoutItem: LayoutItem;
                 clipBoardItem: import("@omnia/fx-models").ClipboardLayoutItem;
@@ -89,24 +97,50 @@ export declare const useLayoutCanvasStore: () => {
             };
         };
         actions: import("@omnia/fx/stores").StoreReturnDefineAction<{
+            scrollToLayoutItem: (item: LayoutItem) => void;
             selection: () => import("@omnia/fx/stores").StoreReturnDefineAction<{
-                removeSelectedLayoutItem: () => void;
-                setSelectedLayoutItem: (item: LayoutItem, toggleSettings: boolean) => void;
+                execActiveAction: (container: LayoutItem, siblingId?: string, postInsert?: boolean) => void;
+                toggleActiveAction: (item: LayoutItem | import("@omnia/fx-models").ClipboardLayoutItem, action: import("@omnia/fx-models").LayoutItemActionState) => void;
+                removeActiveAction: () => void;
+                removeLayoutItemSelection: () => void;
+                setLayoutItem: (item: LayoutItem, settingsPanelAction?: "toggle" | "show" | "hide") => void;
             }>;
+            enableDisplayBreakpointSettings: (enable: boolean) => void;
             block: () => {
                 set: {
                     suggestedBlocks: (blocks: string[]) => void;
                 };
                 ensureRemoveDeletedBlocks: (layout: Layout) => void;
             };
+            show: () => import("@omnia/fx/stores").StoreReturnDefineAction<{
+                settingsPanel: (action: "show" | "hide" | "toggle") => void;
+                layoutStructurePanel: (action: "show" | "hide" | "toggle") => void;
+                clipboardPanel: (action: "show" | "hide" | "toggle") => void;
+            }>;
             layout: () => import("@omnia/fx/stores").StoreReturnDefineAction<{
+                copyItem: (item2Copy: LayoutItem, container: LayoutItem, siblingId?: string, postInsert?: boolean) => CopiedLayoutItemResult;
+                moveItem: (item2Move: LayoutItem, container: LayoutItem, siblingId?: string, postInsert?: boolean) => void;
                 addItem: (itemreference: import("@omnia/fx-models").AddItemToLayoutPayLoad) => void;
+                insertClipboardItem: (clipboard: import("@omnia/fx-models").ClipboardLayoutItem, container: LayoutItem, siblingId?: string, postInsert?: boolean) => CopiedLayoutItemResult;
+                deleteItem: (itemreference: import("@omnia/fx-models").DeleteItemFromLayoutPayLoad) => void;
+                changeSectionType: (section: Section, type: SectionTypes) => void;
             }>;
-            toggleGrid: () => void;
+            configureDrawer: (header: {
+                icon?: import("@omnia/fx-models").IIcon;
+                title?: string;
+                enabled?: boolean;
+            }, customScroll?: boolean) => void;
             setEditorMode: (mode: import("@omnia/fx-models").LayoutCanvasMode) => void;
+            hooks: () => import("@omnia/fx/stores").StoreReturnDefineAction<{
+                onBlockRemoved(block: Block): void;
+                onLayoutItemMoved(layoutItem: LayoutItem): void;
+                onBlockCopiedHook(originalBlock: Block, newBlock: Block): void;
+                onLayoutItemPasted(layoutItem: import("@omnia/fx-models").ClipboardLayoutItem): void;
+            }>;
             init: (canvasStore: ReturnType<typeof useLayoutCanvasStore>, editorChromeStoreRef: ReturnType<typeof useEditorChromeStore>) => void;
         }>;
         get: {
+            settingsDefinitions: import("..").LayoutDefinitionBuilder;
             layout: {
                 active: () => Layout;
             };
@@ -116,6 +150,9 @@ export declare const useLayoutCanvasStore: () => {
             };
         };
         rules: {
+            isSettingsActive: () => boolean;
+            isLayoutStructureActive: () => boolean;
+            isClipboardActive: () => boolean;
             activeItem: {
                 isSection(): boolean;
             };

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

@@ -37,5 +37,5 @@ declare const _default: <T1 extends unknown, T2 extends unknown>(props: import("
     "v-slots"?: {} & Omit<{
         default?: import("vue").Slot;
     }, never>;
-} & {} & Omit<import("@omnia/fx/ux").VueComponentBaseProps, "mode" | "grid" | "label" | "disabled" | "modelValue" | "items" | "rules" | "emit:update:modelValue" | "v-model" | "autofocus" | "itemValue" | "defaultValueItem" | "hideEditGrid" | "selectionVisible" | "isAppendIcon" | "emit:selectItem"> & import("@omnia/fx/ux").VNodeEvents) => any;
+} & {} & Omit<import("@omnia/fx/ux").VueComponentBaseProps, "mode" | "grid" | "label" | "disabled" | "modelValue" | "items" | "rules" | "emit:update:modelValue" | "v-model" | "autofocus" | "itemValue" | "emit:selectItem" | "defaultValueItem" | "hideEditGrid" | "selectionVisible" | "isAppendIcon"> & import("@omnia/fx/ux").VNodeEvents) => any;
 export default _default;

package/internal-do-not-import-from-here/ux/oxide/list/ListItem.d.ts

@@ -31,5 +31,5 @@ declare const _default: (props: import("@omnia/fx/ux").ExtractProps<OListItemPro
     } & Omit<{
         default?: import("vue").Slot;
     }, "title" | "default" | "append" | "prepend" | "subtitle">;
-} & {} & Omit<import("@omnia/fx/ux").VueComponentBaseProps, "icon" | "title" | "colorSchemaType" | "variant" | "active" | "class" | "disabled" | "colors" | "divider" | "slot:append" | "slot:prepend" | "slot:title" | "subtitle" | "expandableHeight" | "selected" | "isDragMode" | "slot:default" | "slot:subtitle" | "emit:click:delete" | "emit:click:remove" | "emit:click:navigate" | "emit:click:select"> & import("@omnia/fx/ux").VNodeEvents) => any;
+} & {} & Omit<import("@omnia/fx/ux").VueComponentBaseProps, "icon" | "title" | "colorSchemaType" | "variant" | "active" | "class" | "disabled" | "colors" | "divider" | "subtitle" | "expandableHeight" | "selected" | "isDragMode" | "slot:append" | "slot:prepend" | "slot:default" | "slot:title" | "slot:subtitle" | "emit:click:delete" | "emit:click:remove" | "emit:click:navigate" | "emit:click:select"> & import("@omnia/fx/ux").VNodeEvents) => any;
 export default _default;

package/internal-do-not-import-from-here/ux/oxide/logoomnia/LogoOmnia.d.ts

@@ -0,0 +1,9 @@
+import { OIconSizes } from "@omnia/fx-models";
+import { DefineProp, DefinePropTheming } from "@omnia/fx/ux";
+type ScrollContainerProps = DefinePropTheming & DefineProp<"size", OIconSizes, false, null, "Sets the height and width of the icon. Should be used as default."> & DefineProp<"customSize", number, false, null, "Sets a custom height and width of the icon. Should be used only as an exception.">;
+declare const _default: (props: import("@omnia/fx/ux").ExtractProps<ScrollContainerProps> & {} & {
+    "v-slots"?: {} & Omit<{
+        default?: import("vue").Slot;
+    }, never>;
+} & {} & Omit<import("@omnia/fx/ux").VueComponentBaseProps, "colorSchemaType" | "size" | "colors" | "customSize"> & import("@omnia/fx/ux").VNodeEvents) => any;
+export default _default;

package/internal-do-not-import-from-here/ux/oxide/scrollcontainer/store/ScrollContainerStore.d.ts

@@ -24,6 +24,7 @@ export declare const useScrollContainerStore: () => {
     }, Record<string, import("@omnia/fx-models").IMessageBusTopicPublishSubscriber<any>>>;
     actions: import("@omnia/fx/stores").StoreReturnDefineAction<{
         scroll: () => void;
+        setDisableScrolling: (disable: boolean) => void;
         calculateDynamicHeight: () => void;
         setHeight: (height: string) => void;
         setWidth: (width: string) => void;

package/internal-do-not-import-from-here/ux/oxide/selection/Selection.d.ts

@@ -2,11 +2,11 @@ import { DefineEmit, DefineProp, DefinePropTheming, DefineSlot, ItemValueType }
 import { VNodeChild } from "vue";
 import { OMultiSelectionStyles } from "@omnia/fx-models";
 type SelectionVariants = "remove" | "settings" | "readonly";
-type BaseProps<TItem> = DefinePropTheming & DefineProp<"items", TItem[], false, null, "TItem must be an array of objects or array of strings. When using objects, will look for a title, value and disabled keys. This can be changed using the item-title, item-value and item-disabled props."> & DefineProp<"variant", SelectionVariants, false, null, "The component variants"> & DefineProp<"toned", boolean, false, null, "Sets the component to toned"> & DefineProp<"sorting", boolean, false, null, "Sets the component to sorting mode"> & DefineProp<"itemValue", ItemValueType<TItem>, false, null, "Property on supplied items that contains its value."> & DefineProp<"itemTitle", ItemValueType<TItem>, false, null, "Property on supplied items that contains its title."> & DefineProp<"itemSubtitle", string, false, null, "Property on supplied items that contains its value."> & DefineProp<"itemIcon", string, false, null, "Property on supplied items that contains its value."> & DefineProp<"enableAdd", boolean, false, null, "If add button is shown"> & DefineProp<"selectionStyle", OMultiSelectionStyles, false, null, "The style of multi select"> & DefineProp<"itemSettingable", (item: TItem) => boolean, false, null, "Item has settings or not."> & DefineProp<"itemDeletable", (item: TItem) => boolean, false, null, "Item can be deleted or not."> & DefineSlot<"item", (item: TItem, index: Number) => VNodeChild> & DefineEmit<"selectItem", (index: any) => true> & DefineEmit<"removeItem", (index: any) => true> & DefineEmit<"sort:update", (items: TItem[]) => true> & DefineEmit<"addItem", () => true>;
+type BaseProps<TItem> = DefinePropTheming & DefineProp<"items", TItem[], false, null, "TItem must be an array of objects or array of strings. When using objects, will look for a title, value and disabled keys. This can be changed using the item-title, item-value and item-disabled props."> & DefineProp<"variant", SelectionVariants, false, null, "The component variants"> & DefineProp<"toned", boolean, false, null, "Sets the component to toned"> & DefineProp<"sorting", boolean, false, null, "Sets the component to sorting mode"> & DefineProp<"itemValue", ItemValueType<TItem>, false, null, "Property on supplied items that contains its value."> & DefineProp<"itemTitle", ItemValueType<TItem>, false, null, "Property on supplied items that contains its title."> & DefineProp<"itemSubtitle", string, false, null, "Property on supplied items that contains its value."> & DefineProp<"itemIcon", string, false, null, "Property on supplied items that contains its value."> & DefineProp<"enableAdd", boolean, false, null, "If add button is shown"> & DefineProp<"labelAdd", string, null, null, "The label for the add button of the component"> & DefineProp<"selectionStyle", OMultiSelectionStyles, false, null, "The style of multi select"> & DefineProp<"itemSettingable", (item: TItem) => boolean, false, null, "Item has settings or not."> & DefineProp<"itemDeletable", (item: TItem) => boolean, false, null, "Item can be deleted or not."> & DefineSlot<"item", (item: TItem, index: Number) => VNodeChild> & DefineEmit<"selectItem", (index: any) => true> & DefineEmit<"removeItem", (index: any) => true> & DefineEmit<"sort:update", (items: TItem[]) => true> & DefineEmit<"addItem", () => true>;
 declare const _default: <TItem extends unknown>(props: import("@omnia/fx/ux").ExtractProps<BaseProps<TItem>> & {
     onRemoveItem?: (index: any) => any;
-    onSelectItem?: (index: any) => any;
     onAddItem?: () => any;
+    onSelectItem?: (index: any) => any;
     "onSort:update"?: (items: TItem[]) => any;
 } & {
     "v-slots"?: {
@@ -14,5 +14,5 @@ declare const _default: <TItem extends unknown>(props: import("@omnia/fx/ux").Ex
     } & Omit<{
         default?: import("vue").Slot;
     }, "item">;
-} & {} & Omit<import("@omnia/fx/ux").VueComponentBaseProps, "colorSchemaType" | "variant" | "items" | "colors" | "toned" | "itemValue" | "slot:item" | "itemTitle" | "itemDeletable" | "itemIcon" | "itemSettingable" | "emit:selectItem" | "sorting" | "itemSubtitle" | "enableAdd" | "selectionStyle" | "emit:removeItem" | "emit:sort:update" | "emit:addItem"> & import("@omnia/fx/ux").VNodeEvents) => any;
+} & {} & Omit<import("@omnia/fx/ux").VueComponentBaseProps, "colorSchemaType" | "variant" | "items" | "colors" | "toned" | "itemValue" | "slot:item" | "itemTitle" | "itemDeletable" | "itemIcon" | "labelAdd" | "itemSettingable" | "sorting" | "itemSubtitle" | "enableAdd" | "selectionStyle" | "emit:selectItem" | "emit:removeItem" | "emit:sort:update" | "emit:addItem"> & import("@omnia/fx/ux").VNodeEvents) => any;
 export default _default;

package/internal-do-not-import-from-here/ux/oxide/toolbar/Toolbar.d.ts

@@ -17,5 +17,5 @@ declare const _default: (props: import("@omnia/fx/ux").ExtractProps<ToolbarProps
     } & Omit<{
         default?: import("vue").Slot;
     }, "title" | "prepend" | "customButtons">;
-} & {} & Omit<import("@omnia/fx/ux").VueComponentBaseProps, "icon" | "title" | "colorSchemaType" | "variant" | "class" | "closeButton" | "colors" | "toned" | "subTitle" | "backButton" | "emit:click:close" | "divider" | "slot:prepend" | "emit:click:back" | "slot:title" | "slot:customButtons"> & import("@omnia/fx/ux").VNodeEvents) => any;
+} & {} & Omit<import("@omnia/fx/ux").VueComponentBaseProps, "icon" | "title" | "colorSchemaType" | "variant" | "class" | "closeButton" | "colors" | "toned" | "subTitle" | "backButton" | "emit:click:close" | "divider" | "slot:prepend" | "slot:title" | "emit:click:back" | "slot:customButtons"> & import("@omnia/fx/ux").VNodeEvents) => any;
 export default _default;

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

@@ -21,3 +21,4 @@ export * from "./UseInterSectionObserver";
 export * from "./UseMounted";
 export * from "./UseInternatlStateMirroring";
 export * from "./UseDraggable";
+export * from "./UseBlockMigration";

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

@@ -38,7 +38,6 @@ export declare const vuetifyPlugin: {
         };
         instance: {
             locale?: any;
-            createDateRange: (start: unknown, stop?: unknown) => unknown[];
             date: (value?: any) => unknown;
             format: (date: unknown, formatString: string) => string;
             toJsDate: (value: unknown) => Date;
@@ -82,8 +81,6 @@ export declare const vuetifyPlugin: {
             setHours: (date: unknown, hours: number) => unknown;
             getMinutes: (date: unknown) => number;
             setMinutes: (date: unknown, minutes: number) => unknown;
-        } & {
-            createDateRange(start: unknown, stop?: unknown): unknown[];
         };
     };
     goTo: import("vuetify").GoToInstance;