@ozen-ui/data-grid 0.73.0

package/__inner__/cjs/ui/filters/DataGridAutocompleteListCardFilter/utilts.js

@@ -0,0 +1,23 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.filterValueToAutocompleteListCard = exports.autocompleteListCardValueToFilter = void 0;
+var tslib_1 = require("tslib");
+var utils_1 = require("@ozen-ui/kit/utils");
+var autocompleteListCardValueToFilter = function (value) {
+    if ((0, utils_1.isArray)(value)) {
+        return new Set(value.map(function (id) { return id; }));
+    }
+    if (!value) {
+        return new Set();
+    }
+    return new Set([value]);
+};
+exports.autocompleteListCardValueToFilter = autocompleteListCardValueToFilter;
+var filterValueToAutocompleteListCard = function (filter, value) {
+    var _a;
+    if (filter.isMultiple) {
+        return tslib_1.__spreadArray([], tslib_1.__read(value.values()), false);
+    }
+    return (_a = tslib_1.__spreadArray([], tslib_1.__read(value.values()), false)[0]) !== null && _a !== void 0 ? _a : null;
+};
+exports.filterValueToAutocompleteListCard = filterValueToAutocompleteListCard;

package/__inner__/cjs/ui/filters/DataGridCustomFilter/DataGridCustomFilter.js

@@ -0,0 +1,14 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DataGridCustomFilter = void 0;
+var tslib_1 = require("tslib");
+var react_1 = tslib_1.__importDefault(require("react"));
+var core_1 = require("../../../core");
+exports.DataGridCustomFilter = (0, core_1.dataGridObserver)(function (_a) {
+    var filter = _a.filter, type = _a.type;
+    if (!filter.isCustomRender || !filter.render) {
+        throw new Error("You can't render a component without a render function.");
+    }
+    var Component = (0, core_1.dataGridObserver)(filter.render);
+    return react_1.default.createElement(Component, { type: type });
+});

package/__inner__/cjs/ui/filters/DataGridCustomFilter/index.js

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

package/__inner__/cjs/ui/filters/DataGridCustomFilter/types.js

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

package/__inner__/cjs/ui/filters/DataGridDateFilter/DataGridDateFilter.js

@@ -0,0 +1,18 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DataGridDateFilter = void 0;
+var tslib_1 = require("tslib");
+var react_1 = tslib_1.__importDefault(require("react"));
+var DatePicker_1 = require("@ozen-ui/kit/DatePicker");
+var core_1 = require("../../../core");
+var utilts_1 = require("./utilts");
+exports.DataGridDateFilter = (0, core_1.dataGridObserver)(function (_a) {
+    var _b, _c;
+    var filter = _a.filter, type = _a.type, onChange = _a.onChange, other = tslib_1.__rest(_a, ["filter", "type", "onChange"]);
+    var mode = filter.type === 'single' ? 'date' : 'date-range';
+    var value = filter.valueByType(type);
+    return (react_1.default.createElement(DatePicker_1.DatePicker, tslib_1.__assign({ label: filter.name }, other, { mode: mode, minDate: (_b = filter.min) !== null && _b !== void 0 ? _b : undefined, maxDate: (_c = filter.max) !== null && _c !== void 0 ? _c : undefined, size: type === 'allFilter' ? 's' : 'xs', value: (0, utilts_1.filterValueToDatePicker)(value), onChange: function (date) {
+            filter.setValueByType((0, utilts_1.datePickerValueToFilter)(date), type);
+            onChange === null || onChange === void 0 ? void 0 : onChange(date);
+        } })));
+});

package/__inner__/cjs/ui/filters/DataGridDateFilter/index.js

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

package/__inner__/cjs/ui/filters/DataGridDateFilter/types.js

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

package/__inner__/cjs/ui/filters/DataGridDateFilter/utilts.js

