@geotab/zenith 1.15.4 → 1.17.0-beta.0

package/dist/index.d.ts

@@ -6,12 +6,13 @@ export { type IShowAlert, useAlert } from "./alert/hooks/useAlert";
 export { Anchor } from "./anchor/anchor";
 export { type IBannerAction, type BannerType, type IBanner, Banner } from "./banner/banner";
 export { type TBannerSize, options, getBannerOptions } from "./banner/bannerUtils";
-export { type IBetaPill, BetaPill } from "./betaPill/betaPill";
+export { type IBetaPillActions, type IBetaPill, BetaPill } from "./betaPill/betaPill";
+export { BetaPillProvider } from "./betaPill/betaPillContext";
 export { type IBookmark, Bookmark } from "./bookmark/bookmark";
 export { type IButton, Button } from "./button/button";
 export { ButtonType, type TButton, type THTMLButtonType } from "./button/buttonType";
 export { type ICalendarRange, type ICalendar, Calendar } from "./calendar/calendar";
-export { type TDayName, dayNames, getStartOfMonth, getEndOfMonth, getCalendarMonthDates, getNewStartDate, getNewEndDate, addMinutes, addDays, addMonths, getDayOfWeekOffset, getStartOfWeek, getEndOfWeek, addMonth, getSameDateOrTheLastForMonth, setYear, toDayStart, type TAvailablePeriod, getAvailablePeriod, isDisableYear, isDisableDate, getSelectableYears, isValidDate, isValidationDateError, isDifferentPeriod, getValidDate, getValidTime } from "./calendar/dateUtils";
+export { type TDayName, dayNames, getStartOfMonth, getEndOfMonth, getCalendarMonthDates, getNewStartDate, getNewEndDate, addMinutes, addDays, addMonths, getDayOfWeekOffset, getStartOfWeek, getEndOfWeek, addMonth, getSameDateOrTheLastForMonth, setYear, toDayStart, type TAvailablePeriod, getAvailablePeriod, isDisableYear, isDisableDate, getSelectableYears, isValidDate, isValidationDateError, isDifferentPeriod } from "./calendar/dateUtils";
 export { Card } from "./card/card";
 export { type IActions, Actions } from "./card/components/actions";
 export { type ICardButton, CardButton } from "./card/components/cardButton/cardButton";
@@ -58,7 +59,7 @@ export { isElementInsideContainer, isFocusable, getFocusableStartInd } from "./d
 export { type ISelectionItem, type IDropdownItem, type IDropdown, Dropdown } from "./dropdown/dropdown";
 export { FeedbackProvider } from "./feedbackProvider/feedbackProvider";
 export { type TFilterButton, type IFilterButton, FilterButton } from "./filterButton/filterButton";
-export { type IDateRangeOptionId, type TDateRangeName, getRangeOption, type IDateRangeInnerOption, getRangeInnerOption } from "./filtersBar/components/filtersBarPeriodPicker/getRangeOption";
+export { type IDateRangeOptionId, type TDateRangeName, getRangeOption } from "./filtersBar/components/filtersBarPeriodPicker/getRangeOption";
 export { type IFiltersBarItemCommonProps, type IFiltersBarItem, type ICustomFiltersBarItem } from "./filtersBar/components/interfaces";
 export { type IResetButton, ResetButton } from "./filtersBar/components/resetComponentButton";
 export { type IFiltersBar, FiltersBarDisplayName, FiltersBar } from "./filtersBar/filtersBar";

package/dist/index.js

