@geotab/zenith 3.7.0 → 3.8.0-beta.0

package/dist/dataFeed/dataFeedSelectPanel/dataFeedSelectPanel.js

@@ -8,6 +8,6 @@ const feedSelectControl_1 = require("../feedSelectControl/feedSelectControl");
 const react_1 = require("react");
 const DataFeedSelectPanel = ({ buttonTitle, panelTitle, isOpen, onTriggerClick, onHidePanel, className, buttonClassName, children }) => {
     const triggerRef = (0, react_1.useRef)(null);
-    return (0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(feedSelectControl_1.FeedSelectControl, { ref: triggerRef, onClick: onTriggerClick, title: buttonTitle, className: buttonClassName }), (0, jsx_runtime_1.jsx)(sidePanel_1.SidePanel, { className: (0, classNames_1.classNames)(["zen-data-feed-select-panel", className || ""]), panelPosition: "bottom", triggerRef: triggerRef, label: panelTitle, isOpen: isOpen, onHidePanel: reason => reason !== sidePanel_1.SidePanelCloseReason.ClickOutside && onHidePanel(), children: children })] });
+    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(feedSelectControl_1.FeedSelectControl, { ref: triggerRef, onClick: onTriggerClick, title: buttonTitle, className: buttonClassName }), (0, jsx_runtime_1.jsx)(sidePanel_1.SidePanel, { className: (0, classNames_1.classNames)(["zen-data-feed-select-panel", className || ""]), panelPosition: "bottom", triggerRef: triggerRef, label: panelTitle, isOpen: isOpen, onHidePanel: reason => reason !== sidePanel_1.SidePanelCloseReason.ClickOutside && onHidePanel(), children: children })] }));
 };
 exports.DataFeedSelectPanel = DataFeedSelectPanel;

package/dist/dataFeed/feedItem/feedItem.js

@@ -18,6 +18,6 @@ const DataFeedItem = ({ id, index, checkbox, icon, identifier, className, onClic
         }
         onClick && onClick();
     }, [onClick]);
-    return (0, jsx_runtime_1.jsxs)("div", { className: (0, classNames_1.classNames)(["zen-data-feed__item", "zen-feed-item", className || ""]), role: "article", "aria-setsize": -1, "data-row-id": id, "aria-posinset": index + 1, children: [(0, jsx_runtime_1.jsx)("div", { className: "zen-feed-item__main-row", onClick: onClickHandler, children: renderFeedWrappers((0, jsx_runtime_1.jsxs)("div", { className: "zen-feed-item__main", children: [checkbox ? (0, jsx_runtime_1.jsx)("div", { className: "zen-feed-item__checkbox", children: checkbox }) : null, icon ? (0, jsx_runtime_1.jsx)("div", { className: "zen-feed-item__icon", children: icon }) : null, (0, jsx_runtime_1.jsxs)("div", { className: "zen-feed-item__main-data", children: [identifier ? (0, jsx_runtime_1.jsx)("div", { className: "zen-feed-item__identifier", children: identifier }) : null, actions ? (0, jsx_runtime_1.jsx)("div", { className: "zen-feed-item__actions", children: actions }) : null] })] }), (0, jsx_runtime_1.jsxs)("div", { className: "zen-feed-item__secondary-data", children: [icon ? (0, jsx_runtime_1.jsx)("div", { className: "zen-feed-item__icon-placeholder" }) : null, (0, jsx_runtime_1.jsxs)("div", { className: "zen-feed-item__values", children: [primaryData, secondaryData] })] })) }), nestedData ? (0, jsx_runtime_1.jsx)("div", { className: "zen-feed-item__nested", children: nestedData }) : null] }, id);
+    return ((0, jsx_runtime_1.jsxs)("div", { className: (0, classNames_1.classNames)(["zen-data-feed__item", "zen-feed-item", className || ""]), role: "article", "aria-setsize": -1, "data-row-id": id, "aria-posinset": index + 1, children: [(0, jsx_runtime_1.jsx)("div", { className: "zen-feed-item__main-row", onClick: onClickHandler, children: renderFeedWrappers((0, jsx_runtime_1.jsxs)("div", { className: "zen-feed-item__main", children: [checkbox ? (0, jsx_runtime_1.jsx)("div", { className: "zen-feed-item__checkbox", children: checkbox }) : null, icon ? (0, jsx_runtime_1.jsx)("div", { className: "zen-feed-item__icon", children: icon }) : null, (0, jsx_runtime_1.jsxs)("div", { className: "zen-feed-item__main-data", children: [identifier ? (0, jsx_runtime_1.jsx)("div", { className: "zen-feed-item__identifier", children: identifier }) : null, actions ? (0, jsx_runtime_1.jsx)("div", { className: "zen-feed-item__actions", children: actions }) : null] })] }), (0, jsx_runtime_1.jsxs)("div", { className: "zen-feed-item__secondary-data", children: [icon ? (0, jsx_runtime_1.jsx)("div", { className: "zen-feed-item__icon-placeholder" }) : null, (0, jsx_runtime_1.jsxs)("div", { className: "zen-feed-item__values", children: [primaryData, secondaryData] })] })) }), nestedData ? (0, jsx_runtime_1.jsx)("div", { className: "zen-feed-item__nested", children: nestedData }) : null] }, id));
 };
 exports.DataFeedItem = DataFeedItem;

package/dist/dataFeed/feedSelectControl/feedSelectControl.js

@@ -9,7 +9,7 @@ const buttonType_1 = require("../../button/buttonType");
 const iconBulkSelect_1 = require("../../icons/iconBulkSelect");
 const FeedSelectControl = ({ className = "", title, onClick, ref }) => {
     const classes = (0, classNames_1.classNames)([className, "data-feed-select-control"]);
-    return (0, jsx_runtime_1.jsx)(textIconButton_1.TextIconButton, { ref: ref, className: classes, icon: iconBulkSelect_1.IconBulkSelect, iconSize: svgIconSize_1.SvgIconSize.Large, iconPosition: textIconButton_1.ButtonIconPosition.Start, "aria-label": title, title: title, onClick: onClick, type: buttonType_1.ButtonType.TertiaryBlack });
+    return ((0, jsx_runtime_1.jsx)(textIconButton_1.TextIconButton, { ref: ref, className: classes, icon: iconBulkSelect_1.IconBulkSelect, iconSize: svgIconSize_1.SvgIconSize.Large, iconPosition: textIconButton_1.ButtonIconPosition.Start, "aria-label": title, title: title, onClick: onClick, type: buttonType_1.ButtonType.TertiaryBlack }));
 };
 exports.FeedSelectControl = FeedSelectControl;
 exports.FeedSelectControl.displayName = "FeedSelectControl";

package/dist/dataGrid/cell/cell.js

