@geotab/zenith 1.26.4 → 1.26.5-beta.0

package/dist/index.d.ts

@@ -49,6 +49,7 @@ export { type IEntityWithId } from "./commonHelpers/entity";
 export { generateId } from "./commonHelpers/generateId";
 export { DeviceType } from "./commonHelpers/hooks/deviceType";
 export { useDebounce } from "./commonHelpers/hooks/useDebounce";
+export { useDebouncedMemo } from "./commonHelpers/hooks/useDebouncedMemo";
 export { useDeviceType } from "./commonHelpers/hooks/useDeviceType";
 export { useGridSize } from "./commonHelpers/hooks/useGridSize";
 export { useMobile } from "./commonHelpers/hooks/useMobile";
@@ -64,10 +65,21 @@ export { type IDateRange, type IDateRangeUnsetValue, DateRange } from "./dateRan
 export { type IDateRangeValue, type IDateRangeValueOptionalLabel, type IDateRangeOption, type TDateRangeOption, GET_TODAY_OPTION, GET_YESTERDAY_OPTION, GET_THIS_WEEK_OPTION, GET_NEXT_WEEK_OPTION, GET_LAST_WEEK_OPTION, GET_THIS_MONTH_OPTION, GET_NEXT_MONTH_OPTION, GET_LAST_MONTH_OPTION, GET_LAST_SEVEN_DAYS_OPTION, GET_LAST_THIRTY_DAYS_OPTION, GET_LAST_TWELVE_MONTHS_OPTION, GET_LAST_THREE_MONTH_OPTION, GET_LAST_QUARTER_OPTION, GET_THIS_QUARTER_OPTION, GET_LAST_YEAR_OPTION, GET_THIS_YEAR_OPTION, GET_DEFAULT_DATE_OPTIONS } from "./dateRange/dateRangeUtils";
 export { type IDialog, Dialog } from "./dialog/dialog";
 export { isElementInsideContainer, isFocusable, getFocusableStartInd } from "./dialog/dialogHelpers";
-export { type ISelectionItem, type IDropdownItem, type IDropdownValueFullSelection, type IDropdownWithCheckboxValue, type IDropdownWithCheckboxSelected, type IDropdownValueFullSelectionWithCheckbox, type IDropdownFullSelectedValue, type IDropdownFullSelectedValueWithCheckbox, type IDropdownFullSelection, type IDropdown, type IDropdownWithCheckbox, type IDropdownFullSelectionWithCheckbox, Dropdown } from "./dropdown/dropdown";
+export { type ISelectionItem, type IDropdownItem, type IFetchDropdownState, type IDropdownValueFullSelection, type IDropdownWithCheckboxValue, type IDropdownWithCheckboxSelected, type IDropdownValueFullSelectionWithCheckbox, type IDropdownFullSelectedValue, type IDropdownFullSelectedValueWithCheckbox, type IDropdownFullSelection, type IDropdown, type IDropdownWithCheckbox, type IDropdownFullSelectionWithCheckbox, Dropdown } from "./dropdown/dropdown";
+export { useDropdownState } from "./dropdown/useDropdownState";
 export { type IFavoriteButton, FavoriteButton } from "./favoriteButton/favoriteButton";
 export { FeedbackProvider } from "./feedbackProvider/feedbackProvider";
 export { type TFilterButton, type IFilterButton, FilterButton } from "./filterButton/filterButton";
+export { type IFiltersChip, FiltersChip } from "./filters/components/filtersChip";
+export { type IFiltersDateRangeState, type IFiltersDateRangeCompleteState, type IFiltersDateRangeDefaultState, type TFiltersDateRangeState, type TFiltersDateRangeCompleteState, type TFiltersDateRangeStateOptional, type TFiltersDateRangeStateRequired, type IFiltersDateRangeItem, type IFiltersDateRange, FiltersDateRange } from "./filters/components/filtersDateRange";
+export { type TFiltersDropdownState, type IFiltersDropdownFullSelectionState, type IFiltersDropdownWithCheckboxState, type IFiltersDropdownFullSelectionWithCheckboxState, type TFiltersDropdownComplexState, type TInferOnChangeType, type IFiltersDropdown, FiltersDropdown } from "./filters/components/filtersDropdown";
+export { type IFiltersGroupsItem, type IFiltersGroups, FiltersGroups } from "./filters/components/filtersGroups";
+export { type IFiltersItem } from "./filters/components/filtersItem";
+export { type IFiltersRangeState, type IFiltersRange, FiltersRange } from "./filters/components/filtersRange";
+export { NO_TYPED_SEARCH_ITEM, KEYWORD_ID, KEYWORD_TYPE, type ISearchItem, type IRecentSearchItem, type IRecentSearchItemWithoutId } from "./filters/components/filtersSearchList";
+export { ALL_SELECT_OPTION_ID, type IFiltersSearchType, getFiltersSearchTypeAllOption, getAllOption } from "./filters/components/filtersSelect";
+export { type ISavedFilters, type ISaveFilter, type IFetchState, type IFiltersSearchTypesSubItem, type IFiltersSearchTypesItem, type IFiltersBase, type IFiltersWithRecentSearches, type IFiltersWithSearchSelection, type IFiltersWithPin, type IFiltersWithSavedFilters, type IFiltersWithExternalState, type IFilters, type IFiltersBasic, type IFiltersWithModal, type IFiltersWithPinning, type IFiltersWithRecent, type IFiltersWithSaved, type TFiltersWithSearchSelection, type IFiltersWithModalAndPin, type IFiltersWithRecentAndSaved, type IFiltersComplete, FiltersDisplayName, Filters } from "./filters/filters";
+export { useFiltersSearch, usePinnedFilters, useFiltersSelection } from "./filters/filtersHooks";
 export { type IFiltersBarDropdownFullSelectionState } from "./filtersBar/components/filtersBarDropdown/filtersBarDropdown";
 export { type IFiltersBarDropdownWithCheckboxProps, type IFiltersBarDropdownFullSelectionWithCheckboxProps, type IFiltersBarDropdownWithCheckbox, type IFiltersBarDropdownWithCheckboxFullSelectionMode, type IFiltersBarDropdownWithCheckboxOnChange, type IFiltersBarDropdownWithCheckboxFullSelectionOnChange, FiltersBarDropdownWithCheckbox } from "./filtersBar/components/filtersBarDropdownWithCheckbox/filtersBarDropdownWithCheckbox";
 export { type IDateRangeOptionId, type TDateRangeName, getRangeOption } from "./filtersBar/components/filtersBarPeriodPicker/getRangeOption";
@@ -84,7 +96,7 @@ export { type IFormStepper, FormStepper } from "./formStepper/formStepper";
 export { type IFormStepperButtons, FormStepperButtons } from "./formStepperButtons/formStepperButtons";
 export { type IGridLayout, GridLayout } from "./gridLayout/gridLayout";
 export { type IGroupButton, GroupButton } from "./groupButton/groupButton";
-export { type IGroupsFilter, GroupsFilter } from "./groupsFilter/groupsFilter";
+export { groupsFilterTotalStateDefault, type IGroupsFilter, GroupsFilter } from "./groupsFilter/groupsFilter";
 export { type IFilterState, type TFilterVal, type ITypedHash, type IAdvancedEntitiesNavigatorDialog, type IGroupItem, type IGroupsFilterTotalState, FilterMenuStep, type IGroupsFilterOptions, type IGroupTree, type IColor, type IGroupsColorTree, type INamedEntity, type IGroup, type ILinkedGroup, type ILeafStateItem } from "./groupsFilter/groupsFilterInterfaces";
 export { type ENTIRE_ORGANIZATION_GROUP_ID, DEFAULT_RELATION_OPERATOR, getDefaultFilterState, systemSecurityGroups, rootSecurityGroups, rootGroups, rootDefectGroups, defaultPrivateGroupId, allSystemGroups, makeBoolHash, isSystemGroup, getGroupDescription, createLinkedTree, isIdEntity, isEntireOrganization, isFilterState, mapFilterState, getId, mergeItems, simplifyFilterState, toFilterState, compareFilters } from "./groupsFilter/groupsHelper";
 export { HeaderType, type IHeader, Header, HeaderDisplayName } from "./header/header";
@@ -640,6 +652,9 @@ export { type IMobileSheet, MobileSheet } from "./mobileSheet/mobileSheet";
 export { type TFocusElement, type IModal, Modal, type IDialogContent, DialogContentNew } from "./modal/modal";
 export { getPredefinedFocusableItem } from "./modal/modalHelpers";
 export { type INotificationProps, Notification } from "./notification/notification";
+export { type IPageHeader, PageHeaderDisplayName, PageHeader } from "./pageHeader/pageHeader";
+export { type IPageHeaderButton, PageHeaderButtonDisplayName, PageHeaderButton } from "./pageHeader/pageHeaderButton";
+export { type IPageHeaderMenu, PageHeaderMenuDisplayName, PageHeaderMenu } from "./pageHeader/pageHeaderMenu";
 export { type IPageContentLayout, PageContentLayout } from "./pageLayout/pageContentLayout/pageContentLayout";
 export { PageLayout } from "./pageLayout/pageLayout";
 export { type IPagination, Pagination } from "./pagination/pagination";
