@lowdefy/blocks-antd 5.6.0 → 6.1.0

package/dist/blocks/Masonry/tests/Masonry.e2e.yaml

@@ -0,0 +1,128 @@
+# Copyright 2020-2026 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.
+
+id: masonry_block
+type: Box
+
+blocks:
+  # ============================================
+  # BASIC RENDERING
+  # ============================================
+
+  - id: masonry_basic
+    type: Masonry
+    properties:
+      columns: 3
+      gutter: 16
+    blocks:
+      - id: masonry_card_1
+        type: Card
+        properties:
+          title: Card 1
+        blocks:
+          - id: masonry_card_1_text
+            type: Paragraph
+            properties:
+              content: Short text content.
+      - id: masonry_card_2
+        type: Card
+        properties:
+          title: Card 2
+        blocks:
+          - id: masonry_card_2_text
+            type: Paragraph
+            properties:
+              content: This card has a bit more content to make it taller than the others.
+      - id: masonry_card_3
+        type: Card
+        properties:
+          title: Card 3
+        blocks:
+          - id: masonry_card_3_text
+            type: Paragraph
+            properties:
+              content: Medium length content here.
+      - id: masonry_card_4
+        type: Card
+        properties:
+          title: Card 4
+        blocks:
+          - id: masonry_card_4_text
+            type: Paragraph
+            properties:
+              content: Another card with some text.
+      - id: masonry_card_5
+        type: Card
+        properties:
+          title: Card 5
+        blocks:
+          - id: masonry_card_5_text
+            type: Paragraph
+            properties:
+              content: Fifth card content.
+      - id: masonry_card_6
+        type: Card
+        properties:
+          title: Card 6
+        blocks:
+          - id: masonry_card_6_text
+            type: Paragraph
+            properties:
+              content: Last card in the masonry layout with varying content length.
+
+  # ============================================
+  # TWO COLUMN
+  # ============================================
+
+  - id: masonry_two_col
+    type: Masonry
+    properties:
+      columns: 2
+    blocks:
+      - id: masonry_two_card_1
+        type: Card
+        properties:
+          title: Two Col Card 1
+        blocks:
+          - id: masonry_two_card_1_text
+            type: Paragraph
+            properties:
+              content: First card in two column layout.
+      - id: masonry_two_card_2
+        type: Card
+        properties:
+          title: Two Col Card 2
+        blocks:
+          - id: masonry_two_card_2_text
+            type: Paragraph
+            properties:
+              content: Second card.
+      - id: masonry_two_card_3
+        type: Card
+        properties:
+          title: Two Col Card 3
+        blocks:
+          - id: masonry_two_card_3_text
+            type: Paragraph
+            properties:
+              content: Third card.
+      - id: masonry_two_card_4
+        type: Card
+        properties:
+          title: Two Col Card 4
+        blocks:
+          - id: masonry_two_card_4_text
+            type: Paragraph
+            properties:
+              content: Fourth card in two column layout.

package/dist/blocks/Masonry/tests.yaml

@@ -0,0 +1,42 @@
+# Copyright 2020-2026 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.
+
+- id: default
+  type: Masonry
+- id: 'properties.columns: 3'
+  type: Masonry
+  properties:
+    columns: 3
+- id: properties.columns responsive
+  type: Masonry
+  properties:
+    columns:
+      xs: 1
+      sm: 2
+      md: 3
+      lg: 4
+- id: 'properties.gutter: 16'
+  type: Masonry
+  properties:
+    gutter: 16
+- id: properties.gutter array
+  type: Masonry
+  properties:
+    gutter:
+      - 16
+      - 24
+- id: 'properties.sequential: true'
+  type: Masonry
+  properties:
+    sequential: true

package/dist/blocks/MasonryList/gallery.yaml

