fix(space): removed excess div

core-ds · Dec 30, 2020 · 776e093 · 776e093
1 parent 6d387a8
commit 776e093
Show file tree

Hide file tree

Showing 2 changed files with 48 additions and 70 deletions.
diff --git a/packages/space/src/Component.tsx b/packages/space/src/Component.tsx
@@ -126,21 +126,15 @@ export const Space = forwardRef<HTMLDivElement, SpaceProps>((props, ref) => {
         /* eslint-enable */
     ));
 
-    const componentClassName = classNames({
-        [styles.spaceFullWidth]: fullWidth,
-    });
-
     return (
-        <div className={componentClassName}>
-            <div
-                className={containerClassName}
-                style={{
-                    ...(wrap && { flexWrap: 'wrap', marginBottom: -verticalSize }),
-                }}
-                ref={ref}
-            >
-                {nodes}
-            </div>
+        <div
+            className={containerClassName}
+            style={{
+                ...(wrap && { flexWrap: 'wrap', marginBottom: -verticalSize }),
+            }}
+            ref={ref}
+        >
+            {nodes}
         </div>
     );
 });
diff --git a/packages/space/src/__snapshots__/Component.test.tsx.snap b/packages/space/src/__snapshots__/Component.test.tsx.snap
@@ -5,38 +5,6 @@ Object {
   "asFragment": [Function],
   "baseElement": <body>
     <div>
-      <div
-        class=""
-      >
-        <div
-          class="spaceContainer vertical start"
-        >
-          <div
-            class="spaceItem"
-            style="margin-bottom: 16px;"
-          >
-            <div
-              class="cardImage rounded"
-              style="width: 280px; height: 176.4px;"
-            >
-              <img
-                class="image"
-                height="176.4"
-                role="presentation"
-                src="https://online.alfabank.ru/cards-images/cards/EG/images?layers=BACKGROUND,CARD_NUMBER,CARD_HOLDER,PAY_PASS,CHIP,LOGO,PAYMENT_SYSTEM,RESERVED_1,RESERVED_2,VALID_DATE&width=280"
-                srcset="https://online.alfabank.ru/cards-images/cards/EG/images?layers=BACKGROUND,CARD_NUMBER,CARD_HOLDER,PAY_PASS,CHIP,LOGO,PAYMENT_SYSTEM,RESERVED_1,RESERVED_2,VALID_DATE&width=560 2x"
-                width="280"
-              />
-            </div>
-          </div>
-        </div>
-      </div>
-    </div>
-  </body>,
-  "container": <div>
-    <div
-      class=""
-    >
       <div
         class="spaceContainer vertical start"
       >
@@ -60,6 +28,30 @@ Object {
         </div>
       </div>
     </div>
+  </body>,
+  "container": <div>
+    <div
+      class="spaceContainer vertical start"
+    >
+      <div
+        class="spaceItem"
+        style="margin-bottom: 16px;"
+      >
+        <div
+          class="cardImage rounded"
+          style="width: 280px; height: 176.4px;"
+        >
+          <img
+            class="image"
+            height="176.4"
+            role="presentation"
+            src="https://online.alfabank.ru/cards-images/cards/EG/images?layers=BACKGROUND,CARD_NUMBER,CARD_HOLDER,PAY_PASS,CHIP,LOGO,PAYMENT_SYSTEM,RESERVED_1,RESERVED_2,VALID_DATE&width=280"
+            srcset="https://online.alfabank.ru/cards-images/cards/EG/images?layers=BACKGROUND,CARD_NUMBER,CARD_HOLDER,PAY_PASS,CHIP,LOGO,PAYMENT_SYSTEM,RESERVED_1,RESERVED_2,VALID_DATE&width=560 2x"
+            width="280"
+          />
+        </div>
+      </div>
+    </div>
   </div>,
   "debug": [Function],
   "findAllByAltText": [Function],
@@ -120,30 +112,6 @@ Object {
   "asFragment": [Function],
   "baseElement": <body>
     <div>
-      <div
-        class=""
-      >
-        <div
-          class="spaceContainer vertical start"
-        >
-          <div
-            class="spaceItem"
-            style="margin-bottom: 16px;"
-          >
-            0
-          </div>
-          <div
-            class="spaceItem"
-            style="margin-bottom: 16px;"
-          />
-        </div>
-      </div>
-    </div>
-  </body>,
-  "container": <div>
-    <div
-      class=""
-    >
       <div
         class="spaceContainer vertical start"
       >
@@ -159,6 +127,22 @@ Object {
         />
       </div>
     </div>
+  </body>,
+  "container": <div>
+    <div
+      class="spaceContainer vertical start"
+    >
+      <div
+        class="spaceItem"
+        style="margin-bottom: 16px;"
+      >
+        0
+      </div>
+      <div
+        class="spaceItem"
+        style="margin-bottom: 16px;"
+      />
+    </div>
   </div>,
   "debug": [Function],
   "findAllByAltText": [Function],