@zohodesk/components 1.0.0-alpha-195 → 1.0.0-alpha-199

package/lib/Label/docs/Label__palette.docs.js

@@ -1,96 +0,0 @@
-"use strict";
-
-function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = void 0;
-
-var _react = _interopRequireWildcard(require("react"));
-
-var _Label = _interopRequireDefault(require("../Label"));
-
-var _CodeExtractor = _interopRequireDefault(require("@zohodesk/docstool/lib/CodeExtractor/CodeExtractor"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
-function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
-
-function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
-
-function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }
-
-function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); if (superClass) _setPrototypeOf(subClass, superClass); }
-
-function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
-
-function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
-
-function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } return _assertThisInitialized(self); }
-
-function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
-
-function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
-
-function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
-
-var Label__palette = /*#__PURE__*/function (_Component) {
-  _inherits(Label__palette, _Component);
-
-  var _super = _createSuper(Label__palette);
-
-  function Label__palette() {
-    _classCallCheck(this, Label__palette);
-
-    return _super.apply(this, arguments);
-  }
-
-  _createClass(Label__palette, [{
-    key: "render",
-    value: function render() {
-      return /*#__PURE__*/_react["default"].createElement("span", null, /*#__PURE__*/_react["default"].createElement(_CodeExtractor["default"], null, /*#__PURE__*/_react["default"].createElement(_Label["default"], {
-        text: "Label",
-        id: "label4",
-        size: "medium",
-        palette: "default"
-      }), /*#__PURE__*/_react["default"].createElement(_Label["default"], {
-        text: "Label",
-        id: "label5",
-        size: "medium",
-        palette: "primary"
-      }), /*#__PURE__*/_react["default"].createElement(_Label["default"], {
-        text: "Label",
-        id: "label6",
-        size: "medium",
-        palette: "secondary"
-      }), /*#__PURE__*/_react["default"].createElement(_Label["default"], {
-        text: "Label",
-        id: "label7",
-        size: "medium",
-        palette: "danger"
-      }), /*#__PURE__*/_react["default"].createElement(_Label["default"], {
-        text: "Label",
-        id: "label7",
-        size: "medium",
-        palette: "mandatory"
-      })));
-    }
-  }]);
-
-  return Label__palette;
-}(_react.Component);
-
-exports["default"] = Label__palette;
-
-if (false) {
-  Label__palette.docs = {
-    componentGroup: 'Form Elements',
-    folderName: 'Style Guide',
-    description: ' '
-  };
-}

package/lib/Label/docs/Label__size.docs.js

@@ -1,83 +0,0 @@
-"use strict";
-
-function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = void 0;
-
-var _react = _interopRequireWildcard(require("react"));
-
-var _Label = _interopRequireDefault(require("../Label"));
-
-var _CodeExtractor = _interopRequireDefault(require("@zohodesk/docstool/lib/CodeExtractor/CodeExtractor"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
-function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
-
-function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
-
-function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }
-
-function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); if (superClass) _setPrototypeOf(subClass, superClass); }
-
-function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
-
-function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
-
-function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } return _assertThisInitialized(self); }
-
-function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
-
-function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
-
-function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
-
-var Label__size = /*#__PURE__*/function (_Component) {
-  _inherits(Label__size, _Component);
-
-  var _super = _createSuper(Label__size);
-
-  function Label__size() {
-    _classCallCheck(this, Label__size);
-
-    return _super.apply(this, arguments);
-  }
-
-  _createClass(Label__size, [{
-    key: "render",
-    value: function render() {
-      return /*#__PURE__*/_react["default"].createElement("span", null, /*#__PURE__*/_react["default"].createElement(_CodeExtractor["default"], null, /*#__PURE__*/_react["default"].createElement(_Label["default"], {
-        text: "Label",
-        id: "label1",
-        size: "small"
-      }), /*#__PURE__*/_react["default"].createElement(_Label["default"], {
-        text: "Label",
-        id: "label2",
-        size: "medium"
-      }), /*#__PURE__*/_react["default"].createElement(_Label["default"], {
-        text: "Label",
-        id: "label3",
-        size: "large"
-      })));
-    }
-  }]);
-
-  return Label__size;
-}(_react.Component);
-
-exports["default"] = Label__size;
-
-if (false) {
-  Label__size.docs = {
-    componentGroup: 'Form Elements',
-    folderName: 'Style Guide',
-    description: ' '
-  };
-}

package/lib/Label/docs/Label__type.docs.js

