@blend-ui/core/dist/es/Grid.js

Blend core cmponents

"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports["default"] = void 0;

var _react = _interopRequireDefault(require("react"));

var _Box = _interopRequireDefault(require("./Box"));

var _Flex = _interopRequireDefault(require("./Flex"));

var _propTypes = _interopRequireDefault(require("prop-types"));

function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }

function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }

function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }

var ALIGN_ITEMS = ["flex-start", "center", "flex-end", "stretch", "baseline"];
var JUSTIFY = ["flex-start", "center", "flex-end", "space-between", "space-around", "space-evenly"];
var ALIGN_CONTENT = ["stretch", "center", "flex-start", "flex-end", "space-between", "space-around"];
var DIRECTION = ["row", "row-reverse", "column", "column-reverse"];

var Grid = function Grid(props) {
  var children = props.children,
      alignContent = props.alignContent,
      alignItems = props.alignItems,
      direction = props.direction,
      justify = props.justify,
      flexWrap = props.flexWrap,
      width = props.width,
      height = props.height,
      minWidth = props.minWidth,
      minHeight = props.minHeight,
      maxWidth = props.maxWidth,
      maxHeight = props.maxHeight,
      rest = _objectWithoutProperties(props, ["children", "alignContent", "alignItems", "direction", "justify", "flexWrap", "width", "height", "minWidth", "minHeight", "maxWidth", "maxHeight"]);

  return /*#__PURE__*/_react["default"].createElement(_Box["default"], rest, /*#__PURE__*/_react["default"].createElement(_Flex["default"], {
    flexWrap: flexWrap,
    width: width,
    height: height,
    minWidth: minWidth,
    minHeight: minHeight,
    maxWidth: maxWidth,
    maxHeight: maxHeight,
    alignContent: alignContent,
    alignItems: alignItems,
    justifyContent: justify,
    flexDirection: direction
  }, children));
};

Grid.defaultProps = {
  alignItems: "stretch",
  justify: "flex-start",
  alignContent: "stretch",
  direction: "row",
  flexWrap: "wrap"
};
Grid.displayName = "Grid";
Grid.propTypes = {
  alignItems: _propTypes["default"].oneOf(ALIGN_ITEMS),
  alignContent: _propTypes["default"].oneOf(ALIGN_CONTENT),
  justify: _propTypes["default"].oneOf(JUSTIFY),
  direction: _propTypes["default"].oneOf(DIRECTION),
  flexWrap: _propTypes["default"].oneOf(["wrap", "nowrap", "wrap-reverse", "initial"])
};
Grid.__docgenInfo = {
  "description": "",
  "methods": [],
  "displayName": "Grid",
  "props": {
    "alignItems": {
      "defaultValue": {
        "value": "\"stretch\"",
        "computed": false
      },
      "type": {
        "name": "enum",
        "value": [{
          "value": "\"flex-start\"",
          "computed": false
        }, {
          "value": "\"center\"",
          "computed": false
        }, {
          "value": "\"flex-end\"",
          "computed": false
        }, {
          "value": "\"stretch\"",
          "computed": false
        }, {
          "value": "\"baseline\"",
          "computed": false
        }]
      },
      "required": false,
      "description": ""
    },
    "justify": {
      "defaultValue": {
        "value": "\"flex-start\"",
        "computed": false
      },
      "type": {
        "name": "enum",
        "value": [{
          "value": "\"flex-start\"",
          "computed": false
        }, {
          "value": "\"center\"",
          "computed": false
        }, {
          "value": "\"flex-end\"",
          "computed": false
        }, {
          "value": "\"space-between\"",
          "computed": false
        }, {
          "value": "\"space-around\"",
          "computed": false
        }, {
          "value": "\"space-evenly\"",
          "computed": false
        }]
      },
      "required": false,
      "description": ""
    },
    "alignContent": {
      "defaultValue": {
        "value": "\"stretch\"",
        "computed": false
      },
      "type": {
        "name": "enum",
        "value": [{
          "value": "\"stretch\"",
          "computed": false
        }, {
          "value": "\"center\"",
          "computed": false
        }, {
          "value": "\"flex-start\"",
          "computed": false
        }, {
          "value": "\"flex-end\"",
          "computed": false
        }, {
          "value": "\"space-between\"",
          "computed": false
        }, {
          "value": "\"space-around\"",
          "computed": false
        }]
      },
      "required": false,
      "description": ""
    },
    "direction": {
      "defaultValue": {
        "value": "\"row\"",
        "computed": false
      },
      "type": {
        "name": "enum",
        "value": [{
          "value": "\"row\"",
          "computed": false
        }, {
          "value": "\"row-reverse\"",
          "computed": false
        }, {
          "value": "\"column\"",
          "computed": false
        }, {
          "value": "\"column-reverse\"",
          "computed": false
        }]
      },
      "required": false,
      "description": ""
    },
    "flexWrap": {
      "defaultValue": {
        "value": "\"wrap\"",
        "computed": false
      },
      "type": {
        "name": "enum",
        "value": [{
          "value": "\"wrap\"",
          "computed": false
        }, {
          "value": "\"nowrap\"",
          "computed": false
        }, {
          "value": "\"wrap-reverse\"",
          "computed": false
        }, {
          "value": "\"initial\"",
          "computed": false
        }]
      },
      "required": false,
      "description": ""
    }
  }
};
var _default = Grid;
exports["default"] = _default;