fix: correct directions

equinor · Feb 8, 2024 · adcfa34 · adcfa34
1 parent 641924c
commit adcfa34
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 10 deletions.
diff --git a/packages/dm-core-plugins/src/stack/StackPlugin.tsx b/packages/dm-core-plugins/src/stack/StackPlugin.tsx
@@ -11,11 +11,11 @@ export const StackPlugin = (props: IUIPlugin) => {
 
   // map plugin language to stack props/css language
   const configMap: { [name: string]: string } = {
-    horizontal: 'column',
-    vertical: 'row',
-    verticalPlacement:
-      config.direction === 'horizontal' ? 'alignItems' : 'justifyContent',
+    vertical: 'column',
+    horizontal: 'row',
     horizontalPlacement:
+      config.direction === 'horizontal' ? 'alignItems' : 'justifyContent',
+    verticalPlacement:
       config.direction === 'horizontal' ? 'justifyContent' : 'alignItems',
     left: 'flex-start',
     center: 'center',
@@ -30,7 +30,7 @@ export const StackPlugin = (props: IUIPlugin) => {
     [configMap.verticalPlacement]: configMap[config.verticalPlacement],
     [configMap.horizontalPlacement]: configMap[config.horizontalPlacement],
     className: config.classNames?.join(' '),
-    spacing: config.spacing !== undefined ? config.spacing : 1.5,
+    spacing: config.spacing,
     wrap: config.wrap ? 'wrap' : 'no-wrap',
     style: { maxWidth: config.maxWidth },
   }

diff --git a/packages/dm-core-plugins/src/stack/types.ts b/packages/dm-core-plugins/src/stack/types.ts
@@ -3,8 +3,8 @@ import { TViewConfig } from '@development-framework/dm-core'
 export type StackPluginConfig = {
   items: TViewConfig[]
   direction: 'horizontal' | 'vertical'
-  verticalPlacement: 'left' | 'center' | 'right' | 'spaceItems'
-  horizontalPlacement: 'top' | 'center' | 'bottom'
+  horizontalPlacement: 'left' | 'center' | 'right' | 'spaceItems'
+  verticalPlacement: 'top' | 'center' | 'bottom'
   spacing: number
   maxWidth: string
   wrap: boolean
@@ -13,9 +13,9 @@ export type StackPluginConfig = {
 
 export const defaultConfig: StackPluginConfig = {
   items: [],
-  direction: 'horizontal',
-  verticalPlacement: 'left',
-  horizontalPlacement: 'top',
+  direction: 'vertical',
+  horizontalPlacement: 'left',
+  verticalPlacement: 'top',
   spacing: 2,
   maxWidth: 'none',
   wrap: false,