@@ -0,0 +1,27 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.filterValueToDatePicker = exports.datePickerValueToFilter = void 0;
+var utils_1 = require("@ozen-ui/kit/utils");
+var core_1 = require("../../../core");
+var datePickerValueToFilter = function (date) {
+    var _a, _b;
+    if ((0, utils_1.isArray)(date)) {
+        if (date.length === 0) {
+            return null;
+        }
+        return {
+            from: (_a = date[0]) !== null && _a !== void 0 ? _a : null,
+            to: (_b = date[1]) !== null && _b !== void 0 ? _b : null,
+        };
+    }
+    return date;
+};
+exports.datePickerValueToFilter = datePickerValueToFilter;
+var filterValueToDatePicker = function (value) {
+    var _a, _b;
+    if ((0, core_1.isDateFilterRangeValue)(value)) {
+        return [(_a = value.from) !== null && _a !== void 0 ? _a : undefined, (_b = value.to) !== null && _b !== void 0 ? _b : undefined];
+    }
+    return value;
+};
+exports.filterValueToDatePicker = filterValueToDatePicker;

package/__inner__/cjs/ui/filters/DataGridFilter/DataGridFilter.js

@@ -0,0 +1,36 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DataGridFilter = void 0;
+var tslib_1 = require("tslib");
+var react_1 = tslib_1.__importDefault(require("react"));
+var core_1 = require("../../../core");
+var DataGridAutocompleteFilter_1 = require("../DataGridAutocompleteFilter");
+var DataGridCustomFilter_1 = require("../DataGridCustomFilter");
+var DataGridDateFilter_1 = require("../DataGridDateFilter");
+var DataGridNumberFilter_1 = require("../DataGridNumberFilter");
+var DataGridSelectFilter_1 = require("../DataGridSelectFilter");
+var DataGridStringFilter_1 = require("../DataGridStringFilter");
+exports.DataGridFilter = (0, core_1.dataGridObserver)(
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
+function (_a) {
+    var filter = _a.filter, type = _a.type;
+    if (filter.isCustomRender) {
+        return react_1.default.createElement(DataGridCustomFilter_1.DataGridCustomFilter, { filter: filter, type: type });
+    }
+    if (filter instanceof core_1.DataGridStoreAutocompleteFilter) {
+        return react_1.default.createElement(DataGridAutocompleteFilter_1.DataGridAutocompleteFilter, { filter: filter, type: type });
+    }
+    if (filter instanceof core_1.DataGridStoreDateFilter) {
+        return react_1.default.createElement(DataGridDateFilter_1.DataGridDateFilter, { filter: filter, type: type });
+    }
+    if (filter instanceof core_1.DataGridStoreSelectFilter) {
+        return react_1.default.createElement(DataGridSelectFilter_1.DataGridSelectFilter, { filter: filter, type: type });
+    }
+    if (filter instanceof core_1.DataGridStoreStringFilter) {
+        return react_1.default.createElement(DataGridStringFilter_1.DataGridStringFilter, { filter: filter, type: type });
+    }
+    if (filter instanceof core_1.DataGridStoreNumberFilter) {
+        return react_1.default.createElement(DataGridNumberFilter_1.DataGridNumberFilter, { filter: filter, type: type });
+    }
+    return null;
+});

package/__inner__/cjs/ui/filters/DataGridFilter/index.js

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

package/__inner__/cjs/ui/filters/DataGridFilter/types.js

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

package/__inner__/cjs/ui/filters/DataGridNumberFilter/DataGridNumberFilter.js

