@lowdefy/blocks-antd 5.6.0 → 6.0.0

package/dist/blocks/ControlledList/gallery.yaml

@@ -0,0 +1,481 @@
+# 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.
+
+# ──────────────────────────────────────────────
+# Basic Examples
+# ──────────────────────────────────────────────
+
+- title: Team Members
+  blocks:
+    - id: team
+      type: ControlledList
+      properties:
+        title: Team Members
+      blocks:
+        - id: team.$.name
+          type: TextInput
+          required: true
+          layout:
+            flex: 1 1 0
+          properties:
+            label:
+              disabled: true
+            placeholder: Full name
+        - id: team.$.role
+          type: Selector
+          layout:
+            flex: 1 1 0
+          properties:
+            label:
+              disabled: true
+            placeholder: Role
+            options:
+              - Developer
+              - Designer
+              - PM
+              - QA
+        - id: team.$.email
+          type: TextInput
+          layout:
+            flex: 1 1 0
+          properties:
+            label:
+              disabled: true
+            placeholder: Email
+
+- title: Bookmarks
+  blocks:
+    - id: bookmarks
+      type: ControlledList
+      properties:
+        title: Bookmarks
+        addToFront: true
+        size: small
+        addItemButton:
+          title: Bookmark
+          icon: AiOutlinePlus
+          color: primary
+          variant: dashed
+        removeItemIcon:
+          name: AiOutlineDelete
+      blocks:
+        - id: bookmarks.$.url
+          type: TextInput
+          layout:
+            flex: 1 1 0
+          properties:
+            label:
+              disabled: true
+            placeholder: 'https://...'
+            prefixIcon: AiOutlineLink
+        - id: bookmarks.$.label
+          type: TextInput
+          layout:
+            flex: 1 1 0
+          properties:
+            label:
+              disabled: true
+            placeholder: Label
+
+# ──────────────────────────────────────────────
+# Advanced Examples
+# ──────────────────────────────────────────────
+
+- title: Event Registration
+  fullWidth: true
+  blocks:
+    - id: attendees
+      type: ControlledList
+      properties:
+        title: Attendees
+        addItemButton:
+          title: Add Attendee
+          icon: AiOutlineUserAdd
+          color: primary
+          variant: outlined
+      blocks:
+        - id: attendees.$.name
+          type: TextInput
+          required: true
+          layout:
+            flex: 2 1 0
+          properties:
+            label:
+              disabled: true
+            placeholder: Full name
+        - id: attendees.$.type
+          type: Selector
+          required: true
+          layout:
+            flex: 1 1 0
+          properties:
+            label:
+              disabled: true
+            placeholder: Type
+            options:
+              - Adult
+              - Child
+              - Senior
+        - id: attendees.$.email
+          type: TextInput
+          required: true
+          visible:
+            _eq:
+              - _state: attendees.$.type
+              - Adult
+          layout:
+            flex: 1 1 0
+          properties:
+            label:
+              disabled: true
+            placeholder: Email
+          validate:
+            - message: Enter a valid email.
+              status: error
+              pass:
+                _regex:
+                  pattern: '^[^@]+@[^@]+\.[^@]+$'
+                  on:
+                    _if_none:
+                      - _state: attendees.$.email
+                      - ''
+        - id: attendees.$.meal
+          type: Selector
+          visible:
+            _eq:
+              - _state: attendees.$.type
+              - Adult
+          layout:
+            flex: 1 1 0
+          properties:
+            label:
+              disabled: true
+            placeholder: Meal
+            options:
+              - Standard
+              - Vegetarian
+              - Vegan
+        - id: attendees.$.age
+          type: NumberInput
+          visible:
+            _eq:
+              - _state: attendees.$.type
+              - Child
+          layout:
+            flex: 1 1 0
+          properties:
+            label:
+              disabled: true
+            placeholder: Age
+            min: 1
+            max: 17
+        - id: attendees.$.supervision
+          type: Switch
+          visible:
+            _eq:
+              - _state: attendees.$.type
+              - Child
+          layout:
+            flex: 0 0 auto
+          properties:
+            label: Needs supervision
+            size: small
+        - id: attendees.$.wheelchair
+          type: Switch
+          visible:
+            _eq:
+              - _state: attendees.$.type
+              - Senior
+          layout:
+            flex: 0 0 auto
+          properties:
+            label: Wheelchair access
+            size: small
+        - id: attendees.$.dietary
+          type: TextInput
+          visible:
+            _eq:
+              - _state: attendees.$.type
+              - Senior
+          layout:
+            flex: 1 1 0
+          properties:
+            label:
+              disabled: true
+            placeholder: Dietary notes
+    - id: attendees_footer
+      type: Box
+      layout:
+        justify: flex-end
+      blocks:
+        - id: attendees_register
+          type: Button
+          layout:
+            flex: 0 0 auto
+          properties:
+            title: Register All
+            icon: AiOutlineSend
+            color: primary
+            variant: solid
+          events:
+            onClick:
+              - id: attendees_validate
+                type: Validate
+                params:
+                  regex: ^attendees
+              - id: attendees_msg
+                type: DisplayMessage
+                params:
+                  content: All attendees registered!
+                  status: success
+
+- title: Expense Report
+  fullWidth: true
+  blocks:
+    - id: expenses
+      type: ControlledList
+      properties:
+        title: Expenses
+        addItemButton:
+          title: Add Expense
+          icon: AiOutlinePlus
+          color: primary
+          variant: dashed
+        theme:
+          itemPadding: '16px 12px'
+      blocks:
+        - id: expenses.$.date
+          type: DateSelector
+          required: true
+          layout:
+            flex: 1 1 0
+          properties:
+            label:
+              disabled: true
+            placeholder: Date
+        - id: expenses.$.category
+          type: Selector
+          required: true
+          layout:
+            flex: 1 1 0
+          properties:
+            label:
+              disabled: true
+            placeholder: Category
+            options:
+              - Travel
+              - Meals
+              - Software
+              - Equipment
+              - Other
+        - id: expenses.$.desc
+          type: TextInput
+          required: true
+          layout:
+            flex: 2 1 0
+          properties:
+            label:
+              disabled: true
+            placeholder: Description
+        - id: expenses.$.amount
+          type: NumberInput
+          required: true
+          layout:
+            flex: 1 1 0
+          properties:
+            label:
+              disabled: true
+            placeholder: Amount
+            min: 0
+            step: 0.01
+            prefix: '$'
+    - id: expenses_footer
+      type: Box
+      layout:
+        gap: 16
+        justify: flex-end
+        align: center
+      blocks:
+        - id: expenses_total
+          type: Statistic
+          layout:
+            flex: 0 0 auto
+          properties:
+            title: Total Expenses
+            prefix: '$'
+            precision: 2
+            value:
+              _js: |
+                const expenses = state('expenses') || [];
+                return expenses.reduce((sum, item) => sum + (item.amount || 0), 0);
+        - id: expenses_submit
+          type: Button
+          layout:
+            flex: 0 0 auto
+          properties:
+            title: Submit Report
+            icon: AiOutlineSend
+            color: primary
+            variant: solid
+          events:
+            onClick:
+              - id: expenses_validate
+                type: Validate
+                params:
+                  regex: ^expenses
+              - id: expenses_msg
+                type: DisplayMessage
+                params:
+                  content: Expense report submitted!
+                  status: success
+
+- title: Project Planner
+  fullWidth: true
+  blocks:
+    - id: projects
+      type: ControlledList
+      properties:
+        title: Projects
+        addItemButton:
+          title: Add Project
+          icon: AiOutlinePlus
+          color: primary
+          variant: outlined
+      blocks:
+        - id: projects.$.name
+          type: TextInput
+          required: true
+          layout:
+            flex: 1 1 0
+          properties:
+            label:
+              disabled: true
+            placeholder: Project name
+        - id: projects.$.status
+          type: Selector
+          layout:
+            flex: 0 0 140px
+          properties:
+            label:
+              disabled: true
+            placeholder: Status
+            options:
+              - Planning
+              - Active
+              - Review
+              - Done
+        - id: projects.$.tasks
+          type: ControlledList
+          properties:
+            title: Tasks
+            size: small
+            addItemButton:
+              title: Add Task
+              icon: AiOutlinePlus
+              size: small
+              variant: dashed
+          blocks:
+            - id: projects.$.tasks.$.task
+              type: TextInput
+              required: true
+              layout:
+                flex: 1 1 0
+              properties:
+                label:
+                  disabled: true
+                placeholder: Task description
+                size: small
+            - id: projects.$.tasks.$.done
+              type: Switch
+              layout:
+                flex: 0 0 auto
+              properties:
+                label: Done
+                size: small
+    - id: projects_footer
+      type: Box
+      layout:
+        justify: flex-end
+      blocks:
+        - id: projects_save
+          type: Button
+          layout:
+            flex: 0 0 auto
+          properties:
+            title: Save All
+            icon: AiOutlineSave
+            color: primary
+            variant: solid
+          events:
+            onClick:
+              - id: projects_validate
+                type: Validate
+                params:
+                  regex: ^projects
+              - id: projects_msg
+                type: DisplayMessage
+                params:
+                  content: Projects saved!
+                  status: success
+
+# ──────────────────────────────────────────────
+# onAdd / onRemove events
+# ──────────────────────────────────────────────
+
+- title: onAdd / onRemove events
+  blocks:
+    - id: tags
+      type: ControlledList
+      properties:
+        title: Tags
+        size: small
+        addItemButton:
+          title: Add Tag
+          icon: AiOutlinePlus
+          size: small
+          variant: dashed
+      events:
+        onAdd:
+          - id: tags_added_msg
+            type: DisplayMessage
+            params:
+              content:
+                _string.concat:
+                  - 'Added row at index '
+                  - _event: index
+              duration: 1
+        onRemove:
+          - id: tags_removed_msg
+            type: DisplayMessage
+            params:
+              content:
+                _string.concat:
+                  - 'Removed "'
+                  - _if_none:
+                      - _event: item.label
+                      - '(empty)'
+                  - '" at index '
+                  - _event: index
+              status: warning
+              duration: 2
+      blocks:
+        - id: tags.$.label
+          type: TextInput
+          layout:
+            flex: 1 1 0
+          properties:
+            label:
+              disabled: true
+            placeholder: Tag name
+            size: small

