@omnia/fx 8.0.474-dev → 8.0.475-dev

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (10) hide show
  1. package/internal-do-not-import-from-here/ux/editorchrome/EditorChrome.css.d.ts +1 -1
  2. package/internal-do-not-import-from-here/ux/editorchrome/buttons/ExtendedToolbarButton.css.d.ts +77 -0
  3. package/internal-do-not-import-from-here/ux/editorchrome/buttons/ExtendedToolbarButton.d.ts +9 -0
  4. package/internal-do-not-import-from-here/ux/editorchrome/buttons/ToolbarButton.css.d.ts +1 -1
  5. package/internal-do-not-import-from-here/ux/editorchrome/buttons/ToolbarButton.d.ts +2 -2
  6. package/internal-do-not-import-from-here/ux/editorchrome/header/HeaderToolbar.css.d.ts +77 -0
  7. package/internal-do-not-import-from-here/ux/editorchrome/stores/EditorChromeStoreV2.d.ts +15 -1
  8. package/internal-do-not-import-from-here/ux/oxide/splitpane/Splitpane.d.ts +2 -2
  9. package/internal-do-not-import-from-here/ux/oxide/splitpane/Splitpane.stylex.d.ts +1 -0
  10. package/package.json +2 -2
package/internal-do-not-import-from-here/ux/editorchrome/EditorChrome.css.d.ts CHANGED
@@ -74,7 +74,7 @@ export declare const EditorChromeStyles: {
74
74
  object: typeof import("../aurora/styling/styles").TextStyles.getBlueprintTextStylingObject;
75
75
  };
76
76
  };
