Merged PR 196: Implement Vertical orientation + Upgrade Heroicons to 2.0

Implémenter l'orientation verticale

Modifier l'effet de append

Implementer RigidBody

Implementer Flex et simplex

Implémenter Push

Implémenter Swap

Implement MinMaxHeight without behaviors

Fix Margin for Height

Implement PositionReference

Fix dimension vertical position inside children

Add orientation change in form

Implement sortChildren

Implement Anchor

Fix warning message on overlapping

Fix minimap when root container is vertical

#7287
#7288
#7289
#7290
#7291
#7292
#7294
#7295
#7296
#7297
#7298
#7299
#7300
#7301
#7302

src/Interfaces/IAvailableContainer.ts

@@ -1,9 +1,10 @@
 /* eslint-disable @typescript-eslint/naming-convention */
 import React from 'react';
 import { AddMethod } from '../Enums/AddMethod';
-import { XPositionReference } from '../Enums/XPositionReference';
+import { PositionReference } from '../Enums/PositionReference';
 import { IAction } from './IAction';
 import { IMargin } from './IMargin';
+import { Orientation } from './Orientation';
 
 /** Model of available container used in application configuration */
 export interface IAvailableContainer {
@@ -16,6 +17,9 @@ export interface IAvailableContainer {
   /** category */
   Category?: string
 
+  /** orientation */
+  Orientation?: Orientation
+
   /** horizontal offset */
   X?: number
 
@@ -30,8 +34,6 @@ export interface IAvailableContainer {
 
   /**
    * Minimum width (min=1)
-   * Allows the container to set isRigidBody to false when it gets squeezed
-   * by an anchor
    */
   MinWidth?: number
 
@@ -40,6 +42,16 @@ export interface IAvailableContainer {
    */
   MaxWidth?: number
 
+  /**
+   * Minimum height (min=1)
+   */
+  MinHeight?: number
+
+  /**
+   * Maximum height
+   */
+  MaxHeight?: number
+
   /** margin */
   Margin?: IMargin
 
@@ -53,7 +65,7 @@ export interface IAvailableContainer {
   AddMethod?: AddMethod
 
   /** Horizontal alignment, also determines the visual location of x {Left = 0, Center, Right } */
-  XPositionReference?: XPositionReference
+  PositionReference?: PositionReference
 
   /**
    * (optional)

src/Interfaces/IAvailableSymbol.ts

@@ -1,5 +1,5 @@
 /* eslint-disable @typescript-eslint/naming-convention */
-import { XPositionReference } from '../Enums/XPositionReference';
+import { PositionReference } from '../Enums/PositionReference';
 import { IImage } from './IImage';
 
 /**
@@ -9,5 +9,5 @@ export interface IAvailableSymbol {
   Image: IImage
   Width?: number
   Height?: number
-  XPositionReference?: XPositionReference
+  XPositionReference?: PositionReference
 }

src/Interfaces/IContainerProperties.ts

@@ -1,6 +1,7 @@
 import * as React from 'react';
-import { XPositionReference } from '../Enums/XPositionReference';
+import { PositionReference } from '../Enums/PositionReference';
 import { IMargin } from './IMargin';
+import { Orientation } from './Orientation';
 
 /**
  * Properties of a container
@@ -21,6 +22,9 @@ export interface IContainerProperties {
   /** Text displayed in the container */
   displayedText: string
 
+  /** orientation */
+  orientation: Orientation
+
   /** horizontal offset */
   x: number
 
@@ -30,10 +34,14 @@ export interface IContainerProperties {
   /** margin */
   margin: IMargin
 
+  /** width */
+  width: number
+
+  /** height */
+  height: number
+
   /**
    * Minimum width (min=1)
-   * Allows the container to set isRigidBody to false when it gets squeezed
-   * by an anchor
    */
   minWidth: number
 
@@ -42,11 +50,15 @@ export interface IContainerProperties {
    */
   maxWidth: number
 
-  /** width */
-  width: number
+  /**
+   * Minimum height (min=1)
+   */
+  minHeight: number
 
-  /** height */
-  height: number
+  /**
+   * Maximum height
+   */
+  maxHeight: number
 
   /** true if anchor, false otherwise */
   isAnchor: boolean
@@ -55,7 +67,7 @@ export interface IContainerProperties {
   isFlex: boolean
 
   /** Horizontal alignment, also determines the visual location of x {Left = 0, Center, Right } */
-  xPositionReference: XPositionReference
+  positionReference: PositionReference
 
   /** Hide the children in the treeview */
   hideChildrenInTreeview: boolean

src/Interfaces/IInputGroup.ts

@@ -1,6 +1,7 @@
 import React from 'react';
 
 export interface IInputGroup {
+  key: string
   text: React.ReactNode
   value: string
 }

src/Interfaces/Orientation.ts

@@ -0,0 +1,4 @@
+export enum Orientation {
+  Horizontal,
+  Vertical
+}