@eccenca/gui-elements 23.6.0 → 23.7.0-rc.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/CHANGELOG.md +22 -0
- package/dist/cjs/cmem/markdown/Markdown.js +10 -2
- package/dist/cjs/cmem/markdown/Markdown.js.map +1 -1
- package/dist/cjs/cmem/react-flow/StickyNoteModal/StickyNoteModal.js +4 -4
- package/dist/cjs/cmem/react-flow/StickyNoteModal/StickyNoteModal.js.map +1 -1
- package/dist/cjs/common/index.js +2 -0
- package/dist/cjs/common/index.js.map +1 -1
- package/dist/cjs/common/utils/getScrollParent.js +24 -0
- package/dist/cjs/common/utils/getScrollParent.js.map +1 -0
- package/dist/cjs/components/AutocompleteField/AutoCompleteField.js +19 -2
- package/dist/cjs/components/AutocompleteField/AutoCompleteField.js.map +1 -1
- package/dist/cjs/components/MultiSelect/MultiSelect.js +66 -41
- package/dist/cjs/components/MultiSelect/MultiSelect.js.map +1 -1
- package/dist/cjs/components/Sticky/StickyTarget.js +85 -0
- package/dist/cjs/components/Sticky/StickyTarget.js.map +1 -0
- package/dist/cjs/components/Sticky/index.js +14 -0
- package/dist/cjs/components/Sticky/index.js.map +1 -0
- package/dist/cjs/components/index.js +1 -0
- package/dist/cjs/components/index.js.map +1 -1
- package/dist/cjs/extensions/codemirror/CodeMirror.js +1 -1
- package/dist/cjs/extensions/codemirror/CodeMirror.js.map +1 -1
- package/dist/cjs/extensions/react-flow/edges/EdgeDefault.js +7 -7
- package/dist/cjs/extensions/react-flow/edges/EdgeDefault.js.map +1 -1
- package/dist/cjs/extensions/react-flow/edges/EdgeLabel.js +3 -2
- package/dist/cjs/extensions/react-flow/edges/EdgeLabel.js.map +1 -1
- package/dist/cjs/extensions/react-flow/handles/HandleContent.js +14 -2
- package/dist/cjs/extensions/react-flow/handles/HandleContent.js.map +1 -1
- package/dist/cjs/extensions/react-flow/handles/HandleTools.js +1 -1
- package/dist/cjs/extensions/react-flow/handles/HandleTools.js.map +1 -1
- package/dist/cjs/extensions/react-flow/minimap/MiniMap.js +6 -8
- package/dist/cjs/extensions/react-flow/minimap/MiniMap.js.map +1 -1
- package/dist/esm/cmem/markdown/Markdown.js +10 -2
- package/dist/esm/cmem/markdown/Markdown.js.map +1 -1
- package/dist/esm/cmem/react-flow/StickyNoteModal/StickyNoteModal.js +5 -5
- package/dist/esm/cmem/react-flow/StickyNoteModal/StickyNoteModal.js.map +1 -1
- package/dist/esm/common/index.js +2 -0
- package/dist/esm/common/index.js.map +1 -1
- package/dist/esm/common/utils/getScrollParent.js +20 -0
- package/dist/esm/common/utils/getScrollParent.js.map +1 -0
- package/dist/esm/components/AutocompleteField/AutoCompleteField.js +27 -2
- package/dist/esm/components/AutocompleteField/AutoCompleteField.js.map +1 -1
- package/dist/esm/components/MultiSelect/MultiSelect.js +72 -52
- package/dist/esm/components/MultiSelect/MultiSelect.js.map +1 -1
- package/dist/esm/components/Sticky/StickyTarget.js +89 -0
- package/dist/esm/components/Sticky/StickyTarget.js.map +1 -0
- package/dist/esm/components/Sticky/index.js +2 -0
- package/dist/esm/components/Sticky/index.js.map +1 -0
- package/dist/esm/components/index.js +1 -0
- package/dist/esm/components/index.js.map +1 -1
- package/dist/esm/extensions/codemirror/CodeMirror.js +1 -1
- package/dist/esm/extensions/codemirror/CodeMirror.js.map +1 -1
- package/dist/esm/extensions/react-flow/edges/EdgeDefault.js +7 -7
- package/dist/esm/extensions/react-flow/edges/EdgeDefault.js.map +1 -1
- package/dist/esm/extensions/react-flow/edges/EdgeLabel.js +3 -2
- package/dist/esm/extensions/react-flow/edges/EdgeLabel.js.map +1 -1
- package/dist/esm/extensions/react-flow/handles/HandleContent.js +13 -2
- package/dist/esm/extensions/react-flow/handles/HandleContent.js.map +1 -1
- package/dist/esm/extensions/react-flow/handles/HandleTools.js +1 -1
- package/dist/esm/extensions/react-flow/handles/HandleTools.js.map +1 -1
- package/dist/esm/extensions/react-flow/minimap/MiniMap.js +6 -8
- package/dist/esm/extensions/react-flow/minimap/MiniMap.js.map +1 -1
- package/dist/types/cmem/react-flow/StickyNoteModal/StickyNoteModal.d.ts +5 -0
- package/dist/types/cmem/react-flow/configuration/graph.d.ts +9 -9
- package/dist/types/cmem/react-flow/configuration/unspecified.d.ts +2 -2
- package/dist/types/common/index.d.ts +2 -0
- package/dist/types/common/utils/getScrollParent.d.ts +9 -0
- package/dist/types/components/AutocompleteField/AutoCompleteField.d.ts +2 -0
- package/dist/types/components/MultiSelect/MultiSelect.d.ts +1 -1
- package/dist/types/components/Sticky/StickyTarget.d.ts +32 -0
- package/dist/types/components/Sticky/index.d.ts +1 -0
- package/dist/types/components/index.d.ts +1 -0
- package/dist/types/extensions/react-flow/edges/EdgeDefault.d.ts +6 -1
- package/dist/types/extensions/react-flow/edges/EdgeLabel.d.ts +1 -1
- package/dist/types/extensions/react-flow/edges/edgeTypes.d.ts +10 -10
- package/dist/types/extensions/react-flow/handles/HandleContent.d.ts +2 -3
- package/dist/types/extensions/react-flow/minimap/MiniMap.d.ts +12 -1
- package/package.json +3 -1
- package/src/cmem/markdown/Markdown.stories.tsx +8 -1
- package/src/cmem/markdown/Markdown.tsx +22 -1
- package/src/cmem/react-flow/ReactFlow/ReactFlow.stories.tsx +10 -4
- package/src/cmem/react-flow/StickyNoteModal/StickyNoteModal.tsx +8 -3
- package/src/common/index.ts +3 -0
- package/src/common/utils/getScrollParent.ts +20 -0
- package/src/components/AutocompleteField/AutoCompleteField.tsx +28 -0
- package/src/components/AutocompleteField/autocompletefield.scss +1 -1
- package/src/components/MultiSelect/MultiSelect.tsx +72 -47
- package/src/components/MultiSuggestField/MultiSuggestField.stories.tsx +146 -26
- package/src/components/MultiSuggestField/tests/MultiSuggestField.test.tsx +363 -61
- package/src/components/Sticky/StickyTarget.tsx +119 -0
- package/src/components/Sticky/index.ts +1 -0
- package/src/components/Sticky/sticky.scss +69 -0
- package/src/components/Sticky/stories/StickyTarget.stories.tsx +63 -0
- package/src/components/index.scss +1 -0
- package/src/components/index.ts +1 -0
- package/src/extensions/codemirror/CodeMirror.tsx +1 -1
- package/src/extensions/react-flow/edges/EdgeDefault.tsx +70 -62
- package/src/extensions/react-flow/edges/EdgeLabel.tsx +14 -2
- package/src/extensions/react-flow/edges/stories/EdgeDefault.stories.tsx +11 -5
- package/src/extensions/react-flow/edges/stories/EdgeLabel.stories.tsx +2 -0
- package/src/extensions/react-flow/handles/HandleContent.tsx +28 -25
- package/src/extensions/react-flow/handles/HandleTools.tsx +1 -0
- package/src/extensions/react-flow/handles/stories/HandleDefault.stories.tsx +5 -1
- package/src/extensions/react-flow/minimap/MiniMap.stories.tsx +62 -0
- package/src/extensions/react-flow/minimap/MiniMap.tsx +23 -7
- package/src/extensions/react-flow/nodes/stories/NodeContent.stories.tsx +2 -0
- package/src/extensions/react-flow/nodes/stories/NodeContentExtension.stories.tsx +2 -0
- package/src/extensions/react-flow/nodes/stories/NodeDefault.stories.tsx +0 -1
package/CHANGELOG.md
CHANGED
|
@@ -6,6 +6,28 @@ The format is based on [Keep a Changelog](http://keepachangelog.com/) and this p
|
|
|
6
6
|
|
|
7
7
|
## [Unreleased]
|
|
8
8
|
|
|
9
|
+
### Added
|
|
10
|
+
|
|
11
|
+
- `<ReactFlow/>`, `<StickyNoteModal/>`, `<EdgeDefault/>`, `<EdgeLabel/>`, `<HandleContent/>`, `<HandleTools/>`, `<MiniMap/>`
|
|
12
|
+
- all react flow components are now be able to process test ids as data attributes, e.g. `data-test-id` and `data-testid`, sometimes as direct property, in other cases as part of properties routed to the wrapper elements
|
|
13
|
+
- storybook documentation was enhanced by demonstration the usage of test ids
|
|
14
|
+
- `<Markdown />`
|
|
15
|
+
- Do syntax highlighting when a class name is set in the form `language-<LANGUAGE_NAME>`.
|
|
16
|
+
- `<StickyTarget/>`
|
|
17
|
+
- Element wraps the content that need to be displayed sticky.
|
|
18
|
+
- `utils`
|
|
19
|
+
- `getScrollParent`: method to find the scroll parent of an element
|
|
20
|
+
- `<AutoCompleteField />`
|
|
21
|
+
- Support loading more results when scrolling to the end of the result list.
|
|
22
|
+
|
|
23
|
+
### Fixed
|
|
24
|
+
|
|
25
|
+
- `<MultiSuggestField />`
|
|
26
|
+
- Added logic for contolled state for the component if `selectedItems` and `onSelection` passed.
|
|
27
|
+
- Fixed deferred `selectedItems` setting.
|
|
28
|
+
- `<StickyNoteModal/>`
|
|
29
|
+
- static test id `data-test-id="sticky-note-modal"` will be removed with next major version
|
|
30
|
+
|
|
9
31
|
## [23.6.0] - 2024-04-17
|
|
10
32
|
|
|
11
33
|
### Added
|
|
@@ -17,7 +17,9 @@ Object.defineProperty(exports, "__esModule", { value: true });
|
|
|
17
17
|
exports.Markdown = void 0;
|
|
18
18
|
const react_1 = __importDefault(require("react"));
|
|
19
19
|
const react_markdown_1 = __importDefault(require("react-markdown"));
|
|
20
|
-
|
|
20
|
+
const react_syntax_highlighter_1 = require("react-syntax-highlighter");
|
|
21
|
+
const prism_1 = require("react-syntax-highlighter/dist/esm/styles/prism");
|
|
22
|
+
// @ts-expect-error: No declaration file for module
|
|
21
23
|
const remark_typograf_1 = __importDefault(require("@mavrin/remark-typograf"));
|
|
22
24
|
const rehype_raw_1 = __importDefault(require("rehype-raw"));
|
|
23
25
|
const remark_definition_list_1 = require("remark-definition-list");
|
|
@@ -95,7 +97,13 @@ const Markdown = (_a) => {
|
|
|
95
97
|
const linkTarget = href.charAt(0) !== "#" ? linkTargetName : "";
|
|
96
98
|
return linkTarget;
|
|
97
99
|
}
|
|
98
|
-
: undefined
|
|
100
|
+
: undefined, components: {
|
|
101
|
+
code(props) {
|
|
102
|
+
const { children, className, node } = props, rest = __rest(props, ["children", "className", "node"]);
|
|
103
|
+
const match = /language-(\w+)/.exec(className || "");
|
|
104
|
+
return match ? (react_1.default.createElement(react_syntax_highlighter_1.Prism, Object.assign({}, rest, { PreTag: "div", children: String(children).replace(/\n$/, ""), language: match[1], style: prism_1.materialLight }))) : (react_1.default.createElement("code", Object.assign({}, rest, { className: className }), children));
|
|
105
|
+
},
|
|
106
|
+
} });
|
|
99
107
|
allowedElements && (reactMarkdownProperties.allowedElements = allowedElements);
|
|
100
108
|
reHypePlugins &&
|
|
101
109
|
reHypePlugins.forEach((plugin) => (reactMarkdownProperties.rehypePlugins = [...reactMarkdownProperties.rehypePlugins, plugin]));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Markdown.js","sourceRoot":"","sources":["../../../../src/cmem/markdown/Markdown.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAAA,kDAA0B;AAC1B,oEAA2C;AAE3C,
|
|
1
|
+
{"version":3,"file":"Markdown.js","sourceRoot":"","sources":["../../../../src/cmem/markdown/Markdown.tsx"],"names":[],"mappings":"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"}
|
|
@@ -9,8 +9,8 @@ const getColorConfiguration_1 = __importDefault(require("../../../common/utils/g
|
|
|
9
9
|
const extensions_1 = require("../../../extensions");
|
|
10
10
|
const ReactFlowHotkeyContext_1 = require("../extensions/ReactFlowHotkeyContext");
|
|
11
11
|
const index_1 = require("./../../../index");
|
|
12
|
-
exports.StickyNoteModal = react_1.default.memo(({ metaData, onClose, onSubmit, translate }) => {
|
|
13
|
-
var _a, _b;
|
|
12
|
+
exports.StickyNoteModal = react_1.default.memo(({ metaData, onClose, onSubmit, translate, simpleDialogProps }) => {
|
|
13
|
+
var _a, _b, _c;
|
|
14
14
|
const refNote = react_1.default.useRef((_a = metaData === null || metaData === void 0 ? void 0 : metaData.note) !== null && _a !== void 0 ? _a : "");
|
|
15
15
|
const [color, setSelectedColor] = react_1.default.useState((_b = metaData === null || metaData === void 0 ? void 0 : metaData.color) !== null && _b !== void 0 ? _b : "");
|
|
16
16
|
const noteColors = Object.entries((0, getColorConfiguration_1.default)("stickynotes")).map(([key, value]) => [key, value]);
|
|
@@ -36,13 +36,13 @@ exports.StickyNoteModal = react_1.default.memo(({ metaData, onClose, onSubmit, t
|
|
|
36
36
|
: {};
|
|
37
37
|
return (react_1.default.createElement(index_1.Tag, Object.assign({ round: true, onClick: () => setSelectedColor(colorValue), backgroundColor: colorValue }, selectedFeedback, { key: colorName })));
|
|
38
38
|
})));
|
|
39
|
-
return (react_1.default.createElement(index_1.SimpleDialog, {
|
|
39
|
+
return (react_1.default.createElement(index_1.SimpleDialog, Object.assign({ size: "small", title: translate("modalTitle"), hasBorder: true, isOpen: true, onClose: onClose, actions: [
|
|
40
40
|
react_1.default.createElement(index_1.Button, { key: "submit", "data-test-id": "sticky-submit-btn", affirmative: true, onClick: () => {
|
|
41
41
|
onSubmit({ note: refNote.current, color: color || "#444444" });
|
|
42
42
|
onClose();
|
|
43
43
|
} }, translate("saveButton")),
|
|
44
44
|
react_1.default.createElement(index_1.Button, { key: "cancel", onClick: onClose }, translate("cancelButton")),
|
|
45
|
-
] },
|
|
45
|
+
] }, simpleDialogProps, { "data-test-id": (_c = (simpleDialogProps !== null && simpleDialogProps !== void 0 ? simpleDialogProps : {})["data-test-id"]) !== null && _c !== void 0 ? _c : "sticky-note-modal" }),
|
|
46
46
|
react_1.default.createElement(index_1.FieldItem, { key: "note", labelProps: {
|
|
47
47
|
htmlFor: "noteinput",
|
|
48
48
|
text: translate("noteLabel"),
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"StickyNoteModal.js","sourceRoot":"","sources":["../../../../../src/cmem/react-flow/StickyNoteModal/StickyNoteModal.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAE1B,wGAAgF;AAChF,oDAAiD;AACjD,iFAA8E;AAE9E,
|
|
1
|
+
{"version":3,"file":"StickyNoteModal.js","sourceRoot":"","sources":["../../../../../src/cmem/react-flow/StickyNoteModal/StickyNoteModal.tsx"],"names":[],"mappings":"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"}
|
package/dist/cjs/common/index.js
CHANGED
|
@@ -7,6 +7,7 @@ exports.Utilities = exports.utils = void 0;
|
|
|
7
7
|
const characters_1 = require("./utils/characters");
|
|
8
8
|
const colorDecideContrastvalue_1 = __importDefault(require("./utils/colorDecideContrastvalue"));
|
|
9
9
|
const getColorConfiguration_1 = __importDefault(require("./utils/getColorConfiguration"));
|
|
10
|
+
const getScrollParent_1 = require("./utils/getScrollParent");
|
|
10
11
|
const globalVars_1 = require("./utils/globalVars");
|
|
11
12
|
const openInNewTab_1 = require("./utils/openInNewTab");
|
|
12
13
|
exports.utils = {
|
|
@@ -16,6 +17,7 @@ exports.utils = {
|
|
|
16
17
|
invisibleZeroWidthCharacters: characters_1.invisibleZeroWidthCharacters,
|
|
17
18
|
getGlobalVar: globalVars_1.getGlobalVar,
|
|
18
19
|
setGlobalVar: globalVars_1.setGlobalVar,
|
|
20
|
+
getScrollParent: getScrollParent_1.getScrollParent,
|
|
19
21
|
};
|
|
20
22
|
// @deprecated use `utils`
|
|
21
23
|
exports.Utilities = exports.utils;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/common/index.ts"],"names":[],"mappings":";;;;;;AAAA,mDAAkE;AAClE,gGAAwE;AACxE,0FAAkE;AAClE,mDAAgE;AAChE,uDAAoD;AAEvC,QAAA,KAAK,GAAG;IACjB,YAAY,EAAZ,2BAAY;IACZ,wBAAwB,EAAxB,kCAAwB;IACxB,qBAAqB,EAArB,+BAAqB;IACrB,4BAA4B,EAA5B,yCAA4B;IAC5B,YAAY,EAAZ,yBAAY;IACZ,YAAY,EAAZ,yBAAY;
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/common/index.ts"],"names":[],"mappings":";;;;;;AAAA,mDAAkE;AAClE,gGAAwE;AACxE,0FAAkE;AAClE,6DAA0D;AAC1D,mDAAgE;AAChE,uDAAoD;AAEvC,QAAA,KAAK,GAAG;IACjB,YAAY,EAAZ,2BAAY;IACZ,wBAAwB,EAAxB,kCAAwB;IACxB,qBAAqB,EAArB,+BAAqB;IACrB,4BAA4B,EAA5B,yCAA4B;IAC5B,YAAY,EAAZ,yBAAY;IACZ,YAAY,EAAZ,yBAAY;IACZ,eAAe,EAAf,iCAAe;CAClB,CAAC;AAEF,0BAA0B;AACb,QAAA,SAAS,GAAG,aAAK,CAAC"}
|
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.getScrollParent = void 0;
|
|
4
|
+
/**
|
|
5
|
+
* Find the scroll parent of an element, returns `false` if it cannot be found.
|
|
6
|
+
* In case of a `false` return the very probably `document.documentElement` is the parent.
|
|
7
|
+
* In this case `window` object should be used for scroll event listeners.
|
|
8
|
+
* See `src/components/Sticky/StickyTarget.tsx` for an usage example.
|
|
9
|
+
* @param element
|
|
10
|
+
* @returns HTMLElement | false
|
|
11
|
+
*/
|
|
12
|
+
const getScrollParent = (element) => {
|
|
13
|
+
let scrollParent = element.parentElement;
|
|
14
|
+
while (scrollParent) {
|
|
15
|
+
const { overflow } = window.getComputedStyle(scrollParent);
|
|
16
|
+
if (overflow.split(" ").every((value) => value === "auto" || value === "scroll")) {
|
|
17
|
+
return scrollParent;
|
|
18
|
+
}
|
|
19
|
+
scrollParent = scrollParent.parentElement;
|
|
20
|
+
}
|
|
21
|
+
return false;
|
|
22
|
+
};
|
|
23
|
+
exports.getScrollParent = getScrollParent;
|
|
24
|
+
//# sourceMappingURL=getScrollParent.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"getScrollParent.js","sourceRoot":"","sources":["../../../../src/common/utils/getScrollParent.ts"],"names":[],"mappings":";;;AAAA;;;;;;;GAOG;AACI,MAAM,eAAe,GAAG,CAAC,OAAgB,EAAuB,EAAE;IACrE,IAAI,YAAY,GAAG,OAAO,CAAC,aAAa,CAAC;IACzC,OAAO,YAAY,EAAE;QACjB,MAAM,EAAE,QAAQ,EAAE,GAAG,MAAM,CAAC,gBAAgB,CAAC,YAAY,CAAC,CAAC;QAC3D,IAAI,QAAQ,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,KAAK,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,KAAK,MAAM,IAAI,KAAK,KAAK,QAAQ,CAAC,EAAE;YAC9E,OAAO,YAAY,CAAC;SACvB;QACD,YAAY,GAAG,YAAY,CAAC,aAAa,CAAC;KAC7C;IAED,OAAO,KAAK,CAAC;AACjB,CAAC,CAAC;AAXW,QAAA,eAAe,mBAW1B"}
|
|
@@ -60,7 +60,7 @@ AutoCompleteField.defaultProps = {
|
|
|
60
60
|
*/
|
|
61
61
|
function AutoCompleteField(props) {
|
|
62
62
|
var _a, _b, _c;
|
|
63
|
-
const { className, reset, noResultText, disabled, onlyDropdownWithQuery, itemValueSelector, itemRenderer, onSearch, onChange, initialValue, autoFocus, createNewItem, itemValueRenderer, resetQueryToValue, itemValueString, requestErrorPrefix, hasBackDrop, fill } = props, otherProps = __rest(props, ["className", "reset", "noResultText", "disabled", "onlyDropdownWithQuery", "itemValueSelector", "itemRenderer", "onSearch", "onChange", "initialValue", "autoFocus", "createNewItem", "itemValueRenderer", "resetQueryToValue", "itemValueString", "requestErrorPrefix", "hasBackDrop", "fill"]);
|
|
63
|
+
const { className, reset, noResultText, disabled, onlyDropdownWithQuery, itemValueSelector, itemRenderer, onSearch, onChange, initialValue, autoFocus, createNewItem, itemValueRenderer, resetQueryToValue, itemValueString, requestErrorPrefix, hasBackDrop, fill, loadMoreResults } = props, otherProps = __rest(props, ["className", "reset", "noResultText", "disabled", "onlyDropdownWithQuery", "itemValueSelector", "itemRenderer", "onSearch", "onChange", "initialValue", "autoFocus", "createNewItem", "itemValueRenderer", "resetQueryToValue", "itemValueString", "requestErrorPrefix", "hasBackDrop", "fill", "loadMoreResults"]);
|
|
64
64
|
const [selectedItem, setSelectedItem] = (0, react_1.useState)(initialValue);
|
|
65
65
|
// If the selection list elements are currently fetched from the backend
|
|
66
66
|
const [listLoading, setListLoading] = (0, react_1.useState)(false);
|
|
@@ -239,9 +239,26 @@ function AutoCompleteField(props) {
|
|
|
239
239
|
createNewItemPosition,
|
|
240
240
|
}
|
|
241
241
|
: {};
|
|
242
|
+
const handleMenuScroll = react_1.default.useCallback((event) => __awaiter(this, void 0, void 0, function* () {
|
|
243
|
+
const menu = event.target;
|
|
244
|
+
const { scrollTop, scrollHeight, clientHeight } = menu;
|
|
245
|
+
// Check if scrolled to the bottom of the list
|
|
246
|
+
if (scrollTop + clientHeight >= scrollHeight && loadMoreResults) {
|
|
247
|
+
const results = yield loadMoreResults();
|
|
248
|
+
if (results) {
|
|
249
|
+
setFiltered((prev) => [...prev, ...results]);
|
|
250
|
+
setTimeout(() => {
|
|
251
|
+
menu.scrollTop = scrollHeight; //safari adaptation
|
|
252
|
+
menu.scrollTo({ left: 0, top: scrollHeight, behavior: "auto" });
|
|
253
|
+
});
|
|
254
|
+
}
|
|
255
|
+
}
|
|
256
|
+
}), [loadMoreResults]);
|
|
242
257
|
return (react_1.default.createElement(select_1.Suggest2, Object.assign({ className: `${constants_1.CLASSPREFIX}-autocompletefield__input` + (className ? ` ${className}` : ""), disabled: disabled,
|
|
243
258
|
// Need to display error messages in list
|
|
244
|
-
items: requestError ? [requestError] : filtered, initialContent: onlyDropdownWithQuery ? null : undefined, inputValueRenderer: selectedItem !== undefined ? itemValueRenderer : () => "", itemRenderer: requestError ? requestErrorRenderer : optionRenderer, itemsEqual: areEqualItems, noResults: react_1.default.createElement(index_1.MenuItem, { disabled: true, text: noResultText }), onItemSelect: onSelectionChange, onQueryChange: (q) => setQuery(q), closeOnSelect: true,
|
|
259
|
+
items: requestError ? [requestError] : filtered, initialContent: onlyDropdownWithQuery ? null : undefined, inputValueRenderer: selectedItem !== undefined ? itemValueRenderer : () => "", itemRenderer: requestError ? requestErrorRenderer : optionRenderer, itemsEqual: areEqualItems, noResults: react_1.default.createElement(index_1.MenuItem, { disabled: true, text: noResultText }), onItemSelect: onSelectionChange, onQueryChange: (q) => setQuery(q), resetOnQuery: false, closeOnSelect: true, menuProps: {
|
|
260
|
+
onScroll: handleMenuScroll,
|
|
261
|
+
}, query: query,
|
|
245
262
|
// This leads to odd compile errors without "as any"
|
|
246
263
|
popoverProps: updatedContextOverlayProps, selectedItem: selectedItem, fill: fill }, createNewItemProps, {
|
|
247
264
|
// This leads to odd compile errors without "as any"
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AutoCompleteField.js","sourceRoot":"","sources":["../../../../src/components/AutocompleteField/AutoCompleteField.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAAmD;AAKnD,gDAAmE;AAEnE,6DAAsE;AACtE,uCASqB;
|
|
1
|
+
{"version":3,"file":"AutoCompleteField.js","sourceRoot":"","sources":["../../../../src/components/AutocompleteField/AutoCompleteField.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAAmD;AAKnD,gDAAmE;AAEnE,6DAAsE;AACtE,uCASqB;AAmJrB,iBAAiB,CAAC,YAAY,GAAG;IAC7B,SAAS,EAAE,KAAK;IAChB,QAAQ,EAAE,KAAK;IACf,qBAAqB,EAAE,KAAK;IAC5B,IAAI,EAAE,IAAI;IACV,kBAAkB,EAAE,EAAE;IACtB,WAAW,EAAE,KAAK;CACrB,CAAC;AAEF;;;;;GAKG;AACH,SAAgB,iBAAiB,CAAkB,KAA8C;;IAC7F,MAAM,EACF,SAAS,EACT,KAAK,EACL,YAAY,EACZ,QAAQ,EACR,qBAAqB,EACrB,iBAAiB,EACjB,YAAY,EACZ,QAAQ,EACR,QAAQ,EACR,YAAY,EACZ,SAAS,EACT,aAAa,EACb,iBAAiB,EACjB,iBAAiB,EACjB,eAAe,EACf,kBAAkB,EAClB,WAAW,EACX,IAAI,EACJ,eAAe,KAEf,KAAK,EADF,UAAU,UACb,KAAK,EArBH,mTAqBL,CAAQ,CAAC;IACV,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,IAAA,gBAAQ,EAAgB,YAAY,CAAC,CAAC;IAC9E,wEAAwE;IACxE,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,IAAA,gBAAQ,EAAU,KAAK,CAAC,CAAC;IAE/D,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,IAAA,gBAAQ,EAAS,EAAE,CAAC,CAAC;IAC/C,+BAA+B;IAC/B,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAG,IAAA,gBAAQ,EAAU,KAAK,CAAC,CAAC;IACnE,MAAM,CAAC,mBAAmB,EAAE,sBAAsB,CAAC,GAAG,IAAA,gBAAQ,EAAU,IAAI,CAAC,CAAC;IAC9E,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,IAAA,gBAAQ,EAAqB,SAAS,CAAC,CAAC;IAEhF,8CAA8C;IAC9C,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,IAAA,gBAAQ,EAAM,EAAE,CAAC,CAAC;IAElD,MAAM,QAAQ,GAAG,CAAC,CAAC,CAAA,MAAA,UAAU,CAAC,UAAU,0CAAE,QAAQ,CAAA,CAAC;IAEnD,kEAAkE;IAClE,MAAM,uBAAuB,GAAG,CAAC,IAAQ,EAAE,EAAE;QACzC,IAAI,IAAI,EAAE;YACN,uGAAuG;YACvG,mHAAmH;YACnH,MAAM,iBAAiB,GAAW,aAAa;gBAC3C,CAAC,CAAE,eAAe,CAAC,IAAI,CAAY;gBACnC,CAAC,CAAC,iBAAiB,CAAC,IAAI,CAAC,CAAC;YAC9B,MAAM,QAAQ,GAAG,iBAAiB,CAAC,CAAC,CAAC,iBAAiB,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,iBAAiB,CAAC;YACjF,QAAQ,CAAC,QAAQ,CAAC,CAAC;SACtB;IACL,CAAC,CAAC;IAEF,kCAAkC;IAClC,MAAM,OAAO,GAAG,CAAC,IAAO,EAAU,EAAE;QAChC,OAAO,eAAe,CAAC,IAAI,CAAC,CAAC;IACjC,CAAC,CAAC;IAEF,IAAA,iBAAS,EAAC,GAAG,EAAE;QACX,uBAAuB,CAAC,YAAY,CAAC,CAAC;IAC1C,CAAC,EAAE,CAAC,YAAY,CAAC,CAAC,CAAC;IAEnB,IAAA,iBAAS,EAAC,GAAG,EAAE;QACX,IAAI,CAAC,QAAQ,IAAI,CAAC,QAAQ,IAAI,aAAa,EAAE;YACzC,cAAc,CAAC,IAAI,CAAC,CAAC;YACrB,MAAM,OAAO,GAAW,MAAM,CAAC,UAAU,CAAC,GAAS,EAAE;gBACjD,iBAAiB,CAAC,KAAK,CAAC,CAAC;YAC7B,CAAC,CAAA,EAAE,GAAG,CAAC,CAAC;YACR,OAAO,GAAG,EAAE;gBACR,YAAY,CAAC,OAAO,CAAC,CAAC;gBACtB,cAAc,CAAC,KAAK,CAAC,CAAC;YAC1B,CAAC,CAAC;SACL;QACD,OAAO;IACX,CAAC,EAAE,CAAC,aAAa,EAAE,KAAK,CAAC,CAAC,CAAC;IAE3B,iFAAiF;IACjF,MAAM,eAAe,GAAG,GAAG,EAAE;QACzB,gBAAgB,CAAC,IAAI,CAAC,CAAC;IAC3B,CAAC,CAAC;IAEF,MAAM,gBAAgB,GAAG,GAAG,EAAE;QAC1B,gBAAgB,CAAC,KAAK,CAAC,CAAC;IAC5B,CAAC,CAAC;IAEF,gDAAgD;IAChD,MAAM,cAAc,GAAG,GAAG,EAAE;QACxB,gGAAgG;QAChG,uBAAuB,CAAC,YAAY,CAAC,CAAC;QACtC,6FAA6F;QAC7F,WAAW,CAAC,EAAE,CAAC,CAAC;IACpB,CAAC,CAAC;IAEF,+DAA+D;IAC/D,MAAM,iBAAiB,GAAG,CAAC,KAAU,EAAE,CAAM,EAAE,EAAE;QAC7C,eAAe,CAAC,KAAK,CAAC,CAAC;QACvB,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAG,iBAAiB,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC,CAAC;QACxC,uBAAuB,CAAC,KAAK,CAAC,CAAC;IACnC,CAAC,CAAC;IAEF,MAAM,aAAa,GAAG,CAAC,KAAU,EAAE,KAAU,EAAE,EAAE,CAAC,iBAAiB,CAAC,KAAK,CAAC,KAAK,iBAAiB,CAAC,KAAK,CAAC,CAAC;IAExG,iFAAiF;IACjF,MAAM,WAAW,GAAG,CAAC,GAAQ,EAAE,UAAa,EAAU,EAAE;QACpD,IAAI,GAAG,GAAG,CAAC,CAAC,CAAC;QACb,MAAM,gBAAgB,GAAG,eAAe,CAAC,UAAU,CAAC,CAAC;QACrD,GAAG,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE;YACjB,IAAI,eAAe,CAAC,CAAC,CAAC,KAAK,gBAAgB,EAAE;gBACzC,GAAG,GAAG,CAAC,CAAC;aACX;QACL,CAAC,CAAC,CAAC;QACH,OAAO,GAAG,CAAC;IACf,CAAC,CAAC;IAEF,0CAA0C;IAC1C,MAAM,iBAAiB,GAAG,CAAO,KAAa,EAAE,EAAE;;QAC9C,cAAc,CAAC,IAAI,CAAC,CAAC;QACrB,eAAe,CAAC,SAAS,CAAC,CAAC;QAC3B,IAAI;YACA,IAAI,MAAM,GAAG,MAAM,QAAQ,CAAC,KAAK,CAAC,CAAC;YACnC,MAAM,sBAAsB,GACxB,MAAM,CAAC,MAAM,IAAI,CAAC;gBAClB,YAAY;gBACZ,KAAK,CAAC,MAAM,GAAG,CAAC;gBAChB,CAAC,iBAAiB,CAAC,YAAY,CAAC,KAAK,KAAK,IAAI,eAAe,CAAC,YAAY,CAAC,KAAK,KAAK,CAAC,CAAC;YAC3F,IAAI,kBAAkB,GAAG,IAAI,CAAC;YAC9B,IAAI,sBAAsB,EAAE;gBACxB,0GAA0G;gBAC1G,MAAM,kBAAkB,GAAG,MAAM,QAAQ,CAAC,EAAE,CAAC,CAAC;gBAC9C,0DAA0D;gBAC1D,kBAAkB,GAAG,KAAK,CAAC;gBAC3B,+DAA+D;gBAC/D,IAAI,CAAC,CAAC,YAAY,IAAI,WAAW,CAAC,kBAAkB,EAAE,YAAY,CAAC,GAAG,CAAC,CAAC,EAAE;oBACtE,kBAAkB,CAAC,MAAM,CAAC,WAAW,CAAC,kBAAkB,EAAE,YAAY,CAAC,EAAE,CAAC,CAAC,CAAC;oBAC5E,MAAM,GAAG,CAAC,YAAY,EAAE,GAAG,kBAAkB,CAAC,CAAC;iBAClD;qBAAM;oBACH,MAAM,GAAG,kBAAkB,CAAC;iBAC/B;aACJ;YACD,sBAAsB,CAAC,kBAAkB,CAAC,CAAC;YAC3C,WAAW,CAAC,MAAM,CAAC,CAAC;SACvB;QAAC,OAAO,CAAM,EAAE;YACb,MAAM,OAAO,GAAG,MAAA,CAAC,aAAD,CAAC,uBAAD,CAAC,CAAE,OAAO,mCAAI,EAAE,CAAC;YACjC,eAAe,CAAC,kBAAkB,GAAG,OAAO,CAAC,CAAC;SACjD;gBAAS;YACN,cAAc,CAAC,KAAK,CAAC,CAAC;SACzB;IACL,CAAC,CAAA,CAAC;IAEF,yCAAyC;IACzC,MAAM,cAAc,GAAG,CACnB,IAAS,EACT,EAAE,WAAW,EAAE,SAAS,EAAE,KAAK,EAAoD,EACrF,EAAE;QACA,IAAI,CAAC,SAAS,CAAC,gBAAgB,EAAE;YAC7B,OAAO,IAAI,CAAC;SACf;QACD,MAAM,iBAAiB,GAAqB;YACxC,MAAM,EAAE,SAAS,CAAC,MAAM;YACxB,QAAQ,EAAE,SAAS,CAAC,QAAQ;YAC5B,mBAAmB,EAAE,mBAAmB;SAC3C,CAAC;QAEF,MAAM,YAAY,GAAG,YAAY,CAAC,IAAI,EAAE,KAAK,EAAE,iBAAiB,EAAE,WAAW,CAAC,CAAC;QAC/E,IAAI,OAAO,YAAY,KAAK,QAAQ,EAAE;YAClC,OAAO,CACH,8BAAC,gBAAQ,IACL,MAAM,EAAE,SAAS,CAAC,MAAM,EACxB,QAAQ,EAAE,SAAS,CAAC,QAAQ,EAC5B,GAAG,EAAE,OAAO,CAAC,IAAI,CAAC,EAClB,OAAO,EAAE,WAAW,EACpB,IAAI,EACA,8BAAC,oBAAY,QACR,CAAC,mBAAmB,CAAC,CAAC,CAAC,CACpB,YAAY,CACf,CAAC,CAAC,CAAC,CACA,8BAAC,mBAAW,IAAC,KAAK,EAAE,YAAY,EAAE,WAAW,EAAE,KAAK,GAAI,CAC3D,CACU,GAErB,CACL,CAAC;SACL;aAAM;YACH,OAAO,YAAY,CAAC;SACvB;IACL,CAAC,CAAC;IACF,uBAAuB;IACvB,MAAM,cAAc,GAAG,CAAC,UAAwB,EAAE,EAAE,CAAC,GAAG,EAAE;QACtD,eAAe,CAAC,SAAS,CAAC,CAAC;QAC3B,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAG,UAAU,CAAC,CAAC;QACvB,QAAQ,CAAC,EAAE,CAAC,CAAC;IACjB,CAAC,CAAC;IACF,MAAM,oBAAoB,GAAG,GAAG,EAAE;QAC9B,OAAO,8BAAC,oBAAY,IAAC,MAAM,EAAE,IAAI,EAAE,OAAO,EAAE,YAAY,GAAI,CAAC;IACjE,CAAC,CAAC;IACF,oDAAoD;IACpD,MAAM,WAAW,GACb,CAAC,QAAQ,IAAI,CAAC,QAAQ,IAAI,KAAK,IAAI,YAAY,IAAI,IAAI,IAAI,KAAK,CAAC,eAAe,CAAC,YAAY,CAAC,CAAC,CAAC,CAAC,CAC7F,8BAAC,kBAAU,oBAEH,CAAC,CAAA,MAAA,UAAU,CAAC,UAAU,0CAAE,EAAE,EAAC,CAAC,CAAC,GAAG,UAAU,CAAC,UAAU,CAAC,EAAE,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,GAAG,yBAAyB,EAEjG,IAAI,EAAC,iBAAiB,EACtB,IAAI,EAAE,KAAK,CAAC,eAAe,EAC3B,OAAO,EAAE,cAAc,CAAC,KAAK,CAAC,UAAU,CAAC,GAC3C,CACL,CAAC,CAAC,CAAC,SAAS,CAAC;IAClB,4EAA4E;IAC5E,MAAM,iBAAiB,iCACnB,YAAY,EACR,WAAW,IAAI,qBAAqB,KAAK,KAAK,CAAC,CAAC,CAAC,CAC7C;YACK,WAAW;YACX,qBAAqB,KAAK,KAAK,IAAI,CAChC,8BAAC,kBAAU,IACP,IAAI,EAAE,mBAAmB,EACzB,OAAO,EAAE,CAAC,CAAgC,EAAE,EAAE;;oBAC1C,MAAM,MAAM,GAAG,MAAA,CAAC,CAAC,aAAa;yBACzB,OAAO,CAAC,IAAI,uBAAM,2BAA2B,CAAC,0CAC7C,aAAa,CAAC,OAAO,CAAC,CAAC;oBAC5B,MAAsB,CAAC,KAAK,EAAE,CAAC;oBAChC,CAAC,CAAC,eAAe,EAAE,CAAC;gBACxB,CAAC,GACH,CACL,CACF,CACN,CAAC,CAAC,CAAC,SAAS,EACjB,SAAS,EAAE,SAAS,EACpB,MAAM,EAAE,gBAAgB,EACxB,OAAO,EAAE,eAAe,IACrB,UAAU,CAAC,UAAU,KACxB,KAAK,EACD,YAAY,KAAK,SAAS,IAAI,CAAC,QAAQ,IAAI,QAAQ,CAAC;YAChD,CAAC,CAAC,eAAe,CAAC,YAAY,CAAC;YAC/B,CAAC,CAAC,MAAA,UAAU,CAAC,UAAU,0CAAE,KAAK,GACzC,CAAC;IACF,MAAM,wBAAwB,GAAG,QAAQ,CAAC,CAAC,CAAC,EAAE,MAAM,EAAE,KAAK,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC;IACnE,MAAM,0BAA0B,+CAC5B,OAAO,EAAE,IAAI,EACb,gBAAgB,EAAE,IAAI,EACtB,gBAAgB,EAAE,GAAG,uBAAM,6BAA6B,EACxD,QAAQ,EAAE,cAAc,IACrB,UAAU,CAAC,mBAAmB,GAC9B,wBAAwB;QAC3B,8EAA8E;QAC9E,WAAW,EAAE,WAAW,GAC3B,CAAC;IACF,IAAI,YAAY,KAAK,SAAS,EAAE;QAC5B,yFAAyF;QACzF,iBAAiB,CAAC,WAAW,GAAG,EAAE,CAAC;KACtC;IACD,6FAA6F;IAC7F,MAAM,qBAAqB,GAAqB,CAAA,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAE,sBAAsB,EAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC;IACzG,MAAM,kBAAkB,GAAG,aAAa;QACpC,CAAC,CAAC;YACI,sBAAsB,EAAE,aAAa,CAAC,aAAa;YACnD,qBAAqB,EAAE,CACnB,KAAa,EACb,MAAe,EACf,WAAiD,EACnD,EAAE;gBACA,IAAI,YAAY,IAAI,KAAK,KAAK,eAAe,CAAC,YAAY,CAAC,EAAE;oBACzD,yEAAyE;oBACzE,OAAO,SAAS,CAAC;iBACpB;qBAAM;oBACH,OAAO,aAAc,CAAC,YAAY,CAAC,KAAK,EAAE,EAAE,MAAM,EAAE,mBAAmB,EAAE,KAAK,EAAE,EAAE,WAAW,CAAC,CAAC;iBAClG;YACL,CAAC;YACD,qBAAqB;SACxB;QACH,CAAC,CAAC,EAAE,CAAC;IAET,MAAM,gBAAgB,GAAG,eAAK,CAAC,WAAW,CACtC,CAAO,KAAU,EAAE,EAAE;QACjB,MAAM,IAAI,GAAG,KAAK,CAAC,MAAM,CAAC;QAC1B,MAAM,EAAE,SAAS,EAAE,YAAY,EAAE,YAAY,EAAE,GAAG,IAAI,CAAC;QACvD,8CAA8C;QAC9C,IAAI,SAAS,GAAG,YAAY,IAAI,YAAY,IAAI,eAAe,EAAE;YAC7D,MAAM,OAAO,GAAG,MAAM,eAAe,EAAE,CAAC;YACxC,IAAI,OAAO,EAAE;gBACT,WAAW,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC,GAAG,IAAI,EAAE,GAAG,OAAO,CAAC,CAAC,CAAC;gBAC7C,UAAU,CAAC,GAAG,EAAE;oBACZ,IAAI,CAAC,SAAS,GAAG,YAAY,CAAC,CAAC,mBAAmB;oBAClD,IAAI,CAAC,QAAQ,CAAC,EAAE,IAAI,EAAE,CAAC,EAAE,GAAG,EAAE,YAAY,EAAE,QAAQ,EAAE,MAAM,EAAE,CAAC,CAAC;gBACpE,CAAC,CAAC,CAAC;aACN;SACJ;IACL,CAAC,CAAA,EACD,CAAC,eAAe,CAAC,CACpB,CAAC;IAEF,OAAO,CACH,8BAAC,iBAAgB,kBACb,SAAS,EAAE,GAAG,uBAAM,2BAA2B,GAAG,CAAC,SAAS,CAAC,CAAC,CAAC,IAAI,SAAS,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,EACpF,QAAQ,EAAE,QAAQ;QAClB,yCAAyC;QACzC,KAAK,EAAE,YAAY,CAAC,CAAC,CAAC,CAAC,YAA4B,CAAC,CAAC,CAAC,CAAC,QAAQ,EAC/D,cAAc,EAAE,qBAAqB,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,SAAS,EACxD,kBAAkB,EAAE,YAAY,KAAK,SAAS,CAAC,CAAC,CAAC,iBAAiB,CAAC,CAAC,CAAC,GAAG,EAAE,CAAC,EAAE,EAC7E,YAAY,EAAE,YAAY,CAAC,CAAC,CAAC,oBAAoB,CAAC,CAAC,CAAC,cAAc,EAClE,UAAU,EAAE,aAAa,EACzB,SAAS,EAAE,8BAAC,gBAAQ,IAAC,QAAQ,EAAE,IAAI,EAAE,IAAI,EAAE,YAAY,GAAI,EAC3D,YAAY,EAAE,iBAAiB,EAC/B,aAAa,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC,EACjC,YAAY,EAAE,KAAK,EACnB,aAAa,EAAE,IAAI,EACnB,SAAS,EAAE;YACP,QAAQ,EAAE,gBAAgB;SAC7B,EACD,KAAK,EAAE,KAAK;QACZ,oDAAoD;QACpD,YAAY,EAAE,0BAAiC,EAC/C,YAAY,EAAE,YAAY,EAC1B,IAAI,EAAE,IAAI,IACN,kBAAkB;QACtB,oDAAoD;QACpD,UAAU,EAAE,iBAAwB,EACpC,gBAAgB,EACZ,WAAW;YACP,CAAC,CAAC,GAAG,EAAE,CAAC,CACF,8BAAC,YAAI;gBACD,8BAAC,gBAAQ,IAAC,QAAQ,EAAE,IAAI,EAAE,IAAI,EAAE,8BAAC,eAAO,IAAC,QAAQ,EAAE,QAAQ,GAAI,GAAI,CAChE,CACV;YACH,CAAC,CAAC,SAAS,IAErB,CACL,CAAC;AACN,CAAC;AAtUD,8CAsUC;AAED,kBAAe,iBAAiB,CAAC"}
|
|
@@ -54,12 +54,15 @@ const index_1 = require("./../../index");
|
|
|
54
54
|
* @deprecated
|
|
55
55
|
*/
|
|
56
56
|
function MultiSelect(_a) {
|
|
57
|
-
var { items, selectedItems: externalSelectedItems
|
|
58
|
-
|
|
59
|
-
const
|
|
60
|
-
|
|
61
|
-
const [
|
|
62
|
-
|
|
57
|
+
var { items, selectedItems: externalSelectedItems, prePopulateWithItems, itemId, itemLabel, onSelection, contextOverlayProps, tagInputProps, inputProps, runOnQueryChange, fullWidth = true, noResultText = "No results.", newItemCreationText = "Add new item", newItemPostfix = " (new item)", hasStatePrimary, hasStateDanger, hasStateSuccess, hasStateWarning, disabled, createNewItemFromQuery, requestDelay = 0, clearQueryOnSelection = false, className, "data-test-id": dataTestId, "data-testid": dataTestid, wrapperProps } = _a, otherMultiSelectProps = __rest(_a, ["items", "selectedItems", "prePopulateWithItems", "itemId", "itemLabel", "onSelection", "contextOverlayProps", "tagInputProps", "inputProps", "runOnQueryChange", "fullWidth", "noResultText", "newItemCreationText", "newItemPostfix", "hasStatePrimary", "hasStateDanger", "hasStateSuccess", "hasStateWarning", "disabled", "createNewItemFromQuery", "requestDelay", "clearQueryOnSelection", "className", "data-test-id", "data-testid", "wrapperProps"]);
|
|
58
|
+
// Options created by a user
|
|
59
|
+
const createdItems = (0, react_1.useRef)([]);
|
|
60
|
+
// Options passed ouside (f.e. from the backend)
|
|
61
|
+
const [externalItems, setExternalItems] = react_1.default.useState([...items]);
|
|
62
|
+
// All options (created and passed) that match the query
|
|
63
|
+
const [filteredItems, setFilteredItems] = react_1.default.useState([]);
|
|
64
|
+
// All options (created and passed) selected by a user, if the component is uncontrolled
|
|
65
|
+
const [selectedItems, setSelectedItems] = react_1.default.useState(() => prePopulateWithItems ? [...items] : externalSelectedItems ? [...externalSelectedItems] : []);
|
|
63
66
|
//currently focused element in popover list
|
|
64
67
|
const [focusedItem, setFocusedItem] = react_1.default.useState(null);
|
|
65
68
|
const [showSpinner, setShowSpinner] = react_1.default.useState(false);
|
|
@@ -82,25 +85,39 @@ function MultiSelect(_a) {
|
|
|
82
85
|
default:
|
|
83
86
|
break;
|
|
84
87
|
}
|
|
85
|
-
|
|
88
|
+
// If the component is contolled from outside, we don't need to store selected state within the component
|
|
89
|
+
// when user selects or removes selection - options will be set in a parent component
|
|
90
|
+
const isControlled = !!(externalSelectedItems && onSelection);
|
|
91
|
+
/** Update external items when they change
|
|
86
92
|
* e.g for auto-complete when query change
|
|
87
93
|
*/
|
|
88
94
|
react_1.default.useEffect(() => {
|
|
89
|
-
|
|
90
|
-
|
|
95
|
+
setExternalItems(items);
|
|
96
|
+
setFilteredItems([...items, ...createdItems.current]);
|
|
91
97
|
}, [items.map((item) => itemId(item)).join("|")]);
|
|
92
98
|
react_1.default.useEffect(() => {
|
|
93
|
-
|
|
99
|
+
!isControlled &&
|
|
100
|
+
onSelection &&
|
|
94
101
|
onSelection({
|
|
95
102
|
newlySelected: selectedItems.slice(-1)[0],
|
|
96
|
-
createdItems:
|
|
103
|
+
createdItems: createdItems.current,
|
|
97
104
|
selectedItems,
|
|
98
105
|
});
|
|
99
106
|
}, [
|
|
107
|
+
isControlled,
|
|
100
108
|
onSelection,
|
|
101
109
|
selectedItems.map((item) => itemId(item)).join("|"),
|
|
102
|
-
|
|
110
|
+
createdItems.current.map((item) => itemId(item)).join("|"),
|
|
103
111
|
]);
|
|
112
|
+
/**
|
|
113
|
+
* Update selected items if we get new selected items from outside
|
|
114
|
+
*/
|
|
115
|
+
react_1.default.useEffect(() => {
|
|
116
|
+
if (!externalSelectedItems) {
|
|
117
|
+
return;
|
|
118
|
+
}
|
|
119
|
+
setSelectedItems(externalSelectedItems);
|
|
120
|
+
}, [externalSelectedItems]);
|
|
104
121
|
/**
|
|
105
122
|
* using the equality prop specified checks if an item has already been selected
|
|
106
123
|
* @param matcher
|
|
@@ -114,7 +131,16 @@ function MultiSelect(_a) {
|
|
|
114
131
|
* @param matcher
|
|
115
132
|
*/
|
|
116
133
|
const removeItemSelection = (matcher) => {
|
|
117
|
-
|
|
134
|
+
const filteredItems = selectedItems.filter((item) => itemId(item) !== matcher);
|
|
135
|
+
if (isControlled) {
|
|
136
|
+
onSelection({
|
|
137
|
+
createdItems: createdItems.current,
|
|
138
|
+
selectedItems: filteredItems,
|
|
139
|
+
});
|
|
140
|
+
}
|
|
141
|
+
else {
|
|
142
|
+
setSelectedItems(filteredItems);
|
|
143
|
+
}
|
|
118
144
|
};
|
|
119
145
|
/**
|
|
120
146
|
* selects and deselects an item from selection list
|
|
@@ -126,20 +152,15 @@ function MultiSelect(_a) {
|
|
|
126
152
|
if (itemHasBeenSelectedAlready(itemId(item))) {
|
|
127
153
|
removeItemSelection(itemId(item));
|
|
128
154
|
}
|
|
129
|
-
else {
|
|
130
|
-
|
|
131
|
-
|
|
132
|
-
|
|
133
|
-
|
|
134
|
-
|
|
155
|
+
else if (isControlled) {
|
|
156
|
+
onSelection({
|
|
157
|
+
newlySelected: item,
|
|
158
|
+
createdItems: createdItems.current,
|
|
159
|
+
selectedItems: [...selectedItems, item],
|
|
160
|
+
});
|
|
135
161
|
}
|
|
136
162
|
else {
|
|
137
|
-
|
|
138
|
-
//only add to createdSelectedItems if it was previously created and not
|
|
139
|
-
// from the initial items or a possible query response
|
|
140
|
-
if (wasNewlyCreated) {
|
|
141
|
-
setCreatedSelectedItems((prevItems) => [...prevItems, item]);
|
|
142
|
-
}
|
|
163
|
+
setSelectedItems((items) => [...items, item]);
|
|
143
164
|
}
|
|
144
165
|
if (clearQueryOnSelection) {
|
|
145
166
|
requestState.current.query = "";
|
|
@@ -161,11 +182,12 @@ function MultiSelect(_a) {
|
|
|
161
182
|
}
|
|
162
183
|
const fn = () => __awaiter(this, void 0, void 0, function* () {
|
|
163
184
|
setShowSpinner(true);
|
|
164
|
-
|
|
185
|
+
setFilteredItems([]);
|
|
165
186
|
const resultFromQuery = runOnQueryChange && (yield runOnQueryChange((0, stringUtils_1.removeExtraSpaces)(query)));
|
|
166
187
|
if (requestState.current.query === query) {
|
|
167
188
|
// Only use most recent request
|
|
168
|
-
|
|
189
|
+
const outsideOptions = [...(resultFromQuery !== null && resultFromQuery !== void 0 ? resultFromQuery : externalItems)];
|
|
190
|
+
setFilteredItems([...outsideOptions, ...createdItems.current].filter((item) => itemLabel(item).toLowerCase().includes(query.toLowerCase())));
|
|
169
191
|
setShowSpinner(false);
|
|
170
192
|
}
|
|
171
193
|
});
|
|
@@ -174,7 +196,7 @@ function MultiSelect(_a) {
|
|
|
174
196
|
else if (!query.length) {
|
|
175
197
|
// if the query is empty we need to show all options and reset current query
|
|
176
198
|
requestState.current.query = "";
|
|
177
|
-
|
|
199
|
+
setFilteredItems(() => [...externalItems, ...createdItems.current]);
|
|
178
200
|
}
|
|
179
201
|
};
|
|
180
202
|
// Renders the entries of the (search) options list
|
|
@@ -189,7 +211,7 @@ function MultiSelect(_a) {
|
|
|
189
211
|
return null;
|
|
190
212
|
}
|
|
191
213
|
let label = itemLabel(item);
|
|
192
|
-
if (createdItems.find((created) => itemId(created) === itemId(item))) {
|
|
214
|
+
if (createdItems.current.find((created) => itemId(created) === itemId(item))) {
|
|
193
215
|
label += newItemPostfix;
|
|
194
216
|
}
|
|
195
217
|
return (react_1.default.createElement(index_1.MenuItem, { active: modifiers.active, key: itemId(item), icon: itemHasBeenSelectedAlready(itemId(item)) ? "state-checked" : "state-unchecked", onClick: handleClick, text: optionRenderer(label), shouldDismissPopover: false }));
|
|
@@ -199,17 +221,24 @@ function MultiSelect(_a) {
|
|
|
199
221
|
*/
|
|
200
222
|
const handleClear = () => {
|
|
201
223
|
requestState.current.query = "";
|
|
202
|
-
|
|
203
|
-
|
|
224
|
+
if (isControlled) {
|
|
225
|
+
onSelection({
|
|
226
|
+
selectedItems: [],
|
|
227
|
+
createdItems: createdItems.current,
|
|
228
|
+
});
|
|
229
|
+
}
|
|
230
|
+
else {
|
|
231
|
+
setSelectedItems([]);
|
|
232
|
+
}
|
|
233
|
+
setFilteredItems([...externalItems, ...createdItems.current]);
|
|
204
234
|
};
|
|
205
235
|
/**
|
|
206
236
|
* remove a specific item from the multi-select input
|
|
207
237
|
* @param label
|
|
208
238
|
* @param index
|
|
209
239
|
*/
|
|
210
|
-
const removeTagFromSelectionViaIndex = (
|
|
240
|
+
const removeTagFromSelectionViaIndex = (_label, index) => {
|
|
211
241
|
setSelectedItems([...selectedItems.slice(0, index), ...selectedItems.slice(index + 1)]);
|
|
212
|
-
setCreatedSelectedItems((items) => items.filter((item) => itemLabel(item) !== label));
|
|
213
242
|
};
|
|
214
243
|
/**
|
|
215
244
|
* Utility function to create a new Item. createNewItemFromQuery is assumed to be defined!
|
|
@@ -217,9 +246,8 @@ function MultiSelect(_a) {
|
|
|
217
246
|
const createNewItem = (query) => {
|
|
218
247
|
const newItem = createNewItemFromQuery(query);
|
|
219
248
|
//set new items
|
|
220
|
-
|
|
221
|
-
|
|
222
|
-
setFilteredItemList((items) => [...items, newItem]);
|
|
249
|
+
createdItems.current = [...createdItems.current, newItem];
|
|
250
|
+
setFilteredItems((items) => [...items, newItem]);
|
|
223
251
|
requestState.current.query = "";
|
|
224
252
|
return newItem;
|
|
225
253
|
};
|
|
@@ -229,10 +257,7 @@ function MultiSelect(_a) {
|
|
|
229
257
|
*/
|
|
230
258
|
const handleOnKeyUp = (event) => {
|
|
231
259
|
var _a;
|
|
232
|
-
if (event.key === "Enter" &&
|
|
233
|
-
!filteredItemList.length &&
|
|
234
|
-
!!requestState.current.query &&
|
|
235
|
-
createNewItemFromQuery) {
|
|
260
|
+
if (event.key === "Enter" && !filteredItems.length && !!requestState.current.query && createNewItemFromQuery) {
|
|
236
261
|
createNewItem(requestState.current.query);
|
|
237
262
|
}
|
|
238
263
|
(_a = inputRef.current) === null || _a === void 0 ? void 0 : _a.focus();
|
|
@@ -274,7 +299,7 @@ function MultiSelect(_a) {
|
|
|
274
299
|
rightElement: react_1.default.createElement(index_1.Spinner, { position: "inline", size: "tiny" }),
|
|
275
300
|
}
|
|
276
301
|
: {};
|
|
277
|
-
const contentMultiSelect = (react_1.default.createElement(select_1.MultiSelect, Object.assign({}, otherMultiSelectProps, { query: requestState.current.query, onQueryChange: onQueryChange, items:
|
|
302
|
+
const contentMultiSelect = (react_1.default.createElement(select_1.MultiSelect, Object.assign({}, otherMultiSelectProps, { query: requestState.current.query, onQueryChange: onQueryChange, items: filteredItems, onItemSelect: onItemSelect, itemRenderer: onItemRenderer, itemsEqual: (a, b) => itemId(a) === itemId(b), selectedItems: selectedItems, noResults: react_1.default.createElement(index_1.MenuItem, { disabled: true, text: noResultText }), tagRenderer: (item) => itemLabel(item), createNewItemRenderer: newItemRenderer, onActiveItemChange: (activeItem) => setFocusedItem(activeItem), fill: fullWidth, createNewItemFromQuery: createNewItemFromQuery, disabled: disabled, tagInputProps: Object.assign(Object.assign({ inputProps: Object.assign({ id: "item", autoComplete: "off", "data-test-id": dataTestId ? dataTestId + "_searchinput" : undefined, "data-testid": dataTestid ? dataTestid + "_searchinput" : undefined }, inputProps), className: `${constants_1.CLASSPREFIX}-multiselect` + (className ? ` ${className}` : ""), fill: fullWidth, inputRef: inputRef, intent, addOnBlur: true, onKeyDown: handleOnKeyDown, onKeyUp: handleOnKeyUp, onRemove: removeTagFromSelectionViaIndex, rightElement: (react_1.default.createElement(react_1.default.Fragment, null, clearButton !== null && clearButton !== void 0 ? clearButton : null,
|
|
278
303
|
otherMultiSelectProps.openOnKeyDown !== true && (react_1.default.createElement(index_1.IconButton, { disabled: disabled, name: "toggler-caretdown", "data-test-id": dataTestId ? dataTestId + "_toggler" : undefined, "data-testid": dataTestid ? dataTestid + "_toggler" : undefined })))), tagProps: { minimal: true }, disabled }, tagInputProps), spinnerProps), popoverTargetProps: {
|
|
279
304
|
className: `${constants_1.CLASSPREFIX}-multiselect__target`,
|
|
280
305
|
}, popoverProps: Object.assign({ minimal: true, placement: "bottom-start", matchTargetWidth: fullWidth }, contextOverlayProps), popoverContentProps: {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"MultiSelect.js","sourceRoot":"","sources":["../../../../src/components/MultiSelect/MultiSelect.tsx"],"names":[],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"MultiSelect.js","sourceRoot":"","sources":["../../../../src/components/MultiSelect/MultiSelect.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,85 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __rest = (this && this.__rest) || function (s, e) {
|
|
3
|
+
var t = {};
|
|
4
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
5
|
+
t[p] = s[p];
|
|
6
|
+
if (s != null && typeof Object.getOwnPropertySymbols === "function")
|
|
7
|
+
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
8
|
+
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
|
9
|
+
t[p[i]] = s[p[i]];
|
|
10
|
+
}
|
|
11
|
+
return t;
|
|
12
|
+
};
|
|
13
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
14
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
15
|
+
};
|
|
16
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
17
|
+
exports.StickyTarget = void 0;
|
|
18
|
+
const react_1 = __importDefault(require("react"));
|
|
19
|
+
const common_1 = require("../../common/");
|
|
20
|
+
const constants_1 = require("../../configuration/constants");
|
|
21
|
+
/**
|
|
22
|
+
* Element wraps the content that need to be displayed sticky.
|
|
23
|
+
* The content then offset relative to its nearest scrolling ancestor and containing block (nearest block-level ancestor).
|
|
24
|
+
*/
|
|
25
|
+
const StickyTarget = (_a) => {
|
|
26
|
+
var { className, to = "top", local = false, background = "transparent", offset, style, getConnectedElement } = _a, otherDivProps = __rest(_a, ["className", "to", "local", "background", "offset", "style", "getConnectedElement"]);
|
|
27
|
+
const stickyTargetRef = react_1.default.useRef(null);
|
|
28
|
+
let offsetStyle = {};
|
|
29
|
+
if (typeof offset !== "undefined") {
|
|
30
|
+
offsetStyle = Object.assign(Object.assign({}, style), { "--eccgui-sticky-target-localoffset": offset });
|
|
31
|
+
}
|
|
32
|
+
let connectedOffset = 0;
|
|
33
|
+
react_1.default.useEffect(() => {
|
|
34
|
+
/**
|
|
35
|
+
* If the target should be sticky to a defined element then:
|
|
36
|
+
* * check for the element and its scroll parent
|
|
37
|
+
* * listen to scroll events and use the elements position as offset
|
|
38
|
+
*/
|
|
39
|
+
if (getConnectedElement && stickyTargetRef) {
|
|
40
|
+
const stickyConnection = getConnectedElement(stickyTargetRef);
|
|
41
|
+
if (stickyConnection) {
|
|
42
|
+
const scrollParent = common_1.utils.getScrollParent(stickyConnection);
|
|
43
|
+
const scrollParentFallback = !scrollParent ? document.documentElement : false;
|
|
44
|
+
if (scrollParent || scrollParentFallback) {
|
|
45
|
+
const updateTargetOffset = () => {
|
|
46
|
+
var _a;
|
|
47
|
+
const scrollParentPosition = (scrollParent || scrollParentFallback).getBoundingClientRect();
|
|
48
|
+
const stickyConnectionPosition = stickyConnection.getBoundingClientRect();
|
|
49
|
+
if (to === "top") {
|
|
50
|
+
connectedOffset =
|
|
51
|
+
stickyConnectionPosition.top -
|
|
52
|
+
Math.max(0, scrollParentPosition.top) +
|
|
53
|
+
stickyConnectionPosition.height;
|
|
54
|
+
}
|
|
55
|
+
if (to === "bottom") {
|
|
56
|
+
connectedOffset =
|
|
57
|
+
Math.max(scrollParentPosition.height, scrollParentPosition.bottom) -
|
|
58
|
+
stickyConnectionPosition.bottom +
|
|
59
|
+
stickyConnectionPosition.height;
|
|
60
|
+
}
|
|
61
|
+
(_a = stickyTargetRef.current) === null || _a === void 0 ? void 0 : _a.style.setProperty("--eccgui-sticky-target-applicationoffset", `${connectedOffset}px`);
|
|
62
|
+
};
|
|
63
|
+
updateTargetOffset();
|
|
64
|
+
const eventListeningTarget = scrollParent || window;
|
|
65
|
+
const eventListeningMethod = (_event) => {
|
|
66
|
+
updateTargetOffset();
|
|
67
|
+
};
|
|
68
|
+
eventListeningTarget.addEventListener("scroll", eventListeningMethod);
|
|
69
|
+
return () => {
|
|
70
|
+
eventListeningTarget.removeEventListener("scroll", eventListeningMethod);
|
|
71
|
+
};
|
|
72
|
+
}
|
|
73
|
+
}
|
|
74
|
+
}
|
|
75
|
+
return;
|
|
76
|
+
}, [getConnectedElement, stickyTargetRef, to]);
|
|
77
|
+
return (react_1.default.createElement("div", Object.assign({ ref: stickyTargetRef, className: `${constants_1.CLASSPREFIX}-sticky__target` +
|
|
78
|
+
(to ? ` ${constants_1.CLASSPREFIX}-sticky__target--${to}` : "") +
|
|
79
|
+
(local ? ` ${constants_1.CLASSPREFIX}-sticky__target--localscrollarea` : "") +
|
|
80
|
+
(background ? ` ${constants_1.CLASSPREFIX}-sticky__target--bg-${background}` : "") +
|
|
81
|
+
(className ? ` ${className}` : ""), style: offset ? offsetStyle : style }, otherDivProps)));
|
|
82
|
+
};
|
|
83
|
+
exports.StickyTarget = StickyTarget;
|
|
84
|
+
exports.default = exports.StickyTarget;
|
|
85
|
+
//# sourceMappingURL=StickyTarget.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"StickyTarget.js","sourceRoot":"","sources":["../../../../src/components/Sticky/StickyTarget.tsx"],"names":[],"mappings":"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"}
|