@lowdefy/blocks-table 0.0.0-experimental-20260929110023

package/dist/features/columnManager/boundaryIds.js

@@ -0,0 +1,21 @@
+/*
+  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.
+*/ // Ids of the two pinned-boundary lines in the column manager list. Column entries use their key
+// prefixed with `column:`, so a column key can never collide with a boundary.
+const boundaryIds = {
+    start: 'boundary:start',
+    end: 'boundary:end'
+};
+export default boundaryIds;

package/dist/features/columnManager/buildManagerSequence.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 boundaryIds from './boundaryIds.js';
+// One draggable list: start-pinned columns, the start boundary line, centre columns, the end
+// boundary line, end-pinned columns. Dragging a column across a line pins or unpins it; dragging
+// a line moves the pinned boundary.
+function buildManagerSequence({ start, center, end }) {
+    const column = (key)=>({
+            id: `column:${key}`,
+            key
+        });
+    return [
+        ...start.map(column),
+        {
+            id: boundaryIds.start,
+            boundary: 'start'
+        },
+        ...center.map(column),
+        {
+            id: boundaryIds.end,
+            boundary: 'end'
+        },
+        ...end.map(column)
+    ];
+}
+export default buildManagerSequence;

package/dist/features/columnManager/columnManager.css

@@ -0,0 +1,155 @@
+/*
+  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.
+*/
+
+/* Column manager popover. */
+
+@layer components {
+  .lf-table-manager-anchor {
+    position: absolute;
+    top: 0;
+    right: 0;
+    width: 0;
+    height: var(--lf-header-h);
+    pointer-events: none;
+  }
+
+  .lf-table-column-manager {
+    width: 280px;
+    max-width: calc(100vw - 32px);
+  }
+
+  /* The list takes the viewport height below the popover's anchor (getListRoom), capped at the
+     last whole entry (snapListHeight); while entries are out of view it fades out at that edge. */
+  .lf-table-manager-list {
+    --lf-manager-fade: 28px;
+    position: relative;
+    display: flex;
+    flex-direction: column;
+    max-height: 70vh;
+    margin-top: var(--ant-margin-xs, 8px);
+    overflow-y: auto;
+    overscroll-behavior: contain;
+  }
+
+  .lf-table-manager-list[data-more-below] {
+    mask-image: linear-gradient(to bottom, #000 calc(100% - var(--lf-manager-fade)), transparent);
+  }
+
+  .lf-table-manager-list[data-more-above] {
+    mask-image: linear-gradient(to top, #000 calc(100% - var(--lf-manager-fade)), transparent);
+  }
+
+  .lf-table-manager-list[data-more-above][data-more-below] {
+    mask-image: linear-gradient(
+      to bottom,
+      transparent,
+      #000 var(--lf-manager-fade),
+      #000 calc(100% - var(--lf-manager-fade)),
+      transparent
+    );
+  }
+
+  .lf-table-manager-item,
+  .lf-table-manager-boundary {
+    position: relative;
+    display: flex;
+    align-items: center;
+    gap: var(--ant-margin-xxs, 4px);
+    min-height: 28px;
+  }
+
+  .lf-table-manager-item .ant-checkbox-wrapper {
+    flex: 1;
+    min-width: 0;
+  }
+
+  .lf-table-manager-boundary {
+    min-height: 20px;
+    color: var(--ant-color-primary, #1677ff);
+    font-size: var(--ant-font-size-sm, 12px);
+  }
+
+  .lf-table-manager-boundary::after {
+    flex: 1;
+    height: 2px;
+    background: currentColor;
+    border-radius: 1px;
+    opacity: 0.5;
+    content: '';
+  }
+
+  .lf-table-manager-boundary-label {
+    white-space: nowrap;
+  }
+
+  .lf-table-manager-handle,
+  .lf-table-manager-handle-spacer {
+    display: inline-flex;
+    flex: none;
+    align-items: center;
+    justify-content: center;
+    width: 20px;
+    height: 20px;
+    padding: 0;
+    color: var(--ant-color-text-quaternary, rgba(0, 0, 0, 0.25));
+    background: transparent;
+    border: 0;
+    border-radius: var(--ant-border-radius-sm, 4px);
+  }
+
+  .lf-table-manager-handle {
+    cursor: grab;
+  }
+
+  .lf-table-manager-handle:hover,
+  .lf-table-manager-handle:focus-visible {
+    color: var(--ant-color-text, rgba(0, 0, 0, 0.88));
+    background: var(--ant-color-fill-secondary, rgba(0, 0, 0, 0.06));
+  }
+
+  .lf-table-manager-handle:focus-visible {
+    outline: 2px solid var(--ant-color-primary, #1677ff);
+    outline-offset: -2px;
+  }
+
+  .lf-table-manager-item[data-drop='before']::before,
+  .lf-table-manager-boundary[data-drop='before']::before,
+  .lf-table-manager-item[data-drop='after']::before,
+  .lf-table-manager-boundary[data-drop='after']::before {
+    position: absolute;
+    right: 0;
+    left: 0;
+    height: 2px;
+    background: var(--ant-color-primary, #1677ff);
+    content: '';
+  }
+
+  .lf-table-manager-item[data-drop='before']::before,
+  .lf-table-manager-boundary[data-drop='before']::before {
+    top: -1px;
+  }
+
+  .lf-table-manager-item[data-drop='after']::before,
+  .lf-table-manager-boundary[data-drop='after']::before {
+    bottom: -1px;
+  }
+
+  .lf-table-manager-heading {
+    margin-top: var(--ant-margin-xs, 8px);
+    color: var(--ant-color-text-tertiary, rgba(0, 0, 0, 0.45));
+    font-size: var(--ant-font-size-sm, 12px);
+  }
+}

package/dist/features/columnManager/columnManagerFeature.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 createCloseColumnManager from './createCloseColumnManager.js';
+import createOpenColumnManager from './createOpenColumnManager.js';
+import createResetColumns from './createResetColumns.js';
+import getColumnManagerMenuItems from './getColumnManagerMenuItems.js';
+import useColumnManager from './useColumnManager.js';
+import './columnManager.css';
+// The column manager (D7): every declared column with search, visibility checkboxes, drag to
+// reorder, the pinned boundaries and "Reset to default". Opened from the header menu
+// ("Columns…"), the `openColumnManager` method, or the toolbar.
+const columnManagerFeature = {
+    name: 'columnManager',
+    headerMenuItems: getColumnManagerMenuItems,
+    actions: {
+        openColumnManager: createOpenColumnManager,
+        closeColumnManager: createCloseColumnManager,
+        resetColumns: createResetColumns
+    },
+    methods: {
+        openColumnManager: createOpenColumnManager
+    },
+    useFeature: useColumnManager
+};
+export default columnManagerFeature;

package/dist/features/columnManager/createCloseColumnManager.js

@@ -0,0 +1,21 @@
+/*
+  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.
+*/ // Action `closeColumnManager()`.
+function createCloseColumnManager(api) {
+    return function closeColumnManager() {
+        api.columnManager.setOpen(false);
+    };
+}
+export default createCloseColumnManager;

package/dist/features/columnManager/createOpenColumnManager.js

@@ -0,0 +1,21 @@
+/*
+  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.
+*/ // Action and block method `openColumnManager()`.
+function createOpenColumnManager(api) {
+    return function openColumnManager() {
+        api.columnManager.setOpen(true);
+    };
+}
+export default createOpenColumnManager;

package/dist/features/columnManager/createResetColumns.js

@@ -0,0 +1,43 @@
+/*
+  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 initColumnOrder from '../ordering/initColumnOrder.js';
+import initColumnPinning from '../pinning/initColumnPinning.js';
+import initColumnSizing from '../sizing/initColumnSizing.js';
+import initColumnVisibility from '../visibility/initColumnVisibility.js';
+import resolveViewColumns from '../../core/resolveViewColumns.js';
+// Action `resetColumns()`: order, widths, pinning and visibility back to `defaultView.columns`
+// (then the column defaults), as one `columns` change.
+function createResetColumns(api) {
+    return function resetColumns() {
+        const viewColumns = resolveViewColumns({
+            value: null,
+            defaultView: api.config.defaultView,
+            columns: api.config.columns
+        });
+        api.updateSlice('columnOrder', ()=>initColumnOrder({
+                viewColumns
+            }));
+        api.updateSlice('columnPinning', ()=>initColumnPinning({
+                viewColumns
+            }));
+        api.updateSlice('columnSizing', ()=>initColumnSizing({
+                viewColumns
+            }));
+        api.updateSlice('columnVisibility', ()=>initColumnVisibility({
+                viewColumns
+            }));
+    };
+}
+export default createResetColumns;

package/dist/features/columnManager/getColumnManagerMenuItems.js

@@ -0,0 +1,26 @@
+/*
+  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.
+*/ // Header menu item (the headerMenu extension point) that opens the column manager.
+function getColumnManagerMenuItems({ api }) {
+    return [
+        {
+            key: 'columns',
+            label: 'Columns…',
+            section: 'manage',
+            onClick: ()=>api.actions.openColumnManager()
+        }
+    ];
+}
+export default getColumnManagerMenuItems;

package/dist/features/columnManager/getListRoom.js

@@ -0,0 +1,31 @@
+/*
+  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.
+*/ // Space from the popover's anchor down to the viewport edge, less the popover's own chrome.
+const POPOVER_GAP = 4;
+const VIEWPORT_MARGIN = 16;
+const MIN_HEIGHT = 120;
+// The height the column manager list may take: the popover opens below its anchor (the table's
+// top end corner), so the list gets the viewport height below the anchor, less what the popover
+// shows above and below the list (title, search, footer, padding). Measured from the anchor, not
+// the popover, which antd has not placed yet when the list is first sized.
+function getListRoom({ anchor, list }) {
+    const popup = list.closest('.ant-popover') ?? list.parentElement;
+    const listBox = list.getBoundingClientRect();
+    const popupBox = popup.getBoundingClientRect();
+    const chrome = listBox.top - popupBox.top + (popupBox.bottom - listBox.bottom);
+    const top = anchor ? anchor.getBoundingClientRect().bottom + POPOVER_GAP : popupBox.top;
+    return Math.max(MIN_HEIGHT, window.innerHeight - top - chrome - VIEWPORT_MARGIN);
+}
+export default getListRoom;

package/dist/features/columnManager/getManagerEntries.js

@@ -0,0 +1,31 @@
+/*
+  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 column manager's lists from table state: visible columns in the order the table shows them
+// (start-pinned, centre, end-pinned), then hidden columns in view order.
+function getManagerEntries({ state }) {
+    const { columnOrder, columnPinning, columnVisibility } = state;
+    const isVisible = (key)=>columnVisibility[key] !== false;
+    const pinned = new Set([
+        ...columnPinning.start,
+        ...columnPinning.end
+    ]);
+    return {
+        start: columnPinning.start.filter(isVisible),
+        center: columnOrder.filter((key)=>isVisible(key) && !pinned.has(key)),
+        end: columnPinning.end.filter(isVisible),
+        hidden: columnOrder.filter((key)=>!isVisible(key))
+    };
+}
+export default getManagerEntries;

package/dist/features/columnManager/moveSequenceEntry.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.
+*/ // Moves the entry at `from` so it lands at insertion position `to` (0..length, positions between
+// entries as the drop indicator shows them). Returns the same array when nothing moves.
+function moveSequenceEntry({ sequence, from, to }) {
+    const target = to > from ? to - 1 : to;
+    if (target === from) return sequence;
+    const next = sequence.slice();
+    const [entry] = next.splice(from, 1);
+    next.splice(target, 0, entry);
+    return next;
+}
+export default moveSequenceEntry;

package/dist/features/columnManager/sequenceToRegions.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 boundaryIds from './boundaryIds.js';
+// Reads the column regions back from the manager list: columns above the start boundary are
+// start-pinned, other columns below the end boundary are end-pinned, the rest are the centre.
+function sequenceToRegions(sequence) {
+    const startIndex = sequence.findIndex((entry)=>entry.id === boundaryIds.start);
+    const endIndex = sequence.findIndex((entry)=>entry.id === boundaryIds.end);
+    const regions = {
+        start: [],
+        center: [],
+        end: []
+    };
+    sequence.forEach((entry, index)=>{
+        if (entry.boundary) return;
+        if (index < startIndex) {
+            regions.start.push(entry.key);
+        } else if (index > endIndex) {
+            regions.end.push(entry.key);
+        } else {
+            regions.center.push(entry.key);
+        }
+    });
+    return regions;
+}
+export default sequenceToRegions;

package/dist/features/columnManager/snapListHeight.js

@@ -0,0 +1,35 @@
+/*
+  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 updateScrollHints from './updateScrollHints.js';
+// Sizes the column manager list to `limit` (the room below its anchor, getListRoom), capped at
+// the last whole entry that fits, so no entry is cut in half above the popover footer; entries
+// have different heights (items, boundaries, headings), so the cap is found from the rendered
+// entries. Then updates the scroll hints.
+function snapListHeight({ limit, list }) {
+    list.style.maxHeight = '';
+    if (list.scrollHeight <= limit) {
+        updateScrollHints(list);
+        return;
+    }
+    let height = 0;
+    for (const entry of list.children){
+        const bottom = entry.offsetTop + entry.offsetHeight;
+        if (bottom > limit) break;
+        height = bottom;
+    }
+    list.style.maxHeight = `${height}px`;
+    updateScrollHints(list);
+}
+export default snapListHeight;

package/dist/features/columnManager/updateScrollHints.js

@@ -0,0 +1,23 @@
+/*
+  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.
+*/ // Marks a scrolling list with `data-more-above` / `data-more-below` while entries are out of view
+// that way; the list fades out at those edges (columnManager.css).
+function updateScrollHints(list) {
+    const above = list.scrollTop > 0.5;
+    const below = list.scrollTop + list.clientHeight < list.scrollHeight - 0.5;
+    list.toggleAttribute('data-more-above', above);
+    list.toggleAttribute('data-more-below', below);
+}
+export default updateScrollHints;

package/dist/features/columnManager/useColumnManager.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, { Suspense, useState } from 'react';
+import LazyColumnManagerPopover from './LazyColumnManagerPopover.js';
+// Block-level open state; the popover (loaded on first open) renders in the table's top region
+// while open.
+function useColumnManager({ api }) {
+    const [open, setOpen] = useState(false);
+    api.columnManager = {
+        open,
+        setOpen
+    };
+    if (!open) return null;
+    return {
+        regions: {
+            top: /*#__PURE__*/ React.createElement(Suspense, {
+                fallback: null
+            }, /*#__PURE__*/ React.createElement(LazyColumnManagerPopover, {
+                api: api
+            }))
+        }
+    };
+}
+export default useColumnManager;

package/dist/features/density/densityFeature.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 densityToValue from './densityToValue.js';
+import initDensity from './initDensity.js';
+import initWrap from './initWrap.js';
+// `view.density` (compact | default | comfortable): the row height when `rowHeight` is not set.
+// `view.wrap`: text-like columns wrap (getViewWrapColumn, applied to the layout columns). Slices,
+// so the toolbar's density and Wrap toggles are ordinary committed changes.
+const densityFeature = {
+    name: 'density',
+    viewKeys: [
+        'density',
+        'wrap'
+    ],
+    slices: {
+        density: {
+            init: initDensity,
+            cause: 'density'
+        },
+        wrap: {
+            init: initWrap,
+            cause: 'wrap'
+        }
+    },
+    toValue: densityToValue
+};
+export default densityFeature;

package/dist/features/density/densityToValue.js

@@ -0,0 +1,23 @@
+/*
+  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 densityToValue({ state }) {
+    return {
+        view: {
+            density: state.density,
+            wrap: state.wrap
+        }
+    };
+}
+export default densityToValue;