@lowdefy/block-dev 4.0.0-alpha.29 → 4.0.0-alpha.31

package/dist/BlockSchemaErrors.js

@@ -0,0 +1,30 @@
+/*
+  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.
+  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 BlockSchemaErrors = ({ schemaErrors  })=>{
+    if (!schemaErrors || schemaErrors.length === 0) return '';
+    return /*#__PURE__*/ React.createElement("div", {
+        style: {
+            padding: 10,
+            fontSize: '0.8rem',
+            border: '1px solid red',
+            background: '#fBB',
+            width: '100%'
+        }
+    }, /*#__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

@@ -0,0 +1,22 @@
+/*
+  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.
+  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 BlockSchemaErrors from './BlockSchemaErrors.js';
+import mockBlock from './mockBlock.js';
+import runBlockSchemaTests from './runBlockSchemaTests.js';
+import runMockMethodTests from './runMockMethodTests.js';
+import runMockRenderTests from './runMockRenderTests.js';
+import runRenderTests from './runRenderTests.js';
+import stubBlockProps from './stubBlockProps.js';
+export { BlockSchemaErrors, mockBlock, runBlockSchemaTests, runMockMethodTests, runMockRenderTests, runRenderTests, stubBlockProps };

package/dist/mockBlock.js

@@ -0,0 +1,97 @@
+/*
+  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.
+  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 { makeCssClass } from '@lowdefy/block-utils';
+import stubBlockProps from './stubBlockProps.js';
+const mockBlock = ({ meta , schema  })=>{
+    const mockMath = Object.create(global.Math);
+    mockMath.random = ()=>0.5;
+    global.Math = mockMath;
+    const moveItemDown = jest.fn();
+    const moveItemUp = jest.fn();
+    const pushItem = jest.fn();
+    const registerEvent = jest.fn();
+    const registerMethod = jest.fn();
+    const removeItem = jest.fn();
+    const setValue = jest.fn();
+    const triggerEvent = jest.fn();
+    const unshiftItem = jest.fn();
+    const methods = {
+        makeCssClass,
+        moveItemDown,
+        moveItemUp,
+        pushItem,
+        registerEvent,
+        registerMethod,
+        removeItem,
+        setValue,
+        triggerEvent,
+        unshiftItem
+    };
+    const before = ()=>{
+        triggerEvent.mockReset();
+        moveItemDown.mockReset();
+        moveItemUp.mockReset();
+        pushItem.mockReset();
+        registerMethod.mockReset();
+        registerEvent.mockReset();
+        removeItem.mockReset();
+        setValue.mockReset();
+        unshiftItem.mockReset();
+        // for antd from:
+        // https://github.com/ant-design/ant-design/blob/master/tests/setup.js
+        // ref: https://github.com/ant-design/ant-design/issues/18774
+        if (!window.matchMedia) {
+            Object.defineProperty(window, 'matchMedia', {
+                writable: true,
+                value: jest.fn().mockImplementation((query)=>({
+                        matches: false,
+                        media: query.includes('max-width'),
+                        onchange: null,
+                        addListener: jest.fn(),
+                        removeListener: jest.fn(),
+                        addEventListener: jest.fn(),
+                        removeEventListener: jest.fn(),
+                        dispatchEvent: jest.fn()
+                    }))
+            });
+        }
+        if (typeof window !== 'undefined') {
+            window.resizeTo = (width, height)=>{
+                window.innerWidth = width || window.innerWidth;
+                window.innerHeight = height || window.innerHeight;
+                window.dispatchEvent(new Event('resize'));
+            };
+            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 || (()=>{});
+        }
+    };
+    const getProps = (block)=>{
+        return stubBlockProps({
+            block,
+            meta,
+            schema
+        });
+    };
+    return {
+        before,
+        methods,
+        getProps
+    };
+};
+export default mockBlock;

package/dist/runBlockSchemaTests.js

@@ -0,0 +1,26 @@
+/*
+  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.
+  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 schemaTest from './schemaTest.js';
+const runBlockSchemaTests = ({ examples , schema  })=>{
+    const validate = schemaTest(schema);
+    examples.forEach((block)=>{
+        test(`Test Schema ${block.id}`, ()=>{
+            const valid = validate(block);
+            expect(valid).toMatchSnapshot();
+            expect(validate.errors).toMatchSnapshot();
+        });
+    });
+};
+export default runBlockSchemaTests;

package/dist/runMockMethodTests.js

@@ -0,0 +1,86 @@
+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);
+}
+/*
+  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.
+  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 { 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 = ({ Block: Block1 , examples , mocks , schema , testConfig  })=>{
+    const meta = Block1.meta;
+    const { before , methods , getProps  } = mockBlock({
+        meta,
+        schema
+    });
+    beforeEach(()=>{
+        before();
+    });
+    const values = meta.values ? [
+        type.enforceType(meta.valueType, null),
+        ...meta.values
+    ] : [
+        type.enforceType(meta.valueType, null)
+    ];
+    examples.forEach((ex)=>{
+        values.forEach((value, v)=>{
+            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();
+                            const Block = await mock.getBlock();
+                            const Shell = ()=>{
+                                const props = getProps(ex);
+                                props.methods = {
+                                    ...methods,
+                                    registerMethod: props.methods.registerMethod
+                                };
+                                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__*/ React.createElement(Shell, null));
+                            expect(container.firstChild).toMatchSnapshot();
+                            userEvent.click(screen.getByTestId('btn_method'));
+                            mockFns.forEach((mockFn)=>{
+                                expect(mockFn.mock.calls).toMatchSnapshot();
+                            });
+                        });
+                    });
+                });
+            }
+        });
+    });
+};
+export default runMockMethodTests;

