@lowdefy/blocks-table 0.0.0-experimental-20260929110023

package/dist/blocks/Table/tests/TableLinkTarget.e2e.yaml

@@ -0,0 +1,25 @@
+# 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.
+
+# The page rowLink navigates to in the rowLink tests.
+id: table-link-target
+type: Box
+blocks:
+  - id: link_target_id
+    type: Span
+    properties:
+      content:
+        _string.concat:
+          - 'Target id: '
+          - _url_query: id

package/dist/blocks/Table/tests/TableParity.e2e.yaml

@@ -0,0 +1,101 @@
+# 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: table-parity
+type: Box
+
+blocks:
+  - id: parity_light
+    type: TableLight
+    properties:
+      _ref: ../../src/blocks/Table/tests/parity_properties.yaml
+    events:
+      onRowClick:
+        - id: set_light_row
+          type: SetState
+          params:
+            light_row:
+              _json.stringify:
+                - _event: true
+                - space: 0
+      onCellClick:
+        - id: set_light_cell
+          type: SetState
+          params:
+            light_cell:
+              _json.stringify:
+                - _event: true
+                - space: 0
+      onEdit:
+        - id: set_light_button
+          type: SetState
+          params:
+            light_button:
+              _json.stringify:
+                - _event: true
+                - space: 0
+
+  - id: parity_light_events
+    type: Span
+    properties:
+      content:
+        _string.concat:
+          - 'row='
+          - _if_none: [{ _state: light_row }, none]
+          - ' cell='
+          - _if_none: [{ _state: light_cell }, none]
+          - ' button='
+          - _if_none: [{ _state: light_button }, none]
+
+  - id: parity_table
+    type: Table
+    properties:
+      _ref: ../../src/blocks/Table/tests/parity_properties.yaml
+    events:
+      onRowClick:
+        - id: set_table_row
+          type: SetState
+          params:
+            table_row:
+              _json.stringify:
+                - _event: true
+                - space: 0
+      onCellClick:
+        - id: set_table_cell
+          type: SetState
+          params:
+            table_cell:
+              _json.stringify:
+                - _event: true
+                - space: 0
+      onEdit:
+        - id: set_table_button
+          type: SetState
+          params:
+            table_button:
+              _json.stringify:
+                - _event: true
+                - space: 0
+
+  - id: parity_table_events
+    type: Span
+    properties:
+      content:
+        _string.concat:
+          - 'row='
+          - _if_none: [{ _state: table_row }, none]
+          - ' cell='
+          - _if_none: [{ _state: table_cell }, none]
+          - ' button='
+          - _if_none: [{ _state: table_button }, none]

package/dist/blocks/Table/tests/bulk.e2e.yaml

