@lowdefy/blocks-table 0.0.0-experimental-20260929110023

package/dist/features/expansion/initExpanded.js

@@ -0,0 +1,22 @@
+/*
+  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 { type } from '@lowdefy/helpers';
+// `expanded` in the value lists the row keys of expanded tree rows and expanded detail rows.
+function initExpanded({ value }) {
+    const expanded = value?.expanded;
+    if (!type.isArray(expanded)) return [];
+    return expanded.filter((key)=>!type.isNone(key));
+}
+export default initExpanded;

package/dist/features/export/buildCsv.js

@@ -0,0 +1,39 @@
+/*
+  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 CELL_TYPE_FAMILIES from '@lowdefy/blocks-antd/table/cellTypeFamilies.js';
+import getExportValue from '@lowdefy/blocks-antd/table/getExportValue.js';
+import htmlToText from '@lowdefy/blocks-antd/table/htmlToText.js';
+import toCsvField from './toCsvField.js';
+// The current client view: visible data columns in their displayed order (start-pinned, centre,
+// end-pinned) and the data rows in their current (sorted, grouped) order, every page and the
+// rows of collapsed groups included (`api.dataRows`). Values come from the shared column core
+// (`formatted` gives the text the cell shows). Header titles lose their HTML; action columns
+// (buttons, menu) hold no data and are left out.
+function buildCsv({ api, formatted }) {
+    const cols = api.layout.cols.filter((col)=>!col.special && CELL_TYPE_FAMILIES[col.column.type] !== 'action');
+    const lines = [
+        cols.map((col)=>toCsvField(htmlToText(col.column.title))).join(',')
+    ];
+    api.dataRows.forEach((row)=>{
+        lines.push(cols.map((col)=>toCsvField(getExportValue({
+                column: col.column,
+                value: col.accessor(row.original),
+                row: row.original,
+                formatted
+            }))).join(','));
+    });
+    return lines.join('\r\n');
+}
+export default buildCsv;

package/dist/features/export/createExportCsv.js

@@ -0,0 +1,59 @@
+/*
+  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 buildCsv from './buildCsv.js';
+import deriveValue from '../../core/deriveValue.js';
+// Block method `exportCsv({ filename, formatted })`. `formatted` (default true) exports what the
+// cells display; false exports raw values. In server mode the browser holds only the cached
+// blocks, so the table fires `onExport { view }` for the app to produce the file (D12).
+function createExportCsv(api) {
+    return function exportCsv({ filename, formatted } = {}) {
+        if (api.config.server) {
+            const { view } = deriveValue({
+                state: api.state,
+                api
+            });
+            api.methods.triggerEvent({
+                name: 'onExport',
+                event: {
+                    view,
+                    filename,
+                    formatted
+                }
+            });
+            return undefined;
+        }
+        const csv = buildCsv({
+            api,
+            formatted: formatted !== false
+        });
+        // The byte order mark makes spreadsheet apps read the file as UTF-8.
+        const blob = new Blob([
+            '\ufeff',
+            csv
+        ], {
+            type: 'text/csv;charset=utf-8'
+        });
+        const url = URL.createObjectURL(blob);
+        const anchor = document.createElement('a');
+        anchor.href = url;
+        anchor.download = filename ?? 'export.csv';
+        document.body.appendChild(anchor);
+        anchor.click();
+        anchor.remove();
+        setTimeout(()=>URL.revokeObjectURL(url), 0);
+        return csv;
+    };
+}
+export default createExportCsv;

package/dist/features/export/exportFeature.js

@@ -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.
+*/ import createExportCsv from './createExportCsv.js';
+const exportFeature = {
+    name: 'export',
+    actions: {
+        exportCsv: createExportCsv
+    },
+    methods: {
+        exportCsv: createExportCsv
+    }
+};
+export default exportFeature;

package/dist/features/export/toCsvField.js

