@lowdefy/blocks-antd 5.6.0 → 6.0.0

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

@@ -0,0 +1,90 @@
+# 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: tour_block
+type: Box
+
+blocks:
+  # ============================================
+  # TOUR TARGETS
+  # ============================================
+
+  - id: tour_target_1
+    type: Button
+    properties:
+      title: Step 1 Target
+
+  - id: tour_target_2
+    type: Button
+    properties:
+      title: Step 2 Target
+
+  # ============================================
+  # TOUR TRIGGER
+  # ============================================
+
+  - id: tour_trigger
+    type: Button
+    properties:
+      title: Start Tour
+    events:
+      onClick:
+        - id: open_tour
+          type: SetState
+          params:
+            tour_open: true
+
+  # ============================================
+  # TOUR BLOCK
+  # ============================================
+
+  - id: tour_component
+    type: Tour
+    properties:
+      open:
+        _state: tour_open
+      steps:
+        - target: tour_target_1
+          title: First Step
+          description: This is step one
+        - target: tour_target_2
+          title: Second Step
+          description: This is step two
+    events:
+      onClose:
+        - id: close_tour
+          type: SetState
+          params:
+            tour_open: false
+      onChange:
+        - id: set_step_changed
+          type: SetState
+          params:
+            tour_step_changed: true
+
+  # ============================================
+  # DISPLAY BLOCKS
+  # ============================================
+
+  - id: tour_close_display
+    type: Paragraph
+    properties:
+      content:
+        _if:
+          test:
+            _eq:
+              - _state: tour_open
+              - false
+          then: Tour closed
+          else: ''

package/dist/blocks/Tour/tests.yaml

@@ -0,0 +1,151 @@
+# 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: Tour
+- id: 'properties.open: true'
+  type: Tour
+  properties:
+    open: true
+    steps:
+      - title: Step 1
+        description: Welcome to the tour.
+      - title: Step 2
+        description: This is the second step.
+- id: properties.steps
+  type: Tour
+  properties:
+    open: true
+    steps:
+      - title: Welcome
+        description: This is the first step.
+        target: my_block_id
+        placement: bottom
+      - title: Next Feature
+        description: Here is the next feature.
+- id: 'properties.current: 1'
+  type: Tour
+  properties:
+    open: true
+    current: 1
+    steps:
+      - title: Step 1
+        description: First step.
+      - title: Step 2
+        description: Second step.
+- id: 'properties.type: default'
+  type: Tour
+  properties:
+    open: true
+    type: default
+    steps:
+      - title: Step 1
+        description: Default type tour.
+- id: 'properties.type: primary'
+  type: Tour
+  properties:
+    open: true
+    type: primary
+    steps:
+      - title: Step 1
+        description: Primary type tour.
+- id: 'properties.mask: false'
+  type: Tour
+  properties:
+    open: true
+    mask: false
+    steps:
+      - title: Step 1
+        description: No mask tour.
+- id: 'properties.arrow: false'
+  type: Tour
+  properties:
+    open: true
+    arrow: false
+    steps:
+      - title: Step 1
+        description: No arrow tour.
+- id: 'properties.closable: false'
+  type: Tour
+  properties:
+    open: true
+    closable: false
+    steps:
+      - title: Step 1
+        description: Tour without close button.
+- id: 'properties.keyboard: false'
+  type: Tour
+  properties:
+    open: true
+    keyboard: false
+    steps:
+      - title: Step 1
+        description: Tour without keyboard navigation.
+- id: 'properties.animated: false'
+  type: Tour
+  properties:
+    open: true
+    animated: false
+    steps:
+      - title: Step 1
+        description: Tour without animation.
+- id: 'properties.zIndex: 1001'
+  type: Tour
+  properties:
+    open: true
+    zIndex: 1001
+    steps:
+      - title: Step 1
+        description: Tour with custom z-index.
+- id: properties.gap
+  type: Tour
+  properties:
+    open: true
+    gap:
+      x: 10
+      y: 10
+    steps:
+      - title: Step 1
+        description: Tour with gap offset.
+- id: 'properties.disabledInteraction: true'
+  type: Tour
+  properties:
+    open: true
+    disabledInteraction: true
+    steps:
+      - title: Step 1
+        description: Tour with disabled interaction.
+- id: properties.steps with cover
+  type: Tour
+  properties:
+    open: true
+    steps:
+      - title: Step 1
+        description: Step with a cover image.
+        cover: https://via.placeholder.com/300x150
+      - title: Step 2
+        description: Step without a cover image.
+- id: properties.steps with per-step closable and mask
+  type: Tour
+  properties:
+    open: true
+    steps:
+      - title: Step 1
+        description: Step with close button hidden.
+        closable: false
+        mask: false
+      - title: Step 2
+        description: Step with close button visible.
+        closable: true
+        mask: true

package/dist/blocks/TreeInput/gallery.yaml

