@geotab/zenith 3.9.2 → 3.10.0-beta.1

package/dist/index.d.ts

@@ -556,6 +556,7 @@ export { IconPhone } from "./icons/iconPhone";
 export { IconPhoneMobile } from "./icons/iconPhoneMobile";
 export { IconPin } from "./icons/iconPin";
 export { IconPin2 } from "./icons/iconPin2";
+export { IconPinFilled } from "./icons/iconPinFilled";
 export { IconPinLocation } from "./icons/iconPinLocation";
 export { IconPinLocation2 } from "./icons/iconPinLocation2";
 export { IconPinLocation3 } from "./icons/iconPinLocation3";

package/dist/index.js

@@ -12,12 +12,12 @@ exports.IconDock = exports.IconDispatchAsset = exports.IconDisk2 = exports.IconD
 exports.IconFolderCloud2 = exports.IconFolderCloud = exports.IconFolderBookmarks = exports.IconFolderAdd = exports.IconFolder2 = exports.IconFolder = exports.IconFocus = exports.IconFingerPrint = exports.IconFilterDesc = exports.IconFilterAsc = exports.IconFilter3Desc = exports.IconFilter3Asc = exports.IconFilter3 = exports.IconFilter2 = exports.IconFilter = exports.IconFileSync5 = exports.IconFileSync4 = exports.IconFileSync3 = exports.IconFileSync2 = exports.IconFileSync = exports.IconFileLocked = exports.IconFileCopy = exports.IconFile = exports.IconFaceId = exports.IconEyeOff = exports.IconEye = exports.IconExpand = exports.IconException = exports.IconExcel = exports.IconEvse = exports.IconEuro = exports.IconEthereum = exports.IconEsc = exports.IconEmailNotification = exports.IconEmail2 = exports.IconEmail = exports.IconEditSmall = exports.IconEditBig = exports.IconEdit2 = exports.IconEdit = exports.IconDvir = exports.IconDriver = exports.IconDrive = exports.IconDownload = exports.IconDotVertical = exports.IconDotHorizontal = exports.IconDotGrid = exports.IconDollar = exports.IconDocumentWithLines = exports.IconDocument = void 0;
 exports.IconLayout = exports.IconLayers = exports.IconLaptop = exports.IconLab = exports.IconKeyboardUp2 = exports.IconKeyboardUp = exports.IconKeyboardDown = exports.IconKeyboard = exports.IconItalic = exports.IconInspect = exports.IconInfoSquare = exports.IconInfoCircle = exports.IconInbox = exports.IconImages2 = exports.IconImages = exports.IconImage = exports.IconImac = exports.IconIcon = exports.IconITS = exports.IconHourglass = exports.IconHomeSimple = exports.IconHomeRoof = exports.IconHomeDoor2 = exports.IconHomeDoor = exports.IconHistory = exports.IconHexonalWarning = exports.IconHeart = exports.IconHeadphones = exports.IconHarness = exports.IconGrids2 = exports.IconGrids = exports.IconGraphStatistics = exports.IconGraphPresentation = exports.IconGraphLines = exports.IconGraphChart = exports.IconGraph = exports.IconGrab = exports.IconGlobus = exports.IconGift = exports.IconGeotabSales = exports.IconGeotabDrive = exports.IconGamepad = exports.IconFuelGas = exports.IconFork = exports.IconFolders = exports.IconFolderUpload = exports.IconFolderShared = exports.IconFolderRestricted = exports.IconFolderDownload = exports.IconFolderDelete = void 0;
 exports.IconMobi = exports.IconMinusSquare = exports.IconMinusCircle = exports.IconMinus = exports.IconMinimize = exports.IconMicrophone2 = exports.IconMicrophone = exports.IconMenuCircle = exports.IconMenu3 = exports.IconMenu2 = exports.IconMenu = exports.IconMemory2 = exports.IconMemory = exports.IconMedal = exports.IconMarketplace = exports.IconMap = exports.IconMagicEyes = exports.IconMagic2 = exports.IconMagic = exports.IconMacbook = exports.IconLowDataQuality = exports.IconLogout = exports.IconLogin = exports.IconLock = exports.IconLocationOff = exports.IconLocationMap = exports.IconLocationCompass = exports.IconLoader = exports.IconList = exports.IconLinkLines = exports.IconLink3 = exports.IconLink2 = exports.IconLink = exports.IconLightning = exports.IconLightBulb = exports.IconLifeBuoy = exports.IconLeaf = exports.IconLayoutWindow5 = exports.IconLayoutWindow4 = exports.IconLayoutWindow3 = exports.IconLayoutWindow2 = exports.IconLayoutWindow = exports.IconLayoutTopbar = exports.IconLayoutTop = exports.IconLayoutSidebar = exports.IconLayoutSearch = exports.IconLayoutRight = exports.IconLayoutLeft = exports.IconLayoutColumn = exports.IconLayoutBottom = void 0;
