@lowdefy/block-dev 4.0.0-alpha.1 → 4.0.0-alpha.12

package/dist/BlockSchemaErrors.js

@@ -1,6 +1,5 @@
-import { jsx as _jsx, jsxs as _jsxs } 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,73 +15,17 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 */ import React from 'react';
 const BlockSchemaErrors = ({ schemaErrors  })=>{
     if (!schemaErrors || schemaErrors.length === 0) return '';
-    return(/*#__PURE__*/ _jsxs("div", {
+    return(/*#__PURE__*/ React.createElement("div", {
         style: {
             padding: 10,
             fontSize: '0.8rem',
             border: '1px solid red',
             background: '#fBB',
             width: '100%'
-        },
-        children: [
-            /*#__PURE__*/ _jsx("div", {
-                children: /*#__PURE__*/ _jsx("b", {
-                    children: "Schema Errors"
-                })
-            }),
-            schemaErrors.map((error, i)=>/*#__PURE__*/ _jsxs("div", {
-                    children: [
-                        /*#__PURE__*/ _jsx("br", {
-                        }),
-                        /*#__PURE__*/ _jsxs("div", {
-                            children: [
-                                /*#__PURE__*/ _jsx("b", {
-                                    children: "keyword:"
-                                }),
-                                " ",
-                                error.keyword
-                            ]
-                        }),
-                        /*#__PURE__*/ _jsxs("div", {
-                            children: [
-                                /*#__PURE__*/ _jsx("b", {
-                                    children: "message:"
-                                }),
-                                " ",
-                                error.message
-                            ]
-                        }),
-                        /*#__PURE__*/ _jsxs("div", {
-                            children: [
-                                /*#__PURE__*/ _jsx("b", {
-                                    children: "params:"
-                                }),
-                                " ",
-                                JSON.stringify(error.params)
-                            ]
-                        }),
-                        /*#__PURE__*/ _jsxs("div", {
-                            children: [
-                                /*#__PURE__*/ _jsx("b", {
-                                    children: "dataPath:"
-                                }),
-                                " ",
-                                error.dataPath
-                            ]
-                        }),
-                        /*#__PURE__*/ _jsxs("div", {
-                            children: [
-                                /*#__PURE__*/ _jsx("b", {
-                                    children: "schemaPath:"
-                                }),
-                                " ",
-                                error.schemaPath
-                            ]
-                        })
-                    ]
-                }, i)
-            )
-        ]
-    }));
+        }
+    }, /*#__PURE__*/ React.createElement("div", null, /*#__PURE__*/ React.createElement("b", null, "Schema Errors")), schemaErrors.map((error, i)=>/*#__PURE__*/ React.createElement("div", {
+            key: i
+        }, /*#__PURE__*/ React.createElement("br", null), /*#__PURE__*/ React.createElement("div", null, /*#__PURE__*/ React.createElement("b", null, "keyword:"), " ", error.keyword), /*#__PURE__*/ React.createElement("div", null, /*#__PURE__*/ React.createElement("b", null, "message:"), " ", error.message), /*#__PURE__*/ React.createElement("div", null, /*#__PURE__*/ React.createElement("b", null, "params:"), " ", JSON.stringify(error.params)), /*#__PURE__*/ React.createElement("div", null, /*#__PURE__*/ React.createElement("b", null, "dataPath:"), " ", error.dataPath), /*#__PURE__*/ React.createElement("div", null, /*#__PURE__*/ React.createElement("b", null, "schemaPath:"), " ", error.schemaPath))
+    )));
 };
 export default BlockSchemaErrors;

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.

package/dist/mockBlock.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,7 +14,7 @@
   limitations under the License.
 */ import { makeCssClass } from '@lowdefy/block-utils';
 import stubBlockProps from './stubBlockProps.js';
