@omnia/fx 8.0.391-dev → 8.0.392-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.
@@ -4,11 +4,13 @@ declare const _default: (props: import("@omnia/fx/ux").ExtractProps<{
4
4
  "v-model"?: boolean;
5
5
  } & {
6
6
  modelValue?: boolean;
7
+ } & {
8
+ haveLayout?: (haveLayout: any) => void;
7
9
  }> & {
8
10
  "onUpdate:modelValue"?: (value: boolean) => any;
9
11
  } & {
10
12
  "v-slots"?: {} & Omit<{
11
13
  default?: import("vue").Slot;
12
14
  }, never>;
13
- } & {} & Omit<import("@omnia/fx/ux").VueComponentBaseProps, "modelValue" | "v-model" | "emit:update:modelValue"> & import("@omnia/fx/ux").VNodeEvents) => any;
15
+ } & {} & Omit<import("@omnia/fx/ux").VueComponentBaseProps, "modelValue" | "v-model" | "emit:update:modelValue" | "haveLayout"> & import("@omnia/fx/ux").VNodeEvents) => any;
14
16
  export default _default;
@@ -5,8 +5,8 @@ import { type SwitchValue } from "./JourneyBlade";
5
5
  declare const defaultItems: any[];
6
6
  export type JourneyMenuProps = DefineProp<"getApi", (store: ReturnType<typeof useJourneyStore>) => void, false, null, "callback to get a reference to the journey store. The store is used to navigate the journey blades."> & DefineProp<"title", string, false, null, "Specify the title of the blade."> & DefineProp<"id", guid, false, null, "The id of the blade. Used to identify the blade in the journey store."> & DefineProp<"save", boolean, false, false, "Specify if the blade should show a save button. If a save button is shown, a cancel button will also be shown."> & DefineProp<"switch", SwitchValue, false, null, "Specify if the blade should show switch."> & DefineProp<"onSave", () => boolean | Promise<boolean>, false, null, "Trigger when user click save, return true if ok to close the blade."> & DefineProp<"onSwitch", (value: boolean) => boolean | Promise<boolean>, false, null, "Trigger when user toggle switch, return true if ok to close the blade."> & DefineProp<"icon", IIcon, false, null, "Specify an icon for the blade header. This should be used to hightlight the blade type such as create blades, edit blades etc."> & DefineProp<"size", BladeSizeTypes, false, "x-small", "Specify the size of the blade. Small will show the header buttons as icons."> & DefineProp<"loading", boolean, false, false, "Displays linear progress bar."> & DefineProp<"items", JourneyMenuItem[], false, typeof defaultItems, "An array of menu items used for automatically generating menu items"> & DefineSlot<"selection", (selected: JourneyMenuItem) => VNodeChild, "Custom renderer selected node."> & DefineSlot<"actionsFooter", () => VNodeChild> & DefineEmit<"itemSelected", (item: JourneyMenuItem) => true> & DefineEmit<"valueChanged", (item: JourneySwitchMenuItem) => true>;
7
7
  declare const _default: (props: import("@omnia/fx/ux").ExtractProps<JourneyMenuProps> & {
8
- onItemSelected?: (item: JourneyMenuItem) => any;
9
8
  onValueChanged?: (item: JourneySwitchMenuItem) => any;
9
+ onItemSelected?: (item: JourneyMenuItem) => any;
10
10
  } & {
11
11
  "v-slots"?: {
12
12
  selection?: (selected: JourneyMenuItem) => VNodeChild;
@@ -14,5 +14,5 @@ declare const _default: (props: import("@omnia/fx/ux").ExtractProps<JourneyMenuP
14
14
  } & Omit<{
15
15
  default?: import("vue").Slot;
16
16
  }, "selection" | "actionsFooter">;
17
- } & {} & Omit<import("@omnia/fx/ux").VueComponentBaseProps, "title" | "switch" | "icon" | "size" | "id" | "items" | "loading" | "save" | "getApi" | "onSave" | "onSwitch" | "slot:actionsFooter" | "slot:selection" | "emit:itemSelected" | "emit:valueChanged"> & import("@omnia/fx/ux").VNodeEvents) => any;
17
+ } & {} & Omit<import("@omnia/fx/ux").VueComponentBaseProps, "title" | "switch" | "icon" | "size" | "id" | "items" | "loading" | "save" | "getApi" | "onSave" | "onSwitch" | "slot:actionsFooter" | "emit:valueChanged" | "slot:selection" | "emit:itemSelected"> & import("@omnia/fx/ux").VNodeEvents) => any;
18
18
  export default _default;
