@lowdefy/client 0.0.0-experimental-20250218100608 → 0.0.0-experimental-20250702125311

package/dist/Client.js

@@ -60,10 +60,10 @@ const Client = ({ auth, Components, config: rawConfig, jsMap, lowdefy, resetCont
         if (!context._internal.onInitDone) return '';
         return /*#__PURE__*/ React.createElement(React.Fragment, null, /*#__PURE__*/ React.createElement(Head, {
             Component: Components.Head,
-            properties: context._internal.RootBlocks.map[config.pageConfig.blockId].eval.properties
+            properties: context._internal.RootAreas.map[config.pageConfig.blockId].eval.properties
         }), /*#__PURE__*/ React.createElement(Block, {
-            block: context._internal.RootBlocks.map[config.pageConfig.blockId],
-            Blocks: context._internal.RootBlocks,
+            block: context._internal.RootAreas.map[config.pageConfig.blockId],
+            Blocks: context._internal.RootAreas,
             context: context,
             lowdefy: lowdefy,
             parentLoading: false

package/dist/block/CategorySwitch.js

@@ -16,6 +16,7 @@
 import { BlockLayout } from '@lowdefy/layout';
 import { makeCssClass } from '@lowdefy/block-utils';
 import { type } from '@lowdefy/helpers';
+import InputContainer from './InputContainer.js';
 import Container from './Container.js';
 import List from './List.js';
 import LoadingBlock from './LoadingBlock.js';
@@ -84,6 +85,15 @@ const CategorySwitch = ({ block, Blocks, context, loading, lowdefy })=>{
                 validation: block.eval.validation,
                 value: block.value
             }));
+        case 'input-container':
+            return /*#__PURE__*/ React.createElement(InputContainer, {
+                block: block,
+                Blocks: Blocks,
+                Component: Component,
+                context: context,
+                loading: loading,
+                lowdefy: lowdefy
+            });
         default:
             return /*#__PURE__*/ React.createElement(BlockLayout, {
                 id: `bl-${block.blockId}`,

package/dist/block/Container.js

@@ -19,7 +19,7 @@ import Block from './Block.js';
 const Container = ({ block, Blocks, Component, context, loading, lowdefy })=>{
     const content = {};
     // eslint-disable-next-line prefer-destructuring
-    const areas = Blocks.subBlocks[block.id][0].areas;
+    const areas = Blocks.subAreas[block.id][0].areas;
     Object.keys(areas).forEach((areaKey, i)=>{
         content[areaKey] = (areaStyle)=>/*#__PURE__*/ React.createElement(Area, {
                 area: block.eval.areas[areaKey],
@@ -34,7 +34,7 @@ const Container = ({ block, Blocks, Component, context, loading, lowdefy })=>{
                 makeCssClass: makeCssClass
             }, areas[areaKey].blocks.map((bl, k)=>/*#__PURE__*/ React.createElement(Block, {
                     block: bl,
-                    Blocks: Blocks.subBlocks[block.id][0],
+                    Blocks: Blocks.subAreas[block.id][0],
                     context: context,
                     key: `co-${bl.blockId}-${k}`,
                     lowdefy: lowdefy,

package/dist/block/InputContainer.js

@@ -0,0 +1,77 @@
+/*
+  Copyright 2020-2024 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 { Area, BlockLayout } from '@lowdefy/layout';
+import { makeCssClass } from '@lowdefy/block-utils';
+import Block from './Block.js';
+const InputContainer = ({ block, Blocks, Component, context, loading, lowdefy })=>{
+    const content = {};
+    // eslint-disable-next-line prefer-destructuring
+    const areas = Blocks.subAreas[block.id][0].areas;
+    Object.keys(areas).forEach((areaKey, i)=>{
+        content[areaKey] = (areaStyle)=>/*#__PURE__*/ React.createElement(Area, {
+                area: block.eval.areas[areaKey],
+                areaKey: areaKey,
+                areaStyle: [
+                    areaStyle,
+                    block.eval.areas[areaKey]?.style
+                ],
+                id: `ar-${block.blockId}-${areaKey}`,
+                key: `ar-${block.blockId}-${areaKey}-${i}`,
+                layout: block.eval.layout,
+                makeCssClass: makeCssClass
+            }, areas[areaKey].blocks.map((bl, k)=>/*#__PURE__*/ React.createElement(Block, {
+                    block: bl,
+                    Blocks: Blocks.subAreas[block.id][0],
+                    context: context,
+                    key: `co-${bl.blockId}-${k}`,
+                    lowdefy: lowdefy,
+                    parentLoading: loading
+                })));
+    });
+    return /*#__PURE__*/ React.createElement(BlockLayout, {
+        blockStyle: block.eval.style,
+        id: `bl-${block.blockId}`,
+        layout: block.eval.layout,
+        makeCssClass: makeCssClass
+    }, /*#__PURE__*/ React.createElement(Component, {
+        methods: Object.assign(block.methods, {
+            makeCssClass,
+            registerEvent: block.registerEvent,
+            registerMethod: block.registerMethod,
+            triggerEvent: block.triggerEvent,
+            setValue: block.setValue,
+            moveItemDown: block.moveItemDown,
+            moveItemUp: block.moveItemUp,
+            pushItem: block.pushItem,
+            removeItem: block.removeItem,
+            unshiftItem: block.unshiftItem
+        }),
+        basePath: lowdefy.basePath,
+        blockId: block.blockId,
+        components: lowdefy._internal.components,
+        content: content,
+        events: block.eval.events,
+        key: block.blockId,
+        loading: loading,
+        menus: lowdefy.menus,
+        pageId: lowdefy.pageId,
+        properties: block.eval.properties,
+        required: block.eval.required,
+        validation: block.eval.validation,
+        value: block.value
+    }));
+};
+export default InputContainer;

package/dist/block/List.js

@@ -19,7 +19,7 @@ import Block from './Block.js';
 const List = ({ block, Blocks, Component, context, loading, lowdefy })=>{
     const content = {};
     const contentList = [];
-    Blocks.subBlocks[block.id].forEach((SBlock)=>{
+    Blocks.subAreas[block.id].forEach((SBlock)=>{
         Object.keys(SBlock.areas).forEach((areaKey)=>{
             content[areaKey] = (areaStyle)=>/*#__PURE__*/ React.createElement(Area, {
                     area: block.eval.areas[areaKey],

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lowdefy/client",
-  "version": "0.0.0-experimental-20250218100608",
+  "version": "0.0.0-experimental-20250702125311",
   "license": "Apache-2.0",
   "description": "Lowdefy Client",
   "homepage": "https://lowdefy.com",
@@ -34,10 +34,10 @@
   ],
   "dependencies": {
     "@ant-design/icons": "4.8.0",
-    "@lowdefy/block-utils": "0.0.0-experimental-20250218100608",
-    "@lowdefy/engine": "0.0.0-experimental-20250218100608",
-    "@lowdefy/helpers": "0.0.0-experimental-20250218100608",
-    "@lowdefy/layout": "0.0.0-experimental-20250218100608",
+    "@lowdefy/block-utils": "0.0.0-experimental-20250702125311",
+    "@lowdefy/engine": "0.0.0-experimental-20250702125311",
+    "@lowdefy/helpers": "0.0.0-experimental-20250702125311",
+    "@lowdefy/layout": "0.0.0-experimental-20250702125311",
     "classnames": "2.3.2",
     "react": "18.2.0",
     "react-dom": "18.2.0"
@@ -45,7 +45,7 @@
   "devDependencies": {
     "@emotion/jest": "11.10.5",
     "@jest/globals": "28.1.3",
-    "@lowdefy/jest-yaml-transform": "0.0.0-experimental-20250218100608",
+    "@lowdefy/jest-yaml-transform": "0.0.0-experimental-20250702125311",
     "@swc/cli": "0.1.63",
     "@swc/core": "1.3.99",
     "@swc/jest": "0.2.29",