@geotab/zenith 1.26.2 → 1.26.4-beta.0

package/dist/commonHelpers/reactHelpers/reactHelpers.js

@@ -18,4 +18,3 @@ const getComponentText = (comp) => {
 exports.getComponentText = getComponentText;
 const isFunction = (obj) => typeof obj === "function";
 exports.isFunction = isFunction;
-//# sourceMappingURL=reactHelpers.js.map

package/dist/commonHelpers/simpleEventHandler.js

@@ -2,7 +2,14 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.SimpleEventHandler = void 0;
 class SimpleEventHandler {
-    simpleEventCache = {};
+    constructor() {
+        Object.defineProperty(this, "simpleEventCache", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: {}
+        });
+    }
     attach(event, handler) {
         this.simpleEventCache[event] = this.simpleEventCache[event] || [];
         this.simpleEventCache[event].push(handler);
@@ -29,4 +36,3 @@ class SimpleEventHandler {
     }
 }
 exports.SimpleEventHandler = SimpleEventHandler;
-//# sourceMappingURL=simpleEventHandler.js.map

package/dist/commonHelpers/tabsKeyboard.js

@@ -45,4 +45,3 @@ const tabsKeyboardTabHandler = (e, tabsArr, activeElement) => {
     return undefined;
 };
 exports.tabsKeyboardTabHandler = tabsKeyboardTabHandler;
-//# sourceMappingURL=tabsKeyboard.js.map

package/dist/commonHelpers/translatable.js

@@ -1,3 +1,2 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-//# sourceMappingURL=translatable.js.map

package/dist/commonHelpers/types/mutable.js

@@ -1,3 +1,2 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-//# sourceMappingURL=mutable.js.map

package/dist/commonHelpers/useUniqueId.js

@@ -27,4 +27,3 @@ const useUniqueId = () => {
     return id;
 };
 exports.useUniqueId = useUniqueId;
-//# sourceMappingURL=useUniqueId.js.map

package/dist/commonHelpers/utils.js

@@ -13,7 +13,7 @@ function isObject(item) {
     return (typeof item === "object" && !Array.isArray(item) && item !== null);
 }
 function deepMerge(obj1, obj2) {
-    const output = { ...obj1 };
+    const output = Object.assign({}, obj1);
     Object.entries(obj2).forEach(([key, value]) => {
         if (isObject(value) && key in obj1 && isObject(obj1[key])) {
             output[key] = deepMerge(obj1[key], value);
@@ -53,4 +53,3 @@ const deepClone = (candidateToCopy) => {
     return (candidateToCopy === undefined ? undefined : deepCloneFallback(candidateToCopy));
 };
 exports.deepClone = deepClone;
-//# sourceMappingURL=utils.js.map

package/dist/commonHelpers/zenComponent.js

@@ -1,3 +1,2 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-//# sourceMappingURL=zenComponent.js.map

package/dist/controlledPopup/controlledPopup.js

@@ -5,7 +5,6 @@ const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = require("react");
 const absolute_1 = require("../absolute/absolute");
 const classNames_1 = require("../commonHelpers/classNames/classNames");
-require("./controlledPopup.less");
 const ControlledPopup = ({ isOpen, id, paddingX, paddingY, triggerRef, className, children, alignment, inline, onOpenChange, useTrapFocusWithTrigger, shouldHoldScroll, ariaLabel, ariaLabelledby, recalculateOnScroll }) => {
     const autoId = (0, react_1.useId)();
     const popupId = id || autoId;
@@ -22,4 +21,3 @@ const ControlledPopup = ({ isOpen, id, paddingX, paddingY, triggerRef, className
     return (0, jsx_runtime_1.jsx)(absolute_1.Absolute, { triggerRef: triggerRef, alignment: alignment, id: popupId, isOpen: isOpen, className: (0, classNames_1.classNames)(["zen-popup", className ? className : ""]), paddingX: paddingX, paddingY: paddingY, inline: inline, onOpenChange: onOpenChange, useTrapFocusWithTrigger: useTrapFocusWithTrigger, shouldHoldScroll: shouldHoldScroll, role: "dialog", ariaLabel: ariaLabel, ariaLabelledby: ariaLabelledby, recalculateOnScroll: recalculateOnScroll, children: children });
 };
 exports.ControlledPopup = ControlledPopup;
-//# sourceMappingURL=controlledPopup.js.map

package/dist/dataFeed/dataFeed.d.ts

@@ -20,6 +20,7 @@ export interface IDataFeed<T, N = T> extends IDataGrid<T, N> {
     expanded: boolean;
     actions?: IActionWithId<T> | ((e: T, isNested: boolean) => JSX.Element) | undefined;
     actionsAsync?: IActionWithId<T> | ((e: T, isNested: boolean) => PromiseLike<JSX.Element>);
+    primaryActions?: IActionWithId<T>[] | ((e: T, isNested: boolean) => IActionWithId<T>[]);
     options: IDataFeedOptions;
     itemsPerPage?: number;
     expandedRows?: string[];
@@ -28,7 +29,7 @@ export interface IDataFeed<T, N = T> extends IDataGrid<T, N> {
 }
 declare const EmptyList: FC<PropsWithChildren>;
 declare const Footer: FC<PropsWithChildren>;
-declare const DataFeedInner: <T extends IRowEntity<N>, N extends IEntityWithId>({ entities, columns, feedWrappers, className, expanded, options, description, children, actions, actionsAsync, itemsPerPage, rowClassName, expandedRows, onExpandedChange, activePage }: IDataFeed<T, N>, ref: ForwardedRef<HTMLElement>) => import("react/jsx-runtime").JSX.Element;
+declare const DataFeedInner: <T extends IRowEntity<N>, N extends IEntityWithId>({ entities, columns, feedWrappers, className, expanded, options, description, children, actions, actionsAsync, primaryActions, itemsPerPage, rowClassName, expandedRows, onExpandedChange, activePage }: IDataFeed<T, N>, ref: ForwardedRef<HTMLElement>) => import("react/jsx-runtime").JSX.Element;
 export interface IDataFeedStaticProps {
     EmptyList: typeof EmptyList;
     Footer: typeof Footer;

package/dist/dataFeed/dataFeed.js

@@ -2,7 +2,6 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.DataFeed = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
-require("./dataFeed.less");
 const react_1 = require("react");
 const classNames_1 = require("../commonHelpers/classNames/classNames");
 const findVisible_1 = require("../dataGrid/extensions/findVisible");
@@ -14,7 +13,7 @@ const EmptyList = ({ children }) => (0, jsx_runtime_1.jsx)("div", { className: "
 const Footer = ({ children }) => (0, jsx_runtime_1.jsx)("div", { className: "zen-data-feed__footer", children: children });
 const endOfFeedThreshold = 100;
 const checkCloseToTheEnd = (feedContainerElt) => {
-    const feedElt = feedContainerElt?.querySelector(".zen-data-feed");
+    const feedElt = feedContainerElt === null || feedContainerElt === void 0 ? void 0 : feedContainerElt.querySelector(".zen-data-feed");
     if (!feedContainerElt || !feedElt) {
         return false;
     }
@@ -23,7 +22,7 @@ const checkCloseToTheEnd = (feedContainerElt) => {
     return distanceToTheBottom < endOfFeedThreshold;
 };
 const FIRST_RENDERED_ROWS = 50;
-const DataFeedInner = ({ entities, columns, feedWrappers, className, expanded, options, description, children, actions, actionsAsync, itemsPerPage = 1000, rowClassName, expandedRows, onExpandedChange, activePage }, ref) => {
+const DataFeedInner = ({ entities, columns, feedWrappers, className, expanded, options, description, children, actions, actionsAsync, primaryActions, itemsPerPage = 1000, rowClassName, expandedRows, onExpandedChange, activePage }, ref) => {
     const [pages, setPages] = (0, react_1.useState)(1);
     const data = (0, react_1.useMemo)(() => entities.slice(0, itemsPerPage * pages), [entities, itemsPerPage, pages]);
     const initialVisibleRows = (0, react_1.useMemo)(() => data.slice(0, FIRST_RENDERED_ROWS).map(r => r.id), [data]);
@@ -95,8 +94,8 @@ const DataFeedInner = ({ entities, columns, feedWrappers, className, expanded, o
     }, true);
     const feedItems = (0, react_1.useMemo)(() => data.map((entity, index) => {
         const entityClassName = (0, getRowClassName_1.getRowClassName)(rowClassName, entity);
-        return (0, jsx_runtime_1.jsx)(dataFeedColumnsItems_1.FeedItem, { collapsedColumnsQty: collapsedColumnsQty, columnsList: columnsList, feedWrappers: feedWrappers || [], visibleColumns: visibleColumns, entity: entity, visibleRows: visibleRows, index: index, expanded: expanded, className: entityClassName, actions: actions, actionsAsync: actionsAsync, isRowExpanded: expandedRows && expandedRows.indexOf(entity.id) > -1, onExpandedChange: (isExpanded) => onExpandedChange && onExpandedChange(entity.id, isExpanded) }, entity.id);
-    }), [data, rowClassName, collapsedColumnsQty, columnsList, feedWrappers, visibleColumns, visibleRows, expanded, actions, actionsAsync, expandedRows, onExpandedChange]);
+        return (0, jsx_runtime_1.jsx)(dataFeedColumnsItems_1.FeedItem, { collapsedColumnsQty: collapsedColumnsQty, columnsList: columnsList, feedWrappers: feedWrappers || [], visibleColumns: visibleColumns, entity: entity, visibleRows: visibleRows, index: index, expanded: expanded, className: entityClassName, actions: actions, actionsAsync: actionsAsync, primaryActions: primaryActions, isRowExpanded: expandedRows && expandedRows.indexOf(entity.id) > -1, onExpandedChange: (isExpanded) => onExpandedChange && onExpandedChange(entity.id, isExpanded) }, entity.id);
+    }), [data, rowClassName, collapsedColumnsQty, columnsList, feedWrappers, visibleColumns, visibleRows, expanded, actions, actionsAsync, primaryActions, expandedRows, onExpandedChange]);
     return (0, jsx_runtime_1.jsx)("div", { className: "zen-data-grid-wrapper", children: (0, jsx_runtime_1.jsxs)("div", { className: (0, classNames_1.classNames)([
                 "zen-data-grid",
                 className || ""
@@ -106,4 +105,3 @@ const DataFeed = (0, react_1.forwardRef)(DataFeedInner);
 exports.DataFeed = DataFeed;
 DataFeed.EmptyList = EmptyList;
 DataFeed.Footer = Footer;
-//# sourceMappingURL=dataFeed.js.map

package/dist/dataFeed/dataFeedCell/dataFeedCell.js

@@ -4,7 +4,6 @@ exports.DataFeedCell = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = require("react");
 const classNames_1 = require("../../commonHelpers/classNames/classNames");
-require("./dataFeedCell.less");
 const basicColumn_1 = require("../../dataGrid/columns/basicColumn");
 const FeedCell = ({ limited = false, visibleOnHover = false, isVisible, title, render, renderWrappers, renderPlaceholder, defaultValue, entity, isNested }) => {
     const [labelContent, setLabelContent] = (0, react_1.useState)("");
@@ -60,4 +59,3 @@ const FeedCell = ({ limited = false, visibleOnHover = false, isVisible, title, r
                 : null] });
 };
 exports.DataFeedCell = (0, react_1.memo)(FeedCell);
-//# sourceMappingURL=dataFeedCell.js.map

package/dist/dataFeed/dataFeedColumnsItems.d.ts

@@ -22,6 +22,7 @@ interface IFeedItem<T extends IRowEntity<N>, N extends IEntityWithId> {
     onExpandedChange?: (isExpanded: boolean) => void;
     actions?: IActionWithId<T> | ((entity: T, isNested: boolean) => JSX.Element);
     actionsAsync?: IActionWithId<T> | ((entity: T, isNested: boolean) => PromiseLike<JSX.Element>);
+    primaryActions?: IActionWithId<T>[] | ((e: T, isNested: boolean) => IActionWithId<T>[]);
 }
-export declare const FeedItem: <T extends IRowEntity<N>, N extends IEntityWithId>({ columnsList, feedWrappers, expanded, collapsedColumnsQty, visibleColumns, visibleRows, entity, index, className, isRowExpanded, onExpandedChange, actions }: IFeedItem<T, N>) => import("react/jsx-runtime").JSX.Element;
+export declare const FeedItem: <T extends IRowEntity<N>, N extends IEntityWithId>({ columnsList, feedWrappers, expanded, collapsedColumnsQty, visibleColumns, visibleRows, entity, index, className, isRowExpanded, onExpandedChange, actions, actionsAsync, primaryActions }: IFeedItem<T, N>) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/dataFeed/dataFeedColumnsItems.js

@@ -8,6 +8,7 @@ const feedItem_1 = require("./feedItem/feedItem");
 const dataFeedCell_1 = require("./dataFeedCell/dataFeedCell");
 const actionsMenu_1 = require("../table/actions/actionsMenu");
 const useVisibleColumns_1 = require("./hooks/useVisibleColumns");
+const menu_1 = require("../menu/menu");
 const getIconFromColumnComponent = (column, entity, isNested) => {
     const renderIcon = ("renderIcon" in column.columnComponent) ? column.columnComponent.renderIcon : undefined;
     if (renderIcon) {
@@ -15,26 +16,45 @@ const getIconFromColumnComponent = (column, entity, isNested) => {
     }
     return null;
 };
-const FeedItemInner = ({ columnsList, feedWrappers, expanded, collapsedColumnsQty, visibleColumns, visibleRows, entity, index, className = "", isRowExpanded, onExpandedChange, actions }) => {
+const FeedItemInner = ({ columnsList, feedWrappers, expanded, collapsedColumnsQty, visibleColumns, visibleRows, entity, index, className = "", isRowExpanded, onExpandedChange, actions, actionsAsync, primaryActions }) => {
     const { mainColumns, secondaryColumns } = (0, useVisibleColumns_1.useVisibleColumns)(columnsList, expanded, { visibleColumns, collapsedColumnsQty });
     const mainColumnsMemoized = (0, react_1.useMemo)(() => mainColumns, [mainColumns]);
     const secondaryColumnsMemoized = (0, react_1.useMemo)(() => secondaryColumns, [secondaryColumns]);
     const isVisible = visibleRows.has(entity.id);
     const renderCells = (0, react_1.useCallback)((rowEntity, nested) => {
         const getActions = () => {
-            if (!actions) {
+            let primaryActionsList = undefined;
+            let primaryActionsContent = undefined;
+            if (primaryActions) {
+                if (typeof primaryActions === "function") {
+                    primaryActionsList = primaryActions(rowEntity, !nested);
+                }
+                else if (Array.isArray(primaryActions)) {
+                    primaryActionsList = primaryActions;
+                }
+                if (primaryActionsList && primaryActionsList.length > 0) {
+                    primaryActionsContent = (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: primaryActionsList.map((action) => (0, jsx_runtime_1.jsx)(menu_1.Menu.Item, { id: action.id, icon: action.icon, name: action.createTitle(rowEntity), onClick: typeof action.handler === "function" ?
+                                (_1, e) => { var _a; (_a = action.handler) === null || _a === void 0 ? void 0 : _a.call(action, entity, e.target); } :
+                                undefined }, action.id)) });
+                }
+            }
+            if (!actions && !actionsAsync && !primaryActionsList) {
                 return null;
             }
             if (entity.isLoading) {
                 return null;
             }
             if (typeof actions === "function") {
-                return (0, jsx_runtime_1.jsx)(actionsMenu_1.ActionsMenu, { entity: rowEntity, isNested: !nested, render: actions });
+                return (0, jsx_runtime_1.jsx)(actionsMenu_1.ActionsMenu, { entity: rowEntity, isNested: !nested, render: actions, primaryActions: primaryActionsContent });
+            }
+            if (typeof actionsAsync === "function") {
+                return (0, jsx_runtime_1.jsx)(actionsMenu_1.ActionsMenu, { entity: rowEntity, isNested: !nested, renderAsync: actionsAsync, primaryActions: primaryActionsContent });
             }
             return (0, jsx_runtime_1.jsx)(actionsButton_1.ActionsButton, { action: actions, entity: rowEntity });
         };
         const getRenderFeed = (column) => {
-            const renderHeader = column.columnComponent.renderHeader?.bind(column.columnComponent) || (() => column.title);
+            var _a;
+            const renderHeader = ((_a = column.columnComponent.renderHeader) === null || _a === void 0 ? void 0 : _a.bind(column.columnComponent)) || (() => column.title);
             return (title, feedEntity, isNested) => {
                 if (column.columnComponent.renderFeed) {
                     // eslint-disable-next-line @typescript-eslint/no-explicit-any, @typescript-eslint/no-unsafe-argument
@@ -88,10 +108,9 @@ const FeedItemInner = ({ columnsList, feedWrappers, expanded, collapsedColumnsQt
         const renderFeedWrappers = getRenderFeedWrappers(feedWrappers, rowEntity, !nested);
         const key = !nested ? `nested_${rowEntity.id}` : rowEntity.id;
         return (0, jsx_runtime_1.jsx)(feedItem_1.DataFeedItem, { id: entity.id, index: index, onClick: onItemClick, className: className, icon: icon, identifier: mainColumnsData[0], primaryData: mainColumnsData.slice(1), secondaryData: secondaryColumnsData, actions: actionsNode, nestedData: nested && nested.length ? nested : undefined, renderFeedWrappers: renderFeedWrappers }, key);
-    }, [className, feedWrappers, index, isRowExpanded, isVisible, mainColumnsMemoized, onExpandedChange, secondaryColumnsMemoized, actions, entity]);
+    }, [className, feedWrappers, index, isRowExpanded, isVisible, mainColumnsMemoized, onExpandedChange, secondaryColumnsMemoized, actions, actionsAsync, primaryActions, entity]);
     const nestedCells = (0, react_1.useMemo)(() => (entity.children && isRowExpanded ? entity.children : []).map(nestedEntity => renderCells(nestedEntity)), [entity.children, isRowExpanded, renderCells]);
     const cells = (0, react_1.useMemo)(() => renderCells(entity, nestedCells), [entity, nestedCells, renderCells]);
     return cells;
 };
 exports.FeedItem = (0, react_1.memo)(FeedItemInner);
-//# sourceMappingURL=dataFeedColumnsItems.js.map

package/dist/dataFeed/dataFeedHeader/dataFeedHeader.js

@@ -2,12 +2,11 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.DataFeedHeader = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
-require("./dataFeedHeader.less");
 const sortableColumnWrapper_1 = require("../../dataGrid/withSortableColumns/columns/sortableColumnWrapper");
 const columnSortDirection_1 = require("../../dataGrid/withSortableColumns/columns/columnSortDirection");
 const DataFeedHeader = ({ column, sortState, className, onSortChange }) => {
-    const isSortedBy = sortState?.sortColumn === column.id;
-    return (0, jsx_runtime_1.jsx)("div", { className: className, children: (0, jsx_runtime_1.jsx)(sortableColumnWrapper_1.SortableHeaderCell, { columnName: column.name?.toString() || column.id.toString(), isSortedBy: isSortedBy, sortDirection: isSortedBy ? sortState.sortDirection : columnSortDirection_1.ColumnSortDirection.None, title: column.title, tooltip: column.title, onSortChange: onSortChange, isMobile: true, initialSortDirection: column.meta?.initialSortDirection }) });
+    var _a, _b;
+    const isSortedBy = (sortState === null || sortState === void 0 ? void 0 : sortState.sortColumn) === column.id;
+    return (0, jsx_runtime_1.jsx)("div", { className: className, children: (0, jsx_runtime_1.jsx)(sortableColumnWrapper_1.SortableHeaderCell, { columnName: ((_a = column.name) === null || _a === void 0 ? void 0 : _a.toString()) || column.id.toString(), isSortedBy: isSortedBy, sortDirection: isSortedBy ? sortState.sortDirection : columnSortDirection_1.ColumnSortDirection.None, title: column.title, tooltip: column.title, onSortChange: onSortChange, isMobile: true, initialSortDirection: (_b = column.meta) === null || _b === void 0 ? void 0 : _b.initialSortDirection }) });
 };
 exports.DataFeedHeader = DataFeedHeader;
-//# sourceMappingURL=dataFeedHeader.js.map

package/dist/dataFeed/dataFeedSelectPanel/dataFeedSelectPanel.js

@@ -2,7 +2,6 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.DataFeedSelectPanel = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
-require("./dataFeedSelectPanel.less");
 const sidePanel_1 = require("../../sidePanel/sidePanel");
 const classNames_1 = require("../../commonHelpers/classNames/classNames");
 const feedSelectControl_1 = require("../feedSelectControl/feedSelectControl");
@@ -12,4 +11,3 @@ const DataFeedSelectPanel = ({ buttonTitle, panelTitle, isOpen, onTriggerClick,
     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;
-//# sourceMappingURL=dataFeedSelectPanel.js.map

package/dist/dataFeed/feedExpandControl/feedExpandControl.js

@@ -2,7 +2,6 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.TRANSLATIONS = exports.FeedExpandControl = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
-require("./feedExpandControl.less");
 const classNames_1 = require("../../commonHelpers/classNames/classNames");
 const buttonType_1 = require("../../button/buttonType");
 const iconLayoutWindow3_1 = require("../../icons/iconLayoutWindow3");
@@ -21,4 +20,3 @@ exports.TRANSLATIONS = [
     "Collapse feed",
     "Expand feed"
 ];
-//# sourceMappingURL=feedExpandControl.js.map

package/dist/dataFeed/feedItem/feedItem.js

@@ -2,7 +2,6 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.DataFeedItem = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
-require("./feedItem.less");
 const react_1 = require("react");
 const classNames_1 = require("../../commonHelpers/classNames/classNames");
 const isActiveElement_1 = require("../../list/utils/isActiveElement");
@@ -22,4 +21,3 @@ const DataFeedItem = ({ id, index, checkbox, icon, identifier, className, onClic
     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;
-//# sourceMappingURL=feedItem.js.map

package/dist/dataFeed/feedSelectControl/feedSelectControl.js

@@ -2,7 +2,6 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.FeedSelectControl = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
-require("./feedSelectControl.less");
 const classNames_1 = require("../../commonHelpers/classNames/classNames");
 const svgIconSize_1 = require("../../svgIcon/svgIconSize");
 const textIconButton_1 = require("../../textIconButton/textIconButton");
@@ -14,4 +13,3 @@ exports.FeedSelectControl = (0, react_1.forwardRef)(({ className = "", title, on
     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.displayName = "FeedSelectControl";
-//# sourceMappingURL=feedSelectControl.js.map

package/dist/dataFeed/hooks/useVisibleColumns.js

@@ -16,4 +16,3 @@ const useVisibleColumns = (columnsList, expanded, options) => {
     return { mainColumns, secondaryColumns };
 };
 exports.useVisibleColumns = useVisibleColumns;
-//# sourceMappingURL=useVisibleColumns.js.map

package/dist/dataGrid/cell/cell.js

@@ -64,4 +64,3 @@ const Cell = ({ index, limited, visibleOnHover, isVisible, width, render, render
         ]), style: { minWidth: width || "auto", maxWidth: width || "auto" }, role: "gridcell", children: content });
 };
 exports.DataGridCell = (0, react_1.memo)(Cell);
-//# sourceMappingURL=cell.js.map

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

@@ -2,23 +2,25 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.ActionButtonsWrapper = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
-require("./actionLinkColumn.less");
 const actionsButton_1 = require("../actionsColumn/actionsButton");
 const generateId_1 = require("../../../commonHelpers/generateId");
 class ActionButtonsWrapper {
-    options;
     constructor(options) {
-        this.options = options;
+        Object.defineProperty(this, "options", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: options
+        });
     }
     render(elt, entity) {
         if (!entity) {
             return null;
         }
-        const getActionWithId = (action) => ({
-            id: (0, generateId_1.generateId)(),
-            ...action,
-            actions: action.actions?.map(a => ({ id: (0, generateId_1.generateId)(), ...a }))
-        });
+        const getActionWithId = (action) => {
+            var _a;
+            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
@@ -31,4 +33,3 @@ class ActionButtonsWrapper {
     }
 }
 exports.ActionButtonsWrapper = ActionButtonsWrapper;
-//# sourceMappingURL=actionButtonsMobileWrapper.js.map

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

@@ -4,7 +4,6 @@ exports.ActionLinkColumn = void 0;
 const basicColumn_1 = require("../basicColumn");
 const actionLinkColumnWrapper_1 = require("./actionLinkColumnWrapper");
 class ActionLinkColumn extends basicColumn_1.BasicColumn {
-    wrapper;
     renderCell(elt, entity) {
         return this.wrapper.render(elt, entity);
     }
@@ -13,8 +12,13 @@ class ActionLinkColumn extends basicColumn_1.BasicColumn {
     }
     constructor(column, options) {
         super(column);
+        Object.defineProperty(this, "wrapper", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: void 0
+        });
         this.wrapper = new actionLinkColumnWrapper_1.ActionLinkColumnWrapper(options);
     }
 }
 exports.ActionLinkColumn = ActionLinkColumn;
-//# sourceMappingURL=actionLinkColumn.js.map

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

@@ -3,13 +3,16 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.ActionLinkColumnWrapper = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const textIconButton_1 = require("../../../textIconButton/textIconButton");
-require("./actionLinkColumn.less");
 const actionsButton_1 = require("../actionsColumn/actionsButton");
 const generateId_1 = require("../../../commonHelpers/generateId");
 class ActionLinkColumnWrapper {
-    options;
     constructor(options) {
-        this.options = options;
+        Object.defineProperty(this, "options", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: options
+        });
     }
     render(elt, entity) {
         if (!entity) {
@@ -20,13 +23,12 @@ class ActionLinkColumnWrapper {
         const link = isDisabled ? undefined : this.options.createLink(entity);
         const title = this.options.createTitle(entity);
         const icon = this.options.createIcon(entity);
-        const getActionWithId = (action) => ({
-            id: (0, generateId_1.generateId)(),
-            ...action,
-            actions: action.actions?.map(a => ({ id: (0, generateId_1.generateId)(), ...a }))
-        });
+        const getActionWithId = (action) => {
+            var _a;
+            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)();
-        const lintUrl = typeof link === "string" ? link : link?.href;
+        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)
@@ -38,4 +40,3 @@ class ActionLinkColumnWrapper {
     }
 }
 exports.ActionLinkColumnWrapper = ActionLinkColumnWrapper;
-//# sourceMappingURL=actionLinkColumnWrapper.js.map

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

@@ -25,7 +25,7 @@ function createSubAction(action, entity) {
 function ActionsButton({ action, entity }) {
     const [isMenuOpen, setIsMenuOpen] = (0, react_1.useState)(false);
     const buttonRef = (0, react_1.useRef)(null);
-    const entityId = entity?.id || "";
+    const entityId = (entity === null || entity === void 0 ? void 0 : entity.id) || "";
     if (!entity) {
         return null;
     }
@@ -42,4 +42,3 @@ function ActionsButton({ action, entity }) {
                 : null] });
 }
 exports.ActionsButton = ActionsButton;
-//# sourceMappingURL=actionsButton.js.map

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

@@ -48,5 +48,6 @@ export declare class ActionsColumn<T extends IRowEntity<N>, N extends IEntityWit
     set options(actionsOptions: IActionsColumnOptions<T | N>);
     get columnActions(): IActionWithId<N | T> | ((entity: T, isNested: boolean) => JSX.Element) | undefined;
     get columnActionsAsync(): ((entity: T, isNested: boolean) => PromiseLike<JSX.Element>) | undefined;
+    get columnPrimaryActions(): IActionWithId<N | T>[] | ((entity: N | T, isNested: boolean) => IAction<T>[]) | undefined;
 }
 export {};

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

@@ -3,34 +3,27 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.ActionsColumn = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const basicColumn_1 = require("../basicColumn");
-require("./actionsColumn.less");
 const generateId_1 = require("../../../commonHelpers/generateId");
 const actionsButton_1 = require("./actionsButton");
 const actionsMenu_1 = require("../../../table/actions/actionsMenu");
 class ActionsColumn extends basicColumn_1.BasicColumn {
-    actionsOptions;
-    actions;
-    headerActions = [];
-    primaryActions;
-    renderFn;
-    renderAsyncFn;
     renderIconActions(entity, actions, isNested) {
         const entityActions = typeof actions === "function"
             ? 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?.id || "";
+        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;
     }
     updateActions(options) {
-        this.actions = options.actions ? options.actions.map(action => ({ ...action, id: action.id || (0, generateId_1.generateId)(), actions: action.actions?.map(a => ({ ...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 => ({ ...action, id: action.id || (0, generateId_1.generateId)(), actions: action.actions?.map(a => ({ ...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 => ({ ...action, id: action.id || (0, generateId_1.generateId)(), actions: action.actions?.map(a => ({ ...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) {
@@ -44,7 +37,42 @@ class ActionsColumn extends basicColumn_1.BasicColumn {
     }
     constructor(actionsOptions) {
         super({ render: () => "" });
-        this.actionsOptions = actionsOptions;
+        Object.defineProperty(this, "actionsOptions", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: actionsOptions
+        });
+        Object.defineProperty(this, "actions", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: void 0
+        });
+        Object.defineProperty(this, "headerActions", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: []
+        });
+        Object.defineProperty(this, "primaryActions", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: void 0
+        });
+        Object.defineProperty(this, "renderFn", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: void 0
+        });
+        Object.defineProperty(this, "renderAsyncFn", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: void 0
+        });
         this.updateActions(actionsOptions);
     }
     get options() {
@@ -60,6 +88,8 @@ class ActionsColumn extends basicColumn_1.BasicColumn {
     get columnActionsAsync() {
         return this.renderAsyncFn || undefined;
     }
+    get columnPrimaryActions() {
+        return this.primaryActions || undefined;
+    }
 }
 exports.ActionsColumn = ActionsColumn;
-//# sourceMappingURL=actionsColumn.js.map

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

@@ -1,4 +1,15 @@
 "use strict";
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.ActionColumnCell = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
@@ -6,9 +17,9 @@ const react_1 = require("react");
 const textIconButton_1 = require("../../../textIconButton/textIconButton");
 const buttonType_1 = require("../../../button/buttonType");
 const svgIconSize_1 = require("../../../svgIcon/svgIconSize");
-exports.ActionColumnCell = (0, react_1.forwardRef)(function inner({ tag, hash, title, href, icon, ...rest }, ref) {
+exports.ActionColumnCell = (0, react_1.forwardRef)(function inner(_a, ref) {
+    var { tag, hash, title, href, icon } = _a, rest = __rest(_a, ["tag", "hash", "title", "href", "icon"]);
     return tag === "button"
-        ? (0, jsx_runtime_1.jsx)(textIconButton_1.TextIconButton, { 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", { 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" }) });
+        ? (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" }) }));
 });
-//# sourceMappingURL=actionsColumnCell.js.map

package/dist/dataGrid/columns/basicColumn.js

@@ -4,7 +4,6 @@ exports.BasicColumn = exports.isPromiseLike = void 0;
 const isPromiseLike = (value) => !!value && typeof value.then === "function" && typeof value.catch === "function";
 exports.isPromiseLike = isPromiseLike;
 class BasicColumn {
-    column;
     getValue(entity, isNested) {
         if (this.column.render !== undefined) {
             // eslint-disable-next-line @typescript-eslint/no-unsafe-argument, @typescript-eslint/no-explicit-any
@@ -37,7 +36,12 @@ class BasicColumn {
         return this.renderCell(value, entity, isNested || false);
     }
     constructor(column) {
-        this.column = column;
+        Object.defineProperty(this, "column", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: column
+        });
     }
     render(entity, isNested) {
         return this.renderCellAsync(entity, isNested || false, (value, e) => this.renderCell(value, e, isNested || false));
@@ -53,4 +57,3 @@ class BasicColumn {
     }
 }
 exports.BasicColumn = BasicColumn;
-//# sourceMappingURL=basicColumn.js.map

package/dist/dataGrid/columns/basicTypes.js

@@ -1,3 +1,2 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-//# sourceMappingURL=basicTypes.js.map