@mailstep/design-system 0.8.31-beta.4 → 0.8.31

package/ui/Blocks/CommonGrid/styles.js

@@ -1,35 +1,257 @@
-var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
-    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
-    return cooked;
-};
-import { gridRowHeight, gridFooterHeight, gridButtonStripHeight, gridHeadHeight, gridFilterHeight } from './utils/constants';
-import styled, { x } from '@xstyled/styled-components';
-import { th } from '@xstyled/system';
-import CommonGrid from './CommonGrid';
-export var BottomWrapper = styled(x.div)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  position: relative;\n  z-index: 2;\n  flex-shrink: 0;\n  padding: ", ";\n  width: 100%;\n  height: ", "px;\n  background-color: bgLightGray;\n  border-bottom-left-radius: 4px;\n  border-bottom-right-radius: 4px;\n\n  @media print {\n    display: none;\n  }\n\n  @media (min-width: 1024px) {\n    position: relative;\n    bottom: 0;\n    margin-bottom: 0;\n  }\n"], ["\n  position: relative;\n  z-index: 2;\n  flex-shrink: 0;\n  padding: ", ";\n  width: 100%;\n  height: ", "px;\n  background-color: bgLightGray;\n  border-bottom-left-radius: 4px;\n  border-bottom-right-radius: 4px;\n\n  @media print {\n    display: none;\n  }\n\n  @media (min-width: 1024px) {\n    position: relative;\n    bottom: 0;\n    margin-bottom: 0;\n  }\n"])), function (_a) {
-    var withPagination = _a.withPagination;
-    return (withPagination ? '10px 0' : '0px');
-}, function (_a) {
-    var withPagination = _a.withPagination;
-    return (withPagination ? gridFooterHeight : 0);
-});
-export var ContentContainer = styled(x.div)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n  background-color: white;\n  box-shadow: gridShadow;\n  border-radius: 8px;\n  flex-grow: 1;\n  height: 100%;\n"], ["\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n  background-color: white;\n  box-shadow: gridShadow;\n  border-radius: 8px;\n  flex-grow: 1;\n  height: 100%;\n"])));
-export var CommonGridWrap = styled(x.div)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  flex: 1;\n  min-height: 0;\n  overflow: hidden;\n  display: flex;\n  flex-direction: column;\n\n  @media (min-width: 1024px) {\n    display: block;\n    height: calc(100% - ", "px);\n    flex: unset;\n    min-height: unset;\n    overflow: visible;\n  }\n"], ["\n  flex: 1;\n  min-height: 0;\n  overflow: hidden;\n  display: flex;\n  flex-direction: column;\n\n  @media (min-width: 1024px) {\n    display: block;\n    height: calc(100% - ", "px);\n    flex: unset;\n    min-height: unset;\n    overflow: visible;\n  }\n"])), function (_a) {
-    var withPagination = _a.withPagination;
-    return (withPagination ? gridFooterHeight : 0);
-});
-export var StyledButtonStrip = styled(x.div)(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  position: relative;\n  display: flex;\n  justify-content: space-between;\n  width: 100%;\n  min-height: auto;\n  padding: 10px;\n  flex-wrap: wrap;\n  z-index: 3;\n\n  @media (min-width: 768px) {\n    min-height: ", "px;\n    padding: 18px 20px;\n  }\n"], ["\n  position: relative;\n  display: flex;\n  justify-content: space-between;\n  width: 100%;\n  min-height: auto;\n  padding: 10px;\n  flex-wrap: wrap;\n  z-index: 3;\n\n  @media (min-width: 768px) {\n    min-height: ", "px;\n    padding: 18px 20px;\n  }\n"])), gridButtonStripHeight);
-export var CommonGridWithStyles = styled(CommonGrid)(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n  & .cell {\n    padding: 0 4px;\n  }\n  & .dataRow {\n    font-size: 12px;\n    font-family: ", ";\n    color: typoPrimary;\n    font-weight: normal;\n    border-bottom: 1px solid;\n    border-color: lightGray3;\n    height: ", "px;\n  }\n  & .gridHead {\n    height: ", "px;\n    background-color: neutral20;\n    padding-bottom: 8px;\n    position: sticky;\n    top: -1px;\n    z-index: 2;\n    border-top: 1px solid ", ";\n  }\n\n  & .filterRow {\n    display: none;\n  }\n\n  @media (min-width: 1023px) {\n    & .gridHead {\n      height: ", "px;\n    }\n    & .filterRow {\n      display: flex;\n    }\n  }\n  & .headRow {\n    font-size: 12px;\n    font-family: ", ";\n    color: typoPrimary;\n    font-weight: bold;\n    border-bottom: none; // TODO fix in common-grid\n\n    & .cell {\n      overflow: hidden;\n      max-height: 32px;\n      position: relative;\n    }\n\n    & .sticky {\n      background-color: neutral20;\n    }\n  }\n\n  & .filterRow {\n    & .cell {\n      overflow: visible;\n    }\n\n    & .cell > div {\n      width: 100%; // TODO fix in common-grid\n    }\n\n    & .sticky {\n      background-color: neutral20;\n    }\n    border-bottom: none; // TODO fix in common-grid\n  }\n\n  & .body {\n    flex-grow: 1;\n  }\n\n  flex: 1;\n  min-height: 0;\n\n  @media (min-width: 1024px) {\n    flex: unset;\n    min-height: unset;\n    height: calc(100% - ", "px);\n  }\n\n  & .gridWrapper {\n    background-color: ", ";\n    width: auto;\n    height: 100%;\n    overflow-y: auto;\n\n    @media (min-width: 1024px) {\n      height: 100%;\n      overflow-y: auto;\n    }\n    @media print {\n      margin: 0;\n      width: 100%;\n      height: auto;\n      overflow-x: hidden;\n    }\n  }\n\n  & .fullWidthGrid > .gridWrapper > div {\n    width: 100% !important;\n  }\n\n  & .paginatorWrapper,\n  & .buttonsStrip {\n    @media print {\n      display: none;\n    }\n  }\n  & .cell {\n    padding-left: 4px;\n    padding-right: 4px;\n    @media print {\n      white-space: unset;\n    }\n  }\n\n  .dataRow {\n    &.grayedOut {\n      background: lightGray1;\n    }\n\n    .sticky-right,\n    .sticky-left {\n      background-color: white;\n    }\n\n    .sticky-right {\n      border-left: 1px solid;\n      border-left-color: lightGray6;\n    }\n\n    .sticky-left {\n      border-right: 1px solid;\n      border-right-color: lightGray6;\n    }\n\n    &:hover,\n    &.checked,\n    &.selected {\n      background-color: red30;\n    }\n  }\n\n  .dataRow:nth-child(even) {\n    .sticky-left,\n    .sticky-right {\n      background-color: bgLightGray;\n    }\n  }\n\n  @media print {\n    .filterRow .sticky {\n      display: none;\n    }\n\n    .headRow .sticky {\n      display: none;\n    }\n\n    .dataRow .sticky {\n      display: none;\n    }\n  }\n\n  .resizer {\n    z-index: unset;\n  }\n\n  // hotfix table head\n  .cell .sortable {\n    display: flex;\n    align-items: center;\n    padding-right: 2px;\n  }\n\n  .sticky {\n    position: sticky !important;\n    z-index: 1;\n  }\n\n  .sticky-left {\n    left: 0;\n  }\n\n  .sticky-right {\n    right: 0;\n  }\n"], ["\n  & .cell {\n    padding: 0 4px;\n  }\n  & .dataRow {\n    font-size: 12px;\n    font-family: ", ";\n    color: typoPrimary;\n    font-weight: normal;\n    border-bottom: 1px solid;\n    border-color: lightGray3;\n    height: ", "px;\n  }\n  & .gridHead {\n    height: ", "px;\n    background-color: neutral20;\n    padding-bottom: 8px;\n    position: sticky;\n    top: -1px;\n    z-index: 2;\n    border-top: 1px solid ", ";\n  }\n\n  & .filterRow {\n    display: none;\n  }\n\n  @media (min-width: 1023px) {\n    & .gridHead {\n      height: ", "px;\n    }\n    & .filterRow {\n      display: flex;\n    }\n  }\n  & .headRow {\n    font-size: 12px;\n    font-family: ", ";\n    color: typoPrimary;\n    font-weight: bold;\n    border-bottom: none; // TODO fix in common-grid\n\n    & .cell {\n      overflow: hidden;\n      max-height: 32px;\n      position: relative;\n    }\n\n    & .sticky {\n      background-color: neutral20;\n    }\n  }\n\n  & .filterRow {\n    & .cell {\n      overflow: visible;\n    }\n\n    & .cell > div {\n      width: 100%; // TODO fix in common-grid\n    }\n\n    & .sticky {\n      background-color: neutral20;\n    }\n    border-bottom: none; // TODO fix in common-grid\n  }\n\n  & .body {\n    flex-grow: 1;\n  }\n\n  flex: 1;\n  min-height: 0;\n\n  @media (min-width: 1024px) {\n    flex: unset;\n    min-height: unset;\n    height: calc(100% - ", "px);\n  }\n\n  & .gridWrapper {\n    background-color: ", ";\n    width: auto;\n    height: 100%;\n    overflow-y: auto;\n\n    @media (min-width: 1024px) {\n      height: 100%;\n      overflow-y: auto;\n    }\n    @media print {\n      margin: 0;\n      width: 100%;\n      height: auto;\n      overflow-x: hidden;\n    }\n  }\n\n  & .fullWidthGrid > .gridWrapper > div {\n    width: 100% !important;\n  }\n\n  & .paginatorWrapper,\n  & .buttonsStrip {\n    @media print {\n      display: none;\n    }\n  }\n  & .cell {\n    padding-left: 4px;\n    padding-right: 4px;\n    @media print {\n      white-space: unset;\n    }\n  }\n\n  .dataRow {\n    &.grayedOut {\n      background: lightGray1;\n    }\n\n    .sticky-right,\n    .sticky-left {\n      background-color: white;\n    }\n\n    .sticky-right {\n      border-left: 1px solid;\n      border-left-color: lightGray6;\n    }\n\n    .sticky-left {\n      border-right: 1px solid;\n      border-right-color: lightGray6;\n    }\n\n    &:hover,\n    &.checked,\n    &.selected {\n      background-color: red30;\n    }\n  }\n\n  .dataRow:nth-child(even) {\n    .sticky-left,\n    .sticky-right {\n      background-color: bgLightGray;\n    }\n  }\n\n  @media print {\n    .filterRow .sticky {\n      display: none;\n    }\n\n    .headRow .sticky {\n      display: none;\n    }\n\n    .dataRow .sticky {\n      display: none;\n    }\n  }\n\n  .resizer {\n    z-index: unset;\n  }\n\n  // hotfix table head\n  .cell .sortable {\n    display: flex;\n    align-items: center;\n    padding-right: 2px;\n  }\n\n  .sticky {\n    position: sticky !important;\n    z-index: 1;\n  }\n\n  .sticky-left {\n    left: 0;\n  }\n\n  .sticky-right {\n    right: 0;\n  }\n"])), th('fonts.primary'), gridRowHeight, function (_a) {
-    var hasGroups = _a.hasGroups;
-    return gridHeadHeight + (hasGroups ? gridFilterHeight : 0);
-}, th('colors.lightGray6'), function (_a) {
-    var hasGroupsOrFilters = _a.hasGroupsOrFilters;
-    return gridHeadHeight + (hasGroupsOrFilters ? gridFilterHeight : 0);
-}, th('fonts.primary'), function (_a) {
-    var withButtonStrip = _a.withButtonStrip;
-    return (withButtonStrip ? gridButtonStripHeight : 0);
-}, function (_a) {
-    var theme = _a.theme;
-    return theme.colors.white;
-});
-var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5;
+import "./utils/constants.js";
+import CommonGrid from "./CommonGrid.js";
+import styled$1, { x } from "@xstyled/styled-components";
+import { th as th$1 } from "@xstyled/system";
+//#region packages/ui/Blocks/CommonGrid/styles.tsx
+const BottomWrapper = styled$1(x.div)`
+  position: relative;
+  z-index: 2;
+  flex-shrink: 0;
+  padding: ${({ withPagination }) => withPagination ? "10px 0" : "0px"};
+  width: 100%;
+  height: ${({ withPagination }) => withPagination ? 60 : 0}px;
+  background-color: bgLightGray;
+  border-bottom-left-radius: 4px;
+  border-bottom-right-radius: 4px;
+
+  @media print {
+    display: none;
+  }
+
+  @media (min-width: 1024px) {
+    position: relative;
+    bottom: 0;
+    margin-bottom: 0;
+  }
+`;
+const ContentContainer = styled$1(x.div)`
+  display: flex;
+  flex-direction: column;
+  justify-content: space-between;
+  background-color: white;
+  box-shadow: gridShadow;
+  border-radius: 8px;
+  flex-grow: 1;
+  height: 100%;
+`;
+const CommonGridWrap = styled$1(x.div)`
+  flex: 1;
+  min-height: 0;
+  overflow: hidden;
+  display: flex;
+  flex-direction: column;
+
+  @media (min-width: 1024px) {
+    display: block;
+    height: calc(100% - ${({ withPagination }) => withPagination ? 60 : 0}px);
+    flex: unset;
+    min-height: unset;
+    overflow: visible;
+  }
+`;
+const StyledButtonStrip = styled$1(x.div)`
+  position: relative;
+  display: flex;
+  justify-content: space-between;
+  width: 100%;
+  min-height: auto;
+  padding: 10px;
+  flex-wrap: wrap;
+  z-index: 3;
+
+  @media (min-width: 768px) {
+    min-height: ${75}px;
+    padding: 18px 20px;
+  }
+`;
+const CommonGridWithStyles = styled$1(CommonGrid)`
+  & .cell {
+    padding: 0 4px;
+  }
+  & .dataRow {
+    font-size: 12px;
+    font-family: ${th$1("fonts.primary")};
+    color: typoPrimary;
+    font-weight: normal;
+    border-bottom: 1px solid;
+    border-color: lightGray3;
+    height: ${40}px;
+  }
+  & .gridHead {
+    height: ${({ hasGroups }) => 40 + (hasGroups ? 39 : 0)}px;
+    background-color: neutral20;
+    padding-bottom: 8px;
+    position: sticky;
+    top: -1px;
+    z-index: 2;
+    border-top: 1px solid ${th$1("colors.lightGray6")};
+  }
+
+  & .filterRow {
+    display: none;
+  }
+
+  @media (min-width: 1023px) {
+    & .gridHead {
+      height: ${({ hasGroupsOrFilters }) => 40 + (hasGroupsOrFilters ? 39 : 0)}px;
+    }
+    & .filterRow {
+      display: flex;
+    }
+  }
+  & .headRow {
+    font-size: 12px;
+    font-family: ${th$1("fonts.primary")};
+    color: typoPrimary;
+    font-weight: bold;
+    border-bottom: none; // TODO fix in common-grid
+
+    & .cell {
+      overflow: hidden;
+      max-height: 32px;
+      position: relative;
+    }
+
+    & .sticky {
+      background-color: neutral20;
+    }
+  }
+
+  & .filterRow {
+    & .cell {
+      overflow: visible;
+    }
+
+    & .cell > div {
+      width: 100%; // TODO fix in common-grid
+    }
+
+    & .sticky {
+      background-color: neutral20;
+    }
+    border-bottom: none; // TODO fix in common-grid
+  }
+
+  & .body {
+    flex-grow: 1;
+  }
+
+  flex: 1;
+  min-height: 0;
+
+  @media (min-width: 1024px) {
+    flex: unset;
+    min-height: unset;
+    height: calc(100% - ${({ withButtonStrip }) => withButtonStrip ? 75 : 0}px);
+  }
+
+  & .gridWrapper {
+    background-color: ${({ theme }) => theme.colors.white};
+    width: auto;
+    height: 100%;
+    overflow-y: auto;
+
+    @media (min-width: 1024px) {
+      height: 100%;
+      overflow-y: auto;
+    }
+    @media print {
+      margin: 0;
+      width: 100%;
+      height: auto;
+      overflow-x: hidden;
+    }
+  }
+
+  & .fullWidthGrid > .gridWrapper > div {
+    width: 100% !important;
+  }
+
+  & .paginatorWrapper,
+  & .buttonsStrip {
+    @media print {
+      display: none;
+    }
+  }
+  & .cell {
+    padding-left: 4px;
+    padding-right: 4px;
+    @media print {
+      white-space: unset;
+    }
+  }
+
+  .dataRow {
+    &.grayedOut {
+      background: lightGray1;
+    }
+
+    .sticky-right,
+    .sticky-left {
+      background-color: white;
+    }
+
+    .sticky-right {
+      border-left: 1px solid;
+      border-left-color: lightGray6;
+    }
+
+    .sticky-left {
+      border-right: 1px solid;
+      border-right-color: lightGray6;
+    }
+
+    &:hover,
+    &.checked,
+    &.selected {
+      background-color: red30;
+    }
+  }
+
+  .dataRow:nth-child(even) {
+    .sticky-left,
+    .sticky-right {
+      background-color: bgLightGray;
+    }
+  }
+
+  @media print {
+    .filterRow .sticky {
+      display: none;
+    }
+
+    .headRow .sticky {
+      display: none;
+    }
+
+    .dataRow .sticky {
+      display: none;
+    }
+  }
+
+  .resizer {
+    z-index: unset;
+  }
+
+  // hotfix table head
+  .cell .sortable {
+    display: flex;
+    align-items: center;
+    padding-right: 2px;
+  }
+
+  .sticky {
+    position: sticky !important;
+    z-index: 1;
+  }
+
+  .sticky-left {
+    left: 0;
+  }
+
+  .sticky-right {
+    right: 0;
+  }
+`;
+//#endregion
+export { BottomWrapper, CommonGridWithStyles, CommonGridWrap, ContentContainer, StyledButtonStrip };

package/ui/Blocks/CommonGrid/types.d.ts

@@ -1,5 +1,4 @@
-import { Props as ButtonProps, AppearanceValue, VariantValue } from '../../Elements/Button/types';
-
+import { type Props as ButtonProps, type AppearanceValue, type VariantValue } from '../../Elements/Button/types';
 export declare const rowClassSymbol: unique symbol;
 type Option = {
     value: string | number;

package/ui/Blocks/CommonGrid/types.js

@@ -1,13 +1,22 @@
-export var rowClassSymbol = Symbol();
-export var EditReadPosition;
-(function (EditReadPosition) {
-    EditReadPosition["Left"] = "left";
-    EditReadPosition["Right"] = "right";
-})(EditReadPosition || (EditReadPosition = {}));
-export var ExtraControlButtonPosition;
-(function (ExtraControlButtonPosition) {
-    ExtraControlButtonPosition["TopLeft"] = "top-left";
-    ExtraControlButtonPosition["TopRight"] = "top-right";
-    ExtraControlButtonPosition["BottomLeft"] = "bottom-left";
-    ExtraControlButtonPosition["BottomRight"] = "bottom-right";
-})(ExtraControlButtonPosition || (ExtraControlButtonPosition = {}));
+import { __exportAll } from "../../_virtual/_rolldown/runtime.js";
+//#region packages/ui/Blocks/CommonGrid/types.ts
+var types_exports = /* @__PURE__ */ __exportAll({
+	EditReadPosition: () => EditReadPosition,
+	ExtraControlButtonPosition: () => ExtraControlButtonPosition,
+	rowClassSymbol: () => rowClassSymbol
+});
+const rowClassSymbol = Symbol();
+let EditReadPosition = /* @__PURE__ */ function(EditReadPosition) {
+	EditReadPosition["Left"] = "left";
+	EditReadPosition["Right"] = "right";
+	return EditReadPosition;
+}({});
+let ExtraControlButtonPosition = /* @__PURE__ */ function(ExtraControlButtonPosition) {
+	ExtraControlButtonPosition["TopLeft"] = "top-left";
+	ExtraControlButtonPosition["TopRight"] = "top-right";
+	ExtraControlButtonPosition["BottomLeft"] = "bottom-left";
+	ExtraControlButtonPosition["BottomRight"] = "bottom-right";
+	return ExtraControlButtonPosition;
+}({});
+//#endregion
+export { EditReadPosition, ExtraControlButtonPosition, rowClassSymbol, types_exports };

package/ui/Blocks/CommonGrid/utils/constants.js

@@ -1,11 +1,26 @@
-export var rowsPerPageOptions = [
-    { value: 10, label: 10 },
-    { value: 20, label: 20 },
-    { value: 50, label: 50 },
-    { value: 100, label: 100 }
+//#region packages/ui/Blocks/CommonGrid/utils/constants.ts
+const rowsPerPageOptions = [
+	{
+		value: 10,
+		label: 10
+	},
+	{
+		value: 20,
+		label: 20
+	},
+	{
+		value: 50,
+		label: 50
+	},
+	{
+		value: 100,
+		label: 100
+	}
 ];
-export var gridButtonStripHeight = 75;
-export var gridHeadHeight = 40;
-export var gridFilterHeight = 39;
-export var gridFooterHeight = 60;
-export var gridRowHeight = 40;
+const gridButtonStripHeight = 75;
+const gridHeadHeight = 40;
+const gridFilterHeight = 39;
+const gridFooterHeight = 60;
+const gridRowHeight = 40;
+//#endregion
+export { gridButtonStripHeight, gridFilterHeight, gridFooterHeight, gridHeadHeight, gridRowHeight, rowsPerPageOptions };

package/ui/Blocks/CommonGrid/utils/getExtendedExtraControlButtons.d.ts

@@ -1,3 +1,2 @@
-import { ExtraControlButton } from '../types';
-
+import { type ExtraControlButton } from '../types';
 export declare const getExtendedExtraControlButtons: (extraControlButtons?: ExtraControlButton[], onReload?: () => void) => ExtraControlButton[] | undefined;

package/ui/Blocks/CommonGrid/utils/getExtendedExtraControlButtons.js

@@ -1,23 +1,17 @@
-var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
-    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
-        if (ar || !(i in from)) {
-            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
-            ar[i] = from[i];
-        }
-    }
-    return to.concat(ar || Array.prototype.slice.call(from));
-};
-import { jsx as _jsx } from "react/jsx-runtime";
-import { Reload } from '../../../Elements/Icon/icons/Reload';
-import { ExtraControlButtonPosition } from '../types';
-import compact from 'lodash/compact';
-export var getExtendedExtraControlButtons = function (extraControlButtons, onReload) {
-    return compact(__spreadArray([
-        onReload && {
-            onClick: onReload,
-            label: _jsx(Reload, { width: "16px", height: "16px", fill: "white" }),
-            position: ExtraControlButtonPosition.TopLeft,
-            buttonProps: { 'data-testid': 'reload-button' }
-        }
-    ], (extraControlButtons || []), true));
-};
+import { Reload } from "../../../Elements/Icon/icons/Reload.js";
+import "../types.js";
+import { jsx } from "react/jsx-runtime";
+import compact from "lodash/compact";
+//#region packages/ui/Blocks/CommonGrid/utils/getExtendedExtraControlButtons.tsx
+const getExtendedExtraControlButtons = (extraControlButtons, onReload) => compact([onReload && {
+	onClick: onReload,
+	label: /* @__PURE__ */ jsx(Reload, {
+		width: "16px",
+		height: "16px",
+		fill: "white"
+	}),
+	position: "top-left",
+	buttonProps: { "data-testid": "reload-button" }
+}, ...extraControlButtons || []]);
+//#endregion
+export { getExtendedExtraControlButtons };

package/ui/Blocks/CommonGrid/utils/getRowsPerPage.js

@@ -1,10 +1,10 @@
-import { gridHeadHeight, gridFilterHeight, gridButtonStripHeight, gridFooterHeight, gridRowHeight } from './constants';
-export var getRowsPerPage = function (ref, withPagination, withButtonStrip, hasGroupsOrFilters) {
-    var _a;
-    var containerHeight = (_a = ref === null || ref === void 0 ? void 0 : ref.current) === null || _a === void 0 ? void 0 : _a.clientHeight;
-    var gridHeaderHeight = gridHeadHeight + (hasGroupsOrFilters ? gridFilterHeight : 0) + (withButtonStrip ? gridButtonStripHeight : 0);
-    if (containerHeight) {
-        return Math.floor((containerHeight - gridHeaderHeight - (withPagination ? gridFooterHeight : 0)) / gridRowHeight);
-    }
-    return 0;
+import "./constants.js";
+//#region packages/ui/Blocks/CommonGrid/utils/getRowsPerPage.ts
+const getRowsPerPage = (ref, withPagination, withButtonStrip, hasGroupsOrFilters) => {
+	const containerHeight = ref?.current?.clientHeight;
+	const gridHeaderHeight = 40 + (hasGroupsOrFilters ? 39 : 0) + (withButtonStrip ? 75 : 0);
+	if (containerHeight) return Math.floor((containerHeight - gridHeaderHeight - (withPagination ? 60 : 0)) / 40);
+	return 0;
 };
+//#endregion
+export { getRowsPerPage };

package/ui/Blocks/CommonGrid/utils/hasSortTerminated.js

@@ -1,10 +1,10 @@
-export var hasSortTerminated = function (_a) {
-    var allowSortingOnlyUnderTotalRows = _a.allowSortingOnlyUnderTotalRows, totalRowsCount = _a.totalRowsCount;
-    var allowSorting = allowSortingOnlyUnderTotalRows && totalRowsCount;
-    var isSortTerminatedAppeal = !!(allowSorting && totalRowsCount > allowSortingOnlyUnderTotalRows[0]);
-    var isSortTerminated = !!(allowSorting && totalRowsCount > allowSortingOnlyUnderTotalRows[1]);
-    return {
-        isSortTerminatedAppeal: isSortTerminatedAppeal,
-        isSortTerminated: isSortTerminated
-    };
+//#region packages/ui/Blocks/CommonGrid/utils/hasSortTerminated.ts
+const hasSortTerminated = ({ allowSortingOnlyUnderTotalRows, totalRowsCount }) => {
+	const allowSorting = allowSortingOnlyUnderTotalRows && totalRowsCount;
+	return {
+		isSortTerminatedAppeal: !!(allowSorting && totalRowsCount > allowSortingOnlyUnderTotalRows[0]),
+		isSortTerminated: !!(allowSorting && totalRowsCount > allowSortingOnlyUnderTotalRows[1])
+	};
 };
+//#endregion
+export { hasSortTerminated };

package/ui/Blocks/CommonGrid/utils/index.d.ts

@@ -1,5 +1,4 @@
-import { ColumnDefinition, ColumnConfig, FilterProps, Group, StickTo, FiltersConfig } from '../types';
-
+import type { ColumnDefinition, ColumnConfig, FilterProps, Group, StickTo, FiltersConfig } from '../types';
 type CellSizePropsResult = {
     flexBasis?: number;
     flexGrow?: number;
@@ -14,7 +13,7 @@ export declare const calculatePaginator: (page: number, rowsPerPage: number) =>
     offset: number;
     limit: number;
 };
-export declare const createFilterType: (columnDefinition: ColumnDefinition) => FilterProps['type'];
+export declare const createFilterType: (columnDefinition: ColumnDefinition) => FilterProps["type"];
 export declare const getGroups: (columns: ColumnDefinition[]) => Group[];
 export declare const getGroupClassNames: (group?: Group) => string;
 export declare const getStickyCollClassNames: (sticky: boolean, stickTo?: StickTo) => string;