@@ -0,0 +1,17 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DataGridNumberFilter = void 0;
+var tslib_1 = require("tslib");
+var react_1 = tslib_1.__importDefault(require("react"));
+var InputNumber_1 = require("@ozen-ui/kit/InputNumber");
+var core_1 = require("../../../core");
+exports.DataGridNumberFilter = (0, core_1.dataGridObserver)(function (_a) {
+    var filter = _a.filter, type = _a.type, onChange = _a.onChange, other = tslib_1.__rest(_a, ["filter", "type", "onChange"]);
+    var value = filter.valueByType(type);
+    var isValid = filter.isValidByType(type);
+    return (react_1.default.createElement(InputNumber_1.InputNumber, tslib_1.__assign({ label: filter.name }, other, { size: type === 'allFilter' ? 's' : 'xs', value: value !== null && value !== void 0 ? value : '', onChange: function (event, payload) {
+            var value = payload.value;
+            filter.setValueByType(value === '' ? null : value, type);
+            onChange === null || onChange === void 0 ? void 0 : onChange(event, payload);
+        }, error: !isValid })));
+});

package/__inner__/cjs/ui/filters/DataGridNumberFilter/index.js

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

package/__inner__/cjs/ui/filters/DataGridNumberFilter/types.js

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

package/__inner__/cjs/ui/filters/DataGridSelectFilter/DataGridSelectFilter.js

@@ -0,0 +1,16 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DataGridSelectFilter = void 0;
+var tslib_1 = require("tslib");
+var react_1 = tslib_1.__importDefault(require("react"));
+var Select_1 = require("@ozen-ui/kit/Select");
+var core_1 = require("../../../core");
+var utilts_1 = require("./utilts");
+exports.DataGridSelectFilter = (0, core_1.dataGridObserver)(function (_a) {
+    var filter = _a.filter, type = _a.type, onChange = _a.onChange, children = _a.children, other = tslib_1.__rest(_a, ["filter", "type", "onChange", "children"]);
+    var value = filter.valueByType(type);
+    return (react_1.default.createElement(Select_1.Select, tslib_1.__assign({ label: filter.name }, other, { multiple: filter.isMultiple, size: type === 'allFilter' ? 's' : 'xs', value: (0, utilts_1.filterValueToSelect)(filter.isMultiple, value), onChange: function (value, event) {
+            filter.setValueByType((0, utilts_1.selectValueToFilter)(value !== null && value !== void 0 ? value : ''), type);
+            onChange === null || onChange === void 0 ? void 0 : onChange(value, event);
+        } }), children !== null && children !== void 0 ? children : filter.options.map(function (option) { return (react_1.default.createElement(Select_1.Option, { key: option.value, value: option.value }, option.label)); })));
+});

package/__inner__/cjs/ui/filters/DataGridSelectFilter/index.js

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

package/__inner__/cjs/ui/filters/DataGridSelectFilter/types.js

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

package/__inner__/cjs/ui/filters/DataGridSelectFilter/utilts.js

@@ -0,0 +1,20 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.filterValueToSelect = exports.selectValueToFilter = void 0;
+var tslib_1 = require("tslib");
+var utils_1 = require("@ozen-ui/kit/utils");
+var selectValueToFilter = function (value) {
+    if ((0, utils_1.isArray)(value)) {
+        return new Set(value);
+    }
+    return new Set([value]);
+};
+exports.selectValueToFilter = selectValueToFilter;
+var filterValueToSelect = function (isMultiple, value) {
+    var _a;
+    if (isMultiple) {
+        return tslib_1.__spreadArray([], tslib_1.__read(value.values()), false);
+    }
+    return (_a = tslib_1.__spreadArray([], tslib_1.__read(value.values()), false)[0]) !== null && _a !== void 0 ? _a : '';
+};
+exports.filterValueToSelect = filterValueToSelect;

package/__inner__/cjs/ui/filters/DataGridStringFilter/DataGridStringFilter.js