77
- splitPanewrapper: string;
77
+ splitPaneWrapper: string;
78
78
  border: {
79
79
  top: (color: ColorDefinition) => Readonly<import("../").StylexValue>;
80
80
  bottom: (color: ColorDefinition) => Readonly<import("../").StylexValue>;
package/internal-do-not-import-from-here/ux/editorchrome/buttons/ExtendedToolbarButton.css.d.ts ADDED
@@ -0,0 +1,77 @@
1
+ export declare const ToolbarButtonStyles: {
2
+ themeStyling: {
3
+ input: {
4
+ stylex: typeof import("../../aurora/styling/styles/InputStyling").InputStyling.getFieldBlueprintStylex;
5
+ };
6
+ icons: {
7
+ stylex: typeof import("../../aurora/styling/styles").IconStyling.getIconBlueprintStylex;
8
+ };
9
+ colors: {
10
+ dividingOpacity: typeof import("../../aurora/styling/styles").colorStyling.dividingOpacity;
11
+ backgroundOpacity: typeof import("../../aurora/styling/styles").colorStyling.backgroundOpacity;
12
+ setColorOpacity: typeof import("@omnia/fx-models").setColorOpacity;
13
+ };
14
+ elementStyling: {
15
+ colorStylex: typeof import("../../aurora/styling/styles").colorStyling.getColorStylingx;
16
+ selectedTableRowStylex: typeof import("../../aurora/styling/styles").generalStylex.getSelectedTableRowStylex;
17
+ scrollStylex: typeof import("../../aurora/styling/styles").generalStylex.getScrollStylex;
18
+ borderDividerStylex: typeof import("../../aurora/styling/styles").generalStylex.getBorderDividerStylex;
19
+ hoverStylex: typeof import("../../aurora/styling/styles").generalStylex.getHoverStylex;
20
+ css: {
21
+ generateAllStylesSchema: () => {
22
+ [key: string]: string;
23
+ };
24
+ generateVariableStyle: (color: import("@omnia/fx-models").ColorValue) => {
25
+ [key: string]: string;
26
+ };
27
+ generateValueVariable: (color: import("@omnia/fx-models").ColorValue) => string;
28
+ };
29
+ };
30
+ typography: {
31
+ valueStylex: typeof import("../../aurora/styling/styles/Typography").TypographyStyling.typographyStylexFromValueStylex;
32
+ typeStylex: typeof import("../../aurora/styling/styles/Typography").TypographyStyling.typographyTypeStylex;
33
+ stylex: typeof import("../../aurora/styling/styles/Typography").TypographyStyling.typographyStylex;
34
+ fontStyling: typeof import("../../aurora/styling/styles/Typography").fontStyling;
35
+ 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) => {
36
+ baseStyles: {
37
+ fontFamily: string;
38
+ fontSize: string;
39
+ fontWeight: number;
40
+ lineHeight: string;
41
+ fontStyle: string;
42
+ textTransform: any;
43
+ letterSpacing: string;
44
+ textDecoration: string;
45
+ $nest: {};
46
+ };
47
+ mediumStyles: any;
48
+ smallStyles: any;
49
+ queryOnSmallScreen: import("typestyle/lib/types").MediaQuery;
50
+ queryOnMediumScreen: import("typestyle/lib/types").MediaQuery;
51
+ };
52
+ };
53
+ spacing: {
54
+ 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;
55
+ 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;
56
+ value: (value: import("@omnia/fx-models").SpacingValue, blueprint?: ReturnType<typeof import("@omnia/fx/ux").useSpacingBlueprintStore>) => number;
57
+ values: (value: import("@omnia/fx-models").Spacing, blueprint?: ReturnType<typeof import("@omnia/fx/ux").useSpacingBlueprintStore>) => import("@omnia/fx-models").Spacing;
58
+ };
59
+ fill: {
60
+ stylex: typeof import("../../aurora/styling/styles").FillStyling.getBlueprintFillStylex;
61
+ stylexObject: typeof import("../../aurora/styling/styles").FillStyling.getBlueprintFillObjectStylex;
62
+ };
63
+ border: {
64
+ stylex: typeof import("../../aurora/styling/styles").BorderStyling.getBlueprintBorderStylex;
65
+ stylexObject: typeof import("../../aurora/styling/styles").BorderStyling.getBlueprintBorderObjectStylex;
66
+ };
67
+ background: {
68
+ stylex: typeof import("../../aurora/styling/styles").BackgroundStyling.getBlueprintBackgroundStylex;
69
+ stylexObject: typeof import("../../aurora/styling/styles").BackgroundStyling.getBlueprintBackgroundObjectStylex;
70
+ };
71
+ text: {
72
+ stylex: typeof import("../../aurora/styling/styles").TextStyles.getBlueprintTextStylex;
73
+ object: typeof import("../../aurora/styling/styles").TextStyles.getBlueprintTextStylingObject;
74
+ };
75
+ };
76
+ wrapper: (dark: boolean, selected: boolean) => string;
77
+ };
package/internal-do-not-import-from-here/ux/editorchrome/buttons/ExtendedToolbarButton.d.ts ADDED
@@ -0,0 +1,9 @@
1
+ import { DefineProp, DefinePropTheming } from "@omnia/fx/ux";
2
+ import { IIcon } from "@omnia/fx-models";
3
+ type ToolbarButtonProps = DefinePropTheming & DefineProp<"icon", IIcon> & DefineProp<"active", boolean> & DefineProp<"title", string> & DefineProp<"border", "left" | "right" | "left right">;
4
+ declare const _default: (props: import("@omnia/fx/ux").ExtractProps<ToolbarButtonProps> & {} & {
5
+ "v-slots"?: {} & Omit<{
6
+ default?: import("vue").Slot;
7
+ }, never>;
8
+ } & {} & Omit<import("@omnia/fx/ux").VueComponentBaseProps, "icon" | "border" | "title" | "colorSchemaType" | "active" | "colors"> & import("@omnia/fx/ux").VNodeEvents) => any;
9
+ export default _default;
package/internal-do-not-import-from-here/ux/editorchrome/buttons/ToolbarButton.css.d.ts CHANGED
@@ -73,5 +73,5 @@ export declare const ToolbarButtonStyles: {
73
73
  object: typeof import("../../aurora/styling/styles").TextStyles.getBlueprintTextStylingObject;
74
74
  };
75
75
  };
