@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
|
@@ -1,13 +1,36 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
var
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
var
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
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 GroupContext_exports = {};
|
|
29
|
+
__export(GroupContext_exports, {
|
|
30
|
+
GroupContext: () => GroupContext
|
|
31
|
+
});
|
|
32
|
+
var React = __toESM(require("react"));
|
|
33
|
+
var import_react = __toESM(require("react"));
|
|
34
|
+
const GroupContext = import_react.default.createContext();
|
|
35
|
+
module.exports = __toCommonJS(GroupContext_exports);
|
|
36
|
+
//# sourceMappingURL=GroupContext.js.map
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
{
|
|
2
|
+
"version": 3,
|
|
3
|
+
"sources": ["../../../src/GroupContext/GroupContext.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
|
|
4
|
+
"sourcesContent": ["import React from 'react';\n\nexport const GroupContext = React.createContext();\n", "import * as React from 'react';\nexport { React };\n"],
|
|
5
|
+
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAkB;AAEX,MAAM,eAAe,qBAAM;",
|
|
6
|
+
"names": []
|
|
7
|
+
}
|
|
@@ -1,22 +1,40 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
var
|
|
4
|
-
|
|
5
|
-
var
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
var
|
|
10
|
-
|
|
11
|
-
const {
|
|
12
|
-
Consumer
|
|
13
|
-
} = GroupContext.GroupContext;
|
|
14
|
-
|
|
15
|
-
const GroupItem = _ref => {
|
|
16
|
-
let {
|
|
17
|
-
render
|
|
18
|
-
} = _ref;
|
|
19
|
-
return /*#__PURE__*/_jsx__default["default"](Consumer, {}, void 0, context => render(context));
|
|
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 });
|
|
20
11
|
};
|
|
21
|
-
|
|
22
|
-
|
|
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 GroupItem_exports = {};
|
|
29
|
+
__export(GroupItem_exports, {
|
|
30
|
+
GroupItem: () => GroupItem,
|
|
31
|
+
default: () => GroupItem_default
|
|
32
|
+
});
|
|
33
|
+
var React = __toESM(require("react"));
|
|
34
|
+
var import_react = __toESM(require("react"));
|
|
35
|
+
var import_GroupContext = require("./GroupContext");
|
|
36
|
+
const { Consumer } = import_GroupContext.GroupContext;
|
|
37
|
+
const GroupItem = ({ render }) => /* @__PURE__ */ import_react.default.createElement(Consumer, null, (context) => render(context));
|
|
38
|
+
var GroupItem_default = GroupItem;
|
|
39
|
+
module.exports = __toCommonJS(GroupItem_exports);
|
|
40
|
+
//# sourceMappingURL=GroupItem.js.map
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
{
|
|
2
|
+
"version": 3,
|
|
3
|
+
"sources": ["../../../src/GroupContext/GroupItem.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
|
|
4
|
+
"sourcesContent": ["import React from 'react';\nimport { GroupContext } from './GroupContext';\n\nconst { Consumer } = GroupContext;\n\nconst GroupItem = ({ render }) => (\n <Consumer>{context => render(context)}</Consumer>\n);\n\nexport { GroupItem };\nexport default GroupItem;\n", "import * as React from 'react';\nexport { React };\n"],
|
|
5
|
+
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAkB;AAClB,0BAA6B;AAE7B,MAAM,EAAE,aAAa;AAErB,MAAM,YAAY,CAAC,EAAE,aACnB,mDAAC,UAAD,MAAW,aAAW,OAAO;AAI/B,IAAO,oBAAQ;",
|
|
6
|
+
"names": []
|
|
7
|
+
}
|
|
@@ -1,13 +1,39 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
var
|
|
6
|
-
var
|
|
7
|
-
var
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
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 GroupContext_exports = {};
|
|
29
|
+
__export(GroupContext_exports, {
|
|
30
|
+
Group: () => import_Group.Group,
|
|
31
|
+
GroupContext: () => import_GroupContext.GroupContext,
|
|
32
|
+
GroupItem: () => import_GroupItem.GroupItem
|
|
33
|
+
});
|
|
34
|
+
var React = __toESM(require("react"));
|
|
35
|
+
var import_Group = require("./Group");
|
|
36
|
+
var import_GroupContext = require("./GroupContext");
|
|
37
|
+
var import_GroupItem = require("./GroupItem");
|
|
38
|
+
module.exports = __toCommonJS(GroupContext_exports);
|
|
39
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
{
|
|
2
|
+
"version": 3,
|
|
3
|
+
"sources": ["../../../src/GroupContext/index.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
|
|
4
|
+
"sourcesContent": ["export { Group } from './Group';\nexport { GroupContext } from './GroupContext';\nexport { GroupItem } from './GroupItem';\n", "import * as React from 'react';\nexport { React };\n"],
|
|
5
|
+
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAsB;AACtB,0BAA6B;AAC7B,uBAA0B;",
|
|
6
|
+
"names": []
|
|
7
|
+
}
|
|
@@ -1,92 +1,92 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
var
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
}
|
|
22
|
-
|
|
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 ScrollSync_exports = {};
|
|
29
|
+
__export(ScrollSync_exports, {
|
|
30
|
+
ScrollSync: () => ScrollSync,
|
|
31
|
+
ScrollSyncContext: () => ScrollSyncContext,
|
|
32
|
+
default: () => ScrollSync_default
|
|
33
|
+
});
|
|
34
|
+
var React = __toESM(require("react"));
|
|
35
|
+
var import_react = __toESM(require("react"));
|
|
36
|
+
const ScrollSyncContext = import_react.default.createContext();
|
|
37
|
+
const { Provider } = ScrollSyncContext;
|
|
38
|
+
class ScrollSync extends import_react.Component {
|
|
23
39
|
constructor(props) {
|
|
24
40
|
super(props);
|
|
25
41
|
this.panes = {};
|
|
26
|
-
|
|
27
42
|
this.registerPane = (node, groups) => {
|
|
28
|
-
groups.forEach(group => {
|
|
43
|
+
groups.forEach((group) => {
|
|
29
44
|
if (!this.panes[group]) {
|
|
30
45
|
this.panes[group] = [];
|
|
31
46
|
}
|
|
32
|
-
|
|
33
47
|
if (this.panes[group].length > 0) {
|
|
34
48
|
this.syncScrollPosition(this.panes[group][0], node);
|
|
35
49
|
}
|
|
36
|
-
|
|
37
50
|
this.panes[group].push(node);
|
|
38
51
|
});
|
|
39
52
|
this.addEvents(node, groups);
|
|
40
53
|
};
|
|
41
|
-
|
|
42
54
|
this.unregisterPane = (node, groups) => {
|
|
43
|
-
groups.forEach(group => {
|
|
55
|
+
groups.forEach((group) => {
|
|
44
56
|
if (this.findPane(node, group)) {
|
|
45
57
|
this.removeEvents(node);
|
|
46
58
|
this.panes[group].splice(this.panes[group].indexOf(node), 1);
|
|
47
59
|
}
|
|
48
60
|
});
|
|
49
61
|
};
|
|
50
|
-
|
|
51
62
|
this.addEvents = (node, groups) => {
|
|
52
|
-
|
|
53
|
-
node.onscroll = this.handlePaneScroll.bind(this, node, groups); // eslint-disable-line
|
|
63
|
+
node.onscroll = this.handlePaneScroll.bind(this, node, groups);
|
|
54
64
|
};
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
/* For some reason element.removeEventListener doesnt work with document.body */
|
|
58
|
-
node.onscroll = null; // eslint-disable-line
|
|
65
|
+
this.removeEvents = (node) => {
|
|
66
|
+
node.onscroll = null;
|
|
59
67
|
};
|
|
60
|
-
|
|
61
68
|
this.findPane = (node, group) => {
|
|
62
69
|
if (!this.panes[group]) {
|
|
63
70
|
return false;
|
|
64
71
|
}
|
|
65
|
-
|
|
66
|
-
return this.panes[group].find(pane => pane === node);
|
|
72
|
+
return this.panes[group].find((pane) => pane === node);
|
|
67
73
|
};
|
|
68
|
-
|
|
69
74
|
this.handlePaneScroll = (node, groups, e) => {
|
|
70
|
-
const {
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
if (
|
|
74
|
-
|
|
75
|
+
const { enabled } = this.props;
|
|
76
|
+
if (this.props.onScroll)
|
|
77
|
+
this.props.onScroll(e);
|
|
78
|
+
if (!enabled)
|
|
79
|
+
return;
|
|
75
80
|
window.requestAnimationFrame(() => {
|
|
76
81
|
this.syncScrollPositions(node, groups);
|
|
77
82
|
});
|
|
78
83
|
};
|
|
79
|
-
|
|
80
84
|
this.syncScrollPositions = (scrolledPane, groups) => {
|
|
81
|
-
groups.forEach(group => {
|
|
82
|
-
this.panes[group].forEach(pane => {
|
|
83
|
-
/* For all panes beside the currently scrolling one */
|
|
85
|
+
groups.forEach((group) => {
|
|
86
|
+
this.panes[group].forEach((pane) => {
|
|
84
87
|
if (scrolledPane !== pane) {
|
|
85
|
-
/* Remove event listeners from the node that we'll manipulate */
|
|
86
88
|
this.removeEvents(pane, group);
|
|
87
89
|
this.syncScrollPosition(scrolledPane, pane);
|
|
88
|
-
/* Re-attach event listeners after we're done scrolling */
|
|
89
|
-
|
|
90
90
|
window.requestAnimationFrame(() => {
|
|
91
91
|
this.addEvents(pane, groups);
|
|
92
92
|
});
|
|
@@ -94,13 +94,11 @@ class ScrollSync extends React.Component {
|
|
|
94
94
|
});
|
|
95
95
|
});
|
|
96
96
|
};
|
|
97
|
-
|
|
98
97
|
this.syncContext = {
|
|
99
98
|
registerPane: this.registerPane,
|
|
100
99
|
unregisterPane: this.unregisterPane
|
|
101
100
|
};
|
|
102
101
|
}
|
|
103
|
-
|
|
104
102
|
syncScrollPosition(scrolledPane, pane) {
|
|
105
103
|
const {
|
|
106
104
|
scrollTop,
|
|
@@ -112,35 +110,22 @@ class ScrollSync extends React.Component {
|
|
|
112
110
|
} = scrolledPane;
|
|
113
111
|
const scrollTopOffset = scrollHeight - clientHeight;
|
|
114
112
|
const scrollLeftOffset = scrollWidth - clientWidth;
|
|
115
|
-
const {
|
|
116
|
-
proportional,
|
|
117
|
-
vertical,
|
|
118
|
-
horizontal
|
|
119
|
-
} = this.props;
|
|
120
|
-
/* Calculate the actual pane height */
|
|
121
|
-
|
|
113
|
+
const { proportional, vertical, horizontal } = this.props;
|
|
122
114
|
const paneHeight = pane.scrollHeight - clientHeight;
|
|
123
115
|
const paneWidth = pane.scrollWidth - clientWidth;
|
|
124
|
-
/* Adjust the scrollTop position of it accordingly */
|
|
125
|
-
|
|
126
116
|
if (vertical && scrollTopOffset > 0) {
|
|
127
|
-
pane.scrollTop = proportional ? paneHeight * scrollTop / scrollTopOffset : scrollTop;
|
|
117
|
+
pane.scrollTop = proportional ? paneHeight * scrollTop / scrollTopOffset : scrollTop;
|
|
128
118
|
}
|
|
129
|
-
|
|
130
119
|
if (horizontal && scrollLeftOffset > 0) {
|
|
131
|
-
pane.scrollLeft = proportional ? paneWidth * scrollLeft / scrollLeftOffset : scrollLeft;
|
|
120
|
+
pane.scrollLeft = proportional ? paneWidth * scrollLeft / scrollLeftOffset : scrollLeft;
|
|
132
121
|
}
|
|
133
122
|
}
|
|
134
|
-
|
|
135
123
|
render() {
|
|
136
|
-
const {
|
|
137
|
-
|
|
138
|
-
} = this.props;
|
|
139
|
-
return /*#__PURE__*/_jsx__default["default"](Provider, {
|
|
124
|
+
const { children } = this.props;
|
|
125
|
+
return /* @__PURE__ */ import_react.default.createElement(Provider, {
|
|
140
126
|
value: this.syncContext
|
|
141
|
-
},
|
|
127
|
+
}, import_react.default.Children.only(children));
|
|
142
128
|
}
|
|
143
|
-
|
|
144
129
|
}
|
|
145
130
|
ScrollSync.defaultProps = {
|
|
146
131
|
proportional: true,
|
|
@@ -148,6 +133,6 @@ ScrollSync.defaultProps = {
|
|
|
148
133
|
horizontal: true,
|
|
149
134
|
enabled: true
|
|
150
135
|
};
|
|
151
|
-
|
|
152
|
-
exports
|
|
153
|
-
|
|
136
|
+
var ScrollSync_default = ScrollSync;
|
|
137
|
+
module.exports = __toCommonJS(ScrollSync_exports);
|
|
138
|
+
//# sourceMappingURL=ScrollSync.js.map
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
{
|
|
2
|
+
"version": 3,
|
|
3
|
+
"sources": ["../../../src/ScrollSync/ScrollSync.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
|
|
4
|
+
"sourcesContent": ["import React, { Component } from 'react';\n\nconst ScrollSyncContext = React.createContext();\n\nconst { Provider } = ScrollSyncContext;\n\nclass ScrollSync extends Component {\n panes = {};\n\n static defaultProps = {\n proportional: true,\n vertical: true,\n horizontal: true,\n enabled: true,\n };\n\n constructor(props) {\n super(props);\n this.syncContext = {\n registerPane: this.registerPane,\n unregisterPane: this.unregisterPane,\n };\n }\n\n registerPane = (node, groups) => {\n groups.forEach((group) => {\n if (!this.panes[group]) {\n this.panes[group] = [];\n }\n\n if (this.panes[group].length > 0) {\n this.syncScrollPosition(this.panes[group][0], node);\n }\n this.panes[group].push(node);\n });\n this.addEvents(node, groups);\n };\n\n unregisterPane = (node, groups) => {\n groups.forEach((group) => {\n if (this.findPane(node, group)) {\n this.removeEvents(node);\n this.panes[group].splice(this.panes[group].indexOf(node), 1);\n }\n });\n };\n\n addEvents = (node, groups) => {\n /* For some reason element.addEventListener doesnt work with document.body */\n node.onscroll = this.handlePaneScroll.bind(this, node, groups); // eslint-disable-line\n };\n\n removeEvents = (node) => {\n /* For some reason element.removeEventListener doesnt work with document.body */\n node.onscroll = null; // eslint-disable-line\n };\n\n findPane = (node, group) => {\n if (!this.panes[group]) {\n return false;\n }\n\n return this.panes[group].find((pane) => pane === node);\n };\n\n handlePaneScroll = (node, groups, e) => {\n const { enabled } = this.props;\n if (this.props.onScroll) this.props.onScroll(e);\n\n if (!enabled) return;\n\n window.requestAnimationFrame(() => {\n this.syncScrollPositions(node, groups);\n });\n };\n\n syncScrollPositions = (scrolledPane, groups) => {\n groups.forEach((group) => {\n this.panes[group].forEach((pane) => {\n /* For all panes beside the currently scrolling one */\n if (scrolledPane !== pane) {\n /* Remove event listeners from the node that we'll manipulate */\n this.removeEvents(pane, group);\n this.syncScrollPosition(scrolledPane, pane);\n /* Re-attach event listeners after we're done scrolling */\n window.requestAnimationFrame(() => {\n this.addEvents(pane, groups);\n });\n }\n });\n });\n };\n\n syncScrollPosition(scrolledPane, pane) {\n const {\n scrollTop,\n scrollHeight,\n clientHeight,\n scrollLeft,\n scrollWidth,\n clientWidth,\n } = scrolledPane;\n\n const scrollTopOffset = scrollHeight - clientHeight;\n const scrollLeftOffset = scrollWidth - clientWidth;\n\n const { proportional, vertical, horizontal } = this.props;\n\n /* Calculate the actual pane height */\n const paneHeight = pane.scrollHeight - clientHeight;\n const paneWidth = pane.scrollWidth - clientWidth;\n /* Adjust the scrollTop position of it accordingly */\n if (vertical && scrollTopOffset > 0) {\n pane.scrollTop = proportional\n ? (paneHeight * scrollTop) / scrollTopOffset\n : scrollTop; // eslint-disable-line\n }\n if (horizontal && scrollLeftOffset > 0) {\n pane.scrollLeft = proportional\n ? (paneWidth * scrollLeft) / scrollLeftOffset\n : scrollLeft; // eslint-disable-line\n }\n }\n\n render() {\n const { children } = this.props;\n return (\n <Provider value={this.syncContext}>\n {React.Children.only(children)}\n </Provider>\n );\n }\n}\n\nexport { ScrollSync, ScrollSyncContext };\nexport default ScrollSync;\n", "import * as React from 'react';\nexport { React };\n"],
|
|
5
|
+
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAiC;AAEjC,MAAM,oBAAoB,qBAAM;AAEhC,MAAM,EAAE,aAAa;AAErB,yBAAyB,uBAAU;AAAA,EAUjC,YAAY,OAAO;AACjB,UAAM;AAVR,iBAAQ;AAiBR,wBAAe,CAAC,MAAM,WAAW;AAC/B,aAAO,QAAQ,CAAC,UAAU;AACxB,YAAI,CAAC,KAAK,MAAM,QAAQ;AACtB,eAAK,MAAM,SAAS;AAAA;AAGtB,YAAI,KAAK,MAAM,OAAO,SAAS,GAAG;AAChC,eAAK,mBAAmB,KAAK,MAAM,OAAO,IAAI;AAAA;AAEhD,aAAK,MAAM,OAAO,KAAK;AAAA;AAEzB,WAAK,UAAU,MAAM;AAAA;AAGvB,0BAAiB,CAAC,MAAM,WAAW;AACjC,aAAO,QAAQ,CAAC,UAAU;AACxB,YAAI,KAAK,SAAS,MAAM,QAAQ;AAC9B,eAAK,aAAa;AAClB,eAAK,MAAM,OAAO,OAAO,KAAK,MAAM,OAAO,QAAQ,OAAO;AAAA;AAAA;AAAA;AAKhE,qBAAY,CAAC,MAAM,WAAW;AAE5B,WAAK,WAAW,KAAK,iBAAiB,KAAK,MAAM,MAAM;AAAA;AAGzD,wBAAe,CAAC,SAAS;AAEvB,WAAK,WAAW;AAAA;AAGlB,oBAAW,CAAC,MAAM,UAAU;AAC1B,UAAI,CAAC,KAAK,MAAM,QAAQ;AACtB,eAAO;AAAA;AAGT,aAAO,KAAK,MAAM,OAAO,KAAK,CAAC,SAAS,SAAS;AAAA;AAGnD,4BAAmB,CAAC,MAAM,QAAQ,MAAM;AACtC,YAAM,EAAE,YAAY,KAAK;AACzB,UAAI,KAAK,MAAM;AAAU,aAAK,MAAM,SAAS;AAE7C,UAAI,CAAC;AAAS;AAEd,aAAO,sBAAsB,MAAM;AACjC,aAAK,oBAAoB,MAAM;AAAA;AAAA;AAInC,+BAAsB,CAAC,cAAc,WAAW;AAC9C,aAAO,QAAQ,CAAC,UAAU;AACxB,aAAK,MAAM,OAAO,QAAQ,CAAC,SAAS;AAElC,cAAI,iBAAiB,MAAM;AAEzB,iBAAK,aAAa,MAAM;AACxB,iBAAK,mBAAmB,cAAc;AAEtC,mBAAO,sBAAsB,MAAM;AACjC,mBAAK,UAAU,MAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AApE7B,SAAK,cAAc;AAAA,MACjB,cAAc,KAAK;AAAA,MACnB,gBAAgB,KAAK;AAAA;AAAA;AAAA,EAyEzB,mBAAmB,cAAc,MAAM;AACrC,UAAM;AAAA,MACJ;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,QACE;AAEJ,UAAM,kBAAkB,eAAe;AACvC,UAAM,mBAAmB,cAAc;AAEvC,UAAM,EAAE,cAAc,UAAU,eAAe,KAAK;AAGpD,UAAM,aAAa,KAAK,eAAe;AACvC,UAAM,YAAY,KAAK,cAAc;AAErC,QAAI,YAAY,kBAAkB,GAAG;AACnC,WAAK,YAAY,eACZ,aAAa,YAAa,kBAC3B;AAAA;AAEN,QAAI,cAAc,mBAAmB,GAAG;AACtC,WAAK,aAAa,eACb,YAAY,aAAc,mBAC3B;AAAA;AAAA;AAAA,EAIR,SAAS;AACP,UAAM,EAAE,aAAa,KAAK;AAC1B,WACE,mDAAC,UAAD;AAAA,MAAU,OAAO,KAAK;AAAA,OACnB,qBAAM,SAAS,KAAK;AAAA;AAAA;AAvHpB,AAHT,WAGS,eAAe;AAAA,EACpB,cAAc;AAAA,EACd,UAAU;AAAA,EACV,YAAY;AAAA,EACZ,SAAS;AAAA;AA0Hb,IAAO,qBAAQ;",
|
|
6
|
+
"names": []
|
|
7
|
+
}
|
|
@@ -1,81 +1,73 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
var
|
|
4
|
-
var
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
var
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
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 ScrollSyncPane_exports = {};
|
|
29
|
+
__export(ScrollSyncPane_exports, {
|
|
30
|
+
ScrollSyncPaneHOC: () => ScrollSyncPaneHOC,
|
|
31
|
+
default: () => ScrollSyncPane_default
|
|
32
|
+
});
|
|
33
|
+
var React = __toESM(require("react"));
|
|
34
|
+
var import_react = __toESM(require("react"));
|
|
35
|
+
var import_ScrollSync = require("./ScrollSync");
|
|
36
|
+
class ScrollSyncPane extends import_react.Component {
|
|
28
37
|
constructor() {
|
|
29
38
|
super(...arguments);
|
|
30
|
-
|
|
31
|
-
this.toArray = groups => [].concat(groups);
|
|
39
|
+
this.toArray = (groups) => [].concat(groups);
|
|
32
40
|
}
|
|
33
|
-
|
|
34
41
|
componentWillUnmount() {
|
|
35
|
-
const {
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
} = this.props;
|
|
40
|
-
const {
|
|
41
|
-
unregisterPane
|
|
42
|
-
} = syncContext;
|
|
43
|
-
if (enabled) unregisterPane(this.node, this.toArray(group));
|
|
42
|
+
const { enabled, group, syncContext } = this.props;
|
|
43
|
+
const { unregisterPane } = syncContext;
|
|
44
|
+
if (enabled)
|
|
45
|
+
unregisterPane(this.node, this.toArray(group));
|
|
44
46
|
}
|
|
45
|
-
|
|
46
47
|
render() {
|
|
47
|
-
const {
|
|
48
|
-
|
|
49
|
-
group,
|
|
50
|
-
syncContext,
|
|
51
|
-
notPaginated
|
|
52
|
-
} = this.props;
|
|
53
|
-
const {
|
|
54
|
-
registerPane
|
|
55
|
-
} = syncContext;
|
|
48
|
+
const { children, group, syncContext, notPaginated } = this.props;
|
|
49
|
+
const { registerPane } = syncContext;
|
|
56
50
|
return children({
|
|
57
|
-
registerPane: node => {
|
|
51
|
+
registerPane: (node) => {
|
|
58
52
|
if (notPaginated) {
|
|
59
|
-
const virtualizedBody = node.querySelector(
|
|
60
|
-
|
|
53
|
+
const virtualizedBody = node.querySelector(".virtualized-body-wrapper");
|
|
61
54
|
if (virtualizedBody) {
|
|
62
55
|
registerPane(virtualizedBody, this.toArray(group));
|
|
63
56
|
}
|
|
64
57
|
}
|
|
65
|
-
|
|
66
58
|
return registerPane(node, this.toArray(group));
|
|
67
59
|
}
|
|
68
60
|
});
|
|
69
61
|
}
|
|
70
|
-
|
|
71
62
|
}
|
|
72
|
-
|
|
73
63
|
ScrollSyncPane.defaultProps = {
|
|
74
|
-
group:
|
|
64
|
+
group: "default",
|
|
75
65
|
enabled: true
|
|
76
66
|
};
|
|
77
|
-
|
|
67
|
+
const ScrollSyncPaneHOC = (props) => /* @__PURE__ */ import_react.default.createElement(import_ScrollSync.ScrollSyncContext.Consumer, null, (context) => /* @__PURE__ */ import_react.default.createElement(ScrollSyncPane, {
|
|
68
|
+
...props,
|
|
78
69
|
syncContext: context
|
|
79
|
-
}))
|
|
80
|
-
|
|
81
|
-
module.exports =
|
|
70
|
+
}));
|
|
71
|
+
var ScrollSyncPane_default = ScrollSyncPaneHOC;
|
|
72
|
+
module.exports = __toCommonJS(ScrollSyncPane_exports);
|
|
73
|
+
//# sourceMappingURL=ScrollSyncPane.js.map
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
{
|
|
2
|
+
"version": 3,
|
|
3
|
+
"sources": ["../../../src/ScrollSync/ScrollSyncPane.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
|
|
4
|
+
"sourcesContent": ["/* eslint-disable react/display-name */\nimport React, { Component } from 'react';\nimport { ScrollSyncContext } from './ScrollSync';\n\n/**\n * MODIFIED FROM react-scroll-sync\n *\n * ScrollSyncPane Component\n *\n * Wrap your content in it to keep its scroll position in sync with other panes\n *\n * @param groups\n * @example ./example.md\n */\nclass ScrollSyncPane extends Component {\n static defaultProps = {\n group: 'default',\n enabled: true,\n };\n\n componentWillUnmount() {\n const { enabled, group, syncContext } = this.props;\n const { unregisterPane } = syncContext;\n\n if (enabled) unregisterPane(this.node, this.toArray(group));\n }\n\n toArray = groups => [].concat(groups);\n\n render() {\n const { children, group, syncContext, notPaginated } = this.props;\n const { registerPane } = syncContext;\n\n return children({\n registerPane: node => {\n if (notPaginated) {\n const virtualizedBody = node.querySelector(\n '.virtualized-body-wrapper',\n );\n if (virtualizedBody) {\n registerPane(virtualizedBody, this.toArray(group));\n }\n }\n return registerPane(node, this.toArray(group));\n },\n });\n }\n}\n\nexport const ScrollSyncPaneHOC = props => (\n <ScrollSyncContext.Consumer>\n {context => <ScrollSyncPane {...props} syncContext={context} />}\n </ScrollSyncContext.Consumer>\n);\n\nexport default ScrollSyncPaneHOC;\n", "import * as React from 'react';\nexport { React };\n"],
|
|
5
|
+
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADCvB,mBAAiC;AACjC,wBAAkC;AAYlC,6BAA6B,uBAAU;AAAA,EAAvC,cAdA;AAcA;AAaE,mBAAU,YAAU,GAAG,OAAO;AAAA;AAAA,EAP9B,uBAAuB;AACrB,UAAM,EAAE,SAAS,OAAO,gBAAgB,KAAK;AAC7C,UAAM,EAAE,mBAAmB;AAE3B,QAAI;AAAS,qBAAe,KAAK,MAAM,KAAK,QAAQ;AAAA;AAAA,EAKtD,SAAS;AACP,UAAM,EAAE,UAAU,OAAO,aAAa,iBAAiB,KAAK;AAC5D,UAAM,EAAE,iBAAiB;AAEzB,WAAO,SAAS;AAAA,MACd,cAAc,UAAQ;AACpB,YAAI,cAAc;AAChB,gBAAM,kBAAkB,KAAK,cAC3B;AAEF,cAAI,iBAAiB;AACnB,yBAAa,iBAAiB,KAAK,QAAQ;AAAA;AAAA;AAG/C,eAAO,aAAa,MAAM,KAAK,QAAQ;AAAA;AAAA;AAAA;AAAA;AA5BtC,AADT,eACS,eAAe;AAAA,EACpB,OAAO;AAAA,EACP,SAAS;AAAA;AAgCN,MAAM,oBAAoB,WAC/B,mDAAC,oCAAkB,UAAnB,MACG,aAAW,mDAAC,gBAAD;AAAA,KAAoB;AAAA,EAAO,aAAa;AAAA;AAIxD,IAAO,yBAAQ;",
|
|
6
|
+
"names": []
|
|
7
|
+
}
|