@eccenca/gui-elements 23.7.0-rc.2 → 23.7.0-rc.3

package/CHANGELOG.md

@@ -27,7 +27,7 @@ The format is based on [Keep a Changelog](http://keepachangelog.com/) and this p
 ### Fixed
 
 -   `<MultiSuggestField />`
-    -   Added logic for contolled state for the component if `selectedItems` and `onSelection` passed.
+    -   Updated the interface with the ability to use either `selectedItems` or `prePopulateWithItems` properties, which is more logical.
     -   Fixed deferred `selectedItems` setting.
 -   `<StickyNoteModal/>`
     -   static test id `data-test-id="sticky-note-modal"` will be removed with next major version

package/dist/cjs/components/MultiSelect/MultiSelect.js

@@ -61,7 +61,7 @@ function MultiSelect(_a) {
     const [externalItems, setExternalItems] = react_1.default.useState([...items]);
     // All options (created and passed) that match the query
     const [filteredItems, setFilteredItems] = react_1.default.useState([]);
-    // All options (created and passed) selected by a user, if the component is uncontrolled
+    // All options (created and passed) selected by a user
     const [selectedItems, setSelectedItems] = react_1.default.useState(() => prePopulateWithItems ? [...items] : externalSelectedItems ? [...externalSelectedItems] : []);
     //currently focused element in popover list
     const [focusedItem, setFocusedItem] = react_1.default.useState(null);
@@ -85,9 +85,6 @@ function MultiSelect(_a) {
         default:
             break;
     }
-    // If the component is contolled from outside, we don't need to store selected state within the component
-    // when user selects or removes selection - options will be set in a parent component
-    const isControlled = !!(externalSelectedItems && onSelection);
     /** Update external items when they change
      *  e.g for auto-complete when query change
      */
@@ -96,15 +93,13 @@ function MultiSelect(_a) {
         setFilteredItems([...items, ...createdItems.current]);
     }, [items.map((item) => itemId(item)).join("|")]);
     react_1.default.useEffect(() => {
-        !isControlled &&
-            onSelection &&
+        onSelection &&
             onSelection({
                 newlySelected: selectedItems.slice(-1)[0],
                 createdItems: createdItems.current,
                 selectedItems,
             });
     }, [
-        isControlled,
         onSelection,
         selectedItems.map((item) => itemId(item)).join("|"),
         createdItems.current.map((item) => itemId(item)).join("|"),
@@ -117,7 +112,7 @@ function MultiSelect(_a) {
             return;
         }
         setSelectedItems(externalSelectedItems);
-    }, [externalSelectedItems]);
+    }, [externalSelectedItems === null || externalSelectedItems === void 0 ? void 0 : externalSelectedItems.map((item) => itemId(item)).join("|")]);
     /**
      * using the equality prop specified checks if an item has already been selected
      * @param matcher
@@ -132,15 +127,7 @@ function MultiSelect(_a) {
      */
     const removeItemSelection = (matcher) => {
         const filteredItems = selectedItems.filter((item) => itemId(item) !== matcher);
-        if (isControlled) {
-            onSelection({
-                createdItems: createdItems.current,
-                selectedItems: filteredItems,
-            });
-        }
-        else {
-            setSelectedItems(filteredItems);
-        }
+        setSelectedItems(filteredItems);
     };
     /**
      * selects and deselects an item from selection list
@@ -152,13 +139,6 @@ function MultiSelect(_a) {
         if (itemHasBeenSelectedAlready(itemId(item))) {
             removeItemSelection(itemId(item));
         }
-        else if (isControlled) {
-            onSelection({
-                newlySelected: item,
-                createdItems: createdItems.current,
-                selectedItems: [...selectedItems, item],
-            });
-        }
         else {
             setSelectedItems((items) => [...items, item]);
         }
@@ -221,15 +201,7 @@ function MultiSelect(_a) {
      */
     const handleClear = () => {
         requestState.current.query = "";
-        if (isControlled) {
-            onSelection({
-                selectedItems: [],
-                createdItems: createdItems.current,
-            });
-        }
-        else {
-            setSelectedItems([]);
-        }
+        setSelectedItems([]);
         setFilteredItems([...externalItems, ...createdItems.current]);
     };
     /**

package/dist/cjs/components/MultiSelect/MultiSelect.js.map

@@ -1 +1 @@
-{"version":3,"file":"MultiSelect.js","sourceRoot":"","sources":["../../../../src/components/MultiSelect/MultiSelect.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"MultiSelect.js","sourceRoot":"","sources":["../../../../src/components/MultiSelect/MultiSelect.tsx"],"names":[],"mappings":"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"}

package/dist/cjs/components/Sticky/StickyTarget.js

@@ -23,14 +23,19 @@ const constants_1 = require("../../configuration/constants");
  * The content then offset relative to its nearest scrolling ancestor and containing block (nearest block-level ancestor).
  */
 const StickyTarget = (_a) => {
-    var { className, to = "top", local = false, background = "transparent", offset, style, getConnectedElement } = _a, otherDivProps = __rest(_a, ["className", "to", "local", "background", "offset", "style", "getConnectedElement"]);
+    var { className, to = "top", local = false, offset, background = "transparent", fillMainGap, fillSecondaryGap, style, getConnectedElement } = _a, otherDivProps = __rest(_a, ["className", "to", "local", "offset", "background", "fillMainGap", "fillSecondaryGap", "style", "getConnectedElement"]);
     const stickyTargetRef = react_1.default.useRef(null);
     let offsetStyle = {};
     if (typeof offset !== "undefined") {
         offsetStyle = Object.assign(Object.assign({}, style), { "--eccgui-sticky-target-localoffset": offset });
     }
-    let connectedOffset = 0;
     react_1.default.useEffect(() => {
+        let removeEventForConnectedOffset = () => {
+            /* no event need to be removed */
+        };
+        let removeEventForStickynessCheck = () => {
+            /* no event need to be removed */
+        };
         /**
          * If the target should be sticky to a defined element then:
          * * check for the element and its scroll parent
@@ -44,6 +49,7 @@ const StickyTarget = (_a) => {
                 if (scrollParent || scrollParentFallback) {
                     const updateTargetOffset = () => {
                         var _a;
+                        let connectedOffset = 0;
                         const scrollParentPosition = (scrollParent || scrollParentFallback).getBoundingClientRect();
                         const stickyConnectionPosition = stickyConnection.getBoundingClientRect();
                         if (to === "top") {
@@ -66,18 +72,53 @@ const StickyTarget = (_a) => {
                         updateTargetOffset();
                     };
                     eventListeningTarget.addEventListener("scroll", eventListeningMethod);
-                    return () => {
+                    removeEventForConnectedOffset = () => {
                         eventListeningTarget.removeEventListener("scroll", eventListeningMethod);
                     };
                 }
             }
         }
-        return;
-    }, [getConnectedElement, stickyTargetRef, to]);
+        /**
+         * Check if sticky target element is currently in sticky mode.
+         * sticky mode = current position === defined sticky position
+         */
+        if (stickyTargetRef && (fillMainGap || fillSecondaryGap)) {
+            const stickyTarget = stickyTargetRef.current;
+            const scrollParent = common_1.utils.getScrollParent(stickyTarget);
+            const checkStickyness = () => {
+                const definedPosition = parseInt(window.getComputedStyle(stickyTarget)[to], 10);
+                const scrollParentPosition = scrollParent ? scrollParent.getBoundingClientRect()[to] : 0;
+                const currentPosition = (to === "top" ? 1 : -1) * (stickyTarget.getBoundingClientRect()[to] - scrollParentPosition);
+                // check stickyness in a small position range (not exact value) because of float values
+                const isSticky = currentPosition <= definedPosition + 1 && currentPosition >= definedPosition - 1;
+                if (isSticky && !stickyTarget.classList.contains(`${constants_1.CLASSPREFIX}-sticky__target--issticky`)) {
+                    stickyTarget.classList.add(`${constants_1.CLASSPREFIX}-sticky__target--issticky`);
+                }
+                if (!isSticky && stickyTarget.classList.contains(`${constants_1.CLASSPREFIX}-sticky__target--issticky`)) {
+                    stickyTarget.classList.remove(`${constants_1.CLASSPREFIX}-sticky__target--issticky`);
+                }
+            };
+            checkStickyness();
+            const eventListeningTarget = scrollParent || window;
+            const eventListeningMethod = (_event) => {
+                checkStickyness();
+            };
+            eventListeningTarget.addEventListener("scroll", eventListeningMethod);
+            removeEventForStickynessCheck = () => {
+                eventListeningTarget.removeEventListener("scroll", eventListeningMethod);
+            };
+        }
+        return () => {
+            removeEventForConnectedOffset();
+            removeEventForStickynessCheck();
+        };
+    }, [getConnectedElement, stickyTargetRef, to, fillMainGap, fillSecondaryGap]);
     return (react_1.default.createElement("div", Object.assign({ ref: stickyTargetRef, className: `${constants_1.CLASSPREFIX}-sticky__target` +
             (to ? ` ${constants_1.CLASSPREFIX}-sticky__target--${to}` : "") +
             (local ? ` ${constants_1.CLASSPREFIX}-sticky__target--localscrollarea` : "") +
             (background ? ` ${constants_1.CLASSPREFIX}-sticky__target--bg-${background}` : "") +
+            (fillMainGap ? ` ${constants_1.CLASSPREFIX}-sticky__target--maingapfill-${fillMainGap}` : "") +
+            (fillSecondaryGap ? ` ${constants_1.CLASSPREFIX}-sticky__target--secondarygapfill-${fillSecondaryGap}` : "") +
             (className ? ` ${className}` : ""), style: offset ? offsetStyle : style }, otherDivProps)));
 };
 exports.StickyTarget = StickyTarget;

