@omnia/fx 7.9.12-preview → 7.9.12

package/internal-do-not-import-from-here/ux/blockgallery/store/BlockGalleryStore.d.ts

@@ -0,0 +1,94 @@
+import { BlockDialogLayoutInfo, BlockGalleryDialogLayoutSetting, BlockGalleryGeneralSetting, BlockGalleryHeader, BlockGalleryItem, BlockGalleryItemView, BlockTemplate, MultilingualString } from "@omnia/fx-models";
+import { LocalizationService, SettingsService } from "@omnia/fx/services";
+import { MultilingualStore, Store } from "@omnia/fx/stores";
+import { OmniaUxLocalization } from "../../UxModels";
+import { BlockCatalogStore } from "../../layoutcanvas";
+import * as _ from "lodash";
+export { _ };
+export declare class BlockGalleryStore extends Store {
+    blockCatalogStore: BlockCatalogStore;
+    multilingualStore: MultilingualStore;
+    settingsService: SettingsService<any>;
+    localizationService: LocalizationService;
+    uxLoc: OmniaUxLocalization;
+    private blockTemplateService;
+    private omniaBlocks;
+    private ensureInitAdminView;
+    private ensureInitRenderView;
+    private blockGalleryDialogLayoutSetting;
+    private blockTemplateViews;
+    private blockTemplateIdPrefix;
+    private allBlocks;
+    private blockGalleryFactory;
+    private hasPendingChanges;
+    private editingHeaderId;
+    private selectingTemplateId;
+    private isBlockDialogInAlterMode;
+    private editingDialogLayoutType;
+    private generalSetting;
+    private spfxBlocks;
+    private initSpfxDictionary;
+    private layoutBlockSettingForRender;
+    private dialogLayouts;
+    private registeredDialogLayoutProviders;
+    protected onActivated(): Promise<void>;
+    getters: {
+        blocks: () => {
+            [id: string]: BlockGalleryItemView;
+        };
+        availableBlocksToAdd: () => {
+            [id: string]: BlockGalleryItemView;
+        };
+        header: (headerId: string) => BlockGalleryHeader;
+        blockGalleryLayoutSetting: (layoutType: string) => BlockGalleryDialogLayoutSetting;
+        orderedItems: () => BlockGalleryItem[];
+        orderedItemTitle: (blockId: string) => string;
+        editingHeaderId: () => string;
+        editingTemplateId: () => number;
+        isBlockDialogInAlterMode: () => boolean;
+        editingDialogLayoutType: () => string;
+        dialogLayouts: () => BlockDialogLayoutInfo[];
+        getDialogLayoutType: (layoutProvider: string) => string;
+    };
+    private isCompatibleWithAuthenticationLayoutOnly;
+    private isBlockValidForLayout;
+    mutations: {
+        addSelectedBlocks: import("@omnia/fx/stores").StoreMutation<(selectedBlockIds: Array<string>) => void, (selectedBlockIds: string[]) => import("@omnia/fx-models").IMessageBusSubscriptionHandler>;
+        removeSelectedBlock: import("@omnia/fx/stores").StoreMutation<(blockId: string) => void, (blockId: string) => import("@omnia/fx-models").IMessageBusSubscriptionHandler>;
+        removeHeader: import("@omnia/fx/stores").StoreMutation<(id: string) => void, (id: string) => import("@omnia/fx-models").IMessageBusSubscriptionHandler>;
+        addNewHeader: import("@omnia/fx/stores").StoreMutation<(headerTitle: MultilingualString) => void, (headerTitle: MultilingualString) => import("@omnia/fx-models").IMessageBusSubscriptionHandler>;
+        editHeader: import("@omnia/fx/stores").StoreMutation<(header: BlockGalleryHeader) => void, (header: BlockGalleryHeader) => import("@omnia/fx-models").IMessageBusSubscriptionHandler>;
+        signalChanges: import("@omnia/fx/stores").StoreMutation<() => void, () => import("@omnia/fx-models").IMessageBusSubscriptionHandler>;
+        resetChanges: import("@omnia/fx/stores").StoreMutation<() => void, () => import("@omnia/fx-models").IMessageBusSubscriptionHandler>;
+        updateOrganizedBlocks: import("@omnia/fx/stores").StoreMutation<(organizedBlocks: BlockGalleryItem[]) => void, (organizedBlocks: BlockGalleryItem[]) => import("@omnia/fx-models").IMessageBusSubscriptionHandler>;
+        switchToAddHeaderMode: import("@omnia/fx/stores").StoreMutation<() => void, () => import("@omnia/fx-models").IMessageBusSubscriptionHandler>;
+        switchToEditHeaderMode: import("@omnia/fx/stores").StoreMutation<(headerId: string) => void, (headerId: string) => import("@omnia/fx-models").IMessageBusSubscriptionHandler>;
+        switchToTemplateEditMode: import("@omnia/fx/stores").StoreMutation<(templateId: number) => void, (templateId: number) => import("@omnia/fx-models").IMessageBusSubscriptionHandler>;
+        switchToTemplateAddMode: import("@omnia/fx/stores").StoreMutation<() => void, () => import("@omnia/fx-models").IMessageBusSubscriptionHandler>;
+        switchBlockDialogToAlterMode: import("@omnia/fx/stores").StoreMutation<() => void, () => import("@omnia/fx-models").IMessageBusSubscriptionHandler>;
+        switchOffBlockDialogAlterMode: import("@omnia/fx/stores").StoreMutation<() => void, () => import("@omnia/fx-models").IMessageBusSubscriptionHandler>;
+        setEditingDialogLayout: import("@omnia/fx/stores").StoreMutation<(dialogLayoutType: string) => void, (dialogLayoutType: string) => import("@omnia/fx-models").IMessageBusSubscriptionHandler>;
+    };
+    actions: {
+        ensureLoadAllBlocksForAdminView: import("@omnia/fx/stores").StoreAction<unknown, (forceReload?: boolean) => void, (result: void, forceReload?: boolean) => void, (failureReason: any, forceReload?: boolean) => void, (forceReload?: boolean) => Promise<void>>;
+        ensureLoadAllBlocksForRender: import("@omnia/fx/stores").StoreAction<unknown, (layoutType: string) => void, (result: void, layoutType: string) => void, (failureReason: any, layoutType: string) => void, (layoutType: string) => Promise<void>>;
+        updateBlockDialogSettings: import("@omnia/fx/stores").StoreAction<unknown, () => void, (result: void) => void, (failureReason: any) => void, () => Promise<void>>;
+        addOrUpdateBlockTemplate: import("@omnia/fx/stores").StoreAction<unknown, (blockTemplate: BlockTemplate, isEdit: boolean) => void, (result: void, blockTemplate: BlockTemplate, isEdit: boolean) => void, (failureReason: any, blockTemplate: BlockTemplate, isEdit: boolean) => void, (blockTemplate: BlockTemplate, isEdit: boolean) => Promise<void>>;
+        removeBlockTemplate: import("@omnia/fx/stores").StoreAction<unknown, (blockTemplateId: number) => void, (result: boolean, blockTemplateId: number) => void, (failureReason: any, blockTemplateId: number) => void, (blockTemplateId: number) => Promise<boolean>>;
+        ensureGeneralSetting: import("@omnia/fx/stores").StoreAction<unknown, () => void, (result: BlockGalleryGeneralSetting) => void, (failureReason: any) => void, () => Promise<BlockGalleryGeneralSetting>>;
+    };
+    private ensureOmniaBlocks;
+    private loadBlockDialogSettings;
+    private ensureDefaultBlocksIfDialogLayoutIsEmpty;
+    private getIdOfLayoutItemRegistrationBlock;
+    private insertDefaultHeader;
+    private insertDefaultBlocks;
+    private ensureSpfxBlockDictionary;
+    private loadBlockTemplateViews;
+    private getLayoutBlockSettingKey;
+    private loadConfiguredBlockTemplates;
+    private getBlockTemplateIdFromGalleryItem;
+    private updateBlockDictionary;
+    private updateBlockDictionaryItem;
+    private getDialogLayoutProviders;
+}

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

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

