@omnia/fx 8.0.253-dev → 8.0.255-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.
- package/internal-do-not-import-from-here/stores/oxide/ComponentHostStore.d.ts +6 -6
- package/internal-do-not-import-from-here/ux/DefineVueTypings.d.ts +2 -2
- package/internal-do-not-import-from-here/ux/appprovisioning/appinstanceeditingjourney/EditProperiesBlade.d.ts +1 -1
- package/internal-do-not-import-from-here/ux/aurora/components/colorschemapicker/ColorSchemaViewer.d.ts +6 -6
- package/internal-do-not-import-from-here/ux/docs/Docs.d.ts +4 -2
- package/internal-do-not-import-from-here/ux/oxide/appbar/Appbar.d.ts +1 -1
- package/internal-do-not-import-from-here/ux/oxide/btn/Button.d.ts +12 -12
- package/internal-do-not-import-from-here/ux/oxide/datatable/DataTable.d.ts +9 -7
- package/internal-do-not-import-from-here/ux/oxide/dialog/Dialog.d.ts +12 -12
- package/internal-do-not-import-from-here/ux/oxide/hostprovider/HostProvider.d.ts +5 -5
- package/internal-do-not-import-from-here/ux/oxide/list/List.d.ts +1 -1
- package/internal-do-not-import-from-here/ux/oxide/menu/Menu.d.ts +1 -1
- package/internal-do-not-import-from-here/ux/oxide/navigationdrawer/NavigationDrawer.d.ts +1 -1
- package/internal-do-not-import-from-here/ux/oxide/panel/Panel.d.ts +6 -6
- package/internal-do-not-import-from-here/ux/oxide/rating/docs/ExampleComponents.d.ts +1 -0
- package/internal-do-not-import-from-here/ux/oxide/rating/docs/SampleComponent.d.ts +2 -0
- package/internal-do-not-import-from-here/ux/oxide/rating/docs/index.d.ts +1 -0
- package/internal-do-not-import-from-here/ux/oxide/scrollcontainer/ScrollContainer.d.ts +1 -1
- package/internal-do-not-import-from-here/ux/oxide/select/Select.d.ts +8 -59
- package/internal-do-not-import-from-here/ux/oxide/tab/Tabs.d.ts +1 -1
- package/internal-do-not-import-from-here/ux/oxide/toolbar/Toolbar.d.ts +7 -7
- package/internal-do-not-import-from-here/wctypings.d.ts +1 -11
- 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" | "
|
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" | "
|
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" | "
|
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" | "
|
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" | "
|
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" | "
|
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
|
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> =
|
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:
|
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;
|
@@ -72,7 +72,7 @@ export declare class Docs {
|
|
72
72
|
static categories: Array<DocumentationCategory>;
|
73
73
|
static addArea(area: DocumentationArea): void;
|
74
74
|
static addCategory(category: DocumentationCategory): void;
|
75
|
-
static specBuilder(name: string): DocumentationSpec;
|
75
|
+
static specBuilder(name: string, alias?: string): DocumentationSpec;
|
76
76
|
static velcronSpecBuilder(name: string): VelcronComponentSpec;
|
77
77
|
static registerComponent(spec: DocumentationSpec, area: DocumentationArea, category: DocumentationCategory): void;
|
78
78
|
}
|
@@ -93,6 +93,7 @@ export interface VelcronExampleDefinitionSpec {
|
|
93
93
|
}
|
94
94
|
export declare class DocumentationSpec {
|
95
95
|
private name;
|
96
|
+
private alias?;
|
96
97
|
private typeValueMapping;
|
97
98
|
private exampleComponents;
|
98
99
|
markdownSections: Array<MarkdownSection>;
|
@@ -103,12 +104,13 @@ export declare class DocumentationSpec {
|
|
103
104
|
events: EventSpec[];
|
104
105
|
slots: SlotSpec[];
|
105
106
|
id: string;
|
106
|
-
constructor(name: string);
|
107
|
+
constructor(name: string, alias?: string);
|
107
108
|
addTypeValueMapping(name: string, value: string | string[] | any): DocumentationSpec;
|
108
109
|
addTheming(): DocumentationSpec;
|
109
110
|
addToned(): DocumentationSpec;
|
110
111
|
addCssClass(): DocumentationSpec;
|
111
112
|
getName(): string;
|
113
|
+
getAlias(): string;
|
112
114
|
getId(): string;
|
113
115
|
addApiProperty(propertySpec: PropertySpec): DocumentationSpec;
|
114
116
|
addApiProperty(name: string, description: string, type: string, defaultValue?: string): DocumentationSpec;
|
@@ -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" | "
|
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" | "
|
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" | "
|
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" | "
|
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" | "
|
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" | "
|
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" | "
|
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" | "
|
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" | "
|
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" | "
|
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
|
};
|
@@ -12,7 +12,7 @@ export type DataTableOptions = {
|
|
12
12
|
itemsPerPage: number;
|
13
13
|
sortBy: SortItem[];
|
14
14
|
};
|
15
|
-
export type DataTablePropsBase<T> = DefinePropTheming & DefineProp<"class", String | String[]> & DefineVModel<"expanded", Array<string>, false, null, false, "Whether the item is expanded or not."> & DefineVModel<"sortBy", SortItem[], false, null, false, "Changes which item property (or properties) should be used for sort order."> & DefineProp<"mustSort", boolean, false, false, "If true then one can not disable sorting, it will always switch between ascending and descending."> & DefineProp<"showSelect", boolean, false, false, "Shows a checkbox for each row."> & DefineProp<"itemSelectable", SelectItemKey<T>, false, false, "SProperty on supplied items that indicates whether the item is selectable."> & DefineProp<"height", string | number, false, null, "Sets and explicit height of the tablet."> & DefineProp<"noDataText", string, false, null, "Text shown when no items are provided to the component."> & DefineProp<"itemValue", ItemValueType<T>, false, null, "Property on supplied items that contains its value."> & DefineProp<"loading", boolean, false, false, "Displays linear progress bar."> & DefineProp<"drag", boolean, false, false, "Enable draggable row."> & DefineProp<"hover", boolean, false, false, "Property on supplied items that contains its value."> & DefineProp<"showExpand", boolean, false, false, "Shows the expand toggle in default rows."> & DefineProp<"headers", DataTableHeader[], false, typeof defaultHeaders, "An array of objects that each describe a header column."> & DefineVModel<"items", T[], false, typeof
|
15
|
+
export type DataTablePropsBase<T> = DefinePropTheming & DefineProp<"class", String | String[]> & DefineVModel<"expanded", Array<string>, false, null, false, "Whether the item is expanded or not."> & DefineVModel<"sortBy", SortItem[], false, null, false, "Changes which item property (or properties) should be used for sort order."> & DefineProp<"mustSort", boolean, false, false, "If true then one can not disable sorting, it will always switch between ascending and descending."> & DefineProp<"showSelect", boolean, false, false, "Shows a checkbox for each row."> & DefineProp<"itemSelectable", SelectItemKey<T>, false, false, "SProperty on supplied items that indicates whether the item is selectable."> & DefineProp<"height", string | number, false, null, "Sets and explicit height of the tablet."> & DefineProp<"noDataText", string, false, null, "Text shown when no items are provided to the component."> & DefineProp<"itemValue", ItemValueType<T>, false, null, "Property on supplied items that contains its value."> & DefineProp<"loading", boolean, false, false, "Displays linear progress bar."> & DefineProp<"drag", boolean, false, false, "Enable draggable row."> & DefineProp<"hover", boolean, false, false, "Property on supplied items that contains its value."> & DefineProp<"search", string, false, null, "Text input used to filter items."> & DefineProp<"showExpand", boolean, false, false, "Shows the expand toggle in default rows."> & DefineProp<"headers", DataTableHeader[], false, typeof defaultHeaders, "An array of objects that each describe a header column."> & DefineVModel<"items", T[], false, typeof emptyArray, true, "An array of strings or objects used for automatically generating children components."> & DefineVModel<"", Array<any>, false, typeof emptyArray, true, "The v-model value of the component. If component supports the multiple prop, this defaults to an empty array."> & DefineEmit<"update:expanded", (expanded: string[]) => void, "Emits when the expanded property of the options prop is updated."> & DefineEmit<"update:sortBy", (sort: SortItem[]) => void, "Emits when the sortBy property of the options prop is updated."> & DefineEmit<"update:options", (options: DataTableOptions) => void, "Emits when one of the options properties is updated."> & DefineEmit<"update:page", (page: number) => void, "Emits when the page property of the options prop is updated."> & DefineEmit<"update:itemsPerPage", (value: number) => void, "Emits when the items-per-page property of the options prop is updated."> & DefineEmit<"click:loadMore", () => void> & DefineSlot<"item", (row: IDataTableRowRenderer<T>) => void, "Deprecated, Use slot row instead."> & DefineSlot<"row", (row: IDataTableRow<T>) => VNodeChild> & DefineSlot<`header.${string}`, (header: DataTableHeader) => void> & DefineSlot<`item.${string}`, (e: {
|
16
16
|
item: T;
|
17
17
|
}) => void>;
|
18
18
|
type DefaultProps = {};
|
@@ -20,14 +20,16 @@ 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
|
24
|
-
type
|
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.">;
|
25
|
+
type ClientPaginationPageProps<TItem> = ItemsPerPageProp & PageProp & SearchByProp<TItem>;
|
26
|
+
type ClientPaginationScrollProps<TItem> = ItemHeightProp & SearchByProp<TItem>;
|
25
27
|
type ServerPaginationPageProps = ItemsPerPageProp & PageProp & DefineProp<"itemsLength", number, true, null, "Number of all items.">;
|
26
|
-
type ServerPaginationScrollProps = ShowLoadMoreProp
|
28
|
+
type ServerPaginationScrollProps = ShowLoadMoreProp & DefineEmit<"scroll:bottom", () => void>;
|
27
29
|
type CellElement = (props: ConstructComponentProps<Pick<TdHTMLAttributes, "colspan" | "rowspan" | "headers">>) => any;
|
28
30
|
type RowElement = (props: ConstructComponentProps<PublicDataTableRowProps>) => any;
|
29
31
|
declare const defaultHeaders: DataTableHeader[];
|
30
|
-
declare const
|
31
|
-
export type DataTableProps<
|
32
|
-
declare const _default: <
|
32
|
+
declare const emptyArray: any[];
|
33
|
+
export type DataTableProps<TItem, TVariant> = VariantType<TVariant> & DataTablePropsBase<TItem> & DefineType<TVariant extends "client-pagination-scroll" ? ClientPaginationScrollProps<TItem> : TVariant extends "client-pagination-page" ? ClientPaginationPageProps<TItem> : TVariant extends "server-pagination-page" ? ServerPaginationPageProps : TVariant extends "server-pagination-scroll" ? ServerPaginationScrollProps : DefaultProps>;
|
34
|
+
declare const _default: <TItem extends unknown, TVariant extends "default" | "client-pagination-scroll" | "client-pagination-page" | "server-pagination-scroll" | "server-pagination-page" = "default">(props: ConstructComponentProps<DataTableProps<TItem, TVariant>>) => any;
|
33
35
|
export default _default;
|
@@ -27,7 +27,7 @@ declare const _default: {
|
|
27
27
|
required: false;
|
28
28
|
};
|
29
29
|
variant: {
|
30
|
-
type: import("vue").PropType<"default" | "confirm" | "
|
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" | "
|
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" | "
|
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" | "
|
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" | "
|
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:
|
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" | "
|
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" | "
|
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" | "
|
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" | "
|
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
|
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" | "
|
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" | "
|
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" | "
|
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" | "
|
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" | "
|
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 @@
|
|
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,
|
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
|
13
|
-
|
14
|
-
|
15
|
-
|
16
|
-
|
17
|
-
|
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
|
-
|
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;
|
@@ -247,7 +247,6 @@ import wc28370f0312764e82b4c29237f943710a from './ux/oxide/colorpicker/ColorPick
|
|
247
247
|
import wc58850535f48040bc98b40064f89d19d0 from './ux/oxide/column/ColumnGrid';
|
248
248
|
import wcd116618a12d0439f8da809535809c260 from './ux/oxide/column/Column';
|
249
249
|
import wc27c00720f7fb46bbb39286a2cb94797c from './ux/oxide/datatable/DataTable';
|
250
|
-
import wc810f65f430374ef2a142907a707f650f from './ux/oxide/datatable/DataTableServer';
|
251
250
|
import wcb10a0917fdc744c890d9b472ee3b3c99 from './ux/oxide/datepicker/DatePicker';
|
252
251
|
import wcdc1c89b3d0c24b7aa1050f19a0f962b3 from './ux/oxide/dialog/Dialog';
|
253
252
|
import wcc0415286cfac41349dd264dc1621c463 from './ux/oxide/divider/Divider';
|
@@ -4587,16 +4586,7 @@ declare global {
|
|
4587
4586
|
};
|
4588
4587
|
} : typeof wcd116618a12d0439f8da809535809c260;
|
4589
4588
|
"data": {
|
4590
|
-
"table": {
|
4591
|
-
"server": typeof wc810f65f430374ef2a142907a707f650f extends {
|
4592
|
-
propsDefinition: infer TProp;
|
4593
|
-
} ? {
|
4594
|
-
new (...args: any[]): {
|
4595
|
-
$props: TProp & Omit<VueComponentBaseProps, keyof TProp>;
|
4596
|
-
};
|
4597
|
-
} : typeof wc810f65f430374ef2a142907a707f650f;
|
4598
|
-
};
|
4599
|
-
"table$": typeof wc27c00720f7fb46bbb39286a2cb94797c extends {
|
4589
|
+
"table": typeof wc27c00720f7fb46bbb39286a2cb94797c extends {
|
4600
4590
|
propsDefinition: infer TProp;
|
4601
4591
|
} ? {
|
4602
4592
|
new (...args: any[]): {
|
package/package.json
CHANGED
@@ -1,7 +1,7 @@
|
|
1
1
|
{
|
2
2
|
"name": "@omnia/fx",
|
3
3
|
"license": "MIT",
|
4
|
-
"version": "8.0.
|
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.
|
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",
|