package/dist/cjs/components/Sticky/StickyTarget.js.map

@@ -1 +1 @@
-{"version":3,"file":"StickyTarget.js","sourceRoot":"","sources":["../../../../src/components/Sticky/StickyTarget.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"StickyTarget.js","sourceRoot":"","sources":["../../../../src/components/Sticky/StickyTarget.tsx"],"names":[],"mappings":"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"}

package/dist/esm/components/MultiSelect/MultiSelect.js

@@ -103,7 +103,7 @@ export function MultiSelect(_a) {
     var _h = __read(React.useState(__spreadArray([], __read(items), false)), 2), externalItems = _h[0], setExternalItems = _h[1];
     // All options (created and passed) that match the query
     var _j = __read(React.useState([]), 2), filteredItems = _j[0], setFilteredItems = _j[1];
-    // All options (created and passed) selected by a user, if the component is uncontrolled
+    // All options (created and passed) selected by a user
     var _k = __read(React.useState(function () {
         return prePopulateWithItems ? __spreadArray([], __read(items), false) : externalSelectedItems ? __spreadArray([], __read(externalSelectedItems), false) : [];
     }), 2), selectedItems = _k[0], setSelectedItems = _k[1];
@@ -129,9 +129,6 @@ export function MultiSelect(_a) {
         default:
             break;
     }
-    // If the component is contolled from outside, we don't need to store selected state within the component
-    // when user selects or removes selection - options will be set in a parent component
-    var isControlled = !!(externalSelectedItems && onSelection);
     /** Update external items when they change
      *  e.g for auto-complete when query change
      */
@@ -140,15 +137,13 @@ export function MultiSelect(_a) {
         setFilteredItems(__spreadArray(__spreadArray([], __read(items), false), __read(createdItems.current), false));
     }, [items.map(function (item) { return itemId(item); }).join("|")]);
     React.useEffect(function () {
-        !isControlled &&
-            onSelection &&
+        onSelection &&
             onSelection({
                 newlySelected: selectedItems.slice(-1)[0],
                 createdItems: createdItems.current,
                 selectedItems: selectedItems,
             });
     }, [
-        isControlled,
         onSelection,
         selectedItems.map(function (item) { return itemId(item); }).join("|"),
         createdItems.current.map(function (item) { return itemId(item); }).join("|"),
@@ -161,7 +156,7 @@ export function MultiSelect(_a) {
             return;
         }
         setSelectedItems(externalSelectedItems);
-    }, [externalSelectedItems]);
+    }, [externalSelectedItems === null || externalSelectedItems === void 0 ? void 0 : externalSelectedItems.map(function (item) { return itemId(item); }).join("|")]);
     /**
      * using the equality prop specified checks if an item has already been selected
      * @param matcher
@@ -176,15 +171,7 @@ export function MultiSelect(_a) {
      */
     var removeItemSelection = function (matcher) {
         var filteredItems = selectedItems.filter(function (item) { return itemId(item) !== matcher; });
-        if (isControlled) {
-            onSelection({
-                createdItems: createdItems.current,
-                selectedItems: filteredItems,
-            });
-        }
-        else {
-            setSelectedItems(filteredItems);
-        }
+        setSelectedItems(filteredItems);
     };
     /**
      * selects and deselects an item from selection list
@@ -196,13 +183,6 @@ export function MultiSelect(_a) {
         if (itemHasBeenSelectedAlready(itemId(item))) {
             removeItemSelection(itemId(item));
         }
-        else if (isControlled) {
-            onSelection({
-                newlySelected: item,
-                createdItems: createdItems.current,
-                selectedItems: __spreadArray(__spreadArray([], __read(selectedItems), false), [item], false),
-            });
-        }
         else {
             setSelectedItems(function (items) { return __spreadArray(__spreadArray([], __read(items), false), [item], false); });
         }
@@ -281,15 +261,7 @@ export function MultiSelect(_a) {
      */
     var handleClear = function () {
         requestState.current.query = "";
-        if (isControlled) {
-            onSelection({
-                selectedItems: [],
-                createdItems: createdItems.current,
-            });
-        }
-        else {
-            setSelectedItems([]);
-        }
+        setSelectedItems([]);
         setFilteredItems(__spreadArray(__spreadArray([], __read(externalItems), false), __read(createdItems.current), false));
     };
     /**

package/dist/esm/components/MultiSelect/MultiSelect.js.map

@@ -1 +1 @@
-{"version":3,"file":"MultiSelect.js","sourceRoot":"","sources":["../../../../src/components/MultiSelect/MultiSelect.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AACtC,OAAO,EAA6C,MAAM,IAAI,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACzG,OAAO,EAEH,WAAW,IAAI,oBAAoB,GAEtC,MAAM,qBAAqB,CAAC;AAE7B,OAAO,EAAE,iBAAiB,EAAE,MAAM,gCAAgC,CAAC;AACnE,OAAO,EAAE,WAAW,IAAI,MAAM,EAAE,MAAM,+BAA+B,CAAC;AAGtE,OAAO,EAAuB,WAAW,EAAE,UAAU,EAAE,QAAQ,EAAE,YAAY,EAAE,OAAO,EAAE,MAAM,eAAe,CAAC;AAqH9G;;;;;;GAMG;AACH,MAAM,UAAU,WAAW,CAAI,EA4BT;IA5BtB,iBAyZC;IAxZG,IAAA,KAAK,WAAA,EACU,qBAAqB,mBAAA,EACpC,oBAAoB,0BAAA,EACpB,MAAM,YAAA,EACN,SAAS,eAAA,EACT,WAAW,iBAAA,EACX,mBAAmB,yBAAA,EACnB,aAAa,mBAAA,EACb,UAAU,gBAAA,EACV,gBAAgB,sBAAA,EAChB,iBAAgB,EAAhB,SAAS,mBAAG,IAAI,KAAA,EAChB,oBAA4B,EAA5B,YAAY,mBAAG,aAAa,KAAA,EAC5B,2BAAoC,EAApC,mBAAmB,mBAAG,cAAc,KAAA,EACpC,sBAA8B,EAA9B,cAAc,mBAAG,aAAa,KAAA,EAC9B,eAAe,qBAAA,EACf,cAAc,oBAAA,EACd,eAAe,qBAAA,EACf,eAAe,qBAAA,EACf,QAAQ,cAAA,EACR,sBAAsB,4BAAA,EACtB,oBAAgB,EAAhB,YAAY,mBAAG,CAAC,KAAA,EAChB,6BAA6B,EAA7B,qBAAqB,mBAAG,KAAK,KAAA,EAC7B,SAAS,eAAA,EACO,UAAU,qBAAA,EACX,UAAU,oBAAA,EACzB,YAAY,kBAAA,EACT,qBAAqB,cA3BG,8bA4B9B,CAD2B;IAExB,4BAA4B;IAC5B,IAAM,YAAY,GAAG,MAAM,CAAM,EAAE,CAAC,CAAC;IACrC,gDAAgD;IAC1C,IAAA,KAAA,OAAoC,KAAK,CAAC,QAAQ,0BAAU,KAAK,UAAE,IAAA,EAAlE,aAAa,QAAA,EAAE,gBAAgB,QAAmC,CAAC;IAC1E,wDAAwD;IAClD,IAAA,KAAA,OAAoC,KAAK,CAAC,QAAQ,CAAM,EAAE,CAAC,IAAA,EAA1D,aAAa,QAAA,EAAE,gBAAgB,QAA2B,CAAC;IAClE,wFAAwF;IAClF,IAAA,KAAA,OAAoC,KAAK,CAAC,QAAQ,CAAM;QAC1D,OAAA,oBAAoB,CAAC,CAAC,0BAAK,KAAK,UAAE,CAAC,CAAC,qBAAqB,CAAC,CAAC,0BAAK,qBAAqB,UAAE,CAAC,CAAC,EAAE;IAA3F,CAA2F,CAC9F,IAAA,EAFM,aAAa,QAAA,EAAE,gBAAgB,QAErC,CAAC;IAEF,2CAA2C;IACrC,IAAA,KAAA,OAAgC,KAAK,CAAC,QAAQ,CAAW,IAAI,CAAC,IAAA,EAA7D,WAAW,QAAA,EAAE,cAAc,QAAkC,CAAC;IAC/D,IAAA,KAAA,OAAgC,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,IAAA,EAApD,WAAW,QAAA,EAAE,cAAc,QAAyB,CAAC;IAC5D,IAAM,QAAQ,GAAG,KAAK,CAAC,MAAM,CAAmB,IAAI,CAAC,CAAC;IACtD,IAAM,YAAY,GAAG,MAAM,CAGxB,EAAE,CAAC,CAAC;IAEP,IAAI,MAAM,CAAC;IACX,QAAQ,IAAI,EAAE;QACV,KAAK,eAAe;YAChB,MAAM,GAAG,eAAe,CAAC,OAAO,CAAC;YACjC,MAAM;QACV,KAAK,eAAe;YAChB,MAAM,GAAG,eAAe,CAAC,OAAO,CAAC;YACjC,MAAM;QACV,KAAK,eAAe;YAChB,MAAM,GAAG,eAAe,CAAC,OAAO,CAAC;YACjC,MAAM;QACV,KAAK,cAAc;YACf,MAAM,GAAG,eAAe,CAAC,MAAM,CAAC;YAChC,MAAM;QACV;YACI,MAAM;KACb;IAED,yGAAyG;IACzG,qFAAqF;IACrF,IAAM,YAAY,GAAG,CAAC,CAAC,CAAC,qBAAqB,IAAI,WAAW,CAAC,CAAC;IAE9D;;OAEG;IACH,KAAK,CAAC,SAAS,CAAC;QACZ,gBAAgB,CAAC,KAAK,CAAC,CAAC;QACxB,gBAAgB,wCAAK,KAAK,kBAAK,YAAY,CAAC,OAAO,UAAE,CAAC;IAC1D,CAAC,EAAE,CAAC,KAAK,CAAC,GAAG,CAAC,UAAC,IAAI,IAAK,OAAA,MAAM,CAAC,IAAI,CAAC,EAAZ,CAAY,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;IAElD,KAAK,CAAC,SAAS,CAAC;QACZ,CAAC,YAAY;YACT,WAAW;YACX,WAAW,CAAC;gBACR,aAAa,EAAE,aAAa,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;gBACzC,YAAY,EAAE,YAAY,CAAC,OAAO;gBAClC,aAAa,eAAA;aAChB,CAAC,CAAC;IACX,CAAC,EAAE;QACC,YAAY;QACZ,WAAW;QACX,aAAa,CAAC,GAAG,CAAC,UAAC,IAAI,IAAK,OAAA,MAAM,CAAC,IAAI,CAAC,EAAZ,CAAY,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC;QACnD,YAAY,CAAC,OAAO,CAAC,GAAG,CAAC,UAAC,IAAI,IAAK,OAAA,MAAM,CAAC,IAAI,CAAC,EAAZ,CAAY,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC;KAC7D,CAAC,CAAC;IAEH;;OAEG;IACH,KAAK,CAAC,SAAS,CAAC;QACZ,IAAI,CAAC,qBAAqB,EAAE;YACxB,OAAO;SACV;QAED,gBAAgB,CAAC,qBAAqB,CAAC,CAAC;IAC5C,CAAC,EAAE,CAAC,qBAAqB,CAAC,CAAC,CAAC;IAE5B;;;;OAIG;IACH,IAAM,0BAA0B,GAAG,UAAC,OAAe;QAC/C,OAAO,CAAC,CAAC,aAAa,CAAC,IAAI,CAAC,UAAC,IAAI,IAAK,OAAA,MAAM,CAAC,IAAI,CAAC,KAAK,OAAO,EAAxB,CAAwB,CAAC,CAAC;IACpE,CAAC,CAAC;IAEF;;;OAGG;IACH,IAAM,mBAAmB,GAAG,UAAC,OAAe;QACxC,IAAM,aAAa,GAAG,aAAa,CAAC,MAAM,CAAC,UAAC,IAAI,IAAK,OAAA,MAAM,CAAC,IAAI,CAAC,KAAK,OAAO,EAAxB,CAAwB,CAAC,CAAC;QAE/E,IAAI,YAAY,EAAE;YACd,WAAW,CAAC;gBACR,YAAY,EAAE,YAAY,CAAC,OAAO;gBAClC,aAAa,EAAE,aAAa;aAC/B,CAAC,CAAC;SACN;aAAM;YACH,gBAAgB,CAAC,aAAa,CAAC,CAAC;SACnC;IACL,CAAC,CAAC;IAEF;;;;OAIG;IACH,IAAM,YAAY,GAAG,UAAC,IAAO;;QACzB,IAAI,0BAA0B,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,EAAE;YAC1C,mBAAmB,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC;SACrC;aAAM,IAAI,YAAY,EAAE;YACrB,WAAW,CAAC;gBACR,aAAa,EAAE,IAAI;gBACnB,YAAY,EAAE,YAAY,CAAC,OAAO;gBAClC,aAAa,yCAAM,aAAa,YAAE,IAAI,SAAC;aAC1C,CAAC,CAAC;SACN;aAAM;YACH,gBAAgB,CAAC,UAAC,KAAK,IAAK,8CAAI,KAAK,YAAE,IAAI,WAAf,CAAgB,CAAC,CAAC;SACjD;QAED,IAAI,qBAAqB,EAAE;YACvB,YAAY,CAAC,OAAO,CAAC,KAAK,GAAG,EAAE,CAAC;YAChC,MAAA,QAAQ,CAAC,OAAO,0CAAE,KAAK,EAAE,CAAC;SAC7B;aAAM;YACH,MAAA,QAAQ,CAAC,OAAO,0CAAE,MAAM,EAAE,CAAC;SAC9B;IACL,CAAC,CAAC;IAEF;;;OAGG;IACH,IAAM,aAAa,GAAG,UAAC,KAAa;QAChC,IAAI,KAAK,CAAC,MAAM,IAAI,KAAK,KAAK,YAAY,CAAC,OAAO,CAAC,KAAK,EAAE;YACtD,YAAY,CAAC,OAAO,CAAC,KAAK,GAAG,KAAK,CAAC;YACnC,IAAI,YAAY,CAAC,OAAO,CAAC,SAAS,EAAE;gBAChC,YAAY,CAAC,YAAY,CAAC,OAAO,CAAC,SAAS,CAAC,CAAC;aAChD;YACD,IAAM,EAAE,GAAG;;;;;4BACP,cAAc,CAAC,IAAI,CAAC,CAAC;4BACrB,gBAAgB,CAAC,EAAE,CAAC,CAAC;4BACG,KAAA,gBAAgB,CAAA;qCAAhB,wBAAgB;4BAAK,qBAAM,gBAAgB,CAAC,iBAAiB,CAAC,KAAK,CAAC,CAAC,EAAA;;4BAAjD,KAAA,CAAC,SAAgD,CAAC,CAAA;;;4BAAxF,eAAe,KAAyE;4BAC9F,IAAI,YAAY,CAAC,OAAO,CAAC,KAAK,KAAK,KAAK,EAAE;gCAEhC,cAAc,4BAAO,CAAC,eAAe,aAAf,eAAe,cAAf,eAAe,GAAI,aAAa,CAAC,SAAC,CAAC;gCAC/D,gBAAgB,CACZ,uCAAI,cAAc,kBAAK,YAAY,CAAC,OAAO,UAAE,MAAM,CAAC,UAAC,IAAI;oCACrD,OAAA,SAAS,CAAC,IAAI,CAAC,CAAC,WAAW,EAAE,CAAC,QAAQ,CAAC,KAAK,CAAC,WAAW,EAAE,CAAC;gCAA3D,CAA2D,CAC9D,CACJ,CAAC;gCACF,cAAc,CAAC,KAAK,CAAC,CAAC;6BACzB;;;;iBACJ,CAAC;YACF,YAAY,CAAC,OAAO,CAAC,SAAS,GAAG,MAAM,CAAC,UAAU,CAAC,EAAE,EAAE,YAAY,IAAI,YAAY,GAAG,CAAC,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;SAC/G;aAAM,IAAI,CAAC,KAAK,CAAC,MAAM,EAAE;YACtB,4EAA4E;YAC5E,YAAY,CAAC,OAAO,CAAC,KAAK,GAAG,EAAE,CAAC;YAChC,gBAAgB,CAAC,cAAM,8CAAI,aAAa,kBAAK,YAAY,CAAC,OAAO,WAA1C,CAA2C,CAAC,CAAC;SACvE;IACL,CAAC,CAAC;IAEF,mDAAmD;IACnD,IAAM,cAAc,GAAG,UAAC,KAAa;QACjC,OAAO,oBAAC,WAAW,IAAC,KAAK,EAAE,KAAK,EAAE,WAAW,EAAE,YAAY,CAAC,OAAO,CAAC,KAAK,GAAI,CAAC;IAClF,CAAC,CAAC;IAEF;;OAEG;IACH,IAAM,cAAc,GAAG,UAAC,IAAO,EAAE,EAAsD;YAApD,WAAW,iBAAA,EAAE,SAAS,eAAA;QACrD,IAAI,CAAC,SAAS,CAAC,gBAAgB,EAAE;YAC7B,OAAO,IAAI,CAAC;SACf;QACD,IAAI,KAAK,GAAG,SAAS,CAAC,IAAI,CAAC,CAAC;QAC5B,IAAI,YAAY,CAAC,OAAO,CAAC,IAAI,CAAC,UAAC,OAAO,IAAK,OAAA,MAAM,CAAC,OAAO,CAAC,KAAK,MAAM,CAAC,IAAI,CAAC,EAAhC,CAAgC,CAAC,EAAE;YAC1E,KAAK,IAAI,cAAc,CAAC;SAC3B;QACD,OAAO,CACH,oBAAC,QAAQ,IACL,MAAM,EAAE,SAAS,CAAC,MAAM,EACxB,GAAG,EAAE,MAAM,CAAC,IAAI,CAAC,EACjB,IAAI,EAAE,0BAA0B,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,iBAAiB,EACpF,OAAO,EAAE,WAAW,EACpB,IAAI,EAAE,cAAc,CAAC,KAAK,CAAC,EAC3B,oBAAoB,EAAE,KAAK,GAC7B,CACL,CAAC;IACN,CAAC,CAAC;IAEF;;OAEG;IACH,IAAM,WAAW,GAAG;QAChB,YAAY,CAAC,OAAO,CAAC,KAAK,GAAG,EAAE,CAAC;QAEhC,IAAI,YAAY,EAAE;YACd,WAAW,CAAC;gBACR,aAAa,EAAE,EAAE;gBACjB,YAAY,EAAE,YAAY,CAAC,OAAO;aACrC,CAAC,CAAC;SACN;aAAM;YACH,gBAAgB,CAAC,EAAE,CAAC,CAAC;SACxB;QAED,gBAAgB,wCAAK,aAAa,kBAAK,YAAY,CAAC,OAAO,UAAE,CAAC;IAClE,CAAC,CAAC;IAEF;;;;OAIG;IACH,IAAM,8BAA8B,GAAG,UAAC,MAAuB,EAAE,KAAa;QAC1E,gBAAgB,wCAAK,aAAa,CAAC,KAAK,CAAC,CAAC,EAAE,KAAK,CAAC,kBAAK,aAAa,CAAC,KAAK,CAAC,KAAK,GAAG,CAAC,CAAC,UAAE,CAAC;IAC5F,CAAC,CAAC;IAEF;;OAEG;IACH,IAAM,aAAa,GAAG,UAAC,KAAa;QAChC,IAAM,OAAO,GAAG,sBAAuB,CAAC,KAAK,CAAC,CAAC;QAC/C,eAAe;QACf,YAAY,CAAC,OAAO,0CAAO,YAAY,CAAC,OAAO,YAAE,OAAO,SAAC,CAAC;QAC1D,gBAAgB,CAAC,UAAC,KAAK,IAAK,8CAAI,KAAK,YAAE,OAAO,WAAlB,CAAmB,CAAC,CAAC;QACjD,YAAY,CAAC,OAAO,CAAC,KAAK,GAAG,EAAE,CAAC;QAChC,OAAO,OAAO,CAAC;IACnB,CAAC,CAAC;IAEF;;;OAGG;IACH,IAAM,aAAa,GAAG,UAAC,KAAuC;;QAC1D,IAAI,KAAK,CAAC,GAAG,KAAK,OAAO,IAAI,CAAC,aAAa,CAAC,MAAM,IAAI,CAAC,CAAC,YAAY,CAAC,OAAO,CAAC,KAAK,IAAI,sBAAsB,EAAE;YAC1G,aAAa,CAAC,YAAY,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC;SAC7C;QACD,MAAA,QAAQ,CAAC,OAAO,0CAAE,KAAK,EAAE,CAAC;IAC9B,CAAC,CAAC;IAEF;;;;OAIG;IACH,IAAM,eAAe,GAAG,UAAC,KAAuC;QAC5D,IAAI,KAAK,CAAC,GAAG,KAAK,KAAK,IAAI,CAAC,CAAC,YAAY,CAAC,OAAO,CAAC,KAAK,EAAE;YACrD,KAAK,CAAC,cAAc,EAAE,CAAC;YACvB,WAAW,CAAC,CAAC,CAAC,YAAY,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC,YAAY,CAAC,aAAa,CAAC,YAAY,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC;YAClG,YAAY,CAAC,OAAO,CAAC,KAAK,GAAG,EAAE,CAAC;YAChC,UAAU,CAAC,sBAAM,OAAA,MAAA,QAAQ,CAAC,OAAO,0CAAE,KAAK,EAAE,CAAA,EAAA,CAAC,CAAC;SAC/C;IACL,CAAC,CAAC;IAEF;;;;;;OAMG;IACH,IAAM,eAAe,GAAG,UAAC,KAAa,EAAE,MAAe,EAAE,WAAiD;QACtG,IAAI,CAAC,sBAAsB;YAAE,OAAO,SAAS,CAAC;QAC9C,IAAM,YAAY,GAAG,UAAC,CAAgC;YAClD,aAAa,CAAC,KAAK,CAAC,CAAC;YACrB,WAAW,CAAC,CAAC,CAAC,CAAC;QACnB,CAAC,CAAC;QACF,OAAO,CACH,oBAAC,QAAQ,IACL,EAAE,EAAE,UAAU,EACd,IAAI,EAAC,mBAAmB,EACxB,MAAM,EAAE,MAAM,EACd,GAAG,EAAE,KAAK,EACV,OAAO,EAAE,YAAY,EACrB,IAAI,EAAE,oBAAC,YAAY,QAAE,UAAG,mBAAmB,eAAK,KAAK,MAAG,CAAgB,GAC1E,CACL,CAAC;IACN,CAAC,CAAC;IAEF,6DAA6D;IAC7D,IAAM,WAAW,GACb,aAAa,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,CACvB,oBAAC,UAAU,IACP,QAAQ,EAAE,QAAQ,EAClB,IAAI,EAAC,iBAAiB,kBACT,iBAAiB,CAAC,+EAA+E;UAC9G,OAAO,EAAE,WAAW,GACtB,CACL,CAAC,CAAC,CAAC,SAAS,CAAC;IAElB,IAAM,YAAY,GAAG,WAAW;QAC5B,CAAC,CAAC;YACI,YAAY,EAAE,oBAAC,OAAO,IAAC,QAAQ,EAAE,QAAQ,EAAE,IAAI,EAAE,MAAM,GAAI;SAC9D;QACH,CAAC,CAAC,EAAE,CAAC;IAET,IAAM,kBAAkB,GAAG,CACvB,oBAAC,oBAAoB,aACjB,WAAW,EACP,CAAC,qBAAqB,CAAC,WAAW,IAAI,sBAAsB;YACxD,CAAC,CAAC,qDAAqD;YACvD,CAAC,CAAC,SAAS,IAEf,qBAAqB,IACzB,KAAK,EAAE,YAAY,CAAC,OAAO,CAAC,KAAK,EACjC,aAAa,EAAE,aAAa,EAC5B,KAAK,EAAE,aAAa,EACpB,YAAY,EAAE,YAAY,EAC1B,YAAY,EAAE,cAAc,EAC5B,UAAU,EAAE,UAAC,CAAI,EAAE,CAAI,IAAK,OAAA,MAAM,CAAC,CAAC,CAAC,KAAK,MAAM,CAAC,CAAC,CAAC,EAAvB,CAAuB,EACnD,aAAa,EAAE,aAAa,EAC5B,SAAS,EAAE,oBAAC,QAAQ,IAAC,QAAQ,EAAE,IAAI,EAAE,IAAI,EAAE,YAAY,GAAI,EAC3D,WAAW,EAAE,UAAC,IAAI,IAAK,OAAA,SAAS,CAAC,IAAI,CAAC,EAAf,CAAe,EACtC,qBAAqB,EAAE,eAAe,EACtC,kBAAkB,EAAE,UAAC,UAAU,IAAK,OAAA,cAAc,CAAC,UAAU,CAAC,EAA1B,CAA0B,EAC9D,IAAI,EAAE,SAAS,EACf,sBAAsB,EAAE,sBAAsB,EAC9C,QAAQ,EAAE,QAAQ,EAClB,aAAa,sBACT,UAAU,EAAE,WACR,EAAE,EAAE,MAAM,EACV,YAAY,EAAE,KAAK,EACnB,cAAc,EAAE,UAAU,CAAC,CAAC,CAAC,UAAU,GAAG,cAAc,CAAC,CAAC,CAAC,SAAS,EACpE,aAAa,EAAE,UAAU,CAAC,CAAC,CAAC,UAAU,GAAG,cAAc,CAAC,CAAC,CAAC,SAAS,IAChE,UAAU,CAC+B,EAChD,SAAS,EAAE,UAAG,MAAM,iBAAc,GAAG,CAAC,SAAS,CAAC,CAAC,CAAC,WAAI,SAAS,CAAE,CAAC,CAAC,CAAC,EAAE,CAAC,EACvE,IAAI,EAAE,SAAS,EACf,QAAQ,EAAE,QAAQ,EAClB,MAAM,QAAA,EACN,SAAS,EAAE,IAAI,EACf,SAAS,EAAE,eAAe,EAC1B,OAAO,EAAE,aAAa,EACtB,QAAQ,EAAE,8BAA8B,EACxC,YAAY,EAAE,CACV,0CACK,WAAW,aAAX,WAAW,cAAX,WAAW,GAAI,IAAI;gBACnB,qBAAqB,CAAC,aAAa,KAAK,IAAI,IAAI,CAC7C,oBAAC,UAAU,IACP,QAAQ,EAAE,QAAQ,EAClB,IAAI,EAAE,mBAAmB,kBACX,UAAU,CAAC,CAAC,CAAC,UAAU,GAAG,UAAU,CAAC,CAAC,CAAC,SAAS,iBACjD,UAAU,CAAC,CAAC,CAAC,UAAU,GAAG,UAAU,CAAC,CAAC,CAAC,SAAS,GAC/D,CACL,CACF,CACN,EACD,QAAQ,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,EAC3B,QAAQ,UAAA,IACL,aAAa,GACb,YAAY,GAEnB,kBAAkB,EAAE;YAChB,SAAS,EAAE,UAAG,MAAM,yBAAsB;SAC7C,EACD,YAAY,aACR,OAAO,EAAE,IAAI,EACb,SAAS,EAAE,cAAc,EACzB,gBAAgB,EAAE,SAAS,IACxB,mBAAmB,GAE1B,mBAAmB,EACf;YACI,cAAc,EAAE,UAAU,CAAC,CAAC,CAAC,UAAU,GAAG,YAAY,CAAC,CAAC,CAAC,SAAS;YAClE,aAAa,EAAE,UAAU,CAAC,CAAC,CAAC,UAAU,GAAG,WAAW,CAAC,CAAC,CAAC,SAAS;SACZ,IAE9D,CACL,CAAC;IAEF,OAAO,YAAY,IAAI,UAAU,IAAI,UAAU,CAAC,CAAC,CAAC,CAC9C,sCACI,SAAS,EAAE,UAAG,MAAM,0BAAuB,IACvC,CAAC,YAAY,aAAZ,YAAY,cAAZ,YAAY,GAAI,EAAE,CAAC,EACpB,EAAE,cAAc,EAAE,UAAU,EAAE,aAAa,EAAE,UAAU,EAAE,GAE5D,kBAAkB,CACjB,CACT,CAAC,CAAC,CAAC,CACA,0CAAG,kBAAkB,CAAI,CAC5B,CAAC;AACN,CAAC;AAED,kBAAkB;AAClB;;;;KAIK;AAEL,mFAAmF;AACnF,+BAA+B;AAC/B,WAAW,CAAC,MAAM,GAAG,oBAAoB,CAAC,MAAM,CAAC;AAEjD,eAAe,WAAW,CAAC"}
+{"version":3,"file":"MultiSelect.js","sourceRoot":"","sources":["../../../../src/components/MultiSelect/MultiSelect.tsx"],"names":[],"mappings":"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"}

package/dist/esm/components/Sticky/StickyTarget.js

@@ -28,14 +28,19 @@ import { CLASSPREFIX as eccgui } from "../../configuration/constants.js";
  * The content then offset relative to its nearest scrolling ancestor and containing block (nearest block-level ancestor).
  */
 export var StickyTarget = function (_a) {
-    var className = _a.className, _b = _a.to, to = _b === void 0 ? "top" : _b, _c = _a.local, local = _c === void 0 ? false : _c, _d = _a.background, background = _d === void 0 ? "transparent" : _d, offset = _a.offset, style = _a.style, getConnectedElement = _a.getConnectedElement, otherDivProps = __rest(_a, ["className", "to", "local", "background", "offset", "style", "getConnectedElement"]);
+    var className = _a.className, _b = _a.to, to = _b === void 0 ? "top" : _b, _c = _a.local, local = _c === void 0 ? false : _c, offset = _a.offset, _d = _a.background, background = _d === void 0 ? "transparent" : _d, fillMainGap = _a.fillMainGap, fillSecondaryGap = _a.fillSecondaryGap, style = _a.style, getConnectedElement = _a.getConnectedElement, otherDivProps = __rest(_a, ["className", "to", "local", "offset", "background", "fillMainGap", "fillSecondaryGap", "style", "getConnectedElement"]);
     var stickyTargetRef = React.useRef(null);
     var offsetStyle = {};
     if (typeof offset !== "undefined") {
         offsetStyle = __assign(__assign({}, style), { "--eccgui-sticky-target-localoffset": offset });
     }
-    var connectedOffset = 0;
     React.useEffect(function () {
+        var removeEventForConnectedOffset = function () {
+            /* no event need to be removed */
+        };
+        var removeEventForStickynessCheck = function () {
+            /* no event need to be removed */
+        };
         /**
          * If the target should be sticky to a defined element then:
          * * check for the element and its scroll parent
@@ -49,6 +54,7 @@ export var StickyTarget = function (_a) {
                 if (scrollParent_1 || scrollParentFallback_1) {
                     var updateTargetOffset_1 = function () {
                         var _a;
+                        var connectedOffset = 0;
                         var scrollParentPosition = (scrollParent_1 || scrollParentFallback_1).getBoundingClientRect();
                         var stickyConnectionPosition = stickyConnection_1.getBoundingClientRect();
                         if (to === "top") {
@@ -71,18 +77,53 @@ export var StickyTarget = function (_a) {
                         updateTargetOffset_1();
                     };
                     eventListeningTarget_1.addEventListener("scroll", eventListeningMethod_1);
-                    return function () {
+                    removeEventForConnectedOffset = function () {
                         eventListeningTarget_1.removeEventListener("scroll", eventListeningMethod_1);
                     };
                 }
             }
         }
-        return;
-    }, [getConnectedElement, stickyTargetRef, to]);
+        /**
+         * Check if sticky target element is currently in sticky mode.
+         * sticky mode = current position === defined sticky position
+         */
+        if (stickyTargetRef && (fillMainGap || fillSecondaryGap)) {
+            var stickyTarget_1 = stickyTargetRef.current;
+            var scrollParent_2 = utils.getScrollParent(stickyTarget_1);
+            var checkStickyness_1 = function () {
+                var definedPosition = parseInt(window.getComputedStyle(stickyTarget_1)[to], 10);
+                var scrollParentPosition = scrollParent_2 ? scrollParent_2.getBoundingClientRect()[to] : 0;
+                var currentPosition = (to === "top" ? 1 : -1) * (stickyTarget_1.getBoundingClientRect()[to] - scrollParentPosition);
+                // check stickyness in a small position range (not exact value) because of float values
+                var isSticky = currentPosition <= definedPosition + 1 && currentPosition >= definedPosition - 1;
+                if (isSticky && !stickyTarget_1.classList.contains("".concat(eccgui, "-sticky__target--issticky"))) {
+                    stickyTarget_1.classList.add("".concat(eccgui, "-sticky__target--issticky"));
+                }
+                if (!isSticky && stickyTarget_1.classList.contains("".concat(eccgui, "-sticky__target--issticky"))) {
+                    stickyTarget_1.classList.remove("".concat(eccgui, "-sticky__target--issticky"));
+                }
+            };
+            checkStickyness_1();
+            var eventListeningTarget_2 = scrollParent_2 || window;
+            var eventListeningMethod_2 = function (_event) {
+                checkStickyness_1();
+            };
+            eventListeningTarget_2.addEventListener("scroll", eventListeningMethod_2);
+            removeEventForStickynessCheck = function () {
+                eventListeningTarget_2.removeEventListener("scroll", eventListeningMethod_2);
+            };
+        }
+        return function () {
+            removeEventForConnectedOffset();
+            removeEventForStickynessCheck();
+        };
+    }, [getConnectedElement, stickyTargetRef, to, fillMainGap, fillSecondaryGap]);
     return (React.createElement("div", __assign({ ref: stickyTargetRef, className: "".concat(eccgui, "-sticky__target") +
             (to ? " ".concat(eccgui, "-sticky__target--").concat(to) : "") +
             (local ? " ".concat(eccgui, "-sticky__target--localscrollarea") : "") +
             (background ? " ".concat(eccgui, "-sticky__target--bg-").concat(background) : "") +
+            (fillMainGap ? " ".concat(eccgui, "-sticky__target--maingapfill-").concat(fillMainGap) : "") +
+            (fillSecondaryGap ? " ".concat(eccgui, "-sticky__target--secondarygapfill-").concat(fillSecondaryGap) : "") +
             (className ? " ".concat(className) : ""), style: offset ? offsetStyle : style }, otherDivProps)));
 };
 export default StickyTarget;

