@hixme/modal - npm Package Compare versions

Comparing version 2.1.5 to 2.1.6

lib/components/MrModal.js

@@ -55,2 +55,3 @@ 'use strict';
       contentEnd = _ref.contentEnd,
+      contentPadding = _ref.contentPadding,
       middle = _ref.middle,
@@ -71,3 +72,3 @@ bottom = _ref.bottom,
       errorDialog = _ref.errorDialog,
-      restProps = (0, _objectWithoutProperties3.default)(_ref, ['backgroundColor', 'children', 'hideCloseButton', 'isOpen', 'defaultClose', 'style', 'title', 'zIndex', 'transparent', 'contentCenter', 'contentEnd', 'middle', 'bottom', 'small', 'medium', 'large', 'cancelHandler', 'cancelLabel', 'cancelProcessing', 'cancelSubmittingText', 'confirmHandler', 'confirmLabel', 'confirmProcessing', 'confirmSubmittingText', 'dialog', 'errorDialog']);
+      restProps = (0, _objectWithoutProperties3.default)(_ref, ['backgroundColor', 'children', 'hideCloseButton', 'isOpen', 'defaultClose', 'style', 'title', 'zIndex', 'transparent', 'contentCenter', 'contentEnd', 'contentPadding', 'middle', 'bottom', 'small', 'medium', 'large', 'cancelHandler', 'cancelLabel', 'cancelProcessing', 'cancelSubmittingText', 'confirmHandler', 'confirmLabel', 'confirmProcessing', 'confirmSubmittingText', 'dialog', 'errorDialog']);
 
