@omnia/fx-models 8.0.91-vnext → 8.0.93-vnext
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/ManifestIds.d.ts +1 -0
- package/ManifestIds.js +3 -0
- package/internal-do-not-import-from-here/shared/models/theming/ThemeDefinitionV2.d.ts +3 -3
- package/internal-do-not-import-from-here/shared/models/theming/TypographyDefinition.d.ts +3 -4
- package/internal-do-not-import-from-here/shared/models/theming/TypographyDefinition.js +0 -1
- package/internal-do-not-import-from-here/shared/models/theming/UseThemeMethods.js +0 -3
- package/internal-do-not-import-from-here/velcron/core/models/Enums.d.ts +6 -0
- package/internal-do-not-import-from-here/velcron/core/models/Enums.js +8 -1
- package/internal-do-not-import-from-here/velcron/core/models/VelcronDefinitions.d.ts +22 -9
- package/internal-do-not-import-from-here/velcron/core/models/VelcronPropertyEditorDefinitions.d.ts +1 -0
- package/oxide/OxideTypeDefinitions.d.ts +2 -2
- package/oxide/OxideTypeDefinitions.js +2 -2
- package/oxide/SharedSettings.d.ts +4 -0
- package/oxide/SharedSettings.js +2 -0
- package/oxide/index.d.ts +1 -0
- package/oxide/index.js +1 -0
- package/package.json +1 -1
- package/properties/IPropertyValueRenderer.d.ts +3 -4
- package/properties/definitions/MultilingualTextPropertyDefinition.d.ts +3 -3
- package/properties/definitions/MultilingualTextPropertyDefinition.js +3 -3
- package/properties/values/DatePropertyValue.d.ts +1 -1
- package/properties/values/DatePropertyValue.js +1 -1
- package/velcron/VelcronDefinitionRegistration.d.ts +1 -1
package/ManifestIds.d.ts
CHANGED
@@ -177,6 +177,7 @@ export declare class OmniaWebComponentManifests {
|
|
177
177
|
static get OTab(): Guid;
|
178
178
|
static get OTabs(): Guid;
|
179
179
|
static get OText(): Guid;
|
180
|
+
static get OLink(): Guid;
|
180
181
|
static get OTextArea(): Guid;
|
181
182
|
static get OTextField(): Guid;
|
182
183
|
static get OToolbar(): Guid;
|
package/ManifestIds.js
CHANGED
@@ -544,6 +544,9 @@ class OmniaWebComponentManifests {
|
|
544
544
|
static get OText() {
|
545
545
|
return new models_1.Guid("b5a11307-4f70-4ba8-9e1e-e4102ea95536");
|
546
546
|
}
|
547
|
+
static get OLink() {
|
548
|
+
return new models_1.Guid("75cd9309-9dd1-4646-9e0c-e6b5b1cac14d");
|
549
|
+
}
|
547
550
|
static get OTextArea() {
|
548
551
|
return new models_1.Guid("1e7db8a9-8533-485d-97b4-359f64601ff0");
|
549
552
|
}
|
@@ -50,7 +50,7 @@ export interface ThemeDefinitionV2 {
|
|
50
50
|
colors: ColorSchemas;
|
51
51
|
blueprints: BluePrintDefinitions;
|
52
52
|
}
|
53
|
-
export type ColorSchemaType =
|
53
|
+
export type ColorSchemaType = keyof typeof ColorSchemaTypes;
|
54
54
|
export declare enum ColorSchemaTypes {
|
55
55
|
primary = "primary",
|
56
56
|
secondary = "secondary",
|
@@ -62,14 +62,14 @@ export declare enum ColorSchemaTypes {
|
|
62
62
|
error = "error",
|
63
63
|
info = "info"
|
64
64
|
}
|
65
|
-
export type BlueprintType =
|
65
|
+
export type BlueprintType = keyof typeof BlueprintTypes;
|
66
66
|
export declare enum BlueprintTypes {
|
67
67
|
default = "default",
|
68
68
|
variant1 = "variant1",
|
69
69
|
variant2 = "variant2",
|
70
70
|
variant3 = "variant3"
|
71
71
|
}
|
72
|
-
export type ColorType =
|
72
|
+
export type ColorType = keyof typeof ColorTypes;
|
73
73
|
export declare enum ColorTypes {
|
74
74
|
base = "base",
|
75
75
|
onBase = "onBase",
|
@@ -33,14 +33,13 @@ export interface TypographyTypeBreakPoint {
|
|
33
33
|
size: number;
|
34
34
|
lineHeight: number;
|
35
35
|
}
|
36
|
-
export type TypographyType =
|
36
|
+
export type TypographyType = keyof typeof TypographyTypes;
|
37
37
|
export declare enum TypographyTypes {
|
38
38
|
title = "title",
|
39
39
|
text = "text",
|
40
|
-
navigation = "navigation"
|
41
|
-
link = "link"
|
40
|
+
navigation = "navigation"
|
42
41
|
}
|
43
|
-
export type TypographySize =
|
42
|
+
export type TypographySize = keyof typeof TypographySizes;
|
44
43
|
export declare enum TypographySizes {
|
45
44
|
xl = "xl",
|
46
45
|
l = "l",
|
@@ -6,7 +6,6 @@ var TypographyTypes;
|
|
6
6
|
TypographyTypes["title"] = "title";
|
7
7
|
TypographyTypes["text"] = "text";
|
8
8
|
TypographyTypes["navigation"] = "navigation";
|
9
|
-
TypographyTypes["link"] = "link";
|
10
9
|
})(TypographyTypes = exports.TypographyTypes || (exports.TypographyTypes = {}));
|
11
10
|
var TypographySizes;
|
12
11
|
(function (TypographySizes) {
|
@@ -59,9 +59,6 @@ function useThemeMethods(getThemeDefinition) {
|
|
59
59
|
else if (typographyType === TypographyDefinition_1.TypographyTypes.navigation) {
|
60
60
|
return typographyBlueprint.definition[size];
|
61
61
|
}
|
62
|
-
else if (typographyType === TypographyDefinition_1.TypographyTypes.link) {
|
63
|
-
return typographyBlueprint.definition.link[TypographyDefinition_1.TypographySizes.m];
|
64
|
-
}
|
65
62
|
}
|
66
63
|
function color(colorSchemaType, colorType) {
|
67
64
|
const mappedColorSchema = colorSchema(colorSchemaType);
|
@@ -16,6 +16,12 @@ export declare enum VelcronActionTypes {
|
|
16
16
|
export declare enum VelcronIconTypes {
|
17
17
|
fontAwesome = "fa"
|
18
18
|
}
|
19
|
+
export declare enum VelcronViewDirections {
|
20
|
+
row = "row",
|
21
|
+
column = "column",
|
22
|
+
rowReverse = "row-reverse",
|
23
|
+
columnRevers = "column-reverse"
|
24
|
+
}
|
19
25
|
export declare enum VelcronHorizontalAlignments {
|
20
26
|
left = "left",
|
21
27
|
center = "center",
|
@@ -1,6 +1,6 @@
|
|
1
1
|
"use strict";
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
3
|
-
exports.VelcronDataTypes = exports.VelcronVerticalAlignments = exports.VelcronHorizontalAlignments = exports.VelcronIconTypes = exports.VelcronActionTypes = exports.AssignOperators = void 0;
|
3
|
+
exports.VelcronDataTypes = exports.VelcronVerticalAlignments = exports.VelcronHorizontalAlignments = exports.VelcronViewDirections = exports.VelcronIconTypes = exports.VelcronActionTypes = exports.AssignOperators = void 0;
|
4
4
|
var AssignOperators;
|
5
5
|
(function (AssignOperators) {
|
6
6
|
AssignOperators["equals"] = "=";
|
@@ -22,6 +22,13 @@ var VelcronIconTypes;
|
|
22
22
|
(function (VelcronIconTypes) {
|
23
23
|
VelcronIconTypes["fontAwesome"] = "fa";
|
24
24
|
})(VelcronIconTypes = exports.VelcronIconTypes || (exports.VelcronIconTypes = {}));
|
25
|
+
var VelcronViewDirections;
|
26
|
+
(function (VelcronViewDirections) {
|
27
|
+
VelcronViewDirections["row"] = "row";
|
28
|
+
VelcronViewDirections["column"] = "column";
|
29
|
+
VelcronViewDirections["rowReverse"] = "row-reverse";
|
30
|
+
VelcronViewDirections["columnRevers"] = "column-reverse";
|
31
|
+
})(VelcronViewDirections = exports.VelcronViewDirections || (exports.VelcronViewDirections = {}));
|
25
32
|
var VelcronHorizontalAlignments;
|
26
33
|
(function (VelcronHorizontalAlignments) {
|
27
34
|
VelcronHorizontalAlignments["left"] = "left";
|
@@ -2,6 +2,7 @@ import { VelcronEvent, VelcronOnUpdatedEvent, VelcronOnClosedEvent, VelcronOnClo
|
|
2
2
|
import { VelcroncomponentArrayType, VelcronPrimitiveType } from "./VelcronTypes";
|
3
3
|
import { AssignOperators, VelcronHorizontalAlignments, VelcronIconTypes, VelcronActionTypes, VelcronVerticalAlignments } from "./Enums";
|
4
4
|
import { VelcronPropertyEditor, useVelcronThemingStore } from "..";
|
5
|
+
import { GuidValue, PropertyConfiguration, PropertyValue, PropertyDefinition, PropertySetupBase } from "@omnia/fx/models";
|
5
6
|
import { useVelcronColorSchemaStore } from "../stores/VelcronColorSchema";
|
6
7
|
import { useVelcronBlueprintStore } from "../stores/VelcronBlueprint";
|
7
8
|
export interface ResolvedComponentRenderer {
|
@@ -24,6 +25,7 @@ export interface BuiltInComponentRenderers {
|
|
24
25
|
"chip": unknown;
|
25
26
|
"markdown": unknown;
|
26
27
|
"slot": unknown;
|
28
|
+
"property": unknown;
|
27
29
|
}
|
28
30
|
export interface ColorSchemaReference {
|
29
31
|
name: string;
|
@@ -121,6 +123,7 @@ export interface VelcronDefinitionWithEditMode extends VelcronDefinition {
|
|
121
123
|
bind?: VelcronBindableProp;
|
122
124
|
}
|
123
125
|
interface VelcronDimensionStyling {
|
126
|
+
margin?: VelcronSpacing;
|
124
127
|
padding?: VelcronSpacing;
|
125
128
|
}
|
126
129
|
export interface VelcronColorStyling {
|
@@ -164,8 +167,8 @@ export interface VelcronIcon {
|
|
164
167
|
}
|
165
168
|
export interface VelcronAppDefinition<TState extends DynamicState = DynamicState> extends VelcronDefinitionBase {
|
166
169
|
type: "velcron";
|
167
|
-
version
|
168
|
-
name
|
170
|
+
version?: string;
|
171
|
+
name?: string;
|
169
172
|
body?: Array<VelcronDefinition>;
|
170
173
|
events?: VelcronOnLoadEvent & VelcronOnEditModeEvent;
|
171
174
|
actions?: {
|
@@ -188,10 +191,10 @@ export interface VelcronComponentDefinition extends VelcronDefinition {
|
|
188
191
|
export interface VelcronViewDefinition extends VelcronDefinition, VelcronColorStyling {
|
189
192
|
type: "view";
|
190
193
|
events?: VelcronOnPressEvent;
|
191
|
-
direction?: "row" | "column" | "row-reverse" | "column-reverse"
|
194
|
+
direction?: VelcronBindableProp<"row" | "column" | "row-reverse" | "column-reverse">;
|
192
195
|
columnStyle?: object;
|
193
|
-
|
194
|
-
|
196
|
+
hAlign?: VelcronHorizontalAlignments;
|
197
|
+
vAlign?: VelcronVerticalAlignments;
|
195
198
|
grow?: number;
|
196
199
|
absolute?: VelcronSpacing;
|
197
200
|
border?: VelcronBorder;
|
@@ -221,7 +224,7 @@ export declare enum VelcronImageRatios {
|
|
221
224
|
export interface VelcronImageDefinition extends VelcronDefinition {
|
222
225
|
type: "image";
|
223
226
|
source: string;
|
224
|
-
ratio
|
227
|
+
ratio?: VelcronImageRatios | string;
|
225
228
|
cover?: VelcronBindableProp<boolean>;
|
226
229
|
borderRadius?: VelcronDimensions;
|
227
230
|
events?: VelcronOnPressEvent;
|
@@ -271,7 +274,9 @@ export interface VelcronDimensions {
|
|
271
274
|
left: number | string;
|
272
275
|
}
|
273
276
|
export interface VelcronBorder extends VelcronDimensions {
|
274
|
-
|
277
|
+
colorType?: string;
|
278
|
+
toned?: boolean;
|
279
|
+
opacity?: number;
|
275
280
|
}
|
276
281
|
export interface VelcronChipDefinition extends VelcronDefinition {
|
277
282
|
type: "chip";
|
@@ -282,8 +287,16 @@ export interface VelcronChipDefinition extends VelcronDefinition {
|
|
282
287
|
}
|
283
288
|
export interface VelcronSlotDefinition extends VelcronDefinition {
|
284
289
|
type: "slot";
|
285
|
-
bind: string
|
286
|
-
|
290
|
+
bind: VelcronBindableProp<string>;
|
291
|
+
}
|
292
|
+
export interface VelcronPropertyDefinition extends VelcronDefinition {
|
293
|
+
type: "property";
|
294
|
+
bind: VelcronBindableProp<string>;
|
295
|
+
}
|
296
|
+
export interface VelcronPropertyDefinitionValue {
|
297
|
+
definitionId: GuidValue;
|
298
|
+
value: PropertyValue;
|
299
|
+
configuration: PropertyConfiguration<PropertyDefinition<any, any, any, PropertySetupBase>>;
|
287
300
|
}
|
288
301
|
export type VelcronCustomComponentDefinition = VelcronComponentDefinition;
|
289
302
|
export type VelcronRenderProps<TDefinition> = {
|
@@ -22,7 +22,7 @@ export declare const AppBarTypeDefinitions: readonly ["default", "app"];
|
|
22
22
|
export type AppBarTypes = typeof AppBarTypeDefinitions[number];
|
23
23
|
export declare const AppBarTypesName = "AppBarTypes";
|
24
24
|
/**Button */
|
25
|
-
export declare const ButtonPresetDefinitions: readonly ["create", "delete", "ok", "cancel", "save", "close", "settings", "icon-add", "icon-delete", "icon-edit", "icon-drag-handle", "icon-copy", "icon-code", "icon-close", "icon-back", "icon-more", "icon-navigate", "icon-settings"];
|
25
|
+
export declare const ButtonPresetDefinitions: readonly ["create", "remove", "delete", "ok", "cancel", "save", "close", "settings", "icon-add", "icon-delete", "icon-edit", "icon-drag-handle", "icon-copy", "icon-code", "icon-close", "icon-back", "icon-more", "icon-navigate", "icon-settings"];
|
26
26
|
export type OxideButtonPresets = typeof ButtonPresetDefinitions[number];
|
27
27
|
export declare const ButtonPresetsName = "OxideButtonPresets";
|
28
28
|
export declare const ButtonVariantDefinitions: readonly ["default", "prominent", "toolbar", "opacity", "dial"];
|
@@ -44,7 +44,7 @@ export declare const DialogTypeDefinitions: readonly ["save-cancel", "confirm",
|
|
44
44
|
export type DialogTypes = typeof DialogTypeDefinitions[number];
|
45
45
|
export declare const DialogTypesName = "DialogTypes";
|
46
46
|
/** Expansion Panel */
|
47
|
-
export declare const PanelTypeDefinitions: readonly ["default", "navigation"];
|
47
|
+
export declare const PanelTypeDefinitions: readonly ["default", "navigation", "section", "tab"];
|
48
48
|
export type PanelTypes = typeof PanelTypeDefinitions[number];
|
49
49
|
export declare const PanelTypesName = "PanelTypes";
|
50
50
|
/**Icon */
|
@@ -18,7 +18,7 @@ exports.ProgressTypesName = "ProgressTypes";
|
|
18
18
|
exports.AppBarTypeDefinitions = ["default", "app"];
|
19
19
|
exports.AppBarTypesName = "AppBarTypes";
|
20
20
|
/**Button */
|
21
|
-
exports.ButtonPresetDefinitions = ["create", "delete", "ok", "cancel", "save", "close", "settings", "icon-add", "icon-delete", "icon-edit", "icon-drag-handle", "icon-copy", "icon-code", "icon-close", "icon-back", "icon-more", "icon-navigate", "icon-settings"];
|
21
|
+
exports.ButtonPresetDefinitions = ["create", "remove", "delete", "ok", "cancel", "save", "close", "settings", "icon-add", "icon-delete", "icon-edit", "icon-drag-handle", "icon-copy", "icon-code", "icon-close", "icon-back", "icon-more", "icon-navigate", "icon-settings"];
|
22
22
|
exports.ButtonPresetsName = "OxideButtonPresets";
|
23
23
|
exports.ButtonVariantDefinitions = ["default", "prominent", "toolbar", "opacity", "dial"];
|
24
24
|
exports.ButtonVariantsName = "ButtonVariants";
|
@@ -34,7 +34,7 @@ exports.AlignmentTypesName = "AlignmentTypes";
|
|
34
34
|
exports.DialogTypeDefinitions = ["save-cancel", "confirm", "ok-cancel", "default", "app"];
|
35
35
|
exports.DialogTypesName = "DialogTypes";
|
36
36
|
/** Expansion Panel */
|
37
|
-
exports.PanelTypeDefinitions = ["default", "navigation"];
|
37
|
+
exports.PanelTypeDefinitions = ["default", "navigation", "section", "tab"];
|
38
38
|
exports.PanelTypesName = "PanelTypes";
|
39
39
|
/**Icon */
|
40
40
|
exports.IconPresetDefinitions = ["add", "delete", "edit", "drag-handle", "copy", "code", "expand", "remove", "info"];
|
package/oxide/index.d.ts
CHANGED
package/oxide/index.js
CHANGED
@@ -3,3 +3,4 @@ Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
3
|
const tslib_1 = require("tslib");
|
4
4
|
tslib_1.__exportStar(require("./TreeView"), exports);
|
5
5
|
tslib_1.__exportStar(require("./OxideTypeDefinitions"), exports);
|
6
|
+
tslib_1.__exportStar(require("./SharedSettings"), exports);
|
package/package.json
CHANGED
@@ -4,20 +4,19 @@ import { PropertyDefinition, PropertyDisplaySettingsType, PropertyEditorSettings
|
|
4
4
|
* Interface for webcomponent rendering a property value belonging to a property definition
|
5
5
|
* */
|
6
6
|
export interface IPropertyDisplayRenderer<TPropertyDef extends PropertyDefinition<any, any, any>> {
|
7
|
-
|
7
|
+
modelValue: PropertyValueType<TPropertyDef>;
|
8
8
|
displaySettings: PropertyDisplaySettingsType<TPropertyDef>;
|
9
9
|
setupSettings?: PropertySetupSettingsType<TPropertyDef>;
|
10
10
|
}
|
11
11
|
export interface IPropertyEditorRenderer<TPropertyDef extends PropertyDefinition<any, any, any>> {
|
12
|
-
|
12
|
+
modelValue: PropertyValueType<TPropertyDef>;
|
13
13
|
editorSettings: PropertyEditorSettingsType<TPropertyDef>;
|
14
14
|
displaySettings: PropertyDisplaySettingsType<TPropertyDef>;
|
15
15
|
setupSettings?: PropertySetupSettingsType<TPropertyDef>;
|
16
|
-
onValueBindChanged(newValue: PropertyValueType<TPropertyDef>): void;
|
17
16
|
disabled?: boolean;
|
18
17
|
}
|
19
18
|
export interface IPropertyConfigurationRenderer<TPropertyDef extends PropertyDefinition<any, any, any>> {
|
20
|
-
|
19
|
+
modelValue: PropertyConfiguration<TPropertyDef>;
|
21
20
|
/**
|
22
21
|
* Call each time the configuration is considered valid, i.e. the values of the configuration is good
|
23
22
|
* Also called when no longer valid, but with value null
|
@@ -1,16 +1,16 @@
|
|
1
1
|
import { Guid } from "@omnia/fx-models/internal-do-not-import-from-here/shared/models";
|
2
2
|
import { PropertyDefinition, PropertyDisplaySettingsBase } from "../PropertyDefinition";
|
3
3
|
import { MultilingualTextPropertyValue } from "../values";
|
4
|
-
export declare class
|
4
|
+
export declare class MultilingualTextDisplaySettings extends PropertyDisplaySettingsBase {
|
5
5
|
inline?: boolean;
|
6
6
|
}
|
7
|
-
export type
|
7
|
+
export type MultilingualTextEditorSettings = {
|
8
8
|
required?: boolean;
|
9
9
|
maxLength?: number;
|
10
10
|
multiLine?: boolean;
|
11
11
|
rows?: number;
|
12
12
|
};
|
13
|
-
export declare class MultilingualTextPropertyDefinition extends PropertyDefinition<MultilingualTextPropertyValue,
|
13
|
+
export declare class MultilingualTextPropertyDefinition extends PropertyDefinition<MultilingualTextPropertyValue, MultilingualTextDisplaySettings, MultilingualTextEditorSettings> {
|
14
14
|
id: Guid;
|
15
15
|
typeName: string;
|
16
16
|
}
|
@@ -1,11 +1,11 @@
|
|
1
1
|
"use strict";
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
3
|
-
exports.MultilingualTextPropertyDefinition = exports.
|
3
|
+
exports.MultilingualTextPropertyDefinition = exports.MultilingualTextDisplaySettings = void 0;
|
4
4
|
const models_1 = require("@omnia/fx-models/internal-do-not-import-from-here/shared/models");
|
5
5
|
const PropertyDefinition_1 = require("../PropertyDefinition");
|
6
|
-
class
|
6
|
+
class MultilingualTextDisplaySettings extends PropertyDefinition_1.PropertyDisplaySettingsBase {
|
7
7
|
}
|
8
|
-
exports.
|
8
|
+
exports.MultilingualTextDisplaySettings = MultilingualTextDisplaySettings;
|
9
9
|
class MultilingualTextPropertyDefinition extends PropertyDefinition_1.PropertyDefinition {
|
10
10
|
constructor() {
|
11
11
|
super(...arguments);
|
@@ -6,7 +6,7 @@ class DatePropertyValue extends PropertyValue_1.PropertyValue {
|
|
6
6
|
constructor(date, timeZoneId) {
|
7
7
|
super();
|
8
8
|
this.date = date.toJSON();
|
9
|
-
this.
|
9
|
+
this.timeZoneId = timeZoneId.toString();
|
10
10
|
}
|
11
11
|
}
|
12
12
|
exports.DatePropertyValue = DatePropertyValue;
|
@@ -1,5 +1,5 @@
|
|
1
1
|
import { DynamicState, Guid, ThemeDefinitionV2, VelcronAppDefinition } from "..";
|
2
|
-
export type VelcronDefitinionRegistrationsTypes = "content" | "card" | "header" | "general";
|
2
|
+
export type VelcronDefitinionRegistrationsTypes = "content" | "card" | "header" | "general" | "property";
|
3
3
|
export interface VelcronDefinitionRegistration<TDefinitionState extends DynamicState = DynamicState> {
|
4
4
|
id: Guid;
|
5
5
|
definition: VelcronAppDefinition<TDefinitionState>;
|