package/dist/runMockRenderTests.js

@@ -0,0 +1,85 @@
+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);
+}
+/*
+  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.
+  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 { type } from '@lowdefy/helpers';
+import { render, waitFor } from '@testing-library/react';
+import mockBlock from './mockBlock.js';
+const runMockRenderTests = ({ Block: Block1 , examples , logger , mocks , reset =()=>null , schema , testConfig ,  })=>{
+    const { before , getProps  } = mockBlock({
+        meta: Block1.meta,
+        logger,
+        schema
+    });
+    const makeCssClass = jest.fn();
+    const makeCssImp = (style, op)=>JSON.stringify({
+            style,
+            options: op
+        });
+    beforeEach(async ()=>{
+        await reset();
+        before();
+        makeCssClass.mockReset();
+        makeCssClass.mockImplementation(makeCssImp);
+    });
+    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 ()=>{
+                    const mockFns = await mock.getMockFns();
+                    const Block = await mock.getBlock();
+                    const Shell = ()=>{
+                        const props = getProps(ex);
+                        return /*#__PURE__*/ React.createElement(Block, _extends({}, props, {
+                            methods: {
+                                ...props.methods,
+                                makeCssClass
+                            },
+                            value: value
+                        }));
+                    };
+                    const { container  } = render(/*#__PURE__*/ React.createElement(Shell, null));
+                    await waitFor(()=>expect(container.firstChild).toMatchSnapshot());
+                    mockFns.forEach((mockFn)=>{
+                        expect(mockFn.mock.calls).toMatchSnapshot();
+                    });
+                });
+            });
+        });
+    });
+};
+export default runMockRenderTests;

package/dist/runRenderTests.js