package/dist/esm/components/Sticky/StickyTarget.js.map

@@ -1 +1 @@
-{"version":3,"file":"StickyTarget.js","sourceRoot":"","sources":["../../../../src/components/Sticky/StickyTarget.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"StickyTarget.js","sourceRoot":"","sources":["../../../../src/components/Sticky/StickyTarget.tsx"],"names":[],"mappings":"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"}

package/dist/types/cmem/ActivityControl/ActivityControlTypes.d.ts

@@ -7,6 +7,7 @@ export interface IActivityStatus {
     failed: boolean;
     statusName: "Waiting" | "Finished" | "Idle" | "Running" | "Canceling";
     progress: number;
+    lastUpdateTime: string;
     message: string;
     cancelled: boolean;
     concreteStatus: ConcreteActivityStatus;

package/dist/types/components/MultiSelect/MultiSelect.d.ts

@@ -9,11 +9,7 @@ export interface MultiSelectSelectionProps<T> {
     createdItems: Partial<T>[];
 }
 export declare type SelectedParamsType<T> = MultiSelectSelectionProps<T>;
-export interface MultiSelectProps<T> extends TestableComponent, Pick<BlueprintMultiSelectProps<T>, "items" | "placeholder" | "openOnKeyDown"> {
-    /**
-     * Predefined selected values
-     */
-    selectedItems?: T[];
+interface MultiSelectCommonProps<T> extends TestableComponent, Pick<BlueprintMultiSelectProps<T>, "items" | "placeholder" | "openOnKeyDown"> {
     /**
      * Additional class name, space separated.
      */
@@ -27,10 +23,6 @@ export interface MultiSelectProps<T> extends TestableComponent, Pick<BlueprintMu
      * this would be used in the item selection list as well as the multi-select input
      */
     itemLabel: (item: T) => string;
-    /**
-     * When set to true will set the multi-select value with all the items provided
-     */
-    prePopulateWithItems?: boolean;
     /**
      *  function handler that would be called anytime an item is selected/deselected or an item is created/removed
      */
@@ -107,6 +99,19 @@ export interface MultiSelectProps<T> extends TestableComponent, Pick<BlueprintMu
      */
     wrapperProps?: React.HTMLAttributes<HTMLDivElement>;
 }
+export declare type MultiSelectProps<T> = MultiSelectCommonProps<T> & ({
+    /**
+     * Predefined selected values
+     */
+    selectedItems?: T[];
+    prePopulateWithItems?: never;
+} | {
+    selectedItems?: never;
+    /**
+     * When set to true will set the multi-select value with all the items provided
+     */
+    prePopulateWithItems?: boolean;
+});
 /**
  * **Element is deprecated for the current type of usage.**
  * Use `MultiSuggestField` as replacement.

package/dist/types/components/Sticky/StickyTarget.d.ts

@@ -9,15 +9,26 @@ export interface StickyTargetProps extends React.HTMLAttributes<HTMLDivElement>
      * The application header is not taken into offset calculation
      */
     local?: boolean;
+    /**
+     * Set additional distance to original sticky position.
+     */
+    offset?: `${number}${string}`;
     /**
      * Set the background color used for the sticky area.
      * As it can overlay other content readability could be harmed if the overlayed content is shining through.
      */
     background?: "card" | "application" | "transparent";
     /**
-     * Set additional distance to original sticky position.
+     * In some situations there could be a gap between sticky target area and the border of the related scroll area.
+     * The main gap is the gap towards the direction of the sticky behaviour, specified by `to`.
+     * You can fill this gap with a gradient or full background color.
      */
-    offset?: `${number}${string}`;
+    fillMainGap?: "full" | "gradient";
+    /**
+     * The secondary gap is the gap against the direction of the sticky behaviour.
+     * So in case of `to="top"` this is rendered on the bottom of the sticky area.
+     */
+    fillSecondaryGap?: "full" | "gradient";
     /**
      * Callback that returns an DOM element.
      * The position of `StickyTarget` is then calculated relative to that element.
@@ -28,5 +39,5 @@ export interface StickyTargetProps extends React.HTMLAttributes<HTMLDivElement>
  * Element wraps the content that need to be displayed sticky.
  * The content then offset relative to its nearest scrolling ancestor and containing block (nearest block-level ancestor).
  */
-export declare const StickyTarget: ({ className, to, local, background, offset, style, getConnectedElement, ...otherDivProps }: StickyTargetProps) => React.JSX.Element;
+export declare const StickyTarget: ({ className, to, local, offset, background, fillMainGap, fillSecondaryGap, style, getConnectedElement, ...otherDivProps }: StickyTargetProps) => React.JSX.Element;
 export default StickyTarget;

package/package.json

@@ -1,7 +1,7 @@
 {
     "name": "@eccenca/gui-elements",
     "description": "GUI elements based on other libraries, usable in React application, written in Typescript.",
-    "version": "23.7.0-rc.2",
+    "version": "23.7.0-rc.3",
     "license": "Apache-2.0",
     "homepage": "https://github.com/eccenca/gui-elements",
     "bugs": "https://github.com/eccenca/gui-elements/issues",

package/src/cmem/ActivityControl/ActivityControlTypes.ts

@@ -16,6 +16,8 @@ export interface IActivityStatus {
     statusName: "Waiting" | "Finished" | "Idle" | "Running" | "Canceling";
     // A number between 0 and 100
     progress: number;
+    // timestamp for last update 
+    lastUpdateTime:string; 
     // More information corresponding to the status
     message: string;
     // If the activity has been cancelled

package/src/components/MultiSelect/MultiSelect.tsx

@@ -21,14 +21,9 @@ export interface MultiSelectSelectionProps<T> {
 // @deprecated use `MultiSelectSelectionProps<T>`
 export type SelectedParamsType<T> = MultiSelectSelectionProps<T>;
 
-export interface MultiSelectProps<T>
+interface MultiSelectCommonProps<T>
     extends TestableComponent,
         Pick<BlueprintMultiSelectProps<T>, "items" | "placeholder" | "openOnKeyDown"> {
-    /**
-     * Predefined selected values
-     */
-
-    selectedItems?: T[];
     /**
      * Additional class name, space separated.
      */
@@ -42,10 +37,7 @@ export interface MultiSelectProps<T>
      * this would be used in the item selection list as well as the multi-select input
      */
     itemLabel: (item: T) => string;
-    /**
-     * When set to true will set the multi-select value with all the items provided
-     */
-    prePopulateWithItems?: boolean;
+
     /**
      *  function handler that would be called anytime an item is selected/deselected or an item is created/removed
      */
@@ -127,6 +119,24 @@ export interface MultiSelectProps<T>
     wrapperProps?: React.HTMLAttributes<HTMLDivElement>;
 }
 
+export type MultiSelectProps<T> = MultiSelectCommonProps<T> &
+    (
+        | {
+              /**
+               * Predefined selected values
+               */
+              selectedItems?: T[];
+              prePopulateWithItems?: never;
+          }
+        | {
+              selectedItems?: never;
+              /**
+               * When set to true will set the multi-select value with all the items provided
+               */
+              prePopulateWithItems?: boolean;
+          }
+    );
+
 /**
  * **Element is deprecated for the current type of usage.**
  * Use `MultiSuggestField` as replacement.
@@ -169,7 +179,7 @@ export function MultiSelect<T>({
     const [externalItems, setExternalItems] = React.useState<T[]>([...items]);
     // All options (created and passed) that match the query
     const [filteredItems, setFilteredItems] = React.useState<T[]>([]);
-    // All options (created and passed) selected by a user, if the component is uncontrolled
+    // All options (created and passed) selected by a user
     const [selectedItems, setSelectedItems] = React.useState<T[]>(() =>
         prePopulateWithItems ? [...items] : externalSelectedItems ? [...externalSelectedItems] : []
     );
@@ -201,10 +211,6 @@ export function MultiSelect<T>({
             break;
     }
 
-    // If the component is contolled from outside, we don't need to store selected state within the component
-    // when user selects or removes selection - options will be set in a parent component
-    const isControlled = !!(externalSelectedItems && onSelection);
-
     /** Update external items when they change
      *  e.g for auto-complete when query change
      */
@@ -214,15 +220,13 @@ export function MultiSelect<T>({
     }, [items.map((item) => itemId(item)).join("|")]);
 
     React.useEffect(() => {
-        !isControlled &&
-            onSelection &&
+        onSelection &&
             onSelection({
                 newlySelected: selectedItems.slice(-1)[0],
                 createdItems: createdItems.current,
                 selectedItems,
             });
     }, [
-        isControlled,
         onSelection,
         selectedItems.map((item) => itemId(item)).join("|"),
         createdItems.current.map((item) => itemId(item)).join("|"),
@@ -237,7 +241,7 @@ export function MultiSelect<T>({
         }
 
         setSelectedItems(externalSelectedItems);
-    }, [externalSelectedItems]);
+    }, [externalSelectedItems?.map((item) => itemId(item)).join("|")]);
 
     /**
      * using the equality prop specified checks if an item has already been selected
@@ -254,15 +258,7 @@ export function MultiSelect<T>({
      */
     const removeItemSelection = (matcher: string) => {
         const filteredItems = selectedItems.filter((item) => itemId(item) !== matcher);
-
-        if (isControlled) {
-            onSelection({
-                createdItems: createdItems.current,
-                selectedItems: filteredItems,
-            });
-        } else {
-            setSelectedItems(filteredItems);
-        }
+        setSelectedItems(filteredItems);
     };
 
     /**
@@ -273,12 +269,6 @@ export function MultiSelect<T>({
     const onItemSelect = (item: T) => {
         if (itemHasBeenSelectedAlready(itemId(item))) {
             removeItemSelection(itemId(item));
-        } else if (isControlled) {
-            onSelection({
-                newlySelected: item,
-                createdItems: createdItems.current,
-                selectedItems: [...selectedItems, item],
-            });
         } else {
             setSelectedItems((items) => [...items, item]);
         }
@@ -358,15 +348,7 @@ export function MultiSelect<T>({
     const handleClear = () => {
         requestState.current.query = "";
 
-        if (isControlled) {
-            onSelection({
-                selectedItems: [],
-                createdItems: createdItems.current,
-            });
-        } else {
-            setSelectedItems([]);
-        }
-
+        setSelectedItems([]);
         setFilteredItems([...externalItems, ...createdItems.current]);
     };
 

package/src/components/MultiSuggestField/MultiSuggestField.stories.tsx

@@ -125,7 +125,7 @@ uncontrolledNewItemCreation.args = {
 };
 
 const CreationTemplate: StoryFn = () => {
-    const [selectedValues, setSelectedValues] = useState<string[]>([]);
+    const [selectedValues, setSelectedValues] = useState<string[]>(["foo"]);
 
     const items = useMemo<string[]>(() => ["foo", "bar", "baz"], []);
 
@@ -145,7 +145,6 @@ const CreationTemplate: StoryFn = () => {
             itemId={identity}
             itemLabel={identity}
             createNewItemFromQuery={identity}
-            prePopulateWithItems
         />
     );
 };

package/src/components/MultiSuggestField/tests/MultiSuggestField.test.tsx

@@ -47,7 +47,7 @@ export const TestComponent = (): JSX.Element => {
 };
 
 describe("MultiSuggestField", () => {
-    describe("uncontrolled", () => {
+    describe("uncontrolled (when only selectedItems or onSelect is provided)", () => {
         it("should render default input", () => {
             const { container } = render(<MultiSuggestField {...Default.args} />);
             const [input] = container.getElementsByClassName("eccgui-multiselect");
@@ -262,7 +262,7 @@ describe("MultiSuggestField", () => {
         });
     });
 
-    describe("controlled", () => {
+    describe("controlled (when both selectedItems and onSelect are provided)", () => {
         it("should render default selected items", async () => {
             const onSelection = jest.fn();
 
@@ -287,7 +287,12 @@ describe("MultiSuggestField", () => {
             });
 
             const { container } = render(
-                <MultiSuggestField {...dropdownOnFocus.args} items={items} onSelection={onSelection} />
+                <MultiSuggestField
+                    {...dropdownOnFocus.args}
+                    items={items}
+                    selectedItems={[]}
+                    onSelection={onSelection}
+                />
             );
 
             const [inputContainer] = container.getElementsByClassName("eccgui-multiselect");
@@ -355,7 +360,6 @@ describe("MultiSuggestField", () => {
                     newlySelected: items[0],
                     selectedItems: [items[0]],
                 };
-                expect(onSelection).toHaveBeenCalledTimes(1);
                 expect(onSelection).toHaveBeenCalledWith(expectedObject);
             });
 
@@ -381,7 +385,6 @@ describe("MultiSuggestField", () => {
                     selectedItems: [...selectedItems, items[0]],
                 };
 
-                expect(onSelection).toHaveBeenCalledTimes(2);
                 expect(onSelection).toHaveBeenCalledWith(expectedObject);
             });
 
@@ -399,9 +402,90 @@ describe("MultiSuggestField", () => {
                     selectedItems: [],
                 };
 
-                expect(onSelection).toHaveBeenCalledTimes(3);
                 expect(onSelection).toHaveBeenCalledWith(expectedObject);
             });
         });
+
+        it("should set prePopulateWithItems as selected values and override passed values", async () => {
+            const onSelection = jest.fn((values) => {
+                // eslint-disable-next-line no-console
+                console.log("Mocked onSelection function values: ", values);
+            });
+
+            const items = dropdownOnFocus.args.items;
+
+            const args = { ...dropdownOnFocus.args, onSelection: onSelection };
+
+            const { container } = render(
+                <MultiSuggestField {...args} data-test-id="multi-suggest-field" prePopulateWithItems />
+            );
+
+            await waitFor(() => {
+                const expectedObject = {
+                    createdItems: [],
+                    newlySelected: items.at(-1),
+                    selectedItems: items,
+                };
+                expect(onSelection).toHaveBeenCalledWith(expectedObject);
+            });
+
+            const tags = container.querySelectorAll("span[data-tag-index]");
+
+            expect(tags.length).toBe(items.length);
+        });
+
+        it("should correctly deselect all tags from input", async () => {
+            const onSelection = jest.fn((values) => {
+                // eslint-disable-next-line no-console
+                console.log("Mocked onSelection function values 111: ", values);
+            });
+
+            const items = predefinedNotControlledValues.args.items;
+
+            const args = { ...predefinedNotControlledValues.args, selectedItems: undefined, onSelection: onSelection };
+
+            const { container } = render(
+                <MultiSuggestField {...args} data-test-id="multi-suggest-field" prePopulateWithItems />
+            );
+
+            await waitFor(() => {
+                const expectedObject = {
+                    createdItems: [],
+                    newlySelected: items.at(-1),
+                    selectedItems: items,
+                };
+                expect(onSelection).toHaveBeenCalledWith(expectedObject);
+            });
+
+            let tags = container.querySelectorAll("span[data-tag-index]");
+            expect(tags.length).toBe(items.length);
+
+            for (let i = 0; i < items.length; i += 1) {
+                const tag = tags[0];
+                expect(tag.querySelector("span")).toHaveTextContent(items[i].testLabel);
+
+                const removeTagButton = tag.querySelector("button");
+                expect(removeTagButton).toBeTruthy();
+
+                fireEvent.click(removeTagButton!);
+
+                await waitFor(() => {
+                    const selected = items.slice(i + 1);
+
+                    const expectedObject = {
+                        createdItems: [],
+                        newlySelected: selected.at(-1),
+                        selectedItems: selected,
+                    };
+
+                    expect(onSelection).toHaveBeenCalledWith(expectedObject);
+                });
+
+                tags = container.querySelectorAll("span[data-tag-index]");
+            }
+
+            const tagsAfterRemove = container.querySelectorAll("span[data-tag-index]");
+            expect(tagsAfterRemove.length).toBe(0);
+        });
     });
 });

package/src/components/Sticky/StickyTarget.tsx

@@ -13,15 +13,26 @@ export interface StickyTargetProps extends React.HTMLAttributes<HTMLDivElement>
      * The application header is not taken into offset calculation
      */
     local?: boolean;
+    /**
+     * Set additional distance to original sticky position.
+     */
+    offset?: `${number}${string}`;
     /**
      * Set the background color used for the sticky area.
      * As it can overlay other content readability could be harmed if the overlayed content is shining through.
      */
     background?: "card" | "application" | "transparent";
     /**
-     * Set additional distance to original sticky position.
+     * In some situations there could be a gap between sticky target area and the border of the related scroll area.
+     * The main gap is the gap towards the direction of the sticky behaviour, specified by `to`.
+     * You can fill this gap with a gradient or full background color.
      */
-    offset?: `${number}${string}`;
+    fillMainGap?: "full" | "gradient";
+    /**
+     * The secondary gap is the gap against the direction of the sticky behaviour.
+     * So in case of `to="top"` this is rendered on the bottom of the sticky area.
+     */
+    fillSecondaryGap?: "full" | "gradient";
     /**
      * Callback that returns an DOM element.
      * The position of `StickyTarget` is then calculated relative to that element.
@@ -37,8 +48,10 @@ export const StickyTarget = ({
     className,
     to = "top",
     local = false,
-    background = "transparent",
     offset,
+    background = "transparent",
+    fillMainGap,
+    fillSecondaryGap,
     style,
     getConnectedElement,
     ...otherDivProps
@@ -50,8 +63,13 @@ export const StickyTarget = ({
         offsetStyle = { ...style, "--eccgui-sticky-target-localoffset": offset } as CSSProperties;
     }
 
-    let connectedOffset = 0;
     React.useEffect(() => {
+        let removeEventForConnectedOffset = () => {
+            /* no event need to be removed */
+        };
+        let removeEventForStickynessCheck = () => {
+            /* no event need to be removed */
+        };
         /**
          * If the target should be sticky to a defined element then:
          * * check for the element and its scroll parent
@@ -64,6 +82,7 @@ export const StickyTarget = ({
                 const scrollParentFallback = !scrollParent ? document.documentElement : false;
                 if (scrollParent || scrollParentFallback) {
                     const updateTargetOffset = () => {
+                        let connectedOffset = 0;
                         const scrollParentPosition = (
                             (scrollParent || scrollParentFallback) as HTMLElement
                         ).getBoundingClientRect();
@@ -85,20 +104,55 @@ export const StickyTarget = ({
                             `${connectedOffset}px`
                         );
                     };
+
                     updateTargetOffset();
                     const eventListeningTarget = scrollParent || window;
                     const eventListeningMethod = (_event: Event) => {
                         updateTargetOffset();
                     };
                     eventListeningTarget.addEventListener("scroll", eventListeningMethod);
-                    return () => {
+                    removeEventForConnectedOffset = () => {
                         eventListeningTarget.removeEventListener("scroll", eventListeningMethod);
                     };
                 }
             }
         }
-        return;
-    }, [getConnectedElement, stickyTargetRef, to]);
+        /**
+         * Check if sticky target element is currently in sticky mode.
+         * sticky mode = current position === defined sticky position
+         */
+        if (stickyTargetRef && (fillMainGap || fillSecondaryGap)) {
+            const stickyTarget = stickyTargetRef.current as Element;
+            const scrollParent = utils.getScrollParent(stickyTarget);
+            const checkStickyness = () => {
+                const definedPosition = parseInt(window.getComputedStyle(stickyTarget)[to], 10);
+                const scrollParentPosition = scrollParent ? scrollParent.getBoundingClientRect()[to] : 0;
+                const currentPosition =
+                    (to === "top" ? 1 : -1) * (stickyTarget.getBoundingClientRect()[to] - scrollParentPosition);
+                // check stickyness in a small position range (not exact value) because of float values
+                const isSticky = currentPosition <= definedPosition + 1 && currentPosition >= definedPosition - 1;
+                if (isSticky && !stickyTarget.classList.contains(`${eccgui}-sticky__target--issticky`)) {
+                    stickyTarget.classList.add(`${eccgui}-sticky__target--issticky`);
+                }
+                if (!isSticky && stickyTarget.classList.contains(`${eccgui}-sticky__target--issticky`)) {
+                    stickyTarget.classList.remove(`${eccgui}-sticky__target--issticky`);
+                }
+            };
+            checkStickyness();
+            const eventListeningTarget = scrollParent || window;
+            const eventListeningMethod = (_event: Event) => {
+                checkStickyness();
+            };
+            eventListeningTarget.addEventListener("scroll", eventListeningMethod);
+            removeEventForStickynessCheck = () => {
+                eventListeningTarget.removeEventListener("scroll", eventListeningMethod);
+            };
+        }
+        return () => {
+            removeEventForConnectedOffset();
+            removeEventForStickynessCheck();
+        };
+    }, [getConnectedElement, stickyTargetRef, to, fillMainGap, fillSecondaryGap]);
 
     return (
         <div
@@ -108,6 +162,8 @@ export const StickyTarget = ({
                 (to ? ` ${eccgui}-sticky__target--${to}` : "") +
                 (local ? ` ${eccgui}-sticky__target--localscrollarea` : "") +
                 (background ? ` ${eccgui}-sticky__target--bg-${background}` : "") +
+                (fillMainGap ? ` ${eccgui}-sticky__target--maingapfill-${fillMainGap}` : "") +
+                (fillSecondaryGap ? ` ${eccgui}-sticky__target--secondarygapfill-${fillSecondaryGap}` : "") +
                 (className ? ` ${className}` : "")
             }
             style={offset ? offsetStyle : style}

package/src/components/Sticky/sticky.scss

@@ -5,11 +5,14 @@
 .#{$eccgui}-sticky__target {
     position: sticky;
     z-index: 1;
+    background-color: var(--eccgui-sticky-target-bgcolor, transparent);
 
     --eccgui-sticky-target-applicationoffset: 0px;
+    --eccgui-sticky-target-maingap: 0px;
 
     .#{$eccgui}-application__content &:not(.#{$eccgui}-sticky__target--localscrollarea) {
-        --eccgui-sticky-target-applicationoffset: $eccgui-size-block-whitespace;
+        --eccgui-sticky-target-applicationoffset: #{$eccgui-size-block-whitespace};
+        --eccgui-sticky-target-maingap: #{$eccgui-size-block-whitespace};
     }
 
     .#{$eccgui}-application__header
@@ -17,53 +20,109 @@
         &:not(.#{$eccgui}-sticky__target--localscrollarea) {
         --eccgui-sticky-target-applicationoffset: calc(#{mini-units(8)} + #{$eccgui-size-block-whitespace});
     }
+
+    &[class*="#{$eccgui}-sticky__target--maingapfill"]:before,
+    &[class*="#{$eccgui}-sticky__target--secondarygapfill"]:after {
+        position: absolute;
+        left: 0;
+        width: 100%;
+        height: calc(var(--eccgui-sticky-target-maingap) + var(--eccgui-sticky-target-localoffset, 0px));
+    }
+
+    &[class*="#{$eccgui}-sticky__target--secondarygapfill"]:after {
+        height: $eccgui-size-block-whitespace * 0.5;
+    }
 }
 
 .#{$eccgui}-sticky__target--top {
     top: calc(var(--eccgui-sticky-target-applicationoffset) + var(--eccgui-sticky-target-localoffset, 0px));
+
+    &[class*="#{$eccgui}-sticky__target--maingapfill"]:before {
+        bottom: 100%;
+    }
+
+    &[class*="#{$eccgui}-sticky__target--secondarygapfill"]:after {
+        top: 100%;
+    }
+
+    &.#{$eccgui}-sticky__target--maingapfill-gradient:before {
+        background: linear-gradient(transparent, 10%, var(--eccgui-sticky-target-bgcolor, transparent));
+    }
+
+    &.#{$eccgui}-sticky__target--secondarygapfill-gradient:after {
+        background: linear-gradient(var(--eccgui-sticky-target-bgcolor, transparent), transparent);
+    }
 }
 
 .#{$eccgui}-sticky__target--bottom {
     --eccgui-sticky-target-applicationoffset: 0px;
 
     bottom: calc(var(--eccgui-sticky-target-applicationoffset) + var(--eccgui-sticky-target-localoffset, 0px));
+
+    &[class*="#{$eccgui}-sticky__target--maingapfill"]:before {
+        top: 100%;
+    }
+
+    &[class*="#{$eccgui}-sticky__target--secondarygapfill"]:after {
+        bottom: 100%;
+    }
+
+    &.#{$eccgui}-sticky__target--maingapfill-gradient:before {
+        background: linear-gradient(var(--eccgui-sticky-target-bgcolor, 90%, transparent), transparent);
+    }
+
+    &.#{$eccgui}-sticky__target--secondarygapfill-gradient:after {
+        background: linear-gradient(transparent, var(--eccgui-sticky-target-bgcolor, transparent));
+    }
 }
 
 .#{$eccgui}-sticky__target--bg-card {
