@lowdefy/blocks-basic 0.0.0-experimental-20260720072521 → 0.0.0-experimental-20260720135014

package/dist/blocks/List/gallery.yaml

@@ -1,523 +0,0 @@
-# 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: Quick Notes
-  blocks:
-    - id: notes_header
-      type: Box
-      layout:
-        justify: space-between
-        align: center
-      blocks:
-        - id: notes_title
-          type: Title
-          layout:
-            flex: 0 0 auto
-          properties:
-            content: Notes
-            level: 4
-        - id: notes_add
-          type: Button
-          layout:
-            flex: 0 0 auto
-          properties:
-            title: Add Note
-            icon: AiOutlinePlus
-            color: primary
-            variant: solid
-            size: small
-          events:
-            onClick:
-              - id: notes_push
-                type: CallMethod
-                params:
-                  blockId: notes
-                  method: pushItem
-    - id: notes
-      type: List
-      properties:
-        direction: row
-      blocks:
-        - id: notes.$.text
-          type: TextInput
-          layout:
-            flex: 1 1 0
-          properties:
-            label:
-              disabled: true
-            placeholder: Type a note...
-        - id: notes.$.rm
-          type: Button
-          layout:
-            flex: 0 0 auto
-          properties:
-            icon: AiOutlineClose
-            color: default
-            variant: text
-            shape: circle
-            size: small
-          events:
-            onClick:
-              - id: rm_note
-                type: CallMethod
-                params:
-                  blockId: notes
-                  method: removeItem
-                  args:
-                    - _index: 0
-
-- title: Skill Tags
-  blocks:
-    - id: skills
-      type: List
-      properties:
-        direction: row
-        wrap: wrap
-      blocks:
-        - id: skills.$.label
-          type: Tag
-          layout:
-            flex: 0 0 auto
-          properties:
-            title:
-              _state: skills.$.label
-            color:
-              _state: skills.$.color
-            closable: true
-          events:
-            onClose:
-              - id: rm_skill
-                type: CallMethod
-                params:
-                  blockId: skills
-                  method: removeItem
-                  args:
-                    - _index: 0
-
-# ──────────────────────────────────────────────
-# Advanced Examples
-# ──────────────────────────────────────────────
-
-- title: Task Board
-  fullWidth: true
-  blocks:
-    - id: tasks_header
-      type: Box
-      layout:
-        justify: space-between
-        align: center
-      blocks:
-        - id: tasks_title
-          type: Title
-          layout:
-            flex: 0 0 auto
-          properties:
-            content: Tasks
-            level: 4
-        - id: tasks_add
-          type: Button
-          layout:
-            flex: 0 0 auto
-          properties:
-            title: Add Task
-            icon: AiOutlinePlus
-            color: primary
-            variant: solid
-            size: small
-          events:
-            onClick:
-              - id: tasks_push
-                type: CallMethod
-                params:
-                  blockId: tasks
-                  method: pushItem
-    - id: tasks
-      type: List
-      blocks:
-        - id: tasks.$.done
-          type: Switch
-          layout:
-            flex: 0 0 auto
-          properties:
-            label:
-              disabled: true
-            size: small
-        - id: tasks.$.name
-          type: TextInput
-          required: true
-          layout:
-            flex: 1 1 0
-          properties:
-            label:
-              disabled: true
-            placeholder: Task name
-            size: small
-        - id: tasks.$.priority
-          type: Selector
-          layout:
-            flex: 0 0 140px
-          properties:
-            label:
-              disabled: true
-            placeholder: Priority
-            size: small
-            options:
-              - High
-              - Medium
-              - Low
-        - id: tasks.$.pri_tag
-          type: Tag
-          layout:
-            flex: 0 0 auto
-          properties:
-            title:
-              _if_none:
-                - _state: tasks.$.priority
-                - ''
-            color:
-              _if:
-                test:
-                  _eq:
-                    - _state: tasks.$.priority
-                    - High
-                then: red
-                else:
-                  _if:
-                    test:
-                      _eq:
-                        - _state: tasks.$.priority
-                        - Medium
-                    then: orange
-                    else: green
-        - id: tasks.$.up
-          type: Button
-          layout:
-            flex: 0 0 auto
-          properties:
-            icon: AiOutlineArrowUp
-            color: default
-            variant: text
-            size: small
-            shape: circle
-          events:
-            onClick:
-              - id: tasks_up
-                type: CallMethod
-                params:
-                  blockId: tasks
-                  method: moveItemUp
-                  args:
-                    - _index: 0
-        - id: tasks.$.down
-          type: Button
-          layout:
-            flex: 0 0 auto
-          properties:
-            icon: AiOutlineArrowDown
-            color: default
-            variant: text
-            size: small
-            shape: circle
-          events:
-            onClick:
-              - id: tasks_down
-                type: CallMethod
-                params:
-                  blockId: tasks
-                  method: moveItemDown
-                  args:
-                    - _index: 0
-        - id: tasks.$.rm
-          type: Button
-          layout:
-            flex: 0 0 auto
-          properties:
-            icon: AiOutlineDelete
-            color: danger
-            variant: text
-            size: small
-            shape: circle
-          events:
-            onClick:
-              - id: tasks_rm
-                type: CallMethod
-                params:
-                  blockId: tasks
-                  method: removeItem
-                  args:
-                    - _index: 0
-    - id: tasks_footer
-      type: Box
-      layout:
-        justify: flex-end
-      blocks:
-        - id: tasks_save
-          type: Button
-          layout:
-            flex: 0 0 auto
-          properties:
-            title: Save Tasks
-            icon: AiOutlineSave
-            color: primary
-            variant: solid
-          events:
-            onClick:
-              - id: tasks_validate
-                type: Validate
-                params:
-                  regex: ^tasks
-              - id: tasks_msg
-                type: DisplayMessage
-                params:
-                  content: Tasks saved!
-                  status: success
-
-- title: User Directory
-  fullWidth: true
-  blocks:
-    - id: users_header
-      type: Box
-      layout:
-        justify: space-between
-        align: center
-      blocks:
-        - id: users_title
-          type: Title
-          layout:
-            flex: 0 0 auto
-          properties:
-            content: User Directory
-            level: 4
-        - id: users_btns
-          type: Box
-          layout:
-            flex: 0 0 auto
-            gap: 8
-          blocks:
-            - id: users_load
-              type: Button
-              layout:
-                flex: 0 0 auto
-              properties:
-                title: Load Users
-                icon: AiOutlineCloudDownload
-                color: primary
-                variant: solid
-                size: small
-              events:
-                onClick:
-                  - id: fetch_users
-                    type: Fetch
-                    params:
-                      url: https://jsonplaceholder.typicode.com/users
-                      responseFunction: json
-                  - id: set_users
-                    type: SetState
-                    params:
-                      users:
-                        _actions: fetch_users.response
-            - id: users_clear
-              type: Button
-              layout:
-                flex: 0 0 auto
-              properties:
-                title: Clear
-                color: default
-                variant: outlined
-                size: small
-              events:
-                onClick:
-                  - id: clear_users
-                    type: SetState
-                    params:
-                      users: []
-    - id: users
-      type: List
-      blocks:
-        - id: users.$.avatar
-          type: Avatar
-          layout:
-            flex: 0 0 auto
-          properties:
-            content:
-              _string.charAt:
-                on:
-                  _if_none:
-                    - _state: users.$.name
-                    - '?'
-                index: 0
-            color: '#1677ff'
-        - id: users.$.disp_name
-          type: Paragraph
-          layout:
-            flex: 1 1 0
-          properties:
-            content:
-              _state: users.$.name
-        - id: users.$.disp_email
-          type: Paragraph
-          layout:
-            flex: 1 1 0
-          properties:
-            content:
-              _state: users.$.email
-            type: secondary
-        - id: users.$.disp_company
-          type: Tag
-          layout:
-            flex: 0 0 auto
-          properties:
-            title:
-              _state: users.$.company.name
-            color: blue
-
-- title: Invoice Builder
-  fullWidth: true
-  blocks:
-    - id: inv_header
-      type: Box
-      layout:
-        justify: space-between
-        align: center
-      blocks:
-        - id: inv_title
-          type: Title
-          layout:
-            flex: 0 0 auto
-          properties:
-            content: 'Invoice #1042'
-            level: 4
-        - id: inv_add
-          type: Button
-          layout:
-            flex: 0 0 auto
-          properties:
-            title: Add Line
-            icon: AiOutlinePlus
-            color: primary
-            variant: dashed
-            size: small
-          events:
-            onClick:
-              - id: inv_push
-                type: CallMethod
-                params:
-                  blockId: inv
-                  method: pushItem
-    - id: inv
-      type: List
-      blocks:
-        - id: inv.$.desc
-          type: TextInput
-          required: true
-          layout:
-            flex: 3 1 0
-          properties:
-            label:
-              disabled: true
-            placeholder: Description
-        - id: inv.$.qty
-          type: NumberInput
-          required: true
-          layout:
-            flex: 1 1 0
-          properties:
-            label:
-              disabled: true
-            placeholder: Qty
-            min: 1
-        - id: inv.$.price
-          type: NumberInput
-          required: true
-          layout:
-            flex: 1 1 0
-          properties:
-            label:
-              disabled: true
-            placeholder: Unit price
-            min: 0
-            step: 0.01
-        - id: inv.$.total
-          type: Paragraph
-          layout:
-            flex: 0 0 100px
-          properties:
-            content:
-              _js: |
-                const qty = state('inv.$.qty') || 0;
-                const price = state('inv.$.price') || 0;
-                return '$' + (qty * price).toFixed(2);
-        - id: inv.$.rm
-          type: Button
-          layout:
-            flex: 0 0 auto
-          properties:
-            icon: AiOutlineMinusCircle
-            color: danger
-            variant: text
-            size: small
-            shape: circle
-          events:
-            onClick:
-              - id: inv_rm
-                type: CallMethod
-                params:
-                  blockId: inv
-                  method: removeItem
-                  args:
-                    - _index: 0
-    - id: inv_footer
-      type: Box
-      layout:
-        gap: 16
-        justify: flex-end
-        align: center
-      blocks:
-        - id: inv_total
-          type: Statistic
-          layout:
-            flex: 0 0 auto
-          properties:
-            title: Total
-            prefix: '$'
-            precision: 2
-            value:
-              _js: |
-                const items = state('inv') || [];
-                return items.reduce((sum, item) =>
-                  sum + ((item.qty || 0) * (item.price || 0)), 0);
-        - id: inv_submit
-          type: Button
-          layout:
-            flex: 0 0 auto
-          properties:
-            title: Submit Invoice
-            icon: AiOutlineSend
-            color: primary
-            variant: solid
-          events:
-            onClick:
-              - id: inv_validate
-                type: Validate
-                params:
-                  regex: ^inv
-              - id: inv_msg
-                type: DisplayMessage
-                params:
-                  content: Invoice submitted!
-                  status: success

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