@@ -1,6 +1,7 @@
1
1
  import { DefineEmit, DefineProp, DefinePropTheming, DefineSlot, DefineVModel, JourneySelectItem, JourneySelectPropertyMapping, useJourneySelectStore } from "@omnia/fx/ux";
2
2
  import { VNodeChild } from "vue";
3
- type BaseProps<TItem> = DefinePropTheming & DefineVModel<"", Array<any> | any> & DefineProp<"getApi", (store: ReturnType<typeof useJourneySelectStore>) => void, false, null, "callback to get a reference to the store"> & DefineProp<"items", Array<TItem>, false, null, "Items to select from"> & DefineProp<"toned", boolean, false, null, "Sets the component to toned"> & DefineProp<"multiple", boolean, false, null, "If it is allowed to select multiple or single"> & DefineProp<"propertyValueMapping", JourneySelectPropertyMapping, false, null, "Property value mappings"> & DefineProp<"returnSelectionAsObject", boolean, false, null, "Changes the selection behavior to return the object directly rather than the value specified with item-value"> & DefineProp<"label", string, null, null, "The label of the component"> & DefineProp<"labelAdd", string, null, null, "The add label of the component"> & DefineProp<"titleAdd", string, null, null, "The add title of the add blade"> & DefineProp<"titleEdit", string, null, null, "The edit title of the edit blade"> & DefineProp<"disableSearch", boolean, false, null, "Disables the automatic search"> & DefineProp<"disableSave", boolean, false, null, "If it is allowed save"> & DefineProp<"sortable", boolean, false, null, "If it is allowed to sort"> & DefineProp<"readonly", boolean, false, null, "Disable add and delete"> & DefineProp<"list", boolean, false, null, "Always render the items as a list"> & DefineProp<"confirmDelete", boolean, false, null, "If you confirm before delete from the items"> & DefineProp<"noAddConfirm", boolean, false, null, "If items are added without a save button"> & DefineProp<"bladeless", boolean, false, null, "If add/edit is not a blade and only fires events"> & DefineSlot<"selectionItemRender", (item: JourneySelectItem<any>, index: number, isSelected: boolean) => VNodeChild> & DefineSlot<"selectionRender", () => VNodeChild> & DefineSlot<"selectedItemRenderer", (item: JourneySelectItem<any>, index: number) => VNodeChild> & DefineSlot<"settingsRender", (item: any, index: number) => VNodeChild> & DefineSlot<"actions", () => VNodeChild> & DefineEmit<"showAdd", () => true> & DefineEmit<"showEdit", (item: TItem, index: number) => true> & DefineEmit<"search", (searchText: string) => true> & DefineEmit<"click:clear", () => true> & DefineEmit<"click:add", (item: Array<TItem> | TItem) => true> & DefineEmit<"click:update", (item: TItem, index: number) => true> & DefineEmit<"click:delete", (item: TItem, index: number) => true>;
3
+ import { ActionDefinition } from "@omnia/fx-models";
4
+ type BaseProps<TItem> = DefinePropTheming & DefineVModel<"", Array<any> | any> & DefineProp<"getApi", (store: ReturnType<typeof useJourneySelectStore>) => void, false, null, "callback to get a reference to the store"> & DefineProp<"items", Array<TItem>, false, null, "Items to select from"> & DefineProp<"toned", boolean, false, null, "Sets the component to toned"> & DefineProp<"multiple", boolean, false, null, "If it is allowed to select multiple or single"> & DefineProp<"propertyValueMapping", JourneySelectPropertyMapping, false, null, "Property value mappings"> & DefineProp<"returnSelectionAsObject", boolean, false, null, "Changes the selection behavior to return the object directly rather than the value specified with item-value"> & DefineProp<"label", string, null, null, "The label of the component"> & DefineProp<"labelAdd", string, null, null, "The add label of the component"> & DefineProp<"titleAdd", string, null, null, "The add title of the add blade"> & DefineProp<"titleEdit", string, null, null, "The edit title of the edit blade"> & DefineProp<"disableSearch", boolean, false, null, "Disables the automatic search"> & DefineProp<"disableSave", boolean, false, null, "If it is allowed save"> & DefineProp<"sortable", boolean, false, null, "If it is allowed to sort"> & DefineProp<"readonly", boolean, false, null, "Disable add and delete"> & DefineProp<"list", boolean, false, null, "Always render the items as a list"> & DefineProp<"confirmDelete", boolean, false, null, "If you confirm before delete from the items"> & DefineProp<"noAddConfirm", boolean, false, null, "If items are added without a save button"> & DefineProp<"bladeless", boolean, false, null, "If add/edit is not a blade and only fires events"> & DefineProp<"actions", ActionDefinition[], false, null, "Actions to display in the blade header"> & DefineSlot<"selectionItemRender", (item: JourneySelectItem<any>, index: number, isSelected: boolean) => VNodeChild> & DefineSlot<"selectionRender", () => VNodeChild> & DefineSlot<"selectedItemRenderer", (item: JourneySelectItem<any>, index: number) => VNodeChild> & DefineSlot<"settingsRender", (item: any, index: number) => VNodeChild> & DefineSlot<"actions", () => VNodeChild> & DefineEmit<"showAdd", () => true> & DefineEmit<"showEdit", (item: TItem, index: number) => true> & DefineEmit<"search", (searchText: string) => true> & DefineEmit<"click:clear", () => true> & DefineEmit<"click:add", (item: Array<TItem> | TItem) => true> & DefineEmit<"click:update", (item: TItem, index: number) => true> & DefineEmit<"click:delete", (item: TItem, index: number) => true>;
4
5
  declare const _default: (props: import("@omnia/fx/ux").ExtractProps<BaseProps<any>> & {
5
6
  "onUpdate:modelValue"?: (value: any) => any;
6
7
  "onClick:clear"?: () => any;
@@ -20,5 +21,5 @@ declare const _default: (props: import("@omnia/fx/ux").ExtractProps<BaseProps<an
20
21
  } & Omit<{
21
22
  default?: import("vue").Slot;
22
23
  }, "actions" | "selectionItemRender" | "selectionRender" | "selectedItemRenderer" | "settingsRender">;
23
- } & {} & Omit<import("@omnia/fx/ux").VueComponentBaseProps, "label" | "list" | "multiple" | "colorSchemaType" | "modelValue" | "items" | "readonly" | "slot:actions" | "colors" | "v-model" | "toned" | "emit:update:modelValue" | "getApi" | "emit:click:add" | "emit:search" | "emit:click:clear" | "emit:click:delete" | "sortable" | "disableSave" | "propertyValueMapping" | "returnSelectionAsObject" | "labelAdd" | "titleAdd" | "titleEdit" | "disableSearch" | "confirmDelete" | "noAddConfirm" | "bladeless" | "slot:selectionItemRender" | "slot:selectionRender" | "slot:selectedItemRenderer" | "slot:settingsRender" | "emit:showAdd" | "emit:showEdit" | "emit:click:update"> & import("@omnia/fx/ux").VNodeEvents) => any;
24
+ } & {} & Omit<import("@omnia/fx/ux").VueComponentBaseProps, "actions" | "label" | "list" | "multiple" | "colorSchemaType" | "modelValue" | "items" | "readonly" | "slot:actions" | "colors" | "v-model" | "toned" | "emit:update:modelValue" | "getApi" | "emit:click:add" | "emit:search" | "emit:click:clear" | "emit:click:delete" | "sortable" | "disableSave" | "propertyValueMapping" | "returnSelectionAsObject" | "labelAdd" | "titleAdd" | "titleEdit" | "disableSearch" | "confirmDelete" | "noAddConfirm" | "bladeless" | "slot:selectionItemRender" | "slot:selectionRender" | "slot:selectedItemRenderer" | "slot:settingsRender" | "emit:showAdd" | "emit:showEdit" | "emit:click:update"> & import("@omnia/fx/ux").VNodeEvents) => any;
24
25
  export default _default;
