@geotab/zenith 3.2.0 → 3.3.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.
Files changed (211) hide show
  1. package/README.md +25 -1
  2. package/dist/card/card.d.ts +3 -0
  3. package/dist/card/card.js +15 -5
  4. package/dist/card/components/cardToggle/cardToggle.d.ts +5 -0
  5. package/dist/card/components/cardToggle/cardToggle.js +7 -0
  6. package/dist/card/components/title.js +3 -3
  7. package/dist/cardContainer/cardContainer.d.ts +2 -1
  8. package/dist/cardContainer/cardContainer.js +4 -3
  9. package/dist/chart/barChart/getDefaultDatasetStyle.js +8 -6
  10. package/dist/chart/lineChart/getDatasetColor.js +8 -6
  11. package/dist/chart/lineChart/useSummary.js +1 -1
  12. package/dist/chart/pieChart/getDefaultDatasetStyle.js +8 -6
  13. package/dist/chart/plugins/linePlugin/getInterpolatedValue.js +1 -1
  14. package/dist/chart/plugins/linePlugin/linePlugin.js +16 -4
  15. package/dist/commonHelpers/hooks/useEscape.js +4 -0
  16. package/dist/commonHelpers/hooks/usePillSize.d.ts +2 -1
  17. package/dist/commonHelpers/hooks/usePillSize.js +6 -3
  18. package/dist/commonStyles/colors/colors.less +9 -0
  19. package/dist/dataFeed/dataFeed.d.ts +2 -1
  20. package/dist/dataFeed/dataFeed.js +18 -3
  21. package/dist/dataFeed/dataFeedColumnsItems.d.ts +2 -1
  22. package/dist/dataFeed/dataFeedColumnsItems.js +6 -4
  23. package/dist/dataGrid/cell/cell.d.ts +2 -1
  24. package/dist/dataGrid/cell/cell.js +2 -1
  25. package/dist/dataGrid/dataGrid.d.ts +3 -1
  26. package/dist/dataGrid/dataGrid.js +7 -2
  27. package/dist/dataGrid/row/row.d.ts +3 -1
  28. package/dist/dataGrid/row/row.js +3 -3
  29. package/dist/dataGrid/withFlexibleColumns/components/columnSettingsSidePanel.js +8 -4
  30. package/dist/divider/divider.d.ts +5 -5
  31. package/dist/divider/divider.js +6 -2
  32. package/dist/filtersBar/components/filtersBarPeriodPicker/filtersBarPeriodPicker.js +2 -2
  33. package/dist/footerButtons/footerButtons.d.ts +4 -0
  34. package/dist/footerButtons/footerButtons.js +4 -6
  35. package/dist/groupsFilterRaw/groupsFilterRaw.js +1 -0
  36. package/dist/index.css +478 -255
  37. package/dist/index.d.ts +3 -1
  38. package/dist/index.js +20 -18
  39. package/dist/lineChart/utils.js +2 -9
  40. package/dist/list/listItem/listItem.js +26 -0
  41. package/dist/mobileSheet/components/mobileSheetFooter.d.ts +1 -0
  42. package/dist/mobileSheet/components/mobileSheetFooter.js +1 -1
  43. package/dist/mobileSheet/mobileSheet.js +1 -1
  44. package/dist/pill/components/pillActionable/pillActionable.js +5 -4
  45. package/dist/pill/components/pillNonActionable/pillNonActionable.js +11 -5
  46. package/dist/pill/interfaces/pillActionable.interface.d.ts +1 -0
  47. package/dist/pill/interfaces/pillNonActionable.interface.d.ts +1 -0
  48. package/dist/pillExpandable/pillExpandable.js +6 -6
  49. package/dist/rangeRaw/rangeRaw.js +1 -0
  50. package/dist/selectRaw/selectRaw.js +6 -3
  51. package/dist/sidePanel/sidePanel.d.ts +1 -1
  52. package/dist/sidePanel/sidePanel.js +7 -3
  53. package/dist/table/children/tableDetailPanel.d.ts +9 -0
  54. package/dist/table/children/tableDetailPanel.js +6 -0
  55. package/dist/table/children/useTableChildren.d.ts +2 -1
  56. package/dist/table/children/useTableChildren.js +17 -2
  57. package/dist/table/detailPanel/detailPanel.d.ts +4 -0
  58. package/dist/table/detailPanel/detailPanel.js +140 -0
  59. package/dist/table/detailPanel/detailPanelHeader.d.ts +4 -0
  60. package/dist/table/detailPanel/detailPanelHeader.js +105 -0
  61. package/dist/table/detailPanel/interfaces.d.ts +8 -0
  62. package/dist/table/detailPanel/interfaces.js +2 -0
  63. package/dist/table/table.d.ts +6 -1
  64. package/dist/table/table.js +248 -68
  65. package/dist/utils/localization/translations/cs.json +3 -1
  66. package/dist/utils/localization/translations/da-DK.json +3 -1
  67. package/dist/utils/localization/translations/de.json +3 -1
  68. package/dist/utils/localization/translations/en-json.d.ts +315 -0
  69. package/dist/utils/localization/translations/en-json.js +318 -0
  70. package/dist/utils/localization/translations/en.json +5 -1
  71. package/dist/utils/localization/translations/es.json +3 -1
  72. package/dist/utils/localization/translations/fi-FI.json +3 -1
  73. package/dist/utils/localization/translations/fr-FR.json +3 -1
  74. package/dist/utils/localization/translations/fr.json +3 -1
  75. package/dist/utils/localization/translations/hu-HU.json +3 -1
  76. package/dist/utils/localization/translations/id.json +3 -1
  77. package/dist/utils/localization/translations/it.json +3 -1
  78. package/dist/utils/localization/translations/ja.json +3 -1
  79. package/dist/utils/localization/translations/ko-KR.json +3 -1
  80. package/dist/utils/localization/translations/ms.json +3 -1
  81. package/dist/utils/localization/translations/nb-NO.json +3 -1
  82. package/dist/utils/localization/translations/nl.json +3 -1
  83. package/dist/utils/localization/translations/pl.json +3 -1
  84. package/dist/utils/localization/translations/pt-BR.json +3 -1
  85. package/dist/utils/localization/translations/sk-SK.json +3 -1
  86. package/dist/utils/localization/translations/sv.json +3 -1
  87. package/dist/utils/localization/translations/th.json +3 -1
  88. package/dist/utils/localization/translations/tr.json +3 -1
  89. package/dist/utils/localization/translations/zh-Hans.json +3 -1
  90. package/dist/utils/localization/translations/zh-TW.json +3 -1
  91. package/esm/card/card.d.ts +3 -0
  92. package/esm/card/card.js +15 -5
  93. package/esm/card/components/cardToggle/cardToggle.d.ts +5 -0
  94. package/esm/card/components/cardToggle/cardToggle.js +3 -0
  95. package/esm/card/components/title.js +3 -3
  96. package/esm/cardContainer/cardContainer.d.ts +2 -1
  97. package/esm/cardContainer/cardContainer.js +4 -3
  98. package/esm/chart/barChart/getDefaultDatasetStyle.js +8 -6
  99. package/esm/chart/lineChart/getDatasetColor.js +8 -6
  100. package/esm/chart/lineChart/useSummary.js +1 -1
  101. package/esm/chart/pieChart/getDefaultDatasetStyle.js +8 -6
  102. package/esm/chart/plugins/linePlugin/getInterpolatedValue.js +1 -1
  103. package/esm/chart/plugins/linePlugin/linePlugin.js +16 -4
  104. package/esm/commonHelpers/hooks/useEscape.js +4 -0
  105. package/esm/commonHelpers/hooks/usePillSize.d.ts +2 -1
  106. package/esm/commonHelpers/hooks/usePillSize.js +6 -3
  107. package/esm/commonStyles/colors/colorsConstant.d.ts +6 -0
  108. package/esm/commonStyles/colors/colorsConstant.js +50 -0
  109. package/esm/dataFeed/dataFeed.d.ts +2 -1
  110. package/esm/dataFeed/dataFeed.js +18 -3
  111. package/esm/dataFeed/dataFeedColumnsItems.d.ts +2 -1
  112. package/esm/dataFeed/dataFeedColumnsItems.js +6 -4
  113. package/esm/dataGrid/cell/cell.d.ts +2 -1
  114. package/esm/dataGrid/cell/cell.js +2 -1
  115. package/esm/dataGrid/dataGrid.d.ts +3 -1
  116. package/esm/dataGrid/dataGrid.js +7 -2
  117. package/esm/dataGrid/row/row.d.ts +3 -1
  118. package/esm/dataGrid/row/row.js +3 -3
  119. package/esm/dataGrid/withFlexibleColumns/components/columnSettingsSidePanel.js +8 -4
  120. package/esm/divider/divider.d.ts +5 -5
  121. package/esm/divider/divider.js +6 -2
  122. package/esm/filtersBar/components/filtersBarPeriodPicker/filtersBarPeriodPicker.js +2 -2
  123. package/esm/footerButtons/footerButtons.d.ts +4 -0
  124. package/esm/footerButtons/footerButtons.js +4 -6
  125. package/esm/groupsFilterRaw/groupsFilterRaw.js +1 -0
  126. package/esm/index.d.ts +3 -1
  127. package/esm/index.js +1 -0
  128. package/esm/lineChart/utils.js +2 -9
  129. package/esm/list/listItem/listItem.js +26 -0
  130. package/esm/mobileSheet/components/mobileSheetFooter.d.ts +1 -0
  131. package/esm/mobileSheet/components/mobileSheetFooter.js +1 -1
  132. package/esm/mobileSheet/mobileSheet.js +1 -1
  133. package/esm/pill/components/pillActionable/pillActionable.js +5 -4
  134. package/esm/pill/components/pillNonActionable/pillNonActionable.js +11 -5
  135. package/esm/pill/interfaces/pillActionable.interface.d.ts +1 -0
  136. package/esm/pill/interfaces/pillNonActionable.interface.d.ts +1 -0
  137. package/esm/pillExpandable/pillExpandable.js +6 -6
  138. package/esm/rangeRaw/rangeRaw.js +1 -0
  139. package/esm/selectRaw/selectRaw.js +6 -3
  140. package/esm/sidePanel/sidePanel.d.ts +1 -1
  141. package/esm/sidePanel/sidePanel.js +7 -3
  142. package/esm/table/children/tableDetailPanel.d.ts +9 -0
  143. package/esm/table/children/tableDetailPanel.js +2 -0
  144. package/esm/table/children/useTableChildren.d.ts +2 -1
  145. package/esm/table/children/useTableChildren.js +17 -2
  146. package/esm/table/detailPanel/detailPanel.d.ts +4 -0
  147. package/esm/table/detailPanel/detailPanel.js +131 -0
  148. package/esm/table/detailPanel/detailPanelHeader.d.ts +4 -0
  149. package/esm/table/detailPanel/detailPanelHeader.js +96 -0
  150. package/esm/table/detailPanel/interfaces.d.ts +8 -0
  151. package/esm/table/table.d.ts +6 -1
  152. package/esm/table/table.js +201 -61
  153. package/esm/utils/localization/translations/cs.json +3 -1
  154. package/esm/utils/localization/translations/da-DK.json +3 -1
  155. package/esm/utils/localization/translations/de.json +3 -1
  156. package/esm/utils/localization/translations/en-json.d.ts +315 -0
  157. package/esm/utils/localization/translations/en-json.js +315 -0
  158. package/esm/utils/localization/translations/en.json +5 -1
  159. package/esm/utils/localization/translations/es.json +3 -1
  160. package/esm/utils/localization/translations/fi-FI.json +3 -1
  161. package/esm/utils/localization/translations/fr-FR.json +3 -1
  162. package/esm/utils/localization/translations/fr.json +3 -1
  163. package/esm/utils/localization/translations/hu-HU.json +3 -1
  164. package/esm/utils/localization/translations/id.json +3 -1
  165. package/esm/utils/localization/translations/it.json +3 -1
  166. package/esm/utils/localization/translations/ja.json +3 -1
  167. package/esm/utils/localization/translations/ko-KR.json +3 -1
  168. package/esm/utils/localization/translations/ms.json +3 -1
  169. package/esm/utils/localization/translations/nb-NO.json +3 -1
  170. package/esm/utils/localization/translations/nl.json +3 -1
  171. package/esm/utils/localization/translations/pl.json +3 -1
  172. package/esm/utils/localization/translations/pt-BR.json +3 -1
  173. package/esm/utils/localization/translations/sk-SK.json +3 -1
  174. package/esm/utils/localization/translations/sv.json +3 -1
  175. package/esm/utils/localization/translations/th.json +3 -1
  176. package/esm/utils/localization/translations/tr.json +3 -1
  177. package/esm/utils/localization/translations/zh-Hans.json +3 -1
  178. package/esm/utils/localization/translations/zh-TW.json +3 -1
  179. package/package.json +7 -7
  180. package/dist/nav/storyHelpers/storyDecorator.d.ts +0 -35
  181. package/dist/nav/storyHelpers/storyDecorator.js +0 -79
  182. package/esm/nav/storyHelpers/storyDecorator.d.ts +0 -35
  183. package/esm/nav/storyHelpers/storyDecorator.js +0 -74
  184. package/esm/storybookHelpers/dataGridWithDifferentCellOptions/api/fetchEntities.d.ts +0 -3
  185. package/esm/storybookHelpers/dataGridWithDifferentCellOptions/api/fetchEntities.js +0 -32
  186. package/esm/storybookHelpers/dataGridWithDifferentCellOptions/api/gridModel.d.ts +0 -81
  187. package/esm/storybookHelpers/dataGridWithDifferentCellOptions/api/gridModel.js +0 -113
  188. package/esm/storybookHelpers/dataGridWithDifferentCellOptions/components/ColumnWaiting.d.ts +0 -4
  189. package/esm/storybookHelpers/dataGridWithDifferentCellOptions/components/ColumnWaiting.js +0 -4
  190. package/esm/storybookHelpers/dataGridWithDifferentCellOptions/components/EntitiesListAction.d.ts +0 -18
  191. package/esm/storybookHelpers/dataGridWithDifferentCellOptions/components/EntitiesListAction.js +0 -193
  192. package/esm/storybookHelpers/dataGridWithDifferentCellOptions/constants/index.d.ts +0 -1
  193. package/esm/storybookHelpers/dataGridWithDifferentCellOptions/constants/index.js +0 -1
  194. package/esm/storybookHelpers/dataGridWithDifferentCellOptions/interfaces/entity.d.ts +0 -7
  195. package/esm/storybookHelpers/fieldDelayRenderer.d.ts +0 -5
  196. package/esm/storybookHelpers/fieldDelayRenderer.js +0 -20
  197. package/esm/storybookHelpers/storyFeedbackProviderDecorator.d.ts +0 -2
  198. package/esm/storybookHelpers/storyFeedbackProviderDecorator.js +0 -16
  199. package/esm/storybookHelpers/storyGlobalWrapper.d.ts +0 -2
  200. package/esm/storybookHelpers/storyGlobalWrapper.js +0 -3
  201. package/esm/storybookHelpers/storyItem.d.ts +0 -8
  202. package/esm/storybookHelpers/storyItem.js +0 -17
  203. package/esm/storybookHelpers/storyLanguageDecorator.d.ts +0 -2
  204. package/esm/storybookHelpers/storyLanguageDecorator.js +0 -4
  205. package/esm/storybookHelpers/storyQueryClientProvider.d.ts +0 -2
  206. package/esm/storybookHelpers/storyQueryClientProvider.js +0 -15
  207. package/esm/storybookHelpers/storyThemeDecorator.d.ts +0 -2
  208. package/esm/storybookHelpers/storyThemeDecorator.js +0 -15
  209. package/esm/storybookHelpers/storyTopWindowDecorator.d.ts +0 -2
  210. package/esm/storybookHelpers/storyTopWindowDecorator.js +0 -4
  211. /package/esm/{storybookHelpers/dataGridWithDifferentCellOptions/interfaces/entity.js → table/detailPanel/interfaces.js} +0 -0