-exports.IconPlusFile = exports.IconPlusCircle = exports.IconPlus = exports.IconPlay = exports.IconPinLocation3 = exports.IconPinLocation2 = exports.IconPinLocation = exports.IconPin2 = exports.IconPin = exports.IconPhoneMobile = exports.IconPhone = exports.IconPerformance = exports.IconPercent = exports.IconPeopleLike = exports.IconPeopleGroup2 = exports.IconPeopleGroup = exports.IconPeople = exports.IconPencil2 = exports.IconPencil = exports.IconPause = exports.IconPassword = exports.IconPaperPlane = exports.IconPackage3 = exports.IconPackage2 = exports.IconPackage = exports.IconPDF = exports.IconOptAlt = exports.IconOpt = exports.IconOpen2 = exports.IconOpen = exports.IconOnDuty = exports.IconNumberedList = exports.IconNotifications = exports.IconNotificationOff = exports.IconNotificationBell = exports.IconNotificationAlarm = exports.IconNote = exports.IconNewspaper = exports.IconNews = exports.IconNavigationFooterExpanded = exports.IconNavigationFooterCollapsed = exports.IconMyGeotab = exports.IconMyAdmin = exports.IconMove2 = exports.IconMove = exports.IconMouseScrollUp = exports.IconMouseScrollDown = exports.IconMouse = exports.IconMoon = exports.IconMoney = void 0;
-exports.IconShield4 = exports.IconShield3 = exports.IconShield2 = exports.IconShield = exports.IconShare3 = exports.IconShare = exports.IconSettings8 = exports.IconSettings7 = exports.IconSettings6 = exports.IconSettings4 = exports.IconSettings3 = exports.IconSettings2 = exports.IconSettings1 = exports.IconServer3 = exports.IconServer2 = exports.IconServer = exports.IconSend = exports.IconSecuredLines = exports.IconSecured = exports.IconSeatbelt = exports.IconSearchPage = exports.IconSearchLines = exports.IconSearchDocument = exports.IconSearch = exports.IconSdCard = exports.IconRuler = exports.IconRoute = exports.IconRotateRepeat2 = exports.IconRotateRepeat = exports.IconRotateCounterclockwise = exports.IconRotateClockwise = exports.IconResizeSmall = exports.IconResizeBig = exports.IconRepeat2 = exports.IconRepeat = exports.IconRemovePeople = exports.IconRefrigeration = exports.IconRedo2 = exports.IconRedo = exports.IconRecord = exports.IconReceipt = exports.IconRadar = exports.IconQuestion = exports.IconPuzzle = exports.IconPullRequest = exports.IconProcessor = exports.IconPrinter = exports.IconPound = exports.IconPlusSquare = exports.IconPlusLines = void 0;
-exports.IconVolumeMinimum = exports.IconVolumeHalf = exports.IconVolumeFull = exports.IconVolumeDown = exports.IconVoice = exports.IconVisitPage = exports.IconVideoReplay = exports.IconVideo2 = exports.IconVideo = exports.IconUsbHub = exports.IconUsb = exports.IconUpload = exports.IconUnlocked = exports.IconUndock = exports.IconUndo2 = exports.IconUndo = exports.IconUnderline = exports.IconUmbrella = exports.IconTrailer = exports.IconThumbsUp = exports.IconThumbsDown = exports.IconThermometer = exports.IconThermograph = exports.IconTextSize = exports.IconTelevision2 = exports.IconTelevision = exports.IconTarget3 = exports.IconTarget2 = exports.IconTarget = exports.IconTachographTimeCard = exports.IconTachograph = exports.IconTable = exports.IconSupport = exports.IconSun = exports.IconStrikeThrough = exports.IconStore = exports.IconStorage = exports.IconStopwatch = exports.IconStarFilled = exports.IconStarAi = exports.IconStar = exports.IconSquare = exports.IconSpeaker = exports.IconSortVertical = exports.IconSortHorizontal = exports.IconSort2Vertical = exports.IconSort2Horizontal = exports.IconSmiley = exports.IconSign = exports.IconSidebar = void 0;
-exports.isLink = exports.isButton = exports.findPrevFocusable = exports.findNextFocusable = exports.findLastFocusable = exports.findFirstFocusable = exports.Menu = exports.ControlledMenu = exports.isDragNotClick = exports.changeOrder = exports.ListItem = exports.List = exports.ItemData = exports.ItemCompact = exports.LineChartMini = exports.getDefaultDatasetStyle = exports.htmlLegendPlugin = exports.LEGEND_PLUGIN_ID = exports.LineChart = exports.useLayoutSize = exports.LayoutFullScreenProvider = exports.useLayoutFullScreen = exports.LayoutFullScreenElementProvider = exports.useLayoutFullScreenElement = exports.Layout = exports.ImageTapToUpload = exports.ImageNothingFound = exports.ImageNoMatchingAssets = exports.ImageLooking = exports.ImageCloudUpload = exports.ImageAdjustFilter = exports.IconZoom2 = exports.IconZoom = exports.IconZone = exports.IconYen = exports.IconWrite = exports.IconWrench = exports.IconWorld = exports.IconWorkday = exports.IconWifi2 = exports.IconWifi = exports.IconWhisper = exports.IconWebcam = exports.IconWatch2 = exports.IconWatch = exports.IconWarning = exports.IconWallet1 = exports.IconWallet = exports.IconVolumeOn = exports.IconVolumeOff = void 0;
-exports.TabBar = exports.SummaryTileBarDisplayName = exports.SummaryTileBar = exports.getTypeClassName = exports.SummaryTileTrigger = exports.SummaryTile = exports.SummaryTileDisplayName = exports.SummaryTileSize = exports.SummaryTileType = exports.Summary = exports.Summaries = exports.Stepper = exports.SortControl = exports.SortDirections = exports.Skeleton = exports.LazyContent = exports.SidePanel = exports.CUSTOM_POPUP_COMPONENT_CLASSNAME = exports.SidePanelCloseReason = exports.isChildPopup = exports.SelectField = exports.Select = exports.SearchInput = exports.Range = exports.RadioGroup = exports.Radio = exports.ProgressBar = exports.ProgreesBarSize = exports.ProgressBarType = exports.PrimaryIcon = exports.Popup = exports.PillExpandable = exports.Pill = exports.PaginationType = exports.Pagination = exports.PageLayout = exports.PageContentLayout = exports.PageHeaderMenu = exports.PageHeaderMenuDisplayName = exports.PageHeaderButton = exports.PageHeaderButtonDisplayName = exports.PageHeader = exports.PageHeaderDisplayName = exports.Notification = exports.getPredefinedFocusableItem = exports.DialogContentNew = exports.Modal = exports.MobileSheet = exports.MiniTabs = exports.MiniTabsSize = void 0;
-exports.Waiting = exports.UserFormatProvider = exports.useDrive = exports.ThemeProvider = exports.ThemeDrive = exports.ThemeDark = exports.useLanguage = exports.useDirection = exports.injectString = exports.dictionaries = exports.LanguageProvider = exports.getFirstFocusableItem = exports.getNewFocusableItem = exports.HeaderButtonsProvider = exports.AbortablePromise = exports.Tooltip = exports.removeArrowClasses = exports.calculateArrowPosition = exports.ToggleButtonRaw = exports.ToggleButton = exports.Toast = exports.useToast = exports.TimePicker = exports.TextareaRaw = exports.Textarea = exports.TextInputRaw = exports.TextInput = exports.TextIconButton = exports.ButtonIconPosition = exports.Tabs = exports.TabsDisplayName = exports.ActionLinkColumn = exports.CheckboxColumn = exports.MainColumn = exports.ActionsColumn = exports.getSortableValue = exports.ColumnSortDirection = exports.getEmptySelection = exports.Table = exports.useNestedRows = exports.NestedData = exports.TabBarContent = void 0;
+exports.IconPlusCircle = exports.IconPlus = exports.IconPlay = exports.IconPinLocation3 = exports.IconPinLocation2 = exports.IconPinLocation = exports.IconPinFilled = exports.IconPin2 = exports.IconPin = exports.IconPhoneMobile = exports.IconPhone = exports.IconPerformance = exports.IconPercent = exports.IconPeopleLike = exports.IconPeopleGroup2 = exports.IconPeopleGroup = exports.IconPeople = exports.IconPencil2 = exports.IconPencil = exports.IconPause = exports.IconPassword = exports.IconPaperPlane = exports.IconPackage3 = exports.IconPackage2 = exports.IconPackage = exports.IconPDF = exports.IconOptAlt = exports.IconOpt = exports.IconOpen2 = exports.IconOpen = exports.IconOnDuty = exports.IconNumberedList = exports.IconNotifications = exports.IconNotificationOff = exports.IconNotificationBell = exports.IconNotificationAlarm = exports.IconNote = exports.IconNewspaper = exports.IconNews = exports.IconNavigationFooterExpanded = exports.IconNavigationFooterCollapsed = exports.IconMyGeotab = exports.IconMyAdmin = exports.IconMove2 = exports.IconMove = exports.IconMouseScrollUp = exports.IconMouseScrollDown = exports.IconMouse = exports.IconMoon = exports.IconMoney = void 0;
+exports.IconShield3 = exports.IconShield2 = exports.IconShield = exports.IconShare3 = exports.IconShare = exports.IconSettings8 = exports.IconSettings7 = exports.IconSettings6 = exports.IconSettings4 = exports.IconSettings3 = exports.IconSettings2 = exports.IconSettings1 = exports.IconServer3 = exports.IconServer2 = exports.IconServer = exports.IconSend = exports.IconSecuredLines = exports.IconSecured = exports.IconSeatbelt = exports.IconSearchPage = exports.IconSearchLines = exports.IconSearchDocument = exports.IconSearch = exports.IconSdCard = exports.IconRuler = exports.IconRoute = exports.IconRotateRepeat2 = exports.IconRotateRepeat = exports.IconRotateCounterclockwise = exports.IconRotateClockwise = exports.IconResizeSmall = exports.IconResizeBig = exports.IconRepeat2 = exports.IconRepeat = exports.IconRemovePeople = exports.IconRefrigeration = exports.IconRedo2 = exports.IconRedo = exports.IconRecord = exports.IconReceipt = exports.IconRadar = exports.IconQuestion = exports.IconPuzzle = exports.IconPullRequest = exports.IconProcessor = exports.IconPrinter = exports.IconPound = exports.IconPlusSquare = exports.IconPlusLines = exports.IconPlusFile = void 0;
+exports.IconVolumeHalf = exports.IconVolumeFull = exports.IconVolumeDown = exports.IconVoice = exports.IconVisitPage = exports.IconVideoReplay = exports.IconVideo2 = exports.IconVideo = exports.IconUsbHub = exports.IconUsb = exports.IconUpload = exports.IconUnlocked = exports.IconUndock = exports.IconUndo2 = exports.IconUndo = exports.IconUnderline = exports.IconUmbrella = exports.IconTrailer = exports.IconThumbsUp = exports.IconThumbsDown = exports.IconThermometer = exports.IconThermograph = exports.IconTextSize = exports.IconTelevision2 = exports.IconTelevision = exports.IconTarget3 = exports.IconTarget2 = exports.IconTarget = exports.IconTachographTimeCard = exports.IconTachograph = exports.IconTable = exports.IconSupport = exports.IconSun = exports.IconStrikeThrough = exports.IconStore = exports.IconStorage = exports.IconStopwatch = exports.IconStarFilled = exports.IconStarAi = exports.IconStar = exports.IconSquare = exports.IconSpeaker = exports.IconSortVertical = exports.IconSortHorizontal = exports.IconSort2Vertical = exports.IconSort2Horizontal = exports.IconSmiley = exports.IconSign = exports.IconSidebar = exports.IconShield4 = void 0;
+exports.isButton = exports.findPrevFocusable = exports.findNextFocusable = exports.findLastFocusable = exports.findFirstFocusable = exports.Menu = exports.ControlledMenu = exports.isDragNotClick = exports.changeOrder = exports.ListItem = exports.List = exports.ItemData = exports.ItemCompact = exports.LineChartMini = exports.getDefaultDatasetStyle = exports.htmlLegendPlugin = exports.LEGEND_PLUGIN_ID = exports.LineChart = exports.useLayoutSize = exports.LayoutFullScreenProvider = exports.useLayoutFullScreen = exports.LayoutFullScreenElementProvider = exports.useLayoutFullScreenElement = exports.Layout = exports.ImageTapToUpload = exports.ImageNothingFound = exports.ImageNoMatchingAssets = exports.ImageLooking = exports.ImageCloudUpload = exports.ImageAdjustFilter = exports.IconZoom2 = exports.IconZoom = exports.IconZone = exports.IconYen = exports.IconWrite = exports.IconWrench = exports.IconWorld = exports.IconWorkday = exports.IconWifi2 = exports.IconWifi = exports.IconWhisper = exports.IconWebcam = exports.IconWatch2 = exports.IconWatch = exports.IconWarning = exports.IconWallet1 = exports.IconWallet = exports.IconVolumeOn = exports.IconVolumeOff = exports.IconVolumeMinimum = void 0;
+exports.SummaryTileBarDisplayName = exports.SummaryTileBar = exports.getTypeClassName = exports.SummaryTileTrigger = exports.SummaryTile = exports.SummaryTileDisplayName = exports.SummaryTileSize = exports.SummaryTileType = exports.Summary = exports.Summaries = exports.Stepper = exports.SortControl = exports.SortDirections = exports.Skeleton = exports.LazyContent = exports.SidePanel = exports.CUSTOM_POPUP_COMPONENT_CLASSNAME = exports.SidePanelCloseReason = exports.isChildPopup = exports.SelectField = exports.Select = exports.SearchInput = exports.Range = exports.RadioGroup = exports.Radio = exports.ProgressBar = exports.ProgreesBarSize = exports.ProgressBarType = exports.PrimaryIcon = exports.Popup = exports.PillExpandable = exports.Pill = exports.PaginationType = exports.Pagination = exports.PageLayout = exports.PageContentLayout = exports.PageHeaderMenu = exports.PageHeaderMenuDisplayName = exports.PageHeaderButton = exports.PageHeaderButtonDisplayName = exports.PageHeader = exports.PageHeaderDisplayName = exports.Notification = exports.getPredefinedFocusableItem = exports.DialogContentNew = exports.Modal = exports.MobileSheet = exports.MiniTabs = exports.MiniTabsSize = exports.isLink = void 0;
+exports.Waiting = exports.UserFormatProvider = exports.useDrive = exports.ThemeProvider = exports.ThemeDrive = exports.ThemeDark = exports.useLanguage = exports.useDirection = exports.injectString = exports.dictionaries = exports.LanguageProvider = exports.getFirstFocusableItem = exports.getNewFocusableItem = exports.HeaderButtonsProvider = exports.AbortablePromise = exports.Tooltip = exports.removeArrowClasses = exports.calculateArrowPosition = exports.ToggleButtonRaw = exports.ToggleButton = exports.Toast = exports.useToast = exports.TimePicker = exports.TextareaRaw = exports.Textarea = exports.TextInputRaw = exports.TextInput = exports.TextIconButton = exports.ButtonIconPosition = exports.Tabs = exports.TabsDisplayName = exports.ActionLinkColumn = exports.CheckboxColumn = exports.MainColumn = exports.ActionsColumn = exports.getSortableValue = exports.ColumnSortDirection = exports.getEmptySelection = exports.Table = exports.useNestedRows = exports.NestedData = exports.TabBarContent = exports.TabBar = void 0;
 /* eslint-disable max-len */
 var absolute_1 = require("./absolute/absolute");
 Object.defineProperty(exports, "Absolute", { enumerable: true, get: function () { return absolute_1.Absolute; } });