-    background-color: $card-background-color;
+    --eccgui-sticky-target-bgcolor: #{$card-background-color};
 
     .#{$eccgui}-card.#{$eccgui}-intent--primary & {
-        background-color: color.mix($eccgui-color-primary, $card-background-color, 5%);
+        --eccgui-sticky-target-bgcolor: #{color.mix($eccgui-color-primary, $card-background-color, 5%)};
     }
     .#{$eccgui}-card.#{$eccgui}-intent--accent & {
-        background-color: color.mix($eccgui-color-accent, $card-background-color, 10%);
+        --eccgui-sticky-target-bgcolor: #{color.mix($eccgui-color-accent, $card-background-color, 10%)};
     }
     .#{$eccgui}-card.#{$eccgui}-intent--success & {
-        background-color: $eccgui-color-success-background;
+        --eccgui-sticky-target-bgcolor: #{$eccgui-color-success-background};
     }
     .#{$eccgui}-card.#{$eccgui}-intent--info & {
-        background-color: $eccgui-color-info-background;
+        --eccgui-sticky-target-bgcolor: #{$eccgui-color-info-background};
     }
     .#{$eccgui}-card.#{$eccgui}-intent--warning & {
-        background-color: $eccgui-color-warning-background;
+        --eccgui-sticky-target-bgcolor: #{$eccgui-color-warning-background};
     }
     .#{$eccgui}-card.#{$eccgui}-intent--danger & {