package/internal-do-not-import-from-here/ux/blockgallery/style/General.d.ts

@@ -0,0 +1,4 @@
+export declare const blockGalleryStyle: {
+    listPrependIcon: string;
+    searchField: string;
+};

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

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

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

@@ -5,6 +5,7 @@ export interface EnterprisePropertyComponentProps {
 }
 export interface EnterprisePropertyEditProps<TSettings extends EnterprisePropertyItemSettings = EnterprisePropertyItemSettings> extends EnterprisePropertyComponentProps {
     disabled: boolean;
+    disableAutofocus?: boolean;
     hideDetails?: boolean;
     dark?: boolean;
     required?: boolean;

package/internal-do-not-import-from-here/ux/enterpriseproperties/edit/richtextfield/RichTextFieldEdit.d.ts

@@ -15,6 +15,7 @@ export declare class RichTextFieldEdit extends VueComponentBase implements IWebC
     box?: boolean;
     settings: EnterprisePropertyRichTextItemSettings;
     queryable?: boolean;
+    disableAutofocus?: boolean;
     private loc;
     private mediaPickerService;
     multilingualStore: MultilingualStore;

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

@@ -1,7 +1,8 @@
-import { HeadingConfiguration, HeadingStyleConfiguration } from "@omnia/fx-models";
+import { HeadingConfiguration, HeadingStyleConfiguration, HeaderLevel } from "@omnia/fx-models";
 export declare const HeadingConfigurationFactory: {
     create(): Array<HeadingConfiguration>;
     createInitial(): HeadingConfiguration;
     createDefaultHeadingStyle(): HeadingStyleConfiguration;
     getHeadingStyle(heading: HeadingConfiguration, useImportant?: boolean): any;
+    getHeaderLevels(): Array<HeaderLevel>;
 };

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

@@ -1,4 +1,5 @@
-import { Identity, IResolvedIdentity } from "@omnia/fx-models";
+import { IResolvedIdentity, Identity } from "@omnia/fx-models";
+import { IIdentityPickerStore } from "@omnia/fx/stores";
 export type RenderSlotsType = {
     left?: () => JSX.Element;
     right?: () => JSX.Element;
@@ -69,6 +70,7 @@ declare const _default: (import("vue").VueConstructor<import("vue-tsx-support").
         };
         class?: string;
     };
+    identityStore: IIdentityPickerStore;
 }, "valueBind">, any, any, any>> & {
     propsDefinition: import("vue-tsx-support").PropsForOutside<{
         valueBind: Identity[];
@@ -112,6 +114,7 @@ declare const _default: (import("vue").VueConstructor<import("vue-tsx-support").
             };
             class?: string;
         };
+        identityStore: IIdentityPickerStore;
     }, "valueBind">;
 }) | (import("vue").VueConstructor<import("vue-tsx-support")._TsxComponentInstanceV3<import("vue/types/umd") & import("vue").ShallowUnwrapRef<() => VueTsxSupport.JSX.Element>, {}, import("vue-tsx-support").PropsForOutside<{
     valueBind: Identity[];
@@ -155,6 +158,7 @@ declare const _default: (import("vue").VueConstructor<import("vue-tsx-support").
         };
         class?: string;
     };
+    identityStore: IIdentityPickerStore;
 }, "valueBind">, any, any, any>> & {
     propsDefinition: import("vue-tsx-support").PropsForOutside<{
         valueBind: Identity[];
@@ -198,6 +202,7 @@ declare const _default: (import("vue").VueConstructor<import("vue-tsx-support").
             };
             class?: string;
         };
+        identityStore: IIdentityPickerStore;
     }, "valueBind">;
 });
 export default _default;