@@ -118,2 +119,3 @@ var getButtonGrid = function getButtonGrid() {
         border: '0',
+        borderRadius: '6px',
         top: 'unset',
@@ -198,89 +200,93 @@ right: 'unset',
           { xs: 12, style: { marginTop: middle || bottom ? '-50px' : '0' } },
-          title && _react2.default.createElement(
-            _reactFlexboxGrid.Row,
-            { center: 'xs', style: { marginTop: '20px' } },
-            _react2.default.createElement(
-              _reactFlexboxGrid.Col,
-              { xs: true },
-              _react2.default.createElement(
-                _title2.default,
-                { small: true },
-                title
-              )
-            )
-          ),
           _react2.default.createElement(
-            _reactFlexboxGrid.Row,
-            getContentAlign(),
-            _react2.default.createElement(
-              _reactFlexboxGrid.Col,
-              { xs: 12 },
-              children
-            )
-          ),
-          dialog && _react2.default.createElement(
-            _reactFlexboxGrid.Row,
-            { center: 'xs', style: { marginTop: '20px' } },
-            _react2.default.createElement(
-              _reactFlexboxGrid.Col,
-              (0, _extends3.default)({}, getButtonGrid(), { style: { marginBottom: '10px' } }),
+            'div',
+            { style: { padding: contentPadding || '0' } },
+            title && _react2.default.createElement(
+              _reactFlexboxGrid.Row,
+              { center: 'xs', style: { marginTop: '20px' } },
               _react2.default.createElement(
-                _button2.default,
-                {
-                  primary: true,
-                  block: true,
-                  onClick: confirmHandler,
-                  submitting: confirmProcessing,
-                  submittingText: confirmSubmittingText
-                },
-                confirmLabel
+                _reactFlexboxGrid.Col,
+                { xs: true },
+                _react2.default.createElement(
+                  _title2.default,
+                  { small: true },
+                  title
+                )
               )
             ),
             _react2.default.createElement(
-              _reactFlexboxGrid.Col,
-              getButtonGrid(),
+              _reactFlexboxGrid.Row,
+              getContentAlign(),
               _react2.default.createElement(
-                _button2.default,
-                {
-                  secondary: true,
-                  block: true,
-                  onClick: cancelHandler || defaultClose,
-                  submitting: cancelProcessing,
-                  submittingText: cancelSubmittingText
-                },
-                cancelLabel
+                _reactFlexboxGrid.Col,
+                { xs: 12 },
+                children
               )
-            )
-          ),
-          errorDialog && _react2.default.createElement(
-            _reactFlexboxGrid.Row,
-            { center: 'xs', style: { marginTop: '20px' } },
-            _react2.default.createElement(
-              _reactFlexboxGrid.Col,
-              (0, _extends3.default)({}, getButtonGrid(), { style: { marginBottom: '10px' } }),
+            ),
+            dialog && _react2.default.createElement(
+              _reactFlexboxGrid.Row,
+              { center: 'xs', style: { marginTop: '20px' } },
               _react2.default.createElement(
-                _button2.default,
-                {
-                  red: true,
-                  block: true,
-                  onClick: confirmHandler,
-                  submitting: confirmProcessing,
-                  submittingText: confirmSubmittingText
-                },
-                confirmLabel
+                _reactFlexboxGrid.Col,
+                (0, _extends3.default)({}, getButtonGrid(), { style: { marginBottom: '10px' } }),
+                _react2.default.createElement(
+                  _button2.default,
+                  {
+                    primary: true,
+                    block: true,
+                    onClick: confirmHandler,
+                    submitting: confirmProcessing,
+                    submittingText: confirmSubmittingText
+                  },
+                  confirmLabel
+                )
+              ),
+              _react2.default.createElement(
+                _reactFlexboxGrid.Col,
+                getButtonGrid(),
+                _react2.default.createElement(
+                  _button2.default,
+                  {
+                    secondary: true,
+                    block: true,
+                    onClick: cancelHandler || defaultClose,
+                    submitting: cancelProcessing,
+                    submittingText: cancelSubmittingText
+                  },
+                  cancelLabel
+                )
               )
             ),
-            _react2.default.createElement(
-              _reactFlexboxGrid.Col,
-              getButtonGrid(),
+            errorDialog && _react2.default.createElement(
+              _reactFlexboxGrid.Row,
+              { center: 'xs', style: { marginTop: '20px' } },
               _react2.default.createElement(
-                _button2.default,
-                {
-                  secondary: true,
-                  block: true,
-                  onClick: cancelHandler || defaultClose,
-                  submitting: cancelProcessing,
-                  submittingText: cancelSubmittingText
-                },
-                cancelLabel
+                _reactFlexboxGrid.Col,
+                (0, _extends3.default)({}, getButtonGrid(), { style: { marginBottom: '10px' } }),
+                _react2.default.createElement(
+                  _button2.default,
+                  {
+                    red: true,
+                    block: true,
+                    onClick: confirmHandler,
+                    submitting: confirmProcessing,
+                    submittingText: confirmSubmittingText
+                  },
+                  confirmLabel
+                )
+              ),
+              _react2.default.createElement(
+                _reactFlexboxGrid.Col,
+                getButtonGrid(),
+                _react2.default.createElement(
+                  _button2.default,
+                  {
+                    secondary: true,
+                    block: true,
+                    onClick: cancelHandler || defaultClose,
+                    submitting: cancelProcessing,
+                    submittingText: cancelSubmittingText
+                  },
+                  cancelLabel
+                )
               )
@@ -314,2 +320,5 @@ )
 
+  // Content spacing
+  contentPadding: _propTypes2.default.string,
+
   // Vertical Align
@@ -355,2 +364,5 @@ middle: _propTypes2.default.bool,
 
+  // Content spacing
+  contentPadding: null,
+
   // Vertical Align
@@ -357,0 +369,0 @@ middle: false,

package.json

 {
   "name": "@hixme/modal",
-  "version": "2.1.5",
+  "version": "2.1.6",
   "description": "Hixme Modal",
@@ -5,0 +5,0 @@ "main": "lib/index.js",

src/components/MrModal.js

@@ -27,2 +27,5 @@ import React from 'react'
 
+  // Content spacing
+  contentPadding,
+
   // Vertical align
@@ -95,2 +98,3 @@ middle,
         border: '0',
+        borderRadius: '6px',
         top: 'unset',
@@ -177,3 +181,4 @@ right: 'unset',
           <Col xs={12} style={{ marginTop: (middle || bottom) ? '-50px' : '0' }}>
-            {title &&
+            <div style={{ padding: contentPadding || '0' }}>
+              {title &&
               <Row center='xs' style={{ marginTop: '20px' }}>
@@ -184,9 +189,9 @@ <Col xs>
               </Row>
-            }
-            <Row {...getContentAlign()}>
-              <Col xs={12}>
-                {children}
-              </Col>
-            </Row>
-            {dialog &&
+    }
+              <Row {...getContentAlign()}>
+                <Col xs={12}>
+                  {children}
+                </Col>
+              </Row>
+              {dialog &&
               <Row center='xs' style={{ marginTop: '20px' }}>
@@ -216,4 +221,4 @@ <Col {...getButtonGrid()} style={{ marginBottom: '10px' }}>
               </Row>
-            }
-            {errorDialog &&
+    }
+              {errorDialog &&
               <Row center='xs' style={{ marginTop: '20px' }}>
@@ -243,3 +248,4 @@ <Col {...getButtonGrid()} style={{ marginBottom: '10px' }}>
               </Row>
-            }
+    }
+            </div>
           </Col>
@@ -268,2 +274,5 @@ </Row>
 
+  // Content spacing
+  contentPadding: PropTypes.string,
+
   // Vertical Align
@@ -307,2 +316,5 @@ middle: PropTypes.bool,
 
+  // Content spacing
+  contentPadding: null,
+
   // Vertical Align
@@ -309,0 +321,0 @@ middle: false,

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

67609

increased by1.82%

Lines of code

1123

increased by1.72%

No dependency changes