@@ -671,7 +686,7 @@ export { type ITabBarContent, TabBarContent } from "./tabBar/tabBarContent";
 export { NestedData } from "./table/nested/nestedData";
 export { useNestedRows } from "./table/nested/useNestedRows";
 export { type IListColumn, type TFeedResult, type IFeedExpandable, type ITable, type IListColumnWrapper, Table, getEmptySelection, ColumnSortDirection, getSortableValue, ActionsColumn, MainColumn, CheckboxColumn, ActionLinkColumn } from "./table/table";
-export { type ITabs, TabsDisplayName, Tabs } from "./tabs/tabs";
+export { type ITabElement, type ITabs, TabsDisplayName, Tabs } from "./tabs/tabs";
 export { ButtonIconPosition, type TButtonIconPosition, type ITextIconButton, TextIconButton } from "./textIconButton/textIconButton";
 export { type ITextInput, TextInput } from "./textInput/textInput";
 export { type ITextInputRaw, TextInputRaw } from "./textInputRaw/textInputRaw";

package/dist/index.js

@@ -1,21 +1,22 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.getMaxNumberOfActions = exports.getIconFromStatus = exports.getDefaultFullWidthValue = exports.TitleLink = exports.Title = exports.Status = exports.Content = exports.CardButton = exports.Actions = exports.Card = exports.isDifferentPeriod = exports.isValidationDateError = exports.isValidDate = exports.getSelectableYears = exports.isDisableDate = exports.isDisableYear = exports.getAvailablePeriod = exports.toDayStart = exports.setYear = exports.getSameDateOrTheLastForMonth = exports.addMonth = exports.getEndOfWeek = exports.getStartOfWeek = exports.getDayOfWeekOffset = exports.addMonths = exports.addDays = exports.addMinutes = exports.getNewEndDate = exports.getNewStartDate = exports.getCalendarMonthDates = exports.getEndOfMonth = exports.getStartOfMonth = exports.dayNames = exports.Calendar = exports.ButtonType = exports.Button = exports.Bookmark = exports.BetaPillProvider = exports.BetaPill = exports.getBannerOptions = exports.options = exports.DEFAULT_BANNER_UPSELL_SIZE = exports.BannerUpsell = exports.Banner = exports.Anchor = exports.useAlert = exports.Alert = exports.AccordionItem = exports.Accordion = exports.Absolute = void 0;
-exports.GET_LAST_SEVEN_DAYS_OPTION = exports.GET_LAST_MONTH_OPTION = exports.GET_NEXT_MONTH_OPTION = exports.GET_THIS_MONTH_OPTION = exports.GET_LAST_WEEK_OPTION = exports.GET_NEXT_WEEK_OPTION = exports.GET_THIS_WEEK_OPTION = exports.GET_YESTERDAY_OPTION = exports.GET_TODAY_OPTION = exports.DateRange = exports.getLabel = exports.DateInput = exports.cutSeconds = exports.ControlledPopup = exports.deepClone = exports.deepMerge = exports.flattenArrays = exports.echo = exports.useThrottle = exports.useScroll = exports.useResize = exports.useMobile = exports.useGridSize = exports.useDeviceType = exports.useDebounce = exports.DeviceType = exports.generateId = exports.hexToRGBA = exports.classNames = exports.getCheckboxState = exports.CheckboxState = exports.Checkbox = exports.resampleArrayEvenly = exports.removeTrendDataFromDatasets = exports.getFormattedLabel = exports.Chart = exports.AccessibleChartTable = exports.AccessibleChartNarrative = exports.simplifyData = exports.collectAllPoints = exports.AccessibleChart = exports.CardsRow = exports.Cards = exports.useAbsoluteSize = exports.isAbsoluteSize = exports.getSizeClass = exports.getContainerSize = exports.CardContainer = exports.useCardSizeState = exports.useCardSize = void 0;
-exports.mergeItems = exports.getId = exports.mapFilterState = exports.isFilterState = exports.isEntireOrganization = exports.isIdEntity = exports.createLinkedTree = exports.getGroupDescription = exports.isSystemGroup = exports.makeBoolHash = exports.allSystemGroups = exports.defaultPrivateGroupId = exports.rootDefectGroups = exports.rootGroups = exports.rootSecurityGroups = exports.systemSecurityGroups = exports.getDefaultFilterState = exports.DEFAULT_RELATION_OPERATOR = exports.FilterMenuStep = exports.GroupsFilter = exports.GroupButton = exports.GridLayout = exports.FormStepperButtons = exports.FormStepper = exports.FormField = exports.FooterButtons = exports.TriggerContextProvider = exports.TriggerContext = exports.FiltersBarActions = exports.FiltersBar = exports.FiltersBarDisplayName = exports.ResetButton = exports.getRangeOption = exports.FiltersBarDropdownWithCheckbox = exports.FilterButton = exports.FeedbackProvider = exports.FavoriteButton = exports.Dropdown = exports.getFocusableStartInd = exports.isFocusable = exports.isElementInsideContainer = exports.Dialog = exports.GET_DEFAULT_DATE_OPTIONS = exports.GET_THIS_YEAR_OPTION = exports.GET_LAST_YEAR_OPTION = exports.GET_THIS_QUARTER_OPTION = exports.GET_LAST_QUARTER_OPTION = exports.GET_LAST_THREE_MONTH_OPTION = exports.GET_LAST_TWELVE_MONTHS_OPTION = exports.GET_LAST_THIRTY_DAYS_OPTION = void 0;
-exports.IconAt = exports.IconArrowUpPath = exports.IconArrowTopRight = exports.IconArrowTopLeft = exports.IconArrowTopCircle = exports.IconArrowTop = exports.IconArrowRightPath = exports.IconArrowRightCircle = exports.IconArrowRight = exports.IconArrowLeftPath = exports.IconArrowLeftCircle = exports.IconArrowLeft = exports.IconArrowDownPath = exports.IconArrowBottomRight = exports.IconArrowBottomLeft = exports.IconArrowBottomCircle = exports.IconArrowBottom = exports.IconArchive2 = exports.IconArchive = exports.IconAnchor2 = exports.IconAnchor = exports.IconAlignmentRight = exports.IconAlignmentLeft = exports.IconAlignmentJustify = exports.IconAlignmentCenter = exports.IconAlignTopBox = exports.IconAlignRightBox = exports.IconAlignLeft = exports.IconAlignBottom = exports.IconAirpods = exports.IconAirplay = exports.IconAiSparkles2 = exports.IconAiSparkles = exports.IconAiImages = exports.IconAddPeople2 = exports.IconAddPeople = exports.IconActivity = exports.useCustomMenu = exports.HeaderMenu = exports.HeaderMenuDisplayName = exports.HeaderButton = exports.HeaderButtonDisplayName = exports.HeaderBack = exports.HeaderBackDisplayName = exports.HeaderDisplayName = exports.Header = exports.HeaderType = exports.compareFilters = exports.toFilterState = exports.simplifyFilterState = void 0;
-exports.IconBucket = exports.IconBubbles = exports.IconBubbleNotification = exports.IconBubbleAnnotation6 = exports.IconBubbleAnnotation5 = exports.IconBubbleAnnotation4 = exports.IconBubbleAnnotation2 = exports.IconBubbleAnnotation = exports.IconBubble6 = exports.IconBubble5 = exports.IconBubble4 = exports.IconBubble3 = exports.IconBubble2 = exports.IconBubble = exports.IconBrush = exports.IconBrowser = exports.IconBrokenLink = exports.IconBranches = exports.IconBookmarkSelectedHover = exports.IconBookmarkPlus = exports.IconBookmarkFill = exports.IconBookmarkDelete = exports.IconBookmarkCheck = exports.IconBookmark = exports.IconBook2 = exports.IconBook = exports.IconBold = exports.IconBluetooth = exports.IconBitcoin = exports.IconBeta = exports.IconBell = exports.IconBatteryMedium = exports.IconBatteryLow2 = exports.IconBatteryLow = exports.IconBatteryLoading = exports.IconBatteryFull = exports.IconBatteryError = exports.IconBasket2 = exports.IconBasket = exports.IconBagLuggage2 = exports.IconBagLuggage = exports.IconBag2 = exports.IconBag = exports.IconBadge = exports.IconBackward = exports.IconAutoSize = exports.IconAudio = exports.IconAttachmentFile = exports.IconAttachment2 = exports.IconAttachment = void 0;
-exports.IconCloud2 = exports.IconCloud = exports.IconCloseSquare = exports.IconCloseCircle = exports.IconClose = exports.IconClockTimer = exports.IconClockSnooze = exports.IconClock2 = exports.IconClock = exports.IconClipboard2 = exports.IconClipboard = exports.IconCircle = exports.IconChromecast = exports.IconChevronTopSmall = exports.IconChevronTop = exports.IconChevronRightSmall = exports.IconChevronRight = exports.IconChevronLeftSmall = exports.IconChevronLeft = exports.IconChevronGrabberVertical = exports.IconChevronGrabberHorizontal = exports.IconChevronDownSmall = exports.IconChevronDoubleUp = exports.IconChevronDoubleRight = exports.IconChevronDoubleLeft = exports.IconChevronDoubleDown = exports.IconChevronBottom = exports.IconCheckbox = exports.IconCheckRadio = exports.IconCheck = exports.IconChart8 = exports.IconChart7 = exports.IconChart6 = exports.IconChart5 = exports.IconChart4 = exports.IconChart3 = exports.IconChart2 = exports.IconChart = exports.IconCanBus = exports.IconCameraAction = exports.IconCamera3 = exports.IconCamera2 = exports.IconCamera = exports.IconCalendar2 = exports.IconCalendar = exports.IconCalculator = exports.IconBusiness = exports.IconBulletList = exports.IconBulkSelect = exports.IconBuilding = void 0;
-exports.IconDeviceUptime = exports.IconDelete3 = exports.IconDelete2 = exports.IconDelete = exports.IconCycle = exports.IconCursorClick = exports.IconCursorBox = exports.IconCursor3 = exports.IconCursor2 = exports.IconCursor = exports.IconCup = exports.IconCryptoCoin = exports.IconCrypto = exports.IconCrop = exports.IconCreditCard3 = exports.IconCreditCard2 = exports.IconCreditCard = exports.IconCornerUpRight2 = exports.IconCornerUpRight = exports.IconCornerUpLeft = exports.IconCornerRightUp = exports.IconCornerRightDown = exports.IconCornerLeftUp = exports.IconCornerLeftDown = exports.IconCornerDownRight = exports.IconCornerDownLeft = exports.IconCopy5 = exports.IconCopy4 = exports.IconCopy3 = exports.IconCopy2 = exports.IconCopy = exports.IconConstruction = exports.IconConsole = exports.IconConnectDevices = exports.IconCompass = exports.IconCommunity = exports.IconColorPicker = exports.IconColor = exports.IconCode2 = exports.IconCode = exports.IconCmd2 = exports.IconCmd = exports.IconCloudUpload = exports.IconCloudSync = exports.IconCloudQuestion = exports.IconCloudOff2 = exports.IconCloudOff = exports.IconCloudLines = exports.IconCloudDownload = exports.IconCloudCheck = void 0;
-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 = exports.IconDock = exports.IconDispatchAsset = exports.IconDisk2 = exports.IconDisk = exports.IconDiamondWarning = exports.IconDeviceUptimeDisconnected = void 0;
-exports.IconItalic = exports.IconInspect = exports.IconInfoSquare = exports.IconInfoCircle = exports.IconInbox2 = exports.IconInbox = exports.IconImages2 = exports.IconImages = exports.IconImage = exports.IconImac2 = 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 = exports.IconFolderCloud2 = exports.IconFolderCloud = exports.IconFolderBookmarks = exports.IconFolderAdd = exports.IconFolder2 = exports.IconFolder = void 0;
-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 = exports.IconLayout = exports.IconLayers = exports.IconLaptop = exports.IconLab = exports.IconKeyboardUp2 = exports.IconKeyboardUp = exports.IconKeyboardDown = exports.IconKeyboard = void 0;
-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 = exports.IconMobi = exports.IconMinusSquare = exports.IconMinusCircle = exports.IconMinus = exports.IconMinimize = exports.IconMicrophone2 = exports.IconMicrophone = exports.IconMenuCircle2 = exports.IconMenuCircle = void 0;
-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 = exports.IconPlusCircle = exports.IconPlus = exports.IconPlay = exports.IconPinLocation3 = exports.IconPinLocation2 = exports.IconPinLocation = exports.IconPin2 = exports.IconPin = void 0;
-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 = exports.IconShield3 = exports.IconShield2 = exports.IconShield = exports.IconShare3 = exports.IconShare2 = exports.IconShare = exports.IconSettings8 = exports.IconSettings7 = exports.IconSettings6 = void 0;
-exports.findFirstFocusable = exports.Menu = exports.ControlledMenu = 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.ImageNothingFound = 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.IconVolumeOf = exports.IconVolumeMinimum = exports.IconVolumeHalf = exports.IconVolumeFull = exports.IconVolumeDown = exports.IconVoice = exports.IconVisitPage = exports.IconVideoReplay = exports.IconVideo2 = exports.IconVideo = exports.IconUsbHub = void 0;
-exports.TabBarContent = 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.Notification = exports.getPredefinedFocusableItem = exports.DialogContentNew = exports.Modal = exports.MobileSheet = exports.MiniTabs = exports.MiniTabsSize = exports.isLink = exports.isButton = exports.findPrevFocusable = exports.findNextFocusable = exports.findLastFocusable = void 0;
-exports.Waiting = exports.UserFormatProvider = exports.useDrive = exports.ThemeProvider = exports.ThemeDrive = exports.ThemeDark = exports.useLanguage = exports.LanguageProvider = exports.HeaderButtonsProvider = exports.AbortablePromise = exports.Tooltip = exports.removeArrowClasses = exports.calculateArrowPosition = 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 = void 0;
+exports.GET_LAST_MONTH_OPTION = exports.GET_NEXT_MONTH_OPTION = exports.GET_THIS_MONTH_OPTION = exports.GET_LAST_WEEK_OPTION = exports.GET_NEXT_WEEK_OPTION = exports.GET_THIS_WEEK_OPTION = exports.GET_YESTERDAY_OPTION = exports.GET_TODAY_OPTION = exports.DateRange = exports.getLabel = exports.DateInput = exports.cutSeconds = exports.ControlledPopup = exports.deepClone = exports.deepMerge = exports.flattenArrays = exports.echo = exports.useThrottle = exports.useScroll = exports.useResize = exports.useMobile = exports.useGridSize = exports.useDeviceType = exports.useDebouncedMemo = exports.useDebounce = exports.DeviceType = exports.generateId = exports.hexToRGBA = exports.classNames = exports.getCheckboxState = exports.CheckboxState = exports.Checkbox = exports.resampleArrayEvenly = exports.removeTrendDataFromDatasets = exports.getFormattedLabel = exports.Chart = exports.AccessibleChartTable = exports.AccessibleChartNarrative = exports.simplifyData = exports.collectAllPoints = exports.AccessibleChart = exports.CardsRow = exports.Cards = exports.useAbsoluteSize = exports.isAbsoluteSize = exports.getSizeClass = exports.getContainerSize = exports.CardContainer = exports.useCardSizeState = exports.useCardSize = void 0;
+exports.GroupsFilter = exports.groupsFilterTotalStateDefault = exports.GroupButton = exports.GridLayout = exports.FormStepperButtons = exports.FormStepper = exports.FormField = exports.FooterButtons = exports.TriggerContextProvider = exports.TriggerContext = exports.FiltersBarActions = exports.FiltersBar = exports.FiltersBarDisplayName = exports.ResetButton = exports.getRangeOption = exports.FiltersBarDropdownWithCheckbox = exports.useFiltersSelection = exports.usePinnedFilters = exports.useFiltersSearch = exports.Filters = exports.FiltersDisplayName = exports.getAllOption = exports.getFiltersSearchTypeAllOption = exports.ALL_SELECT_OPTION_ID = exports.KEYWORD_TYPE = exports.KEYWORD_ID = exports.NO_TYPED_SEARCH_ITEM = exports.FiltersRange = exports.FiltersGroups = exports.FiltersDropdown = exports.FiltersDateRange = exports.FiltersChip = exports.FilterButton = exports.FeedbackProvider = exports.FavoriteButton = exports.useDropdownState = exports.Dropdown = exports.getFocusableStartInd = exports.isFocusable = exports.isElementInsideContainer = exports.Dialog = exports.GET_DEFAULT_DATE_OPTIONS = exports.GET_THIS_YEAR_OPTION = exports.GET_LAST_YEAR_OPTION = exports.GET_THIS_QUARTER_OPTION = exports.GET_LAST_QUARTER_OPTION = exports.GET_LAST_THREE_MONTH_OPTION = exports.GET_LAST_TWELVE_MONTHS_OPTION = exports.GET_LAST_THIRTY_DAYS_OPTION = exports.GET_LAST_SEVEN_DAYS_OPTION = void 0;
+exports.IconAnchor2 = exports.IconAnchor = exports.IconAlignmentRight = exports.IconAlignmentLeft = exports.IconAlignmentJustify = exports.IconAlignmentCenter = exports.IconAlignTopBox = exports.IconAlignRightBox = exports.IconAlignLeft = exports.IconAlignBottom = exports.IconAirpods = exports.IconAirplay = exports.IconAiSparkles2 = exports.IconAiSparkles = exports.IconAiImages = exports.IconAddPeople2 = exports.IconAddPeople = exports.IconActivity = exports.useCustomMenu = exports.HeaderMenu = exports.HeaderMenuDisplayName = exports.HeaderButton = exports.HeaderButtonDisplayName = exports.HeaderBack = exports.HeaderBackDisplayName = exports.HeaderDisplayName = exports.Header = exports.HeaderType = exports.compareFilters = exports.toFilterState = exports.simplifyFilterState = exports.mergeItems = exports.getId = exports.mapFilterState = exports.isFilterState = exports.isEntireOrganization = exports.isIdEntity = exports.createLinkedTree = exports.getGroupDescription = exports.isSystemGroup = exports.makeBoolHash = exports.allSystemGroups = exports.defaultPrivateGroupId = exports.rootDefectGroups = exports.rootGroups = exports.rootSecurityGroups = exports.systemSecurityGroups = exports.getDefaultFilterState = exports.DEFAULT_RELATION_OPERATOR = exports.FilterMenuStep = void 0;
+exports.IconBookmarkPlus = exports.IconBookmarkFill = exports.IconBookmarkDelete = exports.IconBookmarkCheck = exports.IconBookmark = exports.IconBook2 = exports.IconBook = exports.IconBold = exports.IconBluetooth = exports.IconBitcoin = exports.IconBeta = exports.IconBell = exports.IconBatteryMedium = exports.IconBatteryLow2 = exports.IconBatteryLow = exports.IconBatteryLoading = exports.IconBatteryFull = exports.IconBatteryError = exports.IconBasket2 = exports.IconBasket = exports.IconBagLuggage2 = exports.IconBagLuggage = exports.IconBag2 = exports.IconBag = exports.IconBadge = exports.IconBackward = exports.IconAutoSize = exports.IconAudio = exports.IconAttachmentFile = exports.IconAttachment2 = exports.IconAttachment = exports.IconAt = exports.IconArrowUpPath = exports.IconArrowTopRight = exports.IconArrowTopLeft = exports.IconArrowTopCircle = exports.IconArrowTop = exports.IconArrowRightPath = exports.IconArrowRightCircle = exports.IconArrowRight = exports.IconArrowLeftPath = exports.IconArrowLeftCircle = exports.IconArrowLeft = exports.IconArrowDownPath = exports.IconArrowBottomRight = exports.IconArrowBottomLeft = exports.IconArrowBottomCircle = exports.IconArrowBottom = exports.IconArchive2 = exports.IconArchive = void 0;
+exports.IconChevronGrabberVertical = exports.IconChevronGrabberHorizontal = exports.IconChevronDownSmall = exports.IconChevronDoubleUp = exports.IconChevronDoubleRight = exports.IconChevronDoubleLeft = exports.IconChevronDoubleDown = exports.IconChevronBottom = exports.IconCheckbox = exports.IconCheckRadio = exports.IconCheck = exports.IconChart8 = exports.IconChart7 = exports.IconChart6 = exports.IconChart5 = exports.IconChart4 = exports.IconChart3 = exports.IconChart2 = exports.IconChart = exports.IconCanBus = exports.IconCameraAction = exports.IconCamera3 = exports.IconCamera2 = exports.IconCamera = exports.IconCalendar2 = exports.IconCalendar = exports.IconCalculator = exports.IconBusiness = exports.IconBulletList = exports.IconBulkSelect = exports.IconBuilding = exports.IconBucket = exports.IconBubbles = exports.IconBubbleNotification = exports.IconBubbleAnnotation6 = exports.IconBubbleAnnotation5 = exports.IconBubbleAnnotation4 = exports.IconBubbleAnnotation2 = exports.IconBubbleAnnotation = exports.IconBubble6 = exports.IconBubble5 = exports.IconBubble4 = exports.IconBubble3 = exports.IconBubble2 = exports.IconBubble = exports.IconBrush = exports.IconBrowser = exports.IconBrokenLink = exports.IconBranches = exports.IconBookmarkSelectedHover = void 0;
+exports.IconCornerUpLeft = exports.IconCornerRightUp = exports.IconCornerRightDown = exports.IconCornerLeftUp = exports.IconCornerLeftDown = exports.IconCornerDownRight = exports.IconCornerDownLeft = exports.IconCopy5 = exports.IconCopy4 = exports.IconCopy3 = exports.IconCopy2 = exports.IconCopy = exports.IconConstruction = exports.IconConsole = exports.IconConnectDevices = exports.IconCompass = exports.IconCommunity = exports.IconColorPicker = exports.IconColor = exports.IconCode2 = exports.IconCode = exports.IconCmd2 = exports.IconCmd = exports.IconCloudUpload = exports.IconCloudSync = exports.IconCloudQuestion = exports.IconCloudOff2 = exports.IconCloudOff = exports.IconCloudLines = exports.IconCloudDownload = exports.IconCloudCheck = exports.IconCloud2 = exports.IconCloud = exports.IconCloseSquare = exports.IconCloseCircle = exports.IconClose = exports.IconClockTimer = exports.IconClockSnooze = exports.IconClock2 = exports.IconClock = exports.IconClipboard2 = exports.IconClipboard = exports.IconCircle = exports.IconChromecast = exports.IconChevronTopSmall = exports.IconChevronTop = exports.IconChevronRightSmall = exports.IconChevronRight = exports.IconChevronLeftSmall = exports.IconChevronLeft = void 0;
+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 = exports.IconDock = exports.IconDispatchAsset = exports.IconDisk2 = exports.IconDisk = exports.IconDiamondWarning = exports.IconDeviceUptimeDisconnected = exports.IconDeviceUptime = exports.IconDelete3 = exports.IconDelete2 = exports.IconDelete = exports.IconCycle = exports.IconCursorClick = exports.IconCursorBox = exports.IconCursor3 = exports.IconCursor2 = exports.IconCursor = exports.IconCup = exports.IconCryptoCoin = exports.IconCrypto = exports.IconCrop = exports.IconCreditCard3 = exports.IconCreditCard2 = exports.IconCreditCard = exports.IconCornerUpRight2 = exports.IconCornerUpRight = void 0;
+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 = 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 = void 0;
+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 = 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.IconInbox2 = exports.IconInbox = exports.IconImages2 = exports.IconImages = exports.IconImage = exports.IconImac2 = exports.IconImac = exports.IconIcon = exports.IconITS = exports.IconHourglass = exports.IconHomeSimple = exports.IconHomeRoof = exports.IconHomeDoor2 = exports.IconHomeDoor = exports.IconHistory = void 0;
+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 = exports.IconMobi = exports.IconMinusSquare = exports.IconMinusCircle = exports.IconMinus = exports.IconMinimize = exports.IconMicrophone2 = exports.IconMicrophone = exports.IconMenuCircle2 = 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 = void 0;
+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 = 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 = void 0;
+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 = exports.IconShield3 = exports.IconShield2 = exports.IconShield = exports.IconShare3 = exports.IconShare2 = 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 = void 0;
+exports.ImageNothingFound = 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.IconVolumeOf = 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 = void 0;
+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 = exports.isButton = exports.findPrevFocusable = exports.findNextFocusable = exports.findLastFocusable = exports.findFirstFocusable = exports.Menu = exports.ControlledMenu = 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 = void 0;
+exports.Tooltip = exports.removeArrowClasses = exports.calculateArrowPosition = 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 = 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 = void 0;
+exports.Waiting = exports.UserFormatProvider = exports.useDrive = exports.ThemeProvider = exports.ThemeDrive = exports.ThemeDark = exports.useLanguage = exports.LanguageProvider = exports.HeaderButtonsProvider = exports.AbortablePromise = void 0;
 /* eslint-disable max-len */
 var absolute_1 = require("./absolute/absolute");
 Object.defineProperty(exports, "Absolute", { enumerable: true, get: function () { return absolute_1.Absolute; } });