@@ -0,0 +1,20 @@
+/*
+  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.
+*/ function toCsvField(text) {
+    const value = String(text);
+    if (/[",\r\n]/.test(value)) return `"${value.replace(/"/g, '""')}"`;
+    return value;
+}
+export default toCsvField;

package/dist/features/filtering/ChoiceFilter.js

@@ -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.
+*/ import React from 'react';
+import { Radio } from 'antd';
+// A one-of choice (boolean yes/no, or empty/not empty); `any` means no filter.
+function ChoiceFilter({ choices, state, onChange }) {
+    return /*#__PURE__*/ React.createElement(Radio.Group, {
+        className: "lf-filter-simple",
+        onChange: (event)=>onChange({
+                choice: event.target.value
+            }),
+        optionType: "button",
+        options: choices,
+        size: "small",
+        value: state.choice
+    });
+}
+export default ChoiceFilter;

package/dist/features/filtering/CloseIcon.js

@@ -0,0 +1,29 @@
+/*
+  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 from 'react';
+function CloseIcon() {
+    return /*#__PURE__*/ React.createElement("svg", {
+        "aria-hidden": "true",
+        className: "lf-table-icon",
+        fill: "none",
+        viewBox: "0 0 16 16"
+    }, /*#__PURE__*/ React.createElement("path", {
+        d: "M4 4l8 8M12 4l-8 8",
+        stroke: "currentColor",
+        strokeLinecap: "round",
+        strokeWidth: "1.5"
+    }));
+}
+export default CloseIcon;

package/dist/features/filtering/ColumnFilter.js

@@ -0,0 +1,192 @@
+/*
+  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, useRef, useState } from 'react';
+import { Button } from 'antd';
+import buildColumnFilter from './buildColumnFilter.js';
+import ChoiceFilter from './ChoiceFilter.js';
+import DateFilter from './DateFilter.js';
+import FilterBuilder from './FilterBuilder.js';
+import getColumnConditions from './getColumnConditions.js';
+import getDistinctOptions from './getDistinctOptions.js';
+import getFilterKind from './getFilterKind.js';
+import getPlainTitle from './getPlainTitle.js';
+import getTopLevelConditions from './getTopLevelConditions.js';
+import NumberFilter from './NumberFilter.js';
+import OptionsFilter from './OptionsFilter.js';
+import parseColumnFilter from './parseColumnFilter.js';
+import TextFilter from './TextFilter.js';
+import useSyncedState from './useSyncedState.js';
+function booleanChoices(column) {
+    return [
+        {
+            value: 'any',
+            label: 'Any'
+        },
+        {
+            value: 'isTrue',
+            label: column.cell?.trueLabel ?? 'Yes'
+        },
+        {
+            value: 'isFalse',
+            label: column.cell?.falseLabel ?? 'No'
+        }
+    ];
+}
+const PRESENCE_CHOICES = [
+    {
+        value: 'any',
+        label: 'Any'
+    },
+    {
+        value: 'notEmpty',
+        label: 'Not empty'
+    },
+    {
+        value: 'empty',
+        label: 'Empty'
+    }
+];
+function SimpleEditor({ api, column, kind, state, onChange }) {
+    const options = useMemo(()=>{
+        if (kind !== 'options') return null;
+        return column.options ?? getDistinctOptions({
+            rows: api.table.getCoreRowModel().rows,
+            column
+        });
+    }, [
+        kind,
+        column
+    ]);
+    switch(kind){
+        case 'options':
+            return /*#__PURE__*/ React.createElement(OptionsFilter, {
+                onChange: (selected)=>onChange({
+                        selected
+                    }),
+                options: options,
+                selected: state.selected
+            });
+        case 'text':
+            return /*#__PURE__*/ React.createElement(TextFilter, {
+                onChange: onChange,
+                state: state
+            });
+        case 'number':
+            return /*#__PURE__*/ React.createElement(NumberFilter, {
+                onChange: onChange,
+                state: state
+            });
+        case 'date':
+            return /*#__PURE__*/ React.createElement(DateFilter, {
+                column: column,
+                onChange: onChange,
+                state: state
+            });
+        case 'boolean':
+            return /*#__PURE__*/ React.createElement(ChoiceFilter, {
+                choices: booleanChoices(column),
+                onChange: onChange,
+                state: state
+            });
+        default:
+            return /*#__PURE__*/ React.createElement(ChoiceFilter, {
+                choices: PRESENCE_CHOICES,
+                onChange: onChange,
+                state: state
+            });
+    }
+}
+// The column filter popover body: a simple editor for the column's type, or the filter builder
+// (limited to this column) for anything the simple editor cannot express. Either writes the
+// column's conditions into `view.filter`, replacing the ones it had.
+function ColumnFilter({ api, column }) {
+    const kind = getFilterKind(column);
+    const [conditions, setConditions] = useSyncedState({
+        value: getColumnConditions({
+            filter: api.state.filter,
+            key: column.key
+        }),
+        onChange: (next)=>api.actions.updateColumnFilter({
+                key: column.key,
+                condition: {
+                    and: next
+                }
+            })
+    });
+    const simple = parseColumnFilter({
+        kind,
+        conditions
+    });
+    const [advanced, setAdvanced] = useState(simple === null);
+    const showAdvanced = advanced || simple === null;
+    // The builder gets back the condition it last wrote while that still says the same thing, so
+    // its own grouping (a root `or`, a single nested group) is not reshaped into a top-level `and`.
+    const builderCondition = useRef(null);
+    if (builderCondition.current === null || JSON.stringify(getTopLevelConditions(builderCondition.current)) !== JSON.stringify(conditions)) {
+        builderCondition.current = conditions.length ? {
+            and: conditions
+        } : null;
+    }
+    function write(condition) {
+        setConditions(getTopLevelConditions(condition));
+    }
+    function writeFromBuilder(condition) {
+        builderCondition.current = condition;
+        write(condition);
+    }
+    return /*#__PURE__*/ React.createElement("div", {
+        className: "lf-table-column-filter",
+        "data-col-key": column.key,
+        "data-lf-column-filter": "",
+        onKeyDown: (event)=>{
+            if (event.key !== 'Escape') return;
+            event.stopPropagation();
+            api.actions.closeColumnFilter({
+                restoreFocus: true
+            });
+        }
+    }, /*#__PURE__*/ React.createElement("div", {
+        className: "lf-table-overlay-title"
+    }, getPlainTitle(column)), showAdvanced ? /*#__PURE__*/ React.createElement(FilterBuilder, {
+        columns: [
+            column
+        ],
+        condition: builderCondition.current,
+        onChange: writeFromBuilder,
+        user: api.config.user
+    }) : /*#__PURE__*/ React.createElement(SimpleEditor, {
+        api: api,
+        column: column,
+        kind: kind,
+        onChange: (next)=>write(buildColumnFilter({
+                kind,
+                key: column.key,
+                state: next
+            })),
+        state: simple
+    }), /*#__PURE__*/ React.createElement("div", {
+        className: "lf-table-overlay-footer"
+    }, /*#__PURE__*/ React.createElement(Button, {
+        disabled: showAdvanced && simple === null,
+        onClick: ()=>setAdvanced(!showAdvanced),
+        size: "small",
+        type: "link"
+    }, showAdvanced ? 'Simple' : 'Advanced'), /*#__PURE__*/ React.createElement(Button, {
+        disabled: conditions.length === 0,
+        onClick: ()=>write(null),
+        size: "small"
+    }, "Clear")));
+}
+export default ColumnFilter;

package/dist/features/filtering/ColumnFilterPopover.js

@@ -0,0 +1,38 @@
+/*
+  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 from 'react';
+import { Popover } from 'antd';
+import ColumnFilter from './ColumnFilter.js';
+// Mounted only while open, anchored to the bottom edge of the column's header cell.
+function ColumnFilterPopover({ api, col }) {
+    return /*#__PURE__*/ React.createElement(Popover, {
+        arrow: false,
+        content: /*#__PURE__*/ React.createElement(ColumnFilter, {
+            api: api,
+            column: col.column
+        }),
+        onOpenChange: (open)=>{
+            if (!open) api.actions.closeColumnFilter();
+        },
+        open: true,
+        placement: "bottomLeft",
+        trigger: [
+            'click'
+        ]
+    }, /*#__PURE__*/ React.createElement("span", {
+        className: "lf-table-header-anchor"
+    }));
+}
+export default ColumnFilterPopover;

package/dist/features/filtering/DateFilter.js

@@ -0,0 +1,80 @@
+/*
+  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 from 'react';
+import { DatePicker, Segmented } from 'antd';
+import defaultRelativeDate from './defaultRelativeDate.js';
+import formatFilterDate from './formatFilterDate.js';
+import parseFilterDate from './parseFilterDate.js';
+import RelativeDateEditor from './RelativeDateEditor.js';
+const MODES = [
+    {
+        value: 'range',
+        label: 'Range'
+    },
+    {
+        value: 'relative',
+        label: 'Relative'
+    }
+];
+// A date range (either end open), or a relative period such as "within the last 7 days".
+function DateFilter({ column, state, onChange }) {
+    return /*#__PURE__*/ React.createElement("div", {
+        className: "lf-filter-simple lf-filter-date"
+    }, /*#__PURE__*/ React.createElement(Segmented, {
+        block: true,
+        onChange: (mode)=>onChange(mode === 'relative' ? {
+                mode,
+                relative: state.relative ?? defaultRelativeDate
+            } : {
+                mode,
+                from: null,
+                to: null
+            }),
+        options: MODES,
+        size: "small",
+        value: state.mode
+    }), state.mode === 'relative' ? /*#__PURE__*/ React.createElement(RelativeDateEditor, {
+        onChange: (relative)=>onChange({
+                mode: 'relative',
+                relative
+            }),
+        size: "small",
+        value: state.relative
+    }) : /*#__PURE__*/ React.createElement(DatePicker.RangePicker, {
+        allowEmpty: [
+            true,
+            true
+        ],
+        onChange: (dates)=>onChange({
+                mode: 'range',
+                from: formatFilterDate({
+                    column,
+                    date: dates?.[0],
+                    edge: 'start'
+                }),
+                to: formatFilterDate({
+                    column,
+                    date: dates?.[1],
+                    edge: 'end'
+                })
+            }),
+        size: "small",
+        value: [
+            parseFilterDate(state.from),
+            parseFilterDate(state.to)
+        ]
+    }));
+}
+export default DateFilter;

package/dist/features/filtering/DraftInput.js

@@ -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.
+*/ import React from 'react';
+import { Input } from 'antd';
+import useDraft from './useDraft.js';
+// A text input whose value applies after a pause, on Enter or on blur.
+function DraftInput({ 'aria-label': ariaLabel, autoFocus, className, onChange, placeholder, size, value }) {
+    const { draft, setDraft, flush } = useDraft({
+        value,
+        onChange
+    });
+    return /*#__PURE__*/ React.createElement(Input, {
+        "aria-label": ariaLabel,
+        autoFocus: autoFocus,
+        className: className,
+        placeholder: placeholder,
+        size: size,
+        allowClear: true,
+        onBlur: flush,
+        onChange: (event)=>setDraft(event.target.value === '' ? undefined : event.target.value),
+        onPressEnter: flush,
+        value: draft ?? ''
+    });
+}
+export default DraftInput;

package/dist/features/filtering/DraftInputNumber.js

@@ -0,0 +1,36 @@
+/*
+  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 from 'react';
+import { InputNumber } from 'antd';
+import useDraft from './useDraft.js';
+// A number input whose value applies after a pause, on Enter or on blur.
+function DraftInputNumber({ 'aria-label': ariaLabel, autoFocus, className, onChange, placeholder, size, value }) {
+    const { draft, setDraft, flush } = useDraft({
+        value,
+        onChange
+    });
+    return /*#__PURE__*/ React.createElement(InputNumber, {
+        "aria-label": ariaLabel,
+        autoFocus: autoFocus,
+        className: className,
+        placeholder: placeholder,
+        size: size,
+        onBlur: flush,
+        onChange: (next)=>setDraft(next ?? undefined),
+        onPressEnter: flush,
+        value: draft ?? null
+    });
+}
+export default DraftInputNumber;

package/dist/features/filtering/FilterBuilder.js

@@ -0,0 +1,45 @@
+/*
+  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 from 'react';
+import FilterGroup from './FilterGroup.js';
+import getGroupOperator from './getGroupOperator.js';
+import toRootGroup from './toRootGroup.js';
+import useSyncedState from './useSyncedState.js';
+// The nested And/Or condition editor (D6, D7), shared by the column filter popover ("Advanced")
+// and the toolbar filter. Props:
+// - `condition`: the Condition to edit (a group, a leaf, or null),
+// - `columns`: the normalised columns conditions may use (pass the filterable ones),
+// - `user`: the user object, to show what `{ $user: path }` values resolve to,
+// - `onChange(condition)`: called with the edited condition; null once it has no conditions.
+// Conditions still being built (no value yet) are written as they are; the table's filter
+// ignores them until they are complete.
+function FilterBuilder({ condition, columns, user, onChange }) {
+    const [local, setLocal] = useSyncedState({
+        value: condition ?? null,
+        onChange
+    });
+    const root = toRootGroup(local);
+    return /*#__PURE__*/ React.createElement("div", {
+        className: "lf-filter-builder",
+        "data-lf-filter-builder": ""
+    }, /*#__PURE__*/ React.createElement(FilterGroup, {
+        columns: columns,
+        depth: 1,
+        group: root,
+        onChange: (next)=>setLocal(next[getGroupOperator(next)].length ? next : null),
+        user: user
+    }));
+}
+export default FilterBuilder;