@ozen-ui/data-grid 0.73.0

package/__inner__/cjs/ui/DataGrid/DataGrid.css

@@ -0,0 +1,52 @@
+.DataGrid-TableContainer {
+    display: flex;
+    flex-direction: column;
+    flex: 1;
+    overflow: auto;
+    padding: 0;
+  }
+  .DataGrid-TableContainer_overflowX_auto {
+      overflow-x: auto;
+    }
+  .DataGrid-TableContainer_overflowX_clip {
+      overflow-x: clip;
+    }
+  .DataGrid-TableContainer_overflowX_hidden {
+      overflow-x: hidden;
+    }
+  .DataGrid-TableContainer_overflowX_scroll {
+      overflow-x: scroll;
+    }
+  .DataGrid-TableContainer_overflowX_visible {
+      overflow-x: visible;
+    }
+  .DataGrid-TableContainer_overflowY_auto {
+      overflow-y: auto;
+    }
+  .DataGrid-TableContainer_overflowY_clip {
+      overflow-y: clip;
+    }
+  .DataGrid-TableContainer_overflowY_hidden {
+      overflow-y: hidden;
+    }
+  .DataGrid-TableContainer_overflowY_scroll {
+      overflow-y: scroll;
+    }
+  .DataGrid-TableContainer_overflowY_visible {
+      overflow-y: visible;
+    }
+  .DataGrid-TableWrapper {
+    flex: 1;
+  }
+  .DataGrid-Pagination, .DataGrid-Top {
+    flex-shrink: 0;
+  }
+  .DataGrid-Top {
+    margin-block-end: var(--spacing-s);
+  }
+  .DataGrid-Pagination {
+    margin-block-start: var(--spacing-s);
+  }
+  .DataGrid .DataGridCell_variant_body, .DataGrid .DataGridCell_variant_head, .DataGrid .DataGridCell_variant_foot {
+    padding: 0;
+  }

package/__inner__/cjs/ui/DataGrid/DataGrid.js