@@ -43,11 +43,13 @@ const Cell = ({ index, limited, visibleOnHover, isVisible, width, render, render
         const placeholderTimeout = (_a = zen_1.zen.requestAnimationFrame) === null || _a === void 0 ? void 0 : _a.call(zen_1.zen, () => {
             setContent(placeholderRenderer());
         });
-        renderer().then(res => {
+        renderer()
+            .then(res => {
             var _a;
             (_a = zen_1.zen.cancelAnimationFrame) === null || _a === void 0 ? void 0 : _a.call(zen_1.zen, placeholderTimeout);
             setContent(res);
-        }).catch(() => {
+        })
+            .catch(() => {
             var _a;
             (_a = zen_1.zen.cancelAnimationFrame) === null || _a === void 0 ? void 0 : _a.call(zen_1.zen, placeholderTimeout);
             setContent("");
@@ -62,7 +64,7 @@ const Cell = ({ index, limited, visibleOnHover, isVisible, width, render, render
             onClick();
         }
     }, [onClick]);
-    return (0, jsx_runtime_1.jsx)("td", { colSpan: colspan, onClick: onCellClick, className: (0, classNames_1.classNames)([
+    return ((0, jsx_runtime_1.jsx)("td", { colSpan: colspan, onClick: onCellClick, className: (0, classNames_1.classNames)([
             "zen-data-grid__row-cell",
             isActive ? "zen-data-grid__row-cell--active" : "",
             className || "",
@@ -70,6 +72,6 @@ const Cell = ({ index, limited, visibleOnHover, isVisible, width, render, render
             visibleOnHover ? "zen-data-grid__row-cell--visible-on-hover" : "",
             onClick ? "zen-data-grid__row-cell--clickable" : "",
             limited ? "zen-ellipsis" : ""
-        ]), style: { minWidth: width || "auto", maxWidth: width || "auto" }, role: "gridcell", children: content });
+        ]), style: { minWidth: width || "auto", maxWidth: width || "auto" }, role: "gridcell", children: content }));
 };
 exports.DataGridCell = (0, react_1.memo)(Cell);

package/dist/dataGrid/columns/actionLinkColumn/actionButtonsMobileWrapper.js

@@ -22,14 +22,10 @@ class ActionButtonsWrapper {
             return (Object.assign(Object.assign({ id: (0, generateId_1.generateId)() }, action), { actions: (_a = action.actions) === null || _a === void 0 ? void 0 : _a.map(a => (Object.assign({ id: (0, generateId_1.generateId)() }, a))) }));
         };
         const entityId = entity["id"] || (0, generateId_1.generateId)();
-        return (0, jsx_runtime_1.jsxs)("div", { className: "zen-action-link-column", children: [(0, jsx_runtime_1.jsx)("div", { className: "zen-action-link-column__content", children: elt }), this.options.actions
-                    ? (0, jsx_runtime_1.jsx)("div", { className: "zen-action-link-column__actions", children: this.options.actions
-                            .map(getActionWithId)
-                            .map(action => (0, jsx_runtime_1.jsx)(actionsButton_1.ActionsButton, { action: action, entity: entity }, `${entityId}_${action.id}`)) })
-                    : null] });
+        return ((0, jsx_runtime_1.jsxs)("div", { className: "zen-action-link-column", children: [(0, jsx_runtime_1.jsx)("div", { className: "zen-action-link-column__content", children: elt }), this.options.actions ? ((0, jsx_runtime_1.jsx)("div", { className: "zen-action-link-column__actions", children: this.options.actions.map(getActionWithId).map(action => ((0, jsx_runtime_1.jsx)(actionsButton_1.ActionsButton, { action: action, entity: entity }, `${entityId}_${action.id}`))) })) : null] }));
     }
     renderHeader(title) {
-        return (0, jsx_runtime_1.jsx)("div", { className: "zen-action-link-column", children: (0, jsx_runtime_1.jsx)("div", { className: "zen-action-link-column__content", children: title }) });
+        return ((0, jsx_runtime_1.jsx)("div", { className: "zen-action-link-column", children: (0, jsx_runtime_1.jsx)("div", { className: "zen-action-link-column__content", children: title }) }));
     }
 }
 exports.ActionButtonsWrapper = ActionButtonsWrapper;

package/dist/dataGrid/columns/actionLinkColumn/actionLinkColumnWrapper.js

@@ -29,14 +29,10 @@ class ActionLinkColumnWrapper {
         };
         const entityId = entity["id"] || (0, generateId_1.generateId)();
         const lintUrl = typeof link === "string" ? link : link === null || link === void 0 ? void 0 : link.href;
-        return (0, jsx_runtime_1.jsxs)("div", { className: "zen-action-link-column", children: [(0, jsx_runtime_1.jsx)(textIconButton_1.TextIconButton, { disabled: isDisabled, link: lintUrl || "", title: title, "aria-label": title, className: "zen-action-link-column__link", icon: icon, iconSize: "large", type: "primary", iconPosition: textIconButton_1.ButtonIconPosition.Start }), (0, jsx_runtime_1.jsx)("div", { className: "zen-action-link-column__content", children: elt }), this.options.actions
-                    ? (0, jsx_runtime_1.jsx)("div", { className: "zen-action-link-column__actions", children: this.options.actions
-                            .map(getActionWithId)
-                            .map(action => (0, jsx_runtime_1.jsx)(actionsButton_1.ActionsButton, { action: action, entity: entity }, `${entityId}_${action.id}`)) })
-                    : null] });
+        return ((0, jsx_runtime_1.jsxs)("div", { className: "zen-action-link-column", children: [(0, jsx_runtime_1.jsx)(textIconButton_1.TextIconButton, { disabled: isDisabled, link: lintUrl || "", title: title, "aria-label": title, className: "zen-action-link-column__link", icon: icon, iconSize: "large", type: "primary", iconPosition: textIconButton_1.ButtonIconPosition.Start }), (0, jsx_runtime_1.jsx)("div", { className: "zen-action-link-column__content", children: elt }), this.options.actions ? ((0, jsx_runtime_1.jsx)("div", { className: "zen-action-link-column__actions", children: this.options.actions.map(getActionWithId).map(action => ((0, jsx_runtime_1.jsx)(actionsButton_1.ActionsButton, { action: action, entity: entity }, `${entityId}_${action.id}`))) })) : null] }));
     }
     renderHeader(title) {
-        return (0, jsx_runtime_1.jsx)("div", { className: "zen-action-link-column", children: (0, jsx_runtime_1.jsx)("div", { className: "zen-action-link-column__content", children: title }) });
+        return ((0, jsx_runtime_1.jsx)("div", { className: "zen-action-link-column", children: (0, jsx_runtime_1.jsx)("div", { className: "zen-action-link-column__content", children: title }) }));
     }
 }
 exports.ActionLinkColumnWrapper = ActionLinkColumnWrapper;

package/dist/dataGrid/columns/actionsColumn/actionsButton.js

@@ -29,16 +29,14 @@ function ActionsButton({ action, entity }) {
     if (!entity) {
         return null;
     }
-    const items = (action.actions || []).filter(a => a.condition ? a.condition(entity) : true).map(a => createSubAction(a, entity));
+    const items = (action.actions || []).filter(a => (a.condition ? a.condition(entity) : true)).map(a => createSubAction(a, entity));
     const isTriggerVisible = action.condition ? action.condition(entity) : true;
     if (!isTriggerVisible) {
         return null;
     }
-    return (0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(actionsColumnCell_1.ActionColumnCell, { ref: buttonRef, tag: action.createLink !== undefined ? "a" : "button", hash: action.id, title: action.createTitle(entity), href: action.createLink !== undefined ? action.createLink(entity) : undefined, icon: action.icon, onClick: (e) => {
+    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(actionsColumnCell_1.ActionColumnCell, { ref: buttonRef, tag: action.createLink !== undefined ? "a" : "button", hash: action.id, title: action.createTitle(entity), href: action.createLink !== undefined ? action.createLink(entity) : undefined, icon: action.icon, onClick: e => {
                     setIsMenuOpen(!isMenuOpen);
                     action.handler && action.handler(entity, e.target);
-                } }, action.id), items.length
-                ? (0, jsx_runtime_1.jsx)(controlledMenu_1.ControlledMenu, { triggerRef: buttonRef, alignment: "bottom-right", isOpen: isMenuOpen, setIsOpen: setIsMenuOpen, title: action.createTitle(entity), children: items }, entityId + "-" + action.id + "-menu")
-                : null] });
+                } }, action.id), items.length ? ((0, jsx_runtime_1.jsx)(controlledMenu_1.ControlledMenu, { triggerRef: buttonRef, alignment: "bottom-right", isOpen: isMenuOpen, setIsOpen: setIsMenuOpen, title: action.createTitle(entity), children: items }, entityId + "-" + action.id + "-menu")) : null] }));
 }
 exports.ActionsButton = ActionsButton;

