@elliemae/ds-shared 3.5.0-rc.9 → 3.5.1-rc.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/Animations/BaseAnimation.js +5 -4
- package/dist/cjs/Animations/BaseAnimation.js.map +2 -2
- package/dist/cjs/Animations/Grow.js +5 -4
- package/dist/cjs/Animations/Grow.js.map +2 -2
- package/dist/cjs/Animations/GrowRight.js +5 -4
- package/dist/cjs/Animations/GrowRight.js.map +2 -2
- package/dist/cjs/Animations/GrowVertical.js +5 -4
- package/dist/cjs/Animations/GrowVertical.js.map +2 -2
- package/dist/cjs/FocusGroup/FocusGrid.js +5 -3
- package/dist/cjs/FocusGroup/FocusGrid.js.map +1 -1
- package/dist/cjs/FocusGroup/FocusGroupManager.js +6 -4
- package/dist/cjs/FocusGroup/FocusGroupManager.js.map +2 -2
- package/dist/cjs/FocusGroup/focusGroupManagerHoc.js +8 -7
- package/dist/cjs/FocusGroup/focusGroupManagerHoc.js.map +2 -2
- package/dist/cjs/GroupContext/Group.js +6 -4
- package/dist/cjs/GroupContext/Group.js.map +2 -2
- package/dist/cjs/GroupContext/GroupItem.js +4 -2
- package/dist/cjs/GroupContext/GroupItem.js.map +2 -2
- package/dist/cjs/ScrollSync/ScrollSync.js +5 -3
- package/dist/cjs/ScrollSync/ScrollSync.js.map +1 -1
- package/dist/cjs/ScrollSync/ScrollSyncPane.js +8 -5
- package/dist/cjs/ScrollSync/ScrollSyncPane.js.map +2 -2
- package/dist/cjs/ScrollSync/ScrollSyncProvider.js +4 -1
- package/dist/cjs/ScrollSync/ScrollSyncProvider.js.map +1 -1
- package/dist/cjs/defer-render-hoc/index.js +3 -2
- package/dist/cjs/defer-render-hoc/index.js.map +2 -2
- package/dist/cjs/toolbar/ToolbarProvider.js +25 -18
- package/dist/cjs/toolbar/ToolbarProvider.js.map +1 -1
- package/dist/cjs/useDataGrid/initColumnDefinition.js +9 -7
- package/dist/cjs/useDataGrid/initColumnDefinition.js.map +2 -2
- package/dist/cjs/virtualization/AutoHeightList.js +3 -2
- package/dist/cjs/virtualization/AutoHeightList.js.map +2 -2
- package/dist/cjs/virtualization/FluidHeightList.js +10 -8
- package/dist/cjs/virtualization/FluidHeightList.js.map +2 -2
- package/dist/esm/Animations/BaseAnimation.js +5 -4
- package/dist/esm/Animations/BaseAnimation.js.map +2 -2
- package/dist/esm/Animations/Grow.js +5 -4
- package/dist/esm/Animations/Grow.js.map +2 -2
- package/dist/esm/Animations/GrowRight.js +5 -4
- package/dist/esm/Animations/GrowRight.js.map +2 -2
- package/dist/esm/Animations/GrowVertical.js +5 -4
- package/dist/esm/Animations/GrowVertical.js.map +2 -2
- package/dist/esm/FocusGroup/FocusGrid.js +5 -3
- package/dist/esm/FocusGroup/FocusGrid.js.map +1 -1
- package/dist/esm/FocusGroup/FocusGroupManager.js +6 -4
- package/dist/esm/FocusGroup/FocusGroupManager.js.map +2 -2
- package/dist/esm/FocusGroup/focusGroupManagerHoc.js +8 -7
- package/dist/esm/FocusGroup/focusGroupManagerHoc.js.map +2 -2
- package/dist/esm/GroupContext/Group.js +6 -4
- package/dist/esm/GroupContext/Group.js.map +2 -2
- package/dist/esm/GroupContext/GroupItem.js +4 -2
- package/dist/esm/GroupContext/GroupItem.js.map +2 -2
- package/dist/esm/ScrollSync/ScrollSync.js +5 -3
- package/dist/esm/ScrollSync/ScrollSync.js.map +1 -1
- package/dist/esm/ScrollSync/ScrollSyncPane.js +8 -5
- package/dist/esm/ScrollSync/ScrollSyncPane.js.map +2 -2
- package/dist/esm/ScrollSync/ScrollSyncProvider.js +4 -1
- package/dist/esm/ScrollSync/ScrollSyncProvider.js.map +1 -1
- package/dist/esm/defer-render-hoc/index.js +3 -2
- package/dist/esm/defer-render-hoc/index.js.map +2 -2
- package/dist/esm/toolbar/ToolbarProvider.js +25 -18
- package/dist/esm/toolbar/ToolbarProvider.js.map +1 -1
- package/dist/esm/useDataGrid/initColumnDefinition.js +9 -7
- package/dist/esm/useDataGrid/initColumnDefinition.js.map +2 -2
- package/dist/esm/virtualization/AutoHeightList.js +3 -2
- package/dist/esm/virtualization/AutoHeightList.js.map +2 -2
- package/dist/esm/virtualization/FluidHeightList.js +10 -8
- package/dist/esm/virtualization/FluidHeightList.js.map +2 -2
- package/package.json +3 -3
|
@@ -30,6 +30,7 @@ __export(ToolbarProvider_exports, {
|
|
|
30
30
|
});
|
|
31
31
|
module.exports = __toCommonJS(ToolbarProvider_exports);
|
|
32
32
|
var React = __toESM(require("react"));
|
|
33
|
+
var import_jsx_runtime = require("react/jsx-runtime");
|
|
33
34
|
var import_react = __toESM(require("react"));
|
|
34
35
|
var import_ds_popover = require("@elliemae/ds-popover");
|
|
35
36
|
var import_ds_utilities = require("@elliemae/ds-utilities");
|
|
@@ -94,24 +95,30 @@ const ToolbarProvider = (0, import_react.memo)(({ delay = 200, children, onHide
|
|
|
94
95
|
}),
|
|
95
96
|
[tooltipState.reference]
|
|
96
97
|
);
|
|
97
|
-
return /* @__PURE__ */
|
|
98
|
-
value
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
|
|
107
|
-
|
|
108
|
-
|
|
109
|
-
|
|
110
|
-
|
|
111
|
-
|
|
112
|
-
|
|
113
|
-
|
|
114
|
-
|
|
98
|
+
return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Provider, {
|
|
99
|
+
value,
|
|
100
|
+
children: [
|
|
101
|
+
children,
|
|
102
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_popover.DSPopover, {
|
|
103
|
+
boundaries: "scrollParent",
|
|
104
|
+
...tooltipState.options || {},
|
|
105
|
+
content: tooltipState.renderer,
|
|
106
|
+
placement: "left",
|
|
107
|
+
referenceEl: tooltipState.reference,
|
|
108
|
+
renderer: ({ as: Component, style, children: Content }) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
|
|
109
|
+
ref: toolbarRef,
|
|
110
|
+
onMouseEnter: (e) => show(tooltipState, e),
|
|
111
|
+
onMouseLeave: hide,
|
|
112
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Component, {
|
|
113
|
+
style,
|
|
114
|
+
children: Content
|
|
115
|
+
})
|
|
116
|
+
}),
|
|
117
|
+
style: tooltipState.style,
|
|
118
|
+
visible: tooltipState.visible
|
|
119
|
+
})
|
|
120
|
+
]
|
|
121
|
+
});
|
|
115
122
|
});
|
|
116
123
|
var ToolbarProvider_default = ToolbarProvider;
|
|
117
124
|
//# sourceMappingURL=ToolbarProvider.js.map
|
|
@@ -2,6 +2,6 @@
|
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../src/toolbar/ToolbarProvider.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
|
|
4
4
|
"sourcesContent": ["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", "import * as React from 'react';\nexport { React };\n"],
|
|
5
|
-
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAkE;AAClE,wBAA0B;AAC1B,0BAAkC;AAE3B,MAAM,iBAAiB,aAAAA,QAAM,cAAc;AAElD,MAAM,EAAE,SAAS,IAAI;AAErB,MAAM,oBAAoB,CAAC,UAAU,iBAAiB;AACpD,8BAAU,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,sBAAkB,mBAAK,CAAC,EAAE,QAAQ,KAAK,UAAU,SAAS,MAAM,SAAS,KAAK,MAAM;AACxF,QAAM,gBAAY,qBAAO;AACzB,QAAM,gBAAY,qBAAO;AACzB,QAAM,iBAAa,qBAAO;AAC1B,QAAM,CAAC,cAAc,eAAe,QAAI,uBAAS,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,6CAAkB,YAAY,MAAM,KAAK,CAAC;AAE1C,QAAM,iBAAiB,CAAC,MAAM;AAC5B,QAAI,EAAE,QAAQ,UAAU;AACtB,WAAK,CAAC;AAAA,IACR;AAAA,EACF;AAEA,8BAAU,MAAM;AACd,WAAO,iBAAiB,WAAW,cAAc;AACjD,WAAO,MAAM;AACX,aAAO,oBAAoB,WAAW,cAAc;AAAA,IACtD;AAAA,EACF,CAAC;AAED,QAAM,YAAQ;AAAA,IACZ,OAAO;AAAA,MACL,OAAO;AAAA,MACP;AAAA,MACA;AAAA,IACF;AAAA,IACA,CAAC,aAAa,SAAS;AAAA,EACzB;AAEA,SACE,
|
|
5
|
+
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB;AAAA,mBAAkE;AAClE,wBAA0B;AAC1B,0BAAkC;AAE3B,MAAM,iBAAiB,aAAAA,QAAM,cAAc;AAElD,MAAM,EAAE,SAAS,IAAI;AAErB,MAAM,oBAAoB,CAAC,UAAU,iBAAiB;AACpD,8BAAU,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,sBAAkB,mBAAK,CAAC,EAAE,QAAQ,KAAK,UAAU,SAAS,MAAM,SAAS,KAAK,MAAM;AACxF,QAAM,gBAAY,qBAAO;AACzB,QAAM,gBAAY,qBAAO;AACzB,QAAM,iBAAa,qBAAO;AAC1B,QAAM,CAAC,cAAc,eAAe,QAAI,uBAAS,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,6CAAkB,YAAY,MAAM,KAAK,CAAC;AAE1C,QAAM,iBAAiB,CAAC,MAAM;AAC5B,QAAI,EAAE,QAAQ,UAAU;AACtB,WAAK,CAAC;AAAA,IACR;AAAA,EACF;AAEA,8BAAU,MAAM;AACd,WAAO,iBAAiB,WAAW,cAAc;AACjD,WAAO,MAAM;AACX,aAAO,oBAAoB,WAAW,cAAc;AAAA,IACtD;AAAA,EACF,CAAC;AAED,QAAM,YAAQ;AAAA,IACZ,OAAO;AAAA,MACL,OAAO;AAAA,MACP;AAAA,MACA;AAAA,IACF;AAAA,IACA,CAAC,aAAa,SAAS;AAAA,EACzB;AAEA,SACE,6CAAC;AAAA,IAAS;AAAA,IACP;AAAA;AAAA,MACD,4CAAC;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,4CAAC;AAAA,UAAI,KAAK;AAAA,UAAY,cAAc,CAAC,MAAM,KAAK,cAAc,CAAC;AAAA,UAAG,cAAc;AAAA,UAC9E,sDAAC;AAAA,YAAU;AAAA,YAAe;AAAA,WAAQ;AAAA,SACpC;AAAA,QAEF,OAAO,aAAa;AAAA,QACpB,SAAS,aAAa;AAAA,OACxB;AAAA;AAAA,GACF;AAEJ,CAAC;AAGD,IAAO,0BAAQ;",
|
|
6
6
|
"names": ["React"]
|
|
7
7
|
}
|
|
@@ -32,7 +32,7 @@ __export(initColumnDefinition_exports, {
|
|
|
32
32
|
});
|
|
33
33
|
module.exports = __toCommonJS(initColumnDefinition_exports);
|
|
34
34
|
var React = __toESM(require("react"));
|
|
35
|
-
var
|
|
35
|
+
var import_jsx_runtime = require("react/jsx-runtime");
|
|
36
36
|
var import_uuid = require("uuid");
|
|
37
37
|
var import_ds_utilities = require("@elliemae/ds-utilities");
|
|
38
38
|
const appendHeaderFormatter = (0, import_ds_utilities.curry)((formatter, column) => ({
|
|
@@ -108,9 +108,10 @@ const initColumnDefinition = (options = {}) => {
|
|
|
108
108
|
}
|
|
109
109
|
};
|
|
110
110
|
if (useTextTruncation && !((0, import_ds_utilities.isFunction)(column.customHeaderRenderer) || column.header.formatters.length)) {
|
|
111
|
-
column.header.formatters.push((value) => /* @__PURE__ */
|
|
112
|
-
className: "cell-value"
|
|
113
|
-
|
|
111
|
+
column.header.formatters.push((value) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
|
|
112
|
+
className: "cell-value",
|
|
113
|
+
children: value
|
|
114
|
+
}));
|
|
114
115
|
}
|
|
115
116
|
column.cell = {
|
|
116
117
|
...column.cell,
|
|
@@ -122,12 +123,13 @@ const initColumnDefinition = (options = {}) => {
|
|
|
122
123
|
}
|
|
123
124
|
};
|
|
124
125
|
if (useTextTruncation && !((0, import_ds_utilities.isFunction)(column.customRenderer) || column.cell.formatters.length)) {
|
|
125
|
-
column.cell.formatters.push((value) => /* @__PURE__ */
|
|
126
|
+
column.cell.formatters.push((value) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
|
|
126
127
|
className: "cell-value",
|
|
127
128
|
style: {
|
|
128
129
|
justifyContent: column.type === "number" ? "flex-end" : "flex-start"
|
|
129
|
-
}
|
|
130
|
-
|
|
130
|
+
},
|
|
131
|
+
children: value
|
|
132
|
+
}));
|
|
131
133
|
}
|
|
132
134
|
column.uuid = column.uuid || (0, import_uuid.v4)();
|
|
133
135
|
column.visible = column.visible === void 0 ? visible : column.visible;
|
|
@@ -2,6 +2,6 @@
|
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../src/useDataGrid/initColumnDefinition.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
|
|
4
4
|
"sourcesContent": ["/* 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", "import * as React from 'react';\nexport { React };\n"],
|
|
5
|
-
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;
|
|
6
|
-
"names": ["
|
|
5
|
+
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB;AAGA,kBAA6B;AAC7B,0BAMO;AAIA,MAAM,4BAAwB,2BAAM,CAAC,WAAW,YAAY;AAAA,EACjE,GAAG;AAAA,EACH,QAAQ;AAAA,IACN,GAAG,OAAO;AAAA,IACV,YAAY,CAAC,OAAG,yBAAI,QAAQ,qBAAqB,CAAC,CAAC,GAAG,SAAS;AAAA,EACjE;AACF,EAAE;AAEK,MAAM,0BAAsB;AAAA,EACjC,CAAC,WAAW,QAAQ,OAAO,iBAAiB;AAC1C,UAAM,iBAAa,+BAAU,MAAM;AACnC,UAAM,iBAAa,yBAAI,YAAY,CAAC,QAAQ,IAAI,GAAG,CAAC,CAAC;AACrD,UAAM,0BAAsB,yBAAI,YAAY,4BAA4B,CAAC,CAAC;AAC1E,QAAI,MAAM,QAAQ,SAAS,GAAG;AAC5B,UAAI,UAAU;AAAI,4BAAoB,KAAK,UAAU,EAAE;AACvD,iBAAW,KAAK,UAAU,EAAE;AAAA,IAC9B,OAAO;AACL,iBAAW,KAAK,SAAS;AACzB,0BAAoB,KAAK,SAAS;AAAA,IACpC;AACA,iCAAI,YAAY,CAAC,QAAQ,IAAI,GAAG,UAAU;AAC1C,iCAAI,YAAY,4BAA4B,mBAAmB;AAC/D,WAAO;AAAA,EACT;AACF;AAEA,MAAM,iCAAiC;AAAA,EACrC,WAAW;AAAA,EACX,mBAAmB;AAAA,EACnB,cAAc;AAAA,EACd,SAAS;AACX;AAEO,MAAM,mCAA+B,2BAAM,CAAC,WAAW,WAAW;AACvE,QAAM,kBAAc,yBAAI,QAAQ,CAAC,UAAU,OAAO,GAAG,CAAC,CAAC;AACvD,QAAM,kBAAkB,YAAY,aAAa;AACjD,SAAO;AAAA,IACL,GAAG;AAAA,IACH,QAAQ;AAAA,MACN,GAAG,OAAO;AAAA,MACV,OAAO;AAAA,QACL,GAAG;AAAA,QACH,WAAW,GAAG,mBAAmB;AAAA,MACnC;AAAA,IACF;AAAA,EACF;AACF,CAAC;AAEM,MAAM,uBAAuB,CAAC,UAAU,CAAC,MAAM;AAEpD,SAAO,CAAC,WAAW;AAEjB,QAAI,OAAO,SAAS,UAAU;AAE5B,aAAO,YAAY;AAAA,QACjB,WAAW;AAAA,MACb;AAAA,IACF;AACA,UAAM,EAAE,oBAAoB,MAAM,cAAc,SAAS,UAAU,IAAI;AAAA,MACrE,GAAG;AAAA,MACH,GAAG;AAAA,IACL;AAEA,QAAI,WAAW;AAEb,aAAO,mBAAmB,OAAO;AAEjC,aAAO,WAAW,OAAO,SAAS,QAAQ,QAAQ,EAAE;AAAA,IACtD;AAGA,WAAO,QAAQ;AAAA,MACb,GAAG,OAAO;AAAA,MACV,OAAO,CAAC;AAAA,IACV;AAEA,WAAO,SAAS;AAAA,MACd,GAAG,OAAO;AAAA,MACV,OAAO,OAAO;AAAA,MACd,YAAY,CAAC,OAAG,yBAAI,QAAQ,CAAC,UAAU,YAAY,GAAG,CAAC,CAAC,CAAC;AAAA,MACzD,OAAO;AAAA,QACL,OAAO,OAAO,eAAe,CAAC;AAAA,MAChC;AAAA,IACF;AACA,QACE,qBACA,MACE,gCAAW,OAAO,oBAAoB,KACtC,OAAO,OAAO,WAAW,SAE3B;AACA,aAAO,OAAO,WAAW,KAAK,CAAC,UAC7B,4CAAC;AAAA,QAAK,WAAU;AAAA,QAAc;AAAA,OAAM,CACrC;AAAA,IACH;AAGA,WAAO,OAAO;AAAA,MACZ,GAAG,OAAO;AAAA,MACV,YAAY,CAAC;AAAA,MACb,YAAY,CAAC,OAAG,yBAAI,QAAQ,CAAC,QAAQ,YAAY,GAAG,CAAC,CAAC,CAAC;AAAA,MACvD,qBAAqB,CAAC,OAAG,yBAAI,QAAQ,CAAC,QAAQ,YAAY,GAAG,CAAC,CAAC,CAAC;AAAA,MAChE,OAAO;AAAA,QACL,OAAO,OAAO,aAAa,CAAC;AAAA,MAC9B;AAAA,IACF;AAEA,QACE,qBACA,MAAE,gCAAW,OAAO,cAAc,KAAK,OAAO,KAAK,WAAW,SAC9D;AACA,aAAO,KAAK,WAAW,KAAK,CAAC,UAC3B,4CAAC;AAAA,QACC,WAAU;AAAA,QACV,OAAO;AAAA,UACL,gBACE,OAAO,SAAS,WAAW,aAAa;AAAA,QAC5C;AAAA,QAEC;AAAA,OACH,CACD;AAAA,IACH;AAEA,WAAO,OAAO,OAAO,YAAQ,YAAAA,IAAO;AAEpC,WAAO,UAAU,OAAO,YAAY,SAAY,UAAU,OAAO;AAEjE,WAAO,eAAe,OAAO,gBAAgB;AAE7C,WAAO,oBAAoB,CAAC;AAC5B,WAAO;AAAA,EACT;AACF;AAEA,IAAO,+BAAQ;",
|
|
6
|
+
"names": ["uuidv4"]
|
|
7
7
|
}
|
|
@@ -28,7 +28,8 @@ __export(AutoHeightList_exports, {
|
|
|
28
28
|
});
|
|
29
29
|
module.exports = __toCommonJS(AutoHeightList_exports);
|
|
30
30
|
var React = __toESM(require("react"));
|
|
31
|
-
var
|
|
31
|
+
var import_jsx_runtime = require("react/jsx-runtime");
|
|
32
|
+
var import_react = require("react");
|
|
32
33
|
var import_react_window = require("react-window");
|
|
33
34
|
var import_ds_utilities = require("@elliemae/ds-utilities");
|
|
34
35
|
const AutoHeightList = (0, import_react.forwardRef)(
|
|
@@ -49,7 +50,7 @@ const AutoHeightList = (0, import_react.forwardRef)(
|
|
|
49
50
|
listInstance: listRef,
|
|
50
51
|
outerListRef
|
|
51
52
|
});
|
|
52
|
-
return /* @__PURE__ */
|
|
53
|
+
return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ListComponent, {
|
|
53
54
|
...otherProps,
|
|
54
55
|
ref: (0, import_ds_utilities.mergeRefs)(ref, listRef),
|
|
55
56
|
className: (0, import_ds_utilities.cx)(className, "window-scroller-override"),
|
|
@@ -2,6 +2,6 @@
|
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../src/virtualization/AutoHeightList.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
|
|
4
4
|
"sourcesContent": ["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", "import * as React from 'react';\nexport { React };\n"],
|
|
5
|
-
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAA0C;AAC1C,0BAAsC;AACtC,0BAAqD;AAE9C,MAAM,qBAAiB;AAAA,EAC5B,CACE;AAAA,IACE;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,WAAW,gBAAgB,oBAAAA;AAAA,OACxB;AAAA,EACL,GACA,QACG;AACH,UAAM,cAAU,qBAAO;AACvB,UAAM,mBAAe,qBAAO;AAE5B,mDAAsB;AAAA,MACpB,cAAc;AAAA,MACd;AAAA,IACF,CAAC;AAED,WACE,
|
|
6
|
-
"names": ["List"
|
|
5
|
+
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB;AAAA,mBAA0C;AAC1C,0BAAsC;AACtC,0BAAqD;AAE9C,MAAM,qBAAiB;AAAA,EAC5B,CACE;AAAA,IACE;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,WAAW,gBAAgB,oBAAAA;AAAA,OACxB;AAAA,EACL,GACA,QACG;AACH,UAAM,cAAU,qBAAO;AACvB,UAAM,mBAAe,qBAAO;AAE5B,mDAAsB;AAAA,MACpB,cAAc;AAAA,MACd;AAAA,IACF,CAAC;AAED,WACE,4CAAC;AAAA,MACE,GAAG;AAAA,MACJ,SAAK,+BAAU,KAAK,OAAO;AAAA,MAC3B,eAAW,wBAAG,WAAW,0BAA0B;AAAA,MACnD,QAAQ,OAAO;AAAA,MACf;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,cAAU,+BAAU,cAAc,QAAQ;AAAA,MAC1C,eAAe;AAAA,MACf,gBAAc;AAAA,KAChB;AAAA,EAEJ;AACF;",
|
|
6
|
+
"names": ["List"]
|
|
7
7
|
}
|
|
@@ -28,15 +28,17 @@ __export(FluidHeightList_exports, {
|
|
|
28
28
|
});
|
|
29
29
|
module.exports = __toCommonJS(FluidHeightList_exports);
|
|
30
30
|
var React = __toESM(require("react"));
|
|
31
|
-
var
|
|
31
|
+
var import_jsx_runtime = require("react/jsx-runtime");
|
|
32
|
+
var import_react = require("react");
|
|
32
33
|
var import_react_virtualized_auto_sizer = __toESM(require("react-virtualized-auto-sizer"));
|
|
33
34
|
const FluidHeightList = (0, import_react.forwardRef)(
|
|
34
|
-
({ component: Component, ...props }, ref) => /* @__PURE__ */
|
|
35
|
-
disableWidth: true
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
35
|
+
({ component: Component, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_virtualized_auto_sizer.default, {
|
|
36
|
+
disableWidth: true,
|
|
37
|
+
children: ({ height: fluidHeight }) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Component, {
|
|
38
|
+
...props,
|
|
39
|
+
ref,
|
|
40
|
+
height: fluidHeight - 32
|
|
41
|
+
})
|
|
42
|
+
})
|
|
41
43
|
);
|
|
42
44
|
//# sourceMappingURL=FluidHeightList.js.map
|
|
@@ -2,6 +2,6 @@
|
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../src/virtualization/FluidHeightList.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
|
|
4
4
|
"sourcesContent": ["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", "import * as React from 'react';\nexport { React };\n"],
|
|
5
|
-
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAkC;AAClC,0CAAsB;AAEf,MAAM,sBAAkB;AAAA,EAC7B,CAAC,EAAE,WAAW,cAAc,MAAM,GAAG,QACnC,
|
|
6
|
-
"names": ["
|
|
5
|
+
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB;AAAA,mBAAkC;AAClC,0CAAsB;AAEf,MAAM,sBAAkB;AAAA,EAC7B,CAAC,EAAE,WAAW,cAAc,MAAM,GAAG,QACnC,4CAAC,oCAAAA,SAAA;AAAA,IAAU,cAAY;AAAA,IACpB,WAAC,EAAE,QAAQ,YAAY,MACtB,4CAAC;AAAA,MACE,GAAG;AAAA,MACJ;AAAA,MACA,QAAQ,cAAc;AAAA,KACxB;AAAA,GAEJ;AAEJ;",
|
|
6
|
+
"names": ["AutoSizer"]
|
|
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 { Transition } from "react-spring/renderprops";
|
|
4
4
|
const BaseAnimation = ({
|
|
5
5
|
keys = void 0,
|
|
@@ -10,15 +10,16 @@ const BaseAnimation = ({
|
|
|
10
10
|
leave = {},
|
|
11
11
|
onRest = () => null,
|
|
12
12
|
children
|
|
13
|
-
}) => /* @__PURE__ */
|
|
13
|
+
}) => /* @__PURE__ */ jsx(Transition, {
|
|
14
14
|
config: { duration },
|
|
15
15
|
enter,
|
|
16
16
|
from,
|
|
17
17
|
items,
|
|
18
18
|
keys,
|
|
19
19
|
leave,
|
|
20
|
-
onRest
|
|
21
|
-
|
|
20
|
+
onRest,
|
|
21
|
+
children
|
|
22
|
+
});
|
|
22
23
|
var BaseAnimation_default = BaseAnimation;
|
|
23
24
|
export {
|
|
24
25
|
BaseAnimation,
|
|
@@ -2,6 +2,6 @@
|
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/Animations/BaseAnimation.tsx"],
|
|
4
4
|
"sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable react/prop-types */\nimport React from 'react';\nimport { Transition } from 'react-spring/renderprops';\n\nconst BaseAnimation = ({\n keys = undefined,\n items = [],\n duration = 100,\n enter = {},\n from = {},\n leave = {},\n onRest = () => null,\n children,\n}) => (\n <Transition\n config={{ duration }}\n enter={enter}\n from={from}\n items={items}\n keys={keys}\n leave={leave}\n onRest={onRest}\n >\n {children}\n </Transition>\n);\n\nexport { BaseAnimation };\nexport default BaseAnimation;\n"],
|
|
5
|
-
"mappings": "AAAA,YAAY,WAAW;
|
|
6
|
-
"names": [
|
|
5
|
+
"mappings": "AAAA,YAAY,WAAW;ACAvB;AAEA,SAAS,kBAAkB;AAE3B,MAAM,gBAAgB,CAAC;AAAA,EACrB,OAAO;AAAA,EACP,QAAQ,CAAC;AAAA,EACT,WAAW;AAAA,EACX,QAAQ,CAAC;AAAA,EACT,OAAO,CAAC;AAAA,EACR,QAAQ,CAAC;AAAA,EACT,SAAS,MAAM;AAAA,EACf;AACF,MACE,oBAAC;AAAA,EACC,QAAQ,EAAE,SAAS;AAAA,EACnB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EAEC;AAAA,CACH;AAIF,IAAO,wBAAQ;",
|
|
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 { BaseAnimation } from "./BaseAnimation";
|
|
4
4
|
const Grow = ({
|
|
5
5
|
keys = void 0,
|
|
@@ -9,15 +9,16 @@ const Grow = ({
|
|
|
9
9
|
to = 1,
|
|
10
10
|
children,
|
|
11
11
|
onRest = () => null
|
|
12
|
-
}) => /* @__PURE__ */
|
|
12
|
+
}) => /* @__PURE__ */ jsx(BaseAnimation, {
|
|
13
13
|
duration,
|
|
14
14
|
enter: { opacity: 1, transform: `scale(${to})` },
|
|
15
15
|
from: { opacity: 0, transform: `scale(${from})` },
|
|
16
16
|
items,
|
|
17
17
|
keys,
|
|
18
18
|
leave: { opacity: 0, transform: `scale(${from})` },
|
|
19
|
-
onRest
|
|
20
|
-
|
|
19
|
+
onRest,
|
|
20
|
+
children
|
|
21
|
+
});
|
|
21
22
|
var Grow_default = Grow;
|
|
22
23
|
export {
|
|
23
24
|
Grow,
|
|
@@ -2,6 +2,6 @@
|
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/Animations/Grow.tsx"],
|
|
4
4
|
"sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport { BaseAnimation } from './BaseAnimation';\n\nconst Grow = ({\n keys = undefined,\n duration,\n items = undefined,\n from = 0,\n to = 1,\n children,\n onRest = () => null,\n}) => (\n <BaseAnimation\n duration={duration}\n enter={{ opacity: 1, transform: `scale(${to})` }}\n from={{ opacity: 0, transform: `scale(${from})` }}\n items={items}\n keys={keys}\n leave={{ opacity: 0, transform: `scale(${from})` }}\n onRest={onRest}\n >\n {children}\n </BaseAnimation>\n);\n\nexport { Grow };\nexport default Grow;\n"],
|
|
5
|
-
"mappings": "AAAA,YAAY,WAAW;ACAvB
|
|
6
|
-
"names": [
|
|
5
|
+
"mappings": "AAAA,YAAY,WAAW;ACAvB;AACA,SAAS,qBAAqB;AAE9B,MAAM,OAAO,CAAC;AAAA,EACZ,OAAO;AAAA,EACP;AAAA,EACA,QAAQ;AAAA,EACR,OAAO;AAAA,EACP,KAAK;AAAA,EACL;AAAA,EACA,SAAS,MAAM;AACjB,MACE,oBAAC;AAAA,EACC;AAAA,EACA,OAAO,EAAE,SAAS,GAAG,WAAW,SAAS,MAAM;AAAA,EAC/C,MAAM,EAAE,SAAS,GAAG,WAAW,SAAS,QAAQ;AAAA,EAChD;AAAA,EACA;AAAA,EACA,OAAO,EAAE,SAAS,GAAG,WAAW,SAAS,QAAQ;AAAA,EACjD;AAAA,EAEC;AAAA,CACH;AAIF,IAAO,eAAQ;",
|
|
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 { BaseAnimation } from "./BaseAnimation";
|
|
4
4
|
const GrowRight = ({
|
|
5
5
|
keys = void 0,
|
|
@@ -9,7 +9,7 @@ const GrowRight = ({
|
|
|
9
9
|
to = 1,
|
|
10
10
|
children,
|
|
11
11
|
onRest = () => null
|
|
12
|
-
}) => /* @__PURE__ */
|
|
12
|
+
}) => /* @__PURE__ */ jsx(BaseAnimation, {
|
|
13
13
|
duration,
|
|
14
14
|
enter: {
|
|
15
15
|
opacity: `${to}`,
|
|
@@ -25,8 +25,9 @@ const GrowRight = ({
|
|
|
25
25
|
opacity: `${from}`,
|
|
26
26
|
transform: "translateX(100%)"
|
|
27
27
|
},
|
|
28
|
-
onRest
|
|
29
|
-
|
|
28
|
+
onRest,
|
|
29
|
+
children
|
|
30
|
+
});
|
|
30
31
|
var GrowRight_default = GrowRight;
|
|
31
32
|
export {
|
|
32
33
|
GrowRight,
|
|
@@ -2,6 +2,6 @@
|
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/Animations/GrowRight.tsx"],
|
|
4
4
|
"sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport { BaseAnimation } from './BaseAnimation';\n\nconst GrowRight = ({\n keys = undefined,\n items = undefined,\n duration = 200,\n from = 0,\n to = 1,\n children,\n onRest = () => null,\n}) => (\n <BaseAnimation\n duration={duration}\n enter={{\n opacity: `${to}`,\n transform: 'translateX(0px)',\n }}\n from={{\n opacity: `${from}`,\n transform: 'translateX(100%)',\n }}\n items={items}\n keys={keys}\n leave={{\n opacity: `${from}`,\n transform: 'translateX(100%)',\n }}\n onRest={onRest}\n >\n {children}\n </BaseAnimation>\n);\n\nexport { GrowRight };\nexport default GrowRight;\n"],
|
|
5
|
-
"mappings": "AAAA,YAAY,WAAW;ACAvB
|
|
6
|
-
"names": [
|
|
5
|
+
"mappings": "AAAA,YAAY,WAAW;ACAvB;AACA,SAAS,qBAAqB;AAE9B,MAAM,YAAY,CAAC;AAAA,EACjB,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,WAAW;AAAA,EACX,OAAO;AAAA,EACP,KAAK;AAAA,EACL;AAAA,EACA,SAAS,MAAM;AACjB,MACE,oBAAC;AAAA,EACC;AAAA,EACA,OAAO;AAAA,IACL,SAAS,GAAG;AAAA,IACZ,WAAW;AAAA,EACb;AAAA,EACA,MAAM;AAAA,IACJ,SAAS,GAAG;AAAA,IACZ,WAAW;AAAA,EACb;AAAA,EACA;AAAA,EACA;AAAA,EACA,OAAO;AAAA,IACL,SAAS,GAAG;AAAA,IACZ,WAAW;AAAA,EACb;AAAA,EACA;AAAA,EAEC;AAAA,CACH;AAIF,IAAO,oBAAQ;",
|
|
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 { BaseAnimation } from "./BaseAnimation";
|
|
4
4
|
const GrowVertical = ({
|
|
5
5
|
keys = void 0,
|
|
@@ -9,7 +9,7 @@ const GrowVertical = ({
|
|
|
9
9
|
to = 1,
|
|
10
10
|
children,
|
|
11
11
|
onRest = () => null
|
|
12
|
-
}) => /* @__PURE__ */
|
|
12
|
+
}) => /* @__PURE__ */ jsx(BaseAnimation, {
|
|
13
13
|
duration,
|
|
14
14
|
enter: { opacity: 1, transform: `scaleY(${to})`, transformOrigin: "top" },
|
|
15
15
|
from: {
|
|
@@ -24,8 +24,9 @@ const GrowVertical = ({
|
|
|
24
24
|
transform: `scaleY(${from})`,
|
|
25
25
|
transformOrigin: "top"
|
|
26
26
|
},
|
|
27
|
-
onRest
|
|
28
|
-
|
|
27
|
+
onRest,
|
|
28
|
+
children
|
|
29
|
+
});
|
|
29
30
|
var GrowVertical_default = GrowVertical;
|
|
30
31
|
export {
|
|
31
32
|
GrowVertical,
|
|
@@ -2,6 +2,6 @@
|
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/Animations/GrowVertical.tsx"],
|
|
4
4
|
"sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport { BaseAnimation } from './BaseAnimation';\n\nconst GrowVertical = ({\n keys = undefined,\n duration,\n items = undefined,\n from = 0,\n to = 1,\n children,\n onRest = () => null,\n}) => (\n <BaseAnimation\n duration={duration}\n enter={{ opacity: 1, transform: `scaleY(${to})`, transformOrigin: 'top' }}\n from={{\n opacity: 0,\n transform: `scaleY(${from})`,\n transformOrigin: 'top',\n }}\n items={items}\n keys={keys}\n leave={{\n opacity: 0,\n transform: `scaleY(${from})`,\n transformOrigin: 'top',\n }}\n onRest={onRest}\n >\n {children}\n </BaseAnimation>\n);\n\nexport { GrowVertical };\nexport default GrowVertical;\n"],
|
|
5
|
-
"mappings": "AAAA,YAAY,WAAW;ACAvB
|
|
6
|
-
"names": [
|
|
5
|
+
"mappings": "AAAA,YAAY,WAAW;ACAvB;AACA,SAAS,qBAAqB;AAE9B,MAAM,eAAe,CAAC;AAAA,EACpB,OAAO;AAAA,EACP;AAAA,EACA,QAAQ;AAAA,EACR,OAAO;AAAA,EACP,KAAK;AAAA,EACL;AAAA,EACA,SAAS,MAAM;AACjB,MACE,oBAAC;AAAA,EACC;AAAA,EACA,OAAO,EAAE,SAAS,GAAG,WAAW,UAAU,OAAO,iBAAiB,MAAM;AAAA,EACxE,MAAM;AAAA,IACJ,SAAS;AAAA,IACT,WAAW,UAAU;AAAA,IACrB,iBAAiB;AAAA,EACnB;AAAA,EACA;AAAA,EACA;AAAA,EACA,OAAO;AAAA,IACL,SAAS;AAAA,IACT,WAAW,UAAU;AAAA,IACrB,iBAAiB;AAAA,EACnB;AAAA,EACA;AAAA,EAEC;AAAA,CACH;AAIF,IAAO,uBAAQ;",
|
|
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, { createContext, useEffect, useMemo, useRef } from "react";
|
|
3
4
|
import { isFunction, runAll, get, useHotkeys, mergeRefs } from "@elliemae/ds-utilities";
|
|
4
5
|
import { getNextCellPosition } from "./utils/getNextCellPosition";
|
|
@@ -140,9 +141,10 @@ const FocusGridProvider = ({
|
|
|
140
141
|
}),
|
|
141
142
|
[]
|
|
142
143
|
);
|
|
143
|
-
return /* @__PURE__ */
|
|
144
|
-
value: valueProvider
|
|
145
|
-
|
|
144
|
+
return /* @__PURE__ */ jsx(Provider, {
|
|
145
|
+
value: valueProvider,
|
|
146
|
+
children: decoratedChild
|
|
147
|
+
});
|
|
146
148
|
};
|
|
147
149
|
var FocusGrid_default = FocusGridProvider;
|
|
148
150
|
export {
|
|
@@ -2,6 +2,6 @@
|
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/FocusGroup/FocusGrid.tsx"],
|
|
4
4
|
"sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React, { createContext, useEffect, useMemo, useRef } from 'react';\nimport { isFunction, runAll, get, useHotkeys, mergeRefs } from '@elliemae/ds-utilities';\nimport { getNextCellPosition } from './utils/getNextCellPosition';\n\nconst FocusGridContext = createContext();\nconst { Provider } = FocusGridContext;\n\nconst preventDefault = e => e.preventDefault();\n\nfunction registerHotKeysHooks(hotKeys, { focusedRow, focusedCell }) {\n Object.keys(hotKeys).forEach(key => {\n const { handler, options } = hotKeys[key];\n useHotkeys({\n keys: key,\n handler: e => {\n e.preventDefault();\n handler({\n rowIndex: focusedRow.current,\n cellIndex: focusedCell.current,\n });\n },\n options,\n });\n });\n}\n\n// eslint-disable-next-line max-statements\nconst FocusGridProvider = ({\n shouldWrapRows = false,\n shouldWrapCells = false,\n shouldRefocus = true,\n children,\n keyBindings,\n hotKeys,\n}) => {\n const focusedRow = useRef();\n const focusedCell = useRef();\n const grid = useRef([]);\n const containerRef = useRef(document);\n const child = React.Children.only(children);\n const decoratedChild = React.cloneElement(child, {\n innerRef: mergeRefs(child.props.innerRef, containerRef),\n });\n\n const getNode = ({ rowIndex, cellIndex }) =>\n get(grid.current, [rowIndex, cellIndex]);\n\n const register = (node, rowIndex, columnIndex) => {\n if (!node) return;\n if (!Array.isArray(grid.current[rowIndex])) {\n grid.current[rowIndex] = [];\n }\n\n if (rowIndex === 0 && columnIndex === 0) {\n node.setAttribute('tabindex', 0);\n } else {\n node.setAttribute('tabindex', -1);\n }\n\n node.onfocus = () => {\n const prevNode = getNode({\n rowIndex: focusedRow.current,\n cellIndex: focusedCell.current,\n });\n\n if (prevNode) prevNode.setAttribute('tabindex', -1);\n\n node.setAttribute('tabindex', 0);\n focusedRow.current = rowIndex;\n focusedCell.current = columnIndex;\n };\n grid.current[rowIndex][columnIndex] = node;\n };\n\n useEffect(() => {\n if (shouldRefocus) {\n const rowIndex = focusedRow.current;\n const cellIndex = focusedCell.current;\n\n const node = get(grid.current, [rowIndex, cellIndex]);\n if (node) node.focus();\n }\n });\n\n const focusNextCell = (directionY, directionX, position) => {\n const { rowIndex, cellIndex } =\n position ||\n getNextCellPosition({\n grid: grid.current,\n currentCell: focusedCell.current,\n currentRow: focusedRow.current,\n directionX,\n directionY,\n shouldWrapCells,\n shouldWrapRows,\n });\n\n const node = getNode({ rowIndex, cellIndex });\n\n // can focus\n if (node) {\n node.focus();\n focusedRow.current = rowIndex;\n focusedCell.current = cellIndex;\n }\n };\n\n registerHotKeysHooks(hotKeys, { focusedCell, focusedRow });\n\n const defaultKeyBindings = {\n ArrowUp: runAll(preventDefault, () => focusNextCell(-1, 0)),\n ArrowRight: runAll(preventDefault, () => focusNextCell(0, 1)),\n ArrowDown: runAll(preventDefault, () => focusNextCell(1, 0)),\n ArrowLeft: runAll(preventDefault, () => focusNextCell(0, -1)),\n Home: runAll(preventDefault, e => {\n let rowIndex = focusedRow.current;\n if (e.ctrlKey) {\n rowIndex = 0;\n }\n focusNextCell(0, 0, { rowIndex, cellIndex: 0 });\n }),\n End: runAll(preventDefault, e => {\n let rowIndex = focusedRow.current;\n if (e.ctrlKey) {\n rowIndex = grid.current.length - 1;\n }\n focusNextCell(0, 0, { rowIndex, cellIndex: grid.current[0].length - 1 });\n }),\n ...keyBindings,\n };\n const nextKeyBindings = isFunction(keyBindings)\n ? keyBindings({\n defaultBindings: defaultKeyBindings,\n rowIndex: focusedRow.current,\n cellIndex: focusedCell.current,\n })\n : { ...defaultKeyBindings, ...keyBindings };\n\n const onKeyDown = e => {\n if (e.target.tagName.toLowerCase() === 'input') return;\n const action = nextKeyBindings[e.key];\n if (isFunction(action)) action(e);\n };\n\n const activate = container => {\n container.addEventListener('keydown', onKeyDown, true);\n };\n\n const deactivate = container => {\n container.removeEventListener('keydown', onKeyDown, true);\n };\n\n useEffect(() => {\n activate(containerRef.current);\n return () => {\n deactivate(containerRef.current);\n };\n }, []);\n\n const valueProvider = useMemo(\n () => ({\n register,\n }),\n [],\n );\n\n return <Provider value={valueProvider}>{decoratedChild}</Provider>;\n};\n\nexport { FocusGridProvider, FocusGridProvider as FocusGrid, FocusGridContext };\nexport default FocusGridProvider;\n"],
|
|
5
|
-
"mappings": "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
|
|
5
|
+
"mappings": "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",
|
|
6
6
|
"names": ["React"]
|
|
7
7
|
}
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
import * as React from "react";
|
|
2
|
-
import
|
|
2
|
+
import { jsx } from "react/jsx-runtime";
|
|
3
|
+
import { Component } from "react";
|
|
3
4
|
import { isFunction } from "@elliemae/ds-utilities";
|
|
4
5
|
import { FocusGroup } from "./FocusGroup";
|
|
5
6
|
import { FocusGroupContext } from "./FocusGroupContext";
|
|
@@ -73,9 +74,10 @@ class FocusGroupProvider extends Component {
|
|
|
73
74
|
}
|
|
74
75
|
render() {
|
|
75
76
|
const { children } = this.props;
|
|
76
|
-
return /* @__PURE__ */
|
|
77
|
-
value: this.actions
|
|
78
|
-
|
|
77
|
+
return /* @__PURE__ */ jsx(FocusGroupContext.Provider, {
|
|
78
|
+
value: this.actions,
|
|
79
|
+
children
|
|
80
|
+
});
|
|
79
81
|
}
|
|
80
82
|
}
|
|
81
83
|
FocusGroupProvider.defaultProps = {
|
|
@@ -2,6 +2,6 @@
|
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/FocusGroup/FocusGroupManager.tsx"],
|
|
4
4
|
"sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React, { Component, useEffect } from 'react';\nimport { isFunction } from '@elliemae/ds-utilities';\nimport { FocusGroup } from './FocusGroup';\nimport { FocusGroupContext } from './FocusGroupContext';\n\nconst noop = () => null;\n\nclass FocusGroupProvider extends Component {\n activated = false;\n\n static defaultProps = {\n exitWhenNoPrevious: false,\n exitWhenNoNext: false,\n keyBindings: {},\n onFocus: noop,\n onExitFocusGroup: noop,\n onFocusPreviousGroup: noop,\n onFocusNextGroup: noop,\n onFocusGroupSet: noop,\n };\n\n constructor(props) {\n super(props);\n\n this.focusGroup = new FocusGroup(props);\n\n props.onFocusGroupSet(this);\n\n this.actions = {\n activate: this.activate.bind(this),\n deactivate: this.deactivate.bind(this),\n register: this.focusGroup.register,\n unregister: this.unregister.bind(this),\n focusFirst: this.focusGroup.focusFirst,\n focusLast: this.focusGroup.focusLast,\n focusItemByIndex: this.focusItemByIndex.bind(this),\n focusItemByNode: this.focusItemByNode.bind(this),\n focus: this.focusGroup.focusCurrent,\n isGroupActive: this.focusGroup.isGroupActive,\n focusNext: this.focusGroup.focusNext,\n focusPrevious: this.focusGroup.focusPrevious,\n };\n }\n\n componentDidMount() {\n const { autoFocusOnMount } = this.props;\n\n this.activate();\n\n if (autoFocusOnMount) {\n setTimeout(() => {\n this.actions.focusFirst();\n }, 0);\n }\n }\n\n componentWillUnmount() {\n this.deactivate();\n }\n\n activate() {\n const { onActivate } = this.props;\n this.focusGroup.activate();\n this.activated = true;\n if (isFunction(onActivate)) onActivate();\n }\n\n deactivate() {\n const { onExitFocusGroup } = this.props;\n this.activated = false;\n this.focusGroup.deactivate();\n if (isFunction(onExitFocusGroup)) {\n onExitFocusGroup();\n }\n }\n\n register(item) {\n this.focusGroup.register(item);\n }\n\n unregister(item) {\n this.focusGroup.unregister(item);\n }\n\n focusItemByIndex(index) {\n if (!this.activated) this.activate();\n setTimeout(() => {\n this.focusGroup.focusByIndex(index);\n }, 200);\n }\n\n focusItemByNode(node) {\n if (!this.activated) this.activate();\n const index = this.focusGroup.getItemIndexByNode(node);\n this.focusItemByIndex(index);\n }\n\n render() {\n const { children } = this.props;\n return (\n <FocusGroupContext.Provider value={this.actions}>\n {children}\n </FocusGroupContext.Provider>\n );\n }\n}\n\nexport { FocusGroupProvider, FocusGroupProvider as FocusGroupManager };\nexport default FocusGroupProvider;\n"],
|
|
5
|
-
"mappings": "AAAA,YAAY,WAAW;ACAvB,
|
|
6
|
-
"names": [
|
|
5
|
+
"mappings": "AAAA,YAAY,WAAW;ACAvB;AAAA,SAAgB,iBAA4B;AAC5C,SAAS,kBAAkB;AAC3B,SAAS,kBAAkB;AAC3B,SAAS,yBAAyB;AAElC,MAAM,OAAO,MAAM;AAEnB,MAAM,2BAA2B,UAAU;AAAA,EAczC,YAAY,OAAO;AACjB,UAAM,KAAK;AAdb,qBAAY;AAgBV,SAAK,aAAa,IAAI,WAAW,KAAK;AAEtC,UAAM,gBAAgB,IAAI;AAE1B,SAAK,UAAU;AAAA,MACb,UAAU,KAAK,SAAS,KAAK,IAAI;AAAA,MACjC,YAAY,KAAK,WAAW,KAAK,IAAI;AAAA,MACrC,UAAU,KAAK,WAAW;AAAA,MAC1B,YAAY,KAAK,WAAW,KAAK,IAAI;AAAA,MACrC,YAAY,KAAK,WAAW;AAAA,MAC5B,WAAW,KAAK,WAAW;AAAA,MAC3B,kBAAkB,KAAK,iBAAiB,KAAK,IAAI;AAAA,MACjD,iBAAiB,KAAK,gBAAgB,KAAK,IAAI;AAAA,MAC/C,OAAO,KAAK,WAAW;AAAA,MACvB,eAAe,KAAK,WAAW;AAAA,MAC/B,WAAW,KAAK,WAAW;AAAA,MAC3B,eAAe,KAAK,WAAW;AAAA,IACjC;AAAA,EACF;AAAA,EAEA,oBAAoB;AAClB,UAAM,EAAE,iBAAiB,IAAI,KAAK;AAElC,SAAK,SAAS;AAEd,QAAI,kBAAkB;AACpB,iBAAW,MAAM;AACf,aAAK,QAAQ,WAAW;AAAA,MAC1B,GAAG,CAAC;AAAA,IACN;AAAA,EACF;AAAA,EAEA,uBAAuB;AACrB,SAAK,WAAW;AAAA,EAClB;AAAA,EAEA,WAAW;AACT,UAAM,EAAE,WAAW,IAAI,KAAK;AAC5B,SAAK,WAAW,SAAS;AACzB,SAAK,YAAY;AACjB,QAAI,WAAW,UAAU;AAAG,iBAAW;AAAA,EACzC;AAAA,EAEA,aAAa;AACX,UAAM,EAAE,iBAAiB,IAAI,KAAK;AAClC,SAAK,YAAY;AACjB,SAAK,WAAW,WAAW;AAC3B,QAAI,WAAW,gBAAgB,GAAG;AAChC,uBAAiB;AAAA,IACnB;AAAA,EACF;AAAA,EAEA,SAAS,MAAM;AACb,SAAK,WAAW,SAAS,IAAI;AAAA,EAC/B;AAAA,EAEA,WAAW,MAAM;AACf,SAAK,WAAW,WAAW,IAAI;AAAA,EACjC;AAAA,EAEA,iBAAiB,OAAO;AACtB,QAAI,CAAC,KAAK;AAAW,WAAK,SAAS;AACnC,eAAW,MAAM;AACf,WAAK,WAAW,aAAa,KAAK;AAAA,IACpC,GAAG,GAAG;AAAA,EACR;AAAA,EAEA,gBAAgB,MAAM;AACpB,QAAI,CAAC,KAAK;AAAW,WAAK,SAAS;AACnC,UAAM,QAAQ,KAAK,WAAW,mBAAmB,IAAI;AACrD,SAAK,iBAAiB,KAAK;AAAA,EAC7B;AAAA,EAEA,SAAS;AACP,UAAM,EAAE,SAAS,IAAI,KAAK;AAC1B,WACE,oBAAC,kBAAkB,UAAlB;AAAA,MAA2B,OAAO,KAAK;AAAA,MACrC;AAAA,KACH;AAAA,EAEJ;AACF;AAlGM,mBAGG,eAAe;AAAA,EACpB,oBAAoB;AAAA,EACpB,gBAAgB;AAAA,EAChB,aAAa,CAAC;AAAA,EACd,SAAS;AAAA,EACT,kBAAkB;AAAA,EAClB,sBAAsB;AAAA,EACtB,kBAAkB;AAAA,EAClB,iBAAiB;AACnB;AAyFF,IAAO,4BAAQ;",
|
|
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 { FocusGroupProvider } from "./FocusGroupManager";
|
|
4
4
|
function FocusGroupHoc(WrappedComponent, options = {}) {
|
|
5
5
|
return ({
|
|
@@ -7,15 +7,16 @@ function FocusGroupHoc(WrappedComponent, options = {}) {
|
|
|
7
7
|
onFocusPrevGroup,
|
|
8
8
|
focusKeyBindings,
|
|
9
9
|
...props
|
|
10
|
-
}) => /* @__PURE__ */
|
|
10
|
+
}) => /* @__PURE__ */ jsx(FocusGroupProvider, {
|
|
11
11
|
keyBindings: focusKeyBindings,
|
|
12
12
|
onExitFocusGroup,
|
|
13
13
|
onFocusPrevGroup,
|
|
14
|
-
...options
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
14
|
+
...options,
|
|
15
|
+
children: /* @__PURE__ */ jsx(WrappedComponent, {
|
|
16
|
+
...props,
|
|
17
|
+
...options
|
|
18
|
+
})
|
|
19
|
+
});
|
|
19
20
|
}
|
|
20
21
|
var focusGroupManagerHoc_default = FocusGroupHoc;
|
|
21
22
|
export {
|
|
@@ -2,6 +2,6 @@
|
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/FocusGroup/focusGroupManagerHoc.tsx"],
|
|
4
4
|
"sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable react/display-name */\nimport React from 'react';\nimport { FocusGroupProvider } from './FocusGroupManager';\n\nfunction FocusGroupHoc(WrappedComponent, options = {}) {\n return ({\n onExitFocusGroup,\n onFocusPrevGroup,\n focusKeyBindings,\n ...props\n }) => (\n <FocusGroupProvider\n keyBindings={focusKeyBindings}\n onExitFocusGroup={onExitFocusGroup}\n onFocusPrevGroup={onFocusPrevGroup}\n {...options}\n >\n <WrappedComponent {...props} {...options} />\n </FocusGroupProvider>\n );\n}\n\nexport { FocusGroupHoc };\nexport default FocusGroupHoc;\n"],
|
|
5
|
-
"mappings": "AAAA,YAAY,WAAW;
|
|
6
|
-
"names": [
|
|
5
|
+
"mappings": "AAAA,YAAY,WAAW;ACAvB;AAEA,SAAS,0BAA0B;AAEnC,SAAS,cAAc,kBAAkB,UAAU,CAAC,GAAG;AACrD,SAAO,CAAC;AAAA,IACN;AAAA,IACA;AAAA,IACA;AAAA,OACG;AAAA,EACL,MACE,oBAAC;AAAA,IACC,aAAa;AAAA,IACb;AAAA,IACA;AAAA,IACC,GAAG;AAAA,IAEJ,8BAAC;AAAA,MAAkB,GAAG;AAAA,MAAQ,GAAG;AAAA,KAAS;AAAA,GAC5C;AAEJ;AAGA,IAAO,+BAAQ;",
|
|
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 { Component } from "react";
|
|
3
4
|
import PropTypes from "prop-types";
|
|
4
5
|
import { GroupContext } from "./GroupContext";
|
|
5
6
|
const getValueItem = (e) => {
|
|
@@ -63,9 +64,10 @@ class Group extends Component {
|
|
|
63
64
|
}
|
|
64
65
|
render() {
|
|
65
66
|
const { children } = this.props;
|
|
66
|
-
return /* @__PURE__ */
|
|
67
|
-
value: this.state
|
|
68
|
-
|
|
67
|
+
return /* @__PURE__ */ jsx(Provider, {
|
|
68
|
+
value: this.state,
|
|
69
|
+
children
|
|
70
|
+
});
|
|
69
71
|
}
|
|
70
72
|
}
|
|
71
73
|
Group.defaultProps = {
|
|
@@ -2,6 +2,6 @@
|
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/GroupContext/Group.tsx"],
|
|
4
4
|
"sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable react/no-unused-state */\nimport React, { Component } from 'react';\nimport PropTypes from 'prop-types';\nimport { GroupContext } from './GroupContext';\n\nconst getValueItem = (e) => {\n const { target, currentTarget } = e;\n if (target) {\n const { value } = target;\n return value;\n }\n if (currentTarget) {\n const { value } = currentTarget;\n return value;\n }\n return e;\n};\n\nconst toggleItemValue = (array, e) => {\n const newvalue = getValueItem(e);\n const res = array;\n const index = array.indexOf(newvalue);\n\n if (index === -1) {\n res.push(newvalue);\n } else {\n res.splice(index, 1);\n }\n\n return res;\n};\n\nconst { Provider } = GroupContext;\n/** deprecated use CheckableGroup instead */\nclass Group extends Component {\n constructor(props) {\n super(props);\n const { activeValue, disabled } = props;\n this.state = {\n activeValue,\n disabled,\n prevValue: null,\n onChange: this.handleChange.bind(this),\n };\n }\n\n static getDerivedStateFromProps(nextProps, { prevValue }) {\n if (nextProps.activeValue === prevValue) return null;\n return {\n activeValue: nextProps.activeValue,\n prevValue: nextProps.activeValue,\n };\n }\n\n handleChange(e, ...rest) {\n const { multiple, onChange } = this.props;\n const { activeValue } = this.state;\n const value = getValueItem(e);\n let newValue;\n if (multiple) {\n newValue = toggleItemValue(activeValue || [], value);\n } else if (activeValue !== value) {\n // default behaviour it will be toggle the active value\n newValue = value;\n }\n\n this.setState({\n activeValue: newValue,\n });\n\n if (onChange) onChange(newValue, ...rest);\n }\n\n render() {\n const { children } = this.props;\n return <Provider value={this.state}>{children}</Provider>;\n }\n}\n\nGroup.defaultProps = {\n multiple: false,\n};\n\nGroup.propTypes = {\n children: PropTypes.node,\n multiple: PropTypes.bool,\n onChange: PropTypes.func,\n activeValue: PropTypes.oneOfType([PropTypes.array, PropTypes.number, PropTypes.string]),\n disabled: PropTypes.bool,\n};\n\nexport { Group };\nexport default Group;\n"],
|
|
5
|
-
"mappings": "AAAA,YAAY,WAAW;
|
|
6
|
-
"names": [
|
|
5
|
+
"mappings": "AAAA,YAAY,WAAW;ACAvB;AACA,SAAgB,iBAAiB;AACjC,OAAO,eAAe;AACtB,SAAS,oBAAoB;AAE7B,MAAM,eAAe,CAAC,MAAM;AAC1B,QAAM,EAAE,QAAQ,cAAc,IAAI;AAClC,MAAI,QAAQ;AACV,UAAM,EAAE,MAAM,IAAI;AAClB,WAAO;AAAA,EACT;AACA,MAAI,eAAe;AACjB,UAAM,EAAE,MAAM,IAAI;AAClB,WAAO;AAAA,EACT;AACA,SAAO;AACT;AAEA,MAAM,kBAAkB,CAAC,OAAO,MAAM;AACpC,QAAM,WAAW,aAAa,CAAC;AAC/B,QAAM,MAAM;AACZ,QAAM,QAAQ,MAAM,QAAQ,QAAQ;AAEpC,MAAI,UAAU,IAAI;AAChB,QAAI,KAAK,QAAQ;AAAA,EACnB,OAAO;AACL,QAAI,OAAO,OAAO,CAAC;AAAA,EACrB;AAEA,SAAO;AACT;AAEA,MAAM,EAAE,SAAS,IAAI;AAErB,MAAM,cAAc,UAAU;AAAA,EAC5B,YAAY,OAAO;AACjB,UAAM,KAAK;AACX,UAAM,EAAE,aAAa,SAAS,IAAI;AAClC,SAAK,QAAQ;AAAA,MACX;AAAA,MACA;AAAA,MACA,WAAW;AAAA,MACX,UAAU,KAAK,aAAa,KAAK,IAAI;AAAA,IACvC;AAAA,EACF;AAAA,EAEA,OAAO,yBAAyB,WAAW,EAAE,UAAU,GAAG;AACxD,QAAI,UAAU,gBAAgB;AAAW,aAAO;AAChD,WAAO;AAAA,MACL,aAAa,UAAU;AAAA,MACvB,WAAW,UAAU;AAAA,IACvB;AAAA,EACF;AAAA,EAEA,aAAa,MAAM,MAAM;AACvB,UAAM,EAAE,UAAU,SAAS,IAAI,KAAK;AACpC,UAAM,EAAE,YAAY,IAAI,KAAK;AAC7B,UAAM,QAAQ,aAAa,CAAC;AAC5B,QAAI;AACJ,QAAI,UAAU;AACZ,iBAAW,gBAAgB,eAAe,CAAC,GAAG,KAAK;AAAA,IACrD,WAAW,gBAAgB,OAAO;AAEhC,iBAAW;AAAA,IACb;AAEA,SAAK,SAAS;AAAA,MACZ,aAAa;AAAA,IACf,CAAC;AAED,QAAI;AAAU,eAAS,UAAU,GAAG,IAAI;AAAA,EAC1C;AAAA,EAEA,SAAS;AACP,UAAM,EAAE,SAAS,IAAI,KAAK;AAC1B,WAAO,oBAAC;AAAA,MAAS,OAAO,KAAK;AAAA,MAAQ;AAAA,KAAS;AAAA,EAChD;AACF;AAEA,MAAM,eAAe;AAAA,EACnB,UAAU;AACZ;AAEA,MAAM,YAAY;AAAA,EAChB,UAAU,UAAU;AAAA,EACpB,UAAU,UAAU;AAAA,EACpB,UAAU,UAAU;AAAA,EACpB,aAAa,UAAU,UAAU,CAAC,UAAU,OAAO,UAAU,QAAQ,UAAU,MAAM,CAAC;AAAA,EACtF,UAAU,UAAU;AACtB;AAGA,IAAO,gBAAQ;",
|
|
6
|
+
"names": []
|
|
7
7
|
}
|
|
@@ -1,8 +1,10 @@
|
|
|
1
1
|
import * as React from "react";
|
|
2
|
-
import
|
|
2
|
+
import { jsx } from "react/jsx-runtime";
|
|
3
3
|
import { GroupContext } from "./GroupContext";
|
|
4
4
|
const { Consumer } = GroupContext;
|
|
5
|
-
const GroupItem = ({ render }) => /* @__PURE__ */
|
|
5
|
+
const GroupItem = ({ render }) => /* @__PURE__ */ jsx(Consumer, {
|
|
6
|
+
children: (context) => render(context)
|
|
7
|
+
});
|
|
6
8
|
var GroupItem_default = GroupItem;
|
|
7
9
|
export {
|
|
8
10
|
GroupItem,
|
|
@@ -2,6 +2,6 @@
|
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/GroupContext/GroupItem.tsx"],
|
|
4
4
|
"sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport { GroupContext } from './GroupContext';\n\nconst { Consumer } = GroupContext;\n\nconst GroupItem = ({ render }) => (\n <Consumer>{context => render(context)}</Consumer>\n);\n\nexport { GroupItem };\nexport default GroupItem;\n"],
|
|
5
|
-
"mappings": "AAAA,YAAY,WAAW;ACAvB
|
|
6
|
-
"names": [
|
|
5
|
+
"mappings": "AAAA,YAAY,WAAW;ACAvB;AACA,SAAS,oBAAoB;AAE7B,MAAM,EAAE,SAAS,IAAI;AAErB,MAAM,YAAY,CAAC,EAAE,OAAO,MAC1B,oBAAC;AAAA,EAAU,uBAAW,OAAO,OAAO;AAAA,CAAE;AAIxC,IAAO,oBAAQ;",
|
|
6
|
+
"names": []
|
|
7
7
|
}
|