@@ -0,0 +1,78 @@
+# 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 (flat data)
+  blocks:
+    - id: tree_basic
+      type: TreeInput
+      properties:
+        primaryKey: id
+        parentKey: parentId
+        valueKey: id
+        html: '{{ item.label }}'
+        defaultExpandAll: true
+        data:
+          - { id: 1, label: Engineering }
+          - { id: 2, label: Frontend, parentId: 1 }
+          - { id: 3, label: Backend, parentId: 1 }
+          - { id: 4, label: Operations }
+          - { id: 5, label: SRE, parentId: 4 }
+      events:
+        onChange:
+          - id: capture
+            type: SetState
+            params:
+              dept:
+                _event: value
+    - id: tree_basic_display
+      type: Paragraph
+      properties:
+        content:
+          _nunjucks:
+            template: 'Selected: {{ dept if dept != null else "—" }}'
+            on:
+              _state: true
+
+- title: Show line + checkboxes
+  blocks:
+    - id: tree_line
+      type: TreeInput
+      properties:
+        showLine: true
+        checkable: true
+        primaryKey: id
+        parentKey: parentId
+        valueKey: id
+        html: '{{ item.label }}'
+        defaultExpandAll: true
+        data:
+          - { id: 1, label: Fruits }
+          - { id: 2, label: Apple, parentId: 1 }
+          - { id: 3, label: Banana, parentId: 1 }
+          - { id: 4, label: Vegetables }
+          - { id: 5, label: Carrot, parentId: 4 }
+
+- title: Options (label/value)
+  blocks:
+    - id: tree_options
+      type: TreeInput
+      properties:
+        primaryKey: value
+        parentKey: parent
+        defaultExpandAll: true
+        options:
+          - { value: eng, label: Engineering }
+          - { value: fe, label: Frontend, parent: eng }
+          - { value: be, label: Backend, parent: eng }
+          - { value: ops, label: Operations }

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

@@ -0,0 +1,139 @@
+# 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: treeinput
+type: Box
+
+events:
+  onInit:
+    - id: set_defaults
+      type: SetState
+      params:
+        ts_with_value: child1
+
+blocks:
+  - id: ts_basic
+    type: TreeInput
+    properties:
+      primaryKey: id
+      parentKey: parentId
+      valueKey: id
+      html: '{{ item.label }}'
+      defaultExpandAll: true
+      data:
+        - { id: parent1, label: Parent 1 }
+        - { id: child1, label: Child 1, parentId: parent1 }
+        - { id: child2, label: Child 2, parentId: parent1 }
+        - { id: parent2, label: Parent 2 }
+
+  - id: ts_with_value
+    type: TreeInput
+    properties:
+      primaryKey: id
+      parentKey: parentId
+      valueKey: id
+      html: '{{ item.label }}'
+      defaultExpandAll: true
+      data:
+        - { id: parent1, label: Parent 1 }
+        - { id: child1, label: Child 1, parentId: parent1 }
+        - { id: child2, label: Child 2, parentId: parent1 }
+
+  - id: ts_disabled
+    type: TreeInput
+    properties:
+      disabled: true
+      primaryKey: id
+      parentKey: parentId
+      valueKey: id
+      html: '{{ item.label }}'
+      data:
+        - { id: item1, label: Item 1 }
+        - { id: item2, label: Item 2 }
+
+  - id: ts_show_line
+    type: TreeInput
+    properties:
+      showLine: true
+      primaryKey: id
+      parentKey: parentId
+      valueKey: id
+      html: '{{ item.label }}'
+      defaultExpandAll: true
+      data:
+        - { id: parent, label: Parent }
+        - { id: child1, label: Child 1, parentId: parent }
+        - { id: child2, label: Child 2, parentId: parent }
+
+  - id: ts_checkable
+    type: TreeInput
+    properties:
+      checkable: true
+      primaryKey: id
+      parentKey: parentId
+      valueKey: id
+      html: '{{ item.label }}'
+      data:
+        - { id: item1, label: Item 1 }
+        - { id: item2, label: Item 2 }
+        - { id: item3, label: Item 3 }
+
+  - id: ts_onchange
+    type: TreeInput
+    properties:
+      primaryKey: id
+      parentKey: parentId
+      valueKey: id
+      html: '{{ item.label }}'
+      data:
+        - { id: parent, label: Parent }
+        - { id: apple, label: Apple, parentId: parent }
+        - { id: banana, label: Banana, parentId: parent }
+    events:
+      onChange:
+        - id: set_onchange
+          type: SetState
+          params:
+            ts_onchange_value:
+              _state: ts_onchange
+
+  - id: ts_onchange_display
+    type: Span
+    properties:
+      content:
+        _if:
+          test:
+            _ne:
+              - _state: ts_onchange_value
+              - null
+          then:
+            _string.concat:
+              - 'Selected: '
+              - _json.stringify:
+                  - _state: ts_onchange_value
+          else: ''
+
+  - id: ts_interaction
+    type: TreeInput
+    properties:
+      primaryKey: id
+      parentKey: parentId
+      valueKey: id
+      html: '{{ item.label }}'
+      data:
+        - { id: fruits, label: Fruits }
+        - { id: apple, label: Apple, parentId: fruits }
+        - { id: banana, label: Banana, parentId: fruits }
+        - { id: vegetables, label: Vegetables }
+        - { id: carrot, label: Carrot, parentId: vegetables }