@@ -0,0 +1,51 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DataGrid = exports.cnDataGrid = void 0;
+var tslib_1 = require("tslib");
+var react_1 = tslib_1.__importDefault(require("react"));
+var Card_1 = require("@ozen-ui/kit/Card");
+var Table_1 = require("@ozen-ui/kit/Table");
+var utils_1 = require("@ozen-ui/kit/utils");
+var shared_1 = require("../../shared");
+var context_1 = require("../context");
+var components_1 = require("./components");
+require("./components/DataGridWrapper/DataGridWrapper.css");
+require("./components/DataGridPagination/DataGridPagination.css");
+require("./components/DataGridHeadFoot/DataGridHeadFoot.css");
+require("./components/DataGridHeadFoot/components/DataGridHeadFootCell/DataGridHeadFootCell.css");
+require("./components/DataGridHeadFoot/components/DataGridHeadFootSelection/DataGridHeadFootSelection.css");
+require("./components/DataGridHeadFoot/components/DataGridHeadFootExpand/DataGridHeadFootExpand.css");
+require("../statuses/DataGridPlaceholder/DataGridPlaceholder.css");
+require("./components/DataGridTop/DataGridTop.css");
+require("./components/DataGridBody/DataGridBody.css");
+require("./components/DataGridRow/components/DataGridRowExpand/DataGridRowExpand.css");
+require("./components/DataGridRow/components/DataGridRowCell/DataGridRowCell.css");
+require("./components/DataGridRow/components/DataGridRowSelection/DataGridRowSelection.css");
+require("./components/DataGridSubRow/DataGridSubRow.css");
+require("./components/DataGridTable/DataGridTable.css");
+require("../cells/DataGridCellItem/DataGridCellItem.css");
+require("./components/DataGridTop/components/DataGridTopSubControls/DataGridTopSubControls.css");
+require("../footer/DataGridFooterContainer/DataGridFooterContainer.css");
+require("../footer/DataGridSelectionFooter/DataGridSelectionFooter.css");
+require("./DataGrid.css");
+exports.cnDataGrid = (0, shared_1.cn)('DataGrid');
+var DataGrid = function (_a) {
+    var store = _a.store, actions = _a.actions, layout = _a.layout, subControlsBefore = _a.subControlsBefore, subControlsAfter = _a.subControlsAfter, className = _a.className, allFiltersDrawer = _a.allFiltersDrawer, settingsDrawer = _a.settingsDrawer, paginationBeforeText = _a.paginationBeforeText, paginationAfterText = _a.paginationAfterText, stickyHeader = _a.stickyHeader, loading = _a.loading, empty = _a.empty, clearFiltersText = _a.clearFiltersText, applyFiltersText = _a.applyFiltersText, footer = _a.footer, overflow = _a.overflow, refs = _a.refs;
+    return (react_1.default.createElement(context_1.DataGridProvider, { store: store },
+        react_1.default.createElement(components_1.DataGridWrapper, { ref: refs === null || refs === void 0 ? void 0 : refs.wrapper, className: (0, exports.cnDataGrid)('', className) },
+            settingsDrawer,
+            allFiltersDrawer,
+            react_1.default.createElement(components_1.DataGridTop, { ref: refs === null || refs === void 0 ? void 0 : refs.top, applyText: applyFiltersText, clearText: clearFiltersText, className: (0, exports.cnDataGrid)('Top'), hasAllFilterDrawer: !!allFiltersDrawer, hasSettingsDrawer: !!settingsDrawer, actions: actions, subControlsBefore: subControlsBefore, subControlsAfter: subControlsAfter }),
+            react_1.default.createElement(Table_1.TableContainer, { ref: refs === null || refs === void 0 ? void 0 : refs.tableContainer, as: Card_1.Card, borderWidth: "none", size: "s", className: (0, exports.cnDataGrid)('TableContainer', {
+                    overflowX: (0, utils_1.isPlainObject)(overflow) ? overflow.x : overflow,
+                    overflowY: (0, utils_1.isPlainObject)(overflow) ? overflow.y : overflow,
+                }) },
+                react_1.default.createElement("div", { ref: refs === null || refs === void 0 ? void 0 : refs.tableWrapper, className: (0, exports.cnDataGrid)('TableWrapper') },
+                    react_1.default.createElement(components_1.DataGridTable, { ref: refs === null || refs === void 0 ? void 0 : refs.table, layout: layout, stickyHeader: stickyHeader },
+                        react_1.default.createElement(components_1.DataGridHead, null),
+                        react_1.default.createElement(components_1.DataGridBody, { loading: loading, empty: empty }),
+                        react_1.default.createElement(components_1.DataGridFoot, null))),
+                footer),
+            react_1.default.createElement(components_1.DataGridPagination, { ref: refs === null || refs === void 0 ? void 0 : refs.pagination, className: (0, exports.cnDataGrid)('Pagination'), beforeText: paginationBeforeText, afterText: paginationAfterText }))));
+};
+exports.DataGrid = DataGrid;

package/__inner__/cjs/ui/DataGrid/components/DataGridBody/DataGridBody.css

@@ -0,0 +1,5 @@
+.DataGridBody {
+  position: relative;
+  z-index: 0;
+  height: 100%;
+}

package/__inner__/cjs/ui/DataGrid/components/DataGridBody/DataGridBody.js

@@ -0,0 +1,23 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DataGridBody = exports.cnDataGridBody = void 0;
+var tslib_1 = require("tslib");
+var react_1 = tslib_1.__importDefault(require("react"));
+var Table_1 = require("@ozen-ui/kit/Table");
+var core_1 = require("../../../../core");
+var shared_1 = require("../../../../shared");
+var DataGridRow_1 = require("../DataGridRow");
+exports.cnDataGridBody = (0, shared_1.cn)('DataGridBody');
+exports.DataGridBody = (0, core_1.dataGridObserver)(function (_a) {
+    var empty = _a.empty, loading = _a.loading;
+    var store = (0, core_1.useDataGridStore)();
+    var isLoading = store.isLoading, isDefault = store.isDefault, isEmpty = store.isEmpty;
+    return (react_1.default.createElement(Table_1.TableBody, { className: (0, exports.cnDataGridBody)() },
+        isDefault &&
+            store.data.map(function (row, index) {
+                var rowId = store.generateRowId(row);
+                return (react_1.default.createElement(DataGridRow_1.DataGridRow, { key: rowId, id: rowId, row: row, index: index }));
+            }),
+        isEmpty && empty,
+        isLoading && loading));
+});

