@elliemae/ds-shared 3.5.0-rc.9 → 3.6.0-next.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/Animations/BaseAnimation.js +5 -4
- package/dist/cjs/Animations/BaseAnimation.js.map +2 -2
- package/dist/cjs/Animations/Grow.js +5 -4
- package/dist/cjs/Animations/Grow.js.map +2 -2
- package/dist/cjs/Animations/GrowRight.js +5 -4
- package/dist/cjs/Animations/GrowRight.js.map +2 -2
- package/dist/cjs/Animations/GrowVertical.js +5 -4
- package/dist/cjs/Animations/GrowVertical.js.map +2 -2
- package/dist/cjs/FocusGroup/FocusGrid.js +5 -3
- package/dist/cjs/FocusGroup/FocusGrid.js.map +1 -1
- package/dist/cjs/FocusGroup/FocusGroupManager.js +6 -4
- package/dist/cjs/FocusGroup/FocusGroupManager.js.map +2 -2
- package/dist/cjs/FocusGroup/focusGroupManagerHoc.js +8 -7
- package/dist/cjs/FocusGroup/focusGroupManagerHoc.js.map +2 -2
- package/dist/cjs/GroupContext/Group.js +6 -4
- package/dist/cjs/GroupContext/Group.js.map +2 -2
- package/dist/cjs/GroupContext/GroupItem.js +4 -2
- package/dist/cjs/GroupContext/GroupItem.js.map +2 -2
- package/dist/cjs/ScrollSync/ScrollSync.js +5 -3
- package/dist/cjs/ScrollSync/ScrollSync.js.map +1 -1
- package/dist/cjs/ScrollSync/ScrollSyncPane.js +8 -5
- package/dist/cjs/ScrollSync/ScrollSyncPane.js.map +2 -2
- package/dist/cjs/ScrollSync/ScrollSyncProvider.js +4 -1
- package/dist/cjs/ScrollSync/ScrollSyncProvider.js.map +1 -1
- package/dist/cjs/defer-render-hoc/index.js +3 -2
- package/dist/cjs/defer-render-hoc/index.js.map +2 -2
- package/dist/cjs/toolbar/ToolbarProvider.js +25 -18
- package/dist/cjs/toolbar/ToolbarProvider.js.map +1 -1
- package/dist/cjs/useDataGrid/initColumnDefinition.js +9 -7
- package/dist/cjs/useDataGrid/initColumnDefinition.js.map +2 -2
- package/dist/cjs/virtualization/AutoHeightList.js +3 -2
- package/dist/cjs/virtualization/AutoHeightList.js.map +2 -2
- package/dist/cjs/virtualization/FluidHeightList.js +10 -8
- package/dist/cjs/virtualization/FluidHeightList.js.map +2 -2
- package/dist/esm/Animations/BaseAnimation.js +5 -4
- package/dist/esm/Animations/BaseAnimation.js.map +2 -2
- package/dist/esm/Animations/Grow.js +5 -4
- package/dist/esm/Animations/Grow.js.map +2 -2
- package/dist/esm/Animations/GrowRight.js +5 -4
- package/dist/esm/Animations/GrowRight.js.map +2 -2
- package/dist/esm/Animations/GrowVertical.js +5 -4
- package/dist/esm/Animations/GrowVertical.js.map +2 -2
- package/dist/esm/FocusGroup/FocusGrid.js +5 -3
- package/dist/esm/FocusGroup/FocusGrid.js.map +1 -1
- package/dist/esm/FocusGroup/FocusGroupManager.js +6 -4
- package/dist/esm/FocusGroup/FocusGroupManager.js.map +2 -2
- package/dist/esm/FocusGroup/focusGroupManagerHoc.js +8 -7
- package/dist/esm/FocusGroup/focusGroupManagerHoc.js.map +2 -2
- package/dist/esm/GroupContext/Group.js +6 -4
- package/dist/esm/GroupContext/Group.js.map +2 -2
- package/dist/esm/GroupContext/GroupItem.js +4 -2
- package/dist/esm/GroupContext/GroupItem.js.map +2 -2
- package/dist/esm/ScrollSync/ScrollSync.js +5 -3
- package/dist/esm/ScrollSync/ScrollSync.js.map +1 -1
- package/dist/esm/ScrollSync/ScrollSyncPane.js +8 -5
- package/dist/esm/ScrollSync/ScrollSyncPane.js.map +2 -2
- package/dist/esm/ScrollSync/ScrollSyncProvider.js +4 -1
- package/dist/esm/ScrollSync/ScrollSyncProvider.js.map +1 -1
- package/dist/esm/defer-render-hoc/index.js +3 -2
- package/dist/esm/defer-render-hoc/index.js.map +2 -2
- package/dist/esm/toolbar/ToolbarProvider.js +25 -18
- package/dist/esm/toolbar/ToolbarProvider.js.map +1 -1
- package/dist/esm/useDataGrid/initColumnDefinition.js +9 -7
- package/dist/esm/useDataGrid/initColumnDefinition.js.map +2 -2
- package/dist/esm/virtualization/AutoHeightList.js +3 -2
- package/dist/esm/virtualization/AutoHeightList.js.map +2 -2
- package/dist/esm/virtualization/FluidHeightList.js +10 -8
- package/dist/esm/virtualization/FluidHeightList.js.map +2 -2
- package/package.json +3 -3
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
import * as React from "react";
|
|
2
|
+
import { jsx } from "react/jsx-runtime";
|
|
2
3
|
import React2, { Component } from "react";
|
|
3
4
|
const ScrollSyncContext = React2.createContext();
|
|
4
5
|
const { Provider } = ScrollSyncContext;
|
|
@@ -83,9 +84,10 @@ class ScrollSync extends Component {
|
|
|
83
84
|
}
|
|
84
85
|
render() {
|
|
85
86
|
const { children } = this.props;
|
|
86
|
-
return /* @__PURE__ */
|
|
87
|
-
value: this.syncContext
|
|
88
|
-
|
|
87
|
+
return /* @__PURE__ */ jsx(Provider, {
|
|
88
|
+
value: this.syncContext,
|
|
89
|
+
children: React2.Children.only(children)
|
|
90
|
+
});
|
|
89
91
|
}
|
|
90
92
|
}
|
|
91
93
|
ScrollSync.defaultProps = {
|
|
@@ -2,6 +2,6 @@
|
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/ScrollSync/ScrollSync.tsx"],
|
|
4
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": "AAAA,YAAY,WAAW;ACAvB,OAAOA,UAAS,iBAAiB;AAEjC,MAAM,oBAAoBA,OAAM,cAAc;AAE9C,MAAM,EAAE,SAAS,IAAI;AAErB,MAAM,mBAAmB,UAAU;AAAA,EAUjC,YAAY,OAAO;AACjB,UAAM,KAAK;AAVb,iBAAQ,CAAC;AAmBT,wBAAe,CAAC,MAAM,WAAW;AAC/B,aAAO,QAAQ,CAAC,UAAU;AACxB,YAAI,CAAC,KAAK,MAAM,QAAQ;AACtB,eAAK,MAAM,SAAS,CAAC;AAAA,QACvB;AAEA,YAAI,KAAK,MAAM,OAAO,SAAS,GAAG;AAChC,eAAK,mBAAmB,KAAK,MAAM,OAAO,IAAI,IAAI;AAAA,QACpD;AACA,aAAK,MAAM,OAAO,KAAK,IAAI;AAAA,MAC7B,CAAC;AACD,WAAK,UAAU,MAAM,MAAM;AAAA,IAC7B;AAEA,0BAAiB,CAAC,MAAM,WAAW;AACjC,aAAO,QAAQ,CAAC,UAAU;AACxB,YAAI,KAAK,SAAS,MAAM,KAAK,GAAG;AAC9B,eAAK,aAAa,IAAI;AACtB,eAAK,MAAM,OAAO,OAAO,KAAK,MAAM,OAAO,QAAQ,IAAI,GAAG,CAAC;AAAA,QAC7D;AAAA,MACF,CAAC;AAAA,IACH;AAEA,qBAAY,CAAC,MAAM,WAAW;AAE5B,WAAK,WAAW,KAAK,iBAAiB,KAAK,MAAM,MAAM,MAAM;AAAA,IAC/D;AAEA,wBAAe,CAAC,SAAS;AAEvB,WAAK,WAAW;AAAA,IAClB;AAEA,oBAAW,CAAC,MAAM,UAAU;AAC1B,UAAI,CAAC,KAAK,MAAM,QAAQ;AACtB,eAAO;AAAA,MACT;AAEA,aAAO,KAAK,MAAM,OAAO,KAAK,CAAC,SAAS,SAAS,IAAI;AAAA,IACvD;AAEA,4BAAmB,CAAC,MAAM,QAAQ,MAAM;AACtC,YAAM,EAAE,QAAQ,IAAI,KAAK;AACzB,UAAI,KAAK,MAAM;AAAU,aAAK,MAAM,SAAS,CAAC;AAE9C,UAAI,CAAC;AAAS;AAEd,aAAO,sBAAsB,MAAM;AACjC,aAAK,oBAAoB,MAAM,MAAM;AAAA,MACvC,CAAC;AAAA,IACH;AAEA,+BAAsB,CAAC,cAAc,WAAW;AAC9C,aAAO,QAAQ,CAAC,UAAU;AACxB,aAAK,MAAM,OAAO,QAAQ,CAAC,SAAS;AAElC,cAAI,iBAAiB,MAAM;AAEzB,iBAAK,aAAa,MAAM,KAAK;AAC7B,iBAAK,mBAAmB,cAAc,IAAI;AAE1C,mBAAO,sBAAsB,MAAM;AACjC,mBAAK,UAAU,MAAM,MAAM;AAAA,YAC7B,CAAC;AAAA,UACH;AAAA,QACF,CAAC;AAAA,MACH,CAAC;AAAA,IACH;AA3EE,SAAK,cAAc;AAAA,MACjB,cAAc,KAAK;AAAA,MACnB,gBAAgB,KAAK;AAAA,IACvB;AAEA,SAAK,qBAAqB,KAAK,mBAAmB,KAAK,IAAI;AAAA,EAC7D;AAAA,EAuEA,mBAAmB,cAAc,MAAM;AACrC,UAAM,EAAE,WAAW,cAAc,cAAc,YAAY,aAAa,YAAY,IAAI;AAExF,UAAM,kBAAkB,eAAe;AACvC,UAAM,mBAAmB,cAAc;AAEvC,UAAM,EAAE,cAAc,UAAU,WAAW,IAAI,KAAK;AAGpD,UAAM,aAAa,KAAK,eAAe;AACvC,UAAM,YAAY,KAAK,cAAc;AAErC,QAAI,YAAY,kBAAkB,GAAG;AACnC,WAAK,YAAY,eAAgB,aAAa,YAAa,kBAAkB;AAAA,IAC/E;AACA,QAAI,cAAc,mBAAmB,GAAG;AACtC,WAAK,aAAa,eAAgB,YAAY,aAAc,mBAAmB;AAAA,IACjF;AAAA,EACF;AAAA,EAEA,SAAS;AACP,UAAM,EAAE,SAAS,IAAI,KAAK;AAC1B,WAAO,
|
|
5
|
+
"mappings": "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",
|
|
6
6
|
"names": ["React"]
|
|
7
7
|
}
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
import * as React from "react";
|
|
2
|
-
import
|
|
2
|
+
import { jsx } from "react/jsx-runtime";
|
|
3
|
+
import { Component } from "react";
|
|
3
4
|
import { ScrollSyncContext } from "./ScrollSync";
|
|
4
5
|
class ScrollSyncPane extends Component {
|
|
5
6
|
constructor() {
|
|
@@ -34,10 +35,12 @@ ScrollSyncPane.defaultProps = {
|
|
|
34
35
|
group: "default",
|
|
35
36
|
enabled: true
|
|
36
37
|
};
|
|
37
|
-
const ScrollSyncPaneHOC = (props) => /* @__PURE__ */
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
38
|
+
const ScrollSyncPaneHOC = (props) => /* @__PURE__ */ jsx(ScrollSyncContext.Consumer, {
|
|
39
|
+
children: (context) => /* @__PURE__ */ jsx(ScrollSyncPane, {
|
|
40
|
+
...props,
|
|
41
|
+
syncContext: context
|
|
42
|
+
})
|
|
43
|
+
});
|
|
41
44
|
var ScrollSyncPane_default = ScrollSyncPaneHOC;
|
|
42
45
|
export {
|
|
43
46
|
ScrollSyncPaneHOC,
|
|
@@ -2,6 +2,6 @@
|
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/ScrollSync/ScrollSyncPane.tsx"],
|
|
4
4
|
"sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* 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"],
|
|
5
|
-
"mappings": "AAAA,YAAY,WAAW;
|
|
6
|
-
"names": [
|
|
5
|
+
"mappings": "AAAA,YAAY,WAAW;ACAvB;AACA,SAAgB,iBAAiB;AACjC,SAAS,yBAAyB;AAYlC,MAAM,uBAAuB,UAAU;AAAA,EAAvC;AAAA;AAaE,mBAAU,YAAU,CAAC,EAAE,OAAO,MAAM;AAAA;AAAA,EAPpC,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,UAAQ;AACpB,YAAI,cAAc;AAChB,gBAAM,kBAAkB,KAAK;AAAA,YAC3B;AAAA,UACF;AACA,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;AAjCM,eACG,eAAe;AAAA,EACpB,OAAO;AAAA,EACP,SAAS;AACX;AA+BK,MAAM,oBAAoB,WAC/B,oBAAC,kBAAkB,UAAlB;AAAA,EACE,uBAAW,oBAAC;AAAA,IAAgB,GAAG;AAAA,IAAO,aAAa;AAAA,GAAS;AAAA,CAC/D;AAGF,IAAO,yBAAQ;",
|
|
6
|
+
"names": []
|
|
7
7
|
}
|
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
import * as React from "react";
|
|
2
|
+
import { jsx } from "react/jsx-runtime";
|
|
2
3
|
import React2 from "react";
|
|
3
4
|
import raf from "raf";
|
|
4
5
|
const ScrollSyncContext = React2.createContext();
|
|
@@ -73,7 +74,9 @@ function ScrollSyncProvider({ enabled, horizontal, vertical, children }) {
|
|
|
73
74
|
pane.scrollLeft = proportional ? paneWidth * scrollLeft / scrollLeftOffset : scrollLeft;
|
|
74
75
|
}
|
|
75
76
|
});
|
|
76
|
-
return /* @__PURE__ */
|
|
77
|
+
return /* @__PURE__ */ jsx(Provider, {
|
|
78
|
+
children
|
|
79
|
+
});
|
|
77
80
|
}
|
|
78
81
|
ScrollSyncProvider.propTypes = {};
|
|
79
82
|
ScrollSyncProvider.defaultProps = {};
|
|
@@ -2,6 +2,6 @@
|
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/ScrollSync/ScrollSyncProvider.tsx"],
|
|
4
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\nfunction 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": "AAAA,YAAY,WAAW;ACAvB,OAAOA,YAAW;AAClB,OAAO,SAAS;AAGhB,MAAM,oBAAoBA,OAAM,cAAc;AAE9C,MAAM,EAAE,SAAS,IAAI;AAErB,SAAS,mBAAmB,EAAE,SAAS,YAAY,UAAU,SAAS,GAAG;AACvE,QAAM,QAAQ,OAAO;AAErB,QAAM,eAAe,CAAC,MAAM,WAAW;AACrC,WAAO,QAAQ,CAAC,UAAU;AACxB,UAAI,CAAC,KAAK,MAAM,QAAQ;AACtB,aAAK,MAAM,SAAS,CAAC;AAAA,MACvB;AAEA,UAAI,CAAC,KAAK,SAAS,MAAM,KAAK,GAAG;AAC/B,YAAI,KAAK,MAAM,OAAO,SAAS,GAAG;AAChC,eAAK,mBAAmB,KAAK,MAAM,OAAO,IAAI,IAAI;AAAA,QACpD;AACA,aAAK,MAAM,OAAO,KAAK,IAAI;AAAA,MAC7B;AAAA,IACF,CAAC;AACD,SAAK,UAAU,MAAM,MAAM;AAAA,EAC7B;AACA,QAAM,iBAAiB,CAAC,MAAM,WAAW;AACvC,WAAO,QAAQ,CAAC,UAAU;AACxB,UAAI,KAAK,SAAS,MAAM,KAAK,GAAG;AAC9B,aAAK,aAAa,IAAI;AACtB,aAAK,MAAM,OAAO,OAAO,KAAK,MAAM,OAAO,QAAQ,IAAI,GAAG,CAAC;AAAA,MAC7D;AAAA,IACF,CAAC;AAAA,EACH;AACA,QAAM,YAAY,CAAC,MAAM,WAAW;AAElC,SAAK,WAAW,KAAK,iBAAiB,KAAK,MAAM,MAAM,MAAM;AAAA,EAC/D;AACA,QAAM,eAAe,CAAC,SAAS;AAE7B,SAAK,WAAW;AAAA,EAClB;AACA,QAAM,WAAW,CAAC,MAAM,UAAU;AAChC,QAAI,CAAC,KAAK,MAAM,QAAQ;AACtB,aAAO;AAAA,IACT;AAEA,WAAO,KAAK,MAAM,OAAO,KAAK,CAAC,SAAS,SAAS,IAAI;AAAA,EACvD;AACA,QAAM,mBAAmB,CAAC,MAAM,WAAW;AACzC,QAAI,CAAC;AAAS;AAEd,WAAO,sBAAsB,MAAM;AACjC,WAAK,oBAAoB,MAAM,MAAM;AAAA,IACvC,CAAC;AAAA,EACH;AACA,QAAM,sBAAsB,CAAC,cAAc,WAAW;AACpD,WAAO,QAAQ,CAAC,UAAU;AACxB,WAAK,MAAM,OAAO,QAAQ,CAAC,SAAS;AAElC,YAAI,iBAAiB,MAAM;AAEzB,eAAK,aAAa,MAAM,KAAK;AAC7B,eAAK,mBAAmB,cAAc,IAAI;AAE1C,iBAAO,sBAAsB,MAAM;AACjC,iBAAK,UAAU,MAAM,MAAM;AAAA,UAC7B,CAAC;AAAA,QACH;AAAA,MACF,CAAC;AAAA,IACH,CAAC;AAAA,EACH;AACA,QAAM,qBAAqB,IAAI,CAAC,cAAc,SAAS;AACrD,UAAM,EAAE,WAAW,cAAc,cAAc,YAAY,aAAa,YAAY,IAAI;AAExF,UAAM,kBAAkB,eAAe;AACvC,UAAM,mBAAmB,cAAc;AAEvC,UAAM,EAAE,cAAc,UAAAC,WAAU,YAAAC,YAAW,IAAI,KAAK;AAGpD,UAAM,aAAa,KAAK,eAAe;AACvC,UAAM,YAAY,KAAK,cAAc;AAErC,QAAID,aAAY,kBAAkB,GAAG;AACnC,WAAK,YAAY,eAAgB,aAAa,YAAa,kBAAkB;AAAA,IAC/E;AACA,QAAIC,eAAc,mBAAmB,GAAG;AACtC,WAAK,aAAa,eAAgB,YAAY,aAAc,mBAAmB;AAAA,IACjF;AAAA,EACF,CAAC;AAED,SAAO,
|
|
5
|
+
"mappings": "AAAA,YAAY,WAAW;ACAvB;AAAA,OAAOA,YAAW;AAClB,OAAO,SAAS;AAGhB,MAAM,oBAAoBA,OAAM,cAAc;AAE9C,MAAM,EAAE,SAAS,IAAI;AAErB,SAAS,mBAAmB,EAAE,SAAS,YAAY,UAAU,SAAS,GAAG;AACvE,QAAM,QAAQ,OAAO;AAErB,QAAM,eAAe,CAAC,MAAM,WAAW;AACrC,WAAO,QAAQ,CAAC,UAAU;AACxB,UAAI,CAAC,KAAK,MAAM,QAAQ;AACtB,aAAK,MAAM,SAAS,CAAC;AAAA,MACvB;AAEA,UAAI,CAAC,KAAK,SAAS,MAAM,KAAK,GAAG;AAC/B,YAAI,KAAK,MAAM,OAAO,SAAS,GAAG;AAChC,eAAK,mBAAmB,KAAK,MAAM,OAAO,IAAI,IAAI;AAAA,QACpD;AACA,aAAK,MAAM,OAAO,KAAK,IAAI;AAAA,MAC7B;AAAA,IACF,CAAC;AACD,SAAK,UAAU,MAAM,MAAM;AAAA,EAC7B;AACA,QAAM,iBAAiB,CAAC,MAAM,WAAW;AACvC,WAAO,QAAQ,CAAC,UAAU;AACxB,UAAI,KAAK,SAAS,MAAM,KAAK,GAAG;AAC9B,aAAK,aAAa,IAAI;AACtB,aAAK,MAAM,OAAO,OAAO,KAAK,MAAM,OAAO,QAAQ,IAAI,GAAG,CAAC;AAAA,MAC7D;AAAA,IACF,CAAC;AAAA,EACH;AACA,QAAM,YAAY,CAAC,MAAM,WAAW;AAElC,SAAK,WAAW,KAAK,iBAAiB,KAAK,MAAM,MAAM,MAAM;AAAA,EAC/D;AACA,QAAM,eAAe,CAAC,SAAS;AAE7B,SAAK,WAAW;AAAA,EAClB;AACA,QAAM,WAAW,CAAC,MAAM,UAAU;AAChC,QAAI,CAAC,KAAK,MAAM,QAAQ;AACtB,aAAO;AAAA,IACT;AAEA,WAAO,KAAK,MAAM,OAAO,KAAK,CAAC,SAAS,SAAS,IAAI;AAAA,EACvD;AACA,QAAM,mBAAmB,CAAC,MAAM,WAAW;AACzC,QAAI,CAAC;AAAS;AAEd,WAAO,sBAAsB,MAAM;AACjC,WAAK,oBAAoB,MAAM,MAAM;AAAA,IACvC,CAAC;AAAA,EACH;AACA,QAAM,sBAAsB,CAAC,cAAc,WAAW;AACpD,WAAO,QAAQ,CAAC,UAAU;AACxB,WAAK,MAAM,OAAO,QAAQ,CAAC,SAAS;AAElC,YAAI,iBAAiB,MAAM;AAEzB,eAAK,aAAa,MAAM,KAAK;AAC7B,eAAK,mBAAmB,cAAc,IAAI;AAE1C,iBAAO,sBAAsB,MAAM;AACjC,iBAAK,UAAU,MAAM,MAAM;AAAA,UAC7B,CAAC;AAAA,QACH;AAAA,MACF,CAAC;AAAA,IACH,CAAC;AAAA,EACH;AACA,QAAM,qBAAqB,IAAI,CAAC,cAAc,SAAS;AACrD,UAAM,EAAE,WAAW,cAAc,cAAc,YAAY,aAAa,YAAY,IAAI;AAExF,UAAM,kBAAkB,eAAe;AACvC,UAAM,mBAAmB,cAAc;AAEvC,UAAM,EAAE,cAAc,UAAAC,WAAU,YAAAC,YAAW,IAAI,KAAK;AAGpD,UAAM,aAAa,KAAK,eAAe;AACvC,UAAM,YAAY,KAAK,cAAc;AAErC,QAAID,aAAY,kBAAkB,GAAG;AACnC,WAAK,YAAY,eAAgB,aAAa,YAAa,kBAAkB;AAAA,IAC/E;AACA,QAAIC,eAAc,mBAAmB,GAAG;AACtC,WAAK,aAAa,eAAgB,YAAY,aAAc,mBAAmB;AAAA,IACjF;AAAA,EACF,CAAC;AAED,SAAO,oBAAC;AAAA,IAAU;AAAA,GAAS;AAC7B;AAEA,mBAAmB,YAAY,CAAC;AAChC,mBAAmB,eAAe,CAAC;AAEnC,IAAO,6BAAQ;",
|
|
6
6
|
"names": ["React", "vertical", "horizontal"]
|
|
7
7
|
}
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
import * as React from "react";
|
|
2
|
-
import
|
|
2
|
+
import { jsx } from "react/jsx-runtime";
|
|
3
|
+
import { PureComponent } from "react";
|
|
3
4
|
import raf from "raf";
|
|
4
5
|
import hoistNonReactStatic from "hoist-non-react-statics";
|
|
5
6
|
const deferComponentRender = (WrappedComponent, fallback) => {
|
|
@@ -12,7 +13,7 @@ const deferComponentRender = (WrappedComponent, fallback) => {
|
|
|
12
13
|
raf(() => raf(() => this.setState({ shouldRender: true })));
|
|
13
14
|
}
|
|
14
15
|
render() {
|
|
15
|
-
return this.state.shouldRender ? /* @__PURE__ */
|
|
16
|
+
return this.state.shouldRender ? /* @__PURE__ */ jsx(WrappedComponent, {
|
|
16
17
|
...this.props
|
|
17
18
|
}) : fallback;
|
|
18
19
|
}
|
|
@@ -2,6 +2,6 @@
|
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/defer-render-hoc/index.tsx"],
|
|
4
4
|
"sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React, { PureComponent } from 'react';\nimport raf from 'raf';\nimport hoistNonReactStatic from 'hoist-non-react-statics';\n\n/**\n * Allows two animation frames to complete to allow other components to update\n * and re-render before mounting and rendering an expensive `WrappedComponent`.\n *\n * @param WrappedComponent\n * @param fallback\n */\nexport const deferComponentRender = (WrappedComponent, fallback) => {\n class DeferredRenderWrapper extends PureComponent {\n state = { shouldRender: false };\n\n componentDidMount() {\n raf(() => raf(() => this.setState({ shouldRender: true })));\n }\n\n render() {\n // eslint-disable-next-line react/destructuring-assignment\n return this.state.shouldRender ? (\n <WrappedComponent {...this.props} />\n ) : (\n fallback\n );\n }\n }\n\n return hoistNonReactStatic(DeferredRenderWrapper, WrappedComponent);\n};\n\nexport default deferComponentRender;\n"],
|
|
5
|
-
"mappings": "AAAA,YAAY,WAAW;ACAvB,
|
|
6
|
-
"names": [
|
|
5
|
+
"mappings": "AAAA,YAAY,WAAW;ACAvB;AAAA,SAAgB,qBAAqB;AACrC,OAAO,SAAS;AAChB,OAAO,yBAAyB;AASzB,MAAM,uBAAuB,CAAC,kBAAkB,aAAa;AAClE,QAAM,8BAA8B,cAAc;AAAA,IAAlD;AAAA;AACE,mBAAQ,EAAE,cAAc,MAAM;AAAA;AAAA,IAE9B,oBAAoB;AAClB,UAAI,MAAM,IAAI,MAAM,KAAK,SAAS,EAAE,cAAc,KAAK,CAAC,CAAC,CAAC;AAAA,IAC5D;AAAA,IAEA,SAAS;AAEP,aAAO,KAAK,MAAM,eAChB,oBAAC;AAAA,QAAkB,GAAG,KAAK;AAAA,OAAO,IAElC;AAAA,IAEJ;AAAA,EACF;AAEA,SAAO,oBAAoB,uBAAuB,gBAAgB;AACpE;AAEA,IAAO,2BAAQ;",
|
|
6
|
+
"names": []
|
|
7
7
|
}
|
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
import * as React from "react";
|
|
2
|
+
import { jsx, jsxs } from "react/jsx-runtime";
|
|
2
3
|
import React2, { useMemo, useRef, useState, useEffect, memo } from "react";
|
|
3
4
|
import { DSPopover } from "@elliemae/ds-popover";
|
|
4
5
|
import { useOnClickOutside } from "@elliemae/ds-utilities";
|
|
@@ -63,24 +64,30 @@ const ToolbarProvider = memo(({ delay = 200, children, onHide = noop, onShow = n
|
|
|
63
64
|
}),
|
|
64
65
|
[tooltipState.reference]
|
|
65
66
|
);
|
|
66
|
-
return /* @__PURE__ */
|
|
67
|
-
value
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
67
|
+
return /* @__PURE__ */ jsxs(Provider, {
|
|
68
|
+
value,
|
|
69
|
+
children: [
|
|
70
|
+
children,
|
|
71
|
+
/* @__PURE__ */ jsx(DSPopover, {
|
|
72
|
+
boundaries: "scrollParent",
|
|
73
|
+
...tooltipState.options || {},
|
|
74
|
+
content: tooltipState.renderer,
|
|
75
|
+
placement: "left",
|
|
76
|
+
referenceEl: tooltipState.reference,
|
|
77
|
+
renderer: ({ as: Component, style, children: Content }) => /* @__PURE__ */ jsx("div", {
|
|
78
|
+
ref: toolbarRef,
|
|
79
|
+
onMouseEnter: (e) => show(tooltipState, e),
|
|
80
|
+
onMouseLeave: hide,
|
|
81
|
+
children: /* @__PURE__ */ jsx(Component, {
|
|
82
|
+
style,
|
|
83
|
+
children: Content
|
|
84
|
+
})
|
|
85
|
+
}),
|
|
86
|
+
style: tooltipState.style,
|
|
87
|
+
visible: tooltipState.visible
|
|
88
|
+
})
|
|
89
|
+
]
|
|
90
|
+
});
|
|
84
91
|
});
|
|
85
92
|
var ToolbarProvider_default = ToolbarProvider;
|
|
86
93
|
export {
|
|
@@ -2,6 +2,6 @@
|
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/toolbar/ToolbarProvider.tsx"],
|
|
4
4
|
"sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React, { useMemo, useRef, useState, useEffect, memo } from 'react';\nimport { DSPopover } from '@elliemae/ds-popover';\nimport { useOnClickOutside } from '@elliemae/ds-utilities';\n\nexport const ToolbarContext = React.createContext();\n\nconst { Provider } = ToolbarContext;\n\nconst useScrollListener = (callback, dependencies) => {\n useEffect(() => {\n window.addEventListener('scroll', callback, true);\n return () => {\n window.removeEventListener('scroll', callback, true);\n };\n }, [dependencies]);\n};\n\nconst noop = () => null;\nconst ToolbarProvider = memo(({ delay = 200, children, onHide = noop, onShow = noop }) => {\n const showTimer = useRef();\n const hideTimer = useRef();\n const toolbarRef = useRef();\n const [tooltipState, setTooltipState] = useState({});\n\n const show = (state) => {\n if (state.reference === tooltipState.reference) clearTimeout(hideTimer.current);\n showTimer.current = setTimeout(\n () =>\n setTooltipState({\n ...state,\n visible: true,\n }),\n delay,\n );\n onShow();\n };\n\n const hide = (e, force) => {\n if (!force) clearTimeout(showTimer.current);\n hideTimer.current = setTimeout(\n () =>\n setTooltipState((prevState) => ({\n ...prevState,\n visible: false,\n })),\n 100,\n );\n onHide(tooltipState, e);\n };\n\n useScrollListener((e) => hide(e, true), tooltipState.visible);\n useOnClickOutside(toolbarRef, () => hide());\n\n const keyDownHandler = (e) => {\n if (e.key === 'Escape') {\n hide(e);\n }\n };\n\n useEffect(() => {\n window.addEventListener('keydown', keyDownHandler);\n return () => {\n window.removeEventListener('keydown', keyDownHandler);\n };\n });\n\n const value = useMemo(\n () => ({\n state: tooltipState,\n show,\n hide,\n }),\n [tooltipState.reference],\n );\n\n return (\n <Provider value={value}>\n {children}\n <DSPopover\n boundaries=\"scrollParent\"\n {...(tooltipState.options || {})}\n content={tooltipState.renderer}\n placement=\"left\"\n referenceEl={tooltipState.reference}\n renderer={({ as: Component, style, children: Content }) => (\n <div ref={toolbarRef} onMouseEnter={(e) => show(tooltipState, e)} onMouseLeave={hide}>\n <Component style={style}>{Content}</Component>\n </div>\n )}\n style={tooltipState.style}\n visible={tooltipState.visible}\n />\n </Provider>\n );\n});\n\nexport { ToolbarProvider };\nexport default ToolbarProvider;\n"],
|
|
5
|
-
"mappings": "AAAA,YAAY,WAAW;ACAvB,OAAOA,UAAS,SAAS,QAAQ,UAAU,WAAW,YAAY;AAClE,SAAS,iBAAiB;AAC1B,SAAS,yBAAyB;AAE3B,MAAM,iBAAiBA,OAAM,cAAc;AAElD,MAAM,EAAE,SAAS,IAAI;AAErB,MAAM,oBAAoB,CAAC,UAAU,iBAAiB;AACpD,YAAU,MAAM;AACd,WAAO,iBAAiB,UAAU,UAAU,IAAI;AAChD,WAAO,MAAM;AACX,aAAO,oBAAoB,UAAU,UAAU,IAAI;AAAA,IACrD;AAAA,EACF,GAAG,CAAC,YAAY,CAAC;AACnB;AAEA,MAAM,OAAO,MAAM;AACnB,MAAM,kBAAkB,KAAK,CAAC,EAAE,QAAQ,KAAK,UAAU,SAAS,MAAM,SAAS,KAAK,MAAM;AACxF,QAAM,YAAY,OAAO;AACzB,QAAM,YAAY,OAAO;AACzB,QAAM,aAAa,OAAO;AAC1B,QAAM,CAAC,cAAc,eAAe,IAAI,SAAS,CAAC,CAAC;AAEnD,QAAM,OAAO,CAAC,UAAU;AACtB,QAAI,MAAM,cAAc,aAAa;AAAW,mBAAa,UAAU,OAAO;AAC9E,cAAU,UAAU;AAAA,MAClB,MACE,gBAAgB;AAAA,QACd,GAAG;AAAA,QACH,SAAS;AAAA,MACX,CAAC;AAAA,MACH;AAAA,IACF;AACA,WAAO;AAAA,EACT;AAEA,QAAM,OAAO,CAAC,GAAG,UAAU;AACzB,QAAI,CAAC;AAAO,mBAAa,UAAU,OAAO;AAC1C,cAAU,UAAU;AAAA,MAClB,MACE,gBAAgB,CAAC,eAAe;AAAA,QAC9B,GAAG;AAAA,QACH,SAAS;AAAA,MACX,EAAE;AAAA,MACJ;AAAA,IACF;AACA,WAAO,cAAc,CAAC;AAAA,EACxB;AAEA,oBAAkB,CAAC,MAAM,KAAK,GAAG,IAAI,GAAG,aAAa,OAAO;AAC5D,oBAAkB,YAAY,MAAM,KAAK,CAAC;AAE1C,QAAM,iBAAiB,CAAC,MAAM;AAC5B,QAAI,EAAE,QAAQ,UAAU;AACtB,WAAK,CAAC;AAAA,IACR;AAAA,EACF;AAEA,YAAU,MAAM;AACd,WAAO,iBAAiB,WAAW,cAAc;AACjD,WAAO,MAAM;AACX,aAAO,oBAAoB,WAAW,cAAc;AAAA,IACtD;AAAA,EACF,CAAC;AAED,QAAM,QAAQ;AAAA,IACZ,OAAO;AAAA,MACL,OAAO;AAAA,MACP;AAAA,MACA;AAAA,IACF;AAAA,IACA,CAAC,aAAa,SAAS;AAAA,EACzB;AAEA,SACE,
|
|
5
|
+
"mappings": "AAAA,YAAY,WAAW;ACAvB;AAAA,OAAOA,UAAS,SAAS,QAAQ,UAAU,WAAW,YAAY;AAClE,SAAS,iBAAiB;AAC1B,SAAS,yBAAyB;AAE3B,MAAM,iBAAiBA,OAAM,cAAc;AAElD,MAAM,EAAE,SAAS,IAAI;AAErB,MAAM,oBAAoB,CAAC,UAAU,iBAAiB;AACpD,YAAU,MAAM;AACd,WAAO,iBAAiB,UAAU,UAAU,IAAI;AAChD,WAAO,MAAM;AACX,aAAO,oBAAoB,UAAU,UAAU,IAAI;AAAA,IACrD;AAAA,EACF,GAAG,CAAC,YAAY,CAAC;AACnB;AAEA,MAAM,OAAO,MAAM;AACnB,MAAM,kBAAkB,KAAK,CAAC,EAAE,QAAQ,KAAK,UAAU,SAAS,MAAM,SAAS,KAAK,MAAM;AACxF,QAAM,YAAY,OAAO;AACzB,QAAM,YAAY,OAAO;AACzB,QAAM,aAAa,OAAO;AAC1B,QAAM,CAAC,cAAc,eAAe,IAAI,SAAS,CAAC,CAAC;AAEnD,QAAM,OAAO,CAAC,UAAU;AACtB,QAAI,MAAM,cAAc,aAAa;AAAW,mBAAa,UAAU,OAAO;AAC9E,cAAU,UAAU;AAAA,MAClB,MACE,gBAAgB;AAAA,QACd,GAAG;AAAA,QACH,SAAS;AAAA,MACX,CAAC;AAAA,MACH;AAAA,IACF;AACA,WAAO;AAAA,EACT;AAEA,QAAM,OAAO,CAAC,GAAG,UAAU;AACzB,QAAI,CAAC;AAAO,mBAAa,UAAU,OAAO;AAC1C,cAAU,UAAU;AAAA,MAClB,MACE,gBAAgB,CAAC,eAAe;AAAA,QAC9B,GAAG;AAAA,QACH,SAAS;AAAA,MACX,EAAE;AAAA,MACJ;AAAA,IACF;AACA,WAAO,cAAc,CAAC;AAAA,EACxB;AAEA,oBAAkB,CAAC,MAAM,KAAK,GAAG,IAAI,GAAG,aAAa,OAAO;AAC5D,oBAAkB,YAAY,MAAM,KAAK,CAAC;AAE1C,QAAM,iBAAiB,CAAC,MAAM;AAC5B,QAAI,EAAE,QAAQ,UAAU;AACtB,WAAK,CAAC;AAAA,IACR;AAAA,EACF;AAEA,YAAU,MAAM;AACd,WAAO,iBAAiB,WAAW,cAAc;AACjD,WAAO,MAAM;AACX,aAAO,oBAAoB,WAAW,cAAc;AAAA,IACtD;AAAA,EACF,CAAC;AAED,QAAM,QAAQ;AAAA,IACZ,OAAO;AAAA,MACL,OAAO;AAAA,MACP;AAAA,MACA;AAAA,IACF;AAAA,IACA,CAAC,aAAa,SAAS;AAAA,EACzB;AAEA,SACE,qBAAC;AAAA,IAAS;AAAA,IACP;AAAA;AAAA,MACD,oBAAC;AAAA,QACC,YAAW;AAAA,QACV,GAAI,aAAa,WAAW,CAAC;AAAA,QAC9B,SAAS,aAAa;AAAA,QACtB,WAAU;AAAA,QACV,aAAa,aAAa;AAAA,QAC1B,UAAU,CAAC,EAAE,IAAI,WAAW,OAAO,UAAU,QAAQ,MACnD,oBAAC;AAAA,UAAI,KAAK;AAAA,UAAY,cAAc,CAAC,MAAM,KAAK,cAAc,CAAC;AAAA,UAAG,cAAc;AAAA,UAC9E,8BAAC;AAAA,YAAU;AAAA,YAAe;AAAA,WAAQ;AAAA,SACpC;AAAA,QAEF,OAAO,aAAa;AAAA,QACpB,SAAS,aAAa;AAAA,OACxB;AAAA;AAAA,GACF;AAEJ,CAAC;AAGD,IAAO,0BAAQ;",
|
|
6
6
|
"names": ["React"]
|
|
7
7
|
}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import * as React from "react";
|
|
2
|
-
import
|
|
2
|
+
import { jsx } from "react/jsx-runtime";
|
|
3
3
|
import { v4 as uuidv4 } from "uuid";
|
|
4
4
|
import {
|
|
5
5
|
get,
|
|
@@ -81,9 +81,10 @@ const initColumnDefinition = (options = {}) => {
|
|
|
81
81
|
}
|
|
82
82
|
};
|
|
83
83
|
if (useTextTruncation && !(isFunction(column.customHeaderRenderer) || column.header.formatters.length)) {
|
|
84
|
-
column.header.formatters.push((value) => /* @__PURE__ */
|
|
85
|
-
className: "cell-value"
|
|
86
|
-
|
|
84
|
+
column.header.formatters.push((value) => /* @__PURE__ */ jsx("span", {
|
|
85
|
+
className: "cell-value",
|
|
86
|
+
children: value
|
|
87
|
+
}));
|
|
87
88
|
}
|
|
88
89
|
column.cell = {
|
|
89
90
|
...column.cell,
|
|
@@ -95,12 +96,13 @@ const initColumnDefinition = (options = {}) => {
|
|
|
95
96
|
}
|
|
96
97
|
};
|
|
97
98
|
if (useTextTruncation && !(isFunction(column.customRenderer) || column.cell.formatters.length)) {
|
|
98
|
-
column.cell.formatters.push((value) => /* @__PURE__ */
|
|
99
|
+
column.cell.formatters.push((value) => /* @__PURE__ */ jsx("span", {
|
|
99
100
|
className: "cell-value",
|
|
100
101
|
style: {
|
|
101
102
|
justifyContent: column.type === "number" ? "flex-end" : "flex-start"
|
|
102
|
-
}
|
|
103
|
-
|
|
103
|
+
},
|
|
104
|
+
children: value
|
|
105
|
+
}));
|
|
104
106
|
}
|
|
105
107
|
column.uuid = column.uuid || uuidv4();
|
|
106
108
|
column.visible = column.visible === void 0 ? visible : column.visible;
|
|
@@ -2,6 +2,6 @@
|
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/useDataGrid/initColumnDefinition.tsx"],
|
|
4
4
|
"sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable max-lines */\n/* eslint-disable react/display-name */\nimport React from 'react';\nimport { v4 as uuidv4 } from 'uuid';\nimport {\n get,\n curry,\n set,\n cloneDeep,\n isFunction,\n} from '@elliemae/ds-utilities';\n\n// TODO: use lenses to access nested fields\n\nexport const appendHeaderFormatter = curry((formatter, column) => ({\n ...column,\n header: {\n ...column.header,\n formatters: [...get(column, 'header.formatters', []), formatter],\n },\n}));\n\nexport const appendCellFormatter = curry(\n (formatter, column, path = 'formatters') => {\n const nextColumn = cloneDeep(column);\n const formatters = get(nextColumn, ['cell', path], []);\n const scrollingFormatters = get(nextColumn, 'cell.scrollingFormatters', []);\n if (Array.isArray(formatter)) {\n if (formatter[1]) scrollingFormatters.push(formatter[1]);\n formatters.push(formatter[0]);\n } else {\n formatters.push(formatter);\n scrollingFormatters.push(formatter);\n }\n set(nextColumn, ['cell', path], formatters);\n set(nextColumn, 'cell.scrollingFormatters', scrollingFormatters);\n return nextColumn;\n },\n);\n\nconst defaultColumnDefinitionOptions = {\n normalize: false,\n useTextTruncation: true,\n isUserColumn: true,\n visible: true,\n};\n\nexport const mergeClassNameToColumnHeader = curry((className, column) => {\n const headerProps = get(column, ['header', 'props'], {});\n const headerClassName = headerProps.className || '';\n return {\n ...column,\n header: {\n ...column.header,\n props: {\n ...headerProps,\n className: `${headerClassName} ${className}`,\n },\n },\n };\n});\n\nexport const initColumnDefinition = (options = {}) => {\n // eslint-disable-next-line complexity\n return (column) => {\n // todo: clean this\n if (column.type === 'number') {\n // eslint-disable-next-line no-param-reassign\n column.cellStyle = {\n textAlign: 'right',\n };\n }\n const { useTextTruncation = true, isUserColumn, visible, normalize } = {\n ...defaultColumnDefinitionOptions,\n ...options,\n };\n\n if (normalize) {\n // eslint-disable-next-line no-param-reassign\n column.originalProperty = column.property;\n // eslint-disable-next-line no-param-reassign\n column.property = column.property.replace(/\\s+/g, '');\n }\n\n // eslint-disable-next-line no-param-reassign\n column.props = {\n ...column.props,\n style: {},\n };\n // eslint-disable-next-line no-param-reassign\n column.header = {\n ...column.header,\n label: column.label,\n formatters: [...get(column, ['header', 'formatters'], [])],\n props: {\n style: column.headerStyle || {},\n },\n };\n if (\n useTextTruncation &&\n !(\n isFunction(column.customHeaderRenderer) ||\n column.header.formatters.length\n )\n ) {\n column.header.formatters.push((value) => (\n <span className=\"cell-value\">{value}</span>\n ));\n }\n\n // eslint-disable-next-line no-param-reassign\n column.cell = {\n ...column.cell,\n transforms: [],\n formatters: [...get(column, ['cell', 'formatters'], [])],\n scrollingFormatters: [...get(column, ['cell', 'formatters'], [])],\n props: {\n style: column.cellStyle || {},\n },\n };\n\n if (\n useTextTruncation &&\n !(isFunction(column.customRenderer) || column.cell.formatters.length)\n ) {\n column.cell.formatters.push((value) => (\n <span\n className=\"cell-value\"\n style={{\n justifyContent:\n column.type === 'number' ? 'flex-end' : 'flex-start',\n }}\n >\n {value}\n </span>\n ));\n }\n // eslint-disable-next-line no-param-reassign\n column.uuid = column.uuid || uuidv4();\n // eslint-disable-next-line no-param-reassign\n column.visible = column.visible === undefined ? visible : column.visible;\n // eslint-disable-next-line no-param-reassign, max-lines\n column.isUserColumn = column.isUserColumn || isUserColumn;\n // eslint-disable-next-line no-param-reassign\n column.headerHookEffects = [];\n return column;\n };\n};\n\nexport default initColumnDefinition;\n"],
|
|
5
|
-
"mappings": "AAAA,YAAY,WAAW;
|
|
6
|
-
"names": [
|
|
5
|
+
"mappings": "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",
|
|
6
|
+
"names": []
|
|
7
7
|
}
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
import * as React from "react";
|
|
2
|
-
import
|
|
2
|
+
import { jsx } from "react/jsx-runtime";
|
|
3
|
+
import { forwardRef, useRef } from "react";
|
|
3
4
|
import { FixedSizeList as List } from "react-window";
|
|
4
5
|
import { cx, useWindowScrollerList, mergeRefs } from "@elliemae/ds-utilities";
|
|
5
6
|
const AutoHeightList = forwardRef(
|
|
@@ -20,7 +21,7 @@ const AutoHeightList = forwardRef(
|
|
|
20
21
|
listInstance: listRef,
|
|
21
22
|
outerListRef
|
|
22
23
|
});
|
|
23
|
-
return /* @__PURE__ */
|
|
24
|
+
return /* @__PURE__ */ jsx(ListComponent, {
|
|
24
25
|
...otherProps,
|
|
25
26
|
ref: mergeRefs(ref, listRef),
|
|
26
27
|
className: cx(className, "window-scroller-override"),
|
|
@@ -2,6 +2,6 @@
|
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/virtualization/AutoHeightList.tsx"],
|
|
4
4
|
"sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React, { forwardRef, useRef } from 'react';\nimport { FixedSizeList as List } from 'react-window';\nimport { cx, useWindowScrollerList, mergeRefs } from '@elliemae/ds-utilities';\n\nexport const AutoHeightList = forwardRef(\n (\n {\n itemCount,\n className,\n innerRef,\n itemData,\n itemKey,\n itemSize,\n outerRef,\n component: ListComponent = List,\n ...otherProps\n },\n ref,\n ) => {\n const listRef = useRef();\n const outerListRef = useRef();\n\n useWindowScrollerList({\n listInstance: listRef,\n outerListRef,\n });\n\n return (\n <ListComponent\n {...otherProps}\n ref={mergeRefs(ref, listRef)}\n className={cx(className, 'window-scroller-override')}\n height={window.innerHeight}\n innerRef={innerRef}\n itemCount={itemCount}\n itemData={itemData}\n itemKey={itemKey}\n itemSize={itemSize}\n outerRef={mergeRefs(outerListRef, outerRef)}\n overscanCount={10}\n useIsScrolling\n />\n );\n },\n);\n"],
|
|
5
|
-
"mappings": "AAAA,YAAY,WAAW;ACAvB,
|
|
6
|
-
"names": [
|
|
5
|
+
"mappings": "AAAA,YAAY,WAAW;ACAvB;AAAA,SAAgB,YAAY,cAAc;AAC1C,SAAS,iBAAiB,YAAY;AACtC,SAAS,IAAI,uBAAuB,iBAAiB;AAE9C,MAAM,iBAAiB;AAAA,EAC5B,CACE;AAAA,IACE;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,WAAW,gBAAgB;AAAA,OACxB;AAAA,EACL,GACA,QACG;AACH,UAAM,UAAU,OAAO;AACvB,UAAM,eAAe,OAAO;AAE5B,0BAAsB;AAAA,MACpB,cAAc;AAAA,MACd;AAAA,IACF,CAAC;AAED,WACE,oBAAC;AAAA,MACE,GAAG;AAAA,MACJ,KAAK,UAAU,KAAK,OAAO;AAAA,MAC3B,WAAW,GAAG,WAAW,0BAA0B;AAAA,MACnD,QAAQ,OAAO;AAAA,MACf;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,UAAU,UAAU,cAAc,QAAQ;AAAA,MAC1C,eAAe;AAAA,MACf,gBAAc;AAAA,KAChB;AAAA,EAEJ;AACF;",
|
|
6
|
+
"names": []
|
|
7
7
|
}
|
|
@@ -1,14 +1,16 @@
|
|
|
1
1
|
import * as React from "react";
|
|
2
|
-
import
|
|
2
|
+
import { jsx } from "react/jsx-runtime";
|
|
3
|
+
import { forwardRef } from "react";
|
|
3
4
|
import AutoSizer from "react-virtualized-auto-sizer";
|
|
4
5
|
const FluidHeightList = forwardRef(
|
|
5
|
-
({ component: Component, ...props }, ref) => /* @__PURE__ */
|
|
6
|
-
disableWidth: true
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
6
|
+
({ component: Component, ...props }, ref) => /* @__PURE__ */ jsx(AutoSizer, {
|
|
7
|
+
disableWidth: true,
|
|
8
|
+
children: ({ height: fluidHeight }) => /* @__PURE__ */ jsx(Component, {
|
|
9
|
+
...props,
|
|
10
|
+
ref,
|
|
11
|
+
height: fluidHeight - 32
|
|
12
|
+
})
|
|
13
|
+
})
|
|
12
14
|
);
|
|
13
15
|
export {
|
|
14
16
|
FluidHeightList
|
|
@@ -2,6 +2,6 @@
|
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/virtualization/FluidHeightList.tsx"],
|
|
4
4
|
"sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React, { forwardRef } from 'react';\nimport AutoSizer from 'react-virtualized-auto-sizer';\n\nexport const FluidHeightList = forwardRef(\n ({ component: Component, ...props }, ref) => (\n <AutoSizer disableWidth>\n {({ height: fluidHeight }) => (\n <Component\n {...props}\n ref={ref}\n height={fluidHeight - 32} // taking in count the margins of the list\n />\n )}\n </AutoSizer>\n ),\n);\n"],
|
|
5
|
-
"mappings": "AAAA,YAAY,WAAW;ACAvB,
|
|
6
|
-
"names": [
|
|
5
|
+
"mappings": "AAAA,YAAY,WAAW;ACAvB;AAAA,SAAgB,kBAAkB;AAClC,OAAO,eAAe;AAEf,MAAM,kBAAkB;AAAA,EAC7B,CAAC,EAAE,WAAW,cAAc,MAAM,GAAG,QACnC,oBAAC;AAAA,IAAU,cAAY;AAAA,IACpB,WAAC,EAAE,QAAQ,YAAY,MACtB,oBAAC;AAAA,MACE,GAAG;AAAA,MACJ;AAAA,MACA,QAAQ,cAAc;AAAA,KACxB;AAAA,GAEJ;AAEJ;",
|
|
6
|
+
"names": []
|
|
7
7
|
}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@elliemae/ds-shared",
|
|
3
|
-
"version": "3.
|
|
3
|
+
"version": "3.6.0-next.0",
|
|
4
4
|
"license": "MIT",
|
|
5
5
|
"description": "ICE MT - Dimsum - Shared components and utilities",
|
|
6
6
|
"files": [
|
|
@@ -215,8 +215,8 @@
|
|
|
215
215
|
"typeSafety": false
|
|
216
216
|
},
|
|
217
217
|
"dependencies": {
|
|
218
|
-
"@elliemae/ds-popover": "3.
|
|
219
|
-
"@elliemae/ds-utilities": "3.
|
|
218
|
+
"@elliemae/ds-popover": "3.6.0-next.0",
|
|
219
|
+
"@elliemae/ds-utilities": "3.6.0-next.0",
|
|
220
220
|
"hoist-non-react-statics": "~3.3.2",
|
|
221
221
|
"hotkeys-js": "~3.9.3",
|
|
222
222
|
"prop-types": "~15.8.1",
|