package/internal-do-not-import-from-here/ux/identities/loc/localize.d.ts

@@ -43,5 +43,6 @@ export declare module IdentitiesLocalization {
             SharePointAllInternalExceptExternal: string;
         };
         System: string;
+        ExtraUserPropertiesFeatureRequiredMessage: string;
     }
 }

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

@@ -20,15 +20,16 @@ export interface ILanguagePicker {
     /**Make it clearable*/
     clearable?: boolean;
     /**Language model */
-    valueBind: Language;
+    valueBind: Language | Language[];
     /**On model change */
-    onValueChanged?: (language: Language) => void;
+    onValueChanged?: (language: Language | Language[]) => void;
     /**Scoped slots */
     scopedSlots?: ScopedSlots<IVSelectScopedSlots>;
     /**Custom styles by StyleFlow */
     styles?: typeof LanguagePickerStyles;
     /**On load language */
     loadLanguage?: () => Promise<Array<Language>>;
+    multiple?: boolean;
 }
 declare global {
     namespace VueTsxSupport.JSX {

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

@@ -5,10 +5,10 @@ import { Language } from "../../models";
 import { ScopedSlots, LanguagePickerStyles } from "..";
 import { IVSelectScopedSlots } from "../vuetify";
 export declare class LanguagePicker extends Vue implements IWebComponentInstance, ILanguagePicker {
-    valueBind: Language;
+    valueBind: Language | Language[];
     disabled?: boolean;
     label?: string;
-    onValueChanged?: (language: Language) => void;
+    onValueChanged?: (language: Language | Language[]) => void;
     filled?: boolean;
     hideDetails?: boolean;
     dark?: boolean;
@@ -18,6 +18,7 @@ export declare class LanguagePicker extends Vue implements IWebComponentInstance
     enableContextSettings?: boolean;
     loadLanguage?: () => Promise<Array<Language>>;
     clearable?: boolean;
+    multiple?: boolean;
     scopedSlots?: ScopedSlots<IVSelectScopedSlots>;
     styles?: typeof LanguagePickerStyles;
     private localizationService;
@@ -34,10 +35,13 @@ export declare class LanguagePicker extends Vue implements IWebComponentInstance
     created(): void;
     mounted(): void;
     beforeDestroy(): void;
+    get getValues(): Language[];
     private setLanguages;
     private loadLanguageFromCustomHandler;
     private loadAllLanguages;
+    private normalizeLanguageValue;
     private populateModel;
+    private findLanguages;
     private updateSelectedLanguage;
     render(): VueTsxSupport.JSX.Element;
 }

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

@@ -0,0 +1,12 @@
+import { LayoutItem, LayoutItemRegistration } from "@omnia/fx-models";
+declare const _default: import("vue-tsx-support")._TsxComponentV3<import("vue").default, {}, import("vue-tsx-support").PropsForOutside<{
+    visible: boolean;
+    closeEvent: () => void;
+    selectBlockEvent: (item: LayoutItemRegistration) => void;
+    container: LayoutItem;
+    filterValidBlock: (item: LayoutItemRegistration) => boolean;
+    siblingId: string;
+    postInsert: boolean;
+    blockDialogLayoutType: string;
+}, "visible" | "closeEvent" | "selectBlockEvent">, any, any, any>;
+export default _default;

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

@@ -3,6 +3,8 @@ import { VueComponentBaseProps } from "../../..";
 import { LayoutItem, LayoutItemRegistration } from "../../../../models";
 import { VueComponentBase } from "../../..";
 import { FeatureStore } from "../../../../stores";
+import { BlockGalleryStore } from "internal/fx/ux/blockgallery/store";
+import { SettingsService } from "@omnia/fx/services";
 export interface LayoutItemSelectorProps extends VueComponentBaseProps {
     container: LayoutItem;
     color: string;
@@ -19,9 +21,14 @@ export declare class LayoutItemSelector extends VueComponentBase<LayoutItemSelec
     layoutEditorStore: LayoutCanvasStore;
     layoutItemStore: BlockCatalogStore;
     featureStore: FeatureStore;
+    blockGalleryStore: BlockGalleryStore;
+    settingsService: SettingsService<any>;
     private omniaUxLoc;
+    private isModernDialog;
     private model;
     beforeDestroy(): void;
+    created(): void;
+    private init;
     private filterValidBlockRegistration;
     /**
      * Eventhandler for adding a layout item

package/internal-do-not-import-from-here/ux/layoutcanvas/editor/settings/block/Header.d.ts

@@ -9,13 +9,16 @@ export default class HeaderItem extends VueComponentBase {
     blockInstance: BlockInstance;
     private omniaUxLoc;
     spfxSettingsService: OmniaSpfxSettingsProvider;
+    private localizationService;
     private item;
     private settings;
     private model;
+    private headerLevels;
     mounted(): void;
     created(): void;
     private headerValueChanged;
     private onIconValueChanged;
+    private onHeaderLevelValueChanged;
     private updateSpfxSettings;
     render(): VueTsxSupport.JSX.Element;
 }

package/internal-do-not-import-from-here/ux/layoutcanvas/editor/settings/blocktitle/BlockTitle.css.d.ts

@@ -7,4 +7,5 @@ export declare const BlockTitleStyles: {
     iconWrapperButton: (settings: BlockTitleIconSettings) => string;
     iconInButton: (settings: BlockTitleIconSettings, theming: ITheming) => string;
     wrapper: (settings: BlockTitleSettings, textAlignment: TextAlignment, theming: ITheming) => string;
+    headingWrapper: (theming: ITheming, settings: BlockTitleSettings) => string;
 };

package/internal-do-not-import-from-here/ux/layoutcanvas/editor/settings/blocktitle/BlockTitle.d.ts

@@ -1,6 +1,6 @@
 import { VueComponentBase } from "../../../..";
 import { IWebComponentInstance } from "../../../../..";
-import { MultilingualString, TextAlignment } from "../../../../../models";
+import { HeaderLevel, MultilingualString, TextAlignment } from "../../../../../models";
 import { BlockTitleSettingsStore, DirectionRuleStore, MultilingualStore } from "../../../../../stores";
 import { IBlockTitleComponent } from "./IBlockTitle";
 import { BlockInstance } from "../../../../BlockInstance";
@@ -9,16 +9,21 @@ export declare class BlockTitleComponent extends VueComponentBase implements IWe
     multilingualtitle: string | MultilingualString;
     settingsKey: any;
     alternativeContent?: JSX.Element;
+    wrapWithHeaderLevel?: (headerElement: JSX.Element) => JSX.Element;
+    contentClass?: string;
     multilingualStore: MultilingualStore;
     blockTitleSettingsStore: BlockTitleSettingsStore;
     blockInstance: BlockInstance;
     directionStore: DirectionRuleStore;
     private model;
+    private headerLevels;
     mounted(): void;
     onSectionUpdated(): void;
     getFormatedTitleStringValue(title: string): string;
     getFormattedTitleString(): string;
     getTextAlignment(): TextAlignment;
     renderBlockIcon(title: string): VueTsxSupport.JSX.Element;
+    renderTitle(title: string): VueTsxSupport.JSX.Element;
+    renderTitleWithHeaderLevel(heading: HeaderLevel, title: string): import("vue").VNode;
     render(): VueTsxSupport.JSX.Element;
 }

package/internal-do-not-import-from-here/ux/layoutcanvas/editor/settings/blocktitle/IBlockTitle.d.ts

@@ -4,7 +4,12 @@ export interface IBlockTitleComponent {
     title?: string;
     multilingualtitle?: MultilingualString | string;
     settingsKey: any;
+    contentClass?: string;
+    /**
+    * @deprecated Use wrapWithHeaderLevel instead.
+    */
     alternativeContent?: JSX.Element;
+    wrapWithHeaderLevel?: (headerElement: JSX.Element) => JSX.Element;
 }
 declare global {
     namespace VueTsxSupport.JSX {

package/internal-do-not-import-from-here/ux/layoutcanvas/editor/settings/section/Header.d.ts

@@ -4,11 +4,13 @@ import { VueComponentBase } from "@omnia/fx/ux";
 export default class HeaderSectionItem extends VueComponentBase {
     editorStore: LayoutCanvasStore;
     private subscriptionHandler;
-    MultilingualStore: MultilingualStore;
+    multilingualStore: MultilingualStore;
     blockTitleSettingsStore: BlockTitleSettingsStore;
+    private localizationService;
     private omniaUxLoc;
     private section;
     private model;
+    private headerLevels;
     mounted(): void;
     created(): void;
     /**
@@ -16,6 +18,7 @@ export default class HeaderSectionItem extends VueComponentBase {
      * */
     private onSectionChange;
     private onIconValueChanged;
+    private onHeaderLevelValueChanged;
     private onHeaderValueChanged;
     render(): VueTsxSupport.JSX.Element;
 }

package/internal-do-not-import-from-here/ux/layoutcanvas/shared/layoutitemsdesigner/StepperSectionDesigner.d.ts

@@ -28,6 +28,8 @@ export declare class StepperSectionDesigner extends VueComponentBase<StepperSect
     created(): void;
     beforeDestroy(): void;
     private hasValidAnchorLinkSettings;
+    private handleTokenExistsOnSpfx;
+    private getIndexByAnchorName;
     private handleAnchorLink;
     private getDefaultLabel;
     private getPreferredLabel;

package/internal-do-not-import-from-here/ux/layoutcanvas/shared/styles/SharedRendererStyles.css.d.ts

@@ -32,6 +32,7 @@ export declare const SharedRendererStyles: {
         columnWrapper: string;
         backgroundWrapperImage: string;
         getStyleStringForTitle: (settings: SectionSettings) => string;
+        getTitleContentClass: (settings: SectionSettings) => string;
         adjustScrollCompensation: (extra: number) => void;
         getStylesFromSettings: (settings: SectionSettings, useScrollMargingFix: boolean) => string;
         getStylesForSpacingInContainer(sectionSettings: SectionSettings, fullHeight: boolean): string;

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

@@ -14,6 +14,7 @@ export declare class BlockCatalogStore extends Store {
     onActivated(): void;
     onDisposing(): void;
     areItemsLoaded(): boolean;
+    getItems(): LayoutItemRegistration[];
     getCategoriesForContainer(container: LayoutItem): Array<string>;
     getItemsForContainer(container: LayoutItem): Array<LayoutItemRegistration>;
     searchItemsForContainer(container: LayoutItem, searchText: string): Array<LayoutItemRegistration>;
@@ -21,7 +22,19 @@ export declare class BlockCatalogStore extends Store {
     filterBlockRegistrationOnFeatureDependency(blockRegistration: BlockRegistration): boolean;
     filterBlockRegistrationByBackendRuntimes(blockRegistration: BlockRegistration): boolean;
     filterBlockRegistrationByClientRuntimes(blockRegistration: BlockRegistration): boolean;
-    filterBlockRegistrationOnLayoutDependency(blockRegistration: BlockRegistration, provider: string): boolean;
+    /**
+     * Validate if block is valid for layout provider.
+     * @param blockRegistration
+     * @param layoutProvider
+     * @returns
+     */
+    filterBlockRegistrationOnLayoutDependency(blockRegistration: BlockRegistration, layoutProvider: string): boolean;
+    /**
+     * Validate if block is valid for current environment (backend/client runtime) and feature dependencies.
+     * @param block
+     * @returns
+     */
+    isBlockValidForEnvironment(block: BlockRegistration): boolean;
     filterBlockRegistrationByDisableAuth(blockRegistration: BlockRegistration): boolean;
     /**
      * Implementation of mutations

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

@@ -1,4 +1,4 @@
-import { Layout, LayoutEditorModes, LayoutItem, DisplayBreakPoint, LayoutItemActionState, SettingsPanelState, DisplayBreakPointSetting, DeleteItemFromLayoutPayLoad, AddItemToLayoutPayLoad, LayoutItemRegistration, LoadedLayout, ILayoutCanvasStore, LayoutCanvasModes, BlockRenderingModes, IBlockInstance, ILayoutSectionRenderer, GuidValue, Block, LayoutDrawerState, LayoutDrawerTabs, SectionSettings, SectionTypes, Section, LayoutInheritanceBehaviors, ThemeDefinition, ClipboardLayoutItem } from "../../../models";
+import { Layout, LayoutEditorModes, LayoutItem, DisplayBreakPoint, LayoutItemActionState, SettingsPanelState, DisplayBreakPointSetting, DeleteItemFromLayoutPayLoad, AddItemToLayoutPayLoad, LayoutItemRegistration, LoadedLayout, ILayoutCanvasStore, LayoutCanvasModes, BlockRenderingModes, IBlockInstance, ILayoutSectionRenderer, GuidValue, Block, LayoutDrawerState, LayoutDrawerTabs, SectionSettings, SectionTypes, Section, LayoutInheritanceBehaviors, ThemeDefinition, ClipboardLayoutItem, BlockTemplate } from "../../../models";
 import { EditorLayoutItemFactory } from "../factories";
 import { LayoutEditorThemingManager } from "../shared";
 import { BlockSettingsProvider, LayoutDefinitionBuilder } from "../shared";
@@ -105,6 +105,7 @@ export declare class LayoutCanvasStore extends Store implements ILayoutCanvasSto
         changeSectionType: import("../../../stores").StoreMutation<(section: Section, type: SectionTypes) => void, (section: Section<SectionSettings>, type: SectionTypes) => import("@omnia/fx-models").IMessageBusSubscriptionHandler>;
         copyItemInLayout: import("../../../stores").StoreMutation<(item2Copy: LayoutItem, container: LayoutItem, siblingId?: string, postInsert?: boolean) => void, (item2Copy: LayoutItem, container: LayoutItem, siblingId?: string, postInsert?: boolean) => import("@omnia/fx-models").IMessageBusSubscriptionHandler>;
         insertClipboardItemIntoLayout: import("../../../stores").StoreMutation<(clipboard: ClipboardLayoutItem, container: LayoutItem, siblingId?: string, postInsert?: boolean) => void, (clipboard: ClipboardLayoutItem, container: LayoutItem, siblingId?: string, postInsert?: boolean) => import("@omnia/fx-models").IMessageBusSubscriptionHandler>;
+        insertBlockTemplateToLayout: import("../../../stores").StoreMutation<(blockTemplate: BlockTemplate, container: LayoutItem, siblingId?: string, postInsert?: boolean) => void, (blockTemplate: BlockTemplate, container: LayoutItem, siblingId?: string, postInsert?: boolean) => import("@omnia/fx-models").IMessageBusSubscriptionHandler>;
         addItem2Layout: import("../../../stores").StoreMutation<(itemreference: AddItemToLayoutPayLoad) => void, (itemreference: AddItemToLayoutPayLoad) => import("@omnia/fx-models").IMessageBusSubscriptionHandler>;
         deleteItemFromLayout: import("../../../stores").StoreMutation<(itemreference: DeleteItemFromLayoutPayLoad) => void, (itemreference: DeleteItemFromLayoutPayLoad) => import("@omnia/fx-models").IMessageBusSubscriptionHandler>;
     };

package/internal-do-not-import-from-here/ux/mediapickerproviders/mediaflow/models/MediaflowMedia.d.ts

@@ -16,6 +16,7 @@ export interface MediaFlowImage extends MediaflowInformation {
     photographer: string;
     url: string;
     width: number;
+    altText: string;
 }
 export interface MediaFlowVideo extends MediaflowInformation {
     autoPlay: boolean;

package/internal-do-not-import-from-here/ux/mediapickerproviders/mediaproviderbase/GridViewMediaProviderComponent.d.ts

@@ -47,6 +47,7 @@ export declare abstract class GridViewMediaProviderComponent extends MultiSelect
     private noMoreResult;
     private gridViewStyles;
     private isLoadingMore;
+    private isAppendingMoreItems;
     constructor();
     protected selectGridItem(mediaItem: ImageItem | VideoItem): void;
     protected setAllItems(mediaItems: Array<ImageItem | VideoItem>): void;
@@ -59,6 +60,7 @@ export declare abstract class GridViewMediaProviderComponent extends MultiSelect
     private onGridViewSearch;
     private appendGridItems;
     private onGridViewScroll;
+    private hasUnrenderedItems;
     private renderRetryGetImageInfoDialog;
     private renderGridViewItemSelection;
     private closeRetryGetImageInfoDialog;

package/internal-do-not-import-from-here/ux/mediapickervideo/MediaPickerVideo.css.d.ts

@@ -1,4 +1,6 @@
 export declare const MediaPickerVideoStyles: {
     wrapper: (isDark: boolean) => string;
     container: string;
+    thumbnailContainer: string;
+    thumbnailImage: string;
 };

package/internal-do-not-import-from-here/ux/models/enterpriseproperties/PersonFieldDisplayStyles.d.ts

@@ -3,6 +3,7 @@ export declare const PersonFieldDisplayStyles: {
     wrapper?: types.NestedCSSProperties;
     userList?: types.NestedCSSProperties;
     user?: types.NestedCSSProperties;
+    userItem?: types.NestedCSSProperties;
     linkItem?: (textColor: string, fontSize?: string, disableHoverStyle?: boolean) => types.NestedCSSProperties;
     smallBadge?: types.NestedCSSProperties;
 };

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

@@ -23,7 +23,7 @@ export declare class OrganizationTreeComponent extends VueComponentBase<IOrganiz
     beforeDestroy(): void;
     mounted(): void;
     needToBeRemoved(user: OrgTreeUser): boolean;
-    removeReporteesAccordingToSettings(users: OrgTreeUser[]): void;
+    filterAccordingToSettings(tree: OrgTree): OrgTree;
     reInitComponent(user: OrgTreeUser): void;
     initComponent(): void;
     camelize(str: any): string;

package/internal-do-not-import-from-here/ux/permissioninput/loc/localize.d.ts

@@ -4,6 +4,7 @@ export declare module PermissionInputLocalization {
         PermissionMsg: string;
         TenantAdmin: string;
         DirectoryReader: string;
+        BlockGalleryEditor: string;
         SemanticSearchReader: string;
         AddTenantAdminByFreeText: {
             InputLabel: string;

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

@@ -1,5 +1,5 @@
 import { OmniaContext, IWebComponentInstance } from "@omnia/fx";
-import { VueComponentBase, ScopedSlots } from "@omnia/fx/ux";
+import { VueComponentBase, ScopedSlots, IdentitiesLocalization } from "@omnia/fx/ux";
 import { IProfileCardScopedSlots, UserIdentity } from "../../models";
 import { FeatureStore, ProfileCardStore } from "../../stores";
 import { IProfileCard } from ".";
@@ -26,6 +26,7 @@ export declare class ProfileCardComponent extends VueComponentBase<IProfileCard>
     featureStore: FeatureStore;
     private userIdentityStore;
     private focusStore;
+    identityLoc: IdentitiesLocalization.locInterface;
     private profileClasses;
     private tenantPeopleInfo;
     private showLinkToDelve;
@@ -35,6 +36,7 @@ export declare class ProfileCardComponent extends VueComponentBase<IProfileCard>
     created(): void;
     beforeDestroy(): void;
     hasSlot(): boolean;
+    ensureUserObject(): void;
     mounted(): void;
     private isUseTheExistingProfileCard;
     onOpenDialog(): void;

package/internal-do-not-import-from-here/ux/properties/builtins/identity/IdentityDisplay.d.ts

@@ -1,5 +1,5 @@
+import { IPropertyDisplayRenderer, IdentityPropertyDefinition } from "@omnia/fx-models";
 import { IdentityDisplayStyles } from "./IdentityDisplay.css";
-import { IdentityPropertyDefinition, IPropertyDisplayRenderer } from "@omnia/fx-models";
 export type IdentityDisplayProps = IPropertyDisplayRenderer<IdentityPropertyDefinition> & {
     styles: typeof IdentityDisplayStyles;
 };

package/internal-do-not-import-from-here/ux/social/templates/CommentLikeTemplate.d.ts

@@ -51,6 +51,7 @@ export declare class CommentLikeTemplate extends VueComponentBase<{}, {}, {}> im
     private isValidComment;
     private deleteDialogModel;
     private useAccessibilityFeatures;
+    private validateEnabledOnContentChanged;
     private get isAdd();
     private get isReply();
     private get isMobile();
@@ -76,6 +77,7 @@ export declare class CommentLikeTemplate extends VueComponentBase<{}, {}, {}> im
     private saveCommentInternal;
     private validateComment;
     onContentUpdate(content: string): void;
+    validateOnContentChanged(content: string): void;
     onMentionUpdate(mentionUsers: Array<ResolvedUserIdentity>): void;
     onCommentTextFieldClicked(e: Event): void;
     private renderUserLink;

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

@@ -28,6 +28,8 @@ import wc20bd8ac81b314379a3676ca3b31c720e from './ux/app/management/components/T
 import wc1476702e8f24468d9185322be5931c54 from './ux/app/management/tabs/shared/addbutton/AddButton';
 import wc8e21d658d6f84d70870d29805b27df86 from './ux/appprovisioning/appshowinpubliclistingsinput/AppShowInPublicListingsInput';
 import wce4889269c6ad440da65f3acdf5bb6152 from './ux/authsetup/AuthSetup';
+import wc49d5de1eda62481abf0a5a317b99f3e9 from './ux/authsetup/AuthSetupConfirm';
+import wcb5eb74ede439404b859e485f5f8e68e0 from './ux/blockgallery/admin/TenantBlockTemplateJourney';
 import wc5dfa7b609aed43ffab03dad33c65b2da from './ux/commandpalette/CommandPalette';
 import wc0fb46d84e95e4e04801878bec4b370cb from './ux/datetimefilterquery/DateTimeFilterQuery';
 import wc90e26d3a6e3e4bf9bd1ce81c6735eda2 from './ux/datetimezonepicker/DateTimeZonePicker';
@@ -155,7 +157,6 @@ import wc535ac075284646eca569a78457213e6f from './ux/signin/omnia/Login';
 import wc2b741f0203a54cb5a7be72e204ebecc8 from './ux/signin/identitycreationrequest/IdentityCreationRequestView';
 import wcffcb5f0ddcfd445d81683167f298c336 from './ux/signin/identitycreationrequest/ConfirmEmailView';
 import wcf297290b5ea4409a9738ca880f1ea612 from './ux/signout/Logout';
-import wc4ecc3b27de0045258b22cba846f79ad9 from './ux/skeletonhandler/SkeletonLoader';
 import wc5aaaefb501d64fe59da8b779a54c0a55 from './ux/statuscoderenderer/StatusCodeRenderer';
 import wc252ece0016594978b3ddfafdd59adda4 from './ux/theming-v2/themedefinitionpicker/ThemeDefinitionPicker';
 import wc5abbb7170e454f0d8cb537bcad180cd7 from './ux/theming-v2/themeeditor/ThemeEditor';
@@ -208,6 +209,8 @@ declare global {
             "omfx-add-button": base.CombinedTsxComponentAttrs<typeof wc1476702e8f24468d9185322be5931c54.propsDefinition, {}, {}, {}, {}, true> & VueComponentBaseProps;
             "omfx-app-show-in-public-listings-input": base.CombinedTsxComponentAttrs<typeof wc8e21d658d6f84d70870d29805b27df86.propsDefinition, {}, {}, {}, {}, true> & VueComponentBaseProps;
             "omfx-authsetup": base.CombinedTsxComponentAttrs<typeof wce4889269c6ad440da65f3acdf5bb6152.propsDefinition, {}, {}, {}, {}, true> & VueComponentBaseProps;
+            "omfx-authsetup-confirm": base.CombinedTsxComponentAttrs<typeof wc49d5de1eda62481abf0a5a317b99f3e9.propsDefinition, {}, {}, {}, {}, true> & VueComponentBaseProps;
+            "omfx-admin-blocktemplates": base.CombinedTsxComponentAttrs<typeof wcb5eb74ede439404b859e485f5f8e68e0.propsDefinition, {}, {}, {}, {}, true> & VueComponentBaseProps;
             "omfx-command-palette": base.CombinedTsxComponentAttrs<typeof wc5dfa7b609aed43ffab03dad33c65b2da.propsDefinition, {}, {}, {}, {}, true> & VueComponentBaseProps;
             "omfx-date-time-filter-query": base.CombinedTsxComponentAttrs<typeof wc0fb46d84e95e4e04801878bec4b370cb.propsDefinition, {}, {}, {}, {}, true> & VueComponentBaseProps;
             "omfx-date-time-zone-picker": base.CombinedTsxComponentAttrs<typeof wc90e26d3a6e3e4bf9bd1ce81c6735eda2.propsDefinition, {}, {}, {}, {}, true> & VueComponentBaseProps;
@@ -335,7 +338,6 @@ declare global {
             "omfx-identity-creation-request-omnia": base.CombinedTsxComponentAttrs<typeof wc2b741f0203a54cb5a7be72e204ebecc8.propsDefinition, {}, {}, {}, {}, true> & VueComponentBaseProps;
             "omfx-identity-creation-request-confirm-email-result-omnia": base.CombinedTsxComponentAttrs<typeof wcffcb5f0ddcfd445d81683167f298c336.propsDefinition, {}, {}, {}, {}, true> & VueComponentBaseProps;
             "omfx-logout": base.CombinedTsxComponentAttrs<typeof wcf297290b5ea4409a9738ca880f1ea612.propsDefinition, {}, {}, {}, {}, true> & VueComponentBaseProps;
-            "omfx-skeleton-loader": base.CombinedTsxComponentAttrs<typeof wc4ecc3b27de0045258b22cba846f79ad9.propsDefinition, {}, {}, {}, {}, true> & VueComponentBaseProps;
             "omfx-status-code-renderer": base.CombinedTsxComponentAttrs<typeof wc5aaaefb501d64fe59da8b779a54c0a55.propsDefinition, {}, {}, {}, {}, true> & VueComponentBaseProps;
             "omfx-theme-definition-picker": base.CombinedTsxComponentAttrs<typeof wc252ece0016594978b3ddfafdd59adda4.propsDefinition, {}, {}, {}, {}, true> & VueComponentBaseProps;
             "omfx-theme-editor-v2": base.CombinedTsxComponentAttrs<typeof wc5abbb7170e454f0d8cb537bcad180cd7.propsDefinition, {}, {}, {}, {}, true> & VueComponentBaseProps;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@omnia/fx",
   "license": "MIT",
-  "version": "7.9.12-preview",
+  "version": "7.9.12",
   "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": "7.9.12-preview",
+    "@omnia/fx-models": "7.9.12",
     "@microsoft/signalr": "6.0.1",
     "broadcast-channel": "4.8.0",
     "dayjs": "1.10.7",
@@ -48,7 +48,7 @@
     "prosemirror-schema-list": "1.0.4",
     "vue-property-decorator": "8.3.0",
     "vue-class-component": "7.1.0",
-    "axios": "0.24.0",
+    "axios": "0.30.0",
     "mousetrap": "1.6.1"
   },
   "devDependencies": {},
@@ -57,4 +57,4 @@
     "url": "https://github.com/omniaintranet/OmniaFx/issues"
   },
   "homepage": "https://github.com/omniaintranet/OmniaFx#readme"
-}
+}

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

@@ -1,13 +0,0 @@
-export interface ISkeletonLoader {
-    type: string;
-    loading?: boolean;
-    maxHeight?: string;
-    maxWidth?: string;
-    class?: string[] | string;
-    height?: string;
-    width?: string;
-    boilerplate?: boolean;
-    dark?: boolean;
-    transition?: string;
-    render?: () => JSX.Element | JSX.Element[];
-}