package/dist/blocks/TreeInput/tests.yaml

@@ -0,0 +1,140 @@
+# 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: TreeInput
+  properties:
+    options:
+      - label: Node 1
+        value: '1'
+        children:
+          - label: Node 1.1
+            value: '1.1'
+          - label: Node 1.2
+            value: '1.2'
+      - label: Node 2
+        value: '2'
+- id: 'properties.title: My Tree'
+  type: TreeInput
+  properties:
+    title: My Tree
+    options:
+      - label: Node 1
+        value: '1'
+- id: 'properties.showLine: true'
+  type: TreeInput
+  properties:
+    showLine: true
+    options:
+      - label: Node 1
+        value: '1'
+        children:
+          - label: Node 1.1
+            value: '1.1'
+      - label: Node 2
+        value: '2'
+- id: 'properties.defaultExpandAll: true'
+  type: TreeInput
+  properties:
+    defaultExpandAll: true
+    options:
+      - label: Parent
+        value: parent
+        children:
+          - label: Child 1
+            value: child1
+          - label: Child 2
+            value: child2
+- id: 'properties.checkable: true'
+  type: TreeInput
+  properties:
+    checkable: true
+    options:
+      - label: Node 1
+        value: '1'
+        children:
+          - label: Node 1.1
+            value: '1.1'
+      - label: Node 2
+        value: '2'
+- id: 'properties.disabled: true'
+  type: TreeInput
+  properties:
+    disabled: true
+    options:
+      - label: Node 1
+        value: '1'
+- id: 'properties.selectable: false'
+  type: TreeInput
+  properties:
+    selectable: false
+    options:
+      - label: Node 1
+        value: '1'
+- id: 'properties.label title: My Tree Title'
+  type: TreeInput
+  properties:
+    label:
+      title: My Tree Title
+    options:
+      - label: Node 1
+        value: '1'
+- id: 'properties.label span: 12'
+  type: TreeInput
+  properties:
+    label:
+      span: 12
+    options:
+      - label: Node 1
+        value: '1'
+- id: 'properties.label align: right'
+  type: TreeInput
+  properties:
+    label:
+      align: right
+    options:
+      - label: Node 1
+        value: '1'
+- id: 'properties.label inline: true'
+  type: TreeInput
+  properties:
+    label:
+      inline: true
+    options:
+      - label: Node 1
+        value: '1'
+- id: 'properties.label disabled: true'
+  type: TreeInput
+  properties:
+    label:
+      disabled: true
+    options:
+      - label: Node 1
+        value: '1'
+- id: 'properties.label colon: false'
+  type: TreeInput
+  properties:
+    label:
+      colon: false
+    options:
+      - label: Node 1
+        value: '1'
+- id: 'properties.label extra: showing extra'
+  type: TreeInput
+  properties:
+    label:
+      extra: showing extra
+    options:
+      - label: Node 1
+        value: '1'

package/dist/blocks/TreeMultipleSelector/gallery.yaml

@@ -0,0 +1,67 @@
+# 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 (flat data, tags)
+  blocks:
+    - id: basic_tree_multiple
+      type: TreeMultipleSelector
+      properties:
+        title: Categories
+        primaryKey: id
+        parentKey: parentId
+        valueKey: id
+        html: '{{ item.label }}'
+        treeDefaultExpandAll: true
+        data:
+          - { id: 1, label: Electronics }
+          - { id: 2, label: Phones, parentId: 1 }
+          - { id: 3, label: Laptops, parentId: 1 }
+          - { id: 4, label: Clothing }
+          - { id: 5, label: Shirts, parentId: 4 }
+          - { id: 6, label: Shoes, parentId: 4 }
+
+- title: Checkable
+  blocks:
+    - id: checkable_tree_multiple
+      type: TreeMultipleSelector
+      properties:
+        title: Permissions
+        checkable: true
+        showCheckedStrategy: SHOW_CHILD
+        primaryKey: id
+        parentKey: parentId
+        valueKey: id
+        html: '{{ item.label }}'
+        treeDefaultExpandAll: true
+        data:
+          - { id: 1, label: Read }
+          - { id: 2, label: Write }
+          - { id: 3, label: Create, parentId: 2 }
+          - { id: 4, label: Update, parentId: 2 }
+          - { id: 5, label: Admin }
+      events:
+        onChange:
+          - id: capture
+            type: SetState
+            params:
+              perms:
+                _event: value
+    - id: checkable_tree_display
+      type: Paragraph
+      properties:
+        content:
+          _nunjucks:
+            template: 'Selected: {{ perms }}'
+            on:
+              _state: true