@elliemae/ds-shared 3.27.0-next.1 → 3.27.0-next.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/dist/cjs/index.js +1 -16
- package/dist/cjs/index.js.map +3 -3
- package/dist/esm/index.js +1 -16
- package/dist/esm/index.js.map +3 -3
- package/dist/types/index.d.ts +1 -16
- package/package.json +8 -194
- package/dist/cjs/Animations/BaseAnimation.js +0 -49
- package/dist/cjs/Animations/BaseAnimation.js.map +0 -7
- package/dist/cjs/Animations/Grow.js +0 -52
- package/dist/cjs/Animations/Grow.js.map +0 -7
- package/dist/cjs/Animations/GrowRight.js +0 -69
- package/dist/cjs/Animations/GrowRight.js.map +0 -7
- package/dist/cjs/Animations/GrowVertical.js +0 -68
- package/dist/cjs/Animations/GrowVertical.js.map +0 -7
- package/dist/cjs/Animations/index.js +0 -33
- package/dist/cjs/Animations/index.js.map +0 -7
- package/dist/cjs/CheckableGroup.js +0 -74
- package/dist/cjs/CheckableGroup.js.map +0 -7
- package/dist/cjs/DeferRenderAfterComputation.js +0 -52
- package/dist/cjs/DeferRenderAfterComputation.js.map +0 -7
- package/dist/cjs/FocusGroup/FocusGrid.js +0 -183
- package/dist/cjs/FocusGroup/FocusGrid.js.map +0 -7
- package/dist/cjs/FocusGroup/FocusGroup.js +0 -272
- package/dist/cjs/FocusGroup/FocusGroup.js.map +0 -7
- package/dist/cjs/FocusGroup/FocusGroupContext.js +0 -39
- package/dist/cjs/FocusGroup/FocusGroupContext.js.map +0 -7
- package/dist/cjs/FocusGroup/FocusGroupManager.js +0 -126
- package/dist/cjs/FocusGroup/FocusGroupManager.js.map +0 -7
- package/dist/cjs/FocusGroup/focusGroupManagerHoc.js +0 -53
- package/dist/cjs/FocusGroup/focusGroupManagerHoc.js.map +0 -7
- package/dist/cjs/FocusGroup/index.js +0 -45
- package/dist/cjs/FocusGroup/index.js.map +0 -7
- package/dist/cjs/FocusGroup/useFocusGroupItem.js +0 -68
- package/dist/cjs/FocusGroup/useFocusGroupItem.js.map +0 -7
- package/dist/cjs/FocusGroup/utils/getNextCellPosition.js +0 -81
- package/dist/cjs/FocusGroup/utils/getNextCellPosition.js.map +0 -7
- package/dist/cjs/GroupContext/Group.js +0 -115
- package/dist/cjs/GroupContext/Group.js.map +0 -7
- package/dist/cjs/GroupContext/GroupContext.js +0 -37
- package/dist/cjs/GroupContext/GroupContext.js.map +0 -7
- package/dist/cjs/GroupContext/GroupItem.js +0 -41
- package/dist/cjs/GroupContext/GroupItem.js.map +0 -7
- package/dist/cjs/GroupContext/index.js +0 -40
- package/dist/cjs/GroupContext/index.js.map +0 -7
- package/dist/cjs/ScrollSync/ScrollSync.js +0 -132
- package/dist/cjs/ScrollSync/ScrollSync.js.map +0 -7
- package/dist/cjs/ScrollSync/ScrollSyncPane.js +0 -72
- package/dist/cjs/ScrollSync/ScrollSyncPane.js.map +0 -7
- package/dist/cjs/ScrollSync/ScrollSyncProvider.js +0 -116
- package/dist/cjs/ScrollSync/ScrollSyncProvider.js.map +0 -7
- package/dist/cjs/ScrollSync/index.js +0 -41
- package/dist/cjs/ScrollSync/index.js.map +0 -7
- package/dist/cjs/ScrollSync/useScrollSync.js +0 -40
- package/dist/cjs/ScrollSync/useScrollSync.js.map +0 -7
- package/dist/cjs/constants.js +0 -71
- package/dist/cjs/constants.js.map +0 -7
- package/dist/cjs/createDataInstance/createInstancePlugin.js +0 -50
- package/dist/cjs/createDataInstance/createInstancePlugin.js.map +0 -7
- package/dist/cjs/createDataInstance/createInstanceRef.js +0 -91
- package/dist/cjs/createDataInstance/createInstanceRef.js.map +0 -7
- package/dist/cjs/createDataInstance/index.js +0 -32
- package/dist/cjs/createDataInstance/index.js.map +0 -7
- package/dist/cjs/createDataInstance/utils.js +0 -100
- package/dist/cjs/createDataInstance/utils.js.map +0 -7
- package/dist/cjs/defer-render-hoc/index.js +0 -56
- package/dist/cjs/defer-render-hoc/index.js.map +0 -7
- package/dist/cjs/dimsum.config.js +0 -40
- package/dist/cjs/dimsum.config.js.map +0 -7
- package/dist/cjs/prop-types.js +0 -117
- package/dist/cjs/prop-types.js.map +0 -7
- package/dist/cjs/react-spring/index.js +0 -30
- package/dist/cjs/react-spring/index.js.map +0 -7
- package/dist/cjs/react-spring/renderprops.js +0 -30
- package/dist/cjs/react-spring/renderprops.js.map +0 -7
- package/dist/cjs/toolbar/ToolbarProvider.js +0 -120
- package/dist/cjs/toolbar/ToolbarProvider.js.map +0 -7
- package/dist/cjs/useDataGrid/VolatileRowsListener.js +0 -50
- package/dist/cjs/useDataGrid/VolatileRowsListener.js.map +0 -7
- package/dist/cjs/useDataGrid/index.js +0 -32
- package/dist/cjs/useDataGrid/index.js.map +0 -7
- package/dist/cjs/useDataGrid/initColumnDefinition.js +0 -150
- package/dist/cjs/useDataGrid/initColumnDefinition.js.map +0 -7
- package/dist/cjs/useDataGrid/useDataGrid.js +0 -204
- package/dist/cjs/useDataGrid/useDataGrid.js.map +0 -7
- package/dist/cjs/useDataList/index.js +0 -31
- package/dist/cjs/useDataList/index.js.map +0 -7
- package/dist/cjs/useDataList/recordIterator.js +0 -56
- package/dist/cjs/useDataList/recordIterator.js.map +0 -7
- package/dist/cjs/useDataList/useDataList.js +0 -100
- package/dist/cjs/useDataList/useDataList.js.map +0 -7
- package/dist/cjs/utils.js +0 -108
- package/dist/cjs/utils.js.map +0 -7
- package/dist/cjs/virtualization/AutoHeightList.js +0 -76
- package/dist/cjs/virtualization/AutoHeightList.js.map +0 -7
- package/dist/cjs/virtualization/FluidHeightList.js +0 -46
- package/dist/cjs/virtualization/FluidHeightList.js.map +0 -7
- package/dist/cjs/virtualization/index.js +0 -46
- package/dist/cjs/virtualization/index.js.map +0 -7
- package/dist/esm/Animations/BaseAnimation.js +0 -19
- package/dist/esm/Animations/BaseAnimation.js.map +0 -7
- package/dist/esm/Animations/Grow.js +0 -22
- package/dist/esm/Animations/Grow.js.map +0 -7
- package/dist/esm/Animations/GrowRight.js +0 -39
- package/dist/esm/Animations/GrowRight.js.map +0 -7
- package/dist/esm/Animations/GrowVertical.js +0 -38
- package/dist/esm/Animations/GrowVertical.js.map +0 -7
- package/dist/esm/Animations/index.js +0 -6
- package/dist/esm/Animations/index.js.map +0 -7
- package/dist/esm/CheckableGroup.js +0 -44
- package/dist/esm/CheckableGroup.js.map +0 -7
- package/dist/esm/DeferRenderAfterComputation.js +0 -22
- package/dist/esm/DeferRenderAfterComputation.js.map +0 -7
- package/dist/esm/FocusGroup/FocusGrid.js +0 -153
- package/dist/esm/FocusGroup/FocusGrid.js.map +0 -7
- package/dist/esm/FocusGroup/FocusGroup.js +0 -242
- package/dist/esm/FocusGroup/FocusGroup.js.map +0 -7
- package/dist/esm/FocusGroup/FocusGroupContext.js +0 -9
- package/dist/esm/FocusGroup/FocusGroupContext.js.map +0 -7
- package/dist/esm/FocusGroup/FocusGroupManager.js +0 -96
- package/dist/esm/FocusGroup/FocusGroupManager.js.map +0 -7
- package/dist/esm/FocusGroup/focusGroupManagerHoc.js +0 -23
- package/dist/esm/FocusGroup/focusGroupManagerHoc.js.map +0 -7
- package/dist/esm/FocusGroup/index.js +0 -14
- package/dist/esm/FocusGroup/index.js.map +0 -7
- package/dist/esm/FocusGroup/useFocusGroupItem.js +0 -38
- package/dist/esm/FocusGroup/useFocusGroupItem.js.map +0 -7
- package/dist/esm/FocusGroup/utils/getNextCellPosition.js +0 -51
- package/dist/esm/FocusGroup/utils/getNextCellPosition.js.map +0 -7
- package/dist/esm/GroupContext/Group.js +0 -85
- package/dist/esm/GroupContext/Group.js.map +0 -7
- package/dist/esm/GroupContext/GroupContext.js +0 -7
- package/dist/esm/GroupContext/GroupContext.js.map +0 -7
- package/dist/esm/GroupContext/GroupItem.js +0 -11
- package/dist/esm/GroupContext/GroupItem.js.map +0 -7
- package/dist/esm/GroupContext/index.js +0 -10
- package/dist/esm/GroupContext/index.js.map +0 -7
- package/dist/esm/ScrollSync/ScrollSync.js +0 -102
- package/dist/esm/ScrollSync/ScrollSync.js.map +0 -7
- package/dist/esm/ScrollSync/ScrollSyncPane.js +0 -42
- package/dist/esm/ScrollSync/ScrollSyncPane.js.map +0 -7
- package/dist/esm/ScrollSync/ScrollSyncProvider.js +0 -86
- package/dist/esm/ScrollSync/ScrollSyncProvider.js.map +0 -7
- package/dist/esm/ScrollSync/index.js +0 -10
- package/dist/esm/ScrollSync/index.js.map +0 -7
- package/dist/esm/ScrollSync/useScrollSync.js +0 -10
- package/dist/esm/ScrollSync/useScrollSync.js.map +0 -7
- package/dist/esm/constants.js +0 -41
- package/dist/esm/constants.js.map +0 -7
- package/dist/esm/createDataInstance/createInstancePlugin.js +0 -20
- package/dist/esm/createDataInstance/createInstancePlugin.js.map +0 -7
- package/dist/esm/createDataInstance/createInstanceRef.js +0 -61
- package/dist/esm/createDataInstance/createInstanceRef.js.map +0 -7
- package/dist/esm/createDataInstance/index.js +0 -5
- package/dist/esm/createDataInstance/index.js.map +0 -7
- package/dist/esm/createDataInstance/utils.js +0 -70
- package/dist/esm/createDataInstance/utils.js.map +0 -7
- package/dist/esm/defer-render-hoc/index.js +0 -26
- package/dist/esm/defer-render-hoc/index.js.map +0 -7
- package/dist/esm/dimsum.config.js +0 -10
- package/dist/esm/dimsum.config.js.map +0 -7
- package/dist/esm/prop-types.js +0 -87
- package/dist/esm/prop-types.js.map +0 -7
- package/dist/esm/react-spring/index.js +0 -3
- package/dist/esm/react-spring/index.js.map +0 -7
- package/dist/esm/react-spring/renderprops.js +0 -3
- package/dist/esm/react-spring/renderprops.js.map +0 -7
- package/dist/esm/toolbar/ToolbarProvider.js +0 -90
- package/dist/esm/toolbar/ToolbarProvider.js.map +0 -7
- package/dist/esm/useDataGrid/VolatileRowsListener.js +0 -20
- package/dist/esm/useDataGrid/VolatileRowsListener.js.map +0 -7
- package/dist/esm/useDataGrid/index.js +0 -5
- package/dist/esm/useDataGrid/index.js.map +0 -7
- package/dist/esm/useDataGrid/initColumnDefinition.js +0 -120
- package/dist/esm/useDataGrid/initColumnDefinition.js.map +0 -7
- package/dist/esm/useDataGrid/useDataGrid.js +0 -182
- package/dist/esm/useDataGrid/useDataGrid.js.map +0 -7
- package/dist/esm/useDataList/index.js +0 -4
- package/dist/esm/useDataList/index.js.map +0 -7
- package/dist/esm/useDataList/recordIterator.js +0 -26
- package/dist/esm/useDataList/recordIterator.js.map +0 -7
- package/dist/esm/useDataList/useDataList.js +0 -70
- package/dist/esm/useDataList/useDataList.js.map +0 -7
- package/dist/esm/utils.js +0 -78
- package/dist/esm/utils.js.map +0 -7
- package/dist/esm/virtualization/AutoHeightList.js +0 -46
- package/dist/esm/virtualization/AutoHeightList.js.map +0 -7
- package/dist/esm/virtualization/FluidHeightList.js +0 -16
- package/dist/esm/virtualization/FluidHeightList.js.map +0 -7
- package/dist/esm/virtualization/index.js +0 -16
- package/dist/esm/virtualization/index.js.map +0 -7
- package/dist/types/Animations/BaseAnimation.d.ts +0 -12
- package/dist/types/Animations/Grow.d.ts +0 -11
- package/dist/types/Animations/GrowRight.d.ts +0 -11
- package/dist/types/Animations/GrowVertical.d.ts +0 -11
- package/dist/types/Animations/index.d.ts +0 -4
- package/dist/types/CheckableGroup.d.ts +0 -19
- package/dist/types/DeferRenderAfterComputation.d.ts +0 -7
- package/dist/types/FocusGroup/FocusGrid.d.ts +0 -12
- package/dist/types/FocusGroup/FocusGroup.d.ts +0 -38
- package/dist/types/FocusGroup/FocusGroupContext.d.ts +0 -4
- package/dist/types/FocusGroup/FocusGroupManager.d.ts +0 -26
- package/dist/types/FocusGroup/focusGroupManagerHoc.d.ts +0 -8
- package/dist/types/FocusGroup/index.d.ts +0 -7
- package/dist/types/FocusGroup/useFocusGroupItem.d.ts +0 -4
- package/dist/types/FocusGroup/utils/getNextCellPosition.d.ts +0 -14
- package/dist/types/GroupContext/Group.d.ts +0 -15
- package/dist/types/GroupContext/GroupContext.d.ts +0 -2
- package/dist/types/GroupContext/GroupItem.d.ts +0 -5
- package/dist/types/GroupContext/index.d.ts +0 -3
- package/dist/types/ScrollSync/ScrollSync.d.ts +0 -23
- package/dist/types/ScrollSync/ScrollSyncPane.d.ts +0 -2
- package/dist/types/ScrollSync/ScrollSyncProvider.d.ts +0 -12
- package/dist/types/ScrollSync/index.d.ts +0 -4
- package/dist/types/ScrollSync/useScrollSync.d.ts +0 -7
- package/dist/types/constants.d.ts +0 -30
- package/dist/types/createDataInstance/createInstancePlugin.d.ts +0 -4
- package/dist/types/createDataInstance/createInstanceRef.d.ts +0 -14
- package/dist/types/createDataInstance/index.d.ts +0 -3
- package/dist/types/createDataInstance/tests/createInstanceRef.test.d.ts +0 -0
- package/dist/types/createDataInstance/utils.d.ts +0 -9
- package/dist/types/defer-render-hoc/index.d.ts +0 -63
- package/dist/types/dimsum.config.d.ts +0 -5
- package/dist/types/prop-types.d.ts +0 -41
- package/dist/types/react-spring/index.d.ts +0 -1
- package/dist/types/react-spring/renderprops.d.ts +0 -1
- package/dist/types/toolbar/ToolbarProvider.d.ts +0 -5
- package/dist/types/useDataGrid/VolatileRowsListener.d.ts +0 -7
- package/dist/types/useDataGrid/index.d.ts +0 -3
- package/dist/types/useDataGrid/initColumnDefinition.d.ts +0 -6
- package/dist/types/useDataGrid/useDataGrid.d.ts +0 -9
- package/dist/types/useDataList/index.d.ts +0 -2
- package/dist/types/useDataList/recordIterator.d.ts +0 -1
- package/dist/types/useDataList/useDataList.d.ts +0 -14
- package/dist/types/utils.d.ts +0 -22
- package/dist/types/virtualization/AutoHeightList.d.ts +0 -2
- package/dist/types/virtualization/FluidHeightList.d.ts +0 -2
- package/dist/types/virtualization/index.d.ts +0 -9
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../src/GroupContext/Group.tsx"],
|
|
4
|
-
"sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable react/no-unused-state */\nimport React, { Component } from 'react';\nimport PropTypes from 'prop-types';\nimport { GroupContext } from './GroupContext.js';\n\nconst getValueItem = (e) => {\n const { target, currentTarget } = e;\n if (target) {\n const { value } = target;\n return value;\n }\n if (currentTarget) {\n const { value } = currentTarget;\n return value;\n }\n return e;\n};\n\nconst toggleItemValue = (array, e) => {\n const newvalue = getValueItem(e);\n const res = array;\n const index = array.indexOf(newvalue);\n\n if (index === -1) {\n res.push(newvalue);\n } else {\n res.splice(index, 1);\n }\n\n return res;\n};\n\nconst { Provider } = GroupContext;\n/** deprecated use CheckableGroup instead */\nclass Group extends Component {\n constructor(props) {\n super(props);\n const { activeValue, disabled } = props;\n this.state = {\n activeValue,\n disabled,\n prevValue: null,\n onChange: this.handleChange.bind(this),\n };\n }\n\n static getDerivedStateFromProps(nextProps, { prevValue }) {\n if (nextProps.activeValue === prevValue) return null;\n return {\n activeValue: nextProps.activeValue,\n prevValue: nextProps.activeValue,\n };\n }\n\n handleChange(e, ...rest) {\n const { multiple, onChange } = this.props;\n const { activeValue } = this.state;\n const value = getValueItem(e);\n let newValue;\n if (multiple) {\n newValue = toggleItemValue(activeValue || [], value);\n } else if (activeValue !== value) {\n // default behaviour it will be toggle the active value\n newValue = value;\n }\n\n this.setState({\n activeValue: newValue,\n });\n\n if (onChange) onChange(newValue, ...rest);\n }\n\n render() {\n const { children } = this.props;\n return <Provider value={this.state}>{children}</Provider>;\n }\n}\n\nGroup.defaultProps = {\n multiple: false,\n};\n\nGroup.propTypes = {\n children: PropTypes.node,\n multiple: PropTypes.bool,\n onChange: PropTypes.func,\n activeValue: PropTypes.oneOfType([PropTypes.array, PropTypes.number, PropTypes.string]),\n disabled: PropTypes.bool,\n};\n\nexport { Group };\nexport default Group;\n"],
|
|
5
|
-
"mappings": "AAAA,YAAY,WAAW;AC2EZ;AA1EX,SAAgB,iBAAiB;AACjC,OAAO,eAAe;AACtB,SAAS,oBAAoB;AAE7B,MAAM,eAAe,CAAC,MAAM;AAC1B,QAAM,EAAE,QAAQ,cAAc,IAAI;AAClC,MAAI,QAAQ;AACV,UAAM,EAAE,MAAM,IAAI;AAClB,WAAO;AAAA,EACT;AACA,MAAI,eAAe;AACjB,UAAM,EAAE,MAAM,IAAI;AAClB,WAAO;AAAA,EACT;AACA,SAAO;AACT;AAEA,MAAM,kBAAkB,CAAC,OAAO,MAAM;AACpC,QAAM,WAAW,aAAa,CAAC;AAC/B,QAAM,MAAM;AACZ,QAAM,QAAQ,MAAM,QAAQ,QAAQ;AAEpC,MAAI,UAAU,IAAI;AAChB,QAAI,KAAK,QAAQ;AAAA,EACnB,OAAO;AACL,QAAI,OAAO,OAAO,CAAC;AAAA,EACrB;AAEA,SAAO;AACT;AAEA,MAAM,EAAE,SAAS,IAAI;AAErB,MAAM,cAAc,UAAU;AAAA,EAC5B,YAAY,OAAO;AACjB,UAAM,KAAK;AACX,UAAM,EAAE,aAAa,SAAS,IAAI;AAClC,SAAK,QAAQ;AAAA,MACX;AAAA,MACA;AAAA,MACA,WAAW;AAAA,MACX,UAAU,KAAK,aAAa,KAAK,IAAI;AAAA,IACvC;AAAA,EACF;AAAA,EAEA,OAAO,yBAAyB,WAAW,EAAE,UAAU,GAAG;AACxD,QAAI,UAAU,gBAAgB;AAAW,aAAO;AAChD,WAAO;AAAA,MACL,aAAa,UAAU;AAAA,MACvB,WAAW,UAAU;AAAA,IACvB;AAAA,EACF;AAAA,EAEA,aAAa,MAAM,MAAM;AACvB,UAAM,EAAE,UAAU,SAAS,IAAI,KAAK;AACpC,UAAM,EAAE,YAAY,IAAI,KAAK;AAC7B,UAAM,QAAQ,aAAa,CAAC;AAC5B,QAAI;AACJ,QAAI,UAAU;AACZ,iBAAW,gBAAgB,eAAe,CAAC,GAAG,KAAK;AAAA,IACrD,WAAW,gBAAgB,OAAO;AAEhC,iBAAW;AAAA,IACb;AAEA,SAAK,SAAS;AAAA,MACZ,aAAa;AAAA,IACf,CAAC;AAED,QAAI;AAAU,eAAS,UAAU,GAAG,IAAI;AAAA,EAC1C;AAAA,EAEA,SAAS;AACP,UAAM,EAAE,SAAS,IAAI,KAAK;AAC1B,WAAO,oBAAC,YAAS,OAAO,KAAK,OAAQ,UAAS;AAAA,EAChD;AACF;AAEA,MAAM,eAAe;AAAA,EACnB,UAAU;AACZ;AAEA,MAAM,YAAY;AAAA,EAChB,UAAU,UAAU;AAAA,EACpB,UAAU,UAAU;AAAA,EACpB,UAAU,UAAU;AAAA,EACpB,aAAa,UAAU,UAAU,CAAC,UAAU,OAAO,UAAU,QAAQ,UAAU,MAAM,CAAC;AAAA,EACtF,UAAU,UAAU;AACtB;AAGA,IAAO,gBAAQ;",
|
|
6
|
-
"names": []
|
|
7
|
-
}
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../src/GroupContext/GroupContext.tsx"],
|
|
4
|
-
"sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\n\nexport const GroupContext = React.createContext();\n"],
|
|
5
|
-
"mappings": "AAAA,YAAY,WAAW;ACAvB,OAAOA,YAAW;AAEX,MAAM,eAAeA,OAAM,cAAc;",
|
|
6
|
-
"names": ["React"]
|
|
7
|
-
}
|
|
@@ -1,11 +0,0 @@
|
|
|
1
|
-
import * as React from "react";
|
|
2
|
-
import { jsx } from "react/jsx-runtime";
|
|
3
|
-
import { GroupContext } from "./GroupContext.js";
|
|
4
|
-
const { Consumer } = GroupContext;
|
|
5
|
-
const GroupItem = ({ render }) => /* @__PURE__ */ jsx(Consumer, { children: (context) => render(context) });
|
|
6
|
-
var GroupItem_default = GroupItem;
|
|
7
|
-
export {
|
|
8
|
-
GroupItem,
|
|
9
|
-
GroupItem_default as default
|
|
10
|
-
};
|
|
11
|
-
//# sourceMappingURL=GroupItem.js.map
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../src/GroupContext/GroupItem.tsx"],
|
|
4
|
-
"sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport { GroupContext } from './GroupContext.js';\n\nconst { Consumer } = GroupContext;\n\nconst GroupItem = ({ render }) => <Consumer>{(context) => render(context)}</Consumer>;\n\nexport { GroupItem };\nexport default GroupItem;\n"],
|
|
5
|
-
"mappings": "AAAA,YAAY,WAAW;ACKW;AAJlC,SAAS,oBAAoB;AAE7B,MAAM,EAAE,SAAS,IAAI;AAErB,MAAM,YAAY,CAAC,EAAE,OAAO,MAAM,oBAAC,YAAU,WAAC,YAAY,OAAO,OAAO,GAAE;AAG1E,IAAO,oBAAQ;",
|
|
6
|
-
"names": []
|
|
7
|
-
}
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../src/GroupContext/index.tsx"],
|
|
4
|
-
"sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export { Group } from './Group.js';\nexport { GroupContext } from './GroupContext.js';\nexport { GroupItem } from './GroupItem.js';\n"],
|
|
5
|
-
"mappings": "AAAA,YAAY,WAAW;ACAvB,SAAS,aAAa;AACtB,SAAS,oBAAoB;AAC7B,SAAS,iBAAiB;",
|
|
6
|
-
"names": []
|
|
7
|
-
}
|
|
@@ -1,102 +0,0 @@
|
|
|
1
|
-
import * as React from "react";
|
|
2
|
-
import { jsx } from "react/jsx-runtime";
|
|
3
|
-
import React2, { Component } from "react";
|
|
4
|
-
const ScrollSyncContext = React2.createContext();
|
|
5
|
-
const { Provider } = ScrollSyncContext;
|
|
6
|
-
class ScrollSync extends Component {
|
|
7
|
-
constructor(props) {
|
|
8
|
-
super(props);
|
|
9
|
-
this.panes = {};
|
|
10
|
-
this.registerPane = (node, groups) => {
|
|
11
|
-
groups.forEach((group) => {
|
|
12
|
-
if (!this.panes[group]) {
|
|
13
|
-
this.panes[group] = [];
|
|
14
|
-
}
|
|
15
|
-
if (this.panes[group].length > 0) {
|
|
16
|
-
this.syncScrollPosition(this.panes[group][0], node);
|
|
17
|
-
}
|
|
18
|
-
this.panes[group].push(node);
|
|
19
|
-
});
|
|
20
|
-
this.addEvents(node, groups);
|
|
21
|
-
};
|
|
22
|
-
this.unregisterPane = (node, groups) => {
|
|
23
|
-
groups.forEach((group) => {
|
|
24
|
-
if (this.findPane(node, group)) {
|
|
25
|
-
this.removeEvents(node);
|
|
26
|
-
this.panes[group].splice(this.panes[group].indexOf(node), 1);
|
|
27
|
-
}
|
|
28
|
-
});
|
|
29
|
-
};
|
|
30
|
-
this.addEvents = (node, groups) => {
|
|
31
|
-
node.onscroll = this.handlePaneScroll.bind(this, node, groups);
|
|
32
|
-
};
|
|
33
|
-
this.removeEvents = (node) => {
|
|
34
|
-
node.onscroll = null;
|
|
35
|
-
};
|
|
36
|
-
this.findPane = (node, group) => {
|
|
37
|
-
if (!this.panes[group]) {
|
|
38
|
-
return false;
|
|
39
|
-
}
|
|
40
|
-
return this.panes[group].find((pane) => pane === node);
|
|
41
|
-
};
|
|
42
|
-
this.handlePaneScroll = (node, groups, e) => {
|
|
43
|
-
const { enabled } = this.props;
|
|
44
|
-
if (this.props.onScroll)
|
|
45
|
-
this.props.onScroll(e);
|
|
46
|
-
if (!enabled)
|
|
47
|
-
return;
|
|
48
|
-
window.requestAnimationFrame(() => {
|
|
49
|
-
this.syncScrollPositions(node, groups);
|
|
50
|
-
});
|
|
51
|
-
};
|
|
52
|
-
this.syncScrollPositions = (scrolledPane, groups) => {
|
|
53
|
-
groups.forEach((group) => {
|
|
54
|
-
this.panes[group].forEach((pane) => {
|
|
55
|
-
if (scrolledPane !== pane) {
|
|
56
|
-
this.removeEvents(pane, group);
|
|
57
|
-
this.syncScrollPosition(scrolledPane, pane);
|
|
58
|
-
window.requestAnimationFrame(() => {
|
|
59
|
-
this.addEvents(pane, groups);
|
|
60
|
-
});
|
|
61
|
-
}
|
|
62
|
-
});
|
|
63
|
-
});
|
|
64
|
-
};
|
|
65
|
-
this.syncContext = {
|
|
66
|
-
registerPane: this.registerPane,
|
|
67
|
-
unregisterPane: this.unregisterPane
|
|
68
|
-
};
|
|
69
|
-
this.syncScrollPosition = this.syncScrollPosition.bind(this);
|
|
70
|
-
}
|
|
71
|
-
syncScrollPosition(scrolledPane, pane) {
|
|
72
|
-
const { scrollTop, scrollHeight, clientHeight, scrollLeft, scrollWidth, clientWidth } = scrolledPane;
|
|
73
|
-
const scrollTopOffset = scrollHeight - clientHeight;
|
|
74
|
-
const scrollLeftOffset = scrollWidth - clientWidth;
|
|
75
|
-
const { proportional, vertical, horizontal } = this.props;
|
|
76
|
-
const paneHeight = pane.scrollHeight - clientHeight;
|
|
77
|
-
const paneWidth = pane.scrollWidth - clientWidth;
|
|
78
|
-
if (vertical && scrollTopOffset > 0) {
|
|
79
|
-
pane.scrollTop = proportional ? paneHeight * scrollTop / scrollTopOffset : scrollTop;
|
|
80
|
-
}
|
|
81
|
-
if (horizontal && scrollLeftOffset > 0) {
|
|
82
|
-
pane.scrollLeft = proportional ? paneWidth * scrollLeft / scrollLeftOffset : scrollLeft;
|
|
83
|
-
}
|
|
84
|
-
}
|
|
85
|
-
render() {
|
|
86
|
-
const { children } = this.props;
|
|
87
|
-
return /* @__PURE__ */ jsx(Provider, { value: this.syncContext, children: React2.Children.only(children) });
|
|
88
|
-
}
|
|
89
|
-
}
|
|
90
|
-
ScrollSync.defaultProps = {
|
|
91
|
-
proportional: true,
|
|
92
|
-
vertical: true,
|
|
93
|
-
horizontal: true,
|
|
94
|
-
enabled: true
|
|
95
|
-
};
|
|
96
|
-
var ScrollSync_default = ScrollSync;
|
|
97
|
-
export {
|
|
98
|
-
ScrollSync,
|
|
99
|
-
ScrollSyncContext,
|
|
100
|
-
ScrollSync_default as default
|
|
101
|
-
};
|
|
102
|
-
//# sourceMappingURL=ScrollSync.js.map
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../src/ScrollSync/ScrollSync.tsx"],
|
|
4
|
-
"sourcesContent": ["import * as React from 'react';\nexport { React };\n", "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 this.syncScrollPosition = this.syncScrollPosition.bind(this);\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 { scrollTop, scrollHeight, clientHeight, scrollLeft, scrollWidth, clientWidth } = 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 ? (paneHeight * scrollTop) / scrollTopOffset : scrollTop; // eslint-disable-line\n }\n if (horizontal && scrollLeftOffset > 0) {\n pane.scrollLeft = proportional ? (paneWidth * scrollLeft) / scrollLeftOffset : scrollLeft; // eslint-disable-line\n }\n }\n\n render() {\n const { children } = this.props;\n return <Provider value={this.syncContext}>{React.Children.only(children)}</Provider>;\n }\n}\n\nexport { ScrollSync, ScrollSyncContext };\nexport default ScrollSync;\n"],
|
|
5
|
-
"mappings": "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",
|
|
6
|
-
"names": ["React"]
|
|
7
|
-
}
|
|
@@ -1,42 +0,0 @@
|
|
|
1
|
-
import * as React from "react";
|
|
2
|
-
import { jsx } from "react/jsx-runtime";
|
|
3
|
-
import { Component } from "react";
|
|
4
|
-
import { ScrollSyncContext } from "./ScrollSync.js";
|
|
5
|
-
class ScrollSyncPane extends Component {
|
|
6
|
-
constructor() {
|
|
7
|
-
super(...arguments);
|
|
8
|
-
this.toArray = (groups) => [].concat(groups);
|
|
9
|
-
}
|
|
10
|
-
componentWillUnmount() {
|
|
11
|
-
const { enabled, group, syncContext } = this.props;
|
|
12
|
-
const { unregisterPane } = syncContext;
|
|
13
|
-
if (enabled)
|
|
14
|
-
unregisterPane(this.node, this.toArray(group));
|
|
15
|
-
}
|
|
16
|
-
render() {
|
|
17
|
-
const { children, group, syncContext, notPaginated } = this.props;
|
|
18
|
-
const { registerPane } = syncContext;
|
|
19
|
-
return children({
|
|
20
|
-
registerPane: (node) => {
|
|
21
|
-
if (notPaginated) {
|
|
22
|
-
const virtualizedBody = node.querySelector(".virtualized-body-wrapper");
|
|
23
|
-
if (virtualizedBody) {
|
|
24
|
-
registerPane(virtualizedBody, this.toArray(group));
|
|
25
|
-
}
|
|
26
|
-
}
|
|
27
|
-
return registerPane(node, this.toArray(group));
|
|
28
|
-
}
|
|
29
|
-
});
|
|
30
|
-
}
|
|
31
|
-
}
|
|
32
|
-
ScrollSyncPane.defaultProps = {
|
|
33
|
-
group: "default",
|
|
34
|
-
enabled: true
|
|
35
|
-
};
|
|
36
|
-
const ScrollSyncPaneHOC = (props) => /* @__PURE__ */ jsx(ScrollSyncContext.Consumer, { children: (context) => /* @__PURE__ */ jsx(ScrollSyncPane, { ...props, syncContext: context }) });
|
|
37
|
-
var ScrollSyncPane_default = ScrollSyncPaneHOC;
|
|
38
|
-
export {
|
|
39
|
-
ScrollSyncPaneHOC,
|
|
40
|
-
ScrollSyncPane_default as default
|
|
41
|
-
};
|
|
42
|
-
//# sourceMappingURL=ScrollSyncPane.js.map
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../src/ScrollSync/ScrollSyncPane.tsx"],
|
|
4
|
-
"sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable react/display-name */\nimport React, { Component } from 'react';\nimport { ScrollSyncContext } from './ScrollSync.js';\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('.virtualized-body-wrapper');\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"],
|
|
5
|
-
"mappings": "AAAA,YAAY,WAAW;ACiDL;AAhDlB,SAAgB,iBAAiB;AACjC,SAAS,yBAAyB;AAYlC,MAAM,uBAAuB,UAAU;AAAA,EAAvC;AAAA;AAaE,mBAAU,CAAC,WAAW,CAAC,EAAE,OAAO,MAAM;AAAA;AAAA,EAPtC,uBAAuB;AACrB,UAAM,EAAE,SAAS,OAAO,YAAY,IAAI,KAAK;AAC7C,UAAM,EAAE,eAAe,IAAI;AAE3B,QAAI;AAAS,qBAAe,KAAK,MAAM,KAAK,QAAQ,KAAK,CAAC;AAAA,EAC5D;AAAA,EAIA,SAAS;AACP,UAAM,EAAE,UAAU,OAAO,aAAa,aAAa,IAAI,KAAK;AAC5D,UAAM,EAAE,aAAa,IAAI;AAEzB,WAAO,SAAS;AAAA,MACd,cAAc,CAAC,SAAS;AACtB,YAAI,cAAc;AAChB,gBAAM,kBAAkB,KAAK,cAAc,2BAA2B;AACtE,cAAI,iBAAiB;AACnB,yBAAa,iBAAiB,KAAK,QAAQ,KAAK,CAAC;AAAA,UACnD;AAAA,QACF;AACA,eAAO,aAAa,MAAM,KAAK,QAAQ,KAAK,CAAC;AAAA,MAC/C;AAAA,IACF,CAAC;AAAA,EACH;AACF;AA/BM,eACG,eAAe;AAAA,EACpB,OAAO;AAAA,EACP,SAAS;AACX;AA6BK,MAAM,oBAAoB,CAAC,UAChC,oBAAC,kBAAkB,UAAlB,EACE,WAAC,YAAY,oBAAC,kBAAgB,GAAG,OAAO,aAAa,SAAS,GACjE;AAGF,IAAO,yBAAQ;",
|
|
6
|
-
"names": []
|
|
7
|
-
}
|
|
@@ -1,86 +0,0 @@
|
|
|
1
|
-
import * as React from "react";
|
|
2
|
-
import { jsx } from "react/jsx-runtime";
|
|
3
|
-
import React2 from "react";
|
|
4
|
-
import raf from "raf";
|
|
5
|
-
const ScrollSyncContext = React2.createContext();
|
|
6
|
-
const { Provider } = ScrollSyncContext;
|
|
7
|
-
const ScrollSyncProvider = ({ enabled, horizontal, vertical, children }) => {
|
|
8
|
-
const panes = useRef();
|
|
9
|
-
const registerPane = (node, groups) => {
|
|
10
|
-
groups.forEach((group) => {
|
|
11
|
-
if (!(void 0).panes[group]) {
|
|
12
|
-
(void 0).panes[group] = [];
|
|
13
|
-
}
|
|
14
|
-
if (!(void 0).findPane(node, group)) {
|
|
15
|
-
if ((void 0).panes[group].length > 0) {
|
|
16
|
-
(void 0).syncScrollPosition((void 0).panes[group][0], node);
|
|
17
|
-
}
|
|
18
|
-
(void 0).panes[group].push(node);
|
|
19
|
-
}
|
|
20
|
-
});
|
|
21
|
-
(void 0).addEvents(node, groups);
|
|
22
|
-
};
|
|
23
|
-
const unregisterPane = (node, groups) => {
|
|
24
|
-
groups.forEach((group) => {
|
|
25
|
-
if ((void 0).findPane(node, group)) {
|
|
26
|
-
(void 0).removeEvents(node);
|
|
27
|
-
(void 0).panes[group].splice((void 0).panes[group].indexOf(node), 1);
|
|
28
|
-
}
|
|
29
|
-
});
|
|
30
|
-
};
|
|
31
|
-
const addEvents = (node, groups) => {
|
|
32
|
-
node.onscroll = (void 0).handlePaneScroll.bind(void 0, node, groups);
|
|
33
|
-
};
|
|
34
|
-
const removeEvents = (node) => {
|
|
35
|
-
node.onscroll = null;
|
|
36
|
-
};
|
|
37
|
-
const findPane = (node, group) => {
|
|
38
|
-
if (!(void 0).panes[group]) {
|
|
39
|
-
return false;
|
|
40
|
-
}
|
|
41
|
-
return (void 0).panes[group].find((pane) => pane === node);
|
|
42
|
-
};
|
|
43
|
-
const handlePaneScroll = (node, groups) => {
|
|
44
|
-
if (!enabled)
|
|
45
|
-
return;
|
|
46
|
-
window.requestAnimationFrame(() => {
|
|
47
|
-
(void 0).syncScrollPositions(node, groups);
|
|
48
|
-
});
|
|
49
|
-
};
|
|
50
|
-
const syncScrollPositions = (scrolledPane, groups) => {
|
|
51
|
-
groups.forEach((group) => {
|
|
52
|
-
(void 0).panes[group].forEach((pane) => {
|
|
53
|
-
if (scrolledPane !== pane) {
|
|
54
|
-
(void 0).removeEvents(pane, group);
|
|
55
|
-
(void 0).syncScrollPosition(scrolledPane, pane);
|
|
56
|
-
window.requestAnimationFrame(() => {
|
|
57
|
-
(void 0).addEvents(pane, groups);
|
|
58
|
-
});
|
|
59
|
-
}
|
|
60
|
-
});
|
|
61
|
-
});
|
|
62
|
-
};
|
|
63
|
-
const syncScrollPosition = raf((scrolledPane, pane) => {
|
|
64
|
-
const { scrollTop, scrollHeight, clientHeight, scrollLeft, scrollWidth, clientWidth } = scrolledPane;
|
|
65
|
-
const scrollTopOffset = scrollHeight - clientHeight;
|
|
66
|
-
const scrollLeftOffset = scrollWidth - clientWidth;
|
|
67
|
-
const { proportional, vertical: vertical2, horizontal: horizontal2 } = (void 0).props;
|
|
68
|
-
const paneHeight = pane.scrollHeight - clientHeight;
|
|
69
|
-
const paneWidth = pane.scrollWidth - clientWidth;
|
|
70
|
-
if (vertical2 && scrollTopOffset > 0) {
|
|
71
|
-
pane.scrollTop = proportional ? paneHeight * scrollTop / scrollTopOffset : scrollTop;
|
|
72
|
-
}
|
|
73
|
-
if (horizontal2 && scrollLeftOffset > 0) {
|
|
74
|
-
pane.scrollLeft = proportional ? paneWidth * scrollLeft / scrollLeftOffset : scrollLeft;
|
|
75
|
-
}
|
|
76
|
-
});
|
|
77
|
-
return /* @__PURE__ */ jsx(Provider, { children });
|
|
78
|
-
};
|
|
79
|
-
ScrollSyncProvider.propTypes = {};
|
|
80
|
-
ScrollSyncProvider.defaultProps = {};
|
|
81
|
-
var ScrollSyncProvider_default = ScrollSyncProvider;
|
|
82
|
-
export {
|
|
83
|
-
ScrollSyncProvider,
|
|
84
|
-
ScrollSyncProvider_default as default
|
|
85
|
-
};
|
|
86
|
-
//# sourceMappingURL=ScrollSyncProvider.js.map
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../src/ScrollSync/ScrollSyncProvider.tsx"],
|
|
4
|
-
"sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport raf from 'raf';\nimport PropTypes from 'prop-types';\n\nconst ScrollSyncContext = React.createContext();\n\nconst { Provider } = ScrollSyncContext;\n\nconst ScrollSyncProvider = ({ enabled, horizontal, vertical, children }) => {\n const panes = useRef();\n\n const registerPane = (node, groups) => {\n groups.forEach((group) => {\n if (!this.panes[group]) {\n this.panes[group] = [];\n }\n\n if (!this.findPane(node, group)) {\n if (this.panes[group].length > 0) {\n this.syncScrollPosition(this.panes[group][0], node);\n }\n this.panes[group].push(node);\n }\n });\n this.addEvents(node, groups);\n };\n const 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 const 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 const removeEvents = (node) => {\n /* For some reason element.removeEventListener doesnt work with document.body */\n node.onscroll = null; // eslint-disable-line\n };\n const findPane = (node, group) => {\n if (!this.panes[group]) {\n return false;\n }\n\n return this.panes[group].find((pane) => pane === node);\n };\n const handlePaneScroll = (node, groups) => {\n if (!enabled) return;\n\n window.requestAnimationFrame(() => {\n this.syncScrollPositions(node, groups);\n });\n };\n const 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 const syncScrollPosition = raf((scrolledPane, pane) => {\n const { scrollTop, scrollHeight, clientHeight, scrollLeft, scrollWidth, clientWidth } = 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 ? (paneHeight * scrollTop) / scrollTopOffset : scrollTop; // eslint-disable-line\n }\n if (horizontal && scrollLeftOffset > 0) {\n pane.scrollLeft = proportional ? (paneWidth * scrollLeft) / scrollLeftOffset : scrollLeft; // eslint-disable-line\n }\n });\n\n return <Provider>{children}</Provider>;\n};\n\nScrollSyncProvider.propTypes = {};\nScrollSyncProvider.defaultProps = {};\n\nexport default ScrollSyncProvider;\nexport { ScrollSyncProvider };\n"],
|
|
5
|
-
"mappings": "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",
|
|
6
|
-
"names": ["React", "vertical", "horizontal"]
|
|
7
|
-
}
|
|
@@ -1,10 +0,0 @@
|
|
|
1
|
-
import * as React from "react";
|
|
2
|
-
import { ScrollSync } from "./ScrollSync.js";
|
|
3
|
-
import { ScrollSyncPaneHOC } from "./ScrollSyncPane.js";
|
|
4
|
-
export * from "./ScrollSyncProvider.js";
|
|
5
|
-
export * from "./useScrollSync.js";
|
|
6
|
-
export {
|
|
7
|
-
ScrollSync,
|
|
8
|
-
ScrollSyncPaneHOC as ScrollSyncPane
|
|
9
|
-
};
|
|
10
|
-
//# sourceMappingURL=index.js.map
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../src/ScrollSync/index.tsx"],
|
|
4
|
-
"sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export { ScrollSync } from './ScrollSync.js';\nexport { ScrollSyncPaneHOC as ScrollSyncPane } from './ScrollSyncPane.js';\nexport * from './ScrollSyncProvider.js';\nexport * from './useScrollSync.js';\n"],
|
|
5
|
-
"mappings": "AAAA,YAAY,WAAW;ACAvB,SAAS,kBAAkB;AAC3B,SAA8B,yBAAsB;AACpD,cAAc;AACd,cAAc;",
|
|
6
|
-
"names": []
|
|
7
|
-
}
|
|
@@ -1,10 +0,0 @@
|
|
|
1
|
-
import * as React from "react";
|
|
2
|
-
const useScrollSync = (props) => ({});
|
|
3
|
-
useScrollSync.propTypes = {};
|
|
4
|
-
useScrollSync.defaultProps = {};
|
|
5
|
-
var useScrollSync_default = useScrollSync;
|
|
6
|
-
export {
|
|
7
|
-
useScrollSync_default as default,
|
|
8
|
-
useScrollSync
|
|
9
|
-
};
|
|
10
|
-
//# sourceMappingURL=useScrollSync.js.map
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../src/ScrollSync/useScrollSync.tsx"],
|
|
4
|
-
"sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport PropTypes from 'prop-types';\n\nconst useScrollSync = (props) => ({});\n\nuseScrollSync.propTypes = {};\nuseScrollSync.defaultProps = {};\n\nexport { useScrollSync };\nexport default useScrollSync;\n"],
|
|
5
|
-
"mappings": "AAAA,YAAY,WAAW;ACGvB,MAAM,gBAAgB,CAAC,WAAW,CAAC;AAEnC,cAAc,YAAY,CAAC;AAC3B,cAAc,eAAe,CAAC;AAG9B,IAAO,wBAAQ;",
|
|
6
|
-
"names": []
|
|
7
|
-
}
|
package/dist/esm/constants.js
DELETED
|
@@ -1,41 +0,0 @@
|
|
|
1
|
-
import * as React from "react";
|
|
2
|
-
const DEFAULT_DELAY_OPEN = 200;
|
|
3
|
-
const DEFAULT_DELAY_CLOSE = 300;
|
|
4
|
-
const sizeOptions = ["small", "medium", "large", "x-large"];
|
|
5
|
-
const AM = "am";
|
|
6
|
-
const PM = "pm";
|
|
7
|
-
const ARROW_UP = "ArrowUp";
|
|
8
|
-
const ARROW_DOWN = "ArrowDown";
|
|
9
|
-
const BACKSPACE = "Backspace";
|
|
10
|
-
const ESCAPE = "Escape";
|
|
11
|
-
const HOME = "Home";
|
|
12
|
-
const SHIFT = "Shift";
|
|
13
|
-
const END = "End";
|
|
14
|
-
const HOUR_RANGE_12 = { min: 0, max: 12 };
|
|
15
|
-
const HOUR_RANGE_24 = { min: 0, max: 24 };
|
|
16
|
-
const GENERAL_TIME_RANGE = { min: 0, max: 59 };
|
|
17
|
-
const PLACEHOLDER_TIME = {
|
|
18
|
-
hour: "hour",
|
|
19
|
-
minutes: "minutes",
|
|
20
|
-
seconds: "seconds",
|
|
21
|
-
meridiem: "meridiem"
|
|
22
|
-
};
|
|
23
|
-
export {
|
|
24
|
-
AM,
|
|
25
|
-
ARROW_DOWN,
|
|
26
|
-
ARROW_UP,
|
|
27
|
-
BACKSPACE,
|
|
28
|
-
DEFAULT_DELAY_CLOSE,
|
|
29
|
-
DEFAULT_DELAY_OPEN,
|
|
30
|
-
END,
|
|
31
|
-
ESCAPE,
|
|
32
|
-
GENERAL_TIME_RANGE,
|
|
33
|
-
HOME,
|
|
34
|
-
HOUR_RANGE_12,
|
|
35
|
-
HOUR_RANGE_24,
|
|
36
|
-
PLACEHOLDER_TIME,
|
|
37
|
-
PM,
|
|
38
|
-
SHIFT,
|
|
39
|
-
sizeOptions
|
|
40
|
-
};
|
|
41
|
-
//# sourceMappingURL=constants.js.map
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../src/constants.ts"],
|
|
4
|
-
"sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export const DEFAULT_DELAY_OPEN = 200;\nexport const DEFAULT_DELAY_CLOSE = 300;\nexport const sizeOptions = ['small', 'medium', 'large', 'x-large'];\nexport const AM = 'am';\nexport const PM = 'pm';\nexport const ARROW_UP = 'ArrowUp';\nexport const ARROW_DOWN = 'ArrowDown';\nexport const BACKSPACE = 'Backspace';\nexport const ESCAPE = 'Escape';\nexport const HOME = 'Home';\nexport const SHIFT = 'Shift';\nexport const END = 'End';\nexport const HOUR_RANGE_12 = { min: 0, max: 12 };\nexport const HOUR_RANGE_24 = { min: 0, max: 24 };\nexport const GENERAL_TIME_RANGE = { min: 0, max: 59 };\nexport const PLACEHOLDER_TIME = {\n hour: 'hour',\n minutes: 'minutes',\n seconds: 'seconds',\n meridiem: 'meridiem',\n};\n"],
|
|
5
|
-
"mappings": "AAAA,YAAY,WAAW;ACAhB,MAAM,qBAAqB;AAC3B,MAAM,sBAAsB;AAC5B,MAAM,cAAc,CAAC,SAAS,UAAU,SAAS,SAAS;AAC1D,MAAM,KAAK;AACX,MAAM,KAAK;AACX,MAAM,WAAW;AACjB,MAAM,aAAa;AACnB,MAAM,YAAY;AAClB,MAAM,SAAS;AACf,MAAM,OAAO;AACb,MAAM,QAAQ;AACd,MAAM,MAAM;AACZ,MAAM,gBAAgB,EAAE,KAAK,GAAG,KAAK,GAAG;AACxC,MAAM,gBAAgB,EAAE,KAAK,GAAG,KAAK,GAAG;AACxC,MAAM,qBAAqB,EAAE,KAAK,GAAG,KAAK,GAAG;AAC7C,MAAM,mBAAmB;AAAA,EAC9B,MAAM;AAAA,EACN,SAAS;AAAA,EACT,SAAS;AAAA,EACT,UAAU;AACZ;",
|
|
6
|
-
"names": []
|
|
7
|
-
}
|
|
@@ -1,20 +0,0 @@
|
|
|
1
|
-
import * as React from "react";
|
|
2
|
-
const getDecoratorsFromHooks = (hooks, decorators) => {
|
|
3
|
-
const nextDecorators = { ...decorators };
|
|
4
|
-
Object.keys(hooks).forEach((decorator) => {
|
|
5
|
-
if (Array.isArray(decorators[decorator])) {
|
|
6
|
-
nextDecorators[decorator] = [...decorators[decorator], hooks[decorator]];
|
|
7
|
-
} else {
|
|
8
|
-
nextDecorators[decorator] = hooks[decorator];
|
|
9
|
-
}
|
|
10
|
-
});
|
|
11
|
-
return nextDecorators;
|
|
12
|
-
};
|
|
13
|
-
const createInstancePlugin = (name, hooks) => (decorators) => getDecoratorsFromHooks(hooks, decorators);
|
|
14
|
-
var createInstancePlugin_default = createInstancePlugin;
|
|
15
|
-
export {
|
|
16
|
-
createInstancePlugin,
|
|
17
|
-
createInstancePlugin_default as default,
|
|
18
|
-
getDecoratorsFromHooks
|
|
19
|
-
};
|
|
20
|
-
//# sourceMappingURL=createInstancePlugin.js.map
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../src/createDataInstance/createInstancePlugin.tsx"],
|
|
4
|
-
"sourcesContent": ["import * as React from 'react';\nexport { React };\n", "const getDecoratorsFromHooks = (hooks, decorators) => {\n const nextDecorators = { ...decorators };\n\n Object.keys(hooks).forEach((decorator) => {\n if (Array.isArray(decorators[decorator])) {\n nextDecorators[decorator] = [...decorators[decorator], hooks[decorator]];\n } else {\n nextDecorators[decorator] = hooks[decorator];\n }\n });\n\n return nextDecorators;\n};\n\nexport const createInstancePlugin = (name, hooks) => (decorators) => getDecoratorsFromHooks(hooks, decorators);\n\nexport default createInstancePlugin;\n\nexport { getDecoratorsFromHooks };\n"],
|
|
5
|
-
"mappings": "AAAA,YAAY,WAAW;ACAvB,MAAM,yBAAyB,CAAC,OAAO,eAAe;AACpD,QAAM,iBAAiB,EAAE,GAAG,WAAW;AAEvC,SAAO,KAAK,KAAK,EAAE,QAAQ,CAAC,cAAc;AACxC,QAAI,MAAM,QAAQ,WAAW,SAAS,CAAC,GAAG;AACxC,qBAAe,SAAS,IAAI,CAAC,GAAG,WAAW,SAAS,GAAG,MAAM,SAAS,CAAC;AAAA,IACzE,OAAO;AACL,qBAAe,SAAS,IAAI,MAAM,SAAS;AAAA,IAC7C;AAAA,EACF,CAAC;AAED,SAAO;AACT;AAEO,MAAM,uBAAuB,CAAC,MAAM,UAAU,CAAC,eAAe,uBAAuB,OAAO,UAAU;AAE7G,IAAO,+BAAQ;",
|
|
6
|
-
"names": []
|
|
7
|
-
}
|
|
@@ -1,61 +0,0 @@
|
|
|
1
|
-
import * as React from "react";
|
|
2
|
-
import { v4 as uuidv4 } from "uuid";
|
|
3
|
-
import { useMemo, useRef, useState } from "react";
|
|
4
|
-
import { orderBy } from "lodash";
|
|
5
|
-
import { mergeInstance, registerHotKeysHookToInstance, registerStateHookToInstance } from "./utils.js";
|
|
6
|
-
const defaultDecorators = {
|
|
7
|
-
instance: [],
|
|
8
|
-
state: [],
|
|
9
|
-
hotKeys: [],
|
|
10
|
-
renderers: [],
|
|
11
|
-
composeData: []
|
|
12
|
-
};
|
|
13
|
-
function createDataInstanceRef({ uuid: uuidProp, data, renderers, plugins, customDecorators, ...props }) {
|
|
14
|
-
const instance = useRef();
|
|
15
|
-
const [uuid] = useState(uuidProp || (() => uuidv4()));
|
|
16
|
-
instance.current = {
|
|
17
|
-
uuid,
|
|
18
|
-
state: {},
|
|
19
|
-
actions: {},
|
|
20
|
-
hotKeys: {},
|
|
21
|
-
// keyboard hotkeys to run specific actions
|
|
22
|
-
originalData: data,
|
|
23
|
-
records: [],
|
|
24
|
-
// item abstraction with meta data for originalData
|
|
25
|
-
renderers,
|
|
26
|
-
ref(key) {
|
|
27
|
-
return (node) => instance.current.refs[key] = node;
|
|
28
|
-
},
|
|
29
|
-
getInstance() {
|
|
30
|
-
return instance.current;
|
|
31
|
-
},
|
|
32
|
-
props
|
|
33
|
-
};
|
|
34
|
-
const decorators = useMemo(() => {
|
|
35
|
-
let nextDecorators = { ...defaultDecorators, ...customDecorators };
|
|
36
|
-
plugins.forEach((plugin) => {
|
|
37
|
-
if (!plugin)
|
|
38
|
-
return;
|
|
39
|
-
nextDecorators = plugin(nextDecorators);
|
|
40
|
-
});
|
|
41
|
-
Object.keys(nextDecorators).forEach((key) => {
|
|
42
|
-
if (Array.isArray(nextDecorators[key]))
|
|
43
|
-
nextDecorators[key] = orderBy(nextDecorators[key], (item) => item.order);
|
|
44
|
-
});
|
|
45
|
-
return nextDecorators;
|
|
46
|
-
}, []);
|
|
47
|
-
instance.current = decorators.instance.reduce(mergeInstance, instance.current);
|
|
48
|
-
instance.current = decorators.state.reduce(registerStateHookToInstance, instance.current);
|
|
49
|
-
instance.current = decorators.hotKeys.reduce(registerHotKeysHookToInstance, instance.current);
|
|
50
|
-
instance.current.renderers = decorators.renderers.reduce(
|
|
51
|
-
(result, decorator) => decorator(result, instance.current),
|
|
52
|
-
renderers
|
|
53
|
-
);
|
|
54
|
-
return { instance, decorators };
|
|
55
|
-
}
|
|
56
|
-
var createInstanceRef_default = createDataInstanceRef;
|
|
57
|
-
export {
|
|
58
|
-
createDataInstanceRef,
|
|
59
|
-
createInstanceRef_default as default
|
|
60
|
-
};
|
|
61
|
-
//# sourceMappingURL=createInstanceRef.js.map
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../src/createDataInstance/createInstanceRef.tsx"],
|
|
4
|
-
"sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { v4 as uuidv4 } from 'uuid';\nimport { useMemo, useRef, useState } from 'react';\nimport { orderBy } from 'lodash';\nimport { mergeInstance, registerHotKeysHookToInstance, registerStateHookToInstance } from './utils.js';\n\nconst defaultDecorators = {\n instance: [],\n state: [],\n hotKeys: [],\n renderers: [],\n composeData: [],\n};\n\nfunction createDataInstanceRef({ uuid: uuidProp, data, renderers, plugins, customDecorators, ...props }) {\n // eslint-disable-next-line react-hooks/rules-of-hooks\n const instance = useRef();\n // eslint-disable-next-line react-hooks/rules-of-hooks\n const [uuid] = useState(uuidProp || (() => uuidv4()));\n\n instance.current = {\n uuid,\n state: {},\n actions: {},\n hotKeys: {}, // keyboard hotkeys to run specific actions\n originalData: data,\n records: [], // item abstraction with meta data for originalData\n renderers,\n ref(key) {\n // eslint-disable-next-line no-return-assign\n return (node) => (instance.current.refs[key] = node);\n },\n getInstance() {\n return instance.current;\n },\n props,\n };\n\n // eslint-disable-next-line react-hooks/rules-of-hooks\n const decorators = useMemo(() => {\n let nextDecorators = { ...defaultDecorators, ...customDecorators };\n\n plugins.forEach((plugin) => {\n if (!plugin) return;\n nextDecorators = plugin(nextDecorators);\n });\n\n Object.keys(nextDecorators).forEach((key) => {\n if (Array.isArray(nextDecorators[key])) nextDecorators[key] = orderBy(nextDecorators[key], (item) => item.order);\n });\n\n return nextDecorators;\n }, []); // the plugins are defined on creation, but not changed at runtime\n\n // todo: test if getting the hooks without registering them\n // here would be beneficial to memoize instance and squeeze performance\n instance.current = decorators.instance.reduce(mergeInstance, instance.current);\n instance.current = decorators.state.reduce(registerStateHookToInstance, instance.current);\n instance.current = decorators.hotKeys.reduce(registerHotKeysHookToInstance, instance.current);\n instance.current.renderers = decorators.renderers.reduce(\n (result, decorator) => decorator(result, instance.current),\n renderers,\n );\n\n return { instance, decorators };\n}\n\nexport { createDataInstanceRef };\nexport default createDataInstanceRef;\n"],
|
|
5
|
-
"mappings": "AAAA,YAAY,WAAW;ACAvB,SAAS,MAAM,cAAc;AAC7B,SAAS,SAAS,QAAQ,gBAAgB;AAC1C,SAAS,eAAe;AACxB,SAAS,eAAe,+BAA+B,mCAAmC;AAE1F,MAAM,oBAAoB;AAAA,EACxB,UAAU,CAAC;AAAA,EACX,OAAO,CAAC;AAAA,EACR,SAAS,CAAC;AAAA,EACV,WAAW,CAAC;AAAA,EACZ,aAAa,CAAC;AAChB;AAEA,SAAS,sBAAsB,EAAE,MAAM,UAAU,MAAM,WAAW,SAAS,kBAAkB,GAAG,MAAM,GAAG;AAEvG,QAAM,WAAW,OAAO;AAExB,QAAM,CAAC,IAAI,IAAI,SAAS,aAAa,MAAM,OAAO,EAAE;AAEpD,WAAS,UAAU;AAAA,IACjB;AAAA,IACA,OAAO,CAAC;AAAA,IACR,SAAS,CAAC;AAAA,IACV,SAAS,CAAC;AAAA;AAAA,IACV,cAAc;AAAA,IACd,SAAS,CAAC;AAAA;AAAA,IACV;AAAA,IACA,IAAI,KAAK;AAEP,aAAO,CAAC,SAAU,SAAS,QAAQ,KAAK,GAAG,IAAI;AAAA,IACjD;AAAA,IACA,cAAc;AACZ,aAAO,SAAS;AAAA,IAClB;AAAA,IACA;AAAA,EACF;AAGA,QAAM,aAAa,QAAQ,MAAM;AAC/B,QAAI,iBAAiB,EAAE,GAAG,mBAAmB,GAAG,iBAAiB;AAEjE,YAAQ,QAAQ,CAAC,WAAW;AAC1B,UAAI,CAAC;AAAQ;AACb,uBAAiB,OAAO,cAAc;AAAA,IACxC,CAAC;AAED,WAAO,KAAK,cAAc,EAAE,QAAQ,CAAC,QAAQ;AAC3C,UAAI,MAAM,QAAQ,eAAe,GAAG,CAAC;AAAG,uBAAe,GAAG,IAAI,QAAQ,eAAe,GAAG,GAAG,CAAC,SAAS,KAAK,KAAK;AAAA,IACjH,CAAC;AAED,WAAO;AAAA,EACT,GAAG,CAAC,CAAC;AAIL,WAAS,UAAU,WAAW,SAAS,OAAO,eAAe,SAAS,OAAO;AAC7E,WAAS,UAAU,WAAW,MAAM,OAAO,6BAA6B,SAAS,OAAO;AACxF,WAAS,UAAU,WAAW,QAAQ,OAAO,+BAA+B,SAAS,OAAO;AAC5F,WAAS,QAAQ,YAAY,WAAW,UAAU;AAAA,IAChD,CAAC,QAAQ,cAAc,UAAU,QAAQ,SAAS,OAAO;AAAA,IACzD;AAAA,EACF;AAEA,SAAO,EAAE,UAAU,WAAW;AAChC;AAGA,IAAO,4BAAQ;",
|
|
6
|
-
"names": []
|
|
7
|
-
}
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../src/createDataInstance/index.tsx"],
|
|
4
|
-
"sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export * from './createInstancePlugin.js';\nexport * from './createInstanceRef.js';\nexport * from './utils.js';\n"],
|
|
5
|
-
"mappings": "AAAA,YAAY,WAAW;ACAvB,cAAc;AACd,cAAc;AACd,cAAc;",
|
|
6
|
-
"names": []
|
|
7
|
-
}
|