@@ -1,91 +0,0 @@
-"use strict";
-
-function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = void 0;
-
-var _react = _interopRequireWildcard(require("react"));
-
-var _Label = _interopRequireDefault(require("../Label"));
-
-var _CodeExtractor = _interopRequireDefault(require("@zohodesk/docstool/lib/CodeExtractor/CodeExtractor"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
-function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
-
-function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
-
-function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }
-
-function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); if (superClass) _setPrototypeOf(subClass, superClass); }
-
-function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
-
-function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
-
-function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } return _assertThisInitialized(self); }
-
-function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
-
-function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
-
-function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
-
-var Label__type = /*#__PURE__*/function (_Component) {
-  _inherits(Label__type, _Component);
-
-  var _super = _createSuper(Label__type);
-
-  function Label__type() {
-    _classCallCheck(this, Label__type);
-
-    return _super.apply(this, arguments);
-  }
-
-  _createClass(Label__type, [{
-    key: "render",
-    value: function render() {
-      return /*#__PURE__*/_react["default"].createElement("span", null, /*#__PURE__*/_react["default"].createElement(_CodeExtractor["default"], null, /*#__PURE__*/_react["default"].createElement(_Label["default"], {
-        text: "Lorem Ipsum is simply dummy text ",
-        id: "label10",
-        size: "small",
-        type: "title"
-      }), /*#__PURE__*/_react["default"].createElement(_Label["default"], {
-        text: "Lorem Ipsum is simply dummy text ",
-        id: "label11",
-        size: "medium",
-        type: "subtitle"
-      }), /*#__PURE__*/_react["default"].createElement(_Label["default"], {
-        text: "Lorem Ipsum is simply dummy text ",
-        id: "label12",
-        size: "medium",
-        type: "subtitle"
-      }), /*#__PURE__*/_react["default"].createElement(_Label["default"], {
-        text: "Lorem Ipsum is simply dummy text ",
-        id: "label12",
-        size: "medium",
-        type: "title"
-      })));
-    }
-  }]);
-
-  return Label__type;
-}(_react.Component);
-
-exports["default"] = Label__type;
-
-if (false) {
-  Label__type.docs = {
-    componentGroup: 'Form Elements',
-    folderName: 'Style Guide',
-    description: ' '
-  };
-}

package/lib/Layout/Box.js