@@ -0,0 +1,92 @@
+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);
+}
+/*
+  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.
+  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 { render, waitFor } from '@testing-library/react';
+import { type } from '@lowdefy/helpers';
+import mockBlock from './mockBlock.js';
+const runRenderTests = ({ Block , examples , logger , reset =()=>null , schema , testConfig , validationsExamples ,  })=>{
+    const { before , methods , getProps  } = mockBlock({
+        meta: Block.meta,
+        logger,
+        schema
+    });
+    beforeEach(()=>{
+        reset();
+        before();
+    });
+    examples.forEach((ex)=>{
+        const values = [
+            type.enforceType(Block.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)=>{
+            test(`Render ${ex.id} - value[${v}]`, async ()=>{
+                // create shell to setup react hooks with getProps before render;
+                const Shell = ()=>/*#__PURE__*/ React.createElement(Block, _extends({}, getProps(ex), {
+                        value: value,
+                        methods: methods
+                    }));
+                const { container  } = render(/*#__PURE__*/ React.createElement(Shell, null));
+                await waitFor(()=>expect(container.firstChild).toMatchSnapshot());
+            });
+            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__*/ React.createElement(Block, _extends({}, getProps(ex), {
+                                value: value,
+                                methods: methods,
+                                validation: validationEx
+                            }));
+                        const { container  } = render(/*#__PURE__*/ React.createElement(Shell, null));
+                        await waitFor(()=>expect(container.firstChild).toMatchSnapshot());
+                    });
+                });
+            }
+            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__*/ React.createElement(Block, _extends({}, getProps(ex), {
+                            value: value,
+                            methods: methods,
+                            required: true
+                        }));
+                    const { container  } = render(/*#__PURE__*/ React.createElement(Shell, null));
+                    await waitFor(()=>expect(container.firstChild).toMatchSnapshot());
+                });
+            }
+        });
+    });
+};
+export default runRenderTests;

package/dist/schemaTest.js