76
- wrapper: (dark: boolean, border: boolean) => string;
76
+ wrapper: (dark: boolean, border: "left" | "right" | "left right") => string;
77
77
  };
package/internal-do-not-import-from-here/ux/editorchrome/buttons/ToolbarButton.d.ts CHANGED
@@ -1,9 +1,9 @@
1
1
  import { DefineProp, DefinePropTheming } from "@omnia/fx/ux";
2
2
  import { IIcon } from "@omnia/fx-models";
3
- type ToolbarButtonProps = DefinePropTheming & DefineProp<"icon", IIcon> & DefineProp<"active", boolean> & DefineProp<"border", boolean>;
3
+ type ToolbarButtonProps = DefinePropTheming & DefineProp<"icon", IIcon> & DefineProp<"active", boolean> & DefineProp<"title", string> & DefineProp<"border", "left" | "right" | "left right">;
4
4
  declare const _default: (props: import("@omnia/fx/ux").ExtractProps<ToolbarButtonProps> & {} & {
5
5
  "v-slots"?: {} & Omit<{
6
6
  default?: import("vue").Slot;
7
7
  }, never>;
8
- } & {} & Omit<import("@omnia/fx/ux").VueComponentBaseProps, "icon" | "border" | "colorSchemaType" | "active" | "colors"> & import("@omnia/fx/ux").VNodeEvents) => any;
8
+ } & {} & Omit<import("@omnia/fx/ux").VueComponentBaseProps, "icon" | "border" | "title" | "colorSchemaType" | "active" | "colors"> & import("@omnia/fx/ux").VNodeEvents) => any;
9
9
  export default _default;