@@ -0,0 +1,17 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DataGridStringFilter = void 0;
+var tslib_1 = require("tslib");
+var react_1 = tslib_1.__importDefault(require("react"));
+var Input_1 = require("@ozen-ui/kit/Input");
+var core_1 = require("../../../core");
+exports.DataGridStringFilter = (0, core_1.dataGridObserver)(function (_a) {
+    var filter = _a.filter, type = _a.type, onChange = _a.onChange, other = tslib_1.__rest(_a, ["filter", "type", "onChange"]);
+    var value = filter.valueByType(type);
+    var isValid = filter.isValidByType(type);
+    return (react_1.default.createElement(Input_1.Input, tslib_1.__assign({ label: filter.name }, other, { value: value !== null && value !== void 0 ? value : '', size: type === 'allFilter' ? 's' : 'xs', error: !isValid, onChange: function (event) {
+            var value = event.target.value;
+            filter.setValueByType(value === '' ? null : value, type);
+            onChange === null || onChange === void 0 ? void 0 : onChange(event);
+        } })));
+});

package/__inner__/cjs/ui/filters/DataGridStringFilter/index.js

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

package/__inner__/cjs/ui/filters/DataGridStringFilter/types.js

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

package/__inner__/cjs/ui/filters/index.js

@@ -0,0 +1,11 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var tslib_1 = require("tslib");
+tslib_1.__exportStar(require("./DataGridAutocompleteFilter"), exports);
+tslib_1.__exportStar(require("./DataGridAutocompleteListCardFilter"), exports);
+tslib_1.__exportStar(require("./DataGridCustomFilter"), exports);
+tslib_1.__exportStar(require("./DataGridDateFilter"), exports);
+tslib_1.__exportStar(require("./DataGridFilter"), exports);
+tslib_1.__exportStar(require("./DataGridNumberFilter"), exports);
+tslib_1.__exportStar(require("./DataGridSelectFilter"), exports);
+tslib_1.__exportStar(require("./DataGridStringFilter"), exports);

package/__inner__/cjs/ui/footer/DataGridFooterContainer/DataGridFooterContainer.css

@@ -0,0 +1,8 @@
+.DataGridFooterContainer {
+  position: sticky;
+  inline-size: 100%;
+  inset-block-end: 0;
+  inset-inline-start: 0;
+  background-color: var(--color-background-main);
+  border-block-start: var(--border-width-s) solid var(--color-border-secondary);
+}

package/__inner__/cjs/ui/footer/DataGridFooterContainer/DataGridFooterContainer.js

@@ -0,0 +1,17 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DataGridFooterContainer = exports.cnDataGridFooterContainer = void 0;
+var tslib_1 = require("tslib");
+var react_1 = tslib_1.__importDefault(require("react"));
+var utils_1 = require("@ozen-ui/kit/utils");
+var shared_1 = require("../../../shared");
+var constants_1 = require("./constants");
+exports.cnDataGridFooterContainer = (0, shared_1.cn)('DataGridFooterContainer');
+exports.DataGridFooterContainer = (0, utils_1.polymorphicComponentWithRef)(function (_a, ref) {
+    var children = _a.children, className = _a.className, _b = _a.as, Tag = _b === void 0 ? constants_1.DATA_GRID_FOOTER_CONTAINER_DEFAULT_TAG : _b, other = tslib_1.__rest(_a, ["children", "className", "as"]);
+    if (!children) {
+        return null;
+    }
+    return (react_1.default.createElement(Tag, tslib_1.__assign({}, other, { ref: ref, className: (0, exports.cnDataGridFooterContainer)('', [className]) }), children));
+});
+exports.DataGridFooterContainer.displayName = 'DataGridFooterContainer';

package/__inner__/cjs/ui/footer/DataGridFooterContainer/constants.js

@@ -0,0 +1,4 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DATA_GRID_FOOTER_CONTAINER_DEFAULT_TAG = void 0;
+exports.DATA_GRID_FOOTER_CONTAINER_DEFAULT_TAG = 'div';

package/__inner__/cjs/ui/footer/DataGridFooterContainer/index.js

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

package/__inner__/cjs/ui/footer/DataGridFooterContainer/types.js

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

package/__inner__/cjs/ui/footer/DataGridSelectionFooter/DataGridSelectionFooter.css

