@lowdefy/blocks-table 0.0.0-experimental-20260929110023

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

@@ -0,0 +1,245 @@
+# 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-tree
+type: Box
+
+events:
+  onInit:
+    - id: init_lazy_rows
+      type: SetState
+      params:
+        lazy_rows:
+          - id: region-a
+            name: Region A
+            hasChildren: true
+          - id: region-b
+            name: Region B
+    - id: init_nested_expanded
+      type: SetState
+      params:
+        table_tree_nested:
+          expanded:
+            - 1
+
+blocks:
+  # ============================================
+  # PARENT FIELD
+  # ============================================
+
+  - id: table_tree
+    type: Table
+    properties:
+      tree:
+        parentField: parent
+      rowSelection:
+        type: checkbox
+        cascade: true
+      columns:
+        - key: name
+          width: 240
+        - key: size
+          type: number
+      data:
+        - id: docs
+          name: Docs
+          size: 30
+        - id: guides
+          name: Guides
+          size: 20
+          parent: docs
+        - id: api
+          name: API
+          size: 5
+          parent: docs
+        - id: intro
+          name: Intro
+          size: 2
+          parent: guides
+        - id: setup
+          name: Setup
+          size: 8
+          parent: guides
+        - id: blog
+          name: Blog
+          size: 10
+    events:
+      onRowExpand:
+        - id: set_tree_expand
+          type: SetState
+          params:
+            tree_expand:
+              _string.concat:
+                - _event: rowKey
+                - ':'
+                - _if:
+                    test:
+                      _event: expanded
+                    then: open
+                    else: closed
+
+  - id: tree_value
+    type: Span
+    properties:
+      content:
+        _string.concat:
+          - 'expanded='
+          - _json.stringify:
+              - _state: table_tree.expanded
+              - space: 0
+          - ' selected='
+          - _json.stringify:
+              - _state: table_tree.selected
+              - space: 0
+          - ' event='
+          - _if_none:
+              - _state: tree_expand
+              - none
+
+  # ============================================
+  # CHILDREN FIELD
+  # ============================================
+
+  - id: table_tree_nested
+    type: Table
+    properties:
+      tree:
+        childrenField: children
+      defaultView:
+        sort:
+          - key: name
+      columns:
+        - key: name
+          width: 240
+        - key: size
+          type: number
+      data:
+        - id: 1
+          name: Zulu
+          size: 3
+          children:
+            - id: 11
+              name: Yankee
+              size: 1
+            - id: 12
+              name: Alpha child
+              size: 2
+        - id: 2
+          name: Mike
+          size: 4
+          children:
+            - id: 21
+              name: Kilo
+              size: 4
+
+  # ============================================
+  # LAZY CHILDREN
+  # ============================================
+
+  - id: table_tree_lazy
+    type: Table
+    properties:
+      tree:
+        parentField: parent
+        lazy: true
+      columns:
+        - key: name
+          width: 240
+      data:
+        _state: lazy_rows
+    events:
+      onRowExpand:
+        - id: record_lazy_expand
+          type: SetState
+          params:
+            lazy_expands:
+              _array.concat:
+                - _if_none:
+                    - _state: lazy_expands
+                    - []
+                - - _string.concat:
+                      - _event: rowKey
+                      - ':'
+                      - _if:
+                          test:
+                            _event: expanded
+                          then: open
+                          else: close
+                      - ':'
+                      - _if:
+                          test:
+                            _event: needsChildren
+                          then: load
+                          else: loaded
+        - id: load_children
+          type: SetState
+          skip:
+            _not:
+              _event: needsChildren
+          params:
+            lazy_rows:
+              _array.concat:
+                - _state: lazy_rows
+                - - id:
+                      _string.concat:
+                        - _event: rowKey
+                        - '-1'
+                    name:
+                      _string.concat:
+                        - _event: row.name
+                        - ' child'
+                    parent:
+                      _event: rowKey
+
+  - id: table_tree_lazy_value
+    type: Span
+    properties:
+      content:
+        _string.concat:
+          - 'expands='
+          - _json.stringify:
+              - _state: lazy_expands
+              - space: 0
+
+  # ============================================
+  # FILTERED TREE
+  # ============================================
+
+  - id: table_tree_filtered
+    type: Table
+    properties:
+      tree:
+        parentField: parent
+      defaultView:
+        filter:
+          key: name
+          op: eq
+          value: Setup
+      columns:
+        - key: name
+          width: 240
+      data:
+        - id: docs
+          name: Docs
+        - id: guides
+          name: Guides
+          parent: docs
+        - id: intro
+          name: Intro
+          parent: guides
+        - id: setup
+          name: Setup
+          parent: guides
+        - id: blog
+          name: Blog

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