@@ -1,4 +1,4 @@
1
- import { guid, MenuState } from "@omnia/fx-models";
1
+ import { ActionDefinition, guid, MenuState } from "@omnia/fx-models";
2
2
  import { VNodeChild } from "vue";
3
3
  import { JourneySelectItem, JourneySelectPropertyMapping } from "@omnia/fx/ux";
4
4
  export declare const useJourneySelectStore: () => {
@@ -69,6 +69,7 @@ export declare const useJourneySelectStore: () => {
69
69
  returnSelectionAsObject: boolean;
70
70
  propertyValueMapping: JourneySelectPropertyMapping;
71
71
  };
72
+ bladeActions: ActionDefinition[];
72
73
  };
73
74
  events: import("@omnia/fx/stores").StoreEvents<{
74
75
  searchText: string;
@@ -104,6 +105,7 @@ export declare const useJourneySelectStore: () => {
104
105
  returnSelectionAsObject: boolean;
105
106
  propertyValueMapping: JourneySelectPropertyMapping;
106
107
  };
108
+ bladeActions: ActionDefinition[];
107
109
  }, Record<string, import("@omnia/fx-models").IMessageBusTopicPublishSubscriber<any>>>;
108
110
  actions: import("@omnia/fx/stores").StoreReturnDefineAction<{
109
111
  translateToSelectItem: (item: any) => JourneySelectItem<any>;
@@ -1,4 +1,4 @@
1
- import { ActionDefinition, Spacing, SpacingValue } from "@omnia/fx-models";
1
+ import { ActionDefinition, ActionSwitchDefinition, Spacing, SpacingValue } from "@omnia/fx-models";
2
2
  import { DefineEmit, DefineSlot } from "@omnia/fx/ux";
3
3
  import { VNodeChild } from "vue";
4
4
  declare const _default: (props: import("@omnia/fx/ux").ExtractProps<{
@@ -7,8 +7,9 @@ declare const _default: (props: import("@omnia/fx/ux").ExtractProps<{
7
7
  padding?: SpacingValue | Spacing;
8
8
  } & {
9
9
  gapX?: SpacingValue;
10
- } & DefineEmit<"click:item", (item: ActionDefinition, index: number) => void, "Emits when an item is clicked"> & DefineSlot<"item", (item: ActionDefinition, index: number) => VNodeChild> & DefineSlot<"menuItem", (item: ActionDefinition, index: number) => VNodeChild>> & {
10
+ } & DefineEmit<"click:item", (item: ActionDefinition, index: number) => void, "Emits when an item is clicked"> & DefineEmit<"valueChanged", (item: ActionSwitchDefinition) => true> & DefineSlot<"item", (item: ActionDefinition, index: number) => VNodeChild> & DefineSlot<"menuItem", (item: ActionDefinition, index: number) => VNodeChild>> & {
11
11
  "onClick:item"?: (item: ActionDefinition, index: number) => any;
12
+ onValueChanged?: (item: ActionSwitchDefinition) => any;
12
13
  } & {
13
14
  "v-slots"?: {
14
15
  item?: (item: ActionDefinition, index: number) => VNodeChild;
@@ -16,5 +17,5 @@ declare const _default: (props: import("@omnia/fx/ux").ExtractProps<{
16
17
  } & Omit<{
17
18
  default?: import("vue").Slot;
18
19
  }, "item" | "menuItem">;
19
- } & {} & Omit<import("@omnia/fx/ux").VueComponentBaseProps, "padding" | "items" | "slot:item" | "gapX" | "emit:click:item" | "slot:menuItem"> & import("@omnia/fx/ux").VNodeEvents) => any;
20
+ } & {} & Omit<import("@omnia/fx/ux").VueComponentBaseProps, "padding" | "items" | "slot:item" | "gapX" | "emit:click:item" | "emit:valueChanged" | "slot:menuItem"> & import("@omnia/fx/ux").VNodeEvents) => any;
20
21
  export default _default;
@@ -0,0 +1,23 @@
1
+ import { ActionDefinition, Spacing, SpacingValue } from "@omnia/fx-models";
2
+ import { Vue } from "@omnia/fx/ux";
3
+ interface ActionWidthDefinition {
4
+ width: number;
5
+ key: string;
6
+ }
7
+ export declare const useActionMenuStore: () => {
8
+ state: {
9
+ buttonWidths: ActionWidthDefinition[];
10
+ containerWidth: number;
11
+ allActions: ActionDefinition[];
12
+ switchesElement: Record<string, Vue>;
13
+ };
14
+ actions: import("@omnia/fx/stores").StoreReturnDefineAction<{
15
+ loadActions: (items: ActionDefinition[]) => void;
16
+ calculateActionWidths: (buttons: HTMLElement[]) => void;
17
+ calculateVisibleActions: (padding?: Spacing | SpacingValue, gapX?: SpacingValue | number) => ActionDefinition[];
18
+ calculateOverflowActions: (visibleActions: ActionDefinition[]) => ActionDefinition[];
19
+ }>;
20
+ } & {
21
+ dispose?: () => void;
22
+ };
23
+ export {};
@@ -1,9 +1,9 @@
1
1
  import { DefineEmit, DefineProp, DefineSlot, DefineVModel } from "@omnia/fx/ux";
2
- import { InputBlueprint, MenuState } from "@omnia/fx/models";
2
+ import { ActionDefinition, InputBlueprint, MenuState } from "@omnia/fx/models";
3
3
  import { VNodeChild } from "vue";
4
4
  import { PickerVariant } from "./models/SharedSettings";
5
5
  import { usePickerStore } from "./stores/PickerStore";
6
- type PickerProps = DefineVModel<"", MenuState> & DefineProp<"getApi", (store: ReturnType<typeof usePickerStore>) => void, false, null, "callback to get a reference to the store"> & DefineProp<"class", String | String[]> & DefineProp<"variant", PickerVariant, false, "dropdown"> & DefineProp<"label", string, false, null, "Sets the label of the component."> & DefineProp<"text", string, false, null, "Sets the text of the component."> & DefineProp<"blueprint", InputBlueprint, false, null, "Sets a custom blueprint for the control."> & DefineProp<"disabled", boolean, false, null, "Sets the component to disabled"> & DefineProp<"toned", boolean, false, null, "Sets the component to disabled"> & DefineProp<"visibleOnContentClick", boolean, false, null, "Sets the component to disabled"> & DefineProp<"grid", boolean, false, null, "Sets the component to disabled"> & DefineProp<"disabled", boolean, false, null, "Sets the component to disabled"> & DefineProp<"clearable", boolean, false, null, "If a clear icon can be shown"> & DefineProp<"searchable", boolean, null, null, "A search box is displayed with the text value"> & DefineProp<"maxHeight", number, null, null, "Limit the max height of the dropdown"> & DefineProp<"isLoading", boolean, false, null, "Displays a loading indicator"> & DefineProp<"hasSelection", boolean | any, false, null, "If the component has selection or not. If true it will render the selection slot"> & DefineProp<"placeholder", string, false, null, "Sets the placeholder of the component. The placeholder is shown if there is no selection and displays select if empty"> & DefineProp<"toned", boolean, false, null, "Sets the component to disabled"> & DefineEmit<"search", (searchText: string) => true> & DefineEmit<"click:clear", () => void> & DefineSlot<"activator", () => VNodeChild> & DefineSlot<"selectedItemRenderer", () => VNodeChild> & DefineSlot<"actions", () => VNodeChild>;
6
+ type PickerProps = DefineVModel<"", MenuState> & DefineProp<"getApi", (store: ReturnType<typeof usePickerStore>) => void, false, null, "callback to get a reference to the store"> & DefineProp<"class", String | String[]> & DefineProp<"variant", PickerVariant, false, "dropdown"> & DefineProp<"label", string, false, null, "Sets the label of the component."> & DefineProp<"text", string, false, null, "Sets the text of the component."> & DefineProp<"blueprint", InputBlueprint, false, null, "Sets a custom blueprint for the control."> & DefineProp<"disabled", boolean, false, null, "Sets the component to disabled"> & DefineProp<"toned", boolean, false, null, "Sets the component to disabled"> & DefineProp<"visibleOnContentClick", boolean, false, null, "Sets the component to disabled"> & DefineProp<"grid", boolean, false, null, "Sets the component to disabled"> & DefineProp<"disabled", boolean, false, null, "Sets the component to disabled"> & DefineProp<"clearable", boolean, false, null, "If a clear icon can be shown"> & DefineProp<"searchable", boolean, null, null, "A search box is displayed with the text value"> & DefineProp<"maxHeight", number, null, null, "Limit the max height of the dropdown"> & DefineProp<"isLoading", boolean, false, null, "Displays a loading indicator"> & DefineProp<"hasSelection", boolean | any, false, null, "If the component has selection or not. If true it will render the selection slot"> & DefineProp<"placeholder", string, false, null, "Sets the placeholder of the component. The placeholder is shown if there is no selection and displays select if empty"> & DefineProp<"toned", boolean, false, null, "Sets the component to disabled"> & DefineProp<"actions", ActionDefinition[], false, null, "Actions to be showns on the blade header"> & DefineEmit<"search", (searchText: string) => true> & DefineEmit<"click:clear", () => void> & DefineSlot<"activator", () => VNodeChild> & DefineSlot<"selectedItemRenderer", () => VNodeChild> & DefineSlot<"actions", () => VNodeChild>;
7
7
  declare const _default: (props: import("@omnia/fx/ux").ExtractProps<PickerProps> & {
8
8
  "onUpdate:modelValue"?: (value: MenuState) => any;
9
9
  "onClick:clear"?: () => any;
@@ -16,5 +16,5 @@ declare const _default: (props: import("@omnia/fx/ux").ExtractProps<PickerProps>
16
16
  } & Omit<{
17
17
  default?: import("vue").Slot;
18
18
  }, "actions" | "activator" | "selectedItemRenderer">;
19
- } & {} & Omit<import("@omnia/fx/ux").VueComponentBaseProps, "text" | "blueprint" | "grid" | "maxHeight" | "variant" | "class" | "label" | "disabled" | "modelValue" | "slot:actions" | "v-model" | "toned" | "placeholder" | "emit:update:modelValue" | "slot:activator" | "getApi" | "searchable" | "emit:search" | "emit:click:clear" | "clearable" | "visibleOnContentClick" | "isLoading" | "slot:selectedItemRenderer" | "hasSelection"> & import("@omnia/fx/ux").VNodeEvents) => any;
19
+ } & {} & Omit<import("@omnia/fx/ux").VueComponentBaseProps, "text" | "blueprint" | "grid" | "maxHeight" | "actions" | "variant" | "class" | "label" | "disabled" | "modelValue" | "slot:actions" | "v-model" | "toned" | "placeholder" | "emit:update:modelValue" | "slot:activator" | "getApi" | "searchable" | "emit:search" | "emit:click:clear" | "clearable" | "visibleOnContentClick" | "isLoading" | "slot:selectedItemRenderer" | "hasSelection"> & import("@omnia/fx/ux").VNodeEvents) => any;
20
20
  export default _default;
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@omnia/fx",
3
3
  "license": "MIT",
4
- "version": "8.0.391-dev",
4
+ "version": "8.0.392-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.391-dev",
23
+ "@omnia/fx-models": "8.0.392-dev",
24
24
  "@microsoft/signalr": "6.0.1",
25
25
  "broadcast-channel": "4.8.0",
26
26
  "dayjs": "1.11.7",