@@ -0,0 +1,271 @@
+# 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: bulk
+type: Box
+
+blocks:
+  # ============================================
+  # BULK ACTION BAR
+  # ============================================
+
+  - id: bk
+    type: Table
+    properties:
+      rowSelection:
+        type: checkbox
+      columns:
+        _ref: ../../src/blocks/Table/tests/people_columns.yaml
+      data:
+        _ref: ../../src/blocks/Table/tests/people.yaml
+    slots:
+      bulkActions:
+        blocks:
+          - id: bk_assign
+            type: Button
+            properties:
+              title: Assign
+            events:
+              onClick:
+                - id: read_selection
+                  type: SetState
+                  params:
+                    bk_assigned:
+                      _state: bk.selected
+          - id: bk_done
+            type: Button
+            properties:
+              title: Done
+            events:
+              onClick:
+                - id: clear_bk_selection
+                  type: CallMethod
+                  params:
+                    blockId: bk
+                    method: clearSelection
+    events:
+      onSelectionChange:
+        - id: set_bk_rows
+          type: SetState
+          params:
+            bk_rows:
+              _array.length:
+                _event: rows
+
+  - id: bk_value
+    type: Span
+    properties:
+      content:
+        _string.concat:
+          - 'selected='
+          - _json.stringify:
+              - _state: bk.selected
+              - space: 0
+          - ' assigned='
+          - _json.stringify:
+              - _if_none:
+                  - _state: bk_assigned
+                  - null
+              - space: 0
+          - ' rows='
+          - _if_none:
+              - _state: bk_rows
+              - none
+
+  # ============================================
+  # SELECT ALL MATCHING WITH A FILTER, THEN NEW DATA
+  # ============================================
+
+  - id: bk_filtered
+    type: Table
+    properties:
+      rowSelection:
+        type: checkbox
+      defaultView:
+        filter:
+          key: team
+          op: eq
+          value: Blue
+      columns:
+        _ref: ../../src/blocks/Table/tests/people_columns.yaml
+      data:
+        _if_none:
+          - _state: bk_filtered_data
+          - _ref: ../../src/blocks/Table/tests/people.yaml
+
+  - id: bk_filtered_add
+    type: Button
+    properties:
+      title: Add rows
+    events:
+      onClick:
+        - id: add_filtered_rows
+          type: SetState
+          params:
+            bk_filtered_data:
+              _array.concat:
+                - _ref: ../../src/blocks/Table/tests/people.yaml
+                - - id: 6
+                    name: Finn
+                    team: Blue
+                    age: 22
+                    city: Oslo
+                  - id: 7
+                    name: Gail
+                    team: Red
+                    age: 28
+                    city: Lima
+
+  - id: bk_filtered_clear_filters
+    type: Button
+    properties:
+      title: Clear filters
+    events:
+      onClick:
+        - id: clear_filtered_filters
+          type: CallMethod
+          params:
+            blockId: bk_filtered
+            method: clearFilters
+
+  - id: bk_filtered_value
+    type: Span
+    properties:
+      content:
+        _string.concat:
+          - 'selected='
+          - _json.stringify:
+              - _state: bk_filtered.selected
+              - space: 0
+
+  # ============================================
+  # QUEUE: SINGLE-KEY ACTIONS AND keyboard.next
+  # ============================================
+
+  - id: queue
+    type: Table
+    properties:
+      keyboard:
+        next: true
+      columns:
+        - key: name
+          title: Name
+        - key: team
+        - key: actions
+          type: buttons
+          cell:
+            buttons:
+              - eventName: onArchive
+                title: Archive
+                key: a
+              - eventName: onFlag
+                title: Flag
+                key: f
+                hiddenField: flagged
+        - key: more
+          type: menu
+          cell:
+            items:
+              - eventName: onSnooze
+                title: Snooze
+                key: s
+      data:
+        - id: 1
+          name: Charlie
+          team: Blue
+        - id: 2
+          name: alice
+          team: Red
+          flagged: true
+        - id: 3
+          name: Bob
+          team: Blue
+    events:
+      onArchive:
+        - id: log_archive
+          type: SetState
+          params:
+            queue_last:
+              _string.concat:
+                - 'archive:'
+                - _event: rowKey
+                - ':'
+                - _event: button.title
+                - ':'
+                - _event: buttonIndex
+      onFlag:
+        - id: log_flag
+          type: SetState
+          params:
+            queue_last:
+              _string.concat:
+                - 'flag:'
+                - _event: rowKey
+      onSnooze:
+        - id: log_snooze
+          type: SetState
+          params:
+            queue_last:
+              _string.concat:
+                - 'snooze:'
+                - _event: rowKey
+                - ':'
+                - _event: item.title
+                - ':'
+                - _event: itemIndex
+
+  - id: queue_value
+    type: Span
+    properties:
+      content:
+        _string.concat:
+          - 'last='
+          - _if_none:
+              - _state: queue_last
+              - none
+
+  - id: queue_stay
+    type: Table
+    properties:
+      columns:
+        - key: name
+        - key: actions
+          type: buttons
+          cell:
+            buttons:
+              - eventName: onArchive
+                title: Archive
+                key: a
+      data:
+        - id: 1
+          name: Charlie
+        - id: 2
+          name: alice
+    events:
+      onArchive:
+        - id: log_archive
+          type: SetState
+          params:
+            queue_stay_last:
+              _event: rowKey
+
+  - id: queue_stay_value
+    type: Span
+    properties:
+      content:
+        _string.concat:
+          - 'last='
+          - _if_none:
+              - _state: queue_stay_last
+              - none

package/dist/blocks/Table/tests/deals.yaml

@@ -0,0 +1,30 @@
+# 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.
+
+# Rows of the filtering e2e tables. `created` is relative to today for rows 1 and 2, so the
+# relative date filter ("within the last 7 days") has a stable answer.
+_js: |
+  function daysAgo(days) {
+    const date = new Date();
+    date.setDate(date.getDate() - days);
+    return date.toISOString().slice(0, 10);
+  }
+  return [
+    { id: 1, name: 'Acme deal', stage: 'won', amount: 1200, created: daysAgo(2), active: true, owner: 'Dana' },
+    { id: 2, name: 'Globex renewal', stage: 'lost', amount: 300, created: daysAgo(40), active: false, owner: 'Eve' },
+    { id: 3, name: 'Initech pilot', stage: 'lead', amount: 150, created: '2020-03-15', active: true, owner: 'Dana' },
+    { id: 4, name: 'Umbrella expansion', stage: 'qualified', amount: 800, created: '2020-06-01', active: false, owner: 'Bob' },
+    { id: 5, name: 'Acme upsell', stage: 'won', amount: 450, created: '2020-01-10', active: true, owner: 'Eve' },
+    { id: 6, name: 'Hooli trial', stage: 'lead', amount: null, created: null, active: null, owner: null },
+  ];

package/dist/blocks/Table/tests/deals_columns.yaml

@@ -0,0 +1,37 @@
+# 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.
+
+# Columns of the filtering and header menu e2e tables: one per filter kind.
+- key: name
+- key: stage
+  type: tag
+  options:
+    - value: lead
+      label: Lead
+    - value: qualified
+      label: Qualified
+    - value: won
+      label: Won
+    - value: lost
+      label: Lost
+- key: amount
+  type: number
+  width: 110
+- key: created
+  type: date
+  width: 130
+- key: active
+  type: boolean
+  width: 90
+- key: owner