@elliemae/ds-shared 3.12.0-rc.2 → 3.12.0-rc.3
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 +13 -10
- package/dist/cjs/Animations/BaseAnimation.js.map +1 -1
- package/dist/cjs/Animations/Grow.js +13 -10
- package/dist/cjs/Animations/Grow.js.map +1 -1
- package/dist/cjs/Animations/GrowRight.js +22 -19
- package/dist/cjs/Animations/GrowRight.js.map +1 -1
- package/dist/cjs/Animations/GrowVertical.js +21 -18
- package/dist/cjs/Animations/GrowVertical.js.map +1 -1
- package/dist/cjs/FocusGroup/FocusGrid.js +1 -4
- package/dist/cjs/FocusGroup/FocusGrid.js.map +1 -1
- package/dist/cjs/FocusGroup/FocusGroupManager.js +1 -4
- package/dist/cjs/FocusGroup/FocusGroupManager.js.map +1 -1
- package/dist/cjs/FocusGroup/focusGroupManagerHoc.js +10 -10
- package/dist/cjs/FocusGroup/focusGroupManagerHoc.js.map +1 -1
- package/dist/cjs/GroupContext/Group.js +1 -4
- package/dist/cjs/GroupContext/Group.js.map +1 -1
- package/dist/cjs/GroupContext/GroupItem.js +1 -3
- package/dist/cjs/GroupContext/GroupItem.js.map +1 -1
- package/dist/cjs/ScrollSync/ScrollSync.js +1 -4
- package/dist/cjs/ScrollSync/ScrollSync.js.map +1 -1
- package/dist/cjs/ScrollSync/ScrollSyncPane.js +1 -6
- package/dist/cjs/ScrollSync/ScrollSyncPane.js.map +1 -1
- package/dist/cjs/ScrollSync/ScrollSyncProvider.js +1 -3
- package/dist/cjs/ScrollSync/ScrollSyncProvider.js.map +1 -1
- package/dist/cjs/defer-render-hoc/index.js +1 -3
- package/dist/cjs/defer-render-hoc/index.js.map +1 -1
- package/dist/cjs/toolbar/ToolbarProvider.js +9 -17
- package/dist/cjs/toolbar/ToolbarProvider.js.map +1 -1
- package/dist/cjs/useDataGrid/initColumnDefinition.js +11 -11
- package/dist/cjs/useDataGrid/initColumnDefinition.js.map +1 -1
- package/dist/cjs/virtualization/AutoHeightList.js +17 -14
- package/dist/cjs/virtualization/AutoHeightList.js.map +1 -1
- package/dist/cjs/virtualization/FluidHeightList.js +5 -5
- package/dist/cjs/virtualization/FluidHeightList.js.map +1 -1
- package/dist/esm/Animations/BaseAnimation.js +13 -10
- package/dist/esm/Animations/BaseAnimation.js.map +1 -1
- package/dist/esm/Animations/Grow.js +13 -10
- package/dist/esm/Animations/Grow.js.map +1 -1
- package/dist/esm/Animations/GrowRight.js +22 -19
- package/dist/esm/Animations/GrowRight.js.map +1 -1
- package/dist/esm/Animations/GrowVertical.js +21 -18
- package/dist/esm/Animations/GrowVertical.js.map +1 -1
- package/dist/esm/FocusGroup/FocusGrid.js +1 -4
- package/dist/esm/FocusGroup/FocusGrid.js.map +1 -1
- package/dist/esm/FocusGroup/FocusGroupManager.js +1 -4
- package/dist/esm/FocusGroup/FocusGroupManager.js.map +1 -1
- package/dist/esm/FocusGroup/focusGroupManagerHoc.js +10 -10
- package/dist/esm/FocusGroup/focusGroupManagerHoc.js.map +1 -1
- package/dist/esm/GroupContext/Group.js +1 -4
- package/dist/esm/GroupContext/Group.js.map +1 -1
- package/dist/esm/GroupContext/GroupItem.js +1 -3
- package/dist/esm/GroupContext/GroupItem.js.map +1 -1
- package/dist/esm/ScrollSync/ScrollSync.js +1 -4
- package/dist/esm/ScrollSync/ScrollSync.js.map +1 -1
- package/dist/esm/ScrollSync/ScrollSyncPane.js +1 -6
- package/dist/esm/ScrollSync/ScrollSyncPane.js.map +1 -1
- package/dist/esm/ScrollSync/ScrollSyncProvider.js +1 -3
- package/dist/esm/ScrollSync/ScrollSyncProvider.js.map +1 -1
- package/dist/esm/defer-render-hoc/index.js +1 -3
- package/dist/esm/defer-render-hoc/index.js.map +1 -1
- package/dist/esm/toolbar/ToolbarProvider.js +9 -17
- package/dist/esm/toolbar/ToolbarProvider.js.map +1 -1
- package/dist/esm/useDataGrid/initColumnDefinition.js +11 -11
- package/dist/esm/useDataGrid/initColumnDefinition.js.map +1 -1
- package/dist/esm/virtualization/AutoHeightList.js +17 -14
- package/dist/esm/virtualization/AutoHeightList.js.map +1 -1
- package/dist/esm/virtualization/FluidHeightList.js +5 -5
- package/dist/esm/virtualization/FluidHeightList.js.map +1 -1
- package/package.json +3 -3
|
@@ -74,9 +74,7 @@ function ScrollSyncProvider({ enabled, horizontal, vertical, children }) {
|
|
|
74
74
|
pane.scrollLeft = proportional ? paneWidth * scrollLeft / scrollLeftOffset : scrollLeft;
|
|
75
75
|
}
|
|
76
76
|
});
|
|
77
|
-
return /* @__PURE__ */ jsx(Provider, {
|
|
78
|
-
children
|
|
79
|
-
});
|
|
77
|
+
return /* @__PURE__ */ jsx(Provider, { children });
|
|
80
78
|
}
|
|
81
79
|
ScrollSyncProvider.propTypes = {};
|
|
82
80
|
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;AC4Fd;AA5FT,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
|
|
5
|
+
"mappings": "AAAA,YAAY,WAAW;AC4Fd;AA5FT,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,YAAU,UAAS;AAC7B;AAEA,mBAAmB,YAAY,CAAC;AAChC,mBAAmB,eAAe,CAAC;AAEnC,IAAO,6BAAQ;",
|
|
6
6
|
"names": ["React", "vertical", "horizontal"]
|
|
7
7
|
}
|
|
@@ -13,9 +13,7 @@ const deferComponentRender = (WrappedComponent, fallback) => {
|
|
|
13
13
|
raf(() => raf(() => this.setState({ shouldRender: true })));
|
|
14
14
|
}
|
|
15
15
|
render() {
|
|
16
|
-
return this.state.shouldRender ? /* @__PURE__ */ jsx(WrappedComponent, {
|
|
17
|
-
...this.props
|
|
18
|
-
}) : fallback;
|
|
16
|
+
return this.state.shouldRender ? /* @__PURE__ */ jsx(WrappedComponent, { ...this.props }) : fallback;
|
|
19
17
|
}
|
|
20
18
|
}
|
|
21
19
|
return hoistNonReactStatic(DeferredRenderWrapper, WrappedComponent);
|
|
@@ -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;ACsBf;AAtBR,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
|
|
5
|
+
"mappings": "AAAA,YAAY,WAAW;ACsBf;AAtBR,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,oBAAkB,GAAG,KAAK,OAAO,IAElC;AAAA,IAEJ;AAAA,EACF;AAEA,SAAO,oBAAoB,uBAAuB,gBAAgB;AACpE;AAEA,IAAO,2BAAQ;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
|
@@ -64,30 +64,22 @@ const ToolbarProvider = memo(({ delay = 200, children, onHide = noop, onShow = n
|
|
|
64
64
|
}),
|
|
65
65
|
[tooltipState.reference]
|
|
66
66
|
);
|
|
67
|
-
return /* @__PURE__ */ jsxs(Provider, {
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
67
|
+
return /* @__PURE__ */ jsxs(Provider, { value, children: [
|
|
68
|
+
children,
|
|
69
|
+
/* @__PURE__ */ jsx(
|
|
70
|
+
DSPopover,
|
|
71
|
+
{
|
|
72
72
|
boundaries: "scrollParent",
|
|
73
73
|
...tooltipState.options || {},
|
|
74
74
|
content: tooltipState.renderer,
|
|
75
75
|
placement: "left",
|
|
76
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
|
-
}),
|
|
77
|
+
renderer: ({ as: Component, style, children: Content }) => /* @__PURE__ */ jsx("div", { ref: toolbarRef, onMouseEnter: (e) => show(tooltipState, e), onMouseLeave: hide, children: /* @__PURE__ */ jsx(Component, { style, children: Content }) }),
|
|
86
78
|
style: tooltipState.style,
|
|
87
79
|
visible: tooltipState.visible
|
|
88
|
-
}
|
|
89
|
-
|
|
90
|
-
});
|
|
80
|
+
}
|
|
81
|
+
)
|
|
82
|
+
] });
|
|
91
83
|
});
|
|
92
84
|
var ToolbarProvider_default = ToolbarProvider;
|
|
93
85
|
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;AC4EnB,SAUQ,KAVR;AA5EJ,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
|
|
5
|
+
"mappings": "AAAA,YAAY,WAAW;AC4EnB,SAUQ,KAVR;AA5EJ,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,YAAS,OACP;AAAA;AAAA,IACD;AAAA,MAAC;AAAA;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,SAAI,KAAK,YAAY,cAAc,CAAC,MAAM,KAAK,cAAc,CAAC,GAAG,cAAc,MAC9E,8BAAC,aAAU,OAAe,mBAAQ,GACpC;AAAA,QAEF,OAAO,aAAa;AAAA,QACpB,SAAS,aAAa;AAAA;AAAA,IACxB;AAAA,KACF;AAEJ,CAAC;AAGD,IAAO,0BAAQ;",
|
|
6
6
|
"names": ["React"]
|
|
7
7
|
}
|
|
@@ -81,10 +81,7 @@ 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__ */ jsx("span", {
|
|
85
|
-
className: "cell-value",
|
|
86
|
-
children: value
|
|
87
|
-
}));
|
|
84
|
+
column.header.formatters.push((value) => /* @__PURE__ */ jsx("span", { className: "cell-value", children: value }));
|
|
88
85
|
}
|
|
89
86
|
column.cell = {
|
|
90
87
|
...column.cell,
|
|
@@ -96,13 +93,16 @@ const initColumnDefinition = (options = {}) => {
|
|
|
96
93
|
}
|
|
97
94
|
};
|
|
98
95
|
if (useTextTruncation && !(isFunction(column.customRenderer) || column.cell.formatters.length)) {
|
|
99
|
-
column.cell.formatters.push((value) => /* @__PURE__ */ jsx(
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
|
|
96
|
+
column.cell.formatters.push((value) => /* @__PURE__ */ jsx(
|
|
97
|
+
"span",
|
|
98
|
+
{
|
|
99
|
+
className: "cell-value",
|
|
100
|
+
style: {
|
|
101
|
+
justifyContent: column.type === "number" ? "flex-end" : "flex-start"
|
|
102
|
+
},
|
|
103
|
+
children: value
|
|
104
|
+
}
|
|
105
|
+
));
|
|
106
106
|
}
|
|
107
107
|
column.uuid = column.uuid || uuidv4();
|
|
108
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;AC0Gf;AAvGR,SAAS,MAAM,cAAc;AAC7B;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAIA,MAAM,wBAAwB,MAAM,CAAC,WAAW,YAAY;AAAA,EACjE,GAAG;AAAA,EACH,QAAQ;AAAA,IACN,GAAG,OAAO;AAAA,IACV,YAAY,CAAC,GAAG,IAAI,QAAQ,qBAAqB,CAAC,CAAC,GAAG,SAAS;AAAA,EACjE;AACF,EAAE;AAEK,MAAM,sBAAsB;AAAA,EACjC,CAAC,WAAW,QAAQ,OAAO,iBAAiB;AAC1C,UAAM,aAAa,UAAU,MAAM;AACnC,UAAM,aAAa,IAAI,YAAY,CAAC,QAAQ,IAAI,GAAG,CAAC,CAAC;AACrD,UAAM,sBAAsB,IAAI,YAAY,4BAA4B,CAAC,CAAC;AAC1E,QAAI,MAAM,QAAQ,SAAS,GAAG;AAC5B,UAAI,UAAU;AAAI,4BAAoB,KAAK,UAAU,EAAE;AACvD,iBAAW,KAAK,UAAU,EAAE;AAAA,IAC9B,OAAO;AACL,iBAAW,KAAK,SAAS;AACzB,0BAAoB,KAAK,SAAS;AAAA,IACpC;AACA,QAAI,YAAY,CAAC,QAAQ,IAAI,GAAG,UAAU;AAC1C,QAAI,YAAY,4BAA4B,mBAAmB;AAC/D,WAAO;AAAA,EACT;AACF;AAEA,MAAM,iCAAiC;AAAA,EACrC,WAAW;AAAA,EACX,mBAAmB;AAAA,EACnB,cAAc;AAAA,EACd,SAAS;AACX;AAEO,MAAM,+BAA+B,MAAM,CAAC,WAAW,WAAW;AACvE,QAAM,cAAc,IAAI,QAAQ,CAAC,UAAU,OAAO,GAAG,CAAC,CAAC;AACvD,QAAM,kBAAkB,YAAY,aAAa;AACjD,SAAO;AAAA,IACL,GAAG;AAAA,IACH,QAAQ;AAAA,MACN,GAAG,OAAO;AAAA,MACV,OAAO;AAAA,QACL,GAAG;AAAA,QACH,WAAW,GAAG,mBAAmB;AAAA,MACnC;AAAA,IACF;AAAA,EACF;AACF,CAAC;AAEM,MAAM,uBAAuB,CAAC,UAAU,CAAC,MAAM;AAEpD,SAAO,CAAC,WAAW;AAEjB,QAAI,OAAO,SAAS,UAAU;AAE5B,aAAO,YAAY;AAAA,QACjB,WAAW;AAAA,MACb;AAAA,IACF;AACA,UAAM,EAAE,oBAAoB,MAAM,cAAc,SAAS,UAAU,IAAI;AAAA,MACrE,GAAG;AAAA,MACH,GAAG;AAAA,IACL;AAEA,QAAI,WAAW;AAEb,aAAO,mBAAmB,OAAO;AAEjC,aAAO,WAAW,OAAO,SAAS,QAAQ,QAAQ,EAAE;AAAA,IACtD;AAGA,WAAO,QAAQ;AAAA,MACb,GAAG,OAAO;AAAA,MACV,OAAO,CAAC;AAAA,IACV;AAEA,WAAO,SAAS;AAAA,MACd,GAAG,OAAO;AAAA,MACV,OAAO,OAAO;AAAA,MACd,YAAY,CAAC,GAAG,IAAI,QAAQ,CAAC,UAAU,YAAY,GAAG,CAAC,CAAC,CAAC;AAAA,MACzD,OAAO;AAAA,QACL,OAAO,OAAO,eAAe,CAAC;AAAA,MAChC;AAAA,IACF;AACA,QACE,qBACA,EACE,WAAW,OAAO,oBAAoB,KACtC,OAAO,OAAO,WAAW,SAE3B;AACA,aAAO,OAAO,WAAW,KAAK,CAAC,UAC7B,oBAAC
|
|
5
|
+
"mappings": "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",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
|
@@ -21,20 +21,23 @@ const AutoHeightList = forwardRef(
|
|
|
21
21
|
listInstance: listRef,
|
|
22
22
|
outerListRef
|
|
23
23
|
});
|
|
24
|
-
return /* @__PURE__ */ jsx(
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
24
|
+
return /* @__PURE__ */ jsx(
|
|
25
|
+
ListComponent,
|
|
26
|
+
{
|
|
27
|
+
...otherProps,
|
|
28
|
+
ref: mergeRefs(ref, listRef),
|
|
29
|
+
className: cx(className, "window-scroller-override"),
|
|
30
|
+
height: window.innerHeight,
|
|
31
|
+
innerRef,
|
|
32
|
+
itemCount,
|
|
33
|
+
itemData,
|
|
34
|
+
itemKey,
|
|
35
|
+
itemSize,
|
|
36
|
+
outerRef: mergeRefs(outerListRef, outerRef),
|
|
37
|
+
overscanCount: 10,
|
|
38
|
+
useIsScrolling: true
|
|
39
|
+
}
|
|
40
|
+
);
|
|
38
41
|
}
|
|
39
42
|
);
|
|
40
43
|
export {
|
|
@@ -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;AC4BjB;AA5BN,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,
|
|
5
|
+
"mappings": "AAAA,YAAY,WAAW;AC4BjB;AA5BN,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;AAAA,MAAC;AAAA;AAAA,QACE,GAAG;AAAA,QACJ,KAAK,UAAU,KAAK,OAAO;AAAA,QAC3B,WAAW,GAAG,WAAW,0BAA0B;AAAA,QACnD,QAAQ,OAAO;AAAA,QACf;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA,UAAU,UAAU,cAAc,QAAQ;AAAA,QAC1C,eAAe;AAAA,QACf,gBAAc;AAAA;AAAA,IAChB;AAAA,EAEJ;AACF;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
|
@@ -3,14 +3,14 @@ import { jsx } from "react/jsx-runtime";
|
|
|
3
3
|
import { forwardRef } from "react";
|
|
4
4
|
import AutoSizer from "react-virtualized-auto-sizer";
|
|
5
5
|
const FluidHeightList = forwardRef(
|
|
6
|
-
({ component: Component, ...props }, ref) => /* @__PURE__ */ jsx(AutoSizer, {
|
|
7
|
-
|
|
8
|
-
|
|
6
|
+
({ component: Component, ...props }, ref) => /* @__PURE__ */ jsx(AutoSizer, { disableWidth: true, children: ({ height: fluidHeight }) => /* @__PURE__ */ jsx(
|
|
7
|
+
Component,
|
|
8
|
+
{
|
|
9
9
|
...props,
|
|
10
10
|
ref,
|
|
11
11
|
height: fluidHeight - 32
|
|
12
|
-
}
|
|
13
|
-
})
|
|
12
|
+
}
|
|
13
|
+
) })
|
|
14
14
|
);
|
|
15
15
|
export {
|
|
16
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;ACOf;AAPR,SAAgB,kBAAkB;AAClC,OAAO,eAAe;AAEf,MAAM,kBAAkB;AAAA,EAC7B,CAAC,EAAE,WAAW,cAAc,MAAM,GAAG,QACnC,oBAAC
|
|
5
|
+
"mappings": "AAAA,YAAY,WAAW;ACOf;AAPR,SAAgB,kBAAkB;AAClC,OAAO,eAAe;AAEf,MAAM,kBAAkB;AAAA,EAC7B,CAAC,EAAE,WAAW,cAAc,MAAM,GAAG,QACnC,oBAAC,aAAU,cAAY,MACpB,WAAC,EAAE,QAAQ,YAAY,MACtB;AAAA,IAAC;AAAA;AAAA,MACE,GAAG;AAAA,MACJ;AAAA,MACA,QAAQ,cAAc;AAAA;AAAA,EACxB,GAEJ;AAEJ;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@elliemae/ds-shared",
|
|
3
|
-
"version": "3.12.0-rc.
|
|
3
|
+
"version": "3.12.0-rc.3",
|
|
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.12.0-rc.
|
|
219
|
-
"@elliemae/ds-utilities": "3.12.0-rc.
|
|
218
|
+
"@elliemae/ds-popover": "3.12.0-rc.3",
|
|
219
|
+
"@elliemae/ds-utilities": "3.12.0-rc.3",
|
|
220
220
|
"hoist-non-react-statics": "~3.3.2",
|
|
221
221
|
"hotkeys-js": "~3.10.0",
|
|
222
222
|
"prop-types": "~15.8.1",
|