@@ -1,138 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.getBoxProps = getBoxProps;
-exports["default"] = Box;
-
-var _react = _interopRequireDefault(require("react"));
-
-var _propTypes = _interopRequireDefault(require("prop-types"));
-
-var _utils = require("./utils");
-
-var _LayoutModule = _interopRequireDefault(require("./Layout.module.css"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-
-/* eslint css-modules/no-unused-class: 0 */
-
-/* eslint-disable  react/no-unused-prop-types*/
-var propTypes = {
-  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
-};
-
-function getBoxClassNames(props) {
-  var hidden = props.hidden,
-      className = props.className,
-      flexible = props.flexible,
-      adjust = props.adjust,
-      isFirst = props.isFirst,
-      isLast = props.isLast,
-      shrink = props.shrink,
-      column = props.column,
-      align = props.align,
-      scroll = props.scroll;
-  var modificators = [className];
-
-  if (flexible && !adjust) {
-    modificators.push((0, _utils.getClass)(_LayoutModule["default"], 'grow'));
-    modificators.push((0, _utils.getClass)(_LayoutModule["default"], 'basis'));
-  } else if (flexible && adjust) {
-    modificators.push((0, _utils.getClass)(_LayoutModule["default"], 'grow'));
-  }
-
-  if (isFirst) {
-    modificators.push((0, _utils.getClass)(_LayoutModule["default"], 'first'));
-  }
-
-  if (isLast) {
-    modificators.push((0, _utils.getClass)(_LayoutModule["default"], 'last'));
-  }
-
-  if (adjust) {
-    modificators.push((0, _utils.getClass)(_LayoutModule["default"], 'basisAuto'));
-  }
-
-  if (shrink) {
-    modificators.push((0, _utils.getClass)(_LayoutModule["default"], 'shrinkOn'));
-  } else {
-    modificators.push((0, _utils.getClass)(_LayoutModule["default"], 'shrinkOff'));
-  }
-
-  if (hidden) {
-    hidden.forEach(function (key) {
-      modificators.push((0, _utils.getClass)(_LayoutModule["default"], "hidden-screen-".concat(key)));
-    });
-  }
-
-  if (column) {
-    modificators.push((0, _utils.getClass)(_LayoutModule["default"], "col-".concat(column)));
-  }
-
-  if (align) {
-    var alignClassMapping = {
-      start: 'selfStart',
-      end: 'selfEnd',
-      center: 'selfCenter'
-    };
-    var alignClass = alignClassMapping[align];
-    modificators.push((0, _utils.getClass)(_LayoutModule["default"], alignClass));
-  }
-
-  if (scroll) {
-    var scrollClassMapping = {
-      horizontal: 'scrollx',
-      vertical: 'scrolly',
-      both: 'scrollboth',
-      none: 'scrollnone'
-    };
-    var scrollClass = scrollClassMapping[scroll];
-    modificators.push((0, _utils.getClass)(_LayoutModule["default"], scrollClass));
-  }
-
-  return modificators;
-}
-
-function getBoxProps(props) {
-  return (0, _utils.createProps)(propTypes, props, getBoxClassNames(props));
-}
-
-function Box(props) {
-  var childProps = getBoxProps(props);
-  var tagName = props.tagName;
-  (0, _utils.setProps)(childProps, props, {
-    isScrollAttribute: 'data-scroll',
-    eleRef: 'ref',
-    dataId: 'data-id',
-    tourId: 'data-tour'
-  });
-  return /*#__PURE__*/_react["default"].createElement(tagName, childProps);
-}
-
-Box.propTypes = propTypes;
-Box.defaultProps = {
-  dataId: 'boxComponent',
-  isScrollAttribute: false,
-  tagName: 'div'
-};

package/lib/Layout/Container.js

@@ -1,152 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.getContainerProps = getContainerProps;
-exports["default"] = Container;
-
-var _react = _interopRequireDefault(require("react"));
-
-var _propTypes = _interopRequireDefault(require("prop-types"));
-
-var _utils = require("./utils");
-
-var _LayoutModule = _interopRequireDefault(require("./Layout.module.css"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-
-/* eslint css-modules/no-unused-class: 0 */
-
-/* eslint-disable  react/no-unused-prop-types*/
-var propTypes = {
-  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'])
-};
-
-function getContainerClassNames(props) {
-  var hidden = props.hidden,
-      className = props.className,
-      isInline = props.isInline,
-      isCover = props.isCover,
-      alignBox = props.alignBox,
-      alignContent = props.alignContent,
-      wrap = props.wrap,
-      align = props.align,
-      scroll = props.scroll;
-  var modificators = [className];
-
-  if (hidden) {
-    hidden.forEach(function (key) {
-      modificators.push((0, _utils.getClass)(_LayoutModule["default"], "hidden-screen-".concat(key)));
-    });
-  }
-
-  if (isInline) {
-    modificators.push((0, _utils.getClass)(_LayoutModule["default"], 'inflex'));
-  } else {
-    modificators.push((0, _utils.getClass)(_LayoutModule["default"], 'flex'));
-  }
-
-  if (isCover) {
-    modificators.push((0, _utils.getClass)(_LayoutModule["default"], 'cover'));
-  }
-
-  var alignBoxClassMapping = {
-    row: 'rowdir',
-    column: 'coldir',
-    'row-reverse': 'rowReverse',
-    'column-reverse': 'colReverse'
-  };
-  var alignClass = alignBoxClassMapping[alignBox];
-  modificators.push((0, _utils.getClass)(_LayoutModule["default"], alignClass));
-
-  if (alignContent) {
-    var alignContentClassMapping = {
-      start: 'alignStart',
-      end: 'alignEnd',
-      center: 'alignCenter',
-      around: 'alignAround',
-      between: 'alignBetween'
-    };
-    var alignContentClass = alignContentClassMapping[alignContent];
-    modificators.push((0, _utils.getClass)(_LayoutModule["default"], alignContentClass));
-  }
-
-  if (wrap) {
-    var wrapClassMapping = {
-      wrap: 'wrap',
-      'wrap-reverse': 'wrapReverse'
-    };
-    var wrapClass = wrapClassMapping[wrap];
-    modificators.push((0, _utils.getClass)(_LayoutModule["default"], wrapClass));
-  }
-
-  if (align) {
-    var alignClassMapping = {
-      horizontal: 'hCenter',
-      vertical: 'vCenter',
-      both: 'both',
-      between: 'between',
-      around: 'around',
-      right: 'right',
-      left: 'left',
-      top: 'top',
-      bottom: 'bottom',
-      baseline: 'baseline'
-    };
-    var _alignClass = alignClassMapping[align];
-    modificators.push((0, _utils.getClass)(_LayoutModule["default"], _alignClass));
-  }
-
-  if (scroll) {
-    var scrollClassMapping = {
-      horizontal: 'scrollx',
-      vertical: 'scrolly',
-      both: 'scrollboth',
-      none: 'scrollnone'
-    };
-    var scrollClass = scrollClassMapping[scroll];
-    modificators.push((0, _utils.getClass)(_LayoutModule["default"], scrollClass));
-  }
-
-  return modificators;
-}
-
-function getContainerProps(props) {
-  return (0, _utils.createProps)(propTypes, props, getContainerClassNames(props));
-}
-
-function Container(props) {
-  var childProps = getContainerProps(props);
-  var tagName = props.tagName;
-  (0, _utils.setProps)(childProps, props, {
-    isScrollAttribute: 'data-scroll',
-    eleRef: 'ref',
-    dataId: 'data-id',
-    tourId: 'data-tour'
-  });
-  return /*#__PURE__*/_react["default"].createElement(tagName, childProps);
-}
-
-Container.propTypes = propTypes;
-Container.defaultProps = {
-  dataId: 'containerComponent',
-  isScrollAttribute: false,
-  isCover: true,
-  alignBox: 'column',
-  tagName: 'div'
-};