-const mockBlock = ({ meta , logger , schema  })=>{
+const mockBlock = ({ meta , schema  })=>{
     const mockMath = Object.create(global.Math);
     mockMath.random = ()=>0.5
     ;
@@ -75,22 +75,18 @@ const mockBlock = ({ meta , logger , schema  })=>{
                 window.innerHeight = height || window.innerHeight;
                 window.dispatchEvent(new Event('resize'));
             };
-            window.scrollTo = ()=>{
-            };
+            window.scrollTo = ()=>{};
             // Fix css-animation or rc-motion deps on these
             // https://github.com/react-component/motion/blob/9c04ef1a210a4f3246c9becba6e33ea945e00669/src/util/motion.ts#L27-L35
             // https://github.com/yiminghe/css-animation/blob/a5986d73fd7dfce75665337f39b91483d63a4c8c/src/Event.js#L44
-            window.AnimationEvent = window.AnimationEvent || (()=>{
-            });
-            window.TransitionEvent = window.TransitionEvent || (()=>{
-            });
+            window.AnimationEvent = window.AnimationEvent || (()=>{});
+            window.TransitionEvent = window.TransitionEvent || (()=>{});
         }
     };
     const getProps = (block)=>{
         return stubBlockProps({
             block,
             meta,
-            logger,
             schema
         });
     };

package/dist/runBlockSchemaTests.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/runMockMethodTests.js

@@ -1,6 +1,5 @@
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } 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.
@@ -18,10 +17,24 @@ import { type } from '@lowdefy/helpers';
 import { render, screen } from '@testing-library/react';
 import userEvent from '@testing-library/user-event';
 import mockBlock from './mockBlock.js';