package/__inner__/cjs/ui/DataGrid/components/DataGridBody/index.js

@@ -0,0 +1,5 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var tslib_1 = require("tslib");
+tslib_1.__exportStar(require("./DataGridBody"), exports);
+tslib_1.__exportStar(require("./types"), exports);

package/__inner__/cjs/ui/DataGrid/components/DataGridBody/types.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/__inner__/cjs/ui/DataGrid/components/DataGridCell/DataGridCell.js

@@ -0,0 +1,29 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DataGridCell = exports.cnDataGridCell = void 0;
+var tslib_1 = require("tslib");
+var react_1 = tslib_1.__importStar(require("react"));
+var Table_1 = require("@ozen-ui/kit/Table");
+var shared_1 = require("../../../../shared");
+exports.cnDataGridCell = (0, shared_1.cn)('DataGridCell');
+exports.DataGridCell = (0, react_1.forwardRef)(function (_a, ref) {
+    var children = _a.children, align = _a.align, className = _a.className, verticalAlignProp = _a.verticalAlign, other = tslib_1.__rest(_a, ["children", "align", "className", "verticalAlign"]);
+    var table = (0, react_1.useContext)(Table_1.TableContext);
+    var variant = table.variant;
+    var verticalAlign = (function () {
+        if (verticalAlignProp) {
+            return verticalAlignProp;
+        }
+        if (variant === 'head' || variant === 'foot') {
+            return 'bottom';
+        }
+        if (variant === 'body') {
+            return 'middle';
+        }
+        return undefined;
+    })();
+    return (react_1.default.createElement(Table_1.TableCell, tslib_1.__assign({}, other, { ref: ref, align: align, verticalAlign: verticalAlign, className: (0, exports.cnDataGridCell)({
+            variant: variant,
+        }, [className]) }), children));
+});
+exports.DataGridCell.displayName = 'DataGridCell';

package/__inner__/cjs/ui/DataGrid/components/DataGridCell/index.js

@@ -0,0 +1,5 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var tslib_1 = require("tslib");
+tslib_1.__exportStar(require("./DataGridCell"), exports);
+tslib_1.__exportStar(require("./types"), exports);

package/__inner__/cjs/ui/DataGrid/components/DataGridCell/types.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/__inner__/cjs/ui/DataGrid/components/DataGridFoot/DataGridFoot.js

@@ -0,0 +1,11 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DataGridFoot = void 0;
+var tslib_1 = require("tslib");
+var react_1 = tslib_1.__importDefault(require("react"));
+var core_1 = require("../../../../core");
+var DataGridHeadFoot_1 = require("../DataGridHeadFoot");
+exports.DataGridFoot = (0, core_1.dataGridObserver)(function () {
+    var store = (0, core_1.useDataGridStore)();
+    return (react_1.default.createElement(DataGridHeadFoot_1.DataGridHeadFoot, { nodes: store.footerNodes.slice().reverse(), isFoot: true }));
+});

package/__inner__/cjs/ui/DataGrid/components/DataGridFoot/index.js

@@ -0,0 +1,4 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var tslib_1 = require("tslib");
+tslib_1.__exportStar(require("./DataGridFoot"), exports);

package/__inner__/cjs/ui/DataGrid/components/DataGridHead/DataGridHead.js

@@ -0,0 +1,11 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DataGridHead = void 0;
+var tslib_1 = require("tslib");
+var react_1 = tslib_1.__importDefault(require("react"));
+var core_1 = require("../../../../core");
+var DataGridHeadFoot_1 = require("../DataGridHeadFoot");
+exports.DataGridHead = (0, core_1.dataGridObserver)(function () {
+    var store = (0, core_1.useDataGridStore)();
+    return react_1.default.createElement(DataGridHeadFoot_1.DataGridHeadFoot, { nodes: store.headerNodes });
+});

package/__inner__/cjs/ui/DataGrid/components/DataGridHead/index.js

@@ -0,0 +1,4 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var tslib_1 = require("tslib");
+tslib_1.__exportStar(require("./DataGridHead"), exports);

package/__inner__/cjs/ui/DataGrid/components/DataGridHeadFoot/DataGridHeadFoot.css