@@ -1,81 +0,0 @@
1
- import { IEntity } from "../interfaces/entity";
2
- import "./gridModel.less";
3
- import { IListColumnBasic } from "../../../dataGrid/listColumn";
4
- export declare const gridColumns: ({
5
- id: string;
6
- title: string;
7
- name: string;
8
- meta: {
9
- defaultWidth: number;
10
- renderPlaceholder?: undefined;
11
- visibleOnHover?: undefined;
12
- };
13
- wrappers: {
14
- render: (value: any) => any;
15
- renderHeader: (title: any) => any;
16
- }[];
17
- columnComponent: IListColumnBasic<IEntity, IEntity>;
18
- group?: undefined;
19
- loadingEntitiesColumnComponent?: undefined;
20
- } | {
21
- id: string;
22
- title: string;
23
- name: string;
24
- meta: {
25
- defaultWidth: number;
26
- renderPlaceholder: (e: IEntity) => import("react/jsx-runtime").JSX.Element;
27
- visibleOnHover?: undefined;
28
- };
29
- group: string;
30
- wrappers: {
31
- render: (value: any) => any;
32
- renderHeader: (title: any) => any;
33
- }[];
34
- columnComponent: IListColumnBasic<IEntity, IEntity>;
35
- loadingEntitiesColumnComponent?: undefined;
36
- } | {
37
- id: string;
38
- title: string;
39
- name: string;
40
- meta: {
41
- defaultWidth: number;
42
- renderPlaceholder?: undefined;
43
- visibleOnHover?: undefined;
44
- };
45
- group: string;
46
- wrappers: {
47
- render: (value: any) => any;
48
- renderHeader: (title: any) => any;
49
- }[];
50
- columnComponent: IListColumnBasic<IEntity, IEntity>;
51
- loadingEntitiesColumnComponent?: undefined;
52
- } | {
53
- id: string;
54
- title: string;
55
- name: string;
56
- meta: {
57
- defaultWidth: number;
58
- renderPlaceholder?: undefined;
59
- visibleOnHover?: undefined;
60
- };
61
- group: string;
62
- wrappers: {
63
- render: (value: any) => any;
64
- renderHeader: (title: any) => any;
65
- }[];
66
- columnComponent: IListColumnBasic<IEntity, IEntity>;
67
- loadingEntitiesColumnComponent: IListColumnBasic<IEntity, IEntity>;
68
- } | {
69
- id: string;
70
- title: string;
71
- name: string;
72
- meta: {
73
- visibleOnHover: boolean;
74
- defaultWidth?: undefined;
75
- renderPlaceholder?: undefined;
76
- };
77
- columnComponent: IListColumnBasic<IEntity, IEntity>;
78
- loadingEntitiesColumnComponent: IListColumnBasic<IEntity, IEntity>;
79
- wrappers?: undefined;
80
- group?: undefined;
81
- })[];
@@ -1,113 +0,0 @@
1
- import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
- import { SimpleEventHandler } from "../../../commonHelpers/simpleEventHandler";
3
- import { IconCloudOff } from "../../../icons/iconCloudOff";
4
- import { IconMap } from "../../../icons/iconMap";
5
- import ColumnWaiting from "../components/ColumnWaiting";
6
- import { Pill, PillType } from "../../../oldPill/pill";
7
- import { ActionsColumn } from "../../../dataGrid/columns/actionsColumn/actionsColumn";
8
- import { CheckboxColumn } from "../../../dataGrid/columns/checkboxColumn/checkboxColumn";
9
- import { IconDotVertical } from "../../../icons/iconDotVertical";
10
- import { IconCheck } from "../../../icons/iconCheck";
11
- const wrappers = [{ render: value => value, renderHeader: title => title }];
12
- const getLinkToPageFn = (_, _1) => "";
13
- const hasAccessToFn = (_) => true;
14
- const createAssetActions = (getLinkToPage, hasAccessTo, eventsBus) => [{
15
- createTitle: () => "Edit",
16
- condition: () => hasAccessTo("DeviceAdmin") || (hasAccessTo("ManageTrailers")),
17
- createLink: (e) => getLinkToPage("device", { id: e.id })
18
- }, {
19
- createTitle: () => "Archive",
20
- condition: () => hasAccessTo("DeviceAdmin") || (hasAccessTo("ManageTrailers")),
21
- handler: (e) => eventsBus.fire("archive", { selected: [e.id], allSelected: false })
22
- }, {
23
- createTitle: () => "Delete",
24
- condition: () => hasAccessTo("DeviceAdmin") || (hasAccessTo("ManageTrailers")),
25
- handler: (e) => eventsBus.fire("delete", { selected: [e.id], allSelected: false })
26
- }];
27
- const columnComponents = {
28
- "col1": {
29
- render: entity => (_jsxs("div", { className: "action-link-column", children: [_jsx("span", { className: "action-link-column__icon action-link-column__icon--map", children: _jsx(IconMap, { size: "large" }) }), _jsx("div", { className: "action-link-column__content-wrapper", children: _jsxs("div", { className: "action-link-column__content", children: [_jsxs("div", { className: "action-link-column__info", children: [_jsx("div", { className: "action-link-column__name", children: entity.col1 }), _jsx("div", { className: "action-link-column__groups", children: "Light Duty, Group A, Group B, Group C, Group D" })] }), _jsx("span", { className: "action-link-column__icon action-link-column__icon--status", children: _jsx(IconCloudOff, { size: "bigger" }) })] }) })] })),
30
- renderFeed: (_, entity) => [".....", entity.col1],
31
- renderHeader: title => title
32
- },
33
- "col2": {
34
- render: entity => (_jsx("div", { className: "action-column", children: _jsx("a", { className: "action-column__hyperlink", href: `https://example.com/${entity.col2}`, target: "_blank", rel: "noreferrer", children: entity.col2 }) })),
35
- renderFeed: (_, entity) => [".....", entity.col2],
36
- renderHeader: title => title
37
- },
38
- "col3": {
39
- render: entity => (_jsx("div", { className: "action-column-numeric", children: entity.col3 })),
40
- renderFeed: (_, entity) => [".....", entity.col2],
41
- renderHeader: title => title
42
- },
43
- "col4": { render: entity => (_jsx("div", { className: "action-column-pill", children: _jsxs(Pill, { className: "zen-caption", type: PillType.Success, children: [_jsx(IconCheck, { size: "large", className: "zen-caption__pre-content" }), _jsx("span", { className: "zen-caption__content", children: entity.col4 })] }) })), renderFeed: (_, entity) => [".....", entity.col4], renderHeader: title => title },
44
- "col5": new CheckboxColumn(new Set(), {}),
45
- "actions": new ActionsColumn({
46
- title: "Actions",
47
- actions: [{
48
- icon: IconDotVertical,
49
- createTitle: e => `More actions for ${e.col1}`,
50
- condition: _ => hasAccessToFn("DeviceAdmin") || hasAccessToFn("ManageTrailers"),
51
- actions: createAssetActions(getLinkToPageFn, hasAccessToFn, new SimpleEventHandler())
52
- }],
53
- headerActions: []
54
- })
55
- };
56
- export const gridColumns = [
57
- {
58
- id: "col1",
59
- title: "Column 1",
60
- name: "col1",
61
- meta: { defaultWidth: 100 },
62
- wrappers,
63
- columnComponent: columnComponents.col1
64
- },
65
- {
66
- id: "col2",
67
- title: "Column 2",
68
- name: "col2",
69
- meta: { defaultWidth: 100, renderPlaceholder: (e) => _jsx(ColumnWaiting, { children: e.col2 }) },
70
- group: "Group 1",
71
- wrappers,
72
- columnComponent: columnComponents.col2
73
- },
74
- {
75
- id: "col3",
76
- title: "Column 3",
77
- name: "col3",
78
- meta: { defaultWidth: 100 },
79
- group: "Group 2",
80
- wrappers,
81
- columnComponent: columnComponents.col3
82
- },
83
- {
84
- id: "col4",
85
- title: "Column 4",
86
- name: "col4",
87
- meta: { defaultWidth: 100 },
88
- group: "Group 2",
89
- wrappers,
90
- columnComponent: columnComponents.col4
91
- },
92
- {
93
- id: "col5",
94
- title: "Column 5",
95
- name: "col5",
96
- meta: { defaultWidth: 100 },
97
- group: "Group 3",
98
- wrappers,
99
- columnComponent: columnComponents.col5,
100
- loadingEntitiesColumnComponent: columnComponents.col5
101
- },
102
- // Action column
103
- {
104
- id: "actions",
105
- title: "",
106
- name: "actions",
107
- meta: {
108
- visibleOnHover: true
109
- },
110
- columnComponent: columnComponents.actions,
111
- loadingEntitiesColumnComponent: columnComponents.actions
112
- }
113
- ];
@@ -1,4 +0,0 @@
1
- declare const ColumnWaiting: ({ children }: {
2
- children: any;
3
- }) => import("react/jsx-runtime").JSX.Element;
4
- export default ColumnWaiting;
@@ -1,4 +0,0 @@
1
- import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
- import { Waiting } from "../../../waiting/waiting";
3
- const ColumnWaiting = ({ children }) => _jsxs("div", { style: { display: "flex", flexDirection: "row", alignItems: "center" }, children: [_jsx("div", { style: { flex: "1 1 auto" }, children: children }), "\u00A0", _jsx("div", { style: { width: 40, height: 30, position: "relative" }, children: _jsx(Waiting, { hideOverlay: true, isLoading: true }) })] });
4
- export default ColumnWaiting;
@@ -1,18 +0,0 @@
1
- import { ISelectableRowsListSelections } from "../../../dataGrid/withSelectableRows/withSelectableRows";
2
- import { RefObject } from "react";
3
- interface IEntitiesListActionProps {
4
- selectionQty: number;
5
- pageSize: number;
6
- activePage: number;
7
- totalPage?: number;
8
- fullScreen?: boolean;
9
- selections: ISelectableRowsListSelections | undefined;
10
- columnListButtonRef: RefObject<HTMLButtonElement | null>;
11
- onClearSelection: () => void;
12
- onBulkDelete: (selections?: ISelectableRowsListSelections) => void;
13
- onBulkArchive: (selections?: ISelectableRowsListSelections) => void;
14
- onFullScreenChange: (fullscreen: boolean) => void;
15
- onActivePageChange: (pageNumber: number) => void;
16
- }
17
- declare function EntitiesListAction({ selectionQty, pageSize, activePage, totalPage, fullScreen, selections, columnListButtonRef, onClearSelection, onBulkDelete, onBulkArchive, onFullScreenChange, onActivePageChange }: IEntitiesListActionProps): import("react/jsx-runtime").JSX.Element;
18
- export default EntitiesListAction;
@@ -1,193 +0,0 @@
1
- import { injectString } from "../../../utils/localization/translationsDictionary";
2
- import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
3
- import { IconArchive } from "../../../icons/iconArchive";
4
- import { IconDelete } from "../../../icons/iconDelete";
5
- import { IconEdit } from "../../../icons/iconEdit";
6
- import { IconMap } from "../../../icons/iconMap";
7
- import { Pagination } from "../../../pagination/pagination";
8
- import { PaginationType } from "../../../pagination/paginationType";
9
- import { ColumnsListButton } from "../../../dataGrid/entitiesListActions/actions/columnsListButton";
10
- import { FullScreenButton } from "../../../dataGrid/entitiesListActions/actions/fullscreenButton";
11
- import { EntitiesListActions } from "../../../dataGrid/entitiesListActions/entitiesListActions";
12
- import { BulkActions } from "../../../dataGrid/withSelectableRows/components/bulkActions/bulkActions";
13
- import { useLanguage } from "../../../utils/localization/useLanguage";
14
- injectString("cs", "View on map", "Zobrazit na map\u011B");
15
- injectString("da-DK", "View on map", "Se p\xE5 kort");
16
- injectString("de", "View on map", "Auf der Karte anzeigen");
17
- injectString("en", "View on map", "View on map");
18
- injectString("es", "View on map", "Ver en el mapa");
19
- injectString("fi-FI", "View on map", "N\xE4yt\xE4 kartalla");
20
- injectString("fr", "View on map", "Afficher sur la carte");
21
- injectString("fr-FR", "View on map", "Voir sur la carte");
22
- injectString("hu-HU", "View on map", "N\xE9zd meg a t\xE9rk\xE9pen.");
23
- injectString("id", "View on map", "Lihat di peta");
24
- injectString("it", "View on map", "Visualizzare sulla mappa");
25
- injectString("ja", "View on map", "\u5730\u56F3\u4E0A\u3067\u898B\u308B");
26
- injectString("ko-KR", "View on map", "\uC9C0\uB3C4\uC5D0\uC11C \uBCF4\uAE30");
27
- injectString("ms", "View on map", "Lihat pada peta");
28
- injectString("nb-NO", "View on map", "Se p\xE5 kartet");
29
- injectString("nl", "View on map", "Weergeven op kaart");
30
- injectString("pl", "View on map", "Wy\u015Bwietl na mapie");
31
- injectString("pt-BR", "View on map", "Visualizar no mapa");
32
- injectString("sk-SK", "View on map", "Zobraz na mape.");
33
- injectString("sv", "View on map", "Visa p\xE5 karta");
34
- injectString("th", "View on map", "\u0E14\u0E39\u0E1A\u0E19\u0E41\u0E1C\u0E19\u0E17\u0E35\u0E48");
35
- injectString("tr", "View on map", "Haritada g\xF6r\xFCnt\xFCle");
36
- injectString("zh-Hans", "View on map", "\u5728\u5730\u56FE\u4E0A\u67E5\u770B");
37
- injectString("zh-TW", "View on map", "\u5728\u5730\u5716\u4E0A\u6AA2\u8996");
38
- injectString("cs", "Edit", "Upravit");
39
- injectString("da-DK", "Edit", "Rediger");
40
- injectString("de", "Edit", "Bearbeiten");
41
- injectString("en", "Edit", "Edit");
42
- injectString("es", "Edit", "Editar");
43
- injectString("fi-FI", "Edit", "Muokkaa");
44
- injectString("fr", "Edit", "Modifier");
45
- injectString("fr-FR", "Edit", "Modifier");
46
- injectString("hu-HU", "Edit", "Szerkeszd meg.");
47
- injectString("id", "Edit", "Edit");
48
- injectString("it", "Edit", "Modifica");
49
- injectString("ja", "Edit", "\u7DE8\u96C6");
50
- injectString("ko-KR", "Edit", "\uD3B8\uC9D1");
51
- injectString("ms", "Edit", "Edit");
52
- injectString("nb-NO", "Edit", "Rediger");
53
- injectString("nl", "Edit", "Bewerken");
54
- injectString("pl", "Edit", "Edytuj");
55
- injectString("pt-BR", "Edit", "Editar");
56
- injectString("sk-SK", "Edit", "Uprav.");
57
- injectString("sv", "Edit", "Redigera");
58
- injectString("th", "Edit", "\u0E41\u0E01\u0E49\u0E44\u0E02");
59
- injectString("tr", "Edit", "D\xFCzenle");
60
- injectString("zh-Hans", "Edit", "\u7F16\u8F91");
61
- injectString("zh-TW", "Edit", "\u7DE8\u8F2F");
62
- injectString("cs", "Delete", "Odstranit");
63
- injectString("da-DK", "Delete", "Slet");
64
- injectString("de", "Delete", "L\xF6schen");
65
- injectString("en", "Delete", "Delete");
66
- injectString("es", "Delete", "Eliminar");
67
- injectString("fi-FI", "Delete", "Poista");
68
- injectString("fr", "Delete", "Supprimer");
69
- injectString("fr-FR", "Delete", "Effacer");
70
- injectString("hu-HU", "Delete", "T\xF6r\xF6ld.");
71
- injectString("id", "Delete", "Hapus");
72
- injectString("it", "Delete", "Eliminare");
73
- injectString("ja", "Delete", "\u524A\u9664\u3059\u308B");
74
- injectString("ko-KR", "Delete", "\uC0AD\uC81C");
75
- injectString("ms", "Delete", "Padam");
76
- injectString("nb-NO", "Delete", "Slett");
77
- injectString("nl", "Delete", "Verwijderen");
78
- injectString("pl", "Delete", "Usu\u0144");
79
- injectString("pt-BR", "Delete", "Excluir");
80
- injectString("sk-SK", "Delete", "Zma\u017E");
81
- injectString("sv", "Delete", "Radera");
82
- injectString("th", "Delete", "\u0E25\u0E1A");
83
- injectString("tr", "Delete", "Sil");
84
- injectString("zh-Hans", "Delete", "\u5220\u9664");
85
- injectString("zh-TW", "Delete", "\u522A\u9664");
86
- injectString("cs", "Archive", "Archivovat");
87
- injectString("da-DK", "Archive", "Arkiv");
88
- injectString("de", "Archive", "Archivieren");
89
- injectString("en", "Archive", "Archive");
90
- injectString("es", "Archive", "Archivar");
91
- injectString("fi-FI", "Archive", "Arkistoi");
92
- injectString("fr", "Archive", "Archiver");
93
- injectString("fr-FR", "Archive", "Archiver");
94
- injectString("hu-HU", "Archive", "Arch\xEDvum");
95
- injectString("id", "Archive", "Arsip");
96
- injectString("it", "Archive", "Archiviare");
97
- injectString("ja", "Archive", "\u30A2\u30FC\u30AB\u30A4\u30D6");
98
- injectString("ko-KR", "Archive", "\uBCF4\uAD00");
99
- injectString("ms", "Archive", "Arkib");
100
- injectString("nb-NO", "Archive", "Arkiver");
101
- injectString("nl", "Archive", "Archiveren");
102
- injectString("pl", "Archive", "Archiwizuj");
103
- injectString("pt-BR", "Archive", "Arquivar");
104
- injectString("sk-SK", "Archive", "Arch\xEDv");
105
- injectString("sv", "Archive", "Arkivera");
106
- injectString("th", "Archive", "\u0E08\u0E31\u0E14\u0E40\u0E01\u0E47\u0E1A");
107
- injectString("tr", "Archive", "Ar\u015Fivle");
108
- injectString("zh-Hans", "Archive", "\u5F52\u6863");
109
- injectString("zh-TW", "Archive", "\u6B78\u6A94");
110
- const getMapLink = selections => {
111
- const pageLink = "/#map";
112
- if (selections === null || selections === void 0 ? void 0 : selections.allSelected) {
113
- return pageLink;
114
- }
115
- const ids = (selections === null || selections === void 0 ? void 0 : selections.selected) || [];
116
- return `${pageLink},liveVehicleIds:!(${ids.join(",")})`;
117
- };
118
- const getEditLink = selections => {
119
- const pageLink = "/#device";
120
- if (selections === null || selections === void 0 ? void 0 : selections.allSelected) {
121
- return `${pageLink},all:!(id:GroupCompanyId)`;
122
- }
123
- const ids = (selections === null || selections === void 0 ? void 0 : selections.selected) || [];
124
- return `${pageLink},id:!(${ids.join(",")})`;
125
- };
126
- function EntitiesListAction({
127
- selectionQty,
128
- pageSize,
129
- activePage,
130
- totalPage = 0,
131
- fullScreen = false,
132
- selections,
133
- columnListButtonRef,
134
- onClearSelection,
135
- onBulkDelete,
136
- onBulkArchive,
137
- onFullScreenChange,
138
- onActivePageChange
139
- }) {
140
- const {
141
- translate
142
- } = useLanguage();
143
- return _jsxs(EntitiesListActions, {
144
- children: [_jsx(EntitiesListActions.Actions, {
145
- children: selectionQty > 0 && _jsxs(BulkActions, {
146
- selected: selectionQty,
147
- onClearSelection: onClearSelection,
148
- children: [_jsx(BulkActions.ActionLink, {
149
- id: "action_view_on_map",
150
- title: translate("View on map"),
151
- icon: IconMap,
152
- link: getMapLink(selections),
153
- disabled: selectionQty === 0
154
- }), _jsx(BulkActions.ActionLink, {
155
- id: "action_edit",
156
- title: translate("Edit"),
157
- icon: IconEdit,
158
- link: getEditLink(selections),
159
- disabled: selectionQty === 0
160
- }), _jsx(BulkActions.ActionButton, {
161
- id: "action_delete",
162
- title: translate("Delete"),
163
- icon: IconDelete,
164
- clickHandler: () => onBulkDelete(selections),
165
- disabled: selectionQty === 0
166
- }), _jsx(BulkActions.ActionButton, {
167
- id: "action_archive",
168
- title: translate("Archive"),
169
- icon: IconArchive,
170
- clickHandler: () => onBulkArchive(selections),
171
- disabled: true
172
- })]
173
- })
174
- }), _jsx(EntitiesListActions.Pagination, {
175
- children: _jsx(Pagination, {
176
- activePage: activePage,
177
- perPage: pageSize,
178
- total: totalPage,
179
- type: PaginationType.Compact,
180
- includeText: true,
181
- onChange: onActivePageChange
182
- })
183
- }), _jsxs(EntitiesListActions.PostActions, {
184
- children: [_jsx(ColumnsListButton, {
185
- ref: columnListButtonRef
186
- }), _jsx(FullScreenButton, {
187
- fullScreen: fullScreen,
188
- onClick: () => onFullScreenChange(!fullScreen)
189
- })]
190
- })]
191
- });
192
- }
193
- export default EntitiesListAction;
@@ -1 +0,0 @@
1
- export declare const PAGE_SIZE = 10;
@@ -1 +0,0 @@
1
- export const PAGE_SIZE = 10;
@@ -1,7 +0,0 @@
1
- export interface IEntity {
2
- id: string;
3
- col1: string;
4
- col2: string;
5
- col3: string;
6
- col4: string;
7
- }
@@ -1,5 +0,0 @@
1
- import { IEntityWithId } from "../commonHelpers/entity";
2
- export declare class FieldDelayRenderer<T extends IEntityWithId> {
3
- private readonly store;
4
- getRenderer(colId: keyof T, entity: T): T[keyof T] | Promise<T[keyof T]>;
5
- }
@@ -1,20 +0,0 @@
1
- export class FieldDelayRenderer {
2
- constructor() {
3
- Object.defineProperty(this, "store", {
4
- enumerable: true,
5
- configurable: true,
6
- writable: true,
7
- value: new Map()
8
- });
9
- }
10
- getRenderer(colId, entity) {
11
- const id = `${entity.id}-${colId.toString()}`;
12
- const loadedFields = this.store.get(id);
13
- if (loadedFields) {
14
- return loadedFields;
15
- }
16
- const newField = new Promise((res) => setTimeout(() => res(entity[colId]), (Math.random() * 1000)));
17
- this.store.set(id, newField);
18
- return newField;
19
- }
20
- }
@@ -1,2 +0,0 @@
1
- import { Decorator } from "@storybook/react";
2
- export declare const StoryFeedbackProviderDecorator: Decorator;
@@ -1,16 +0,0 @@
1
- import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
2
- import { FeedbackProvider } from "../feedbackProvider/feedbackProvider";
3
- import { useRef } from "react";
4
- // eslint-disable-next-line @typescript-eslint/naming-convention
5
- export const StoryFeedbackProviderDecorator = (Story, context) => {
6
- const prevGlobals = useRef(context.globals.viewport);
7
- const getDefaultFeedbackProviderSingleton = () => {
8
- const feedbackProvider = document.querySelector(".zen-alerts");
9
- if (!feedbackProvider || prevGlobals.current !== context.globals.viewport) {
10
- prevGlobals.current = context.globals.viewport;
11
- return _jsx(FeedbackProvider, { mode: "default" });
12
- }
13
- return null;
14
- };
15
- return _jsxs(_Fragment, { children: [_jsx(FeedbackProvider, { mode: "api", children: _jsx(Story, Object.assign({}, context)) }), getDefaultFeedbackProviderSingleton()] });
16
- };
@@ -1,2 +0,0 @@
1
- import { Decorator } from "@storybook/react";
2
- export declare const StoryGlobalWrapper: Decorator;
@@ -1,3 +0,0 @@
1
- import { jsx as _jsx } from "react/jsx-runtime";
2
- // eslint-disable-next-line @typescript-eslint/naming-convention
3
- export const StoryGlobalWrapper = (Story, context) => _jsx("div", { className: "story-wrapper", children: _jsx(Story, Object.assign({}, context)) });
@@ -1,8 +0,0 @@
1
- import { FC, HTMLAttributes } from "react";
2
- interface IStoryItem extends HTMLAttributes<HTMLElement> {
3
- id?: string;
4
- name: string;
5
- title?: string;
6
- }
7
- export declare const StoryItem: FC<IStoryItem>;
8
- export {};
@@ -1,17 +0,0 @@
1
- var __rest = (this && this.__rest) || function (s, e) {
2
- var t = {};
3
- for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
4
- t[p] = s[p];
5
- if (s != null && typeof Object.getOwnPropertySymbols === "function")
6
- for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
7
- if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
8
- t[p[i]] = s[p[i]];
9
- }
10
- return t;
11
- };
12
- import { createElement as _createElement } from "react";
13
- export const StoryItem = (_a) => {
14
- var { id, name, title, children, style } = _a, restAttrs = __rest(_a, ["id", "name", "title", "children", "style"]);
15
- const styles = Object.assign({ cursor: "copy", margin: 10 }, style);
16
- return _createElement("div", Object.assign({}, restAttrs, { key: id, title: title || "Click to copy to clipboard", style: styles, onClick: async () => navigator.clipboard.writeText(name) }), children);
17
- };
@@ -1,2 +0,0 @@
1
- import { Decorator } from "@storybook/react";
2
- export declare const StoryLanguagesDecorator: Decorator;
@@ -1,4 +0,0 @@
1
- import { jsx as _jsx } from "react/jsx-runtime";
2
- import { LanguageProvider } from "../utils/localization/languageProvider";
3
- // eslint-disable-next-line @typescript-eslint/naming-convention
4
- export const StoryLanguagesDecorator = (Story, context) => _jsx(LanguageProvider, { language: context.globals.language, children: _jsx(Story, Object.assign({}, context)) });
@@ -1,2 +0,0 @@
1
- import { Decorator } from "@storybook/react/";
2
- export declare const StoryQueryClientProvider: Decorator;
@@ -1,15 +0,0 @@
1
- import { jsx as _jsx } from "react/jsx-runtime";
2
- import { QueryClient, QueryClientProvider } from "@tanstack/react-query";
3
- import { useState } from "react";
4
- // eslint-disable-next-line @typescript-eslint/naming-convention
5
- export const StoryQueryClientProvider = (Story, context) => {
6
- const [queryClient] = useState(() => new QueryClient({
7
- defaultOptions: {
8
- queries: {
9
- retry: 1,
10
- staleTime: 1 * 60 * 1000 // 5 minutes
11
- }
12
- }
13
- }));
14
- return (_jsx(QueryClientProvider, { client: queryClient, children: _jsx(Story, Object.assign({}, context)) }));
15
- };
@@ -1,2 +0,0 @@
1
- import { Decorator } from "@storybook/react";
2
- export declare const StoryThemeDecorator: Decorator;
@@ -1,15 +0,0 @@
1
- import { jsx as _jsx } from "react/jsx-runtime";
2
- import { ThemeDrive } from "../utils/theme/themeDrive";
3
- import { ThemeDark } from "../utils/theme/themeDark";
4
- // eslint-disable-next-line @typescript-eslint/naming-convention
5
- export const StoryThemeDecorator = (Story, context) => {
6
- var _a, _b, _c;
7
- const isDark = ((_a = context.globals.backgrounds) === null || _a === void 0 ? void 0 : _a.value) === "#333333" || ((_b = context.globals.backgrounds) === null || _b === void 0 ? void 0 : _b.value) === "#333" || ((_c = context.globals.backgrounds) === null || _c === void 0 ? void 0 : _c.value) === "dark";
8
- if (context.globals.theme === "drive") {
9
- return _jsx(ThemeDrive, { dark: isDark, children: _jsx(Story, Object.assign({}, context)) });
10
- }
11
- if (isDark) {
12
- return _jsx(ThemeDark, { children: _jsx(Story, Object.assign({}, context)) });
13
- }
14
- return _jsx(Story, Object.assign({}, context));
15
- };
@@ -1,2 +0,0 @@
1
- import { Decorator } from "@storybook/react";
2
- export declare const StoryTopWindowDecorator: Decorator;
@@ -1,4 +0,0 @@
1
- import { jsx as _jsx } from "react/jsx-runtime";
2
- import { TopWindowProvider } from "../utils/topWindow/topWindowProvider";
3
- // eslint-disable-next-line @typescript-eslint/naming-convention
4
- export const StoryTopWindowDecorator = (Story, context) => _jsx(TopWindowProvider, { topWindow: window, children: _jsx(Story, Object.assign({}, context)) });