@lowdefy/blocks-antd 5.5.1 → 6.0.0

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

@@ -0,0 +1,143 @@
+# 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: descriptions
+type: Box
+
+blocks:
+  # ============================================
+  # BASIC RENDERING
+  # ============================================
+
+  - id: descriptions_basic
+    type: Descriptions
+    properties:
+      title: User Information
+      items:
+        - label: Name
+          value: John Doe
+        - label: Email
+          value: john@example.com
+        - label: Phone
+          value: 123-456-7890
+
+  # ============================================
+  # OBJECT ITEMS
+  # ============================================
+
+  - id: descriptions_object
+    type: Descriptions
+    properties:
+      title: From Object
+      items:
+        name: Jane Smith
+        email: jane@example.com
+        role: Admin
+
+  # ============================================
+  # STYLE TESTS
+  # ============================================
+
+  - id: descriptions_bordered
+    type: Descriptions
+    properties:
+      title: Bordered
+      bordered: true
+      items:
+        - label: Field 1
+          value: Value 1
+        - label: Field 2
+          value: Value 2
+
+  - id: descriptions_small
+    type: Descriptions
+    properties:
+      title: Small Size
+      size: small
+      items:
+        - label: Small Label
+          value: Small Value
+
+  - id: descriptions_no_colon
+    type: Descriptions
+    properties:
+      title: No Colon
+      colon: false
+      items:
+        - label: Label
+          value: Value without colon
+
+  # ============================================
+  # LAYOUT TESTS
+  # ============================================
+
+  - id: descriptions_vertical
+    type: Descriptions
+    properties:
+      title: Vertical Layout
+      layout: vertical
+      items:
+        - label: Label Above
+          value: Value Below
+
+  - id: descriptions_columns
+    type: Descriptions
+    properties:
+      title: Two Columns
+      column: 2
+      items:
+        - label: Col 1 Item 1
+          value: Value 1
+        - label: Col 2 Item 1
+          value: Value 2
+        - label: Col 1 Item 2
+          value: Value 3
+        - label: Col 2 Item 2
+          value: Value 4
+
+  # ============================================
+  # SPAN TESTS
+  # ============================================
+
+  - id: descriptions_span
+    type: Descriptions
+    properties:
+      title: With Span
+      column: 3
+      items:
+        - label: Normal
+          value: Takes 1 column
+        - label: Wide
+          value: Takes 2 columns
+          span: 2
+
+  # ============================================
+  # EXTRA AREA
+  # ============================================
+
+  - id: descriptions_extra
+    type: Descriptions
+    properties:
+      title: With Extra
+      items:
+        - label: Data
+          value: Some data
+    slots:
+      extra:
+        blocks:
+          - id: descriptions_extra_button
+            type: Button
+            properties:
+              title: Edit
+              type: link

package/dist/blocks/Descriptions/tests.yaml

