@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/LICENSE +1 -1
- package/dist/esm/{importedIcons-GRLD5JXK.js → importedIcons-XEGXOSVC.js} +2 -0
- package/dist/esm/index.js +542 -177
- package/dist/index.d.mts +51 -13
- package/dist/index.d.ts +51 -13
- package/dist/index.js +574 -202
- package/package.json +4 -4
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:
|
|
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-
|
|
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:
|
|
13923
|
-
line-height:
|
|
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
|
-
|
|
13990
|
-
|
|
13991
|
-
|
|
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:
|
|
14001
|
-
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)(
|
|
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:
|
|
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
|
|
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:
|
|
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:
|
|
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
|
|
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)(
|
|
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
|
-
|
|
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 &&
|
|
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
|
|
22496
|
-
const
|
|
22497
|
-
const
|
|
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
|
-
|
|
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
|
-
|
|
22848
|
+
readOnly,
|
|
22849
|
+
onChange,
|
|
22850
|
+
valueTestId
|
|
22687
22851
|
}) => {
|
|
22688
|
-
|
|
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
|
-
|
|
22885
|
+
readOnly,
|
|
22886
|
+
onChange,
|
|
22887
|
+
valueTestId
|
|
22711
22888
|
}) => {
|
|
22712
|
-
|
|
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
|
-
|
|
22918
|
+
readOnly,
|
|
22919
|
+
onChange,
|
|
22920
|
+
valueTestId
|
|
22732
22921
|
}) => {
|
|
22733
|
-
|
|
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 = ({
|
|
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.
|
|
22785
|
-
|
|
22786
|
-
|
|
22787
|
-
|
|
22788
|
-
|
|
22789
|
-
|
|
22790
|
-
|
|
22791
|
-
|
|
22792
|
-
|
|
22793
|
-
|
|
22794
|
-
|
|
22795
|
-
|
|
22796
|
-
|
|
22797
|
-
|
|
22798
|
-
|
|
22799
|
-
|
|
22800
|
-
|
|
22801
|
-
|
|
22802
|
-
|
|
22803
|
-
|
|
22804
|
-
|
|
22805
|
-
|
|
22806
|
-
|
|
22807
|
-
|
|
22808
|
-
|
|
22809
|
-
|
|
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 = ({
|
|
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 = ({
|
|
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 = ({
|
|
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.
|
|
22879
|
-
|
|
22880
|
-
|
|
22881
|
-
|
|
22882
|
-
|
|
22883
|
-
|
|
22884
|
-
|
|
22885
|
-
|
|
22886
|
-
|
|
22887
|
-
|
|
22888
|
-
|
|
22889
|
-
|
|
22890
|
-
|
|
22891
|
-
|
|
22892
|
-
|
|
22893
|
-
|
|
22894
|
-
|
|
22895
|
-
|
|
22896
|
-
|
|
22897
|
-
|
|
22898
|
-
|
|
22899
|
-
|
|
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
|
|
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
|
|
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 = (
|
|
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
|
-
})
|
|
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
|
-
|
|
23029
|
-
|
|
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
|
-
|
|
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
|
-
|
|
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
|
-
|
|
23400
|
+
"data-testid": "add-filter",
|
|
23123
23401
|
children: [
|
|
23124
|
-
/* @__PURE__ */ (0, import_jsx_runtime123.jsx)(Icon, { icon: "math-plus", iconColor:
|
|
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
|
-
(
|
|
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.
|
|
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
|
-
|
|
23725
|
+
buttonText,
|
|
23726
|
+
clearButtonLabel = "clear",
|
|
23727
|
+
calloutTitle: calloutTitle2,
|
|
23728
|
+
calloutText,
|
|
23729
|
+
onHandleClear
|
|
23439
23730
|
}) => {
|
|
23440
|
-
const { searchTerm, setSearchTerm, totalResults } = useSearchAndFilter();
|
|
23441
|
-
|
|
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
|
|
23446
|
-
|
|
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.
|
|
23455
|
-
|
|
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
|
|
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)(
|
|
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
|
-
|
|
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
|
|
23502
|
-
var lightFadingOut =
|
|
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 =
|
|
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
|
|
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,
|
|
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
|
|
23546
|
-
var SwitchInputContainer =
|
|
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 =
|
|
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 =
|
|
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 =
|
|
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 =
|
|
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
|
|
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,
|
|
23637
|
-
/* @__PURE__ */ (0,
|
|
23638
|
-
/* @__PURE__ */ (0,
|
|
23639
|
-
/* @__PURE__ */ (0,
|
|
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,
|
|
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
|
|
23654
|
-
var table = ({ cellPadding = "var(--spacing-base) var(--spacing-md)" }) =>
|
|
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 =
|
|
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 =
|
|
24038
|
+
var tableRow = import_react151.css`
|
|
23671
24039
|
border-bottom: 1px solid var(--gray-200);
|
|
23672
24040
|
`;
|
|
23673
|
-
var tableCellHead =
|
|
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
|
|
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,
|
|
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,
|
|
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,
|
|
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,
|
|
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,
|
|
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,
|
|
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,
|
|
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
|
|
23720
|
-
var
|
|
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
|
|
23725
|
-
var tabButtonStyles =
|
|
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 =
|
|
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
|
|
24117
|
+
var import_jsx_runtime133 = require("@emotion/react/jsx-runtime");
|
|
23750
24118
|
var useCurrentTab = () => {
|
|
23751
|
-
const context = (0,
|
|
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,
|
|
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,
|
|
23771
|
-
const onTabSelect = (0,
|
|
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,
|
|
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,
|
|
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,
|
|
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,
|
|
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,
|
|
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
|
|
23813
|
-
var toastContainerStyles =
|
|
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
|
|
24404
|
+
var import_jsx_runtime134 = require("@emotion/react/jsx-runtime");
|
|
24037
24405
|
var ToastContainer = ({ limit = 4 }) => {
|
|
24038
|
-
return /* @__PURE__ */ (0,
|
|
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,
|