@lowdefy/docs 3.23.1 → 4.0.0-alpha.1

package/CHANGELOG.md

@@ -3,6 +3,33 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [4.0.0-alpha.1](https://github.com/lowdefy/lowdefy/compare/v3.23.1...v4.0.0-alpha.1) (2021-11-25)
+
+
+### Bug Fixes
+
+* **docs:** Document that _index operator is client side only. ([72c8228](https://github.com/lowdefy/lowdefy/commit/72c82282a3e6bcd3eb2eeaf3c09b395a0f152405))
+* Replace all front end testing with @testing-library/react, jest and other updates. ([22ec295](https://github.com/lowdefy/lowdefy/commit/22ec2954047853096aabcddba7a2c509342f95f2))
+
+
+### Features
+
+* **blocksAntd:** Add HolderOutlined icon. ([c39c387](https://github.com/lowdefy/lowdefy/commit/c39c38752e4a681a1146e44b6638ff8486ff9da9))
+* **blocksAntd:** Convert Alert to container and add action content area. ([49c6baa](https://github.com/lowdefy/lowdefy/commit/49c6baabeedd4ed5aaaf14f1d7b4ae5d2545d6cf))
+* **blocksAntd:** Drawer: Add extra content area and contentWrapperStyle property. ([9273fac](https://github.com/lowdefy/lowdefy/commit/9273facac41e5ee6341c80e698f4367b7d8686f3))
+* **blocks:** Convert all context category blocks to container. ([6bc03c8](https://github.com/lowdefy/lowdefy/commit/6bc03c86b80a3506c2b85076626ae15a401bcdfc))
+* **blockTools:** Update to @emotion/css, optimize makeCssClass standarise jest settings. ([947defa](https://github.com/lowdefy/lowdefy/commit/947defa3d8934e061933b1e218b79f2f97456054))
+* Replace server side state with payload and _payload operator. ([1f928d9](https://github.com/lowdefy/lowdefy/commit/1f928d93db4cbe886d322a1a3998a817d769485f))
+
+
+### BREAKING CHANGES
+
+* The _event, _global, _input, _state, and _url_query operators are no longer evaluated in connections or requests.
+
+
+
+
+
 ## [3.23.1](https://github.com/lowdefy/lowdefy/compare/v3.23.0...v3.23.1) (2021-11-20)
 
 **Note:** Version bump only for package @lowdefy/docs

package/blocks/all_icons.yaml

@@ -409,6 +409,7 @@
 - { label: 'HighlightOutlined', value: 'HighlightOutlined' }
 - { label: 'HighlightTwoTone', value: 'HighlightTwoTone' }
 - { label: 'HistoryOutlined', value: 'HistoryOutlined' }
+- { label: 'HolderOutlined', value: 'HolderOutlined' }
 - { label: 'HomeFilled', value: 'HomeFilled' }
 - { label: 'HomeOutlined', value: 'HomeOutlined' }
 - { label: 'HomeTwoTone', value: 'HomeTwoTone' }

package/blocks/{display → container}/Alert.yaml

@@ -16,11 +16,12 @@ _ref:
   path: templates/blocks/template.yaml.njk
   vars:
     block_type: Alert
-    category: display
+    category: container
     schema: ../blocks/blocksAntd/src/blocks/Alert/Alert.json
     filePath: blocks/display/Alert.yaml
     init_property_values:
       message: Alerts help to highlight important information.
     description_content: |
       Alert is used to render user feedback messages in a Alert styled frame.
-
+    areas:
+      - action

package/blocks/{display → container}/Descriptions.yaml

@@ -16,7 +16,7 @@ _ref:
   path: templates/blocks/template.yaml.njk
   vars:
     block_type: Descriptions
-    category: display
+    category: container
     schema: ../blocks/blocksAntd/src/blocks/Descriptions/Descriptions.json
     filePath: blocks/display/Descriptions.yaml
     init_state_values:
@@ -47,3 +47,5 @@ _ref:
               Location: South Africa
               Temperature: 22
               Date: 2021-02-02
+    areas:
+      - extra

package/blocks/container/Drawer.yaml

@@ -26,6 +26,7 @@ _ref:
       > To open the drawer, invoke a drawer method.
     areas:
       - content
+      - extra
     methods:
       - name: toggleOpen
         onClick:

package/blocks/{context → container}/PageHCF.yaml

@@ -16,9 +16,9 @@ _ref:
   path: templates/blocks/template.yaml.njk
   vars:
     block_type: PageHCF
-    category: context
+    category: container
     schema: ../blocks/blocksAntd/src/blocks/PageHCF/PageHCF.json
-    filePath: blocks/context/PageHCF.yaml
+    filePath: blocks/container/PageHCF.yaml
     description_content: |
       Page HCF provides a minimal layout structure for a page container with a header, content and footer area.
 

package/blocks/{context → container}/PageHCSF.yaml

@@ -16,9 +16,9 @@ _ref:
   path: templates/blocks/template.yaml.njk
   vars:
     block_type: PageHCSF
-    category: context
+    category: container
     schema: ../blocks/blocksAntd/src/blocks/PageHCSF/PageHCSF.json
-    filePath: blocks/context/PageHCSF.yaml
+    filePath: blocks/container/PageHCSF.yaml
     description_content: |
       Page HCSF provides a minimal layout structure for a page container with a header, content, sider and footer arrangement.
 

package/blocks/{context → container}/PageHSCF.yaml

@@ -16,9 +16,9 @@ _ref:
   path: templates/blocks/template.yaml.njk
   vars:
     block_type: PageHSCF
-    category: context
+    category: container
     schema: ../blocks/blocksAntd/src/blocks/PageHSCF/PageHSCF.json
-    filePath: blocks/context/PageHSCF.yaml
+    filePath: blocks/container/PageHSCF.yaml
     description_content: |
       Page HSCF provides a minimal layout structure for a page container with a header, sider, content, and footer arrangement.
 

package/blocks/{context → container}/PageHeaderMenu.yaml

@@ -16,9 +16,9 @@ _ref:
   path: templates/blocks/template.yaml.njk
   vars:
     block_type: PageHeaderMenu
-    category: context
+    category: container
     schema: ../blocks/blocksAntd/src/blocks/PageHeaderMenu/PageHeaderMenu.json
-    filePath: blocks/context/PageHeaderMenu.yaml
+    filePath: blocks/container/PageHeaderMenu.yaml
     description_content: |
       The Page Header Menu block provides a structured layout for a page with a header containing a menu, content and footer area.
     init_state_values:

package/blocks/{context → container}/PageSHCF.yaml

@@ -16,9 +16,9 @@ _ref:
   path: templates/blocks/template.yaml.njk
   vars:
     block_type: PageSHCF
-    category: context
+    category: container
     schema: ../blocks/blocksAntd/src/blocks/PageSHCF/PageSHCF.json
-    filePath: blocks/context/PageSHCF.yaml
+    filePath: blocks/container/PageSHCF.yaml
     description_content: |
       Page SHCF provides a minimal layout structure for a page container with a sider, header, content, and footer arrangement.
 

package/blocks/{context → container}/PageSiderMenu.yaml

@@ -16,9 +16,9 @@ _ref:
   path: templates/blocks/template.yaml.njk
   vars:
     block_type: PageSiderMenu
-    category: context
+    category: container
     schema: ../blocks/blocksAntd/src/blocks/PageSiderMenu/PageSiderMenu.json
-    filePath: blocks/context/PageSiderMenu.yaml
+    filePath: blocks/container/PageSiderMenu.yaml
     description_content: |
       The Page Sider Menu block provides a structured layout for a page with a header, sider including menu, content and footer area.
     init_state_values:

package/blocks/display/Img.yaml

@@ -36,5 +36,5 @@ _ref:
           type: Img
           properties:
             src: https://docs.lowdefy.com/public/logo-light-theme.png
-            srcset: https://docs.lowdefy.com/public/logo-square-light-theme.png 40w, https://docs.lowdefy.com/public/logo-light-theme.png 577w
+            srcSet: https://docs.lowdefy.com/public/logo-square-light-theme.png 40w, https://docs.lowdefy.com/public/logo-light-theme.png 577w
             sizes: '(max-width: 576px) 40px, 577px'

package/howto/use-refrences.md

@@ -0,0 +1,5 @@
+# How to use references
+
+When starting a new Lowdefy application, your app is simple, uncomplicated and easy to navigate between pages, blocks, requests and actions. Unfortunately as with any software application, as you add more functionality, your app code start to grow to thousands of lines of code. When writing an app using conventional tools like javascript, you'd deal with this complexity by splitting your app into methods, files and folders. A experienced programmer will make design choices to best abstract portions of the code to make the app more understandable and maintainable.
+
+With Lowdefy the built configuration is served in one giant JSON blob. you can do the same by splitting portions of your Lowdefy config into separate files and folders, and stich them together and

package/menus.yaml

@@ -413,31 +413,6 @@
         - id: Modal
           type: MenuLink
           pageId: Modal
-        - id: Result
-          type: MenuLink
-          pageId: Result
-        - id: Span
-          type: MenuLink
-          pageId: Span
-        - id: Spin
-          type: MenuLink
-          pageId: Spin
-        - id: Tabs
-          type: MenuLink
-          pageId: Tabs
-        - id: Tooltip
-          type: MenuLink
-          pageId: Tooltip
-
-    - id: blocks_context
-      type: MenuGroup
-      properties:
-        title: Context Blocks
-        icon: GroupOutlined
-      links:
-        - id: Context
-          type: MenuLink
-          pageId: Context
         - id: PageHCF
           type: MenuLink
           pageId: PageHCF
@@ -456,6 +431,22 @@
         - id: PageSiderMenu
           type: MenuLink
           pageId: PageSiderMenu
+        - id: Result
+          type: MenuLink
+          pageId: Result
+        - id: Span
+          type: MenuLink
+          pageId: Span
+        - id: Spin
+          type: MenuLink
+          pageId: Spin
+        - id: Tabs
+          type: MenuLink
+          pageId: Tabs
+        - id: Tooltip
+          type: MenuLink
+          pageId: Tooltip
+
     - id: blocks_list
       type: MenuGroup
       properties:

package/operators/_event.yaml

@@ -19,6 +19,7 @@ _ref:
     pageId: _event
     pageTitle: _event
     filePath: operators/_event.yaml
+    env: Client Only
     types: |
       ```
       (key: string): any

package/operators/_global.yaml

@@ -19,6 +19,7 @@ _ref:
     pageId: _global
     pageTitle: _global
     filePath: operators/_global.yaml
+    env: Client Only
     types: |
       ```
       (key: string): any

package/operators/_index.yaml

@@ -19,6 +19,7 @@ _ref:
     pageId: _index
     pageTitle: _index
     filePath: operators/_index.yaml
+    env: Client Only
     types: |
       ```
       (key: string): any

package/operators/_input.yaml

@@ -19,6 +19,7 @@ _ref:
     pageId: _input
     pageTitle: _input
     filePath: operators/_input.yaml
+    env: Client Only
     types: |
       ```
       (key: string): any

package/operators/_state.yaml

@@ -19,6 +19,7 @@ _ref:
     pageId: _state
     pageTitle: _state
     filePath: operators/_state.yaml
+    env: Client Only
     types: |
       ```
       (key: string): any

package/operators/_url_query.yaml

@@ -19,6 +19,7 @@ _ref:
     pageId: _url_query
     pageTitle: _url_query
     filePath: operators/_url_query.yaml
+    env: Client Only
     types: |
       ```
       (key: string): any

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lowdefy/docs",
-  "version": "3.23.1",
+  "version": "4.0.0-alpha.1",
   "license": "Apache-2.0",
   "description": "",
   "homepage": "https://lowdefy.com",
@@ -31,14 +31,14 @@
     "test": "jest --coverage"
   },
   "devDependencies": {
-    "@babel/cli": "7.14.3",
-    "@babel/core": "7.14.3",
-    "@babel/preset-env": "7.14.4",
-    "babel-jest": "26.6.3",
-    "jest": "26.6.3"
+    "@babel/cli": "7.15.7",
+    "@babel/core": "7.15.8",
+    "@babel/preset-env": "7.15.8",
+    "babel-jest": "27.3.1",
+    "jest": "27.3.1"
   },
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "713a8323d15a70e1d6e69bb680a97f8fc20a1a3e"
+  "gitHead": "c97a8fa6b5a641e7d50df09f5601a9c586eeb65a"
 }

package/pages.yaml

@@ -115,20 +115,18 @@
 - _ref: blocks/container/Drawer.yaml
 - _ref: blocks/container/Label.yaml
 - _ref: blocks/container/Modal.yaml
+- _ref: blocks/container/PageHCF.yaml
+- _ref: blocks/container/PageHCSF.yaml
+- _ref: blocks/container/PageHeaderMenu.yaml
+- _ref: blocks/container/PageHSCF.yaml
+- _ref: blocks/container/PageSHCF.yaml
+- _ref: blocks/container/PageSiderMenu.yaml
 - _ref: blocks/container/Result.yaml
 - _ref: blocks/container/Span.yaml
 - _ref: blocks/container/Spin.yaml
 - _ref: blocks/container/Tabs.yaml
 - _ref: blocks/container/Tooltip.yaml
 
-- _ref: blocks/context/Context.yaml
-- _ref: blocks/context/PageHCF.yaml
-- _ref: blocks/context/PageHCSF.yaml
-- _ref: blocks/context/PageHeaderMenu.yaml
-- _ref: blocks/context/PageHSCF.yaml
-- _ref: blocks/context/PageSHCF.yaml
-- _ref: blocks/context/PageSiderMenu.yaml
-
 - _ref: blocks/list/ControlledList.yaml
 - _ref: blocks/list/List.yaml
 # - _ref: blocks/list/TimelineList.yaml

package/version.yaml

@@ -1 +1 @@
-v3.23.1
+v4.0.0-alpha.0

package/blocks/context/Context.yaml

@@ -1,27 +0,0 @@
-# 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.
-
-_ref:
-  path: templates/blocks/template.yaml.njk
-  vars:
-    block_type: Context
-    category: context
-    schema: ../blocks/blocksBasic/src/blocks/Context/Context.json
-    filePath: blocks/context/Context.yaml
-    description_content: |
-      The `Context` block creates a new context. It can be used at a page level to create the context for the page, or it can be used inside a page to create a separate context (for example to create a new context for a web form).
-
-    areas:
-      - content
-