package/dist/dataGrid/columns/actionsColumn/actionsColumn.js

@@ -9,28 +9,43 @@ const actionsMenu_1 = require("../../../table/actions/actionsMenu");
 class ActionsColumn extends basicColumn_1.BasicColumn {
     renderIconActions(entity, actions, isNested) {
         const entityActions = typeof actions === "function"
-            ? entity ? actions(entity, isNested || false).filter(action => action.condition === undefined || action.condition(entity)) : []
+            ? entity
+                ? actions(entity, isNested || false).filter(action => action.condition === undefined || action.condition(entity))
+                : []
             : actions.filter(action => action.condition === undefined || action.condition(entity));
         const entityId = (entity === null || entity === void 0 ? void 0 : entity.id) || "";
-        return entityActions.length > 0 ? (0, jsx_runtime_1.jsx)("div", { className: "zen-actions-column", children: entityActions.map(action => (0, jsx_runtime_1.jsx)(actionsButton_1.ActionsButton, { action: action, entity: entity }, action.id)) }, [entityId, ...entityActions.map(a => a.id)].join("-")) : null;
+        return entityActions.length > 0 ? ((0, jsx_runtime_1.jsx)("div", { className: "zen-actions-column", children: entityActions.map(action => ((0, jsx_runtime_1.jsx)(actionsButton_1.ActionsButton, { action: action, entity: entity }, action.id))) }, [entityId, ...entityActions.map(a => a.id)].join("-"))) : null;
     }
     updateActions(options) {
-        this.actions = options.actions ? options.actions.map(action => { var _a; return (Object.assign(Object.assign({}, action), { id: action.id || (0, generateId_1.generateId)(), actions: (_a = action.actions) === null || _a === void 0 ? void 0 : _a.map(a => (Object.assign(Object.assign({}, a), { id: (0, generateId_1.generateId)() }))) })); }) : undefined;
+        this.actions = options.actions
+            ? options.actions.map(action => {
+                var _a;
+                return (Object.assign(Object.assign({}, action), { id: action.id || (0, generateId_1.generateId)(), actions: (_a = action.actions) === null || _a === void 0 ? void 0 : _a.map(a => (Object.assign(Object.assign({}, a), { id: (0, generateId_1.generateId)() }))) }));
+            })
+            : undefined;
         this.renderFn = options.render;
         this.renderAsyncFn = options.renderAsync;
-        this.headerActions = (options.headerActions || []).map(action => { var _a; return (Object.assign(Object.assign({}, action), { id: action.id || (0, generateId_1.generateId)(), actions: (_a = action.actions) === null || _a === void 0 ? void 0 : _a.map(a => (Object.assign(Object.assign({}, a), { id: (0, generateId_1.generateId)() }))) })); });
+        this.headerActions = (options.headerActions || []).map(action => {
+            var _a;
+            return (Object.assign(Object.assign({}, action), { id: action.id || (0, generateId_1.generateId)(), actions: (_a = action.actions) === null || _a === void 0 ? void 0 : _a.map(a => (Object.assign(Object.assign({}, a), { id: (0, generateId_1.generateId)() }))) }));
+        });
         if (typeof options.primaryActions === "function") {
             this.primaryActions = options.primaryActions;
         }
         else {
-            this.primaryActions = (options.primaryActions || []).map(action => { var _a; return (Object.assign(Object.assign({}, action), { id: action.id || (0, generateId_1.generateId)(), actions: (_a = action.actions) === null || _a === void 0 ? void 0 : _a.map(a => (Object.assign(Object.assign({}, a), { id: (0, generateId_1.generateId)() }))) })); });
+            this.primaryActions = (options.primaryActions || []).map(action => {
+                var _a;
+                return (Object.assign(Object.assign({}, action), { id: action.id || (0, generateId_1.generateId)(), actions: (_a = action.actions) === null || _a === void 0 ? void 0 : _a.map(a => (Object.assign(Object.assign({}, a), { id: (0, generateId_1.generateId)() }))) }));
+            });
         }
     }
     renderCell(_, entity, isNested) {
         if (this.options.render || this.options.renderAsync) {
-            return (0, jsx_runtime_1.jsxs)("div", { className: "zen-actions-column", children: [this.primaryActions && (typeof this.primaryActions === "function" || this.primaryActions.length > 0) && this.renderIconActions(entity, this.primaryActions, isNested || false), this.options.render && (0, jsx_runtime_1.jsx)(actionsMenu_1.ActionsMenu, { entity: entity, isNested: isNested || false, render: this.options.render }), this.options.renderAsync && (0, jsx_runtime_1.jsx)(actionsMenu_1.ActionsMenu, { entity: entity, isNested: isNested || false, renderAsync: this.options.renderAsync })] });
+            return ((0, jsx_runtime_1.jsxs)("div", { className: "zen-actions-column", children: [this.primaryActions &&
+                        (typeof this.primaryActions === "function" || this.primaryActions.length > 0) &&
+                        this.renderIconActions(entity, this.primaryActions, isNested || false), this.options.render && (0, jsx_runtime_1.jsx)(actionsMenu_1.ActionsMenu, { entity: entity, isNested: isNested || false, render: this.options.render }), this.options.renderAsync && (0, jsx_runtime_1.jsx)(actionsMenu_1.ActionsMenu, { entity: entity, isNested: isNested || false, renderAsync: this.options.renderAsync })] }));
         }
-        return this.renderIconActions(entity, (this.actions || []));
+        return this.renderIconActions(entity, this.actions || []);
     }
     renderHeaderCell(_) {
         return this.renderIconActions(undefined, this.headerActions);

package/dist/dataGrid/columns/actionsColumn/actionsColumnCell.js

@@ -19,8 +19,6 @@ const buttonType_1 = require("../../../button/buttonType");
 const svgIconSize_1 = require("../../../svgIcon/svgIconSize");
 const ActionColumnCell = (_a) => {
     var { tag, hash, title, href, icon, ref } = _a, rest = __rest(_a, ["tag", "hash", "title", "href", "icon", "ref"]);
-    return tag === "button"
-        ? (0, jsx_runtime_1.jsx)(textIconButton_1.TextIconButton, Object.assign({ className: "zen-actions-column__action", "data-hash": hash, title: title, "aria-label": title, type: buttonType_1.ButtonType.Light, icon: icon, iconSize: svgIconSize_1.SvgIconSize.Bigger, iconPosition: textIconButton_1.ButtonIconPosition.Start, iconClasses: "zen-icon--no-events", ref: ref }, rest))
-        : (0, jsx_runtime_1.jsx)("a", Object.assign({ className: "zen-actions-column__action zen-button zen-button--light zen-caption", "data-hash": hash, title: title, "aria-label": title, href: href, ref: ref }, rest, { children: (0, react_1.createElement)(icon, { size: svgIconSize_1.SvgIconSize.Bigger, className: "zen-icon--no-events" }) }));
+    return tag === "button" ? ((0, jsx_runtime_1.jsx)(textIconButton_1.TextIconButton, Object.assign({ className: "zen-actions-column__action", "data-hash": hash, title: title, "aria-label": title, type: buttonType_1.ButtonType.Light, icon: icon, iconSize: svgIconSize_1.SvgIconSize.Bigger, iconPosition: textIconButton_1.ButtonIconPosition.Start, iconClasses: "zen-icon--no-events", ref: ref }, rest))) : ((0, jsx_runtime_1.jsx)("a", Object.assign({ className: "zen-actions-column__action zen-button zen-button--light zen-caption", "data-hash": hash, title: title, "aria-label": title, href: href, ref: ref }, rest, { children: (0, react_1.createElement)(icon, { size: svgIconSize_1.SvgIconSize.Bigger, className: "zen-icon--no-events" }) })));
 };
 exports.ActionColumnCell = ActionColumnCell;

package/dist/dataGrid/columns/basicColumn.js

@@ -15,14 +15,12 @@ class BasicColumn {
         return this.column.defaultValue;
     }
     getHeaderTitle(title) {
-        return this.column.renderHeader !== undefined
-            ? this.column.renderHeader(title)
-            : title;
+        return this.column.renderHeader !== undefined ? this.column.renderHeader(title) : title;
     }
     renderCellAsync(entity, isNested, render) {
         const result = this.getValue(entity, isNested);
         if ((0, exports.isPromiseLike)(result)) {
-            return result.then(r => r === undefined ? r : render(r, entity, isNested));
+            return result.then(r => (r === undefined ? r : render(r, entity, isNested)));
         }
         return render(result, entity, isNested);
     }

package/dist/dataGrid/columns/checkboxColumn/checkboxCell.d.ts

@@ -1,5 +1,6 @@
 import { FC, PropsWithChildren, ReactElement } from "react";
 import { IZenIdComponentProps } from "../../../commonHelpers/zenComponent";
+import "./checkboxColumn.less";
 interface ICheckboxCellProps extends IZenIdComponentProps {
     checked: boolean;
     indeterminate: boolean;

package/dist/dataGrid/columns/checkboxColumn/checkboxCell.js

@@ -4,7 +4,9 @@ exports.CheckboxCell = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const checkbox_1 = require("../../../checkbox/checkbox");
 const classNames_1 = require("../../../commonHelpers/classNames/classNames");
-const CheckboxCell = ({ id, checked, indeterminate, label, disabled, className, onChange, children }) => (0, jsx_runtime_1.jsxs)("div", { className: (0, classNames_1.classNames)(["zen-checkbox-column", className || ""]), children: [(0, jsx_runtime_1.jsx)(checkbox_1.Checkbox, { className: "zen-checkbox-column__checkbox", checked: checked, indeterminate: indeterminate, disabled: disabled, title: label, onChange: e => onChange && onChange(id, e.target.checked), wrapped: true }), children] });
+const CheckboxCell = ({ id, checked, indeterminate, label, disabled, className, onChange, children }) => ((0, jsx_runtime_1.jsxs)("div", { className: (0, classNames_1.classNames)(["zen-checkbox-column", className || ""]), children: [(0, jsx_runtime_1.jsx)(checkbox_1.Checkbox, { className: "zen-checkbox-column__checkbox", checked: checked, indeterminate: indeterminate, disabled: disabled, title: label, onChange: e => onChange && onChange(id, e.target.checked), wrapped: true }), children] }));
 exports.CheckboxCell = CheckboxCell;
-exports.CheckboxCell.Content = function content({ children }) { return (0, jsx_runtime_1.jsx)("div", { className: "zen-checkbox-column__content", children: children }); };
+exports.CheckboxCell.Content = function content({ children }) {
+    return (0, jsx_runtime_1.jsx)("div", { className: "zen-checkbox-column__content", children: children });
+};
 exports.CheckboxCell.Content.displayName = "Content";

package/dist/dataGrid/columns/checkboxColumn/checkboxColumn.d.ts

@@ -5,7 +5,7 @@ import { ISimpleEventHandler, SimpleEventHandler } from "../../../commonHelpers/
 import { IRowEntity } from "../../row/row";
 import { IEntityWithId } from "../../../commonHelpers/entity";
 interface ISelectEvents {
-    "change": [id: string, selected: boolean];
+    change: [id: string, selected: boolean];
 }
 export interface ICheckboxColumn<T extends IRowEntity<N>, N extends IEntityWithId = T> extends ISimpleEventHandler<ISelectEvents>, IListColumnBasic<T, N> {
     selectionState: SelectionState;

package/dist/dataGrid/columns/checkboxColumn/checkboxColumnWrapper.js

@@ -92,14 +92,14 @@ class CheckboxColumnWrapper extends simpleEventHandler_1.SimpleEventHandler {
         }
         const allowed = this.condition(entity);
         const isDisable = this.disabled ? this.disabled(entity) : this.state === SelectionState.All;
-        const cell = (0, jsx_runtime_1.jsx)(checkboxCell_1.CheckboxCell, { id: entity.id, className: allowed ? "" : "zen-checkbox-column--no-checkbox", checked: this.state === SelectionState.All || this.selections.has(entity.id), indeterminate: false, disabled: isDisable, label: this.options.createTitle(entity), onChange: this.changeHandler, children: (0, jsx_runtime_1.jsx)(checkboxCell_1.CheckboxCell.Content, { children: value }) });
+        const cell = ((0, jsx_runtime_1.jsx)(checkboxCell_1.CheckboxCell, { id: entity.id, className: allowed ? "" : "zen-checkbox-column--no-checkbox", checked: this.state === SelectionState.All || this.selections.has(entity.id), indeterminate: false, disabled: isDisable, label: this.options.createTitle(entity), onChange: this.changeHandler, children: (0, jsx_runtime_1.jsx)(checkboxCell_1.CheckboxCell.Content, { children: value }) }));
         return cell;
     }
     renderHeader(title) {
         if (this.options.header === false) {
             return title;
         }
-        const cell = (0, jsx_runtime_1.jsxs)(checkboxHeaderCell_1.CheckboxHeaderCell, { label: this.options.headerTitle || "", actions: true, checked: this.state === SelectionState.CurrentPage || this.state === SelectionState.All, indeterminate: this.state === SelectionState.Partial, onChange: this.changeHandlerAll, children: [(0, jsx_runtime_1.jsx)(checkboxHeaderCell_1.CheckboxHeaderCell.Actions, { ref: this.menuTriggerRef, onClick: this.actionsClickHandler }), (0, jsx_runtime_1.jsx)(checkboxHeaderCell_1.CheckboxHeaderCell.Content, { children: title })] });
+        const cell = ((0, jsx_runtime_1.jsxs)(checkboxHeaderCell_1.CheckboxHeaderCell, { label: this.options.headerTitle || "", actions: true, checked: this.state === SelectionState.CurrentPage || this.state === SelectionState.All, indeterminate: this.state === SelectionState.Partial, onChange: this.changeHandlerAll, children: [(0, jsx_runtime_1.jsx)(checkboxHeaderCell_1.CheckboxHeaderCell.Actions, { ref: this.menuTriggerRef, onClick: this.actionsClickHandler }), (0, jsx_runtime_1.jsx)(checkboxHeaderCell_1.CheckboxHeaderCell.Content, { children: title })] }));
         return cell;
     }
 }
@@ -108,7 +108,5 @@ Object.defineProperty(CheckboxColumnWrapper, "translations", {
     enumerable: true,
     configurable: true,
     writable: true,
-    value: [
-        "Multiple row selection menu"
-    ]
+    value: ["Multiple row selection menu"]
 });

package/dist/dataGrid/columns/checkboxColumn/checkboxHeaderCell.js

@@ -38,6 +38,7 @@ injectString("tr", "Multiple row selection menu", "\xC7oklu s\u0131ra se\xE7imi
 injectString("zh-Hans", "Multiple row selection menu", "\u591A\u884C\u9009\u62E9\u83DC\u5355");
 injectString("zh-TW", "Multiple row selection menu", "\u591A\u5217\u9078\u64C7\u9078\u55AE");
 injectString("ro-RO", "Multiple row selection menu", "Meniu de selectare cu mai multe r\xE2nduri");
+injectString("ar-SA", "Multiple row selection menu", "\u0642\u0627\u0626\u0645\u0629 \u062A\u062D\u062F\u064A\u062F \u0635\u0641\u0648\u0641 \u0645\u062A\u0639\u062F\u062F\u0629");
 const iconChevronDownSmall_1 = require("../../../icons/iconChevronDownSmall");
 const useLanguage_1 = require("../../../utils/localization/useLanguage");
 const CheckboxHandler = ({

package/dist/dataGrid/columns/mainColumn/mainColumnWrapper.js

@@ -10,14 +10,16 @@ class MainColumnWrapper {
         const SideItems = this.options.render ? this.options.render(entity) : null;
         const description = this.options.descriptionText ? this.options.descriptionText.createDescription(entity, isNested) : null;
         const mainTextLink = (_b = (_a = this.options.mainText) === null || _a === void 0 ? void 0 : _a.createLink) === null || _b === void 0 ? void 0 : _b.call(_a, entity, isNested);
-        const mainTextClassName = (0, classNames_1.classNames)(["zen-main-column__name", ((_c = this.options.mainText) === null || _c === void 0 ? void 0 : _c.className) || "", mainTextLink ? "zen-main-column__name--link" : ""]);
+        const mainTextClassName = (0, classNames_1.classNames)([
+            "zen-main-column__name",
+            ((_c = this.options.mainText) === null || _c === void 0 ? void 0 : _c.className) || "",
+            mainTextLink ? "zen-main-column__name--link" : ""
+        ]);
         const descriptionTextClassName = (0, classNames_1.classNames)(["zen-main-column__groups", ((_d = this.options.descriptionText) === null || _d === void 0 ? void 0 : _d.className) || ""]);
         const mainText = ((_f = (_e = this.options.mainText) === null || _e === void 0 ? void 0 : _e.createText) === null || _f === void 0 ? void 0 : _f.call(_e, entity, isNested)) || elt;
         const icon = !isFeed ? this.renderIcon(entity, isNested || false) : null;
         const iconParentClassName = (_g = this.options.icon) === null || _g === void 0 ? void 0 : _g.parentClassName;
-        return (0, jsx_runtime_1.jsxs)("div", { className: "zen-main-column", children: [icon ? (0, jsx_runtime_1.jsx)("div", { className: (0, classNames_1.classNames)(["zen-main-column__icon", iconParentClassName || ""]), children: icon }) : null, (0, jsx_runtime_1.jsxs)("div", { className: "zen-main-column__content", children: [mainTextLink ?
-                            (0, jsx_runtime_1.jsx)("a", { href: mainTextLink, className: mainTextClassName, children: mainText }) :
-                            (0, jsx_runtime_1.jsx)("div", { className: mainTextClassName, children: mainText }), description && (0, jsx_runtime_1.jsx)("div", { className: descriptionTextClassName, children: description })] }), SideItems] });
+        return ((0, jsx_runtime_1.jsxs)("div", { className: "zen-main-column", children: [icon ? (0, jsx_runtime_1.jsx)("div", { className: (0, classNames_1.classNames)(["zen-main-column__icon", iconParentClassName || ""]), children: icon }) : null, (0, jsx_runtime_1.jsxs)("div", { className: "zen-main-column__content", children: [mainTextLink ? ((0, jsx_runtime_1.jsx)("a", { href: mainTextLink, className: mainTextClassName, children: mainText })) : ((0, jsx_runtime_1.jsx)("div", { className: mainTextClassName, children: mainText })), description && (0, jsx_runtime_1.jsx)("div", { className: descriptionTextClassName, children: description })] }), SideItems] }));
     }
     constructor(options) {
         Object.defineProperty(this, "options", {
@@ -51,13 +53,15 @@ class MainColumnWrapper {
         const entityActions = ((_a = this.options.icon) === null || _a === void 0 ? void 0 : _a.condition) === undefined || this.options.icon.condition(entity, isNested);
         const isDisabled = !entityActions;
         const onClick = (_b = this.options.icon) === null || _b === void 0 ? void 0 : _b.onClick;
-        const handleOnClick = onClick ? (e) => {
-            onClick(entity, e);
-        } : undefined;
+        const handleOnClick = onClick
+            ? (e) => {
+                onClick(entity, e);
+            }
+            : undefined;
         const link = (_d = (_c = this.options.icon) === null || _c === void 0 ? void 0 : _c.createLink) === null || _d === void 0 ? void 0 : _d.call(_c, entity, isNested);
         const title = (_f = (_e = this.options.icon) === null || _e === void 0 ? void 0 : _e.createTitle) === null || _f === void 0 ? void 0 : _f.call(_e, entity, isNested);
         const iconClassName = (_g = this.options.icon) === null || _g === void 0 ? void 0 : _g.className;
-        return (0, jsx_runtime_1.jsx)(primaryIcon_1.PrimaryIcon, { icon: Icon, className: iconClassName, style: isNested ? "secondary" : undefined, onClick: handleOnClick, link: link, title: title, disabled: isDisabled });
+        return ((0, jsx_runtime_1.jsx)(primaryIcon_1.PrimaryIcon, { icon: Icon, className: iconClassName, style: isNested ? "secondary" : undefined, onClick: handleOnClick, link: link, title: title, disabled: isDisabled }));
     }
 }
 exports.MainColumnWrapper = MainColumnWrapper;

package/dist/dataGrid/dataGrid.js

@@ -34,6 +34,7 @@ injectString("tr", "Action", "Eylem");
 injectString("zh-Hans", "Action", "\u64CD\u4F5C");
 injectString("zh-TW", "Action", "\u52D5\u4F5C");
 injectString("ro-RO", "Action", "M\u0103sur\u0103");
+injectString("ar-SA", "Action", "\u0625\u062C\u0631\u0627\u0621");
 const react_1 = require("react");
 const classNames_1 = require("../commonHelpers/classNames/classNames");
 const row_1 = require("./row/row");
@@ -213,7 +214,7 @@ const DataGridInner = ({
       children: (0, jsx_runtime_1.jsx)("div", {
         className: "zen-data-grid__header-cell-content",
         children: renderHeaderWrappers(column.wrappers, (0, jsx_runtime_1.jsx)("div", {
-          className: (0, classNames_1.classNames)(["zen-data-grid-header", column.title ? "" : "zen-visually-hidden"]),
+          className: (0, classNames_1.classNames)(["zen-data-grid-header", column.meta.multilineHeader ? "zen-data-grid-header--multiline" : "", column.title ? "" : "zen-visually-hidden"]),
           children: column.title ? text : emptyCellTitleValue
         }))
       })

package/dist/dataGrid/emptySearchList/emptySearchList.js

@@ -44,6 +44,7 @@ injectString("tr", "Try adjusting your search or filter.", "Araman\u0131z\u0131
 injectString("zh-Hans", "Try adjusting your search or filter.", "\u5C1D\u8BD5\u8C03\u6574\u60A8\u7684\u641C\u7D22\u6216\u7B5B\u9009\u6761\u4EF6\u3002");
 injectString("zh-TW", "Try adjusting your search or filter.", "\u8ACB\u5617\u8A66\u8ABF\u6574\u60A8\u7684\u641C\u5C0B\u6216\u7BE9\u9078\u689D\u4EF6\u3002");
 injectString("ro-RO", "Try adjusting your search or filter.", "\xCEncerca\u021Bi s\u0103 ajusta\u021Bi c\u0103utarea sau filtrul.");
+injectString("ar-SA", "Try adjusting your search or filter.", "\u062D\u0627\u0648\u0644 \u062A\u0639\u062F\u064A\u0644 \u0627\u0644\u0628\u062D\u062B \u0623\u0648 \u0627\u0644\u062A\u0635\u0641\u064A\u0629.");
 const EmptySearchList = _a => {
   var props = __rest(_a, []);
   const {

package/dist/dataGrid/entitiesListActions/actions/columnsListButton.js

@@ -39,6 +39,7 @@ injectString("tr", "Column Settings", "S\xFCtun Ayarlar\u0131");
 injectString("zh-Hans", "Column Settings", "\u5217\u8BBE\u7F6E");
 injectString("zh-TW", "Column Settings", "\u6B04\u8A2D\u5B9A");
 injectString("ro-RO", "Column Settings", "Set\u0103ri coloane");
+injectString("ar-SA", "Column Settings", "\u0625\u0639\u062F\u0627\u062F\u0627\u062A \u0627\u0644\u0623\u0639\u0645\u062F\u0629");
 const ColumnsListButtonInner = ({
   onClick,
   ref

package/dist/dataGrid/entitiesListActions/actions/fullscreenButton.js

@@ -17,7 +17,33 @@ const iconMinimize_1 = require("../../../icons/iconMinimize");
 const layoutFullScreenElementProvider_1 = require("../../../layout/layoutFullScreenElementProvider");
 const layoutFullScreenProvider_1 = require("../../../layout/layoutFullScreenProvider");
 const react_1 = require("react");
+injectString("cs", "Exit full screen table view", "Exit full screen table view");
+injectString("da-DK", "Exit full screen table view", "Exit full screen table view");
+injectString("de", "Exit full screen table view", "Exit full screen table view");
 injectString("en", "Exit full screen table view", "Exit full screen table view");
+injectString("es", "Exit full screen table view", "Exit full screen table view");
+injectString("fi-FI", "Exit full screen table view", "Exit full screen table view");
+injectString("fr", "Exit full screen table view", "Exit full screen table view");
+injectString("fr-FR", "Exit full screen table view", "Exit full screen table view");
+injectString("hu-HU", "Exit full screen table view", "Exit full screen table view");
+injectString("id", "Exit full screen table view", "Exit full screen table view");
+injectString("it", "Exit full screen table view", "Exit full screen table view");
+injectString("ja", "Exit full screen table view", "Exit full screen table view");
+injectString("ko-KR", "Exit full screen table view", "Exit full screen table view");
+injectString("ms", "Exit full screen table view", "Exit full screen table view");
+injectString("nb-NO", "Exit full screen table view", "Exit full screen table view");
+injectString("nl", "Exit full screen table view", "Exit full screen table view");
+injectString("pl", "Exit full screen table view", "Exit full screen table view");
+injectString("pt-BR", "Exit full screen table view", "Exit full screen table view");
+injectString("pt-PT", "Exit full screen table view", "Exit full screen table view");
+injectString("sk-SK", "Exit full screen table view", "Exit full screen table view");
+injectString("sv", "Exit full screen table view", "Exit full screen table view");
+injectString("th", "Exit full screen table view", "Exit full screen table view");
+injectString("tr", "Exit full screen table view", "Exit full screen table view");
+injectString("zh-Hans", "Exit full screen table view", "Exit full screen table view");
+injectString("zh-TW", "Exit full screen table view", "Exit full screen table view");
+injectString("ro-RO", "Exit full screen table view", "Exit full screen table view");
+injectString("ar-SA", "Exit full screen table view", "\u0627\u0644\u062E\u0631\u0648\u062C \u0645\u0646 \u0639\u0631\u0636 \u0627\u0644\u062C\u062F\u0648\u0644 \u0628\u0645\u0644\u0621 \u0627\u0644\u0634\u0627\u0634\u0629");
 injectString("cs", "Convert table to full screen", "Konvertovat tabulku do re\u017Eimu pln\xE9ho zobrazen\xED");
 injectString("da-DK", "Convert table to full screen", "Konverter tabel til fuld sk\xE6rm");
 injectString("de", "Convert table to full screen", "Tabelle in Vollbild umwandeln");
@@ -44,6 +70,7 @@ injectString("tr", "Convert table to full screen", "Tabloyu tam ekrana d\xF6n\xF
 injectString("zh-Hans", "Convert table to full screen", "\u5C06\u8868\u683C\u8F6C\u6362\u4E3A\u5168\u5C4F");
 injectString("zh-TW", "Convert table to full screen", "\u5C07\u8868\u683C\u8F49\u63DB\u70BA\u5168\u87A2\u5E55\u986F\u793A");
 injectString("ro-RO", "Convert table to full screen", "Schimba\u021Bi tabelul pe ecran complet");
+injectString("ar-SA", "Convert table to full screen", "\u062A\u062D\u0648\u064A\u0644 \u0627\u0644\u062C\u062F\u0648\u0644 \u0625\u0644\u0649 \u0645\u0644\u0621 \u0627\u0644\u0634\u0627\u0634\u0629");
 const FullScreenButton = ({
   fullScreen,
   title,

package/dist/dataGrid/entitiesListActions/entitiesListActions.js

@@ -12,7 +12,7 @@ const EntitiesListActions = ({ gridType, children }) => {
     }
     const content = [];
     let hasActions = false;
-    react_1.Children.forEach(children, (child) => {
+    react_1.Children.forEach(children, child => {
         if (!child) {
             return;
         }
@@ -26,16 +26,13 @@ const EntitiesListActions = ({ gridType, children }) => {
     if (!hasActions) {
         content.push((0, jsx_runtime_1.jsx)("div", { className: "zen-data-grid-actions__separator" }, "separator"));
     }
-    react_1.Children.forEach(children, (child) => {
+    react_1.Children.forEach(children, child => {
         if (!child) {
             return;
         }
         content.push(child);
     });
-    return (0, jsx_runtime_1.jsx)("div", { className: (0, classNames_1.classNames)([
-            "zen-data-grid-actions",
-            gridType === deviceType_1.DeviceType.Mobile ? "zen-data-grid-actions--mobile" : ""
-        ]), children: content });
+    return ((0, jsx_runtime_1.jsx)("div", { className: (0, classNames_1.classNames)(["zen-data-grid-actions", gridType === deviceType_1.DeviceType.Mobile ? "zen-data-grid-actions--mobile" : ""]), children: content }));
 };
 exports.EntitiesListActions = EntitiesListActions;
 exports.EntitiesListActions.Actions = function actionsComp({ children }) {

package/dist/dataGrid/headerCell/headerCell.js

@@ -4,9 +4,9 @@ exports.DataGridHeaderCell = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = require("react");
 const classNames_1 = require("../../commonHelpers/classNames/classNames");
-const HeaderCell = ({ id, name, isFirst, isLast, width, hidden, ariaSort, children }) => (0, jsx_runtime_1.jsx)("th", { scope: "col", "data-column-id": id, "data-column-name": name, className: (0, classNames_1.classNames)([
+const HeaderCell = ({ id, name, isFirst, isLast, width, hidden, ariaSort, children }) => ((0, jsx_runtime_1.jsx)("th", { scope: "col", "data-column-id": id, "data-column-name": name, className: (0, classNames_1.classNames)([
         "zen-data-grid__header-cell",
         isFirst ? "zen-data-grid__header-cell--first" : "",
         isLast ? "zen-data-grid__header-cell--last" : ""
-    ]), "aria-hidden": hidden, "aria-sort": ariaSort, style: { width: isLast ? undefined : width, maxWidth: width }, children: children });
+    ]), "aria-hidden": hidden, "aria-sort": ariaSort, style: { width: isLast ? undefined : width, maxWidth: width }, children: children }));
 exports.DataGridHeaderCell = (0, react_1.memo)(HeaderCell);

package/dist/dataGrid/listColumn.d.ts

@@ -5,6 +5,7 @@ export interface IListColumnMeta<T, N = T> {
     readonly defaultValue?: string;
     readonly lazyLoad?: boolean;
     readonly visibleOnHover?: boolean;
+    readonly multilineHeader?: boolean;
     readonly initialSortDirection?: ColumnSortDirection;
     readonly renderPlaceholder?: (entity: T | N) => ReactNode;
     readonly renderFeedPlaceholder?: (title: ReactNode, entity: T | N) => [ReactNode, ReactNode];
@@ -19,10 +20,7 @@ export interface IListColumn<T, N = T> {
     colspan?: undefined | number | ((entity: T | N) => number | undefined);
 }
 export type TRenderResult = ReactNode | PromiseLike<ReactNode | undefined> | undefined;
-type TFeedResultBasic = [
-    ReactNode,
-    TRenderResult
-];
+type TFeedResultBasic = [ReactNode, TRenderResult];
 export type TFeedResult = TFeedResultBasic | Readonly<TFeedResultBasic>;
 export interface IListColumnBasic<T, N = T> {
     renderHeader?: (title: string) => ReactNode;

package/dist/dataGrid/row/row.js

@@ -35,11 +35,7 @@ const Row = ({ id, entity, columns, visibleRows, flexibleColumnWidth, isLastRow,
     const mainRowId = (0, react_1.useId)();
     const renderCells = (0, react_1.useCallback)((rowEntity, isNested) => columns.reduce((acc, column, index) => {
         const colspanFn = column.colspan;
-        let colspan = colspanFn
-            ? typeof colspanFn === "function"
-                ? colspanFn(rowEntity)
-                : colspanFn
-            : undefined;
+        let colspan = colspanFn ? (typeof colspanFn === "function" ? colspanFn(rowEntity) : colspanFn) : undefined;
         colspan = colspan && colspan > 1 ? colspan : undefined;
         const { limited, width } = getCellParams(index, colspan);
         if (acc.colspan > 0) {
@@ -51,20 +47,16 @@ const Row = ({ id, entity, columns, visibleRows, flexibleColumnWidth, isLastRow,
         }
         const renderWrappers = (value, ent) => column.wrappers.reduce((result, wrapper) => wrapper.render(result, ent, isNested), value);
         const renderFn = isNested
-            // eslint-disable-next-line @typescript-eslint/no-unnecessary-condition
-            ? (("renderNested" in column.columnComponent && column.columnComponent.renderNested !== undefined)
-                ? column.columnComponent.renderNested.bind(column.columnComponent)
-                : column.columnComponent.render.bind(column.columnComponent))
+            ? // eslint-disable-next-line @typescript-eslint/no-unnecessary-condition
+                ("renderNested" in column.columnComponent && column.columnComponent.renderNested !== undefined
+                    ? column.columnComponent.renderNested.bind(column.columnComponent)
+                    : column.columnComponent.render.bind(column.columnComponent))
             : column.columnComponent.render.bind(column.columnComponent);
-        acc.cells.push((0, jsx_runtime_1.jsx)(cell_1.DataGridCell, { render: (e) => renderFn(e, isNested), renderPlaceholder: column.meta.renderPlaceholder, renderWrappers: renderWrappers, defaultValue: column.meta.defaultValue, entity: rowEntity, index: index, limited: limited, visibleOnHover: column.meta.visibleOnHover, width: column.meta.visibleOnHover ? 0 : width, isVisible: isVisible, colspan: colspan, onClick: !isNested && onExpandedChange ? () => onExpandedChange(!expanded) : (onClick ? () => onClick(rowEntity.id) : undefined), isActive: isActive, className: isNested ? "zen-data-grid__row-cell--nested" : "" }, `${rowEntity.id}_${column.name}`));
+        acc.cells.push((0, jsx_runtime_1.jsx)(cell_1.DataGridCell, { render: e => renderFn(e, isNested), renderPlaceholder: column.meta.renderPlaceholder, renderWrappers: renderWrappers, defaultValue: column.meta.defaultValue, entity: rowEntity, index: index, limited: limited, visibleOnHover: column.meta.visibleOnHover, width: column.meta.visibleOnHover ? 0 : width, isVisible: isVisible, colspan: colspan, onClick: !isNested && onExpandedChange ? () => onExpandedChange(!expanded) : onClick ? () => onClick(rowEntity.id) : undefined, isActive: isActive, className: isNested ? "zen-data-grid__row-cell--nested" : "" }, `${rowEntity.id}_${column.name}`));
         return acc;
     }, { cells: [], colspan: 0 }).cells, [columns, expanded, getCellParams, isVisible, onExpandedChange, isActive, onClick]);
     const cells = (0, react_1.useMemo)(() => renderCells(entity, false), [entity, renderCells]);
-    const nestedCells = (0, react_1.useMemo)(() => (expanded && entity.children ? entity.children : []).map((nestedEntity) => renderCells(nestedEntity, true)), [entity.children, expanded, renderCells]);
-    return (0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("tr", { "data-row-id": id, id: mainRowId, role: "row", "aria-level": isTreeGrid ? 1 : undefined, "aria-posinset": isTreeGrid ? ariaPosinset : undefined, "aria-setsize": isTreeGrid ? ariaSetsize : undefined, "aria-expanded": isTreeGrid ? expanded : undefined, className: (0, classNames_1.classNames)([
-                    "zen-data-grid__row",
-                    className || "",
-                    isLastRow ? "zen-data-grid__row--last" : ""
-                ]), children: cells }, mainRowId), nestedCells.map((nestedRow, index) => ((0, jsx_runtime_1.jsx)("tr", { id: `${mainRowId}_child_${index}`, role: "row", "aria-level": 2, "aria-posinset": index + 1, "aria-setsize": nestedCells.length, className: "zen-data-grid__row zen-data-grid__row--nested", children: nestedRow }, `${mainRowId}_child_${index}`)))] });
+    const nestedCells = (0, react_1.useMemo)(() => (expanded && entity.children ? entity.children : []).map(nestedEntity => renderCells(nestedEntity, true)), [entity.children, expanded, renderCells]);
+    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("tr", { "data-row-id": id, id: mainRowId, role: "row", "aria-level": isTreeGrid ? 1 : undefined, "aria-posinset": isTreeGrid ? ariaPosinset : undefined, "aria-setsize": isTreeGrid ? ariaSetsize : undefined, "aria-expanded": isTreeGrid ? expanded : undefined, className: (0, classNames_1.classNames)(["zen-data-grid__row", className || "", isLastRow ? "zen-data-grid__row--last" : ""]), children: cells }, mainRowId), nestedCells.map((nestedRow, index) => ((0, jsx_runtime_1.jsx)("tr", { id: `${mainRowId}_child_${index}`, role: "row", "aria-level": 2, "aria-posinset": index + 1, "aria-setsize": nestedCells.length, className: "zen-data-grid__row zen-data-grid__row--nested", children: nestedRow }, `${mainRowId}_child_${index}`)))] }));
 };
 exports.DataGridRow = (0, react_1.memo)(Row);

package/dist/dataGrid/withActions/withActions.js

@@ -20,7 +20,9 @@ const withActions = (DataGridComponent) => {
             actions = colActions ? colActions : undefined;
             actionsAsync = colComp.columnActionsAsync;
         }
-        const allColumns = (0, react_1.useMemo)(() => columns.filter(el => !(el.columnComponent instanceof actionsColumn_1.ActionsColumn)).map(column => (Object.assign({}, (0, toBasicColumn_1.toBasicColumn)(Object.assign({}, column))))), [columns]);
+        const allColumns = (0, react_1.useMemo)(() => columns
+            .filter(el => !(el.columnComponent instanceof actionsColumn_1.ActionsColumn))
+            .map(column => (Object.assign({}, (0, toBasicColumn_1.toBasicColumn)(Object.assign({}, column))))), [columns]);
         return (0, jsx_runtime_1.jsx)(DataGridComponent, Object.assign({}, props, { columns: [...allColumns], actions: actions, actionsAsync: actionsAsync, ref: props.ref }), "grid");
     };
     WithActionsInner.displayName = `withActions(${DataGridComponent.displayName || DataGridComponent.name})`;

package/dist/dataGrid/withFlexibleColumns/columns/flexibleColumnWrapper.js

@@ -3,7 +3,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.FlexibleColumnWrapper = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const iconGrab_1 = require("../../../icons/iconGrab");
-const createFlexibleHeaderCell = (draggable, resizable, title) => (0, jsx_runtime_1.jsxs)("div", { className: `zen-flexible-column ${draggable ? "" : `zen-flexible-column--static`}`, "data-column": "", children: [resizable ? (0, jsx_runtime_1.jsx)("div", { className: "zen-flexible-column__draggable" }) : "", (0, jsx_runtime_1.jsxs)("div", { className: `zen-flexible-column ${draggable ? "zen-flexible-column--draggable" : ""}`, children: [draggable ? (0, jsx_runtime_1.jsx)(iconGrab_1.IconGrab, { size: "large", className: "zen-flexible-column__draggable-icon" }) : null, (0, jsx_runtime_1.jsx)("div", { className: "zen-flexible-column__content", children: title })] })] });
+const createFlexibleHeaderCell = (draggable, resizable, title) => ((0, jsx_runtime_1.jsxs)("div", { className: `zen-flexible-column ${draggable ? "" : `zen-flexible-column--static`}`, "data-column": "", children: [resizable ? (0, jsx_runtime_1.jsx)("div", { className: "zen-flexible-column__draggable" }) : "", (0, jsx_runtime_1.jsxs)("div", { className: `zen-flexible-column ${draggable ? "zen-flexible-column--draggable" : ""}`, children: [draggable ? (0, jsx_runtime_1.jsx)(iconGrab_1.IconGrab, { size: "large", className: "zen-flexible-column__draggable-icon" }) : null, (0, jsx_runtime_1.jsx)("div", { className: "zen-flexible-column__content", children: title })] })] }));
 class FlexibleColumnWrapper {
     constructor(options) {
         Object.defineProperty(this, "options", {
@@ -14,7 +14,7 @@ class FlexibleColumnWrapper {
         });
     }
     renderHeader(title) {
-        return createFlexibleHeaderCell(this.options.draggable || false, !!(this.options.resizable), title);
+        return createFlexibleHeaderCell(this.options.draggable || false, !!this.options.resizable, title);
     }
     render(value, _) {
         return value;

package/dist/dataGrid/withFlexibleColumns/components/columnSettings.js

@@ -37,6 +37,7 @@ injectString("tr", "Reset column settings", "S\xFCtun ayarlar\u0131n\u0131 s\u01
 injectString("zh-Hans", "Reset column settings", "\u91CD\u7F6E\u5217\u8BBE\u7F6E");
 injectString("zh-TW", "Reset column settings", "\u91CD\u8A2D\u6B04\u8A2D\u5B9A");
 injectString("ro-RO", "Reset column settings", "Reseta\u021Bi set\u0103rile coloanelor");
+injectString("ar-SA", "Reset column settings", "\u0625\u0639\u0627\u062F\u0629 \u062A\u0639\u064A\u064A\u0646 \u0625\u0639\u062F\u0627\u062F\u0627\u062A \u0627\u0644\u0623\u0639\u0645\u062F\u0629");
 injectString("cs", "Reset", "Obnovit");
 injectString("da-DK", "Reset", "Nulstil");
 injectString("de", "Reset", "Zur\xFCcksetzen");
@@ -63,6 +64,7 @@ injectString("tr", "Reset", "S\u0131f\u0131rla");
 injectString("zh-Hans", "Reset", "\u91CD\u7F6E");
 injectString("zh-TW", "Reset", "\u91CD\u8A2D");
 injectString("ro-RO", "Reset", "Reseta\u021Bi");
+injectString("ar-SA", "Reset", "\u0625\u0639\u0627\u062F\u0629 \u062A\u0639\u064A\u064A\u0646");
 const ColumnSettingsInner = ({
   onReset,
   showFooter = true,

package/dist/dataGrid/withFlexibleColumns/components/columnSettingsList.js

@@ -37,7 +37,7 @@ const SubColumnsList = ({ title, columns, settings, firstColumn, onChange, sortC
     if (!title) {
         return list;
     }
-    return (0, jsx_runtime_1.jsxs)("div", { className: "zen-columns-list__sub-section", children: [(0, jsx_runtime_1.jsx)("div", { className: "zen-columns-list__title zen-ellipsis", children: title }), list] });
+    return ((0, jsx_runtime_1.jsxs)("div", { className: "zen-columns-list__sub-section", children: [(0, jsx_runtime_1.jsx)("div", { className: "zen-columns-list__title zen-ellipsis", children: title }), list] }));
 };
 function ColumnSettingsList({ columns, settings, firstColumn, onChange, sortGroups, sortColumns }) {
     const groupped = (0, groupColumns_1.groupColumns)(columns);
@@ -47,6 +47,8 @@ function ColumnSettingsList({ columns, settings, firstColumn, onChange, sortGrou
         }
         return 0;
     }, [sortGroups]);
-    return Array.from(groupped.entries()).sort(sortGroupsInt).map(([title, cs]) => (0, jsx_runtime_1.jsx)(SubColumnsList, { title: title, columns: cs, settings: settings, firstColumn: firstColumn, onChange: onChange, sortColumns: sortColumns }, cs.map(c => c.id).join("-")));
+    return Array.from(groupped.entries())
+        .sort(sortGroupsInt)
+        .map(([title, cs]) => ((0, jsx_runtime_1.jsx)(SubColumnsList, { title: title, columns: cs, settings: settings, firstColumn: firstColumn, onChange: onChange, sortColumns: sortColumns }, cs.map(c => c.id).join("-"))));
 }
 exports.ColumnSettingsList = ColumnSettingsList;