@elliemae/ds-shared 3.5.0-rc.0 → 3.5.0-rc.11
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 +9 -5
- package/dist/cjs/Animations/BaseAnimation.js.map +1 -1
- package/dist/cjs/Animations/Grow.js +9 -5
- package/dist/cjs/Animations/Grow.js.map +1 -1
- package/dist/cjs/Animations/GrowRight.js +9 -5
- package/dist/cjs/Animations/GrowRight.js.map +1 -1
- package/dist/cjs/Animations/GrowVertical.js +9 -5
- package/dist/cjs/Animations/GrowVertical.js.map +1 -1
- package/dist/cjs/Animations/index.js +4 -1
- package/dist/cjs/Animations/index.js.map +1 -1
- package/dist/cjs/CheckableGroup.js +4 -1
- package/dist/cjs/CheckableGroup.js.map +2 -2
- package/dist/cjs/DeferRenderAfterComputation.js +11 -4
- package/dist/cjs/DeferRenderAfterComputation.js.map +2 -2
- package/dist/cjs/FocusGroup/FocusGrid.js +15 -7
- package/dist/cjs/FocusGroup/FocusGrid.js.map +2 -2
- package/dist/cjs/FocusGroup/FocusGroup.js +10 -3
- package/dist/cjs/FocusGroup/FocusGroup.js.map +2 -2
- package/dist/cjs/FocusGroup/FocusGroupContext.js +4 -1
- package/dist/cjs/FocusGroup/FocusGroupContext.js.map +2 -2
- package/dist/cjs/FocusGroup/FocusGroupManager.js +10 -5
- package/dist/cjs/FocusGroup/FocusGroupManager.js.map +1 -1
- package/dist/cjs/FocusGroup/focusGroupManagerHoc.js +12 -8
- package/dist/cjs/FocusGroup/focusGroupManagerHoc.js.map +1 -1
- package/dist/cjs/FocusGroup/index.js +4 -1
- package/dist/cjs/FocusGroup/index.js.map +1 -1
- package/dist/cjs/FocusGroup/useFocusGroupItem.js +4 -1
- package/dist/cjs/FocusGroup/useFocusGroupItem.js.map +1 -1
- package/dist/cjs/FocusGroup/utils/getNextCellPosition.js +4 -1
- package/dist/cjs/FocusGroup/utils/getNextCellPosition.js.map +1 -1
- package/dist/cjs/GroupContext/Group.js +10 -5
- package/dist/cjs/GroupContext/Group.js.map +2 -2
- package/dist/cjs/GroupContext/GroupContext.js +4 -1
- package/dist/cjs/GroupContext/GroupContext.js.map +2 -2
- package/dist/cjs/GroupContext/GroupItem.js +8 -3
- package/dist/cjs/GroupContext/GroupItem.js.map +1 -1
- package/dist/cjs/GroupContext/index.js +4 -1
- package/dist/cjs/GroupContext/index.js.map +1 -1
- package/dist/cjs/ScrollSync/ScrollSync.js +9 -4
- package/dist/cjs/ScrollSync/ScrollSync.js.map +2 -2
- package/dist/cjs/ScrollSync/ScrollSyncPane.js +15 -7
- package/dist/cjs/ScrollSync/ScrollSyncPane.js.map +1 -1
- package/dist/cjs/ScrollSync/ScrollSyncProvider.js +8 -2
- package/dist/cjs/ScrollSync/ScrollSyncProvider.js.map +2 -2
- package/dist/cjs/ScrollSync/index.js +4 -1
- package/dist/cjs/ScrollSync/index.js.map +1 -1
- package/dist/cjs/ScrollSync/useScrollSync.js +4 -1
- package/dist/cjs/ScrollSync/useScrollSync.js.map +1 -1
- package/dist/cjs/constants.js +4 -1
- package/dist/cjs/constants.js.map +1 -1
- package/dist/cjs/createDataInstance/createInstancePlugin.js +4 -1
- package/dist/cjs/createDataInstance/createInstancePlugin.js.map +1 -1
- package/dist/cjs/createDataInstance/createInstanceRef.js +24 -6
- package/dist/cjs/createDataInstance/createInstanceRef.js.map +2 -2
- package/dist/cjs/createDataInstance/index.js +4 -1
- package/dist/cjs/createDataInstance/index.js.map +1 -1
- package/dist/cjs/createDataInstance/utils.js +24 -6
- package/dist/cjs/createDataInstance/utils.js.map +1 -1
- package/dist/cjs/defer-render-hoc/index.js +7 -3
- package/dist/cjs/defer-render-hoc/index.js.map +2 -2
- package/dist/cjs/dimsum.config.js +4 -1
- package/dist/cjs/dimsum.config.js.map +1 -1
- package/dist/cjs/index.js +4 -1
- package/dist/cjs/index.js.map +1 -1
- package/dist/cjs/prop-types.js +4 -1
- package/dist/cjs/prop-types.js.map +1 -1
- package/dist/cjs/react-spring/index.js +4 -1
- package/dist/cjs/react-spring/index.js.map +1 -1
- package/dist/cjs/react-spring/renderprops.js +4 -1
- package/dist/cjs/react-spring/renderprops.js.map +1 -1
- package/dist/cjs/toolbar/ToolbarProvider.js +51 -32
- package/dist/cjs/toolbar/ToolbarProvider.js.map +2 -2
- package/dist/cjs/useDataGrid/VolatileRowsListener.js +4 -1
- package/dist/cjs/useDataGrid/VolatileRowsListener.js.map +1 -1
- package/dist/cjs/useDataGrid/index.js +4 -1
- package/dist/cjs/useDataGrid/index.js.map +1 -1
- package/dist/cjs/useDataGrid/initColumnDefinition.js +30 -23
- package/dist/cjs/useDataGrid/initColumnDefinition.js.map +2 -2
- package/dist/cjs/useDataGrid/useDataGrid.js +84 -40
- package/dist/cjs/useDataGrid/useDataGrid.js.map +2 -2
- package/dist/cjs/useDataList/index.js +4 -1
- package/dist/cjs/useDataList/index.js.map +1 -1
- package/dist/cjs/useDataList/recordIterator.js +4 -1
- package/dist/cjs/useDataList/recordIterator.js.map +1 -1
- package/dist/cjs/useDataList/useDataList.js +26 -6
- package/dist/cjs/useDataList/useDataList.js.map +2 -2
- package/dist/cjs/utils.js +7 -2
- package/dist/cjs/utils.js.map +1 -1
- package/dist/cjs/virtualization/AutoHeightList.js +36 -30
- package/dist/cjs/virtualization/AutoHeightList.js.map +2 -2
- package/dist/cjs/virtualization/FluidHeightList.js +16 -9
- package/dist/cjs/virtualization/FluidHeightList.js.map +2 -2
- package/dist/cjs/virtualization/index.js +4 -1
- package/dist/cjs/virtualization/index.js.map +1 -1
- package/dist/esm/Animations/BaseAnimation.js +5 -4
- package/dist/esm/Animations/BaseAnimation.js.map +1 -1
- package/dist/esm/Animations/Grow.js +5 -4
- package/dist/esm/Animations/Grow.js.map +1 -1
- package/dist/esm/Animations/GrowRight.js +5 -4
- package/dist/esm/Animations/GrowRight.js.map +1 -1
- package/dist/esm/Animations/GrowVertical.js +5 -4
- package/dist/esm/Animations/GrowVertical.js.map +1 -1
- package/dist/esm/Animations/index.js.map +1 -1
- package/dist/esm/CheckableGroup.js.map +2 -2
- package/dist/esm/DeferRenderAfterComputation.js +7 -3
- package/dist/esm/DeferRenderAfterComputation.js.map +1 -1
- package/dist/esm/FocusGroup/FocusGrid.js +11 -6
- package/dist/esm/FocusGroup/FocusGrid.js.map +2 -2
- package/dist/esm/FocusGroup/FocusGroup.js +6 -2
- package/dist/esm/FocusGroup/FocusGroup.js.map +1 -1
- package/dist/esm/FocusGroup/FocusGroupContext.js.map +2 -2
- package/dist/esm/FocusGroup/FocusGroupManager.js +6 -4
- package/dist/esm/FocusGroup/FocusGroupManager.js.map +1 -1
- package/dist/esm/FocusGroup/focusGroupManagerHoc.js +8 -7
- package/dist/esm/FocusGroup/focusGroupManagerHoc.js.map +1 -1
- package/dist/esm/FocusGroup/index.js.map +1 -1
- package/dist/esm/FocusGroup/useFocusGroupItem.js.map +1 -1
- package/dist/esm/FocusGroup/utils/getNextCellPosition.js.map +1 -1
- package/dist/esm/GroupContext/Group.js +6 -4
- package/dist/esm/GroupContext/Group.js.map +1 -1
- package/dist/esm/GroupContext/GroupContext.js.map +2 -2
- package/dist/esm/GroupContext/GroupItem.js +4 -2
- package/dist/esm/GroupContext/GroupItem.js.map +1 -1
- package/dist/esm/GroupContext/index.js.map +1 -1
- package/dist/esm/ScrollSync/ScrollSync.js +5 -3
- package/dist/esm/ScrollSync/ScrollSync.js.map +2 -2
- package/dist/esm/ScrollSync/ScrollSyncPane.js +11 -6
- package/dist/esm/ScrollSync/ScrollSyncPane.js.map +1 -1
- package/dist/esm/ScrollSync/ScrollSyncProvider.js +4 -1
- package/dist/esm/ScrollSync/ScrollSyncProvider.js.map +2 -2
- package/dist/esm/ScrollSync/index.js.map +1 -1
- package/dist/esm/ScrollSync/useScrollSync.js.map +1 -1
- package/dist/esm/constants.js.map +1 -1
- package/dist/esm/createDataInstance/createInstancePlugin.js.map +1 -1
- package/dist/esm/createDataInstance/createInstanceRef.js +20 -5
- package/dist/esm/createDataInstance/createInstanceRef.js.map +1 -1
- package/dist/esm/createDataInstance/index.js.map +1 -1
- package/dist/esm/createDataInstance/utils.js +20 -5
- package/dist/esm/createDataInstance/utils.js.map +1 -1
- package/dist/esm/defer-render-hoc/index.js +3 -2
- package/dist/esm/defer-render-hoc/index.js.map +1 -1
- package/dist/esm/dimsum.config.js.map +1 -1
- package/dist/esm/index.js.map +1 -1
- package/dist/esm/prop-types.js.map +1 -1
- package/dist/esm/react-spring/index.js.map +1 -1
- package/dist/esm/react-spring/renderprops.js.map +1 -1
- package/dist/esm/toolbar/ToolbarProvider.js +47 -31
- package/dist/esm/toolbar/ToolbarProvider.js.map +2 -2
- package/dist/esm/useDataGrid/VolatileRowsListener.js.map +1 -1
- package/dist/esm/useDataGrid/index.js.map +1 -1
- package/dist/esm/useDataGrid/initColumnDefinition.js +26 -22
- package/dist/esm/useDataGrid/initColumnDefinition.js.map +1 -1
- package/dist/esm/useDataGrid/useDataGrid.js +80 -39
- package/dist/esm/useDataGrid/useDataGrid.js.map +1 -1
- package/dist/esm/useDataList/index.js.map +1 -1
- package/dist/esm/useDataList/recordIterator.js.map +1 -1
- package/dist/esm/useDataList/useDataList.js +22 -5
- package/dist/esm/useDataList/useDataList.js.map +1 -1
- package/dist/esm/utils.js +3 -1
- package/dist/esm/utils.js.map +1 -1
- package/dist/esm/virtualization/AutoHeightList.js +32 -29
- package/dist/esm/virtualization/AutoHeightList.js.map +1 -1
- package/dist/esm/virtualization/FluidHeightList.js +12 -8
- package/dist/esm/virtualization/FluidHeightList.js.map +1 -1
- package/dist/esm/virtualization/index.js.map +1 -1
- package/package.json +3 -3
|
@@ -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;
|
|
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
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;
|
|
6
|
-
"names": []
|
|
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
|
+
"names": ["React", "vertical", "horizontal"]
|
|
7
7
|
}
|
|
@@ -2,6 +2,6 @@
|
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/ScrollSync/index.tsx"],
|
|
4
4
|
"sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export { ScrollSync } from './ScrollSync';\nexport { ScrollSyncPaneHOC as ScrollSyncPane } from './ScrollSyncPane';\nexport * from './ScrollSyncProvider';\nexport * from './useScrollSync';\n"],
|
|
5
|
-
"mappings": "AAAA;
|
|
5
|
+
"mappings": "AAAA,YAAY,WAAW;ACAvB,SAAS,kBAAkB;AAC3B,SAA8B,yBAAsB;AACpD,cAAc;AACd,cAAc;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
|
@@ -2,6 +2,6 @@
|
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/ScrollSync/useScrollSync.tsx"],
|
|
4
4
|
"sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport PropTypes from 'prop-types';\n\nconst useScrollSync = (props) => {\n return {};\n}\n\nuseScrollSync.propTypes = {};\nuseScrollSync.defaultProps = {};\n\nexport { useScrollSync };\nexport default useScrollSync;\n"],
|
|
5
|
-
"mappings": "AAAA;
|
|
5
|
+
"mappings": "AAAA,YAAY,WAAW;ACGvB,MAAM,gBAAgB,CAAC,UAAU;AAC/B,SAAO,CAAC;AACV;AAEA,cAAc,YAAY,CAAC;AAC3B,cAAc,eAAe,CAAC;AAG9B,IAAO,wBAAQ;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
|
@@ -2,6 +2,6 @@
|
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/constants.ts"],
|
|
4
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;
|
|
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
6
|
"names": []
|
|
7
7
|
}
|
|
@@ -2,6 +2,6 @@
|
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/createDataInstance/createInstancePlugin.tsx"],
|
|
4
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;
|
|
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,UAAU,GAAG;AACxC,qBAAe,aAAa,CAAC,GAAG,WAAW,YAAY,MAAM,UAAU;AAAA,IACzE,OAAO;AACL,qBAAe,aAAa,MAAM;AAAA,IACpC;AAAA,EACF,CAAC;AAED,SAAO;AACT;AAEO,MAAM,uBAAuB,CAAC,MAAM,UAAU,CAAC,eAAe,uBAAuB,OAAO,UAAU;AAE7G,IAAO,+BAAQ;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
|
@@ -49,14 +49,29 @@ function createDataInstanceRef({
|
|
|
49
49
|
});
|
|
50
50
|
Object.keys(nextDecorators).forEach((key) => {
|
|
51
51
|
if (Array.isArray(nextDecorators[key]))
|
|
52
|
-
nextDecorators[key] = orderBy(
|
|
52
|
+
nextDecorators[key] = orderBy(
|
|
53
|
+
nextDecorators[key],
|
|
54
|
+
(item) => item.order
|
|
55
|
+
);
|
|
53
56
|
});
|
|
54
57
|
return nextDecorators;
|
|
55
58
|
}, []);
|
|
56
|
-
instance.current = decorators.instance.reduce(
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
59
|
+
instance.current = decorators.instance.reduce(
|
|
60
|
+
mergeInstance,
|
|
61
|
+
instance.current
|
|
62
|
+
);
|
|
63
|
+
instance.current = decorators.state.reduce(
|
|
64
|
+
registerStateHookToInstance,
|
|
65
|
+
instance.current
|
|
66
|
+
);
|
|
67
|
+
instance.current = decorators.hotKeys.reduce(
|
|
68
|
+
registerHotKeysHookToInstance,
|
|
69
|
+
instance.current
|
|
70
|
+
);
|
|
71
|
+
instance.current.renderers = decorators.renderers.reduce(
|
|
72
|
+
(result, decorator) => decorator(result, instance.current),
|
|
73
|
+
renderers
|
|
74
|
+
);
|
|
60
75
|
return { instance, decorators };
|
|
61
76
|
}
|
|
62
77
|
var createInstanceRef_default = createDataInstanceRef;
|
|
@@ -2,6 +2,6 @@
|
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/createDataInstance/createInstanceRef.tsx"],
|
|
4
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 {\n mergeInstance,\n registerHotKeysHookToInstance,\n registerStateHookToInstance,\n} from './utils';\n\nconst defaultDecorators = {\n instance: [],\n state: [],\n hotKeys: [],\n renderers: [],\n composeData: [],\n};\n\nfunction createDataInstanceRef({\n uuid: uuidProp,\n data,\n renderers,\n plugins,\n customDecorators,\n ...props\n}) {\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]))\n nextDecorators[key] = orderBy(\n nextDecorators[key],\n (item) => item.order,\n );\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(\n mergeInstance,\n instance.current,\n );\n instance.current = decorators.state.reduce(\n registerStateHookToInstance,\n instance.current,\n );\n instance.current = decorators.hotKeys.reduce(\n registerHotKeysHookToInstance,\n instance.current,\n );\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;"],
|
|
5
|
-
"mappings": "AAAA;
|
|
5
|
+
"mappings": "AAAA,YAAY,WAAW;ACAvB,SAAS,MAAM,cAAc;AAC7B,SAAS,SAAS,QAAQ,gBAAgB;AAC1C,SAAS,eAAe;AACxB;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAEP,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;AAAA,EAC7B,MAAM;AAAA,EACN;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,KACG;AACL,GAAG;AAED,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,IACV,cAAc;AAAA,IACd,SAAS,CAAC;AAAA,IACV;AAAA,IACA,IAAI,KAAK;AAEP,aAAO,CAAC,SAAU,SAAS,QAAQ,KAAK,OAAO;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,IAAI;AACnC,uBAAe,OAAO;AAAA,UACpB,eAAe;AAAA,UACf,CAAC,SAAS,KAAK;AAAA,QACjB;AAAA,IACJ,CAAC;AAED,WAAO;AAAA,EACT,GAAG,CAAC,CAAC;AAIL,WAAS,UAAU,WAAW,SAAS;AAAA,IACrC;AAAA,IACA,SAAS;AAAA,EACX;AACA,WAAS,UAAU,WAAW,MAAM;AAAA,IAClC;AAAA,IACA,SAAS;AAAA,EACX;AACA,WAAS,UAAU,WAAW,QAAQ;AAAA,IACpC;AAAA,IACA,SAAS;AAAA,EACX;AACA,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
6
|
"names": []
|
|
7
7
|
}
|
|
@@ -2,6 +2,6 @@
|
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/createDataInstance/index.tsx"],
|
|
4
4
|
"sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export * from './createInstancePlugin';\nexport * from './createInstanceRef';\nexport * from './utils';\n"],
|
|
5
|
-
"mappings": "AAAA;
|
|
5
|
+
"mappings": "AAAA,YAAY,WAAW;ACAvB,cAAc;AACd,cAAc;AACd,cAAc;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
|
@@ -14,15 +14,30 @@ function evaluateTransforms(transforms, value, extraParams = {}, props = {}, gri
|
|
|
14
14
|
return nextProps;
|
|
15
15
|
}
|
|
16
16
|
function evaluateFormatters(formatters, value, extraParams = {}, grid) {
|
|
17
|
-
return formatters.reduce(
|
|
17
|
+
return formatters.reduce(
|
|
18
|
+
(result, formatter) => formatter(result, extraParams, grid),
|
|
19
|
+
value
|
|
20
|
+
);
|
|
18
21
|
}
|
|
19
22
|
function composeFormatters(formatters, instance, getItemValue = (record) => record.data.name) {
|
|
20
|
-
return (props) => formatters.reduce(
|
|
23
|
+
return (props) => formatters.reduce(
|
|
24
|
+
(result, formatter) => formatter(result, props, instance),
|
|
25
|
+
getItemValue(props.record)
|
|
26
|
+
);
|
|
21
27
|
}
|
|
22
|
-
const applyDecorators = (subject, decorators = [], ...args) => decorators.reduce(
|
|
28
|
+
const applyDecorators = (subject, decorators = [], ...args) => decorators.reduce(
|
|
29
|
+
(nextSubject, decorator) => decorator(nextSubject, ...args),
|
|
30
|
+
subject
|
|
31
|
+
);
|
|
23
32
|
const decorateColumns = (columns, decorators, grid) => {
|
|
24
|
-
const nextColumns = applyDecorators(
|
|
25
|
-
|
|
33
|
+
const nextColumns = applyDecorators(
|
|
34
|
+
columns,
|
|
35
|
+
decorators.decorateColumns,
|
|
36
|
+
grid
|
|
37
|
+
);
|
|
38
|
+
return nextColumns.map(
|
|
39
|
+
(column, index) => applyDecorators(column, decorators.decorateColumn, grid, index)
|
|
40
|
+
);
|
|
26
41
|
};
|
|
27
42
|
const mergeInstance = (instance, instanceHook) => ({
|
|
28
43
|
...instance,
|
|
@@ -2,6 +2,6 @@
|
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/createDataInstance/utils.tsx"],
|
|
4
4
|
"sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export const reducePropsGetter = (decorators = [], grid) => (\n props = {},\n extraParams,\n) => {\n let nextProps = props;\n decorators.forEach((decorator) => {\n nextProps = decorator(nextProps, grid, extraParams);\n });\n return nextProps;\n};\n\n/* eslint-disable-next-line max-params */\nexport function evaluateTransforms(\n transforms,\n value,\n extraParams = {},\n props = {},\n grid,\n) {\n let nextProps = props;\n transforms.forEach((transform) => {\n nextProps = transform(value, extraParams, nextProps, grid);\n });\n return nextProps;\n}\n\n/* eslint-disable-next-line max-params */\nexport function evaluateFormatters(formatters, value, extraParams = {}, grid) {\n return formatters.reduce(\n (result, formatter) => formatter(result, extraParams, grid),\n value,\n );\n}\n\nexport function composeFormatters(\n formatters,\n instance,\n getItemValue = (record) => record.data.name,\n) {\n // todo: make the formatters subscribe to the item props instead of getting the whole instance\n // todo: addd should formatter update to memoize specific ones\n return (props) =>\n formatters.reduce(\n (result, formatter) => formatter(result, props, instance),\n getItemValue(props.record),\n );\n}\n\nexport const applyDecorators = (subject, decorators = [], ...args) =>\n decorators.reduce(\n (nextSubject, decorator) => decorator(nextSubject, ...args),\n subject,\n );\n\nexport const decorateColumns = (columns, decorators, grid) => {\n const nextColumns = applyDecorators(\n columns,\n decorators.decorateColumns,\n grid,\n );\n return nextColumns.map((column, index) =>\n applyDecorators(column, decorators.decorateColumn, grid, index),\n );\n};\n\nexport const mergeInstance = (instance, instanceHook) => ({\n ...instance,\n ...instanceHook(instance),\n});\n\nexport const registerStateHookToInstance = (instance, stateHook) => {\n const { state, actions } = stateHook(instance);\n return {\n ...instance,\n state: {\n ...instance.state,\n ...state,\n },\n actions: {\n ...instance.actions,\n ...actions,\n },\n };\n};\n\nconst reduceHotKey = (\n instance,\n { key, handler, options, allowDocumentHandler },\n) => ({\n ...instance,\n hotKeys: {\n ...instance.hotKeys,\n [key]: { handler, options, allowDocumentHandler },\n },\n});\n\nexport const registerHotKeysHookToInstance = (instance, hotKeysHook) => {\n const hotKeys = hotKeysHook(instance);\n if (Array.isArray(hotKeys)) {\n return hotKeys.reduce(reduceHotKey, instance);\n }\n return reduceHotKey(instance, hotKeys);\n};\n"],
|
|
5
|
-
"mappings": "AAAA;
|
|
5
|
+
"mappings": "AAAA,YAAY,WAAW;ACAhB,MAAM,oBAAoB,CAAC,aAAa,CAAC,GAAG,SAAS,CAC1D,QAAQ,CAAC,GACT,gBACG;AACH,MAAI,YAAY;AAChB,aAAW,QAAQ,CAAC,cAAc;AAChC,gBAAY,UAAU,WAAW,MAAM,WAAW;AAAA,EACpD,CAAC;AACD,SAAO;AACT;AAGO,SAAS,mBACd,YACA,OACA,cAAc,CAAC,GACf,QAAQ,CAAC,GACT,MACA;AACA,MAAI,YAAY;AAChB,aAAW,QAAQ,CAAC,cAAc;AAChC,gBAAY,UAAU,OAAO,aAAa,WAAW,IAAI;AAAA,EAC3D,CAAC;AACD,SAAO;AACT;AAGO,SAAS,mBAAmB,YAAY,OAAO,cAAc,CAAC,GAAG,MAAM;AAC5E,SAAO,WAAW;AAAA,IAChB,CAAC,QAAQ,cAAc,UAAU,QAAQ,aAAa,IAAI;AAAA,IAC1D;AAAA,EACF;AACF;AAEO,SAAS,kBACd,YACA,UACA,eAAe,CAAC,WAAW,OAAO,KAAK,MACvC;AAGA,SAAO,CAAC,UACN,WAAW;AAAA,IACT,CAAC,QAAQ,cAAc,UAAU,QAAQ,OAAO,QAAQ;AAAA,IACxD,aAAa,MAAM,MAAM;AAAA,EAC3B;AACJ;AAEO,MAAM,kBAAkB,CAAC,SAAS,aAAa,CAAC,MAAM,SAC3D,WAAW;AAAA,EACT,CAAC,aAAa,cAAc,UAAU,aAAa,GAAG,IAAI;AAAA,EAC1D;AACF;AAEK,MAAM,kBAAkB,CAAC,SAAS,YAAY,SAAS;AAC5D,QAAM,cAAc;AAAA,IAClB;AAAA,IACA,WAAW;AAAA,IACX;AAAA,EACF;AACA,SAAO,YAAY;AAAA,IAAI,CAAC,QAAQ,UAC9B,gBAAgB,QAAQ,WAAW,gBAAgB,MAAM,KAAK;AAAA,EAChE;AACF;AAEO,MAAM,gBAAgB,CAAC,UAAU,kBAAkB;AAAA,EACxD,GAAG;AAAA,EACH,GAAG,aAAa,QAAQ;AAC1B;AAEO,MAAM,8BAA8B,CAAC,UAAU,cAAc;AAClE,QAAM,EAAE,OAAO,QAAQ,IAAI,UAAU,QAAQ;AAC7C,SAAO;AAAA,IACL,GAAG;AAAA,IACH,OAAO;AAAA,MACL,GAAG,SAAS;AAAA,MACZ,GAAG;AAAA,IACL;AAAA,IACA,SAAS;AAAA,MACP,GAAG,SAAS;AAAA,MACZ,GAAG;AAAA,IACL;AAAA,EACF;AACF;AAEA,MAAM,eAAe,CACnB,UACA,EAAE,KAAK,SAAS,SAAS,qBAAqB,OAC1C;AAAA,EACJ,GAAG;AAAA,EACH,SAAS;AAAA,IACP,GAAG,SAAS;AAAA,IACZ,CAAC,MAAM,EAAE,SAAS,SAAS,qBAAqB;AAAA,EAClD;AACF;AAEO,MAAM,gCAAgC,CAAC,UAAU,gBAAgB;AACtE,QAAM,UAAU,YAAY,QAAQ;AACpC,MAAI,MAAM,QAAQ,OAAO,GAAG;AAC1B,WAAO,QAAQ,OAAO,cAAc,QAAQ;AAAA,EAC9C;AACA,SAAO,aAAa,UAAU,OAAO;AACvC;",
|
|
6
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 { 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;
|
|
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
6
|
"names": []
|
|
7
7
|
}
|
|
@@ -2,6 +2,6 @@
|
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/dimsum.config.ts"],
|
|
4
4
|
"sourcesContent": ["import * as React from 'react';\nexport { React };\n", "const dimsumConfig = {\n classNamePrefix: 'em-ds',\n};\n\nexport { dimsumConfig };\nexport default dimsumConfig;\n"],
|
|
5
|
-
"mappings": "AAAA;
|
|
5
|
+
"mappings": "AAAA,YAAY,WAAW;ACAvB,MAAM,eAAe;AAAA,EACnB,iBAAiB;AACnB;AAGA,IAAO,wBAAQ;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
package/dist/esm/index.js.map
CHANGED
|
@@ -2,6 +2,6 @@
|
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/index.ts"],
|
|
4
4
|
"sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export * from './Animations';\nexport * from './createDataInstance';\nexport * from './defer-render-hoc';\nexport * from './FocusGroup';\nexport * from './GroupContext';\nexport * from './ScrollSync';\nexport * from './toolbar/ToolbarProvider';\nexport * from './useDataGrid';\nexport * from './useDataList';\nexport * from './virtualization';\n\nexport * from './CheckableGroup';\nexport * from './constants';\nexport * from './DeferRenderAfterComputation';\nexport * from './dimsum.config';\nexport * from './prop-types';\nexport * from './utils';\n"],
|
|
5
|
-
"mappings": "AAAA;
|
|
5
|
+
"mappings": "AAAA,YAAY,WAAW;ACAvB,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AAEd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
|
@@ -2,6 +2,6 @@
|
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/prop-types.ts"],
|
|
4
4
|
"sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export const dsBasicSizes = ['s' as const, 'm' as const, 'l' as const];\n\nexport const sizes = ['xsmall' as const, 'small' as const, 'medium' as const, 'large' as const, 'xlarge' as const];\n\nexport const iconSizes = [\n 'xxs' as const,\n 'xs' as const,\n 's' as const,\n 'm' as const,\n 'l' as const,\n 'xl' as const,\n 'xxl' as const,\n];\n\nexport const iconColors = [\n ['neutral', '900'] as const,\n ['neutral', '0'] as const,\n ['danger', '900'] as const,\n ['warning', '500'] as const,\n ['success', '900'] as const,\n ['brand-primary', '600'] as const,\n] as const;\n\nexport const CHECKBOX_VARIANT = {\n DEFAULT: 'variant-default' as const,\n FOCUS: 'variant-focus' as const,\n ACTIVE: 'variant-active' as const,\n DISABLED: 'variant-disabled' as const,\n ERROR: 'variant-error' as const,\n};\nexport const checkboxVariants = [\n CHECKBOX_VARIANT.DEFAULT,\n CHECKBOX_VARIANT.FOCUS,\n CHECKBOX_VARIANT.ACTIVE,\n CHECKBOX_VARIANT.DISABLED,\n CHECKBOX_VARIANT.ERROR,\n] as const;\n\nexport const COMBOBOX_VARIANT = {\n DEFAULT: 'variant-default' as const,\n FOCUS: 'variant-focus-input' as const,\n FOCUS_ICON: 'variant-focus-icon' as const,\n ACTIVE: 'variant-active-input' as const,\n ACTIVE_ICON: 'variant-active-icon' as const,\n DISABLED: 'variant-disabled' as const,\n ERROR: 'variant-error' as const,\n};\n\nexport const comboBoxVariants = [\n COMBOBOX_VARIANT.DEFAULT,\n COMBOBOX_VARIANT.FOCUS,\n COMBOBOX_VARIANT.FOCUS_ICON,\n COMBOBOX_VARIANT.ACTIVE,\n COMBOBOX_VARIANT.ACTIVE_ICON,\n COMBOBOX_VARIANT.DISABLED,\n COMBOBOX_VARIANT.ERROR,\n] as const;\n\nexport const sizeVariants = {\n S: 's' as const,\n M: 'm' as const,\n L: 'l' as const,\n};\n\nexport const position = {\n LEFT: 'left' as const,\n RIGHT: 'right' as const,\n CENTER: 'center' as const,\n};\n\nexport const fontColor = {\n NEUTRAL500: 'neutral500' as const,\n NEUTRAL700: 'neutral700' as const,\n};\n\nexport const orientation = ['horizontal' as const, 'vertical' as const] as const;\n\nexport const orientationVariants = {\n HORIZONTAL: 'horizontal' as const,\n VERTICAL: 'vertical' as const,\n};\n"],
|
|
5
|
-
"mappings": "AAAA;
|
|
5
|
+
"mappings": "AAAA,YAAY,WAAW;ACAhB,MAAM,eAAe,CAAC,KAAc,KAAc,GAAY;AAE9D,MAAM,QAAQ,CAAC,UAAmB,SAAkB,UAAmB,SAAkB,QAAiB;AAE1G,MAAM,YAAY;AAAA,EACvB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF;AAEO,MAAM,aAAa;AAAA,EACxB,CAAC,WAAW,KAAK;AAAA,EACjB,CAAC,WAAW,GAAG;AAAA,EACf,CAAC,UAAU,KAAK;AAAA,EAChB,CAAC,WAAW,KAAK;AAAA,EACjB,CAAC,WAAW,KAAK;AAAA,EACjB,CAAC,iBAAiB,KAAK;AACzB;AAEO,MAAM,mBAAmB;AAAA,EAC9B,SAAS;AAAA,EACT,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,UAAU;AAAA,EACV,OAAO;AACT;AACO,MAAM,mBAAmB;AAAA,EAC9B,iBAAiB;AAAA,EACjB,iBAAiB;AAAA,EACjB,iBAAiB;AAAA,EACjB,iBAAiB;AAAA,EACjB,iBAAiB;AACnB;AAEO,MAAM,mBAAmB;AAAA,EAC9B,SAAS;AAAA,EACT,OAAO;AAAA,EACP,YAAY;AAAA,EACZ,QAAQ;AAAA,EACR,aAAa;AAAA,EACb,UAAU;AAAA,EACV,OAAO;AACT;AAEO,MAAM,mBAAmB;AAAA,EAC9B,iBAAiB;AAAA,EACjB,iBAAiB;AAAA,EACjB,iBAAiB;AAAA,EACjB,iBAAiB;AAAA,EACjB,iBAAiB;AAAA,EACjB,iBAAiB;AAAA,EACjB,iBAAiB;AACnB;AAEO,MAAM,eAAe;AAAA,EAC1B,GAAG;AAAA,EACH,GAAG;AAAA,EACH,GAAG;AACL;AAEO,MAAM,WAAW;AAAA,EACtB,MAAM;AAAA,EACN,OAAO;AAAA,EACP,QAAQ;AACV;AAEO,MAAM,YAAY;AAAA,EACvB,YAAY;AAAA,EACZ,YAAY;AACd;AAEO,MAAM,cAAc,CAAC,cAAuB,UAAmB;AAE/D,MAAM,sBAAsB;AAAA,EACjC,YAAY;AAAA,EACZ,UAAU;AACZ;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
|
@@ -2,6 +2,6 @@
|
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/react-spring/index.tsx"],
|
|
4
4
|
"sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export * from 'react-spring/web';\n"],
|
|
5
|
-
"mappings": "AAAA;
|
|
5
|
+
"mappings": "AAAA,YAAY,WAAW;ACAvB,cAAc;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
|
@@ -2,6 +2,6 @@
|
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/react-spring/renderprops.tsx"],
|
|
4
4
|
"sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export * from 'react-spring/renderprops';\n"],
|
|
5
|
-
"mappings": "AAAA;
|
|
5
|
+
"mappings": "AAAA,YAAY,WAAW;ACAvB,cAAc;",
|
|
6
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";
|
|
@@ -21,19 +22,25 @@ const ToolbarProvider = memo(({ delay = 200, children, onHide = noop, onShow = n
|
|
|
21
22
|
const show = (state) => {
|
|
22
23
|
if (state.reference === tooltipState.reference)
|
|
23
24
|
clearTimeout(hideTimer.current);
|
|
24
|
-
showTimer.current = setTimeout(
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
25
|
+
showTimer.current = setTimeout(
|
|
26
|
+
() => setTooltipState({
|
|
27
|
+
...state,
|
|
28
|
+
visible: true
|
|
29
|
+
}),
|
|
30
|
+
delay
|
|
31
|
+
);
|
|
28
32
|
onShow();
|
|
29
33
|
};
|
|
30
34
|
const hide = (e, force) => {
|
|
31
35
|
if (!force)
|
|
32
36
|
clearTimeout(showTimer.current);
|
|
33
|
-
hideTimer.current = setTimeout(
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
+
hideTimer.current = setTimeout(
|
|
38
|
+
() => setTooltipState((prevState) => ({
|
|
39
|
+
...prevState,
|
|
40
|
+
visible: false
|
|
41
|
+
})),
|
|
42
|
+
100
|
|
43
|
+
);
|
|
37
44
|
onHide(tooltipState, e);
|
|
38
45
|
};
|
|
39
46
|
useScrollListener((e) => hide(e, true), tooltipState.visible);
|
|
@@ -49,29 +56,38 @@ const ToolbarProvider = memo(({ delay = 200, children, onHide = noop, onShow = n
|
|
|
49
56
|
window.removeEventListener("keydown", keyDownHandler);
|
|
50
57
|
};
|
|
51
58
|
});
|
|
52
|
-
const value = useMemo(
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
59
|
+
const value = useMemo(
|
|
60
|
+
() => ({
|
|
61
|
+
state: tooltipState,
|
|
62
|
+
show,
|
|
63
|
+
hide
|
|
64
|
+
}),
|
|
65
|
+
[tooltipState.reference]
|
|
66
|
+
);
|
|
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
|
+
});
|
|
75
91
|
});
|
|
76
92
|
var ToolbarProvider_default = ToolbarProvider;
|
|
77
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;
|
|
6
|
-
"names": []
|
|
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
|
+
"names": ["React"]
|
|
7
7
|
}
|
|
@@ -2,6 +2,6 @@
|
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/useDataGrid/VolatileRowsListener.tsx"],
|
|
4
4
|
"sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { safeCall } from '@elliemae/ds-utilities';\n\nclass VolatileRowsListener {\n observers = [];\n\n observe(listener) {\n this.observers.push(listener);\n }\n\n notify(nextRows) {\n this.observers.forEach(observer => safeCall(observer, nextRows));\n this.observers = [];\n }\n}\n\nexport { VolatileRowsListener };\nexport default VolatileRowsListener;\n"],
|
|
5
|
-
"mappings": "AAAA;
|
|
5
|
+
"mappings": "AAAA,YAAY,WAAW;ACAvB,SAAS,gBAAgB;AAEzB,MAAM,qBAAqB;AAAA,EAA3B;AACE,qBAAY,CAAC;AAAA;AAAA,EAEb,QAAQ,UAAU;AAChB,SAAK,UAAU,KAAK,QAAQ;AAAA,EAC9B;AAAA,EAEA,OAAO,UAAU;AACf,SAAK,UAAU,QAAQ,cAAY,SAAS,UAAU,QAAQ,CAAC;AAC/D,SAAK,YAAY,CAAC;AAAA,EACpB;AACF;AAGA,IAAO,+BAAQ;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
|
@@ -2,6 +2,6 @@
|
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/useDataGrid/index.tsx"],
|
|
4
4
|
"sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export * from './initColumnDefinition';\nexport * from './VolatileRowsListener';\nexport * from './useDataGrid';\n"],
|
|
5
|
-
"mappings": "AAAA;
|
|
5
|
+
"mappings": "AAAA,YAAY,WAAW;ACAvB,cAAc;AACd,cAAc;AACd,cAAc;",
|
|
6
6
|
"names": []
|
|
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,
|
|
@@ -15,22 +15,24 @@ const appendHeaderFormatter = curry((formatter, column) => ({
|
|
|
15
15
|
formatters: [...get(column, "header.formatters", []), formatter]
|
|
16
16
|
}
|
|
17
17
|
}));
|
|
18
|
-
const appendCellFormatter = curry(
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
if (formatter
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
18
|
+
const appendCellFormatter = curry(
|
|
19
|
+
(formatter, column, path = "formatters") => {
|
|
20
|
+
const nextColumn = cloneDeep(column);
|
|
21
|
+
const formatters = get(nextColumn, ["cell", path], []);
|
|
22
|
+
const scrollingFormatters = get(nextColumn, "cell.scrollingFormatters", []);
|
|
23
|
+
if (Array.isArray(formatter)) {
|
|
24
|
+
if (formatter[1])
|
|
25
|
+
scrollingFormatters.push(formatter[1]);
|
|
26
|
+
formatters.push(formatter[0]);
|
|
27
|
+
} else {
|
|
28
|
+
formatters.push(formatter);
|
|
29
|
+
scrollingFormatters.push(formatter);
|
|
30
|
+
}
|
|
31
|
+
set(nextColumn, ["cell", path], formatters);
|
|
32
|
+
set(nextColumn, "cell.scrollingFormatters", scrollingFormatters);
|
|
33
|
+
return nextColumn;
|
|
29
34
|
}
|
|
30
|
-
|
|
31
|
-
set(nextColumn, "cell.scrollingFormatters", scrollingFormatters);
|
|
32
|
-
return nextColumn;
|
|
33
|
-
});
|
|
35
|
+
);
|
|
34
36
|
const defaultColumnDefinitionOptions = {
|
|
35
37
|
normalize: false,
|
|
36
38
|
useTextTruncation: true,
|
|
@@ -79,9 +81,10 @@ const initColumnDefinition = (options = {}) => {
|
|
|
79
81
|
}
|
|
80
82
|
};
|
|
81
83
|
if (useTextTruncation && !(isFunction(column.customHeaderRenderer) || column.header.formatters.length)) {
|
|
82
|
-
column.header.formatters.push((value) => /* @__PURE__ */
|
|
83
|
-
className: "cell-value"
|
|
84
|
-
|
|
84
|
+
column.header.formatters.push((value) => /* @__PURE__ */ jsx("span", {
|
|
85
|
+
className: "cell-value",
|
|
86
|
+
children: value
|
|
87
|
+
}));
|
|
85
88
|
}
|
|
86
89
|
column.cell = {
|
|
87
90
|
...column.cell,
|
|
@@ -93,12 +96,13 @@ const initColumnDefinition = (options = {}) => {
|
|
|
93
96
|
}
|
|
94
97
|
};
|
|
95
98
|
if (useTextTruncation && !(isFunction(column.customRenderer) || column.cell.formatters.length)) {
|
|
96
|
-
column.cell.formatters.push((value) => /* @__PURE__ */
|
|
99
|
+
column.cell.formatters.push((value) => /* @__PURE__ */ jsx("span", {
|
|
97
100
|
className: "cell-value",
|
|
98
101
|
style: {
|
|
99
102
|
justifyContent: column.type === "number" ? "flex-end" : "flex-start"
|
|
100
|
-
}
|
|
101
|
-
|
|
103
|
+
},
|
|
104
|
+
children: value
|
|
105
|
+
}));
|
|
102
106
|
}
|
|
103
107
|
column.uuid = column.uuid || uuidv4();
|
|
104
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;
|
|
5
|
+
"mappings": "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",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|