@geotab/zenith 3.2.1 → 3.3.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 +25 -1
- package/dist/card/card.d.ts +3 -0
- package/dist/card/card.js +15 -5
- package/dist/card/components/cardToggle/cardToggle.d.ts +5 -0
- package/dist/card/components/cardToggle/cardToggle.js +7 -0
- package/dist/card/components/title.js +3 -3
- package/dist/cardContainer/cardContainer.d.ts +2 -1
- package/dist/cardContainer/cardContainer.js +4 -3
- package/dist/chart/barChart/getDefaultDatasetStyle.js +8 -6
- package/dist/chart/lineChart/getDatasetColor.js +8 -6
- package/dist/chart/lineChart/useSummary.js +1 -1
- package/dist/chart/pieChart/getDefaultDatasetStyle.js +8 -6
- package/dist/chart/plugins/linePlugin/getInterpolatedValue.js +1 -1
- package/dist/chart/plugins/linePlugin/linePlugin.js +16 -4
- package/dist/commonHelpers/hooks/useEscape.js +4 -0
- package/dist/commonHelpers/hooks/usePillSize.d.ts +2 -1
- package/dist/commonHelpers/hooks/usePillSize.js +6 -3
- package/dist/commonStyles/colors/colors.less +9 -0
- package/dist/dataFeed/dataFeed.d.ts +2 -1
- package/dist/dataFeed/dataFeed.js +18 -3
- package/dist/dataFeed/dataFeedColumnsItems.d.ts +2 -1
- package/dist/dataFeed/dataFeedColumnsItems.js +6 -4
- package/dist/dataGrid/cell/cell.d.ts +2 -1
- package/dist/dataGrid/cell/cell.js +2 -1
- package/dist/dataGrid/dataGrid.d.ts +3 -1
- package/dist/dataGrid/dataGrid.js +7 -2
- package/dist/dataGrid/row/row.d.ts +3 -1
- package/dist/dataGrid/row/row.js +3 -3
- package/dist/dataGrid/withFlexibleColumns/components/columnSettingsSidePanel.js +8 -4
- package/dist/divider/divider.d.ts +5 -5
- package/dist/divider/divider.js +6 -2
- package/dist/filtersBar/components/filtersBarPeriodPicker/filtersBarPeriodPicker.js +2 -2
- package/dist/footerButtons/footerButtons.d.ts +4 -0
- package/dist/footerButtons/footerButtons.js +4 -6
- package/dist/groupsFilterRaw/groupsFilterRaw.js +1 -0
- package/dist/index.css +475 -255
- package/dist/index.d.ts +3 -1
- package/dist/index.js +20 -18
- package/dist/lineChart/utils.js +2 -9
- package/dist/list/listItem/listItem.js +26 -0
- package/dist/mobileSheet/components/mobileSheetFooter.d.ts +1 -0
- package/dist/mobileSheet/components/mobileSheetFooter.js +1 -1
- package/dist/mobileSheet/mobileSheet.js +1 -1
- package/dist/pill/components/pillActionable/pillActionable.js +5 -4
- package/dist/pill/components/pillNonActionable/pillNonActionable.js +11 -5
- package/dist/pill/interfaces/pillActionable.interface.d.ts +1 -0
- package/dist/pill/interfaces/pillNonActionable.interface.d.ts +1 -0
- package/dist/pillExpandable/pillExpandable.js +6 -6
- package/dist/rangeRaw/rangeRaw.js +1 -0
- package/dist/selectRaw/selectRaw.js +6 -3
- package/dist/sidePanel/sidePanel.d.ts +1 -1
- package/dist/sidePanel/sidePanel.js +7 -3
- package/dist/table/children/tableDetailPanel.d.ts +9 -0
- package/dist/table/children/tableDetailPanel.js +6 -0
- package/dist/table/children/useTableChildren.d.ts +2 -1
- package/dist/table/children/useTableChildren.js +17 -2
- package/dist/table/detailPanel/detailPanel.d.ts +4 -0
- package/dist/table/detailPanel/detailPanel.js +140 -0
- package/dist/table/detailPanel/detailPanelHeader.d.ts +4 -0
- package/dist/table/detailPanel/detailPanelHeader.js +105 -0
- package/dist/table/detailPanel/interfaces.d.ts +8 -0
- package/dist/table/detailPanel/interfaces.js +2 -0
- package/dist/table/table.d.ts +6 -1
- package/dist/table/table.js +248 -68
- package/dist/utils/localization/translations/cs.json +3 -1
- package/dist/utils/localization/translations/da-DK.json +3 -1
- package/dist/utils/localization/translations/de.json +3 -1
- package/dist/utils/localization/translations/en-json.d.ts +315 -0
- package/dist/utils/localization/translations/en-json.js +318 -0
- package/dist/utils/localization/translations/en.json +5 -1
- package/dist/utils/localization/translations/es.json +3 -1
- package/dist/utils/localization/translations/fi-FI.json +3 -1
- package/dist/utils/localization/translations/fr-FR.json +3 -1
- package/dist/utils/localization/translations/fr.json +3 -1
- package/dist/utils/localization/translations/hu-HU.json +3 -1
- package/dist/utils/localization/translations/id.json +3 -1
- package/dist/utils/localization/translations/it.json +3 -1
- package/dist/utils/localization/translations/ja.json +3 -1
- package/dist/utils/localization/translations/ko-KR.json +3 -1
- package/dist/utils/localization/translations/ms.json +3 -1
- package/dist/utils/localization/translations/nb-NO.json +3 -1
- package/dist/utils/localization/translations/nl.json +3 -1
- package/dist/utils/localization/translations/pl.json +3 -1
- package/dist/utils/localization/translations/pt-BR.json +3 -1
- package/dist/utils/localization/translations/sk-SK.json +3 -1
- package/dist/utils/localization/translations/sv.json +3 -1
- package/dist/utils/localization/translations/th.json +3 -1
- package/dist/utils/localization/translations/tr.json +3 -1
- package/dist/utils/localization/translations/zh-Hans.json +3 -1
- package/dist/utils/localization/translations/zh-TW.json +3 -1
- package/esm/card/card.d.ts +3 -0
- package/esm/card/card.js +15 -5
- package/esm/card/components/cardToggle/cardToggle.d.ts +5 -0
- package/esm/card/components/cardToggle/cardToggle.js +3 -0
- package/esm/card/components/title.js +3 -3
- package/esm/cardContainer/cardContainer.d.ts +2 -1
- package/esm/cardContainer/cardContainer.js +4 -3
- package/esm/chart/barChart/getDefaultDatasetStyle.js +8 -6
- package/esm/chart/lineChart/getDatasetColor.js +8 -6
- package/esm/chart/lineChart/useSummary.js +1 -1
- package/esm/chart/pieChart/getDefaultDatasetStyle.js +8 -6
- package/esm/chart/plugins/linePlugin/getInterpolatedValue.js +1 -1
- package/esm/chart/plugins/linePlugin/linePlugin.js +16 -4
- package/esm/commonHelpers/hooks/useEscape.js +4 -0
- package/esm/commonHelpers/hooks/usePillSize.d.ts +2 -1
- package/esm/commonHelpers/hooks/usePillSize.js +6 -3
- package/esm/commonStyles/colors/colorsConstant.d.ts +6 -0
- package/esm/commonStyles/colors/colorsConstant.js +50 -0
- package/esm/dataFeed/dataFeed.d.ts +2 -1
- package/esm/dataFeed/dataFeed.js +18 -3
- package/esm/dataFeed/dataFeedColumnsItems.d.ts +2 -1
- package/esm/dataFeed/dataFeedColumnsItems.js +6 -4
- package/esm/dataGrid/cell/cell.d.ts +2 -1
- package/esm/dataGrid/cell/cell.js +2 -1
- package/esm/dataGrid/dataGrid.d.ts +3 -1
- package/esm/dataGrid/dataGrid.js +7 -2
- package/esm/dataGrid/row/row.d.ts +3 -1
- package/esm/dataGrid/row/row.js +3 -3
- package/esm/dataGrid/withFlexibleColumns/components/columnSettingsSidePanel.js +8 -4
- package/esm/divider/divider.d.ts +5 -5
- package/esm/divider/divider.js +6 -2
- package/esm/filtersBar/components/filtersBarPeriodPicker/filtersBarPeriodPicker.js +2 -2
- package/esm/footerButtons/footerButtons.d.ts +4 -0
- package/esm/footerButtons/footerButtons.js +4 -6
- package/esm/groupsFilterRaw/groupsFilterRaw.js +1 -0
- package/esm/index.d.ts +3 -1
- package/esm/index.js +1 -0
- package/esm/lineChart/utils.js +2 -9
- package/esm/list/listItem/listItem.js +26 -0
- package/esm/mobileSheet/components/mobileSheetFooter.d.ts +1 -0
- package/esm/mobileSheet/components/mobileSheetFooter.js +1 -1
- package/esm/mobileSheet/mobileSheet.js +1 -1
- package/esm/pill/components/pillActionable/pillActionable.js +5 -4
- package/esm/pill/components/pillNonActionable/pillNonActionable.js +11 -5
- package/esm/pill/interfaces/pillActionable.interface.d.ts +1 -0
- package/esm/pill/interfaces/pillNonActionable.interface.d.ts +1 -0
- package/esm/pillExpandable/pillExpandable.js +6 -6
- package/esm/rangeRaw/rangeRaw.js +1 -0
- package/esm/selectRaw/selectRaw.js +6 -3
- package/esm/sidePanel/sidePanel.d.ts +1 -1
- package/esm/sidePanel/sidePanel.js +7 -3
- package/esm/table/children/tableDetailPanel.d.ts +9 -0
- package/esm/table/children/tableDetailPanel.js +2 -0
- package/esm/table/children/useTableChildren.d.ts +2 -1
- package/esm/table/children/useTableChildren.js +17 -2
- package/esm/table/detailPanel/detailPanel.d.ts +4 -0
- package/esm/table/detailPanel/detailPanel.js +131 -0
- package/esm/table/detailPanel/detailPanelHeader.d.ts +4 -0
- package/esm/table/detailPanel/detailPanelHeader.js +96 -0
- package/esm/table/detailPanel/interfaces.d.ts +8 -0
- package/esm/table/table.d.ts +6 -1
- package/esm/table/table.js +201 -61
- package/esm/utils/localization/translations/cs.json +3 -1
- package/esm/utils/localization/translations/da-DK.json +3 -1
- package/esm/utils/localization/translations/de.json +3 -1
- package/esm/utils/localization/translations/en-json.d.ts +315 -0
- package/esm/utils/localization/translations/en-json.js +315 -0
- package/esm/utils/localization/translations/en.json +5 -1
- package/esm/utils/localization/translations/es.json +3 -1
- package/esm/utils/localization/translations/fi-FI.json +3 -1
- package/esm/utils/localization/translations/fr-FR.json +3 -1
- package/esm/utils/localization/translations/fr.json +3 -1
- package/esm/utils/localization/translations/hu-HU.json +3 -1
- package/esm/utils/localization/translations/id.json +3 -1
- package/esm/utils/localization/translations/it.json +3 -1
- package/esm/utils/localization/translations/ja.json +3 -1
- package/esm/utils/localization/translations/ko-KR.json +3 -1
- package/esm/utils/localization/translations/ms.json +3 -1
- package/esm/utils/localization/translations/nb-NO.json +3 -1
- package/esm/utils/localization/translations/nl.json +3 -1
- package/esm/utils/localization/translations/pl.json +3 -1
- package/esm/utils/localization/translations/pt-BR.json +3 -1
- package/esm/utils/localization/translations/sk-SK.json +3 -1
- package/esm/utils/localization/translations/sv.json +3 -1
- package/esm/utils/localization/translations/th.json +3 -1
- package/esm/utils/localization/translations/tr.json +3 -1
- package/esm/utils/localization/translations/zh-Hans.json +3 -1
- package/esm/utils/localization/translations/zh-TW.json +3 -1
- package/package.json +10 -10
- package/dist/nav/storyHelpers/storyDecorator.d.ts +0 -35
- package/dist/nav/storyHelpers/storyDecorator.js +0 -79
- package/esm/nav/storyHelpers/storyDecorator.d.ts +0 -35
- package/esm/nav/storyHelpers/storyDecorator.js +0 -74
- package/esm/storybookHelpers/dataGridWithDifferentCellOptions/api/fetchEntities.d.ts +0 -3
- package/esm/storybookHelpers/dataGridWithDifferentCellOptions/api/fetchEntities.js +0 -32
- package/esm/storybookHelpers/dataGridWithDifferentCellOptions/api/gridModel.d.ts +0 -81
- package/esm/storybookHelpers/dataGridWithDifferentCellOptions/api/gridModel.js +0 -113
- package/esm/storybookHelpers/dataGridWithDifferentCellOptions/components/ColumnWaiting.d.ts +0 -4
- package/esm/storybookHelpers/dataGridWithDifferentCellOptions/components/ColumnWaiting.js +0 -4
- package/esm/storybookHelpers/dataGridWithDifferentCellOptions/components/EntitiesListAction.d.ts +0 -18
- package/esm/storybookHelpers/dataGridWithDifferentCellOptions/components/EntitiesListAction.js +0 -193
- package/esm/storybookHelpers/dataGridWithDifferentCellOptions/constants/index.d.ts +0 -1
- package/esm/storybookHelpers/dataGridWithDifferentCellOptions/constants/index.js +0 -1
- package/esm/storybookHelpers/dataGridWithDifferentCellOptions/interfaces/entity.d.ts +0 -7
- package/esm/storybookHelpers/fieldDelayRenderer.d.ts +0 -5
- package/esm/storybookHelpers/fieldDelayRenderer.js +0 -20
- package/esm/storybookHelpers/storyFeedbackProviderDecorator.d.ts +0 -2
- package/esm/storybookHelpers/storyFeedbackProviderDecorator.js +0 -16
- package/esm/storybookHelpers/storyGlobalWrapper.d.ts +0 -2
- package/esm/storybookHelpers/storyGlobalWrapper.js +0 -3
- package/esm/storybookHelpers/storyItem.d.ts +0 -8
- package/esm/storybookHelpers/storyItem.js +0 -17
- package/esm/storybookHelpers/storyLanguageDecorator.d.ts +0 -2
- package/esm/storybookHelpers/storyLanguageDecorator.js +0 -4
- package/esm/storybookHelpers/storyQueryClientProvider.d.ts +0 -2
- package/esm/storybookHelpers/storyQueryClientProvider.js +0 -15
- package/esm/storybookHelpers/storyThemeDecorator.d.ts +0 -2
- package/esm/storybookHelpers/storyThemeDecorator.js +0 -15
- package/esm/storybookHelpers/storyTopWindowDecorator.d.ts +0 -2
- package/esm/storybookHelpers/storyTopWindowDecorator.js +0 -4
- /package/esm/{storybookHelpers/dataGridWithDifferentCellOptions/interfaces/entity.js → table/detailPanel/interfaces.js} +0 -0
package/dist/index.d.ts
CHANGED
|
@@ -17,6 +17,7 @@ export { type TDayName, dayNames, getStartOfMonth, getEndOfMonth, getCalendarMon
|
|
|
17
17
|
export { type ICard, Card } from "./card/card";
|
|
18
18
|
export { type IActions, Actions } from "./card/components/actions";
|
|
19
19
|
export { type ICardButton, CardButton } from "./card/components/cardButton/cardButton";
|
|
20
|
+
export { type ICardToggle, CardToggle } from "./card/components/cardToggle/cardToggle";
|
|
20
21
|
export { type IContent, Content } from "./card/components/content";
|
|
21
22
|
export { type TCardStatus, Status } from "./card/components/status";
|
|
22
23
|
export { Title } from "./card/components/title";
|
|
@@ -66,7 +67,7 @@ export { type IDateRange, type IDateRangeUnsetValue, type TDateRange, DateRange
|
|
|
66
67
|
export { type IDateRangeValue, type IDateRangeValueOptionalLabel, type IDateRangeOption, type TDateRangeOption, GET_TODAY_OPTION, GET_YESTERDAY_OPTION, GET_THIS_WEEK_OPTION, GET_NEXT_WEEK_OPTION, GET_LAST_WEEK_OPTION, GET_THIS_MONTH_OPTION, GET_NEXT_MONTH_OPTION, GET_LAST_MONTH_OPTION, GET_LAST_SEVEN_DAYS_OPTION, GET_LAST_THIRTY_DAYS_OPTION, GET_LAST_TWELVE_MONTHS_OPTION, GET_LAST_THREE_MONTH_OPTION, GET_LAST_QUARTER_OPTION, GET_THIS_QUARTER_OPTION, GET_LAST_YEAR_OPTION, GET_THIS_YEAR_OPTION, GET_DEFAULT_DATE_OPTIONS } from "./dateRangeRaw/utils/dateRangeUtils";
|
|
67
68
|
export { type IDialog, Dialog } from "./dialog/dialog";
|
|
68
69
|
export { isElementInsideContainer, isFocusable, getFocusableStartInd } from "./dialog/dialogHelpers";
|
|
69
|
-
export { Divider } from "./divider/divider";
|
|
70
|
+
export { type IDivider, Divider } from "./divider/divider";
|
|
70
71
|
export { LIST_LIMIT, type ISelectionItem, type IDropdownItem, type IDropdownValueFullSelection, type IDropdownWithCheckboxValue, type IDropdownWithCheckboxSelected, type IDropdownValueFullSelectionWithCheckbox, type IDropdownFullSelectedValue, type IDropdownFullSelectedValueWithCheckbox, type IDropdownFullSelection, type IDropdown, type IDropdownWithCheckbox, type IDropdownFullSelectionWithCheckbox, type IFetchDropdownState, type TDropdown, Dropdown } from "./dropdown/dropdown";
|
|
71
72
|
export { useDropdownState } from "./dropdown/useDropdownState";
|
|
72
73
|
export { type IFavoriteButton, FavoriteButton } from "./favoriteButton/favoriteButton";
|
|
@@ -734,6 +735,7 @@ export { getTypeClassName } from "./summaryTile/utils/getTypeClassName";
|
|
|
734
735
|
export { type ISummaryTileBar, SummaryTileBar, SummaryTileBarDisplayName } from "./summaryTileBar/summaryTileBar";
|
|
735
736
|
export { type ITab, type ITabBar, TabBar } from "./tabBar/tabBar";
|
|
736
737
|
export { type ITabBarContent, TabBarContent } from "./tabBar/tabBarContent";
|
|
738
|
+
export { type ITableDetailPanel } from "./table/children/tableDetailPanel";
|
|
737
739
|
export { NestedData } from "./table/nested/nestedData";
|
|
738
740
|
export { useNestedRows } from "./table/nested/useNestedRows";
|
|
739
741
|
export { type IListColumn, type TFeedResult, type IFeedExpandable, type ITable, type IListColumnWrapper, Table, getEmptySelection, ColumnSortDirection, getSortableValue, ActionsColumn, MainColumn, CheckboxColumn, ActionLinkColumn } from "./table/table";
|
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.useLanguage = 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 = void 0;
|
|
3
|
+
exports.getIconFromStatus = 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.Anchor = exports.useAlert = exports.Alert = exports.AccordionItem = exports.Accordion = exports.Absolute = void 0;
|
|
4
|
+
exports.GET_NEXT_MONTH_OPTION = exports.GET_THIS_MONTH_OPTION = exports.GET_LAST_WEEK_OPTION = exports.GET_NEXT_WEEK_OPTION = exports.GET_THIS_WEEK_OPTION = exports.GET_YESTERDAY_OPTION = exports.GET_TODAY_OPTION = exports.DateRange = exports.getLabel = exports.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.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 = void 0;
|
|
5
|
+
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.getRangeOption = exports.FiltersBarDropdownWithCheckbox = 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.FeedbackProvider = exports.FavoriteButton = 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_LAST_THIRTY_DAYS_OPTION = exports.GET_LAST_SEVEN_DAYS_OPTION = exports.GET_LAST_MONTH_OPTION = void 0;
|
|
6
|
+
exports.applyGridPropsTwoColumns = exports.applyFirstColumn = exports.useLayoutColumns = exports.useFormButtons = exports.useColumns = exports.FormLayout = exports.TwoColumnsGrid = exports.OneColumnGrid = exports.LayoutColumn = 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.FormField = exports.FormFieldSkeleton = exports.FormFieldBanner = exports.FooterButtons = exports.TriggerContextProvider = exports.TriggerContext = void 0;
|
|
7
|
+
exports.IconActivity = exports.useCustomMenu = exports.HeaderMenu = exports.HeaderMenuDisplayName = exports.HeaderButton = exports.HeaderButtonDisplayName = exports.HeaderBack = exports.HeaderBackDisplayName = exports.HeaderDisplayName = 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 = void 0;
|
|
8
|
+
exports.IconBatteryFull = exports.IconBatteryError = exports.IconBasket2 = exports.IconBasket = exports.IconBagLuggage2 = exports.IconBagLuggage = exports.IconBag2 = exports.IconBag = exports.IconBadge = exports.IconBackward = exports.IconAutoSize = exports.IconAudio = exports.IconAttachmentFile = exports.IconAttachment2 = exports.IconAttachment = exports.IconAt = exports.IconArrowUpPath = exports.IconArrowTopRight = exports.IconArrowTopLeft = exports.IconArrowTopCircle = exports.IconArrowTop = exports.IconArrowRightPath = exports.IconArrowRightCircle = exports.IconArrowRight = exports.IconArrowLeftPath = exports.IconArrowLeftCircle = exports.IconArrowLeft = exports.IconArrowDownPath = exports.IconArrowBottomRight = exports.IconArrowBottomLeft = exports.IconArrowBottomCircle = exports.IconArrowBottom = exports.IconArchive2 = exports.IconArchive = exports.IconAnchor2 = exports.IconAnchor = exports.IconAlignmentRight = exports.IconAlignmentLeft = exports.IconAlignmentJustify = exports.IconAlignmentCenter = exports.IconAlignTopBox = exports.IconAlignRightBox = exports.IconAlignLeft = exports.IconAlignBottom = exports.IconAirpods = exports.IconAirplay = exports.IconAiSparkles2 = exports.IconAiSparkles = exports.IconAiImages = exports.IconAddPeople = void 0;
|
|
9
|
+
exports.IconChart4 = exports.IconChart3 = exports.IconChart2 = exports.IconChart = exports.IconCanBus = exports.IconCameraAction = exports.IconCamera3 = exports.IconCamera2 = exports.IconCamera = exports.IconCalendar = exports.IconCalculator = exports.IconBusiness = exports.IconBulletList = exports.IconBulkSelect = exports.IconBuilding = exports.IconBucket = exports.IconBubbles = exports.IconBubbleNotification = exports.IconBubbleAnnotation6 = exports.IconBubbleAnnotation5 = exports.IconBubbleAnnotation4 = exports.IconBubbleAnnotation2 = exports.IconBubbleAnnotation = exports.IconBubble6 = exports.IconBubble5 = exports.IconBubble4 = exports.IconBubble3 = exports.IconBubble2 = exports.IconBubble = exports.IconBrush = exports.IconBrowser = exports.IconBrokenLink = exports.IconBranches = exports.IconBookmarkSelectedHover = exports.IconBookmarkPlus = exports.IconBookmarkFill = exports.IconBookmarkDelete = exports.IconBookmarkCheck = exports.IconBookmark = exports.IconBook2 = exports.IconBook = exports.IconBold = exports.IconBluetooth = exports.IconBitcoin = exports.IconBeta = exports.IconBell = exports.IconBatteryMedium = exports.IconBatteryLow2 = exports.IconBatteryLow = exports.IconBatteryLoading = void 0;
|
|
10
|
+
exports.IconCompass = exports.IconCommunity = exports.IconColorPicker = exports.IconColor = exports.IconCode2 = exports.IconCode = exports.IconCmd2 = exports.IconCmd = exports.IconCloudUpload = exports.IconCloudSync = exports.IconCloudQuestion = exports.IconCloudOff2 = exports.IconCloudOff = exports.IconCloudLines = exports.IconCloudDownload = exports.IconCloudCheck = exports.IconCloud2 = exports.IconCloud = exports.IconCloseSquare = exports.IconCloseCircle = exports.IconClose = exports.IconClockTimer = exports.IconClockSnooze = exports.IconClock2 = exports.IconClock = exports.IconClipboard2 = exports.IconClipboard = exports.IconCircle = exports.IconChromecast = exports.IconChevronTopSmall = exports.IconChevronTop = exports.IconChevronRightSmall = exports.IconChevronRight = exports.IconChevronLeftSmall = exports.IconChevronLeft = exports.IconChevronGrabberVertical = exports.IconChevronGrabberHorizontal = exports.IconChevronDownSmall = exports.IconChevronDoubleUp = exports.IconChevronDoubleRight = exports.IconChevronDoubleLeft = exports.IconChevronDoubleDown = exports.IconChevronBottom = exports.IconCheckbox = exports.IconCheckRadio = exports.IconCheck = exports.IconChart8 = exports.IconChart7 = exports.IconChart6 = exports.IconChart5 = void 0;
|
|
11
|
+
exports.IconEdit = exports.IconDvir = exports.IconDriver = exports.IconDrive = exports.IconDownload = exports.IconDotVertical = exports.IconDotHorizontal = exports.IconDotGrid = exports.IconDollar = exports.IconDocumentWithLines = exports.IconDocument = exports.IconDock = exports.IconDispatchAsset = exports.IconDisk2 = exports.IconDisk = exports.IconDiamondWarning = exports.IconDeviceUptimeDisconnected = exports.IconDeviceUptime = exports.IconDelete3 = exports.IconDelete2 = exports.IconDelete = exports.IconCycle = exports.IconCursorClick = exports.IconCursorBox = exports.IconCursor3 = exports.IconCursor2 = exports.IconCursor = exports.IconCup = exports.IconCryptoCoin = exports.IconCrypto = exports.IconCrop = exports.IconCreditCard3 = exports.IconCreditCard2 = exports.IconCreditCard = exports.IconCornerUpRight = exports.IconCornerUpLeft = exports.IconCornerRightUp = exports.IconCornerRightDown = exports.IconCornerLeftUp = exports.IconCornerLeftDown = exports.IconCornerDownRight = exports.IconCornerDownLeft = exports.IconCopy5 = exports.IconCopy4 = exports.IconCopy3 = exports.IconCopy2 = exports.IconCopy = exports.IconConstruction = exports.IconConsole = exports.IconConnectDevices = void 0;
|
|
12
|
+
exports.IconGeotabSales = exports.IconGeotabDrive = exports.IconGamepad = exports.IconFuelGas = exports.IconFork = exports.IconFolders = exports.IconFolderUpload = exports.IconFolderShared = exports.IconFolderRestricted = exports.IconFolderDownload = exports.IconFolderDelete = exports.IconFolderCloud2 = exports.IconFolderCloud = exports.IconFolderBookmarks = exports.IconFolderAdd = exports.IconFolder2 = exports.IconFolder = exports.IconFocus = exports.IconFingerPrint = exports.IconFilterDesc = exports.IconFilterAsc = exports.IconFilter3Desc = exports.IconFilter3Asc = exports.IconFilter3 = exports.IconFilter2 = exports.IconFilter = exports.IconFileSync5 = exports.IconFileSync4 = exports.IconFileSync3 = exports.IconFileSync2 = exports.IconFileSync = exports.IconFileLocked = exports.IconFileCopy = exports.IconFile = exports.IconFaceId = exports.IconEyeOff = exports.IconEye = exports.IconExpand = exports.IconException = exports.IconExcel = exports.IconEvse = exports.IconEuro = exports.IconEthereum = exports.IconEsc = exports.IconEmailNotification = exports.IconEmail2 = exports.IconEmail = exports.IconEditSmall = exports.IconEditBig = exports.IconEdit2 = void 0;
|
|
13
|
+
exports.IconLayoutWindow3 = exports.IconLayoutWindow2 = exports.IconLayoutWindow = exports.IconLayoutTopbar = exports.IconLayoutTop = exports.IconLayoutSidebar = exports.IconLayoutSearch = exports.IconLayoutRight = exports.IconLayoutLeft = exports.IconLayoutColumn = exports.IconLayoutBottom = exports.IconLayout = exports.IconLayers = exports.IconLaptop = exports.IconLab = exports.IconKeyboardUp2 = exports.IconKeyboardUp = exports.IconKeyboardDown = exports.IconKeyboard = exports.IconItalic = exports.IconInspect = exports.IconInfoSquare = exports.IconInfoCircle = exports.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 = void 0;
|
|
14
|
+
exports.IconNavigationFooterExpanded = exports.IconNavigationFooterCollapsed = exports.IconMyGeotab = exports.IconMyAdmin = exports.IconMove2 = exports.IconMove = exports.IconMouseScrollUp = exports.IconMouseScrollDown = exports.IconMouse = exports.IconMoon = exports.IconMoney = exports.IconMobi = exports.IconMinusSquare = exports.IconMinusCircle = exports.IconMinus = exports.IconMinimize = exports.IconMicrophone2 = exports.IconMicrophone = exports.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 = void 0;
|
|
15
|
+
exports.IconRecord = exports.IconReceipt = exports.IconRadar = exports.IconQuestion = exports.IconPuzzle = exports.IconPullRequest = exports.IconProcessor = exports.IconPrinter = exports.IconPound = exports.IconPlusSquare = exports.IconPlusLines = exports.IconPlusFile = exports.IconPlusCircle = exports.IconPlus = exports.IconPlay = exports.IconPinLocation3 = exports.IconPinLocation2 = exports.IconPinLocation = exports.IconPin2 = exports.IconPin = exports.IconPhoneMobile = exports.IconPhone = exports.IconPerformance = exports.IconPercent = exports.IconPeopleLike = exports.IconPeopleGroup2 = exports.IconPeopleGroup = exports.IconPeople = exports.IconPencil2 = exports.IconPencil = exports.IconPause = exports.IconPassword = exports.IconPaperPlane = exports.IconPackage3 = exports.IconPackage2 = exports.IconPackage = exports.IconPDF = exports.IconOptAlt = exports.IconOpt = exports.IconOpen2 = exports.IconOpen = exports.IconOnDuty = exports.IconNumberedList = exports.IconNotifications = exports.IconNotificationOff = exports.IconNotificationBell = exports.IconNotificationAlarm = exports.IconNote = exports.IconNewspaper = exports.IconNews = void 0;
|
|
16
|
+
exports.IconStarAi = exports.IconStar = exports.IconSquare = exports.IconSpeaker = exports.IconSortVertical = exports.IconSortHorizontal = exports.IconSort2Vertical = exports.IconSort2Horizontal = exports.IconSmiley = exports.IconSign = exports.IconSidebar = exports.IconShield4 = exports.IconShield3 = exports.IconShield2 = exports.IconShield = exports.IconShare3 = exports.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 = void 0;
|
|
17
|
+
exports.IconWifi2 = exports.IconWifi = exports.IconWhisper = exports.IconWebcam = exports.IconWatch2 = exports.IconWatch = exports.IconWarning = exports.IconWallet1 = exports.IconWallet = 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 = void 0;
|
|
18
|
+
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 = exports.MiniTabs = exports.MiniTabsSize = exports.isLink = exports.isButton = exports.findPrevFocusable = exports.findNextFocusable = exports.findLastFocusable = exports.findFirstFocusable = exports.Menu = exports.ControlledMenu = exports.changeOrder = exports.ListItem = exports.List = exports.ItemData = exports.ItemCompact = exports.LineChartMini = exports.getDefaultDatasetStyle = exports.htmlLegendPlugin = exports.LEGEND_PLUGIN_ID = exports.LineChart = exports.useLayoutSize = exports.LayoutFullScreenProvider = exports.useLayoutFullScreen = exports.LayoutFullScreenElementProvider = exports.useLayoutFullScreenElement = exports.Layout = exports.ImageNothingFound = exports.ImageLooking = exports.IconZoom2 = exports.IconZoom = exports.IconZone = exports.IconYen = exports.IconWrite = exports.IconWrench = exports.IconWorld = exports.IconWorkday = void 0;
|
|
19
|
+
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 = 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 = void 0;
|
|
20
|
+
exports.Waiting = exports.UserFormatProvider = exports.useDrive = exports.ThemeProvider = exports.ThemeDrive = exports.ThemeDark = exports.useLanguage = 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 = 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; } });
|
|
@@ -81,6 +81,8 @@ var actions_1 = require("./card/components/actions");
|
|
|
81
81
|
Object.defineProperty(exports, "Actions", { enumerable: true, get: function () { return actions_1.Actions; } });
|
|
82
82
|
var cardButton_1 = require("./card/components/cardButton/cardButton");
|
|
83
83
|
Object.defineProperty(exports, "CardButton", { enumerable: true, get: function () { return cardButton_1.CardButton; } });
|
|
84
|
+
var cardToggle_1 = require("./card/components/cardToggle/cardToggle");
|
|
85
|
+
Object.defineProperty(exports, "CardToggle", { enumerable: true, get: function () { return cardToggle_1.CardToggle; } });
|
|
84
86
|
var content_1 = require("./card/components/content");
|
|
85
87
|
Object.defineProperty(exports, "Content", { enumerable: true, get: function () { return content_1.Content; } });
|
|
86
88
|
var status_1 = require("./card/components/status");
|
package/dist/lineChart/utils.js
CHANGED
|
@@ -2,6 +2,7 @@
|
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
3
|
exports.getDefaultDatasetStyle = void 0;
|
|
4
4
|
const colorUtils_1 = require("../commonHelpers/colorUtils");
|
|
5
|
+
const getDatasetColor_1 = require("../chart/lineChart/getDatasetColor");
|
|
5
6
|
const defaultLineOptions = {
|
|
6
7
|
borderWidth: 2,
|
|
7
8
|
pointRadius: 5,
|
|
@@ -14,18 +15,10 @@ const defaultThinLineOptions = {
|
|
|
14
15
|
pointHoverRadius: 5,
|
|
15
16
|
pointHitRadius: 6
|
|
16
17
|
};
|
|
17
|
-
const baseColors = [
|
|
18
|
-
"#2853BD",
|
|
19
|
-
"#DA7C3A",
|
|
20
|
-
"#4AA75E",
|
|
21
|
-
"#1098FF",
|
|
22
|
-
"#3852D6",
|
|
23
|
-
"#D35D80"
|
|
24
|
-
];
|
|
25
18
|
const getDefaultDatasetStyle = (dataSet, dsIndex, useThinLines = false) => {
|
|
26
19
|
var _a;
|
|
27
20
|
const newDataSet = Object.assign({}, dataSet);
|
|
28
|
-
const baseColor = ((_a = dataSet.backgroundColor) === null || _a === void 0 ? void 0 : _a.toString()) ||
|
|
21
|
+
const baseColor = ((_a = dataSet.backgroundColor) === null || _a === void 0 ? void 0 : _a.toString()) || (0, getDatasetColor_1.getDatasetColor)(dsIndex);
|
|
29
22
|
const lineStyle = useThinLines ? defaultThinLineOptions : defaultLineOptions;
|
|
30
23
|
newDataSet.borderColor = baseColor;
|
|
31
24
|
newDataSet.backgroundColor = (0, colorUtils_1.hexToRGBA)(baseColor, 0.09) || "";
|
|
@@ -34,6 +34,30 @@ injectString("th", "More", "\u0E40\u0E1E\u0E34\u0E48\u0E21\u0E40\u0E15\u0E34\u0E
|
|
|
34
34
|
injectString("tr", "More", "Di\u011Fer");
|
|
35
35
|
injectString("zh-Hans", "More", "\u66F4\u591A");
|
|
36
36
|
injectString("zh-TW", "More", "\u66F4\u591A");
|
|
37
|
+
injectString("cs", "View details", "Zobrazit podrobnosti");
|
|
38
|
+
injectString("da-DK", "View details", "Se detaljer");
|
|
39
|
+
injectString("de", "View details", "Details anzeigen");
|
|
40
|
+
injectString("en", "View details", "View details");
|
|
41
|
+
injectString("es", "View details", "Ver detalles");
|
|
42
|
+
injectString("fi-FI", "View details", "N\xE4yt\xE4 tiedot");
|
|
43
|
+
injectString("fr", "View details", "Afficher les d\xE9tails");
|
|
44
|
+
injectString("fr-FR", "View details", "Voir les d\xE9tails");
|
|
45
|
+
injectString("hu-HU", "View details", "R\xE9szletek megtekint\xE9se");
|
|
46
|
+
injectString("id", "View details", "Lihat detail");
|
|
47
|
+
injectString("it", "View details", "Visualizzare dettagli");
|
|
48
|
+
injectString("ja", "View details", "\u8A73\u7D30\u3092\u8868\u793A\u3059\u308B");
|
|
49
|
+
injectString("ko-KR", "View details", "\uC138\uBD80 \uC815\uBCF4 \uBCF4\uAE30");
|
|
50
|
+
injectString("ms", "View details", "Lihat butiran");
|
|
51
|
+
injectString("nb-NO", "View details", "Se detaljer");
|
|
52
|
+
injectString("nl", "View details", "Details weergeven");
|
|
53
|
+
injectString("pl", "View details", "Wy\u015Bwietl szczeg\xF3\u0142y");
|
|
54
|
+
injectString("pt-BR", "View details", "Exibir detalhes");
|
|
55
|
+
injectString("sk-SK", "View details", "Zobrazi\u0165 podrobnosti");
|
|
56
|
+
injectString("sv", "View details", "Visa detaljer");
|
|
57
|
+
injectString("th", "View details", "\u0E14\u0E39\u0E23\u0E32\u0E22\u0E25\u0E30\u0E40\u0E2D\u0E35\u0E22\u0E14");
|
|
58
|
+
injectString("tr", "View details", "Ayr\u0131nt\u0131lar\u0131 g\xF6r\xFCnt\xFCle");
|
|
59
|
+
injectString("zh-Hans", "View details", "\u67E5\u770B\u8BE6\u7EC6\u4FE1\u606F");
|
|
60
|
+
injectString("zh-TW", "View details", "\u6AA2\u8996\u8A73\u7D30\u8CC7\u8A0A");
|
|
37
61
|
const button_1 = require("../../button/button");
|
|
38
62
|
const useMobile_1 = require("../../commonHelpers/hooks/useMobile");
|
|
39
63
|
const menu_1 = require("../../menu/menu");
|
|
@@ -88,6 +112,7 @@ const ListItem = ({
|
|
|
88
112
|
children: primaryActions.map(action => (0, jsx_runtime_1.jsx)(button_1.Button, {
|
|
89
113
|
type: "tertiary-black",
|
|
90
114
|
className: "zen-list-item__action-button",
|
|
115
|
+
title: action.name,
|
|
91
116
|
onClick: (0, interfaces_1.isButtonAction)(action) ? action.onClick : undefined,
|
|
92
117
|
link: !(0, interfaces_1.isButtonAction)(action) ? action.link : undefined,
|
|
93
118
|
children: action.icon ? (0, react_1.createElement)(action.icon, {
|
|
@@ -175,6 +200,7 @@ const ListItem = ({
|
|
|
175
200
|
onClick: onClick,
|
|
176
201
|
link: link,
|
|
177
202
|
target: target,
|
|
203
|
+
title: translate("View details"),
|
|
178
204
|
children: (0, jsx_runtime_1.jsx)(iconChevronRight_1.IconChevronRight, {
|
|
179
205
|
size: "large",
|
|
180
206
|
className: "zen-list-item__click-icon"
|
|
@@ -2,5 +2,6 @@ import { FC } from "react";
|
|
|
2
2
|
import { IZenComponentProps } from "../../commonHelpers/zenComponent";
|
|
3
3
|
import "./mobileSheetFooter.less";
|
|
4
4
|
export interface IMobileSheetFooter extends IZenComponentProps {
|
|
5
|
+
borderless?: boolean;
|
|
5
6
|
}
|
|
6
7
|
export declare const MobileSheetFooter: FC<IMobileSheetFooter>;
|
|
@@ -3,5 +3,5 @@ Object.defineProperty(exports, "__esModule", { value: true });
|
|
|
3
3
|
exports.MobileSheetFooter = void 0;
|
|
4
4
|
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
5
5
|
const classNames_1 = require("../../commonHelpers/classNames/classNames");
|
|
6
|
-
const MobileSheetFooter = ({ className = "", children }) => (0, jsx_runtime_1.jsx)("div", { className: (0, classNames_1.classNames)(["zen-mobile-sheet-footer", className]), children: children });
|
|
6
|
+
const MobileSheetFooter = ({ className = "", children, borderless = false }) => (0, jsx_runtime_1.jsx)("div", { className: (0, classNames_1.classNames)(["zen-mobile-sheet-footer", borderless ? "zen-mobile-sheet-footer--borderless" : "", className]), children: children });
|
|
7
7
|
exports.MobileSheetFooter = MobileSheetFooter;
|
|
@@ -152,7 +152,7 @@ const MobileSheet =
|
|
|
152
152
|
}, [content, showContent, readyForFocus, useTrapFocusWithTrigger, preventFirstFocus]);
|
|
153
153
|
(0, react_1.useEffect)(() => {
|
|
154
154
|
var _a;
|
|
155
|
-
if (!renderComponent && !readyForFocus && ((_a = triggerRef.current) === null || _a === void 0 ? void 0 : _a.getAttribute("aria-expanded")) === "true") {
|
|
155
|
+
if (triggerRef && !renderComponent && !readyForFocus && ((_a = triggerRef.current) === null || _a === void 0 ? void 0 : _a.getAttribute("aria-expanded")) === "true") {
|
|
156
156
|
triggerRef.current.setAttribute("aria-expanded", "false");
|
|
157
157
|
triggerRef.current.focus();
|
|
158
158
|
}
|
|
@@ -8,13 +8,13 @@ const usePillSize_1 = require("../../../commonHelpers/hooks/usePillSize");
|
|
|
8
8
|
const getActionablePillStateClassName_1 = require("../../utils/getActionablePillStateClassName");
|
|
9
9
|
const useDrive_1 = require("../../../utils/theme/useDrive");
|
|
10
10
|
const useDriveClassName_1 = require("../../../utils/theme/useDriveClassName");
|
|
11
|
-
const ActionablePill = ({ onChange, disabled, readonly, className, children, icon, size, active }) => {
|
|
11
|
+
const ActionablePill = ({ onChange, disabled, readonly, className, children, icon, size, title, active }) => {
|
|
12
12
|
const id = (0, react_1.useId)();
|
|
13
13
|
const isDrive = (0, useDrive_1.useDrive)();
|
|
14
14
|
const driveTextClass = (0, useDriveClassName_1.useDriveClassName)("zen-pill-text-content");
|
|
15
15
|
const drivePillClass = (0, useDriveClassName_1.useDriveClassName)("zen-pill-actionable");
|
|
16
16
|
const hasIcon = !!icon;
|
|
17
|
-
const { contentClasses, ref, title, isFixedSize } = (0, usePillSize_1.usePillSize)({ size, iconPosition: "right" });
|
|
17
|
+
const { contentClasses, ref, title: pillTitle, isFixedSize } = (0, usePillSize_1.usePillSize)({ size, iconPosition: "right", initialTitle: title });
|
|
18
18
|
const svgIcon = (0, react_1.useMemo)(() => hasIcon ? (0, react_1.createElement)(icon, {
|
|
19
19
|
className: "zen-pill-non-actionable__icon",
|
|
20
20
|
size: isDrive ? "bigger" : "medium"
|
|
@@ -45,11 +45,12 @@ const ActionablePill = ({ onChange, disabled, readonly, className, children, ico
|
|
|
45
45
|
var _a;
|
|
46
46
|
(_a = ref.current) === null || _a === void 0 ? void 0 : _a.classList.remove("zen-pill-actionable--keyboard-nav");
|
|
47
47
|
}, [ref]);
|
|
48
|
-
|
|
48
|
+
const titleAttribute = title ? { "title": title } : pillTitle ? { "title": pillTitle } : {};
|
|
49
|
+
return (0, jsx_runtime_1.jsxs)("label", Object.assign({ style: { width: isFixedSize ? size : "" } }, titleAttribute, { ref: ref, className: (0, classNames_1.classNames)([
|
|
49
50
|
"zen-pill-actionable",
|
|
50
51
|
drivePillClass !== null && drivePillClass !== void 0 ? drivePillClass : "",
|
|
51
52
|
(0, getActionablePillStateClassName_1.getActionablePillStateClassName)(!!disabled, !!readonly, active),
|
|
52
53
|
className !== null && className !== void 0 ? className : ""
|
|
53
|
-
]), htmlFor: id, children: [(0, jsx_runtime_1.jsx)("input", { checked: active, onBlur: onBlurHandler, onKeyUp: onKeyUpHandler, onKeyDown: onKeyDownHandler, onChange: onChangeHandler, id: id, className: "zen-pill-actionable__input", type: "checkbox", disabled: disabled, readOnly: readonly }), (0, jsx_runtime_1.jsxs)("div", { className: (0, classNames_1.classNames)(["zen-pill-actionable__content-wrapper", contentClasses]), children: [(0, jsx_runtime_1.jsx)("div", { className: (0, classNames_1.classNames)(["zen-pill-text-content", driveTextClass !== null && driveTextClass !== void 0 ? driveTextClass : ""]), children: children }), svgIcon] })] });
|
|
54
|
+
]), htmlFor: id, children: [(0, jsx_runtime_1.jsx)("input", { checked: active, onBlur: onBlurHandler, onKeyUp: onKeyUpHandler, onKeyDown: onKeyDownHandler, onChange: onChangeHandler, id: id, className: "zen-pill-actionable__input", type: "checkbox", disabled: disabled, readOnly: readonly }), (0, jsx_runtime_1.jsxs)("div", { className: (0, classNames_1.classNames)(["zen-pill-actionable__content-wrapper", contentClasses]), children: [(0, jsx_runtime_1.jsx)("div", { className: (0, classNames_1.classNames)(["zen-pill-text-content", driveTextClass !== null && driveTextClass !== void 0 ? driveTextClass : ""]), children: children }), svgIcon] })] }));
|
|
54
55
|
};
|
|
55
56
|
exports.ActionablePill = ActionablePill;
|
|
@@ -47,6 +47,7 @@ const NonActionablePill = ({
|
|
|
47
47
|
onClose,
|
|
48
48
|
closeAriaText,
|
|
49
49
|
children,
|
|
50
|
+
title,
|
|
50
51
|
className,
|
|
51
52
|
id
|
|
52
53
|
}) => {
|
|
@@ -62,19 +63,25 @@ const NonActionablePill = ({
|
|
|
62
63
|
const {
|
|
63
64
|
contentClasses,
|
|
64
65
|
ref,
|
|
65
|
-
title,
|
|
66
|
+
title: pillTitle,
|
|
66
67
|
isFixedSize,
|
|
67
68
|
isTextContentHidden
|
|
68
69
|
} = (0, usePillSize_1.usePillSize)({
|
|
69
70
|
size,
|
|
70
71
|
iconPosition: icon ? "left" : undefined,
|
|
71
72
|
onClose,
|
|
72
|
-
hasContent
|
|
73
|
+
hasContent,
|
|
74
|
+
initialTitle: title
|
|
73
75
|
});
|
|
74
76
|
const svgIcon = (0, react_1.useMemo)(() => hasIcon ? (0, react_1.createElement)(icon, {
|
|
75
77
|
className: "zen-pill-non-actionable__icon",
|
|
76
78
|
size: isDrive ? "large" : "big"
|
|
77
79
|
}) : null, [hasIcon, icon, isDrive]);
|
|
80
|
+
const titleAttribute = title ? {
|
|
81
|
+
"title": title
|
|
82
|
+
} : pillTitle ? {
|
|
83
|
+
"title": pillTitle
|
|
84
|
+
} : {};
|
|
78
85
|
return (0, jsx_runtime_1.jsx)("div", {
|
|
79
86
|
"data-id": id,
|
|
80
87
|
ref: ref,
|
|
@@ -84,11 +91,10 @@ const NonActionablePill = ({
|
|
|
84
91
|
},
|
|
85
92
|
children: (0, jsx_runtime_1.jsxs)("div", {
|
|
86
93
|
className: contentClasses,
|
|
87
|
-
children: [svgIcon, hasContent ? (0, jsx_runtime_1.jsx)("div", {
|
|
88
|
-
title: title,
|
|
94
|
+
children: [svgIcon, hasContent ? (0, jsx_runtime_1.jsx)("div", Object.assign({}, titleAttribute, {
|
|
89
95
|
className: (0, classNames_1.classNames)(["zen-pill-text-content", driveTextClass !== null && driveTextClass !== void 0 ? driveTextClass : "", isTextContentHidden ? "zen-pill-text-content--hidden" : ""]),
|
|
90
96
|
children: children
|
|
91
|
-
}) : null, isClosable && (0, jsx_runtime_1.jsx)("button", {
|
|
97
|
+
})) : null, isClosable && (0, jsx_runtime_1.jsx)("button", {
|
|
92
98
|
type: "button",
|
|
93
99
|
className: "zen-pill-non-actionable__close-button",
|
|
94
100
|
onClick: () => onClose(id || ""),
|
|
@@ -225,8 +225,9 @@ const PillExpandableBase = ({
|
|
|
225
225
|
const triggerRef = (0, react_1.useRef)(null);
|
|
226
226
|
const isChild = level !== 0;
|
|
227
227
|
const [currentExpand, setCurrentExpand] = (0, react_1.useState)(undefined);
|
|
228
|
-
const onExpandHandler = (0, react_1.useCallback)(
|
|
228
|
+
const onExpandHandler = (0, react_1.useCallback)(e => {
|
|
229
229
|
var _a;
|
|
230
|
+
e === null || e === void 0 ? void 0 : e.stopPropagation();
|
|
230
231
|
setIsOpen(!isOpen);
|
|
231
232
|
isOpen && ((_a = triggerRef.current) === null || _a === void 0 ? void 0 : _a.focus());
|
|
232
233
|
onPillExpand(pillId === expandId ? "" : pillId);
|
|
@@ -243,7 +244,7 @@ const PillExpandableBase = ({
|
|
|
243
244
|
const childCount = (0, react_1.useMemo)(() => validChildren.length, [validChildren]);
|
|
244
245
|
const flatVsChildCounter = isFlat ? `${childCount + 1}` : `${childCount}`;
|
|
245
246
|
const moreCounter = uniquePills ? `${uniquePills}` : flatVsChildCounter;
|
|
246
|
-
const
|
|
247
|
+
const uniqueChildren = uniquePills ? `${uniquePills}` : `${childCount || ""}`;
|
|
247
248
|
if (isLoading) {
|
|
248
249
|
return (0, jsx_runtime_1.jsx)(skeleton_1.Skeleton, {
|
|
249
250
|
type: "pill",
|
|
@@ -288,20 +289,19 @@ const PillExpandableBase = ({
|
|
|
288
289
|
"aria-haspopup": "true",
|
|
289
290
|
children: [(0, jsx_runtime_1.jsxs)("div", {
|
|
290
291
|
className: "zen-status-pill__pill-container",
|
|
292
|
+
onClick: onExpandHandler,
|
|
291
293
|
children: [(0, jsx_runtime_1.jsx)(pillExpandableSimple_1.PillExpandableSimple, {
|
|
292
294
|
icon: icon,
|
|
293
295
|
text: text,
|
|
294
296
|
expanded: isOpen,
|
|
295
|
-
onExpand: onExpandHandler,
|
|
296
297
|
expandAriaText: translate("Expand"),
|
|
297
298
|
ref: triggerRef,
|
|
298
299
|
type: type,
|
|
299
300
|
errorHandler: errorHandler,
|
|
300
301
|
isBeta: isBeta
|
|
301
|
-
}),
|
|
302
|
+
}), uniqueChildren && (0, jsx_runtime_1.jsx)(pillExpandableSimple_1.PillExpandableSimple, {
|
|
302
303
|
icon: secondaryIcon || icon,
|
|
303
|
-
text: hideCounterNumber ? "" : `${isFlat ? "+" : ""}${
|
|
304
|
-
onExpand: onExpandHandler,
|
|
304
|
+
text: hideCounterNumber ? "" : `${isFlat ? "+" : ""}${uniqueChildren}`,
|
|
305
305
|
includeExpandIcon: false,
|
|
306
306
|
type: type,
|
|
307
307
|
errorHandler: errorHandler
|
|
@@ -468,6 +468,7 @@ const RangeRaw = props => {
|
|
|
468
468
|
onHidePanel: handleTriggerClick,
|
|
469
469
|
onCloseClick: handleTriggerClick,
|
|
470
470
|
useTrapFocusWithTrigger: false,
|
|
471
|
+
className: "zen-range__mobile-sheet",
|
|
471
472
|
children: [(0, jsx_runtime_1.jsx)(mobileSheet_1.MobileSheet.Title, {
|
|
472
473
|
children: label
|
|
473
474
|
}), (0, jsx_runtime_1.jsx)(mobileSheet_1.MobileSheet.Content, {
|
|
@@ -98,8 +98,11 @@ const SelectRaw = (props) => {
|
|
|
98
98
|
itemEl === null || itemEl === void 0 ? void 0 : itemEl.scrollIntoView({ block: "nearest" });
|
|
99
99
|
}
|
|
100
100
|
}, [state.activeIndex]);
|
|
101
|
+
react_1.default.useEffect(() => {
|
|
102
|
+
setIsOpen(state.expanded);
|
|
103
|
+
}, [state.expanded]);
|
|
101
104
|
function onBlurHandler(e) {
|
|
102
|
-
if (!innerTriggerRef.current || !
|
|
105
|
+
if (!innerTriggerRef.current || !isOpen || disabled) {
|
|
103
106
|
return;
|
|
104
107
|
}
|
|
105
108
|
if (!e.relatedTarget || !(0, isChildOf_1.isChildOf)(e.relatedTarget, innerTriggerRef.current.parentElement)) {
|
|
@@ -126,7 +129,7 @@ const SelectRaw = (props) => {
|
|
|
126
129
|
return;
|
|
127
130
|
}
|
|
128
131
|
const handlerName = (0, keyboard_1.getKeysPressed)(e);
|
|
129
|
-
const getAction = !
|
|
132
|
+
const getAction = !isOpen
|
|
130
133
|
? closedListActionGetters[handlerName] || ((0, keyboard_1.isKeyForSearch)(e.code) && closedListActionGetters["default"])
|
|
131
134
|
: openListActionGetters[handlerName] || ((0, keyboard_1.isKeyForSearch)(e.code) && openListActionGetters["default"]);
|
|
132
135
|
if (getAction) {
|
|
@@ -154,7 +157,7 @@ const SelectRaw = (props) => {
|
|
|
154
157
|
if (isReadOnly) {
|
|
155
158
|
return (0, jsx_runtime_1.jsx)(reviewTextControl_1.ReviewTextControl, { value: String((_b = items.find(item => item.id === selectValue)) === null || _b === void 0 ? void 0 : _b.children) });
|
|
156
159
|
}
|
|
157
|
-
return (0, jsx_runtime_1.jsxs)("div", { className: classes, ref: ref, children: [(0, jsx_runtime_1.jsxs)("div", { "aria-controls": listId, "aria-expanded":
|
|
160
|
+
return (0, jsx_runtime_1.jsxs)("div", { className: classes, ref: ref, children: [(0, jsx_runtime_1.jsxs)("div", { "aria-controls": listId, "aria-expanded": isOpen, "aria-haspopup": "listbox", "aria-label": title, "aria-disabled": disabled, id: id, className: (0, classNames_1.classNames)([
|
|
158
161
|
"zen-select__trigger",
|
|
159
162
|
"zen-text-input",
|
|
160
163
|
isError ? "zen-text-input--error" : "",
|
|
@@ -16,7 +16,7 @@ export declare const CUSTOM_POPUP_COMPONENT_CLASSNAME = "zen-custom-component-po
|
|
|
16
16
|
export interface ISidePanel extends IZenComponentProps {
|
|
17
17
|
panelPosition?: TPanelPosition;
|
|
18
18
|
id?: string;
|
|
19
|
-
triggerRef
|
|
19
|
+
triggerRef?: RefObject<HTMLElement | null>;
|
|
20
20
|
isOpen: boolean;
|
|
21
21
|
label: string;
|
|
22
22
|
useTrapFocusWithTrigger?: boolean;
|
|
@@ -62,7 +62,7 @@ const SidePanel = ({ label, className, id, isOpen, onHidePanel, children, trigge
|
|
|
62
62
|
const popupId = id || autoId;
|
|
63
63
|
const prevReadyForFocus = (0, react_1.useRef)(false);
|
|
64
64
|
(0, react_1.useEffect)(() => {
|
|
65
|
-
if (triggerRef.current) {
|
|
65
|
+
if (triggerRef && triggerRef.current) {
|
|
66
66
|
triggerRef.current.setAttribute("aria-haspopup", "true");
|
|
67
67
|
triggerRef.current.setAttribute("aria-expanded", renderComponent ? "true" : "false");
|
|
68
68
|
triggerRef.current.setAttribute("aria-controls", popupId);
|
|
@@ -71,7 +71,7 @@ const SidePanel = ({ label, className, id, isOpen, onHidePanel, children, trigge
|
|
|
71
71
|
}, [triggerRef, renderComponent, popupId]);
|
|
72
72
|
function handleEscape() {
|
|
73
73
|
onHidePanel(SidePanelCloseReason.Escape);
|
|
74
|
-
if (!triggerRef.current) {
|
|
74
|
+
if (!triggerRef || !triggerRef.current) {
|
|
75
75
|
return;
|
|
76
76
|
}
|
|
77
77
|
if ((0, dialogHelpers_1.isFocusable)(triggerRef.current)) {
|
|
@@ -115,7 +115,11 @@ const SidePanel = ({ label, className, id, isOpen, onHidePanel, children, trigge
|
|
|
115
115
|
const isClickInPopup = !isClickInChildPopup
|
|
116
116
|
? false
|
|
117
117
|
: isClickInChildPopup;
|
|
118
|
-
const isClickOnTrigger = triggerRef
|
|
118
|
+
const isClickOnTrigger = triggerRef
|
|
119
|
+
? triggerRef.current
|
|
120
|
+
? e.target === triggerRef.current || (0, isChildOf_1.isChildOf)(e.target, triggerRef.current)
|
|
121
|
+
: false
|
|
122
|
+
: false;
|
|
119
123
|
if (isClickInPopup || isClickOnTrigger || isGroupsFilterBackButton || isOpenAdvancedDialog) {
|
|
120
124
|
return;
|
|
121
125
|
}
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import { PropsWithChildren } from "react";
|
|
2
|
+
import { IDetailPanelHeader } from "../detailPanel/interfaces";
|
|
3
|
+
export interface ITableDetailPanel extends IDetailPanelHeader, PropsWithChildren {
|
|
4
|
+
footer?: string | ((id: string) => React.JSX.Element | null);
|
|
5
|
+
}
|
|
6
|
+
export declare const TableDetailPanel: {
|
|
7
|
+
(props: ITableDetailPanel): import("react").ReactNode;
|
|
8
|
+
displayName: string;
|
|
9
|
+
};
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.TableDetailPanel = void 0;
|
|
4
|
+
const TableDetailPanel = (props) => props.children;
|
|
5
|
+
exports.TableDetailPanel = TableDetailPanel;
|
|
6
|
+
exports.TableDetailPanel.displayName = "TableDetailPanel";
|
|
@@ -1,10 +1,11 @@
|
|
|
1
1
|
import { ReactElement, ReactNode, RefObject } from "react";
|
|
2
|
-
export declare const useTableChildren: (children: ReactNode, isMobile: boolean, selected: number, allSelected: boolean, clearSelection: () => void, selectAll: () => void, turnOffSelectAll?: boolean, gridRef?: RefObject<HTMLElement | null
|
|
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;
|
|
6
6
|
fullscreenButton: ReactElement<unknown, string | import("react").JSXElementConstructor<any>> | undefined;
|
|
7
7
|
emptyList: ReactElement<unknown, string | import("react").JSXElementConstructor<any>> | undefined;
|
|
8
8
|
footer: ReactElement<unknown, string | import("react").JSXElementConstructor<any>> | undefined;
|
|
9
|
+
detailPanel: ReactElement<unknown, string | import("react").JSXElementConstructor<any>> | undefined;
|
|
9
10
|
other: ReactNode[];
|
|
10
11
|
};
|
|
@@ -15,6 +15,8 @@ const tableEmpty_1 = require("./tableEmpty");
|
|
|
15
15
|
const emptySearchList_1 = require("../../dataGrid/emptySearchList/emptySearchList");
|
|
16
16
|
const dataGrid_1 = require("../../dataGrid/dataGrid");
|
|
17
17
|
const tableFooter_1 = require("./tableFooter");
|
|
18
|
+
const tableDetailPanel_1 = require("./tableDetailPanel");
|
|
19
|
+
const detailPanel_1 = require("../detailPanel/detailPanel");
|
|
18
20
|
const isChildElement = function (child, expectedType) {
|
|
19
21
|
if (!(0, react_1.isValidElement)(child) || !child.type) {
|
|
20
22
|
return false;
|
|
@@ -24,13 +26,14 @@ const isChildElement = function (child, expectedType) {
|
|
|
24
26
|
}
|
|
25
27
|
return false;
|
|
26
28
|
};
|
|
27
|
-
const useTableChildren = (children, isMobile, selected, allSelected, clearSelection, selectAll, turnOffSelectAll, gridRef) => (0, react_1.useMemo)(() => {
|
|
29
|
+
const useTableChildren = (children, isMobile, selected, allSelected, clearSelection, selectAll, turnOffSelectAll, activeId, gridRef, onCloseDetailPanel) => (0, react_1.useMemo)(() => {
|
|
28
30
|
let bulkActions = undefined;
|
|
29
31
|
let tablePagination = undefined;
|
|
30
32
|
let activePage = undefined;
|
|
31
33
|
let tableFullscreen = undefined;
|
|
32
34
|
let emptyList = undefined;
|
|
33
35
|
let footer = undefined;
|
|
36
|
+
let detailPanel = undefined;
|
|
34
37
|
const other = [];
|
|
35
38
|
react_1.Children.forEach(children, child => {
|
|
36
39
|
if (!child) {
|
|
@@ -71,6 +74,17 @@ const useTableChildren = (children, isMobile, selected, allSelected, clearSelect
|
|
|
71
74
|
}));
|
|
72
75
|
return;
|
|
73
76
|
}
|
|
77
|
+
if (isChildElement(child, tableDetailPanel_1.TableDetailPanel.displayName)) {
|
|
78
|
+
detailPanel = (0, react_1.createElement)(detailPanel_1.DetailPanel, {
|
|
79
|
+
id: activeId,
|
|
80
|
+
title: child.props.title,
|
|
81
|
+
details: child.props.details,
|
|
82
|
+
description: child.props.description,
|
|
83
|
+
footer: child.props.footer,
|
|
84
|
+
onClose: onCloseDetailPanel
|
|
85
|
+
}, child.props.children);
|
|
86
|
+
return;
|
|
87
|
+
}
|
|
74
88
|
if (isChildElement(child, tableFooter_1.TableFooter.displayName)) {
|
|
75
89
|
footer = (0, react_1.createElement)(dataGrid_1.Footer, {}, child.props.children);
|
|
76
90
|
return;
|
|
@@ -84,7 +98,8 @@ const useTableChildren = (children, isMobile, selected, allSelected, clearSelect
|
|
|
84
98
|
fullscreenButton: tableFullscreen,
|
|
85
99
|
emptyList: emptyList,
|
|
86
100
|
footer: footer,
|
|
101
|
+
detailPanel: detailPanel,
|
|
87
102
|
other: other
|
|
88
103
|
};
|
|
89
|
-
}, [children, clearSelection, isMobile, selected, gridRef, allSelected, selectAll, turnOffSelectAll]);
|
|
104
|
+
}, [children, clearSelection, isMobile, selected, gridRef, allSelected, selectAll, turnOffSelectAll, activeId, onCloseDetailPanel]);
|
|
90
105
|
exports.useTableChildren = useTableChildren;
|