@flodesk/grain 2.20.0 → 2.20.3

package/es/components/arrange.js

@@ -1,40 +1,31 @@
-"use strict";
-
-require("core-js/modules/es.object.define-property.js");
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.Arrange = void 0;
-
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
-var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-
-var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
-
-var _utilities = require("../utilities");
-
-var _react = _interopRequireDefault(require("react"));
+import "core-js/modules/es.array.slice.js";
+import "core-js/modules/es.object.freeze.js";
+import "core-js/modules/es.object.define-properties.js";
+import "core-js/modules/es.object.keys.js";
+import "core-js/modules/es.array.index-of.js";
+import "core-js/modules/es.symbol.js";
+var _excluded = ["children", "gap", "columns", "autoFlow", "justifyItems", "alignItems", "justifyContent", "alignContent", "placeItems", "placeContent"];
 
-var _styled = _interopRequireDefault(require("@emotion/styled"));
+var _templateObject;
 
-var _types = require("../types");
+import "core-js/modules/es.object.assign.js";
 
-var _excluded = ["children", "gap", "columns", "autoFlow", "justifyItems", "alignItems", "justifyContent", "alignContent", "placeItems", "placeContent"];
+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; }
 
-var _templateObject;
+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 __jsx = _react.default.createElement;
+function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
 