@@ -143,6 +144,8 @@ var deviceType_1 = require("./commonHelpers/hooks/deviceType");
 Object.defineProperty(exports, "DeviceType", { enumerable: true, get: function () { return deviceType_1.DeviceType; } });
 var useDebounce_1 = require("./commonHelpers/hooks/useDebounce");
 Object.defineProperty(exports, "useDebounce", { enumerable: true, get: function () { return useDebounce_1.useDebounce; } });
+var useDebouncedMemo_1 = require("./commonHelpers/hooks/useDebouncedMemo");
+Object.defineProperty(exports, "useDebouncedMemo", { enumerable: true, get: function () { return useDebouncedMemo_1.useDebouncedMemo; } });
 var useDeviceType_1 = require("./commonHelpers/hooks/useDeviceType");
 Object.defineProperty(exports, "useDeviceType", { enumerable: true, get: function () { return useDeviceType_1.useDeviceType; } });
 var useGridSize_1 = require("./commonHelpers/hooks/useGridSize");
@@ -196,12 +199,39 @@ Object.defineProperty(exports, "isFocusable", { enumerable: true, get: function
 Object.defineProperty(exports, "getFocusableStartInd", { enumerable: true, get: function () { return dialogHelpers_1.getFocusableStartInd; } });
 var dropdown_1 = require("./dropdown/dropdown");
 Object.defineProperty(exports, "Dropdown", { enumerable: true, get: function () { return dropdown_1.Dropdown; } });
+var useDropdownState_1 = require("./dropdown/useDropdownState");
+Object.defineProperty(exports, "useDropdownState", { enumerable: true, get: function () { return useDropdownState_1.useDropdownState; } });
 var favoriteButton_1 = require("./favoriteButton/favoriteButton");
 Object.defineProperty(exports, "FavoriteButton", { enumerable: true, get: function () { return favoriteButton_1.FavoriteButton; } });
 var feedbackProvider_1 = require("./feedbackProvider/feedbackProvider");
 Object.defineProperty(exports, "FeedbackProvider", { enumerable: true, get: function () { return feedbackProvider_1.FeedbackProvider; } });
 var filterButton_1 = require("./filterButton/filterButton");
 Object.defineProperty(exports, "FilterButton", { enumerable: true, get: function () { return filterButton_1.FilterButton; } });
+var filtersChip_1 = require("./filters/components/filtersChip");
+Object.defineProperty(exports, "FiltersChip", { enumerable: true, get: function () { return filtersChip_1.FiltersChip; } });
+var filtersDateRange_1 = require("./filters/components/filtersDateRange");
+Object.defineProperty(exports, "FiltersDateRange", { enumerable: true, get: function () { return filtersDateRange_1.FiltersDateRange; } });
+var filtersDropdown_1 = require("./filters/components/filtersDropdown");
+Object.defineProperty(exports, "FiltersDropdown", { enumerable: true, get: function () { return filtersDropdown_1.FiltersDropdown; } });
+var filtersGroups_1 = require("./filters/components/filtersGroups");
+Object.defineProperty(exports, "FiltersGroups", { enumerable: true, get: function () { return filtersGroups_1.FiltersGroups; } });
+var filtersRange_1 = require("./filters/components/filtersRange");
+Object.defineProperty(exports, "FiltersRange", { enumerable: true, get: function () { return filtersRange_1.FiltersRange; } });
+var filtersSearchList_1 = require("./filters/components/filtersSearchList");
+Object.defineProperty(exports, "NO_TYPED_SEARCH_ITEM", { enumerable: true, get: function () { return filtersSearchList_1.NO_TYPED_SEARCH_ITEM; } });
+Object.defineProperty(exports, "KEYWORD_ID", { enumerable: true, get: function () { return filtersSearchList_1.KEYWORD_ID; } });
+Object.defineProperty(exports, "KEYWORD_TYPE", { enumerable: true, get: function () { return filtersSearchList_1.KEYWORD_TYPE; } });
+var filtersSelect_1 = require("./filters/components/filtersSelect");
+Object.defineProperty(exports, "ALL_SELECT_OPTION_ID", { enumerable: true, get: function () { return filtersSelect_1.ALL_SELECT_OPTION_ID; } });
+Object.defineProperty(exports, "getFiltersSearchTypeAllOption", { enumerable: true, get: function () { return filtersSelect_1.getFiltersSearchTypeAllOption; } });
+Object.defineProperty(exports, "getAllOption", { enumerable: true, get: function () { return filtersSelect_1.getAllOption; } });
+var filters_1 = require("./filters/filters");
+Object.defineProperty(exports, "FiltersDisplayName", { enumerable: true, get: function () { return filters_1.FiltersDisplayName; } });
+Object.defineProperty(exports, "Filters", { enumerable: true, get: function () { return filters_1.Filters; } });
+var filtersHooks_1 = require("./filters/filtersHooks");
+Object.defineProperty(exports, "useFiltersSearch", { enumerable: true, get: function () { return filtersHooks_1.useFiltersSearch; } });
+Object.defineProperty(exports, "usePinnedFilters", { enumerable: true, get: function () { return filtersHooks_1.usePinnedFilters; } });
+Object.defineProperty(exports, "useFiltersSelection", { enumerable: true, get: function () { return filtersHooks_1.useFiltersSelection; } });
 var filtersBarDropdownWithCheckbox_1 = require("./filtersBar/components/filtersBarDropdownWithCheckbox/filtersBarDropdownWithCheckbox");
 Object.defineProperty(exports, "FiltersBarDropdownWithCheckbox", { enumerable: true, get: function () { return filtersBarDropdownWithCheckbox_1.FiltersBarDropdownWithCheckbox; } });
 var getRangeOption_1 = require("./filtersBar/components/filtersBarPeriodPicker/getRangeOption");
@@ -229,6 +259,7 @@ Object.defineProperty(exports, "GridLayout", { enumerable: true, get: function (
 var groupButton_1 = require("./groupButton/groupButton");
 Object.defineProperty(exports, "GroupButton", { enumerable: true, get: function () { return groupButton_1.GroupButton; } });
 var groupsFilter_1 = require("./groupsFilter/groupsFilter");
+Object.defineProperty(exports, "groupsFilterTotalStateDefault", { enumerable: true, get: function () { return groupsFilter_1.groupsFilterTotalStateDefault; } });
 Object.defineProperty(exports, "GroupsFilter", { enumerable: true, get: function () { return groupsFilter_1.GroupsFilter; } });
 var groupsFilterInterfaces_1 = require("./groupsFilter/groupsFilterInterfaces");
 Object.defineProperty(exports, "FilterMenuStep", { enumerable: true, get: function () { return groupsFilterInterfaces_1.FilterMenuStep; } });
@@ -1362,6 +1393,15 @@ var modalHelpers_1 = require("./modal/modalHelpers");
 Object.defineProperty(exports, "getPredefinedFocusableItem", { enumerable: true, get: function () { return modalHelpers_1.getPredefinedFocusableItem; } });
 var notification_1 = require("./notification/notification");
 Object.defineProperty(exports, "Notification", { enumerable: true, get: function () { return notification_1.Notification; } });
+var pageHeader_1 = require("./pageHeader/pageHeader");
+Object.defineProperty(exports, "PageHeaderDisplayName", { enumerable: true, get: function () { return pageHeader_1.PageHeaderDisplayName; } });
+Object.defineProperty(exports, "PageHeader", { enumerable: true, get: function () { return pageHeader_1.PageHeader; } });
+var pageHeaderButton_1 = require("./pageHeader/pageHeaderButton");
+Object.defineProperty(exports, "PageHeaderButtonDisplayName", { enumerable: true, get: function () { return pageHeaderButton_1.PageHeaderButtonDisplayName; } });
+Object.defineProperty(exports, "PageHeaderButton", { enumerable: true, get: function () { return pageHeaderButton_1.PageHeaderButton; } });
+var pageHeaderMenu_1 = require("./pageHeader/pageHeaderMenu");
+Object.defineProperty(exports, "PageHeaderMenuDisplayName", { enumerable: true, get: function () { return pageHeaderMenu_1.PageHeaderMenuDisplayName; } });
+Object.defineProperty(exports, "PageHeaderMenu", { enumerable: true, get: function () { return pageHeaderMenu_1.PageHeaderMenu; } });
 var pageContentLayout_1 = require("./pageLayout/pageContentLayout/pageContentLayout");
 Object.defineProperty(exports, "PageContentLayout", { enumerable: true, get: function () { return pageContentLayout_1.PageContentLayout; } });
 var pageLayout_1 = require("./pageLayout/pageLayout");

package/dist/layout/layout.js

@@ -43,6 +43,7 @@ const layoutFullScreen_1 = require("./layoutFullScreen");
 const summaryTile_1 = require("../summaryTile/summaryTile");
 const fullscreenButton_1 = require("../dataGrid/entitiesListActions/actions/fullscreenButton");
 const useMobile_1 = require("../commonHelpers/hooks/useMobile");
+const pageHeader_1 = require("../pageHeader/pageHeader");
 const getContentPaddings = (isMobile, startWithToolbar) => {
     const paddingsCount = startWithToolbar ? 1 : 2;
     return isMobile ? paddingsCount * 8 : paddingsCount * 24;
@@ -76,6 +77,10 @@ const LayoutInner = ({ id, className, pageScrolling = true, children }) => {
                 h.push((0, jsx_runtime_1.jsx)(layoutHeader_1.LayoutHeader, { children: child }, "header-key"));
                 return;
             }
+            if (!h.length && isValidElement && child.type.displayName === pageHeader_1.PageHeaderDisplayName) {
+                h.push((0, jsx_runtime_1.jsx)(layoutHeader_1.LayoutHeader, { children: child }, "header-key"));
+                return;
+            }
             if (!s.length && child.type === layoutSummaryTiles_1.LayoutSummaryTiles && isValidElement) {
                 s.push(child);
                 return;

package/dist/list/list.d.ts

@@ -10,4 +10,4 @@ export interface IList extends IZenComponentProps {
     isLoading?: boolean;
     waitingItems?: number;
 }
-export declare const List: ({ type, children, onChangeOrder, checked, onCheck, onListEnd, isLoading, waitingItems }: IList) => import("react/jsx-runtime").JSX.Element;
+export declare const List: ({ type, children, onChangeOrder, checked, onCheck, onListEnd, isLoading, waitingItems, className }: IList) => import("react/jsx-runtime").JSX.Element;

package/dist/list/list.js

@@ -11,7 +11,8 @@ const viewportProvider_1 = require("./viewportProvider/viewportProvider");
 const useVirtualScroll_1 = require("./hooks/useVirtualScroll");
 const useLazyLoading_1 = require("./hooks/useLazyLoading");
 const getLoadingItems_1 = require("./utils/getLoadingItems");
-const List = ({ type, children, onChangeOrder, checked, onCheck, onListEnd, isLoading, waitingItems }) => {
+const classNames_1 = require("../commonHelpers/classNames/classNames");
+const List = ({ type, children, onChangeOrder, checked, onCheck, onListEnd, isLoading, waitingItems, className }) => {
     const listId = (0, react_1.useId)();
     const listRef = (0, react_1.useRef)(null);
     const onChangeOrderCallback = (0, react_1.useCallback)((startPosition, endPosition) => {
@@ -49,6 +50,6 @@ const List = ({ type, children, onChangeOrder, checked, onCheck, onListEnd, isLo
         const defaultWaitingItems = type === "data" ? 50 : 10;
         return (0, getLoadingItems_1.getLoadingItems)(type || "standard", waitingItems || defaultWaitingItems, listId, isDrive, isMobile);
     }, [isDrive, isLoading, isMobile, listId, type, waitingItems]);
-    return (0, jsx_runtime_1.jsx)(viewportProvider_1.ViewportProvider, { isInViewport: isInViewport, children: (0, jsx_runtime_1.jsxs)("ul", { className: "zen-list", ref: listRef, children: [childrenArray, loadingChildren] }) });
+    return (0, jsx_runtime_1.jsx)(viewportProvider_1.ViewportProvider, { isInViewport: isInViewport, children: (0, jsx_runtime_1.jsxs)("ul", { className: (0, classNames_1.classNames)(["zen-list", className || ""]), ref: listRef, children: [childrenArray, loadingChildren] }) });
 };
 exports.List = List;

package/dist/modal/modal.d.ts

@@ -1,7 +1,17 @@
 import React, { FC, ReactNode } from "react";
 import "./modal.less";
 import { IZenComponentProps } from "../commonHelpers/zenComponent";
-interface IButtons {
+import { IIcon } from "../icons/icon";
+import { TButtonIconPosition } from "../textIconButton/textIconButton";
+import { TSvgIconSize } from "../svgIcon/svgIconSize";
+interface IButtonIconProps {
+    icon?: React.FC<IIcon>;
+    iconPosition?: TButtonIconPosition;
+    iconClasses?: string;
+    iconSize?: TSvgIconSize;
+    contentClasses?: string;
+}
+interface IButtons extends IButtonIconProps {
     children: ReactNode;
     onClick?: (e: any) => void;
     link?: string;

package/dist/modal/modal.js

@@ -25,6 +25,7 @@ var __importStar = (this && this.__importStar) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.DialogContentNew = exports.Modal = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
+/* eslint-disable @typescript-eslint/naming-convention */
 const react_1 = __importStar(require("react"));
 const classNames_1 = require("../commonHelpers/classNames/classNames");
 const button_1 = require("../button/button");
@@ -43,7 +44,7 @@ const react_dom_1 = require("react-dom");
 const dialogHelpers_1 = require("../dialog/dialogHelpers");
 const themeContext_1 = require("../utils/theme/themeContext");
 const modalHelpers_1 = require("./modalHelpers");
-// eslint-disable-next-line @typescript-eslint/naming-convention, react/prop-types
+const textIconButton_1 = require("../textIconButton/textIconButton");
 const Modal = ({ isOpen, children, onClose, closeOnClickOutside, maxWidth, title, type, className, focus }) => {
     const lastActiveOutsideElement = (0, react_1.useRef)(document.activeElement);
     const modalRoot = document.fullscreenElement || document.body;
@@ -90,7 +91,7 @@ const Modal = ({ isOpen, children, onClose, closeOnClickOutside, maxWidth, title
         });
         return someContent;
     }, [children]);
-    const dialogHTML = (0, react_1.useCallback)((id) => (0, jsx_runtime_1.jsxs)("div", { className: (0, classNames_1.classNames)(["zen-modal", darkClass]), "aria-labelledby": labeledId, "aria-modal": "true", role: "dialog", style: { top: top }, children: [(0, jsx_runtime_1.jsx)(exports.Modal.Content, { onClose: onClose, maxWidth: maxWidth, title: title, className: className, type: type, labeledId: id, focus: focus, children: modalContent.length > 0 && modalContent.map((el) => el) }), (0, jsx_runtime_1.jsx)("div", { className: "zen-modal__shield", onClick: onOutSideClick })] }), [darkClass, labeledId, title, className, maxWidth, onClose, onOutSideClick, modalContent, type, top, focus]);
+    const dialogHTML = (0, react_1.useCallback)((id) => (0, jsx_runtime_1.jsxs)("div", { className: (0, classNames_1.classNames)(["zen-modal", darkClass]), "aria-labelledby": labeledId, "aria-modal": "true", role: "dialog", style: { top: top }, children: [(0, jsx_runtime_1.jsx)(exports.Modal.Content, { onClose: onClose, maxWidth: maxWidth, title: title, className: className, type: type, labeledId: id, focus: focus, children: modalContent.length > 0 && modalContent.map((el) => el) }), (0, jsx_runtime_1.jsx)("div", { className: "zen-modal__shield", onClick: onOutSideClick })] }), [darkClass, labeledId, top, onClose, maxWidth, title, className, type, focus, modalContent, onOutSideClick]);
     if (!isOpen) {
         return null;
     }
@@ -160,9 +161,11 @@ const DialogContentNew = ({ onClose, className, title, type, maxWidth = "600px",
                 (0, jsx_runtime_1.jsxs)("div", { className: (0, classNames_1.classNames)(["zen-modal-content__footer", isMobile ? "zen-modal-content__footer--mobile" : ""]), children: [(0, jsx_runtime_1.jsx)("div", { className: (0, classNames_1.classNames)(["zen-modal-content__footer-left", isMobile ? "zen-modal-content__footer-left--mobile" : ""]), children: bodyContent.tertiaryButton }), (bodyContent.secondaryButton || bodyContent.primaryButton) && (0, jsx_runtime_1.jsxs)("div", { className: (0, classNames_1.classNames)(["zen-modal-content__footer-right", isMobile ? "zen-modal-content__footer-right--mobile" : ""]), children: [bodyContent.secondaryButton, bodyContent.primaryButton] })] })] });
 };
 exports.DialogContentNew = DialogContentNew;
-const SecondaryButton = (secondaryButton) => (0, jsx_runtime_1.jsx)(button_1.Button, Object.assign({}, secondaryButton, { "data-focusable": "secondary", children: secondaryButton.children }));
-const PrimaryButton = (primaryButton) => (0, jsx_runtime_1.jsx)(button_1.Button, Object.assign({}, primaryButton, { "data-focusable": "primary", type: primaryButton.type || "primary", children: primaryButton.children }));
-const TertiaryButton = (tertiaryButton) => (0, jsx_runtime_1.jsx)(button_1.Button, Object.assign({}, tertiaryButton, { "data-focusable": "tertiary", className: "zen-modal-content__left-button", type: tertiaryButton.type || "tertiary", children: tertiaryButton.children }));
+const SecondaryButton = (secondaryButton) => secondaryButton.icon ? (0, jsx_runtime_1.jsx)(textIconButton_1.TextIconButton, Object.assign({ className: "zen-modal-content__icon-button" }, secondaryButton, { icon: secondaryButton.icon, "data-focusable": "secondary", children: secondaryButton.children }))
+    : (0, jsx_runtime_1.jsx)(button_1.Button, Object.assign({}, secondaryButton, { "data-focusable": "secondary", children: secondaryButton.children }));
+const PrimaryButton = (primaryButton) => primaryButton.icon ? (0, jsx_runtime_1.jsx)(textIconButton_1.TextIconButton, Object.assign({ className: "zen-modal-content__icon-button" }, primaryButton, { type: primaryButton.type || "primary", icon: primaryButton.icon, "data-focusable": "primary", children: primaryButton.children })) : (0, jsx_runtime_1.jsx)(button_1.Button, Object.assign({}, primaryButton, { "data-focusable": "primary", type: primaryButton.type || "primary", children: primaryButton.children }));
+const TertiaryButton = (tertiaryButton) => tertiaryButton.icon ?
+    (0, jsx_runtime_1.jsx)(textIconButton_1.TextIconButton, Object.assign({}, tertiaryButton, { icon: tertiaryButton.icon, className: "zen-modal-content__left-button zen-modal-content__icon-button", "data-focusable": "tertiary", type: tertiaryButton.type || "tertiary", children: tertiaryButton.children })) : (0, jsx_runtime_1.jsx)(button_1.Button, Object.assign({}, tertiaryButton, { type: tertiaryButton.type || "tertiary", className: "zen-modal-content__left-button", "data-focusable": "tertiary", children: tertiaryButton.children }));
 exports.Modal.Content = exports.DialogContentNew;
 exports.Modal.SecondaryButton = SecondaryButton;
 exports.Modal.PrimaryButton = PrimaryButton;

package/dist/nav/nav.d.ts

@@ -2,6 +2,7 @@
 import { IZenComponentProps } from "../commonHelpers/zenComponent";
 import "./nav.less";
 export interface INav extends IZenComponentProps {
+    mobileBarContainer: HTMLElement | null;
     collapsed?: boolean;
     onCollapseToggle?: (isCollapsed: boolean) => void;
 }

package/dist/nav/nav.js

@@ -9,6 +9,9 @@ const generateId_1 = require("../commonHelpers/generateId");
 const navDivider_1 = require("./navDivider/navDivider");
 const navUtils_1 = require("./utils/navUtils");
 const useResize_1 = require("../commonHelpers/hooks/useResize");
+const react_dom_1 = require("react-dom");
+const navMobileBar_1 = require("./navMobileBar/navMobileBar");
+const useMobile_1 = require("../commonHelpers/hooks/useMobile");
 const NavContent = ({ children }) => {
     const contentRef = (0, react_1.useRef)(null);
     const [hasScrollbar, setHasScrollbar] = (0, react_1.useState)(false);
@@ -50,16 +53,27 @@ const NavContent = ({ children }) => {
 /**
  * @beta This component is not fully ready yet and may change in future releases.
  */
-const Nav = ({ children, className, collapsed = false, onCollapseToggle }) => {
+const Nav = ({ children, className, collapsed = false, onCollapseToggle, mobileBarContainer }) => {
+    const [isMobileMenuOpen, setIsMobileMenuOpen] = (0, react_1.useState)(false);
+    const isMobile = (0, useMobile_1.useMobile)();
     const childrenArray = react_1.Children.toArray(children);
     const header = childrenArray.find(child => { var _a; return ((_a = child.type) === null || _a === void 0 ? void 0 : _a.displayName) === "NavHeader"; });
     const sections = childrenArray.filter(child => { var _a; return ((_a = child.type) === null || _a === void 0 ? void 0 : _a.displayName) === "NavSection"; });
     const footer = childrenArray.find(child => { var _a; return ((_a = child.type) === null || _a === void 0 ? void 0 : _a.displayName) === "NavFooter"; });
-    return (0, jsx_runtime_1.jsx)(nav_context_1.NavContext.Provider, { value: { collapsed, onCollapseToggle }, children: (0, jsx_runtime_1.jsxs)("div", { className: (0, classNames_1.classNames)(["zen-nav", 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: sections.map((section, index) => {
-                        const sectionKey = (0, generateId_1.generateId)();
-                        return ((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 || ""])
-                                }), index < sections.length - 1 ? (0, jsx_runtime_1.jsx)(navDivider_1.NavDivider, {}) : null] }, sectionKey));
-                    }) }), footer ? (0, react_1.cloneElement)(footer, Object.assign(Object.assign({}, footer.props), { className: (0, classNames_1.classNames)(["zen-nav__footer", footer.props.className || ""]) })) : null] }) });
+    const secondarySections = sections.map(section => (0, navUtils_1.filterPrimaryNavItems)(section, true)).filter(section => !!section && react_1.Children.count(section.props.children) > 0);
+    const primarySections = sections.map(section => (0, navUtils_1.filterPrimaryNavItems)(section, false)).filter(section => !!section && react_1.Children.count(section.props.children) > 0);
+    const sectionsToRender = isMobile ? secondarySections : sections;
+    const secondaryFooter = footer && (0, navUtils_1.filterPrimaryNavItems)(footer, true);
+    const primaryFooter = footer && (0, navUtils_1.filterPrimaryNavItems)(footer, false);
+    const footerToRender = isMobile ? secondaryFooter : footer;
+    const primaryItems = [...primarySections, ...(primaryFooter ? [primaryFooter] : [])].flatMap(e => (0, navUtils_1.collectNavItems)(e));
+    return (0, jsx_runtime_1.jsxs)(nav_context_1.NavContext.Provider, { value: { collapsed, onCollapseToggle }, children: [(!isMobile || isMobileMenuOpen)
+                ? (0, jsx_runtime_1.jsxs)("div", { className: (0, classNames_1.classNames)(["zen-nav", isMobile ? "zen-nav--mobile" : "", className || ""]), children: [header && !isMobile ? (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: sectionsToRender.map((section, index) => {
+                                const sectionKey = (0, generateId_1.generateId)();
+                                return ((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] }, sectionKey));
+                            }) }), footerToRender] })
+                : null, mobileBarContainer && isMobile && (0, react_dom_1.createPortal)((0, jsx_runtime_1.jsx)(navMobileBar_1.NavMobileBar, { onMenuToggle: () => setIsMobileMenuOpen(!isMobileMenuOpen), isMenuOpen: isMobileMenuOpen, children: primaryItems }), mobileBarContainer)] });
 };
 exports.Nav = Nav;

package/dist/nav/navHeader/navHeader.js

@@ -25,7 +25,7 @@ const NavHeaderActions = ({ title, className, children }) => {
     const [isOpen, setIsOpen] = (0, react_1.useState)(false);
     const isMobile = (0, useMobile_1.useMobile)();
     const triggerRef = (0, react_1.useRef)(null);
-    return (0, jsx_runtime_1.jsxs)("div", { className: (0, classNames_1.classNames)(["zen-nav-header__actions", className || ""]), children: [(0, jsx_runtime_1.jsx)(textIconButton_1.TextIconButton, { type: "primary", title: title, className: "zen-nav-header__actions-icon", icon: isOpen && !isMobile ? iconClose_1.IconClose : iconPlus_1.IconPlus, ref: triggerRef, onClick: () => setIsOpen(!isOpen) }), (0, jsx_runtime_1.jsx)(controlledMenu_1.ControlledMenu, { title: title, isOpen: isOpen, setIsOpen: setIsOpen, triggerRef: triggerRef, alignment: "right-top", paddingX: 8, paddingY: 8, children: children })] });
+    return (0, jsx_runtime_1.jsxs)("div", { className: (0, classNames_1.classNames)(["zen-nav-header__actions", className || ""]), children: [(0, jsx_runtime_1.jsx)(textIconButton_1.TextIconButton, { type: "primary", title: title, className: "zen-nav-header__actions-icon", icon: isOpen && !isMobile ? iconClose_1.IconClose : iconPlus_1.IconPlus, iconSize: "large", ref: triggerRef, onClick: () => setIsOpen(!isOpen) }), (0, jsx_runtime_1.jsx)(controlledMenu_1.ControlledMenu, { title: title, isOpen: isOpen, setIsOpen: setIsOpen, triggerRef: triggerRef, alignment: "right-top", paddingX: 8, paddingY: 8, children: children })] });
 };
 /**
  * @beta This component is not fully ready yet and may change in future releases.

package/dist/nav/navItem/navItem.d.ts

@@ -12,11 +12,13 @@ interface INavItemCommon extends IZenComponentProps {
     active?: boolean;
     isExternalLink?: boolean;
     iconClass?: string;
+    isPrimary?: boolean;
+    tabIndex?: 0 | -1;
 }
-interface ILinkNavItem extends INavItemCommon {
+export interface ILinkNavItem extends INavItemCommon {
     link: string;
 }
-interface IButtonNavItem extends INavItemCommon {
+export interface IButtonNavItem extends INavItemCommon {
     onClick?: () => void;
 }
 /**

package/dist/nav/navItem/navItem.js

@@ -21,29 +21,33 @@ const iconOpen2_1 = require("../../icons/iconOpen2");
 const tooltip_1 = require("../../tooltip/tooltip");
 const controlledMenu_1 = require("../../menu/controlledMenu");
 const nav_context_1 = require("../context/nav.context");
+const useMobile_1 = require("../../commonHelpers/hooks/useMobile");
 const ICON_SIZE = "huge";
 const isLinkNavItem = (item) => !!item.link;
-const NavItemContent = ({ title, primaryIcon, secondaryIcon, isBeta, counter, collapsed, hasSubmenu, iconClass, children }) => {
+const NavItemContent = ({ primaryIcon, secondaryIcon, isBeta, counter, collapsed, hasSubmenu, iconClass, children }) => {
     const primaryIconRef = (0, react_1.useRef)(null);
     const PrimaryIconComponent = typeof primaryIcon === "function" ? primaryIcon : null;
     const SecondaryIconComponent = secondaryIcon;
     const primaryIconComponent = primaryIcon ? ((0, jsx_runtime_1.jsx)("span", { ref: primaryIconRef, className: (0, classNames_1.classNames)(["zen-nav-item__icon", counter ? "zen-nav-item__icon--with-counter" : "", iconClass || ""]), children: PrimaryIconComponent ? (0, jsx_runtime_1.jsx)(PrimaryIconComponent, { size: ICON_SIZE }) : primaryIcon })) : null;
-    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsxs)("div", { className: "zen-nav-item__content-left", children: [isBeta && !collapsed ? ((0, jsx_runtime_1.jsx)("span", { className: "zen-nav-item__beta", children: (0, jsx_runtime_1.jsx)(iconBeta_1.IconBeta, { size: "big" }) })) : null, collapsed && primaryIconComponent ? ((0, jsx_runtime_1.jsx)(tooltip_1.Tooltip, { trigger: primaryIconComponent, alignment: "right", children: title })) : (primaryIconComponent), SecondaryIconComponent && !collapsed ? ((0, jsx_runtime_1.jsx)("span", { className: "zen-nav-item__icon", children: (0, jsx_runtime_1.jsx)(SecondaryIconComponent, { size: ICON_SIZE }) })) : null, !collapsed ? (0, jsx_runtime_1.jsx)("span", { className: "zen-nav-item__title", children: children }) : null] }), !collapsed && (counter || hasSubmenu) ? ((0, jsx_runtime_1.jsxs)("div", { className: "zen-nav-item__content-right", children: [counter ? (0, jsx_runtime_1.jsx)("div", { className: "zen-nav-item__counter", children: counter }) : null, hasSubmenu ? (0, jsx_runtime_1.jsx)(iconChevronRight_1.IconChevronRight, { className: "zen-nav-item__title-icon", size: ICON_SIZE }) : null] })) : null] }));
+    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsxs)("div", { className: "zen-nav-item__content-left", children: [isBeta && !collapsed ? ((0, jsx_runtime_1.jsx)("span", { className: "zen-nav-item__beta", children: (0, jsx_runtime_1.jsx)(iconBeta_1.IconBeta, { size: "big" }) })) : null, primaryIconComponent, SecondaryIconComponent && !collapsed ? ((0, jsx_runtime_1.jsx)("span", { className: "zen-nav-item__icon", children: (0, jsx_runtime_1.jsx)(SecondaryIconComponent, { size: ICON_SIZE }) })) : null, !collapsed ? (0, jsx_runtime_1.jsx)("span", { className: "zen-nav-item__title", children: children }) : null] }), !collapsed && (counter || hasSubmenu) ? ((0, jsx_runtime_1.jsxs)("div", { className: "zen-nav-item__content-right", children: [counter ? (0, jsx_runtime_1.jsx)("div", { className: "zen-nav-item__counter", children: counter }) : null, hasSubmenu ? (0, jsx_runtime_1.jsx)(iconChevronRight_1.IconChevronRight, { className: "zen-nav-item__title-icon", size: ICON_SIZE }) : null] })) : null] }));
 };
 const LinkNavItem = (_a) => {
-    var { className, title, collapsed, active, link, isExternalLink } = _a, rest = __rest(_a, ["className", "title", "collapsed", "active", "link", "isExternalLink"]);
-    return ((0, jsx_runtime_1.jsx)("a", { href: link, "aria-label": collapsed ? title : undefined, target: isExternalLink ? "_blank" : undefined, rel: isExternalLink ? "noopener noreferrer" : undefined, className: (0, classNames_1.classNames)([
+    var { className, title, collapsed, active, link, isExternalLink, tabIndex } = _a, rest = __rest(_a, ["className", "title", "collapsed", "active", "link", "isExternalLink", "tabIndex"]);
+    const isMobile = (0, useMobile_1.useMobile)();
+    const item = (0, jsx_runtime_1.jsx)("a", { href: link, "aria-label": collapsed ? title : undefined, target: isExternalLink ? "_blank" : undefined, rel: isExternalLink ? "noopener noreferrer" : undefined, tabIndex: tabIndex, role: "menuitem", className: (0, classNames_1.classNames)([
             "zen-link--light",
             "zen-nav-item",
             "zen-nav-item--link",
+            isMobile ? "zen-nav-item--mobile" : "",
             collapsed ? "zen-nav-item--collapsed" : "",
             active ? "zen-nav-item--active" : "",
             className || ""
-        ]), children: (0, jsx_runtime_1.jsxs)(NavItemContent, Object.assign({ title: title, collapsed: collapsed }, rest, { children: [(0, jsx_runtime_1.jsx)("span", { className: "zen-nav-item__title-text", children: title }), isExternalLink && !collapsed ? (0, jsx_runtime_1.jsx)(iconOpen2_1.IconOpen2, { className: "zen-nav-item__title-icon", size: ICON_SIZE }) : null] })) }));
+        ]), children: (0, jsx_runtime_1.jsxs)(NavItemContent, Object.assign({ title: title, collapsed: collapsed }, rest, { children: [(0, jsx_runtime_1.jsx)("span", { className: "zen-nav-item__title-text", children: title }), isExternalLink && !collapsed ? (0, jsx_runtime_1.jsx)(iconOpen2_1.IconOpen2, { className: "zen-nav-item__title-icon", size: ICON_SIZE }) : null] })) });
+    return collapsed ? ((0, jsx_runtime_1.jsx)(tooltip_1.Tooltip, { trigger: item, alignment: "right", children: title })) : item;
 };
 LinkNavItem.displayName = "LinkNavItem";
 const ButtonNavItem = (_a) => {
-    var { className, title, onClick, collapsed, active, children } = _a, rest = __rest(_a, ["className", "title", "onClick", "collapsed", "active", "children"]);
+    var { className, title, onClick, collapsed, active, children, tabIndex } = _a, rest = __rest(_a, ["className", "title", "onClick", "collapsed", "active", "children", "tabIndex"]);
     const [menuOpen, setMenuOpen] = (0, react_1.useState)(false);
     const triggerRef = (0, react_1.useRef)(null);
     const validChildren = react_1.Children.toArray(children).filter(child => {
@@ -59,14 +63,25 @@ const ButtonNavItem = (_a) => {
             onClick === null || onClick === void 0 ? void 0 : onClick();
         }
     };
-    const buttonElement = ((0, jsx_runtime_1.jsx)("button", { ref: triggerRef, "aria-label": collapsed ? title : undefined, className: (0, classNames_1.classNames)([
+    const handleKeyPress = (evt) => {
+        if (evt.key !== "ArrowRight") {
+            return;
+        }
+        if (hasNestedItems) {
+            setMenuOpen(prevOpen => !prevOpen);
+        }
+    };
+    const isMobile = (0, useMobile_1.useMobile)();
+    const buttonElement = ((0, jsx_runtime_1.jsx)("button", { ref: triggerRef, "aria-label": collapsed ? title : undefined, tabIndex: tabIndex, role: "menuitem", className: (0, classNames_1.classNames)([
             "zen-nav-item",
             "zen-nav-item--button",
+            isMobile ? "zen-nav-item--mobile" : "",
             collapsed ? "zen-nav-item--collapsed" : "",
             active ? "zen-nav-item--active" : "",
             hasNestedItems ? "zen-nav-item--has-nested" : "",
             className || ""
-        ]), onClick: handleClick, children: (0, jsx_runtime_1.jsx)(NavItemContent, Object.assign({ title: title, collapsed: collapsed, hasSubmenu: hasNestedItems }, rest, { children: (0, jsx_runtime_1.jsx)("span", { className: "zen-nav-item__title-text", children: title }) })) }));
+        ]), onClick: handleClick, onKeyDown: handleKeyPress, children: (0, jsx_runtime_1.jsx)(NavItemContent, Object.assign({ title: title, collapsed: collapsed, hasSubmenu: hasNestedItems }, rest, { children: (0, jsx_runtime_1.jsx)("span", { className: "zen-nav-item__title-text", children: title }) })) }));
+    const trigger = collapsed ? ((0, jsx_runtime_1.jsx)(tooltip_1.Tooltip, { trigger: buttonElement, alignment: "right", children: title })) : (buttonElement);
     if (hasNestedItems) {
         // Process children to ensure only 1 level of nesting by removing children from nested NavItems
         const processedChildren = validChildren.map((child) => {
@@ -79,9 +94,9 @@ const ButtonNavItem = (_a) => {
             }
             return (0, react_1.cloneElement)(childElement, Object.assign(Object.assign({}, childElement.props), { children: undefined, collapsed: false })); // Enforce submenu items are not collapsed it not set explicitely
         });
-        return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [buttonElement, (0, jsx_runtime_1.jsx)(controlledMenu_1.ControlledMenu, { triggerRef: triggerRef, isOpen: menuOpen, setIsOpen: setMenuOpen, title: title, alignment: "right", children: processedChildren })] }));
+        return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [trigger, (0, jsx_runtime_1.jsx)(controlledMenu_1.ControlledMenu, { triggerRef: triggerRef, isOpen: menuOpen, setIsOpen: setMenuOpen, title: title, alignment: "right", children: processedChildren })] }));
     }
-    return buttonElement;
+    return trigger;
 };
 ButtonNavItem.displayName = "ButtonNavItem";
 /**

package/dist/nav/navMobileBar/navMobileBar.d.ts

@@ -0,0 +1,11 @@
+import { FC } from "react";
+import { IZenComponentProps } from "../../commonHelpers/zenComponent";
+import "./navMobileBar.less";
+export interface INavMobileBarProps extends IZenComponentProps {
+    isMenuOpen?: boolean;
+    onMenuToggle?: () => void;
+}
+/**
+ * @beta This component is not fully ready yet and may change in future releases.
+ */
+export declare const NavMobileBar: FC<INavMobileBarProps>;