@omnia/fx 8.0.477-dev → 8.0.478-dev

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

@@ -0,0 +1,31 @@
+import { IChromeActionItem, IEditorChromeRegistration } from "@omnia/fx-models";
+import { useEditorChromeStore } from "..";
+export declare function useDefineEditorChromeTestSetup(editorStore: ReturnType<typeof useEditorChromeStore>): {
+    tabs: {
+        tab1: IEditorChromeRegistration;
+        tab2: IEditorChromeRegistration;
+        tab3: IEditorChromeRegistration;
+    };
+    buttons: {
+        header: {
+            toggleGrid: IChromeActionItem;
+        };
+        footer: {
+            active: IChromeActionItem;
+            noToggle: IChromeActionItem;
+            toggle: IChromeActionItem;
+            approve: IChromeActionItem;
+            cancel: IChromeActionItem;
+            extendedButton1: IChromeActionItem;
+            extendedButton2: IChromeActionItem;
+            extendedButton3: IChromeActionItem;
+        };
+        drawer: {
+            settingsTab: IChromeActionItem;
+            drawerToolbarSettings: IChromeActionItem;
+            drawerToolbarPreview: IChromeActionItem;
+            drawerToolbarNoToggle: IChromeActionItem;
+        };
+    };
+    registerTabs: () => void;
+};

package/internal-do-not-import-from-here/ux/editorchrome/buttons/ToolbarButton.d.ts

@@ -1,9 +1,9 @@
 import { DefineProp, DefinePropTheming } from "@omnia/fx/ux";
 import { IIcon } from "@omnia/fx-models";
-type ToolbarButtonProps = DefinePropTheming & DefineProp<"icon", IIcon> & DefineProp<"active", boolean> & DefineProp<"position", "topBar" | "bottomBar" | "rightBar"> & DefineProp<"title", string> & DefineProp<"border", "left" | "right" | "left right" | "bottom">;
+type ToolbarButtonProps = DefinePropTheming & DefineProp<"icon", IIcon> & DefineProp<"active", boolean> & DefineProp<"loading", boolean> & DefineProp<"disabled", boolean> & DefineProp<"position", "topBar" | "bottomBar" | "rightBar"> & DefineProp<"title", string> & DefineProp<"border", "left" | "right" | "left right" | "bottom">;
 declare const _default: (props: import("@omnia/fx/ux").ExtractProps<ToolbarButtonProps> & {} & {
     "v-slots"?: {} & Omit<{
         default?: import("vue").Slot;
     }, never>;
-} & {} & Omit<import("@omnia/fx/ux").VueComponentBaseProps, "icon" | "border" | "position" | "title" | "colorSchemaType" | "active" | "colors"> & import("@omnia/fx/ux").VNodeEvents) => any;
+} & {} & Omit<import("@omnia/fx/ux").VueComponentBaseProps, "icon" | "border" | "position" | "title" | "colorSchemaType" | "active" | "disabled" | "loading" | "colors"> & import("@omnia/fx/ux").VNodeEvents) => any;
 export default _default;

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

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

package/internal-do-not-import-from-here/ux/editorchrome/hooks/useRenderActions.d.ts

@@ -0,0 +1,32 @@
+import { IChromeActionItem } from "@omnia/fx-models";
+export interface RenderActionsOptions {
+    /**
+     * The border style for the toolbar buttons
+     * @default "right"
+     */
+    border?: "left" | "right" | "left right" | "bottom";
+    startBorder?: "left" | "right" | "left right" | "bottom";
+    /**
+     * Whether to disable the toggle functionality
+     * @default false
+     */
+    disableToggle?: boolean;
+    /**
+     * The position of the toolbar
+     */
+    position: "topBar" | "bottomBar" | "rightBar";
+    /**
+     * The rendering key to use for Vue reactivity
+     */
+    renderingKey: string;
+    /**
+     * The sync function to call after button interactions
+     */
+    syncFunction: () => void;
+}
+/**
+ * Custom hook for rendering action buttons with consistent double-click prevention and async handling
+ * @param options Configuration options for rendering actions
+ * @returns Function to render actions
+ */
+export declare function useRenderActions(options: RenderActionsOptions): (items: IChromeActionItem[]) => import("vue").VNodeChild[];

package/internal-do-not-import-from-here/ux/editorchrome/renderers/EditorChromeCompactRenderer.d.ts

