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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lowdefy/block-dev",
-  "version": "4.0.0-alpha.28",
+  "version": "4.0.0-alpha.29",
   "license": "Apache-2.0",
   "description": "Lowdefy Block Development Tools",
   "homepage": "https://lowdefy.com",
@@ -31,15 +31,14 @@
     "dist/*"
   ],
   "scripts": {
-    "build": "yarn swc",
+    "build": "swc src --out-dir dist --config-file ../../../.swcrc --delete-dir-on-start",
     "clean": "rm -rf dist",
-    "prepare": "yarn build",
-    "swc": "swc src --out-dir dist --config-file ../../../.swcrc --delete-dir-on-start"
+    "prepublishOnly": "pnpm build"
   },
   "dependencies": {
     "@emotion/jest": "11.9.1",
-    "@lowdefy/block-utils": "4.0.0-alpha.28",
-    "@lowdefy/helpers": "4.0.0-alpha.28",
+    "@lowdefy/block-utils": "4.0.0-alpha.29",
+    "@lowdefy/helpers": "4.0.0-alpha.29",
     "@testing-library/dom": "8.13.0",
     "@testing-library/react": "13.3.0",
     "@testing-library/user-event": "14.2.0",
@@ -58,5 +57,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "d0bad6be18362c0ceea1c18239c61bba0ba59300"
+  "gitHead": "621a191ebc0a1569ee6669dc74c12f8be5a8c7f3"
 }

package/dist/BlockSchemaErrors.js

@@ -1,30 +0,0 @@
-/*
-  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

@@ -1,22 +0,0 @@
-/*
-  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

@@ -1,97 +0,0 @@
-/*
-  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

@@ -1,26 +0,0 @@
-/*
-  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

@@ -1,86 +0,0 @@
-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

@@ -1,85 +0,0 @@
-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

@@ -1,92 +0,0 @@
-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

@@ -1,60 +0,0 @@
-/*
-  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

@@ -1,130 +0,0 @@
-/*
-  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;