-var Wrapper = _styled.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  display: grid;\n  ", ";\n  ", ";\n  grid-template-columns: ", ";\n  justify-items: ", ";\n  align-items: ", ";\n  justify-content: ", ";\n  align-content: ", ";\n  place-items: ", ";\n  place-content: ", ";\n"])), function (p) {
+import { getGridColumns, getResponsiveSpace } from '../utilities';
+import React from "react";
+import styled from "@emotion/styled";
+import { types } from '../types';
+var Wrapper = styled.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  display: grid;\n  ", ";\n  ", ";\n  grid-template-columns: ", ";\n  justify-items: ", ";\n  align-items: ", ";\n  justify-content: ", ";\n  align-content: ", ";\n  place-items: ", ";\n  place-content: ", ";\n"])), function (p) {
   return !p.columns && "grid-auto-flow: ".concat(p.autoFlow);
 }, function (p) {
-  return (0, _utilities.getResponsiveSpace)('gap', p.gap);
+  return getResponsiveSpace('gap', p.gap);
 }, function (p) {
-  return (0, _utilities.getGridColumns)(p.columns);
+  return getGridColumns(p.columns);
 }, function (p) {
   return p.justifyItems;
 }, function (p) {
@@ -48,8 +39,7 @@ var Wrapper = _styled.default.div(_templateObject || (_templateObject = (0, _tag
 }, function (p) {
   return p.placeContent;
 });
-
-var Arrange = function Arrange(_ref) {
+export var Arrange = function Arrange(_ref) {
   var children = _ref.children,
       gap = _ref.gap,
       columns = _ref.columns,
@@ -63,8 +53,9 @@ var Arrange = function Arrange(_ref) {
       alignContent = _ref.alignContent,
       placeItems = _ref.placeItems,
       placeContent = _ref.placeContent,
-      props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
-  return __jsx(Wrapper, (0, _extends2.default)({
+      props = _objectWithoutProperties(_ref, _excluded);
+
+  return /*#__PURE__*/React.createElement(Wrapper, Object.assign({
     gap: gap,
     columns: columns,
     autoFlow: autoFlow,
@@ -76,232 +67,14 @@ var Arrange = function Arrange(_ref) {
     placeContent: placeContent
   }, props), children);
 };
-
-exports.Arrange = Arrange;
-Arrange.__docgenInfo = {
-  "description": "",
-  "methods": [],
-  "displayName": "Arrange",
-  "props": {
-    "autoFlow": {
-      "defaultValue": {
-        "value": "'column'",
-        "computed": false
-      },
-      "type": {
-        "name": "enum",
-        "value": [{
-          "value": "\"column\"",
-          "computed": false
-        }, {
-          "value": "\"row\"",
-          "computed": false
-        }]
-      },
-      "required": false,
-      "description": ""
-    },
-    "alignItems": {
-      "defaultValue": {
-        "value": "'center'",
-        "computed": false
-      },
-      "type": {
-        "name": "enum",
-        "value": [{
-          "value": "\"start\"",
-          "computed": false
-        }, {
-          "value": "\"end\"",
-          "computed": false
-        }, {
-          "value": "\"center\"",
-          "computed": false
-        }, {
-          "value": "\"stretch\"",
-          "computed": false
-        }]
-      },
-      "required": false,
-      "description": ""
-    },
-    "justifyContent": {
-      "defaultValue": {
-        "value": "'start'",
-        "computed": false
-      },
-      "type": {
-        "name": "enum",
-        "value": [{
-          "value": "\"start\"",
-          "computed": false
-        }, {
-          "value": "\"end\"",
-          "computed": false
-        }, {
-          "value": "\"center\"",
-          "computed": false
-        }, {
-          "value": "\"stretch\"",
-          "computed": false
-        }, {
-          "value": "\"space-around\"",
-          "computed": false
-        }, {
-          "value": "\"space-between\"",
-          "computed": false
-        }, {
-          "value": "\"space-evenly\"",
-          "computed": false
-        }]
-      },
-      "required": false,
-      "description": ""
-    },
-    "gap": {
-      "type": {
-        "name": "union",
-        "value": [{
-          "name": "enum",
-          "value": [{
-            "value": "\"xs\"",
-            "computed": false
-          }, {
-            "value": "\"s\"",
-            "computed": false
-          }, {
-            "value": "\"m\"",
-            "computed": false
-          }, {
-            "value": "\"l\"",
-            "computed": false
-          }, {
-            "value": "\"xl\"",
-            "computed": false
-          }, {
-            "value": "\"xxl\"",
-            "computed": false
-          }]
-        }, {
-          "name": "number"
-        }, {
-          "name": "string"
-        }, {
-          "name": "object"
-        }]
-      },
-      "required": false,
-      "description": ""
-    },
-    "columns": {
-      "type": {
-        "name": "union",
-        "value": [{
-          "name": "array"
-        }, {
-          "name": "string"
-        }]
-      },
-      "required": false,
-      "description": ""
-    },
-    "justifyItems": {
-      "type": {
-        "name": "enum",
-        "value": [{
-          "value": "\"start\"",
-          "computed": false
-        }, {
-          "value": "\"end\"",
-          "computed": false
-        }, {
-          "value": "\"center\"",
-          "computed": false
-        }, {
-          "value": "\"stretch\"",
-          "computed": false
-        }]
-      },
-      "required": false,
-      "description": ""
-    },
-    "alignContent": {
-      "type": {
-        "name": "enum",
-        "value": [{
-          "value": "\"start\"",
-          "computed": false
-        }, {
-          "value": "\"end\"",
-          "computed": false
-        }, {
-          "value": "\"center\"",
-          "computed": false
-        }, {
-          "value": "\"stretch\"",
-          "computed": false
-        }, {
-          "value": "\"space-around\"",
-          "computed": false
-        }, {
-          "value": "\"space-between\"",
-          "computed": false
-        }, {
-          "value": "\"space-evenly\"",
-          "computed": false
-        }]
-      },
-      "required": false,
-      "description": ""
-    },
-    "placeItems": {
-      "type": {
-        "name": "enum",
-        "value": [{
-          "value": "\"start\"",
-          "computed": false
-        }, {
-          "value": "\"end\"",
-          "computed": false
-        }, {
-          "value": "\"center\"",
-          "computed": false
-        }, {
-          "value": "\"stretch\"",
-          "computed": false
-        }]
-      },
-      "required": false,
-      "description": ""
-    },
-    "placeContent": {
-      "type": {
-        "name": "enum",
-        "value": [{
-          "value": "\"start\"",
-          "computed": false
-        }, {
-          "value": "\"end\"",
-          "computed": false
-        }, {
-          "value": "\"center\"",
-          "computed": false
-        }, {
-          "value": "\"stretch\"",
-          "computed": false
-        }, {
-          "value": "\"space-around\"",
-          "computed": false
-        }, {
-          "value": "\"space-between\"",
-          "computed": false
-        }, {
-          "value": "\"space-evenly\"",
-          "computed": false
-        }]
-      },
-      "required": false,
-      "description": ""
-    }
-  }
+Arrange.propTypes = {
+  gap: types.space,
+  columns: types.columns,
+  autoFlow: types.autoFlow,
+  justifyItems: types.gridItemsAlignments,
+  alignItems: types.gridItemsAlignments,
+  justifyContent: types.gridContentPositions,
+  alignContent: types.gridContentPositions,
+  placeItems: types.gridItemsAlignments,
+  placeContent: types.gridContentPositions
 };