diff --git a/src/dts/svgld.d.ts b/src/dts/svgld.d.ts index 95ba2ed..005216b 100644 --- a/src/dts/svgld.d.ts +++ b/src/dts/svgld.d.ts @@ -1,106 +1,73 @@ declare namespace SVGLD { -export interface IMargin { - left?: number; - bottom?: number; - top?: number; - right?: number; +/** + * Add method when creating a container + * - Append will append to the last children in list + * - Insert will always place it at the begining + * - Replace will remove the selected container and insert a new one + * (default: Append) + */ +export enum AddMethod { + Append = 0, + Insert = 1, + Replace = 2, + ReplaceParent = 3 } -export interface IPoint { - x: number; - y: number; +export enum AppState { + MainMenu = 0, + Loading = 1, + Loaded = 2 } +export enum MessageType { + Normal = 0, + Success = 1, + Warning = 2, + Error = 3 +} +export enum Orientation { + Horizontal = 0, + Vertical = 1 +} + +export enum Position { + Left = 0, + Down = 1, + Up = 2, + Right = 3 +} + +export enum PositionReference { + TopLeft = 0, + TopCenter = 1, + TopRight = 2, + CenterLeft = 3, + CenterCenter = 4, + CenterRight = 5, + BottomLeft = 6, + BottomCenter = 7, + BottomRight = 8 +} /** - * Model of available symbol to configure the application */ -export interface IAvailableSymbol { - Name: string; - Image: IImage; - Width?: number; - Height?: number; - PositionReference?: PositionReference; -} - -export interface IAPIConfiguration { - apiFetchUrl?: string; - apiSetContainerListUrl?: string; - apiGetFeedbackUrl?: string; -} - - -export interface ISymbolModel { - /** Identifier */ - id: string; - /** Type */ - type: string; - /** Configuration of the symbol */ - config: IAvailableSymbol; - /** Horizontal offset */ - x: number; - /** Width */ - width: number; - /** Height */ - height: number; - /** List of linked container id */ - linkedContainers: Set; -} - - -export interface IPattern { + * Describe the type of the property. + * Used for the assignation in the OnPropertyChange function + * See ContainerOperations.ts's OnPropertyChange + */ +export enum PropertyType { /** - * Unique id for the pattern + * Simple property: is not inside any object: id, x, width... (default) */ - id: string; + Simple = 0, /** - * Text to display in the sidebar + * Style property: is inside the style object: stroke, fillOpacity... */ - text: string; + Style = 1, /** - * IAvailableContainer id used to wrap the children. + * Margin property: is inside the margin property: left, bottom, top, right... */ - wrapper: string; - /** - * List of ids of Pattern or IAvailableContainer - * If a IAvailableContainer and a Pattern have the same id, - * IAvailableContainer will be prioritized - */ - children: string[]; -} -export type ContainerOrPattern = IAvailableContainer | IPattern; -export function GetPattern(id: string, configs: Map, patterns: Map): ContainerOrPattern | undefined; -export function IsPattern(id: string, configs: Map, patterns: Map): boolean; - - - -export interface IHistoryState { - /** Last editor action */ - lastAction: string; - /** Reference to the main container */ - mainContainer: string; - containers: Map; - /** Id of the selected container */ - selectedContainerId: string; - /** Counter of type of container. Used for ids. */ - typeCounters: Record; - /** List of symbols */ - symbols: Map; - /** Selected symbols id */ - selectedSymbolId: string; -} - - -export interface IGetFeedbackRequest { - /** Current application state */ - ApplicationState: IHistoryState; -} - - -export interface IInputGroup { - key: string; - text: React.ReactNode; - value: string; + Margin = 2 } @@ -114,176 +81,13 @@ export interface IAction { AddingBehavior: AddMethod; } - - -export interface ISetContainerListResponse { - Containers: IAvailableContainer[]; - AddingBehavior?: AddMethod; +export interface IAPIConfiguration { + apiFetchUrl?: string; + apiSetContainerListUrl?: string; + apiGetFeedbackUrl?: string; } -export interface IContainerModel { - children: string[]; - properties: IContainerProperties; - userData: Record; -} -/** - * Macro for creating the interface - * Do not add methods since they will be lost during serialization - */ -export class ContainerModel implements IContainerModel { - children: string[]; - properties: IContainerProperties; - userData: Record; - constructor(properties: IContainerProperties, children?: string[], userData?: {}); -} - -/** - * A SizePointer is a pointer in a 1 dimensional array of width/space - * x being the address where the pointer is pointing - * width being the overall (un)allocated space affected to the address - */ -export interface ISizePointer { - x: number; - width: number; -} - - -export interface IGetFeedbackResponse { - messages: IMessage[]; -} - - - - - - -/** Model of configuration for the application to configure it */ -export interface IConfiguration { - AvailableContainers: IAvailableContainer[]; - AvailableSymbols: IAvailableSymbol[]; - Categories: ICategory[]; - Patterns: IPattern[]; - MainContainer: IAvailableContainer; - APIConfiguration?: IAPIConfiguration; -} - - - - -export interface ISetContainerListRequest { - /** Name of the action declared in the API */ - Action: IAction; - /** Selected container */ - Container: IContainerModel; - /** The previous sibling container */ - PreviousContainer: IContainerModel | undefined; - /** The next sibling container */ - NextContainer: IContainerModel | undefined; - /** Current application state */ - ApplicationState: IHistoryState; -} - - - - - - -/** - * Properties of a container - */ -export interface IContainerProperties { - /** id of the container */ - id: string; - /** type matching the configuration on construction */ - type: string; - /** id of the parent container (null when there is no parent) */ - parentId: string; - /** id of the linked symbol ('' when there is no parent) */ - linkedSymbolId: string; - /** Text displayed in the container */ - displayedText: string; - /** orientation */ - orientation: Orientation; - /** horizontal offset */ - x: number; - /** vertical offset */ - y: number; - /** margin */ - margin: IMargin; - /** width */ - width: number; - /** height */ - height: number; - /** - * Minimum width (min=1) - */ - minWidth: number; - /** - * Maximum width - */ - maxWidth: number; - /** - * Minimum height (min=1) - */ - minHeight: number; - /** - * Maximum height - */ - maxHeight: number; - /** true if anchor, false otherwise */ - isAnchor: boolean; - /** true if flex, false otherwise */ - isFlex: boolean; - /** Horizontal alignment, also determines the visual location of x {Left = 0, Center, Right } */ - positionReference: PositionReference; - /** Hide the children in the treeview */ - hideChildrenInTreeview: boolean; - /** if true, show the dimension of the container */ - showSelfDimensions: Position[]; - /** if true show the overall dimensions of its children */ - showChildrenDimensions: Position[]; - /** - * if true, allows a parent dimension borrower to borrow its x coordinate - * as a reference point for a dimension - */ - markPosition: Orientation[]; - /** - * if true, show a dimension from the edge of the container to end - * and insert dimensions marks at lift up children (see liftDimensionToBorrower) - */ - showDimensionWithMarks: Position[]; - /** - * Warnings of a container - */ - warning: string; - /** - * (optional) - * Replace a by a customized "SVG". It is not really an svg but it at least allows - * to draw some patterns that can be bind to the properties of the container - * Use {prop} to bind a property. Use {{ styleProp }} to use an object. - * Example : - * ``` - * ` - * - * - * - * ` - * ``` - */ - customSVG?: string; - /** - * (optional) - * Style of the - */ - style?: React.CSSProperties; - /** - * (optional) - * User data that can be used for data storage or custom SVG - */ - userData?: object; -} - @@ -415,13 +219,157 @@ export interface IAvailableContainer { * (optional) * User data that can be used for data storage or custom SVG */ - UserData?: object; + UserData?: IKeyValue[]; } -export interface IMessage { - text: string; - type: MessageType; + +/** + * Model of available symbol to configure the application */ +export interface IAvailableSymbol { + Name: string; + Image: IImage; + Width?: number; + Height?: number; + PositionReference?: PositionReference; +} + +export interface ICategory { + Type: string; + DisplayedText?: string; +} + + + + + + +/** Model of configuration for the application to configure it */ +export interface IConfiguration { + AvailableContainers: IAvailableContainer[]; + AvailableSymbols: IAvailableSymbol[]; + Categories: ICategory[]; + Patterns: IPattern[]; + MainContainer: IAvailableContainer; + APIConfiguration?: IAPIConfiguration; +} + + +export interface IContainerModel { + children: string[]; + properties: IContainerProperties; + userData: Record; +} +/** + * Macro for creating the interface + * Do not add methods since they will be lost during serialization + */ +export class ContainerModel implements IContainerModel { + children: string[]; + properties: IContainerProperties; + userData: Record; + constructor(properties: IContainerProperties, children?: string[], userData?: {}); +} + + + + + + + +/** + * Properties of a container + */ +export interface IContainerProperties { + /** id of the container */ + id: string; + /** type matching the configuration on construction */ + type: string; + /** id of the parent container (null when there is no parent) */ + parentId: string; + /** id of the linked symbol ('' when there is no parent) */ + linkedSymbolId: string; + /** Text displayed in the container */ + displayedText: string; + /** orientation */ + orientation: Orientation; + /** horizontal offset */ + x: number; + /** vertical offset */ + y: number; + /** margin */ + margin: IMargin; + /** width */ + width: number; + /** height */ + height: number; + /** + * Minimum width (min=1) + */ + minWidth: number; + /** + * Maximum width + */ + maxWidth: number; + /** + * Minimum height (min=1) + */ + minHeight: number; + /** + * Maximum height + */ + maxHeight: number; + /** true if anchor, false otherwise */ + isAnchor: boolean; + /** true if flex, false otherwise */ + isFlex: boolean; + /** Horizontal alignment, also determines the visual location of x {Left = 0, Center, Right } */ + positionReference: PositionReference; + /** Hide the children in the treeview */ + hideChildrenInTreeview: boolean; + /** if true, show the dimension of the container */ + showSelfDimensions: Position[]; + /** if true show the overall dimensions of its children */ + showChildrenDimensions: Position[]; + /** + * if true, allows a parent dimension borrower to borrow its x coordinate + * as a reference point for a dimension + */ + markPosition: Orientation[]; + /** + * if true, show a dimension from the edge of the container to end + * and insert dimensions marks at lift up children (see liftDimensionToBorrower) + */ + showDimensionWithMarks: Position[]; + /** + * Warnings of a container + */ + warning: string; + /** + * (optional) + * Replace a by a customized "SVG". It is not really an svg but it at least allows + * to draw some patterns that can be bind to the properties of the container + * Use {prop} to bind a property. Use {{ styleProp }} to use an object. + * Example : + * ``` + * ` + * + * + * + * ` + * ``` + */ + customSVG?: string; + /** + * (optional) + * Style of the + */ + style?: React.CSSProperties; + /** + * (optional) + * User data that can be used for data storage or custom SVG + */ + userData?: IKeyValue[]; } @@ -432,9 +380,33 @@ export interface IEditorState { configuration: IConfiguration; } -export interface ICategory { - Type: string; - DisplayedText?: string; + +export interface IGetFeedbackRequest { + /** Current application state */ + ApplicationState: IHistoryState; +} + + +export interface IGetFeedbackResponse { + messages: IMessage[]; +} + + + +export interface IHistoryState { + /** Last editor action */ + lastAction: string; + /** Reference to the main container */ + mainContainer: string; + containers: Map; + /** Id of the selected container */ + selectedContainerId: string; + /** Counter of type of container. Used for ids. */ + typeCounters: Record; + /** List of symbols */ + symbols: Map; + /** Selected symbols id */ + selectedSymbolId: string; } /** @@ -455,75 +427,116 @@ export interface IImage { Svg?: string; } -export enum MessageType { - Normal = 0, - Success = 1, - Warning = 2, - Error = 3 + +export interface IInputGroup { + key: string; + text: React.ReactNode; + value: string; +} + +export interface IKeyValue { + Key: string; + Value: string; +} + +export interface ILanguage { + language: string; + dictionary: Record; + languageChange?: (selected: string) => void; +} + +export interface IMargin { + left?: number; + bottom?: number; + top?: number; + right?: number; +} + + +export interface IMessage { + text: string; + type: MessageType; +} + + +export interface IPattern { + /** + * Unique id for the pattern + */ + id: string; + /** + * Text to display in the sidebar + */ + text: string; + /** + * IAvailableContainer id used to wrap the children. + */ + wrapper: string; + /** + * List of ids of Pattern or IAvailableContainer + * If a IAvailableContainer and a Pattern have the same id, + * IAvailableContainer will be prioritized + */ + children: string[]; +} +export type ContainerOrPattern = IAvailableContainer | IPattern; +export function GetPattern(id: string, configs: Map, patterns: Map): ContainerOrPattern | undefined; +export function IsPattern(id: string, configs: Map, patterns: Map): boolean; + +export interface IPoint { + x: number; + y: number; +} + + + + +export interface ISetContainerListRequest { + /** Name of the action declared in the API */ + Action: IAction; + /** Selected container */ + Container: IContainerModel; + /** The previous sibling container */ + PreviousContainer: IContainerModel | undefined; + /** The next sibling container */ + NextContainer: IContainerModel | undefined; + /** Current application state */ + ApplicationState: IHistoryState; +} + + + +export interface ISetContainerListResponse { + Containers: IAvailableContainer[]; + AddingBehavior?: AddMethod; } /** - * Add method when creating a container - * - Append will append to the last children in list - * - Insert will always place it at the begining - * - Replace will remove the selected container and insert a new one - * (default: Append) + * A SizePointer is a pointer in a 1 dimensional array of width/space + * x being the address where the pointer is pointing + * width being the overall (un)allocated space affected to the address */ -export enum AddMethod { - Append = 0, - Insert = 1, - Replace = 2, - ReplaceParent = 3 +export interface ISizePointer { + x: number; + width: number; } -/** - * Describe the type of the property. - * Used for the assignation in the OnPropertyChange function - * See ContainerOperations.ts's OnPropertyChange - */ -export enum PropertyType { - /** - * Simple property: is not inside any object: id, x, width... (default) - */ - Simple = 0, - /** - * Style property: is inside the style object: stroke, fillOpacity... - */ - Style = 1, - /** - * Margin property: is inside the margin property: left, bottom, top, right... - */ - Margin = 2 -} -export enum PositionReference { - TopLeft = 0, - TopCenter = 1, - TopRight = 2, - CenterLeft = 3, - CenterCenter = 4, - CenterRight = 5, - BottomLeft = 6, - BottomCenter = 7, - BottomRight = 8 -} - -export enum AppState { - MainMenu = 0, - Loading = 1, - Loaded = 2 -} - -export enum Orientation { - Horizontal = 0, - Vertical = 1 -} - -export enum Position { - Left = 0, - Down = 1, - Up = 2, - Right = 3 +export interface ISymbolModel { + /** Identifier */ + id: string; + /** Type */ + type: string; + /** Configuration of the symbol */ + config: IAvailableSymbol; + /** Horizontal offset */ + x: number; + /** Width */ + width: number; + /** Height */ + height: number; + /** List of linked container id */ + linkedContainers: Set; } }