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

package/dist/dataGrid/withSelectableRows/components/bulkActions/bulkActions.d.ts

@@ -13,6 +13,7 @@ export interface IBulkActionsProps extends IZenComponentProps {
     onSelectAll?: () => void;
     gridType?: DeviceType;
     children?: ReactElement<TBulkAction> | null | (ReactElement<TBulkAction> | null)[];
+    turnOffSelectAll?: boolean;
     /**
     * @deprecated
     * @param translate - will be removed in the next major release

package/dist/dataGrid/withSelectableRows/components/bulkActions/bulkActions.js

@@ -15,7 +15,7 @@ const useResizeObserver_1 = require("../../../../commonHelpers/hooks/useResizeOb
 const menu_1 = require("../../../../menu/menu");
 const iconDotVertical_1 = require("../../../../icons/iconDotVertical");
 const button_1 = require("../../../../button/button");
-const BulkActions = ({ selected, allSelected, className, onClearSelection, onSelectAll, gridType = deviceType_1.DeviceType.Desktop, children }) => {
+const BulkActions = ({ selected, allSelected, className, onClearSelection, onSelectAll, gridType = deviceType_1.DeviceType.Desktop, children, turnOffSelectAll }) => {
     var _a;
     const { translate } = (0, useLanguage_1.useLanguage)();
     const childrenArray = (0, react_1.useMemo)(() => react_1.Children.toArray(children), [children]);
@@ -28,7 +28,7 @@ const BulkActions = ({ selected, allSelected, className, onClearSelection, onSel
     const { visibleElements, nonFittingElements, hiddenContainerRef } = (0, useNonFittingElements_1.useNonFittingElements)({ maxWidth, data: childrenArray, hiddenElementsCountToRender: 10, widthDelta });
     const isMobile = gridType === deviceType_1.DeviceType.Mobile;
     const text = translate("{1} selected").replace("{1}", allSelected ? translate("All") : selected.toFixed());
-    return (0, jsx_runtime_1.jsxs)("div", { className: (0, classNames_1.classNames)(["zen-bulk-actions", className || "", isMobile ? "zen-bulk-actions--condensed" : ""]), ref: bulkActionsElement, children: [(0, jsx_runtime_1.jsx)(textIconButton_1.TextIconButton, { className: "zen-bulk-actions__button-clear", icon: iconClose_1.IconClose, iconPosition: textIconButton_1.ButtonIconPosition.Start, iconSize: "large", type: "tertiary-black", title: translate("Clear selection"), "aria-label": translate("Clear selection"), onClick: onClearSelection }), (0, jsx_runtime_1.jsx)("span", { className: "zen-bulk-actions__number-of-selected ellipsis", children: text }), onSelectAll
+    return (0, jsx_runtime_1.jsxs)("div", { className: (0, classNames_1.classNames)(["zen-bulk-actions", className || "", isMobile ? "zen-bulk-actions--condensed" : ""]), ref: bulkActionsElement, children: [(0, jsx_runtime_1.jsx)(textIconButton_1.TextIconButton, { className: "zen-bulk-actions__button-clear", icon: iconClose_1.IconClose, iconPosition: textIconButton_1.ButtonIconPosition.Start, iconSize: "large", type: "tertiary-black", title: translate("Clear selection"), "aria-label": translate("Clear selection"), onClick: onClearSelection }), (0, jsx_runtime_1.jsx)("span", { className: "zen-bulk-actions__number-of-selected ellipsis", children: text }), onSelectAll && !turnOffSelectAll
                 ? (0, jsx_runtime_1.jsx)(button_1.Button, { type: "tertiary", className: "zen-bulk-actions__select-all", disabled: allSelected, onClick: onSelectAll, children: translate("Select all") })
                 : null, (0, jsx_runtime_1.jsxs)("div", { className: "zen-bulk-actions__action-button-holder", ref: buttonHolder, children: [react_1.Children.map(visibleElements, element => (0, react_1.cloneElement)(element, {
                         disabled: selected > 0 || allSelected ? element.props.disabled : true

package/dist/header/header.js

@@ -142,7 +142,7 @@ const Header = ({ children, className, onFiltersBarOpen }) => {
     const maxWidth = middleWidth || ((_b = toolbarRef.current) === null || _b === void 0 ? void 0 : _b.getBoundingClientRect().width) || 0;
     const actionCount = (0, react_1.useMemo)(() => {
         if (!isMobile) {
-            return 2;
+            return 4;
         }
         if (memoizedFiltersBar && !searchComponent) {
             return 1;

package/dist/table/children/useTableChildren.d.ts

@@ -1,5 +1,5 @@
 import { ReactElement, ReactNode } from "react";
-export declare const useTableChildren: (children: ReactNode, isMobile: boolean, selected: number, allSelected: boolean, clearSelection: () => void, selectAll: () => void, gridRef?: React.RefObject<HTMLElement>) => {
+export declare const useTableChildren: (children: ReactNode, isMobile: boolean, selected: number, allSelected: boolean, clearSelection: () => void, selectAll: () => void, turnOffSelectAll?: boolean, gridRef?: React.RefObject<HTMLElement>) => {
     bulkActions: ReactElement<any, string | import("react").JSXElementConstructor<any>> | undefined;
     pagination: ReactElement<any, string | import("react").JSXElementConstructor<any>> | undefined;
     activePage: number | undefined;

package/dist/table/children/useTableChildren.js

@@ -22,7 +22,7 @@ const isChildElement = (child, expectedType) => {
     }
     return child.type.displayName === expectedType;
 };
-const useTableChildren = (children, isMobile, selected, allSelected, clearSelection, selectAll, gridRef) => (0, react_1.useMemo)(() => {
+const useTableChildren = (children, isMobile, selected, allSelected, clearSelection, selectAll, turnOffSelectAll, gridRef) => (0, react_1.useMemo)(() => {
     let bulkActions = undefined;
     let tablePagination = undefined;
     let activePage;
@@ -37,7 +37,7 @@ const useTableChildren = (children, isMobile, selected, allSelected, clearSelect
         }
         if (isChildElement(child, tableBulkActions_1.TableBulkActions.displayName)) {
             const bulkActionButtons = ((_a = child.props) === null || _a === void 0 ? void 0 : _a.children) || [];
-            bulkActions = (0, jsx_runtime_1.jsx)(bulkActions_1.BulkActions, { gridType: isMobile ? deviceType_1.DeviceType.Mobile : deviceType_1.DeviceType.Desktop, selected: selected, allSelected: allSelected, onClearSelection: clearSelection, onSelectAll: selectAll, children: bulkActionButtons });
+            bulkActions = (0, jsx_runtime_1.jsx)(bulkActions_1.BulkActions, { gridType: isMobile ? deviceType_1.DeviceType.Mobile : deviceType_1.DeviceType.Desktop, selected: selected, allSelected: allSelected, onClearSelection: clearSelection, onSelectAll: selectAll, turnOffSelectAll: turnOffSelectAll, children: bulkActionButtons });
             return;
         }
         if (isChildElement(child, tablePagination_1.TablePagination.displayName)) {

package/dist/table/selectable/useSelectableRows.d.ts

@@ -18,6 +18,7 @@ export interface ISelectableRowsOptions<T extends IRowEntity<N>, N extends IEnti
     turnOffSelectAll?: boolean;
     checkboxPlaceholder?: boolean;
     strategy?: TSelectionStrategy;
+    selectAll?: boolean;
 }
 export declare const getEmptySelection: () => {
     all: boolean;

package/dist/table/selectable/useSelectableRows.js

@@ -144,7 +144,9 @@ const useSelectableRows = (columns, entities, isMobile, selectMode, setSelectMod
             },
             renderHeader(title) {
                 const cell = (0, jsx_runtime_1.jsx)(selectableHeader_1.SelectableHeader, { title: title, label: headerTitle(), checked: state === interfaces_1.SelectionState.CurrentPage || state === interfaces_1.SelectionState.All, indeterminate: state === interfaces_1.SelectionState.Partial, onChange: (newValue) => {
-                        const newState = newValue ? interfaces_1.SelectionState.All : interfaces_1.SelectionState.None;
+                        const newState = newValue
+                            ? selectable.turnOffSelectAll ? interfaces_1.SelectionState.CurrentPage : interfaces_1.SelectionState.All
+                            : interfaces_1.SelectionState.None;
                         setState(newState);
                         onChangeSelectionState(newState);
                     }, calculateSelectionState: () => selectableState, checkboxInHeader: selectable.checkboxInHeader !== undefined

package/dist/table/table.js

@@ -78,7 +78,7 @@ const TableInner = ({ entities, columns, selectable, sortable, flexible, isLoadi
     const selectAll = (0, react_1.useCallback)(() => {
         selectable === null || selectable === void 0 ? void 0 : selectable.onSelect({ all: true, selected: [] });
     }, [selectable]);
-    const { bulkActions, pagination, activePage, fullscreenButton, emptyList, footer, other } = (0, useTableChildren_1.useTableChildren)(children, isMobile, selectionQty, ((_c = selectable === null || selectable === void 0 ? void 0 : selectable.selection) === null || _c === void 0 ? void 0 : _c.all) || false, clearSelection, selectAll, gridRef);
+    const { bulkActions, pagination, activePage, fullscreenButton, emptyList, footer, other } = (0, useTableChildren_1.useTableChildren)(children, isMobile, selectionQty, ((_c = selectable === null || selectable === void 0 ? void 0 : selectable.selection) === null || _c === void 0 ? void 0 : _c.all) || false, clearSelection, selectAll, selectable === null || selectable === void 0 ? void 0 : selectable.turnOffSelectAll, gridRef);
     const handleOnHidePanel = (0, react_1.useCallback)(() => setSelectMode(false), []);
     const handleOnTriggerClick = (0, react_1.useCallback)(() => setSelectMode(prev => !prev), []);
     const hasPostActions = (0, react_1.useMemo)(() => columnsPopup || (isMobile && selectable) || (!isMobile && fullscreenButton) || isFeedVisible, [columnsPopup, fullscreenButton, isFeedVisible, isMobile, selectable]);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@geotab/zenith",
-  "version": "1.26.1-beta.1",
+  "version": "1.26.1-beta.2",
   "description": "Zenith components library on React",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",