@@ -1,20 +1,20 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.useCardSize = exports.getMaxNumberOfActions = exports.getIconFromStatus = exports.getDefaultFullWidthValue = exports.TitleLink = exports.Title = exports.Status = exports.Content = exports.CardButton = exports.Actions = exports.Card = exports.getValidTime = exports.getValidDate = 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.BetaPill = exports.getBannerOptions = exports.options = exports.Banner = exports.Anchor = exports.useAlert = exports.Alert = exports.AccordionItem = exports.Accordion = exports.Absolute = void 0;
-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 = 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.CardsRow = exports.Cards = exports.useAbsoluteSize = exports.isAbsoluteSize = exports.getSizeClass = exports.getContainerSize = exports.CardContainer = exports.useCardSizeState = void 0;
-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 = exports.GroupsFilter = exports.GroupButton = exports.FormField = exports.FooterButtons = exports.FiltersBarActions = exports.FiltersBar = exports.FiltersBarDisplayName = exports.ResetButton = exports.getRangeInnerOption = exports.getRangeOption = exports.FilterButton = exports.FeedbackProvider = exports.Dropdown = exports.getFocusableStartInd = exports.isFocusable = void 0;
-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 = 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 = void 0;
-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 = 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 = void 0;
-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 = 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 = void 0;
-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 = 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 = void 0;
-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 = 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 = void 0;
-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.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.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 = void 0;
-exports.IconNews = 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 = exports.IconLoader = exports.IconList = exports.IconLinkLines = exports.IconLink3 = exports.IconLink2 = exports.IconLink = exports.IconLightning = exports.IconLightBulb = exports.IconLifeBuoy = exports.IconLeaf = exports.IconLayoutWindow5 = exports.IconLayoutWindow4 = void 0;
-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 = exports.IconOpen2 = exports.IconOpen = exports.IconOnDuty = exports.IconNumberedList = exports.IconNotifications = exports.IconNotificationOff = exports.IconNotificationBell = exports.IconNotificationAlarm = exports.IconNote = exports.IconNewspaper = void 0;
-exports.IconStopwatch = 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 = exports.IconRotateRepeat = exports.IconRotateCounterclockwise = exports.IconRotateClockwise = exports.IconResizeSmall = exports.IconResizeBig = exports.IconRepeat2 = exports.IconRepeat = exports.IconRefrigeration = exports.IconRedo2 = void 0;
-exports.IconWorld = exports.IconWorkday = exports.IconWifi2 = exports.IconWifi = exports.IconWhisper = exports.IconWebcam = exports.IconWatch2 = exports.IconWatch = exports.IconWarning = exports.IconWallet1 = exports.IconWallet = 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 = exports.IconTachographTimeCard = exports.IconTachograph = exports.IconTable = exports.IconSupport = exports.IconSun = exports.IconStrikeThrough = exports.IconStore = exports.IconStorage = void 0;
-exports.SidePanelCloseReason = exports.isChildPopup = exports.SelectField = exports.Select = exports.SearchInput = exports.Range = exports.RadioGroup = exports.Radio = exports.ProgressBar = exports.ProgreesBarSize = exports.ProgressBarType = exports.Popup = exports.PillExpandable = exports.Pill = exports.PaginationType = exports.Pagination = exports.PageLayout = exports.PageContentLayout = exports.Notification = 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.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 = void 0;
-exports.Waiting = exports.UserFormatProvider = exports.useDrive = exports.ThemeProvider = exports.ThemeDrive = exports.ThemeDark = exports.useLanguage = exports.LanguageProvider = 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.TabBarContent = exports.TabBar = exports.SummaryTileBarDisplayName = exports.SummaryTileBar = exports.getTypeClassName = exports.SummaryTileTrigger = exports.SummaryTile = exports.SummaryTileDisplayName = exports.SummaryTileSize = exports.SummaryTileType = exports.Stepper = exports.SortControl = exports.SortDirections = exports.Skeleton = exports.LazyContent = exports.SidePanel = exports.CUSTOM_POPUP_COMPONENT_CLASSNAME = void 0;
+exports.useCardSizeState = exports.useCardSize = 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.Banner = exports.Anchor = exports.useAlert = exports.Alert = exports.AccordionItem = exports.Accordion = exports.Absolute = void 0;
+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 = 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.CardsRow = exports.Cards = exports.useAbsoluteSize = exports.isAbsoluteSize = exports.getSizeClass = exports.getContainerSize = exports.CardContainer = void 0;
+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 = exports.GroupsFilter = exports.GroupButton = exports.FormField = exports.FooterButtons = exports.FiltersBarActions = exports.FiltersBar = exports.FiltersBarDisplayName = exports.ResetButton = exports.getRangeOption = exports.FilterButton = exports.FeedbackProvider = exports.Dropdown = exports.getFocusableStartInd = void 0;
+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 = 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 = void 0;
+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 = 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 = void 0;
+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 = 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 = void 0;
+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 = exports.IconCornerRightUp = exports.IconCornerRightDown = exports.IconCornerLeftUp = exports.IconCornerLeftDown = exports.IconCornerDownRight = exports.IconCornerDownLeft = exports.IconCopy5 = exports.IconCopy4 = exports.IconCopy3 = exports.IconCopy2 = exports.IconCopy = exports.IconConstruction = void 0;
+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 = exports.IconEye = exports.IconExpand = exports.IconException = exports.IconExcel = exports.IconEvse = exports.IconEuro = exports.IconEthereum = exports.IconEsc = exports.IconEmailNotification = exports.IconEmail2 = exports.IconEmail = exports.IconEditSmall = void 0;
+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.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.IconHexonalWarning = exports.IconHeart = exports.IconHeadphones = exports.IconHarness = exports.IconGrids2 = exports.IconGrids = exports.IconGraphStatistics = exports.IconGraphPresentation = exports.IconGraphLines = exports.IconGraphChart = exports.IconGraph = exports.IconGrab = void 0;
+exports.IconNote = exports.IconNewspaper = exports.IconNews = 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 = exports.IconLoader = exports.IconList = exports.IconLinkLines = exports.IconLink3 = exports.IconLink2 = exports.IconLink = exports.IconLightning = exports.IconLightBulb = exports.IconLifeBuoy = exports.IconLeaf = void 0;
+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 = exports.IconOpen2 = exports.IconOpen = exports.IconOnDuty = exports.IconNumberedList = exports.IconNotifications = exports.IconNotificationOff = exports.IconNotificationBell = exports.IconNotificationAlarm = void 0;
+exports.IconStore = exports.IconStorage = exports.IconStopwatch = 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 = exports.IconRotateRepeat = exports.IconRotateCounterclockwise = exports.IconRotateClockwise = exports.IconResizeSmall = exports.IconResizeBig = exports.IconRepeat2 = exports.IconRepeat = void 0;
+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.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 = exports.IconTachographTimeCard = exports.IconTachograph = exports.IconTable = exports.IconSupport = exports.IconSun = exports.IconStrikeThrough = void 0;
+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.Popup = exports.PillExpandable = exports.Pill = exports.PaginationType = exports.Pagination = exports.PageLayout = exports.PageContentLayout = exports.Notification = 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.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 = void 0;
+exports.Waiting = exports.UserFormatProvider = exports.useDrive = exports.ThemeProvider = exports.ThemeDrive = exports.ThemeDark = exports.useLanguage = exports.LanguageProvider = 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.TabBarContent = exports.TabBar = exports.SummaryTileBarDisplayName = exports.SummaryTileBar = exports.getTypeClassName = exports.SummaryTileTrigger = exports.SummaryTile = exports.SummaryTileDisplayName = exports.SummaryTileSize = exports.SummaryTileType = exports.Stepper = exports.SortControl = exports.SortDirections = exports.Skeleton = exports.LazyContent = void 0;
 /* eslint-disable max-len */
 var absolute_1 = require("./absolute/absolute");
 Object.defineProperty(exports, "Absolute", { enumerable: true, get: function () { return absolute_1.Absolute; } });
