@elliemae/ds-shared 2.2.0-next.4 → 2.3.0-alpha.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/cjs/Animations/BaseAnimation.js +55 -35
- package/cjs/Animations/BaseAnimation.js.map +7 -0
- package/cjs/Animations/Grow.js +54 -41
- package/cjs/Animations/Grow.js.map +7 -0
- package/cjs/Animations/GrowRight.js +63 -41
- package/cjs/Animations/GrowRight.js.map +7 -0
- package/cjs/Animations/GrowVertical.js +47 -7
- package/cjs/Animations/GrowVertical.js.map +7 -0
- package/cjs/CheckableGroup.js +67 -65
- package/cjs/CheckableGroup.js.map +7 -0
- package/cjs/DeferRenderAfterComputation.js +48 -24
- package/cjs/DeferRenderAfterComputation.js.map +7 -0
- package/cjs/FocusGroup/FocusGrid.js +108 -143
- package/cjs/FocusGroup/FocusGrid.js.map +7 -0
- package/cjs/FocusGroup/FocusGroup.js +88 -147
- package/cjs/FocusGroup/FocusGroup.js.map +7 -0
- package/cjs/FocusGroup/FocusGroupContext.js +38 -11
- package/cjs/FocusGroup/FocusGroupContext.js.map +7 -0
- package/cjs/FocusGroup/FocusGroupManager.js +56 -47
- package/cjs/FocusGroup/FocusGroupManager.js.map +7 -0
- package/cjs/FocusGroup/focusGroupManagerHoc.js +52 -42
- package/cjs/FocusGroup/focusGroupManagerHoc.js.map +7 -0
- package/cjs/FocusGroup/index.js +47 -21
- package/cjs/FocusGroup/index.js.map +7 -0
- package/cjs/FocusGroup/useFocusGroupItem.js +59 -51
- package/cjs/FocusGroup/useFocusGroupItem.js.map +7 -0
- package/cjs/FocusGroup/utils/getNextCellPosition.js +47 -27
- package/cjs/FocusGroup/utils/getNextCellPosition.js.map +7 -0
- package/cjs/GroupContext/Group.js +64 -73
- package/cjs/GroupContext/Group.js.map +7 -0
- package/cjs/GroupContext/GroupContext.js +36 -13
- package/cjs/GroupContext/GroupContext.js.map +7 -0
- package/cjs/GroupContext/GroupItem.js +39 -21
- package/cjs/GroupContext/GroupItem.js.map +7 -0
- package/cjs/GroupContext/index.js +39 -13
- package/cjs/GroupContext/index.js.map +7 -0
- package/cjs/ScrollSync/ScrollSync.js +60 -75
- package/cjs/ScrollSync/ScrollSync.js.map +7 -0
- package/cjs/ScrollSync/ScrollSyncPane.js +52 -60
- package/cjs/ScrollSync/ScrollSyncPane.js.map +7 -0
- package/cjs/ScrollSync/ScrollSyncProvider.js +103 -50
- package/cjs/ScrollSync/ScrollSyncProvider.js.map +7 -0
- package/cjs/ScrollSync/index.js +37 -11
- package/cjs/ScrollSync/index.js.map +7 -0
- package/cjs/ScrollSync/useScrollSync.js +38 -7
- package/cjs/ScrollSync/useScrollSync.js.map +7 -0
- package/cjs/constants.js +65 -46
- package/cjs/constants.js.map +7 -0
- package/cjs/createDataInstance/createInstancePlugin.js +41 -29
- package/cjs/createDataInstance/createInstancePlugin.js.map +7 -0
- package/cjs/createDataInstance/createInstanceRef.js +66 -71
- package/cjs/createDataInstance/createInstanceRef.js.map +7 -0
- package/cjs/createDataInstance/utils.js +76 -100
- package/cjs/createDataInstance/utils.js.map +7 -0
- package/cjs/defer-render-hoc/index.js +48 -41
- package/cjs/defer-render-hoc/index.js.map +7 -0
- package/cjs/dimsum.config.js +38 -6
- package/cjs/dimsum.config.js.map +7 -0
- package/cjs/index.js +40 -17
- package/cjs/index.js.map +7 -0
- package/cjs/prop-types.js +106 -49
- package/cjs/prop-types.js.map +7 -0
- package/cjs/react-spring/index.js +28 -14
- package/cjs/react-spring/index.js.map +7 -0
- package/cjs/react-spring/renderprops.js +28 -14
- package/cjs/react-spring/renderprops.js.map +7 -0
- package/cjs/toolbar/ToolbarProvider.js +82 -94
- package/cjs/toolbar/ToolbarProvider.js.map +7 -0
- package/cjs/useDataGrid/VolatileRowsListener.js +38 -13
- package/cjs/useDataGrid/VolatileRowsListener.js.map +7 -0
- package/cjs/useDataGrid/index.js +36 -7
- package/cjs/useDataGrid/index.js.map +7 -0
- package/cjs/useDataGrid/initColumnDefinition.js +105 -110
- package/cjs/useDataGrid/initColumnDefinition.js.map +7 -0
- package/cjs/useDataGrid/useDataGrid.js +122 -148
- package/cjs/useDataGrid/useDataGrid.js.map +7 -0
- package/cjs/useDataList/index.js +36 -7
- package/cjs/useDataList/index.js.map +7 -0
- package/cjs/useDataList/recordIterator.js +42 -18
- package/cjs/useDataList/recordIterator.js.map +7 -0
- package/cjs/useDataList/useDataList.js +74 -83
- package/cjs/useDataList/useDataList.js.map +7 -0
- package/cjs/utils.js +71 -80
- package/cjs/utils.js.map +7 -0
- package/cjs/virtualization/AutoHeightList.js +62 -54
- package/cjs/virtualization/AutoHeightList.js.map +7 -0
- package/cjs/virtualization/FluidHeightList.js +42 -48
- package/cjs/virtualization/FluidHeightList.js.map +7 -0
- package/cjs/virtualization/index.js +48 -20
- package/cjs/virtualization/index.js.map +7 -0
- package/esm/Animations/BaseAnimation.js +26 -29
- package/esm/Animations/BaseAnimation.js.map +7 -0
- package/esm/Animations/Grow.js +25 -35
- package/esm/Animations/Grow.js.map +7 -0
- package/esm/Animations/GrowRight.js +34 -35
- package/esm/Animations/GrowRight.js.map +7 -0
- package/esm/Animations/GrowVertical.js +29 -4
- package/esm/Animations/GrowVertical.js.map +7 -0
- package/esm/CheckableGroup.js +35 -52
- package/esm/CheckableGroup.js.map +7 -0
- package/esm/DeferRenderAfterComputation.js +16 -15
- package/esm/DeferRenderAfterComputation.js.map +7 -0
- package/esm/FocusGroup/FocusGrid.js +64 -117
- package/esm/FocusGroup/FocusGrid.js.map +7 -0
- package/esm/FocusGroup/FocusGroup.js +56 -137
- package/esm/FocusGroup/FocusGroup.js.map +7 -0
- package/esm/FocusGroup/FocusGroupContext.js +9 -5
- package/esm/FocusGroup/FocusGroupContext.js.map +7 -0
- package/esm/FocusGroup/FocusGroupManager.js +24 -38
- package/esm/FocusGroup/FocusGroupManager.js.map +7 -0
- package/esm/FocusGroup/focusGroupManagerHoc.js +24 -36
- package/esm/FocusGroup/focusGroupManagerHoc.js.map +7 -0
- package/esm/FocusGroup/index.js +18 -6
- package/esm/FocusGroup/index.js.map +7 -0
- package/esm/FocusGroup/useFocusGroupItem.js +28 -40
- package/esm/FocusGroup/useFocusGroupItem.js.map +7 -0
- package/esm/FocusGroup/utils/getNextCellPosition.js +18 -25
- package/esm/FocusGroup/utils/getNextCellPosition.js.map +7 -0
- package/esm/GroupContext/Group.js +34 -66
- package/esm/GroupContext/Group.js.map +7 -0
- package/esm/GroupContext/GroupContext.js +7 -5
- package/esm/GroupContext/GroupContext.js.map +7 -0
- package/esm/GroupContext/GroupItem.js +10 -15
- package/esm/GroupContext/GroupItem.js.map +7 -0
- package/esm/GroupContext/index.js +10 -3
- package/esm/GroupContext/index.js.map +7 -0
- package/esm/ScrollSync/ScrollSync.js +30 -64
- package/esm/ScrollSync/ScrollSync.js.map +7 -0
- package/esm/ScrollSync/ScrollSyncPane.js +22 -52
- package/esm/ScrollSync/ScrollSyncPane.js.map +7 -0
- package/esm/ScrollSync/ScrollSyncProvider.js +74 -42
- package/esm/ScrollSync/ScrollSyncProvider.js.map +7 -0
- package/esm/ScrollSync/index.js +8 -2
- package/esm/ScrollSync/index.js.map +7 -0
- package/esm/ScrollSync/useScrollSync.js +9 -5
- package/esm/ScrollSync/useScrollSync.js.map +7 -0
- package/esm/constants.js +37 -28
- package/esm/constants.js.map +7 -0
- package/esm/createDataInstance/createInstancePlugin.js +12 -23
- package/esm/createDataInstance/createInstancePlugin.js.map +7 -0
- package/esm/createDataInstance/createInstanceRef.js +36 -59
- package/esm/createDataInstance/createInstanceRef.js.map +7 -0
- package/esm/createDataInstance/utils.js +48 -85
- package/esm/createDataInstance/utils.js.map +7 -0
- package/esm/defer-render-hoc/index.js +17 -31
- package/esm/defer-render-hoc/index.js.map +7 -0
- package/esm/dimsum.config.js +9 -4
- package/esm/dimsum.config.js.map +7 -0
- package/esm/index.js +11 -5
- package/esm/index.js.map +7 -0
- package/esm/prop-types.js +75 -31
- package/esm/prop-types.js.map +7 -0
- package/esm/react-spring/index.js +3 -1
- package/esm/react-spring/index.js.map +7 -0
- package/esm/react-spring/renderprops.js +3 -1
- package/esm/react-spring/renderprops.js.map +7 -0
- package/esm/toolbar/ToolbarProvider.js +45 -74
- package/esm/toolbar/ToolbarProvider.js.map +7 -0
- package/esm/useDataGrid/VolatileRowsListener.js +9 -11
- package/esm/useDataGrid/VolatileRowsListener.js.map +7 -0
- package/esm/useDataGrid/index.js +7 -1
- package/esm/useDataGrid/index.js.map +7 -0
- package/esm/useDataGrid/initColumnDefinition.js +78 -94
- package/esm/useDataGrid/initColumnDefinition.js.map +7 -0
- package/esm/useDataGrid/useDataGrid.js +82 -99
- package/esm/useDataGrid/useDataGrid.js.map +7 -0
- package/esm/useDataList/index.js +7 -1
- package/esm/useDataList/index.js.map +7 -0
- package/esm/useDataList/recordIterator.js +13 -14
- package/esm/useDataList/recordIterator.js.map +7 -0
- package/esm/useDataList/useDataList.js +44 -67
- package/esm/useDataList/useDataList.js.map +7 -0
- package/esm/utils.js +42 -59
- package/esm/utils.js.map +7 -0
- package/esm/virtualization/AutoHeightList.js +28 -40
- package/esm/virtualization/AutoHeightList.js.map +7 -0
- package/esm/virtualization/FluidHeightList.js +14 -38
- package/esm/virtualization/FluidHeightList.js.map +7 -0
- package/esm/virtualization/index.js +19 -16
- package/esm/virtualization/index.js.map +7 -0
- package/package.json +3 -3
- package/types/Animations/BaseAnimation.d.ts +1 -0
- package/types/Animations/Grow.d.ts +1 -0
- package/types/Animations/GrowRight.d.ts +1 -0
- package/types/CheckableGroup.d.ts +1 -0
- package/types/DeferRenderAfterComputation.d.ts +3 -2
- package/types/FocusGroup/FocusGrid.d.ts +5 -3
- package/types/FocusGroup/FocusGroup.d.ts +3 -1
- package/types/FocusGroup/FocusGroupContext.d.ts +3 -2
- package/types/FocusGroup/FocusGroupManager.d.ts +3 -1
- package/types/FocusGroup/focusGroupManagerHoc.d.ts +3 -1
- package/types/FocusGroup/index.d.ts +6 -6
- package/types/FocusGroup/useFocusGroupItem.d.ts +3 -1
- package/types/FocusGroup/utils/getNextCellPosition.d.ts +3 -1
- package/types/GroupContext/Group.d.ts +1 -0
- package/types/GroupContext/GroupItem.d.ts +1 -0
- package/types/GroupContext/index.d.ts +3 -3
- package/types/ScrollSync/ScrollSync.d.ts +4 -2
- package/types/ScrollSync/ScrollSyncPane.d.ts +2 -2
- package/types/ScrollSync/index.d.ts +2 -2
- package/types/ScrollSync/useScrollSync.d.ts +6 -5
- package/types/createDataInstance/createInstancePlugin.d.ts +2 -1
- package/types/createDataInstance/createInstanceRef.d.ts +3 -1
- package/types/dimsum.config.d.ts +3 -2
- package/types/index.d.ts +2 -2
- package/types/toolbar/ToolbarProvider.d.ts +3 -8
- package/types/useDataGrid/VolatileRowsListener.d.ts +3 -1
- package/types/useDataGrid/index.d.ts +1 -1
- package/types/useDataGrid/initColumnDefinition.d.ts +2 -1
- package/types/useDataGrid/useDataGrid.d.ts +3 -2
- package/types/useDataList/index.d.ts +1 -1
- package/types/useDataList/useDataList.d.ts +3 -2
package/cjs/useDataGrid/index.js
CHANGED
|
@@ -1,7 +1,36 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
var
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
1
|
+
var __create = Object.create;
|
|
2
|
+
var __defProp = Object.defineProperty;
|
|
3
|
+
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
4
|
+
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
5
|
+
var __getProtoOf = Object.getPrototypeOf;
|
|
6
|
+
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
7
|
+
var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
|
|
8
|
+
var __export = (target, all) => {
|
|
9
|
+
for (var name in all)
|
|
10
|
+
__defProp(target, name, { get: all[name], enumerable: true });
|
|
11
|
+
};
|
|
12
|
+
var __reExport = (target, module2, copyDefault, desc) => {
|
|
13
|
+
if (module2 && typeof module2 === "object" || typeof module2 === "function") {
|
|
14
|
+
for (let key of __getOwnPropNames(module2))
|
|
15
|
+
if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
|
|
16
|
+
__defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
|
|
17
|
+
}
|
|
18
|
+
return target;
|
|
19
|
+
};
|
|
20
|
+
var __toESM = (module2, isNodeMode) => {
|
|
21
|
+
return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
|
|
22
|
+
};
|
|
23
|
+
var __toCommonJS = /* @__PURE__ */ ((cache) => {
|
|
24
|
+
return (module2, temp) => {
|
|
25
|
+
return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
|
|
26
|
+
};
|
|
27
|
+
})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
|
|
28
|
+
var useDataGrid_exports = {};
|
|
29
|
+
__export(useDataGrid_exports, {
|
|
30
|
+
default: () => import_useDataGrid.default,
|
|
31
|
+
useDataGrid: () => import_useDataGrid.default
|
|
32
|
+
});
|
|
33
|
+
var React = __toESM(require("react"));
|
|
34
|
+
var import_useDataGrid = __toESM(require("./useDataGrid"));
|
|
35
|
+
module.exports = __toCommonJS(useDataGrid_exports);
|
|
36
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
{
|
|
2
|
+
"version": 3,
|
|
3
|
+
"sources": ["../../../src/useDataGrid/index.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
|
|
4
|
+
"sourcesContent": ["export { default, default as useDataGrid } from './useDataGrid';\n", "import * as React from 'react';\nexport { React };\n"],
|
|
5
|
+
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,yBAAgD;",
|
|
6
|
+
"names": []
|
|
7
|
+
}
|
|
@@ -1,50 +1,63 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
var
|
|
6
|
-
var
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
var
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
1
|
+
var __create = Object.create;
|
|
2
|
+
var __defProp = Object.defineProperty;
|
|
3
|
+
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
4
|
+
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
5
|
+
var __getProtoOf = Object.getPrototypeOf;
|
|
6
|
+
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
7
|
+
var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
|
|
8
|
+
var __export = (target, all) => {
|
|
9
|
+
for (var name in all)
|
|
10
|
+
__defProp(target, name, { get: all[name], enumerable: true });
|
|
11
|
+
};
|
|
12
|
+
var __reExport = (target, module2, copyDefault, desc) => {
|
|
13
|
+
if (module2 && typeof module2 === "object" || typeof module2 === "function") {
|
|
14
|
+
for (let key of __getOwnPropNames(module2))
|
|
15
|
+
if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
|
|
16
|
+
__defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
|
|
17
|
+
}
|
|
18
|
+
return target;
|
|
19
|
+
};
|
|
20
|
+
var __toESM = (module2, isNodeMode) => {
|
|
21
|
+
return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
|
|
22
|
+
};
|
|
23
|
+
var __toCommonJS = /* @__PURE__ */ ((cache) => {
|
|
24
|
+
return (module2, temp) => {
|
|
25
|
+
return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
|
|
26
|
+
};
|
|
27
|
+
})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
|
|
28
|
+
var initColumnDefinition_exports = {};
|
|
29
|
+
__export(initColumnDefinition_exports, {
|
|
30
|
+
appendCellFormatter: () => appendCellFormatter,
|
|
31
|
+
appendHeaderFormatter: () => appendHeaderFormatter,
|
|
32
|
+
default: () => initColumnDefinition_default,
|
|
33
|
+
initColumnDefinition: () => initColumnDefinition,
|
|
34
|
+
mergeClassNameToColumnHeader: () => mergeClassNameToColumnHeader
|
|
35
|
+
});
|
|
36
|
+
var React = __toESM(require("react"));
|
|
37
|
+
var import_react = __toESM(require("react"));
|
|
38
|
+
var import_uuid = require("uuid");
|
|
39
|
+
var import_ds_utilities = require("@elliemae/ds-utilities");
|
|
40
|
+
const appendHeaderFormatter = (0, import_ds_utilities.curry)((formatter, column) => ({
|
|
41
|
+
...column,
|
|
42
|
+
header: {
|
|
43
|
+
...column.header,
|
|
44
|
+
formatters: [...(0, import_ds_utilities.get)(column, "header.formatters", []), formatter]
|
|
45
|
+
}
|
|
31
46
|
}));
|
|
32
|
-
const appendCellFormatter =
|
|
33
|
-
|
|
34
|
-
const
|
|
35
|
-
const
|
|
36
|
-
const scrollingFormatters = dsUtilities.get(nextColumn, 'cell.scrollingFormatters', []);
|
|
37
|
-
|
|
47
|
+
const appendCellFormatter = (0, import_ds_utilities.curry)((formatter, column, path = "formatters") => {
|
|
48
|
+
const nextColumn = (0, import_ds_utilities.cloneDeep)(column);
|
|
49
|
+
const formatters = (0, import_ds_utilities.get)(nextColumn, ["cell", path], []);
|
|
50
|
+
const scrollingFormatters = (0, import_ds_utilities.get)(nextColumn, "cell.scrollingFormatters", []);
|
|
38
51
|
if (Array.isArray(formatter)) {
|
|
39
|
-
if (formatter[1])
|
|
52
|
+
if (formatter[1])
|
|
53
|
+
scrollingFormatters.push(formatter[1]);
|
|
40
54
|
formatters.push(formatter[0]);
|
|
41
55
|
} else {
|
|
42
56
|
formatters.push(formatter);
|
|
43
57
|
scrollingFormatters.push(formatter);
|
|
44
58
|
}
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
dsUtilities.set(nextColumn, 'cell.scrollingFormatters', scrollingFormatters);
|
|
59
|
+
(0, import_ds_utilities.set)(nextColumn, ["cell", path], formatters);
|
|
60
|
+
(0, import_ds_utilities.set)(nextColumn, "cell.scrollingFormatters", scrollingFormatters);
|
|
48
61
|
return nextColumn;
|
|
49
62
|
});
|
|
50
63
|
const defaultColumnDefinitionOptions = {
|
|
@@ -53,94 +66,76 @@ const defaultColumnDefinitionOptions = {
|
|
|
53
66
|
isUserColumn: true,
|
|
54
67
|
visible: true
|
|
55
68
|
};
|
|
56
|
-
const mergeClassNameToColumnHeader =
|
|
57
|
-
const headerProps =
|
|
58
|
-
const headerClassName = headerProps.className ||
|
|
59
|
-
return
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
69
|
+
const mergeClassNameToColumnHeader = (0, import_ds_utilities.curry)((className, column) => {
|
|
70
|
+
const headerProps = (0, import_ds_utilities.get)(column, ["header", "props"], {});
|
|
71
|
+
const headerClassName = headerProps.className || "";
|
|
72
|
+
return {
|
|
73
|
+
...column,
|
|
74
|
+
header: {
|
|
75
|
+
...column.header,
|
|
76
|
+
props: {
|
|
77
|
+
...headerProps,
|
|
78
|
+
className: `${headerClassName} ${className}`
|
|
79
|
+
}
|
|
80
|
+
}
|
|
81
|
+
};
|
|
66
82
|
});
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
return column => {
|
|
71
|
-
// todo: clean this
|
|
72
|
-
if (column.type === 'number') {
|
|
73
|
-
// eslint-disable-next-line no-param-reassign
|
|
83
|
+
const initColumnDefinition = (options = {}) => {
|
|
84
|
+
return (column) => {
|
|
85
|
+
if (column.type === "number") {
|
|
74
86
|
column.cellStyle = {
|
|
75
|
-
textAlign:
|
|
87
|
+
textAlign: "right"
|
|
76
88
|
};
|
|
77
89
|
}
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
visible,
|
|
83
|
-
normalize
|
|
84
|
-
} = _objectSpread(_objectSpread({}, defaultColumnDefinitionOptions), options);
|
|
85
|
-
|
|
90
|
+
const { useTextTruncation = true, isUserColumn, visible, normalize } = {
|
|
91
|
+
...defaultColumnDefinitionOptions,
|
|
92
|
+
...options
|
|
93
|
+
};
|
|
86
94
|
if (normalize) {
|
|
87
|
-
|
|
88
|
-
column.
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
column.props = _objectSpread(_objectSpread({}, column.props), {}, {
|
|
95
|
+
column.originalProperty = column.property;
|
|
96
|
+
column.property = column.property.replace(/\s+/g, "");
|
|
97
|
+
}
|
|
98
|
+
column.props = {
|
|
99
|
+
...column.props,
|
|
95
100
|
style: {}
|
|
96
|
-
}
|
|
97
|
-
|
|
98
|
-
|
|
101
|
+
};
|
|
102
|
+
column.header = {
|
|
103
|
+
...column.header,
|
|
99
104
|
label: column.label,
|
|
100
|
-
formatters: [...
|
|
105
|
+
formatters: [...(0, import_ds_utilities.get)(column, ["header", "formatters"], [])],
|
|
101
106
|
props: {
|
|
102
107
|
style: column.headerStyle || {}
|
|
103
108
|
}
|
|
104
|
-
}
|
|
105
|
-
|
|
106
|
-
|
|
107
|
-
column.header.formatters.push(value => /*#__PURE__*/_jsx__default["default"]("span", {
|
|
109
|
+
};
|
|
110
|
+
if (useTextTruncation && !((0, import_ds_utilities.isFunction)(column.customHeaderRenderer) || column.header.formatters.length)) {
|
|
111
|
+
column.header.formatters.push((value) => /* @__PURE__ */ import_react.default.createElement("span", {
|
|
108
112
|
className: "cell-value"
|
|
109
|
-
},
|
|
110
|
-
}
|
|
111
|
-
|
|
112
|
-
|
|
113
|
-
column.cell = _objectSpread(_objectSpread({}, column.cell), {}, {
|
|
113
|
+
}, value));
|
|
114
|
+
}
|
|
115
|
+
column.cell = {
|
|
116
|
+
...column.cell,
|
|
114
117
|
transforms: [],
|
|
115
|
-
formatters: [...
|
|
116
|
-
scrollingFormatters: [...
|
|
118
|
+
formatters: [...(0, import_ds_utilities.get)(column, ["cell", "formatters"], [])],
|
|
119
|
+
scrollingFormatters: [...(0, import_ds_utilities.get)(column, ["cell", "formatters"], [])],
|
|
117
120
|
props: {
|
|
118
121
|
style: column.cellStyle || {}
|
|
119
122
|
}
|
|
120
|
-
}
|
|
121
|
-
|
|
122
|
-
|
|
123
|
-
column.cell.formatters.push(value => /*#__PURE__*/_jsx__default["default"]("span", {
|
|
123
|
+
};
|
|
124
|
+
if (useTextTruncation && !((0, import_ds_utilities.isFunction)(column.customRenderer) || column.cell.formatters.length)) {
|
|
125
|
+
column.cell.formatters.push((value) => /* @__PURE__ */ import_react.default.createElement("span", {
|
|
124
126
|
className: "cell-value",
|
|
125
127
|
style: {
|
|
126
|
-
justifyContent: column.type ===
|
|
128
|
+
justifyContent: column.type === "number" ? "flex-end" : "flex-start"
|
|
127
129
|
}
|
|
128
|
-
},
|
|
129
|
-
}
|
|
130
|
-
|
|
131
|
-
|
|
132
|
-
column.
|
|
133
|
-
|
|
134
|
-
column.visible = column.visible === undefined ? visible : column.visible; // eslint-disable-next-line no-param-reassign, max-lines
|
|
135
|
-
|
|
136
|
-
column.isUserColumn = column.isUserColumn || isUserColumn; // eslint-disable-next-line no-param-reassign
|
|
137
|
-
|
|
130
|
+
}, value));
|
|
131
|
+
}
|
|
132
|
+
column.uuid = column.uuid || (0, import_uuid.v4)();
|
|
133
|
+
column.visible = column.visible === void 0 ? visible : column.visible;
|
|
134
|
+
column.isUserColumn = column.isUserColumn || isUserColumn;
|
|
138
135
|
column.headerHookEffects = [];
|
|
139
136
|
return column;
|
|
140
137
|
};
|
|
141
|
-
}
|
|
142
|
-
|
|
143
|
-
exports
|
|
144
|
-
|
|
145
|
-
exports["default"] = initColumnDefinition;
|
|
146
|
-
exports.mergeClassNameToColumnHeader = mergeClassNameToColumnHeader;
|
|
138
|
+
};
|
|
139
|
+
var initColumnDefinition_default = initColumnDefinition;
|
|
140
|
+
module.exports = __toCommonJS(initColumnDefinition_exports);
|
|
141
|
+
//# sourceMappingURL=initColumnDefinition.js.map
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
{
|
|
2
|
+
"version": 3,
|
|
3
|
+
"sources": ["../../../src/useDataGrid/initColumnDefinition.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
|
|
4
|
+
"sourcesContent": ["/* eslint-disable max-lines */\n/* eslint-disable react/display-name */\nimport React from 'react';\nimport { v4 as uuidv4 } from 'uuid';\nimport {\n get,\n curry,\n set,\n cloneDeep,\n isFunction,\n} from '@elliemae/ds-utilities';\n\n// TODO: use lenses to access nested fields\n\nexport const appendHeaderFormatter = curry((formatter, column) => ({\n ...column,\n header: {\n ...column.header,\n formatters: [...get(column, 'header.formatters', []), formatter],\n },\n}));\n\nexport const appendCellFormatter = curry(\n (formatter, column, path = 'formatters') => {\n const nextColumn = cloneDeep(column);\n const formatters = get(nextColumn, ['cell', path], []);\n const scrollingFormatters = get(nextColumn, 'cell.scrollingFormatters', []);\n if (Array.isArray(formatter)) {\n if (formatter[1]) scrollingFormatters.push(formatter[1]);\n formatters.push(formatter[0]);\n } else {\n formatters.push(formatter);\n scrollingFormatters.push(formatter);\n }\n set(nextColumn, ['cell', path], formatters);\n set(nextColumn, 'cell.scrollingFormatters', scrollingFormatters);\n return nextColumn;\n },\n);\n\nconst defaultColumnDefinitionOptions = {\n normalize: false,\n useTextTruncation: true,\n isUserColumn: true,\n visible: true,\n};\n\nexport const mergeClassNameToColumnHeader = curry((className, column) => {\n const headerProps = get(column, ['header', 'props'], {});\n const headerClassName = headerProps.className || '';\n return {\n ...column,\n header: {\n ...column.header,\n props: {\n ...headerProps,\n className: `${headerClassName} ${className}`,\n },\n },\n };\n});\n\nexport const initColumnDefinition = (options = {}) => {\n // eslint-disable-next-line complexity\n return (column) => {\n // todo: clean this\n if (column.type === 'number') {\n // eslint-disable-next-line no-param-reassign\n column.cellStyle = {\n textAlign: 'right',\n };\n }\n const { useTextTruncation = true, isUserColumn, visible, normalize } = {\n ...defaultColumnDefinitionOptions,\n ...options,\n };\n\n if (normalize) {\n // eslint-disable-next-line no-param-reassign\n column.originalProperty = column.property;\n // eslint-disable-next-line no-param-reassign\n column.property = column.property.replace(/\\s+/g, '');\n }\n\n // eslint-disable-next-line no-param-reassign\n column.props = {\n ...column.props,\n style: {},\n };\n // eslint-disable-next-line no-param-reassign\n column.header = {\n ...column.header,\n label: column.label,\n formatters: [...get(column, ['header', 'formatters'], [])],\n props: {\n style: column.headerStyle || {},\n },\n };\n if (\n useTextTruncation &&\n !(\n isFunction(column.customHeaderRenderer) ||\n column.header.formatters.length\n )\n ) {\n column.header.formatters.push((value) => (\n <span className=\"cell-value\">{value}</span>\n ));\n }\n\n // eslint-disable-next-line no-param-reassign\n column.cell = {\n ...column.cell,\n transforms: [],\n formatters: [...get(column, ['cell', 'formatters'], [])],\n scrollingFormatters: [...get(column, ['cell', 'formatters'], [])],\n props: {\n style: column.cellStyle || {},\n },\n };\n\n if (\n useTextTruncation &&\n !(isFunction(column.customRenderer) || column.cell.formatters.length)\n ) {\n column.cell.formatters.push((value) => (\n <span\n className=\"cell-value\"\n style={{\n justifyContent:\n column.type === 'number' ? 'flex-end' : 'flex-start',\n }}\n >\n {value}\n </span>\n ));\n }\n // eslint-disable-next-line no-param-reassign\n column.uuid = column.uuid || uuidv4();\n // eslint-disable-next-line no-param-reassign\n column.visible = column.visible === undefined ? visible : column.visible;\n // eslint-disable-next-line no-param-reassign, max-lines\n column.isUserColumn = column.isUserColumn || isUserColumn;\n // eslint-disable-next-line no-param-reassign\n column.headerHookEffects = [];\n return column;\n };\n};\n\nexport default initColumnDefinition;\n", "import * as React from 'react';\nexport { React };\n"],
|
|
5
|
+
"mappings": "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",
|
|
6
|
+
"names": []
|
|
7
|
+
}
|