@omnia/fx 8.0.254-dev → 8.0.255-dev

Sign up to get free protection for your applications and to get access to all the features.
Files changed (21) hide show
  1. package/internal-do-not-import-from-here/stores/oxide/ComponentHostStore.d.ts +6 -6
  2. package/internal-do-not-import-from-here/ux/DefineVueTypings.d.ts +2 -2
  3. package/internal-do-not-import-from-here/ux/appprovisioning/appinstanceeditingjourney/EditProperiesBlade.d.ts +1 -1
  4. package/internal-do-not-import-from-here/ux/aurora/components/colorschemapicker/ColorSchemaViewer.d.ts +6 -6
  5. package/internal-do-not-import-from-here/ux/oxide/appbar/Appbar.d.ts +1 -1
  6. package/internal-do-not-import-from-here/ux/oxide/btn/Button.d.ts +12 -12
  7. package/internal-do-not-import-from-here/ux/oxide/datatable/DataTable.d.ts +4 -3
  8. package/internal-do-not-import-from-here/ux/oxide/dialog/Dialog.d.ts +12 -12
  9. package/internal-do-not-import-from-here/ux/oxide/hostprovider/HostProvider.d.ts +5 -5
  10. package/internal-do-not-import-from-here/ux/oxide/list/List.d.ts +1 -1
  11. package/internal-do-not-import-from-here/ux/oxide/menu/Menu.d.ts +1 -1
  12. package/internal-do-not-import-from-here/ux/oxide/navigationdrawer/NavigationDrawer.d.ts +1 -1
  13. package/internal-do-not-import-from-here/ux/oxide/panel/Panel.d.ts +6 -6
  14. package/internal-do-not-import-from-here/ux/oxide/rating/docs/ExampleComponents.d.ts +1 -0
  15. package/internal-do-not-import-from-here/ux/oxide/rating/docs/SampleComponent.d.ts +2 -0
  16. package/internal-do-not-import-from-here/ux/oxide/rating/docs/index.d.ts +1 -0
  17. package/internal-do-not-import-from-here/ux/oxide/scrollcontainer/ScrollContainer.d.ts +1 -1
  18. package/internal-do-not-import-from-here/ux/oxide/select/Select.d.ts +8 -59
  19. package/internal-do-not-import-from-here/ux/oxide/tab/Tabs.d.ts +1 -1
  20. package/internal-do-not-import-from-here/ux/oxide/toolbar/Toolbar.d.ts +7 -7
  21. package/package.json +2 -2
