@uniformdev/design-system 19.119.0 → 19.121.1-alpha.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/index.js CHANGED
@@ -45,7 +45,7 @@ var importedIcons_exports = {};
45
45
  __export(importedIcons_exports, {
46
46
  importedIcons: () => importedIcons
47
47
  });
48
- var import_CgAdd, import_CgAddR, import_CgAirplane, import_CgAlarm, import_CgAlbum, import_CgAlignBottom, import_CgAlignCenter, import_CgAlignLeft, import_CgAlignMiddle, import_CgAlignRight, import_CgAlignTop, import_CgAnchor, import_CgAppleWatch, import_CgArrangeBack, import_CgArrangeFront, import_CgArrowAlignH, import_CgArrowAlignV, import_CgArrowBottomLeft, import_CgArrowBottomLeftO, import_CgArrowBottomLeftR, import_CgArrowBottomRight, import_CgArrowBottomRightO, import_CgArrowBottomRightR, import_CgArrowDown, import_CgArrowDownO, import_CgArrowDownR, import_CgArrowLeft, import_CgArrowLeftO, import_CgArrowLeftR, import_CgArrowLongDown, import_CgArrowLongDownC, import_CgArrowLongDownE, import_CgArrowLongDownL, import_CgArrowLongDownR, import_CgArrowLongLeft, import_CgArrowLongLeftC, import_CgArrowLongLeftE, import_CgArrowLongLeftL, import_CgArrowLongLeftR, import_CgArrowLongRight, import_CgArrowLongRightC, import_CgArrowLongRightE, import_CgArrowLongRightL, import_CgArrowLongRightR, import_CgArrowLongUp, import_CgArrowLongUpC, import_CgArrowLongUpE, import_CgArrowLongUpL, import_CgArrowLongUpR, import_CgArrowRight, import_CgArrowRightO, import_CgArrowRightR, import_CgArrowsBreakeH, import_CgArrowsBreakeV, import_CgArrowsExchange, import_CgArrowsExchangeAlt, import_CgArrowsExchangeAltV, import_CgArrowsExchangeV, import_CgArrowsExpandDownLeft, import_CgArrowsExpandDownRight, import_CgArrowsExpandLeft, import_CgArrowsExpandLeftAlt, import_CgArrowsExpandRight, import_CgArrowsExpandRightAlt, import_CgArrowsExpandUpLeft, import_CgArrowsExpandUpRight, import_CgArrowsH, import_CgArrowsHAlt, import_CgArrowsMergeAltH, import_CgArrowsMergeAltV, import_CgArrowsScrollH, import_CgArrowsScrollV, import_CgArrowsShrinkH, import_CgArrowsShrinkV, import_CgArrowsV, import_CgArrowsVAlt, import_CgArrowTopLeft, import_CgArrowTopLeftO, import_CgArrowTopLeftR, import_CgArrowTopRight, import_CgArrowTopRightO, import_CgArrowTopRightR, import_CgArrowUp, import_CgArrowUpO, import_CgArrowUpR, import_CgAssign, import_CgAsterisk, import_CgAttachment, import_CgAttribution, import_CgAwards, import_CgBackspace, import_CgBandAid, import_CgBattery, import_CgBatteryEmpty, import_CgBatteryFull, import_CgBee, import_CgBell, import_CgBitbucket, import_CgBlock, import_CgBoard, import_CgBolt, import_CgBookmark, import_CgBorderAll, import_CgBorderBottom, import_CgBorderLeft, import_CgBorderRight, import_CgBorderStyleDashed, import_CgBorderStyleDotted, import_CgBorderStyleSolid, import_CgBot, import_CgBowl, import_CgBox, import_CgBoy, import_CgBriefcase, import_CgBrowse, import_CgBrowser, import_CgBrush, import_CgBulb, import_CgCalculator, import_CgCalendar, import_CgCalendarDates, import_CgCalendarDue, import_CgCalendarNext, import_CgCalendarToday, import_CgCalendarTwo, import_CgCalibrate, import_CgCamera, import_CgCap, import_CgCaptions, import_CgCardClubs, import_CgCardDiamonds, import_CgCardHearts, import_CgCardSpades, import_CgCarousel, import_CgCast, import_CgChart, import_CgCheck, import_CgCheckO, import_CgCheckR, import_CgChevronDoubleDown, import_CgChevronDoubleDownO, import_CgChevronDoubleDownR, import_CgChevronDoubleLeft, import_CgChevronDoubleLeftO, import_CgChevronDoubleLeftR, import_CgChevronDoubleRight, import_CgChevronDoubleRightO, import_CgChevronDoubleRightR, import_CgChevronDoubleUp, import_CgChevronDoubleUpO, import_CgChevronDoubleUpR, import_CgChevronDown, import_CgChevronDownO, import_CgChevronDownR, import_CgChevronLeft, import_CgChevronLeftO, import_CgChevronLeftR, import_CgChevronRight, import_CgChevronRightO, import_CgChevronRightR, import_CgChevronUp, import_CgChevronUpO, import_CgChevronUpR, import_CgClapperBoard, import_CgClipboard, import_CgClose, import_CgCloseO, import_CgCloseR, import_CgCloud, import_CgCode, import_CgCodeSlash, import_CgCoffee, import_CgCollage, import_CgColorBucket, import_CgColorPicker, import_CgComment, import_CgCommunity, import_CgComponents, import_CgCompress, import_CgCompressLeft, import_CgCompressRight, import_CgCompressV, import_CgController, import_CgCopy, import_CgCopyright, import_CgCornerDoubleDownLeft, import_CgCornerDoubleDownRight, import_CgCornerDoubleLeftDown, import_CgCornerDoubleLeftUp, import_CgCornerDoubleRightDown, import_CgCornerDoubleRightUp, import_CgCornerDoubleUpLeft, import_CgCornerDoubleUpRight, import_CgCornerDownLeft, import_CgCornerDownRight, import_CgCornerLeftDown, import_CgCornerLeftUp, import_CgCornerRightDown, import_CgCornerRightUp, import_CgCornerUpLeft, import_CgCornerUpRight, import_CgCPlusPlus, import_CgCreditCard, import_CgCrop, import_CgCross, import_CgCrown, import_CgDanger, import_CgDarkMode, import_CgData, import_CgDatabase, import_CgDebug, import_CgDesktop, import_CgDetailsLess, import_CgDetailsMore, import_CgDialpad, import_CgDice1, import_CgDice2, import_CgDice3, import_CgDice4, import_CgDice5, import_CgDice6, import_CgDisc, import_CgDisplayFlex, import_CgDisplayFullwidth, import_CgDisplayGrid, import_CgDisplaySpacing, import_CgDistributeHorizontal, import_CgDistributeVertical, import_CgDockBottom, import_CgDockLeft, import_CgDockRight, import_CgDockWindow, import_CgDollar, import_CgDrive, import_CgDrop, import_CgDropInvert, import_CgDropOpacity, import_CgDuplicate, import_CgEditBlackPoint, import_CgEditContrast, import_CgEditExposure, import_CgEditFade, import_CgEditFlipH, import_CgEditFlipV, import_CgEditHighlight, import_CgEditMarkup, import_CgEditMask, import_CgEditNoise, import_CgEditShadows, import_CgEditStraight, import_CgEditUnmask, import_CgEject, import_CgEnter, import_CgErase, import_CgEreader, import_CgEricsson, import_CgEthernet, import_CgEuro, import_CgExpand, import_CgExport, import_CgExtension, import_CgExtensionAdd, import_CgExtensionAlt, import_CgExtensionRemove, import_CgExternal, import_CgEye, import_CgEyeAlt, import_CgFeed, import_CgFile, import_CgFileAdd, import_CgFileDocument, import_CgFileRemove, import_CgFilm, import_CgFilters, import_CgFlag, import_CgFlagAlt, import_CgFolder, import_CgFolderAdd, import_CgFolderRemove, import_CgFontHeight, import_CgFontSpacing, import_CgFormatBold, import_CgFormatCenter, import_CgFormatColor, import_CgFormatHeading, import_CgFormatIndentDecrease, import_CgFormatIndentIncrease, import_CgFormatItalic, import_CgFormatJustify, import_CgFormatLeft, import_CgFormatLineHeight, import_CgFormatRight, import_CgFormatSeparator, import_CgFormatSlash, import_CgFormatStrike, import_CgFormatText, import_CgFormatUnderline, import_CgFormatUppercase, import_CgGames, import_CgGenderFemale, import_CgGenderMale, import_CgGhostCharacter, import_CgGift, import_CgGirl, import_CgGitBranch, import_CgGitCommit, import_CgGitFork, import_CgGitPull, import_CgGlass, import_CgGlassAlt, import_CgGlobe, import_CgGlobeAlt, import_CgGym, import_CgHashtag, import_CgHeadset, import_CgHeart, import_CgHome, import_CgHomeAlt, import_CgHomeScreen, import_CgIcecream, import_CgImage, import_CgImport, import_CgInbox, import_CgInfinity, import_CgInfo, import_CgInpicture, import_CgInsertAfter, import_CgInsertAfterO, import_CgInsertAfterR, import_CgInsertBefore, import_CgInsertBeforeO, import_CgInsertBeforeR, import_CgInsights, import_CgInternal, import_CgKey, import_CgKeyboard, import_CgKeyhole, import_CgLaptop, import_CgLayoutGrid, import_CgLayoutGridSmall, import_CgLayoutList, import_CgLayoutPin, import_CgLink, import_CgList, import_CgListTree, import_CgLivePhoto, import_CgLoadbar, import_CgLoadbarAlt, import_CgLoadbarDoc, import_CgLoadbarSound, import_CgLock, import_CgLockUnlock, import_CgLogIn, import_CgLogOff, import_CgLogOut, import_CgLoupe, import_CgMagnet, import_CgMail, import_CgMailForward, import_CgMailOpen, import_CgMailReply, import_CgMathDivide, import_CgMathEqual, import_CgMathMinus, import_CgMathPercent, import_CgMathPlus, import_CgMaximize, import_CgMaximizeAlt, import_CgMediaLive, import_CgMediaPodcast, import_CgMenu, import_CgMenuBoxed, import_CgMenuCake, import_CgMenuCheese, import_CgMenuGridO, import_CgMenuGridR, import_CgMenuHotdog, import_CgMenuLeft, import_CgMenuLeftAlt, import_CgMenuMotion, import_CgMenuOreos, import_CgMenuRight, import_CgMenuRightAlt, import_CgMenuRound, import_CgMergeHorizontal, import_CgMergeVertical, import_CgMic, import_CgMinimize, import_CgMinimizeAlt, import_CgMiniPlayer, import_CgModem, import_CgMoon, import_CgMore, import_CgMoreAlt, import_CgMoreO, import_CgMoreR, import_CgMoreVertical, import_CgMoreVerticalAlt, import_CgMoreVerticalO, import_CgMoreVerticalR, import_CgMouse, import_CgMoveDown, import_CgMoveLeft, import_CgMoveRight, import_CgMoveTask, import_CgMoveUp, import_CgMusic, import_CgMusicNote, import_CgMusicSpeaker, import_CgNametag, import_CgNotes, import_CgNotifications, import_CgOptions, import_CgOrganisation, import_CgPassword, import_CgPathBack, import_CgPathCrop, import_CgPathDivide, import_CgPathExclude, import_CgPathFront, import_CgPathIntersect, import_CgPathOutline, import_CgPathTrim, import_CgPathUnite, import_CgPen, import_CgPentagonBottomLeft, import_CgPentagonBottomRight, import_CgPentagonDown, import_CgPentagonLeft, import_CgPentagonRight, import_CgPentagonTopLeft, import_CgPentagonTopRight, import_CgPentagonUp, import_CgPerformance, import_CgPhone, import_CgPhotoscan, import_CgPiano, import_CgPill, import_CgPin, import_CgPinAlt, import_CgPinBottom, import_CgPinTop, import_CgPlayBackwards, import_CgPlayButton, import_CgPlayButtonO, import_CgPlayButtonR, import_CgPlayForwards, import_CgPlayList, import_CgPlayListAdd, import_CgPlayListCheck, import_CgPlayListRemove, import_CgPlayListSearch, import_CgPlayPause, import_CgPlayPauseO, import_CgPlayPauseR, import_CgPlayStop, import_CgPlayStopO, import_CgPlayStopR, import_CgPlayTrackNext, import_CgPlayTrackNextO, import_CgPlayTrackNextR, import_CgPlayTrackPrev, import_CgPlayTrackPrevO, import_CgPlayTrackPrevR, import_CgPlug, import_CgPolaroid, import_CgPoll, import_CgPresentation, import_CgPrinter, import_CgProfile, import_CgPullClear, import_CgPushChevronDown, import_CgPushChevronDownO, import_CgPushChevronDownR, import_CgPushChevronLeft, import_CgPushChevronLeftO, import_CgPushChevronLeftR, import_CgPushChevronRight, import_CgPushChevronRightO, import_CgPushChevronRightR, import_CgPushChevronUp, import_CgPushChevronUpO, import_CgPushChevronUpR, import_CgPushDown, import_CgPushLeft, import_CgPushRight, import_CgPushUp, import_CgQr, import_CgQuote, import_CgQuoteO, import_CgRadioCheck, import_CgRadioChecked, import_CgRatio, import_CgRead, import_CgReadme, import_CgRecord, import_CgRedo, import_CgRemote, import_CgRemove, import_CgRemoveR, import_CgRename, import_CgReorder, import_CgRepeat, import_CgRing, import_CgRowFirst, import_CgRowLast, import_CgRuler, import_CgSandClock, import_CgScan, import_CgScreen, import_CgScreenMirror, import_CgScreenShot, import_CgScreenWide, import_CgScrollH, import_CgScrollV, import_CgSearch, import_CgSearchFound, import_CgSearchLoading, import_CgSelect, import_CgSelectO, import_CgSelectR, import_CgServer, import_CgShapeCircle, import_CgShapeHalfCircle, import_CgShapeHexagon, import_CgShapeRhombus, import_CgShapeSquare, import_CgShapeTriangle, import_CgShapeZigzag, import_CgShare, import_CgShield, import_CgShoppingBag, import_CgShoppingCart, import_CgShortcut, import_CgSidebar, import_CgSidebarOpen, import_CgSidebarRight, import_CgSignal, import_CgSize, import_CgSleep, import_CgSmartHomeBoiler, import_CgSmartHomeCooker, import_CgSmartHomeHeat, import_CgSmartHomeLight, import_CgSmartHomeRefrigerator, import_CgSmartHomeWashMachine, import_CgSmartphone, import_CgSmartphoneChip, import_CgSmartphoneRam, import_CgSmartphoneShake, import_CgSmile, import_CgSmileMouthOpen, import_CgSmileNeutral, import_CgSmileNoMouth, import_CgSmileNone, import_CgSmileSad, import_CgSmileUpside, import_CgSoftwareDownload, import_CgSoftwareUpload, import_CgSortAz, import_CgSortZa, import_CgSpaceBetween, import_CgSpaceBetweenV, import_CgSpinner, import_CgSpinnerAlt, import_CgSpinnerTwo, import_CgSpinnerTwoAlt, import_CgStack, import_CgStopwatch, import_CgStories, import_CgStyle, import_CgSun, import_CgSupport, import_CgSwap, import_CgSwapVertical, import_CgSweden, import_CgSwiss, import_CgSync, import_CgTab, import_CgTag, import_CgTapDouble, import_CgTapSingle, import_CgTemplate, import_CgTennis, import_CgTerminal, import_CgTerrain, import_CgThermometer, import_CgThermostat, import_CgTikcode, import_CgTime, import_CgTimelapse, import_CgTimer, import_CgToday, import_CgToggleOff, import_CgToggleOn, import_CgToggleSquare, import_CgToggleSquareOff, import_CgToolbarBottom, import_CgToolbarLeft, import_CgToolbarRight, import_CgToolbarTop, import_CgToolbox, import_CgTouchpad, import_CgTrack, import_CgTranscript, import_CgTrash, import_CgTrashEmpty, import_CgTree, import_CgTrees, import_CgTrending, import_CgTrendingDown, import_CgTrophy, import_CgTv, import_CgUiKit, import_CgUmbrella, import_CgUnavailable, import_CgUnblock, import_CgUndo, import_CgUnsplash, import_CgUsb, import_CgUsbC, import_CgUser, import_CgUserAdd, import_CgUserList, import_CgUserRemove, import_CgViewCols, import_CgViewComfortable, import_CgViewDay, import_CgViewGrid, import_CgViewList, import_CgViewMonth, import_CgViewSplit, import_CgVinyl, import_CgVoicemail, import_CgVoicemailO, import_CgVoicemailR, import_CgVolume, import_CgWebcam, import_CgWebsite, import_CgWorkAlt, import_CgYinyang, import_CgZoomIn, import_CgZoomOut, importedIcons;
48
+ var import_CgAdd, import_CgAddR, import_CgAirplane, import_CgAlarm, import_CgAlbum, import_CgAlignBottom, import_CgAlignCenter, import_CgAlignLeft, import_CgAlignMiddle, import_CgAlignRight, import_CgAlignTop, import_CgAnchor, import_CgAppleWatch, import_CgArrangeBack, import_CgArrangeFront, import_CgArrowAlignH, import_CgArrowAlignV, import_CgArrowBottomLeft, import_CgArrowBottomLeftO, import_CgArrowBottomLeftR, import_CgArrowBottomRight, import_CgArrowBottomRightO, import_CgArrowBottomRightR, import_CgArrowDown, import_CgArrowDownO, import_CgArrowDownR, import_CgArrowLeft, import_CgArrowLeftO, import_CgArrowLeftR, import_CgArrowLongDown, import_CgArrowLongDownC, import_CgArrowLongDownE, import_CgArrowLongDownL, import_CgArrowLongDownR, import_CgArrowLongLeft, import_CgArrowLongLeftC, import_CgArrowLongLeftE, import_CgArrowLongLeftL, import_CgArrowLongLeftR, import_CgArrowLongRight, import_CgArrowLongRightC, import_CgArrowLongRightE, import_CgArrowLongRightL, import_CgArrowLongRightR, import_CgArrowLongUp, import_CgArrowLongUpC, import_CgArrowLongUpE, import_CgArrowLongUpL, import_CgArrowLongUpR, import_CgArrowRight, import_CgArrowRightO, import_CgArrowRightR, import_CgArrowsBreakeH, import_CgArrowsBreakeV, import_CgArrowsExchange, import_CgArrowsExchangeAlt, import_CgArrowsExchangeAltV, import_CgArrowsExchangeV, import_CgArrowsExpandDownLeft, import_CgArrowsExpandDownRight, import_CgArrowsExpandLeft, import_CgArrowsExpandLeftAlt, import_CgArrowsExpandRight, import_CgArrowsExpandRightAlt, import_CgArrowsExpandUpLeft, import_CgArrowsExpandUpRight, import_CgArrowsH, import_CgArrowsHAlt, import_CgArrowsMergeAltH, import_CgArrowsMergeAltV, import_CgArrowsScrollH, import_CgArrowsScrollV, import_CgArrowsShrinkH, import_CgArrowsShrinkV, import_CgArrowsV, import_CgArrowsVAlt, import_CgArrowTopLeft, import_CgArrowTopLeftO, import_CgArrowTopLeftR, import_CgArrowTopRight, import_CgArrowTopRightO, import_CgArrowTopRightR, import_CgArrowUp, import_CgArrowUpO, import_CgArrowUpR, import_CgAssign, import_CgAsterisk, import_CgAttachment, import_CgAttribution, import_CgAwards, import_CgBackspace, import_CgBandAid, import_CgBattery, import_CgBatteryEmpty, import_CgBatteryFull, import_CgBee, import_CgBell, import_CgBitbucket, import_CgBlock, import_CgBoard, import_CgBolt, import_CgBookmark, import_CgBorderAll, import_CgBorderBottom, import_CgBorderLeft, import_CgBorderRight, import_CgBorderStyleDashed, import_CgBorderStyleDotted, import_CgBorderStyleSolid, import_CgBot, import_CgBowl, import_CgBox, import_CgBoy, import_CgBriefcase, import_CgBrowse, import_CgBrowser, import_CgBrush, import_CgBulb, import_CgCalculator, import_CgCalendar, import_CgCalendarDates, import_CgCalendarDue, import_CgCalendarNext, import_CgCalendarToday, import_CgCalendarTwo, import_CgCalibrate, import_CgCamera, import_CgCap, import_CgCaptions, import_CgCardClubs, import_CgCardDiamonds, import_CgCardHearts, import_CgCardSpades, import_CgCarousel, import_CgCast, import_CgChart, import_CgCheck, import_CgCheckO, import_CgCheckR, import_CgChevronDoubleDown, import_CgChevronDoubleDownO, import_CgChevronDoubleDownR, import_CgChevronDoubleLeft, import_CgChevronDoubleLeftO, import_CgChevronDoubleLeftR, import_CgChevronDoubleRight, import_CgChevronDoubleRightO, import_CgChevronDoubleRightR, import_CgChevronDoubleUp, import_CgChevronDoubleUpO, import_CgChevronDoubleUpR, import_CgChevronDown, import_CgChevronDownO, import_CgChevronDownR, import_CgChevronLeft, import_CgChevronLeftO, import_CgChevronLeftR, import_CgChevronRight, import_CgChevronRightO, import_CgChevronRightR, import_CgChevronUp, import_CgChevronUpO, import_CgChevronUpR, import_CgClapperBoard, import_CgClipboard, import_CgClose, import_CgCloseO, import_CgCloseR, import_CgCloud, import_CgCode, import_CgCodeSlash, import_CgCoffee, import_CgCollage, import_CgColorBucket, import_CgColorPicker, import_CgComment, import_CgCommunity, import_CgComponents, import_CgCompress, import_CgCompressLeft, import_CgCompressRight, import_CgCompressV, import_CgController, import_CgCopy, import_CgCopyright, import_CgCornerDoubleDownLeft, import_CgCornerDoubleDownRight, import_CgCornerDoubleLeftDown, import_CgCornerDoubleLeftUp, import_CgCornerDoubleRightDown, import_CgCornerDoubleRightUp, import_CgCornerDoubleUpLeft, import_CgCornerDoubleUpRight, import_CgCornerDownLeft, import_CgCornerDownRight, import_CgCornerLeftDown, import_CgCornerLeftUp, import_CgCornerRightDown, import_CgCornerRightUp, import_CgCornerUpLeft, import_CgCornerUpRight, import_CgCPlusPlus, import_CgCreditCard, import_CgCrop, import_CgCross, import_CgCrown, import_CgDanger, import_CgDarkMode, import_CgData, import_CgDatabase, import_CgDebug, import_CgDesktop, import_CgDetailsLess, import_CgDetailsMore, import_CgDialpad, import_CgDice1, import_CgDice2, import_CgDice3, import_CgDice4, import_CgDice5, import_CgDice6, import_CgDisc, import_CgDisplayFlex, import_CgDisplayFullwidth, import_CgDisplayGrid, import_CgDisplaySpacing, import_CgDistributeHorizontal, import_CgDistributeVertical, import_CgDockBottom, import_CgDockLeft, import_CgDockRight, import_CgDockWindow, import_CgDollar, import_CgDrive, import_CgDrop, import_CgDropInvert, import_CgDropOpacity, import_CgDuplicate, import_CgEditBlackPoint, import_CgEditContrast, import_CgEditExposure, import_CgEditFade, import_CgEditFlipH, import_CgEditFlipV, import_CgEditHighlight, import_CgEditMarkup, import_CgEditMask, import_CgEditNoise, import_CgEditShadows, import_CgEditStraight, import_CgEditUnmask, import_CgEject, import_CgEnter, import_CgErase, import_CgEreader, import_CgEricsson, import_CgEthernet, import_CgEuro, import_CgExpand, import_CgExport, import_CgExtension, import_CgExtensionAdd, import_CgExtensionAlt, import_CgExtensionRemove, import_CgExternal, import_CgEye, import_CgEyeAlt, import_CgFeed, import_CgFile, import_CgFileAdd, import_CgFileDocument, import_CgFileRemove, import_CgFilm, import_CgFilters, import_CgFlag, import_CgFlagAlt, import_CgFolder, import_CgFolderAdd, import_CgFolderRemove, import_CgFontHeight, import_CgFontSpacing, import_CgFormatBold, import_CgFormatCenter, import_CgFormatColor, import_CgFormatHeading, import_CgFormatIndentDecrease, import_CgFormatIndentIncrease, import_CgFormatItalic, import_CgFormatJustify, import_CgFormatLeft, import_CgFormatLineHeight, import_CgFormatRight, import_CgFormatSeparator, import_CgFormatSlash, import_CgFormatStrike, import_CgFormatText, import_CgFormatUnderline, import_CgFormatUppercase, import_CgGames, import_CgGenderFemale, import_CgGenderMale, import_CgGhostCharacter, import_CgGift, import_CgGirl, import_CgGitBranch, import_CgGitCommit, import_CgGitFork, import_CgGitPull, import_CgGlass, import_CgGlassAlt, import_CgGlobe, import_CgGlobeAlt, import_CgGym, import_CgHashtag, import_CgHeadset, import_CgHeart, import_CgHome, import_CgHomeAlt, import_CgHomeScreen, import_CgIcecream, import_CgImage, import_CgImport, import_CgInbox, import_CgInfinity, import_CgInfo, import_CgInpicture, import_CgInsertAfter, import_CgInsertAfterO, import_CgInsertAfterR, import_CgInsertBefore, import_CgInsertBeforeO, import_CgInsertBeforeR, import_CgInsights, import_CgInternal, import_CgKey, import_CgKeyboard, import_CgKeyhole, import_CgLaptop, import_CgLayoutGrid, import_CgLayoutGridSmall, import_CgLayoutList, import_CgLayoutPin, import_CgLink, import_CgList, import_CgListTree, import_CgLivePhoto, import_CgLoadbar, import_CgLoadbarAlt, import_CgLoadbarDoc, import_CgLoadbarSound, import_CgLock, import_CgLockUnlock, import_CgLogIn, import_CgLogOff, import_CgLogOut, import_CgLoupe, import_CgMagnet, import_CgMail, import_CgMailForward, import_CgMailOpen, import_CgMailReply, import_CgMathDivide, import_CgMathEqual, import_CgMathMinus, import_CgMathPercent, import_CgMathPlus, import_CgMaximize, import_CgMaximizeAlt, import_CgMediaLive, import_CgMediaPodcast, import_CgMenu, import_CgMenuBoxed, import_CgMenuCake, import_CgMenuCheese, import_CgMenuGridO, import_CgMenuGridR, import_CgMenuHotdog, import_CgMenuLeft, import_CgMenuLeftAlt, import_CgMenuMotion, import_CgMenuOreos, import_CgMenuRight, import_CgMenuRightAlt, import_CgMenuRound, import_CgMergeHorizontal, import_CgMergeVertical, import_CgMic, import_CgMinimize, import_CgMinimizeAlt, import_CgMiniPlayer, import_CgModem, import_CgMoon, import_CgMore, import_CgMoreAlt, import_CgMoreO, import_CgMoreR, import_CgMoreVertical, import_CgMoreVerticalAlt, import_CgMoreVerticalO, import_CgMoreVerticalR, import_CgMouse, import_CgMoveDown, import_CgMoveLeft, import_CgMoveRight, import_CgMoveTask, import_CgMoveUp, import_CgMusic, import_CgMusicNote, import_CgMusicSpeaker, import_CgNametag, import_CgNotes, import_CgNotifications, import_CgOptions, import_CgOrganisation, import_CgPassword, import_CgPathBack, import_CgPathCrop, import_CgPathDivide, import_CgPathExclude, import_CgPathFront, import_CgPathIntersect, import_CgPathOutline, import_CgPathTrim, import_CgPathUnite, import_CgPen, import_CgPentagonBottomLeft, import_CgPentagonBottomRight, import_CgPentagonDown, import_CgPentagonLeft, import_CgPentagonRight, import_CgPentagonTopLeft, import_CgPentagonTopRight, import_CgPentagonUp, import_CgPerformance, import_CgPhone, import_CgPhotoscan, import_CgPiano, import_CgPill, import_CgPin, import_CgPinAlt, import_CgPinBottom, import_CgPinTop, import_CgPlayBackwards, import_CgPlayButton, import_CgPlayButtonO, import_CgPlayButtonR, import_CgPlayForwards, import_CgPlayList, import_CgPlayListAdd, import_CgPlayListCheck, import_CgPlayListRemove, import_CgPlayListSearch, import_CgPlayPause, import_CgPlayPauseO, import_CgPlayPauseR, import_CgPlayStop, import_CgPlayStopO, import_CgPlayStopR, import_CgPlayTrackNext, import_CgPlayTrackNextO, import_CgPlayTrackNextR, import_CgPlayTrackPrev, import_CgPlayTrackPrevO, import_CgPlayTrackPrevR, import_CgPlug, import_CgPolaroid, import_CgPoll, import_CgPresentation, import_CgPrinter, import_CgProfile, import_CgPullClear, import_CgPushChevronDown, import_CgPushChevronDownO, import_CgPushChevronDownR, import_CgPushChevronLeft, import_CgPushChevronLeftO, import_CgPushChevronLeftR, import_CgPushChevronRight, import_CgPushChevronRightO, import_CgPushChevronRightR, import_CgPushChevronUp, import_CgPushChevronUpO, import_CgPushChevronUpR, import_CgPushDown, import_CgPushLeft, import_CgPushRight, import_CgPushUp, import_CgQr, import_CgQuote, import_CgQuoteO, import_CgRadioCheck, import_CgRadioChecked, import_CgRatio, import_CgRead, import_CgReadme, import_CgRecord, import_CgRedo, import_CgRemote, import_CgRemove, import_CgRemoveR, import_CgRename, import_CgReorder, import_CgRepeat, import_CgRing, import_CgRowFirst, import_CgRowLast, import_CgRuler, import_CgSandClock, import_CgScan, import_CgScreen, import_CgScreenMirror, import_CgScreenShot, import_CgScreenWide, import_CgScrollH, import_CgScrollV, import_CgSearch, import_CgSearchFound, import_CgSearchLoading, import_CgSelect, import_CgSelectO, import_CgSelectR, import_CgServer, import_CgShapeCircle, import_CgShapeHalfCircle, import_CgShapeHexagon, import_CgShapeRhombus, import_CgShapeSquare, import_CgShapeTriangle, import_CgShapeZigzag, import_CgShare, import_CgShield, import_CgShoppingBag, import_CgShoppingCart, import_CgShortcut, import_CgSidebar, import_CgSidebarOpen, import_CgSidebarRight, import_CgSignal, import_CgSize, import_CgSleep, import_CgSmartHomeBoiler, import_CgSmartHomeCooker, import_CgSmartHomeHeat, import_CgSmartHomeLight, import_CgSmartHomeRefrigerator, import_CgSmartHomeWashMachine, import_CgSmartphone, import_CgSmartphoneChip, import_CgSmartphoneRam, import_CgSmartphoneShake, import_CgSmile, import_CgSmileMouthOpen, import_CgSmileNeutral, import_CgSmileNoMouth, import_CgSmileNone, import_CgSmileSad, import_CgSmileUpside, import_CgSoftwareDownload, import_CgSoftwareUpload, import_CgSortAz, import_CgSortZa, import_CgSpaceBetween, import_CgSpaceBetweenV, import_CgSpinner, import_CgSpinnerAlt, import_CgSpinnerTwo, import_CgSpinnerTwoAlt, import_CgStack, import_CgStopwatch, import_CgStories, import_CgStyle, import_CgSun, import_CgSupport, import_CgSwap, import_CgSwapVertical, import_CgSweden, import_CgSwiss, import_CgSync, import_CgTab, import_CgTag, import_CgTapDouble, import_CgTapSingle, import_CgTemplate, import_CgTennis, import_CgTerminal, import_CgTerrain, import_CgThermometer, import_CgThermostat, import_CgTikcode, import_CgTime, import_CgTimelapse, import_CgTimer, import_CgToday, import_CgToggleOff, import_CgToggleOn, import_CgToggleSquare, import_CgToggleSquareOff, import_CgToolbarBottom, import_CgToolbarLeft, import_CgToolbarRight, import_CgToolbarTop, import_CgToolbox, import_CgTouchpad, import_CgTrack, import_CgTranscript, import_CgTrash, import_CgTrashEmpty, import_CgTree, import_CgTrees, import_CgTrending, import_CgTrendingDown, import_CgTrophy, import_CgTv, import_CgUiKit, import_CgUmbrella, import_CgUnavailable, import_CgUnblock, import_CgUndo, import_CgUnsplash, import_CgUsb, import_CgUsbC, import_CgUser, import_CgUserAdd, import_CgUserList, import_CgUserRemove, import_CgViewCols, import_CgViewComfortable, import_CgViewDay, import_CgViewGrid, import_CgViewList, import_CgViewMonth, import_CgViewSplit, import_CgVinyl, import_CgVoicemail, import_CgVoicemailO, import_CgVoicemailR, import_CgVolume, import_CgWebcam, import_CgWebsite, import_CgWorkAlt, import_CgYinyang, import_CgZoomIn, import_CgZoomOut, import_MdCopyAll, importedIcons;
49
49
  var init_importedIcons = __esm({
50
50
  "src/components/Icons/importedIcons.ts"() {
51
51
  "use strict";
@@ -693,6 +693,7 @@ var init_importedIcons = __esm({
693
693
  import_CgYinyang = require("@react-icons/all-files/cg/CgYinyang");
694
694
  import_CgZoomIn = require("@react-icons/all-files/cg/CgZoomIn");
695
695
  import_CgZoomOut = require("@react-icons/all-files/cg/CgZoomOut");
696
+ import_MdCopyAll = require("@react-icons/all-files/md/MdCopyAll");
696
697
  importedIcons = {
697
698
  "add-r": import_CgAddR.CgAddR,
698
699
  add: import_CgAdd.CgAdd,
@@ -879,6 +880,7 @@ var init_importedIcons = __esm({
879
880
  compress: import_CgCompress.CgCompress,
880
881
  controller: import_CgController.CgController,
881
882
  copy: import_CgCopy.CgCopy,
883
+ "copy-all": import_MdCopyAll.MdCopyAll,
882
884
  copyright: import_CgCopyright.CgCopyright,
883
885
  "corner-double-down-left": import_CgCornerDoubleDownLeft.CgCornerDoubleDownLeft,
884
886
  "corner-double-down-right": import_CgCornerDoubleDownRight.CgCornerDoubleDownRight,
@@ -1467,6 +1469,7 @@ __export(src_exports, {
1467
1469
  RICHTEXT_OPERATORS: () => RICHTEXT_OPERATORS,
1468
1470
  ResolveIcon: () => ResolveIcon,
1469
1471
  RichTextToolbarIcon: () => RichTextToolbarIcon,
1472
+ SYSTEM_DATE_OPERATORS: () => SYSTEM_DATE_OPERATORS,
1470
1473
  SYSTEM_FIELD_OPERATORS: () => SYSTEM_FIELD_OPERATORS,
1471
1474
  ScrollableList: () => ScrollableList,
1472
1475
  ScrollableListInputItem: () => ScrollableListInputItem,
@@ -1476,6 +1479,8 @@ __export(src_exports, {
1476
1479
  SearchAndFilterOptionsContainer: () => SearchAndFilterOptionsContainer2,
1477
1480
  SearchAndFilterProvider: () => SearchAndFilterProvider,
1478
1481
  SearchAndFilterResultContainer: () => SearchAndFilterResultContainer,
1482
+ SearchOnlyContext: () => SearchOnlyContext,
1483
+ SearchOnlyFilter: () => SearchOnlyFilter,
1479
1484
  SegmentedControl: () => SegmentedControl,
1480
1485
  ShortcutContext: () => ShortcutContext,
1481
1486
  ShortcutRevealer: () => ShortcutRevealer,
@@ -1505,6 +1510,7 @@ __export(src_exports, {
1505
1510
  ToastContainer: () => ToastContainer,
1506
1511
  Tooltip: () => Tooltip,
1507
1512
  TwoColumnLayout: () => TwoColumnLayout,
1513
+ USER_OPERATORS: () => USER_OPERATORS,
1508
1514
  UniformBadge: () => UniformBadge,
1509
1515
  UniformLogo: () => UniformLogo,
1510
1516
  UniformLogoLarge: () => UniformLogoLarge,
@@ -2244,7 +2250,7 @@ var input = (whiteSpaceWrap) => import_react4.css`
2244
2250
  border-radius: var(--rounded-sm);
2245
2251
  color: var(--gray-700);
2246
2252
  padding: var(--input-padding);
2247
- min-height: 46px;
2253
+ min-height: 50px;
2248
2254
  width: 100%;
2249
2255
  position: relative;
2250
2256
  white-space: ${whiteSpaceWrap};
@@ -2849,6 +2855,9 @@ var IconColorAction = import_react12.css`
2849
2855
  var IconColorAccent = import_react12.css`
2850
2856
  color: var(--accent-alt-dark);
2851
2857
  `;
2858
+ var IconColorAccentDark = import_react12.css`
2859
+ color: var(--accent-dark);
2860
+ `;
2852
2861
  var IconColorAccentLight = import_react12.css`
2853
2862
  color: var(--accent-light);
2854
2863
  `;
@@ -2893,6 +2902,7 @@ var IconInner = ({ icon, iconColor = "default", size = "1.5rem", ...otherProps }
2893
2902
  red: IconColorRed,
2894
2903
  accent: IconColorAccent,
2895
2904
  currentColor: IconColorCurrent,
2905
+ "accent-dark": IconColorAccentDark,
2896
2906
  "accent-light": IconColorAccentLight
2897
2907
  };
2898
2908
  if (isIconName && isLoading) {
@@ -4193,7 +4203,7 @@ var import_react22 = require("@emotion/react");
4193
4203
  var PageHeaderSectionContainer = import_react22.css`
4194
4204
  display: flex;
4195
4205
  justify-content: space-between;
4196
- margin-bottom: var(--spacing-lg);
4206
+ margin-bottom: var(--spacing-sm);
4197
4207
  flex-direction: column;
4198
4208
  gap: var(--spacing-sm);
4199
4209
 
@@ -13895,6 +13905,7 @@ var import_react_aria_components = require("react-aria-components");
13895
13905
  init_emotion_jsx_shim();
13896
13906
  var import_react39 = require("@emotion/react");
13897
13907
  var container = import_react39.css`
13908
+ --calendar-cell-size: 1.8rem;
13898
13909
  width: fit-content;
13899
13910
  max-width: 100%;
13900
13911
  `;
@@ -13919,13 +13930,13 @@ var headerNavButton = import_react39.css`
13919
13930
  }
13920
13931
  `;
13921
13932
  var cell = import_react39.css`
13922
- width: 2rem;
13923
- line-height: 2rem;
13933
+ width: var(--calendar-cell-size);
13934
+ line-height: var(--calendar-cell-size);
13924
13935
  text-align: center;
13925
13936
  border-radius: var(--rounded-sm);
13926
13937
  cursor: default;
13927
13938
  outline: none;
13928
- margin: 1px;
13939
+ margin: 1px 0;
13929
13940
  forced-color-adjust: none;
13930
13941
 
13931
13942
  &:hover {
@@ -13951,6 +13962,12 @@ var cell = import_react39.css`
13951
13962
  color: var(--white);
13952
13963
  }
13953
13964
  `;
13965
+ var cellIsOutsideRange = import_react39.css`
13966
+ color: var(--gray-400);
13967
+ `;
13968
+ var cellIsToday = import_react39.css`
13969
+ background: var(--gray-200);
13970
+ `;
13954
13971
  var actions = import_react39.css`
13955
13972
  display: flex;
13956
13973
  justify-content: end;
@@ -13979,6 +13996,9 @@ var Calendar = ({
13979
13996
  ...props
13980
13997
  }) => {
13981
13998
  const [focusedValue, setFocusedValue] = (0, import_react40.useState)(void 0);
13999
+ const today_date = (0, import_date.today)(timeZone);
14000
+ const minDate = tryParseDate(minValue);
14001
+ const maxDate = tryParseDate(maxValue);
13982
14002
  const handleChange = (0, import_react40.useCallback)(
13983
14003
  (value2) => {
13984
14004
  onChange == null ? void 0 : onChange(value2.toString());
@@ -13986,10 +14006,9 @@ var Calendar = ({
13986
14006
  [onChange]
13987
14007
  );
13988
14008
  const gotoToday = (0, import_react40.useCallback)(() => {
13989
- const date = (0, import_date.today)(timeZone);
13990
- onChange == null ? void 0 : onChange(date.toString());
13991
- setFocusedValue(date);
13992
- }, [onChange, timeZone]);
14009
+ onChange == null ? void 0 : onChange(today_date.toString());
14010
+ setFocusedValue(today_date);
14011
+ }, [onChange, today_date]);
13993
14012
  return /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)("div", { ...props, children: [
13994
14013
  /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)(
13995
14014
  import_react_aria_components.Calendar,
@@ -13997,8 +14016,8 @@ var Calendar = ({
13997
14016
  value: tryParseDate(value) || null,
13998
14017
  focusedValue,
13999
14018
  onFocusChange: setFocusedValue,
14000
- minValue: tryParseDate(minValue),
14001
- maxValue: tryParseDate(maxValue),
14019
+ minValue: minDate,
14020
+ maxValue: maxDate,
14002
14021
  onChange: handleChange,
14003
14022
  css: container,
14004
14023
  "aria-label": "Appointment date",
@@ -14025,7 +14044,18 @@ var Calendar = ({
14025
14044
  }
14026
14045
  )
14027
14046
  ] }),
14028
- /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(import_react_aria_components.CalendarGrid, { children: (date) => /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(import_react_aria_components.CalendarCell, { css: cell, date }) })
14047
+ /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(import_react_aria_components.CalendarGrid, { children: (date) => /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
14048
+ import_react_aria_components.CalendarCell,
14049
+ {
14050
+ css: [
14051
+ cell,
14052
+ minDate && date.compare(minDate) < 0 ? cellIsOutsideRange : null,
14053
+ maxDate && date.compare(maxDate) > 0 ? cellIsOutsideRange : null,
14054
+ (0, import_date.isToday)(date, timeZone) ? cellIsToday : null
14055
+ ],
14056
+ date
14057
+ }
14058
+ ) })
14029
14059
  ]
14030
14060
  }
14031
14061
  ),
@@ -15548,6 +15578,13 @@ function InputComboBox(props) {
15548
15578
  boxShadow: "none",
15549
15579
  borderColor: "var(--accent-dark-hover)"
15550
15580
  },
15581
+ '&:has([aria-readonly="true"])': {
15582
+ background: "var(--gray-100)",
15583
+ "&:hover": {
15584
+ borderColor: "var(--gray-300)"
15585
+ },
15586
+ ...state.isFocused ? { borderColor: "var(--gray-300)" } : {}
15587
+ },
15551
15588
  ...(_b = (_a2 = props.styles) == null ? void 0 : _a2.control) == null ? void 0 : _b.call(_a2, base, state)
15552
15589
  };
15553
15590
  },
@@ -16221,7 +16258,7 @@ var popover = import_react69.css`
16221
16258
  padding: var(--spacing-md);
16222
16259
  max-width: none;
16223
16260
  gap: var(--spacing-md);
16224
- grid-template-columns: 1fr 0.9fr;
16261
+ grid-template-columns: 0.8fr 1fr;
16225
16262
  grid-template-rows: 1fr 1fr;
16226
16263
 
16227
16264
  [data-variant='date'] & {
@@ -16277,7 +16314,7 @@ var import_date3 = require("@internationalized/date");
16277
16314
  function getTimeZoneLabel(tz) {
16278
16315
  var _a;
16279
16316
  const offset = (_a = Intl.DateTimeFormat("en", { timeZoneName: "shortOffset", timeZone: tz }).formatToParts().find((p) => p.type === "timeZoneName")) == null ? void 0 : _a.value;
16280
- return tz + (offset ? ` (${offset})` : "");
16317
+ return String(tz).replace(/_/g, " ") + (offset ? ` (${offset})` : "");
16281
16318
  }
16282
16319
  function tryParseAbsolute(isoDateTime, timeZone) {
16283
16320
  try {
@@ -16313,7 +16350,8 @@ var DateTimePickerVariant = /* @__PURE__ */ ((DateTimePickerVariant2) => {
16313
16350
 
16314
16351
  // src/components/DateTimePicker/DateTimePicker.tsx
16315
16352
  var import_jsx_runtime61 = require("@emotion/react/jsx-runtime");
16316
- var TIMEZONE_OPTIONS = Intl.supportedValuesOf("timeZone").map((v) => ({
16353
+ var timeZoneOptions = typeof Intl !== "undefined" && typeof Intl.supportedValuesOf === "function" ? Intl.supportedValuesOf("timeZone") : ["Etc/UTC"];
16354
+ var TIMEZONE_OPTIONS = timeZoneOptions.map((v) => ({
16317
16355
  label: getTimeZoneLabel(v),
16318
16356
  value: v
16319
16357
  }));
@@ -16363,9 +16401,10 @@ var DateTimePicker = ({
16363
16401
  return TIMEZONE_OPTIONS.find(({ value: value2 }) => value2 === timeZone);
16364
16402
  });
16365
16403
  (0, import_react70.useEffect)(() => {
16404
+ var _a;
16366
16405
  if (popover2.visible) {
16367
16406
  setDraftDate(tryToCalendarDate(parsedValue));
16368
- setDraftTime(tryToTime(parsedValue));
16407
+ setDraftTime((_a = tryToTime(parsedValue)) != null ? _a : new import_date4.Time(0, 0));
16369
16408
  }
16370
16409
  }, [parsedValue, popover2.visible]);
16371
16410
  const handleDateChange = (0, import_react70.useCallback)((isoDate) => {
@@ -19355,6 +19394,16 @@ var toggleInput2 = import_react110.css`
19355
19394
  color: var(--white);
19356
19395
  }
19357
19396
 
19397
+ &:indeterminate,
19398
+ &:indeterminate:hover,
19399
+ &:indeterminate:focus {
19400
+ background: var(--accent-dark-active)
19401
+ url('data:image/svg+xml;base64,PHN2ZwogIHdpZHRoPSIxNiIKICBoZWlnaHQ9IjE2IgogIHZpZXdCb3g9IjAgMCAyNCAyNCIKICBmaWxsPSJub25lIgogIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIKPgogIDxwYXRoCiAgICBkPSJNNCAxMkM0IDExLjQ0NzcgNC40NDc3MiAxMSA1IDExSDE5QzE5LjU1MjMgMTEgMjAgMTEuNDQ3NyAyMCAxMkMyMCAxMi41NTIzIDE5LjU1MjMgMTMgMTkgMTNINUM0LjQ0NzcyIDEzIDQgMTIuNTUyMyA0IDEyWiIKICAgIGZpbGw9IndoaXRlIgogIC8+Cjwvc3ZnPg==')
19402
+ no-repeat center center;
19403
+ border-color: var(--accent-dark-active);
19404
+ color: var(--white);
19405
+ }
19406
+
19358
19407
  &:hover {
19359
19408
  border-color: var(--accent-dark-hover);
19360
19409
  }
@@ -22064,6 +22113,60 @@ var TEXTBOX_OPERATORS = [
22064
22113
  editorType: "empty"
22065
22114
  }
22066
22115
  ];
22116
+ var USER_OPERATORS = [
22117
+ {
22118
+ label: "is...",
22119
+ value: "eq",
22120
+ editorType: "text"
22121
+ },
22122
+ {
22123
+ label: "contains...",
22124
+ value: "match",
22125
+ editorType: "text"
22126
+ },
22127
+ {
22128
+ label: "is not...",
22129
+ value: "neq",
22130
+ editorType: "text"
22131
+ }
22132
+ ];
22133
+ var SYSTEM_DATE_OPERATORS = [
22134
+ {
22135
+ label: "is...",
22136
+ value: "eq",
22137
+ editorType: "date"
22138
+ },
22139
+ {
22140
+ label: "is between...",
22141
+ value: "between",
22142
+ editorType: "dateRange"
22143
+ },
22144
+ {
22145
+ label: "is before...",
22146
+ value: "lt",
22147
+ editorType: "date"
22148
+ },
22149
+ {
22150
+ label: "is after...",
22151
+ value: "gt",
22152
+ editorType: "date"
22153
+ },
22154
+ {
22155
+ label: "is on or before...",
22156
+ value: "lte",
22157
+ editorType: "date"
22158
+ },
22159
+ {
22160
+ label: "is on or after...",
22161
+ value: "gte",
22162
+ editorType: "date"
22163
+ },
22164
+ {
22165
+ label: "is not...",
22166
+ value: "neq",
22167
+ editorType: "date"
22168
+ }
22169
+ ];
22067
22170
  var RICHTEXT_OPERATORS = [
22068
22171
  {
22069
22172
  label: "is empty...",
@@ -22123,16 +22226,16 @@ init_emotion_jsx_shim();
22123
22226
  init_emotion_jsx_shim();
22124
22227
  var import_react138 = require("@emotion/react");
22125
22228
  var SearchAndFilterContainer = import_react138.css``;
22126
- var SearchAndFilterControlsWrapper = import_react138.css`
22229
+ var SearchAndFilterControlsWrapper = (gridColumns) => import_react138.css`
22127
22230
  align-items: stretch;
22128
22231
  display: grid;
22129
- grid-template-columns: auto auto 1fr 0.5fr;
22232
+ grid-template-columns: ${gridColumns};
22130
22233
  gap: var(--spacing-sm);
22131
22234
  `;
22132
- var SearchAndFilterOutterControlWrapper = import_react138.css`
22235
+ var SearchAndFilterOutterControlWrapper = (gridColumns) => import_react138.css`
22133
22236
  align-items: stretch;
22134
22237
  display: grid;
22135
- grid-template-columns: 1fr auto;
22238
+ grid-template-columns: ${gridColumns};
22136
22239
  gap: var(--spacing-sm);
22137
22240
  `;
22138
22241
  var ConditionalFilterRow = import_react138.css`
@@ -22165,7 +22268,7 @@ var ConditionalInputRow = import_react138.css`
22165
22268
  }
22166
22269
  ${cq("580px")} {
22167
22270
  display: grid;
22168
- grid-template-columns: 200px 160px repeat(2, minmax(160px, 240px)) 32px;
22271
+ grid-template-columns: 200px 160px 1fr 32px;
22169
22272
  }
22170
22273
  `;
22171
22274
  var SearchInput = import_react138.css`
@@ -22209,6 +22312,12 @@ var FilterButton = import_react138.css`
22209
22312
  opacity: var(--opacity-50);
22210
22313
  }
22211
22314
  `;
22315
+ var FilterButtonText = import_react138.css`
22316
+ overflow: hidden;
22317
+ text-overflow: ellipsis;
22318
+ white-space: nowrap;
22319
+ max-width: 14ch;
22320
+ `;
22212
22321
  var FilterButtonSelected = import_react138.css`
22213
22322
  background: var(--gray-100);
22214
22323
  border-color: var(--gray-300);
@@ -22245,7 +22354,6 @@ var AddConditionalBtn = import_react138.css`
22245
22354
  gap: var(--spacing-sm);
22246
22355
  transition: color var(--duration-fast) var(--timing-ease-out);
22247
22356
  padding: 0;
22248
- font-size: var(--fs-sm);
22249
22357
 
22250
22358
  &:hover,
22251
22359
  &:focus {
@@ -22310,6 +22418,11 @@ var SearchAndFilterOptionsInnerContainer = import_react138.css`
22310
22418
  var SearchAndFilterButtonGroup = import_react138.css`
22311
22419
  margin-top: var(--spacing-base);
22312
22420
  `;
22421
+ var SortFilterInputRow = import_react138.css`
22422
+ align-items: center;
22423
+ display: flex;
22424
+ gap: var(--spacing-sm);
22425
+ `;
22313
22426
 
22314
22427
  // src/components/SearchAndFilter/FilterButton.tsx
22315
22428
  var import_jsx_runtime117 = require("@emotion/react/jsx-runtime");
@@ -22333,7 +22446,7 @@ var FilterButton2 = ({
22333
22446
  "data-testid": "filters-button",
22334
22447
  children: [
22335
22448
  /* @__PURE__ */ (0, import_jsx_runtime117.jsx)(Icon, { icon, iconColor: "currentColor", size: "1rem" }),
22336
- text,
22449
+ /* @__PURE__ */ (0, import_jsx_runtime117.jsx)("span", { css: FilterButtonText, children: text }),
22337
22450
  filterCount ? /* @__PURE__ */ (0, import_jsx_runtime117.jsx)(Counter, { count: filterCount, bgColor: "var(--white)" }) : null
22338
22451
  ]
22339
22452
  }
@@ -22378,6 +22491,7 @@ var SearchAndFilterProvider = ({
22378
22491
  filterOptions,
22379
22492
  sortOptions,
22380
22493
  defaultSortByValue,
22494
+ filterMode: filterMode3 = void 0,
22381
22495
  onSearchChange,
22382
22496
  onChange,
22383
22497
  onSortChange,
@@ -22386,12 +22500,12 @@ var SearchAndFilterProvider = ({
22386
22500
  }) => {
22387
22501
  const [searchTerm, setSearchTerm] = (0, import_react139.useState)("");
22388
22502
  const deferredSearchTerm = (0, import_react139.useDeferredValue)(searchTerm);
22389
- const [filterVisibility, setFilterVisibility] = (0, import_react139.useState)(void 0);
22503
+ const [filterVisibility, setFilterVisibility] = (0, import_react139.useState)(filterMode3);
22390
22504
  const [sortByValue, setSortByValue] = (0, import_react139.useState)(defaultSortByValue);
22391
22505
  const handleSearchTerm = (0, import_react139.useCallback)(
22392
22506
  (term) => {
22393
22507
  setSearchTerm(term);
22394
- onSearchChange(term);
22508
+ onSearchChange == null ? void 0 : onSearchChange(term);
22395
22509
  },
22396
22510
  [setSearchTerm, onSearchChange]
22397
22511
  );
@@ -22470,10 +22584,23 @@ var useSearchAndFilter = () => {
22470
22584
  // src/components/SearchAndFilter/FilterControls.tsx
22471
22585
  var import_jsx_runtime119 = require("@emotion/react/jsx-runtime");
22472
22586
  var FilterControls = ({
22473
- children
22587
+ children,
22588
+ defaultSortByValue,
22589
+ hideSearchInput
22474
22590
  }) => {
22475
- const { setFilterVisibility, filterVisibility, setSearchTerm, validFilterQuery, searchTerm, sortByValue } = useSearchAndFilter();
22591
+ var _a, _b, _c;
22592
+ const {
22593
+ setFilterVisibility,
22594
+ filterVisibility,
22595
+ setSearchTerm,
22596
+ validFilterQuery,
22597
+ searchTerm,
22598
+ sortByValue,
22599
+ filterOptions
22600
+ } = useSearchAndFilter();
22601
+ const [initialSortValue, setInitialSortValue] = (0, import_react140.useState)(sortByValue);
22476
22602
  const [localeSearchTerm, setLocaleSearchTerm] = (0, import_react140.useState)("");
22603
+ const [userHasChangedSortByValue, setUserHasChangedSortByValue] = (0, import_react140.useState)(false);
22477
22604
  (0, import_react_use3.useDebounce)(
22478
22605
  () => {
22479
22606
  setSearchTerm(localeSearchTerm);
@@ -22487,14 +22614,25 @@ var FilterControls = ({
22487
22614
  }
22488
22615
  }, [searchTerm]);
22489
22616
  const handleFilterToggle = (mode) => {
22490
- if (filterVisibility && ["sort", "filters"].includes(filterVisibility)) {
22617
+ if (filterVisibility === "filters" && mode === "filters" || filterVisibility === "sort" && mode === "sort") {
22491
22618
  return setFilterVisibility(void 0);
22492
22619
  }
22493
22620
  return setFilterVisibility(mode);
22494
22621
  };
22495
- const sortByValues = sortByValue ? sortByValue == null ? void 0 : sortByValue.split("_") : "Sort";
22496
- const sortByValueLabel = Array.isArray(sortByValues) ? sortByValue == null ? void 0 : sortByValue.split("_")[0] : "Sort";
22497
- const sortByIcon = Array.isArray(sortByValues) ? sortByValues[1] === "ASC" ? "arrow-up" : "arrow-down" : "sort-az";
22622
+ const sortValue = (sortByValue != null ? sortByValue : defaultSortByValue).split("_");
22623
+ const sortDirection = sortValue == null ? void 0 : sortValue.pop();
22624
+ const sortField = sortValue == null ? void 0 : sortValue.join("_");
22625
+ const sortOn = sortField.startsWith("fields.") ? "contentTypeFields" : "metadata";
22626
+ const sortByValueLabel = (_c = (_b = (_a = filterOptions == null ? void 0 : filterOptions.find((op) => op.value === sortOn)) == null ? void 0 : _a.options) == null ? void 0 : _b.find((f) => f.value === sortField)) == null ? void 0 : _c.label;
22627
+ const sortByIcon = userHasChangedSortByValue ? sortDirection === "ASC" ? "arrow-up" : "arrow-down" : "sort-az";
22628
+ (0, import_react_use3.useEffectOnce)(() => {
22629
+ setInitialSortValue(sortByValue);
22630
+ });
22631
+ (0, import_react140.useEffect)(() => {
22632
+ if (initialSortValue !== sortByValue) {
22633
+ setUserHasChangedSortByValue(true);
22634
+ }
22635
+ }, [initialSortValue, sortByValue]);
22498
22636
  return /* @__PURE__ */ (0, import_jsx_runtime119.jsxs)(import_jsx_runtime119.Fragment, { children: [
22499
22637
  /* @__PURE__ */ (0, import_jsx_runtime119.jsx)(
22500
22638
  FilterButton2,
@@ -22513,7 +22651,7 @@ var FilterControls = ({
22513
22651
  "aria-controls": "search-and-filter-sortBy",
22514
22652
  "aria-label": "sort by options",
22515
22653
  "aria-haspopup": "true",
22516
- text: sortByValueLabel,
22654
+ text: !userHasChangedSortByValue ? "Sort" : sortByValueLabel,
22517
22655
  icon: sortByIcon,
22518
22656
  "aria-expanded": filterVisibility === "sort",
22519
22657
  hasSelectedValue: sortByValue !== "",
@@ -22521,7 +22659,7 @@ var FilterControls = ({
22521
22659
  "data-testid": "sort-by-dropdown"
22522
22660
  }
22523
22661
  ),
22524
- /* @__PURE__ */ (0, import_jsx_runtime119.jsx)(
22662
+ hideSearchInput ? null : /* @__PURE__ */ (0, import_jsx_runtime119.jsx)(
22525
22663
  InputKeywordSearch,
22526
22664
  {
22527
22665
  placeholder: "Search...",
@@ -22621,6 +22759,11 @@ var StatusUnknown = import_react141.css`
22621
22759
  background: var(--gray-800);
22622
22760
  }
22623
22761
  `;
22762
+ var StatusDeleted = import_react141.css`
22763
+ &:before {
22764
+ background: var(--error);
22765
+ }
22766
+ `;
22624
22767
 
22625
22768
  // src/components/Validation/StatusBullet.tsx
22626
22769
  var import_jsx_runtime120 = require("@emotion/react/jsx-runtime");
@@ -22639,7 +22782,8 @@ var StatusBullet = ({
22639
22782
  Published: StatusPublished,
22640
22783
  Draft: StatusDraft,
22641
22784
  Previous: StatusDraft,
22642
- Unknown: StatusUnknown
22785
+ Unknown: StatusUnknown,
22786
+ Deleted: StatusDeleted
22643
22787
  };
22644
22788
  const statusSize = size === "base" ? StatusBulletBase : StatusBulletSmall;
22645
22789
  return /* @__PURE__ */ (0, import_jsx_runtime120.jsx)(
@@ -22656,13 +22800,21 @@ var StatusBullet = ({
22656
22800
 
22657
22801
  // src/components/SearchAndFilter/FilterEditor.tsx
22658
22802
  var import_jsx_runtime121 = require("@emotion/react/jsx-runtime");
22803
+ var readOnlyAttributes = {
22804
+ isSearchable: false,
22805
+ menuIsOpen: false,
22806
+ isClearable: false
22807
+ };
22659
22808
  var FilterMultiChoiceEditor = ({
22660
22809
  value,
22661
22810
  options,
22662
22811
  isDisabled,
22812
+ readOnly,
22813
+ valueTestId,
22663
22814
  ...props
22664
22815
  }) => {
22665
- return /* @__PURE__ */ (0, import_jsx_runtime121.jsx)(
22816
+ const readOnlyProps = readOnly ? readOnlyAttributes : {};
22817
+ return /* @__PURE__ */ (0, import_jsx_runtime121.jsx)("div", { "data-testid": valueTestId, children: /* @__PURE__ */ (0, import_jsx_runtime121.jsx)(
22666
22818
  InputComboBox,
22667
22819
  {
22668
22820
  ...props,
@@ -22675,17 +22827,30 @@ var FilterMultiChoiceEditor = ({
22675
22827
  var _a;
22676
22828
  return props.onChange((_a = e.map((item) => item.value)) != null ? _a : []);
22677
22829
  },
22678
- value
22830
+ value,
22831
+ "aria-readonly": readOnly,
22832
+ styles: {
22833
+ menu(base) {
22834
+ return {
22835
+ ...base,
22836
+ minWidth: "max-content"
22837
+ };
22838
+ }
22839
+ },
22840
+ ...readOnlyProps
22679
22841
  }
22680
- );
22842
+ ) });
22681
22843
  };
22682
22844
  var FilterSingleChoiceEditor = ({
22683
22845
  options,
22684
22846
  value,
22685
22847
  isDisabled,
22686
- onChange
22848
+ readOnly,
22849
+ onChange,
22850
+ valueTestId
22687
22851
  }) => {
22688
- return /* @__PURE__ */ (0, import_jsx_runtime121.jsx)(
22852
+ const readOnlyProps = readOnly ? readOnlyAttributes : {};
22853
+ return /* @__PURE__ */ (0, import_jsx_runtime121.jsx)("div", { "data-testid": valueTestId, children: /* @__PURE__ */ (0, import_jsx_runtime121.jsx)(
22689
22854
  InputComboBox,
22690
22855
  {
22691
22856
  placeholder: "Type to search...",
@@ -22696,9 +22861,19 @@ var FilterSingleChoiceEditor = ({
22696
22861
  return onChange((_a = e == null ? void 0 : e.value) != null ? _a : "");
22697
22862
  },
22698
22863
  isDisabled,
22699
- value
22864
+ value,
22865
+ "aria-readonly": readOnly,
22866
+ styles: {
22867
+ menu(base) {
22868
+ return {
22869
+ ...base,
22870
+ minWidth: "max-content"
22871
+ };
22872
+ }
22873
+ },
22874
+ ...readOnlyProps
22700
22875
  }
22701
- );
22876
+ ) });
22702
22877
  };
22703
22878
  var CustomOptions = ({ label, value }) => {
22704
22879
  return /* @__PURE__ */ (0, import_jsx_runtime121.jsx)(StatusBullet, { status: label, message: value });
@@ -22707,9 +22882,12 @@ var StatusMultiEditor = ({
22707
22882
  options,
22708
22883
  value,
22709
22884
  isDisabled,
22710
- onChange
22885
+ readOnly,
22886
+ onChange,
22887
+ valueTestId
22711
22888
  }) => {
22712
- return /* @__PURE__ */ (0, import_jsx_runtime121.jsx)(
22889
+ const readOnlyProps = readOnly ? readOnlyAttributes : {};
22890
+ return /* @__PURE__ */ (0, import_jsx_runtime121.jsx)("div", { "data-testid": valueTestId, children: /* @__PURE__ */ (0, import_jsx_runtime121.jsx)(
22713
22891
  InputComboBox,
22714
22892
  {
22715
22893
  options,
@@ -22720,17 +22898,29 @@ var StatusMultiEditor = ({
22720
22898
  },
22721
22899
  formatOptionLabel: CustomOptions,
22722
22900
  value,
22723
- isDisabled
22901
+ isDisabled,
22902
+ styles: {
22903
+ menu(base) {
22904
+ return {
22905
+ ...base,
22906
+ minWidth: "max-content"
22907
+ };
22908
+ }
22909
+ },
22910
+ ...readOnlyProps
22724
22911
  }
22725
- );
22912
+ ) });
22726
22913
  };
22727
22914
  var StatusSingleEditor = ({
22728
22915
  options,
22729
22916
  value,
22730
22917
  isDisabled,
22731
- onChange
22918
+ readOnly,
22919
+ onChange,
22920
+ valueTestId
22732
22921
  }) => {
22733
- return /* @__PURE__ */ (0, import_jsx_runtime121.jsx)(
22922
+ const readOnlyProps = readOnly ? readOnlyAttributes : {};
22923
+ return /* @__PURE__ */ (0, import_jsx_runtime121.jsx)("div", { "data-testid": valueTestId, children: /* @__PURE__ */ (0, import_jsx_runtime121.jsx)(
22734
22924
  InputComboBox,
22735
22925
  {
22736
22926
  options,
@@ -22740,11 +22930,20 @@ var StatusSingleEditor = ({
22740
22930
  },
22741
22931
  formatOptionLabel: CustomOptions,
22742
22932
  value,
22743
- isDisabled
22933
+ isDisabled,
22934
+ styles: {
22935
+ menu(base) {
22936
+ return {
22937
+ ...base,
22938
+ minWidth: "max-content"
22939
+ };
22940
+ }
22941
+ },
22942
+ ...readOnlyProps
22744
22943
  }
22745
- );
22944
+ ) });
22746
22945
  };
22747
- var TextEditor = ({ onChange, ariaLabel, value }) => {
22946
+ var TextEditor = ({ onChange, ariaLabel, value, readOnly, valueTestId }) => {
22748
22947
  (0, import_react_use4.useDebounce)(() => onChange, 500, [value]);
22749
22948
  return /* @__PURE__ */ (0, import_jsx_runtime121.jsx)(
22750
22949
  Input,
@@ -22753,11 +22952,20 @@ var TextEditor = ({ onChange, ariaLabel, value }) => {
22753
22952
  label: ariaLabel,
22754
22953
  onChange: (e) => onChange(e.currentTarget.value),
22755
22954
  placeholder: "Enter phrase to search\u2026",
22756
- value
22955
+ value,
22956
+ readOnly,
22957
+ "data-testid": valueTestId
22757
22958
  }
22758
22959
  );
22759
22960
  };
22760
- var NumberRangeEditor = ({ onChange, disabled: disabled2, ariaLabel, value }) => {
22961
+ var NumberRangeEditor = ({
22962
+ onChange,
22963
+ disabled: disabled2,
22964
+ ariaLabel,
22965
+ value,
22966
+ readOnly,
22967
+ valueTestId
22968
+ }) => {
22761
22969
  const [minValue, setMinValue] = (0, import_react142.useState)("");
22762
22970
  const [maxValue, setMaxValue] = (0, import_react142.useState)("");
22763
22971
  const [error, setError] = (0, import_react142.useState)("");
@@ -22781,38 +22989,49 @@ var NumberRangeEditor = ({ onChange, disabled: disabled2, ariaLabel, value }) =>
22781
22989
  onChange([minValue, maxValue]);
22782
22990
  }, [maxValue, minValue, setError]);
22783
22991
  return /* @__PURE__ */ (0, import_jsx_runtime121.jsxs)(import_jsx_runtime121.Fragment, { children: [
22784
- /* @__PURE__ */ (0, import_jsx_runtime121.jsx)(
22785
- Input,
22786
- {
22787
- label: `${ariaLabel}-min`,
22788
- type: "number",
22789
- showLabel: false,
22790
- min: 0,
22791
- placeholder: "Low",
22792
- onChange: (e) => setMinValue(e.currentTarget.value),
22793
- "aria-invalid": !error ? false : true,
22794
- disabled: disabled2,
22795
- value: value ? value[0] : ""
22796
- }
22797
- ),
22798
- /* @__PURE__ */ (0, import_jsx_runtime121.jsx)(
22799
- Input,
22800
- {
22801
- type: "number",
22802
- label: `${ariaLabel}-max`,
22803
- showLabel: false,
22804
- min: 0,
22805
- placeholder: "High",
22806
- onChange: (e) => setMaxValue(e.currentTarget.value),
22807
- "aria-invalid": !error ? false : true,
22808
- disabled: disabled2,
22809
- value: value ? value[1] : ""
22810
- }
22811
- ),
22992
+ /* @__PURE__ */ (0, import_jsx_runtime121.jsxs)("div", { css: twoColumnGrid, "data-testid": valueTestId, children: [
22993
+ /* @__PURE__ */ (0, import_jsx_runtime121.jsx)(
22994
+ Input,
22995
+ {
22996
+ label: `${ariaLabel}-min`,
22997
+ type: "number",
22998
+ showLabel: false,
22999
+ min: 0,
23000
+ placeholder: "Low",
23001
+ onChange: (e) => setMinValue(e.currentTarget.value),
23002
+ "aria-invalid": !error ? false : true,
23003
+ disabled: disabled2,
23004
+ value: value ? value[0] : "",
23005
+ readOnly
23006
+ }
23007
+ ),
23008
+ /* @__PURE__ */ (0, import_jsx_runtime121.jsx)(
23009
+ Input,
23010
+ {
23011
+ type: "number",
23012
+ label: `${ariaLabel}-max`,
23013
+ showLabel: false,
23014
+ min: 0,
23015
+ placeholder: "High",
23016
+ onChange: (e) => setMaxValue(e.currentTarget.value),
23017
+ "aria-invalid": !error ? false : true,
23018
+ disabled: disabled2,
23019
+ value: value ? value[1] : "",
23020
+ readOnly
23021
+ }
23022
+ )
23023
+ ] }),
22812
23024
  /* @__PURE__ */ (0, import_jsx_runtime121.jsx)(ErrorContainer, { errorMessage: error })
22813
23025
  ] });
22814
23026
  };
22815
- var NumberEditor = ({ ariaLabel, onChange, disabled: disabled2, value }) => {
23027
+ var NumberEditor = ({
23028
+ ariaLabel,
23029
+ onChange,
23030
+ disabled: disabled2,
23031
+ value,
23032
+ readOnly,
23033
+ valueTestId
23034
+ }) => {
22816
23035
  return /* @__PURE__ */ (0, import_jsx_runtime121.jsx)(
22817
23036
  Input,
22818
23037
  {
@@ -22822,11 +23041,20 @@ var NumberEditor = ({ ariaLabel, onChange, disabled: disabled2, value }) => {
22822
23041
  min: 0,
22823
23042
  onChange: (e) => onChange(e.currentTarget.value),
22824
23043
  disabled: disabled2,
22825
- value
23044
+ value,
23045
+ readOnly,
23046
+ "data-testid": valueTestId
22826
23047
  }
22827
23048
  );
22828
23049
  };
22829
- var DateEditor = ({ onChange, ariaLabel, disabled: disabled2, value }) => {
23050
+ var DateEditor = ({
23051
+ onChange,
23052
+ ariaLabel,
23053
+ disabled: disabled2,
23054
+ value,
23055
+ readOnly,
23056
+ valueTestId
23057
+ }) => {
22830
23058
  return /* @__PURE__ */ (0, import_jsx_runtime121.jsx)(
22831
23059
  Input,
22832
23060
  {
@@ -22835,11 +23063,20 @@ var DateEditor = ({ onChange, ariaLabel, disabled: disabled2, value }) => {
22835
23063
  showLabel: false,
22836
23064
  onChange: (e) => onChange(e.currentTarget.value),
22837
23065
  disabled: disabled2,
22838
- value
23066
+ value,
23067
+ readOnly,
23068
+ "data-testid": valueTestId
22839
23069
  }
22840
23070
  );
22841
23071
  };
22842
- var DateRangeEditor = ({ ariaLabel, onChange, disabled: disabled2, value }) => {
23072
+ var DateRangeEditor = ({
23073
+ ariaLabel,
23074
+ onChange,
23075
+ disabled: disabled2,
23076
+ value,
23077
+ readOnly,
23078
+ valueTestId
23079
+ }) => {
22843
23080
  const [minDateValue, setMinDateValue] = (0, import_react142.useState)(value ? value[0] : "");
22844
23081
  const [maxDateValue, setMaxDateValue] = (0, import_react142.useState)(value ? value[1] : "");
22845
23082
  const [error, setError] = (0, import_react142.useState)("");
@@ -22875,30 +23112,34 @@ var DateRangeEditor = ({ ariaLabel, onChange, disabled: disabled2, value }) => {
22875
23112
  onChange([minDateValue, maxDateValue]);
22876
23113
  }, [minDateValue, maxDateValue, setError]);
22877
23114
  return /* @__PURE__ */ (0, import_jsx_runtime121.jsxs)(import_jsx_runtime121.Fragment, { children: [
22878
- /* @__PURE__ */ (0, import_jsx_runtime121.jsx)(
22879
- Input,
22880
- {
22881
- label: `${ariaLabel}-min-date`,
22882
- type: "date",
22883
- showLabel: false,
22884
- value: minDateValue,
22885
- onChange: (e) => setMinDateValue(e.currentTarget.value),
22886
- "aria-invalid": !error ? false : true,
22887
- disabled: disabled2
22888
- }
22889
- ),
22890
- /* @__PURE__ */ (0, import_jsx_runtime121.jsx)(
22891
- Input,
22892
- {
22893
- label: `${ariaLabel}-max-date`,
22894
- type: "date",
22895
- showLabel: false,
22896
- value: maxDateValue,
22897
- onChange: (e) => setMaxDateValue(e.currentTarget.value),
22898
- "aria-invalid": !error ? false : true,
22899
- disabled: disabled2
22900
- }
22901
- ),
23115
+ /* @__PURE__ */ (0, import_jsx_runtime121.jsxs)("div", { css: twoColumnGrid, "data-testid": valueTestId, children: [
23116
+ /* @__PURE__ */ (0, import_jsx_runtime121.jsx)(
23117
+ Input,
23118
+ {
23119
+ label: `${ariaLabel}-min-date`,
23120
+ type: "date",
23121
+ showLabel: false,
23122
+ value: minDateValue,
23123
+ onChange: (e) => setMinDateValue(e.currentTarget.value),
23124
+ "aria-invalid": !error ? false : true,
23125
+ disabled: disabled2,
23126
+ readOnly
23127
+ }
23128
+ ),
23129
+ /* @__PURE__ */ (0, import_jsx_runtime121.jsx)(
23130
+ Input,
23131
+ {
23132
+ label: `${ariaLabel}-max-date`,
23133
+ type: "date",
23134
+ showLabel: false,
23135
+ value: maxDateValue,
23136
+ onChange: (e) => setMaxDateValue(e.currentTarget.value),
23137
+ "aria-invalid": !error ? false : true,
23138
+ disabled: disabled2,
23139
+ readOnly
23140
+ }
23141
+ )
23142
+ ] }),
22902
23143
  /* @__PURE__ */ (0, import_jsx_runtime121.jsx)(ErrorContainer, { errorMessage: error })
22903
23144
  ] });
22904
23145
  };
@@ -22936,6 +23177,11 @@ var ErrorContainer = ({ errorMessage }) => {
22936
23177
  }
22937
23178
  );
22938
23179
  };
23180
+ var twoColumnGrid = {
23181
+ display: "grid",
23182
+ gridTemplateColumns: "1fr 1fr",
23183
+ gap: "var(--spacing-sm);"
23184
+ };
22939
23185
 
22940
23186
  // src/components/SearchAndFilter/FilterMenu.tsx
22941
23187
  init_emotion_jsx_shim();
@@ -22959,7 +23205,7 @@ var SearchAndFilterOptionsContainer2 = ({
22959
23205
  ) : null
22960
23206
  ] });
22961
23207
  };
22962
- var FilterMenu = ({ id, filterTitle = "Show records", menuControls, children }) => {
23208
+ var FilterMenu = ({ id, filterTitle = "Show results", menuControls, children }) => {
22963
23209
  const { filterVisibility, setFilterVisibility } = useSearchAndFilter();
22964
23210
  const innerMenuRef = import_react143.default.useRef(null);
22965
23211
  (0, import_react143.useEffect)(() => {
@@ -23001,15 +23247,16 @@ var FilterItem = ({
23001
23247
  const operatorLabel = filters[index].operator !== "" ? `operator ${filters[index].operator}` : "unknown operator";
23002
23248
  const metaDataLabel = filters[index].value !== "" ? `value ${filters[index].value}` : "unknown value";
23003
23249
  const metaDataPossibleOptions = (_b = (_a = operatorOptions.find((op) => filters[index].operator === op.value)) == null ? void 0 : _a.editorType) != null ? _b : "singleChoice";
23004
- const { selectedFieldValue, selectedOperatorValue, selectedMetaValue } = (0, import_react144.useMemo)(() => {
23005
- var _a2, _b2;
23250
+ const { selectedFieldValue, selectedOperatorValue, selectedMetaValue, readOnly } = (0, import_react144.useMemo)(() => {
23251
+ var _a2;
23006
23252
  const currentSelectedFilter = filterOptions.find((item) => {
23007
23253
  var _a3;
23008
23254
  return (_a3 = item.options) == null ? void 0 : _a3.find((op) => op.value === filters[index].field);
23009
23255
  });
23010
- const selectedFieldValue2 = (_b2 = (_a2 = currentSelectedFilter == null ? void 0 : currentSelectedFilter.options) == null ? void 0 : _a2.find((item) => {
23256
+ const selectedFieldValue2 = (_a2 = currentSelectedFilter == null ? void 0 : currentSelectedFilter.options) == null ? void 0 : _a2.find((item) => {
23011
23257
  return filters[index].field === item.value;
23012
- })) != null ? _b2 : [];
23258
+ });
23259
+ const isCurrentFieldReadOnly = selectedFieldValue2 == null ? void 0 : selectedFieldValue2.readOnly;
23013
23260
  const selectedOperatorValue2 = operatorOptions == null ? void 0 : operatorOptions.find((item) => {
23014
23261
  return filters[index].operator === item.value;
23015
23262
  });
@@ -23022,11 +23269,18 @@ var FilterItem = ({
23022
23269
  return {
23023
23270
  selectedFieldValue: selectedFieldValue2,
23024
23271
  selectedOperatorValue: selectedOperatorValue2 != null ? selectedOperatorValue2 : void 0,
23025
- selectedMetaValue: selectedMetaValue2.length > 0 ? selectedMetaValue2 : filters[index].value
23272
+ selectedMetaValue: selectedMetaValue2.length > 0 ? selectedMetaValue2 : filters[index].value,
23273
+ readOnly: isCurrentFieldReadOnly
23026
23274
  };
23027
23275
  }, [filters, filterOptions, index, operatorOptions, valueOptions]);
23028
- return /* @__PURE__ */ (0, import_jsx_runtime123.jsxs)("div", { css: ConditionalFilterRow, children: [
23029
- /* @__PURE__ */ (0, import_jsx_runtime123.jsx)("span", { children: index === 0 ? "where" : "and" }),
23276
+ const readOnlyProps = readOnly ? {
23277
+ "aria-readonly": true,
23278
+ isSearchable: false,
23279
+ menuIsOpen: false,
23280
+ isClearable: false
23281
+ } : {};
23282
+ return /* @__PURE__ */ (0, import_jsx_runtime123.jsxs)("div", { css: ConditionalFilterRow, "data-testid": "filter-item", children: [
23283
+ /* @__PURE__ */ (0, import_jsx_runtime123.jsx)("span", { children: index === 0 ? "Where" : "and" }),
23030
23284
  /* @__PURE__ */ (0, import_jsx_runtime123.jsxs)("div", { css: ConditionalInputRow, children: [
23031
23285
  /* @__PURE__ */ (0, import_jsx_runtime123.jsx)(
23032
23286
  InputComboBox,
@@ -23037,7 +23291,21 @@ var FilterItem = ({
23037
23291
  var _a2;
23038
23292
  onParamChange((_a2 = e == null ? void 0 : e.value) != null ? _a2 : "");
23039
23293
  },
23040
- value: selectedFieldValue
23294
+ isOptionDisabled: (option) => {
23295
+ var _a2;
23296
+ return (_a2 = option == null ? void 0 : option.disabled) != null ? _a2 : false;
23297
+ },
23298
+ styles: {
23299
+ menu(base) {
23300
+ return {
23301
+ ...base,
23302
+ minWidth: "max-content"
23303
+ };
23304
+ }
23305
+ },
23306
+ value: selectedFieldValue,
23307
+ ...readOnlyProps,
23308
+ id: "filter-field"
23041
23309
  }
23042
23310
  ),
23043
23311
  /* @__PURE__ */ (0, import_jsx_runtime123.jsx)(
@@ -23050,7 +23318,17 @@ var FilterItem = ({
23050
23318
  return onOperatorChange((_a2 = e == null ? void 0 : e.value) != null ? _a2 : "");
23051
23319
  },
23052
23320
  isDisabled: !filters[index].field,
23053
- value: selectedOperatorValue
23321
+ value: selectedOperatorValue,
23322
+ styles: {
23323
+ menu(base) {
23324
+ return {
23325
+ ...base,
23326
+ minWidth: "max-content"
23327
+ };
23328
+ }
23329
+ },
23330
+ ...readOnlyProps,
23331
+ id: "filter-operator"
23054
23332
  }
23055
23333
  ),
23056
23334
  /* @__PURE__ */ (0, import_jsx_runtime123.jsx)(
@@ -23060,17 +23338,20 @@ var FilterItem = ({
23060
23338
  editorType: metaDataPossibleOptions,
23061
23339
  options: valueOptions,
23062
23340
  onChange: (e) => onValueChange(e != null ? e : ""),
23341
+ readOnly,
23063
23342
  isDisabled: !filters[index].operator,
23064
- value: selectedMetaValue
23343
+ value: selectedMetaValue,
23344
+ valueTestId: "filter-value"
23065
23345
  }
23066
23346
  ),
23067
- /* @__PURE__ */ (0, import_jsx_runtime123.jsx)(
23347
+ readOnly ? null : /* @__PURE__ */ (0, import_jsx_runtime123.jsx)(
23068
23348
  "button",
23069
23349
  {
23070
23350
  type: "button",
23071
23351
  onClick: () => handleDeleteFilter(index),
23072
23352
  "aria-label": "delete filter",
23073
23353
  css: IconBtn,
23354
+ "data-testid": "delete-filter",
23074
23355
  children: /* @__PURE__ */ (0, import_jsx_runtime123.jsx)(Icon, { icon: "trash", iconColor: "red", size: "1rem" })
23075
23356
  }
23076
23357
  )
@@ -23081,16 +23362,9 @@ var FilterItems = ({
23081
23362
  addButtonText = "add condition",
23082
23363
  resetButtonText = "reset filters"
23083
23364
  }) => {
23084
- const {
23085
- filterOptions,
23086
- filters,
23087
- setFilters,
23088
- handleAddFilter,
23089
- handleResetFilters,
23090
- setFilterVisibility,
23091
- validFilterQuery
23092
- } = useSearchAndFilter();
23365
+ const { filterOptions, filters, setFilters, handleAddFilter, handleResetFilters, setFilterVisibility } = useSearchAndFilter();
23093
23366
  const handleUpdateFilter = (index, prop, value) => {
23367
+ var _a, _b, _c, _d, _e;
23094
23368
  const next = [...filters];
23095
23369
  next[index] = { ...next[index], [prop]: value };
23096
23370
  if (prop === "operator") {
@@ -23103,7 +23377,11 @@ var FilterItems = ({
23103
23377
  }
23104
23378
  }
23105
23379
  if (prop === "field") {
23106
- next[index].operator = "";
23380
+ const firstOperatorInAvailableOperators = (_e = (_d = (_c = (_b = (_a = filterOptions.find((fo) => {
23381
+ var _a2;
23382
+ return (_a2 = fo.options) == null ? void 0 : _a2.find((op) => op.value === value);
23383
+ })) == null ? void 0 : _a.options) == null ? void 0 : _b.find((op) => op.value === next[index].field)) == null ? void 0 : _c.operatorOptions) == null ? void 0 : _d[0].value) != null ? _e : "eq";
23384
+ next[index].operator = firstOperatorInAvailableOperators;
23107
23385
  next[index].value = "";
23108
23386
  }
23109
23387
  setFilters(next);
@@ -23119,14 +23397,14 @@ var FilterItems = ({
23119
23397
  type: "button",
23120
23398
  css: AddConditionalBtn,
23121
23399
  onClick: handleAddFilter,
23122
- disabled: !validFilterQuery,
23400
+ "data-testid": "add-filter",
23123
23401
  children: [
23124
- /* @__PURE__ */ (0, import_jsx_runtime123.jsx)(Icon, { icon: "math-plus", iconColor: !validFilterQuery ? "currentColor" : "gray", size: "1rem" }),
23402
+ /* @__PURE__ */ (0, import_jsx_runtime123.jsx)(Icon, { icon: "math-plus", iconColor: "currentColor", size: "1rem" }),
23125
23403
  addButtonText
23126
23404
  ]
23127
23405
  }
23128
23406
  ),
23129
- (validFilterQuery == null ? void 0 : validFilterQuery.length) ? /* @__PURE__ */ (0, import_jsx_runtime123.jsx)(
23407
+ (filters == null ? void 0 : filters.length) ? /* @__PURE__ */ (0, import_jsx_runtime123.jsx)(
23130
23408
  "button",
23131
23409
  {
23132
23410
  type: "button",
@@ -23135,6 +23413,7 @@ var FilterItems = ({
23135
23413
  handleResetFilters();
23136
23414
  setFilterVisibility(void 0);
23137
23415
  },
23416
+ "data-testid": "reset-filters",
23138
23417
  children: resetButtonText
23139
23418
  }
23140
23419
  ) : null
@@ -23392,7 +23671,7 @@ var SortItems = () => {
23392
23671
  var _a2;
23393
23672
  return (_a2 = item.options) == null ? void 0 : _a2.find((option) => option.value === sortField);
23394
23673
  })) == null ? void 0 : _a.options) == null ? void 0 : _b.find((nestedOption) => nestedOption.value === sortField);
23395
- return /* @__PURE__ */ (0, import_jsx_runtime125.jsx)(FilterMenu, { id: "search-and-filter-options", filterTitle: "Sort by", children: /* @__PURE__ */ (0, import_jsx_runtime125.jsx)("div", { css: ConditionalFilterRow, children: /* @__PURE__ */ (0, import_jsx_runtime125.jsxs)("div", { css: ConditionalInputRow, children: [
23674
+ return /* @__PURE__ */ (0, import_jsx_runtime125.jsx)(FilterMenu, { id: "search-and-filter-options", filterTitle: "Sort by", children: /* @__PURE__ */ (0, import_jsx_runtime125.jsxs)("div", { css: SortFilterInputRow, children: [
23396
23675
  /* @__PURE__ */ (0, import_jsx_runtime125.jsx)(
23397
23676
  InputComboBox,
23398
23677
  {
@@ -23401,6 +23680,14 @@ var SortItems = () => {
23401
23680
  const fieldName = e == null ? void 0 : e.value;
23402
23681
  setSortBy(`${fieldName}_${sortDirection}`);
23403
23682
  },
23683
+ styles: {
23684
+ menu(base) {
23685
+ return {
23686
+ ...base,
23687
+ minWidth: "max-content"
23688
+ };
23689
+ }
23690
+ },
23404
23691
  value: currentSelectedOption
23405
23692
  }
23406
23693
  ),
@@ -23417,7 +23704,7 @@ var SortItems = () => {
23417
23704
  value: sortDirection
23418
23705
  }
23419
23706
  )
23420
- ] }) }) });
23707
+ ] }) });
23421
23708
  };
23422
23709
 
23423
23710
  // src/components/SearchAndFilter/FilterModeView.tsx
@@ -23435,24 +23722,52 @@ var FilterModeView = () => {
23435
23722
  init_emotion_jsx_shim();
23436
23723
  var import_jsx_runtime127 = require("@emotion/react/jsx-runtime");
23437
23724
  var SearchAndFilterResultContainer = ({
23438
- clearButtonLabel = "clear"
23725
+ buttonText,
23726
+ clearButtonLabel = "clear",
23727
+ calloutTitle: calloutTitle2,
23728
+ calloutText,
23729
+ onHandleClear
23439
23730
  }) => {
23440
- const { searchTerm, setSearchTerm, totalResults } = useSearchAndFilter();
23441
- return searchTerm ? /* @__PURE__ */ (0, import_jsx_runtime127.jsxs)(import_jsx_runtime127.Fragment, { children: [
23731
+ const { searchTerm, setSearchTerm, totalResults, setFilters, filters } = useSearchAndFilter();
23732
+ const automateCalloutTitle = () => {
23733
+ if (searchTerm && !filters.length) {
23734
+ return "No search results found";
23735
+ }
23736
+ if (filters.length && !searchTerm) {
23737
+ return "No results match the selected filters";
23738
+ }
23739
+ return "No matching results found";
23740
+ };
23741
+ const handleResetFilters = () => {
23742
+ if (searchTerm && !filters.length) {
23743
+ setSearchTerm("");
23744
+ return;
23745
+ } else if (!searchTerm && filters.length) {
23746
+ setFilters([{ field: "", operator: "", value: "" }]);
23747
+ return;
23748
+ } else {
23749
+ setSearchTerm("");
23750
+ setFilters([{ field: "", operator: "", value: "" }]);
23751
+ return;
23752
+ }
23753
+ };
23754
+ if (totalResults && totalResults > 0) {
23755
+ return null;
23756
+ }
23757
+ return /* @__PURE__ */ (0, import_jsx_runtime127.jsxs)(import_jsx_runtime127.Fragment, { children: [
23442
23758
  /* @__PURE__ */ (0, import_jsx_runtime127.jsxs)(HorizontalRhythm, { children: [
23443
23759
  /* @__PURE__ */ (0, import_jsx_runtime127.jsxs)("span", { children: [
23444
23760
  totalResults,
23445
- " results for ",
23446
- /* @__PURE__ */ (0, import_jsx_runtime127.jsxs)("strong", { children: [
23447
- '"',
23448
- searchTerm,
23449
- '"'
23450
- ] })
23761
+ " results ",
23762
+ searchTerm ? `for "${searchTerm}"` : null
23451
23763
  ] }),
23452
- /* @__PURE__ */ (0, import_jsx_runtime127.jsx)(Button, { buttonType: "ghostDestructive", size: "zero", onClick: () => setSearchTerm(""), children: clearButtonLabel })
23764
+ !searchTerm ? null : /* @__PURE__ */ (0, import_jsx_runtime127.jsx)(Button, { buttonType: "ghostDestructive", size: "zero", onClick: () => setSearchTerm(""), children: clearButtonLabel })
23453
23765
  ] }),
23454
- totalResults === 0 ? /* @__PURE__ */ (0, import_jsx_runtime127.jsx)(Callout, { title: "No search results found", type: "note", children: /* @__PURE__ */ (0, import_jsx_runtime127.jsx)(Button, { buttonType: "tertiaryOutline", size: "sm", onClick: () => setSearchTerm(""), children: "Clear search" }) }) : null
23455
- ] }) : null;
23766
+ totalResults === 0 ? /* @__PURE__ */ (0, import_jsx_runtime127.jsxs)(Callout, { title: calloutTitle2 != null ? calloutTitle2 : automateCalloutTitle(), type: "note", children: [
23767
+ calloutText ? /* @__PURE__ */ (0, import_jsx_runtime127.jsx)(Paragraph, { children: calloutText }) : null,
23768
+ /* @__PURE__ */ (0, import_jsx_runtime127.jsx)(Button, { buttonType: "tertiaryOutline", size: "xs", onClick: onHandleClear != null ? onHandleClear : handleResetFilters, children: buttonText != null ? buttonText : "Clear search" })
23769
+ ] }) : null
23770
+ ] });
23456
23771
  };
23457
23772
 
23458
23773
  // src/components/SearchAndFilter/SearchAndFilter.tsx
@@ -23460,10 +23775,12 @@ var import_jsx_runtime128 = require("@emotion/react/jsx-runtime");
23460
23775
  var SearchAndFilter = ({
23461
23776
  filters,
23462
23777
  filterOptions,
23778
+ filterMode: filterMode3,
23463
23779
  sortOptions,
23464
23780
  defaultSortByValue,
23465
- filterControls = /* @__PURE__ */ (0, import_jsx_runtime128.jsx)(FilterControls, {}),
23781
+ filterControls,
23466
23782
  viewSwitchControls,
23783
+ resultsContainerView = /* @__PURE__ */ (0, import_jsx_runtime128.jsx)(SearchAndFilterResultContainer, {}),
23467
23784
  children = /* @__PURE__ */ (0, import_jsx_runtime128.jsx)(FilterModeView, {}),
23468
23785
  onChange,
23469
23786
  onSearchChange,
@@ -23475,6 +23792,7 @@ var SearchAndFilter = ({
23475
23792
  {
23476
23793
  filters,
23477
23794
  filterOptions,
23795
+ filterMode: filterMode3,
23478
23796
  defaultSortByValue,
23479
23797
  sortOptions,
23480
23798
  onChange,
@@ -23482,34 +23800,84 @@ var SearchAndFilter = ({
23482
23800
  onSortChange,
23483
23801
  totalResults,
23484
23802
  children: /* @__PURE__ */ (0, import_jsx_runtime128.jsxs)(VerticalRhythm, { css: SearchAndFilterContainer, "data-testid": "search-and-filter", children: [
23485
- /* @__PURE__ */ (0, import_jsx_runtime128.jsxs)("div", { css: SearchAndFilterOutterControlWrapper, children: [
23486
- /* @__PURE__ */ (0, import_jsx_runtime128.jsx)("div", { css: SearchAndFilterControlsWrapper, children: filterControls }),
23803
+ /* @__PURE__ */ (0, import_jsx_runtime128.jsxs)("div", { css: SearchAndFilterOutterControlWrapper(viewSwitchControls ? "1fr auto" : "1fr"), children: [
23804
+ /* @__PURE__ */ (0, import_jsx_runtime128.jsx)(
23805
+ "div",
23806
+ {
23807
+ css: SearchAndFilterControlsWrapper(
23808
+ viewSwitchControls ? "auto auto 1fr 0.5fr" : "auto auto 1fr"
23809
+ ),
23810
+ children: !filterControls ? /* @__PURE__ */ (0, import_jsx_runtime128.jsx)(FilterControls, { hideSearchInput: !onSearchChange, defaultSortByValue }) : filterControls
23811
+ }
23812
+ ),
23487
23813
  viewSwitchControls
23488
23814
  ] }),
23489
23815
  children,
23490
- /* @__PURE__ */ (0, import_jsx_runtime128.jsx)(SearchAndFilterResultContainer, {})
23816
+ resultsContainerView
23491
23817
  ] })
23492
23818
  }
23493
23819
  );
23494
23820
  };
23495
23821
 
23822
+ // src/components/SearchAndFilter/SearchOnlyFilter.tsx
23823
+ init_emotion_jsx_shim();
23824
+ var import_react148 = require("react");
23825
+ var import_react_use5 = require("react-use");
23826
+ var import_jsx_runtime129 = require("@emotion/react/jsx-runtime");
23827
+ var SearchOnlyContext = (0, import_react148.createContext)({
23828
+ searchTerm: "",
23829
+ setSearchTerm: () => {
23830
+ }
23831
+ });
23832
+ var SearchOnlyFilter = ({ onSearchChange, maxWidth }) => {
23833
+ const { searchTerm, setSearchTerm } = useSearchAndFilter();
23834
+ const [localeSearchTerm, setLocaleSearchTerm] = (0, import_react148.useState)("");
23835
+ (0, import_react_use5.useDebounce)(
23836
+ () => {
23837
+ setSearchTerm(localeSearchTerm);
23838
+ onSearchChange == null ? void 0 : onSearchChange(localeSearchTerm);
23839
+ },
23840
+ 300,
23841
+ [localeSearchTerm]
23842
+ );
23843
+ return /* @__PURE__ */ (0, import_jsx_runtime129.jsx)(
23844
+ SearchOnlyContext.Provider,
23845
+ {
23846
+ value: {
23847
+ searchTerm,
23848
+ setSearchTerm: setLocaleSearchTerm
23849
+ },
23850
+ children: /* @__PURE__ */ (0, import_jsx_runtime129.jsx)("div", { css: { maxWidth: maxWidth != null ? maxWidth : "712px" }, children: /* @__PURE__ */ (0, import_jsx_runtime129.jsx)(
23851
+ InputKeywordSearch,
23852
+ {
23853
+ placeholder: "Search...",
23854
+ onSearchTextChanged: (e) => setLocaleSearchTerm(e),
23855
+ value: localeSearchTerm,
23856
+ compact: true,
23857
+ rounded: true
23858
+ }
23859
+ ) })
23860
+ }
23861
+ );
23862
+ };
23863
+
23496
23864
  // src/components/Skeleton/Skeleton.tsx
23497
23865
  init_emotion_jsx_shim();
23498
23866
 
23499
23867
  // src/components/Skeleton/Skeleton.styles.ts
23500
23868
  init_emotion_jsx_shim();
23501
- var import_react148 = require("@emotion/react");
23502
- var lightFadingOut = import_react148.keyframes`
23869
+ var import_react149 = require("@emotion/react");
23870
+ var lightFadingOut = import_react149.keyframes`
23503
23871
  from { opacity: 0.1; }
23504
23872
  to { opacity: 0.025; }
23505
23873
  `;
23506
- var skeletonStyles = import_react148.css`
23874
+ var skeletonStyles = import_react149.css`
23507
23875
  animation: ${lightFadingOut} 1s ease-out infinite alternate;
23508
23876
  background-color: var(--gray-900);
23509
23877
  `;
23510
23878
 
23511
23879
  // src/components/Skeleton/Skeleton.tsx
23512
- var import_jsx_runtime129 = require("@emotion/react/jsx-runtime");
23880
+ var import_jsx_runtime130 = require("@emotion/react/jsx-runtime");
23513
23881
  var Skeleton = ({
23514
23882
  width = "100%",
23515
23883
  height = "1.25rem",
@@ -23517,7 +23885,7 @@ var Skeleton = ({
23517
23885
  circle = false,
23518
23886
  children,
23519
23887
  ...otherProps
23520
- }) => /* @__PURE__ */ (0, import_jsx_runtime129.jsx)(
23888
+ }) => /* @__PURE__ */ (0, import_jsx_runtime130.jsx)(
23521
23889
  "div",
23522
23890
  {
23523
23891
  css: [
@@ -23542,8 +23910,8 @@ var React26 = __toESM(require("react"));
23542
23910
 
23543
23911
  // src/components/Switch/Switch.styles.ts
23544
23912
  init_emotion_jsx_shim();
23545
- var import_react149 = require("@emotion/react");
23546
- var SwitchInputContainer = import_react149.css`
23913
+ var import_react150 = require("@emotion/react");
23914
+ var SwitchInputContainer = import_react150.css`
23547
23915
  cursor: pointer;
23548
23916
  display: inline-block;
23549
23917
  position: relative;
@@ -23552,7 +23920,7 @@ var SwitchInputContainer = import_react149.css`
23552
23920
  vertical-align: middle;
23553
23921
  user-select: none;
23554
23922
  `;
23555
- var SwitchInput = import_react149.css`
23923
+ var SwitchInput = import_react150.css`
23556
23924
  appearance: none;
23557
23925
  border-radius: var(--rounded-full);
23558
23926
  background-color: var(--white);
@@ -23590,7 +23958,7 @@ var SwitchInput = import_react149.css`
23590
23958
  cursor: not-allowed;
23591
23959
  }
23592
23960
  `;
23593
- var SwitchInputDisabled = import_react149.css`
23961
+ var SwitchInputDisabled = import_react150.css`
23594
23962
  opacity: var(--opacity-50);
23595
23963
  cursor: not-allowed;
23596
23964
 
@@ -23598,7 +23966,7 @@ var SwitchInputDisabled = import_react149.css`
23598
23966
  cursor: not-allowed;
23599
23967
  }
23600
23968
  `;
23601
- var SwitchInputLabel = import_react149.css`
23969
+ var SwitchInputLabel = import_react150.css`
23602
23970
  align-items: center;
23603
23971
  color: var(--typography-base);
23604
23972
  display: inline-flex;
@@ -23619,26 +23987,26 @@ var SwitchInputLabel = import_react149.css`
23619
23987
  top: 0;
23620
23988
  }
23621
23989
  `;
23622
- var SwitchText = import_react149.css`
23990
+ var SwitchText = import_react150.css`
23623
23991
  color: var(--gray-500);
23624
23992
  font-size: var(--fs-sm);
23625
23993
  padding-inline: var(--spacing-2xl) 0;
23626
23994
  `;
23627
23995
 
23628
23996
  // src/components/Switch/Switch.tsx
23629
- var import_jsx_runtime130 = require("@emotion/react/jsx-runtime");
23997
+ var import_jsx_runtime131 = require("@emotion/react/jsx-runtime");
23630
23998
  var Switch = React26.forwardRef(
23631
23999
  ({ label, infoText, toggleText, children, ...inputProps }, ref) => {
23632
24000
  let additionalText = infoText;
23633
24001
  if (infoText && toggleText) {
23634
24002
  additionalText = inputProps.checked ? toggleText : infoText;
23635
24003
  }
23636
- return /* @__PURE__ */ (0, import_jsx_runtime130.jsxs)(import_jsx_runtime130.Fragment, { children: [
23637
- /* @__PURE__ */ (0, import_jsx_runtime130.jsxs)("label", { css: [SwitchInputContainer, inputProps.disabled ? SwitchInputDisabled : void 0], children: [
23638
- /* @__PURE__ */ (0, import_jsx_runtime130.jsx)("input", { type: "checkbox", css: SwitchInput, ...inputProps, ref }),
23639
- /* @__PURE__ */ (0, import_jsx_runtime130.jsx)("span", { css: SwitchInputLabel, children: label })
24004
+ return /* @__PURE__ */ (0, import_jsx_runtime131.jsxs)(import_jsx_runtime131.Fragment, { children: [
24005
+ /* @__PURE__ */ (0, import_jsx_runtime131.jsxs)("label", { css: [SwitchInputContainer, inputProps.disabled ? SwitchInputDisabled : void 0], children: [
24006
+ /* @__PURE__ */ (0, import_jsx_runtime131.jsx)("input", { type: "checkbox", css: SwitchInput, ...inputProps, ref }),
24007
+ /* @__PURE__ */ (0, import_jsx_runtime131.jsx)("span", { css: SwitchInputLabel, children: label })
23640
24008
  ] }),
23641
- additionalText ? /* @__PURE__ */ (0, import_jsx_runtime130.jsx)("p", { css: SwitchText, children: additionalText }) : null,
24009
+ additionalText ? /* @__PURE__ */ (0, import_jsx_runtime131.jsx)("p", { css: SwitchText, children: additionalText }) : null,
23642
24010
  children
23643
24011
  ] });
23644
24012
  }
@@ -23650,8 +24018,8 @@ var React27 = __toESM(require("react"));
23650
24018
 
23651
24019
  // src/components/Table/Table.styles.ts
23652
24020
  init_emotion_jsx_shim();
23653
- var import_react150 = require("@emotion/react");
23654
- var table = ({ cellPadding = "var(--spacing-base) var(--spacing-md)" }) => import_react150.css`
24021
+ var import_react151 = require("@emotion/react");
24022
+ var table = ({ cellPadding = "var(--spacing-base) var(--spacing-md)" }) => import_react151.css`
23655
24023
  border-bottom: 1px solid var(--gray-400);
23656
24024
  border-collapse: collapse;
23657
24025
  min-width: 100%;
@@ -23662,67 +24030,67 @@ var table = ({ cellPadding = "var(--spacing-base) var(--spacing-md)" }) => impor
23662
24030
  padding: ${cellPadding};
23663
24031
  }
23664
24032
  `;
23665
- var tableHead = import_react150.css`
24033
+ var tableHead = import_react151.css`
23666
24034
  background: var(--gray-100);
23667
24035
  color: var(--typography-base);
23668
24036
  text-align: left;
23669
24037
  `;
23670
- var tableRow = import_react150.css`
24038
+ var tableRow = import_react151.css`
23671
24039
  border-bottom: 1px solid var(--gray-200);
23672
24040
  `;
23673
- var tableCellHead = import_react150.css`
24041
+ var tableCellHead = import_react151.css`
23674
24042
  font-size: var(--fs-sm);
23675
24043
  text-transform: uppercase;
23676
24044
  font-weight: var(--fw-bold);
23677
24045
  `;
23678
24046
 
23679
24047
  // src/components/Table/Table.tsx
23680
- var import_jsx_runtime131 = require("@emotion/react/jsx-runtime");
24048
+ var import_jsx_runtime132 = require("@emotion/react/jsx-runtime");
23681
24049
  var Table = React27.forwardRef(
23682
24050
  ({ children, cellPadding, ...otherProps }, ref) => {
23683
- return /* @__PURE__ */ (0, import_jsx_runtime131.jsx)("table", { ref, css: table({ cellPadding }), ...otherProps, children });
24051
+ return /* @__PURE__ */ (0, import_jsx_runtime132.jsx)("table", { ref, css: table({ cellPadding }), ...otherProps, children });
23684
24052
  }
23685
24053
  );
23686
24054
  var TableHead = React27.forwardRef(
23687
24055
  ({ children, ...otherProps }, ref) => {
23688
- return /* @__PURE__ */ (0, import_jsx_runtime131.jsx)("thead", { ref, css: tableHead, ...otherProps, children });
24056
+ return /* @__PURE__ */ (0, import_jsx_runtime132.jsx)("thead", { ref, css: tableHead, ...otherProps, children });
23689
24057
  }
23690
24058
  );
23691
24059
  var TableBody = React27.forwardRef(
23692
24060
  ({ children, ...otherProps }, ref) => {
23693
- return /* @__PURE__ */ (0, import_jsx_runtime131.jsx)("tbody", { ref, ...otherProps, children });
24061
+ return /* @__PURE__ */ (0, import_jsx_runtime132.jsx)("tbody", { ref, ...otherProps, children });
23694
24062
  }
23695
24063
  );
23696
24064
  var TableFoot = React27.forwardRef(
23697
24065
  ({ children, ...otherProps }, ref) => {
23698
- return /* @__PURE__ */ (0, import_jsx_runtime131.jsx)("tfoot", { ref, ...otherProps, children });
24066
+ return /* @__PURE__ */ (0, import_jsx_runtime132.jsx)("tfoot", { ref, ...otherProps, children });
23699
24067
  }
23700
24068
  );
23701
24069
  var TableRow = React27.forwardRef(
23702
24070
  ({ children, ...otherProps }, ref) => {
23703
- return /* @__PURE__ */ (0, import_jsx_runtime131.jsx)("tr", { ref, css: tableRow, ...otherProps, children });
24071
+ return /* @__PURE__ */ (0, import_jsx_runtime132.jsx)("tr", { ref, css: tableRow, ...otherProps, children });
23704
24072
  }
23705
24073
  );
23706
24074
  var TableCellHead = React27.forwardRef(
23707
24075
  ({ children, ...otherProps }, ref) => {
23708
- return /* @__PURE__ */ (0, import_jsx_runtime131.jsx)("th", { ref, css: tableCellHead, ...otherProps, children });
24076
+ return /* @__PURE__ */ (0, import_jsx_runtime132.jsx)("th", { ref, css: tableCellHead, ...otherProps, children });
23709
24077
  }
23710
24078
  );
23711
24079
  var TableCellData = React27.forwardRef(
23712
24080
  ({ children, ...otherProps }, ref) => {
23713
- return /* @__PURE__ */ (0, import_jsx_runtime131.jsx)("td", { ref, ...otherProps, children });
24081
+ return /* @__PURE__ */ (0, import_jsx_runtime132.jsx)("td", { ref, ...otherProps, children });
23714
24082
  }
23715
24083
  );
23716
24084
 
23717
24085
  // src/components/Tabs/Tabs.tsx
23718
24086
  init_emotion_jsx_shim();
23719
- var import_react152 = require("@ariakit/react");
23720
- var import_react153 = require("react");
24087
+ var import_react153 = require("@ariakit/react");
24088
+ var import_react154 = require("react");
23721
24089
 
23722
24090
  // src/components/Tabs/Tabs.styles.ts
23723
24091
  init_emotion_jsx_shim();
23724
- var import_react151 = require("@emotion/react");
23725
- var tabButtonStyles = import_react151.css`
24092
+ var import_react152 = require("@emotion/react");
24093
+ var tabButtonStyles = import_react152.css`
23726
24094
  align-items: center;
23727
24095
  border: 0;
23728
24096
  height: 2.5rem;
@@ -23739,16 +24107,16 @@ var tabButtonStyles = import_react151.css`
23739
24107
  box-shadow: inset 0 -2px 0 var(--brand-secondary-3);
23740
24108
  }
23741
24109
  `;
23742
- var tabButtonGroupStyles = import_react151.css`
24110
+ var tabButtonGroupStyles = import_react152.css`
23743
24111
  display: flex;
23744
24112
  gap: var(--spacing-base);
23745
24113
  border-bottom: 1px solid var(--gray-300);
23746
24114
  `;
23747
24115
 
23748
24116
  // src/components/Tabs/Tabs.tsx
23749
- var import_jsx_runtime132 = require("@emotion/react/jsx-runtime");
24117
+ var import_jsx_runtime133 = require("@emotion/react/jsx-runtime");
23750
24118
  var useCurrentTab = () => {
23751
- const context = (0, import_react152.useTabStore)();
24119
+ const context = (0, import_react153.useTabStore)();
23752
24120
  if (!context) {
23753
24121
  throw new Error("This component can only be used inside <Tabs>");
23754
24122
  }
@@ -23762,13 +24130,13 @@ var Tabs = ({
23762
24130
  manual,
23763
24131
  ...props
23764
24132
  }) => {
23765
- const selected = (0, import_react153.useMemo)(() => {
24133
+ const selected = (0, import_react154.useMemo)(() => {
23766
24134
  if (selectedId)
23767
24135
  return selectedId;
23768
24136
  return useHashForState && typeof window !== "undefined" && window.location.hash ? window.location.hash.substring(1) : void 0;
23769
24137
  }, [selectedId, useHashForState]);
23770
- const tab = (0, import_react152.useTabStore)({ ...props, selectOnMove: !manual, selectedId: selected });
23771
- const onTabSelect = (0, import_react153.useCallback)(
24138
+ const tab = (0, import_react153.useTabStore)({ ...props, selectOnMove: !manual, selectedId: selected });
24139
+ const onTabSelect = (0, import_react154.useCallback)(
23772
24140
  (value) => {
23773
24141
  const selectedValueWithoutNull = value != null ? value : void 0;
23774
24142
  onSelectedIdChange == null ? void 0 : onSelectedIdChange(selectedValueWithoutNull);
@@ -23779,28 +24147,28 @@ var Tabs = ({
23779
24147
  },
23780
24148
  [onSelectedIdChange, useHashForState]
23781
24149
  );
23782
- (0, import_react153.useEffect)(() => {
24150
+ (0, import_react154.useEffect)(() => {
23783
24151
  if (selected && selected !== tab.getState().activeId) {
23784
24152
  tab.setSelectedId(selected);
23785
24153
  }
23786
24154
  }, [selected, tab]);
23787
- return /* @__PURE__ */ (0, import_jsx_runtime132.jsx)(import_react152.TabProvider, { store: tab, setSelectedId: onTabSelect, children });
24155
+ return /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(import_react153.TabProvider, { store: tab, setSelectedId: onTabSelect, children });
23788
24156
  };
23789
24157
  var TabButtonGroup = ({ children, ...props }) => {
23790
- return /* @__PURE__ */ (0, import_jsx_runtime132.jsx)(import_react152.TabList, { ...props, css: tabButtonGroupStyles, children });
24158
+ return /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(import_react153.TabList, { ...props, css: tabButtonGroupStyles, children });
23791
24159
  };
23792
24160
  var TabButton = ({
23793
24161
  children,
23794
24162
  id,
23795
24163
  ...props
23796
24164
  }) => {
23797
- return /* @__PURE__ */ (0, import_jsx_runtime132.jsx)(import_react152.Tab, { type: "button", id, ...props, css: tabButtonStyles, children });
24165
+ return /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(import_react153.Tab, { type: "button", id, ...props, css: tabButtonStyles, children });
23798
24166
  };
23799
24167
  var TabContent = ({
23800
24168
  children,
23801
24169
  ...props
23802
24170
  }) => {
23803
- return /* @__PURE__ */ (0, import_jsx_runtime132.jsx)(import_react152.TabPanel, { ...props, children });
24171
+ return /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(import_react153.TabPanel, { ...props, children });
23804
24172
  };
23805
24173
 
23806
24174
  // src/components/Toast/Toast.tsx
@@ -23809,8 +24177,8 @@ var import_react_toastify = require("react-toastify");
23809
24177
 
23810
24178
  // src/components/Toast/Toast.styles.ts
23811
24179
  init_emotion_jsx_shim();
23812
- var import_react154 = require("@emotion/react");
23813
- var toastContainerStyles = import_react154.css`
24180
+ var import_react155 = require("@emotion/react");
24181
+ var toastContainerStyles = import_react155.css`
23814
24182
  ${functionalColors}
23815
24183
 
23816
24184
  --toastify-color-light: white;
@@ -24033,9 +24401,9 @@ var toastContainerStyles = import_react154.css`
24033
24401
  `;
24034
24402
 
24035
24403
  // src/components/Toast/Toast.tsx
24036
- var import_jsx_runtime133 = require("@emotion/react/jsx-runtime");
24404
+ var import_jsx_runtime134 = require("@emotion/react/jsx-runtime");
24037
24405
  var ToastContainer = ({ limit = 4 }) => {
24038
- return /* @__PURE__ */ (0, import_jsx_runtime133.jsx)(
24406
+ return /* @__PURE__ */ (0, import_jsx_runtime134.jsx)(
24039
24407
  import_react_toastify.ToastContainer,
24040
24408
  {
24041
24409
  css: toastContainerStyles,
@@ -24172,6 +24540,7 @@ var ToastContainer = ({ limit = 4 }) => {
24172
24540
  RICHTEXT_OPERATORS,
24173
24541
  ResolveIcon,
24174
24542
  RichTextToolbarIcon,
24543
+ SYSTEM_DATE_OPERATORS,
24175
24544
  SYSTEM_FIELD_OPERATORS,
24176
24545
  ScrollableList,
24177
24546
  ScrollableListInputItem,
@@ -24181,6 +24550,8 @@ var ToastContainer = ({ limit = 4 }) => {
24181
24550
  SearchAndFilterOptionsContainer,
24182
24551
  SearchAndFilterProvider,
24183
24552
  SearchAndFilterResultContainer,
24553
+ SearchOnlyContext,
24554
+ SearchOnlyFilter,
24184
24555
  SegmentedControl,
24185
24556
  ShortcutContext,
24186
24557
  ShortcutRevealer,
@@ -24210,6 +24581,7 @@ var ToastContainer = ({ limit = 4 }) => {
24210
24581
  ToastContainer,
24211
24582
  Tooltip,
24212
24583
  TwoColumnLayout,
24584
+ USER_OPERATORS,
24213
24585
  UniformBadge,
24214
24586
  UniformLogo,
24215
24587
  UniformLogoLarge,