-        background-color: $eccgui-color-danger-background;
+        --eccgui-sticky-target-bgcolor: #{$eccgui-color-danger-background};
     }
 
     .#{$eccgui}-card.#{$ns}-interactive:hover & {
-        background-color: $button-background-color-hover;
+        --eccgui-sticky-target-bgcolor: #{$button-background-color-hover};
     }
 
     .#{$eccgui}-card.#{$ns}-selected & {
-        background-color: $card-selected-background-color;
+        --eccgui-sticky-target-bgcolor: #{$card-selected-background-color};
     }
 
     .#{$eccgui}-card--elevated & {
-        background-color: $button-background-color-active;
+        --eccgui-sticky-target-bgcolor: #{$button-background-color-active};
     }
 }
 
 .#{$eccgui}-sticky__target--bg-application {
-    background-color: $eccgui-color-application-background;
+    --eccgui-sticky-target-bgcolor: #{$eccgui-color-application-background};
+}
+
+.#{$eccgui}-sticky__target--issticky {
+    &[class*="#{$eccgui}-sticky__target--maingapfill"]:before,
+    &[class*="#{$eccgui}-sticky__target--secondarygapfill"]:after {
+        content: "";
+    }
+}
+
+.#{$eccgui}-sticky__target--maingapfill-full:before,
+.#{$eccgui}-sticky__target--secondarygapfill-full:after {
+    background: var(--eccgui-sticky-target-bgcolor, transparent);
 }

package/src/components/TextField/textfield.scss

@@ -37,6 +37,9 @@ $input-button-height-small: math.div($eccgui-size-textfield-height-small, $eccgu
 // fixes
 
 .#{$ns}-input-group {
+    // fix for z-index rule of input group left icon
+    z-index: 0;
+
     // fix for correct fill/fullWidth option
     display: inline-block;
     &.#{$ns}-fill {