@@ -0,0 +1,256 @@
+# 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: Descriptions
+- id: default title
+  type: Descriptions
+  properties:
+    title: Descriptions title
+- id: properties.items-object
+  type: Descriptions
+  properties:
+    title: Title
+    items:
+      field_one: value one
+      field_two: 2
+      field_three: value three
+- id: properties.items-list
+  type: Descriptions
+  properties:
+    title: Title
+    column: 2
+    items:
+      - label: field_one
+        value: '1'
+        span: 1
+      - label: field_two
+        value: '2'
+        span: 1
+      - label: field_three
+        value: '3'
+        span: 2
+- id: properties.items-list with new lines
+  type: Descriptions
+  properties:
+    title: Title
+    column: 2
+    items:
+      - label: field_one
+        value: "description field with \nnew line \t helps\n make better content."
+        span: 1
+      - label: 'one \n two;'
+        value: "description field with \nnew line \t helps\n make better content."
+        span: 1
+# - id: properties.items-list-primitive
+#   type: Descriptions
+#   properties:
+#     title: Title
+#     items:
+#       - 1
+#       - 2
+#       - 3
+#       - 4
+- id: properties.items-object-object
+  type: Descriptions
+  properties:
+    title: Title
+    items:
+      one:
+        two: 3
+      four:
+        five: six
+      seven:
+        eight:
+          - 9
+          - ten
+- id: 'properties.bordered: true'
+  type: Descriptions
+  properties:
+    bordered: true
+    items:
+      field_one: value one
+      field_two: 2
+      field_three: value three
+- id: 'properties.colon: false'
+  type: Descriptions
+  properties:
+    colon: false
+    items:
+      field_one: value one
+      field_two: 2
+      field_three: value three
+- id: 'properties.column: 2'
+  type: Descriptions
+  properties:
+    column: 2
+    items:
+      field_one: value one
+      field_two: 2
+      field_three: value three
+- id: 'properties.layout: vertical'
+  type: Descriptions
+  properties:
+    layout: vertical
+    items:
+      field_one: value one
+      field_two: 2
+      field_three: value three
+- id: 'properties.size: small'
+  type: Descriptions
+  properties:
+    size: small
+    items:
+      field_one: value one
+      field_two: 2
+      field_three: value three
+- id: 'properties.size: default'
+  type: Descriptions
+  properties:
+    size: default
+    items:
+      field_one: value one
+      field_two: 2
+      field_three: value three
+- id: 'properties.size: small, properties.bordered: true'
+  type: Descriptions
+  properties:
+    size: small
+    bordered: true
+    items:
+      field_one: value one
+      field_two: 2
+      field_three: value three
+      field_4: value 4
+      field_5: 5
+      field_6: value 6
+- id: properties.items-object with new lines
+  type: Descriptions
+  properties:
+    title: Title
+    column: 2
+    items:
+      field_one: "description one field with \n new line \t helps\n make better content."
+      'one \n two;': "description two field with \n new line \t helps\n make better content."
+- id: 'properties.itemOptions.span'
+  type: Descriptions
+  properties:
+    itemOptions:
+      - key: field_two
+        span: 2
+    items:
+      field_one: value one
+      field_two: 2
+      field_three: value three
+      field_four: value 4
+- id: 'properties.itemOptions.style'
+  type: Descriptions
+  properties:
+    itemOptions:
+      - key: field_two
+        style:
+          textAlign: right
+    items:
+      field_one: value one
+      field_two: 2
+      field_three: value three
+      field_four: value 4
+- id: 'properties.items html values'
+  type: Descriptions
+  properties:
+    items:
+      - label: '<h3>Good morning</h3>'
+        value: value one
+      - label: label 2
+        value: '<div style="width: 150px; color: red; background: #afa; text-align: center;">value 4</div>'
+      - label: label 3
+        value: 2
+      - label: label 4
+        value: <a>value three</a>
+- id: 'properties.title html value'
+  type: Descriptions
+  properties:
+    title: '<div style="color: blue;">hello</div>'
+    items:
+      field_one: value one
+      field_two: 2
+      field_three: value three
+      field_four: [value 4, value 5]
+
+- id: properties.items-falseish-values
+  type: Descriptions
+  properties:
+    title: Title
+    items:
+      'Null': null
+      Zero: 0
+      One: 1
+      'False': false
+      'True': true
+      Empty: ''
+- id: 'areas.extra:'
+  type: Descriptions
+  properties:
+    title: Descriptions block
+    items:
+      field_one: value one
+      field_two: 2
+      field_three: value three
+  areas:
+    extra:
+      blocks:
+        - id: test
+          type: Test
+- id: 'contentStyle: color: red'
+  type: Descriptions
+  properties:
+    contentStyle:
+      color: red
+    items:
+      field_one: value one
+      field_two: 2
+      field_three: value three
+- id: 'labelStyle: color: blue'
+  type: Descriptions
+  properties:
+    labelStyle:
+      color: blue
+    items:
+      field_one: value one
+      field_two: 2
+      field_three: value three
+- id: 'properties.items.labelStyle'
+  type: Descriptions
+  properties:
+    items:
+      - label: Blue
+        value: blue value
+        labelStyle:
+          background: blue
+      - label: Red
+        value: red value
+        labelStyle:
+          background: red
+- id: 'properties.items.contentStyle'
+  type: Descriptions
+  properties:
+    items:
+      - label: Blue
+        value: blue value
+        contentStyle:
+          background: blue
+      - label: Red
+        value: red value
+        contentStyle:
+          background: red