@@ -0,0 +1,3 @@
+.DataGridHeadFoot {
+  z-index: 1;
+}

package/__inner__/cjs/ui/DataGrid/components/DataGridHeadFoot/DataGridHeadFoot.js

@@ -0,0 +1,52 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DataGridHeadFoot = exports.cnDataGridHeadFoot = void 0;
+var tslib_1 = require("tslib");
+var react_1 = tslib_1.__importStar(require("react"));
+var Table_1 = require("@ozen-ui/kit/Table");
+var utils_1 = require("@ozen-ui/kit/utils");
+var core_1 = require("../../../../core");
+var components_1 = require("./components");
+exports.cnDataGridHeadFoot = (0, utils_1.cn)('DataGridHeadFoot');
+exports.DataGridHeadFoot = (0, core_1.dataGridObserver)(function (_a) {
+    var nodes = _a.nodes, _b = _a.isFoot, isFoot = _b === void 0 ? false : _b;
+    var store = (0, core_1.useDataGridStore)();
+    var isSubRowEnabled = store.subRows.isEnabled;
+    var isSelectionEnabled = store.selection.isEnabled;
+    var Wrapper = isFoot ? Table_1.TableFoot : Table_1.TableHead;
+    return (react_1.default.createElement(Wrapper, { className: (0, exports.cnDataGridHeadFoot)() }, nodes.map(function (nodes, index, levels) {
+        var totalDepthCols = 0;
+        nodes.forEach(function (node) {
+            if (node instanceof core_1.DataGridStoreColumn) {
+                totalDepthCols += 1;
+                return;
+            }
+            totalDepthCols += node.offset + node.visibleColumns.length;
+        });
+        var rightOffset = store.columnsCount - totalDepthCols;
+        var isFirstLevel = index === 0;
+        var isLastLevel = index === levels.length - 1;
+        var isSelectionVisible = (function () {
+            if (isFoot) {
+                return isFirstLevel;
+            }
+            return isLastLevel;
+        })();
+        var isWithSelectionPlaceholder = isSelectionEnabled && !isSelectionVisible;
+        return (react_1.default.createElement(Table_1.TableRow, { key: nodes.map(function (column) { return column === null || column === void 0 ? void 0 : column.id; }).join('_') },
+            isWithSelectionPlaceholder && react_1.default.createElement(components_1.DataGridHeadFootCell, null),
+            isSelectionVisible && react_1.default.createElement(components_1.DataGridHeadFootSelection, null),
+            isSubRowEnabled && store.subRows.isLeft && (react_1.default.createElement(components_1.DataGridHeadFootExpand, null)),
+            nodes.map(function (node) {
+                var render = isFoot ? node.footer : node.header;
+                var rendered = (0, utils_1.isFunction)(render) ? render() : render;
+                var isGroup = node instanceof core_1.DataGridStoreColumnsGroup;
+                return (react_1.default.createElement(react_1.Fragment, { key: node.id },
+                    isGroup &&
+                        Array.from({ length: node.offset }).map(function (_, index) { return (react_1.default.createElement(components_1.DataGridHeadFootCell, { align: "left", key: index })); }),
+                    react_1.default.createElement(components_1.DataGridHeadFootCell, { node: node }, rendered)));
+            }),
+            Array.from({ length: rightOffset }).map(function (_, index) { return (react_1.default.createElement(components_1.DataGridHeadFootCell, { key: index })); }),
+            isSubRowEnabled && store.subRows.isRight && (react_1.default.createElement(components_1.DataGridHeadFootExpand, null))));
+    })));
+});

package/__inner__/cjs/ui/DataGrid/components/DataGridHeadFoot/components/DataGridHeadFootCell/DataGridHeadFootCell.css