package/dist/blocks/ControlledList/{style.module.css → style.css}

@@ -15,7 +15,7 @@
 */
 
 @layer components {
-  :global(.lf-controlled-list-remove) {
+  .lf-controlled-list-remove {
     display: inline-flex;
     align-items: center;
     padding-left: var(--ant-padding-xs);
@@ -25,11 +25,11 @@
     transition: color 0.2s;
   }
 
-  :global(.lf-controlled-list-remove:hover) {
+  .lf-controlled-list-remove:hover {
     color: var(--ant-color-error-hover);
   }
 
-  :global(.lf-controlled-list-remove:active) {
+  .lf-controlled-list-remove:active {
     color: var(--ant-color-error-active);
   }
 }

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

@@ -0,0 +1,161 @@
+# 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: controlledlist
+type: Box
+
+events:
+  onInit:
+    - id: set_defaults
+      type: SetState
+      params:
+        controlledlist_with_items:
+          - name: Item 1
+          - name: Item 2
+          - name: Item 3
+        controlledlist_minitems:
+          - name: Item 1
+        controlledlist_remove:
+          - name: Item A
+          - name: Item B
+          - name: Item C
+
+blocks:
+  # ============================================
+  # BASIC RENDERING
+  # ============================================
+
+  - id: controlledlist_basic
+    type: ControlledList
+    properties:
+      title: Basic List
+
+  - id: controlledlist_with_items
+    type: ControlledList
+    properties:
+      title: List With Items
+    slots:
+      content:
+        blocks:
+          - id: controlledlist_with_items_text
+            type: Span
+            properties:
+              content:
+                _string.concat:
+                  - 'Item: '
+                  - _state: controlledlist_with_items.$.name
+
+  # ============================================
+  # STYLE TESTS
+  # ============================================
+
+  - id: controlledlist_small
+    type: ControlledList
+    properties:
+      title: Small Size List
+      size: small
+
+  - id: controlledlist_large
+    type: ControlledList
+    properties:
+      title: Large Size List
+      size: large
+
+  # ============================================
+  # ADD BUTTON TESTS
+  # ============================================
+
+  - id: controlledlist_add_front
+    type: ControlledList
+    properties:
+      title: Add to Front
+      addToFront: true
+
+  - id: controlledlist_hide_add
+    type: ControlledList
+    properties:
+      title: Hidden Add Button
+      hideAddButton: true
+
+  - id: controlledlist_custom_add
+    type: ControlledList
+    properties:
+      title: Custom Add Button
+      addItemButton:
+        title: New Entry
+        type: primary
+
+  # ============================================
+  # EMPTY STATE
+  # ============================================
+
+  - id: controlledlist_nodata
+    type: ControlledList
+    properties:
+      title: Empty List
+      noDataTitle: No items available
+
+  # ============================================
+  # MIN ITEMS
+  # ============================================
+
+  - id: controlledlist_minitems
+    type: ControlledList
+    properties:
+      title: Min Items List
+      minItems: 2
+    slots:
+      content:
+        blocks:
+          - id: controlledlist_minitems_text
+            type: Span
+            properties:
+              content:
+                _string.concat:
+                  - 'Name: '
+                  - _state: controlledlist_minitems.$.name
+
+  # ============================================
+  # INTERACTION TESTS
+  # ============================================
+
+  - id: controlledlist_add
+    type: ControlledList
+    properties:
+      title: Add Items List
+    slots:
+      content:
+        blocks:
+          - id: controlledlist_add_text
+            type: Span
+            properties:
+              content:
+                _string.concat:
+                  - 'Index: '
+                  - _index: true
+
+  - id: controlledlist_remove
+    type: ControlledList
+    properties:
+      title: Remove Items List
+    slots:
+      content:
+        blocks:
+          - id: controlledlist_remove_text
+            type: Span
+            properties:
+              content:
+                _string.concat:
+                  - 'Item: '
+                  - _state: controlledlist_remove.$.name

package/dist/blocks/ControlledList/tests.yaml

@@ -0,0 +1,57 @@
+# default opens numerous lists on examples
+# 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: ControlledList
+- id: properties.title
+  type: ControlledList
+  properties:
+    title: ControlledList block
+- id: 'properties.noDataTitle: No title display'
+  type: ControlledList
+  properties:
+    noDataTitle: No title display
+- id: 'properties.addToFront: true'
+  type: ControlledList
+  properties:
+    addToFront: true
+- id: 'properties.hideAddButton: true'
+  type: ControlledList
+  properties:
+    hideAddButton: true
+- id: 'properties.size: small'
+  type: ControlledList
+  properties:
+    size: small
+- id: 'properties.size: large'
+  type: ControlledList
+  properties:
+    size: large
+- id: 'properties.addItemButton:
+    title: Add new Item'
+  type: ControlledList
+  properties:
+    addItemButton:
+      title: Add new Item
+- id: 'properties.removeItemIcon: AiOutlineDelete'
+  type: ControlledList
+  properties:
+    removeItemIcon: AiOutlineDelete
+- id: 'properties.removeItemIcon:
+    name: AiOutlineDelete'
+  type: ControlledList
+  properties:
+    removeItemIcon:
+      name: AiOutlineDelete