@elliemae/ds-shared 3.0.0-alpha.0 → 3.0.0-alpha.1
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/CheckableGroup.js +19 -3
- package/dist/cjs/CheckableGroup.js.map +1 -1
- package/dist/cjs/FocusGroup/FocusGrid.js +18 -5
- package/dist/cjs/FocusGroup/FocusGrid.js.map +1 -1
- package/dist/cjs/FocusGroup/FocusGroup.js +19 -6
- package/dist/cjs/FocusGroup/FocusGroup.js.map +1 -1
- package/dist/cjs/FocusGroup/focusGroupManagerHoc.js +42 -14
- package/dist/cjs/FocusGroup/focusGroupManagerHoc.js.map +1 -1
- package/dist/cjs/FocusGroup/useFocusGroupItem.js +16 -2
- package/dist/cjs/FocusGroup/useFocusGroupItem.js.map +1 -1
- package/dist/cjs/ScrollSync/ScrollSyncPane.js +19 -3
- package/dist/cjs/ScrollSync/ScrollSyncPane.js.map +1 -1
- package/dist/cjs/createDataInstance/createInstancePlugin.js +15 -1
- package/dist/cjs/createDataInstance/createInstancePlugin.js.map +1 -1
- package/dist/cjs/createDataInstance/createInstanceRef.js +41 -9
- package/dist/cjs/createDataInstance/createInstanceRef.js.map +1 -1
- package/dist/cjs/createDataInstance/utils.js +25 -20
- package/dist/cjs/createDataInstance/utils.js.map +1 -1
- package/dist/cjs/defer-render-hoc/index.js +15 -3
- package/dist/cjs/defer-render-hoc/index.js.map +1 -1
- package/dist/cjs/toolbar/ToolbarProvider.js +24 -9
- package/dist/cjs/toolbar/ToolbarProvider.js.map +1 -1
- package/dist/cjs/useDataGrid/initColumnDefinition.js +33 -27
- package/dist/cjs/useDataGrid/initColumnDefinition.js.map +1 -1
- package/dist/cjs/useDataGrid/useDataGrid.js +53 -31
- package/dist/cjs/useDataGrid/useDataGrid.js.map +1 -1
- package/dist/cjs/useDataList/useDataList.js +47 -14
- package/dist/cjs/useDataList/useDataList.js.map +1 -1
- package/dist/cjs/utils.js +18 -2
- package/dist/cjs/utils.js.map +1 -1
- package/dist/cjs/virtualization/AutoHeightList.js +51 -14
- package/dist/cjs/virtualization/AutoHeightList.js.map +1 -1
- package/dist/cjs/virtualization/FluidHeightList.js +38 -7
- package/dist/cjs/virtualization/FluidHeightList.js.map +1 -1
- package/dist/esm/CheckableGroup.js +21 -3
- package/dist/esm/CheckableGroup.js.map +1 -1
- package/dist/esm/FocusGroup/FocusGrid.js +20 -5
- package/dist/esm/FocusGroup/FocusGrid.js.map +1 -1
- package/dist/esm/FocusGroup/FocusGroup.js +21 -6
- package/dist/esm/FocusGroup/FocusGroup.js.map +1 -1
- package/dist/esm/FocusGroup/focusGroupManagerHoc.js +44 -14
- package/dist/esm/FocusGroup/focusGroupManagerHoc.js.map +1 -1
- package/dist/esm/FocusGroup/useFocusGroupItem.js +17 -2
- package/dist/esm/FocusGroup/useFocusGroupItem.js.map +1 -1
- package/dist/esm/ScrollSync/ScrollSyncPane.js +21 -3
- package/dist/esm/ScrollSync/ScrollSyncPane.js.map +1 -1
- package/dist/esm/createDataInstance/createInstancePlugin.js +17 -1
- package/dist/esm/createDataInstance/createInstancePlugin.js.map +1 -1
- package/dist/esm/createDataInstance/createInstanceRef.js +43 -9
- package/dist/esm/createDataInstance/createInstanceRef.js.map +1 -1
- package/dist/esm/createDataInstance/utils.js +27 -20
- package/dist/esm/createDataInstance/utils.js.map +1 -1
- package/dist/esm/defer-render-hoc/index.js +17 -3
- package/dist/esm/defer-render-hoc/index.js.map +1 -1
- package/dist/esm/toolbar/ToolbarProvider.js +26 -9
- package/dist/esm/toolbar/ToolbarProvider.js.map +1 -1
- package/dist/esm/useDataGrid/initColumnDefinition.js +35 -27
- package/dist/esm/useDataGrid/initColumnDefinition.js.map +1 -1
- package/dist/esm/useDataGrid/useDataGrid.js +55 -31
- package/dist/esm/useDataGrid/useDataGrid.js.map +1 -1
- package/dist/esm/useDataList/useDataList.js +49 -14
- package/dist/esm/useDataList/useDataList.js.map +1 -1
- package/dist/esm/utils.js +20 -2
- package/dist/esm/utils.js.map +1 -1
- package/dist/esm/virtualization/AutoHeightList.js +53 -14
- package/dist/esm/virtualization/AutoHeightList.js.map +1 -1
- package/dist/esm/virtualization/FluidHeightList.js +40 -7
- package/dist/esm/virtualization/FluidHeightList.js.map +1 -1
- package/package.json +4 -3
- package/dist/types/Animations/BaseAnimation.d.ts +0 -13
- package/dist/types/Animations/Grow.d.ts +0 -12
- package/dist/types/Animations/GrowRight.d.ts +0 -12
- package/dist/types/Animations/GrowVertical.d.ts +0 -1
- package/dist/types/CheckableGroup.d.ts +0 -21
- package/dist/types/DeferRenderAfterComputation.d.ts +0 -7
- package/dist/types/FocusGroup/FocusGrid.d.ts +0 -12
- package/dist/types/FocusGroup/FocusGroup.d.ts +0 -38
- package/dist/types/FocusGroup/FocusGroupContext.d.ts +0 -4
- package/dist/types/FocusGroup/FocusGroupManager.d.ts +0 -26
- package/dist/types/FocusGroup/focusGroupManagerHoc.d.ts +0 -9
- package/dist/types/FocusGroup/index.d.ts +0 -6
- package/dist/types/FocusGroup/useFocusGroupItem.d.ts +0 -4
- package/dist/types/FocusGroup/utils/getNextCellPosition.d.ts +0 -14
- package/dist/types/GroupContext/Group.d.ts +0 -15
- package/dist/types/GroupContext/GroupContext.d.ts +0 -2
- package/dist/types/GroupContext/GroupItem.d.ts +0 -6
- package/dist/types/GroupContext/index.d.ts +0 -3
- package/dist/types/ScrollSync/ScrollSync.d.ts +0 -23
- package/dist/types/ScrollSync/ScrollSyncPane.d.ts +0 -3
- package/dist/types/ScrollSync/ScrollSyncProvider.d.ts +0 -12
- package/dist/types/ScrollSync/index.d.ts +0 -2
- package/dist/types/ScrollSync/useScrollSync.d.ts +0 -7
- package/dist/types/constants.d.ts +0 -30
- package/dist/types/createDataInstance/createInstancePlugin.d.ts +0 -2
- package/dist/types/createDataInstance/createInstanceRef.d.ts +0 -14
- package/dist/types/createDataInstance/tests/createInstanceRef.test.d.ts +0 -0
- package/dist/types/createDataInstance/utils.d.ts +0 -9
- package/dist/types/dimsum.config.d.ts +0 -5
- package/dist/types/index.d.ts +0 -2
- package/dist/types/prop-types.d.ts +0 -41
- package/dist/types/react-spring/index.d.ts +0 -1
- package/dist/types/react-spring/renderprops.d.ts +0 -1
- package/dist/types/toolbar/ToolbarProvider.d.ts +0 -5
- package/dist/types/useDataGrid/VolatileRowsListener.d.ts +0 -7
- package/dist/types/useDataGrid/index.d.ts +0 -1
- package/dist/types/useDataGrid/initColumnDefinition.d.ts +0 -6
- package/dist/types/useDataGrid/useDataGrid.d.ts +0 -9
- package/dist/types/useDataList/index.d.ts +0 -1
- package/dist/types/useDataList/recordIterator.d.ts +0 -1
- package/dist/types/useDataList/useDataList.d.ts +0 -14
- package/dist/types/utils.d.ts +0 -22
- package/dist/types/virtualization/AutoHeightList.d.ts +0 -2
- package/dist/types/virtualization/FluidHeightList.d.ts +0 -2
- package/dist/types/virtualization/index.d.ts +0 -9
|
@@ -1,3 +1,34 @@
|
|
|
1
|
+
var __defProp = Object.defineProperty;
|
|
2
|
+
var __defProps = Object.defineProperties;
|
|
3
|
+
var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
|
|
4
|
+
var __getOwnPropSymbols = Object.getOwnPropertySymbols;
|
|
5
|
+
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
6
|
+
var __propIsEnum = Object.prototype.propertyIsEnumerable;
|
|
7
|
+
var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
|
|
8
|
+
var __spreadValues = (a, b) => {
|
|
9
|
+
for (var prop in b || (b = {}))
|
|
10
|
+
if (__hasOwnProp.call(b, prop))
|
|
11
|
+
__defNormalProp(a, prop, b[prop]);
|
|
12
|
+
if (__getOwnPropSymbols)
|
|
13
|
+
for (var prop of __getOwnPropSymbols(b)) {
|
|
14
|
+
if (__propIsEnum.call(b, prop))
|
|
15
|
+
__defNormalProp(a, prop, b[prop]);
|
|
16
|
+
}
|
|
17
|
+
return a;
|
|
18
|
+
};
|
|
19
|
+
var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
|
|
20
|
+
var __objRest = (source, exclude) => {
|
|
21
|
+
var target = {};
|
|
22
|
+
for (var prop in source)
|
|
23
|
+
if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
|
|
24
|
+
target[prop] = source[prop];
|
|
25
|
+
if (source != null && __getOwnPropSymbols)
|
|
26
|
+
for (var prop of __getOwnPropSymbols(source)) {
|
|
27
|
+
if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
|
|
28
|
+
target[prop] = source[prop];
|
|
29
|
+
}
|
|
30
|
+
return target;
|
|
31
|
+
};
|
|
1
32
|
import * as React from "react";
|
|
2
33
|
import { useMemo, useRef } from "react";
|
|
3
34
|
import { setRef } from "@elliemae/ds-utilities";
|
|
@@ -14,30 +45,34 @@ const listRenderers = {
|
|
|
14
45
|
list: "ul",
|
|
15
46
|
item: "li"
|
|
16
47
|
};
|
|
17
|
-
const useDataList = ({
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
}
|
|
48
|
+
const useDataList = (_a) => {
|
|
49
|
+
var _b = _a, {
|
|
50
|
+
data = [],
|
|
51
|
+
plugins = [],
|
|
52
|
+
renderers = listRenderers,
|
|
53
|
+
itemRenderer = [],
|
|
54
|
+
customDecorators
|
|
55
|
+
} = _b, props = __objRest(_b, [
|
|
56
|
+
"data",
|
|
57
|
+
"plugins",
|
|
58
|
+
"renderers",
|
|
59
|
+
"itemRenderer",
|
|
60
|
+
"customDecorators"
|
|
61
|
+
]);
|
|
25
62
|
const listRef = useRef();
|
|
26
|
-
const { instance, decorators } = createDataInstanceRef({
|
|
63
|
+
const { instance, decorators } = createDataInstanceRef(__spreadValues({
|
|
27
64
|
data,
|
|
28
65
|
renderers,
|
|
29
66
|
plugins,
|
|
30
|
-
customDecorators: {
|
|
31
|
-
...customDecorators,
|
|
67
|
+
customDecorators: __spreadProps(__spreadValues({}, customDecorators), {
|
|
32
68
|
recordIterator,
|
|
33
69
|
getListProps: [],
|
|
34
70
|
getItemProps: [],
|
|
35
71
|
itemRenderer: [...itemRenderer],
|
|
36
72
|
record: [],
|
|
37
73
|
records: []
|
|
38
|
-
}
|
|
39
|
-
|
|
40
|
-
});
|
|
74
|
+
})
|
|
75
|
+
}, props));
|
|
41
76
|
instance.current.getListRef = () => listRef;
|
|
42
77
|
instance.current.setListRef = (ref) => {
|
|
43
78
|
listRef.current = ref;
|
|
@@ -2,6 +2,6 @@
|
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/useDataList/useDataList.tsx"],
|
|
4
4
|
"sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { useMemo, useRef } from 'react';\nimport { setRef } from '@elliemae/ds-utilities';\nimport get from 'lodash/get';\nimport {\n composeFormatters,\n reducePropsGetter,\n} from '../createDataInstance/utils';\nimport { recordIterator } from './recordIterator';\nimport { createDataInstanceRef } from '../createDataInstance/createInstanceRef';\n\nexport const getItemLabel = (record, nameKey = 'name') =>\n get(record, ['data', nameKey]);\nexport const getItemChildren = (record, childrenKey = 'children') =>\n get(record, ['data', childrenKey]);\n\nconst listRenderers = {\n list: 'ul',\n item: 'li',\n};\n\n// todo: check if a plugin is a LIST plugin rather than GRID\nexport const useDataList = ({\n data = [],\n plugins = [],\n renderers = listRenderers,\n itemRenderer = [],\n customDecorators,\n ...props\n}) => {\n const listRef = useRef();\n const { instance, decorators } = createDataInstanceRef({\n data,\n renderers,\n plugins,\n customDecorators: {\n ...customDecorators,\n recordIterator,\n getListProps: [],\n getItemProps: [],\n itemRenderer: [...itemRenderer], // components reduce to compose item content\n record: [],\n records: [],\n },\n ...props,\n });\n instance.current.getListRef = () => listRef;\n instance.current.setListRef = (ref) => {\n listRef.current = ref;\n };\n instance.current.getItemLabel = (record) =>\n getItemLabel(record, props.nameKey);\n instance.current.getItemChildren = (record) =>\n getItemChildren(record, props.childrenKey);\n\n instance.current.decorators = decorators;\n instance.current.getListProps = reducePropsGetter(\n decorators.getListProps,\n instance.current,\n );\n instance.current.getItemProps = reducePropsGetter(\n decorators.getItemProps,\n instance.current,\n );\n instance.current.itemRenderer = composeFormatters(\n instance.current.decorators.itemRenderer,\n instance.current,\n );\n\n instance.current.records = useMemo(() => {\n // record iterator TREE / Simple\n let nextRecords = recordIterator(\n data,\n instance.current.decorators.recordIterator,\n decorators.record,\n instance.current,\n );\n\n // compose all records\n nextRecords = decorators.records.reduce(\n (nextRows, getter) => getter(nextRows, instance.current),\n nextRecords,\n );\n\n return nextRecords;\n });\n\n if (props.instanceRef) setRef(props.instanceRef, instance.current);\n\n return instance.current;\n};\n\nexport default useDataList;\n"],
|
|
5
|
-
"mappings": "AAAA;ACAA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AAIA;AACA;AAEO,MAAM,eAAe,CAAC,QAAQ,UAAU,WAC7C,IAAI,QAAQ,CAAC,QAAQ;AAChB,MAAM,kBAAkB,CAAC,QAAQ,cAAc,eACpD,IAAI,QAAQ,CAAC,QAAQ;AAEvB,MAAM,gBAAgB;AAAA,EACpB,MAAM;AAAA,EACN,MAAM;AAAA;AAID,MAAM,cAAc,CAAC;AAAA,
|
|
5
|
+
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;ACAA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AAIA;AACA;AAEO,MAAM,eAAe,CAAC,QAAQ,UAAU,WAC7C,IAAI,QAAQ,CAAC,QAAQ;AAChB,MAAM,kBAAkB,CAAC,QAAQ,cAAc,eACpD,IAAI,QAAQ,CAAC,QAAQ;AAEvB,MAAM,gBAAgB;AAAA,EACpB,MAAM;AAAA,EACN,MAAM;AAAA;AAID,MAAM,cAAc,CAAC,OAOtB;AAPsB,eAC1B;AAAA,WAAO;AAAA,IACP,UAAU;AAAA,IACV,YAAY;AAAA,IACZ,eAAe;AAAA,IACf;AAAA,MAL0B,IAMvB,kBANuB,IAMvB;AAAA,IALH;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA;AAGA,QAAM,UAAU;AAChB,QAAM,EAAE,UAAU,eAAe,sBAAsB;AAAA,IACrD;AAAA,IACA;AAAA,IACA;AAAA,IACA,kBAAkB,iCACb,mBADa;AAAA,MAEhB;AAAA,MACA,cAAc;AAAA,MACd,cAAc;AAAA,MACd,cAAc,CAAC,GAAG;AAAA,MAClB,QAAQ;AAAA,MACR,SAAS;AAAA;AAAA,KAER;AAEL,WAAS,QAAQ,aAAa,MAAM;AACpC,WAAS,QAAQ,aAAa,CAAC,QAAQ;AACrC,YAAQ,UAAU;AAAA;AAEpB,WAAS,QAAQ,eAAe,CAAC,WAC/B,aAAa,QAAQ,MAAM;AAC7B,WAAS,QAAQ,kBAAkB,CAAC,WAClC,gBAAgB,QAAQ,MAAM;AAEhC,WAAS,QAAQ,aAAa;AAC9B,WAAS,QAAQ,eAAe,kBAC9B,WAAW,cACX,SAAS;AAEX,WAAS,QAAQ,eAAe,kBAC9B,WAAW,cACX,SAAS;AAEX,WAAS,QAAQ,eAAe,kBAC9B,SAAS,QAAQ,WAAW,cAC5B,SAAS;AAGX,WAAS,QAAQ,UAAU,QAAQ,MAAM;AAEvC,QAAI,cAAc,eAChB,MACA,SAAS,QAAQ,WAAW,gBAC5B,WAAW,QACX,SAAS;AAIX,kBAAc,WAAW,QAAQ,OAC/B,CAAC,UAAU,WAAW,OAAO,UAAU,SAAS,UAChD;AAGF,WAAO;AAAA;AAGT,MAAI,MAAM;AAAa,WAAO,MAAM,aAAa,SAAS;AAE1D,SAAO,SAAS;AAAA;AAGlB,IAAO,sBAAQ;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
package/dist/esm/utils.js
CHANGED
|
@@ -1,3 +1,22 @@
|
|
|
1
|
+
var __defProp = Object.defineProperty;
|
|
2
|
+
var __defProps = Object.defineProperties;
|
|
3
|
+
var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
|
|
4
|
+
var __getOwnPropSymbols = Object.getOwnPropertySymbols;
|
|
5
|
+
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
6
|
+
var __propIsEnum = Object.prototype.propertyIsEnumerable;
|
|
7
|
+
var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
|
|
8
|
+
var __spreadValues = (a, b) => {
|
|
9
|
+
for (var prop in b || (b = {}))
|
|
10
|
+
if (__hasOwnProp.call(b, prop))
|
|
11
|
+
__defNormalProp(a, prop, b[prop]);
|
|
12
|
+
if (__getOwnPropSymbols)
|
|
13
|
+
for (var prop of __getOwnPropSymbols(b)) {
|
|
14
|
+
if (__propIsEnum.call(b, prop))
|
|
15
|
+
__defNormalProp(a, prop, b[prop]);
|
|
16
|
+
}
|
|
17
|
+
return a;
|
|
18
|
+
};
|
|
19
|
+
var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
|
|
1
20
|
import * as React from "react";
|
|
2
21
|
const objectType = (obj) => Object.prototype.toString.call(obj).slice(8, -1);
|
|
3
22
|
const isDefined = (param) => typeof param !== "undefined";
|
|
@@ -39,8 +58,7 @@ const getTotalScroll = (elem) => {
|
|
|
39
58
|
const getTransformProps = (x, y) => ({
|
|
40
59
|
transform: `translate(${x}px, ${y}px)`
|
|
41
60
|
});
|
|
42
|
-
const listWithChildren = (list, childrenProp) => list.map((item) => ({
|
|
43
|
-
...item,
|
|
61
|
+
const listWithChildren = (list, childrenProp) => list.map((item) => __spreadProps(__spreadValues({}, item), {
|
|
44
62
|
[childrenProp]: item[childrenProp] ? listWithChildren(item[childrenProp], childrenProp) : []
|
|
45
63
|
}));
|
|
46
64
|
const getAllNonEmptyNodesIds = (items, childrenProp) => {
|
package/dist/esm/utils.js.map
CHANGED
|
@@ -2,6 +2,6 @@
|
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/utils.tsx"],
|
|
4
4
|
"sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable no-cond-assign */\nexport const objectType = (obj) =>\n Object.prototype.toString.call(obj).slice(8, -1);\nexport const isDefined = (param) => typeof param !== 'undefined';\nexport const isUndefined = (param) => typeof param === 'undefined';\nexport const isFunction = (param) => typeof param === 'function';\nexport const isNumber = param => typeof param === 'number' && !isNaN(param); // eslint-disable-line\nexport const isString = (str) => objectType(str) === 'String';\nexport const isArray = (arr) => objectType(arr) === 'Array';\n\nexport const closest = (target, selector) => {\n // closest(e.target, '.field')\n while (target) {\n // eslint-disable-line\n if (target.matches && target.matches(selector)) return target;\n if (target.msMatchesSelector && target.msMatchesSelector(selector))\n return target;\n // eslint-disable-next-line no-param-reassign\n target = target.parentNode;\n }\n return null;\n};\n\nexport const getOffsetRect = (elem) => {\n // (1)\n const box = elem.getBoundingClientRect();\n\n const { body, documentElement } = document;\n\n // (2)\n const scrollTop =\n window.pageYOffset || documentElement.scrollTop || body.scrollTop;\n const scrollLeft =\n window.pageXOffset || documentElement.scrollLeft || body.scrollLeft;\n\n // (3)\n const clientTop = documentElement.clientTop || body.clientTop || 0;\n const clientLeft = documentElement.clientLeft || body.clientLeft || 0;\n\n // (4)\n const top = box.top + scrollTop - clientTop;\n const left = box.left + scrollLeft - clientLeft;\n\n return { top: Math.round(top), left: Math.round(left) };\n};\n\nexport const getTotalScroll = (elem) => {\n let top = 0;\n let left = 0;\n\n // eslint-disable-next-line no-param-reassign\n while ((elem = elem.parentNode)) {\n top += elem.scrollTop || 0;\n left += elem.scrollLeft || 0;\n }\n\n return { top, left };\n};\n\nexport const getTransformProps = (x, y) => ({\n transform: `translate(${x}px, ${y}px)`,\n});\n\nexport const listWithChildren = (list, childrenProp) =>\n list.map((item) => ({\n ...item,\n [childrenProp]: item[childrenProp]\n ? listWithChildren(item[childrenProp], childrenProp)\n : [],\n }));\n\nexport const getAllNonEmptyNodesIds = (items, childrenProp) => {\n let childrenIds = [];\n const ids = items\n .filter((item) => item[childrenProp].length)\n .map((item) => {\n childrenIds = childrenIds.concat(\n getAllNonEmptyNodesIds(item[childrenProp], childrenProp),\n );\n return item.id;\n });\n\n return ids.concat(childrenIds);\n};\n\nexport const isInternetExplorer = () => {\n const ua = window.navigator.userAgent;\n const msie = ua.indexOf('MSIE ');\n // If Internet Explorer, return version number\n if (msie > 0 || !!navigator.userAgent.match(/Trident.*rv:11\\./)) {\n return true;\n }\n return false;\n};\n"],
|
|
5
|
-
"mappings": "AAAA;ACCO,MAAM,aAAa,CAAC,QACzB,OAAO,UAAU,SAAS,KAAK,KAAK,MAAM,GAAG;AACxC,MAAM,YAAY,CAAC,UAAU,OAAO,UAAU;AAC9C,MAAM,cAAc,CAAC,UAAU,OAAO,UAAU;AAChD,MAAM,aAAa,CAAC,UAAU,OAAO,UAAU;AAC/C,MAAM,WAAW,WAAS,OAAO,UAAU,YAAY,CAAC,MAAM;AAC9D,MAAM,WAAW,CAAC,QAAQ,WAAW,SAAS;AAC9C,MAAM,UAAU,CAAC,QAAQ,WAAW,SAAS;AAE7C,MAAM,UAAU,CAAC,QAAQ,aAAa;AAE3C,SAAO,QAAQ;AAEb,QAAI,OAAO,WAAW,OAAO,QAAQ;AAAW,aAAO;AACvD,QAAI,OAAO,qBAAqB,OAAO,kBAAkB;AACvD,aAAO;AAET,aAAS,OAAO;AAAA;AAElB,SAAO;AAAA;AAGF,MAAM,gBAAgB,CAAC,SAAS;AAErC,QAAM,MAAM,KAAK;AAEjB,QAAM,EAAE,MAAM,oBAAoB;AAGlC,QAAM,YACJ,OAAO,eAAe,gBAAgB,aAAa,KAAK;AAC1D,QAAM,aACJ,OAAO,eAAe,gBAAgB,cAAc,KAAK;AAG3D,QAAM,YAAY,gBAAgB,aAAa,KAAK,aAAa;AACjE,QAAM,aAAa,gBAAgB,cAAc,KAAK,cAAc;AAGpE,QAAM,MAAM,IAAI,MAAM,YAAY;AAClC,QAAM,OAAO,IAAI,OAAO,aAAa;AAErC,SAAO,EAAE,KAAK,KAAK,MAAM,MAAM,MAAM,KAAK,MAAM;AAAA;AAG3C,MAAM,iBAAiB,CAAC,SAAS;AACtC,MAAI,MAAM;AACV,MAAI,OAAO;AAGX,SAAQ,OAAO,KAAK,YAAa;AAC/B,WAAO,KAAK,aAAa;AACzB,YAAQ,KAAK,cAAc;AAAA;AAG7B,SAAO,EAAE,KAAK;AAAA;AAGT,MAAM,oBAAoB,CAAC,GAAG,MAAO;AAAA,EAC1C,WAAW,aAAa,QAAQ;AAAA;AAG3B,MAAM,mBAAmB,CAAC,MAAM,iBACrC,KAAK,IAAI,CAAC,SAAU
|
|
5
|
+
"mappings": ";;;;;;;;;;;;;;;;;;;AAAA;ACCO,MAAM,aAAa,CAAC,QACzB,OAAO,UAAU,SAAS,KAAK,KAAK,MAAM,GAAG;AACxC,MAAM,YAAY,CAAC,UAAU,OAAO,UAAU;AAC9C,MAAM,cAAc,CAAC,UAAU,OAAO,UAAU;AAChD,MAAM,aAAa,CAAC,UAAU,OAAO,UAAU;AAC/C,MAAM,WAAW,WAAS,OAAO,UAAU,YAAY,CAAC,MAAM;AAC9D,MAAM,WAAW,CAAC,QAAQ,WAAW,SAAS;AAC9C,MAAM,UAAU,CAAC,QAAQ,WAAW,SAAS;AAE7C,MAAM,UAAU,CAAC,QAAQ,aAAa;AAE3C,SAAO,QAAQ;AAEb,QAAI,OAAO,WAAW,OAAO,QAAQ;AAAW,aAAO;AACvD,QAAI,OAAO,qBAAqB,OAAO,kBAAkB;AACvD,aAAO;AAET,aAAS,OAAO;AAAA;AAElB,SAAO;AAAA;AAGF,MAAM,gBAAgB,CAAC,SAAS;AAErC,QAAM,MAAM,KAAK;AAEjB,QAAM,EAAE,MAAM,oBAAoB;AAGlC,QAAM,YACJ,OAAO,eAAe,gBAAgB,aAAa,KAAK;AAC1D,QAAM,aACJ,OAAO,eAAe,gBAAgB,cAAc,KAAK;AAG3D,QAAM,YAAY,gBAAgB,aAAa,KAAK,aAAa;AACjE,QAAM,aAAa,gBAAgB,cAAc,KAAK,cAAc;AAGpE,QAAM,MAAM,IAAI,MAAM,YAAY;AAClC,QAAM,OAAO,IAAI,OAAO,aAAa;AAErC,SAAO,EAAE,KAAK,KAAK,MAAM,MAAM,MAAM,KAAK,MAAM;AAAA;AAG3C,MAAM,iBAAiB,CAAC,SAAS;AACtC,MAAI,MAAM;AACV,MAAI,OAAO;AAGX,SAAQ,OAAO,KAAK,YAAa;AAC/B,WAAO,KAAK,aAAa;AACzB,YAAQ,KAAK,cAAc;AAAA;AAG7B,SAAO,EAAE,KAAK;AAAA;AAGT,MAAM,oBAAoB,CAAC,GAAG,MAAO;AAAA,EAC1C,WAAW,aAAa,QAAQ;AAAA;AAG3B,MAAM,mBAAmB,CAAC,MAAM,iBACrC,KAAK,IAAI,CAAC,SAAU,iCACf,OADe;AAAA,GAEjB,eAAe,KAAK,gBACjB,iBAAiB,KAAK,eAAe,gBACrC;AAAA;AAGD,MAAM,yBAAyB,CAAC,OAAO,iBAAiB;AAC7D,MAAI,cAAc;AAClB,QAAM,MAAM,MACT,OAAO,CAAC,SAAS,KAAK,cAAc,QACpC,IAAI,CAAC,SAAS;AACb,kBAAc,YAAY,OACxB,uBAAuB,KAAK,eAAe;AAE7C,WAAO,KAAK;AAAA;AAGhB,SAAO,IAAI,OAAO;AAAA;AAGb,MAAM,qBAAqB,MAAM;AACtC,QAAM,KAAK,OAAO,UAAU;AAC5B,QAAM,OAAO,GAAG,QAAQ;AAExB,MAAI,OAAO,KAAK,CAAC,CAAC,UAAU,UAAU,MAAM,qBAAqB;AAC/D,WAAO;AAAA;AAET,SAAO;AAAA;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
|
@@ -1,26 +1,65 @@
|
|
|
1
|
+
var __defProp = Object.defineProperty;
|
|
2
|
+
var __defProps = Object.defineProperties;
|
|
3
|
+
var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
|
|
4
|
+
var __getOwnPropSymbols = Object.getOwnPropertySymbols;
|
|
5
|
+
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
6
|
+
var __propIsEnum = Object.prototype.propertyIsEnumerable;
|
|
7
|
+
var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
|
|
8
|
+
var __spreadValues = (a, b) => {
|
|
9
|
+
for (var prop in b || (b = {}))
|
|
10
|
+
if (__hasOwnProp.call(b, prop))
|
|
11
|
+
__defNormalProp(a, prop, b[prop]);
|
|
12
|
+
if (__getOwnPropSymbols)
|
|
13
|
+
for (var prop of __getOwnPropSymbols(b)) {
|
|
14
|
+
if (__propIsEnum.call(b, prop))
|
|
15
|
+
__defNormalProp(a, prop, b[prop]);
|
|
16
|
+
}
|
|
17
|
+
return a;
|
|
18
|
+
};
|
|
19
|
+
var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
|
|
20
|
+
var __objRest = (source, exclude) => {
|
|
21
|
+
var target = {};
|
|
22
|
+
for (var prop in source)
|
|
23
|
+
if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
|
|
24
|
+
target[prop] = source[prop];
|
|
25
|
+
if (source != null && __getOwnPropSymbols)
|
|
26
|
+
for (var prop of __getOwnPropSymbols(source)) {
|
|
27
|
+
if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
|
|
28
|
+
target[prop] = source[prop];
|
|
29
|
+
}
|
|
30
|
+
return target;
|
|
31
|
+
};
|
|
1
32
|
import * as React from "react";
|
|
2
33
|
import React2, { forwardRef, useRef } from "react";
|
|
3
34
|
import { FixedSizeList as List } from "react-window";
|
|
4
35
|
import { cx, useWindowScrollerList, mergeRefs } from "@elliemae/ds-utilities";
|
|
5
|
-
const AutoHeightList = forwardRef(({
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
},
|
|
36
|
+
const AutoHeightList = forwardRef((_a, ref) => {
|
|
37
|
+
var _b = _a, {
|
|
38
|
+
itemCount,
|
|
39
|
+
className,
|
|
40
|
+
innerRef,
|
|
41
|
+
itemData,
|
|
42
|
+
itemKey,
|
|
43
|
+
itemSize,
|
|
44
|
+
outerRef,
|
|
45
|
+
component: ListComponent = List
|
|
46
|
+
} = _b, otherProps = __objRest(_b, [
|
|
47
|
+
"itemCount",
|
|
48
|
+
"className",
|
|
49
|
+
"innerRef",
|
|
50
|
+
"itemData",
|
|
51
|
+
"itemKey",
|
|
52
|
+
"itemSize",
|
|
53
|
+
"outerRef",
|
|
54
|
+
"component"
|
|
55
|
+
]);
|
|
16
56
|
const listRef = useRef();
|
|
17
57
|
const outerListRef = useRef();
|
|
18
58
|
useWindowScrollerList({
|
|
19
59
|
listInstance: listRef,
|
|
20
60
|
outerListRef
|
|
21
61
|
});
|
|
22
|
-
return /* @__PURE__ */ React2.createElement(ListComponent, {
|
|
23
|
-
...otherProps,
|
|
62
|
+
return /* @__PURE__ */ React2.createElement(ListComponent, __spreadProps(__spreadValues({}, otherProps), {
|
|
24
63
|
ref: mergeRefs(ref, listRef),
|
|
25
64
|
className: cx(className, "window-scroller-override"),
|
|
26
65
|
height: window.innerHeight,
|
|
@@ -32,7 +71,7 @@ const AutoHeightList = forwardRef(({
|
|
|
32
71
|
outerRef: mergeRefs(outerListRef, outerRef),
|
|
33
72
|
overscanCount: 10,
|
|
34
73
|
useIsScrolling: true
|
|
35
|
-
});
|
|
74
|
+
}));
|
|
36
75
|
});
|
|
37
76
|
export {
|
|
38
77
|
AutoHeightList
|
|
@@ -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;ACAA;AACA;AACA;AAEO,MAAM,iBAAiB,WAC5B,CACE;
|
|
5
|
+
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;ACAA;AACA;AACA;AAEO,MAAM,iBAAiB,WAC5B,CACE,IAWA,QACG;AAZH,eACE;AAAA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,WAAW,gBAAgB;AAAA,MAR7B,IASK,uBATL,IASK;AAAA,IARH;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA;AAKF,QAAM,UAAU;AAChB,QAAM,eAAe;AAErB,wBAAsB;AAAA,IACpB,cAAc;AAAA,IACd;AAAA;AAGF,SACE,qCAAC,eAAD,iCACM,aADN;AAAA,IAEE,KAAK,UAAU,KAAK;AAAA,IACpB,WAAW,GAAG,WAAW;AAAA,IACzB,QAAQ,OAAO;AAAA,IACf;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,UAAU,UAAU,cAAc;AAAA,IAClC,eAAe;AAAA,IACf,gBAAc;AAAA;AAAA;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
|
@@ -1,13 +1,46 @@
|
|
|
1
|
+
var __defProp = Object.defineProperty;
|
|
2
|
+
var __defProps = Object.defineProperties;
|
|
3
|
+
var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
|
|
4
|
+
var __getOwnPropSymbols = Object.getOwnPropertySymbols;
|
|
5
|
+
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
6
|
+
var __propIsEnum = Object.prototype.propertyIsEnumerable;
|
|
7
|
+
var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
|
|
8
|
+
var __spreadValues = (a, b) => {
|
|
9
|
+
for (var prop in b || (b = {}))
|
|
10
|
+
if (__hasOwnProp.call(b, prop))
|
|
11
|
+
__defNormalProp(a, prop, b[prop]);
|
|
12
|
+
if (__getOwnPropSymbols)
|
|
13
|
+
for (var prop of __getOwnPropSymbols(b)) {
|
|
14
|
+
if (__propIsEnum.call(b, prop))
|
|
15
|
+
__defNormalProp(a, prop, b[prop]);
|
|
16
|
+
}
|
|
17
|
+
return a;
|
|
18
|
+
};
|
|
19
|
+
var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
|
|
20
|
+
var __objRest = (source, exclude) => {
|
|
21
|
+
var target = {};
|
|
22
|
+
for (var prop in source)
|
|
23
|
+
if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
|
|
24
|
+
target[prop] = source[prop];
|
|
25
|
+
if (source != null && __getOwnPropSymbols)
|
|
26
|
+
for (var prop of __getOwnPropSymbols(source)) {
|
|
27
|
+
if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
|
|
28
|
+
target[prop] = source[prop];
|
|
29
|
+
}
|
|
30
|
+
return target;
|
|
31
|
+
};
|
|
1
32
|
import * as React from "react";
|
|
2
33
|
import React2, { forwardRef } from "react";
|
|
3
34
|
import AutoSizer from "react-virtualized-auto-sizer";
|
|
4
|
-
const FluidHeightList = forwardRef((
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
35
|
+
const FluidHeightList = forwardRef((_a, ref) => {
|
|
36
|
+
var _b = _a, { component: Component } = _b, props = __objRest(_b, ["component"]);
|
|
37
|
+
return /* @__PURE__ */ React2.createElement(AutoSizer, {
|
|
38
|
+
disableWidth: true
|
|
39
|
+
}, ({ height: fluidHeight }) => /* @__PURE__ */ React2.createElement(Component, __spreadProps(__spreadValues({}, props), {
|
|
40
|
+
ref,
|
|
41
|
+
height: fluidHeight - 32
|
|
42
|
+
})));
|
|
43
|
+
});
|
|
11
44
|
export {
|
|
12
45
|
FluidHeightList
|
|
13
46
|
};
|
|
@@ -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;ACAA;AACA;AAEO,MAAM,kBAAkB,WAC7B,CAAC,
|
|
5
|
+
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;ACAA;AACA;AAEO,MAAM,kBAAkB,WAC7B,CAAC,IAAoC,QAAK;AAAzC,eAAE,aAAW,cAAb,IAA2B,kBAA3B,IAA2B,CAAzB;AACD,8CAAC,WAAD;AAAA,IAAW,cAAY;AAAA,KACpB,CAAC,EAAE,QAAQ,kBACV,qCAAC,WAAD,iCACM,QADN;AAAA,IAEE;AAAA,IACA,QAAQ,cAAc;AAAA;AAAA;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@elliemae/ds-shared",
|
|
3
|
-
"version": "3.0.0-alpha.
|
|
3
|
+
"version": "3.0.0-alpha.1",
|
|
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-popper": "3.0.0-alpha.
|
|
219
|
-
"@elliemae/ds-utilities": "3.0.0-alpha.
|
|
218
|
+
"@elliemae/ds-popper": "3.0.0-alpha.1",
|
|
219
|
+
"@elliemae/ds-utilities": "3.0.0-alpha.1",
|
|
220
220
|
"hoist-non-react-statics": "~3.3.2",
|
|
221
221
|
"hotkeys-js": "~3.8.7",
|
|
222
222
|
"prop-types": "~15.7.2",
|
|
@@ -235,6 +235,7 @@
|
|
|
235
235
|
"scripts": {
|
|
236
236
|
"test": "node ../../scripts/testing/test.mjs",
|
|
237
237
|
"lint": "node ../../scripts/lint.mjs",
|
|
238
|
+
"dts": "node ../../scripts/dts.mjs",
|
|
238
239
|
"build": "cross-env NODE_ENV=production node ../../scripts/build/build.mjs",
|
|
239
240
|
"dev": "cross-env NODE_ENV=development node ../../scripts/build/build.mjs --watch"
|
|
240
241
|
}
|
|
@@ -1,13 +0,0 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
|
-
declare const BaseAnimation: ({ keys, items, duration, enter, from, leave, onRest, children, }: {
|
|
3
|
-
keys?: undefined;
|
|
4
|
-
items?: never[] | undefined;
|
|
5
|
-
duration?: number | undefined;
|
|
6
|
-
enter?: {} | undefined;
|
|
7
|
-
from?: {} | undefined;
|
|
8
|
-
leave?: {} | undefined;
|
|
9
|
-
onRest?: (() => null) | undefined;
|
|
10
|
-
children: any;
|
|
11
|
-
}) => JSX.Element;
|
|
12
|
-
export { BaseAnimation };
|
|
13
|
-
export default BaseAnimation;
|
|
@@ -1,12 +0,0 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
|
-
declare const Grow: ({ keys, duration, items, from, to, children, onRest, }: {
|
|
3
|
-
keys?: undefined;
|
|
4
|
-
duration: any;
|
|
5
|
-
items?: undefined;
|
|
6
|
-
from?: number | undefined;
|
|
7
|
-
to?: number | undefined;
|
|
8
|
-
children: any;
|
|
9
|
-
onRest?: (() => null) | undefined;
|
|
10
|
-
}) => JSX.Element;
|
|
11
|
-
export { Grow };
|
|
12
|
-
export default Grow;
|
|
@@ -1,12 +0,0 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
|
-
declare const GrowRight: ({ keys, items, duration, from, to, children, onRest, }: {
|
|
3
|
-
keys?: undefined;
|
|
4
|
-
items?: undefined;
|
|
5
|
-
duration?: number | undefined;
|
|
6
|
-
from?: number | undefined;
|
|
7
|
-
to?: number | undefined;
|
|
8
|
-
children: any;
|
|
9
|
-
onRest?: (() => null) | undefined;
|
|
10
|
-
}) => JSX.Element;
|
|
11
|
-
export { GrowRight };
|
|
12
|
-
export default GrowRight;
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export {};
|
|
@@ -1,21 +0,0 @@
|
|
|
1
|
-
export declare function useCheckableGroup({ children, active: activeProp, multi, onCheck, }: {
|
|
2
|
-
children: any;
|
|
3
|
-
active: any;
|
|
4
|
-
multi: any;
|
|
5
|
-
onCheck?: (() => null) | undefined;
|
|
6
|
-
}): any;
|
|
7
|
-
declare function CheckableGroup({ active, multi, // checkbox or radio
|
|
8
|
-
children, }: {
|
|
9
|
-
active?: never[] | undefined;
|
|
10
|
-
multi?: boolean | undefined;
|
|
11
|
-
children: any;
|
|
12
|
-
}): any;
|
|
13
|
-
declare namespace CheckableGroup {
|
|
14
|
-
var propTypes: {
|
|
15
|
-
active: any;
|
|
16
|
-
multi: any;
|
|
17
|
-
onCheck: any;
|
|
18
|
-
};
|
|
19
|
-
}
|
|
20
|
-
export { CheckableGroup };
|
|
21
|
-
export default CheckableGroup;
|
|
@@ -1,12 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
declare const FocusGridContext: React.Context<unknown>;
|
|
3
|
-
declare const FocusGridProvider: ({ shouldWrapRows, shouldWrapCells, shouldRefocus, children, keyBindings, hotKeys, }: {
|
|
4
|
-
shouldWrapRows?: boolean | undefined;
|
|
5
|
-
shouldWrapCells?: boolean | undefined;
|
|
6
|
-
shouldRefocus?: boolean | undefined;
|
|
7
|
-
children: any;
|
|
8
|
-
keyBindings: any;
|
|
9
|
-
hotKeys: any;
|
|
10
|
-
}) => JSX.Element;
|
|
11
|
-
export { FocusGridProvider, FocusGridProvider as FocusGrid, FocusGridContext };
|
|
12
|
-
export default FocusGridProvider;
|
|
@@ -1,38 +0,0 @@
|
|
|
1
|
-
declare class FocusGroup {
|
|
2
|
-
items: never[];
|
|
3
|
-
constructor(options?: {});
|
|
4
|
-
getHotKeysParams(): {
|
|
5
|
-
item: any;
|
|
6
|
-
index: any;
|
|
7
|
-
};
|
|
8
|
-
activate(): void;
|
|
9
|
-
deactivate(): void;
|
|
10
|
-
handleKeyDown(e: any): void;
|
|
11
|
-
executeActionByEvent(e: any): any;
|
|
12
|
-
register(node: any, props?: {}): void;
|
|
13
|
-
unregister(node: any): void;
|
|
14
|
-
exit(): void;
|
|
15
|
-
focusItem(node: any): void;
|
|
16
|
-
focusNext(): void;
|
|
17
|
-
focusByNode(node: any): void;
|
|
18
|
-
focusByIndex(index: any): void;
|
|
19
|
-
focusPrevious(): void;
|
|
20
|
-
focusFirst(): void;
|
|
21
|
-
focusLast(): void;
|
|
22
|
-
focusCurrent(): void;
|
|
23
|
-
focusNextGroup(): void;
|
|
24
|
-
focusPreviousGroup(): void;
|
|
25
|
-
getNextItem(): false | void;
|
|
26
|
-
getPreviousItem(): false | void;
|
|
27
|
-
checkCanFocusNext(index: any): boolean;
|
|
28
|
-
checkCanFocusPrev(index: any): boolean;
|
|
29
|
-
getItemByIndex(index: any): never;
|
|
30
|
-
getItemIndexByNode(node: any): number;
|
|
31
|
-
getFocusedIndex(): number;
|
|
32
|
-
getFocusedItem(): false;
|
|
33
|
-
isGroupActive(): boolean;
|
|
34
|
-
getFirstItem(): false;
|
|
35
|
-
getLastItem(): false;
|
|
36
|
-
}
|
|
37
|
-
export { FocusGroup };
|
|
38
|
-
export default FocusGroup;
|
|
@@ -1,26 +0,0 @@
|
|
|
1
|
-
import { Component } from 'react';
|
|
2
|
-
declare class FocusGroupProvider extends Component {
|
|
3
|
-
activated: boolean;
|
|
4
|
-
static defaultProps: {
|
|
5
|
-
exitWhenNoPrevious: boolean;
|
|
6
|
-
exitWhenNoNext: boolean;
|
|
7
|
-
keyBindings: {};
|
|
8
|
-
onFocus: () => null;
|
|
9
|
-
onExitFocusGroup: () => null;
|
|
10
|
-
onFocusPreviousGroup: () => null;
|
|
11
|
-
onFocusNextGroup: () => null;
|
|
12
|
-
onFocusGroupSet: () => null;
|
|
13
|
-
};
|
|
14
|
-
constructor(props: any);
|
|
15
|
-
componentDidMount(): void;
|
|
16
|
-
componentWillUnmount(): void;
|
|
17
|
-
activate(): void;
|
|
18
|
-
deactivate(): void;
|
|
19
|
-
register(item: any): void;
|
|
20
|
-
unregister(item: any): void;
|
|
21
|
-
focusItemByIndex(index: any): void;
|
|
22
|
-
focusItemByNode(node: any): void;
|
|
23
|
-
render(): JSX.Element;
|
|
24
|
-
}
|
|
25
|
-
export { FocusGroupProvider, FocusGroupProvider as FocusGroupManager };
|
|
26
|
-
export default FocusGroupProvider;
|
|
@@ -1,9 +0,0 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
|
-
declare function FocusGroupHoc(WrappedComponent: any, options?: {}): ({ onExitFocusGroup, onFocusPrevGroup, focusKeyBindings, ...props }: {
|
|
3
|
-
[x: string]: any;
|
|
4
|
-
onExitFocusGroup: any;
|
|
5
|
-
onFocusPrevGroup: any;
|
|
6
|
-
focusKeyBindings: any;
|
|
7
|
-
}) => JSX.Element;
|
|
8
|
-
export { FocusGroupHoc };
|
|
9
|
-
export default FocusGroupHoc;
|
|
@@ -1,6 +0,0 @@
|
|
|
1
|
-
export { FocusGroup } from './FocusGroup';
|
|
2
|
-
export { FocusGroupContext } from './FocusGroupContext';
|
|
3
|
-
export { FocusGroupManager } from './FocusGroupManager';
|
|
4
|
-
export { useFocusGroupItem, useFocusGroupWithState } from './useFocusGroupItem';
|
|
5
|
-
export { FocusGroupHoc as focusGroupManagerHoc } from './focusGroupManagerHoc';
|
|
6
|
-
export { FocusGridProvider as FocusGrid, FocusGridContext } from './FocusGrid';
|
|
@@ -1,14 +0,0 @@
|
|
|
1
|
-
declare function getNextCellPosition({ grid, currentRow, currentCell, directionY, directionX, shouldWrapCells, shouldWrapRows, }: {
|
|
2
|
-
grid: any;
|
|
3
|
-
currentRow?: number | undefined;
|
|
4
|
-
currentCell?: number | undefined;
|
|
5
|
-
directionY: any;
|
|
6
|
-
directionX: any;
|
|
7
|
-
shouldWrapCells: any;
|
|
8
|
-
shouldWrapRows: any;
|
|
9
|
-
}): false | {
|
|
10
|
-
cellIndex: any;
|
|
11
|
-
rowIndex: any;
|
|
12
|
-
};
|
|
13
|
-
export { getNextCellPosition };
|
|
14
|
-
export default getNextCellPosition;
|
|
@@ -1,15 +0,0 @@
|
|
|
1
|
-
import { Component } from 'react';
|
|
2
|
-
/** deprecated use CheckableGroup instead */
|
|
3
|
-
declare class Group extends Component {
|
|
4
|
-
constructor(props: any);
|
|
5
|
-
static getDerivedStateFromProps(nextProps: any, { prevValue }: {
|
|
6
|
-
prevValue: any;
|
|
7
|
-
}): {
|
|
8
|
-
activeValue: any;
|
|
9
|
-
prevValue: any;
|
|
10
|
-
} | null;
|
|
11
|
-
handleChange(e: any, ...rest: any[]): void;
|
|
12
|
-
render(): JSX.Element;
|
|
13
|
-
}
|
|
14
|
-
export { Group };
|
|
15
|
-
export default Group;
|
|
@@ -1,23 +0,0 @@
|
|
|
1
|
-
import React, { Component } from 'react';
|
|
2
|
-
declare const ScrollSyncContext: React.Context<unknown>;
|
|
3
|
-
declare class ScrollSync extends Component {
|
|
4
|
-
panes: {};
|
|
5
|
-
static defaultProps: {
|
|
6
|
-
proportional: boolean;
|
|
7
|
-
vertical: boolean;
|
|
8
|
-
horizontal: boolean;
|
|
9
|
-
enabled: boolean;
|
|
10
|
-
};
|
|
11
|
-
constructor(props: any);
|
|
12
|
-
registerPane: (node: any, groups: any) => void;
|
|
13
|
-
unregisterPane: (node: any, groups: any) => void;
|
|
14
|
-
addEvents: (node: any, groups: any) => void;
|
|
15
|
-
removeEvents: (node: any) => void;
|
|
16
|
-
findPane: (node: any, group: any) => any;
|
|
17
|
-
handlePaneScroll: (node: any, groups: any, e: any) => void;
|
|
18
|
-
syncScrollPositions: (scrolledPane: any, groups: any) => void;
|
|
19
|
-
syncScrollPosition(scrolledPane: any, pane: any): void;
|
|
20
|
-
render(): JSX.Element;
|
|
21
|
-
}
|
|
22
|
-
export { ScrollSync, ScrollSyncContext };
|
|
23
|
-
export default ScrollSync;
|
|
@@ -1,12 +0,0 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
|
-
declare function ScrollSyncProvider({ enabled, horizontal, vertical, children }: {
|
|
3
|
-
enabled: any;
|
|
4
|
-
horizontal: any;
|
|
5
|
-
vertical: any;
|
|
6
|
-
children: any;
|
|
7
|
-
}): JSX.Element;
|
|
8
|
-
declare namespace ScrollSyncProvider {
|
|
9
|
-
var propTypes: {};
|
|
10
|
-
var defaultProps: {};
|
|
11
|
-
}
|
|
12
|
-
export default ScrollSyncProvider;
|