@lowdefy/block-utils 4.0.0-alpha.1 → 4.0.0-alpha.10

package/dist/HtmlComponent.js

@@ -1,6 +1,5 @@
-import { jsx as _jsx } from "react/jsx-runtime";
 /*
-  Copyright 2020-2021 Lowdefy, Inc
+  Copyright 2020-2022 Lowdefy, Inc
 
   Licensed under the Apache License, Version 2.0 (the "License");
   you may not use this file except in compliance with the License.
@@ -28,7 +27,7 @@ let HtmlComponent = class HtmlComponent extends React.Component {
     render() {
         const { div , id , methods , style  } = this.props;
         if (div === true) {
-            return(/*#__PURE__*/ _jsx("div", {
+            return(/*#__PURE__*/ React.createElement("div", {
                 id: id,
                 "data-testid": id,
                 ref: (el)=>{
@@ -39,7 +38,7 @@ let HtmlComponent = class HtmlComponent extends React.Component {
                 className: methods.makeCssClass(style)
             }));
         }
-        return(/*#__PURE__*/ _jsx("span", {
+        return(/*#__PURE__*/ React.createElement("span", {
             id: id,
             "data-testid": id,
             ref: (el)=>{

package/dist/blockDefaultProps.js

@@ -1,5 +1,5 @@
 /*
-  Copyright 2020-2021 Lowdefy, Inc
+  Copyright 2020-2022 Lowdefy, Inc
 
   Licensed under the Apache License, Version 2.0 (the "License");
   you may not use this file except in compliance with the License.
@@ -16,12 +16,9 @@
 const blockDefaultProps = {
     basePath: '',
     blockId: 'undefined_id',
-    components: {
-    },
-    content: {
-    },
-    events: {
-    },
+    components: {},
+    content: {},
+    events: {},
     list: [],
     menus: [],
     methods: {
@@ -32,10 +29,8 @@ const blockDefaultProps = {
         ,
         triggerEvent: ()=>undefined
     },
-    properties: {
-    },
-    user: {
-    },
+    properties: {},
+    user: {},
     required: false,
     validation: {
         status: null,

package/dist/blockSchema.js

@@ -1,5 +1,5 @@
 /*
-  Copyright 2020-2021 Lowdefy, Inc
+  Copyright 2020-2022 Lowdefy, Inc
 
   Licensed under the Apache License, Version 2.0 (the "License");
   you may not use this file except in compliance with the License.
@@ -105,7 +105,7 @@
                                                 'string',
                                                 'object'
                                             ],
-                                            description: 'Name of an Ant Design Icon or properties of an Icon block to customize icon on menu item.'
+                                            description: 'Name of an React-Icon (See <a href="https://react-icons.github.io/react-icons/">all icons</a>) or properties of an Icon block to customize icon on menu item.'
                                         },
                                         danger: {
                                             type: 'boolean',

package/dist/index.js

@@ -1,5 +1,5 @@
 /*
-  Copyright 2020-2021 Lowdefy, Inc
+  Copyright 2020-2022 Lowdefy, Inc
 
   Licensed under the Apache License, Version 2.0 (the "License");
   you may not use this file except in compliance with the License.
@@ -14,10 +14,8 @@
   limitations under the License.
 */ import blockDefaultProps from './blockDefaultProps.js';
 import blockSchema from './blockSchema.js';
-import createIcon from './createIcon.js';
-import ErrorBoundary from './ErrorBoundary.js';
 import HtmlComponent from './HtmlComponent.js';
 import makeCssClass from './makeCssClass.js';
 import mediaToCssObject from './mediaToCssObject.js';
 import renderHtml from './renderHtml.js';
-export { blockDefaultProps, blockSchema, createIcon, ErrorBoundary, HtmlComponent, makeCssClass, mediaToCssObject, renderHtml };
+export { blockDefaultProps, blockSchema, HtmlComponent, makeCssClass, mediaToCssObject, renderHtml };

package/dist/makeCssClass.js

@@ -1,5 +1,5 @@
 /*
-  Copyright 2020-2021 Lowdefy, Inc
+  Copyright 2020-2022 Lowdefy, Inc
 
   Licensed under the Apache License, Version 2.0 (the "License");
   you may not use this file except in compliance with the License.

package/dist/mediaToCssObject.js

@@ -1,5 +1,5 @@
 /* eslint-disable no-undef */ /*
-  Copyright 2020-2021 Lowdefy, Inc
+  Copyright 2020-2022 Lowdefy, Inc
 
   Licensed under the Apache License, Version 2.0 (the "License");
   you may not use this file except in compliance with the License.
@@ -57,8 +57,7 @@ const mediaToCssObject = (styles, styleObjectOnly)=>{
             return style.replace(mediaRegex, setReplacer);
         }
         if (!type.isObject(style)) {
-            return {
-            };
+            return {};
         }
         let mq = media;
         if (styleObjectOnly) {

package/dist/renderHtml.js

@@ -1,6 +1,5 @@
-import { jsx as _jsx } from "react/jsx-runtime";
 /*
-  Copyright 2020-2021 Lowdefy, Inc
+  Copyright 2020-2022 Lowdefy, Inc
 
   Licensed under the Apache License, Version 2.0 (the "License");
   you may not use this file except in compliance with the License.
@@ -16,7 +15,7 @@ import { jsx as _jsx } from "react/jsx-runtime";
 */ import React from 'react';
 import { type } from '@lowdefy/helpers';
 import HtmlComponent from './HtmlComponent.js';
-const renderHtml = ({ div , html , id , methods , style  })=>type.isNone(html) ? undefined : /*#__PURE__*/ _jsx(HtmlComponent, {
+const renderHtml = ({ div , html , id , methods , style  })=>type.isNone(html) ? undefined : /*#__PURE__*/ React.createElement(HtmlComponent, {
         div: div,
         html: html,
         id: id,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lowdefy/block-utils",
-  "version": "4.0.0-alpha.1",
+  "version": "4.0.0-alpha.10",
   "licence": "Apache-2.0",
   "description": "Lowdefy Block Utils",
   "homepage": "https://lowdefy.com",
@@ -26,41 +26,43 @@
     "url": "https://github.com/lowdefy/lowdefy.git"
   },
   "type": "module",
-  "exports": "./dist/index.js",
+  "exports": {
+    ".": "./dist/index.js",
+    "./*": "./dist/*"
+  },
   "files": [
     "dist/*"
   ],
   "scripts": {
     "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",
-    "swc": "swc src --out-dir dist --config-file ../../../.swcrc --delete-dir-on-start",
+    "swc": "swc src --out-dir dist --config-file ../../../.swcrc --delete-dir-on-start && yarn copyfiles",
     "test:watch": "jest --coverage --watch",
     "test": "jest --coverage"
   },
   "dependencies": {
-    "@emotion/css": "11.5.0",
-    "@emotion/react": "11.5.0",
-    "@lowdefy/helpers": "4.0.0-alpha.1",
-    "classnames": "2.3.1",
-    "dompurify": "2.3.3",
-    "react": "18.0.0-alpha-327d5c484-20211106",
-    "react-dom": "18.0.0-alpha-327d5c484-20211106"
+    "@emotion/css": "11.7.1",
+    "@lowdefy/helpers": "4.0.0-alpha.10",
+    "dompurify": "2.3.5",
+    "react": "17.0.2",
+    "react-dom": "17.0.2"
   },
   "devDependencies": {
-    "@babel/preset-react": "7.16.0",
-    "@emotion/jest": "11.5.0",
-    "@swc/cli": "0.1.52",
-    "@swc/core": "1.2.112",
-    "@swc/jest": "0.2.9",
-    "@testing-library/dom": "8.10.1",
+    "@emotion/jest": "11.7.1",
+    "@swc/cli": "0.1.55",
+    "@swc/core": "1.2.135",
+    "@swc/jest": "0.2.17",
+    "@testing-library/dom": "8.11.3",
     "@testing-library/react": "13.0.0-alpha.4",
     "@testing-library/user-event": "14.0.0-alpha.14",
-    "jest": "27.3.1",
+    "copyfiles": "2.4.1",
+    "jest": "27.5.1",
     "jest-serializer-html": "7.1.0"
   },
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "c97a8fa6b5a641e7d50df09f5601a9c586eeb65a"
+  "gitHead": "d697b4b5f354697d9481a371b90a00ca0944f486"
 }

package/dist/ErrorBoundary.js

@@ -1,53 +0,0 @@
-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, { Component } from 'react';
-import ErrorPage from './ErrorPage.js';
-let ErrorBoundary = class ErrorBoundary extends Component {
-    static getDerivedStateFromError(error) {
-        return {
-            hasError: true,
-            error
-        };
-    }
-    render() {
-        const { children , description , fallback , fullPage , message , name  } = this.props;
-        const { hasError , error  } = this.state;
-        if (hasError) {
-            if (fallback) {
-                return fallback(error);
-            }
-            if (fullPage) {
-                return(/*#__PURE__*/ _jsx(ErrorPage, {
-                    code: error.number,
-                    description: description || error.description,
-                    message: message || error.message,
-                    name: name || error.name
-                }));
-            }
-            // Throw to console but fail silently to user?
-            return '';
-        }
-        return children;
-    }
-    constructor(props){
-        super(props);
-        this.state = {
-            hasError: false,
-            error: null
-        };
-    }
-};
-export default ErrorBoundary;

package/dist/ErrorPage.js

@@ -1,78 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } 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';
-const ErrorPage = ({ code , description , message , name  })=>/*#__PURE__*/ _jsxs("div", {
-        style: {
-            height: '100%',
-            fontFamily: 'system-ui',
-            margin: 0,
-            display: 'flex',
-            justifyContent: 'center',
-            alignItems: 'center'
-        },
-        children: [
-            /*#__PURE__*/ _jsx("div", {
-                style: {
-                    flex: '0 1 auto',
-                    fontSize: '4.3em',
-                    fontWeight: '100',
-                    paddingRight: 30
-                },
-                children: code || 500
-            }),
-            /*#__PURE__*/ _jsxs("div", {
-                style: {
-                    flex: '0 1 auto',
-                    paddingLeft: 30,
-                    maxWidth: 400,
-                    borderLeft: '1px solid #aeaeae'
-                },
-                children: [
-                    /*#__PURE__*/ _jsx("div", {
-                        style: {
-                            fontSize: '1.3em',
-                            fontWeight: '300',
-                            paddingBottom: 10
-                        },
-                        children: name || 'Error'
-                    }),
-                    /*#__PURE__*/ _jsx("div", {
-                        style: {
-                            fontSize: '0.9em'
-                        },
-                        children: message || 'An error has occurred.'
-                    }),
-                    /*#__PURE__*/ _jsx("div", {
-                        style: {
-                            fontSize: '0.9em'
-                        },
-                        children: description
-                    }),
-                    /*#__PURE__*/ _jsx("div", {
-                        style: {
-                            paddingTop: 20
-                        },
-                        children: /*#__PURE__*/ _jsx("a", {
-                            href: "/",
-                            children: "Return to home page"
-                        })
-                    })
-                ]
-            })
-        ]
-    })
-;
-export default ErrorPage;

package/dist/createIcon.js

@@ -1,99 +0,0 @@
-import { jsx as _jsx, Fragment as _Fragment } 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 classNames from 'classnames';
-import { keyframes } from '@emotion/react';
-import { css } from '@emotion/css';
-import { omit, type } from '@lowdefy/helpers';
-import blockDefaultProps from './blockDefaultProps.js';
-import ErrorBoundary from './ErrorBoundary.js';
-import makeCssClass from './makeCssClass.js';
-const lowdefyProps = [
-    'actionLog',
-    'basePath',
-    'components',
-    'content',
-    'eventLog',
-    'homePageId',
-    'list',
-    'loading',
-    'menus',
-    'pageId',
-    'registerEvent',
-    'registerMethod',
-    'schemaErrors',
-    'user',
-    'validation', 
-];
-const spin = keyframes`{
-  0% {
-    transform: rotate(0deg);
-  }
-  100% {
-    transform: rotate(359deg);
-  }
-}`;
-const spinClass = css`
-  animation: ${spin} 2s infinite linear;
-`;
-const createIcon = (Icons)=>{
-    const AiOutlineLoading3Quarters = Icons['AiOutlineLoading3Quarters'];
-    const AiOutlineExclamationCircle = Icons['AiOutlineExclamationCircle'];
-    const IconComp1 = ({ blockId , events , methods , properties , ...props })=>{
-        const propertiesObj = type.isString(properties) ? {
-            name: properties
-        } : properties;
-        const iconProps = {
-            id: blockId,
-            className: classNames({
-                [makeCssClass(propertiesObj.style)]: true,
-                [spinClass]: propertiesObj.spin
-            }),
-            rotate: propertiesObj.rotate,
-            // twoToneColor: propertiesObj.color, // TODO: track https://github.com/react-icons/react-icons/issues/508
-            ...omit(props, lowdefyProps)
-        };
-        let IconComp = Icons[propertiesObj.name];
-        if (!IconComp) {
-            IconComp = AiOutlineExclamationCircle;
-        }
-        return(/*#__PURE__*/ _jsx(_Fragment, {
-            children: events.onClick && events.onClick.loading && !propertiesObj.disableLoadingIcon ? /*#__PURE__*/ _jsx(AiOutlineLoading3Quarters, {
-                ...iconProps,
-                spin: true
-            }) : /*#__PURE__*/ _jsx(ErrorBoundary, {
-                fallback: ()=>/*#__PURE__*/ _jsx(AiOutlineExclamationCircle, {
-                        ...iconProps,
-                        color: '#F00'
-                    })
-                ,
-                children: /*#__PURE__*/ _jsx(IconComp, {
-                    id: blockId,
-                    onClick: events.onClick && (()=>methods.triggerEvent({
-                            name: 'onClick'
-                        })
-                    ),
-                    size: propertiesObj.size,
-                    title: propertiesObj.title,
-                    ...iconProps
-                })
-            })
-        }));
-    };
-    IconComp1.defaultProps = blockDefaultProps;
-    return IconComp1;
-};
-export default createIcon;