@@ -0,0 +1,11 @@
+/* stylelint-disable */
+.DataGridSelectionFooter {
+  font: var(--typography-text-s-font);
+  letter-spacing: var(--typography-text-s-letter_spacing, 0);
+  text-transform: var(--typography-text-s-text_transform, none);
+  color: var(--color-content-primary);
+  padding: var(--spacing-s);
+}
+.DataGridSelectionFooter-Divider {
+    height: 1em;
+  }

package/__inner__/cjs/ui/footer/DataGridSelectionFooter/DataGridSelectionFooter.js

@@ -0,0 +1,26 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DataGridSelectionFooter = exports.cnDataGridSelectionFooter = void 0;
+var tslib_1 = require("tslib");
+var react_1 = tslib_1.__importDefault(require("react"));
+var Divider_1 = require("@ozen-ui/kit/Divider");
+var Stack_1 = require("@ozen-ui/kit/Stack");
+var core_1 = require("../../../core");
+var shared_1 = require("../../../shared");
+var DataGridFooterContainer_1 = require("../DataGridFooterContainer");
+exports.cnDataGridSelectionFooter = (0, shared_1.cn)('DataGridSelectionFooter');
+exports.DataGridSelectionFooter = (0, core_1.dataGridObserver)(function (_a) {
+    var children = _a.children, className = _a.className, text = _a.text, other = tslib_1.__rest(_a, ["children", "className", "text"]);
+    var selection = (0, core_1.useDataGridSelection)();
+    var isWithSelection = selection.isEnabled;
+    if (!isWithSelection || selection.isSingle) {
+        return null;
+    }
+    return (react_1.default.createElement(DataGridFooterContainer_1.DataGridFooterContainer, null,
+        react_1.default.createElement(Stack_1.Stack, tslib_1.__assign({}, other, { className: (0, exports.cnDataGridSelectionFooter)('', [className]), gap: "l", align: "center", divider: react_1.default.createElement(Divider_1.Divider, { className: (0, exports.cnDataGridSelectionFooter)('Divider'), orientation: "vertical" }) }),
+            react_1.default.createElement("span", null,
+                text,
+                ": ",
+                selection.selectedCount),
+            children && (react_1.default.createElement("div", { className: (0, exports.cnDataGridSelectionFooter)('Content') }, children)))));
+});

package/__inner__/cjs/ui/footer/DataGridSelectionFooter/index.js

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

package/__inner__/cjs/ui/footer/DataGridSelectionFooter/types.js

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

package/__inner__/cjs/ui/footer/index.js

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

package/__inner__/cjs/ui/index.js

@@ -0,0 +1,13 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var tslib_1 = require("tslib");
+tslib_1.__exportStar(require("./actions"), exports);
+tslib_1.__exportStar(require("./cells"), exports);
+tslib_1.__exportStar(require("./context"), exports);
+tslib_1.__exportStar(require("./DataGrid"), exports);
+tslib_1.__exportStar(require("./DataGridAllFiltersDrawer"), exports);
+tslib_1.__exportStar(require("./footer"), exports);
+tslib_1.__exportStar(require("./DataGridSettingsDrawer"), exports);
+tslib_1.__exportStar(require("./filters"), exports);
+tslib_1.__exportStar(require("./statuses"), exports);
+tslib_1.__exportStar(require("./sub-controls"), exports);

package/__inner__/cjs/ui/statuses/DataGridEmpty/DataGridEmpty.js

@@ -0,0 +1,15 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DataGridEmpty = void 0;
+var tslib_1 = require("tslib");
+var react_1 = tslib_1.__importDefault(require("react"));
+var core_1 = require("../../../core");
+var DataGridPlaceholder_1 = require("../DataGridPlaceholder");
+exports.DataGridEmpty = (0, core_1.dataGridObserver)(function (_a) {
+    var children = _a.children, other = tslib_1.__rest(_a, ["children"]);
+    var store = (0, core_1.useDataGridStore)();
+    if (!store.isEmpty) {
+        return null;
+    }
+    return react_1.default.createElement(DataGridPlaceholder_1.DataGridPlaceholder, tslib_1.__assign({}, other), children);
+});