@@ -0,0 +1,60 @@
+/*
+  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.
+  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 Ajv from 'ajv';
+import AjvErrors from 'ajv-errors';
+import { blockSchema } from '@lowdefy/block-utils';
+const testSchemaProperties = {
+    value: {},
+    methods: {
+        type: 'object'
+    },
+    schemaErrors: {},
+    eventLog: {
+        type: 'array'
+    },
+    pageId: {
+        type: 'string'
+    },
+    blockId: {
+        type: 'string'
+    },
+    content: {
+        type: 'object'
+    },
+    list: {
+        type: 'array'
+    }
+};
+const initAjv = (options)=>{
+    const ajv = new Ajv({
+        allErrors: true,
+        strict: false,
+        ...options
+    });
+    AjvErrors(ajv, options);
+    return ajv;
+};
+const ajvInstance = initAjv();
+const sch = JSON.parse(JSON.stringify(blockSchema));
+const schemaTest = (schema)=>{
+    sch.properties = {
+        ...sch.properties,
+        ...schema.properties.properties,
+        ...testSchemaProperties
+    };
+    sch.additionalProperties = true;
+    return ajvInstance.compile(sch);
+};
+export default schemaTest;

package/dist/stubBlockProps.js

@@ -0,0 +1,130 @@
+/*
+  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.
+  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, { useState } from 'react';
+import { type } from '@lowdefy/helpers';
+import { makeCssClass, createIcon } from '@lowdefy/block-utils';
+import schemaTest from './schemaTest.js';
+const validate = {};
+const Icons = {
+    AiIcon: ({ onClick , ...props })=>/*#__PURE__*/ React.createElement("svg", {
+            "data-testid": "AiIcon",
+            onClick: onClick
+        }, "ICON PROPS: ", JSON.stringify(props)),
+    AiOutlineExclamationCircle: ({ onClick , ...props })=>/*#__PURE__*/ React.createElement("svg", {
+            "data-testid": "AiOutlineExclamationCircle",
+            onClick: onClick
+        }, "ICON PROPS: ", JSON.stringify(props)),
+    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 =()=>null , initialValue , schema  })=>{
+    const [value, setState] = useState(type.enforceType(meta.valueType, block.value || initialValue));
+    const setValue = (val)=>{
+        setState(type.enforceType(meta.valueType, val));
+    };
+    let log = alert;
+    if (logger) log = logger;
+    // evaluate block schema
+    if (!validate[block.type]) {
+        try {
+            validate[block.type] = schemaTest(schema);
+        } catch (error) {
+            throw new Error(`Schema error in ${block.type} - ${error.message}`);
+        }
+    }
+    block.schemaErrors = !validate[block.type](block);
+    if (block.schemaErrors) block.schemaErrors = validate[block.type].errors;
+    // 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.blocks) block.areas.content.blocks = block.blocks;
+    }
+    block.events = block.events || {};
+    block.eventLog = [];
+    block.components = {
+        Icon: IconComponent,
+        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 = {
+        makeCssClass,
+        registerEvent: ({ name , actions  })=>{
+            block.events[name] = actions;
+            return;
+        },
+        registerMethod: (method, methodFn)=>{
+            block.methods[method] = methodFn;
+            return;
+        },
+        triggerEvent: (event)=>block.eventLog.unshift(event)
+    };
+    // block category defaults
+    if (meta.category === 'list') {
+        block.list = [];
+        (block.areas.content.blocks || []).forEach((bl, i)=>{
+            block.list.push({
+                content: ()=>/*#__PURE__*/ React.createElement("div", {
+                        "data-testid": `list-${i}-${bl.id}`,
+                        key: bl.id,
+                        style: {
+                            border: '1px solid red',
+                            padding: 10
+                        }
+                    }, bl.id)
+            });
+        });
+        block.methods = {
+            pushItem: ()=>log('List pushItem'),
+            unshiftItem: ()=>log('List unshiftItem'),
+            removeItem: (i)=>log(`List removeItem ${i}`),
+            moveItemDown: (i)=>log(`List moveItemDown ${i}`),
+            moveItemUp: (i)=>log(`List moveItemUp ${i}`),
+            ...block.methods
+        };
+    }
+    if (meta.category === 'container') {
+        block.content = {};
+        Object.keys(block.areas).forEach((key)=>{
+            block.content[key] = ()=>/*#__PURE__*/ React.createElement("div", {
+                    "data-testid": `area-${key}`,
+                    key: key,
+                    style: {
+                        border: '1px solid red',
+                        padding: 10
+                    }
+                }, key);
+        });
+    }
+    if (meta.category === 'input') {
+        block.methods = {
+            setValue,
+            ...block.methods
+        };
+        block.value = value;
+    }
+    return block;
+};
+export default stubBlockProps;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lowdefy/block-dev",
-  "version": "4.0.0-alpha.29",
+  "version": "4.0.0-alpha.31",
   "license": "Apache-2.0",
   "description": "Lowdefy Block Development Tools",
   "homepage": "https://lowdefy.com",
@@ -37,8 +37,8 @@
   },
   "dependencies": {
     "@emotion/jest": "11.9.1",
-    "@lowdefy/block-utils": "4.0.0-alpha.29",
-    "@lowdefy/helpers": "4.0.0-alpha.29",
+    "@lowdefy/block-utils": "4.0.0-alpha.31",
+    "@lowdefy/helpers": "4.0.0-alpha.31",
     "@testing-library/dom": "8.13.0",
     "@testing-library/react": "13.3.0",
     "@testing-library/user-event": "14.2.0",
@@ -46,8 +46,8 @@
     "ajv-errors": "3.0.0",
     "jest": "28.1.0",
     "jest-serializer-html": "7.1.0",
-    "react": "18.1.0",
-    "react-dom": "18.1.0",
+    "react": "18.2.0",
+    "react-dom": "18.2.0",
     "yaml-loader": "0.8.0"
   },
   "devDependencies": {
@@ -57,5 +57,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "621a191ebc0a1569ee6669dc74c12f8be5a8c7f3"
+  "gitHead": "96ef86d4ce4849f8f11110662efbbaede1bcd5a5"
 }