@lowdefy/layout 3.23.2 → 4.0.0-alpha.6

package/dist/Area.js

@@ -1,22 +1,4 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-
-require("antd/lib/row/style/css");
-
-var _row = _interopRequireDefault(require("antd/lib/row"));
-
-var _react = _interopRequireDefault(require("react"));
-
-var _gutterSetup = _interopRequireDefault(require("./gutterSetup.js"));
-
-var _blockTools = require("@lowdefy/block-tools");
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
+import { jsx as _jsx } from "react/jsx-runtime";
 /*
   Copyright 2020-2021 Lowdefy, Inc
 
@@ -31,32 +13,25 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
   WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
   See the License for the specific language governing permissions and
   limitations under the License.
-*/
-var Area = _ref => {
-  var {
-    area,
-    areaStyle,
-    children,
-    highlightBorders,
-    id,
-    makeCssClass
-  } = _ref;
-  return /*#__PURE__*/_react.default.createElement(_row.default, {
-    id: id,
-    align: area.align,
-    className: makeCssClass(areaStyle),
-    gutter: (0, _gutterSetup.default)(area.gutter),
-    justify: area.justify,
-    style: {
-      // antd keeps bottom margin which can cause overflow issues.
-      flexDirection: area.direction,
-      flexWrap: area.wrap,
-      overflow: area.overflow,
-      border: highlightBorders && '1px dashed red'
-    }
-  }, children);
-};
-
-Area.defaultProps = _blockTools.blockDefaultProps;
-var _default = Area;
-exports.default = _default;
+*/ import React from 'react';
+import { Row } from 'antd';
+import { blockDefaultProps } from '@lowdefy/block-utils';
+import gutterSetup from './gutterSetup.js';
+const Area = ({ area , areaStyle , children , highlightBorders , id , makeCssClass  })=>/*#__PURE__*/ _jsx(Row, {
+        id: id,
+        align: area.align,
+        className: makeCssClass(areaStyle),
+        gutter: gutterSetup(area.gutter),
+        justify: area.justify,
+        style: {
+            // antd keeps bottom margin which can cause overflow issues.
+            flexDirection: area.direction,
+            flexWrap: area.wrap,
+            overflow: area.overflow,
+            border: highlightBorders && '1px dashed red'
+        },
+        children: children
+    })
+;
+Area.defaultProps = blockDefaultProps;
+export default Area;

package/dist/BlockLayout.js