@@ -1208,6 +1208,8 @@ var iconPin_1 = require("./icons/iconPin");
 Object.defineProperty(exports, "IconPin", { enumerable: true, get: function () { return iconPin_1.IconPin; } });
 var iconPin2_1 = require("./icons/iconPin2");
 Object.defineProperty(exports, "IconPin2", { enumerable: true, get: function () { return iconPin2_1.IconPin2; } });
+var iconPinFilled_1 = require("./icons/iconPinFilled");
+Object.defineProperty(exports, "IconPinFilled", { enumerable: true, get: function () { return iconPinFilled_1.IconPinFilled; } });
 var iconPinLocation_1 = require("./icons/iconPinLocation");
 Object.defineProperty(exports, "IconPinLocation", { enumerable: true, get: function () { return iconPinLocation_1.IconPinLocation; } });
 var iconPinLocation2_1 = require("./icons/iconPinLocation2");

package/dist/list/listItem/listItem.d.ts

@@ -13,5 +13,7 @@ export interface IListItem extends IZenComponentProps {
     link?: string;
     target?: React.HTMLAttributeAnchorTarget;
     onDragStart?: (e: React.PointerEvent<HTMLElement>) => void;
+    wrap?: boolean;
+    vertical?: boolean;
 }
-export declare const ListItem: ({ id, className, image, name, secondary, status, actions, onClick, link, target, onDragStart }: IListItem) => import("react/jsx-runtime").JSX.Element;
+export declare const ListItem: ({ id, className, image, name, secondary, status, actions, onClick, link, target, onDragStart, wrap, vertical }: IListItem) => import("react/jsx-runtime").JSX.Element;

