@zohodesk/components 1.0.0-alpha-245 → 1.0.0-alpha-248

package/lib/Layout/docs/Layout__four_Column.docs.js

@@ -52,8 +52,7 @@ var Layout__four_Column = /*#__PURE__*/function (_React$Component) {
       return /*#__PURE__*/_react["default"].createElement("div", {
         style: {
           height: '500px',
-          maxWidth: '1200px',
-          margin: '0 auto'
+          width: '100%'
         }
       }, /*#__PURE__*/_react["default"].createElement(_CodeExtractor["default"], null, /*#__PURE__*/_react["default"].createElement(_.Container, {
         alignBox: "column",
@@ -70,56 +69,51 @@ var Layout__four_Column = /*#__PURE__*/function (_React$Component) {
         style: {
           background: '#f5f5f5'
         }
-      }, /*#__PURE__*/_react["default"].createElement(_.Box, null, /*#__PURE__*/_react["default"].createElement("div", {
+      }, /*#__PURE__*/_react["default"].createElement(_.Box, {
         style: {
           background: '#666',
           height: '45px'
         }
-      })), /*#__PURE__*/_react["default"].createElement(_.Box, {
+      }), /*#__PURE__*/_react["default"].createElement(_.Box, {
         flexible: true
       }, /*#__PURE__*/_react["default"].createElement(_.Container, {
         alignBox: "row",
         style: {
           background: '#f5f5f5'
-        },
-        align: "top"
+        }
       }, /*#__PURE__*/_react["default"].createElement(_.Box, {
-        hidden: ['xs']
-      }, /*#__PURE__*/_react["default"].createElement("div", {
+        hidden: ['xs'],
         style: {
           background: 'var(--dot_black)',
           width: '220px',
           height: '100%'
         }
-      })), /*#__PURE__*/_react["default"].createElement(_.Box, {
-        hidden: ['xs']
-      }, /*#__PURE__*/_react["default"].createElement("div", {
+      }), /*#__PURE__*/_react["default"].createElement(_.Box, {
+        flexible: true,
+        hidden: ['xs'],
         style: {
           background: '#4e524e',
-          width: '320px',
           height: '100%'
         }
-      })), /*#__PURE__*/_react["default"].createElement(_.Box, {
-        flexible: true
-      }, /*#__PURE__*/_react["default"].createElement("div", {
+      }), /*#__PURE__*/_react["default"].createElement(_.Box, {
+        flexible: true,
         style: {
           background: '#909090',
           height: '100%'
         }
-      })), /*#__PURE__*/_react["default"].createElement(_.Box, {
-        hidden: ['sm', 'xs', 'md']
-      }, /*#__PURE__*/_react["default"].createElement("div", {
+      }), /*#__PURE__*/_react["default"].createElement(_.Box, {
+        hidden: ['sm', 'xs', 'md'],
         style: {
           background: '#4e524e',
-          width: '320px',
           height: '100%'
-        }
-      })))))), /*#__PURE__*/_react["default"].createElement(_.Box, null, /*#__PURE__*/_react["default"].createElement("div", {
+        },
+        flexible: true
+      }))))), /*#__PURE__*/_react["default"].createElement(_.Box, {
         style: {
           background: '#f1f1f1',
           height: '28px'
         }
-      })))));
+      }))));
     }
   }]);
 

package/lib/Layout/props/defaultProps.js

@@ -0,0 +1,20 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ContainerDefaultProps = exports.BoxDefaultProps = void 0;
+var BoxDefaultProps = {
+  dataId: 'boxComponent',
+  isScrollAttribute: false,
+  tagName: 'div'
+};
+exports.BoxDefaultProps = BoxDefaultProps;
+var ContainerDefaultProps = {
+  dataId: 'containerComponent',
+  isScrollAttribute: false,
+  isCover: true,
+  alignBox: 'column',
+  tagName: 'div'
+};
+exports.ContainerDefaultProps = ContainerDefaultProps;

package/lib/Layout/props/propTypes.js

@@ -0,0 +1,54 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ContainerProps = exports.BoxProps = void 0;
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+var BoxProps = {
+  adjust: _propTypes["default"].bool,
+  align: _propTypes["default"].oneOf(['start', 'end', 'center']),
+  children: _propTypes["default"].oneOfType([_propTypes["default"].node, _propTypes["default"].string]),
+  className: _propTypes["default"].string,
+  column: _propTypes["default"].oneOf(['1', '2', '3', '4', '5', '6', '7', '8', '9', '10', '11', '12']),
+  dataId: _propTypes["default"].string,
+  eleRef: _propTypes["default"].func,
+  flexible: _propTypes["default"].bool,
+  hidden: _propTypes["default"].arrayOf(function (propValue, key, componentName, location, propFullName) {
+    if (['xs', 'sm', 'md', 'lg', 'xl'].indexOf(propValue[key]) === -1) {
+      return new Error("Invalid prop `".concat(propFullName, "` supplied to") + " `".concat(componentName, "`. Validation failed."));
+    }
+  }),
+  isFirst: _propTypes["default"].bool,
+  isLast: _propTypes["default"].bool,
+  isScrollAttribute: _propTypes["default"].bool,
+  scroll: _propTypes["default"].PropTypes.oneOf(['vertical', 'horizontal', 'both', 'none']),
+  shrink: _propTypes["default"].bool,
+  tagName: _propTypes["default"].string,
+  tourId: _propTypes["default"].string,
+  preventParentScroll: _propTypes["default"].PropTypes.oneOf(['vertical', 'horizontal', 'both'])
+};
+exports.BoxProps = BoxProps;
+var ContainerProps = {
+  align: _propTypes["default"].oneOf(['vertical', 'horizontal', 'both', 'top', 'right', 'bottom', 'left', 'between', 'around', 'baseline']),
+  alignBox: _propTypes["default"].oneOf(['row', 'column', 'row-reverse', 'column-reverse']),
+  alignContent: _propTypes["default"].oneOf(['start', 'end', 'center', 'around', 'between']),
+  children: _propTypes["default"].oneOfType([_propTypes["default"].node, _propTypes["default"].string]),
+  className: _propTypes["default"].string,
+  dataId: _propTypes["default"].string,
+  eleRef: _propTypes["default"].func,
+  hidden: _propTypes["default"].array,
+  isCover: _propTypes["default"].bool,
+  isInline: _propTypes["default"].bool,
+  isScrollAttribute: _propTypes["default"].bool,
+  scroll: _propTypes["default"].oneOf(['vertical', 'horizontal', 'both', 'none']),
+  tagName: _propTypes["default"].string,
+  tourId: _propTypes["default"].string,
+  wrap: _propTypes["default"].oneOf(['wrap', 'wrap-reverse', 'nowrap']),
+  preventParentScroll: _propTypes["default"].PropTypes.oneOf(['vertical', 'horizontal', 'both'])
+};
+exports.ContainerProps = ContainerProps;