package/__inner__/cjs/ui/statuses/DataGridEmpty/index.js

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

package/__inner__/cjs/ui/statuses/DataGridEmpty/types.js

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

package/__inner__/cjs/ui/statuses/DataGridLoading/DataGridLoading.js

@@ -0,0 +1,21 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DataGridLoading = void 0;
+var tslib_1 = require("tslib");
+var react_1 = tslib_1.__importDefault(require("react"));
+var Loader_1 = require("@ozen-ui/kit/Loader");
+var Stack_1 = require("@ozen-ui/kit/Stack");
+var Typography_1 = require("@ozen-ui/kit/Typography");
+var core_1 = require("../../../core");
+var DataGridPlaceholder_1 = require("../DataGridPlaceholder");
+exports.DataGridLoading = (0, core_1.dataGridObserver)(function (_a) {
+    var children = _a.children, other = tslib_1.__rest(_a, ["children"]);
+    var store = (0, core_1.useDataGridStore)();
+    if (!store.isLoading) {
+        return null;
+    }
+    return (react_1.default.createElement(DataGridPlaceholder_1.DataGridPlaceholder, tslib_1.__assign({}, other),
+        react_1.default.createElement(Stack_1.Stack, { justify: "center", direction: "column", align: "center", gap: "s" },
+            react_1.default.createElement(Loader_1.Loader, null),
+            react_1.default.createElement(Typography_1.Typography, null, children))));
+});

package/__inner__/cjs/ui/statuses/DataGridLoading/index.js

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

package/__inner__/cjs/ui/statuses/DataGridLoading/types.js

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

package/__inner__/cjs/ui/statuses/DataGridPlaceholder/DataGridPlaceholder.css

@@ -0,0 +1,16 @@
+.DataGridPlaceholder {
+  block-size: 100%;
+}
+
+  .DataGridPlaceholder-CellWrapper {
+    block-size: 100%;
+  }
+
+  .DataGridPlaceholder-Cell {
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    block-size: 100%;
+    padding: var(--spacing-xs);
+    box-sizing: border-box;
+  }

package/__inner__/cjs/ui/statuses/DataGridPlaceholder/DataGridPlaceholder.js

@@ -0,0 +1,17 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DataGridPlaceholder = exports.cnDataGridPlaceholder = 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 components_1 = require("../../DataGrid/components");
+exports.cnDataGridPlaceholder = (0, shared_1.cn)('DataGridPlaceholder');
+exports.DataGridPlaceholder = (0, core_1.dataGridObserver)(function (_a) {
+    var children = _a.children, className = _a.className;
+    var store = (0, core_1.useDataGridStore)();
+    return (react_1.default.createElement(Table_1.TableRow, { className: (0, exports.cnDataGridPlaceholder)('', [className]) },
+        react_1.default.createElement(components_1.DataGridCell, { colSpan: store.colSpan, className: (0, exports.cnDataGridPlaceholder)('CellWrapper') },
+            react_1.default.createElement("div", { className: (0, exports.cnDataGridPlaceholder)('Cell') }, children))));
+});

package/__inner__/cjs/ui/statuses/DataGridPlaceholder/index.js

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

package/__inner__/cjs/ui/statuses/DataGridPlaceholder/types.js

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

package/__inner__/cjs/ui/statuses/index.js

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

package/__inner__/cjs/ui/sub-controls/DataGridSubControlIconButton/DataGridSubControlIconButton.js