@@ -0,0 +1,43 @@
+/* stylelint-disable */
+.DataGridHeadFootCell {
+  z-index: 1;
+}
+.DataGridHeadFootCell_type_Column .DataGridHeadFootCell-Inner {
+      display: flex;
+      align-items: center;
+    }
+.DataGridHeadFootCell_type_Column .DataGridHeadFootCell-Inner_align_left {
+        justify-content: flex-start;
+      }
+.DataGridHeadFootCell_type_Column .DataGridHeadFootCell-Inner_align_right {
+        justify-content: flex-end;
+      }
+.DataGridHeadFootCell-Inner {
+    font: var(--typography-text-3xs-font);
+    letter-spacing: var(--typography-text-3xs-letter_spacing, 0);
+    text-transform: var(--typography-text-3xs-text_transform, none);
+    padding-block: 24px 8px;
+    padding-inline: var(--data-grid-column-inline-gap);
+    box-sizing: border-box;
+    text-transform: uppercase;
+  }
+.DataGridHeadFootCell-Inner_interactive {
+      cursor: pointer;
+      -webkit-user-select: none;
+         -moz-user-select: none;
+              user-select: none;
+    }
+.DataGridHeadFootCell-Inner_disabled {
+      cursor: not-allowed;
+      -webkit-user-select: none;
+         -moz-user-select: none;
+              user-select: none;
+    }
+.DataGridHeadFootCell-Content {
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+  }
+.DataGridHeadFootCell-Sort {
+    margin-inline-start: var(--spacing-2xs);
+  }

package/__inner__/cjs/ui/DataGrid/components/DataGridHeadFoot/components/DataGridHeadFootCell/DataGridHeadFootCell.js

@@ -0,0 +1,54 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DataGridHeadFootCell = exports.cnDataGridHeadFootCell = void 0;
+var tslib_1 = require("tslib");
+var react_1 = tslib_1.__importStar(require("react"));
+var utils_1 = require("@ozen-ui/kit/utils");
+var core_1 = require("../../../../../../core");
+var shared_1 = require("../../../../../../shared");
+var DataGridCell_1 = require("../../../DataGridCell");
+var DataGridHeadFootSort_1 = require("../DataGridHeadFootSort");
+exports.cnDataGridHeadFootCell = (0, shared_1.cn)('DataGridHeadFootCell');
+exports.DataGridHeadFootCell = (0, core_1.dataGridObserver)(function (_a) {
+    var node = _a.node, children = _a.children, className = _a.className, align = _a.align;
+    var ref = (0, react_1.useRef)(null);
+    var _b = tslib_1.__read((0, react_1.useState)(undefined), 2), savedWidth = _b[0], setSavedWidth = _b[1];
+    var isGroup = node instanceof core_1.DataGridStoreColumnsGroup;
+    var isColumn = node instanceof core_1.DataGridStoreColumn;
+    (0, core_1.useDataGridStoreEvents)({
+        changeStatus: function (status) {
+            var _a;
+            if (status === 'default') {
+                setSavedWidth(undefined);
+            }
+            else {
+                setSavedWidth((_a = ref.current) === null || _a === void 0 ? void 0 : _a.offsetWidth);
+            }
+        },
+    });
+    var width = (function () {
+        if (!isColumn) {
+            return undefined;
+        }
+        if (node.width === 'responsive') {
+            return savedWidth;
+        }
+        return node.width;
+    })();
+    return (react_1.default.createElement(DataGridCell_1.DataGridCell, { ref: ref, colSpan: isGroup ? node.visibleColumns.length : undefined, style: {
+            width: width,
+        }, align: align, className: (0, exports.cnDataGridHeadFootCell)('', {
+            type: isGroup ? 'Group' : 'Column',
+        }, [className]) },
+        react_1.default.createElement("div", { className: (0, exports.cnDataGridHeadFootCell)('Inner', {
+                align: isGroup || !node ? undefined : node.align,
+                interactive: isColumn && !!node.hasSort && !node.isSortDisabled,
+                disabled: isColumn && !!node.hasSort && node.isSortDisabled,
+            }), onClick: function () {
+                if (isColumn && node.hasSort) {
+                    node.switchSort();
+                }
+            } },
+            react_1.default.createElement("div", { className: (0, exports.cnDataGridHeadFootCell)('Content'), title: (0, utils_1.isString)(children) ? children : undefined }, children),
+            isColumn && (react_1.default.createElement(DataGridHeadFootSort_1.DataGridHeadFootSort, { column: node, className: (0, exports.cnDataGridHeadFootCell)('Sort') })))));
+});

package/__inner__/cjs/ui/DataGrid/components/DataGridHeadFoot/components/DataGridHeadFootCell/index.js

