UI: Make step content's width on steps wizard form configurable (#19)

* Make step content's width on steps wizard form configurable * Bump UI to 1.4.2
caraml-dev · May 8, 2021 · 7f250ce · 7f250ce
1 parent 425ee80
commit 7f250ce
Show file tree

Hide file tree

Showing 5 changed files with 5 additions and 5 deletions.
diff --git a/ui/package.json b/ui/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@gojek/mlp-ui",
-  "version": "1.4.1",
+  "version": "1.4.2",
   "private": true,
   "repository": {
     "type": "git",

diff --git a/ui/packages/app/package.json b/ui/packages/app/package.json
@@ -1,6 +1,6 @@
 {
   "name": "mlp-ui",
-  "version": "1.4.1",
+  "version": "1.4.2",
   "private": true,
   "license": "Apache-2.0",
   "dependencies": {

diff --git a/ui/packages/lib/package.json b/ui/packages/lib/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@gojek/mlp-ui",
-  "version": "1.4.1",
+  "version": "1.4.2",
   "license": "Apache-2.0",
   "main": "dist/index.js",
   "module": "dist/index.es.js",

diff --git a/ui/packages/lib/src/components/multi_steps_form/StepContent.js b/ui/packages/lib/src/components/multi_steps_form/StepContent.js
@@ -1,5 +1,5 @@
-import { EuiFlexGroup, EuiFlexItem } from "@elastic/eui";
 import React from "react";
+import { EuiFlexGroup, EuiFlexItem } from "@elastic/eui";
 
 export const StepContent = ({ children, width = "75%" }) => (
   <EuiFlexGroup direction="row" justifyContent="center">

diff --git a/ui/packages/lib/src/components/multi_steps_form/StepsWizardHorizontal.js b/ui/packages/lib/src/components/multi_steps_form/StepsWizardHorizontal.js
@@ -44,7 +44,7 @@ export const StepsWizardHorizontal = ({
         <EuiSpacer size="l" />
 
         <EuiFlexItem>
-          <StepContent>{steps[currentStep].children}</StepContent>
+          <StepContent width={steps[currentStep].width}>{steps[currentStep].children}</StepContent>
         </EuiFlexItem>
 
         <EuiSpacer size="l" />