@@ -1,199 +0,0 @@
-# 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: list
-type: Box
-
-events:
-  onInit:
-    - id: set_defaults
-      type: SetState
-      params:
-        # State keys must match blockIds for List blocks
-        list_basic:
-          - Item 1
-          - Item 2
-          - Item 3
-        list_direction_row:
-          - Row 1
-          - Row 2
-          - Row 3
-        list_direction_column:
-          - Col 1
-          - Col 2
-          - Col 3
-        list_styled:
-          - Styled 1
-          - Styled 2
-        list_wrap:
-          - Wrap 1
-          - Wrap 2
-          - Wrap 3
-        list_scroll:
-          - Scroll 1
-          - Scroll 2
-          - Scroll 3
-        list_clickable:
-          - Click Item
-        # list_empty is intentionally not set (undefined = empty list)
-
-blocks:
-  # ============================================
-  # BASIC RENDERING
-  # ============================================
-
-  - id: list_basic
-    type: List
-    blocks:
-      - id: list_basic_item
-        type: Span
-        properties:
-          content:
-            _state: list_basic.$
-
-  # ============================================
-  # PROPERTY TESTS
-  # ============================================
-
-  # Direction row (flexbox)
-  - id: list_direction_row
-    type: List
-    properties:
-      direction: row
-    blocks:
-      - id: list_direction_row_item
-        type: Span
-        properties:
-          content:
-            _state: list_direction_row.$
-          style:
-            padding: 5px
-            border: 1px solid gray
-
-  # Direction column
-  - id: list_direction_column
-    type: List
-    properties:
-      direction: column
-    blocks:
-      - id: list_direction_column_item
-        type: Span
-        properties:
-          content:
-            _state: list_direction_column.$
-          style:
-            padding: 5px
-            border: 1px solid gray
-
-  # Custom style
-  - id: list_styled
-    type: List
-    properties:
-      style:
-        backgroundColor: rgb(240, 240, 240)
-        padding: 10px
-    blocks:
-      - id: list_styled_item
-        type: Span
-        properties:
-          content:
-            _state: list_styled.$
-
-  # Wrap property (nowrap)
-  - id: list_wrap
-    type: List
-    properties:
-      direction: row
-      wrap: nowrap
-      style:
-        width: 200px
-    blocks:
-      - id: list_wrap_item
-        type: Span
-        properties:
-          content:
-            _state: list_wrap.$
-          style:
-            minWidth: 100px
-            padding: 5px
-            border: 1px solid gray
-
-  # Scroll property
-  - id: list_scroll
-    type: List
-    properties:
-      direction: row
-      wrap: nowrap
-      scroll: true
-      style:
-        width: 200px
-    blocks:
-      - id: list_scroll_item
-        type: Span
-        properties:
-          content:
-            _state: list_scroll.$
-          style:
-            minWidth: 100px
-            padding: 5px
-            border: 1px solid gray
-
-  # ============================================
-  # EVENT TESTS
-  # ============================================
-
-  - id: list_clickable
-    type: List
-    properties:
-      style:
-        cursor: pointer
-        padding: 10px
-        border: 1px solid gray
-    events:
-      onClick:
-        - id: set_clicked
-          type: SetState
-          params:
-            list_clicked: true
-    blocks:
-      - id: list_clickable_item
-        type: Span
-        properties:
-          content:
-            _state: list_clickable.$
-
-  - id: onclick_display
-    type: Span
-    properties:
-      content:
-        _if:
-          test:
-            _eq:
-              - _state: list_clicked
-              - true
-          then: List clicked!
-          else: ''
-
-  # ============================================
-  # EMPTY LIST
-  # ============================================
-
-  - id: list_empty
-    type: List
-    blocks:
-      - id: list_empty_item
-        type: Span
-        properties:
-          content:
-            _state: list_empty.$