@@ -0,0 +1,11 @@
+import { DefineEmit, DefineProp } from "@omnia/fx/ux";
+import { IIcon, guid } from "../../../models";
+type EditorChromeProps = DefineProp<"icon", IIcon> & DefineProp<"title", string> & DefineProp<"subTitle", string> & DefineProp<"actionToolbarRoles", guid[]> & DefineProp<"hideCloseButton", boolean> & DefineEmit<"close", () => true>;
+declare const _default: (props: import("@omnia/fx/ux").ExtractProps<EditorChromeProps> & {
+    onClose?: () => any;
+} & {
+    "v-slots"?: {} & Omit<{
+        default?: import("vue").Slot;
+    }, never>;
+} & {} & Omit<import("@omnia/fx/ux").VueComponentBaseProps, "icon" | "title" | "hideCloseButton" | "subTitle" | "actionToolbarRoles" | "emit:close"> & import("@omnia/fx/ux").VNodeEvents) => any;
+export default _default;

package/internal-do-not-import-from-here/ux/editorchrome/renderers/EditorChromeRegularRenderer.d.ts

@@ -0,0 +1,11 @@
+import { DefineEmit, DefineProp } from "@omnia/fx/ux";
+import { IIcon, guid } from "../../../models";
+type EditorChromeProps = DefineProp<"icon", IIcon> & DefineProp<"title", string> & DefineProp<"subTitle", string> & DefineProp<"actionToolbarRoles", guid[]> & DefineProp<"hideCloseButton", boolean> & DefineEmit<"close", () => true>;
+declare const _default: (props: import("@omnia/fx/ux").ExtractProps<EditorChromeProps> & {
+    onClose?: () => any;
+} & {
+    "v-slots"?: {} & Omit<{
+        default?: import("vue").Slot;
+    }, never>;
+} & {} & Omit<import("@omnia/fx/ux").VueComponentBaseProps, "icon" | "title" | "hideCloseButton" | "subTitle" | "actionToolbarRoles" | "emit:close"> & import("@omnia/fx/ux").VNodeEvents) => any;
+export default _default;

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

@@ -0,0 +1,2 @@
+export * from "./EditorChromeRegularRenderer";
+export * from "./EditorChromeCompactRenderer";

package/internal-do-not-import-from-here/ux/editorchrome/stores/EditorChromeStoreV2.d.ts

