@geotab/zenith 3.1.1-beta.5 → 3.2.0-beta.0
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 +20 -0
- package/dist/advancedGroupsFilter/advancedGroupsFilter.js +136 -30
- package/dist/advancedGroupsFilter/advancedGroupsFilterForm.js +139 -34
- package/dist/advancedGroupsFilter/advancedGroupsFilterFormSection.js +352 -87
- package/dist/advancedGroupsFilter/advancedGroupsFilterSectionTooltip.d.ts +0 -1
- package/dist/advancedGroupsFilter/advancedGroupsFilterSectionTooltip.js +83 -9
- package/dist/alertRaw/alertRaw.js +175 -54
- package/dist/banner/bannerMultipLine.js +131 -23
- package/dist/banner/bannerSingleLine.js +110 -16
- package/dist/betaPill/betaPill.js +111 -20
- package/dist/bookmark/bookmark.js +95 -28
- package/dist/bulkEditControl/bulkEditControl.js +167 -34
- package/dist/calendar/calendar.js +943 -273
- package/dist/calendar/calendarUtils.js +157 -85
- package/dist/card/card.js +268 -123
- package/dist/chart/accessibleChart/accessibleChartNarrative.js +648 -555
- package/dist/chart/accessibleChart/accessibleChartTable.js +245 -86
- package/dist/chart/chart.js +36 -21
- package/dist/chart/chartAxis/chartAxis.js +85 -7
- package/dist/checkboxListWithAction/checkboxListWithAction.js +224 -69
- package/dist/chip/chip.js +195 -91
- package/dist/columnsSelector/columnsSelector.js +97 -12
- package/dist/columnsSelector/columnsTab/columnsTab.js +59 -15
- package/dist/columnsSelector/columnsTabGroup/columnsTabGroup.js +81 -34
- package/dist/comboboxSelected/comboboxSelected.js +1 -3
- package/dist/dataFeed/feedExpandControl/feedExpandControl.js +25 -10
- package/dist/dataGrid/columns/checkboxColumn/checkboxHeaderCell.js +92 -11
- package/dist/dataGrid/dataGrid.js +227 -117
- package/dist/dataGrid/emptySearchList/emptySearchList.js +56 -9
- package/dist/dataGrid/entitiesListActions/actions/columnsListButton.js +51 -7
- package/dist/dataGrid/entitiesListActions/actions/fullscreenButton.js +64 -18
- package/dist/dataGrid/withFlexibleColumns/components/columnSettings.js +84 -10
- package/dist/dataGrid/withFlexibleColumns/components/columnSettingsSidePanel.js +48 -16
- package/dist/dataGrid/withSelectableRows/components/bulkActions/bulkActions.js +223 -32
- package/dist/dataGrid/withSelectableRows/withSelectableRows.js +286 -213
- package/dist/dataGrid/withSortableColumns/columns/sortableColumnWrapper.js +178 -95
- package/dist/dateInputInner/dateInputInner.js +791 -476
- package/dist/dateInputInner/dateInputInnerControlBlock.js +125 -22
- package/dist/dateInputRaw/dateInputRaw.js +315 -104
- package/dist/dateInputRaw/utils/getLabel.js +38 -7
- package/dist/dateRangeInner/dateRangeInner.js +172 -58
- package/dist/dateRangeRaw/dateRangeRaw.js +601 -239
- package/dist/dateRangeRaw/utils/dateRangeUtils.js +629 -241
- package/dist/dateSelectionWrapper/dateSelectionWrapper.js +152 -14
- package/dist/dialog/dialogContent.js +123 -40
- package/dist/dropdownRaw/dropdownHelper.d.ts +2 -2
- package/dist/dropdownRaw/dropdownHelper.js +9 -9
- package/dist/dropdownRaw/dropdownList.js +447 -78
- package/dist/dropdownRaw/dropdownPopup.js +218 -20
- package/dist/dropdownRaw/dropdownRaw.js +866 -506
- package/dist/dropdownRaw/dropdownSearchableTrigger.js +223 -46
- package/dist/dropdownRaw/stateReducer/stateAction.d.ts +5 -1
- package/dist/dropdownRaw/stateReducer/stateActionType.d.ts +2 -1
- package/dist/dropdownRaw/stateReducer/stateActionType.js +1 -0
- package/dist/dropdownRaw/stateReducer/stateReducer.d.ts +6 -1
- package/dist/dropdownRaw/stateReducer/stateReducer.js +24 -12
- package/dist/dropdownRaw/stateReducer/stateReducerHelper.d.ts +2 -0
- package/dist/dropdownRaw/stateReducer/stateReducerHelper.js +20 -1
- package/dist/dropdownRaw/stateReducer/stateReducerTestData.d.ts +39 -0
- package/dist/dropdownRaw/stateReducer/stateReducerTestData.js +74 -0
- package/dist/dropdownRaw/types.d.ts +1 -0
- package/dist/favoriteButton/favoriteButton.js +59 -10
- package/dist/filters/components/filtersContainer.js +151 -64
- package/dist/filters/components/filtersEmptySelectedList.js +30 -4
- package/dist/filters/components/filtersSaveModal.js +140 -42
- package/dist/filters/components/filtersSavedChipComponent.js +318 -108
- package/dist/filters/components/filtersSearchItemData.js +127 -47
- package/dist/filters/components/filtersSearchList.js +381 -179
- package/dist/filters/components/filtersSelect.js +128 -61
- package/dist/filters/components/filtersSelectListItem.js +125 -13
- package/dist/filters/components/filtersSidePanel.js +510 -178
- package/dist/filters/filters.js +445 -268
- package/dist/filtersBar/components/filtersBarPeriodPicker/getRangeOption.js +729 -272
- package/dist/filtersBar/components/resetComponentButton.js +45 -5
- package/dist/filtersBar/filtersBarActions/filtersBarActions.js +126 -15
- package/dist/filtersBar/filtersBarSidePanel/components/filtersBarSidePanelRange/filtersBarSidePanelRange.js +155 -49
- package/dist/filtersBar/filtersBarSidePanel/filtersBarSidePanel.js +360 -104
- package/dist/filtersBar/filtersContainer/filtersContainer.js +204 -134
- package/dist/formField/components/formFieldWithLabel.d.ts +2 -1
- package/dist/formField/components/formFieldWithLabel.js +3 -2
- package/dist/formField/components/formFieldWithoutLabel.d.ts +2 -1
- package/dist/formField/components/formFieldWithoutLabel.js +3 -3
- package/dist/formField/components/trailingComponent.d.ts +8 -0
- package/dist/formField/components/trailingComponent.js +11 -0
- package/dist/formField/formField.d.ts +0 -1
- package/dist/formField/formField.js +15 -16
- package/dist/formField/hooks/useError.js +100 -36
- package/dist/formGroup/components/reviewListToggle/reviewListToggle.js +72 -7
- package/dist/formGroup/hooks/useToggle.js +37 -11
- package/dist/formGroup/utils/getControls.js +8 -7
- package/dist/formLayout/hooks/useError.js +55 -15
- package/dist/formLayout/hooks/useFormButtons.js +128 -27
- package/dist/formSection/components/formSectionModal.js +1 -1
- package/dist/formSection/formSection.js +1 -1
- package/dist/formSection/hooks/useError.js +70 -22
- package/dist/formStepper/components/formStep.js +65 -10
- package/dist/formStepper/formStepper.js +129 -33
- package/dist/formStepperButtons/formStepperButtons.js +184 -38
- package/dist/groupsFilter/groupsFilterTestData.d.ts +37 -0
- package/dist/groupsFilter/groupsFilterTestData.js +7 -0
- package/dist/groupsFilter/groupsHelper.d.ts +24 -1
- package/dist/groupsFilter/groupsHelper.js +25 -15
- package/dist/groupsFilterRaw/groupsFilterAdjustmentState.js +162 -17
- package/dist/groupsFilterRaw/groupsFilterBox.js +137 -32
- package/dist/groupsFilterRaw/groupsFilterCommon.js +75 -8
- package/dist/groupsFilterRaw/groupsFilterCurrentlySelectedState.js +184 -25
- package/dist/groupsFilterRaw/groupsFilterHelper.d.ts +2 -1
- package/dist/groupsFilterRaw/groupsFilterHelper.js +284 -168
- package/dist/groupsFilterRaw/groupsFilterInitialState.js +266 -18
- package/dist/groupsFilterRaw/groupsFilterMenu.js +124 -9
- package/dist/groupsFilterRaw/groupsFilterRaw.d.ts +1 -0
- package/dist/groupsFilterRaw/groupsFilterRaw.js +816 -308
- package/dist/groupsFilterRaw/groupsFilterTestData.d.ts +155 -2
- package/dist/groupsFilterRaw/groupsFilterTestData.js +153 -58
- package/dist/groupsFilterRaw/groupsFilterTrigger.js +139 -35
- package/dist/groupsFilterRaw/groupsHelper.js +739 -208
- package/dist/groupsFilterRaw/stateReducer/stateReducerHelper.js +3 -1
- package/dist/groupsFilterRaw/types.d.ts +1 -0
- package/dist/header/components/collapsedItemsControl/collapsedItemsControl.js +107 -52
- package/dist/header/components/mobileFilterControl/mobileFilterControl.js +62 -9
- package/dist/header/components/mobileSearchControl/mobileSearchControl.js +119 -14
- package/dist/header/headerBack.js +64 -20
- package/dist/index.css +110 -71
- package/dist/index.d.ts +2 -1
- package/dist/index.js +5 -2
- package/dist/list/itemData/itemDataInternal.js +216 -51
- package/dist/list/listItem/listItem.js +168 -55
- package/dist/menu/components/menuErrorItem.js +33 -5
- package/dist/mobileSheet/mobileSheet.js +195 -69
- package/dist/modal/modal.js +300 -142
- package/dist/nav/nav.js +1 -1
- package/dist/nav/navFooter/navFooter.js +82 -39
- package/dist/nav/navFooter/navFooterAction/navFooterAction.js +52 -13
- package/dist/nav/navHeader/navHeader.js +86 -36
- package/dist/nav/navHeader/navHeaderSearch/navHeaderSearch.js +88 -29
- package/dist/nav/navItem/navItem.d.ts +3 -3
- package/dist/nav/navItem/navItem.js +35 -33
- package/dist/nav/navMobileBar/navMobileBar.js +67 -21
- package/dist/notification/notification.js +124 -21
- package/dist/pagination/paginationArrow.js +81 -11
- package/dist/pagination/paginationText/paginationText.js +45 -11
- package/dist/pill/components/pillNonActionable/pillNonActionable.js +93 -24
- package/dist/pillBox/components/pillBoxItem.js +52 -9
- package/dist/pillBox/pillBox.js +121 -20
- package/dist/pillExpandable/pillExpandable.js +333 -139
- package/dist/rangeRaw/rangeRaw.js +486 -141
- package/dist/rangeRaw/utils/rangeHelper.js +209 -39
- package/dist/searchInputRaw/searchInputRaw.js +180 -65
- package/dist/skeleton/skeleton.js +51 -6
- package/dist/sortControl/sortControl.js +152 -42
- package/dist/stepperRaw/stepperRaw.js +116 -42
- package/dist/summary/summary.js +94 -8
- package/dist/table/actions/actionsMenu.js +171 -78
- package/dist/table/flexible/columnSettings.js +80 -10
- package/dist/table/flexible/columnsList.js +110 -43
- package/dist/table/flexible/columnsPopup.js +77 -20
- package/dist/table/nested/useNestedRows.js +167 -77
- package/dist/table/selectable/selectableHeader.js +180 -41
- package/dist/table/selectable/useSelectableRows.js +270 -191
- package/dist/table/sortable/sortableHeader.js +153 -75
- package/dist/tabs/tabs.js +227 -118
- package/dist/timePickerRaw/timePickerRaw.js +278 -58
- package/dist/toastRaw/toastRaw.js +138 -32
- package/dist/toggleButton/toggleButton.d.ts +0 -1
- package/dist/toggleButtonRaw/toggleButtonRaw.d.ts +1 -0
- package/dist/toggleButtonRaw/toggleButtonRaw.js +146 -40
- package/dist/utils/formatDate.js +1001 -117
- package/{esm/utils/localization/translations/cs-json.js → dist/utils/localization/translations/cs.json} +11 -12
- package/{esm/utils/localization/translations/da-DK-json.js → dist/utils/localization/translations/da-DK.json} +31 -23
- package/{esm/utils/localization/translations/de-json.js → dist/utils/localization/translations/de.json} +12 -13
- package/dist/utils/localization/translations/en.json +308 -0
- package/{esm/utils/localization/translations/es-json.js → dist/utils/localization/translations/es.json} +11 -12
- package/{esm/utils/localization/translations/fi-FI-json.js → dist/utils/localization/translations/fi-FI.json} +31 -23
- package/{esm/utils/localization/translations/fr-FR-json.js → dist/utils/localization/translations/fr-FR.json} +12 -12
- package/{esm/utils/localization/translations/fr-json.js → dist/utils/localization/translations/fr.json} +11 -12
- package/{esm/utils/localization/translations/hu-HU-json.js → dist/utils/localization/translations/hu-HU.json} +31 -23
- package/{esm/utils/localization/translations/id-json.js → dist/utils/localization/translations/id.json} +11 -13
- package/{esm/utils/localization/translations/it-json.js → dist/utils/localization/translations/it.json} +11 -12
- package/{esm/utils/localization/translations/ja-json.js → dist/utils/localization/translations/ja.json} +11 -12
- package/{esm/utils/localization/translations/ko-KR-json.js → dist/utils/localization/translations/ko-KR.json} +24 -23
- package/{esm/utils/localization/translations/ms-json.js → dist/utils/localization/translations/ms.json} +11 -12
- package/{esm/utils/localization/translations/nb-NO-json.js → dist/utils/localization/translations/nb-NO.json} +31 -23
- package/{esm/utils/localization/translations/nl-json.js → dist/utils/localization/translations/nl.json} +11 -12
- package/{esm/utils/localization/translations/pl-json.js → dist/utils/localization/translations/pl.json} +11 -12
- package/{esm/utils/localization/translations/pt-BR-json.js → dist/utils/localization/translations/pt-BR.json} +11 -12
- package/{esm/utils/localization/translations/sk-SK-json.js → dist/utils/localization/translations/sk-SK.json} +31 -23
- package/{esm/utils/localization/translations/sv-json.js → dist/utils/localization/translations/sv.json} +11 -12
- package/{esm/utils/localization/translations/th-json.js → dist/utils/localization/translations/th.json} +11 -12
- package/{esm/utils/localization/translations/tr-json.js → dist/utils/localization/translations/tr.json} +11 -12
- package/{esm/utils/localization/translations/zh-Hans-json.js → dist/utils/localization/translations/zh-Hans.json} +11 -12
- package/{esm/utils/localization/translations/zh-TW-json.js → dist/utils/localization/translations/zh-TW.json} +11 -23
- package/dist/utils/localization/translationsDictionary.d.ts +2 -0
- package/dist/utils/localization/translationsDictionary.js +63 -0
- package/dist/utils/localization/useLanguage.js +2 -74
- package/esm/advancedGroupsFilter/advancedGroupsFilter.js +130 -29
- package/esm/advancedGroupsFilter/advancedGroupsFilterForm.js +133 -33
- package/esm/advancedGroupsFilter/advancedGroupsFilterFormSection.js +317 -65
- package/esm/advancedGroupsFilter/advancedGroupsFilterSectionTooltip.d.ts +0 -1
- package/esm/advancedGroupsFilter/advancedGroupsFilterSectionTooltip.js +77 -8
- package/esm/alertRaw/alertRaw.js +165 -51
- package/esm/banner/bannerMultipLine.js +121 -20
- package/esm/banner/bannerSingleLine.js +100 -13
- package/esm/betaPill/betaPill.js +105 -19
- package/esm/bookmark/bookmark.js +89 -27
- package/esm/bulkEditControl/bulkEditControl.js +161 -33
- package/esm/calendar/calendar.js +937 -272
- package/esm/calendar/calendarUtils.js +151 -84
- package/esm/card/card.js +233 -101
- package/esm/chart/accessibleChart/accessibleChartNarrative.js +642 -554
- package/esm/chart/accessibleChart/accessibleChartTable.js +239 -85
- package/esm/chart/chart.js +30 -20
- package/esm/chart/chartAxis/chartAxis.js +79 -6
- package/esm/checkboxListWithAction/checkboxListWithAction.js +218 -68
- package/esm/chip/chip.js +189 -90
- package/esm/columnsSelector/columnsSelector.js +91 -11
- package/esm/columnsSelector/columnsTab/columnsTab.js +53 -14
- package/esm/columnsSelector/columnsTabGroup/columnsTabGroup.js +75 -33
- package/esm/comboboxSelected/comboboxSelected.js +1 -3
- package/esm/dataFeed/feedExpandControl/feedExpandControl.js +21 -9
- package/esm/dataGrid/columns/checkboxColumn/checkboxHeaderCell.js +86 -10
- package/esm/dataGrid/dataGrid.js +221 -116
- package/esm/dataGrid/emptySearchList/emptySearchList.js +50 -8
- package/esm/dataGrid/entitiesListActions/actions/columnsListButton.js +45 -6
- package/esm/dataGrid/entitiesListActions/actions/fullscreenButton.js +58 -17
- package/esm/dataGrid/withFlexibleColumns/components/columnSettings.js +78 -9
- package/esm/dataGrid/withFlexibleColumns/components/columnSettingsSidePanel.js +44 -15
- package/esm/dataGrid/withSelectableRows/components/bulkActions/bulkActions.js +217 -31
- package/esm/dataGrid/withSelectableRows/withSelectableRows.js +280 -212
- package/esm/dataGrid/withSortableColumns/columns/sortableColumnWrapper.js +172 -94
- package/esm/dateInputInner/dateInputInner.js +785 -475
- package/esm/dateInputInner/dateInputInnerControlBlock.js +119 -21
- package/esm/dateInputRaw/dateInputRaw.js +309 -103
- package/esm/dateInputRaw/utils/getLabel.js +32 -6
- package/esm/dateRangeInner/dateRangeInner.js +166 -57
- package/esm/dateRangeRaw/dateRangeRaw.js +595 -238
- package/esm/dateRangeRaw/utils/dateRangeUtils.js +622 -239
- package/esm/dateSelectionWrapper/dateSelectionWrapper.js +146 -13
- package/esm/dialog/dialogContent.js +117 -39
- package/esm/dropdownRaw/dropdownHelper.d.ts +2 -2
- package/esm/dropdownRaw/dropdownHelper.js +10 -10
- package/esm/dropdownRaw/dropdownList.js +412 -56
- package/esm/dropdownRaw/dropdownPopup.js +212 -19
- package/esm/dropdownRaw/dropdownRaw.js +862 -507
- package/esm/dropdownRaw/dropdownSearchableTrigger.js +217 -45
- package/esm/dropdownRaw/stateReducer/stateAction.d.ts +5 -1
- package/esm/dropdownRaw/stateReducer/stateActionType.d.ts +2 -1
- package/esm/dropdownRaw/stateReducer/stateActionType.js +1 -0
- package/esm/dropdownRaw/stateReducer/stateReducer.d.ts +6 -1
- package/esm/dropdownRaw/stateReducer/stateReducer.js +24 -12
- package/esm/dropdownRaw/stateReducer/stateReducerHelper.d.ts +2 -0
- package/esm/dropdownRaw/stateReducer/stateReducerHelper.js +18 -0
- package/esm/dropdownRaw/stateReducer/stateReducerTestData.d.ts +39 -0
- package/esm/dropdownRaw/stateReducer/stateReducerTestData.js +71 -0
- package/esm/dropdownRaw/types.d.ts +1 -0
- package/esm/favoriteButton/favoriteButton.js +53 -9
- package/esm/filters/components/filtersContainer.js +141 -61
- package/esm/filters/components/filtersEmptySelectedList.js +24 -3
- package/esm/filters/components/filtersSaveModal.js +134 -41
- package/esm/filters/components/filtersSavedChipComponent.js +312 -107
- package/esm/filters/components/filtersSearchItemData.js +121 -46
- package/esm/filters/components/filtersSearchList.js +375 -178
- package/esm/filters/components/filtersSelect.js +122 -60
- package/esm/filters/components/filtersSelectListItem.js +119 -12
- package/esm/filters/components/filtersSidePanel.js +504 -177
- package/esm/filters/filters.js +435 -265
- package/esm/filtersBar/components/filtersBarPeriodPicker/getRangeOption.js +722 -270
- package/esm/filtersBar/components/resetComponentButton.js +39 -4
- package/esm/filtersBar/filtersBarActions/filtersBarActions.js +120 -14
- package/esm/filtersBar/filtersBarSidePanel/components/filtersBarSidePanelRange/filtersBarSidePanelRange.js +149 -48
- package/esm/filtersBar/filtersBarSidePanel/filtersBarSidePanel.js +354 -103
- package/esm/filtersBar/filtersContainer/filtersContainer.js +198 -133
- package/esm/formField/components/formFieldWithLabel.d.ts +2 -1
- package/esm/formField/components/formFieldWithLabel.js +3 -2
- package/esm/formField/components/formFieldWithoutLabel.d.ts +2 -1
- package/esm/formField/components/formFieldWithoutLabel.js +3 -3
- package/esm/formField/components/trailingComponent.d.ts +8 -0
- package/esm/formField/components/trailingComponent.js +7 -0
- package/esm/formField/formField.d.ts +0 -1
- package/esm/formField/formField.js +15 -16
- package/esm/formField/hooks/useError.js +94 -35
- package/esm/formGroup/components/reviewListToggle/reviewListToggle.js +66 -6
- package/esm/formGroup/hooks/useToggle.js +31 -10
- package/esm/formGroup/utils/getControls.js +8 -7
- package/esm/formLayout/hooks/useError.js +49 -14
- package/esm/formLayout/hooks/useFormButtons.js +122 -26
- package/esm/formSection/components/formSectionModal.js +1 -1
- package/esm/formSection/formSection.js +1 -1
- package/esm/formSection/hooks/useError.js +64 -21
- package/esm/formStepper/components/formStep.js +59 -9
- package/esm/formStepper/formStepper.js +123 -32
- package/esm/formStepperButtons/formStepperButtons.js +178 -37
- package/esm/groupsFilter/groupsFilterTestData.d.ts +37 -0
- package/esm/groupsFilter/groupsFilterTestData.js +4 -0
- package/esm/groupsFilter/groupsHelper.d.ts +24 -1
- package/esm/groupsFilter/groupsHelper.js +24 -1
- package/esm/groupsFilterRaw/groupsFilterAdjustmentState.js +152 -14
- package/esm/groupsFilterRaw/groupsFilterBox.js +131 -31
- package/esm/groupsFilterRaw/groupsFilterCommon.js +69 -7
- package/esm/groupsFilterRaw/groupsFilterCurrentlySelectedState.js +178 -24
- package/esm/groupsFilterRaw/groupsFilterHelper.d.ts +2 -1
- package/esm/groupsFilterRaw/groupsFilterHelper.js +279 -168
- package/esm/groupsFilterRaw/groupsFilterInitialState.js +260 -17
- package/esm/groupsFilterRaw/groupsFilterMenu.js +118 -8
- package/esm/groupsFilterRaw/groupsFilterRaw.d.ts +1 -0
- package/esm/groupsFilterRaw/groupsFilterRaw.js +811 -308
- package/esm/groupsFilterRaw/groupsFilterTestData.d.ts +155 -2
- package/esm/groupsFilterRaw/groupsFilterTestData.js +152 -57
- package/esm/groupsFilterRaw/groupsFilterTrigger.js +133 -34
- package/esm/groupsFilterRaw/groupsHelper.js +733 -207
- package/esm/groupsFilterRaw/stateReducer/stateReducerHelper.js +3 -1
- package/esm/groupsFilterRaw/types.d.ts +1 -0
- package/esm/header/components/collapsedItemsControl/collapsedItemsControl.js +101 -51
- package/esm/header/components/mobileFilterControl/mobileFilterControl.js +56 -8
- package/esm/header/components/mobileSearchControl/mobileSearchControl.js +113 -13
- package/esm/header/headerBack.js +58 -19
- package/esm/index.d.ts +2 -1
- package/esm/index.js +2 -1
- package/esm/list/itemData/itemDataInternal.js +210 -50
- package/esm/list/listItem/listItem.js +162 -54
- package/esm/menu/components/menuErrorItem.js +27 -4
- package/esm/mobileSheet/mobileSheet.js +189 -68
- package/esm/modal/modal.js +265 -120
- package/esm/nav/nav.js +1 -1
- package/esm/nav/navFooter/navFooter.js +76 -38
- package/esm/nav/navFooter/navFooterAction/navFooterAction.js +46 -12
- package/esm/nav/navHeader/navHeader.js +80 -35
- package/esm/nav/navHeader/navHeaderSearch/navHeaderSearch.js +82 -28
- package/esm/nav/navItem/navItem.d.ts +3 -3
- package/esm/nav/navItem/navItem.js +35 -33
- package/esm/nav/navMobileBar/navMobileBar.js +61 -20
- package/esm/notification/notification.js +114 -18
- package/esm/pagination/paginationArrow.js +75 -10
- package/esm/pagination/paginationText/paginationText.js +39 -10
- package/esm/pill/components/pillNonActionable/pillNonActionable.js +87 -23
- package/esm/pillBox/components/pillBoxItem.js +46 -8
- package/esm/pillBox/pillBox.js +115 -19
- package/esm/pillExpandable/pillExpandable.js +327 -138
- package/esm/rangeRaw/rangeRaw.js +480 -140
- package/esm/rangeRaw/utils/rangeHelper.js +203 -38
- package/esm/searchInputRaw/searchInputRaw.js +145 -43
- package/esm/skeleton/skeleton.js +45 -5
- package/esm/sortControl/sortControl.js +146 -41
- package/esm/stepperRaw/stepperRaw.js +112 -41
- package/esm/storybookHelpers/dataGridWithDifferentCellOptions/components/EntitiesListAction.js +178 -19
- package/esm/summary/summary.js +88 -7
- package/esm/table/actions/actionsMenu.js +165 -77
- package/esm/table/flexible/columnSettings.js +74 -9
- package/esm/table/flexible/columnsList.js +104 -42
- package/esm/table/flexible/columnsPopup.js +71 -19
- package/esm/table/nested/useNestedRows.js +161 -76
- package/esm/table/selectable/selectableHeader.js +174 -40
- package/esm/table/selectable/useSelectableRows.js +264 -190
- package/esm/table/sortable/sortableHeader.js +147 -74
- package/esm/tabs/tabs.js +221 -117
- package/esm/timePickerRaw/timePickerRaw.js +272 -57
- package/esm/toastRaw/toastRaw.js +132 -31
- package/esm/toggleButton/toggleButton.d.ts +0 -1
- package/esm/toggleButtonRaw/toggleButtonRaw.d.ts +1 -0
- package/esm/toggleButtonRaw/toggleButtonRaw.js +111 -18
- package/esm/utils/formatDate.js +995 -116
- package/{dist/utils/localization/translations/cs-json.js → esm/utils/localization/translations/cs.json} +11 -15
- package/{dist/utils/localization/translations/da-DK-json.js → esm/utils/localization/translations/da-DK.json} +31 -26
- package/{dist/utils/localization/translations/de-json.js → esm/utils/localization/translations/de.json} +12 -16
- package/esm/utils/localization/translations/en.json +308 -0
- package/{dist/utils/localization/translations/es-json.js → esm/utils/localization/translations/es.json} +11 -15
- package/{dist/utils/localization/translations/fi-FI-json.js → esm/utils/localization/translations/fi-FI.json} +31 -26
- package/{dist/utils/localization/translations/fr-FR-json.js → esm/utils/localization/translations/fr-FR.json} +12 -15
- package/{dist/utils/localization/translations/fr-json.js → esm/utils/localization/translations/fr.json} +11 -15
- package/{dist/utils/localization/translations/hu-HU-json.js → esm/utils/localization/translations/hu-HU.json} +31 -26
- package/{dist/utils/localization/translations/id-json.js → esm/utils/localization/translations/id.json} +11 -16
- package/{dist/utils/localization/translations/it-json.js → esm/utils/localization/translations/it.json} +11 -15
- package/{dist/utils/localization/translations/ja-json.js → esm/utils/localization/translations/ja.json} +11 -15
- package/{dist/utils/localization/translations/ko-KR-json.js → esm/utils/localization/translations/ko-KR.json} +24 -26
- package/{dist/utils/localization/translations/ms-json.js → esm/utils/localization/translations/ms.json} +11 -15
- package/{dist/utils/localization/translations/nb-NO-json.js → esm/utils/localization/translations/nb-NO.json} +31 -26
- package/{dist/utils/localization/translations/nl-json.js → esm/utils/localization/translations/nl.json} +11 -15
- package/{dist/utils/localization/translations/pl-json.js → esm/utils/localization/translations/pl.json} +11 -15
- package/{dist/utils/localization/translations/pt-BR-json.js → esm/utils/localization/translations/pt-BR.json} +11 -15
- package/{dist/utils/localization/translations/sk-SK-json.js → esm/utils/localization/translations/sk-SK.json} +31 -26
- package/{dist/utils/localization/translations/sv-json.js → esm/utils/localization/translations/sv.json} +11 -15
- package/{dist/utils/localization/translations/th-json.js → esm/utils/localization/translations/th.json} +11 -15
- package/{dist/utils/localization/translations/tr-json.js → esm/utils/localization/translations/tr.json} +11 -15
- package/{dist/utils/localization/translations/zh-Hans-json.js → esm/utils/localization/translations/zh-Hans.json} +11 -15
- package/{dist/utils/localization/translations/zh-TW-json.js → esm/utils/localization/translations/zh-TW.json} +11 -26
- package/esm/utils/localization/translationsDictionary.d.ts +2 -0
- package/esm/utils/localization/translationsDictionary.js +59 -0
- package/esm/utils/localization/useLanguage.js +1 -50
- package/package.json +17 -10
- package/dist/formField/hooks/useClasses.d.ts +0 -8
- package/dist/formField/hooks/useClasses.js +0 -25
- package/dist/utils/localization/translations/cs-json.d.ts +0 -251
- package/dist/utils/localization/translations/da-DK-json.d.ts +0 -252
- package/dist/utils/localization/translations/de-json.d.ts +0 -251
- package/dist/utils/localization/translations/en-json.d.ts +0 -314
- package/dist/utils/localization/translations/en-json.js +0 -317
- package/dist/utils/localization/translations/es-json.d.ts +0 -251
- package/dist/utils/localization/translations/fi-FI-json.d.ts +0 -252
- package/dist/utils/localization/translations/fr-FR-json.d.ts +0 -250
- package/dist/utils/localization/translations/fr-json.d.ts +0 -251
- package/dist/utils/localization/translations/hu-HU-json.d.ts +0 -252
- package/dist/utils/localization/translations/id-json.d.ts +0 -252
- package/dist/utils/localization/translations/it-json.d.ts +0 -251
- package/dist/utils/localization/translations/ja-json.d.ts +0 -251
- package/dist/utils/localization/translations/ko-KR-json.d.ts +0 -258
- package/dist/utils/localization/translations/ms-json.d.ts +0 -251
- package/dist/utils/localization/translations/nb-NO-json.d.ts +0 -252
- package/dist/utils/localization/translations/nl-json.d.ts +0 -251
- package/dist/utils/localization/translations/pl-json.d.ts +0 -251
- package/dist/utils/localization/translations/pt-BR-json.d.ts +0 -251
- package/dist/utils/localization/translations/sk-SK-json.d.ts +0 -251
- package/dist/utils/localization/translations/sv-json.d.ts +0 -251
- package/dist/utils/localization/translations/th-json.d.ts +0 -251
- package/dist/utils/localization/translations/tr-json.d.ts +0 -251
- package/dist/utils/localization/translations/zh-Hans-json.d.ts +0 -251
- package/dist/utils/localization/translations/zh-TW-json.d.ts +0 -271
- package/esm/formField/hooks/useClasses.d.ts +0 -8
- package/esm/formField/hooks/useClasses.js +0 -21
- package/esm/utils/localization/translations/cs-json.d.ts +0 -251
- package/esm/utils/localization/translations/da-DK-json.d.ts +0 -252
- package/esm/utils/localization/translations/de-json.d.ts +0 -251
- package/esm/utils/localization/translations/en-json.d.ts +0 -314
- package/esm/utils/localization/translations/en-json.js +0 -314
- package/esm/utils/localization/translations/es-json.d.ts +0 -251
- package/esm/utils/localization/translations/fi-FI-json.d.ts +0 -252
- package/esm/utils/localization/translations/fr-FR-json.d.ts +0 -250
- package/esm/utils/localization/translations/fr-json.d.ts +0 -251
- package/esm/utils/localization/translations/hu-HU-json.d.ts +0 -252
- package/esm/utils/localization/translations/id-json.d.ts +0 -252
- package/esm/utils/localization/translations/it-json.d.ts +0 -251
- package/esm/utils/localization/translations/ja-json.d.ts +0 -251
- package/esm/utils/localization/translations/ko-KR-json.d.ts +0 -258
- package/esm/utils/localization/translations/ms-json.d.ts +0 -251
- package/esm/utils/localization/translations/nb-NO-json.d.ts +0 -252
- package/esm/utils/localization/translations/nl-json.d.ts +0 -251
- package/esm/utils/localization/translations/pl-json.d.ts +0 -251
- package/esm/utils/localization/translations/pt-BR-json.d.ts +0 -251
- package/esm/utils/localization/translations/sk-SK-json.d.ts +0 -251
- package/esm/utils/localization/translations/sv-json.d.ts +0 -251
- package/esm/utils/localization/translations/th-json.d.ts +0 -251
- package/esm/utils/localization/translations/tr-json.d.ts +0 -251
- package/esm/utils/localization/translations/zh-Hans-json.d.ts +0 -251
- package/esm/utils/localization/translations/zh-TW-json.d.ts +0 -271
|
@@ -1,10 +1,64 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
-
|
|
2
|
+
|
|
3
|
+
const {
|
|
4
|
+
injectString
|
|
5
|
+
} = require("../utils/localization/translationsDictionary");
|
|
6
|
+
Object.defineProperty(exports, "__esModule", {
|
|
7
|
+
value: true
|
|
8
|
+
});
|
|
3
9
|
exports.TRANSLATIONS = exports.ColumnsSelector = void 0;
|
|
4
10
|
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
5
11
|
const popup_1 = require("../popup/popup");
|
|
6
12
|
const columnsTab_1 = require("./columnsTab/columnsTab");
|
|
7
13
|
const columnsTabGroup_1 = require("./columnsTabGroup/columnsTabGroup");
|
|
14
|
+
injectString("cs", "Column Settings", "Nastaven\xED sloupc\u016F");
|
|
15
|
+
injectString("da-DK", "Column Settings", "Kolonneindstillinger");
|
|
16
|
+
injectString("de", "Column Settings", "Spalteneinstellungen");
|
|
17
|
+
injectString("en", "Column Settings", "Column Settings");
|
|
18
|
+
injectString("es", "Column Settings", "Configuraci\xF3n de columnas");
|
|
19
|
+
injectString("fi-FI", "Column Settings", "Sarakkeiden asetukset");
|
|
20
|
+
injectString("fr", "Column Settings", "Param\xE8tres des colonnes");
|
|
21
|
+
injectString("fr-FR", "Column Settings", "Param\xE8tres des colonnes");
|
|
22
|
+
injectString("hu-HU", "Column Settings", "Oszlopbe\xE1ll\xEDt\xE1sok");
|
|
23
|
+
injectString("id", "Column Settings", "Pengaturan Kolom");
|
|
24
|
+
injectString("it", "Column Settings", "Impostazioni colonna");
|
|
25
|
+
injectString("ja", "Column Settings", "\u5217\u306E\u8A2D\u5B9A");
|
|
26
|
+
injectString("ko-KR", "Column Settings", "\uC5F4 \uC124\uC815");
|
|
27
|
+
injectString("ms", "Column Settings", "Tetapan Lajur");
|
|
28
|
+
injectString("nb-NO", "Column Settings", "Kolonneinnstillinger");
|
|
29
|
+
injectString("nl", "Column Settings", "Kolominstellingen");
|
|
30
|
+
injectString("pl", "Column Settings", "Ustawienia kolumn");
|
|
31
|
+
injectString("pt-BR", "Column Settings", "Configura\xE7\xF5es da coluna");
|
|
32
|
+
injectString("sk-SK", "Column Settings", "Nastavenia st\u013Apcov");
|
|
33
|
+
injectString("sv", "Column Settings", "Kolumninst\xE4llningar");
|
|
34
|
+
injectString("th", "Column Settings", "\u0E01\u0E32\u0E23\u0E15\u0E31\u0E49\u0E07\u0E04\u0E48\u0E32\u0E04\u0E2D\u0E25\u0E31\u0E21\u0E19\u0E4C");
|
|
35
|
+
injectString("tr", "Column Settings", "S\xFCtun Ayarlar\u0131");
|
|
36
|
+
injectString("zh-Hans", "Column Settings", "\u5217\u8BBE\u7F6E");
|
|
37
|
+
injectString("zh-TW", "Column Settings", "\u6B04\u8A2D\u5B9A");
|
|
38
|
+
injectString("cs", "Reset to default", "Obnovit v\xFDchoz\xED");
|
|
39
|
+
injectString("da-DK", "Reset to default", "Nulstil til standard");
|
|
40
|
+
injectString("de", "Reset to default", "Auf Standard zur\xFCcksetzen");
|
|
41
|
+
injectString("en", "Reset to default", "Reset to default");
|
|
42
|
+
injectString("es", "Reset to default", "Restaurar a los valores por defecto");
|
|
43
|
+
injectString("fi-FI", "Reset to default", "Palauta oletus");
|
|
44
|
+
injectString("fr", "Reset to default", "R\xE9tablir les valeurs par d\xE9faut");
|
|
45
|
+
injectString("fr-FR", "Reset to default", "R\xE9tablir les valeurs par d\xE9faut");
|
|
46
|
+
injectString("hu-HU", "Reset to default", "\xC1ll\xEDtsd vissza az alap\xE9rtelmezettre.");
|
|
47
|
+
injectString("id", "Reset to default", "Atur ulang ke default");
|
|
48
|
+
injectString("it", "Reset to default", "Ripristina impostazioni predefinite");
|
|
49
|
+
injectString("ja", "Reset to default", "\u30C7\u30D5\u30A9\u30EB\u30C8\u306B\u30EA\u30BB\u30C3\u30C8");
|
|
50
|
+
injectString("ko-KR", "Reset to default", "\uAE30\uBCF8\uAC12\uC73C\uB85C \uC7AC\uC124\uC815");
|
|
51
|
+
injectString("ms", "Reset to default", "Tetapkan semula kepada lalai");
|
|
52
|
+
injectString("nb-NO", "Reset to default", "Tilbakestill til standard");
|
|
53
|
+
injectString("nl", "Reset to default", "Standaardinstellingen herstellen");
|
|
54
|
+
injectString("pl", "Reset to default", "Przywr\xF3\u0107 ustawienia domy\u015Blne");
|
|
55
|
+
injectString("pt-BR", "Reset to default", "Redefinir para o padr\xE3o");
|
|
56
|
+
injectString("sk-SK", "Reset to default", "Obnov na predvolen\xE9.");
|
|
57
|
+
injectString("sv", "Reset to default", "\xC5terst\xE4ll till standard");
|
|
58
|
+
injectString("th", "Reset to default", "\u0E23\u0E35\u0E40\u0E0B\u0E47\u0E15\u0E40\u0E1B\u0E47\u0E19\u0E04\u0E48\u0E32\u0E40\u0E23\u0E34\u0E48\u0E21\u0E15\u0E49\u0E19");
|
|
59
|
+
injectString("tr", "Reset to default", "Varsay\u0131lana s\u0131f\u0131rla");
|
|
60
|
+
injectString("zh-Hans", "Reset to default", "\u91CD\u7F6E\u4E3A\u9ED8\u8BA4\u503C");
|
|
61
|
+
injectString("zh-TW", "Reset to default", "\u91CD\u8A2D\u70BA\u9810\u8A2D\u503C");
|
|
8
62
|
const svgIconSize_1 = require("../svgIcon/svgIconSize");
|
|
9
63
|
const textIconButton_1 = require("../textIconButton/textIconButton");
|
|
10
64
|
const iconRefresh_1 = require("../icons/deprecated/iconRefresh");
|
|
@@ -14,16 +68,47 @@ const button_1 = require("../button/button");
|
|
|
14
68
|
/**
|
|
15
69
|
* @deprecated - will be removed in future releases
|
|
16
70
|
*/
|
|
17
|
-
const ColumnsSelector = ({
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
71
|
+
const ColumnsSelector = ({
|
|
72
|
+
id,
|
|
73
|
+
columns = [],
|
|
74
|
+
onColumnToggle,
|
|
75
|
+
additionalColumns = [],
|
|
76
|
+
onAdditionalColumnToggle,
|
|
77
|
+
onColumnsReset
|
|
78
|
+
}) => {
|
|
79
|
+
const {
|
|
80
|
+
translate
|
|
81
|
+
} = (0, useLanguage_1.useLanguage)();
|
|
82
|
+
const triggerButton = (0, jsx_runtime_1.jsx)(button_1.Button, {
|
|
83
|
+
"aria-label": translate("Column Settings"),
|
|
84
|
+
type: "tertiary-black",
|
|
85
|
+
className: "zen-caption",
|
|
86
|
+
children: (0, jsx_runtime_1.jsx)(iconSettings3_1.IconSettings3, {
|
|
87
|
+
size: "large"
|
|
88
|
+
})
|
|
89
|
+
});
|
|
90
|
+
const resetButton = onColumnsReset ? (0, jsx_runtime_1.jsx)(textIconButton_1.TextIconButton, {
|
|
91
|
+
className: "zen-button--separate zen-columns-filter__item zen-columns-filter__item--button zen-columns-filter__reset",
|
|
92
|
+
iconPosition: textIconButton_1.ButtonIconPosition.Start,
|
|
93
|
+
icon: iconRefresh_1.IconRefresh,
|
|
94
|
+
iconSize: svgIconSize_1.SvgIconSize.Huge,
|
|
95
|
+
onClick: onColumnsReset,
|
|
96
|
+
children: translate("Reset to default")
|
|
97
|
+
}) : (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, {});
|
|
98
|
+
return (0, jsx_runtime_1.jsxs)(popup_1.Popup, {
|
|
99
|
+
className: "zen-columns-filter",
|
|
100
|
+
trigger: triggerButton,
|
|
101
|
+
alignment: "bottom-right",
|
|
102
|
+
ariaLabel: translate("Column Settings"),
|
|
103
|
+
children: [resetButton, (0, jsx_runtime_1.jsx)(columnsTab_1.ColumnsTab, {
|
|
104
|
+
id: id,
|
|
105
|
+
columns: columns,
|
|
106
|
+
onColumnToggle: state => onColumnToggle && onColumnToggle(state)
|
|
107
|
+
}), (0, jsx_runtime_1.jsx)(columnsTabGroup_1.ColumnsTabGroup, {
|
|
108
|
+
columns: additionalColumns,
|
|
109
|
+
onColumnToggle: state => onAdditionalColumnToggle && onAdditionalColumnToggle(state)
|
|
110
|
+
})]
|
|
111
|
+
});
|
|
24
112
|
};
|
|
25
113
|
exports.ColumnsSelector = ColumnsSelector;
|
|
26
|
-
exports.TRANSLATIONS = [
|
|
27
|
-
"Columns",
|
|
28
|
-
"Reset to default"
|
|
29
|
-
];
|
|
114
|
+
exports.TRANSLATIONS = ["Columns", "Reset to default"];
|
|
@@ -1,23 +1,67 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
-
|
|
2
|
+
|
|
3
|
+
const {
|
|
4
|
+
injectString
|
|
5
|
+
} = require("../../utils/localization/translationsDictionary");
|
|
6
|
+
Object.defineProperty(exports, "__esModule", {
|
|
7
|
+
value: true
|
|
8
|
+
});
|
|
3
9
|
exports.TRANSLATIONS = exports.ColumnsTab = void 0;
|
|
4
10
|
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
5
11
|
const selectList_1 = require("../../selectList/selectList");
|
|
6
12
|
const checkboxState_1 = require("../../checkbox/checkboxState");
|
|
7
13
|
const useLanguage_1 = require("../../utils/localization/useLanguage");
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
14
|
+
injectString("cs", "Columns", "Sloupce");
|
|
15
|
+
injectString("da-DK", "Columns", "Kolonner");
|
|
16
|
+
injectString("de", "Columns", "Spalten");
|
|
17
|
+
injectString("en", "Columns", "Columns");
|
|
18
|
+
injectString("es", "Columns", "Columnas");
|
|
19
|
+
injectString("fi-FI", "Columns", "Sarakkeet");
|
|
20
|
+
injectString("fr", "Columns", "Colonnes");
|
|
21
|
+
injectString("fr-FR", "Columns", "Colonnes");
|
|
22
|
+
injectString("hu-HU", "Columns", "Oszlopok");
|
|
23
|
+
injectString("id", "Columns", "Kolom");
|
|
24
|
+
injectString("it", "Columns", "Colonne");
|
|
25
|
+
injectString("ja", "Columns", "\u5217");
|
|
26
|
+
injectString("ko-KR", "Columns", "\uC5F4");
|
|
27
|
+
injectString("ms", "Columns", "Lajur");
|
|
28
|
+
injectString("nb-NO", "Columns", "Kolonner");
|
|
29
|
+
injectString("nl", "Columns", "Kolommen");
|
|
30
|
+
injectString("pl", "Columns", "Kolumny");
|
|
31
|
+
injectString("pt-BR", "Columns", "Colunas");
|
|
32
|
+
injectString("sk-SK", "Columns", "St\u013Apce");
|
|
33
|
+
injectString("sv", "Columns", "Kolumner");
|
|
34
|
+
injectString("th", "Columns", "\u0E04\u0E2D\u0E25\u0E31\u0E21\u0E19\u0E4C");
|
|
35
|
+
injectString("tr", "Columns", "S\xFCtunlar");
|
|
36
|
+
injectString("zh-Hans", "Columns", "\u5217");
|
|
37
|
+
injectString("zh-TW", "Columns", "\u6B04");
|
|
38
|
+
const ColumnsTab = ({
|
|
39
|
+
columns,
|
|
40
|
+
onColumnToggle,
|
|
41
|
+
id
|
|
42
|
+
}) => {
|
|
43
|
+
const {
|
|
44
|
+
translate
|
|
45
|
+
} = (0, useLanguage_1.useLanguage)();
|
|
46
|
+
const listItems = columns.map(function (col) {
|
|
47
|
+
return {
|
|
48
|
+
id: col.id,
|
|
49
|
+
state: col.isChecked ? checkboxState_1.CheckboxState.On : checkboxState_1.CheckboxState.Off,
|
|
50
|
+
disabled: col.isBlocked,
|
|
51
|
+
children: col.label
|
|
52
|
+
};
|
|
53
|
+
});
|
|
54
|
+
return (0, jsx_runtime_1.jsx)(selectList_1.SelectList, {
|
|
55
|
+
title: translate("Columns"),
|
|
56
|
+
multiselect: true,
|
|
57
|
+
showCheckbox: true,
|
|
58
|
+
id: `columns-list-${id}`,
|
|
59
|
+
value: new Map(columns.map(col => [col.id, col.isChecked ? checkboxState_1.CheckboxState.On : checkboxState_1.CheckboxState.Off])),
|
|
60
|
+
onChange: state => onColumnToggle(columns.map(col => Object.assign(Object.assign({}, col), {
|
|
61
|
+
isChecked: state.get(col.id) === checkboxState_1.CheckboxState.On
|
|
62
|
+
}))),
|
|
63
|
+
items: listItems
|
|
64
|
+
});
|
|
19
65
|
};
|
|
20
66
|
exports.ColumnsTab = ColumnsTab;
|
|
21
|
-
exports.TRANSLATIONS = [
|
|
22
|
-
"Columns selector"
|
|
23
|
-
];
|
|
67
|
+
exports.TRANSLATIONS = ["Columns"];
|
|
@@ -1,43 +1,90 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
-
|
|
2
|
+
|
|
3
|
+
const {
|
|
4
|
+
injectString
|
|
5
|
+
} = require("../../utils/localization/translationsDictionary");
|
|
6
|
+
Object.defineProperty(exports, "__esModule", {
|
|
7
|
+
value: true
|
|
8
|
+
});
|
|
3
9
|
exports.TRANSLATIONS = exports.ColumnsTabGroup = void 0;
|
|
4
10
|
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
5
11
|
const react_1 = require("react");
|
|
6
12
|
const accordion_1 = require("../../accordion/accordion");
|
|
7
13
|
const columnsTab_1 = require("../columnsTab/columnsTab");
|
|
8
14
|
const useLanguage_1 = require("../../utils/localization/useLanguage");
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
15
|
+
injectString("cs", "Additional Properties", "Dal\u0161\xED vlastnosti");
|
|
16
|
+
injectString("da-DK", "Additional Properties", "Yderligere egenskaber");
|
|
17
|
+
injectString("de", "Additional Properties", "Zus\xE4tzliche Eigenschaften");
|
|
18
|
+
injectString("en", "Additional Properties", "Additional Properties");
|
|
19
|
+
injectString("es", "Additional Properties", "Propiedades adicionales");
|
|
20
|
+
injectString("fi-FI", "Additional Properties", "Lis\xE4ominaisuudet");
|
|
21
|
+
injectString("fr", "Additional Properties", "Propri\xE9t\xE9s suppl\xE9mentaires");
|
|
22
|
+
injectString("fr-FR", "Additional Properties", "Propri\xE9t\xE9s suppl\xE9mentaires");
|
|
23
|
+
injectString("hu-HU", "Additional Properties", "Tov\xE1bbi tulajdons\xE1gok");
|
|
24
|
+
injectString("id", "Additional Properties", "Properti Tambahan");
|
|
25
|
+
injectString("it", "Additional Properties", "Propriet\xE0 aggiuntive");
|
|
26
|
+
injectString("ja", "Additional Properties", "\u8FFD\u52A0\u30D7\u30ED\u30D1\u30C6\u30A3");
|
|
27
|
+
injectString("ko-KR", "Additional Properties", "\uCD94\uAC00 \uC18D\uC131");
|
|
28
|
+
injectString("ms", "Additional Properties", "Sifat Tambahan");
|
|
29
|
+
injectString("nb-NO", "Additional Properties", "Ytterligere eiendommer");
|
|
30
|
+
injectString("nl", "Additional Properties", "Extra eigenschappen");
|
|
31
|
+
injectString("pl", "Additional Properties", "Dodatkowe w\u0142a\u015Bciwo\u015Bci");
|
|
32
|
+
injectString("pt-BR", "Additional Properties", "Propriedades adicionais");
|
|
33
|
+
injectString("sk-SK", "Additional Properties", "\u010Eal\u0161ie vlastnosti");
|
|
34
|
+
injectString("sv", "Additional Properties", "Ytterligare egenskaper");
|
|
35
|
+
injectString("th", "Additional Properties", "\u0E04\u0E38\u0E13\u0E2A\u0E21\u0E1A\u0E31\u0E15\u0E34\u0E40\u0E1E\u0E34\u0E48\u0E21\u0E40\u0E15\u0E34\u0E21");
|
|
36
|
+
injectString("tr", "Additional Properties", "Ek \xD6zellikler");
|
|
37
|
+
injectString("zh-Hans", "Additional Properties", "\u5176\u4ED6\u5C5E\u6027");
|
|
38
|
+
injectString("zh-TW", "Additional Properties", "\u5176\u4ED6\u5C6C\u6027");
|
|
39
|
+
const ColumnsTabGroup = ({
|
|
40
|
+
columns,
|
|
41
|
+
onColumnToggle
|
|
42
|
+
}) => {
|
|
43
|
+
const {
|
|
44
|
+
translate
|
|
45
|
+
} = (0, useLanguage_1.useLanguage)();
|
|
46
|
+
const [activeTabs, setActiveTabs] = (0, react_1.useState)([]);
|
|
47
|
+
if (columns.length === 0) {
|
|
48
|
+
return (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, {});
|
|
49
|
+
}
|
|
50
|
+
const accordionData = columns.map(function (column, i) {
|
|
51
|
+
const handleColumnToggle = state => {
|
|
52
|
+
const updatedColumnsGroup = columns.map(function (col, j) {
|
|
53
|
+
if (i === j) {
|
|
54
|
+
return Object.assign(Object.assign({}, col), {
|
|
55
|
+
children: state
|
|
56
|
+
});
|
|
57
|
+
}
|
|
58
|
+
return col;
|
|
59
|
+
});
|
|
60
|
+
onColumnToggle(updatedColumnsGroup);
|
|
61
|
+
};
|
|
62
|
+
return {
|
|
63
|
+
id: column.id,
|
|
64
|
+
title: column.name,
|
|
65
|
+
content: (0, jsx_runtime_1.jsx)(columnsTab_1.ColumnsTab, {
|
|
66
|
+
id: column.id,
|
|
67
|
+
columns: column.children,
|
|
68
|
+
onColumnToggle: handleColumnToggle
|
|
69
|
+
})
|
|
70
|
+
};
|
|
71
|
+
});
|
|
72
|
+
const clickHandler = itemId => setActiveTabs(oldActiveIds => {
|
|
73
|
+
const isClosed = oldActiveIds.indexOf(itemId) === -1;
|
|
74
|
+
return isClosed ? oldActiveIds.concat(itemId) : oldActiveIds.filter(item => item !== itemId);
|
|
75
|
+
});
|
|
76
|
+
const accordion = (0, jsx_runtime_1.jsx)(accordion_1.Accordion, {
|
|
77
|
+
className: "zen-accordion--legacy",
|
|
78
|
+
data: accordionData,
|
|
79
|
+
activeIds: activeTabs,
|
|
80
|
+
onItemClick: clickHandler
|
|
81
|
+
});
|
|
82
|
+
return (0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, {
|
|
83
|
+
children: [(0, jsx_runtime_1.jsx)("header", {
|
|
84
|
+
className: "zen-columns-filter__item zen-columns-filter__item--header",
|
|
85
|
+
children: translate("Additional Properties")
|
|
86
|
+
}), accordion]
|
|
87
|
+
});
|
|
39
88
|
};
|
|
40
89
|
exports.ColumnsTabGroup = ColumnsTabGroup;
|
|
41
|
-
exports.TRANSLATIONS = [
|
|
42
|
-
"Additional Properties"
|
|
43
|
-
];
|
|
90
|
+
exports.TRANSLATIONS = ["Additional Properties"];
|
|
@@ -4,13 +4,11 @@ exports.TRANSLATIONS = exports.ComboboxSelected = void 0;
|
|
|
4
4
|
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
5
5
|
const groupsHelper_1 = require("../groupsFilterRaw/groupsHelper");
|
|
6
6
|
const classNames_1 = require("../commonHelpers/classNames/classNames");
|
|
7
|
-
const useLanguage_1 = require("../utils/localization/useLanguage");
|
|
8
7
|
const pill_1 = require("../pill/pill");
|
|
9
8
|
const pillBox_1 = require("../pillBox/pillBox");
|
|
10
9
|
const ComboboxSelected = ({ selection, onRemove, className, pillEmptyText }) => {
|
|
11
|
-
const { translate } = (0, useLanguage_1.useLanguage)();
|
|
12
10
|
const isCommonPill = selection.length === 0 || selection.length === 1 && selection[0].id === groupsHelper_1.ENTIRE_ORGANIZATION_GROUP_ID;
|
|
13
|
-
return (0, jsx_runtime_1.jsx)("div", { className: (0, classNames_1.classNames)(["zen-combobox-selected", className || ""]), children: isCommonPill && pillEmptyText ? (0, jsx_runtime_1.jsx)(pill_1.Pill, { children:
|
|
11
|
+
return (0, jsx_runtime_1.jsx)("div", { className: (0, classNames_1.classNames)(["zen-combobox-selected", className || ""]), children: isCommonPill && pillEmptyText ? (0, jsx_runtime_1.jsx)(pill_1.Pill, { children: pillEmptyText })
|
|
14
12
|
: (0, jsx_runtime_1.jsx)(pillBox_1.PillBox, { selectedPills: selection.map(el => (el.name ? el : Object.assign(Object.assign({}, el), { name: "..." }))), onRemove: onRemove }) });
|
|
15
13
|
};
|
|
16
14
|
exports.ComboboxSelected = ComboboxSelected;
|
|
@@ -1,5 +1,8 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
-
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
3
6
|
exports.TRANSLATIONS = exports.FeedExpandControl = void 0;
|
|
4
7
|
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
5
8
|
const classNames_1 = require("../../commonHelpers/classNames/classNames");
|
|
@@ -9,14 +12,26 @@ const iconLayoutWindow4_1 = require("../../icons/iconLayoutWindow4");
|
|
|
9
12
|
const svgIconSize_1 = require("../../svgIcon/svgIconSize");
|
|
10
13
|
const textIconButton_1 = require("../../textIconButton/textIconButton");
|
|
11
14
|
const useLanguage_1 = require("../../utils/localization/useLanguage");
|
|
12
|
-
const FeedExpandControl = ({
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
15
|
+
const FeedExpandControl = ({
|
|
16
|
+
className = "",
|
|
17
|
+
isExpanded,
|
|
18
|
+
onClick
|
|
19
|
+
}) => {
|
|
20
|
+
const {
|
|
21
|
+
translate
|
|
22
|
+
} = (0, useLanguage_1.useLanguage)();
|
|
23
|
+
const classes = (0, classNames_1.classNames)([className, "zen-data-feed-expand-control"]);
|
|
24
|
+
const title = isExpanded ? translate("Collapse feed") : translate("Expand feed");
|
|
25
|
+
return (0, jsx_runtime_1.jsx)(textIconButton_1.TextIconButton, {
|
|
26
|
+
className: classes,
|
|
27
|
+
icon: isExpanded ? iconLayoutWindow4_1.IconLayoutWindow4 : iconLayoutWindow3_1.IconLayoutWindow3,
|
|
28
|
+
iconSize: svgIconSize_1.SvgIconSize.Large,
|
|
29
|
+
iconPosition: textIconButton_1.ButtonIconPosition.Start,
|
|
30
|
+
"aria-label": title,
|
|
31
|
+
title: title,
|
|
32
|
+
onClick: onClick,
|
|
33
|
+
type: buttonType_1.ButtonType.TertiaryBlack
|
|
34
|
+
});
|
|
17
35
|
};
|
|
18
36
|
exports.FeedExpandControl = FeedExpandControl;
|
|
19
|
-
exports.TRANSLATIONS = [
|
|
20
|
-
"Collapse feed",
|
|
21
|
-
"Expand feed"
|
|
22
|
-
];
|
|
37
|
+
exports.TRANSLATIONS = ["Collapse feed", "Expand feed"];
|
|
@@ -1,25 +1,106 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
-
|
|
2
|
+
|
|
3
|
+
const {
|
|
4
|
+
injectString
|
|
5
|
+
} = require("../../../utils/localization/translationsDictionary");
|
|
6
|
+
Object.defineProperty(exports, "__esModule", {
|
|
7
|
+
value: true
|
|
8
|
+
});
|
|
3
9
|
exports.CheckboxHeaderCell = void 0;
|
|
4
10
|
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
5
11
|
const react_1 = require("react");
|
|
6
12
|
const textIconButton_1 = require("../../../textIconButton/textIconButton");
|
|
7
13
|
const buttonType_1 = require("../../../button/buttonType");
|
|
8
14
|
const checkbox_1 = require("../../../checkbox/checkbox");
|
|
15
|
+
injectString("cs", "Multiple row selection menu", "Nab\xEDdka s\xA0v\xEDcen\xE1sobn\xFDm v\xFDb\u011Brem \u0159\xE1dk\u016F");
|
|
16
|
+
injectString("da-DK", "Multiple row selection menu", "Menu til valg af flere r\xE6kker");
|
|
17
|
+
injectString("de", "Multiple row selection menu", "Men\xFC Auswahl mehrerer Reihen");
|
|
18
|
+
injectString("en", "Multiple row selection menu", "Multiple row selection menu");
|
|
19
|
+
injectString("es", "Multiple row selection menu", "Men\xFA de selecci\xF3n de varias filas");
|
|
20
|
+
injectString("fi-FI", "Multiple row selection menu", "Usean rivin valintavalikko");
|
|
21
|
+
injectString("fr", "Multiple row selection menu", "Menu de s\xE9lection \xE0 plusieurs lignes");
|
|
22
|
+
injectString("fr-FR", "Multiple row selection menu", "Menu de s\xE9lection \xE0 lignes multiples");
|
|
23
|
+
injectString("hu-HU", "Multiple row selection menu", "T\xF6bb soros kijel\xF6l\xE9s men\xFC");
|
|
24
|
+
injectString("id", "Multiple row selection menu", "Menu pilihan baris ganda");
|
|
25
|
+
injectString("it", "Multiple row selection menu", "Menu di selezione a righe multiple");
|
|
26
|
+
injectString("ja", "Multiple row selection menu", "\u8907\u6570\u884C\u9078\u629E\u30E1\u30CB\u30E5\u30FC");
|
|
27
|
+
injectString("ko-KR", "Multiple row selection menu", "\uC5EC\uB7EC \uD589 \uC120\uD0DD \uBA54\uB274");
|
|
28
|
+
injectString("ms", "Multiple row selection menu", "Menu pemilihan berbilang baris");
|
|
29
|
+
injectString("nb-NO", "Multiple row selection menu", "Meny for valg av flere rader");
|
|
30
|
+
injectString("nl", "Multiple row selection menu", "Selectiemenu meerdere rijen");
|
|
31
|
+
injectString("pl", "Multiple row selection menu", "Menu wielokrotnego wyboru wiersza");
|
|
32
|
+
injectString("pt-BR", "Multiple row selection menu", "Menu de sele\xE7\xE3o de v\xE1rias linhas");
|
|
33
|
+
injectString("sk-SK", "Multiple row selection menu", "Ponuka v\xFDberu viacer\xFDch riadkov");
|
|
34
|
+
injectString("sv", "Multiple row selection menu", "Meny f\xF6r val av flera rader");
|
|
35
|
+
injectString("th", "Multiple row selection menu", "\u0E40\u0E21\u0E19\u0E39\u0E01\u0E32\u0E23\u0E40\u0E25\u0E37\u0E2D\u0E01\u0E2B\u0E25\u0E32\u0E22\u0E41\u0E16\u0E27");
|
|
36
|
+
injectString("tr", "Multiple row selection menu", "\xC7oklu s\u0131ra se\xE7imi men\xFCs\xFC");
|
|
37
|
+
injectString("zh-Hans", "Multiple row selection menu", "\u591A\u884C\u9009\u62E9\u83DC\u5355");
|
|
38
|
+
injectString("zh-TW", "Multiple row selection menu", "\u591A\u5217\u9078\u64C7\u9078\u55AE");
|
|
9
39
|
const iconChevronDownSmall_1 = require("../../../icons/iconChevronDownSmall");
|
|
10
40
|
const useLanguage_1 = require("../../../utils/localization/useLanguage");
|
|
11
|
-
const CheckboxHandler = ({
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
41
|
+
const CheckboxHandler = ({
|
|
42
|
+
onClick,
|
|
43
|
+
ref
|
|
44
|
+
}) => {
|
|
45
|
+
// eslint-disable-next-line react-hooks/rules-of-hooks
|
|
46
|
+
const {
|
|
47
|
+
translate
|
|
48
|
+
} = (0, useLanguage_1.useLanguage)();
|
|
49
|
+
return (0, jsx_runtime_1.jsx)(textIconButton_1.TextIconButton, {
|
|
50
|
+
ref: ref,
|
|
51
|
+
className: "zen-checkbox-column__popup",
|
|
52
|
+
iconClasses: "zen-icon--no-events",
|
|
53
|
+
icon: iconChevronDownSmall_1.IconChevronDownSmall,
|
|
54
|
+
iconPosition: textIconButton_1.ButtonIconPosition.Start,
|
|
55
|
+
iconSize: "large",
|
|
56
|
+
title: translate("Multiple row selection menu"),
|
|
57
|
+
"aria-label": translate("Multiple row selection menu"),
|
|
58
|
+
type: buttonType_1.ButtonType.Light,
|
|
59
|
+
onClick: onClick
|
|
60
|
+
});
|
|
15
61
|
};
|
|
16
|
-
const CheckboxHeaderCell = ({
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
62
|
+
const CheckboxHeaderCell = ({
|
|
63
|
+
label,
|
|
64
|
+
actions,
|
|
65
|
+
checked,
|
|
66
|
+
indeterminate,
|
|
67
|
+
disabled,
|
|
68
|
+
children,
|
|
69
|
+
onChange
|
|
70
|
+
}) => {
|
|
71
|
+
const actionsComp = react_1.Children.toArray(children).find(child => {
|
|
72
|
+
var _a;
|
|
73
|
+
return ((_a = child === null || child === void 0 ? void 0 : child.type) === null || _a === void 0 ? void 0 : _a.displayName) === "Actions";
|
|
74
|
+
});
|
|
75
|
+
const contentComp = react_1.Children.toArray(children).find(child => {
|
|
76
|
+
var _a;
|
|
77
|
+
return ((_a = child === null || child === void 0 ? void 0 : child.type) === null || _a === void 0 ? void 0 : _a.displayName) === "Content";
|
|
78
|
+
});
|
|
79
|
+
return (0, jsx_runtime_1.jsxs)("div", {
|
|
80
|
+
className: "zen-checkbox-column zen-checkbox-column--with-actions",
|
|
81
|
+
children: [(0, jsx_runtime_1.jsxs)("div", {
|
|
82
|
+
className: "zen-checkbox-column__controls",
|
|
83
|
+
children: [(0, jsx_runtime_1.jsx)(checkbox_1.Checkbox, {
|
|
84
|
+
className: "zen-checkbox-column__checkbox",
|
|
85
|
+
checked: checked,
|
|
86
|
+
indeterminate: indeterminate,
|
|
87
|
+
disabled: disabled,
|
|
88
|
+
title: label,
|
|
89
|
+
"aria-label": label,
|
|
90
|
+
onChange: e => onChange && onChange(e.target.checked)
|
|
91
|
+
}), actions ? actionsComp : null]
|
|
92
|
+
}), contentComp]
|
|
93
|
+
});
|
|
20
94
|
};
|
|
21
95
|
exports.CheckboxHeaderCell = CheckboxHeaderCell;
|
|
22
96
|
exports.CheckboxHeaderCell.Actions = CheckboxHandler;
|
|
23
97
|
exports.CheckboxHeaderCell.Actions.displayName = "Actions";
|
|
24
|
-
exports.CheckboxHeaderCell.Content = function content({
|
|
25
|
-
|
|
98
|
+
exports.CheckboxHeaderCell.Content = function content({
|
|
99
|
+
children
|
|
100
|
+
}) {
|
|
101
|
+
return (0, jsx_runtime_1.jsx)("div", {
|
|
102
|
+
className: "zen-checkbox-column__content",
|
|
103
|
+
children: children
|
|
104
|
+
});
|
|
105
|
+
};
|
|
106
|
+
exports.CheckboxHeaderCell.Content.displayName = "Content";
|