@@ -0,0 +1,12 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DataGridSubControlIconButton = void 0;
+var tslib_1 = require("tslib");
+var react_1 = tslib_1.__importDefault(require("react"));
+var IconButtonNext_1 = require("@ozen-ui/kit/IconButtonNext");
+var utils_1 = require("@ozen-ui/kit/utils");
+var constants_1 = require("./constants");
+exports.DataGridSubControlIconButton = (0, utils_1.polymorphicComponentWithRef)(function (_a, ref) {
+    var icon = _a.icon, _b = _a.as, as = _b === void 0 ? constants_1.DATA_GRID_SUB_CONTROL_ICON_BUTTON_DEFAULT_TAG : _b, other = tslib_1.__rest(_a, ["icon", "as"]);
+    return (react_1.default.createElement(IconButtonNext_1.IconButton, tslib_1.__assign({}, other, { as: as, ref: ref, icon: icon, size: "xs" })));
+});

package/__inner__/cjs/ui/sub-controls/DataGridSubControlIconButton/constants.js

@@ -0,0 +1,5 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DATA_GRID_SUB_CONTROL_ICON_BUTTON_DEFAULT_TAG = void 0;
+var IconButtonNext_1 = require("@ozen-ui/kit/IconButtonNext");
+exports.DATA_GRID_SUB_CONTROL_ICON_BUTTON_DEFAULT_TAG = IconButtonNext_1.ICON_BUTTON_DEFAULT_TAG;

package/__inner__/cjs/ui/sub-controls/DataGridSubControlIconButton/index.js

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

package/__inner__/cjs/ui/sub-controls/DataGridSubControlIconButton/types.js

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

package/__inner__/cjs/ui/sub-controls/index.js

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

package/__inner__/esm/core/column/entities/align.js

@@ -0,0 +1,3 @@
+import { tableCellVerticalAlignVariant } from "@ozen-ui/kit/Table";
+export var dataGridColumnAlign = ['left', 'right'];
+export var dataGridColumnVerticalAlign = tableCellVerticalAlignVariant;

package/__inner__/esm/core/column/entities/columns-info.js

@@ -0,0 +1 @@
+export {};

package/__inner__/esm/core/column/entities/index.js

@@ -0,0 +1,4 @@
+export * from './align';
+export * from './columns-info';
+export * from './sort';
+export * from './width';

package/__inner__/esm/core/column/entities/sort.js

@@ -0,0 +1 @@
+export var dataGridColumnSortType = ['ascending', 'descending'];

package/__inner__/esm/core/column/entities/width.js

@@ -0,0 +1 @@
+export {};

package/__inner__/esm/core/column/hooks/index.js

@@ -0,0 +1,3 @@
+export * from './useDataGridColumn';
+export * from './useDataGridColumnEvents';
+export * from './useDataGridColumnsInfo';

package/__inner__/esm/core/column/hooks/useDataGridColumn.js

@@ -0,0 +1,6 @@
+import { useDataGridStore } from '../../store';
+export var useDataGridColumn = function (column, store) {
+    var contextStore = useDataGridStore();
+    var storeForSearch = store !== null && store !== void 0 ? store : contextStore;
+    return storeForSearch.findColumn(column);
+};

package/__inner__/esm/core/column/hooks/useDataGridColumnEvents.js

@@ -0,0 +1,6 @@
+import { useEventBusEvents } from '../../../shared';
+import { useDataGridColumn } from './useDataGridColumn';
+export var useDataGridColumnEvents = function (column, subscribes, store) {
+    var storeColumn = useDataGridColumn(column, store);
+    useEventBusEvents(storeColumn.eventBus, subscribes);
+};

package/__inner__/esm/core/column/hooks/useDataGridColumnsInfo.js

@@ -0,0 +1,6 @@
+import { useDataGridStore } from '../../store';
+export var useDataGridColumnsInfo = function (store) {
+    var contextStore = useDataGridStore();
+    var neededStore = store !== null && store !== void 0 ? store : contextStore;
+    return neededStore.columnsInfo;
+};

package/__inner__/esm/core/column/index.js

@@ -0,0 +1,4 @@
+export * from './entities';
+export * from './hooks';
+export * from './store';
+export * from './table';