@@ -0,0 +1,5 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var tslib_1 = require("tslib");
+tslib_1.__exportStar(require("./DataGridHeadFootCell"), exports);
+tslib_1.__exportStar(require("./types"), exports);

package/__inner__/cjs/ui/DataGrid/components/DataGridHeadFoot/components/DataGridHeadFootCell/types.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/__inner__/cjs/ui/DataGrid/components/DataGridHeadFoot/components/DataGridHeadFootExpand/DataGridHeadFootExpand.css

@@ -0,0 +1,9 @@
+.DataGridHeadFootExpand {
+  inline-size: var(--data-grid-expand-width);
+  box-sizing: border-box;
+}
+
+  .DataGridHeadFootExpand .DataGridHeadFootCell-Inner {
+    padding: 0;
+    inline-size: var(--data-grid-expand-width);
+  }

package/__inner__/cjs/ui/DataGrid/components/DataGridHeadFoot/components/DataGridHeadFootExpand/DataGridHeadFootExpand.js

@@ -0,0 +1,10 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DataGridHeadFootExpand = exports.cnDataGridHeadFootExpand = void 0;
+var tslib_1 = require("tslib");
+var react_1 = tslib_1.__importDefault(require("react"));
+var shared_1 = require("../../../../../../shared");
+var DataGridHeadFootCell_1 = require("../DataGridHeadFootCell");
+exports.cnDataGridHeadFootExpand = (0, shared_1.cn)('DataGridHeadFootExpand');
+var DataGridHeadFootExpand = function () { return (react_1.default.createElement(DataGridHeadFootCell_1.DataGridHeadFootCell, { className: (0, exports.cnDataGridHeadFootExpand)() })); };
+exports.DataGridHeadFootExpand = DataGridHeadFootExpand;

package/__inner__/cjs/ui/DataGrid/components/DataGridHeadFoot/components/DataGridHeadFootExpand/index.js

@@ -0,0 +1,4 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var tslib_1 = require("tslib");
+tslib_1.__exportStar(require("./DataGridHeadFootExpand"), exports);

package/__inner__/cjs/ui/DataGrid/components/DataGridHeadFoot/components/DataGridHeadFootSelection/DataGridHeadFootSelection.css

@@ -0,0 +1,3 @@
+.DataGridHeadFootSelection {
+  inline-size: var(--data-grid-selection-width);
+}

package/__inner__/cjs/ui/DataGrid/components/DataGridHeadFoot/components/DataGridHeadFootSelection/DataGridHeadFootSelection.js

@@ -0,0 +1,25 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DataGridHeadFootSelection = exports.cnDataGridHeadFootSelection = void 0;
+var tslib_1 = require("tslib");
+var react_1 = tslib_1.__importDefault(require("react"));
+var CheckboxNext_1 = require("@ozen-ui/kit/CheckboxNext");
+var core_1 = require("../../../../../../core");
+var shared_1 = require("../../../../../../shared");
+var DataGridHeadFootCell_1 = require("../DataGridHeadFootCell");
+exports.cnDataGridHeadFootSelection = (0, shared_1.cn)('DataGridHeadFootSelection');
+exports.DataGridHeadFootSelection = (0, core_1.dataGridObserver)(function () {
+    var store = (0, core_1.useDataGridStore)();
+    var isWithSelection = store.selection.isEnabled;
+    if (!isWithSelection) {
+        return null;
+    }
+    return (react_1.default.createElement(DataGridHeadFootCell_1.DataGridHeadFootCell, { className: (0, exports.cnDataGridHeadFootSelection)() }, store.selection.isMultiple && (react_1.default.createElement(CheckboxNext_1.Checkbox, { size: "s", indeterminate: !store.selection.isAllSelected && store.selection.isSomeSelected, checked: store.selection.isAllSelected, onChange: function (event) {
+            if (event.target.checked) {
+                store.selection.selectAll();
+            }
+            else {
+                store.selection.unselectAll();
+            }
+        }, disabled: store.isEmpty || !store.isDefault }))));
+});

package/__inner__/cjs/ui/DataGrid/components/DataGridHeadFoot/components/DataGridHeadFootSelection/index.js

@@ -0,0 +1,4 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var tslib_1 = require("tslib");
+tslib_1.__exportStar(require("./DataGridHeadFootSelection"), exports);