package/internal-do-not-import-from-here/ux/editorchrome/header/HeaderToolbar.css.d.ts ADDED
@@ -0,0 +1,77 @@
1
+ export declare const HeaderToolbarStyles: {
2
+ themeStyling: {
3
+ input: {
4
+ stylex: typeof import("../../aurora/styling/styles/InputStyling").InputStyling.getFieldBlueprintStylex;
5
+ };
6
+ icons: {
7
+ stylex: typeof import("../../aurora/styling/styles").IconStyling.getIconBlueprintStylex;
8
+ };
9
+ colors: {
10
+ dividingOpacity: typeof import("../../aurora/styling/styles").colorStyling.dividingOpacity;
11
+ backgroundOpacity: typeof import("../../aurora/styling/styles").colorStyling.backgroundOpacity;
12
+ setColorOpacity: typeof import("@omnia/fx-models").setColorOpacity;
13
+ };
14
+ elementStyling: {
15
+ colorStylex: typeof import("../../aurora/styling/styles").colorStyling.getColorStylingx;
16
+ selectedTableRowStylex: typeof import("../../aurora/styling/styles").generalStylex.getSelectedTableRowStylex;
17
+ scrollStylex: typeof import("../../aurora/styling/styles").generalStylex.getScrollStylex;
18
+ borderDividerStylex: typeof import("../../aurora/styling/styles").generalStylex.getBorderDividerStylex;
19
+ hoverStylex: typeof import("../../aurora/styling/styles").generalStylex.getHoverStylex;
20
+ css: {
21
+ generateAllStylesSchema: () => {
22
+ [key: string]: string;
23
+ };
24
+ generateVariableStyle: (color: import("@omnia/fx-models").ColorValue) => {
25
+ [key: string]: string;
26
+ };
27
+ generateValueVariable: (color: import("@omnia/fx-models").ColorValue) => string;
28
+ };
29
+ };
30
+ typography: {
31
+ valueStylex: typeof import("../../aurora/styling/styles/Typography").TypographyStyling.typographyStylexFromValueStylex;
32
+ typeStylex: typeof import("../../aurora/styling/styles/Typography").TypographyStyling.typographyTypeStylex;
33
+ stylex: typeof import("../../aurora/styling/styles/Typography").TypographyStyling.typographyStylex;
34
+ fontStyling: typeof import("../../aurora/styling/styles/Typography").fontStyling;
35
+ 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) => {
36
+ baseStyles: {
37
+ fontFamily: string;
38
+ fontSize: string;
39
+ fontWeight: number;
40
+ lineHeight: string;
41
+ fontStyle: string;
42
+ textTransform: any;
43
+ letterSpacing: string;
44
+ textDecoration: string;
45
+ $nest: {};
46
+ };
47
+ mediumStyles: any;
48
+ smallStyles: any;
49
+ queryOnSmallScreen: import("typestyle/lib/types").MediaQuery;
50
+ queryOnMediumScreen: import("typestyle/lib/types").MediaQuery;
51
+ };
52
+ };
53
+ spacing: {
54
+ 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;
55
+ 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;
56
+ value: (value: import("@omnia/fx-models").SpacingValue, blueprint?: ReturnType<typeof import("@omnia/fx/ux").useSpacingBlueprintStore>) => number;
57
+ values: (value: import("@omnia/fx-models").Spacing, blueprint?: ReturnType<typeof import("@omnia/fx/ux").useSpacingBlueprintStore>) => import("@omnia/fx-models").Spacing;
58
+ };
59
+ fill: {
60
+ stylex: typeof import("../../aurora/styling/styles").FillStyling.getBlueprintFillStylex;
61
+ stylexObject: typeof import("../../aurora/styling/styles").FillStyling.getBlueprintFillObjectStylex;
62
+ };
63
+ border: {
64
+ stylex: typeof import("../../aurora/styling/styles").BorderStyling.getBlueprintBorderStylex;
65
+ stylexObject: typeof import("../../aurora/styling/styles").BorderStyling.getBlueprintBorderObjectStylex;
66
+ };
67
+ background: {
68
+ stylex: typeof import("../../aurora/styling/styles").BackgroundStyling.getBlueprintBackgroundStylex;
69
+ stylexObject: typeof import("../../aurora/styling/styles").BackgroundStyling.getBlueprintBackgroundObjectStylex;
70
+ };
71
+ text: {
72
+ stylex: typeof import("../../aurora/styling/styles").TextStyles.getBlueprintTextStylex;
73
+ object: typeof import("../../aurora/styling/styles").TextStyles.getBlueprintTextStylingObject;
74
+ };
75
+ };
76
+ displayButton: (dark: boolean, selected: boolean) => string;
77
+ };
package/internal-do-not-import-from-here/ux/editorchrome/stores/EditorChromeStoreV2.d.ts CHANGED
@@ -1,12 +1,18 @@
1
1
  import { SplitpaneSize } from "../../oxide/splitpane/Splitpane";
