@geotab/zenith 3.10.0-beta.2 → 3.10.0-beta.4
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 +9 -1
- package/dist/commonStyles/pillStyles/pillContent.less +9 -9
- package/dist/commonStyles/pillStyles/pillStyles.less +2 -2
- package/dist/dataGrid/cell/cell.d.ts +2 -1
- package/dist/dataGrid/cell/cell.js +2 -2
- package/dist/dataGrid/dataGrid.js +6 -4
- package/dist/dataGrid/listColumn.d.ts +2 -0
- package/dist/dataGrid/row/row.js +11 -7
- package/dist/dataGrid/withFlexibleColumns/components/columnSettingsList.js +2 -1
- package/dist/dataGrid/withSelectableRows/components/bulkActions/bulkActions.d.ts +4 -0
- package/dist/dateRangeRaw/utils/parseLabel.js +1 -1
- package/dist/dropdownRaw/dropdownList.d.ts +1 -2
- package/dist/dropdownRaw/dropdownList.js +2 -7
- package/dist/dropdownRaw/dropdownRaw.js +13 -8
- package/dist/filtersBar/filtersContainer/filtersContainer.js +14 -4
- package/dist/index.css +690 -653
- package/dist/index.d.ts +0 -2
- package/dist/index.js +1 -3
- package/dist/radioGroupRaw/radioGroupRaw.js +2 -1
- package/dist/selectList/selectList.helpers.d.ts +1 -1
- package/dist/selectList/selectList.helpers.js +31 -6
- package/dist/selectList/selectList.js +3 -1
- package/dist/selectList/selectList.reducer.js +1 -2
- package/dist/sortControl/sortControl.js +58 -2
- package/dist/table/children/useTableChildren.d.ts +1 -1
- package/dist/table/children/useTableChildren.js +3 -3
- package/dist/table/flexible/columnsList.js +4 -2
- package/dist/table/selectable/useSelectableRows.d.ts +8 -0
- package/dist/table/selectable/useSelectableRows.js +14 -6
- package/dist/table/table.js +1 -7
- package/dist/utils/localization/translations/ar.json +3 -1
- 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 +3 -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/pt-PT.json +3 -1
- package/dist/utils/localization/translations/ro-RO.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/dataGrid/cell/cell.d.ts +2 -1
- package/esm/dataGrid/cell/cell.js +2 -2
- package/esm/dataGrid/dataGrid.js +6 -4
- package/esm/dataGrid/listColumn.d.ts +2 -0
- package/esm/dataGrid/row/row.js +11 -7
- package/esm/dataGrid/withFlexibleColumns/components/columnSettingsList.js +2 -1
- package/esm/dataGrid/withSelectableRows/components/bulkActions/bulkActions.d.ts +4 -0
- package/esm/dateRangeRaw/utils/parseLabel.js +1 -1
- package/esm/dropdownRaw/dropdownList.d.ts +1 -2
- package/esm/dropdownRaw/dropdownList.js +2 -7
- package/esm/dropdownRaw/dropdownRaw.js +13 -8
- package/esm/filtersBar/filtersContainer/filtersContainer.js +14 -4
- package/esm/index.d.ts +0 -2
- package/esm/index.js +0 -1
- package/esm/radioGroupRaw/radioGroupRaw.js +2 -1
- package/esm/selectList/selectList.helpers.d.ts +1 -1
- package/esm/selectList/selectList.helpers.js +31 -6
- package/esm/selectList/selectList.js +3 -1
- package/esm/selectList/selectList.reducer.js +1 -2
- package/esm/sortControl/sortControl.js +58 -2
- package/esm/table/children/useTableChildren.d.ts +1 -1
- package/esm/table/children/useTableChildren.js +3 -3
- package/esm/table/flexible/columnsList.js +4 -2
- package/esm/table/selectable/useSelectableRows.d.ts +8 -0
- package/esm/table/selectable/useSelectableRows.js +14 -6
- package/esm/table/table.js +1 -7
- package/esm/utils/localization/translations/ar.json +3 -1
- 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 +3 -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/pt-PT.json +3 -1
- package/esm/utils/localization/translations/ro-RO.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 +2 -1
- package/dist/commonStyles/colors/colorsConstant.d.ts +0 -44
- package/dist/commonStyles/colors/colorsConstant.js +0 -361
- package/dist/commonStyles/typography/components/typographyItem.d.ts +0 -8
- package/dist/commonStyles/typography/components/typographyItem.js +0 -45
- package/dist/testHelpers/fakeFetch.d.ts +0 -1
- package/dist/testHelpers/fakeFetch.js +0 -14
- package/dist/testHelpers/geotab-axe/index.d.ts +0 -2
- package/dist/testHelpers/geotab-axe/index.js +0 -81
- package/dist/testHelpers/jestRetry.d.ts +0 -0
- package/dist/testHelpers/jestRetry.js +0 -2
- package/dist/testHelpers/renderAsync.d.ts +0 -2
- package/dist/testHelpers/renderAsync.js +0 -12
- package/dist/testHelpers/setReadonlyHtmlProperty.d.ts +0 -1
- package/dist/testHelpers/setReadonlyHtmlProperty.js +0 -15
- package/dist/testHelpers/styled-output.d.ts +0 -30
- package/dist/testHelpers/styled-output.js +0 -42
|
@@ -16,6 +16,14 @@ export interface ISelectableRowsOptions<T extends IRowEntity<N>, N extends IEnti
|
|
|
16
16
|
checkboxTitle?: (entity: T | N) => string;
|
|
17
17
|
headerTitle?: (state: SelectionState) => string;
|
|
18
18
|
turnOffSelectAll?: boolean;
|
|
19
|
+
/**
|
|
20
|
+
* When `true`, the header checkbox emits the current page's IDs instead of `{ all: true }`.
|
|
21
|
+
* When `undefined`, falls back to `turnOffSelectAll` for backward compatibility.
|
|
22
|
+
*
|
|
23
|
+
* Note: avoid setting this to `false` alongside `turnOffSelectAll: true` — the checkbox
|
|
24
|
+
* will emit `{ all: true }` while the dropdown hides the "Select all" option, which is inconsistent.
|
|
25
|
+
*/
|
|
26
|
+
checkboxSelectsCurrentPage?: boolean;
|
|
19
27
|
checkboxPlaceholder?: boolean;
|
|
20
28
|
strategy?: TSelectionStrategy;
|
|
21
29
|
selectAll?: boolean;
|
|
@@ -179,8 +179,16 @@ export const useSelectableRows = (columns, entities, isMobile, selectMode, setSe
|
|
|
179
179
|
return translate("Deselect all");
|
|
180
180
|
}, [selectable, selectableState, state, translate]);
|
|
181
181
|
const isEntityChecked = useCallback((entity, isNested) => isRowChecked(selections, state, selectable === null || selectable === void 0 ? void 0 : selectable.strategy, entity, isNested), [selections, state, selectable === null || selectable === void 0 ? void 0 : selectable.strategy]);
|
|
182
|
+
const hasSelectable = !!selectable;
|
|
183
|
+
const selectableCheckboxSelectsCurrentPage = selectable === null || selectable === void 0 ? void 0 : selectable.checkboxSelectsCurrentPage;
|
|
184
|
+
const selectableTurnOffSelectAll = selectable === null || selectable === void 0 ? void 0 : selectable.turnOffSelectAll;
|
|
185
|
+
const selectableCheckboxInHeader = selectable === null || selectable === void 0 ? void 0 : selectable.checkboxInHeader;
|
|
186
|
+
const selectableSelectionLimit = selectable === null || selectable === void 0 ? void 0 : selectable.selectionLimit;
|
|
187
|
+
const selectableHeader = selectable === null || selectable === void 0 ? void 0 : selectable.header;
|
|
188
|
+
const checkboxEmitsCurrentPage = selectableCheckboxSelectsCurrentPage !== null && selectableCheckboxSelectsCurrentPage !== void 0 ? selectableCheckboxSelectsCurrentPage : selectableTurnOffSelectAll;
|
|
189
|
+
const checkboxInHeaderValue = selectableCheckboxInHeader !== undefined ? selectableCheckboxInHeader : selectableSelectionLimit !== undefined ? false : undefined;
|
|
182
190
|
const wrapper = useMemo(() => {
|
|
183
|
-
if (!
|
|
191
|
+
if (!hasSelectable) {
|
|
184
192
|
return null;
|
|
185
193
|
}
|
|
186
194
|
return {
|
|
@@ -224,7 +232,7 @@ export const useSelectableRows = (columns, entities, isMobile, selectMode, setSe
|
|
|
224
232
|
onChange: newValue => {
|
|
225
233
|
var _a, _b;
|
|
226
234
|
if (newValue) {
|
|
227
|
-
const newState =
|
|
235
|
+
const newState = checkboxEmitsCurrentPage ? SelectionState.CurrentPage : SelectionState.All;
|
|
228
236
|
setState(newState);
|
|
229
237
|
onChangeSelectionState(newState);
|
|
230
238
|
} else {
|
|
@@ -242,18 +250,18 @@ export const useSelectableRows = (columns, entities, isMobile, selectMode, setSe
|
|
|
242
250
|
}
|
|
243
251
|
},
|
|
244
252
|
calculateSelectionState: () => selectableState,
|
|
245
|
-
checkboxInHeader:
|
|
246
|
-
header:
|
|
253
|
+
checkboxInHeader: checkboxInHeaderValue,
|
|
254
|
+
header: selectableHeader,
|
|
247
255
|
onSelect: newState => {
|
|
248
256
|
setState(newState);
|
|
249
257
|
onChangeSelectionState(newState);
|
|
250
258
|
},
|
|
251
|
-
turnOffSelectAll:
|
|
259
|
+
turnOffSelectAll: selectableTurnOffSelectAll
|
|
252
260
|
});
|
|
253
261
|
return cell;
|
|
254
262
|
}
|
|
255
263
|
};
|
|
256
|
-
}, [checkboxDisabled, checkboxTitle, checkboxVisible, headerTitle, onChangeSelectionState, onSelectListener, selectable, selectableState, state, isMobile, checkboxPlaceholder, isEntityChecked, entities, setSelectMode]);
|
|
264
|
+
}, [checkboxDisabled, checkboxTitle, checkboxVisible, headerTitle, onChangeSelectionState, onSelectListener, hasSelectable, checkboxEmitsCurrentPage, checkboxInHeaderValue, selectableHeader, selectableTurnOffSelectAll, selectable, selectableState, state, isMobile, checkboxPlaceholder, isEntityChecked, entities, setSelectMode]);
|
|
257
265
|
const selectableFeedWrapper = useCallback((primaryData, secondaryData, entity, isNested) => {
|
|
258
266
|
// eslint-disable-next-line @typescript-eslint/no-unnecessary-condition
|
|
259
267
|
if (!entity) {
|
package/esm/table/table.js
CHANGED
|
@@ -177,12 +177,6 @@ const TableInner = ({
|
|
|
177
177
|
selected: []
|
|
178
178
|
});
|
|
179
179
|
}, [selectable]);
|
|
180
|
-
const selectAll = useCallback(() => {
|
|
181
|
-
selectable === null || selectable === void 0 ? void 0 : selectable.onSelect({
|
|
182
|
-
all: true,
|
|
183
|
-
selected: []
|
|
184
|
-
});
|
|
185
|
-
}, [selectable]);
|
|
186
180
|
const [activeIdInternal, setActiveInternal] = useState(undefined);
|
|
187
181
|
const activeId = active !== undefined ? active : activeIdInternal;
|
|
188
182
|
const onClickInternal = useCallback(id => setActiveInternal(id === activeIdInternal ? undefined : id), [activeIdInternal, setActiveInternal]);
|
|
@@ -199,7 +193,7 @@ const TableInner = ({
|
|
|
199
193
|
detailPanel,
|
|
200
194
|
footer,
|
|
201
195
|
other
|
|
202
|
-
} = useTableChildren(children, isMobile, selectionQty, ((_c = selectable === null || selectable === void 0 ? void 0 : selectable.selection) === null || _c === void 0 ? void 0 : _c.all) || false, clearSelection,
|
|
196
|
+
} = useTableChildren(children, isMobile, selectionQty, ((_c = selectable === null || selectable === void 0 ? void 0 : selectable.selection) === null || _c === void 0 ? void 0 : _c.all) || false, clearSelection, activeId, gridRef, onCloseDetailPanel);
|
|
203
197
|
const hasDetailPanel = !!detailPanel;
|
|
204
198
|
const shouldEnableRowClick = hasDetailPanel || !!onClick;
|
|
205
199
|
const activeIdForRow = shouldEnableRowClick ? activeId : undefined;
|
|
@@ -328,5 +328,7 @@
|
|
|
328
328
|
"File upload area": "File upload area",
|
|
329
329
|
"Uploaded": "Uploaded",
|
|
330
330
|
"Sort by Ascending": "Sort by Ascending",
|
|
331
|
-
"Sort by Descending": "Sort by Descending"
|
|
331
|
+
"Sort by Descending": "Sort by Descending",
|
|
332
|
+
"Ascending": "Ascending",
|
|
333
|
+
"Descending": "Descending"
|
|
332
334
|
}
|
|
@@ -323,5 +323,7 @@
|
|
|
323
323
|
"Supported Formats:": "Supported Formats:",
|
|
324
324
|
"Upload files.": "Upload files.",
|
|
325
325
|
"File upload area": "File upload area",
|
|
326
|
-
"Uploaded": "Uploaded"
|
|
326
|
+
"Uploaded": "Uploaded",
|
|
327
|
+
"Ascending": "จากน้อยไปมาก",
|
|
328
|
+
"Descending": "จากมากไปน้อย"
|
|
327
329
|
}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@geotab/zenith",
|
|
3
|
-
"version": "3.10.0-beta.
|
|
3
|
+
"version": "3.10.0-beta.4",
|
|
4
4
|
"description": "Zenith components library on React",
|
|
5
5
|
"main": "dist/index.js",
|
|
6
6
|
"types": "esm/index.d.ts",
|
|
@@ -28,6 +28,7 @@
|
|
|
28
28
|
"coverage": "npm run test-coverage && google-chrome ./jest-coverage/index.html",
|
|
29
29
|
"inject-translations": "node build-utils/translations/inject-translations.js",
|
|
30
30
|
"lint": "npx eslint",
|
|
31
|
+
"lint-fix": "npm run lint -- --fix",
|
|
31
32
|
"new": "node newComponent.mjs",
|
|
32
33
|
"prettier": "npx prettier . --config '.prettierrc' --ignore-path '.prettierignore'",
|
|
33
34
|
"prettier-check": "npm run prettier -- --check",
|
|
@@ -1,44 +0,0 @@
|
|
|
1
|
-
export declare const Colors: {
|
|
2
|
-
Text: {
|
|
3
|
-
colorName: string;
|
|
4
|
-
text: string;
|
|
5
|
-
variable: string;
|
|
6
|
-
description: string;
|
|
7
|
-
}[];
|
|
8
|
-
Actions: {
|
|
9
|
-
colorName: string;
|
|
10
|
-
text: string;
|
|
11
|
-
variable: string;
|
|
12
|
-
description: string;
|
|
13
|
-
}[];
|
|
14
|
-
Backgrounds: {
|
|
15
|
-
colorName: string;
|
|
16
|
-
text: string;
|
|
17
|
-
variable: string;
|
|
18
|
-
description: string;
|
|
19
|
-
}[];
|
|
20
|
-
Borders: {
|
|
21
|
-
colorName: string;
|
|
22
|
-
text: string;
|
|
23
|
-
variable: string;
|
|
24
|
-
description: string;
|
|
25
|
-
}[];
|
|
26
|
-
Accents: {
|
|
27
|
-
colorName: string;
|
|
28
|
-
text: string;
|
|
29
|
-
variable: string;
|
|
30
|
-
description: string;
|
|
31
|
-
}[];
|
|
32
|
-
DutyStatus: {
|
|
33
|
-
colorName: string;
|
|
34
|
-
text: string;
|
|
35
|
-
variable: string;
|
|
36
|
-
description: string;
|
|
37
|
-
}[];
|
|
38
|
-
Categorical: {
|
|
39
|
-
colorName: string;
|
|
40
|
-
text: string;
|
|
41
|
-
variable: string;
|
|
42
|
-
description: string;
|
|
43
|
-
}[];
|
|
44
|
-
};
|