@@ -1,67 +1,52 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-
-require("antd/lib/col/style/css");
-
-var _col = _interopRequireDefault(require("antd/lib/col"));
-
-var _react = _interopRequireDefault(require("react"));
-
-var _deriveLayout = _interopRequireDefault(require("./deriveLayout.js"));
-
-var _blockTools = require("@lowdefy/block-tools");
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
-var alignSelf = align => {
-  if (align === 'bottom') {
-    return 'flex-end';
-  }
-
-  if (align === 'top') {
-    return 'flex-start';
-  }
-
-  if (align === 'middle') {
-    return 'center';
-  }
-
-  return align;
+import { jsx as _jsx } from "react/jsx-runtime";
+/*
+  Copyright 2020-2021 Lowdefy, Inc
+
+  Licensed under the Apache License, Version 2.0 (the "License");
+  you may not use this file except in compliance with the License.
+  You may obtain a copy of the License at
+
+      http://www.apache.org/licenses/LICENSE-2.0
+
+  Unless required by applicable law or agreed to in writing, software
+  distributed under the License is distributed on an "AS IS" BASIS,
+  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+  See the License for the specific language governing permissions and
+  limitations under the License.
+*/ import React from 'react';
+import { Col } from 'antd';
+import deriveLayout from './deriveLayout.js';
+import { blockDefaultProps } from '@lowdefy/block-utils';
+const alignSelf = (align)=>{
+    if (align === 'bottom') {
+        return 'flex-end';
+    }
+    if (align === 'top') {
+        return 'flex-start';
+    }
+    if (align === 'middle') {
+        return 'center';
+    }
+    return align;
 };
-
-var BlockLayout = _ref => {
-  var {
-    id,
-    blockStyle,
-    children,
-    highlightBorders,
-    layout,
-    makeCssClass
-  } = _ref;
-
-  if (layout && layout.disabled) {
-    return /*#__PURE__*/_react.default.createElement("div", {
-      id: id,
-      className: makeCssClass(blockStyle)
-    }, children);
-  }
-
-  return /*#__PURE__*/_react.default.createElement(_col.default, _extends({}, (0, _deriveLayout.default)(layout), {
-    style: {
-      alignSelf: alignSelf(layout.align),
-      border: highlightBorders && '1px dashed #8eccf5'
-    },
-    id: id,
-    className: makeCssClass(blockStyle)
-  }), children);
+const BlockLayout = ({ id , blockStyle , children , highlightBorders , layout , makeCssClass  })=>{
+    if (layout && layout.disabled) {
+        return(/*#__PURE__*/ _jsx("div", {
+            id: id,
+            className: makeCssClass(blockStyle),
+            children: children
+        }));
+    }
+    return(/*#__PURE__*/ _jsx(Col, {
+        ...deriveLayout(layout),
+        style: {
+            alignSelf: alignSelf(layout.align),
+            border: highlightBorders && '1px dashed #8eccf5'
+        },
+        id: id,
+        className: makeCssClass(blockStyle),
+        children: children
+    }));
 };
-
-BlockLayout.defaultProps = _blockTools.blockDefaultProps;
-var _default = BlockLayout;
-exports.default = _default;
+BlockLayout.defaultProps = blockDefaultProps;
+export default BlockLayout;

package/dist/deriveLayout.js

@@ -1,176 +1,135 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-
-var _helpers = require("@lowdefy/helpers");
-
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
-
-function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-
-var sanitizeGrow = value => {
-  if (value === 'unset' || value === 'inherit' || value === 'initial') {
-    return value;
-  }
-
-  if (_helpers.type.isNumber(value) && value >= 0) {
-    return value;
-  }
-
-  if (value === true) {
-    return 1;
-  }
-
-  if (value === false) {
+/*
+  Copyright 2020-2021 Lowdefy, Inc
+
+  Licensed under the Apache License, Version 2.0 (the "License");
+  you may not use this file except in compliance with the License.
+  You may obtain a copy of the License at
+
+      http://www.apache.org/licenses/LICENSE-2.0
+
+  Unless required by applicable law or agreed to in writing, software
+  distributed under the License is distributed on an "AS IS" BASIS,
+  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+  See the License for the specific language governing permissions and
+  limitations under the License.
+*/ import { type } from '@lowdefy/helpers';
+const sanitizeGrow = (value)=>{
+    if (value === 'unset' || value === 'inherit' || value === 'initial') {
+        return value;
+    }
+    if (type.isNumber(value) && value >= 0) {
+        return value;
+    }
+    if (value === true) {
+        return 1;
+    }
+    if (value === false) {
+        return 0;
+    }
     return 0;
-  }
-
-  return 0;
 };
-
-var sanitizeShrink = value => {
-  if (value === 'unset' || value === 'inherit' || value === 'initial') {
-    return value;
-  }
-
-  if (_helpers.type.isNumber(value) && value >= 0) {
-    return value;
-  }
-
-  if (value === true) {
+const sanitizeShrink = (value)=>{
+    if (value === 'unset' || value === 'inherit' || value === 'initial') {
+        return value;
+    }
+    if (type.isNumber(value) && value >= 0) {
+        return value;
+    }
+    if (value === true) {
+        return 1;
+    }
+    if (value === false) {
+        return 0;
+    }
     return 1;
-  }
-
-  if (value === false) {
-    return 0;
-  }
-
-  return 1;
 };
-
-var sanitizeSize = value => {
-  if (_helpers.type.isNumber(value)) {
-    return "".concat(value, "px");
-  }
-
-  if (_helpers.type.isString(value)) {
-    return value;
-  }
-
-  return 'auto';
+const sanitizeSize = (value)=>{
+    if (type.isNumber(value)) {
+        return `${value}px`;
+    }
+    if (type.isString(value)) {
+        return value;
+    }
+    return 'auto';
 };
-
-var deriveFlex = _ref => {
-  var {
-    flex,
-    grow,
-    shrink,
-    size
-  } = _ref;
-
-  if (_helpers.type.isNone(flex) && _helpers.type.isNone(grow) && _helpers.type.isNone(shrink) && _helpers.type.isNone(size)) {
-    return false;
-  }
-
-  if (flex) {
-    return flex === true ? '0 1 auto' : flex;
-  }
-
-  return "".concat(sanitizeGrow(grow), " ").concat(sanitizeShrink(shrink), " ").concat(sanitizeSize(size));
+const deriveFlex = ({ flex , grow , shrink , size  })=>{
+    if (type.isNone(flex) && type.isNone(grow) && type.isNone(shrink) && type.isNone(size)) {
+        return false;
+    }
+    if (flex) {
+        return flex === true ? '0 1 auto' : flex;
+    }
+    return `${sanitizeGrow(grow)} ${sanitizeShrink(shrink)} ${sanitizeSize(size)}`;
 };
-
-var diffOffsetAndSpan = obj => {
-  if (obj.offset && !obj.span) {
-    obj.span = 24 - obj.offset;
+const diffOffsetAndSpan = (obj)=>{
+    if (obj.offset && !obj.span) {
+        obj.span = 24 - obj.offset;
+        return obj;
+    }
+    if (!obj.span) {
+        obj.span = 24;
+    }
     return obj;
-  }
-
-  if (!obj.span) {
-    obj.span = 24;
-  }
-
-  return obj;
 };
-
-var deriveLayout = _ref2 => {
-  var {
-    flex,
-    offset,
-    order,
-    pull,
-    push,
-    span,
-    grow,
-    shrink,
-    size,
-    xs,
-    sm,
-    md,
-    lg,
-    xl,
-    xxl
-  } = _ref2;
-  var colProps = {
-    xs: {
-      span: 24
-    },
-    sm: {
-      span: 24
-    },
-    md: diffOffsetAndSpan({
-      offset,
-      order,
-      pull,
-      push,
-      span
-    })
-  };
-  var flexValue = deriveFlex({
-    flex,
-    grow,
-    shrink,
-    size
-  });
-
-  if (flexValue) {
-    colProps = {
-      flex: flexValue,
-      order
+const deriveLayout = ({ flex , offset , order , pull , push , span , grow , shrink , size , xs , sm , md , lg , xl , xxl ,  })=>{
+    let colProps = {
+        xs: {
+            span: 24
+        },
+        sm: {
+            span: 24
+        },
+        md: diffOffsetAndSpan({
+            offset,
+            order,
+            pull,
+            push,
+            span
+        })
     };
-  }
-
-  if (_helpers.type.isObject(sm)) {
-    colProps.sm = _objectSpread(_objectSpread({}, colProps.sm), diffOffsetAndSpan(sm));
-    colProps.xs = _objectSpread(_objectSpread({}, colProps.xs), diffOffsetAndSpan(sm));
-  }
-
-  if (_helpers.type.isObject(xs)) {
-    colProps.xs = _objectSpread(_objectSpread({}, colProps.xs), diffOffsetAndSpan(xs));
-  }
-
-  if (_helpers.type.isObject(md)) {
-    colProps.md = _objectSpread(_objectSpread({}, colProps.md), diffOffsetAndSpan(md));
-  }
-
-  if (_helpers.type.isObject(lg)) {
-    colProps.lg = diffOffsetAndSpan(lg);
-  }
-
-  if (_helpers.type.isObject(xl)) {
-    colProps.xl = diffOffsetAndSpan(xl);
-  }
-
-  if (_helpers.type.isObject(xxl)) {
-    colProps.xxl = diffOffsetAndSpan(xxl);
-  }
-
-  return colProps;
+    const flexValue = deriveFlex({
+        flex,
+        grow,
+        shrink,
+        size
+    });
+    if (flexValue) {
+        colProps = {
+            flex: flexValue,
+            order
+        };
+    }
+    if (type.isObject(sm)) {
+        colProps.sm = {
+            ...colProps.sm,
+            ...diffOffsetAndSpan(sm)
+        };
+        colProps.xs = {
+            ...colProps.xs,
+            ...diffOffsetAndSpan(sm)
+        };
+    }
+    if (type.isObject(xs)) {
+        colProps.xs = {
+            ...colProps.xs,
+            ...diffOffsetAndSpan(xs)
+        };
+    }
+    if (type.isObject(md)) {
+        colProps.md = {
+            ...colProps.md,
+            ...diffOffsetAndSpan(md)
+        };
+    }
+    if (type.isObject(lg)) {
+        colProps.lg = diffOffsetAndSpan(lg);
+    }
+    if (type.isObject(xl)) {
+        colProps.xl = diffOffsetAndSpan(xl);
+    }
+    if (type.isObject(xxl)) {
+        colProps.xxl = diffOffsetAndSpan(xxl);
+    }
+    return colProps;
 };
-
-var _default = deriveLayout;
-exports.default = _default;
+export default deriveLayout;

package/dist/gutterSetup.js

@@ -1,12 +1,3 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-
-var _helpers = require("@lowdefy/helpers");
-
 /*
   Copyright 2020-2021 Lowdefy, Inc
 
@@ -21,14 +12,14 @@ var _helpers = require("@lowdefy/helpers");
   WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
   See the License for the specific language governing permissions and
   limitations under the License.
-*/
-var gutterSetup = gutter => {
-  if (_helpers.type.isInt(gutter) || _helpers.type.isObject(gutter)) {
-    return [gutter, gutter];
-  }
-
-  return gutter;
+*/ import { type } from '@lowdefy/helpers';
+const gutterSetup = (gutter)=>{
+    if (type.isInt(gutter) || type.isObject(gutter)) {
+        return [
+            gutter,
+            gutter
+        ];
+    }
+    return gutter;
 };
-
-var _default = gutterSetup;
-exports.default = _default;
+export default gutterSetup;

package/dist/index.js

@@ -1,31 +1,18 @@
-"use strict";
+/*
+  Copyright 2020-2021 Lowdefy, Inc
 
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "Area", {
-  enumerable: true,
-  get: function get() {
-    return _Area.default;
-  }
-});
-Object.defineProperty(exports, "BlockLayout", {
-  enumerable: true,
-  get: function get() {
-    return _BlockLayout.default;
-  }
-});
-Object.defineProperty(exports, "layoutParamsToArea", {
-  enumerable: true,
-  get: function get() {
-    return _layoutParamsToArea.default;
-  }
-});
+  Licensed under the Apache License, Version 2.0 (the "License");
+  you may not use this file except in compliance with the License.
+  You may obtain a copy of the License at
 
-var _Area = _interopRequireDefault(require("./Area.js"));
+      http://www.apache.org/licenses/LICENSE-2.0
 
-var _BlockLayout = _interopRequireDefault(require("./BlockLayout.js"));
-
-var _layoutParamsToArea = _interopRequireDefault(require("./layoutParamsToArea.js"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+  Unless required by applicable law or agreed to in writing, software
+  distributed under the License is distributed on an "AS IS" BASIS,
+  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+  See the License for the specific language governing permissions and
+  limitations under the License.
+*/ import Area from './Area.js';
+import BlockLayout from './BlockLayout.js';
+import layoutParamsToArea from './layoutParamsToArea.js';
+export { Area, BlockLayout, layoutParamsToArea };

package/dist/layoutParamsToArea.js

@@ -1,12 +1,3 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-
-var _helpers = require("@lowdefy/helpers");
-
 /*
   Copyright 2020-2021 Lowdefy, Inc
 
@@ -21,26 +12,17 @@ var _helpers = require("@lowdefy/helpers");
   WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
   See the License for the specific language governing permissions and
   limitations under the License.
-*/
-var layoutParamsToArea = _ref => {
-  var {
-    areaKey,
-    area,
-    layout
-  } = _ref;
-
-  if (areaKey !== 'content') {
+*/ import { type } from '@lowdefy/helpers';
+const layoutParamsToArea = ({ areaKey , area , layout  })=>{
+    if (areaKey !== 'content') {
+        return area;
+    }
+    area.align = type.isNone(area.align) ? layout.contentAlign : area.align;
+    area.justify = type.isNone(area.justify) ? layout.contentJustify : area.justify;
+    area.direction = type.isNone(area.direction) ? layout.contentDirection : area.direction;
+    area.wrap = type.isNone(area.wrap) ? layout.contentWrap : area.wrap;
+    area.overflow = type.isNone(area.overflow) ? layout.contentOverflow : area.overflow;
+    area.gutter = type.isNone(area.gutter) ? layout.contentGutter : area.gutter;
     return area;
-  }
-
-  area.align = _helpers.type.isNone(area.align) ? layout.contentAlign : area.align;
-  area.justify = _helpers.type.isNone(area.justify) ? layout.contentJustify : area.justify;
-  area.direction = _helpers.type.isNone(area.direction) ? layout.contentDirection : area.direction;
-  area.wrap = _helpers.type.isNone(area.wrap) ? layout.contentWrap : area.wrap;
-  area.overflow = _helpers.type.isNone(area.overflow) ? layout.contentOverflow : area.overflow;
-  area.gutter = _helpers.type.isNone(area.gutter) ? layout.contentGutter : area.gutter;
-  return area;
 };
-
-var _default = layoutParamsToArea;
-exports.default = _default;
+export default layoutParamsToArea;

package/dist/style.less

@@ -0,0 +1,17 @@
+/*
+  Copyright 2020-2021 Lowdefy, Inc
+
+  Licensed under the Apache License, Version 2.0 (the "License");
+  you may not use this file except in compliance with the License.
+  You may obtain a copy of the License at
+
+      http://www.apache.org/licenses/LICENSE-2.0
+
+  Unless required by applicable law or agreed to in writing, software
+  distributed under the License is distributed on an "AS IS" BASIS,
+  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+  See the License for the specific language governing permissions and
+  limitations under the License.
+*/
+
+@import 'antd/lib/grid/style/index.less';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lowdefy/layout",
-  "version": "3.23.2",
+  "version": "4.0.0-alpha.6",
   "licence": "Apache-2.0",
   "description": "",
   "homepage": "https://lowdefy.com",
@@ -25,55 +25,46 @@
     "type": "git",
     "url": "https://github.com/lowdefy/lowdefy.git"
   },
-  "main": "dist/index.js",
+  "type": "module",
+  "exports": {
+    ".": "./dist/index.js",
+    "./*": "./dist/*"
+  },
   "files": [
     "dist/*"
   ],
   "scripts": {
-    "build": "babel src --out-dir dist",
+    "build": "yarn swc",
     "clean": "rm -rf dist",
+    "copyfiles": "copyfiles -u 1 \"./src/**/*\" dist -e \"./src/**/*.js\" -e \"./src/**/*.yaml\" -e \"./src/**/*.snap\"",
     "prepare": "yarn build",
-    "start": "webpack serve",
+    "swc": "swc src --out-dir dist --config-file ../../.swcrc --delete-dir-on-start && yarn copyfiles",
     "test": "jest --coverage"
   },
   "dependencies": {
-    "@lowdefy/block-tools": "3.23.2",
-    "@lowdefy/helpers": "3.23.2",
-    "antd": "4.4.2",
-    "react": "17.0.2",
-    "react-dom": "17.0.2"
+    "@lowdefy/block-utils": "4.0.0-alpha.6",
+    "@lowdefy/helpers": "4.0.0-alpha.6",
+    "antd": "4.17.0-alpha.7",
+    "react": "18.0.0-alpha-327d5c484-20211106",
+    "react-dom": "18.0.0-alpha-327d5c484-20211106"
   },
   "devDependencies": {
-    "@babel/cli": "7.14.3",
-    "@babel/core": "7.14.3",
-    "@babel/preset-env": "7.14.4",
-    "@babel/preset-react": "7.13.13",
-    "babel-jest": "26.6.3",
-    "babel-loader": "8.2.2",
-    "babel-plugin-import": "1.13.3",
-    "buffer": "6.0.3",
-    "clean-webpack-plugin": "3.0.0",
-    "css-loader": "5.2.6",
-    "html-webpack-plugin": "5.3.1",
-    "identity-obj-proxy": "3.0.0",
-    "jest": "26.6.3",
-    "js-yaml": "4.1.0",
-    "less": "3.13.0",
-    "less-loader": "9.0.0",
-    "path-browserify": "1.0.1",
-    "process": "0.11.10",
-    "react-markdown": "5.0.3",
-    "react-syntax-highlight": "15.3.1",
-    "react-test-renderer": "17.0.2",
-    "style-loader": "2.0.0",
-    "webpack": "5.38.1",
-    "webpack-cli": "4.7.0",
-    "webpack-dev-server": "3.11.2",
-    "yaml-jest": "1.0.5",
-    "yaml-loader": "0.6.0"
+    "@babel/preset-react": "7.16.0",
+    "@emotion/jest": "11.5.0",
+    "@lowdefy/block-dev": "4.0.0-alpha.6",
+    "@swc/cli": "0.1.55",
+    "@swc/core": "1.2.130",
+    "@swc/jest": "0.2.17",
+    "@testing-library/dom": "8.10.1",
+    "@testing-library/react": "13.0.0-alpha.4",
+    "@testing-library/user-event": "14.0.0-alpha.14",
+    "copyfiles": "2.4.1",
+    "jest": "27.3.1",
+    "jest-serializer-html": "7.1.0",
+    "jest-transform-yaml": "0.1.2"
   },
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "4c30d3cdfa99ae4e90fc891825938c28bad45760"
+  "gitHead": "2530e31af795b6a3c75ac8f72c8dbe0ab5d1251b"
 }