@@ -0,0 +1,235 @@
+# 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: views
+type: Box
+
+events:
+  onInit:
+    - id: init_views
+      type: SetState
+      params:
+        active_view: null
+        # Views from a MongoDB request have ObjectId ids, which reach the client as { _oid }.
+        oid_views:
+          _json.parse: '[{"id":{"_oid":"65f1c0ffee0000000000000a"},"title":"Mine","view":{}},{"id":{"_oid":"65f1c0ffee0000000000000b"},"title":"Team","view":{"density":"compact"}}]'
+        oid_active:
+          _json.parse: '{"_oid":"65f1c0ffee0000000000000b"}'
+        saved_views:
+          - id: all
+            title: All
+            view: {}
+          - id: oldest
+            title: Oldest
+            count: 3
+            view:
+              sort:
+                - key: age
+                  desc: true
+          - id: fixed
+            title: Fixed
+            locked: true
+            view:
+              density: compact
+
+blocks:
+  # ============================================
+  # SAVED VIEWS
+  # ============================================
+
+  - id: vw
+    type: Table
+    properties:
+      toolbar:
+        views: true
+        sort: true
+        density: true
+      views:
+        _state: saved_views
+      activeView:
+        _state: active_view
+      columns:
+        _ref: ../../src/blocks/Table/tests/people_columns.yaml
+      data:
+        _ref: ../../src/blocks/Table/tests/people.yaml
+    events:
+      onChange:
+        - id: set_cause
+          type: SetState
+          params:
+            vw_cause:
+              _event: cause
+      onViewSelect:
+        - id: log_select
+          type: SetState
+          params:
+            vw_select:
+              _event: true
+            vw_select_sort:
+              _state: vw.view.sort
+      onViewSave:
+        - id: log_save
+          type: SetState
+          params:
+            vw_save:
+              _event: true
+      onViewDelete:
+        - id: log_delete
+          type: SetState
+          params:
+            vw_delete:
+              _event: true
+
+  - id: vw_oid
+    type: Table
+    properties:
+      toolbar:
+        views: true
+      views:
+        _state: oid_views
+      activeView:
+        _state: oid_active
+      columns:
+        _ref: ../../src/blocks/Table/tests/people_columns.yaml
+      data:
+        _ref: ../../src/blocks/Table/tests/people.yaml
+    events:
+      onViewSelect:
+        - id: log_oid_select
+          type: SetState
+          params:
+            oid_select:
+              _event: id
+
+  - id: vw_oid_value
+    type: Span
+    properties:
+      content:
+        _string.concat:
+          - 'select='
+          - _json.stringify:
+              - _state: oid_select
+              - space: 0
+
+  - id: vw_value
+    type: Span
+    properties:
+      content:
+        _string.concat:
+          - 'sort='
+          - _json.stringify:
+              - _state: vw.view.sort
+              - space: 0
+          - ' density='
+          - _state: vw.view.density
+          - ' cause='
+          - _if_none:
+              - _state: vw_cause
+              - none
+
+  - id: vw_events
+    type: Span
+    properties:
+      content:
+        _string.concat:
+          - 'select='
+          - _json.stringify:
+              - _if_none:
+                  - _state: vw_select
+                  - null
+              - space: 0
+          - ' select_sort='
+          - _json.stringify:
+              - _if_none:
+                  - _state: vw_select_sort
+                  - null
+              - space: 0
+          - ' save='
+          - _json.stringify:
+              - _if_none:
+                  - _state: vw_save
+                  - null
+              - space: 0
+          - ' delete='
+          - _json.stringify:
+              - _if_none:
+                  - _state: vw_delete
+                  - null
+              - space: 0
+
+  - id: vw_pick_fixed
+    type: Button
+    properties:
+      title: Make Fixed active
+    events:
+      onClick:
+        - id: set_active
+          type: SetState
+          params:
+            active_view: fixed
+
+  # ============================================
+  # PERSIST
+  # ============================================
+
+  - id: persist_local
+    type: Table
+    properties:
+      persist:
+        key: e2e_people
+        storage: local
+      toolbar:
+        density: true
+        search: true
+      columns:
+        _ref: ../../src/blocks/Table/tests/people_columns.yaml
+      data:
+        _ref: ../../src/blocks/Table/tests/people.yaml
+      rowSelection:
+        type: checkbox
+
+  - id: persist_local_value
+    type: Span
+    properties:
+      content:
+        _string.concat:
+          - 'view='
+          - _json.stringify:
+              - _state: persist_local.view
+              - space: 0
+          - ' selected='
+          - _json.stringify:
+              - _state: persist_local.selected
+              - space: 0
+
+  - id: persist_url
+    type: Table
+    properties:
+      persist:
+        key: pv
+        storage: url
+      columns:
+        _ref: ../../src/blocks/Table/tests/people_columns.yaml
+      data:
+        _ref: ../../src/blocks/Table/tests/people.yaml
+
+  - id: persist_url_value
+    type: Span
+    properties:
+      content:
+        _string.concat:
+          - 'sort='
+          - _json.stringify:
+              - _state: persist_url.view.sort
+              - space: 0