package/dist/list/listItem/listItem.js

@@ -87,7 +87,9 @@ const ListItem = ({
   onClick,
   link,
   target,
-  onDragStart
+  onDragStart,
+  wrap,
+  vertical
 }) => {
   const isMobile = (0, useMobile_1.useMobile)();
   const driveClassName = (0, useDriveClassName_1.useDriveClassName)("zen-list-item");
@@ -177,7 +179,7 @@ const ListItem = ({
   const clickableClassName = (0, react_1.useMemo)(() => onClick || link ? "zen-list-item--clickable" : "", [link, onClick]);
   return (0, jsx_runtime_1.jsxs)("li", {
     id: id,
-    className: (0, classNames_1.classNames)(["zen-list-item", mobileClassName || driveClassName || "", clickableClassName, className || ""]),
+    className: (0, classNames_1.classNames)(["zen-list-item", mobileClassName || driveClassName || "", clickableClassName, wrap ? "zen-list-item--wrap" : "", vertical ? "zen-list-item--vertical" : "", className || ""]),
     onClick: handleClick,
     // eslint-disable-next-line @typescript-eslint/no-explicit-any
     ref: itemRef,

package/dist/menu/controlledMenu.d.ts

@@ -17,6 +17,7 @@ export interface IControlledMenu extends IZenComponentProps {
     ariaLabel?: string;
     ariaLabelledby?: string;
     listClassName?: string;
+    closeOnScroll?: boolean;
 }
 type TControlledMenu = FC<IControlledMenu> & {
     Item: FC<IMenuControlledItem>;

package/dist/menu/controlledMenu.js

@@ -23,7 +23,7 @@ const generateId_1 = require("../commonHelpers/generateId");
 const pathProvider_1 = require("./contexts/pathProvider");
 const menuSeparator_1 = require("./components/menuSeparator");
 const focusableSelector_1 = require("../utils/focusableSelector");
-const ControlledMenu = ({ children, isOpen, setIsOpen, triggerRef, ariaLabel, ariaLabelledby, id, title, className = "", listClassName = "", paddingX = 0, paddingY = 0, alignment }) => {
+const ControlledMenu = ({ children, isOpen, setIsOpen, triggerRef, ariaLabel, ariaLabelledby, id, title, className = "", listClassName = "", paddingX = 0, paddingY = 0, alignment, closeOnScroll = true }) => {
     const [deviceType, setDeviceType] = (0, react_1.useState)(deviceType_1.DeviceType.Desktop);
     const isMobile = deviceType === deviceType_1.DeviceType.Mobile;
     const memoizedOnChange = (0, react_1.useCallback)(setIsOpen, [setIsOpen]);
@@ -218,7 +218,7 @@ const ControlledMenu = ({ children, isOpen, setIsOpen, triggerRef, ariaLabel, ar
     if (isMobile) {
         return ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: (0, jsx_runtime_1.jsx)(pathProvider_1.PathProvider, { path: path, onOpenBranch: onOpenBranch, closeBranch: closeBranch, navigatedViaKeyboardRef: navigatedViaKeyboardRef, keyboardActiveRef: keyboardActiveRef, children: (0, jsx_runtime_1.jsxs)(mobileSheet_1.MobileSheet, { label: title, isOpen: isOpen, triggerRef: triggerRef, onHidePanel: hideMenu, onCloseClick: hideMenu, children: [(0, jsx_runtime_1.jsx)(mobileSheet_1.MobileSheet.Title, { children: title }), (0, jsx_runtime_1.jsx)(mobileSheet_1.MobileSheet.Content, { children: renderMenuList() })] }) }) }));
     }
-    return ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: (0, jsx_runtime_1.jsx)(pathProvider_1.PathProvider, { path: path, onOpenBranch: onOpenBranch, closeBranch: closeBranch, navigatedViaKeyboardRef: navigatedViaKeyboardRef, keyboardActiveRef: keyboardActiveRef, children: (0, jsx_runtime_1.jsx)(controlledPopup_1.ControlledPopup, { id: id, useTrapFocusWithTrigger: "on", className: (0, classNames_1.classNames)(["zen-controlled-menu", className]), onOpenChange: memoizedOnChange, isOpen: isOpen, triggerRef: triggerRef, paddingX: paddingX, paddingY: paddingY, alignment: alignment, ariaLabelledby: ariaLabelledby, ariaLabel: ariaLabel || title, recalculateOnScroll: true, 
+    return ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: (0, jsx_runtime_1.jsx)(pathProvider_1.PathProvider, { path: path, onOpenBranch: onOpenBranch, closeBranch: closeBranch, navigatedViaKeyboardRef: navigatedViaKeyboardRef, keyboardActiveRef: keyboardActiveRef, children: (0, jsx_runtime_1.jsx)(controlledPopup_1.ControlledPopup, { id: id, useTrapFocusWithTrigger: "on", className: (0, classNames_1.classNames)(["zen-controlled-menu", className]), onOpenChange: memoizedOnChange, isOpen: isOpen, triggerRef: triggerRef, paddingX: paddingX, paddingY: paddingY, alignment: alignment, ariaLabelledby: ariaLabelledby, ariaLabel: ariaLabel || title, closeOnScroll: closeOnScroll, 
                 // focusOnOpen is false - ControlledMenu handles focus based on input method
                 // (keyboard vs mouse) in its own useEffect
                 focusOnOpen: false, children: renderMenuList() }) }) }));

package/dist/mobileSheet/mobileSheet.js

@@ -49,10 +49,10 @@ injectString("da-DK", "Close", "Luk");
 injectString("de", "Close", "Schlie\xDFen");
 injectString("en", "Close", "Close");
 injectString("es", "Close", "Cerrar");
-injectString("fi-FI", "Close", "Sulje");
+injectString("fi-FI", "Close", "Sulkea");
 injectString("fr", "Close", "Fermer");
 injectString("fr-FR", "Close", "Fermer");
-injectString("hu-HU", "Close", "Z\xE1rd be.");
+injectString("hu-HU", "Close", "Bez\xE1r\xE1s");
 injectString("id", "Close", "Tutup");
 injectString("it", "Close", "Chiudere");
 injectString("ja", "Close", "\u9589\u3058\u308B");
@@ -63,13 +63,13 @@ injectString("nl", "Close", "Sluiten");
 injectString("pl", "Close", "Zamknij");
 injectString("pt-BR", "Close", "Fechar");
 injectString("pt-PT", "Close", "Fechar");
-injectString("sk-SK", "Close", "Zatvor");
+injectString("sk-SK", "Close", "Zatvori\u0165");
 injectString("sv", "Close", "St\xE4ng");
 injectString("th", "Close", "\u0E1B\u0E34\u0E14");
 injectString("tr", "Close", "Kapat");
 injectString("zh-Hans", "Close", "\u5173\u95ED");
 injectString("zh-TW", "Close", "\u95DC\u9589");
-injectString("ro-RO", "Close", "\xCEnchide\u021Bi");
+injectString("ro-RO", "Close", "\xCEnchide");
 injectString("ar-SA", "Close", "\u0625\u063A\u0644\u0627\u0642");
 const iconBackArrow_1 = require("../icons/deprecated/iconBackArrow");
 const iconClose_1 = require("../icons/iconClose");

package/dist/modal/modal.js

@@ -45,10 +45,10 @@ injectString("da-DK", "Close", "Luk");
 injectString("de", "Close", "Schlie\xDFen");
 injectString("en", "Close", "Close");
 injectString("es", "Close", "Cerrar");
-injectString("fi-FI", "Close", "Sulje");
+injectString("fi-FI", "Close", "Sulkea");
 injectString("fr", "Close", "Fermer");
 injectString("fr-FR", "Close", "Fermer");
-injectString("hu-HU", "Close", "Z\xE1rd be.");
+injectString("hu-HU", "Close", "Bez\xE1r\xE1s");
 injectString("id", "Close", "Tutup");
 injectString("it", "Close", "Chiudere");
 injectString("ja", "Close", "\u9589\u3058\u308B");
@@ -59,13 +59,13 @@ injectString("nl", "Close", "Sluiten");
 injectString("pl", "Close", "Zamknij");
 injectString("pt-BR", "Close", "Fechar");
 injectString("pt-PT", "Close", "Fechar");
-injectString("sk-SK", "Close", "Zatvor");
+injectString("sk-SK", "Close", "Zatvori\u0165");
 injectString("sv", "Close", "St\xE4ng");
 injectString("th", "Close", "\u0E1B\u0E34\u0E14");
 injectString("tr", "Close", "Kapat");
 injectString("zh-Hans", "Close", "\u5173\u95ED");
 injectString("zh-TW", "Close", "\u95DC\u9589");
-injectString("ro-RO", "Close", "\xCEnchide\u021Bi");
+injectString("ro-RO", "Close", "\xCEnchide");
 injectString("ar-SA", "Close", "\u0625\u063A\u0644\u0627\u0642");
 const react_1 = __importStar(require("react"));
 const classNames_1 = require("../commonHelpers/classNames/classNames");

package/dist/nav/nav.d.ts

@@ -1,5 +1,7 @@
 import { IZenComponentProps } from "../commonHelpers/zenComponent";
 import "./nav.less";
+import { FC } from "react";
+import { NavEmpty } from "./navEmpty/navEmpty";
 export interface INav extends IZenComponentProps {
     mobileBarContainer: HTMLElement | null;
     collapsed?: boolean;
@@ -8,8 +10,12 @@ export interface INav extends IZenComponentProps {
     isMobileMenuOpen?: boolean;
     onIsMobileMenuOpenToggle?: (isOpen: boolean) => void;
     onEditModeToggle?: (isEdit: boolean) => void;
+    showEmptyState?: boolean;
+    showSectionDividers?: boolean;
 }
 /**
  * @beta This component is not fully ready yet and may change in future releases.
  */
-export declare const Nav: ({ children, className, collapsed, onCollapseToggle, onMenuVisibilityToggle, mobileBarContainer, isMobileMenuOpen, onIsMobileMenuOpenToggle, onEditModeToggle }: INav) => import("react/jsx-runtime").JSX.Element;
+export declare const Nav: FC<INav> & {
+    Empty: typeof NavEmpty;
+};

package/dist/nav/nav.js

@@ -13,6 +13,8 @@ const navMobileBar_1 = require("./navMobileBar/navMobileBar");
 const useMobile_1 = require("../commonHelpers/hooks/useMobile");
 const focusableSelector_1 = require("../utils/focusableSelector");
 const zen_1 = require("../utils/zen");
+const emptyState_1 = require("../emptyState/emptyState");
+const navEmpty_1 = require("./navEmpty/navEmpty");
 const NavContent = ({ children }) => {
     const { isEditState } = (0, nav_context_1.useNavContext)();
     const contentRef = (0, react_1.useRef)(null);
@@ -54,7 +56,8 @@ const NavContent = ({ children }) => {
 /**
  * @beta This component is not fully ready yet and may change in future releases.
  */
-const Nav = ({ children, className, collapsed = false, onCollapseToggle, onMenuVisibilityToggle, mobileBarContainer, isMobileMenuOpen = false, onIsMobileMenuOpenToggle, onEditModeToggle
+// eslint-disable-next-line @typescript-eslint/naming-convention
+const Nav = ({ children, className, collapsed = false, onCollapseToggle, onMenuVisibilityToggle, mobileBarContainer, isMobileMenuOpen = false, onIsMobileMenuOpenToggle, onEditModeToggle, showEmptyState = false, showSectionDividers = true
 // eslint-disable-next-line complexity
  }) => {
     const menuRef = (0, react_1.useRef)(null);
@@ -91,8 +94,11 @@ const Nav = ({ children, className, collapsed = false, onCollapseToggle, onMenuV
     const secondaryFooter = footer && (0, navUtils_1.filterPrimaryNavItems)(footer, true);
     const primaryFooter = footer && (0, navUtils_1.filterPrimaryNavItems)(footer, false);
     const footerToRender = isEditState ? editFooter : isMobile ? secondaryFooter : footer;
+    const isCollapsedEmptyState = !isEditState && showEmptyState && collapsed && !isMobile;
+    const shouldRenderEmptyState = !isEditState && showEmptyState && !isCollapsedEmptyState;
     const primaryItems = [...primarySections, ...(primaryFooter ? [primaryFooter] : [])].flatMap(e => (0, navUtils_1.collectNavItems)(e));
     const editListItems = childrenArray.find(child => { var _a; return ((_a = child.type) === null || _a === void 0 ? void 0 : _a.displayName) === "NavEditSection"; });
+    const navEmptyChild = childrenArray.find(child => { var _a; return ((_a = child.type) === null || _a === void 0 ? void 0 : _a.displayName) === "NavEmpty"; });
     const onSearchOpen = (0, react_1.useCallback)((isOpen) => {
         isOpen && onCollapseToggle && onCollapseToggle(false);
         setIsSearchOpen(isOpen || isMobile);
@@ -154,10 +160,9 @@ const Nav = ({ children, className, collapsed = false, onCollapseToggle, onMenuV
                     className || ""
                 ]), children: [header
                         ? (0, react_1.cloneElement)(header, Object.assign(Object.assign({}, header.props), { className: (0, classNames_1.classNames)(["zen-nav__header", header.props.className || ""]) }))
-                        : null, (0, jsx_runtime_1.jsx)(NavContent, { children: isEditState
-                            ? editListItems
-                            : sectionsToRender.map((section, index) => ((0, jsx_runtime_1.jsxs)(react_1.Fragment, { children: [(0, react_1.cloneElement)(section, {
-                                        className: (0, classNames_1.classNames)(["zen-nav__section", section.props.className || ""])
-                                    }), isMobile || index < sectionsToRender.length - 1 ? (0, jsx_runtime_1.jsx)(navDivider_1.NavDivider, {}) : null] }, index))) }), footerToRender] })) : null, mobileBarContainer && isMobile && navMobileBarPortal] }));
+                        : null, (0, jsx_runtime_1.jsx)(NavContent, { children: isEditState ? (editListItems) : isCollapsedEmptyState ? null : shouldRenderEmptyState ? ((0, jsx_runtime_1.jsx)("div", { className: "zen-nav__empty-state", children: (0, jsx_runtime_1.jsx)(emptyState_1.EmptyState, { description: navEmptyChild === null || navEmptyChild === void 0 ? void 0 : navEmptyChild.props.description, image: navEmptyChild === null || navEmptyChild === void 0 ? void 0 : navEmptyChild.props.image, children: navEmptyChild === null || navEmptyChild === void 0 ? void 0 : navEmptyChild.props.children }) })) : (sectionsToRender.map((section, index) => ((0, jsx_runtime_1.jsxs)(react_1.Fragment, { children: [(0, react_1.cloneElement)(section, {
+                                    className: (0, classNames_1.classNames)(["zen-nav__section", section.props.className || ""])
+                                }), showSectionDividers && (isMobile || index < sectionsToRender.length - 1) ? (0, jsx_runtime_1.jsx)(navDivider_1.NavDivider, {}) : null] }, index)))) }), footerToRender] })) : null, mobileBarContainer && isMobile && navMobileBarPortal] }));
 };
 exports.Nav = Nav;
+exports.Nav.Empty = navEmpty_1.NavEmpty;

package/dist/nav/navEmpty/navEmpty.d.ts

@@ -0,0 +1,10 @@
+import { ReactNode } from "react";
+export interface INavEmpty {
+    description?: string;
+    image?: ReactNode | React.FC;
+    children?: ReactNode;
+}
+export declare const NavEmpty: {
+    (_: INavEmpty): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};

package/dist/nav/navEmpty/navEmpty.js

@@ -0,0 +1,7 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.NavEmpty = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const NavEmpty = (_) => (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, {});
+exports.NavEmpty = NavEmpty;
+exports.NavEmpty.displayName = "NavEmpty";

package/dist/notification/notification.js

@@ -19,10 +19,10 @@ injectString("da-DK", "Close", "Luk");
 injectString("de", "Close", "Schlie\xDFen");
 injectString("en", "Close", "Close");
 injectString("es", "Close", "Cerrar");
-injectString("fi-FI", "Close", "Sulje");
+injectString("fi-FI", "Close", "Sulkea");
 injectString("fr", "Close", "Fermer");
 injectString("fr-FR", "Close", "Fermer");
-injectString("hu-HU", "Close", "Z\xE1rd be.");
+injectString("hu-HU", "Close", "Bez\xE1r\xE1s");
 injectString("id", "Close", "Tutup");
 injectString("it", "Close", "Chiudere");
 injectString("ja", "Close", "\u9589\u3058\u308B");
@@ -33,13 +33,13 @@ injectString("nl", "Close", "Sluiten");
 injectString("pl", "Close", "Zamknij");
 injectString("pt-BR", "Close", "Fechar");
 injectString("pt-PT", "Close", "Fechar");
-injectString("sk-SK", "Close", "Zatvor");
+injectString("sk-SK", "Close", "Zatvori\u0165");
 injectString("sv", "Close", "St\xE4ng");
 injectString("th", "Close", "\u0E1B\u0E34\u0E14");
 injectString("tr", "Close", "Kapat");
 injectString("zh-Hans", "Close", "\u5173\u95ED");
 injectString("zh-TW", "Close", "\u95DC\u9589");
-injectString("ro-RO", "Close", "\xCEnchide\u021Bi");
+injectString("ro-RO", "Close", "\xCEnchide");
 injectString("ar-SA", "Close", "\u0625\u063A\u0644\u0627\u0642");
 const pushNotification_1 = __importDefault(require("./pushNotification/pushNotification"));
 const classNames_1 = require("../commonHelpers/classNames/classNames");

package/dist/notification/pushNotification/pushNotification.js

@@ -9,7 +9,7 @@ const PushNotification = ({ children, isOpen }) => {
         if (!ref.current || !isOpen) {
             return;
         }
-        ref.current.animate([{ left: "120%" }, { left: "0%" }], {
+        ref.current.animate([{ insetInlineStart: "120%" }, { insetInlineStart: "0%" }], {
             duration: 150,
             iterations: 1,
             delay: 0

package/dist/pill/components/pillNonActionable/pillNonActionable.js

@@ -20,10 +20,10 @@ injectString("da-DK", "Close", "Luk");
 injectString("de", "Close", "Schlie\xDFen");
 injectString("en", "Close", "Close");
 injectString("es", "Close", "Cerrar");
-injectString("fi-FI", "Close", "Sulje");
+injectString("fi-FI", "Close", "Sulkea");
 injectString("fr", "Close", "Fermer");
 injectString("fr-FR", "Close", "Fermer");
-injectString("hu-HU", "Close", "Z\xE1rd be.");
+injectString("hu-HU", "Close", "Bez\xE1r\xE1s");
 injectString("id", "Close", "Tutup");
 injectString("it", "Close", "Chiudere");
 injectString("ja", "Close", "\u9589\u3058\u308B");
@@ -34,13 +34,13 @@ injectString("nl", "Close", "Sluiten");
 injectString("pl", "Close", "Zamknij");
 injectString("pt-BR", "Close", "Fechar");
 injectString("pt-PT", "Close", "Fechar");
-injectString("sk-SK", "Close", "Zatvor");
+injectString("sk-SK", "Close", "Zatvori\u0165");
 injectString("sv", "Close", "St\xE4ng");
 injectString("th", "Close", "\u0E1B\u0E34\u0E14");
 injectString("tr", "Close", "Kapat");
 injectString("zh-Hans", "Close", "\u5173\u95ED");
 injectString("zh-TW", "Close", "\u95DC\u9589");
-injectString("ro-RO", "Close", "\xCEnchide\u021Bi");
+injectString("ro-RO", "Close", "\xCEnchide");
 injectString("ar-SA", "Close", "\u0625\u063A\u0644\u0627\u0642");
 const useDriveClassName_1 = require("../../../utils/theme/useDriveClassName");
 const NonActionablePill = ({

package/dist/pillExpandable/pillExpandable.js

@@ -16,24 +16,24 @@ injectString("es", "View all", "Ver todo");
 injectString("fi-FI", "View all", "N\xE4yt\xE4 kaikki");
 injectString("fr", "View all", "Afficher tout");
 injectString("fr-FR", "View all", "Tout afficher");
-injectString("hu-HU", "View all", "Mutasd az \xF6sszeset.");
+injectString("hu-HU", "View all", "\xD6sszes megtekint\xE9se");
 injectString("id", "View all", "Lihat semua");
 injectString("it", "View all", "Visualizzare tutto");
 injectString("ja", "View all", "\u3059\u3079\u3066\u8868\u793A");
 injectString("ko-KR", "View all", "\uC804\uCCB4 \uBCF4\uAE30");
 injectString("ms", "View all", "Lihat semua");
-injectString("nb-NO", "View all", "Se alle");
+injectString("nb-NO", "View all", "Vis alle");
 injectString("nl", "View all", "Alles weergeven");
 injectString("pl", "View all", "Wy\u015Bwietl wszystkie");
 injectString("pt-BR", "View all", "Visualizar tudo");
-injectString("pt-PT", "View all", "Visualizar tudo");
+injectString("pt-PT", "View all", "Ver tudo");
 injectString("sk-SK", "View all", "Zobrazi\u0165 v\u0161etko");
 injectString("sv", "View all", "Visa alla");
 injectString("th", "View all", "\u0E14\u0E39\u0E17\u0E31\u0E49\u0E07\u0E2B\u0E21\u0E14");
 injectString("tr", "View all", "T\xFCm\xFCn\xFC g\xF6r\xFCnt\xFCle");
 injectString("zh-Hans", "View all", "\u67E5\u770B\u5168\u90E8");
 injectString("zh-TW", "View all", "\u6AA2\u8996\u5168\u90E8");
-injectString("ro-RO", "View all", "Afi\u0219a\u021Bi tot");
+injectString("ro-RO", "View all", "Vezi tot");
 injectString("ar-SA", "View all", "\u0639\u0631\u0636 \u0627\u0644\u0643\u0644");
 injectString("cs", "Expand", "Rozbalit");
 injectString("da-DK", "Expand", "Udvid");

package/dist/table/detailPanel/detailPanelHeader.js

@@ -44,10 +44,10 @@ injectString("da-DK", "Close", "Luk");
 injectString("de", "Close", "Schlie\xDFen");
 injectString("en", "Close", "Close");
 injectString("es", "Close", "Cerrar");
-injectString("fi-FI", "Close", "Sulje");
+injectString("fi-FI", "Close", "Sulkea");
 injectString("fr", "Close", "Fermer");
 injectString("fr-FR", "Close", "Fermer");
-injectString("hu-HU", "Close", "Z\xE1rd be.");
+injectString("hu-HU", "Close", "Bez\xE1r\xE1s");
 injectString("id", "Close", "Tutup");
 injectString("it", "Close", "Chiudere");
 injectString("ja", "Close", "\u9589\u3058\u308B");
@@ -58,13 +58,13 @@ injectString("nl", "Close", "Sluiten");
 injectString("pl", "Close", "Zamknij");
 injectString("pt-BR", "Close", "Fechar");
 injectString("pt-PT", "Close", "Fechar");
-injectString("sk-SK", "Close", "Zatvor");
+injectString("sk-SK", "Close", "Zatvori\u0165");
 injectString("sv", "Close", "St\xE4ng");
 injectString("th", "Close", "\u0E1B\u0E34\u0E14");
 injectString("tr", "Close", "Kapat");
 injectString("zh-Hans", "Close", "\u5173\u95ED");
 injectString("zh-TW", "Close", "\u95DC\u9589");
-injectString("ro-RO", "Close", "\xCEnchide\u021Bi");
+injectString("ro-RO", "Close", "\xCEnchide");
 injectString("ar-SA", "Close", "\u0625\u063A\u0644\u0627\u0642");
 const useMobile_1 = require("../../commonHelpers/hooks/useMobile");
 const DetailPanelHeader = ({

package/dist/table/flexible/columnsList.d.ts

@@ -16,10 +16,9 @@ export interface IColumnsGroup {
 interface IColumnSettingsList<T extends IRowEntity<N>, N extends IEntityWithId> extends IZenComponentProps {
     columns: IListColumn<T, N>[];
     settings: Map<string, boolean>;
-    firstColumn: string;
     onChange?: (newState: Map<string, boolean>) => void;
     sortGroups?: (a: string, b: string) => number;
     sortColumns?: (a: string, b: string) => number;
 }
-export declare function ColumnSettingsList<T extends IRowEntity<N>, N extends IEntityWithId>({ columns, settings, firstColumn, onChange, sortGroups, sortColumns }: IColumnSettingsList<T, N>): import("react/jsx-runtime").JSX.Element[];
+export declare function ColumnSettingsList<T extends IRowEntity<N>, N extends IEntityWithId>({ columns, settings, onChange, sortGroups, sortColumns }: IColumnSettingsList<T, N>): import("react/jsx-runtime").JSX.Element[];
 export {};

package/dist/table/flexible/columnsList.js

@@ -44,7 +44,7 @@ const SubColumnsList = ({
   title,
   columns,
   settings,
-  firstColumn,
+  lastVisibleColumnId,
   onChange,
   sortColumns
 }) => {
@@ -61,10 +61,10 @@ const SubColumnsList = ({
   const items = (0, react_1.useMemo)(() => columns.sort(sortColumnsInt).map(c => ({
     id: c.id,
     title: c.title,
-    disabled: c.id === firstColumn,
+    disabled: !!c.alwaysVisible || c.id === lastVisibleColumnId,
     showCheckbox: true,
     children: c.title
-  })), [columns, firstColumn, sortColumnsInt]);
+  })), [columns, sortColumnsInt, lastVisibleColumnId]);
   const state = columns.reduce((res, c) => {
     res.set(c.id, settings.get(c.id) !== false ? checkboxState_1.CheckboxState.On : checkboxState_1.CheckboxState.Off);
     return res;
@@ -100,7 +100,6 @@ const SubColumnsList = ({
 function ColumnSettingsList({
   columns,
   settings,
-  firstColumn,
   onChange,
   sortGroups,
   sortColumns
@@ -112,11 +111,13 @@ function ColumnSettingsList({
     }
     return 0;
   }, [sortGroups]);
+  const visibleColumns = columns.filter(c => settings.get(c.id) !== false);
+  const lastVisibleColumnId = visibleColumns.length === 1 ? visibleColumns[0].id : undefined;
   return Array.from(groupped.entries()).sort(sortGroupsInt).map(([title, cs]) => (0, jsx_runtime_1.jsx)(SubColumnsList, {
     title: title,
     columns: cs,
     settings: settings,
-    firstColumn: firstColumn,
+    lastVisibleColumnId: lastVisibleColumnId,
     onChange: onChange,
     sortColumns: sortColumns
   }, cs.map(c => c.id).join("-")));

package/dist/table/flexible/columnsPopup.js

@@ -56,13 +56,10 @@ const ColumnsPopup = ({
     translate
   } = (0, useLanguage_1.useLanguage)();
   const listOfColumns = (0, react_1.useMemo)(() => {
-    var _a;
-    const firstColumn = ((_a = columns[0]) === null || _a === void 0 ? void 0 : _a.id) || "";
     const columnSettingsMap = new Map(columnSettings.map(s => [s.name, s.visible]));
     return (0, jsx_runtime_1.jsx)(columnsList_1.ColumnSettingsList, {
       columns: columns.filter(c => c.title),
       settings: columnSettingsMap,
-      firstColumn: firstColumn,
       onChange: newSettings => {
         const settings = columnSettings.map(s => {
           const visible = newSettings.get(s.name) !== false;

package/dist/table/flexible/useFlexibleColumns.d.ts

@@ -17,4 +17,5 @@ export declare const getColumnSettings: (pageName: string, defaultValue?: IColum
 export declare const useFlexibleColumns: <T extends IRowEntity<N>, N extends IEntityWithId>(columns: IListColumn<T, N>[], flexible: IFlexibleColumnsOptions | undefined, gridRef: RefObject<HTMLElement | null>, columnsPopupRef: RefObject<HTMLElement | null> | undefined, isFeed: boolean) => {
     flexibleColumns: IListColumn<T, N>[];
     columnsPopup: import("react/jsx-runtime").JSX.Element | null;
+    allColumnsHidden: boolean;
 };

package/dist/table/flexible/useFlexibleColumns.js

@@ -116,11 +116,12 @@ const useFlexibleColumns = (columns, flexible, gridRef, columnsPopupRef, isFeed)
         if (flexible.columnsPopup === false) {
             return null;
         }
-        if (flexibleColumns.length === 0) {
+        const configurableColumns = columns.filter(c => c.title && !(c.columnComponent instanceof actionsColumn_1.ActionsColumn));
+        if (configurableColumns.length === 0 || configurableColumns.every(c => c.alwaysVisible)) {
             return null;
         }
         return ((0, jsx_runtime_1.jsx)(columnsPopup_1.ColumnsPopup, { columns: columns.filter(c => !(c.columnComponent instanceof actionsColumn_1.ActionsColumn)), columnSettings: columnSettings, triggerRef: columnsPopupRef, sortGroups: flexible.sortGroups, sortColumns: flexible.sortColumns, onReset: onResetListener, onChange: onChangeListener }));
-    }, [columnSettings, columns, columnsPopupRef, flexible, flexibleColumns.length, onChangeListener, onResetListener]);
+    }, [columnSettings, columns, columnsPopupRef, flexible, onChangeListener, onResetListener]);
     const onReorderListener = (0, react_1.useCallback)(async ([from, to]) => {
         if (from === to) {
             return;
@@ -177,6 +178,6 @@ const useFlexibleColumns = (columns, flexible, gridRef, columnsPopupRef, isFeed)
             return;
         };
     }, [onResizeColumn, onReorderListener, gridRef, flexibleColumns, isFeed, isDraggable]);
-    return { flexibleColumns, columnsPopup };
+    return { flexibleColumns, columnsPopup, allColumnsHidden: !!flexible && flexibleColumns.length === 0 };
 };
 exports.useFlexibleColumns = useFlexibleColumns;

package/dist/table/loading/useLoading.d.ts

@@ -31,6 +31,7 @@ export declare const useLoading: <T extends IRowEntity<N>, N extends IEntityWith
         wrappers?: import("../table").IListColumnWrapper<T, N>[] | undefined;
         sortable?: boolean | undefined;
         draggable?: boolean | undefined;
+        alwaysVisible?: boolean | undefined;
         colspan?: number | ((entity: T | N) => number | undefined) | undefined;
         group?: string | undefined;
         visible?: boolean | undefined;

package/dist/table/loading/useLoading.js

@@ -9,7 +9,7 @@ const skeleton_1 = require("../../skeleton/skeleton");
 exports.DEFAULT_LOADING_ROWS = 50;
 const LoadingCell = ({ width, className }) => (0, jsx_runtime_1.jsx)(skeleton_1.Skeleton, { width: width, className: className });
 const useLoading = (columns, entities, isLoading, loading) => {
-    const sampleEntity = (0, react_1.useMemo)(() => columns.map(column => ({ [column.id]: column.title })).reduce((acc, el) => (Object.assign(Object.assign({}, acc), el))), [columns]);
+    const sampleEntity = (0, react_1.useMemo)(() => columns.map(column => ({ [column.id]: column.title })).reduce((acc, el) => (Object.assign(Object.assign({}, acc), el)), {}), [columns]);
     // Cache skeleton entities with stable IDs - only regenerate when rows count or columns change
     // This prevents skeletons from flickering when unrelated Table props change
     const skeletonEntities = (0, react_1.useMemo)(() => new Array((loading === null || loading === void 0 ? void 0 : loading.rows) || exports.DEFAULT_LOADING_ROWS).fill(undefined).map(() => (Object.assign(Object.assign({}, sampleEntity), { isLoading: true, id: (0, generateId_1.generateId)() }))), [loading === null || loading === void 0 ? void 0 : loading.rows, sampleEntity]);

package/dist/table/nested/useNestedRows.d.ts

@@ -12,6 +12,7 @@ export declare const useNestedRows: <T extends IRowEntity<N>, N extends IEntityW
         meta?: import("../../dataGrid/listColumn").IListColumnMeta<T, N> | undefined;
         columnComponent?: import("../../dataGrid/listColumn").IColumnComponent<T, N> | undefined;
         wrappers?: import("../../dataGrid/listColumn").IListColumnWrapper<T, N>[] | undefined;
+        alwaysVisible?: boolean | undefined;
         colspan?: number | ((entity: T | N) => number | undefined) | undefined;
     }[];
     nestedFeedWrapper: (primaryData: ReactNode, secondaryData: ReactNode, entity: T | N, isNested: boolean) => [ReactNode, ReactNode];

package/dist/table/selectable/useSelectableRows.js

@@ -149,6 +149,7 @@ const useSelectableRows = (columns, entities, isMobile, selectMode, setSelectMod
     setSelectMode(newValue.all || newValue.selected.length > 0);
   }, [checkboxDisabled, checkboxVisible, entities, selectable, setSelectMode, setState, getNewSelection]);
   const onChangeSelectionState = (0, react_1.useCallback)(newState => {
+    var _a, _b;
     if (newState === interfaces_1.SelectionState.All) {
       (selectable === null || selectable === void 0 ? void 0 : selectable.onSelect) && selectable.onSelect({
         selected: [],
@@ -167,8 +168,10 @@ const useSelectableRows = (columns, entities, isMobile, selectMode, setSelectMod
     }
     const newSelections = (0, getCurrentPageSelection_1.getCurrentPageSelection)(entities, selectable);
     setState(newState);
+    const previousSelections = (_b = (_a = selectable === null || selectable === void 0 ? void 0 : selectable.selection) === null || _a === void 0 ? void 0 : _a.selected) !== null && _b !== void 0 ? _b : [];
+    const mergedSelections = new Set([...previousSelections, ...newSelections]);
     const newValue = {
-      selected: [...newSelections],
+      selected: [...mergedSelections],
       all: false
     };
     selectable === null || selectable === void 0 ? void 0 : selectable.onSelect(newValue);
@@ -228,9 +231,24 @@ const useSelectableRows = (columns, entities, isMobile, selectMode, setSelectMod
           checked: state === interfaces_1.SelectionState.CurrentPage || state === interfaces_1.SelectionState.All,
           indeterminate: state === interfaces_1.SelectionState.Partial,
           onChange: newValue => {
-            const newState = newValue ? selectable.turnOffSelectAll ? interfaces_1.SelectionState.CurrentPage : interfaces_1.SelectionState.All : interfaces_1.SelectionState.None;
-            setState(newState);
-            onChangeSelectionState(newState);
+            var _a, _b;
+            if (newValue) {
+              const newState = selectable.turnOffSelectAll ? interfaces_1.SelectionState.CurrentPage : interfaces_1.SelectionState.All;
+              setState(newState);
+              onChangeSelectionState(newState);
+            } else {
+              // Intentionally different from onSelect(None) ("Deselect all" menu item, which clears everything).
+              // Unchecking the header checkbox only removes the current page from the selection, preserving other pages.
+              const currentPageIds = (0, getCurrentPageSelection_1.getCurrentPageSelection)(entities, selectable);
+              const remaining = ((_b = (_a = selectable.selection) === null || _a === void 0 ? void 0 : _a.selected) !== null && _b !== void 0 ? _b : []).filter(id => !currentPageIds.has(id));
+              const newState = remaining.length > 0 ? interfaces_1.SelectionState.Partial : interfaces_1.SelectionState.None;
+              setState(newState);
+              selectable.onSelect({
+                selected: remaining,
+                all: false
+              });
+              setSelectMode(remaining.length > 0);
+            }
           },
           calculateSelectionState: () => selectableState,
           checkboxInHeader: selectable.checkboxInHeader !== undefined ? selectable.checkboxInHeader : selectable.selectionLimit !== undefined ? false : undefined,
@@ -244,7 +262,7 @@ const useSelectableRows = (columns, entities, isMobile, selectMode, setSelectMod
         return cell;
       }
     };
-  }, [checkboxDisabled, checkboxTitle, checkboxVisible, headerTitle, onChangeSelectionState, onSelectListener, selectable, selectableState, state, isMobile, checkboxPlaceholder, isEntityChecked]);
+  }, [checkboxDisabled, checkboxTitle, checkboxVisible, headerTitle, onChangeSelectionState, onSelectListener, selectable, selectableState, state, isMobile, checkboxPlaceholder, isEntityChecked, entities, setSelectMode]);
   const selectableFeedWrapper = (0, react_1.useCallback)((primaryData, secondaryData, entity, isNested) => {
     // eslint-disable-next-line @typescript-eslint/no-unnecessary-condition
     if (!entity) {