diff --git a/src/Components/SVG/Elements/Container.tsx b/src/Components/SVG/Elements/Container.tsx index b6c42a9..ff84123 100644 --- a/src/Components/SVG/Elements/Container.tsx +++ b/src/Components/SVG/Elements/Container.tsx @@ -2,7 +2,7 @@ import * as React from 'react'; import { Interweave, Node } from 'interweave'; import { XPositionReference } from '../../../Enums/XPositionReference'; import { IContainerModel } from '../../../Interfaces/IContainerModel'; -import { DIMENSION_MARGIN, SHOW_CHILDREN_DIMENSIONS, SHOW_PARENT_DIMENSION } from '../../../utils/default'; +import { DIMENSION_MARGIN, SHOW_CHILDREN_DIMENSIONS, SHOW_PARENT_DIMENSION, SHOW_TEXT } from '../../../utils/default'; import { getDepth } from '../../../utils/itertools'; import { Dimension } from './Dimension'; import IProperties from '../../../Interfaces/IProperties'; @@ -93,12 +93,14 @@ export const Container: React.FC = (props: IContainerProps) => } { dimensionChildren } { svg } - - {props.model.properties.id} - + { SHOW_TEXT + ? + {props.model.properties.id} + + : null } { containersElements } ); diff --git a/src/utils/default.ts b/src/utils/default.ts index 348100f..ff556ec 100644 --- a/src/utils/default.ts +++ b/src/utils/default.ts @@ -4,6 +4,10 @@ import { IConfiguration } from '../Interfaces/IConfiguration'; import { IContainerModel } from '../Interfaces/IContainerModel'; import IProperties from '../Interfaces/IProperties'; +/// CONTAINRE DEFAULTS /// + +export const SHOW_TEXT = true; + /// DIMENSIONS DEFAULTS /// export const SHOW_PARENT_DIMENSION = true; @@ -14,6 +18,7 @@ export const NOTCHES_LENGTH = 4; /// EDITOR DEFAULTS /// +export const ENABLE_SHORTCUTS = true; export const MAX_HISTORY = 200; export const DEFAULT_CONFIG: IConfiguration = {