package/__inner__/cjs/ui/DataGrid/components/DataGridHeadFoot/components/DataGridHeadFootSort/DataGridHeadFootSort.js

@@ -0,0 +1,29 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DataGridHeadFootSort = exports.cnDataGridHeadFootSort = void 0;
+var tslib_1 = require("tslib");
+var react_1 = tslib_1.__importDefault(require("react"));
+var icons_1 = require("@ozen-ui/icons");
+var IconButtonNext_1 = require("@ozen-ui/kit/IconButtonNext");
+var core_1 = require("../../../../../../core");
+var shared_1 = require("../../../../../../shared");
+exports.cnDataGridHeadFootSort = (0, shared_1.cn)('DataGridHeadFootSort');
+exports.DataGridHeadFootSort = (0, core_1.dataGridObserver)(function (_a) {
+    var column = _a.column, className = _a.className;
+    if (!column.hasSort) {
+        return null;
+    }
+    var icon = (function () {
+        if (column.isAscending) {
+            return icons_1.SortUpIcon;
+        }
+        if (column.isDescending) {
+            return icons_1.SortDownIcon;
+        }
+        return icons_1.SortDefaultIcon;
+    })();
+    return (react_1.default.createElement(IconButtonNext_1.IconButton, { className: (0, exports.cnDataGridHeadFootSort)('', [className]), compressed: true, variant: "function", size: "xs", color: column.isSortActive ? 'primary' : 'tertiary', icon: icon, disabled: column.isSortDisabled, onClick: function (event) {
+            event.stopPropagation();
+            column.switchSort();
+        } }));
+});

package/__inner__/cjs/ui/DataGrid/components/DataGridHeadFoot/components/DataGridHeadFootSort/index.js

@@ -0,0 +1,5 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var tslib_1 = require("tslib");
+tslib_1.__exportStar(require("./DataGridHeadFootSort"), exports);
+tslib_1.__exportStar(require("./types"), exports);

package/__inner__/cjs/ui/DataGrid/components/DataGridHeadFoot/components/DataGridHeadFootSort/types.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/__inner__/cjs/ui/DataGrid/components/DataGridHeadFoot/components/index.js

@@ -0,0 +1,7 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var tslib_1 = require("tslib");
+tslib_1.__exportStar(require("./DataGridHeadFootCell"), exports);
+tslib_1.__exportStar(require("./DataGridHeadFootExpand"), exports);
+tslib_1.__exportStar(require("./DataGridHeadFootSelection"), exports);
+tslib_1.__exportStar(require("./DataGridHeadFootSort"), exports);

package/__inner__/cjs/ui/DataGrid/components/DataGridHeadFoot/index.js

@@ -0,0 +1,5 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var tslib_1 = require("tslib");
+tslib_1.__exportStar(require("./DataGridHeadFoot"), exports);
+tslib_1.__exportStar(require("./types"), exports);

package/__inner__/cjs/ui/DataGrid/components/DataGridHeadFoot/types.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/__inner__/cjs/ui/DataGrid/components/DataGridPagination/DataGridPagination.css

@@ -0,0 +1,9 @@
+.DataGridPagination-OpenText {
+    color: var(--color-content-secondary);
+  }
+  .DataGridPagination-SizesChevron {
+    transition: transform var(--transition-default);
+  }
+  .DataGridPagination-SizesChevron_open {
+      transform: rotate(180deg);
+    }

package/__inner__/cjs/ui/DataGrid/components/DataGridPagination/DataGridPagination.js

