@geotab/zenith 1.26.6-beta.1 → 1.26.6-beta.2

package/esm/dataFeed/dataFeed.js

@@ -1,104 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Children, forwardRef, useCallback, useEffect, useImperativeHandle, useMemo, useRef, useState } from "react";
-import { classNames } from "../commonHelpers/classNames/classNames";
-import { findVisibleRows } from "../dataGrid/extensions/findVisible";
-import { toBasicColumn } from "../dataGrid/extensions/toBasicColumn";
-import { useResize } from "../commonHelpers/hooks/useResize";
-import { FeedItem } from "./dataFeedColumnsItems";
-import { getRowClassName } from "../dataGrid/getRowClassName";
-const EmptyList = ({ children }) => _jsx("div", { className: "zen-data-feed__empty", children: children });
-const Footer = ({ children }) => _jsx("div", { className: "zen-data-feed__footer", children: children });
-const endOfFeedThreshold = 100;
-const checkCloseToTheEnd = (feedContainerElt) => {
-    const feedElt = feedContainerElt === null || feedContainerElt === void 0 ? void 0 : feedContainerElt.querySelector(".zen-data-feed");
-    if (!feedContainerElt || !feedElt) {
-        return false;
-    }
-    const scrollTop = feedContainerElt.scrollTop;
-    const distanceToTheBottom = feedElt.offsetHeight - scrollTop - feedContainerElt.offsetHeight;
-    return distanceToTheBottom < endOfFeedThreshold;
-};
-const FIRST_RENDERED_ROWS = 50;
-const DataFeedInner = ({ entities, columns, feedWrappers, className, expanded, options, description, children, actions, actionsAsync, primaryActions, itemsPerPage = 1000, rowClassName, expandedRows, onExpandedChange, activePage }, ref) => {
-    const [pages, setPages] = useState(1);
-    const data = useMemo(() => entities.slice(0, itemsPerPage * pages), [entities, itemsPerPage, pages]);
-    const initialVisibleRows = useMemo(() => data.slice(0, FIRST_RENDERED_ROWS).map(r => r.id), [data]);
-    const [visibleRows, setVisibleRows] = useState(new Set(initialVisibleRows));
-    const { collapsedColumnsQty = 0, onFeedEnd, visibleColumns } = options;
-    const feedRef = useRef(null);
-    const lazyRenderTimerRef = useRef(0);
-    useEffect(() => {
-        setPages(1);
-        if (feedRef.current) {
-            feedRef.current.scrollTop = 0;
-        }
-    }, [activePage, setPages]);
-    useEffect(() => {
-        const initialRows = data.slice(0, FIRST_RENDERED_ROWS).map(r => r.id);
-        setVisibleRows(new Set(initialRows));
-    }, [data]);
-    useImperativeHandle(ref, () => feedRef.current, []);
-    const columnsList = useMemo(() => columns.map(toBasicColumn), [columns]);
-    const itemsMap = useMemo(() => new Map(data.map(entity => [entity.id, entity])), [data]);
-    const emptyList = useMemo(() => Children.toArray(children).find(child => child.type === EmptyList), [children]);
-    const footer = useMemo(() => Children.toArray(children).find(child => child.type === Footer), [children]);
-    const getVisibleItems = () => {
-        if (!feedRef.current) {
-            return [];
-        }
-        const { top, bottom } = feedRef.current.getBoundingClientRect();
-        const itemsEls = feedRef.current.querySelectorAll(".zen-data-feed__item");
-        if (!itemsEls.length) {
-            return [];
-        }
-        return findVisibleRows([...itemsEls], top, bottom);
-    };
-    const scheduleVisibleChanges = useCallback(() => requestAnimationFrame(() => {
-        const visible = getVisibleItems();
-        const newVisibleRows = visible.filter(row => {
-            const id = row.dataset.rowId;
-            if (id === undefined) {
-                return false;
-            }
-            const entity = itemsMap.get(id);
-            if (entity === undefined) {
-                return false;
-            }
-            return row;
-        }).map(row => row.dataset.rowId);
-        const hasNewRows = newVisibleRows.some(id => !visibleRows.has(id));
-        if (hasNewRows) {
-            const newRowsSet = new Set(visibleRows);
-            newVisibleRows.forEach(row => newRowsSet.add(row));
-            setVisibleRows(newRowsSet);
-        }
-        if (visibleRows.size && checkCloseToTheEnd(feedRef.current)) {
-            if (entities.length > data.length) {
-                setPages(pages + 1);
-            }
-            onFeedEnd && onFeedEnd();
-        }
-    }), [itemsMap, visibleRows, setVisibleRows, onFeedEnd, pages, setPages, entities, data.length]);
-    const scheduleLazyRender = useCallback(() => {
-        cancelAnimationFrame(lazyRenderTimerRef.current);
-        lazyRenderTimerRef.current = scheduleVisibleChanges();
-    }, [scheduleVisibleChanges]);
-    const handleScroll = useCallback(() => {
-        scheduleLazyRender();
-    }, [scheduleLazyRender]);
-    useResize(() => {
-        handleScroll();
-    }, true);
-    const feedItems = useMemo(() => data.map((entity, index) => {
-        const entityClassName = getRowClassName(rowClassName, entity);
-        return _jsx(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 _jsx("div", { className: "zen-data-grid-wrapper", children: _jsxs("div", { className: classNames([
-                "zen-data-grid",
-                className || ""
-            ]), ref: feedRef, onScroll: handleScroll, children: [_jsx("div", { role: "feed", className: "zen-data-grid__feed zen-data-feed", "aria-label": description, "aria-busy": "false", children: feedItems }), emptyList && data.length === 0 ? emptyList : null, footer] }) });
-};
-const DataFeed = forwardRef(DataFeedInner);
-DataFeed.EmptyList = EmptyList;
-DataFeed.Footer = Footer;
-export { DataFeed };

package/esm/dataFeed/dataFeedCell/dataFeedCell.d.ts

@@ -1,18 +0,0 @@
-import { ReactNode } from "react";
-import { IZenComponentProps } from "../../commonHelpers/zenComponent";
-import "./dataFeedCell.less";
-import { TFeedResult } from "../../dataGrid/listColumn";
-export interface IDataFeedCell<T extends object> extends IZenComponentProps {
-    limited?: boolean;
-    visibleOnHover?: boolean;
-    isVisible: boolean;
-    title: string;
-    render: (title: string, entity: T, isNested: boolean) => TFeedResult;
-    renderWrappers: (value: ReactNode | undefined, entity: T) => ReactNode;
-    renderPlaceholder: ((title: string, entity: T) => [ReactNode, ReactNode]) | undefined;
-    defaultValue: string | undefined;
-    entity: T;
-    isNested: boolean;
-    onClick?: () => void;
-}
-export declare const DataFeedCell: <T extends object>({ limited, visibleOnHover, isVisible, title, render, renderWrappers, renderPlaceholder, defaultValue, entity, isNested }: IDataFeedCell<T>) => import("react/jsx-runtime").JSX.Element;

package/esm/dataFeed/dataFeedCell/dataFeedCell.js

@@ -1,58 +0,0 @@
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-import { memo, useCallback, useEffect, useState } from "react";
-import { classNames } from "../../commonHelpers/classNames/classNames";
-import { isPromiseLike } from "../../dataGrid/columns/basicColumn";
-const FeedCell = ({ limited = false, visibleOnHover = false, isVisible, title, render, renderWrappers, renderPlaceholder, defaultValue, entity, isNested }) => {
-    const [labelContent, setLabelContent] = useState("");
-    const [content, setContent] = useState("");
-    const placeholderRenderer = useCallback(() => {
-        const [feedTitle, value] = renderPlaceholder ? renderPlaceholder(title, entity) : [title, "..."];
-        return [feedTitle, renderWrappers(value, entity)];
-    }, [entity, renderPlaceholder, renderWrappers, title]);
-    const renderer = useCallback(async () => {
-        let fieldValue = null;
-        const [label, value] = render(title, entity, isNested);
-        fieldValue = value;
-        if (value === undefined || value === null) {
-            fieldValue = defaultValue;
-        }
-        if (!isPromiseLike(fieldValue)) {
-            return [label, renderWrappers(fieldValue, entity)];
-        }
-        let postponedResult = await fieldValue;
-        if (postponedResult === undefined) {
-            postponedResult = defaultValue;
-        }
-        return [label, renderWrappers(postponedResult, entity)];
-    }, [defaultValue, entity, render, renderWrappers, title, isNested]);
-    useEffect(() => {
-        if (!isVisible) {
-            setContent("");
-            return () => { };
-        }
-        const placeholderTimeout = requestAnimationFrame(() => {
-            const [label, value] = placeholderRenderer();
-            setLabelContent(label);
-            setContent(value);
-        });
-        renderer().then(([label, value]) => {
-            cancelAnimationFrame(placeholderTimeout);
-            setLabelContent(label);
-            setContent(value);
-        }).catch((e) => {
-            console.error(e);
-            cancelAnimationFrame(placeholderTimeout);
-            setLabelContent("");
-            setContent("");
-        });
-        return () => cancelAnimationFrame(placeholderTimeout);
-    }, [isVisible, renderer, placeholderRenderer]);
-    return _jsxs(_Fragment, { children: [labelContent ? _jsx("div", { className: "zen-feed-item__label", children: labelContent }) : null, content
-                ? _jsx("div", { className: classNames([
-                        "zen-feed-item__value",
-                        limited ? "zen-feed-item__value--limited" : "",
-                        visibleOnHover ? "zen-feed-item__value--visible-on-hover" : ""
-                    ]), style: { gridColumn: labelContent ? "2/2" : "1/span 2", width: labelContent ? undefined : "100%" }, children: content })
-                : null] });
-};
-export const DataFeedCell = memo(FeedCell);

package/esm/dataFeed/dataFeedColumnsItems.d.ts

@@ -1,28 +0,0 @@
-/// <reference types="react" />
-import { IActionWithId } from "../dataGrid/columns/actionsColumn/actionsColumn";
-import { IListColumnStrict } from "../dataGrid/extensions/toBasicColumn";
-import { IRowEntity } from "../dataGrid/row/row";
-import { TFeedWrapper } from "./dataFeed";
-import { IEntityWithId } from "../commonHelpers/entity";
-interface IFeedItem<T extends IRowEntity<N>, N extends IEntityWithId> {
-    columnsList: IListColumnStrict<T, N>[];
-    feedWrappers: TFeedWrapper<T, N>[];
-    expanded: boolean;
-    /**
-     * @deprecated - will be removed in the next major version
-     * please use @param visibleColumns instead
-     */
-    collapsedColumnsQty?: number;
-    visibleColumns?: number;
-    visibleRows: Set<string>;
-    entity: T;
-    index: number;
-    className?: string;
-    isRowExpanded?: boolean;
-    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, actionsAsync, primaryActions }: IFeedItem<T, N>) => import("react/jsx-runtime").JSX.Element;
-export {};

package/esm/dataFeed/dataFeedColumnsItems.js

@@ -1,113 +0,0 @@
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-import { memo, useCallback, useMemo } from "react";
-import { ActionsButton } from "../dataGrid/columns/actionsColumn/actionsButton";
-import { DataFeedItem } from "./feedItem/feedItem";
-import { DataFeedCell } from "./dataFeedCell/dataFeedCell";
-import { ActionsMenu } from "../table/actions/actionsMenu";
-import { useVisibleColumns } from "./hooks/useVisibleColumns";
-import { Menu } from "../menu/menu";
-const getIconFromColumnComponent = (column, entity, isNested) => {
-    const renderIcon = ("renderIcon" in column.columnComponent) ? column.columnComponent.renderIcon : undefined;
-    if (renderIcon) {
-        return column.columnComponent.renderIcon(entity, isNested);
-    }
-    return null;
-};
-const FeedItemInner = ({ columnsList, feedWrappers, expanded, collapsedColumnsQty, visibleColumns, visibleRows, entity, index, className = "", isRowExpanded, onExpandedChange, actions, actionsAsync, primaryActions }) => {
-    const { mainColumns, secondaryColumns } = useVisibleColumns(columnsList, expanded, { visibleColumns, collapsedColumnsQty });
-    const mainColumnsMemoized = useMemo(() => mainColumns, [mainColumns]);
-    const secondaryColumnsMemoized = useMemo(() => secondaryColumns, [secondaryColumns]);
-    const isVisible = visibleRows.has(entity.id);
-    const renderCells = useCallback((rowEntity, nested) => {
-        const getActions = () => {
-            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 = _jsx(_Fragment, { children: primaryActionsList.map((action) => _jsx(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 _jsx(ActionsMenu, { entity: rowEntity, isNested: !nested, render: actions, primaryActions: primaryActionsContent });
-            }
-            if (typeof actionsAsync === "function") {
-                return _jsx(ActionsMenu, { entity: rowEntity, isNested: !nested, renderAsync: actionsAsync, primaryActions: primaryActionsContent });
-            }
-            return _jsx(ActionsButton, { action: actions, entity: rowEntity });
-        };
-        const getRenderFeed = (column) => {
-            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
-                    const result = column.columnComponent.renderFeed(title, feedEntity, isNested);
-                    // eslint-disable-next-line @typescript-eslint/no-unnecessary-condition, @typescript-eslint/no-unnecessary-type-assertion
-                    if (isNested && ("renderNested" in column.columnComponent) && column.columnComponent.renderNested) {
-                        return [result[0], column.columnComponent.renderNested.call(column.columnComponent, feedEntity)];
-                    }
-                    return result;
-                }
-                // eslint-disable-next-line @typescript-eslint/no-unnecessary-condition
-                const renderResult = column.columnComponent
-                    // eslint-disable-next-line @typescript-eslint/no-unnecessary-condition, @typescript-eslint/no-unnecessary-type-assertion
-                    ? isNested && ("renderNested" in column.columnComponent) && column.columnComponent.renderNested
-                        ? column.columnComponent.renderNested.call(column.columnComponent, feedEntity)
-                        : column.columnComponent.render.call(column.columnComponent, feedEntity, !nested)
-                    : (feedEntity[column.id] || undefined);
-                return [renderHeader(title), renderResult];
-            };
-        };
-        const getRenderWrappers = (column) => (value, ent) => column.wrappers.reduce((result, wrapper) => wrapper.render(result, ent, false), value);
-        const getFeedPlaceholder = (column) => {
-            if (column.meta.renderFeedPlaceholder) {
-                return column.meta.renderFeedPlaceholder;
-            }
-            return (title, ent) => [title, column.meta.renderPlaceholder ? column.meta.renderPlaceholder(ent) : "..."];
-        };
-        const getRenderFeedWrappers = (wrappers, ent, isNested) => 
-        // eslint-disable-next-line react/display-name
-        (primaryData, secondaryData) => {
-            const feedResult = wrappers.reduce((result, wrapper) => wrapper(result[0], result[1], ent, isNested), [primaryData, secondaryData]);
-            return _jsxs(_Fragment, { children: [feedResult[0], feedResult[1]] });
-        };
-        const mainColumnsData = mainColumnsMemoized.map(column => {
-            const renderFeed = getRenderFeed(column);
-            const renderWrappers = getRenderWrappers(column);
-            const feedPlaceholder = getFeedPlaceholder(column);
-            return _jsx(DataFeedCell, { limited: false, visibleOnHover: false, isVisible: isVisible, title: column.title, render: renderFeed, renderWrappers: renderWrappers, renderPlaceholder: feedPlaceholder, defaultValue: column.meta.defaultValue, entity: rowEntity, isNested: !nested }, `${entity.id}-${column.id}`);
-        });
-        const secondaryColumnsData = secondaryColumnsMemoized.map(column => {
-            const renderFeed = getRenderFeed(column);
-            const renderWrappers = getRenderWrappers(column);
-            const feedPlaceholder = getFeedPlaceholder(column);
-            return _jsx(DataFeedCell, { limited: false, visibleOnHover: false, isVisible: isVisible, title: column.title, render: renderFeed, renderWrappers: renderWrappers, renderPlaceholder: feedPlaceholder, defaultValue: column.meta.defaultValue, entity: rowEntity, isNested: !nested }, `${entity.id}-${column.id}`);
-        });
-        const onItemClick = nested && onExpandedChange
-            ? () => onExpandedChange(!isRowExpanded)
-            : undefined;
-        const icon = getIconFromColumnComponent(mainColumnsMemoized[0], rowEntity, !nested);
-        const actionsNode = getActions();
-        const renderFeedWrappers = getRenderFeedWrappers(feedWrappers, rowEntity, !nested);
-        const key = !nested ? `nested_${rowEntity.id}` : rowEntity.id;
-        return _jsx(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, actionsAsync, primaryActions, entity]);
-    const nestedCells = useMemo(() => (entity.children && isRowExpanded ? entity.children : []).map(nestedEntity => renderCells(nestedEntity)), [entity.children, isRowExpanded, renderCells]);
-    const cells = useMemo(() => renderCells(entity, nestedCells), [entity, nestedCells, renderCells]);
-    return cells;
-};
-export const FeedItem = memo(FeedItemInner);

package/esm/dataFeed/dataFeedHeader/dataFeedHeader.d.ts

@@ -1,11 +0,0 @@
-import "./dataFeedHeader.less";
-import { IZenComponentProps } from "./../../commonHelpers/zenComponent";
-import { IEntityWithId } from "../../commonHelpers/entity";
-import { ISortableColumn } from "../../dataGrid/withSortableColumns/columns/sortableColumn";
-import { ISortableColumnSettings } from "../../dataGrid/withSortableColumns/sortableColumnsStorage";
-export interface IDataFeedHeader<T extends IEntityWithId> extends IZenComponentProps {
-    column: ISortableColumn<T>;
-    sortState?: ISortableColumnSettings;
-    onSortChange: (newSortSettings: ISortableColumnSettings) => void;
-}
-export declare const DataFeedHeader: <T extends IEntityWithId>({ column, sortState, className, onSortChange }: IDataFeedHeader<T>) => import("react/jsx-runtime").JSX.Element;

package/esm/dataFeed/dataFeedHeader/dataFeedHeader.js

@@ -1,8 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { SortableHeaderCell } from "../../dataGrid/withSortableColumns/columns/sortableColumnWrapper";
-import { ColumnSortDirection } from "../../dataGrid/withSortableColumns/columns/columnSortDirection";
-export const DataFeedHeader = ({ column, sortState, className, onSortChange }) => {
-    var _a, _b;
-    const isSortedBy = (sortState === null || sortState === void 0 ? void 0 : sortState.sortColumn) === column.id;
-    return _jsx("div", { className: className, children: _jsx(SortableHeaderCell, { columnName: ((_a = column.name) === null || _a === void 0 ? void 0 : _a.toString()) || column.id.toString(), isSortedBy: isSortedBy, sortDirection: isSortedBy ? sortState.sortDirection : ColumnSortDirection.None, title: column.title, tooltip: column.title, onSortChange: onSortChange, isMobile: true, initialSortDirection: (_b = column.meta) === null || _b === void 0 ? void 0 : _b.initialSortDirection }) });
-};

package/esm/dataFeed/dataFeedSelectPanel/dataFeedSelectPanel.d.ts

@@ -1,12 +0,0 @@
-/// <reference types="react" />
-import "./dataFeedSelectPanel.less";
-import { IZenComponentProps } from "./../../commonHelpers/zenComponent";
-export interface IDataFeedSelectPanel extends IZenComponentProps {
-    buttonClassName?: string;
-    buttonTitle: string;
-    panelTitle: string;
-    isOpen: boolean;
-    onTriggerClick: () => void;
-    onHidePanel: () => void;
-}
-export declare const DataFeedSelectPanel: React.FC<IDataFeedSelectPanel>;

package/esm/dataFeed/dataFeedSelectPanel/dataFeedSelectPanel.js

@@ -1,9 +0,0 @@
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-import { SidePanel, SidePanelCloseReason } from "../../sidePanel/sidePanel";
-import { classNames } from "../../commonHelpers/classNames/classNames";
-import { FeedSelectControl } from "../feedSelectControl/feedSelectControl";
-import { useRef } from "react";
-export const DataFeedSelectPanel = ({ buttonTitle, panelTitle, isOpen, onTriggerClick, onHidePanel, className, buttonClassName, children }) => {
-    const triggerRef = useRef(null);
-    return _jsxs(_Fragment, { children: [_jsx(FeedSelectControl, { ref: triggerRef, onClick: onTriggerClick, title: buttonTitle, className: buttonClassName }), _jsx(SidePanel, { className: classNames(["zen-data-feed-select-panel", className || ""]), panelPosition: "bottom", triggerRef: triggerRef, label: panelTitle, isOpen: isOpen, onHidePanel: reason => reason !== SidePanelCloseReason.ClickOutside && onHidePanel(), children: children })] });
-};

package/esm/dataFeed/feedExpandControl/feedExpandControl.d.ts

@@ -1,9 +0,0 @@
-/// <reference types="react" />
-import "./feedExpandControl.less";
-import { IZenComponentProps } from "./../../commonHelpers/zenComponent";
-export interface IFeedExpandControl extends IZenComponentProps {
-    isExpanded: boolean;
-    onClick: () => void;
-}
-export declare const FeedExpandControl: React.FC<IFeedExpandControl>;
-export declare const TRANSLATIONS: string[];

package/esm/dataFeed/feedExpandControl/feedExpandControl.js

@@ -1,18 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { classNames } from "../../commonHelpers/classNames/classNames";
-import { ButtonType } from "../../button/buttonType";
-import { IconLayoutWindow3 } from "../../icons/iconLayoutWindow3";
-import { IconLayoutWindow4 } from "../../icons/iconLayoutWindow4";
-import { SvgIconSize } from "../../svgIcon/svgIconSize";
-import { ButtonIconPosition, TextIconButton } from "../../textIconButton/textIconButton";
-import { useLanguage } from "../../utils/localization/useLanguage";
-export const FeedExpandControl = ({ className = "", isExpanded, onClick }) => {
-    const { translate } = useLanguage();
-    const classes = classNames([className, "zen-data-feed-expand-control"]);
-    const title = isExpanded ? translate("Collapse feed") : translate("Expand feed");
-    return _jsx(TextIconButton, { className: classes, icon: isExpanded ? IconLayoutWindow4 : IconLayoutWindow3, iconSize: SvgIconSize.Large, iconPosition: ButtonIconPosition.Start, "aria-label": title, title: title, onClick: onClick, type: ButtonType.TertiaryBlack });
-};
-export const TRANSLATIONS = [
-    "Collapse feed",
-    "Expand feed"
-];

package/esm/dataFeed/feedItem/feedItem.d.ts

@@ -1,16 +0,0 @@
-import "./feedItem.less";
-import { ReactNode } from "react";
-import { IZenIdComponentProps } from "../../commonHelpers/zenComponent";
-export interface IDataFeedItem extends IZenIdComponentProps {
-    index: number;
-    checkbox?: ReactNode;
-    icon?: ReactNode;
-    identifier?: ReactNode;
-    primaryData: ReactNode;
-    secondaryData?: ReactNode;
-    actions?: ReactNode;
-    nestedData?: ReactNode;
-    renderFeedWrappers: (primaryData: ReactNode, secondaryData: ReactNode) => ReactNode;
-    onClick?: () => void;
-}
-export declare const DataFeedItem: ({ id, index, checkbox, icon, identifier, className, onClick, primaryData, secondaryData, actions, nestedData, renderFeedWrappers }: IDataFeedItem) => import("react/jsx-runtime").JSX.Element;

package/esm/dataFeed/feedItem/feedItem.js

@@ -1,19 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useCallback } from "react";
-import { classNames } from "../../commonHelpers/classNames/classNames";
-import { isActiveElement } from "../../list/utils/isActiveElement";
-export const DataFeedItem = ({ id, index, checkbox, icon, identifier, className, onClick, primaryData, secondaryData, actions, nestedData, renderFeedWrappers }) => {
-    const onClickHandler = useCallback((e) => {
-        if (isActiveElement(e.target)) {
-            return;
-        }
-        const target = e.target;
-        if (target.className && typeof target.className === "string") {
-            if (target.className.indexOf("zen-shield") > -1) {
-                return;
-            }
-        }
-        onClick && onClick();
-    }, [onClick]);
-    return _jsxs("div", { className: classNames(["zen-data-feed__item", "zen-feed-item", className || ""]), role: "article", "aria-setsize": -1, "data-row-id": id, "aria-posinset": index + 1, children: [_jsx("div", { className: "zen-feed-item__main-row", onClick: onClickHandler, children: renderFeedWrappers(_jsxs("div", { className: "zen-feed-item__main", children: [checkbox ? _jsx("div", { className: "zen-feed-item__checkbox", children: checkbox }) : null, icon ? _jsx("div", { className: "zen-feed-item__icon", children: icon }) : null, _jsxs("div", { className: "zen-feed-item__main-data", children: [identifier ? _jsx("div", { className: "zen-feed-item__identifier", children: identifier }) : null, actions ? _jsx("div", { className: "zen-feed-item__actions", children: actions }) : null] })] }), _jsxs("div", { className: "zen-feed-item__secondary-data", children: [icon ? _jsx("div", { className: "zen-feed-item__icon-placeholder" }) : null, _jsxs("div", { className: "zen-feed-item__values", children: [primaryData, secondaryData] })] })) }), nestedData ? _jsx("div", { className: "zen-feed-item__nested", children: nestedData }) : null] }, id);
-};

package/esm/dataFeed/feedSelectControl/feedSelectControl.d.ts

@@ -1,8 +0,0 @@
-/// <reference types="react" />
-import "./feedSelectControl.less";
-import { IZenComponentProps } from "./../../commonHelpers/zenComponent";
-export interface IFeedSelectControl extends IZenComponentProps {
-    title: string;
-    onClick: () => void;
-}
-export declare const FeedSelectControl: import("react").ForwardRefExoticComponent<IFeedSelectControl & import("react").RefAttributes<HTMLButtonElement>>;

package/esm/dataFeed/feedSelectControl/feedSelectControl.js

@@ -1,12 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { classNames } from "../../commonHelpers/classNames/classNames";
-import { SvgIconSize } from "../../svgIcon/svgIconSize";
-import { ButtonIconPosition, TextIconButton } from "../../textIconButton/textIconButton";
-import { ButtonType } from "../../button/buttonType";
-import { IconBulkSelect } from "../../icons/iconBulkSelect";
-import { forwardRef } from "react";
-export const FeedSelectControl = forwardRef(({ className = "", title, onClick }, ref) => {
-    const classes = classNames([className, "data-feed-select-control"]);
-    return _jsx(TextIconButton, { ref: ref, className: classes, icon: IconBulkSelect, iconSize: SvgIconSize.Large, iconPosition: ButtonIconPosition.Start, "aria-label": title, title: title, onClick: onClick, type: ButtonType.TertiaryBlack });
-});
-FeedSelectControl.displayName = "FeedSelectControl";

package/esm/dataFeed/hooks/useVisibleColumns.d.ts

@@ -1,12 +0,0 @@
-import { IEntityWithId } from "../../commonHelpers/entity";
-import { IListColumnStrict } from "../../dataGrid/extensions/toBasicColumn";
-import { IRowEntity } from "../../dataGrid/row/row";
-interface IUseVisibleColumnsOptions {
-    visibleColumns?: number;
-    collapsedColumnsQty?: number;
-}
-export declare const useVisibleColumns: <T extends IRowEntity<N>, N extends IEntityWithId>(columnsList: IListColumnStrict<T, N>[], expanded: boolean, options: IUseVisibleColumnsOptions) => {
-    mainColumns: IListColumnStrict<T, N>[];
-    secondaryColumns: IListColumnStrict<T, N>[];
-};
-export {};

package/esm/dataFeed/hooks/useVisibleColumns.js

@@ -1,14 +0,0 @@
-// eslint-disable-next-line @typescript-eslint/comma-dangle
-export const useVisibleColumns = (columnsList, expanded, options) => {
-    const { visibleColumns, collapsedColumnsQty = 0 } = options;
-    let mainColumns = [];
-    let secondaryColumns = [];
-    if (visibleColumns !== undefined) {
-        mainColumns = columnsList.slice(0, visibleColumns);
-        secondaryColumns = expanded ? columnsList.slice(visibleColumns) : [];
-        return { mainColumns, secondaryColumns };
-    }
-    mainColumns = columnsList.slice(0, columnsList.length - collapsedColumnsQty);
-    secondaryColumns = expanded ? columnsList.slice(mainColumns.length) : [];
-    return { mainColumns, secondaryColumns };
-};

package/esm/dataGrid/cell/cell.d.ts

@@ -1,19 +0,0 @@
-import { ReactNode } from "react";
-import { IZenComponentProps } from "../../commonHelpers/zenComponent";
-import { IEntityWithId } from "../../commonHelpers/entity";
-import { TRenderResult } from "../listColumn";
-export interface IDataGridCell<T extends IEntityWithId> extends IZenComponentProps {
-    index: number;
-    limited: boolean;
-    visibleOnHover: boolean;
-    isVisible: boolean;
-    render: (entity: T) => TRenderResult;
-    renderWrappers: (value: ReactNode | undefined, entity: T) => ReactNode;
-    renderPlaceholder: ((entity: T) => ReactNode | undefined) | undefined;
-    defaultValue: string | undefined;
-    entity: T;
-    width?: number;
-    colspan?: number;
-    onClick?: () => void;
-}
-export declare const DataGridCell: <T extends IEntityWithId>({ index, limited, visibleOnHover, isVisible, width, render, renderWrappers, renderPlaceholder, defaultValue, entity, colspan, className, onClick }: IDataGridCell<T>) => import("react/jsx-runtime").JSX.Element;

package/esm/dataGrid/cell/cell.js

@@ -1,63 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { memo, useCallback, useEffect, useState } from "react";
-import { classNames } from "../../commonHelpers/classNames/classNames";
-import { isPromiseLike } from "../columns/basicColumn";
-import { isActiveElement } from "../../list/utils/isActiveElement";
-const Cell = ({ index, limited, visibleOnHover, isVisible, width, render, renderWrappers, renderPlaceholder, defaultValue, entity, colspan, className, onClick }) => {
-    const [content, setContent] = useState("");
-    const placeholderRenderer = useCallback(() => {
-        const renderFn = renderPlaceholder || (() => "...");
-        const value = renderFn(entity);
-        return renderWrappers(value, entity);
-    }, [entity, renderPlaceholder, renderWrappers]);
-    const renderer = useCallback(async () => {
-        let result = render(entity);
-        if (result === undefined || result === null) {
-            result = defaultValue;
-        }
-        if (!isPromiseLike(result)) {
-            return renderWrappers(result, entity);
-        }
-        try {
-            let postponedResult = await result;
-            if (postponedResult === undefined) {
-                postponedResult = defaultValue;
-            }
-            return renderWrappers(postponedResult, entity);
-        }
-        catch (e) {
-            console.error(e);
-            return "";
-        }
-    }, [defaultValue, entity, render, renderWrappers]);
-    useEffect(() => {
-        if (!isVisible) {
-            setContent("");
-            return;
-        }
-        const placeholderTimeout = requestAnimationFrame(() => {
-            setContent(placeholderRenderer());
-        });
-        renderer().then(res => {
-            cancelAnimationFrame(placeholderTimeout);
-            setContent(res);
-        }).catch(() => {
-            cancelAnimationFrame(placeholderTimeout);
-            setContent("");
-        });
-    }, [isVisible, entity, renderer, placeholderRenderer]);
-    const onCellClick = useCallback((e) => {
-        if (onClick && !isActiveElement(e.target)) {
-            onClick();
-        }
-    }, [onClick]);
-    return _jsx("td", { colSpan: colspan, onClick: onCellClick, className: classNames([
-            "zen-data-grid__row-cell",
-            className || "",
-            index === 0 ? "zen-data-grid__row-cell--first" : "",
-            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 });
-};
-export const DataGridCell = memo(Cell);

package/esm/dataGrid/columns/actionLinkColumn/actionButtonsMobileWrapper.d.ts

@@ -1,14 +0,0 @@
-import { ReactNode } from "react";
-import { IListColumnWrapper } from "../../listColumn";
-import "./actionLinkColumn.less";
-import { IAction } from "../actionsColumn/actionsColumn";
-import { IEntityWithId } from "../../../commonHelpers/entity";
-export interface IActionButtonsWrapper<T> {
-    actions?: IAction<T>[];
-}
-export declare class ActionButtonsWrapper<T extends IEntityWithId> implements IListColumnWrapper<T, T> {
-    private readonly options;
-    constructor(options: IActionButtonsWrapper<T>);
-    render(elt: ReactNode, entity?: T): import("react/jsx-runtime").JSX.Element | null;
-    renderHeader(title: ReactNode): import("react/jsx-runtime").JSX.Element;
-}

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

@@ -1,31 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { ActionsButton } from "../actionsColumn/actionsButton";
-import { generateId } from "../../../commonHelpers/generateId";
-export class ActionButtonsWrapper {
-    constructor(options) {
-        Object.defineProperty(this, "options", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: options
-        });
-    }
-    render(elt, entity) {
-        if (!entity) {
-            return null;
-        }
-        const getActionWithId = (action) => {
-            var _a;
-            return (Object.assign(Object.assign({ id: generateId() }, action), { actions: (_a = action.actions) === null || _a === void 0 ? void 0 : _a.map(a => (Object.assign({ id: generateId() }, a))) }));
-        };
-        const entityId = entity["id"] || generateId();
-        return _jsxs("div", { className: "zen-action-link-column", children: [_jsx("div", { className: "zen-action-link-column__content", children: elt }), this.options.actions
-                    ? _jsx("div", { className: "zen-action-link-column__actions", children: this.options.actions
-                            .map(getActionWithId)
-                            .map(action => _jsx(ActionsButton, { action: action, entity: entity, isMobile: true }, `${entityId}_${action.id}`)) })
-                    : null] });
-    }
-    renderHeader(title) {
-        return _jsx("div", { className: "zen-action-link-column", children: _jsx("div", { className: "zen-action-link-column__content", children: title }) });
-    }
-}