2
- import { guid, NotificationMessage } from "@omnia/fx-models";
2
+ import { DisplayBreakpointTypes, guid, IEditorChromeRegistration, NotificationMessage } from "@omnia/fx-models";
3
3
  export declare const useEditorChromeStore: () => {
4
4
  state: {
5
5
  finishedLoading: boolean;
6
+ renderingKey: guid;
6
7
  drawers: {
7
8
  showLeftDrawer: boolean;
8
9
  showRightDrawer: boolean;
9
10
  };
11
+ tabs: {
12
+ activeIndex: number;
13
+ active: IEditorChromeRegistration;
14
+ items: IEditorChromeRegistration[];
15
+ };
10
16
  canvasSettings: {
11
17
  zoom: {
12
18
  enabled: boolean;
@@ -42,6 +48,14 @@ export declare const useEditorChromeStore: () => {
42
48
  };
43
49
  };
44
50
  actions: import("@omnia/fx/stores").StoreReturnDefineAction<{
51
+ displayBreakpoint: () => {
52
+ set: (value: DisplayBreakpointTypes) => void;
53
+ };
54
+ tabs: () => {
55
+ syncEditor: () => void;
56
+ register: (tab: IEditorChromeRegistration) => void;
57
+ setAsActive: (tab: IEditorChromeRegistration) => void;
58
+ };
45
59
  showNotification: (message: NotificationMessage) => void;
46
60
  drawers: () => {
47
61
  toggleLeftDrawer: (value: boolean) => void;
package/internal-do-not-import-from-here/ux/oxide/splitpane/Splitpane.d.ts CHANGED
@@ -11,7 +11,7 @@ interface PanelEventClick extends SplitpaneSize {
11
11
  id: number;
12
12
  index: number;
13
13
  }
14
- type SplitpaneProps = DefinePropTheming & DefineProp<"class", String | String[]> & DefineProp<"variant", OSplitpanesVariation, false, "vertical", "Controls the orientation of the component."> & DefineProp<"height", string | number, false, "100%", "The height of the component."> & DefineProp<"dblClickSplitter", boolean, false, false, "Double click a splitter to maximize the next pane."> & DefineEmit<"panelClick", (event: PanelEventClick) => void, "Emits when one of panels is clicked."> & DefineEmit<"resized", (sizes: SplitpaneSize[]) => void, "Emits when pane components are resized.">;
14
+ type SplitpaneProps = DefinePropTheming & DefineProp<"class", String | String[]> & DefineProp<"variant", OSplitpanesVariation, false, "vertical", "Controls the orientation of the component."> & DefineProp<"height", string | number, false, "100%", "The height of the component."> & DefineProp<"dblClickSplitter", boolean, false, false, "Double click a splitter to maximize the next pane."> & DefineProp<"disabled", boolean, false, false, "Disabels the splitter"> & DefineEmit<"panelClick", (event: PanelEventClick) => void, "Emits when one of panels is clicked."> & DefineEmit<"resized", (sizes: SplitpaneSize[]) => void, "Emits when pane components are resized.">;
15
15
  declare const _default: (props: import("@omnia/fx/ux").ExtractProps<SplitpaneProps> & {
16
16
  onResized?: (sizes: SplitpaneSize[]) => any;
17
17
  onPanelClick?: (event: PanelEventClick) => any;
@@ -19,5 +19,5 @@ declare const _default: (props: import("@omnia/fx/ux").ExtractProps<SplitpanePro
19
19
  "v-slots"?: {} & Omit<{
20
20
  default?: import("vue").Slot;
21
21
  }, never>;
22
- } & {} & Omit<import("@omnia/fx/ux").VueComponentBaseProps, "height" | "colorSchemaType" | "variant" | "class" | "colors" | "dblClickSplitter" | "emit:panelClick" | "emit:resized"> & import("@omnia/fx/ux").VNodeEvents) => any;
22
+ } & {} & Omit<import("@omnia/fx/ux").VueComponentBaseProps, "height" | "colorSchemaType" | "variant" | "class" | "disabled" | "colors" | "dblClickSplitter" | "emit:panelClick" | "emit:resized"> & import("@omnia/fx/ux").VNodeEvents) => any;
23
23
  export default _default;
package/internal-do-not-import-from-here/ux/oxide/splitpane/Splitpane.stylex.d.ts CHANGED
@@ -1,4 +1,5 @@
1
1
  import { OSplitpanesVariation } from "@omnia/fx-models";
2
2
  export declare const SplitpaneStyles: {
3
+ disabled: string;
3
4
  wrapper: (backgroundColor: string, splitterColor: string, variant: OSplitpanesVariation) => Readonly<import("@omnia/fx/ux").StylexValue>;
4
5
  };
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@omnia/fx",
3
3
  "license": "MIT",
4
- "version": "8.0.474-dev",
4
+ "version": "8.0.475-dev",
5
5
  "description": "Provide Omnia Fx typings and tooling for clientside Omnia development.",
6
6
  "scripts": {
7
7
  "test": "echo \"Error: no test specified\" && exit 1",
@@ -20,7 +20,7 @@
20
20
  ],
21
21
  "author": "Omnia Digital Workplace AB",
22
22
  "dependencies": {
23
- "@omnia/fx-models": "8.0.474-dev",
23
+ "@omnia/fx-models": "8.0.475-dev",
24
24
  "@microsoft/signalr": "6.0.1",
25
25
  "broadcast-channel": "4.8.0",
26
26
  "dayjs": "1.11.7",