-const runMockMethodTests = ({ examples , logger , meta , mocks , schema , tests  })=>{
+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);
+}
+const runMockMethodTests = ({ Block: Block1 , examples , mocks , schema , testConfig  })=>{
+    const meta = Block1.meta;
     const { before , methods , getProps  } = mockBlock({
         meta,
-        logger,
         schema
     });
     beforeEach(()=>{
@@ -35,8 +48,8 @@ const runMockMethodTests = ({ examples , logger , meta , mocks , schema , tests
     ];
     examples.forEach((ex)=>{
         values.forEach((value, v)=>{
-            if (tests && tests.methods) {
-                tests.methods.forEach((method)=>{
+            if (testConfig && testConfig.methods) {
+                testConfig.methods.forEach((method)=>{
                     mocks.forEach((mock)=>{
                         test(`Mock for method: ${JSON.stringify(method)} - ${ex.id} - value[${v}] - ${mock.name}`, async ()=>{
                             const mockFns = await mock.getMockFns();
@@ -47,24 +60,17 @@ const runMockMethodTests = ({ examples , logger , meta , mocks , schema , tests
                                     ...methods,
                                     registerMethod: props.methods.registerMethod
                                 };
-                                return(/*#__PURE__*/ _jsxs(_Fragment, {
-                                    children: [
-                                        /*#__PURE__*/ _jsx(Block, {
-                                            ...props,
-                                            value: value
-                                        }),
-                                        /*#__PURE__*/ _jsx("button", {
-                                            id: `${ex.id}_button`,
-                                            onClick: ()=>{
-                                                props.methods[method.name](method.args);
-                                            },
-                                            "data-testid": "btn_method"
-                                        })
-                                    ]
-                                }));
+                                return(/*#__PURE__*/ React.createElement(React.Fragment, null, /*#__PURE__*/ React.createElement(Block, _extends({}, props, {
+                                    value: value
+                                })), /*#__PURE__*/ React.createElement("button", {
+                                    id: `${ex.id}_button`,
+                                    onClick: ()=>{
+                                        props.methods[method.name](method.args);
+                                    },
+                                    "data-testid": "btn_method"
+                                })));
                             };
-                            const { container  } = render(/*#__PURE__*/ _jsx(Shell, {
-                            }));
+                            const { container  } = render(/*#__PURE__*/ React.createElement(Shell, null));
                             expect(container.firstChild).toMatchSnapshot();
                             userEvent.click(screen.getByTestId('btn_method'));
                             mockFns.forEach((mockFn)=>{

package/dist/runMockRenderTests.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.
@@ -15,12 +14,26 @@ import { jsx as _jsx } from "react/jsx-runtime";
   limitations under the License.
 */ import React from 'react';
 import { type } from '@lowdefy/helpers';
-import { render } from '@testing-library/react';
+import { render, waitFor } from '@testing-library/react';
 import mockBlock from './mockBlock.js';
-const runMockRenderTests = ({ examples , logger , meta , mocks , reset =()=>null
- , schema  })=>{
+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);
+}
+const runMockRenderTests = ({ Block: Block1 , examples , logger , mocks , reset =()=>null
+ , schema , testConfig ,  })=>{
     const { before , getProps  } = mockBlock({
-        meta,
+        meta: Block1.meta,
         logger,
         schema
     });
@@ -36,13 +49,16 @@ const runMockRenderTests = ({ examples , logger , meta , mocks , reset =()=>null
         makeCssClass.mockReset();
         makeCssClass.mockImplementation(makeCssImp);
     });
-    const values = meta.values ? [
-        type.enforceType(meta.valueType, null),
-        ...meta.values
-    ] : [
-        type.enforceType(meta.valueType, null)
-    ];
     examples.forEach((ex)=>{
+        const values = [
+            type.enforceType(Block1.meta.valueType, null)
+        ];
+        if (!type.isNone(ex.value)) {
+            values.push(ex.value);
+        }
+        if (type.isArray(testConfig.values)) {
+            values.push(...testConfig.values);
+        }
         values.forEach((value, v)=>{
             mocks.forEach((mock)=>{
                 test(`Mock render - ${ex.id} - value[${v}] - ${mock.name}`, async ()=>{
@@ -50,17 +66,17 @@ const runMockRenderTests = ({ examples , logger , meta , mocks , reset =()=>null
                     const Block = await mock.getBlock();
                     const Shell = ()=>{
                         const props = getProps(ex);
-                        return(/*#__PURE__*/ _jsx(Block, {
-                            ...props,
+                        return(/*#__PURE__*/ React.createElement(Block, _extends({}, props, {
                             methods: {
                                 ...props.methods,
                                 makeCssClass
                             },
                             value: value
-                        }));
+                        })));
                     };
-                    render(/*#__PURE__*/ _jsx(Shell, {
-                    }));
+                    const { container  } = render(/*#__PURE__*/ React.createElement(Shell, null));
+                    await waitFor(()=>expect(container.firstChild).toMatchSnapshot()
+                    );
                     mockFns.forEach((mockFn)=>{
                         expect(mockFn.mock.calls).toMatchSnapshot();
                     });

package/dist/runRenderTests.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.
@@ -17,10 +16,24 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import { render, waitFor } from '@testing-library/react';
 import { type } from '@lowdefy/helpers';
 import mockBlock from './mockBlock.js';
-const runRenderTests = ({ Block , examples , logger , meta , reset =()=>null
- , schema , tests , validationsExamples ,  })=>{
+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);
+}
+const runRenderTests = ({ Block , examples , logger , reset =()=>null
+ , schema , testConfig , validationsExamples ,  })=>{
     const { before , methods , getProps  } = mockBlock({
-        meta,
+        meta: Block.meta,
         logger,
         schema
     });
@@ -30,58 +43,52 @@ const runRenderTests = ({ Block , examples , logger , meta , reset =()=>null
     });
     examples.forEach((ex)=>{
         const values = [
-            type.enforceType(meta.valueType, null)
+            type.enforceType(Block.meta.valueType, null)
         ];
         if (!type.isNone(ex.value)) {
             values.push(ex.value);
         }
-        if (type.isArray(meta.values)) {
-            values.push(...meta.values);
+        if (type.isArray(testConfig.values)) {
+            values.push(...testConfig.values);
         }
         values.forEach((value, v)=>{
             test(`Render ${ex.id} - value[${v}]`, async ()=>{
                 // create shell to setup react hooks with getProps before render;
-                const Shell = ()=>/*#__PURE__*/ _jsx(Block, {
-                        ...getProps(ex),
+                const Shell = ()=>/*#__PURE__*/ React.createElement(Block, _extends({}, getProps(ex), {
                         value: value,
                         methods: methods
-                    })
+                    }))
                 ;
-                const { container  } = render(/*#__PURE__*/ _jsx(Shell, {
-                }));
+                const { container  } = render(/*#__PURE__*/ React.createElement(Shell, null));
                 await waitFor(()=>expect(container.firstChild).toMatchSnapshot()
                 );
             });
-            if (tests && tests.validation) {
+            if (testConfig && testConfig.validation) {
                 (validationsExamples || []).map((validationEx)=>{
                     test(`Render validation.status = ${validationEx.status} ${ex.id} - value[${v}]`, async ()=>{
                         // create shell to setup react hooks with getProps before render;
-                        const Shell = ()=>/*#__PURE__*/ _jsx(Block, {
-                                ...getProps(ex),
+                        const Shell = ()=>/*#__PURE__*/ React.createElement(Block, _extends({}, getProps(ex), {
                                 value: value,
                                 methods: methods,
                                 validation: validationEx
-                            })
+                            }))
                         ;
-                        const { container  } = render(/*#__PURE__*/ _jsx(Shell, {
-                        }));
+                        const { container  } = render(/*#__PURE__*/ React.createElement(Shell, null));
                         await waitFor(()=>expect(container.firstChild).toMatchSnapshot()
                         );
                     });
                 });
             }
-            if (tests && tests.required) {
+            if (testConfig && testConfig.required) {
                 test(`Render required = true ${ex.id} - value[${v}]`, async ()=>{
                     // create shell to setup react hooks with getProps before render;
-                    const Shell = ()=>/*#__PURE__*/ _jsx(Block, {
-                            ...getProps(ex),
+                    const Shell = ()=>/*#__PURE__*/ React.createElement(Block, _extends({}, getProps(ex), {
                             value: value,
                             methods: methods,
                             required: true
-                        })
+                        }))
                     ;
-                    const { container  } = render(/*#__PURE__*/ _jsx(Shell, {
-                    }));
+                    const { container  } = render(/*#__PURE__*/ React.createElement(Shell, null));
                     await waitFor(()=>expect(container.firstChild).toMatchSnapshot()
                     );
                 });

package/dist/schemaTest.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,13 +16,11 @@
 import AjvErrors from 'ajv-errors';
 import { blockSchema } from '@lowdefy/block-utils';
 const testSchemaProperties = {
-    value: {
-    },
+    value: {},
     methods: {
         type: 'object'
     },
-    schemaErrors: {
-    },
+    schemaErrors: {},
     eventLog: {
         type: 'array'
     },

package/dist/stubBlockProps.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.
@@ -17,30 +16,30 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import { type } from '@lowdefy/helpers';
 import { makeCssClass, createIcon } from '@lowdefy/block-utils';
 import schemaTest from './schemaTest.js';
-const validate = {
-};
+const validate = {};
 const Icons = {
-    AiIcon: (props)=>/*#__PURE__*/ _jsx("svg", {
-            ...props,
-            "data-testid": "AiIcon"
-        })
+    AiIcon: ({ onClick , ...props })=>/*#__PURE__*/ React.createElement("svg", {
+            "data-testid": "AiIcon",
+            onClick: onClick
+        }, "ICON PROPS: ", JSON.stringify(props))
     ,
-    AiOutlineExclamationCircle: (props)=>/*#__PURE__*/ _jsx("svg", {
-            ...props,
-            "data-testid": "AiOutlineExclamationCircle"
-        })
+    AiOutlineExclamationCircle: ({ onClick , ...props })=>/*#__PURE__*/ React.createElement("svg", {
+            "data-testid": "AiOutlineExclamationCircle",
+            onClick: onClick
+        }, "ICON PROPS: ", JSON.stringify(props))
     ,
-    AiOutlineLoading3Quarters: (props)=>/*#__PURE__*/ _jsx("svg", {
-            ...props,
-            "data-testid": "AiOutlineLoading3Quarters"
-        })
+    AiOutlineLoading3Quarters: ({ onClick , ...props })=>/*#__PURE__*/ React.createElement("svg", {
+            "data-testid": "AiOutlineLoading3Quarters",
+            onClick: onClick
+        }, "ICON PROPS: ", JSON.stringify(props))
     ,
     ErrorIcon: ()=>{
         throw new Error('ErrorIcon');
     }
 };
 const IconComponent = createIcon(Icons);
-const stubBlockProps = ({ block , meta , logger , initialValue , schema  })=>{
+const stubBlockProps = ({ block , meta , logger =()=>null
+ , initialValue , schema  })=>{
     const [value, setState] = useState(type.enforceType(meta.valueType, block.value || initialValue));
     const setValue = (val)=>{
         setState(type.enforceType(meta.valueType, val));
@@ -60,22 +59,18 @@ const stubBlockProps = ({ block , meta , logger , initialValue , schema  })=>{
     // block defaults
     block.blockId = block.id;
     if (meta.category === 'list' || meta.category === 'container' || meta.category === 'context') {
-        if (!block.areas) block.areas = {
-        };
-        if (!block.areas.content) block.areas.content = {
-        };
+        if (!block.areas) block.areas = {};
+        if (!block.areas.content) block.areas.content = {};
         if (block.blocks) block.areas.content.blocks = block.blocks;
     }
-    block.events = block.events || {
-    };
+    block.events = block.events || {};
     block.eventLog = [];
     block.components = {
         Icon: IconComponent,
-        Link: (props)=>/*#__PURE__*/ _jsx("a", {
-                "data-testid": `link-${props.href}`,
-                ...props,
-                children: props.children
-            })
+        Link: ({ id , children , onClick , ...props })=>/*#__PURE__*/ React.createElement("a", {
+                "data-testid": id,
+                onClick: onClick
+            }, "LINK PROPS:", JSON.stringify(props), " - CHILDREN: ", children('default_title'))
     };
     // mock default block methods
     block.methods = {
@@ -95,13 +90,13 @@ const stubBlockProps = ({ block , meta , logger , initialValue , schema  })=>{
         block.list = [];
         (block.areas.content.blocks || []).forEach((bl, i)=>{
             block.list.push({
-                content: ()=>/*#__PURE__*/ _jsx("div", {
+                content: ()=>/*#__PURE__*/ React.createElement("div", {
                         "data-testid": `list-${i}-${bl.id}`,
+                        key: bl.id,
                         style: {
                             border: '1px solid red',
                             padding: 10
-                        },
-                        children: bl.id
+                        }
                     }, bl.id)
             });
         });
@@ -120,16 +115,15 @@ const stubBlockProps = ({ block , meta , logger , initialValue , schema  })=>{
         };
     }
     if (meta.category === 'container') {
-        block.content = {
-        };
+        block.content = {};
         Object.keys(block.areas).forEach((key)=>{
-            block.content[key] = ()=>/*#__PURE__*/ _jsx("div", {
+            block.content[key] = ()=>/*#__PURE__*/ React.createElement("div", {
                     "data-testid": `area-${key}`,
+                    key: key,
                     style: {
                         border: '1px solid red',
                         padding: 10
-                    },
-                    children: key
+                    }
                 }, key)
             ;
         });

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lowdefy/block-dev",
-  "version": "4.0.0-alpha.1",
+  "version": "4.0.0-alpha.12",
   "licence": "Apache-2.0",
   "description": "Lowdefy Block Development Tools",
   "homepage": "https://lowdefy.com",
@@ -37,26 +37,26 @@
     "swc": "swc src --out-dir dist --config-file ../../../.swcrc --delete-dir-on-start"
   },
   "dependencies": {
-    "@emotion/jest": "11.5.0",
-    "@lowdefy/block-utils": "4.0.0-alpha.1",
-    "@lowdefy/helpers": "4.0.0-alpha.1",
-    "@testing-library/dom": "8.10.1",
+    "@emotion/jest": "11.7.1",
+    "@lowdefy/block-utils": "4.0.0-alpha.12",
+    "@lowdefy/helpers": "4.0.0-alpha.12",
+    "@testing-library/dom": "8.11.3",
     "@testing-library/react": "13.0.0-alpha.4",
     "@testing-library/user-event": "14.0.0-alpha.14",
-    "ajv": "8.8.2",
+    "ajv": "8.9.0",
     "ajv-errors": "3.0.0",
-    "jest": "27.3.1",
+    "jest": "27.5.1",
     "jest-serializer-html": "7.1.0",
-    "react": "18.0.0-alpha-327d5c484-20211106",
-    "react-dom": "18.0.0-alpha-327d5c484-20211106",
+    "react": "17.0.2",
+    "react-dom": "17.0.2",
     "yaml-loader": "0.6.0"
   },
   "devDependencies": {
-    "@swc/cli": "0.1.52",
-    "@swc/core": "1.2.112"
+    "@swc/cli": "0.1.55",
+    "@swc/core": "1.2.135"
   },
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "c97a8fa6b5a641e7d50df09f5601a9c586eeb65a"
+  "gitHead": "41b6138a81bee7da362dad06345bc9f87b2c2133"
 }