@geotab/zenith 3.9.0-beta.0 → 3.9.0-beta.2
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/README.md +0 -7
- package/dist/card/card.d.ts +1 -1
- package/dist/card/card.js +1 -1
- package/dist/{title → card/components}/title.d.ts +1 -1
- package/dist/card/components/title.js +26 -0
- package/dist/card/helpers/getIconTypeFromStatus.d.ts +1 -1
- package/dist/commonStyles/typography/typography.less +233 -0
- package/dist/dataGrid/withSelectableRows/components/bulkActions/bulkActions.d.ts +3 -5
- package/dist/dataGrid/withSelectableRows/components/bulkActions/bulkActions.js +38 -2
- package/dist/index.css +618 -32
- package/dist/index.d.ts +2 -1
- package/dist/index.js +22 -20
- package/dist/table/children/useTableChildren.d.ts +1 -1
- package/dist/table/children/useTableChildren.js +3 -3
- package/dist/table/selectable/useSelectableRows.d.ts +0 -8
- package/dist/table/selectable/useSelectableRows.js +7 -14
- package/dist/table/table.js +7 -1
- package/esm/card/card.d.ts +1 -1
- package/esm/card/card.js +1 -1
- package/esm/{title → card/components}/title.d.ts +1 -1
- package/esm/card/components/title.js +22 -0
- package/esm/card/helpers/getIconTypeFromStatus.d.ts +1 -1
- package/esm/dataGrid/withSelectableRows/components/bulkActions/bulkActions.d.ts +3 -5
- package/esm/dataGrid/withSelectableRows/components/bulkActions/bulkActions.js +38 -2
- package/esm/index.d.ts +2 -1
- package/esm/index.js +2 -1
- package/esm/table/children/useTableChildren.d.ts +1 -1
- package/esm/table/children/useTableChildren.js +3 -3
- package/esm/table/selectable/useSelectableRows.d.ts +0 -8
- package/esm/table/selectable/useSelectableRows.js +7 -14
- package/esm/table/table.js +7 -1
- package/package.json +1 -1
- package/dist/title/title.js +0 -27
- package/esm/title/title.js +0 -23
package/dist/index.d.ts
CHANGED
|
@@ -20,6 +20,7 @@ export { type ICardButton, CardButton } from "./card/components/cardButton/cardB
|
|
|
20
20
|
export { type ICardToggle, CardToggle } from "./card/components/cardToggle/cardToggle";
|
|
21
21
|
export { type IContent, Content } from "./card/components/content";
|
|
22
22
|
export { type TCardStatus, Status } from "./card/components/status";
|
|
23
|
+
export { Title } from "./card/components/title";
|
|
23
24
|
export { TitleLink } from "./card/components/titleLink";
|
|
24
25
|
export { getDefaultFullWidthValue } from "./card/helpers/getDefaultFullWidthValue";
|
|
25
26
|
export { getIconFromStatus } from "./card/helpers/getIconFromStatus";
|
|
@@ -757,7 +758,6 @@ export { type ITextInputRaw, TextInputRaw } from "./textInputRaw/textInputRaw";
|
|
|
757
758
|
export { type ITextarea, Textarea } from "./textarea/textarea";
|
|
758
759
|
export { type ITextareaRaw, TextareaRaw } from "./textareaRaw/textareaRaw";
|
|
759
760
|
export { type ITimePicker, type TTimePicker, TimePicker } from "./timePicker/timePicker";
|
|
760
|
-
export { Title } from "./title/title";
|
|
761
761
|
export { type IShowToast, useToast } from "./toast/hooks/useToast";
|
|
762
762
|
export { type IToast, Toast } from "./toast/toast";
|
|
763
763
|
export { type IToggleButton, type TToggleButton, ToggleButton } from "./toggleButton/toggleButton";
|
|
@@ -772,6 +772,7 @@ export { getNewFocusableItem, getFirstFocusableItem } from "./utils/keyboardHelp
|
|
|
772
772
|
export { LanguageProvider } from "./utils/localization/languageProvider";
|
|
773
773
|
export { dictionaries, injectString } from "./utils/localization/translationsDictionary";
|
|
774
774
|
export { useDirection } from "./utils/localization/useDirection";
|
|
775
|
+
export { useLanguage } from "./utils/localization/useLanguage";
|
|
775
776
|
export { ThemeDark } from "./utils/theme/themeDark";
|
|
776
777
|
export { ThemeDrive } from "./utils/theme/themeDrive";
|
|
777
778
|
export { ThemeProvider } from "./utils/theme/themeProvider";
|
package/dist/index.js
CHANGED
|
@@ -1,23 +1,23 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
exports.
|
|
4
|
-
exports.
|
|
5
|
-
exports.
|
|
6
|
-
exports.
|
|
7
|
-
exports.
|
|
8
|
-
exports.
|
|
9
|
-
exports.
|
|
10
|
-
exports.
|
|
11
|
-
exports.
|
|
12
|
-
exports.
|
|
13
|
-
exports.
|
|
14
|
-
exports.
|
|
15
|
-
exports.
|
|
16
|
-
exports.
|
|
17
|
-
exports.
|
|
18
|
-
exports.
|
|
19
|
-
exports.
|
|
20
|
-
exports.Waiting = exports.UserFormatProvider = exports.useDrive = exports.ThemeProvider = exports.ThemeDrive = exports.ThemeDark = exports.useDirection = exports.injectString = exports.dictionaries = exports.LanguageProvider = exports.getFirstFocusableItem = exports.getNewFocusableItem = exports.HeaderButtonsProvider = exports.AbortablePromise = exports.Tooltip = exports.removeArrowClasses = exports.calculateArrowPosition = exports.ToggleButtonRaw = exports.ToggleButton = exports.Toast = exports.useToast = exports.
|
|
3
|
+
exports.getDefaultFullWidthValue = exports.TitleLink = exports.Title = exports.Status = exports.Content = exports.CardToggle = exports.CardButton = exports.Actions = exports.Card = exports.isDifferentPeriod = exports.isValidationDateError = exports.isValidDate = exports.getSelectableYears = exports.isDisableDate = exports.isDisableYear = exports.getAvailablePeriod = exports.toDayStart = exports.setYear = exports.getSameDateOrTheLastForMonth = exports.addMonth = exports.getEndOfWeek = exports.getStartOfWeek = exports.getDayOfWeekOffset = exports.addMonths = exports.addDays = exports.addMinutes = exports.getNewEndDate = exports.getNewStartDate = exports.getCalendarMonthDates = exports.getEndOfMonth = exports.getStartOfMonth = exports.dayNames = exports.Calendar = exports.ButtonType = exports.Button = exports.Bookmark = exports.BetaPillProvider = exports.BetaPill = exports.getBannerOptions = exports.options = exports.DEFAULT_BANNER_UPSELL_SIZE = exports.BannerUpsell = exports.Banner = exports.BannerDisplayName = exports.Anchor = exports.useAlert = exports.Alert = exports.AccordionItem = exports.Accordion = exports.Absolute = void 0;
|
|
4
|
+
exports.GET_LAST_WEEK_OPTION = exports.GET_NEXT_WEEK_OPTION = exports.GET_THIS_WEEK_OPTION = exports.GET_YESTERDAY_OPTION = exports.GET_TODAY_OPTION = exports.DateRange = exports.getLabel = exports.cutSeconds = exports.DateInput = exports.ControlledPopup = exports.deepClone = exports.deepMerge = exports.flattenArrays = exports.echo = exports.useThrottle = exports.useScroll = exports.useResize = exports.useMobile = exports.useGridSize = exports.useDeviceType = exports.useDebouncedMemo = exports.useDebounce = exports.SSRProvider = exports.DeviceType = exports.generateId = exports.hexToRGBA = exports.classNames = exports.getCheckboxState = exports.CheckboxState = exports.Checkbox = exports.resampleArrayEvenly = exports.removeTrendDataFromDatasets = exports.getFormattedLabel = exports.Chart = exports.AccessibleChartTable = exports.AccessibleChartNarrative = exports.simplifyData = exports.collectAllPoints = exports.AccessibleChart = exports.CardsRow = exports.Cards = exports.useAbsoluteSize = exports.isAbsoluteSize = exports.getSizeClass = exports.getContainerSize = exports.CardContainer = exports.useCardSizeState = exports.useCardSize = exports.getMaxNumberOfActions = exports.getIconFromStatus = void 0;
|
|
5
|
+
exports.getRangeOption = exports.FiltersBarDropdownWithCheckbox = exports.FiltersBarDateInput = exports.FiltersBarDateInputDisplayName = exports.useSearchData = exports.useFiltersSelection = exports.usePinnedFilters = exports.useFiltersSearch = exports.Filters = exports.FiltersDisplayName = exports.getAllOption = exports.getFiltersSearchTypeAllOption = exports.ALL_SELECT_OPTION_ID = exports.NOT_POPULATED_NAME = exports.KEYWORD_TYPE = exports.KEYWORD_ID = exports.NO_TYPED_SEARCH_ITEM = exports.FiltersRange = exports.FiltersGroups = exports.FiltersDropdown = exports.FiltersDateRange = exports.FiltersDateInput = exports.FiltersDateInputDisplayName = exports.FiltersChip = exports.FilterButton = exports.FileUpload = exports.FeedbackProvider = exports.FavoriteButton = exports.EmptyState = exports.useDropdownState = exports.Dropdown = exports.LIST_LIMIT = exports.Divider = exports.getFocusableStartInd = exports.isFocusable = exports.isElementInsideContainer = exports.Dialog = exports.GET_DEFAULT_DATE_OPTIONS = exports.GET_THIS_YEAR_OPTION = exports.GET_LAST_YEAR_OPTION = exports.GET_THIS_QUARTER_OPTION = exports.GET_LAST_QUARTER_OPTION = exports.GET_LAST_THREE_MONTH_OPTION = exports.GET_LAST_TWELVE_MONTHS_OPTION = exports.GET_YEAR_TO_DATE_OPTION = exports.GET_LAST_THIRTY_DAYS_OPTION = exports.GET_LAST_SEVEN_DAYS_OPTION = exports.GET_LAST_MONTH_OPTION = exports.GET_NEXT_MONTH_OPTION = exports.GET_THIS_MONTH_OPTION = void 0;
|
|
6
|
+
exports.getLayoutColumns = exports.CustomColumns = exports.Column = exports.FormGroupItem = exports.isTwoRowsStructure = exports.hasWidthProp = exports.getListClasses = exports.getLabelNode = exports.getOneLabelZeroControlsClasses = exports.getLabelListClasses = exports.getControlNode = exports.getZeroLabelsTwoControls = exports.getZeroLabelOneControlClasses = exports.getControlListClasses = exports.FormGroupProvider = exports.FormGroupContext = exports.applyCustomLabelClasses = exports.useToggleList = exports.useToggle = exports.useSectionType = exports.useMode = exports.useLabelAlign = exports.useElements = exports.getEmptyState = exports.useInitializeState = exports.useStateToElements = exports.useElementsState = exports.FormGroup = exports.ReviewListToggle = exports.ListToggle = exports.FormGroupToggle = exports.FormGroupList = exports.CustomRow = exports.useWidth = exports.useSkeleton = exports.useCounter = exports.FormField = exports.FormFieldSkeleton = exports.FormFieldBanner = exports.FooterButtons = exports.TriggerContextProvider = exports.TriggerContext = exports.FiltersBarActions = exports.FiltersBar = exports.FiltersBarDisplayName = exports.ResetButton = exports.PERIOD_THIRTY_DAYS_STEP_OPTION = exports.PERIOD_SEVEN_DAYS_STEP_OPTION = exports.PERIOD_ONE_DAY_STEP_OPTION = exports.isValidDateFn = void 0;
|
|
7
|
+
exports.Header = exports.HeaderType = exports.groupsFilterTotalStateDefault = exports.compareFilters = exports.toFilterState = exports.simplifyFilterState = exports.mergeItems = exports.getId = exports.mapFilterState = exports.isFilterState = exports.isEntireOrganization = exports.isIdEntity = exports.createLinkedTree = exports.getGroupDescription = exports.isSystemGroup = exports.makeBoolHash = exports.allSystemGroups = exports.defaultPrivateGroupId = exports.rootDefectGroups = exports.rootGroups = exports.rootSecurityGroups = exports.systemSecurityGroups = exports.getDefaultFilterState = exports.DEFAULT_RELATION_OPERATOR = exports.ENTIRE_ORGANIZATION_GROUP_ID = exports.RelationOperator = exports.FilterMenuStep = exports.GroupsFilter = exports.GroupButton = exports.removeSameTypeClasses = exports.convertClassesToState = exports.GridLayout = exports.getCurrentIndex = exports.FormStepperButtons = exports.useFormStepper = exports.FormStepper = exports.STEPPER_LAST_STEP = exports.FormSection = exports.getChildrenWithCustomColumns = exports.attachSeparators = exports.applySecondColumn = exports.applyGridPropsTwoColumns = exports.applyFirstColumn = exports.useLayoutColumns = exports.useFormButtons = exports.useColumns = exports.FormLayout = exports.TwoColumnsGrid = exports.OneColumnGrid = exports.LayoutColumn = void 0;
|
|
8
|
+
exports.IconBackward = exports.IconAutoSize = exports.IconAudio = exports.IconAttachmentFile = exports.IconAttachment2 = exports.IconAttachment = exports.IconAt = exports.IconArrowUpPath = exports.IconArrowTopRight = exports.IconArrowTopLeft = exports.IconArrowTopCircle = exports.IconArrowTop = exports.IconArrowRightPath = exports.IconArrowRightCircle = exports.IconArrowRight = exports.IconArrowLeftPath = exports.IconArrowLeftCircle = exports.IconArrowLeft = exports.IconArrowDownPath = exports.IconArrowBottomRight = exports.IconArrowBottomLeft = exports.IconArrowBottomCircle = exports.IconArrowBottom = exports.IconArchive2 = exports.IconArchive = exports.IconAnchor2 = exports.IconAnchor = exports.IconAlignmentRight = exports.IconAlignmentLeft = exports.IconAlignmentJustify = exports.IconAlignmentCenter = exports.IconAlignTopBox = exports.IconAlignRightBox = exports.IconAlignLeft = exports.IconAlignBottom = exports.IconAirpods = exports.IconAirplay = exports.IconAiSparkles2 = exports.IconAiSparkles = exports.IconAiImages = exports.IconAddPeople = exports.IconActivity = exports.useCustomMenu = exports.HeaderMenu = exports.HeaderMenuDisplayName = exports.HeaderButton = exports.HeaderButtonDisplayName = exports.HeaderBack = exports.HeaderBackDisplayName = exports.HeaderDisplayName = void 0;
|
|
9
|
+
exports.IconCalendar = exports.IconCalculator = exports.IconBusiness = exports.IconBulletList = exports.IconBulkSelect = exports.IconBuilding = exports.IconBucket = exports.IconBubbles = exports.IconBubbleNotification = exports.IconBubbleAnnotation6 = exports.IconBubbleAnnotation5 = exports.IconBubbleAnnotation4 = exports.IconBubbleAnnotation2 = exports.IconBubbleAnnotation = exports.IconBubble6 = exports.IconBubble5 = exports.IconBubble4 = exports.IconBubble3 = exports.IconBubble2 = exports.IconBubble = exports.IconBrush = exports.IconBrowser = exports.IconBrokenLink = exports.IconBranches = exports.IconBookmarkSelectedHover = exports.IconBookmarkPlus = exports.IconBookmarkFill = exports.IconBookmarkDelete = exports.IconBookmarkCheck = exports.IconBookmark = exports.IconBook2 = exports.IconBook = exports.IconBold = exports.IconBluetooth = exports.IconBitcoin = exports.IconBeta = exports.IconBell = exports.IconBatteryMedium = exports.IconBatteryLow2 = exports.IconBatteryLow = exports.IconBatteryLoading = exports.IconBatteryFull = exports.IconBatteryError = exports.IconBasket2 = exports.IconBasket = exports.IconBagLuggage2 = exports.IconBagLuggage = exports.IconBag2 = exports.IconBag = exports.IconBadge = void 0;
|
|
10
|
+
exports.IconCloudSync = exports.IconCloudQuestion = exports.IconCloudOff2 = exports.IconCloudOff = exports.IconCloudLines = exports.IconCloudDownload = exports.IconCloudCheck = exports.IconCloud2 = exports.IconCloud = exports.IconCloseSquare = exports.IconCloseCircle = exports.IconClose = exports.IconClockTimer = exports.IconClockSnooze = exports.IconClock2 = exports.IconClock = exports.IconClipboard2 = exports.IconClipboard = exports.IconCircle = exports.IconChromecast = exports.IconChevronTopSmall = exports.IconChevronTop = exports.IconChevronRightSmall = exports.IconChevronRight = exports.IconChevronLeftSmall = exports.IconChevronLeft = exports.IconChevronGrabberVertical = exports.IconChevronGrabberHorizontal = exports.IconChevronDownSmall = exports.IconChevronDoubleUp = exports.IconChevronDoubleRight = exports.IconChevronDoubleLeft = exports.IconChevronDoubleDown = exports.IconChevronBottom = exports.IconCheckbox = exports.IconCheckRadio = exports.IconCheck = exports.IconChart8 = exports.IconChart7 = exports.IconChart6 = exports.IconChart5 = exports.IconChart4 = exports.IconChart3 = exports.IconChart2 = exports.IconChart = exports.IconCanBus = exports.IconCameraAction = exports.IconCamera3 = exports.IconCamera2 = exports.IconCamera = void 0;
|
|
11
|
+
exports.IconDocumentWithLines = exports.IconDocument = exports.IconDock = exports.IconDispatchAsset = exports.IconDisk2 = exports.IconDisk = exports.IconDiamondWarning = exports.IconDeviceUptimeDisconnected = exports.IconDeviceUptime = exports.IconDelete3 = exports.IconDelete2 = exports.IconDelete = exports.IconCycle = exports.IconCursorClick = exports.IconCursorBox = exports.IconCursor3 = exports.IconCursor2 = exports.IconCursor = exports.IconCup = exports.IconCryptoCoin = exports.IconCrypto = exports.IconCrop = exports.IconCreditCard3 = exports.IconCreditCard2 = exports.IconCreditCard = exports.IconCornerUpRight = exports.IconCornerUpLeft = exports.IconCornerRightUp = exports.IconCornerRightDown = exports.IconCornerLeftUp = exports.IconCornerLeftDown = exports.IconCornerDownRight = exports.IconCornerDownLeft = exports.IconCopy5 = exports.IconCopy4 = exports.IconCopy3 = exports.IconCopy2 = exports.IconCopy = exports.IconConstruction = exports.IconConsole = exports.IconConnectDevices = exports.IconCompass = exports.IconCommunity = exports.IconColorPicker = exports.IconColor = exports.IconCode2 = exports.IconCode = exports.IconCmd2 = exports.IconCmd = exports.IconCloudUpload = void 0;
|
|
12
|
+
exports.IconFolderDownload = exports.IconFolderDelete = exports.IconFolderCloud2 = exports.IconFolderCloud = exports.IconFolderBookmarks = exports.IconFolderAdd = exports.IconFolder2 = exports.IconFolder = exports.IconFocus = exports.IconFingerPrint = exports.IconFilterDesc = exports.IconFilterAsc = exports.IconFilter3Desc = exports.IconFilter3Asc = exports.IconFilter3 = exports.IconFilter2 = exports.IconFilter = exports.IconFileSync5 = exports.IconFileSync4 = exports.IconFileSync3 = exports.IconFileSync2 = exports.IconFileSync = exports.IconFileLocked = exports.IconFileCopy = exports.IconFile = exports.IconFaceId = exports.IconEyeOff = exports.IconEye = exports.IconExpand = exports.IconException = exports.IconExcel = exports.IconEvse = exports.IconEuro = exports.IconEthereum = exports.IconEsc = exports.IconEmailNotification = exports.IconEmail2 = exports.IconEmail = exports.IconEditSmall = exports.IconEditBig = exports.IconEdit2 = exports.IconEdit = exports.IconDvir = exports.IconDriver = exports.IconDrive = exports.IconDownload = exports.IconDotVertical = exports.IconDotHorizontal = exports.IconDotGrid = exports.IconDollar = void 0;
|
|
13
|
+
exports.IconLayoutColumn = exports.IconLayoutBottom = exports.IconLayout = exports.IconLayers = exports.IconLaptop = exports.IconLab = exports.IconKeyboardUp2 = exports.IconKeyboardUp = exports.IconKeyboardDown = exports.IconKeyboard = exports.IconItalic = exports.IconInspect = exports.IconInfoSquare = exports.IconInfoCircle = exports.IconInbox = exports.IconImages2 = exports.IconImages = exports.IconImage = exports.IconImac = exports.IconIcon = exports.IconITS = exports.IconHourglass = exports.IconHomeSimple = exports.IconHomeRoof = exports.IconHomeDoor2 = exports.IconHomeDoor = exports.IconHistory = exports.IconHexonalWarning = exports.IconHeart = exports.IconHeadphones = exports.IconHarness = exports.IconGrids2 = exports.IconGrids = exports.IconGraphStatistics = exports.IconGraphPresentation = exports.IconGraphLines = exports.IconGraphChart = exports.IconGraph = exports.IconGrab = exports.IconGlobus = exports.IconGift = exports.IconGeotabSales = exports.IconGeotabDrive = exports.IconGamepad = exports.IconFuelGas = exports.IconFork = exports.IconFolders = exports.IconFolderUpload = exports.IconFolderShared = exports.IconFolderRestricted = void 0;
|
|
14
|
+
exports.IconMoon = exports.IconMoney = exports.IconMobi = exports.IconMinusSquare = exports.IconMinusCircle = exports.IconMinus = exports.IconMinimize = exports.IconMicrophone2 = exports.IconMicrophone = exports.IconMenuCircle = exports.IconMenu3 = exports.IconMenu2 = exports.IconMenu = exports.IconMemory2 = exports.IconMemory = exports.IconMedal = exports.IconMarketplace = exports.IconMap = exports.IconMagicEyes = exports.IconMagic2 = exports.IconMagic = exports.IconMacbook = exports.IconLowDataQuality = exports.IconLogout = exports.IconLogin = exports.IconLock = exports.IconLocationOff = exports.IconLocationMap = exports.IconLocationCompass = exports.IconLoader = exports.IconList = exports.IconLinkLines = exports.IconLink3 = exports.IconLink2 = exports.IconLink = exports.IconLightning = exports.IconLightBulb = exports.IconLifeBuoy = exports.IconLeaf = exports.IconLayoutWindow5 = exports.IconLayoutWindow4 = exports.IconLayoutWindow3 = exports.IconLayoutWindow2 = exports.IconLayoutWindow = exports.IconLayoutTopbar = exports.IconLayoutTop = exports.IconLayoutSidebar = exports.IconLayoutSearch = exports.IconLayoutRight = exports.IconLayoutLeft = void 0;
|
|
15
|
+
exports.IconPlusSquare = exports.IconPlusLines = exports.IconPlusFile = exports.IconPlusCircle = exports.IconPlus = exports.IconPlay = exports.IconPinLocation3 = exports.IconPinLocation2 = exports.IconPinLocation = exports.IconPin2 = exports.IconPin = exports.IconPhoneMobile = exports.IconPhone = exports.IconPerformance = exports.IconPercent = exports.IconPeopleLike = exports.IconPeopleGroup2 = exports.IconPeopleGroup = exports.IconPeople = exports.IconPencil2 = exports.IconPencil = exports.IconPause = exports.IconPassword = exports.IconPaperPlane = exports.IconPackage3 = exports.IconPackage2 = exports.IconPackage = exports.IconPDF = exports.IconOptAlt = exports.IconOpt = exports.IconOpen2 = exports.IconOpen = exports.IconOnDuty = exports.IconNumberedList = exports.IconNotifications = exports.IconNotificationOff = exports.IconNotificationBell = exports.IconNotificationAlarm = exports.IconNote = exports.IconNewspaper = exports.IconNews = exports.IconNavigationFooterExpanded = exports.IconNavigationFooterCollapsed = exports.IconMyGeotab = exports.IconMyAdmin = exports.IconMove2 = exports.IconMove = exports.IconMouseScrollUp = exports.IconMouseScrollDown = exports.IconMouse = void 0;
|
|
16
|
+
exports.IconSign = exports.IconSidebar = exports.IconShield4 = exports.IconShield3 = exports.IconShield2 = exports.IconShield = exports.IconShare3 = exports.IconShare = exports.IconSettings8 = exports.IconSettings7 = exports.IconSettings6 = exports.IconSettings4 = exports.IconSettings3 = exports.IconSettings2 = exports.IconSettings1 = exports.IconServer3 = exports.IconServer2 = exports.IconServer = exports.IconSend = exports.IconSecuredLines = exports.IconSecured = exports.IconSeatbelt = exports.IconSearchPage = exports.IconSearchLines = exports.IconSearchDocument = exports.IconSearch = exports.IconSdCard = exports.IconRuler = exports.IconRoute = exports.IconRotateRepeat2 = exports.IconRotateRepeat = exports.IconRotateCounterclockwise = exports.IconRotateClockwise = exports.IconResizeSmall = exports.IconResizeBig = exports.IconRepeat2 = exports.IconRepeat = exports.IconRemovePeople = exports.IconRefrigeration = exports.IconRedo2 = exports.IconRedo = exports.IconRecord = exports.IconReceipt = exports.IconRadar = exports.IconQuestion = exports.IconPuzzle = exports.IconPullRequest = exports.IconProcessor = exports.IconPrinter = exports.IconPound = void 0;
|
|
17
|
+
exports.IconVolumeOn = exports.IconVolumeOff = exports.IconVolumeMinimum = exports.IconVolumeHalf = exports.IconVolumeFull = exports.IconVolumeDown = exports.IconVoice = exports.IconVisitPage = exports.IconVideoReplay = exports.IconVideo2 = exports.IconVideo = exports.IconUsbHub = exports.IconUsb = exports.IconUpload = exports.IconUnlocked = exports.IconUndock = exports.IconUndo2 = exports.IconUndo = exports.IconUnderline = exports.IconUmbrella = exports.IconTrailer = exports.IconThumbsUp = exports.IconThumbsDown = exports.IconThermometer = exports.IconThermograph = exports.IconTextSize = exports.IconTelevision2 = exports.IconTelevision = exports.IconTarget3 = exports.IconTarget2 = exports.IconTarget = exports.IconTachographTimeCard = exports.IconTachograph = exports.IconTable = exports.IconSupport = exports.IconSun = exports.IconStrikeThrough = exports.IconStore = exports.IconStorage = exports.IconStopwatch = exports.IconStarFilled = exports.IconStarAi = exports.IconStar = exports.IconSquare = exports.IconSpeaker = exports.IconSortVertical = exports.IconSortHorizontal = exports.IconSort2Vertical = exports.IconSort2Horizontal = exports.IconSmiley = void 0;
|
|
18
|
+
exports.MiniTabs = exports.MiniTabsSize = exports.isLink = exports.isButton = exports.findPrevFocusable = exports.findNextFocusable = exports.findLastFocusable = exports.findFirstFocusable = exports.Menu = exports.ControlledMenu = exports.isDragNotClick = exports.changeOrder = exports.ListItem = exports.List = exports.ItemData = exports.ItemCompact = exports.LineChartMini = exports.getDefaultDatasetStyle = exports.htmlLegendPlugin = exports.LEGEND_PLUGIN_ID = exports.LineChart = exports.useLayoutSize = exports.LayoutFullScreenProvider = exports.useLayoutFullScreen = exports.LayoutFullScreenElementProvider = exports.useLayoutFullScreenElement = exports.Layout = exports.ImageTapToUpload = exports.ImageNothingFound = exports.ImageNoMatchingAssets = exports.ImageLooking = exports.ImageCloudUpload = exports.ImageAdjustFilter = exports.IconZoom2 = exports.IconZoom = exports.IconZone = exports.IconYen = exports.IconWrite = exports.IconWrench = exports.IconWorld = exports.IconWorkday = exports.IconWifi2 = exports.IconWifi = exports.IconWhisper = exports.IconWebcam = exports.IconWatch2 = exports.IconWatch = exports.IconWarning = exports.IconWallet1 = exports.IconWallet = void 0;
|
|
19
|
+
exports.NestedData = exports.TabBarContent = exports.TabBar = exports.SummaryTileBarDisplayName = exports.SummaryTileBar = exports.getTypeClassName = exports.SummaryTileTrigger = exports.SummaryTile = exports.SummaryTileDisplayName = exports.SummaryTileSize = exports.SummaryTileType = exports.Summary = exports.Summaries = exports.Stepper = exports.SortControl = exports.SortDirections = exports.Skeleton = exports.LazyContent = exports.SidePanel = exports.CUSTOM_POPUP_COMPONENT_CLASSNAME = exports.SidePanelCloseReason = exports.isChildPopup = exports.SelectField = exports.Select = exports.SearchInput = exports.Range = exports.RadioGroup = exports.Radio = exports.ProgressBar = exports.ProgreesBarSize = exports.ProgressBarType = exports.PrimaryIcon = exports.Popup = exports.PillExpandable = exports.Pill = exports.PaginationType = exports.Pagination = exports.PageLayout = exports.PageContentLayout = exports.PageHeaderMenu = exports.PageHeaderMenuDisplayName = exports.PageHeaderButton = exports.PageHeaderButtonDisplayName = exports.PageHeader = exports.PageHeaderDisplayName = exports.Notification = exports.getPredefinedFocusableItem = exports.DialogContentNew = exports.Modal = exports.MobileSheet = void 0;
|
|
20
|
+
exports.Waiting = exports.UserFormatProvider = exports.useDrive = exports.ThemeProvider = exports.ThemeDrive = exports.ThemeDark = exports.useLanguage = exports.useDirection = exports.injectString = exports.dictionaries = exports.LanguageProvider = exports.getFirstFocusableItem = exports.getNewFocusableItem = exports.HeaderButtonsProvider = exports.AbortablePromise = exports.Tooltip = exports.removeArrowClasses = exports.calculateArrowPosition = exports.ToggleButtonRaw = exports.ToggleButton = exports.Toast = exports.useToast = exports.TimePicker = exports.TextareaRaw = exports.Textarea = exports.TextInputRaw = exports.TextInput = exports.TextIconButton = exports.ButtonIconPosition = exports.Tabs = exports.TabsDisplayName = exports.ActionLinkColumn = exports.CheckboxColumn = exports.MainColumn = exports.ActionsColumn = exports.getSortableValue = exports.ColumnSortDirection = exports.getEmptySelection = exports.Table = exports.useNestedRows = void 0;
|
|
21
21
|
/* eslint-disable max-len */
|
|
22
22
|
var absolute_1 = require("./absolute/absolute");
|
|
23
23
|
Object.defineProperty(exports, "Absolute", { enumerable: true, get: function () { return absolute_1.Absolute; } });
|
|
@@ -88,6 +88,8 @@ var content_1 = require("./card/components/content");
|
|
|
88
88
|
Object.defineProperty(exports, "Content", { enumerable: true, get: function () { return content_1.Content; } });
|
|
89
89
|
var status_1 = require("./card/components/status");
|
|
90
90
|
Object.defineProperty(exports, "Status", { enumerable: true, get: function () { return status_1.Status; } });
|
|
91
|
+
var title_1 = require("./card/components/title");
|
|
92
|
+
Object.defineProperty(exports, "Title", { enumerable: true, get: function () { return title_1.Title; } });
|
|
91
93
|
var titleLink_1 = require("./card/components/titleLink");
|
|
92
94
|
Object.defineProperty(exports, "TitleLink", { enumerable: true, get: function () { return titleLink_1.TitleLink; } });
|
|
93
95
|
var getDefaultFullWidthValue_1 = require("./card/helpers/getDefaultFullWidthValue");
|
|
@@ -1629,8 +1631,6 @@ var textareaRaw_1 = require("./textareaRaw/textareaRaw");
|
|
|
1629
1631
|
Object.defineProperty(exports, "TextareaRaw", { enumerable: true, get: function () { return textareaRaw_1.TextareaRaw; } });
|
|
1630
1632
|
var timePicker_1 = require("./timePicker/timePicker");
|
|
1631
1633
|
Object.defineProperty(exports, "TimePicker", { enumerable: true, get: function () { return timePicker_1.TimePicker; } });
|
|
1632
|
-
var title_1 = require("./title/title");
|
|
1633
|
-
Object.defineProperty(exports, "Title", { enumerable: true, get: function () { return title_1.Title; } });
|
|
1634
1634
|
var useToast_1 = require("./toast/hooks/useToast");
|
|
1635
1635
|
Object.defineProperty(exports, "useToast", { enumerable: true, get: function () { return useToast_1.useToast; } });
|
|
1636
1636
|
var toast_1 = require("./toast/toast");
|
|
@@ -1659,6 +1659,8 @@ Object.defineProperty(exports, "dictionaries", { enumerable: true, get: function
|
|
|
1659
1659
|
Object.defineProperty(exports, "injectString", { enumerable: true, get: function () { return translationsDictionary_1.injectString; } });
|
|
1660
1660
|
var useDirection_1 = require("./utils/localization/useDirection");
|
|
1661
1661
|
Object.defineProperty(exports, "useDirection", { enumerable: true, get: function () { return useDirection_1.useDirection; } });
|
|
1662
|
+
var useLanguage_1 = require("./utils/localization/useLanguage");
|
|
1663
|
+
Object.defineProperty(exports, "useLanguage", { enumerable: true, get: function () { return useLanguage_1.useLanguage; } });
|
|
1662
1664
|
var themeDark_1 = require("./utils/theme/themeDark");
|
|
1663
1665
|
Object.defineProperty(exports, "ThemeDark", { enumerable: true, get: function () { return themeDark_1.ThemeDark; } });
|
|
1664
1666
|
var themeDrive_1 = require("./utils/theme/themeDrive");
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { ReactElement, ReactNode, RefObject } from "react";
|
|
2
|
-
export declare const useTableChildren: (children: ReactNode, isMobile: boolean, selected: number, allSelected: boolean, clearSelection: () => void, activeId?: string, gridRef?: RefObject<HTMLElement | null>, onCloseDetailPanel?: () => void) => {
|
|
2
|
+
export declare const useTableChildren: (children: ReactNode, isMobile: boolean, selected: number, allSelected: boolean, clearSelection: () => void, selectAll: () => void, turnOffSelectAll?: boolean, activeId?: string, gridRef?: RefObject<HTMLElement | null>, onCloseDetailPanel?: () => void) => {
|
|
3
3
|
bulkActions: ReactElement<unknown, string | import("react").JSXElementConstructor<any>> | undefined;
|
|
4
4
|
pagination: ReactElement<unknown, string | import("react").JSXElementConstructor<any>> | undefined;
|
|
5
5
|
activePage: number | undefined;
|
|
@@ -27,7 +27,7 @@ const isChildElement = function (child, expectedType) {
|
|
|
27
27
|
}
|
|
28
28
|
return false;
|
|
29
29
|
};
|
|
30
|
-
const useTableChildren = (children, isMobile, selected, allSelected, clearSelection, activeId, gridRef, onCloseDetailPanel) => (0, react_1.useMemo)(() => {
|
|
30
|
+
const useTableChildren = (children, isMobile, selected, allSelected, clearSelection, selectAll, turnOffSelectAll, activeId, gridRef, onCloseDetailPanel) => (0, react_1.useMemo)(() => {
|
|
31
31
|
let bulkActions = undefined;
|
|
32
32
|
let tablePagination = undefined;
|
|
33
33
|
let activePage = undefined;
|
|
@@ -42,7 +42,7 @@ const useTableChildren = (children, isMobile, selected, allSelected, clearSelect
|
|
|
42
42
|
}
|
|
43
43
|
if (isChildElement(child, tableBulkActions_1.TableBulkActions.displayName)) {
|
|
44
44
|
const bulkActionButtons = child.props.children || [];
|
|
45
|
-
bulkActions = ((0, jsx_runtime_1.jsx)(bulkActions_1.BulkActions, { gridType: isMobile ? deviceType_1.DeviceType.Mobile : deviceType_1.DeviceType.Desktop, selected: selected, allSelected: allSelected, onClearSelection: clearSelection, children: bulkActionButtons }));
|
|
45
|
+
bulkActions = ((0, jsx_runtime_1.jsx)(bulkActions_1.BulkActions, { gridType: isMobile ? deviceType_1.DeviceType.Mobile : deviceType_1.DeviceType.Desktop, selected: selected, allSelected: allSelected, onClearSelection: clearSelection, onSelectAll: selectAll, turnOffSelectAll: turnOffSelectAll, children: bulkActionButtons }));
|
|
46
46
|
return;
|
|
47
47
|
}
|
|
48
48
|
if (isChildElement(child, tablePagination_1.TablePagination.displayName)) {
|
|
@@ -103,5 +103,5 @@ const useTableChildren = (children, isMobile, selected, allSelected, clearSelect
|
|
|
103
103
|
detailPanel: detailPanel,
|
|
104
104
|
other: other
|
|
105
105
|
};
|
|
106
|
-
}, [children, clearSelection, isMobile, selected, gridRef, allSelected, activeId, onCloseDetailPanel]);
|
|
106
|
+
}, [children, clearSelection, isMobile, selected, gridRef, allSelected, selectAll, turnOffSelectAll, activeId, onCloseDetailPanel]);
|
|
107
107
|
exports.useTableChildren = useTableChildren;
|
|
@@ -16,14 +16,6 @@ export interface ISelectableRowsOptions<T extends IRowEntity<N>, N extends IEnti
|
|
|
16
16
|
checkboxTitle?: (entity: T | N) => string;
|
|
17
17
|
headerTitle?: (state: SelectionState) => string;
|
|
18
18
|
turnOffSelectAll?: boolean;
|
|
19
|
-
/**
|
|
20
|
-
* When `true`, the header checkbox emits the current page's IDs instead of `{ all: true }`.
|
|
21
|
-
* When `undefined`, falls back to `turnOffSelectAll` for backward compatibility.
|
|
22
|
-
*
|
|
23
|
-
* Note: avoid setting this to `false` alongside `turnOffSelectAll: true` — the checkbox
|
|
24
|
-
* will emit `{ all: true }` while the dropdown hides the "Select all" option, which is inconsistent.
|
|
25
|
-
*/
|
|
26
|
-
checkboxSelectsCurrentPage?: boolean;
|
|
27
19
|
checkboxPlaceholder?: boolean;
|
|
28
20
|
strategy?: TSelectionStrategy;
|
|
29
21
|
selectAll?: boolean;
|
|
@@ -166,6 +166,7 @@ const useSelectableRows = (columns, entities, isMobile, selectMode, setSelectMod
|
|
|
166
166
|
return;
|
|
167
167
|
}
|
|
168
168
|
const newSelections = (0, getCurrentPageSelection_1.getCurrentPageSelection)(entities, selectable);
|
|
169
|
+
setState(newState);
|
|
169
170
|
const newValue = {
|
|
170
171
|
selected: [...newSelections],
|
|
171
172
|
all: false
|
|
@@ -184,16 +185,8 @@ const useSelectableRows = (columns, entities, isMobile, selectMode, setSelectMod
|
|
|
184
185
|
return translate("Deselect all");
|
|
185
186
|
}, [selectable, selectableState, state, translate]);
|
|
186
187
|
const isEntityChecked = (0, react_1.useCallback)((entity, isNested) => (0, isRowChecked_1.isRowChecked)(selections, state, selectable === null || selectable === void 0 ? void 0 : selectable.strategy, entity, isNested), [selections, state, selectable === null || selectable === void 0 ? void 0 : selectable.strategy]);
|
|
187
|
-
const hasSelectable = !!selectable;
|
|
188
|
-
const selectableCheckboxSelectsCurrentPage = selectable === null || selectable === void 0 ? void 0 : selectable.checkboxSelectsCurrentPage;
|
|
189
|
-
const selectableTurnOffSelectAll = selectable === null || selectable === void 0 ? void 0 : selectable.turnOffSelectAll;
|
|
190
|
-
const selectableCheckboxInHeader = selectable === null || selectable === void 0 ? void 0 : selectable.checkboxInHeader;
|
|
191
|
-
const selectableSelectionLimit = selectable === null || selectable === void 0 ? void 0 : selectable.selectionLimit;
|
|
192
|
-
const selectableHeader = selectable === null || selectable === void 0 ? void 0 : selectable.header;
|
|
193
|
-
const checkboxEmitsCurrentPage = selectableCheckboxSelectsCurrentPage !== null && selectableCheckboxSelectsCurrentPage !== void 0 ? selectableCheckboxSelectsCurrentPage : selectableTurnOffSelectAll;
|
|
194
|
-
const checkboxInHeaderValue = selectableCheckboxInHeader !== undefined ? selectableCheckboxInHeader : selectableSelectionLimit !== undefined ? false : undefined;
|
|
195
188
|
const wrapper = (0, react_1.useMemo)(() => {
|
|
196
|
-
if (!
|
|
189
|
+
if (!selectable) {
|
|
197
190
|
return null;
|
|
198
191
|
}
|
|
199
192
|
return {
|
|
@@ -235,23 +228,23 @@ const useSelectableRows = (columns, entities, isMobile, selectMode, setSelectMod
|
|
|
235
228
|
checked: state === interfaces_1.SelectionState.CurrentPage || state === interfaces_1.SelectionState.All,
|
|
236
229
|
indeterminate: state === interfaces_1.SelectionState.Partial,
|
|
237
230
|
onChange: newValue => {
|
|
238
|
-
const newState = newValue ?
|
|
231
|
+
const newState = newValue ? selectable.turnOffSelectAll ? interfaces_1.SelectionState.CurrentPage : interfaces_1.SelectionState.All : interfaces_1.SelectionState.None;
|
|
239
232
|
setState(newState);
|
|
240
233
|
onChangeSelectionState(newState);
|
|
241
234
|
},
|
|
242
235
|
calculateSelectionState: () => selectableState,
|
|
243
|
-
checkboxInHeader:
|
|
244
|
-
header:
|
|
236
|
+
checkboxInHeader: selectable.checkboxInHeader !== undefined ? selectable.checkboxInHeader : selectable.selectionLimit !== undefined ? false : undefined,
|
|
237
|
+
header: selectable.header,
|
|
245
238
|
onSelect: newState => {
|
|
246
239
|
setState(newState);
|
|
247
240
|
onChangeSelectionState(newState);
|
|
248
241
|
},
|
|
249
|
-
turnOffSelectAll:
|
|
242
|
+
turnOffSelectAll: selectable.turnOffSelectAll
|
|
250
243
|
});
|
|
251
244
|
return cell;
|
|
252
245
|
}
|
|
253
246
|
};
|
|
254
|
-
}, [checkboxDisabled, checkboxTitle, checkboxVisible, headerTitle, onChangeSelectionState, onSelectListener,
|
|
247
|
+
}, [checkboxDisabled, checkboxTitle, checkboxVisible, headerTitle, onChangeSelectionState, onSelectListener, selectable, selectableState, state, isMobile, checkboxPlaceholder, isEntityChecked]);
|
|
255
248
|
const selectableFeedWrapper = (0, react_1.useCallback)((primaryData, secondaryData, entity, isNested) => {
|
|
256
249
|
// eslint-disable-next-line @typescript-eslint/no-unnecessary-condition
|
|
257
250
|
if (!entity) {
|
package/dist/table/table.js
CHANGED
|
@@ -225,6 +225,12 @@ const TableInner = ({
|
|
|
225
225
|
selected: []
|
|
226
226
|
});
|
|
227
227
|
}, [selectable]);
|
|
228
|
+
const selectAll = (0, react_1.useCallback)(() => {
|
|
229
|
+
selectable === null || selectable === void 0 ? void 0 : selectable.onSelect({
|
|
230
|
+
all: true,
|
|
231
|
+
selected: []
|
|
232
|
+
});
|
|
233
|
+
}, [selectable]);
|
|
228
234
|
const [activeIdInternal, setActiveInternal] = (0, react_1.useState)(undefined);
|
|
229
235
|
const activeId = active !== undefined ? active : activeIdInternal;
|
|
230
236
|
const onClickInternal = (0, react_1.useCallback)(id => setActiveInternal(id === activeIdInternal ? undefined : id), [activeIdInternal, setActiveInternal]);
|
|
@@ -241,7 +247,7 @@ const TableInner = ({
|
|
|
241
247
|
detailPanel,
|
|
242
248
|
footer,
|
|
243
249
|
other
|
|
244
|
-
} = (0, useTableChildren_1.useTableChildren)(children, isMobile, selectionQty, ((_c = selectable === null || selectable === void 0 ? void 0 : selectable.selection) === null || _c === void 0 ? void 0 : _c.all) || false, clearSelection, activeId, gridRef, onCloseDetailPanel);
|
|
250
|
+
} = (0, useTableChildren_1.useTableChildren)(children, isMobile, selectionQty, ((_c = selectable === null || selectable === void 0 ? void 0 : selectable.selection) === null || _c === void 0 ? void 0 : _c.all) || false, clearSelection, selectAll, selectable === null || selectable === void 0 ? void 0 : selectable.turnOffSelectAll, activeId, gridRef, onCloseDetailPanel);
|
|
245
251
|
const hasDetailPanel = !!detailPanel;
|
|
246
252
|
const shouldEnableRowClick = hasDetailPanel || !!onClick;
|
|
247
253
|
const activeIdForRow = shouldEnableRowClick ? activeId : undefined;
|
package/esm/card/card.d.ts
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import React, { FC, FunctionComponent, ReactNode } from "react";
|
|
2
2
|
import { IAbsoluteSize, TContainerSize } from "../cardContainer/cardContainer";
|
|
3
3
|
import { TCardStatus } from "./components/status";
|
|
4
|
-
import { TIconType } from "
|
|
4
|
+
import { TIconType } from "./components/title";
|
|
5
5
|
import { IActions } from "./components/actions";
|
|
6
6
|
import { IContent } from "./components/content";
|
|
7
7
|
import "./card.less";
|
package/esm/card/card.js
CHANGED
|
@@ -5,7 +5,7 @@ import { CardContainer } from "../cardContainer/cardContainer";
|
|
|
5
5
|
import { DeviceType } from "../commonHelpers/hooks/deviceType";
|
|
6
6
|
import { useDeviceType } from "../commonHelpers/hooks/useDeviceType";
|
|
7
7
|
import { Status } from "./components/status";
|
|
8
|
-
import { Title } from "
|
|
8
|
+
import { Title } from "./components/title";
|
|
9
9
|
import { Actions } from "./components/actions";
|
|
10
10
|
import { Content } from "./components/content";
|
|
11
11
|
import { useCardSize } from "./hooks/useCardSize";
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { FunctionComponent } from "react";
|
|
2
2
|
import "./title.less";
|
|
3
|
-
import { IIcon } from "
|
|
3
|
+
import { IIcon } from "../../icons/icon";
|
|
4
4
|
export type TIconType = "info" | "warning" | "error" | "success" | "default";
|
|
5
5
|
interface ITitle {
|
|
6
6
|
isMobile: boolean;
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import { createElement, useMemo } from "react";
|
|
3
|
+
import { classNames } from "../../commonHelpers/classNames/classNames";
|
|
4
|
+
import { useDriveClassName } from "../../utils/theme/useDriveClassName";
|
|
5
|
+
import { useDrive } from "../../utils/theme/useDrive";
|
|
6
|
+
import { IconChevronRightSmall } from "../../icons/iconChevronRightSmall";
|
|
7
|
+
export const Title = ({ isMobile, link, target, title, id, icon, iconType, className = "", onClick }) => {
|
|
8
|
+
const driveClassNames = useDriveClassName("zen-card-title");
|
|
9
|
+
const isDrive = useDrive();
|
|
10
|
+
const iconClassName = iconType ? `zen-card-title__icon--${iconType}` : "";
|
|
11
|
+
const iconSize = useMemo(() => (isDrive ? "huge" : "large"), [isDrive]);
|
|
12
|
+
const iconElement = useMemo(() => (icon ? _jsx("div", { className: classNames(["zen-card-title__icon", iconClassName]), children: createElement(icon, { size: iconSize }) }) : null), [icon, iconSize, iconClassName]);
|
|
13
|
+
const chevron = useMemo(() => (_jsx("span", { className: "zen-card-title__link-chevron", children: _jsx(IconChevronRightSmall, { size: iconSize, className: "zen-card-title__chevron-icon" }) })), [iconSize]);
|
|
14
|
+
const titleClasses = classNames(["zen-card-title", driveClassNames || "", onClick ? "zen-card-title__clickable" : ""]);
|
|
15
|
+
if (onClick) {
|
|
16
|
+
return (_jsxs("button", { type: "button", className: titleClasses, onClick: onClick, children: [iconElement, _jsxs("span", { title: title, id: id, className: classNames(["zen-card-title__text", isMobile && !isDrive ? "zen-card-title__text--mobile" : "", className]), children: [title, chevron] })] }));
|
|
17
|
+
}
|
|
18
|
+
if (link) {
|
|
19
|
+
return (_jsxs("a", { id: id, className: titleClasses, href: link, target: target, children: [iconElement, _jsxs("span", { title: title, className: classNames(["zen-card-title__link-text"]), children: [title, chevron] })] }));
|
|
20
|
+
}
|
|
21
|
+
return (_jsxs("div", { className: titleClasses, children: [iconElement, _jsx("span", { title: title, id: id, className: classNames(["zen-card-title__text", isMobile && !isDrive ? "zen-card-title__text--mobile" : "", className]), children: title })] }));
|
|
22
|
+
};
|
|
@@ -7,21 +7,19 @@ import { DeviceType } from "../../../../commonHelpers/hooks/deviceType";
|
|
|
7
7
|
type TBulkAction = IBulkActionLink | IBulkActionButton;
|
|
8
8
|
export interface IBulkActionsProps extends IZenComponentProps {
|
|
9
9
|
selected: number;
|
|
10
|
-
/**
|
|
11
|
-
* When `true`, displays "All selected" instead of a count, and enables action buttons
|
|
12
|
-
* even when `selected` is 0 (i.e., cross-page "select all" is active).
|
|
13
|
-
*/
|
|
14
10
|
allSelected?: boolean;
|
|
15
11
|
onClearSelection: () => void;
|
|
12
|
+
onSelectAll?: () => void;
|
|
16
13
|
gridType?: DeviceType;
|
|
17
14
|
children?: ReactElement<TBulkAction> | null | (ReactElement<TBulkAction> | null)[];
|
|
15
|
+
turnOffSelectAll?: boolean;
|
|
18
16
|
}
|
|
19
17
|
export interface IBulkActions extends IBulkActionsProps {
|
|
20
18
|
ActionLink: (props: IBulkActionLink) => ReactNode;
|
|
21
19
|
ActionButton: (props: IBulkActionButton) => ReactNode;
|
|
22
20
|
}
|
|
23
21
|
export declare const BulkActions: {
|
|
24
|
-
({ selected, allSelected, className, onClearSelection, gridType, children }: IBulkActionsProps): import("react/jsx-runtime").JSX.Element;
|
|
22
|
+
({ selected, allSelected, className, onClearSelection, onSelectAll, gridType, children, turnOffSelectAll }: IBulkActionsProps): import("react/jsx-runtime").JSX.Element;
|
|
25
23
|
ActionLink: ({ title, icon, link, disabled, type, ref }: IBulkActionLink) => import("react/jsx-runtime").JSX.Element;
|
|
26
24
|
ActionButton: ({ title, icon, clickHandler, onClick, disabled, type, ref }: IBulkActionButton) => import("react/jsx-runtime").JSX.Element;
|
|
27
25
|
translations: string[];
|
|
@@ -12,6 +12,7 @@ import { useNonFittingElements } from "../../../../header/hooks/useNonFittingEle
|
|
|
12
12
|
import { useResizeObserver } from "../../../../commonHelpers/hooks/useResizeObserver";
|
|
13
13
|
import { Menu } from "../../../../menu/menu";
|
|
14
14
|
import { IconDotVertical } from "../../../../icons/iconDotVertical";
|
|
15
|
+
import { Button } from "../../../../button/button";
|
|
15
16
|
injectString("cs", "{1} selected", "{1} vybran\xFD/vybran\xE9");
|
|
16
17
|
injectString("da-DK", "{1} selected", "{1} valgt");
|
|
17
18
|
injectString("de", "{1} selected", "{1} ausgew\xE4hlt");
|
|
@@ -93,6 +94,33 @@ injectString("zh-Hans", "Clear selection", "\u6E05\u9664\u9009\u62E9");
|
|
|
93
94
|
injectString("zh-TW", "Clear selection", "\u6E05\u9664\u9078\u53D6\u9805\u76EE");
|
|
94
95
|
injectString("ro-RO", "Clear selection", "\u0218terge\u021Bi selec\u021Bia");
|
|
95
96
|
injectString("ar-SA", "Clear selection", "\u0645\u0633\u062D \u0627\u0644\u062A\u062D\u062F\u064A\u062F");
|
|
97
|
+
injectString("cs", "Select all", "Vybrat v\u0161e");
|
|
98
|
+
injectString("da-DK", "Select all", "V\xE6lg alle");
|
|
99
|
+
injectString("de", "Select all", "Alle ausw\xE4hlen");
|
|
100
|
+
injectString("en", "Select all", "Select all");
|
|
101
|
+
injectString("es", "Select all", "Seleccionar todo");
|
|
102
|
+
injectString("fi-FI", "Select all", "Valitse kaikki");
|
|
103
|
+
injectString("fr", "Select all", "S\xE9lectionner tout");
|
|
104
|
+
injectString("fr-FR", "Select all", "S\xE9lectionner tout");
|
|
105
|
+
injectString("hu-HU", "Select all", "V\xE1laszd ki az \xF6sszeset.");
|
|
106
|
+
injectString("id", "Select all", "Pilih semua");
|
|
107
|
+
injectString("it", "Select all", "Selezionare tutto");
|
|
108
|
+
injectString("ja", "Select all", "\u3059\u3079\u3066\u9078\u629E");
|
|
109
|
+
injectString("ko-KR", "Select all", "\uBAA8\uB450 \uC120\uD0DD");
|
|
110
|
+
injectString("ms", "Select all", "Pilih semua");
|
|
111
|
+
injectString("nb-NO", "Select all", "Velg alle");
|
|
112
|
+
injectString("nl", "Select all", "Alles selecteren");
|
|
113
|
+
injectString("pl", "Select all", "Wybierz wszystko");
|
|
114
|
+
injectString("pt-BR", "Select all", "Selecionar tudo");
|
|
115
|
+
injectString("pt-PT", "Select all", "Selecionar tudo");
|
|
116
|
+
injectString("sk-SK", "Select all", "Vyber v\u0161etko.");
|
|
117
|
+
injectString("sv", "Select all", "V\xE4lj alla");
|
|
118
|
+
injectString("th", "Select all", "\u0E40\u0E25\u0E37\u0E2D\u0E01\u0E17\u0E31\u0E49\u0E07\u0E2B\u0E21\u0E14");
|
|
119
|
+
injectString("tr", "Select all", "T\xFCm\xFCn\xFC se\xE7");
|
|
120
|
+
injectString("zh-Hans", "Select all", "\u5168\u9009");
|
|
121
|
+
injectString("zh-TW", "Select all", "\u5168\u9078");
|
|
122
|
+
injectString("ro-RO", "Select all", "Selecta\u021Bi tot");
|
|
123
|
+
injectString("ar-SA", "Select all", "\u062A\u062D\u062F\u064A\u062F \u0627\u0644\u0643\u0644");
|
|
96
124
|
injectString("cs", "More", "V\xEDce");
|
|
97
125
|
injectString("da-DK", "More", "Mere");
|
|
98
126
|
injectString("de", "More", "Mehr");
|
|
@@ -125,8 +153,10 @@ export const BulkActions = ({
|
|
|
125
153
|
allSelected,
|
|
126
154
|
className,
|
|
127
155
|
onClearSelection,
|
|
156
|
+
onSelectAll,
|
|
128
157
|
gridType = DeviceType.Desktop,
|
|
129
|
-
children
|
|
158
|
+
children,
|
|
159
|
+
turnOffSelectAll
|
|
130
160
|
}) => {
|
|
131
161
|
var _a;
|
|
132
162
|
const {
|
|
@@ -170,7 +200,13 @@ export const BulkActions = ({
|
|
|
170
200
|
}), _jsx("span", {
|
|
171
201
|
className: "zen-bulk-actions__number-of-selected ellipsis",
|
|
172
202
|
children: text
|
|
173
|
-
}),
|
|
203
|
+
}), onSelectAll && !turnOffSelectAll ? _jsx(Button, {
|
|
204
|
+
type: "tertiary",
|
|
205
|
+
className: "zen-bulk-actions__select-all",
|
|
206
|
+
disabled: allSelected,
|
|
207
|
+
onClick: onSelectAll,
|
|
208
|
+
children: translate("Select all")
|
|
209
|
+
}) : null, _jsxs("div", {
|
|
174
210
|
className: "zen-bulk-actions__action-button-holder",
|
|
175
211
|
ref: buttonHolder,
|
|
176
212
|
children: [Children.map(visibleElements, element => cloneElement(element, {
|
package/esm/index.d.ts
CHANGED
|
@@ -20,6 +20,7 @@ export { type ICardButton, CardButton } from "./card/components/cardButton/cardB
|
|
|
20
20
|
export { type ICardToggle, CardToggle } from "./card/components/cardToggle/cardToggle";
|
|
21
21
|
export { type IContent, Content } from "./card/components/content";
|
|
22
22
|
export { type TCardStatus, Status } from "./card/components/status";
|
|
23
|
+
export { Title } from "./card/components/title";
|
|
23
24
|
export { TitleLink } from "./card/components/titleLink";
|
|
24
25
|
export { getDefaultFullWidthValue } from "./card/helpers/getDefaultFullWidthValue";
|
|
25
26
|
export { getIconFromStatus } from "./card/helpers/getIconFromStatus";
|
|
@@ -757,7 +758,6 @@ export { type ITextInputRaw, TextInputRaw } from "./textInputRaw/textInputRaw";
|
|
|
757
758
|
export { type ITextarea, Textarea } from "./textarea/textarea";
|
|
758
759
|
export { type ITextareaRaw, TextareaRaw } from "./textareaRaw/textareaRaw";
|
|
759
760
|
export { type ITimePicker, type TTimePicker, TimePicker } from "./timePicker/timePicker";
|
|
760
|
-
export { Title } from "./title/title";
|
|
761
761
|
export { type IShowToast, useToast } from "./toast/hooks/useToast";
|
|
762
762
|
export { type IToast, Toast } from "./toast/toast";
|
|
763
763
|
export { type IToggleButton, type TToggleButton, ToggleButton } from "./toggleButton/toggleButton";
|
|
@@ -772,6 +772,7 @@ export { getNewFocusableItem, getFirstFocusableItem } from "./utils/keyboardHelp
|
|
|
772
772
|
export { LanguageProvider } from "./utils/localization/languageProvider";
|
|
773
773
|
export { dictionaries, injectString } from "./utils/localization/translationsDictionary";
|
|
774
774
|
export { useDirection } from "./utils/localization/useDirection";
|
|
775
|
+
export { useLanguage } from "./utils/localization/useLanguage";
|
|
775
776
|
export { ThemeDark } from "./utils/theme/themeDark";
|
|
776
777
|
export { ThemeDrive } from "./utils/theme/themeDrive";
|
|
777
778
|
export { ThemeProvider } from "./utils/theme/themeProvider";
|
package/esm/index.js
CHANGED
|
@@ -21,6 +21,7 @@ export { CardButton } from "./card/components/cardButton/cardButton";
|
|
|
21
21
|
export { CardToggle } from "./card/components/cardToggle/cardToggle";
|
|
22
22
|
export { Content } from "./card/components/content";
|
|
23
23
|
export { Status } from "./card/components/status";
|
|
24
|
+
export { Title } from "./card/components/title";
|
|
24
25
|
export { TitleLink } from "./card/components/titleLink";
|
|
25
26
|
export { getDefaultFullWidthValue } from "./card/helpers/getDefaultFullWidthValue";
|
|
26
27
|
export { getIconFromStatus } from "./card/helpers/getIconFromStatus";
|
|
@@ -742,7 +743,6 @@ export { TextInputRaw } from "./textInputRaw/textInputRaw";
|
|
|
742
743
|
export { Textarea } from "./textarea/textarea";
|
|
743
744
|
export { TextareaRaw } from "./textareaRaw/textareaRaw";
|
|
744
745
|
export { TimePicker } from "./timePicker/timePicker";
|
|
745
|
-
export { Title } from "./title/title";
|
|
746
746
|
export { useToast } from "./toast/hooks/useToast";
|
|
747
747
|
export { Toast } from "./toast/toast";
|
|
748
748
|
export { ToggleButton } from "./toggleButton/toggleButton";
|
|
@@ -756,6 +756,7 @@ export { getNewFocusableItem, getFirstFocusableItem } from "./utils/keyboardHelp
|
|
|
756
756
|
export { LanguageProvider } from "./utils/localization/languageProvider";
|
|
757
757
|
export { dictionaries, injectString } from "./utils/localization/translationsDictionary";
|
|
758
758
|
export { useDirection } from "./utils/localization/useDirection";
|
|
759
|
+
export { useLanguage } from "./utils/localization/useLanguage";
|
|
759
760
|
export { ThemeDark } from "./utils/theme/themeDark";
|
|
760
761
|
export { ThemeDrive } from "./utils/theme/themeDrive";
|
|
761
762
|
export { ThemeProvider } from "./utils/theme/themeProvider";
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { ReactElement, ReactNode, RefObject } from "react";
|
|
2
|
-
export declare const useTableChildren: (children: ReactNode, isMobile: boolean, selected: number, allSelected: boolean, clearSelection: () => void, activeId?: string, gridRef?: RefObject<HTMLElement | null>, onCloseDetailPanel?: () => void) => {
|
|
2
|
+
export declare const useTableChildren: (children: ReactNode, isMobile: boolean, selected: number, allSelected: boolean, clearSelection: () => void, selectAll: () => void, turnOffSelectAll?: boolean, activeId?: string, gridRef?: RefObject<HTMLElement | null>, onCloseDetailPanel?: () => void) => {
|
|
3
3
|
bulkActions: ReactElement<unknown, string | import("react").JSXElementConstructor<any>> | undefined;
|
|
4
4
|
pagination: ReactElement<unknown, string | import("react").JSXElementConstructor<any>> | undefined;
|
|
5
5
|
activePage: number | undefined;
|
|
@@ -24,7 +24,7 @@ const isChildElement = function (child, expectedType) {
|
|
|
24
24
|
}
|
|
25
25
|
return false;
|
|
26
26
|
};
|
|
27
|
-
export const useTableChildren = (children, isMobile, selected, allSelected, clearSelection, activeId, gridRef, onCloseDetailPanel) => useMemo(() => {
|
|
27
|
+
export const useTableChildren = (children, isMobile, selected, allSelected, clearSelection, selectAll, turnOffSelectAll, activeId, gridRef, onCloseDetailPanel) => useMemo(() => {
|
|
28
28
|
let bulkActions = undefined;
|
|
29
29
|
let tablePagination = undefined;
|
|
30
30
|
let activePage = undefined;
|
|
@@ -39,7 +39,7 @@ export const useTableChildren = (children, isMobile, selected, allSelected, clea
|
|
|
39
39
|
}
|
|
40
40
|
if (isChildElement(child, TableBulkActions.displayName)) {
|
|
41
41
|
const bulkActionButtons = child.props.children || [];
|
|
42
|
-
bulkActions = (_jsx(BulkActions, { gridType: isMobile ? DeviceType.Mobile : DeviceType.Desktop, selected: selected, allSelected: allSelected, onClearSelection: clearSelection, children: bulkActionButtons }));
|
|
42
|
+
bulkActions = (_jsx(BulkActions, { gridType: isMobile ? DeviceType.Mobile : DeviceType.Desktop, selected: selected, allSelected: allSelected, onClearSelection: clearSelection, onSelectAll: selectAll, turnOffSelectAll: turnOffSelectAll, children: bulkActionButtons }));
|
|
43
43
|
return;
|
|
44
44
|
}
|
|
45
45
|
if (isChildElement(child, TablePagination.displayName)) {
|
|
@@ -100,4 +100,4 @@ export const useTableChildren = (children, isMobile, selected, allSelected, clea
|
|
|
100
100
|
detailPanel: detailPanel,
|
|
101
101
|
other: other
|
|
102
102
|
};
|
|
103
|
-
}, [children, clearSelection, isMobile, selected, gridRef, allSelected, activeId, onCloseDetailPanel]);
|
|
103
|
+
}, [children, clearSelection, isMobile, selected, gridRef, allSelected, selectAll, turnOffSelectAll, activeId, onCloseDetailPanel]);
|
|
@@ -16,14 +16,6 @@ export interface ISelectableRowsOptions<T extends IRowEntity<N>, N extends IEnti
|
|
|
16
16
|
checkboxTitle?: (entity: T | N) => string;
|
|
17
17
|
headerTitle?: (state: SelectionState) => string;
|
|
18
18
|
turnOffSelectAll?: boolean;
|
|
19
|
-
/**
|
|
20
|
-
* When `true`, the header checkbox emits the current page's IDs instead of `{ all: true }`.
|
|
21
|
-
* When `undefined`, falls back to `turnOffSelectAll` for backward compatibility.
|
|
22
|
-
*
|
|
23
|
-
* Note: avoid setting this to `false` alongside `turnOffSelectAll: true` — the checkbox
|
|
24
|
-
* will emit `{ all: true }` while the dropdown hides the "Select all" option, which is inconsistent.
|
|
25
|
-
*/
|
|
26
|
-
checkboxSelectsCurrentPage?: boolean;
|
|
27
19
|
checkboxPlaceholder?: boolean;
|
|
28
20
|
strategy?: TSelectionStrategy;
|
|
29
21
|
selectAll?: boolean;
|