@@ -0,0 +1,224 @@
+# Copyright 2020-2026 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.
+
+- title: Basic Masonry (3 Columns)
+  fullWidth: true
+  blocks:
+    - id: ml_basic
+      type: MasonryList
+      properties:
+        columns: 3
+        gutter: 16
+      blocks:
+        - id: ml_basic.$.card
+          type: Card
+          class:
+            _state: ml_basic.$.bg
+          properties:
+            size: small
+          blocks:
+            - id: ml_basic.$.title_block
+              type: Title
+              properties:
+                content:
+                  _state: ml_basic.$.title
+                level: 5
+            - id: ml_basic.$.desc_block
+              type: Paragraph
+              properties:
+                content:
+                  _state: ml_basic.$.desc
+
+- title: Two Columns
+  fullWidth: true
+  blocks:
+    - id: ml_two
+      type: MasonryList
+      properties:
+        columns: 2
+        gutter: 16
+      blocks:
+        - id: ml_two.$.card
+          type: Card
+          class:
+            _state: ml_two.$.bg
+          properties:
+            size: small
+          blocks:
+            - id: ml_two.$.title_block
+              type: Title
+              properties:
+                content:
+                  _state: ml_two.$.title
+                level: 5
+            - id: ml_two.$.body_block
+              type: Paragraph
+              properties:
+                content:
+                  _state: ml_two.$.body
+
+- title: Gutter Sizes
+  fullWidth: true
+  blocks:
+    - id: ml_gutter_tight
+      type: MasonryList
+      properties:
+        columns: 3
+        gutter: 6
+      blocks:
+        - id: ml_gutter_tight.$.card
+          type: Card
+          class: bg-bg-layout
+          properties:
+            size: small
+          blocks:
+            - id: ml_gutter_tight.$.label_block
+              type: Paragraph
+              properties:
+                content:
+                  _state: ml_gutter_tight.$.label
+    - id: ml_gutter_wide
+      type: MasonryList
+      properties:
+        columns: 3
+        gutter: 24
+      blocks:
+        - id: ml_gutter_wide.$.card
+          type: Card
+          class: bg-bg-layout
+          properties:
+            size: small
+          blocks:
+            - id: ml_gutter_wide.$.label_block
+              type: Paragraph
+              properties:
+                content:
+                  _state: ml_gutter_wide.$.label
+
+- title: Note Board
+  fullWidth: true
+  blocks:
+    - id: ml_notes
+      type: MasonryList
+      properties:
+        columns: 3
+        gutter: 12
+      blocks:
+        - id: ml_notes.$.card
+          type: Card
+          class:
+            _state: ml_notes.$.bg
+          properties:
+            size: small
+          blocks:
+            - id: ml_notes.$.row
+              type: Box
+              layout:
+                justify: space-between
+                align: center
+              blocks:
+                - id: ml_notes.$.title_block
+                  type: Title
+                  layout:
+                    flex: 1 1 0
+                  properties:
+                    content:
+                      _state: ml_notes.$.title
+                    level: 5
+                - id: ml_notes.$.tag_block
+                  type: Tag
+                  layout:
+                    flex: 0 0 auto
+                  properties:
+                    title:
+                      _state: ml_notes.$.tag
+                    color:
+                      _state: ml_notes.$.color
+            - id: ml_notes.$.body_block
+              type: Paragraph
+              properties:
+                content:
+                  _state: ml_notes.$.body
+
+- title: Team Directory
+  fullWidth: true
+  blocks:
+    - id: ml_team
+      type: MasonryList
+      properties:
+        columns: 4
+        gutter: 12
+      blocks:
+        - id: ml_team.$.card
+          type: Card
+          properties:
+            size: small
+          blocks:
+            - id: ml_team.$.header
+              type: Box
+              layout:
+                gap: 8
+                align: center
+              blocks:
+                - id: ml_team.$.avatar
+                  type: Avatar
+                  layout:
+                    flex: 0 0 auto
+                  properties:
+                    content:
+                      _state: ml_team.$.initials
+                    backgroundColor:
+                      _state: ml_team.$.bg
+                - id: ml_team.$.name_block
+                  type: Title
+                  layout:
+                    flex: 1 1 0
+                  properties:
+                    content:
+                      _state: ml_team.$.name
+                    level: 5
+            - id: ml_team.$.role_block
+              type: Paragraph
+              properties:
+                content:
+                  _state: ml_team.$.role
+
+- title: Sequential Rendering
+  fullWidth: true
+  blocks:
+    - id: ml_seq
+      type: MasonryList
+      properties:
+        columns: 3
+        gutter: 16
+        sequential: true
+      blocks:
+        - id: ml_seq.$.card
+          type: Card
+          class:
+            _state: ml_seq.$.bg
+          properties:
+            size: small
+          blocks:
+            - id: ml_seq.$.title_block
+              type: Title
+              properties:
+                content:
+                  _state: ml_seq.$.title
+                level: 5
+            - id: ml_seq.$.desc_block
+              type: Paragraph
+              properties:
+                content:
+                  _state: ml_seq.$.desc

package/dist/blocks/MasonryList/tests/MasonryList.e2e.yaml

@@ -0,0 +1,55 @@
+# Copyright 2020-2026 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.
+
+id: masonry_list
+type: Box
+
+events:
+  onMount:
+    - id: init_ml
+      type: SetState
+      params:
+        ml_test:
+          - ml_test_title: Item A
+            ml_test_desc: Short text
+          - ml_test_title: Item B
+            ml_test_desc: Longer description text here
+          - ml_test_title: Item C
+            ml_test_desc: Medium text
+
+blocks:
+  # ============================================
+  # BASIC RENDERING
+  # ============================================
+
+  - id: ml_test
+    type: MasonryList
+    properties:
+      columns: 3
+      gutter: 16
+    blocks:
+      - id: ml_test.$.ml_test_card
+        type: Card
+        blocks:
+          - id: ml_test.$.ml_test_title
+            type: Title
+            properties:
+              content:
+                _state: ml_test.$.ml_test_title
+              level: 4
+          - id: ml_test.$.ml_test_desc
+            type: Paragraph
+            properties:
+              content:
+                _state: ml_test.$.ml_test_desc

package/dist/blocks/MasonryList/tests.yaml

@@ -0,0 +1,42 @@
+# Copyright 2020-2026 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.
+
+- id: default
+  type: MasonryList
+- id: 'properties.columns: 3'
+  type: MasonryList
+  properties:
+    columns: 3
+- id: properties.columns responsive
+  type: MasonryList
+  properties:
+    columns:
+      xs: 1
+      sm: 2
+      md: 3
+      lg: 4
+- id: 'properties.gutter: 16'
+  type: MasonryList
+  properties:
+    gutter: 16
+- id: properties.gutter array
+  type: MasonryList
+  properties:
+    gutter:
+      - 16
+      - 24
+- id: 'properties.sequential: true'
+  type: MasonryList
+  properties:
+    sequential: true