package/dist/blocks/TableInput/TableInput.js

@@ -0,0 +1,24 @@
+/*
+  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.
+*/ import { createLazyBlock } from '@lowdefy/block-utils';
+import meta from './meta.js';
+import TableFallback from '../Table/TableFallback.js';
+// The engine it shares with Table loads with the block's first mount, as Table's does.
+const TableInput = createLazyBlock({
+    load: ()=>import('./TableInput.lazy.js'),
+    meta,
+    Fallback: TableFallback
+});
+export default TableInput;

package/dist/blocks/TableInput/TableInput.lazy.js

@@ -0,0 +1,17 @@
+/*
+  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.
+*/ import { withBlockDefaults } from '@lowdefy/block-utils';
+import TableInputRoot from './TableInputRoot.js';
+export default withBlockDefaults(TableInputRoot);

package/dist/blocks/TableInput/TableInputRoot.js

@@ -0,0 +1,65 @@
+/*
+  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.
+*/ import React, { useMemo, useState } from 'react';
+import normalizeChanges from '../../features/editing/normalizeChanges.js';
+import TableRoot from '../../core/TableRoot.js';
+import useFeatureSet from '../../core/useFeatureSet.js';
+const HANDLED = {
+    success: true
+};
+// TableInput is the Table engine with a different value (D2): the block value is a changeset
+// over `data` ({ updated, added, removed, moved?, order? }), never the rows, so a large table
+// keeps a small state. The table's own UI state (sort, widths, order, selection) is kept here in
+// React state instead of the block value, so the engine's value path runs unchanged against it
+// and its onChange is not fired; the editing feature writes the changeset through
+// `input.methods`.
+function TableInputRoot(props) {
+    const { methods, value } = props;
+    const features = useFeatureSet({
+        content: {},
+        input: true,
+        properties: props.properties
+    });
+    const changes = useMemo(()=>normalizeChanges(value), [
+        value
+    ]);
+    const [uiValue, setUiValue] = useState(null);
+    const tableMethods = useMemo(()=>{
+        // Object.create keeps the engine's live methods (reassigned on every render) reachable.
+        const wrapped = Object.create(methods);
+        wrapped.setValue = setUiValue;
+        wrapped.triggerEvent = (args)=>args.name === 'onChange' ? HANDLED : methods.triggerEvent(args);
+        return wrapped;
+    }, [
+        methods
+    ]);
+    const input = useMemo(()=>({
+            changes,
+            methods
+        }), [
+        changes,
+        methods
+    ]);
+    // The block's own props pass through; the engine reads what it needs from them.
+    return /*#__PURE__*/ React.createElement(TableRoot, {
+        ...props,
+        features,
+        input,
+        key: features.signature,
+        methods: tableMethods,
+        value: uiValue
+    });
+}
+export default TableInputRoot;

package/dist/blocks/TableInput/e2e.js

@@ -0,0 +1,16 @@
+/*
+  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.
+*/ // TableInput renders the Table DOM, so it shares Table's e2e helper.
+export { default } from '../Table/e2e.js';