@geotab/zenith 1.22.2-beta.0 → 1.22.2

package/dist/index.d.ts

@@ -18,7 +18,7 @@ export { type IActions, Actions } from "./card/components/actions";
 export { type ICardButton, CardButton } from "./card/components/cardButton/cardButton";
 export { type IContent, Content } from "./card/components/content";
 export { type TCardStatus, Status } from "./card/components/status";
-export { type TIconType, Title } from "./card/components/title";
+export { Title } from "./card/components/title";
 export { TitleLink } from "./card/components/titleLink";
 export { getDefaultFullWidthValue } from "./card/helpers/getDefaultFullWidthValue";
 export { getIconFromStatus } from "./card/helpers/getIconFromStatus";
@@ -58,7 +58,6 @@ export { type IDateRangeValue, type IDateRangeValueOptionalLabel, type IDateRang
 export { type IDialog, Dialog } from "./dialog/dialog";
 export { isElementInsideContainer, isFocusable, getFocusableStartInd } from "./dialog/dialogHelpers";
 export { type ISelectionItem, type IDropdownItem, type IDropdownValueFullSelection, type IDropdownFullSelectedValue, type IDropdownFullSelection, type IDropdown, Dropdown } from "./dropdown/dropdown";
-export { type IFavoriteButton, FavoriteButton } from "./favoriteButton/favoriteButton";
 export { FeedbackProvider } from "./feedbackProvider/feedbackProvider";
 export { type TFilterButton, type IFilterButton, FilterButton } from "./filterButton/filterButton";
 export { type IFiltersBarDropdownFullSelectionState } from "./filtersBar/components/filtersBarDropdown/filtersBarDropdown";
@@ -607,6 +606,12 @@ export { type ILineChartOptions, type ILineChart, LineChart } from "./lineChart/
 export { type ILegendContainer, type ILegendOptions, LEGEND_PLUGIN_ID, htmlLegendPlugin } from "./lineChart/plugins/htmlLegend";
 export { getDefaultDatasetStyle } from "./lineChart/utils";
 export { type ILineChartMini, LineChartMini } from "./lineChartMini/lineChartMini";
+export { type TListType, type IListItemButton, type IListItemLink, type TListItemAction } from "./list/interfaces";
+export { type TIconType, type IItemCompact, ItemCompact } from "./list/itemCompact/itemCompact";
+export { type IItemData, ItemData } from "./list/itemData/itemData";
+export { type IList, List } from "./list/list";
+export { type IListItem, ListItem } from "./list/listItem/listItem";
+export { changeOrder } from "./list/utils/changeOrder";
 export { type IControlledMenu, ControlledMenu } from "./menu/controlledMenu";
 export { type IMenu, Menu } from "./menu/menu";
 export { findFirstFocusable } from "./menu/utils/findFirstFocusable";

package/dist/index.js

@@ -2,20 +2,20 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 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.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.Chart = exports.CardsRow = exports.Cards = exports.useAbsoluteSize = exports.isAbsoluteSize = exports.getSizeClass = exports.getContainerSize = exports.CardContainer = void 0;
-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.GridLayout = exports.FormField = exports.FooterButtons = exports.FiltersBarActions = exports.FiltersBar = exports.FiltersBarDisplayName = exports.ResetButton = exports.getRangeOption = exports.FilterButton = exports.FeedbackProvider = exports.FavoriteButton = exports.Dropdown = exports.getFocusableStartInd = exports.isFocusable = void 0;
-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 = exports.IconAddPeople2 = void 0;
-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 = exports.IconBatteryLoading = void 0;
-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 = exports.IconChart4 = void 0;
-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.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 = void 0;
-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 = exports.IconEdit = exports.IconDvir = void 0;
-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 = 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 = void 0;
-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 = exports.IconLayoutWindow3 = exports.IconLayoutWindow2 = exports.IconLayoutWindow = exports.IconLayoutTopbar = void 0;
-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 = exports.IconNews = exports.IconMyGeotab = exports.IconMyAdmin = exports.IconMove2 = void 0;
-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.IconRemovePeople = exports.IconRefrigeration = exports.IconRedo2 = exports.IconRedo = exports.IconRecord = exports.IconReceipt = exports.IconRadar = void 0;
-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 = 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 = void 0;
-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 = exports.IconWorld = exports.IconWorkday = exports.IconWifi2 = exports.IconWifi = exports.IconWhisper = exports.IconWebcam = exports.IconWatch2 = void 0;
-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 = exports.SidePanelCloseReason = exports.isChildPopup = exports.SelectField = exports.Select = exports.SearchInput = exports.Range = exports.RadioGroup = void 0;
-exports.Waiting = exports.UserFormatProvider = exports.useDrive = exports.ThemeProvider = exports.ThemeDrive = exports.ThemeDark = 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.GridLayout = exports.FormField = exports.FooterButtons = exports.FiltersBarActions = exports.FiltersBar = exports.FiltersBarDisplayName = exports.ResetButton = 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.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.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 = void 0;
+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 = exports.IconEdit = void 0;
+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 = 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 = void 0;
+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 = exports.IconLayoutWindow3 = exports.IconLayoutWindow2 = exports.IconLayoutWindow = void 0;
+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 = exports.IconNews = exports.IconMyGeotab = exports.IconMyAdmin = void 0;
+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.IconRemovePeople = exports.IconRefrigeration = exports.IconRedo2 = exports.IconRedo = exports.IconRecord = exports.IconReceipt = void 0;
+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 = 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 = void 0;
+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.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 = void 0;
+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 = exports.SidePanelCloseReason = exports.isChildPopup = exports.SelectField = exports.Select = exports.SearchInput = exports.Range = exports.RadioGroup = exports.Radio = exports.ProgressBar = exports.ProgreesBarSize = exports.ProgressBarType = void 0;
+exports.Waiting = exports.UserFormatProvider = exports.useDrive = exports.ThemeProvider = exports.ThemeDrive = exports.ThemeDark = exports.useLanguage = exports.LanguageProvider = exports.AbortablePromise = exports.Tooltip = void 0;
 /* eslint-disable max-len */
 var absolute_1 = require("./absolute/absolute");
 Object.defineProperty(exports, "Absolute", { enumerable: true, get: function () { return absolute_1.Absolute; } });
@@ -179,8 +179,6 @@ 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 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");
@@ -1294,6 +1292,16 @@ var utils_2 = require("./lineChart/utils");
 Object.defineProperty(exports, "getDefaultDatasetStyle", { enumerable: true, get: function () { return utils_2.getDefaultDatasetStyle; } });
 var lineChartMini_1 = require("./lineChartMini/lineChartMini");
 Object.defineProperty(exports, "LineChartMini", { enumerable: true, get: function () { return lineChartMini_1.LineChartMini; } });
+var itemCompact_1 = require("./list/itemCompact/itemCompact");
+Object.defineProperty(exports, "ItemCompact", { enumerable: true, get: function () { return itemCompact_1.ItemCompact; } });
+var itemData_1 = require("./list/itemData/itemData");
+Object.defineProperty(exports, "ItemData", { enumerable: true, get: function () { return itemData_1.ItemData; } });
+var list_1 = require("./list/list");
+Object.defineProperty(exports, "List", { enumerable: true, get: function () { return list_1.List; } });
+var listItem_1 = require("./list/listItem/listItem");
+Object.defineProperty(exports, "ListItem", { enumerable: true, get: function () { return listItem_1.ListItem; } });
+var changeOrder_1 = require("./list/utils/changeOrder");
+Object.defineProperty(exports, "changeOrder", { enumerable: true, get: function () { return changeOrder_1.changeOrder; } });
 var controlledMenu_1 = require("./menu/controlledMenu");
 Object.defineProperty(exports, "ControlledMenu", { enumerable: true, get: function () { return controlledMenu_1.ControlledMenu; } });
 var menu_1 = require("./menu/menu");

package/dist/list/hooks/useContainerScroll.d.ts

@@ -0,0 +1,4 @@
+export declare const useContainerScroll: () => {
+    moveScroll: (container: HTMLElement, dndElement: HTMLElement, callback: () => void) => void;
+    cancelMoveScroll: () => void;
+};

package/dist/list/hooks/useContainerScroll.js

@@ -0,0 +1,38 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useContainerScroll = void 0;
+const react_1 = require("react");
+const useContainerScroll = () => {
+    const scrollTimeoutRef = (0, react_1.useRef)(null);
+    const moveScrollFunc = (container, dndElement) => {
+        const containerRect = container.getBoundingClientRect();
+        const elementRect = dndElement.getBoundingClientRect();
+        // pixels from the edge to start scrolling
+        const scrollThreshold = 50;
+        if (elementRect.top < containerRect.top + scrollThreshold) {
+            container.scrollTop -= 10;
+        }
+        else if (elementRect.bottom > containerRect.bottom - scrollThreshold) {
+            container.scrollTop += 10;
+        }
+    };
+    const moveScroll = (0, react_1.useCallback)((container, dndElement, callback) => {
+        if (scrollTimeoutRef.current) {
+            return;
+        }
+        moveScrollFunc(container, dndElement);
+        callback();
+        scrollTimeoutRef.current = setTimeout(() => {
+            scrollTimeoutRef.current = null;
+            moveScroll(container, dndElement, callback);
+        }, 50);
+    }, [scrollTimeoutRef]);
+    const cancelMoveScroll = (0, react_1.useCallback)(() => {
+        if (scrollTimeoutRef.current) {
+            clearTimeout(scrollTimeoutRef.current);
+            scrollTimeoutRef.current = null;
+        }
+    }, [scrollTimeoutRef]);
+    return { moveScroll, cancelMoveScroll };
+};
+exports.useContainerScroll = useContainerScroll;

package/dist/list/hooks/useDragAndDrop.d.ts

@@ -0,0 +1,4 @@
+import { RefObject } from "react";
+export declare const useDragAndDrop: (containerRef: RefObject<HTMLElement | null>, onChangeOrder: (startPosition: number, endPosition: number) => void) => {
+    onDragStart: (e: React.PointerEvent<HTMLElement>) => void;
+};

package/dist/list/hooks/useDragAndDrop.js

@@ -0,0 +1,134 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useDragAndDrop = void 0;
+const react_1 = require("react");
+const getScrollableParent_1 = require("../../utils/getScrollableParent");
+const findListElement_1 = require("../utils/findListElement");
+const useContainerScroll_1 = require("./useContainerScroll");
+const findItemPosition_1 = require("../utils/findItemPosition");
+const useDragAndDrop = (containerRef, onChangeOrder) => {
+    const dragImageRef = (0, react_1.useRef)(null);
+    const dragMoveRef = (0, react_1.useRef)(undefined);
+    const { moveScroll, cancelMoveScroll } = (0, useContainerScroll_1.useContainerScroll)();
+    const getPlaceholder = (0, react_1.useCallback)((height) => {
+        const placeholder = document.createElement("li");
+        placeholder.className = "zen-list-item zen-list-item--placeholder";
+        placeholder.style.height = height + "px";
+        return placeholder;
+    }, []);
+    const removePlaceholders = (0, react_1.useCallback)((element) => {
+        const placeholders = element.querySelectorAll(".zen-list-item--placeholder");
+        for (const placeholder of placeholders) {
+            placeholder.remove();
+        }
+    }, []);
+    const setPlaceholder = (0, react_1.useCallback)((element) => {
+        if (!containerRef.current) {
+            return;
+        }
+        const items = containerRef.current.querySelectorAll(".zen-list-item");
+        const rect = element.getBoundingClientRect();
+        const listRect = containerRef.current.getBoundingClientRect();
+        if (rect.top < listRect.top) {
+            // If the dragged element is above the list, insert placeholder at the top
+            const placeholder = getPlaceholder(rect.height);
+            removePlaceholders(containerRef.current);
+            const firstChild = containerRef.current.firstChild;
+            if (firstChild) {
+                containerRef.current.insertBefore(placeholder, firstChild);
+            }
+            else {
+                containerRef.current.appendChild(placeholder);
+            }
+            return;
+        }
+        if (rect.top > listRect.bottom) {
+            const placeholder = getPlaceholder(rect.height);
+            removePlaceholders(containerRef.current);
+            containerRef.current.appendChild(placeholder);
+            return;
+        }
+        const dragItemTopOffset = 4;
+        for (const item of items) {
+            if (item.classList.contains("zen-list-item--placeholder") || item.classList.contains("zen-list-item--dragging")) {
+                continue;
+            }
+            const itemRect = item.getBoundingClientRect();
+            if (item !== element && rect.top > itemRect.top + dragItemTopOffset && rect.top <= itemRect.bottom) {
+                const placeholder = getPlaceholder(rect.height);
+                removePlaceholders(containerRef.current);
+                const next = item.nextSibling;
+                if (next) {
+                    containerRef.current.insertBefore(placeholder, next);
+                }
+                else {
+                    containerRef.current.appendChild(placeholder);
+                }
+                return;
+            }
+        }
+    }, [containerRef, getPlaceholder, removePlaceholders]);
+    const onDragStart = (0, react_1.useCallback)((e) => {
+        const listItemElement = (0, findListElement_1.findListElement)(e.currentTarget);
+        if (!listItemElement) {
+            return;
+        }
+        const startPosition = (0, findItemPosition_1.findItemPosition)(listItemElement);
+        const rect = listItemElement.getBoundingClientRect();
+        const offset = {
+            x: e.clientX - rect.left,
+            y: e.clientY - rect.top
+        };
+        const div = listItemElement.cloneNode(true);
+        document.body.appendChild(div);
+        dragImageRef.current = div;
+        div.style.position = "absolute";
+        div.style.left = (e.clientX - offset.x) + "px";
+        div.style.top = (e.clientY - offset.y) + "px";
+        div.style.width = listItemElement.offsetWidth + "px";
+        div.style.height = listItemElement.offsetHeight + "px";
+        dragMoveRef.current = (moveEvent) => {
+            if (!dragImageRef.current) {
+                return;
+            }
+            // eslint-disable-next-line @typescript-eslint/no-unnecessary-condition
+            const pageScroll = window ? window.scrollY : 0;
+            dragImageRef.current.style.left = (moveEvent.clientX - offset.x) + "px";
+            dragImageRef.current.style.top = (pageScroll + moveEvent.clientY - offset.y) + "px";
+            setPlaceholder(dragImageRef.current);
+            moveEvent.preventDefault();
+        };
+        const onDragEnd = () => {
+            var _a;
+            if (dragImageRef.current) {
+                dragImageRef.current.remove();
+                dragImageRef.current = null;
+            }
+            if (dragMoveRef.current) {
+                document.body.removeEventListener("pointermove", dragMoveRef.current, false);
+            }
+            const placeholderElement = (_a = containerRef.current) === null || _a === void 0 ? void 0 : _a.querySelector(".zen-list-item--placeholder");
+            const endPosition = placeholderElement ? (0, findItemPosition_1.findItemPosition)(placeholderElement) : null;
+            listItemElement.classList.remove("zen-list-item--dragging");
+            if (containerRef.current) {
+                removePlaceholders(containerRef.current);
+            }
+            dragMoveRef.current = undefined;
+            cancelMoveScroll();
+            if (endPosition !== null && startPosition !== endPosition) {
+                onChangeOrder(startPosition, endPosition);
+            }
+            document.body.removeEventListener("pointerup", onDragEnd, false);
+            document.removeEventListener("mouseleave", onDragEnd);
+        };
+        document.body.addEventListener("pointermove", dragMoveRef.current, false);
+        document.body.addEventListener("pointerup", onDragEnd, false);
+        document.addEventListener("mouseleave", onDragEnd);
+        listItemElement.classList.add("zen-list-item--dragging");
+        setPlaceholder(dragImageRef.current);
+        const scrollableParent = (0, getScrollableParent_1.getScrollableParent)(containerRef.current);
+        moveScroll((scrollableParent || containerRef.current), dragImageRef.current, () => setPlaceholder(dragImageRef.current));
+    }, [cancelMoveScroll, containerRef, moveScroll, onChangeOrder, removePlaceholders, setPlaceholder]);
+    return { onDragStart };
+};
+exports.useDragAndDrop = useDragAndDrop;

package/dist/list/hooks/useLazyLoading.d.ts

@@ -0,0 +1 @@
+export declare const useLazyLoading: (ref: React.RefObject<HTMLUListElement | null>, isLoading: boolean | undefined, onListEnd: (() => void) | undefined) => void;

package/dist/list/hooks/useLazyLoading.js

@@ -0,0 +1,52 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useLazyLoading = void 0;
+const react_1 = require("react");
+const getScrollableParent_1 = require("../../utils/getScrollableParent");
+const useLazyLoading = (ref, isLoading, onListEnd) => {
+    const [scrollableParent, setScrollableParent] = (0, react_1.useState)(null);
+    const observerRef = (0, react_1.useRef)(null);
+    const updateScrollableParent = (0, react_1.useCallback)(() => {
+        const parent = (0, getScrollableParent_1.getScrollableParent)(ref.current);
+        setScrollableParent(parent || null);
+        return parent;
+    }, [ref]);
+    (0, react_1.useEffect)(() => {
+        var _a;
+        // eslint-disable-next-line @typescript-eslint/no-unnecessary-condition
+        if (!observerRef.current && ResizeObserver) {
+            observerRef.current = new ResizeObserver(updateScrollableParent);
+        }
+        const parent = updateScrollableParent();
+        if (parent) {
+            (_a = observerRef.current) === null || _a === void 0 ? void 0 : _a.observe(parent);
+        }
+        return () => {
+            var _a;
+            if (parent) {
+                (_a = observerRef.current) === null || _a === void 0 ? void 0 : _a.unobserve(parent);
+            }
+        };
+    }, [ref, updateScrollableParent]);
+    (0, react_1.useEffect)(() => {
+        if (!onListEnd) {
+            return () => { };
+        }
+        if (!scrollableParent) {
+            return () => { };
+        }
+        const handleScroll = () => {
+            const scrollTop = scrollableParent.scrollTop;
+            const scrollHeight = scrollableParent.scrollHeight;
+            const clientHeight = scrollableParent.clientHeight;
+            if (scrollTop + clientHeight >= scrollHeight - 50 && !isLoading) {
+                onListEnd();
+            }
+        };
+        scrollableParent.addEventListener("scroll", handleScroll);
+        return () => {
+            scrollableParent.removeEventListener("scroll", handleScroll);
+        };
+    }, [scrollableParent, onListEnd, isLoading]);
+};
+exports.useLazyLoading = useLazyLoading;

package/dist/list/hooks/useVirtualScroll.d.ts

@@ -0,0 +1,4 @@
+import { ReactNode } from "react";
+export declare const useVirtualScroll: (ref: React.RefObject<HTMLUListElement | null>, children: ReactNode) => {
+    isInViewport: (id: string) => boolean;
+};

package/dist/list/hooks/useVirtualScroll.js

@@ -0,0 +1,104 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useVirtualScroll = void 0;
+const react_1 = require("react");
+const getScrollableParent_1 = require("../../utils/getScrollableParent");
+const findVisibleListItems_1 = require("../utils/findVisibleListItems");
+const FIRST_RENDERED_ROWS = 100;
+const useVirtualScroll = (ref, children) => {
+    const isEnabled = (0, react_1.useMemo)(() => {
+        if (children && Array.isArray(children)) {
+            return children.length > FIRST_RENDERED_ROWS;
+        }
+        return false;
+    }, [children]);
+    const [scrollableParent, setScrollableParent] = (0, react_1.useState)(null);
+    const observerRef = (0, react_1.useRef)(null);
+    const updateScrollableParent = (0, react_1.useCallback)(() => {
+        const parent = (0, getScrollableParent_1.getScrollableParent)(ref.current);
+        setScrollableParent(parent || null);
+        return parent;
+    }, [ref]);
+    (0, react_1.useEffect)(() => {
+        var _a;
+        // eslint-disable-next-line @typescript-eslint/no-unnecessary-condition
+        if (isEnabled && !observerRef.current && ResizeObserver) {
+            observerRef.current = new ResizeObserver(updateScrollableParent);
+        }
+        const parent = updateScrollableParent();
+        if (parent) {
+            (_a = observerRef.current) === null || _a === void 0 ? void 0 : _a.observe(parent);
+        }
+        return () => {
+            var _a;
+            if (parent) {
+                (_a = observerRef.current) === null || _a === void 0 ? void 0 : _a.unobserve(parent);
+            }
+        };
+    }, [isEnabled, ref, updateScrollableParent]);
+    const initialVisibleRows = (0, react_1.useMemo)(() => {
+        if (children && Array.isArray(children)) {
+            return children.slice(0, FIRST_RENDERED_ROWS).map(r => r.props.id);
+        }
+        return [];
+    }, [children]);
+    const [visibleRows, setVisibleRows] = (0, react_1.useState)(new Set(initialVisibleRows));
+    const isInViewport = (0, react_1.useCallback)((id) => visibleRows.has(id), [visibleRows]);
+    const getVisibleRows = (0, react_1.useCallback)(() => {
+        if (!ref.current) {
+            return [];
+        }
+        if (!scrollableParent) {
+            return [];
+        }
+        const { top, bottom } = scrollableParent.getBoundingClientRect();
+        return (0, findVisibleListItems_1.findVisibleListItems)([...ref.current.children], top, bottom);
+    }, [ref, scrollableParent]);
+    const scheduleVisibleChanges = (0, react_1.useCallback)(() => requestAnimationFrame(() => {
+        const visible = getVisibleRows();
+        const newVisibleRows = visible.filter(row => {
+            const id = row.dataset.listItemId;
+            if (id === undefined) {
+                return false;
+            }
+            return true;
+        }).map(row => row.dataset.listItemId);
+        const hasNewRows = newVisibleRows.some(id => !visibleRows.has(id));
+        if (hasNewRows) {
+            const newRowsSet = new Set(newVisibleRows);
+            initialVisibleRows.forEach(row => newRowsSet.add(row));
+            setVisibleRows(newRowsSet);
+        }
+    }), [getVisibleRows, initialVisibleRows, visibleRows]);
+    const lazyRenderTimerRef = (0, react_1.useRef)(0);
+    const scheduleLazyRender = (0, react_1.useCallback)(() => {
+        cancelAnimationFrame(lazyRenderTimerRef.current);
+        lazyRenderTimerRef.current = scheduleVisibleChanges();
+    }, [scheduleVisibleChanges]);
+    const handleScroll = (0, react_1.useCallback)(() => {
+        scheduleLazyRender();
+    }, [scheduleLazyRender]);
+    (0, react_1.useEffect)(() => {
+        if (!ref.current) {
+            return () => { };
+        }
+        if (!isEnabled) {
+            return () => { };
+        }
+        if (scrollableParent) {
+            scrollableParent.addEventListener("scroll", handleScroll);
+        }
+        return () => {
+            if (scrollableParent) {
+                scrollableParent.removeEventListener("scroll", handleScroll);
+            }
+        };
+    }, [handleScroll, isEnabled, ref, scrollableParent]);
+    (0, react_1.useEffect)(() => {
+        if (children && Array.isArray(children)) {
+            scheduleLazyRender();
+        }
+    }, [children, getVisibleRows, scheduleLazyRender]);
+    return { isInViewport };
+};
+exports.useVirtualScroll = useVirtualScroll;

package/dist/list/interfaces.d.ts

@@ -0,0 +1,16 @@
+import { FunctionComponent } from "react";
+import { IIcon } from "../icons/icon";
+export type TListType = "standard" | "data" | "compact";
+interface IListItemBasicAction {
+    name: string;
+    icon?: FunctionComponent<IIcon>;
+}
+export interface IListItemButton extends IListItemBasicAction {
+    onClick: () => void;
+}
+export interface IListItemLink extends IListItemBasicAction {
+    link: string;
+}
+export type TListItemAction = IListItemButton | IListItemLink;
+export declare const isButtonAction: (action: TListItemAction) => action is IListItemButton;
+export {};

package/dist/list/interfaces.js

@@ -0,0 +1,5 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.isButtonAction = void 0;
+const isButtonAction = (action) => action.hasOwnProperty("onClick");
+exports.isButtonAction = isButtonAction;

package/dist/list/itemCompact/itemCompact.d.ts

@@ -0,0 +1,18 @@
+import { FunctionComponent, ReactNode } from "react";
+import "./itemCompact.less";
+import { IZenComponentProps } from "../../commonHelpers/zenComponent";
+import { IIcon } from "../../icons/icon";
+export type TIconType = "success" | "error" | "warning" | "info";
+export interface IItemCompact extends IZenComponentProps {
+    iconLeft?: FunctionComponent<IIcon> | ReactNode;
+    iconLeftType?: TIconType;
+    name?: string;
+    link?: string;
+    iconRight?: FunctionComponent<IIcon> | ReactNode;
+    iconRightType?: TIconType;
+    status?: ReactNode;
+    data?: ReactNode;
+    isDrive?: boolean;
+    isMobile?: boolean;
+}
+export declare const ItemCompact: ({ className, iconLeft, iconLeftType, name, link, iconRight, iconRightType, status, data }: IItemCompact) => import("react/jsx-runtime").JSX.Element;

package/dist/list/itemCompact/itemCompact.js

@@ -0,0 +1,24 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ItemCompact = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const classNames_1 = require("../../commonHelpers/classNames/classNames");
+const useDriveClassName_1 = require("../../utils/theme/useDriveClassName");
+const useIconSize_1 = require("../../utils/theme/useIconSize");
+const ItemCompact = ({ className, iconLeft, iconLeftType, name, link, iconRight, iconRightType, status, data }) => {
+    const listClassName = (0, useDriveClassName_1.useDriveClassName)("zen-list-item-compact");
+    const iconSize = (0, useIconSize_1.useIconSize)();
+    const renderIcon = (0, react_1.useCallback)((icon, type) => {
+        if (typeof icon === "function") {
+            const iconProps = {
+                size: iconSize,
+                className: type ? `zen-list-item-compact__icon--${type}` : undefined
+            };
+            return (0, react_1.createElement)(icon, iconProps);
+        }
+        return icon;
+    }, [iconSize]);
+    return (0, jsx_runtime_1.jsxs)("li", { className: (0, classNames_1.classNames)(["zen-list-item-compact", listClassName || "", className || ""]), children: [iconLeft ? (0, jsx_runtime_1.jsx)("div", { className: "zen-list-item-compact__left-icon", children: renderIcon(iconLeft, iconLeftType) }) : null, name ? (0, jsx_runtime_1.jsx)("div", { className: "zen-list-item-compact__name", children: link ? (0, jsx_runtime_1.jsx)("a", { href: link, className: "zen-link zen-link--light zen-link--inline", children: name }) : name }) : null, iconRight ? (0, jsx_runtime_1.jsx)("div", { className: "zen-list-item-compact__right-icon", children: renderIcon(iconRight, iconRightType) }) : null, status ? (0, jsx_runtime_1.jsx)("div", { className: "zen-list-item-compact__status", children: status }) : null, data ? (0, jsx_runtime_1.jsx)("div", { className: "zen-list-item-compact__data", children: data }) : null] });
+};
+exports.ItemCompact = ItemCompact;

package/dist/list/itemCompact/itemCompactWaiting.d.ts

@@ -0,0 +1,6 @@
+import "./itemCompact.less";
+export interface IItemCompactWaiting {
+    isDrive?: boolean;
+    isMobile?: boolean;
+}
+export declare const ItemCompactWaiting: ({ isDrive, isMobile }: IItemCompactWaiting) => import("react/jsx-runtime").JSX.Element;

package/dist/list/itemCompact/itemCompactWaiting.js

@@ -0,0 +1,14 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ItemCompactWaiting = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const skeleton_1 = require("../../skeleton/skeleton");
+const react_1 = require("react");
+const classNames_1 = require("../../commonHelpers/classNames/classNames");
+const ItemCompactWaiting = ({ isDrive, isMobile }) => {
+    const driveClassName = (0, react_1.useMemo)(() => isDrive
+        ? isMobile ? "zen-list-item-compact--drive" : "zen-list-item-compact--drive-tablet"
+        : "", [isDrive, isMobile]);
+    return (0, jsx_runtime_1.jsx)("li", { className: (0, classNames_1.classNames)(["zen-list-item-compact", driveClassName]), children: (0, jsx_runtime_1.jsx)(skeleton_1.Skeleton, { className: "zen-list-item-compact__waiting" }) });
+};
+exports.ItemCompactWaiting = ItemCompactWaiting;

package/dist/list/itemData/itemData.d.ts

@@ -0,0 +1,30 @@
+import React, { FunctionComponent, ReactNode } from "react";
+import "./itemData.less";
+import { IIcon } from "../../icons/icon";
+import { TListItemAction } from "../interfaces";
+interface IItemDataData {
+    label?: string;
+    value: React.ReactNode;
+    link?: string;
+    icon?: FunctionComponent<IIcon> | ReactNode;
+    iconClassName?: string;
+}
+export interface IItemData {
+    id: string;
+    visible?: boolean;
+    icon?: FunctionComponent<IIcon> | ReactNode;
+    iconClassName?: string;
+    name: string;
+    link?: string;
+    secondary?: string;
+    status?: React.ReactNode;
+    actions?: TListItemAction[];
+    data?: IItemDataData[];
+    onClick?: () => void;
+    checked?: boolean;
+    onCheck?: (checked: boolean) => void;
+    isMobile?: boolean;
+    isDrive?: boolean;
+}
+export declare const ItemData: ({ id, ...rest }: IItemData) => import("react/jsx-runtime").JSX.Element;
+export {};