@omnia/fx-models 8.0.67-dev → 8.0.68-dev

package/Layout.d.ts

@@ -120,6 +120,24 @@ export declare enum SectionTypes {
 export interface Section<T extends SectionSettings = SectionSettings> extends LayoutItem {
     settings: T;
 }
+export interface OnSectionRenderedHookResult {
+    cssClass: string;
+    containerRenderer?: JSX.Element;
+}
+export interface RenderContextHooks {
+    onSectionRendered?: ((item: Section) => OnSectionRenderedHookResult);
+}
+export interface RenderContext<TItemType = LayoutItem, TSettings = LayoutItemSettings> {
+    id?: string;
+    hooks?: RenderContextHooks;
+    parentContainer?: LayoutItem;
+    item?: TItemType;
+    layoutId?: string;
+    settings?: TSettings;
+    useScrollMargingFix?: boolean;
+    state?: object;
+    maxWidth?: number;
+}
 export interface SectionSettings extends LayoutItemSettings {
     type: SectionTypes;
     alignment: HorizontalAlignments;

package/internal-do-not-import-from-here/velcron/core/models/VelcronDefinitions.d.ts

@@ -12,7 +12,9 @@ export interface ResolvedComponentRenderer {
 }
 export interface BuiltInComponentRenderers {
     "velcron": unknown;
-    "view": unknown;
+    "flex": unknown;
+    "row": unknown;
+    "column": unknown;
     "card": unknown;
     "text": unknown;
     "image": unknown;
@@ -201,23 +203,37 @@ export interface VelcronRenderProp {
     defaultValue?: any;
 }
 /*** Built-in Components *********************************************************************/
-export interface VelcronViewDefinition extends VelcronDefinition, VelcronColorStyling {
-    type: "view";
+export interface VelcronFlexDefinition extends VelcronDefinition, VelcronColorStyling {
+    type: "flex";
     events?: VelcronOnPressEvent;
-    direction?: VelcronBindableProp<"row" | "column" | "row-reverse" | "column-reverse">;
-    columnStyle?: object;
-    hAlign?: VelcronHorizontalAlignments;
-    vAlign?: VelcronVerticalAlignments;
-    grow?: number | "default";
-    absolute?: VelcronSpacing;
     border?: VelcronBorder;
     borderRadius?: VelcronDimensions;
+}
+export interface VelcronFlexRowDefinition extends VelcronDefinition, VelcronColorStyling {
+    type: "row";
+    events?: VelcronOnPressEvent;
+    direction?: VelcronBindableProp<"row" | "row-reverse">;
+    absolute?: VelcronSpacing;
+    hideOverflow?: boolean;
+    wrap?: boolean;
+    gapX?: number | string;
+    gapY?: number | string;
+    alignX?: VelcronHorizontalAlignments;
+    alignY?: VelcronVerticalAlignments;
+    grow?: number | "default";
     width?: number | string;
-    maxWidth?: number | string;
     minWidth?: number | string;
     height?: number | string;
     minHeight?: number | string;
-    maxHeight?: number | string;
+}
+export interface VelcronFlexColumnDefinition extends VelcronDefinition, VelcronColorStyling {
+    type: "column";
+    events?: VelcronOnPressEvent;
+    grow?: number;
+    alignY?: VelcronVerticalAlignments;
+    absolute?: VelcronSpacing;
+    width?: number | string;
+    minWidth?: number | string;
 }
 export interface VelcronCardDefinition extends VelcronDefinition, VelcronColorStyling {
     type: "card";
@@ -304,6 +320,7 @@ export interface VelcronBorder extends VelcronDimensions {
     colorType?: string;
     toned?: boolean;
     opacity?: number;
+    width?: number;
 }
 export interface VelcronChipDefinition extends VelcronDefinition {
     type: "chip";

package/oxide/OxideTypeDefinitions.d.ts

@@ -119,12 +119,12 @@ export declare const OPaddingTypeDefinitions: readonly ["top", "bottom", "left",
 export type OPaddingTypes = typeof OPaddingTypeDefinitions[number];
 export declare const OPaddingTypesName = "ODividerTypes";
 export type OPaddingCombination = `${OPaddingTypes}` | `${OPaddingTypes} ${OPaddingTypes}` | `${OPaddingTypes} ${OPaddingTypes} ${OPaddingTypes}` | `${OPaddingTypes} ${OPaddingTypes} ${OPaddingTypes} ${OPaddingTypes}`;
+export declare const ORowDirectionDefinitions: readonly ["row", "row-reverse"];
+export type ORowDirections = typeof ORowDirectionDefinitions[number];
+export declare const ORowDirectionsName = "ORowDirections";
 export declare const OPanelVariantDefinitions: readonly ["default", "dialog", "tab", "tab-vertical", "section", "toolbar", "settings", "navigation", "info-section", "content"];
 export type OPanelVariants = typeof OPanelVariantDefinitions[number];
 export declare const OPanelVariantsName = "OPanelVariants";
-export declare const OPanelDirectionDefinitions: readonly ["row", "column"];
-export type OPanelDirections = typeof OPanelDirectionDefinitions[number];
-export declare const OPanelDirectionsName = "OPanelDirections";
 export declare const OHorizontalAlignmentDefinitions: readonly ["left", "center", "right"];
 export type OHorizontalAlignments = typeof OHorizontalAlignmentDefinitions[number];
 export declare const OHorizontalAlignmentsName = "OHorizontalAlignments";

package/oxide/OxideTypeDefinitions.js

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.OListTypeDefinitions = exports.OListItemVariantsName = exports.OListItemVariantDefinitions = exports.ORatioTypesName = exports.ORatioTypeDefinitions = exports.OIconVariantsName = exports.OIconVariantDefinitions = exports.OIconAnimationsName = exports.OIconAnimationsDefinition = exports.OIconSizesName = exports.OIconSizeDefinitions = exports.OIconPresetsName = exports.OIconPresetDefinitions = exports.OPanelTypesName = exports.OPanelTypeDefinitions = exports.OPageDividerTypesName = exports.OPageDividerTypeDefinitions = exports.ODialogSizeDefinitions = exports.ODialogTypesName = exports.ODialogTypeDefinitions = exports.OColumnVariantsName = exports.OColumnVariantDefinitions = exports.OAlignmentTypesName = exports.OAlignmentTypeDefinitions = exports.OColValuesName = exports.OColValueDefinitions = exports.OButtonGroupTypesName = exports.OButtonGroupTypeDefinitions = exports.OButtonVariantsName = exports.OButtonVariantDefinitions = exports.OButtonPresetsName = exports.OButtonPresetDefinitions = exports.OAlertTypesName = exports.OAlertTypeDefinitions = exports.OAppBarTypesName = exports.OAppBarTypeDefinitions = exports.OProgressSizeTypesName = exports.OProgressSizeTypeDefinitions = exports.OProgressVariantsName = exports.OProgressVariantDefinitions = exports.OProgressTypesName = exports.OProgressTypeDefinitions = exports.OSliderVariantsName = exports.OSliderVariantDefinitions = exports.ODirectionTypesName = exports.ODirectionDefinitions = exports.ONotificationSizeTypeDefinitions = exports.OContentHeightDefinitions = exports.OSizeTypesName = exports.OSizeTypeDefinitions = void 0;
-exports.OSplitpanesVariationDefinitions = exports.ORatingLengthName = exports.ORatingLengthDefinition = exports.ORatingDensityTypesName = exports.ORatingDensityDefinitions = exports.OLazyVariationDefinitions = exports.OInfiniteScrollStatusDefinitions = exports.ODraggableVariantsName = exports.ODraggableVariationDefinitions = exports.OToolbarVariantsName = exports.OToolbarVariationDefinitions = exports.OTextBoxTypesName = exports.OTextBoxTypeDefinitions = exports.OTextBoxVariantTypesName = exports.OTextBoxVariantTypeDefinitions = exports.OTabVariantsName = exports.OTabVariantDefinitions = exports.OScrollOffsetTypesName = exports.OScrollOffsetTypeDefinitions = exports.OSkeletonLoaderName = exports.OSkeletonLoaderTypeDefinitions = exports.OSelectTypesName = exports.OSelectTypeDefinitions = exports.OScrollTypesName = exports.OScrollTypeDefinitions = exports.OFlexVariantsName = exports.OFlexVariantDefinitions = exports.OVerticalAlignmentsName = exports.OVerticalAlignmentDefinitions = exports.OTabAlignmentsName = exports.OTabAlignmentDefinitions = exports.OHorizontalAlignmentsName = exports.OHorizontalAlignmentDefinitions = exports.OPanelDirectionsName = exports.OPanelDirectionDefinitions = exports.OPanelVariantsName = exports.OPanelVariantDefinitions = exports.OPaddingTypesName = exports.OPaddingTypeDefinitions = exports.ODividerTypesName = exports.ODividerTypeDefinitions = exports.ONavigationDrawerVariantsName = exports.ONavigationDrawerVariantDefinitions = exports.ONavigationDrawerLocationsName = exports.ONavigationDrawerLocationDefinitions = exports.OMenuLocationsName = exports.OMenuLocationDefinitions = exports.OListLineTypesName = exports.OListLineTypeDefinitions = exports.OListTypesName = void 0;
+exports.OSplitpanesVariationDefinitions = exports.ORatingLengthName = exports.ORatingLengthDefinition = exports.ORatingDensityTypesName = exports.ORatingDensityDefinitions = exports.OLazyVariationDefinitions = exports.OInfiniteScrollStatusDefinitions = exports.ODraggableVariantsName = exports.ODraggableVariationDefinitions = exports.OToolbarVariantsName = exports.OToolbarVariationDefinitions = exports.OTextBoxTypesName = exports.OTextBoxTypeDefinitions = exports.OTextBoxVariantTypesName = exports.OTextBoxVariantTypeDefinitions = exports.OTabVariantsName = exports.OTabVariantDefinitions = exports.OScrollOffsetTypesName = exports.OScrollOffsetTypeDefinitions = exports.OSkeletonLoaderName = exports.OSkeletonLoaderTypeDefinitions = exports.OSelectTypesName = exports.OSelectTypeDefinitions = exports.OScrollTypesName = exports.OScrollTypeDefinitions = exports.OFlexVariantsName = exports.OFlexVariantDefinitions = exports.OVerticalAlignmentsName = exports.OVerticalAlignmentDefinitions = exports.OTabAlignmentsName = exports.OTabAlignmentDefinitions = exports.OHorizontalAlignmentsName = exports.OHorizontalAlignmentDefinitions = exports.OPanelVariantsName = exports.OPanelVariantDefinitions = exports.ORowDirectionsName = exports.ORowDirectionDefinitions = exports.OPaddingTypesName = exports.OPaddingTypeDefinitions = exports.ODividerTypesName = exports.ODividerTypeDefinitions = exports.ONavigationDrawerVariantsName = exports.ONavigationDrawerVariantDefinitions = exports.ONavigationDrawerLocationsName = exports.ONavigationDrawerLocationDefinitions = exports.OMenuLocationsName = exports.OMenuLocationDefinitions = exports.OListLineTypesName = exports.OListLineTypeDefinitions = exports.OListTypesName = void 0;
 exports.OSplitpanesVariationTypesName = void 0;
 /**Shared */
 const block = ["top", "bottom"];
@@ -92,10 +92,13 @@ exports.ODividerTypeDefinitions = ["top", "bottom", "left", "right"];
 exports.ODividerTypesName = "ODividerTypes";
 exports.OPaddingTypeDefinitions = ["top", "bottom", "left", "right", "none"];
 exports.OPaddingTypesName = "ODividerTypes";
+exports.ORowDirectionDefinitions = ["row", "row-reverse"];
+exports.ORowDirectionsName = "ORowDirections";
 exports.OPanelVariantDefinitions = ["default", "dialog", "tab", "tab-vertical", "section", "toolbar", "settings", "navigation", "info-section", "content"];
 exports.OPanelVariantsName = "OPanelVariants";
-exports.OPanelDirectionDefinitions = ["row", "column"];
-exports.OPanelDirectionsName = "OPanelDirections";
+// export const OPanelDirectionDefinitions = ["row", "column"] as const;
+// export type OPanelDirections = typeof OPanelDirectionDefinitions[number];
+// export const OPanelDirectionsName = "OPanelDirections";
 exports.OHorizontalAlignmentDefinitions = ["left", "center", "right"];
 exports.OHorizontalAlignmentsName = "OHorizontalAlignments";
 exports.OTabAlignmentDefinitions = ["start", "center", "end"];

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@omnia/fx-models",
   "license": "MIT",
-  "version": "8.0.67-dev",
+  "version": "8.0.68-dev",
   "description": "Provide Omnia Fx Models Stuffs.",
   "scripts": {
     "test": "echo \"Error: no test specified\" && exit 1"