@@ -35,6 +35,8 @@ Object.defineProperty(exports, "options", { enumerable: true, get: function () {
 Object.defineProperty(exports, "getBannerOptions", { enumerable: true, get: function () { return bannerUtils_1.getBannerOptions; } });
 var betaPill_1 = require("./betaPill/betaPill");
 Object.defineProperty(exports, "BetaPill", { enumerable: true, get: function () { return betaPill_1.BetaPill; } });
+var betaPillContext_1 = require("./betaPill/betaPillContext");
+Object.defineProperty(exports, "BetaPillProvider", { enumerable: true, get: function () { return betaPillContext_1.BetaPillProvider; } });
 var bookmark_1 = require("./bookmark/bookmark");
 Object.defineProperty(exports, "Bookmark", { enumerable: true, get: function () { return bookmark_1.Bookmark; } });
 var button_1 = require("./button/button");
@@ -67,8 +69,6 @@ Object.defineProperty(exports, "getSelectableYears", { enumerable: true, get: fu
 Object.defineProperty(exports, "isValidDate", { enumerable: true, get: function () { return dateUtils_1.isValidDate; } });
 Object.defineProperty(exports, "isValidationDateError", { enumerable: true, get: function () { return dateUtils_1.isValidationDateError; } });
 Object.defineProperty(exports, "isDifferentPeriod", { enumerable: true, get: function () { return dateUtils_1.isDifferentPeriod; } });
-Object.defineProperty(exports, "getValidDate", { enumerable: true, get: function () { return dateUtils_1.getValidDate; } });
-Object.defineProperty(exports, "getValidTime", { enumerable: true, get: function () { return dateUtils_1.getValidTime; } });
 var card_1 = require("./card/card");
 Object.defineProperty(exports, "Card", { enumerable: true, get: function () { return card_1.Card; } });
 var actions_1 = require("./card/components/actions");
@@ -182,7 +182,6 @@ var filterButton_1 = require("./filterButton/filterButton");
 Object.defineProperty(exports, "FilterButton", { enumerable: true, get: function () { return filterButton_1.FilterButton; } });
 var getRangeOption_1 = require("./filtersBar/components/filtersBarPeriodPicker/getRangeOption");
 Object.defineProperty(exports, "getRangeOption", { enumerable: true, get: function () { return getRangeOption_1.getRangeOption; } });
-Object.defineProperty(exports, "getRangeInnerOption", { enumerable: true, get: function () { return getRangeOption_1.getRangeInnerOption; } });
 var resetComponentButton_1 = require("./filtersBar/components/resetComponentButton");
 Object.defineProperty(exports, "ResetButton", { enumerable: true, get: function () { return resetComponentButton_1.ResetButton; } });
 var filtersBar_1 = require("./filtersBar/filtersBar");

package/dist/menu/components/menuItem.js

@@ -9,7 +9,10 @@ const controlledPopup_1 = require("../../controlledPopup/controlledPopup");
 const pathContext_1 = require("../contexts/pathContext");
 const classNames_1 = require("../../commonHelpers/classNames/classNames");
 const utils_1 = require("../../commonHelpers/utils");
-const MenuItem = ({ id, children, name, icon, disabled, onClick, link, isMobile = false, setIsOpen, trigger, className, active, alignment = "right-top" }) => {
+const headerContext_1 = require("../../header/headerContext");
+const MenuItem = ({ id, children, name, icon, disabled, onClick, link, isMobile = false, setIsOpen, trigger, className, active, alignment }) => {
+    const aligmentContext = (0, react_1.useContext)(headerContext_1.MenuAlignmentContext);
+    const contentAlignment = alignment || aligmentContext.alignment || "right-top";
     const { path, onOpenBranch, closeBranch } = (0, react_1.useContext)(pathContext_1.PathContext);
     const memoizedDesktopActionOnClick = (0, react_1.useCallback)((itemId, e) => {
         setIsOpen === null || setIsOpen === void 0 ? void 0 : setIsOpen(false);
@@ -76,6 +79,6 @@ const MenuItem = ({ id, children, name, icon, disabled, onClick, link, isMobile
     else {
         popupTrigger = (0, jsx_runtime_1.jsx)(menuButton_1.MenuButton, { id: id, ref: ref, name: name, icon: icon, disabled: disabled, hasChildren: true, onClick: memoizedTriggerOnClick, active: active }, id);
     }
-    return (0, jsx_runtime_1.jsxs)(react_1.Fragment, { children: [popupTrigger, (0, jsx_runtime_1.jsx)(controlledPopup_1.ControlledPopup, { className: (0, classNames_1.classNames)([`zen-controlled-menu-submenu--${path.length}`]), useTrapFocusWithTrigger: "on", alignment: alignment, triggerRef: ref, isOpen: isOpen, onOpenChange: memoizedOnOpenChange, ariaLabel: popupTrigger.props.name, recalculateOnScroll: true, children: (0, jsx_runtime_1.jsx)("ul", { role: "menu", className: "zen-menu-item", children: content }) })] }, id);
+    return (0, jsx_runtime_1.jsxs)(react_1.Fragment, { children: [popupTrigger, (0, jsx_runtime_1.jsx)(controlledPopup_1.ControlledPopup, { className: (0, classNames_1.classNames)([`zen-controlled-menu-submenu--${path.length}`]), useTrapFocusWithTrigger: "on", alignment: contentAlignment, triggerRef: ref, isOpen: isOpen, onOpenChange: memoizedOnOpenChange, ariaLabel: popupTrigger.props.name, recalculateOnScroll: true, children: (0, jsx_runtime_1.jsx)("ul", { role: "menu", className: "zen-menu-item", children: content }) })] }, id);
 };
 exports.MenuItem = MenuItem;

package/dist/parallelSelection/parallelSelection.d.ts

@@ -1,5 +1,6 @@
 import "./parallelSelection.less";
 import React, { ReactNode } from "react";
+import { TAlignment } from "../absolute/absolute";
 interface IParallelSelectionItem {
     id: string;
     children: ReactNode;
@@ -11,6 +12,7 @@ export interface IParallelSelection {
     onSelect: (selected: string) => void;
     title: string;
     isMobileView?: boolean;
+    alignment?: TAlignment;
 }
 export declare const ParallelSelection: React.FC<IParallelSelection>;
 export interface IParallelSelectionTrigger {

package/dist/parallelSelection/parallelSelection.js

@@ -51,7 +51,7 @@ const getSelected = (map) => {
     }
     return null;
 };
-const ParallelSelection = ({ selected, items, triggerRef, title, onSelect, isMobileView }) => {
+const ParallelSelection = ({ selected, items, triggerRef, title, onSelect, isMobileView, alignment }) => {
     const selectListId = (0, react_1.useId)();
     const [outerIsOpen, setOuterIsOpen] = (0, react_1.useState)(undefined);
     const handleSelection = (0, react_1.useCallback)((state) => {
@@ -67,7 +67,7 @@ const ParallelSelection = ({ selected, items, triggerRef, title, onSelect, isMob
         }
     }, [outerIsOpen]);
     const selectList = (0, react_1.useMemo)(() => (0, jsx_runtime_1.jsx)(selectList_1.SelectList, { id: selectListId, title: title, onChange: handleSelection, multiselect: false, selectItemOnFocus: false, value: new Map([[selected, checkboxState_1.CheckboxState.On]]), items: items, className: "zen-parallel-selection__select" }), [selectListId, title, handleSelection, selected, items]);
-    return (0, jsx_runtime_1.jsx)(popup_1.Popup, { alignment: "bottom-right", className: (0, classNames_1.classNames)(["zen-parallel-selection zen-parallel-selection-popup", isMobileView ? "zen-parallel-selection-popup--mobile" : ""]), triggerRef: triggerRef, triggerBy: "click", outerIsOpen: outerIsOpen, recalculateOnScroll: true, children: selectList });
+    return (0, jsx_runtime_1.jsx)(popup_1.Popup, { alignment: alignment, className: (0, classNames_1.classNames)(["zen-parallel-selection zen-parallel-selection-popup", isMobileView ? "zen-parallel-selection-popup--mobile" : ""]), triggerRef: triggerRef, triggerBy: "click", outerIsOpen: outerIsOpen, recalculateOnScroll: true, children: selectList });
 };
 exports.ParallelSelection = ParallelSelection;
 // eslint-disable-next-line @typescript-eslint/naming-convention

package/dist/pillExpandable/pillExpandable.d.ts

@@ -40,6 +40,8 @@ export interface IPillExpandable extends IZenComponentProps {
     isFlat?: boolean;
     isLoading?: boolean;
     errorHandler?: (e: any) => ReactNode;
+    loadingWidth?: number;
+    isBeta?: boolean;
 }
 type TPillExpandable = IPillExpandable & TProps;
 export declare const PillExpandable: import("react").NamedExoticComponent<TPillExpandable>;

package/dist/pillExpandable/pillExpandable.js

@@ -71,7 +71,7 @@ const getValue = (parameter, setContent, paramName, errorHandler) => {
         });
     }
 };
-const PillExpandableBase = ({ children, errorHandler, getData, text, description, date, count, mainAction, secondaryAction, viewMoreAction, uniquePills, type, className, popupClassName, isLoading, isFlat, icon }) => {
+const PillExpandableBase = ({ children, errorHandler, getData, text, description, date, count, mainAction, secondaryAction, viewMoreAction, uniquePills, type, className, popupClassName, isLoading, isFlat, icon, isBeta, loadingWidth = 200 }) => {
     const popupId = (0, react_1.useId)();
     const pillId = (0, react_1.useId)();
     const { translate } = (0, useLanguage_1.useLanguage)();
@@ -130,12 +130,12 @@ const PillExpandableBase = ({ children, errorHandler, getData, text, description
     const moreCounter = uniquePills ? `${uniquePills}` : flatVsChildCounter;
     const uniqueChilds = uniquePills ? `${uniquePills}` : `${childCount || ""}`;
     if (isLoading) {
-        return (0, jsx_runtime_1.jsx)(skeleton_1.Skeleton, { type: "pill", width: 200 });
+        return (0, jsx_runtime_1.jsx)(skeleton_1.Skeleton, { type: "pill", width: loadingWidth });
     }
     if (isChild) {
         return (0, jsx_runtime_1.jsxs)(PillContext.Provider, { value: { level: level + 1, onPillExpand: setCurrentExpand, expandId: currentExpand }, children: [(0, jsx_runtime_1.jsx)(pillExpandableSimple_1.PillExpandableSimple, { icon: icon, text: text, expanded: expandId === pillId, onExpand: onExpandHandler, expandAriaText: translate("Expand"), type: type, errorHandler: errorHandler }), (0, jsx_runtime_1.jsx)(pillContent_1.PillContent, { onActionClick: onExpandHandler, descriptionText: content.description, date: content.date, count: content.count, mainAction: content.mainAction, secondaryAction: content.secondaryAction, isVisible: expandId === pillId, errorHandler: errorHandler })] });
     }
-    return (0, jsx_runtime_1.jsx)(PillContext.Provider, { value: { level: level + 1, onPillExpand: setCurrentExpand, expandId: currentExpand }, children: (0, jsx_runtime_1.jsxs)("div", { className: (0, classNames_1.classNames)(["zen-status-pill", className || ""]), "aria-haspopup": "true", children: [(0, jsx_runtime_1.jsxs)("div", { className: "zen-status-pill__pill-container", children: [(0, jsx_runtime_1.jsx)(pillExpandableSimple_1.PillExpandableSimple, { icon: icon, text: text, expanded: isOpen, onExpand: onExpandHandler, expandAriaText: translate("Expand"), ref: triggerRef, type: type, errorHandler: errorHandler }), uniqueChilds && (0, jsx_runtime_1.jsx)(pillExpandableSimple_1.PillExpandableSimple, { icon: icon, text: `${isFlat ? "+" : ""}${uniqueChilds}`, onExpand: onExpandHandler, includeExpandIcon: false, type: type, errorHandler: errorHandler })] }), (0, jsx_runtime_1.jsx)(absolute_1.Absolute, { recalculateOnScroll: true, useTrapFocusWithTrigger: "on", className: popupClassName, id: popupId, onOpenChange: onChange, paddingX: paddingX, paddingY: paddingY, isOpen: isOpen, triggerRef: triggerRef, alignmentsFn: pillExpandableAlignments_1.alignments, children: (0, jsx_runtime_1.jsx)("div", { className: "zen-status-pill-popup", children: (0, jsx_runtime_1.jsxs)("div", { className: "zen-status-pill-popup__container", children: [(0, jsx_runtime_1.jsx)("div", { className: "zen-status-pill-popup__main-pill", children: (0, jsx_runtime_1.jsx)(pillExpandableSimple_1.PillExpandableSimple, { icon: icon, text: text, expanded: true, onExpand: onExpandHandler, expandAriaText: translate("Expand"), type: type, errorHandler: errorHandler }) }), (0, jsx_runtime_1.jsx)(pillContent_1.PillContent, { onActionClick: onExpandHandler, descriptionText: content.description, date: content.date, count: content.count, mainAction: content.mainAction, secondaryAction: content.secondaryAction, errorHandler: errorHandler }), childToDisplay, moreCounter && viewMoreAction && childCount > MAX_PILLS_TO_DISPLAY_IN_POPUP && (0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("div", { className: "zen-status-pill-popup__divider" }), (0, jsx_runtime_1.jsxs)(button_1.Button, Object.assign({}, buttonMoreProps, { type: "tertiary", children: [translate("View all"), " (", moreCounter, ")"] }))] })] }) }) })] }) });
+    return (0, jsx_runtime_1.jsx)(PillContext.Provider, { value: { level: level + 1, onPillExpand: setCurrentExpand, expandId: currentExpand }, children: (0, jsx_runtime_1.jsxs)("div", { className: (0, classNames_1.classNames)(["zen-status-pill", className || ""]), "aria-haspopup": "true", children: [(0, jsx_runtime_1.jsxs)("div", { className: "zen-status-pill__pill-container", children: [(0, jsx_runtime_1.jsx)(pillExpandableSimple_1.PillExpandableSimple, { icon: icon, text: text, expanded: isOpen, onExpand: onExpandHandler, expandAriaText: translate("Expand"), ref: triggerRef, type: type, errorHandler: errorHandler, isBeta: isBeta }), uniqueChilds && (0, jsx_runtime_1.jsx)(pillExpandableSimple_1.PillExpandableSimple, { icon: icon, text: `${isFlat ? "+" : ""}${uniqueChilds}`, onExpand: onExpandHandler, includeExpandIcon: false, type: type, errorHandler: errorHandler })] }), (0, jsx_runtime_1.jsx)(absolute_1.Absolute, { recalculateOnScroll: true, useTrapFocusWithTrigger: "on", className: popupClassName, id: popupId, onOpenChange: onChange, paddingX: paddingX, paddingY: paddingY, isOpen: isOpen, triggerRef: triggerRef, alignmentsFn: pillExpandableAlignments_1.alignments, children: (0, jsx_runtime_1.jsx)("div", { className: "zen-status-pill-popup", children: (0, jsx_runtime_1.jsxs)("div", { className: "zen-status-pill-popup__container", children: [(0, jsx_runtime_1.jsx)("div", { className: "zen-status-pill-popup__main-pill", children: (0, jsx_runtime_1.jsx)(pillExpandableSimple_1.PillExpandableSimple, { icon: icon, text: text, expanded: true, onExpand: onExpandHandler, expandAriaText: translate("Expand"), type: type, errorHandler: errorHandler, isBeta: isBeta }) }), (0, jsx_runtime_1.jsx)(pillContent_1.PillContent, { onActionClick: onExpandHandler, descriptionText: content.description, date: content.date, count: content.count, mainAction: content.mainAction, secondaryAction: content.secondaryAction, errorHandler: errorHandler }), childToDisplay, moreCounter && viewMoreAction && childCount > MAX_PILLS_TO_DISPLAY_IN_POPUP && (0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("div", { className: "zen-status-pill-popup__divider" }), (0, jsx_runtime_1.jsxs)(button_1.Button, Object.assign({}, buttonMoreProps, { type: "tertiary", children: [translate("View all"), " (", moreCounter, ")"] }))] })] }) }) })] }) });
 };
 exports.PillExpandable = (0, react_1.memo)(PillExpandableBase);
 exports.PillExpandable.displayName = "PillExpandable";

package/dist/pillExpandable/pillExpandableSimple.d.ts

@@ -7,6 +7,7 @@ interface IPillExpandableSimple extends IPillExpandable {
     expandAriaText?: string;
     onExpand?: () => void;
     icon?: FC<IIcon> | false;
+    isBeta?: boolean;
 }
 export declare const PillExpandableSimple: import("react").ForwardRefExoticComponent<IPillExpandableSimple & import("react").RefAttributes<HTMLButtonElement>>;
 export {};

package/dist/pillExpandable/pillExpandableSimple.js

@@ -8,17 +8,19 @@ const iconChevronTop_1 = require("../icons/iconChevronTop");
 const iconChevronBottom_1 = require("../icons/iconChevronBottom");
 const iconException_1 = require("../icons/iconException");
 const classNames_1 = require("../commonHelpers/classNames/classNames");
-exports.PillExpandableSimple = (0, react_1.forwardRef)(({ onExpand, expandAriaText, text, expanded, includeExpandIcon = true, type = "warning", icon = iconException_1.IconException }, ref) => {
+exports.PillExpandableSimple = (0, react_1.forwardRef)(({ onExpand, expandAriaText, text, expanded, includeExpandIcon = true, type = "warning", icon = iconException_1.IconException, isBeta }, ref) => {
     const iconDriveClassName = (0, useDriveClassName_1.useDriveClassName)("icon");
     const containerDriveClassName = (0, useDriveClassName_1.useDriveClassName)("zen-status-pill__container");
     const onExpandHandler = (0, react_1.useCallback)(() => {
         onExpand && onExpand();
     }, [onExpand]);
     const ChevronIcon = expanded ? iconChevronTop_1.IconChevronTop : iconChevronBottom_1.IconChevronBottom;
+    const defaultIconSize = iconDriveClassName ? "huge" : "large";
+    const iconSize = isBeta ? "big" : defaultIconSize;
     return (0, jsx_runtime_1.jsxs)("button", { type: "button", className: (0, classNames_1.classNames)([
             "zen-status-pill__container", `zen-status-pill__container--${type}`, containerDriveClassName || ""
         ]), ref: ref, onClick: onExpandHandler, tabIndex: !includeExpandIcon ? -1 : undefined, children: [icon !== false && (0, jsx_runtime_1.jsx)("div", { className: `zen-status-pill__icon zen-status-pill__icon--${type}`, children: (0, react_1.createElement)(icon, {
-                    size: iconDriveClassName ? "huge" : "large"
+                    size: iconSize
                 }) }), (0, jsx_runtime_1.jsx)("div", { className: `zen-status-pill__text zen-status-pill__text--${type}`, children: text }), includeExpandIcon && (0, jsx_runtime_1.jsx)("div", { className: `zen-status-pill__expand-button zen-status-pill__expand-button--${type}`, "aria-label": expandAriaText, children: (0, jsx_runtime_1.jsx)("div", { className: "zen-status-pill__icon", children: (0, react_1.createElement)(ChevronIcon, {
                         size: iconDriveClassName ? "huge" : "large"
                     }) }) })] });

package/dist/select/select.d.ts

@@ -1,26 +1,11 @@
-import React from "react";
-import { IListState } from "../selectList/selectList";
-import { ISelectListItem } from "../selectList/selectListItem";
-import "./select.less";
-import { IZenComponentProps } from "../commonHelpers/zenComponent";
-export interface ISelect extends IZenComponentProps {
-    id?: string;
-    title: string;
-    pageSize?: number;
-    placeholder?: string;
-    disabled?: boolean;
-    items: ISelectListItem[];
-    value?: string;
-    classNamePopup?: string;
-    maxPopupHeight?: number;
-    isError?: boolean;
-    onChange?: (id: string | undefined) => void;
+/// <reference types="react" />
+import { ISelectRaw, ISelectStatePropsRaw, ISelectStateRaw } from "../selectRaw/selectRaw";
+export interface ISelect extends ISelectRaw {
 }
-export interface ISelectState extends IListState {
-    expanded: boolean;
+export interface ISelectState extends ISelectStateRaw {
 }
-export interface ISelectStateProps {
-    items: ISelectListItem[];
-    value?: string;
+export interface ISelectStateProps extends ISelectStatePropsRaw {
 }
-export declare const Select: React.ForwardRefExoticComponent<ISelect & React.RefAttributes<HTMLDivElement>>;
+export declare const Select: import("react").ForwardRefExoticComponent<Omit<import("../formField/formField").TFormFieldComponentProps<Omit<ISelectRaw & import("react").RefAttributes<HTMLDivElement>, "ref"> & {
+    ref?: import("react").RefObject<HTMLDivElement> | ((instance: HTMLDivElement | null) => void) | null | undefined;
+}>, "ref"> & import("react").RefAttributes<HTMLElement | null>>;

package/dist/select/select.js

@@ -1,150 +1,7 @@
 "use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Select = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = __importStar(require("react"));
-const checkboxState_1 = require("../checkbox/checkboxState");
-const classNames_1 = require("../commonHelpers/classNames/classNames");
-const keyboard_1 = require("../commonHelpers/keyboard");
-const selectList_1 = require("../selectList/selectList");
-const selectList_actionTypes_1 = require("../selectList/selectList.actionTypes");
-const select_actionTypes_1 = require("./select.actionTypes");
-const select_reducer_1 = require("./select.reducer");
-const select_helpers_1 = require("./select.helpers");
-const useResize_1 = require("../commonHelpers/hooks/useResize");
-const isChildOf_1 = require("../utils/isChildOf");
-const iconChevronDownSmall_1 = require("../icons/iconChevronDownSmall");
-// get default active item (based on items array)
-const getItemById = (items, id) => items.find(item => item.id === id);
-const closedListActionGetters = {
-    "ArrowDown": (items) => ({ type: select_actionTypes_1.SelectAction.Expand, payload: { items } }),
-    "Alt+ArrowDown": (items) => ({ type: select_actionTypes_1.SelectAction.Expand, payload: { items } }),
-    "ArrowUp": (items) => ({ type: select_actionTypes_1.SelectAction.FocusFirstAndExpand, payload: { items } }),
-    "Enter": (items) => ({ type: select_actionTypes_1.SelectAction.Expand, payload: { items } }),
-    "Space": (items) => ({ type: select_actionTypes_1.SelectAction.Expand, payload: { items } }),
-    "Home": (items) => ({ type: select_actionTypes_1.SelectAction.Expand, payload: { items } }),
-    "End": (items) => ({ type: select_actionTypes_1.SelectAction.Expand, payload: { items } }),
-    "default": (items, e) => ({ type: select_actionTypes_1.SelectAction.SearchAndExpand, payload: { items, key: e.key } })
-};
-const openListActionGetters = {
-    "Enter": () => ({ type: selectList_actionTypes_1.ListAction.ToggleCurrent, payload: { multiselect: false } }),
-    "Space": () => ({ type: selectList_actionTypes_1.ListAction.ToggleCurrent, payload: { multiselect: false } }),
-    "Tab": () => ({ type: selectList_actionTypes_1.ListAction.Blur, payload: { multiselect: false } }),
-    "Escape": () => ({ type: select_actionTypes_1.SelectAction.Collapse, payload: {} }),
-    "ArrowDown": (items) => ({ type: selectList_actionTypes_1.ListAction.FocusNext, payload: { items } }),
-    "ArrowUp": (items) => ({ type: selectList_actionTypes_1.ListAction.FocusPrev, payload: { items } }),
-    "Alt+ArrowUp": () => ({ type: selectList_actionTypes_1.ListAction.ToggleCurrent, payload: { multiselect: false } }),
-    "Home": (items) => ({ type: selectList_actionTypes_1.ListAction.FocusFirst, payload: { items } }),
-    "End": (items) => ({ type: selectList_actionTypes_1.ListAction.FocusLast, payload: { items } }),
-    "PageUp": (items, _, pageSize) => ({ type: selectList_actionTypes_1.ListAction.FocusPrevPage, payload: { items, pageSize } }),
-    "PageDown": (items, _, pageSize) => ({ type: selectList_actionTypes_1.ListAction.FocusNextPage, payload: { items, pageSize } }),
-    "default": (items, e) => ({ type: selectList_actionTypes_1.ListAction.SearchItem, payload: { items, key: e.key } })
-};
-const PassiveSelectListComp = react_1.default.memo(selectList_1.PassiveSelectList);
-exports.Select = react_1.default.forwardRef((props, selectRef) => {
-    var _a;
-    const { id, title, pageSize = 10, placeholder, disabled, className, classNamePopup, items: outerItems, value: outerValue, maxPopupHeight, isError, onChange } = props;
-    const items = react_1.default.useMemo(() => outerItems, [outerItems]);
-    const [state, dispatchState] = react_1.default.useReducer(select_reducer_1.selectReducer, { items, value: outerValue }, select_helpers_1.getSelectInitialState);
-    const value = (0, select_helpers_1.getSelectValue)(state.itemsState, items);
-    const innerTriggerRef = react_1.default.useRef(null);
-    const popupRef = react_1.default.useRef(null);
-    const ref = react_1.default.useRef(null);
-    react_1.default.useImperativeHandle(selectRef, () => innerTriggerRef.current, []);
-    const listId = react_1.default.useId();
-    const classes = (0, classNames_1.classNames)(["zen-select zen-text-input-layout", disabled ? "zen-select--disabled" : "", className || ""]);
-    const text = value ? (_a = getItemById(items, value)) === null || _a === void 0 ? void 0 : _a.children : placeholder;
-    // Reset state when value changed
-    react_1.default.useEffect(() => {
-        const itemsValue = (0, select_helpers_1.getSelectInitialState)({ items, value: outerValue }).itemsState;
-        dispatchState({ type: selectList_actionTypes_1.ListAction.Reset, payload: { items, value: itemsValue, multiselect: false } });
-    }, [outerValue, items]);
-    react_1.default.useEffect(() => {
-        if (state.activeIndex >= 0 && document.activeElement && ref.current && (0, isChildOf_1.isChildOf)(document.activeElement, ref.current)) {
-            const itemEl = ref.current.querySelector(`.zen-list__item:nth-child(${state.activeIndex + 1})`);
-            itemEl === null || itemEl === void 0 ? void 0 : itemEl.scrollIntoView({ block: "nearest" });
-        }
-    }, [state.activeIndex]);
-    function onBlur(e) {
-        if (!innerTriggerRef.current || !state.expanded || disabled) {
-            return;
-        }
-        if (!e.relatedTarget || !(0, isChildOf_1.isChildOf)(e.relatedTarget, innerTriggerRef.current.parentElement)) {
-            dispatchState({ type: select_actionTypes_1.SelectAction.CollapseAndSelect, payload: { items: items } });
-            return;
-        }
-        innerTriggerRef.current.focus();
-        return;
-    }
-    const onChangeItem = react_1.default.useCallback((updatedId, updatedState) => {
-        if (disabled) {
-            return;
-        }
-        dispatchState({ type: selectList_actionTypes_1.ListAction.ChangeItemState, payload: { updatedId, updatedState, multiselect: false } });
-    }, [disabled]);
-    const onTriggerClick = () => !disabled && dispatchState({ type: state.expanded ? select_actionTypes_1.SelectAction.Collapse : select_actionTypes_1.SelectAction.Expand, payload: { items: items } });
-    const onTriggerKeyDown = (e) => {
-        if (disabled) {
-            return;
-        }
-        const handlerName = (0, keyboard_1.getKeysPressed)(e);
-        const getAction = !state.expanded
-            ? closedListActionGetters[handlerName] || ((0, keyboard_1.isKeyForSearch)(e.code) && closedListActionGetters["default"])
-            : openListActionGetters[handlerName] || ((0, keyboard_1.isKeyForSearch)(e.code) && openListActionGetters["default"]);
-        if (getAction) {
-            dispatchState(getAction(items, e, pageSize));
-            if (e.code !== "Tab") {
-                e.preventDefault();
-                e.stopPropagation();
-            }
-        }
-    };
-    const calculatePosition = (0, react_1.useCallback)(() => {
-        if (!innerTriggerRef.current || !popupRef.current) {
-            return;
-        }
-        const triggerElement = innerTriggerRef.current;
-        const popup = popupRef.current;
-        (0, select_helpers_1.positionPopup)(triggerElement, popup, pageSize * selectList_1.defaultListItemHeight, maxPopupHeight);
-    }, [pageSize, maxPopupHeight]);
-    (0, useResize_1.useResize)(calculatePosition, state.expanded);
-    react_1.default.useLayoutEffect(() => {
-        state.expanded && calculatePosition();
-    }, [state.expanded, calculatePosition]);
-    react_1.default.useEffect(() => {
-        if (disabled || !state.isItemsStateChanged || !onChange) {
-            return;
-        }
-        onChange(value);
-    }, [state.isItemsStateChanged, value, disabled, onChange]);
-    return (0, jsx_runtime_1.jsxs)("div", { className: classes, ref: ref, children: [(0, jsx_runtime_1.jsxs)("div", { "aria-controls": listId, "aria-expanded": state.expanded, "aria-haspopup": "listbox", "aria-label": title, "aria-disabled": disabled, id: id, className: (0, classNames_1.classNames)([
-                    "zen-select__trigger",
-                    "zen-text-input",
-                    isError ? "zen-text-input--error" : "",
-                    "zen-caption zen-caption--full-width"
-                ]), role: "combobox", tabIndex: disabled ? -1 : 0, "aria-activedescendant": state.activeIndex > -1 ? items[state.activeIndex].id : undefined, onClick: onTriggerClick, onKeyDown: onTriggerKeyDown, onBlur: onBlur, ref: innerTriggerRef, children: [(0, jsx_runtime_1.jsx)("div", { className: (0, classNames_1.classNames)(["zen-select__text", "zen-caption__content", !value ? "zen-select__text--placeholder" : ""]), children: text }), (0, jsx_runtime_1.jsx)(iconChevronDownSmall_1.IconChevronDownSmall, { className: "zen-select__arrow zen-caption__post-content", size: "large" })] }), (0, jsx_runtime_1.jsx)(PassiveSelectListComp, { id: listId, title: title, disabled: disabled, className: (0, classNames_1.classNames)(["zen-select__popup", classNamePopup || ""]), multiselect: false, items: items.map(item => (Object.assign(Object.assign({}, item), { state: value === item.id ? checkboxState_1.CheckboxState.On : checkboxState_1.CheckboxState.Off }))), value: new Map(items.map(item => ([item.id, value === item.id ? checkboxState_1.CheckboxState.On : checkboxState_1.CheckboxState.Off]))), activeIndex: state.activeIndex, size: pageSize, onChangeItem: onChangeItem, ref: popupRef })] });
-});
-exports.Select.displayName = "SelectFormField";
+const react_1 = require("react");
+const formField_1 = require("../formField/formField");
+const selectRaw_1 = require("../selectRaw/selectRaw");
+exports.Select = (0, formField_1.FormField)((0, react_1.memo)(selectRaw_1.SelectRaw));

package/dist/selectField/selectField.d.ts

@@ -1,4 +1,4 @@
-import React from "react";
-export declare const SelectField: React.ForwardRefExoticComponent<Omit<import("../formField/formField").TFormFieldComponentProps<Omit<import("../select/select").ISelect & React.RefAttributes<HTMLDivElement>, "ref"> & {
-    ref?: React.RefObject<HTMLDivElement> | ((instance: HTMLDivElement | null) => void) | null | undefined;
-}>, "ref"> & React.RefAttributes<HTMLElement | null>>;
+/// <reference types="react" />
+export declare const SelectField: import("react").ForwardRefExoticComponent<Omit<import("..").TFormFieldComponentProps<Omit<import("../selectRaw/selectRaw").ISelectRaw & import("react").RefAttributes<HTMLDivElement>, "ref"> & {
+    ref?: import("react").RefObject<HTMLDivElement> | ((instance: HTMLDivElement | null) => void) | null | undefined;
+}>, "ref"> & import("react").RefAttributes<HTMLElement | null>>;

package/dist/selectField/selectField.js

@@ -1,10 +1,5 @@
 "use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.SelectField = void 0;
-const react_1 = __importDefault(require("react"));
-const formField_1 = require("../formField/formField");
 const select_1 = require("../select/select");
-exports.SelectField = (0, formField_1.FormField)(react_1.default.memo(select_1.Select));
+exports.SelectField = select_1.Select;

package/dist/selectList/selectList.d.ts

@@ -7,7 +7,6 @@ interface ICommonProps extends IZenIdComponentProps {
     multiselect?: boolean;
     selectItemOnFocus?: boolean;
     showCheckbox?: boolean;
-    size?: number;
     items: ISelectListItem[];
     value?: Map<string, CheckboxState>;
     title?: string;
@@ -37,5 +36,5 @@ export interface IListStateProps {
 }
 export declare const defaultListItemHeight = 40;
 export declare const SelectList: FC<ISelectList>;
-export declare const PassiveSelectList: import("react").ForwardRefExoticComponent<IPassiveSelectList & import("react").RefAttributes<HTMLUListElement>>;
+export declare const PassiveSelectList: (props: any) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/selectList/selectList.js

@@ -27,11 +27,11 @@ const react_2 = require("react");
 const getScrollableParent_1 = require("../utils/getScrollableParent");
 exports.defaultListItemHeight = 40;
 const MemoizedSelectListItem = (0, react_2.memo)(selectListItem_1.SelectListItem);
-const SelectListInnerComp = (0, react_2.forwardRef)(({ id, items, value, disabled, activeIndex = -1, title, multiselect = false, showCheckbox = false, standalone, size, className = "", onClickItem, onChangeItem, onKeyDown, onFocus, onBlur }, listRef) => {
+const SelectListInnerComp = (0, react_2.forwardRef)(({ id, items, value, disabled, activeIndex = -1, title, multiselect = false, showCheckbox = false, standalone, className = "", onClickItem, onChangeItem, onKeyDown, onFocus, onBlur }, listRef) => {
     const driveComponentClass = (0, useDriveClassName_1.useDriveClassName)("zen-list");
     const state = (0, selectList_helpers_1.getInitialState)({ items, value, multiselect });
     state.activeIndex = activeIndex;
-    return (0, jsx_runtime_1.jsx)("ul", { id: id, ref: listRef, className: (0, classNames_1.classNames)(["zen-list", driveComponentClass || "", className]), role: "listbox", "aria-multiselectable": multiselect, "aria-activedescendant": standalone ? (0, selectList_helpers_1.getItemIdByIndex)(state.itemsState, state.activeIndex) : undefined, "aria-label": title, "aria-disabled": disabled, tabIndex: standalone && !disabled ? 0 : -1, onKeyDown: onKeyDown, onFocus: onFocus, onBlur: onBlur, style: { height: size && size * exports.defaultListItemHeight }, children: items.map((item, index) => (0, react_1.createElement)(MemoizedSelectListItem, Object.assign({}, item, { className: (0, classNames_1.classNames)(["zen-list__item", item.className || ""]), key: item.id, showCheckbox: showCheckbox, state: state.itemsState.get(item.id), focused: state.activeIndex === index, onChange: onChangeItem, onClick: onClickItem }), item.children)) });
+    return (0, jsx_runtime_1.jsx)("ul", { id: id, ref: listRef, className: (0, classNames_1.classNames)(["zen-list", driveComponentClass || "", className]), role: "listbox", "aria-multiselectable": multiselect, "aria-activedescendant": standalone ? (0, selectList_helpers_1.getItemIdByIndex)(state.itemsState, state.activeIndex) : undefined, "aria-label": title, "aria-disabled": disabled, tabIndex: standalone && !disabled ? 0 : -1, onKeyDown: onKeyDown, onFocus: onFocus, onBlur: onBlur, children: items.map((item, index) => (0, react_1.createElement)(MemoizedSelectListItem, Object.assign({}, item, { className: (0, classNames_1.classNames)(["zen-list__item", item.className || ""]), key: item.id, showCheckbox: showCheckbox, state: state.itemsState.get(item.id), focused: state.activeIndex === index, onChange: onChangeItem, onClick: onClickItem }), item.children)) });
 });
 SelectListInnerComp.displayName = "SelectListInnerComp";
 const SelectListInner = (0, react_2.memo)(SelectListInnerComp);
@@ -119,6 +119,5 @@ const SelectList = (_a) => {
     return (0, jsx_runtime_1.jsx)(SelectListInner, Object.assign({}, rest, { ref: listRef, value: state.itemsState, items: items, activeIndex: state.activeIndex, multiselect: multiselect, standalone: true, disabled: disabled, onChangeItem: onChangeItem, onClickItem: onClick, onKeyDown: onKeyDown, onFocus: onFocus, onBlur: onBlur }));
 };
 exports.SelectList = SelectList;
-exports.PassiveSelectList = (0, react_2.forwardRef)(function passiveSelectListInner(props, ref) {
-    return (0, jsx_runtime_1.jsx)(SelectListInnerComp, Object.assign({}, props, { ref: ref, standalone: false }));
-});
+const PassiveSelectList = (props) => (0, jsx_runtime_1.jsx)(SelectListInnerComp, Object.assign({}, props, { standalone: false }));
+exports.PassiveSelectList = PassiveSelectList;

package/dist/selectList/selectListItem.js

@@ -25,7 +25,12 @@ const SelectListItem = ({ id, disabled = false, state = checkboxState_1.Checkbox
             focused ? "zen-select-item--focused" : "",
             driveClassName || "",
             className
-        ]), role: "option", "aria-selected": state === checkboxState_1.CheckboxState.On, "aria-disabled": disabled, onClick: onClickFunc, children: (0, jsx_runtime_1.jsxs)("div", { className: (0, classNames_1.classNames)(["zen-list__item-content zen-select-item__wrapper zen-caption", multiLevel ? "zen-select-item__wrapper--with-arrow" : ""]), children: [showCheckbox ?
+        ]), role: "option", "aria-selected": state === checkboxState_1.CheckboxState.On, "aria-disabled": disabled, onClick: onClickFunc, children: (0, jsx_runtime_1.jsxs)("div", { className: (0, classNames_1.classNames)([
+                "zen-list__item-content",
+                "zen-select-item__wrapper",
+                "zen-ellipsis",
+                multiLevel ? "zen-select-item__wrapper--with-arrow" : ""
+            ]), children: [showCheckbox ?
                     (0, jsx_runtime_1.jsx)(checkboxNonInteractive_1.CheckboxNonInteractive, { className: "zen-select-item__control-view", checked: state === checkboxState_1.CheckboxState.On, indeterminate: state === checkboxState_1.CheckboxState.Indeterminate, disabled: disabled, children: children })
                     : children, multiLevel && !showCheckbox ? (0, jsx_runtime_1.jsx)(iconChevronRight_1.IconChevronRight, { size: "large" }) : null] }) });
 };

package/dist/{select → selectRaw}/select.helpers.d.ts

@@ -1,6 +1,6 @@
 import { CheckboxState } from "../checkbox/checkboxState";
 import { ISelectListItem } from "../selectList/selectListItem";
-import { ISelectState, ISelectStateProps } from "./select";
+import { ISelectStatePropsRaw, ISelectStateRaw } from "./selectRaw";
 export declare const getSelectValue: (state: Map<string, CheckboxState>, items: ISelectListItem[]) => string | undefined;
-export declare const getSelectInitialState: (props: ISelectStateProps) => ISelectState;
+export declare const getSelectInitialState: (props: ISelectStatePropsRaw) => ISelectStateRaw;
 export declare const positionPopup: (triggerElement: HTMLElement, popupEl: HTMLElement, acceptableMinPopupHeight?: number, maxPopupHeight?: number) => void;

package/dist/{select → selectRaw}/select.reducer.d.ts

@@ -1,6 +1,6 @@
 import { TSelectAction } from "./select.actionTypes";
-import { ISelectState } from "./select";
-export declare const selectReducer: (state: ISelectState, action: TSelectAction) => {
+import { ISelectStateRaw } from "./selectRaw";
+export declare const selectReducer: (state: ISelectStateRaw, action: TSelectAction) => {
     expanded: boolean;
     itemsState: Map<string, import("..").CheckboxState>;
     isItemsStateChanged: boolean;