@@ -3,6 +3,7 @@ import { DisplayBreakpointTypes, guid, IEditorChromeRegistration, NotificationMe
 export declare const useEditorChromeStore: () => {
     state: {
         finishedLoading: boolean;
+        compactMode: boolean;
         renderingKeys: {
             header: guid;
             footer: guid;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@omnia/fx",
   "license": "MIT",
-  "version": "8.0.477-dev",
+  "version": "8.0.478-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.477-dev",
+    "@omnia/fx-models": "8.0.478-dev",
     "@microsoft/signalr": "6.0.1",
     "broadcast-channel": "4.8.0",
     "dayjs": "1.11.7",

package/internal-do-not-import-from-here/ux/editorchrome/buttons/ExtendedToolbarButton.css.d.ts

@@ -1,77 +0,0 @@
-export declare const ToolbarButtonStyles: {
-    themeStyling: {
-        input: {
-            stylex: typeof import("../../aurora/styling/styles/InputStyling").InputStyling.getFieldBlueprintStylex;
-        };
-        icons: {
-            stylex: typeof import("../../aurora/styling/styles").IconStyling.getIconBlueprintStylex;
-        };
-        colors: {
-            dividingOpacity: typeof import("../../aurora/styling/styles").colorStyling.dividingOpacity;
-            backgroundOpacity: typeof import("../../aurora/styling/styles").colorStyling.backgroundOpacity;
-            setColorOpacity: typeof import("@omnia/fx-models").setColorOpacity;
-        };
-        elementStyling: {
-            colorStylex: typeof import("../../aurora/styling/styles").colorStyling.getColorStylingx;
-            selectedTableRowStylex: typeof import("../../aurora/styling/styles").generalStylex.getSelectedTableRowStylex;
-            scrollStylex: typeof import("../../aurora/styling/styles").generalStylex.getScrollStylex;
-            borderDividerStylex: typeof import("../../aurora/styling/styles").generalStylex.getBorderDividerStylex;
-            hoverStylex: typeof import("../../aurora/styling/styles").generalStylex.getHoverStylex;
-            css: {
-                generateAllStylesSchema: () => {
-                    [key: string]: string;
-                };
-                generateVariableStyle: (color: import("@omnia/fx-models").ColorValue) => {
-                    [key: string]: string;
-                };
-                generateValueVariable: (color: import("@omnia/fx-models").ColorValue) => string;
-            };
-        };
-        typography: {
-            valueStylex: typeof import("../../aurora/styling/styles/Typography").TypographyStyling.typographyStylexFromValueStylex;
-            typeStylex: typeof import("../../aurora/styling/styles/Typography").TypographyStyling.typographyTypeStylex;
-            stylex: typeof import("../../aurora/styling/styles/Typography").TypographyStyling.typographyStylex;
-            fontStyling: typeof import("../../aurora/styling/styles/Typography").fontStyling;
-            typeStyling: (typographyType: import("@omnia/fx-models").TextStyleTypes | import("@omnia/fx-models").TextStyleType, size: import("@omnia/fx-models").TextStyleSize | import("@omnia/fx-models").TextStyleSizes, blueprint: import("@omnia/fx-models").TypographyBlueprint) => {
-                baseStyles: {
-                    fontFamily: string;
-                    fontSize: string;
-                    fontWeight: number;
-                    lineHeight: string;
-                    fontStyle: string;
-                    textTransform: any;
-                    letterSpacing: string;
-                    textDecoration: string;
-                    $nest: {};
-                };
-                mediumStyles: any;
-                smallStyles: any;
-                queryOnSmallScreen: import("typestyle/lib/types").MediaQuery;
-                queryOnMediumScreen: import("typestyle/lib/types").MediaQuery;
-            };
-        };
-        spacing: {
-            paddingStylex: (value: import("@omnia/fx-models").Spacing | import("@omnia/fx-models").SpacingValue, blueprint?: ReturnType<typeof import("@omnia/fx/ux").useSpacingBlueprintStore>) => import("@omnia/fx/ux").StylexValue;
-            marginStylex: (value: import("@omnia/fx-models").Spacing | import("@omnia/fx-models").SpacingValue, blueprint?: ReturnType<typeof import("@omnia/fx/ux").useSpacingBlueprintStore>) => import("@omnia/fx/ux").StylexValue;
-            value: (value: import("@omnia/fx-models").SpacingValue, blueprint?: ReturnType<typeof import("@omnia/fx/ux").useSpacingBlueprintStore>) => number;
-            values: (value: import("@omnia/fx-models").Spacing, blueprint?: ReturnType<typeof import("@omnia/fx/ux").useSpacingBlueprintStore>) => import("@omnia/fx-models").Spacing;
-        };
-        fill: {
-            stylex: typeof import("../../aurora/styling/styles").FillStyling.getBlueprintFillStylex;
-            stylexObject: typeof import("../../aurora/styling/styles").FillStyling.getBlueprintFillObjectStylex;
-        };
-        border: {
-            stylex: typeof import("../../aurora/styling/styles").BorderStyling.getBlueprintBorderStylex;
-            stylexObject: typeof import("../../aurora/styling/styles").BorderStyling.getBlueprintBorderObjectStylex;
-        };
-        background: {
-            stylex: typeof import("../../aurora/styling/styles").BackgroundStyling.getBlueprintBackgroundStylex;
-            stylexObject: typeof import("../../aurora/styling/styles").BackgroundStyling.getBlueprintBackgroundObjectStylex;
-        };
-        text: {
-            stylex: typeof import("../../aurora/styling/styles").TextStyles.getBlueprintTextStylex;
-            object: typeof import("../../aurora/styling/styles").TextStyles.getBlueprintTextStylingObject;
-        };
-    };
-    wrapper: (dark: boolean, selected: boolean) => string;
-};

package/internal-do-not-import-from-here/ux/editorchrome/buttons/ExtendedToolbarButton.d.ts

@@ -1,9 +0,0 @@
-import { DefineProp, DefinePropTheming } from "@omnia/fx/ux";
-import { IIcon } from "@omnia/fx-models";
-type ToolbarButtonProps = DefinePropTheming & DefineProp<"icon", IIcon> & DefineProp<"active", boolean> & DefineProp<"title", string> & DefineProp<"border", "left" | "right" | "left right">;
-declare const _default: (props: import("@omnia/fx/ux").ExtractProps<ToolbarButtonProps> & {} & {
-    "v-slots"?: {} & Omit<{
-        default?: import("vue").Slot;
-    }, never>;
-} & {} & Omit<import("@omnia/fx/ux").VueComponentBaseProps, "icon" | "border" | "title" | "colorSchemaType" | "active" | "colors"> & import("@omnia/fx/ux").VNodeEvents) => any;
-export default _default;