@@ -14,14 +14,14 @@ export interface NewHostSettings {
14
14
  export declare const useCompontentHostStore: () => {
15
15
  state: {
16
16
  host: "admin" | "editor" | "docs";
17
- componentHost: "toolbar" | "tab" | "menu" | "dialog" | "table" | "chip" | "drawer" | "blade" | "expansion-panel" | "app" | "appbar" | "tab-vertical" | "panel" | "omfx";
17
+ componentHost: "toolbar" | "tab" | "menu" | "dialog" | "table" | "chip" | "app" | "tab-vertical" | "drawer" | "blade" | "expansion-panel" | "appbar" | "panel" | "omfx";
18
18
  componentVariant: "toolbar" | "navigation" | "default" | "section" | "content" | "footer" | "header" | "options" | "settings" | "info-section";
19
19
  appliedComponents: string[];
20
20
  force: boolean;
21
21
  };
22
22
  events: {
23
23
  onMutatedHost: import("internal/fx/core").MessageBusExposeOnlySubscription<"admin" | "editor" | "docs">;
24
- onMutatedComponentHost: import("internal/fx/core").MessageBusExposeOnlySubscription<"toolbar" | "tab" | "menu" | "dialog" | "table" | "chip" | "drawer" | "blade" | "expansion-panel" | "app" | "appbar" | "tab-vertical" | "panel" | "omfx">;
24
+ onMutatedComponentHost: import("internal/fx/core").MessageBusExposeOnlySubscription<"toolbar" | "tab" | "menu" | "dialog" | "table" | "chip" | "app" | "tab-vertical" | "drawer" | "blade" | "expansion-panel" | "appbar" | "panel" | "omfx">;
25
25
  onMutatedComponentVariant: import("internal/fx/core").MessageBusExposeOnlySubscription<"toolbar" | "navigation" | "default" | "section" | "content" | "footer" | "header" | "options" | "settings" | "info-section">;
26
26
  onMutatedAppliedComponents: import("internal/fx/core").MessageBusExposeOnlySubscription<string[]>;
27
27
  onMutatedForce: import("internal/fx/core").MessageBusExposeOnlySubscription<boolean>;
@@ -35,7 +35,7 @@ export declare const useCompontentHostStore: () => {
35
35
  subscribe(fn: (type: "admin" | "editor" | "docs") => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
36
36
  };
37
37
  setComponentHost: {
38
- subscribe(fn: (type: "toolbar" | "tab" | "menu" | "dialog" | "table" | "chip" | "drawer" | "blade" | "expansion-panel" | "app" | "appbar" | "tab-vertical" | "panel" | "omfx") => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
38
+ subscribe(fn: (type: "toolbar" | "tab" | "menu" | "dialog" | "table" | "chip" | "app" | "tab-vertical" | "drawer" | "blade" | "expansion-panel" | "appbar" | "panel" | "omfx") => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
39
39
  };
40
40
  setComponentVariant: {
41
41
  subscribe(fn: (variant: "toolbar" | "navigation" | "default" | "section" | "content" | "footer" | "header" | "options" | "settings" | "info-section") => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
@@ -55,7 +55,7 @@ export declare const useCompontentHostStore: () => {
55
55
  subscribe(fn: (result: void, type: "admin" | "editor" | "docs") => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
56
56
  };
57
57
  setComponentHost: {
58
- subscribe(fn: (result: void, type: "toolbar" | "tab" | "menu" | "dialog" | "table" | "chip" | "drawer" | "blade" | "expansion-panel" | "app" | "appbar" | "tab-vertical" | "panel" | "omfx") => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
58
+ subscribe(fn: (result: void, type: "toolbar" | "tab" | "menu" | "dialog" | "table" | "chip" | "app" | "tab-vertical" | "drawer" | "blade" | "expansion-panel" | "appbar" | "panel" | "omfx") => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
59
59
  };
60
60
  setComponentVariant: {
61
61
  subscribe(fn: (result: void, variant: "toolbar" | "navigation" | "default" | "section" | "content" | "footer" | "header" | "options" | "settings" | "info-section") => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
@@ -75,7 +75,7 @@ export declare const useCompontentHostStore: () => {
75
75
  subscribe(fn: (failureReason: any, type: "admin" | "editor" | "docs") => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
76
76
  };
77
77
  setComponentHost: {
78
- subscribe(fn: (failureReason: any, type: "toolbar" | "tab" | "menu" | "dialog" | "table" | "chip" | "drawer" | "blade" | "expansion-panel" | "app" | "appbar" | "tab-vertical" | "panel" | "omfx") => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
78
+ subscribe(fn: (failureReason: any, type: "toolbar" | "tab" | "menu" | "dialog" | "table" | "chip" | "app" | "tab-vertical" | "drawer" | "blade" | "expansion-panel" | "appbar" | "panel" | "omfx") => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
79
79
  };
80
80
  setComponentVariant: {
81
81
  subscribe(fn: (failureReason: any, variant: "toolbar" | "navigation" | "default" | "section" | "content" | "footer" | "header" | "options" | "settings" | "info-section") => void): import("@omnia/fx-models").IMessageBusSubscriptionHandler;
@@ -98,7 +98,7 @@ export declare const useCompontentHostStore: () => {
98
98
  get: {
99
99
  canApplyOn: (hostType: ComponentHostTypes | HostTypes, variant?: any) => boolean;
100
100
  readonly host: "admin" | "editor" | "docs";
101
- readonly componentHost: "toolbar" | "tab" | "menu" | "dialog" | "table" | "chip" | "drawer" | "blade" | "expansion-panel" | "app" | "appbar" | "tab-vertical" | "panel" | "omfx";
101
+ readonly componentHost: "toolbar" | "tab" | "menu" | "dialog" | "table" | "chip" | "app" | "tab-vertical" | "drawer" | "blade" | "expansion-panel" | "appbar" | "panel" | "omfx";
102
102
  readonly componentVariant: "toolbar" | "navigation" | "default" | "section" | "content" | "footer" | "header" | "options" | "settings" | "info-section";
103
103
  readonly force: boolean;
104
104
  appliedComponents(host: string): boolean;
@@ -1,5 +1,5 @@
1
1
  import { Prop, PropType, VNodeChild } from "vue";
2
- import { ColorSchemaType, ColorSchemaTypes, guid } from "@omnia/fx-models";
2
+ import { ColorSchemaType, ColorSchemaTypes } from "@omnia/fx-models";
3
3
  import { ColorSchemaStoreType } from "./aurora";
4
4
  export type Slot<T extends any[] = any[]> = (...args: T) => VNodeChild;
5
5
  export type VModelKeyNameInJsxElement<N extends string> = N extends "" ? "v-model" : `v-model:${N}`;
@@ -30,7 +30,7 @@ export type DefineVModel<TName extends string, TType, Required extends boolean =
30
30
  } & {
31
31
  [key in VModelKeyNameInProps<TName>]: TType;
32
32
  };
33
- export type ItemValueType<T> = string | ((item: T) => string | guid | number | Object);
33
+ export type ItemValueType<T, TReturn = any> = keyof T | ((item: T) => TReturn);
34
34
  export type ItemType<T> = T extends readonly (infer U)[] ? U : never;
35
35
  export type SelectItemKey<T = Record<string, any>> = boolean | null | undefined | string | readonly (string | number)[] | ((item: T, fallback?: any) => any);
36
36
  export type DefinePropTheming = DefineProp<"colorSchemaType", ColorSchemaTypes | ColorSchemaType> & DefineProp<"container", boolean> & DefineProp<"colors", ColorSchemaStoreType>;
@@ -106,8 +106,8 @@ declare const _default: {
106
106
  }, string, {}, {}, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & {
107
107
  propsDefinition: Omit<Readonly<{} & {
108
108
  content?: JSX.Element;
109
- onSave?: (appInstance: AppInstance) => Promise<void>;
110
109
  next?: (appInstance: AppInstance) => Promise<void>;
110
+ onSave?: (appInstance: AppInstance) => Promise<void>;
111
111
  appInstance?: AppInstance;
112
112
  lastStep?: boolean;
113
113
  }>, "onDoc$" | "onCanceled" | "onCompleted"> & {
@@ -97,8 +97,8 @@ declare const _default: {
97
97
  required: boolean;
98
98
  };
99
99
  }>> & {
100
- "onClick:select"?: (schema: ColorSchema) => any;
101
100
  "onClick:close"?: () => any;
101
+ "onClick:select"?: (schema: ColorSchema) => any;
102
102
  }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
103
103
  "click:close": () => true;
104
104
  "click:select": (schema: ColorSchema) => true;
@@ -198,8 +198,8 @@ declare const _default: {
198
198
  required: boolean;
199
199
  };
200
200
  }>> & {
201
- "onClick:select"?: (schema: ColorSchema) => any;
202
201
  "onClick:close"?: () => any;
202
+ "onClick:select"?: (schema: ColorSchema) => any;
203
203
  }, {
204
204
  container: boolean;
205
205
  }, true, {}, {}, {
@@ -305,8 +305,8 @@ declare const _default: {
305
305
  required: boolean;
306
306
  };
307
307
  }>> & {
308
- "onClick:select"?: (schema: ColorSchema) => any;
309
308
  "onClick:close"?: () => any;
309
+ "onClick:select"?: (schema: ColorSchema) => any;
310
310
  }, () => JSX.Element, {}, {}, {}, {
311
311
  container: boolean;
312
312
  }>;
@@ -409,8 +409,8 @@ declare const _default: {
409
409
  required: boolean;
410
410
  };
411
411
  }>> & {
412
- "onClick:select"?: (schema: ColorSchema) => any;
413
412
  "onClick:close"?: () => any;
413
+ "onClick:select"?: (schema: ColorSchema) => any;
414
414
  }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
415
415
  "click:close": () => true;
416
416
  "click:select": (schema: ColorSchema) => true;
@@ -490,9 +490,9 @@ declare const _default: {
490
490
  variant?: Variant;
491
491
  selected?: boolean;
492
492
  closeIcon?: boolean;
493
- }>, "onClick:select" | "onClick:close"> & {
494
- "onClick:select"?: (schema: ColorSchema) => any;
493
+ }>, "onClick:close" | "onClick:select"> & {
495
494
  "onClick:close"?: () => any;
495
+ "onClick:select"?: (schema: ColorSchema) => any;
496
496
  };
497
497
  };
498
498
  export default _default;
@@ -254,8 +254,8 @@ declare const _default: {
254
254
  };
255
255
  variant?: "default" | "chrome" | "app";
256
256
  subTitle?: string;
257
- closable?: boolean;
258
257
  navigationExpanded?: boolean;
258
+ closable?: boolean;
259
259
  }>, "onClick:close" | "onClick:navigation"> & {
260
260
  "onClick:close"?: () => any;
261
261
  "onClick:navigation"?: () => any;
@@ -48,13 +48,13 @@ declare const _default: {
48
48
  type: import("vue").PropType<ButtonTooltipOptions>;
49
49
  };
50
50
  preset: {
51
- type: import("vue").PropType<"select" | "add" | "cancel" | "close" | "delete" | "details" | "confirm" | "settings" | "remove" | "ok" | "save" | "create" | "manage-list" | "icon-delete" | "icon-add" | "next" | "icon-navigate" | "icon-comment" | "icon-edit" | "icon-drag-handle" | "icon-copy" | "icon-code" | "icon-close" | "icon-back" | "icon-more" | "icon-preview" | "icon-settings" | "load-more" | "retry" | "approve" | "copy-to-clipboard" | "previous" | "view-more" | "send-request">;
51
+ type: import("vue").PropType<"select" | "add" | "cancel" | "close" | "delete" | "details" | "confirm" | "settings" | "remove" | "retry" | "create" | "ok" | "save" | "manage-list" | "icon-add" | "icon-comment" | "icon-delete" | "icon-edit" | "icon-drag-handle" | "icon-copy" | "icon-code" | "icon-close" | "icon-back" | "icon-more" | "icon-navigate" | "icon-preview" | "icon-settings" | "load-more" | "approve" | "copy-to-clipboard" | "next" | "previous" | "view-more" | "send-request">;
52
52
  };
53
53
  overrides: {
54
54
  type: import("vue").PropType<object>;
55
55
  };
56
56
  variant: {
57
- type: import("vue").PropType<"toolbar" | "primary" | "default" | "menu" | "opacity" | "overlay" | "slim" | "dial">;
57
+ type: import("vue").PropType<"toolbar" | "primary" | "default" | "menu" | "opacity" | "overlay" | "dial" | "slim">;
58
58
  };
59
59
  target: {
60
60
  type: import("vue").PropType<"_blank" | "_self" | "_parent" | "_top" | "framename">;
@@ -131,13 +131,13 @@ declare const _default: {
131
131
  type: import("vue").PropType<ButtonTooltipOptions>;
132
132
  };
133
133
  preset: {
134
- type: import("vue").PropType<"select" | "add" | "cancel" | "close" | "delete" | "details" | "confirm" | "settings" | "remove" | "ok" | "save" | "create" | "manage-list" | "icon-delete" | "icon-add" | "next" | "icon-navigate" | "icon-comment" | "icon-edit" | "icon-drag-handle" | "icon-copy" | "icon-code" | "icon-close" | "icon-back" | "icon-more" | "icon-preview" | "icon-settings" | "load-more" | "retry" | "approve" | "copy-to-clipboard" | "previous" | "view-more" | "send-request">;
134
+ type: import("vue").PropType<"select" | "add" | "cancel" | "close" | "delete" | "details" | "confirm" | "settings" | "remove" | "retry" | "create" | "ok" | "save" | "manage-list" | "icon-add" | "icon-comment" | "icon-delete" | "icon-edit" | "icon-drag-handle" | "icon-copy" | "icon-code" | "icon-close" | "icon-back" | "icon-more" | "icon-navigate" | "icon-preview" | "icon-settings" | "load-more" | "approve" | "copy-to-clipboard" | "next" | "previous" | "view-more" | "send-request">;
135
135
  };
136
136
  overrides: {
137
137
  type: import("vue").PropType<object>;
138
138
  };
139
139
  variant: {
140
- type: import("vue").PropType<"toolbar" | "primary" | "default" | "menu" | "opacity" | "overlay" | "slim" | "dial">;
140
+ type: import("vue").PropType<"toolbar" | "primary" | "default" | "menu" | "opacity" | "overlay" | "dial" | "slim">;
141
141
  };
142
142
  target: {
143
143
  type: import("vue").PropType<"_blank" | "_self" | "_parent" | "_top" | "framename">;
@@ -223,13 +223,13 @@ declare const _default: {
223
223
  type: import("vue").PropType<ButtonTooltipOptions>;
224
224
  };
225
225
  preset: {
226
- type: import("vue").PropType<"select" | "add" | "cancel" | "close" | "delete" | "details" | "confirm" | "settings" | "remove" | "ok" | "save" | "create" | "manage-list" | "icon-delete" | "icon-add" | "next" | "icon-navigate" | "icon-comment" | "icon-edit" | "icon-drag-handle" | "icon-copy" | "icon-code" | "icon-close" | "icon-back" | "icon-more" | "icon-preview" | "icon-settings" | "load-more" | "retry" | "approve" | "copy-to-clipboard" | "previous" | "view-more" | "send-request">;
226
+ type: import("vue").PropType<"select" | "add" | "cancel" | "close" | "delete" | "details" | "confirm" | "settings" | "remove" | "retry" | "create" | "ok" | "save" | "manage-list" | "icon-add" | "icon-comment" | "icon-delete" | "icon-edit" | "icon-drag-handle" | "icon-copy" | "icon-code" | "icon-close" | "icon-back" | "icon-more" | "icon-navigate" | "icon-preview" | "icon-settings" | "load-more" | "approve" | "copy-to-clipboard" | "next" | "previous" | "view-more" | "send-request">;
227
227
  };
228
228
  overrides: {
229
229
  type: import("vue").PropType<object>;
230
230
  };
231
231
  variant: {
232
- type: import("vue").PropType<"toolbar" | "primary" | "default" | "menu" | "opacity" | "overlay" | "slim" | "dial">;
232
+ type: import("vue").PropType<"toolbar" | "primary" | "default" | "menu" | "opacity" | "overlay" | "dial" | "slim">;
233
233
  };
234
234
  target: {
235
235
  type: import("vue").PropType<"_blank" | "_self" | "_parent" | "_top" | "framename">;
@@ -312,13 +312,13 @@ declare const _default: {
312
312
  type: import("vue").PropType<ButtonTooltipOptions>;
313
313
  };
314
314
  preset: {
315
- type: import("vue").PropType<"select" | "add" | "cancel" | "close" | "delete" | "details" | "confirm" | "settings" | "remove" | "ok" | "save" | "create" | "manage-list" | "icon-delete" | "icon-add" | "next" | "icon-navigate" | "icon-comment" | "icon-edit" | "icon-drag-handle" | "icon-copy" | "icon-code" | "icon-close" | "icon-back" | "icon-more" | "icon-preview" | "icon-settings" | "load-more" | "retry" | "approve" | "copy-to-clipboard" | "previous" | "view-more" | "send-request">;
315
+ type: import("vue").PropType<"select" | "add" | "cancel" | "close" | "delete" | "details" | "confirm" | "settings" | "remove" | "retry" | "create" | "ok" | "save" | "manage-list" | "icon-add" | "icon-comment" | "icon-delete" | "icon-edit" | "icon-drag-handle" | "icon-copy" | "icon-code" | "icon-close" | "icon-back" | "icon-more" | "icon-navigate" | "icon-preview" | "icon-settings" | "load-more" | "approve" | "copy-to-clipboard" | "next" | "previous" | "view-more" | "send-request">;
316
316
  };
317
317
  overrides: {
318
318
  type: import("vue").PropType<object>;
319
319
  };
320
320
  variant: {
321
- type: import("vue").PropType<"toolbar" | "primary" | "default" | "menu" | "opacity" | "overlay" | "slim" | "dial">;
321
+ type: import("vue").PropType<"toolbar" | "primary" | "default" | "menu" | "opacity" | "overlay" | "dial" | "slim">;
322
322
  };
323
323
  target: {
324
324
  type: import("vue").PropType<"_blank" | "_self" | "_parent" | "_top" | "framename">;
@@ -368,13 +368,13 @@ declare const _default: {
368
368
  colorSchemaType?: "background" | "primary" | "secondary" | import("@omnia/fx-models").ColorSchemaTypes | "accent1" | "accent2" | "accent3" | "accent4" | "accent5" | "neutral" | "warning" | "notification" | "error" | "info" | "success" | "dynamic";
369
369
  toned?: boolean;
370
370
  colors?: import("@omnia/fx/ux").ColorSchemaStoreType;
371
- variant?: "toolbar" | "primary" | "default" | "menu" | "opacity" | "overlay" | "slim" | "dial";
371
+ variant?: "toolbar" | "primary" | "default" | "menu" | "opacity" | "overlay" | "dial" | "slim";
372
+ grouped?: boolean;
372
373
  loading?: boolean;
373
- stacked?: boolean;
374
374
  overrides?: object;
375
- preset?: "select" | "add" | "cancel" | "close" | "delete" | "details" | "confirm" | "settings" | "remove" | "ok" | "save" | "create" | "manage-list" | "icon-delete" | "icon-add" | "next" | "icon-navigate" | "icon-comment" | "icon-edit" | "icon-drag-handle" | "icon-copy" | "icon-code" | "icon-close" | "icon-back" | "icon-more" | "icon-preview" | "icon-settings" | "load-more" | "retry" | "approve" | "copy-to-clipboard" | "previous" | "view-more" | "send-request";
376
- grouped?: boolean;
375
+ preset?: "select" | "add" | "cancel" | "close" | "delete" | "details" | "confirm" | "settings" | "remove" | "retry" | "create" | "ok" | "save" | "manage-list" | "icon-add" | "icon-comment" | "icon-delete" | "icon-edit" | "icon-drag-handle" | "icon-copy" | "icon-code" | "icon-close" | "icon-back" | "icon-more" | "icon-navigate" | "icon-preview" | "icon-settings" | "load-more" | "approve" | "copy-to-clipboard" | "next" | "previous" | "view-more" | "send-request";
377
376
  transparentHover?: boolean;
377
+ stacked?: boolean;
378
378
  disableBlueprint?: boolean;
379
379
  }>, never>;
380
380
  };
@@ -20,11 +20,12 @@ type VariantType<TVariant> = DefineProp<"variant", TVariant, false, null, "Appli
20
20
  type ItemsPerPageProp = DefineProp<"itemsPerPage", number, true, -1, "Changes how many items per page should be visible. If set a paging footer is displayed.">;
21
21
  type ShowLoadMoreProp = DefineProp<"showLoadMore", boolean, false, false, "Shows the button to fetch more data.">;
22
22
  type PageProp = DefineProp<"page", number, false, 1, "The current page.">;
23
- type SearchByProp<TItem> = DefineProp<"searchBy", string | string[] | ((item: TItem) => string | string[]), false, null, "Property on supplied items that contains its value to search.">;
23
+ type SearchByProp<TItem> = DefineProp<"searchBy", ItemValueType<TItem> | ItemValueType<TItem>[] | ((keyword: string, item: TItem) => boolean), false, null, "Property on supplied items that contains its value to search.">;
24
+ type ItemHeightProp = DefineProp<"itemHeight", string | number, false, null, "Height in pixels of each item to display.">;
24
25
  type ClientPaginationPageProps<TItem> = ItemsPerPageProp & PageProp & SearchByProp<TItem>;
25
- type ClientPaginationScrollProps<TItem> = ShowLoadMoreProp & SearchByProp<TItem>;
26
+ type ClientPaginationScrollProps<TItem> = ItemHeightProp & SearchByProp<TItem>;
26
27
  type ServerPaginationPageProps = ItemsPerPageProp & PageProp & DefineProp<"itemsLength", number, true, null, "Number of all items.">;
27
- type ServerPaginationScrollProps = ShowLoadMoreProp;
28
+ type ServerPaginationScrollProps = ShowLoadMoreProp & DefineEmit<"scroll:bottom", () => void>;
28
29
  type CellElement = (props: ConstructComponentProps<Pick<TdHTMLAttributes, "colspan" | "rowspan" | "headers">>) => any;
29
30
  type RowElement = (props: ConstructComponentProps<PublicDataTableRowProps>) => any;
30
31
  declare const defaultHeaders: DataTableHeader[];
@@ -27,7 +27,7 @@ declare const _default: {
27
27
  required: false;
28
28
  };
29
29
  variant: {
30
- type: import("vue").PropType<"default" | "confirm" | "ok-cancel" | "app" | "retry" | "save-cancel" | "create-cancel">;
30
+ type: import("vue").PropType<"default" | "confirm" | "create-cancel" | "save-cancel" | "ok-cancel" | "app" | "retry">;
31
31
  required: false;
32
32
  };
33
33
  size: {
@@ -96,9 +96,9 @@ declare const _default: {
96
96
  };
97
97
  }>> & {
98
98
  "onUpdate:modelValue"?: (value: boolean) => any;
99
+ "onClick:close"?: () => any;
99
100
  "onClick:cancel"?: () => any;
100
101
  "onClick:confirm"?: () => any;
101
- "onClick:close"?: () => any;
102
102
  }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
103
103
  "update:modelValue": (value: boolean) => true;
104
104
  "click:close": () => true;
@@ -125,7 +125,7 @@ declare const _default: {
125
125
  required: false;
126
126
  };
127
127
  variant: {
128
- type: import("vue").PropType<"default" | "confirm" | "ok-cancel" | "app" | "retry" | "save-cancel" | "create-cancel">;
128
+ type: import("vue").PropType<"default" | "confirm" | "create-cancel" | "save-cancel" | "ok-cancel" | "app" | "retry">;
129
129
  required: false;
130
130
  };
131
131
  size: {
@@ -194,9 +194,9 @@ declare const _default: {
194
194
  };
195
195
  }>> & {
196
196
  "onUpdate:modelValue"?: (value: boolean) => any;
197
+ "onClick:close"?: () => any;
197
198
  "onClick:cancel"?: () => any;
198
199
  "onClick:confirm"?: () => any;
199
- "onClick:close"?: () => any;
200
200
  }, {
201
201
  container: boolean;
202
202
  }, true, {}, {}, {
@@ -227,7 +227,7 @@ declare const _default: {
227
227
  required: false;
228
228
  };
229
229
  variant: {
230
- type: import("vue").PropType<"default" | "confirm" | "ok-cancel" | "app" | "retry" | "save-cancel" | "create-cancel">;
230
+ type: import("vue").PropType<"default" | "confirm" | "create-cancel" | "save-cancel" | "ok-cancel" | "app" | "retry">;
231
231
  required: false;
232
232
  };
233
233
  size: {
@@ -296,9 +296,9 @@ declare const _default: {
296
296
  };
297
297
  }>> & {
298
298
  "onUpdate:modelValue"?: (value: boolean) => any;
299
+ "onClick:close"?: () => any;
299
300
  "onClick:cancel"?: () => any;
300
301
  "onClick:confirm"?: () => any;
301
- "onClick:close"?: () => any;
302
302
  }, () => JSX.Element, {}, {}, {}, {
303
303
  container: boolean;
304
304
  }>;
@@ -326,7 +326,7 @@ declare const _default: {
326
326
  required: false;
327
327
  };
328
328
  variant: {
329
- type: import("vue").PropType<"default" | "confirm" | "ok-cancel" | "app" | "retry" | "save-cancel" | "create-cancel">;
329
+ type: import("vue").PropType<"default" | "confirm" | "create-cancel" | "save-cancel" | "ok-cancel" | "app" | "retry">;
330
330
  required: false;
331
331
  };
332
332
  size: {
@@ -395,9 +395,9 @@ declare const _default: {
395
395
  };
396
396
  }>> & {
397
397
  "onUpdate:modelValue"?: (value: boolean) => any;
398
+ "onClick:close"?: () => any;
398
399
  "onClick:cancel"?: () => any;
399
400
  "onClick:confirm"?: () => any;
400
- "onClick:close"?: () => any;
401
401
  }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
402
402
  "update:modelValue": (value: boolean) => true;
403
403
  "click:close": () => true;
@@ -429,21 +429,21 @@ declare const _default: {
429
429
  navigation?: SlotNavigationType;
430
430
  header?: Func<[VNodeChild]>;
431
431
  };
432
- variant?: "default" | "confirm" | "ok-cancel" | "app" | "retry" | "save-cancel" | "create-cancel";
433
- journey?: boolean;
432
+ variant?: "default" | "confirm" | "create-cancel" | "save-cancel" | "ok-cancel" | "app" | "retry";
434
433
  subTitle?: string;
435
434
  hiddenCloseButton?: boolean;
436
435
  backButton?: boolean;
437
436
  contentHeight?: "dynamic" | "static";
438
437
  customScrolling?: boolean;
439
438
  horizontalScroll?: boolean;
439
+ journey?: boolean;
440
440
  canClose?: (request: ODialogBuiltinButtons, buttonInstance: ODialogButtonInstance) => Future<void>;
441
441
  buttonApi?: (confirm: ODialogButtonInstance, cancel: ODialogButtonInstance) => void;
442
- }>, "onUpdate:modelValue" | "onClick:cancel" | "onClick:confirm" | "onClick:close"> & {
442
+ }>, "onUpdate:modelValue" | "onClick:close" | "onClick:cancel" | "onClick:confirm"> & {
443
443
  "onUpdate:modelValue"?: (value: boolean) => any;
444
+ "onClick:close"?: () => any;
444
445
  "onClick:cancel"?: () => any;
445
446
  "onClick:confirm"?: () => any;
446
- "onClick:close"?: () => any;
447
447
  };
448
448
  };
449
449
  export default _default;
@@ -7,7 +7,7 @@ declare const _default: {
7
7
  type: import("vue").PropType<"toolbar" | "navigation" | "default" | "section" | "content" | "footer" | "header" | "options" | "settings" | "info-section">;
8
8
  };
9
9
  componentHost: {
10
- type: import("vue").PropType<"toolbar" | "tab" | "menu" | "dialog" | "table" | "chip" | "drawer" | "blade" | "expansion-panel" | "app" | "appbar" | "tab-vertical" | "panel" | "omfx">;
10
+ type: import("vue").PropType<"toolbar" | "tab" | "menu" | "dialog" | "table" | "chip" | "app" | "tab-vertical" | "drawer" | "blade" | "expansion-panel" | "appbar" | "panel" | "omfx">;
11
11
  };
12
12
  host: {
13
13
  type: import("vue").PropType<"admin" | "editor" | "docs">;
@@ -22,7 +22,7 @@ declare const _default: {
22
22
  type: import("vue").PropType<"toolbar" | "navigation" | "default" | "section" | "content" | "footer" | "header" | "options" | "settings" | "info-section">;
23
23
  };
24
24
  componentHost: {
25
- type: import("vue").PropType<"toolbar" | "tab" | "menu" | "dialog" | "table" | "chip" | "drawer" | "blade" | "expansion-panel" | "app" | "appbar" | "tab-vertical" | "panel" | "omfx">;
25
+ type: import("vue").PropType<"toolbar" | "tab" | "menu" | "dialog" | "table" | "chip" | "app" | "tab-vertical" | "drawer" | "blade" | "expansion-panel" | "appbar" | "panel" | "omfx">;
26
26
  };
27
27
  host: {
28
28
  type: import("vue").PropType<"admin" | "editor" | "docs">;
@@ -42,7 +42,7 @@ declare const _default: {
42
42
  type: import("vue").PropType<"toolbar" | "navigation" | "default" | "section" | "content" | "footer" | "header" | "options" | "settings" | "info-section">;
43
43
  };
44
44
  componentHost: {
45
- type: import("vue").PropType<"toolbar" | "tab" | "menu" | "dialog" | "table" | "chip" | "drawer" | "blade" | "expansion-panel" | "app" | "appbar" | "tab-vertical" | "panel" | "omfx">;
45
+ type: import("vue").PropType<"toolbar" | "tab" | "menu" | "dialog" | "table" | "chip" | "app" | "tab-vertical" | "drawer" | "blade" | "expansion-panel" | "appbar" | "panel" | "omfx">;
46
46
  };
47
47
  host: {
48
48
  type: import("vue").PropType<"admin" | "editor" | "docs">;
@@ -61,7 +61,7 @@ declare const _default: {
61
61
  type: import("vue").PropType<"toolbar" | "navigation" | "default" | "section" | "content" | "footer" | "header" | "options" | "settings" | "info-section">;
62
62
  };
63
63
  componentHost: {
64
- type: import("vue").PropType<"toolbar" | "tab" | "menu" | "dialog" | "table" | "chip" | "drawer" | "blade" | "expansion-panel" | "app" | "appbar" | "tab-vertical" | "panel" | "omfx">;
64
+ type: import("vue").PropType<"toolbar" | "tab" | "menu" | "dialog" | "table" | "chip" | "app" | "tab-vertical" | "drawer" | "blade" | "expansion-panel" | "appbar" | "panel" | "omfx">;
65
65
  };
66
66
  host: {
67
67
  type: import("vue").PropType<"admin" | "editor" | "docs">;
@@ -72,8 +72,8 @@ declare const _default: {
72
72
  propsDefinition: Omit<Readonly<{} & {
73
73
  host?: "admin" | "editor" | "docs";
74
74
  variant?: "toolbar" | "navigation" | "default" | "section" | "content" | "footer" | "header" | "options" | "settings" | "info-section";
75
+ componentHost?: "toolbar" | "tab" | "menu" | "dialog" | "table" | "chip" | "app" | "tab-vertical" | "drawer" | "blade" | "expansion-panel" | "appbar" | "panel" | "omfx";
75
76
  force?: boolean;
76
- componentHost?: "toolbar" | "tab" | "menu" | "dialog" | "table" | "chip" | "drawer" | "blade" | "expansion-panel" | "app" | "appbar" | "tab-vertical" | "panel" | "omfx";
77
77
  }>, never>;
78
78
  };
79
79
  export default _default;
@@ -6,6 +6,6 @@ export interface IListItem<T> {
6
6
  index: number;
7
7
  Item: typeof o.list.item;
8
8
  }
9
- export type OListProps<T> = DefinePropTheming & DefineProp<"class", String | String[]> & DefineVModel<"", T[], false, null, true, "An array of strings or objects used for automatically generating children components."> & DefineProp<"lines", OListLineTypes, false, null, "Designates a minimum-height for all the children o-list-item components. THis props uses line-clamp."> & DefineProp<"nav", boolean, false, false, "An alternative styling that reduces o-list-item width and rounds the corners. Typically used with o-navigation-drawer."> & DefineProp<"toned", boolean, false, false> & DefineProp<"divider", boolean, false, false, "If true, each item will have a bottom divider"> & DefineProp<"variant", OListTypes, false, null, "Applies a distinct style to the component."> & DefineProp<"drag", boolean, false, false, "Enable draggable row."> & DefineProp<"navigation", boolean | ((item: T) => boolean), false, false, "The row navigation."> & DefineProp<"remove", boolean | ((item: T) => boolean), false, false, "Enable removable row."> & DefineProp<"itemValue", ItemValueType<T>, false, null, "Property on supplied items that contains its value."> & DefineSlot<"item", (item: IListItem<T>) => VNodeChild>;
9
+ export type OListProps<T> = DefinePropTheming & DefineProp<"class", String | String[]> & DefineVModel<"", T[], false, null, true, "An array of strings or objects used for automatically generating children components."> & DefineProp<"lines", OListLineTypes, false, null, "Designates a minimum-height for all the children o.list.item components. THis props uses line-clamp."> & DefineProp<"nav", boolean, false, false, "An alternative styling that reduces o.list.item width and rounds the corners. Typically used with o.navigation.drawer."> & DefineProp<"toned", boolean, false, false> & DefineProp<"divider", boolean, false, false, "If true, each item will have a bottom divider"> & DefineProp<"variant", OListTypes, false, null, "Applies a distinct style to the component."> & DefineProp<"drag", boolean, false, false, "Enable draggable row."> & DefineProp<"navigation", boolean | ((item: T) => boolean), false, false, "The row navigation."> & DefineProp<"remove", boolean | ((item: T) => boolean), false, false, "Enable removable row."> & DefineProp<"itemValue", ItemValueType<T>, false, null, "Property on supplied items that contains its value."> & DefineSlot<"item", (item: IListItem<T>) => VNodeChild>;
10
10
  declare const _default: <T extends unknown>(props: import("@omnia/fx/ux").ConstructComponentProps<OListProps<T>>) => any;
11
11
  export default _default;
@@ -343,8 +343,8 @@ declare const _default: {
343
343
  } & {
344
344
  activator?: () => VNodeChild;
345
345
  };
346
- location?: "left" | "right" | "top" | "start" | "center" | "end" | "bottom" | "center center" | "top start" | "top center" | "top end" | "bottom start" | "bottom end" | "start top" | "start bottom" | "end top" | "end bottom";
347
346
  activator?: string;
347
+ location?: "left" | "right" | "top" | "start" | "center" | "end" | "bottom" | "center center" | "top start" | "top center" | "top end" | "bottom start" | "bottom end" | "start top" | "start bottom" | "end top" | "end bottom";
348
348
  attach?: string | boolean | Element;
349
349
  closeDelay?: string | number;
350
350
  openOnHover?: boolean;
@@ -203,8 +203,8 @@ declare const _default: {
203
203
  "onUpdate:modelValue"?: (value: boolean) => any;
204
204
  modelValue?: boolean;
205
205
  variant?: "default" | "dialog" | "editor" | "app";
206
- location?: "left" | "right" | "top" | "start" | "end" | "bottom";
207
206
  overrides?: object;
207
+ location?: "left" | "right" | "top" | "start" | "end" | "bottom";
208
208
  customWidth?: number;
209
209
  }>, never>;
210
210
  };
@@ -27,7 +27,7 @@ declare const _default: {
27
27
  type: import("vue").PropType<boolean>;
28
28
  };
29
29
  variant: {
30
- type: import("vue").PropType<"toolbar" | "navigation" | "tab" | "default" | "section" | "content" | "dialog" | "settings" | "info-section" | "tab-vertical">;
30
+ type: import("vue").PropType<"toolbar" | "navigation" | "tab" | "default" | "section" | "content" | "dialog" | "settings" | "tab-vertical" | "info-section">;
31
31
  };
32
32
  titleSize: {
33
33
  type: import("vue").PropType<"xs" | "s" | "m" | "l" | "xl" | TypographySizes>;
@@ -77,7 +77,7 @@ declare const _default: {
77
77
  type: import("vue").PropType<boolean>;
78
78
  };
79
79
  variant: {
80
- type: import("vue").PropType<"toolbar" | "navigation" | "tab" | "default" | "section" | "content" | "dialog" | "settings" | "info-section" | "tab-vertical">;
80
+ type: import("vue").PropType<"toolbar" | "navigation" | "tab" | "default" | "section" | "content" | "dialog" | "settings" | "tab-vertical" | "info-section">;
81
81
  };
82
82
  titleSize: {
83
83
  type: import("vue").PropType<"xs" | "s" | "m" | "l" | "xl" | TypographySizes>;
@@ -136,7 +136,7 @@ declare const _default: {
136
136
  type: import("vue").PropType<boolean>;
137
137
  };
138
138
  variant: {
139
- type: import("vue").PropType<"toolbar" | "navigation" | "tab" | "default" | "section" | "content" | "dialog" | "settings" | "info-section" | "tab-vertical">;
139
+ type: import("vue").PropType<"toolbar" | "navigation" | "tab" | "default" | "section" | "content" | "dialog" | "settings" | "tab-vertical" | "info-section">;
140
140
  };
141
141
  titleSize: {
142
142
  type: import("vue").PropType<"xs" | "s" | "m" | "l" | "xl" | TypographySizes>;
@@ -192,7 +192,7 @@ declare const _default: {
192
192
  type: import("vue").PropType<boolean>;
193
193
  };
194
194
  variant: {
195
- type: import("vue").PropType<"toolbar" | "navigation" | "tab" | "default" | "section" | "content" | "dialog" | "settings" | "info-section" | "tab-vertical">;
195
+ type: import("vue").PropType<"toolbar" | "navigation" | "tab" | "default" | "section" | "content" | "dialog" | "settings" | "tab-vertical" | "info-section">;
196
196
  };
197
197
  titleSize: {
198
198
  type: import("vue").PropType<"xs" | "s" | "m" | "l" | "xl" | TypographySizes>;
@@ -229,10 +229,10 @@ declare const _default: {
229
229
  colorSchemaType?: "background" | "primary" | "secondary" | import("@omnia/fx-models").ColorSchemaTypes | "accent1" | "accent2" | "accent3" | "accent4" | "accent5" | "neutral" | "warning" | "notification" | "error" | "info" | "success" | "dynamic";
230
230
  toned?: boolean;
231
231
  colors?: import("@omnia/fx/ux").ColorSchemaStoreType;
232
- variant?: "toolbar" | "navigation" | "tab" | "default" | "section" | "content" | "dialog" | "settings" | "info-section" | "tab-vertical";
232
+ variant?: "toolbar" | "navigation" | "tab" | "default" | "section" | "content" | "dialog" | "settings" | "tab-vertical" | "info-section";
233
+ titleSize?: "xs" | "s" | "m" | "l" | "xl" | TypographySizes;
233
234
  divider?: OBorderCombination;
234
235
  grouped?: boolean;
235
- titleSize?: "xs" | "s" | "m" | "l" | "xl" | TypographySizes;
236
236
  spacelessTop?: boolean;
237
237
  spacelessBottom?: boolean;
238
238
  }>, never>; /**Default top panel in blade is settings */
@@ -0,0 +1 @@
1
+ export declare const ExampleComponents: import("@omnia/fx/ux").DocumentationSpec;
@@ -0,0 +1,2 @@
1
+ declare const _default: (props: import("@omnia/fx/ux").ConstructComponentProps<Record<string, any>>) => any;
2
+ export default _default;
@@ -0,0 +1 @@
1
+ export declare const spec: import("@omnia/fx/ux").DocumentationSpec;
@@ -198,8 +198,8 @@ declare const _default: {
198
198
  colors?: import("@omnia/fx/ux").ColorSchemaStoreType;
199
199
  getApi?: (store: ReturnType<typeof useScrollContainerStore>) => void;
200
200
  disableScrolling?: boolean;
201
- scrolling?: OScrollTypesCombination;
202
201
  compensatScrollbar?: boolean;
202
+ scrolling?: OScrollTypesCombination;
203
203
  }>, never>;
204
204
  };
205
205
  export default _default;
@@ -1,6 +1,6 @@
1
- import { DefineEmit, DefineSlot, ItemType, ItemValueType, SelectItemKey, ValidationRule } from "@omnia/fx/ux";
1
+ import { DefineEmit, DefineProp, DefinePropTheming, DefineSlot, DefineType, DefineVModel, ItemType, SelectItemKey, ValidationRule } from "@omnia/fx/ux";
2
2
  import { VNodeChild } from "vue";
3
- import { IIcon, OSelectRenderingItem } from "@omnia/fx-models";
3
+ import { IIcon, OSelectRenderingItem, OSelectTypes } from "@omnia/fx-models";
4
4
  import { VSelectSlots } from "../../ComponentTypings";
5
5
  export interface OSelectSlots extends Omit<VSelectSlots, "item" | "selection" | "chip" | "append-item"> {
6
6
  chip?: (item: OSelectRenderingItem, index: Number) => VNodeChild;
@@ -9,61 +9,10 @@ export interface OSelectSlots extends Omit<VSelectSlots, "item" | "selection" |
9
9
  "append-item"?: () => VNodeChild;
10
10
  "menu-icon"?: () => VNodeChild;
11
11
  }
12
- declare const _default: <TItem extends readonly any[], TModel extends unknown>(props: import("@omnia/fx/ux").ConstructComponentProps<{
13
- colorSchemaType?: "background" | "primary" | "secondary" | import("@omnia/fx-models").ColorSchemaTypes | "accent1" | "accent2" | "accent3" | "accent4" | "accent5" | "neutral" | "warning" | "notification" | "error" | "info" | "success" | "dynamic";
14
- } & {
15
- container?: boolean;
16
- } & {
17
- colors?: import("@omnia/fx/ux").ColorSchemaStoreType;
18
- } & {
19
- class?: String | String[];
20
- } & {
21
- "v-model"?: TModel;
22
- } & {
23
- "onUpdate:modelValue"?: (value: TModel) => void;
24
- } & {
25
- modelValue?: TModel;
26
- } & {
27
- rules?: ValidationRule[];
28
- } & {
29
- label?: string;
30
- } & {
31
- hint?: string;
32
- } & {
33
- items?: TItem;
34
- } & {
35
- itemTitle?: SelectItemKey<ItemType<TItem>>;
36
- } & {
37
- itemValue?: ItemValueType<ItemType<TItem>>;
38
- } & {
39
- variant?: "default" | "add" | "picker" | "combobox";
40
- } & {
41
- returnObject?: boolean;
42
- } & {
43
- clearable?: boolean;
44
- } & {
45
- searchable?: boolean;
46
- } & {
47
- toned?: boolean;
48
- } & {
49
- readonly?: boolean;
50
- } & {
51
- multiple?: boolean;
52
- } & {
53
- hideNoData?: boolean;
54
- } & {
55
- menuIcon?: IIcon;
56
- } & {
57
- loading?: boolean;
58
- } & {
59
- disabled?: boolean;
60
- } & {
61
- persistentHint?: boolean;
62
- } & {
63
- hideSelected?: boolean;
64
- } & DefineEmit<"update:modelValue", (value: TModel) => void, "Emit a click event."> & DefineEmit<"click:button", (value: any) => void, "Emit a click event."> & {
65
- errorMessages?: string | readonly string[];
66
- } & {
67
- error?: boolean;
68
- } & DefineEmit<"update:search", (value: string) => void, "Emit when search input value is changed. Only works when searchable prop is true."> & DefineEmit<"update:focused", (value: boolean) => void, "Emit when search input field is focused."> & DefineSlot<"chip", (item: OSelectRenderingItem<ItemType<TItem>, any>, index: Number) => VNodeChild> & DefineSlot<"selection", (item: OSelectRenderingItem<ItemType<TItem>, any>, index: Number) => VNodeChild> & DefineSlot<"item", (item: OSelectRenderingItem<ItemType<TItem>, any>, index: Number) => VNodeChild> & DefineSlot<"append-item", () => VNodeChild>>) => any;
12
+ declare const defaultRules: ValidationRule[];
13
+ type SlotsWithReturnObject<TItem> = DefineSlot<"chip", (item: OSelectRenderingItem<ItemType<TItem>>, index: Number) => VNodeChild> & DefineSlot<"selection", (item: OSelectRenderingItem<ItemType<TItem>>, index: Number) => VNodeChild> & DefineSlot<"item", (item: OSelectRenderingItem<ItemType<TItem>>, index: Number) => VNodeChild>;
14
+ type SlotsWithoutReturnObject = DefineSlot<"chip", (item: OSelectRenderingItem<any>, index: Number) => VNodeChild> & DefineSlot<"selection", (item: OSelectRenderingItem<any>, index: Number) => VNodeChild> & DefineSlot<"item", (item: OSelectRenderingItem<any>, index: Number) => VNodeChild>;
15
+ type BaseProps<TItem, TModel, TReturnObject extends boolean> = DefinePropTheming & DefineProp<"class", String | String[]> & DefineVModel<"", TModel, false, null, false, "The v-model of the component"> & DefineProp<"rules", ValidationRule[], false, typeof defaultRules, "Accepts a mixed array of types function. Functions pass an input value as an argument and must return either true / false or a string containing an error message. The input field will enter an error state if a function returns (or any value in the array contains) false or is a string."> & DefineProp<"label", string, false, null, "Sets the label of the component."> & DefineProp<"hint", string, false, null, "Sets the hint of the component."> & 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<"itemTitle", SelectItemKey<ItemType<TItem>>, false, null, "Property on supplied items that contains its title."> & DefineProp<"itemValue", SelectItemKey<ItemType<TItem>>, false, null, "Property on supplied items that contains its value."> & DefineProp<"variant", OSelectTypes, false, null, "Applies a distinct style to the component."> & DefineProp<"returnObject", TReturnObject, false, null, "Changes the selection behavior to return the object directly rather than the value specified with item-value."> & DefineProp<"clearable", boolean, false, null, "Allows for the component to be cleared."> & DefineProp<"searchable", boolean, false, null, "Allows to searching when user typing."> & DefineProp<"toned", boolean> & DefineProp<"readonly", boolean, false, null, "Puts input in readonly state."> & DefineProp<"multiple", boolean, false, false, "Multiple selection."> & DefineProp<"hideNoData", boolean, false, false, "Hidden no data message."> & DefineProp<"menuIcon", IIcon, false, null, "Custom menu icon."> & DefineProp<"loading", boolean, false, false, "Displays linear progress bar."> & DefineProp<"disabled", boolean, false, false, "Removes the ability to click or target the input."> & DefineProp<"persistentHint", boolean, false, null, "Forces hint to always be visible."> & DefineProp<"hideSelected", boolean, false, null, "Hide selected items from all items list."> & DefineEmit<"update:modelValue", (value: TModel) => void, "Emit a click event."> & DefineEmit<"click:button", (value: any) => void, "Emit a click event."> & DefineProp<"errorMessages", string | readonly string[], false, null, "Puts the input in an error state and passes through custom error messages. Will be combined with any validations that occur from the rules prop. This field will not trigger validation."> & DefineProp<"error", boolean, false, false, "Puts the input in a manual error state."> & DefineEmit<"update:search", (value: string) => void, "Emit when search input value is changed. Only works when searchable prop is true."> & DefineEmit<"update:focused", (value: boolean) => void, "Emit when search input field is focused."> & DefineSlot<"append-item", () => VNodeChild>;
16
+ export type OSelectProps<TItem, TModel, TReturnObject extends boolean> = BaseProps<TItem, TModel, TReturnObject> & DefineType<TReturnObject extends true ? SlotsWithReturnObject<TItem> : SlotsWithoutReturnObject>;
17
+ declare const _default: <TItem extends readonly any[], TModel extends unknown, TReturnObject extends boolean>(props: import("@omnia/fx/ux").ConstructComponentProps<OSelectProps<TItem, TModel, TReturnObject>>) => any;
69
18
  export default _default;
@@ -324,10 +324,10 @@ declare const _default: {
324
324
  variant?: "toolbar" | "navigation" | "default" | "header" | "settings";
325
325
  stacked?: boolean;
326
326
  disableBlueprint?: boolean;
327
+ scrolling?: string;
327
328
  hideTabNameIfOnlyOneTab?: boolean;
328
329
  noScrolling?: boolean;
329
330
  alignTabs?: "start" | "center" | "end";
330
- scrolling?: string;
331
331
  }>, "onUpdate:modelValue" | "onDoc$"> & {
332
332
  "onUpdate:modelValue"?: (model: number) => any;
333
333
  onDoc$?: (description?: string) => any;
@@ -49,8 +49,8 @@ declare const _default: {
49
49
  required: boolean;
50
50
  };
51
51
  }>> & {
52
- "onClick:back"?: () => any;
53
52
  "onClick:close"?: () => any;
53
+ "onClick:back"?: () => any;
54
54
  }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
55
55
  "click:close": () => true;
56
56
  "click:back": () => true;
@@ -102,8 +102,8 @@ declare const _default: {
102
102
  required: boolean;
103
103
  };
104
104
  }>> & {
105
- "onClick:back"?: () => any;
106
105
  "onClick:close"?: () => any;
106
+ "onClick:back"?: () => any;
107
107
  }, {
108
108
  container: boolean;
109
109
  }, true, {}, {}, {
@@ -161,8 +161,8 @@ declare const _default: {
161
161
  required: boolean;
162
162
  };
163
163
  }>> & {
164
- "onClick:back"?: () => any;
165
164
  "onClick:close"?: () => any;
165
+ "onClick:back"?: () => any;
166
166
  }, () => JSX.Element, {}, {}, {}, {
167
167
  container: boolean;
168
168
  }>;
@@ -217,8 +217,8 @@ declare const _default: {
217
217
  required: boolean;
218
218
  };
219
219
  }>> & {
220
- "onClick:back"?: () => any;
221
220
  "onClick:close"?: () => any;
221
+ "onClick:back"?: () => any;
222
222
  }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
223
223
  "click:close": () => true;
224
224
  "click:back": () => true;
@@ -241,12 +241,12 @@ declare const _default: {
241
241
  };
242
242
  variant?: "default" | "menu" | "drawer" | "blade";
243
243
  subTitle?: string;
244
+ backButton?: boolean;
244
245
  divider?: boolean;
245
246
  closeButton?: boolean;
246
- backButton?: boolean;
247
- }>, "onClick:back" | "onClick:close"> & {
248
- "onClick:back"?: () => any;
247
+ }>, "onClick:close" | "onClick:back"> & {
249
248
  "onClick:close"?: () => any;
249
+ "onClick:back"?: () => any;
250
250
  };
251
251
  };
252
252
  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.254-dev",
4
+ "version": "8.0.255-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": "Precio Fishbone",
22
22
  "dependencies": {
23
- "@omnia/fx-models": "8.0.254-dev",
23
+ "@omnia/fx-models": "8.0.255-dev",
24
24
  "@microsoft/signalr": "6.0.1",
25
25
  "broadcast-channel": "4.8.0",
26
26
  "dayjs": "1.11.7",