@@ -0,0 +1,47 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DataGridPagination = exports.cnDataGridPagination = void 0;
+var tslib_1 = require("tslib");
+var react_1 = tslib_1.__importStar(require("react"));
+var icons_1 = require("@ozen-ui/icons");
+var ButtonNext_1 = require("@ozen-ui/kit/ButtonNext");
+var DataList_1 = require("@ozen-ui/kit/DataList");
+var Pagination_1 = require("@ozen-ui/kit/Pagination");
+var Stack_1 = require("@ozen-ui/kit/Stack");
+var Typography_1 = require("@ozen-ui/kit/Typography");
+var useBoolean_1 = require("@ozen-ui/kit/useBoolean");
+var utils_1 = require("@ozen-ui/kit/utils");
+var core_1 = require("../../../../core");
+var shared_1 = require("../../../../shared");
+exports.cnDataGridPagination = (0, shared_1.cn)('DataGridPagination');
+var UnwrappedDataGridPagination = (0, react_1.forwardRef)(function (_a, ref) {
+    var className = _a.className, afterText = _a.afterText, beforeText = _a.beforeText;
+    var store = (0, core_1.useDataGridStore)();
+    var pagination = store.pagination;
+    var pageSizeButtonRef = (0, react_1.useRef)(null);
+    var _b = tslib_1.__read((0, useBoolean_1.useBoolean)(false), 2), isPageSizeSelectOpen = _b[0], _c = _b[1], toggleIsPageSizeSelectOpen = _c.toggle, closePageSizeSelect = _c.off;
+    if (!pagination.isEnabled) {
+        return null;
+    }
+    var renderedBeforeText = (0, utils_1.isFunction)(beforeText) ? beforeText() : beforeText;
+    var renderedAfterText = (0, utils_1.isFunction)(afterText)
+        ? afterText(pagination.total)
+        : afterText;
+    return (react_1.default.createElement(Stack_1.Stack, { ref: ref, className: (0, exports.cnDataGridPagination)('', [className]), justify: "spaceBetween", align: "center", fullWidth: true },
+        react_1.default.createElement(Pagination_1.Pagination, { totalCount: pagination.total, page: pagination.index, pageSize: pagination.pageSize, size: "s", onPageChange: function (page) { return pagination.setIndex(page); }, disabled: store.isLoading }),
+        pagination.isAvailableSizeEnabled && (react_1.default.createElement(Stack_1.Stack, { gap: "s", align: "center" },
+            react_1.default.createElement(Typography_1.Typography, { className: (0, exports.cnDataGridPagination)('OpenText'), variant: "text-s" }, renderedBeforeText),
+            react_1.default.createElement(ButtonNext_1.Button, { ref: pageSizeButtonRef, onClick: toggleIsPageSizeSelectOpen, disabled: store.isLoading, variant: "function", size: "s" },
+                react_1.default.createElement(Stack_1.Stack, { align: "center", gap: "s" },
+                    react_1.default.createElement("span", null, pagination.pageSize),
+                    react_1.default.createElement(icons_1.ChevronDownIcon, { size: "s", className: (0, exports.cnDataGridPagination)('SizesChevron', {
+                            open: isPageSizeSelectOpen,
+                        }) }))),
+            react_1.default.createElement(Typography_1.Typography, { className: (0, exports.cnDataGridPagination)('OpenText'), variant: "text-s" }, renderedAfterText),
+            react_1.default.createElement(DataList_1.DataList, { open: isPageSizeSelectOpen, onClose: closePageSizeSelect, placement: "bottom", onSelect: function (_, payload) {
+                    pagination.setPageSize(payload.value);
+                    closePageSizeSelect();
+                }, anchorRef: pageSizeButtonRef, selected: pagination.pageSize }, pagination.availableSizes.map(function (size) { return (react_1.default.createElement(DataList_1.DataListOption, { key: size, value: size }, size)); }))))));
+});
+UnwrappedDataGridPagination.displayName = 'DataGridPagination';
+exports.DataGridPagination = (0, core_1.dataGridObserver)(UnwrappedDataGridPagination);

package/__inner__/cjs/ui/DataGrid/components/DataGridPagination/entities/afterText.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/__inner__/cjs/ui/DataGrid/components/DataGridPagination/entities/beforeText.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/__inner__/cjs/ui/DataGrid/components/DataGridPagination/entities/index.js

@@ -0,0 +1,5 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var tslib_1 = require("tslib");
+tslib_1.__exportStar(require("./afterText"), exports);
+tslib_1.__exportStar(require("./beforeText"), exports);

package/__inner__/cjs/ui/DataGrid/components/DataGridPagination/index.js

@@ -0,0 +1,6 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var tslib_1 = require("tslib");
+tslib_1.__exportStar(require("./entities"), exports);
+tslib_1.__exportStar(require("./DataGridPagination"), exports);
+tslib_1.__exportStar(require("./types"), exports);

package/__inner__/cjs/ui/DataGrid/components/DataGridPagination/types.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });