@k-int/stripes-kint-components 5.31.0 → 5.31.2

package/CHANGELOG.md

@@ -1,3 +1,18 @@
+## [5.31.2](https://gitlab.com/knowledge-integration/folio/stripes-kint-components/compare/v5.31.1...v5.31.2) (2025-12-15)
+
+
+### Bug Fixes
+
+* **typedown:** Key handlers for SearchField trigger ([92a3384](https://gitlab.com/knowledge-integration/folio/stripes-kint-components/commit/92a338499d064ccdfb2da7b946a2392f18bff99b))
+
+## [5.31.1](https://gitlab.com/knowledge-integration/folio/stripes-kint-components/compare/v5.31.0...v5.31.1) (2025-12-12)
+
+
+### Bug Fixes
+
+* **Typedown:** OverlayContainer catches previous focus when Typedown is first element in module ([a516fca](https://gitlab.com/knowledge-integration/folio/stripes-kint-components/commit/a516fca4d89c30b916f6ac09c27e9e995f9b5391))
+* **Typedown:** Typedown focus issues have been sorted, ButtonTypedown remembers what was typed ([15f8e11](https://gitlab.com/knowledge-integration/folio/stripes-kint-components/commit/15f8e111fbbe3a125f95e61ba1d21727de293607))
+
 # [5.31.0](https://gitlab.com/knowledge-integration/folio/stripes-kint-components/compare/v5.30.0...v5.31.0) (2025-12-12)
 
 

package/es/lib/ButtonTypedown/ButtonTypedown.js

@@ -12,8 +12,7 @@ var _jsxRuntime = require("react/jsx-runtime");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 const ButtonTypedown = _ref => {
   let {
-    onType,
-    // We need these manually
+    id,
     renderListItem,
     ...typedownProps
   } = _ref;
@@ -21,11 +20,13 @@ const ButtonTypedown = _ref => {
     getDisplayValue: () => false,
     renderHeader: _ref2 => {
       let {
+        handleType,
         currentlyTyped
       } = _ref2;
       return /*#__PURE__*/(0, _jsxRuntime.jsx)(_SearchField.default, {
+        id: `button-typedown-searchfield-${id}`,
         marginBottom0: true,
-        onChange: onType,
+        onChange: handleType,
         value: currentlyTyped
       });
     },

package/es/lib/SearchField/SearchField.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _react = _interopRequireDefault(require("react"));
+var _react = require("react");
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _components = require("@folio/stripes/components");
 var _SearchField = _interopRequireDefault(require("../../../styles/SearchField.css"));
@@ -17,7 +17,7 @@ const propTypes = {
   disabled: _propTypes.default.bool,
   onClear: _propTypes.default.func
 };
-const SearchField = props => {
+const SearchField = /*#__PURE__*/(0, _react.forwardRef)((props, ref) => {
   const {
     ariaLabel,
     ...rest
@@ -32,9 +32,10 @@ const SearchField = props => {
     "aria-label": rest['aria-label'] || ariaLabel,
     focussedclass: _SearchField.default.isFocused,
     hasClearIcon: true,
+    inputRef: ref,
     startControl: searchIcon,
     type: "search"
   });
-};
+});
 SearchField.propTypes = propTypes;
 var _default = exports.default = SearchField;

package/es/lib/Typedown/Typedown.js

@@ -96,6 +96,7 @@ const Typedown = _ref => {
       searchWidth
     }
   } = (0, _typedownHooks.useTypedown)(input.name, {
+    dataOptions,
     timeout: initialOpenDelay
   });
   const renderItem = (0, _react.useCallback)(function (option) {
@@ -169,19 +170,20 @@ const Typedown = _ref => {
         children: displayData?.length ? displayData?.map((d, index) => {
           const isSelectedEval = isSelected ? isSelected(input.value, d) : (0, _get.default)(input.value, uniqueIdentificationPath) === (0, _get.default)(d, uniqueIdentificationPath);
           const selectedCSS = selectedStyles ?? _TypeDown.default.selectedMenuButton;
+          const uniqueButtonKey = `typedown-button-[${(0, _get.default)(d, uniqueIdentificationPath)}]`;
           return /*#__PURE__*/(0, _jsxRuntime.jsx)("button", {
             className: (0, _classnames.default)(_TypeDown.default.fullWidth, _TypeDown.default.menuButton, {
               [`${selectedCSS}`]: isSelectedEval
             }),
             "data-selected": isSelectedEval,
-            id: `typedown-button-[${index}]`,
+            id: uniqueButtonKey,
             onClick: () => {
               handleChange(d);
               handleNextFocus();
             },
             type: "button",
             children: renderItem(d, isSelectedEval)
-          }, `typedown-button-[${index}]`);
+          }, uniqueButtonKey);
         }) : endOfList || /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.EndOfList, {})
       }), renderFooter && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
         ref: footerRef,

package/es/lib/hooks/typedownHooks/useTypedown.js

@@ -12,115 +12,158 @@ var _useTypedownToggle = _interopRequireDefault(require("./useTypedownToggle"));
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 const useTypedown = function (name) {
   let {
+    dataOptions,
     timeout = 800
   } = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
   // SET UP STATE HOLDING DOM ELEMENTS
-  const [list, setListElement] = (0, _react.useState)();
-  const [trigger, setTriggerElement] = (0, _react.useState)();
-  const [footer, setFooterElement] = (0, _react.useState)();
-  const [header, setHeaderElement] = (0, _react.useState)();
+  const [list, setList] = (0, _react.useState)();
+  const [trigger, setTrigger] = (0, _react.useState)();
+  const [footer, setFooter] = (0, _react.useState)();
+  const [header, setHeader] = (0, _react.useState)();
 
   // SET UP REFS
   const triggerRef = (0, _react.useRef)();
   const overlayRef = (0, _react.useRef)();
-  const listRef = (0, _react.useCallback)(node => setListElement(node), []);
-  const triggerComponentRef = (0, _react.useCallback)(node => setTriggerElement(node), []);
-  const footerRef = (0, _react.useCallback)(node => setFooterElement(node), []);
-  const headerRef = (0, _react.useCallback)(node => setHeaderElement(node), []);
-  (0, _react.useEffect)(() => {
-    const configs = [
-    // --- HEADER CONFIG ---
-    {
-      element: header,
-      allowTabThroughContents: true,
-      previousElement: trigger,
-      nextElement: (footer && (0, _components.getFirstFocusable)(footer)) ?? (0, _components.getNextFocusable)(trigger, false),
-      downElement: list && (0, _components.getFirstFocusable)(list),
-      upElement: list && (0, _components.getLastFocusable)(list)
-    },
-    // --- FOOTER CONFIG ---
-    {
-      element: footer,
-      allowTabThroughContents: true,
-      previousElement: (header && (0, _components.getLastFocusable)(header)) ?? trigger,
-      nextElement: (0, _components.getNextFocusable)(trigger, false),
-      downElement: list && (0, _components.getFirstFocusable)(list),
-      upElement: list && (0, _components.getLastFocusable)(list)
-    },
-    // --- LIST/CONTAINER CONFIG ---
-    {
-      element: list,
-      allowUpDownThroughContents: true,
-      previousElement: (header && (0, _components.getLastFocusable)(header)) ?? trigger,
-      nextElement: (footer && (0, _components.getFirstFocusable)(footer)) ?? (0, _components.getNextFocusable)(trigger, false)
-    },
-    // --- TRIGGER CONFIG ---
-    {
-      element: trigger,
-      nextElement: (header && (0, _components.getFirstFocusable)(header)) ?? (footer && (0, _components.getFirstFocusable)(footer)) ?? (0, _components.getNextFocusable)(trigger, false),
-      previousElement: (0, _components.getPreviousFocusable)(trigger, false),
-      downElement: list && (0, _components.getFirstFocusable)(list),
-      upElement: list && (0, _components.getLastFocusable)(list)
-    }].filter(c => c.element); // Filter out configs where the element (e.g., header) is null
+  const listRef = (0, _react.useCallback)(node => setList(node), []);
+  const triggerComponentRef = (0, _react.useCallback)(node => setTrigger(node), []);
+  const footerRef = (0, _react.useCallback)(node => setFooter(node), []);
+  const headerRef = (0, _react.useCallback)(node => setHeader(node), []);
 
+  // OVERLAY PORTAL
+  const portal = document.getElementById('OverlayContainer');
+  const getPreviousToTrigger = (0, _react.useCallback)(() => {
+    const prevElem = (0, _components.getPreviousFocusable)(trigger, false, false, false);
+    if (prevElem.closest('[id^=OverlayContainer]') !== null) {
+      // If we find ourselves inside the OverlayContainer when heading backwards from the trigger
+      // then we must be the first focusable element on the page.
+      // From here we need to skip over the overlay container and head backwards
+      return (0, _components.getPreviousFocusable)(portal, false, false, false);
+    }
+    return prevElem;
+  }, [portal, trigger]);
+  (0, _react.useEffect)(() => {
     const cleanups = [];
-    const setupListener = config => {
-      const handler = e => {
-        if (e.code === _eventCodes.TAB) {
-          e.preventDefault();
-          if (config.allowTabThroughContents) {
-            const focusFunc = e.shiftKey ? _components.getPreviousFocusable : _components.getNextFocusable;
-            const elem = focusFunc(config.element, true, true, false, true);
-            if (elem) {
-              // Focus on next focusable element
-              elem.focus();
-            } else if (e.shiftKey) {
-              // We are at the beginning of the list moving backwards, focus on the previous element
-              config.previousElement.focus();
-            } else {
-              // We are at the end of the list, move onto next focusable element in page
-              config.nextElement.focus();
+
+    // There appears to be some BIZARRE off-by-one issue with selectors here, that can be fixed by introducing a 1ms delay...
+    // I hate it but it is effective
+    setTimeout(() => {
+      // Split these out to shut up the linter
+      const rawFirstItemInList = list ? (0, _components.getFirstFocusable)(list) : null;
+      const rawLastItemInList = list ? (0, _components.getLastFocusable)(list) : null;
+
+      // If there are no dataOptions, this can get a bit stuck, so deliberately set to null when no dataOptions are present
+      const firstItemInList = (dataOptions?.length ?? 0) > 0 ? rawFirstItemInList : null;
+      const lastItemInList = (dataOptions?.length ?? 0) > 0 ? rawLastItemInList : null;
+      const configs = [
+      // --- HEADER CONFIG ---
+      {
+        element: header,
+        allowTabThroughContents: true,
+        previousElement: trigger,
+        nextElement: (footer ? (0, _components.getFirstFocusable)(footer) : null) ?? (0, _components.getNextFocusable)(trigger, false),
+        downElement: firstItemInList,
+        upElement: lastItemInList
+      },
+      // --- FOOTER CONFIG ---
+      {
+        element: footer,
+        allowTabThroughContents: true,
+        previousElement: (header ? (0, _components.getLastFocusable)(header) : null) ?? trigger,
+        nextElement: (0, _components.getNextFocusable)(trigger, false),
+        downElement: firstItemInList,
+        upElement: lastItemInList
+      },
+      // --- LIST/CONTAINER CONFIG ---
+      {
+        element: list,
+        allowUpDownThroughContents: true,
+        previousElement: (header ? (0, _components.getLastFocusable)(header) : null) ?? trigger,
+        nextElement: (footer ? (0, _components.getFirstFocusable)(footer) : null) ?? (0, _components.getNextFocusable)(trigger, false)
+      },
+      // --- TRIGGER CONFIG ---
+      {
+        element: trigger,
+        nextElement: (header ? (0, _components.getFirstFocusable)(header) : null) ?? (footer ? (0, _components.getFirstFocusable)(footer) : null) ?? (0, _components.getNextFocusable)(trigger, false),
+        previousElement: getPreviousToTrigger(),
+        downElement: firstItemInList,
+        upElement: lastItemInList
+      }].filter(c => c.element); // Filter out configs where the element (e.g., header) is null
+
+      const setupListener = config => {
+        const {
+          element,
+          allowTabThroughContents,
+          previousElement,
+          nextElement,
+          allowUpDownThroughContents,
+          downElement,
+          upElement
+        } = config;
+        const handleTab = e => {
+          const IS_SHIFT = e.shiftKey;
+          const tabIgnoreContents = () => {
+            if (IS_SHIFT) {
+              return previousElement?.focus();
             }
-          } else if (e.shiftKey) {
-            config.previousElement.focus();
-          } else {
-            config.nextElement.focus();
+            return nextElement?.focus();
+          };
+          if (!allowTabThroughContents) {
+            return tabIgnoreContents();
+          }
+          const focusFunc = IS_SHIFT ? _components.getPreviousFocusable : _components.getNextFocusable;
+          const elem = focusFunc(element, true, true, false, true);
+          if (elem) {
+            return elem.focus();
           }
-        } else if (e.code === _eventCodes.DOWN_ARROW || e.code === _eventCodes.UP_ARROW) {
-          e.preventDefault();
+          return tabIgnoreContents();
+        };
+        const handleUpDown = e => {
           // Prevent the default behaviour
-          e.preventDefault();
-          if (config.allowUpDownThroughContents) {
-            const focusFunc = e.code === _eventCodes.UP_ARROW ? _components.getPreviousFocusable : _components.getNextFocusable;
-            const elem = focusFunc(config.element, true, true, true, true); // Allow looping through elements
-            if (elem) {
-              elem.focus();
+          const IS_UP = e.code === _eventCodes.UP_ARROW;
+          const upDownIgnoreContents = () => {
+            if (IS_UP) {
+              return upElement?.focus();
             }
-          } else if (e.code === _eventCodes.UP_ARROW) {
-            config.upElement.focus();
-          } else {
-            config.downElement.focus();
+            return downElement?.focus();
+          };
+          if (!allowUpDownThroughContents) {
+            return upDownIgnoreContents();
           }
-        }
-      };
+          const focusFunc = IS_UP ? _components.getPreviousFocusable : _components.getNextFocusable;
+          const elem = focusFunc(element, true, true, true, true); // Allow looping through elements
+          if (elem) {
+            return elem.focus();
+          }
+          return upDownIgnoreContents();
+        };
+        const handler = e => {
+          if (!element.contains(document.activeElement)) {
+            return;
+          }
+          if (e.code === _eventCodes.TAB) {
+            e.preventDefault();
+            handleTab(e);
+          } else if (e.code === _eventCodes.DOWN_ARROW || e.code === _eventCodes.UP_ARROW) {
+            e.preventDefault();
+            handleUpDown(e);
+          }
+        };
 
-      // Add event listener and add the removal of said event listener to the cleanup function
-      config.element.addEventListener('keydown', handler);
-      cleanups.push(() => config.element.removeEventListener('keydown', handler));
-    };
+        // Add event listener and add the removal of said event listener to the cleanup function
+        element.addEventListener('keydown', handler);
+        cleanups.push(() => element.removeEventListener('keydown', handler));
+      };
 
-    // Setup the event listener for each config entry
-    configs.forEach(setupListener);
+      // Set up the event listener for each config entry
+      configs.forEach(setupListener);
+    }, 0);
 
     // Cleanup any event listeners
     return () => {
       cleanups.forEach(cleanup => cleanup());
     };
-
     // Re-add the listener ANY time any of the elements changes (this is why we're using callback refs)
-  }, [header, trigger, footer, list]);
-
-  // TODO is this still necessary?
+  }, [dataOptions, header, trigger, footer, list, getPreviousToTrigger]);
   const handleNextFocus = () => (0, _components.getNextFocusable)(trigger, false).focus();
 
   // SET UP VARIABLES
@@ -143,9 +186,6 @@ const useTypedown = function (name) {
     width: searchWidth,
     ref: resizeRef
   } = (0, _reactResizeDetector.useResizeDetector)();
-
-  // OVERLAY PORTAL
-  const portal = document.getElementById('OverlayContainer');
   return {
     refs: {
       listRef,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@k-int/stripes-kint-components",
-  "version": "5.31.0",
+  "version": "5.31.2",
   "description": "Stripes Component library for K-Int specific applications",
   "sideEffects": [
     "*.css"

package/src/artifacts/coverage-jest/ActionList/ActionList.js.html

@@ -358,7 +358,7 @@ export default ActionList;
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at 2025-12-12T16:39:50.848Z
+                at 2025-12-15T10:03:18.716Z
             </div>
         <script src="../prettify.js"></script>
         <script>

package/src/artifacts/coverage-jest/ActionList/ActionListFieldArray.js.html

@@ -1495,7 +1495,7 @@ export default ActionListFieldArray;
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at 2025-12-12T16:39:50.848Z
+                at 2025-12-15T10:03:18.716Z
             </div>
         <script src="../prettify.js"></script>
         <script>

package/src/artifacts/coverage-jest/ActionList/index.html

@@ -131,7 +131,7 @@
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at 2025-12-12T16:39:50.848Z
+                at 2025-12-15T10:03:18.716Z
             </div>
         <script src="../prettify.js"></script>
         <script>

package/src/artifacts/coverage-jest/ActionList/index.js.html

@@ -73,7 +73,7 @@
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at 2025-12-12T16:39:50.848Z
+                at 2025-12-15T10:03:18.716Z
             </div>
         <script src="../prettify.js"></script>
         <script>

package/src/artifacts/coverage-jest/ButtonTypedown/ButtonTypedown.js.html

@@ -115,7 +115,8 @@
 <a name='L50'></a><a href='#L50'>50</a>
 <a name='L51'></a><a href='#L51'>51</a>
 <a name='L52'></a><a href='#L52'>52</a>
-<a name='L53'></a><a href='#L53'>53</a></td><td class="line-coverage quiet"><span class="cline-any cline-neutral">&nbsp;</span>
+<a name='L53'></a><a href='#L53'>53</a>
+<a name='L54'></a><a href='#L54'>54</a></td><td class="line-coverage quiet"><span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
@@ -144,6 +145,7 @@
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
+<span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-no">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
@@ -175,17 +177,18 @@ import SearchField from '../SearchField';
 import Typedown from '../Typedown';
 &nbsp;
 const ButtonTypedown = <span class="fstat-no" title="function not covered" >({</span>
-  onType, // We need these manually
+  id,
   renderListItem,
   ...typedownProps
 }) =&gt; {
 <span class="cstat-no" title="statement not covered" >  return (</span>
     &lt;Typedown
       getDisplayValue={<span class="fstat-no" title="function not covered" >()</span> =&gt; <span class="cstat-no" title="statement not covered" >false}</span>
-      renderHeader={<span class="fstat-no" title="function not covered" >({</span> currentlyTyped }) =&gt; (
+      renderHeader={<span class="fstat-no" title="function not covered" >({</span> handleType, currentlyTyped }) =&gt; (
 <span class="cstat-no" title="statement not covered" >        &lt;SearchField</span>
+          id={`button-typedown-searchfield-${id}`}
           marginBottom0
-          onChange={onType}
+          onChange={handleType}
           value={currentlyTyped}
         /&gt;
       )}
@@ -226,7 +229,7 @@ ButtonTypedown.propTypes = {
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at 2025-12-12T16:39:50.848Z
+                at 2025-12-15T10:03:18.716Z
             </div>
         <script src="../prettify.js"></script>
         <script>

package/src/artifacts/coverage-jest/ButtonTypedown/index.html

@@ -116,7 +116,7 @@
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at 2025-12-12T16:39:50.848Z
+                at 2025-12-15T10:03:18.716Z
             </div>
         <script src="../prettify.js"></script>
         <script>

package/src/artifacts/coverage-jest/ButtonTypedown/index.js.html

@@ -73,7 +73,7 @@
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at 2025-12-12T16:39:50.848Z
+                at 2025-12-15T10:03:18.716Z
             </div>
         <script src="../prettify.js"></script>
         <script>

package/src/artifacts/coverage-jest/ComboButton/ComboButton.js.html

@@ -553,7 +553,7 @@ export default ComboButton;
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at 2025-12-12T16:39:50.848Z
+                at 2025-12-15T10:03:18.716Z
             </div>
         <script src="../prettify.js"></script>
         <script>

package/src/artifacts/coverage-jest/ComboButton/index.html

@@ -116,7 +116,7 @@
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at 2025-12-12T16:39:50.848Z
+                at 2025-12-15T10:03:18.716Z
             </div>
         <script src="../prettify.js"></script>
         <script>

package/src/artifacts/coverage-jest/ComboButton/index.js.html

@@ -73,7 +73,7 @@
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at 2025-12-12T16:39:50.848Z
+                at 2025-12-15T10:03:18.716Z
             </div>
         <script src="../prettify.js"></script>
         <script>

package/src/artifacts/coverage-jest/CustomProperties/Config/CustomPropertiesLookup.js.html

@@ -652,7 +652,7 @@ export default CustomPropertiesLookup;
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at 2025-12-12T16:39:50.848Z
+                at 2025-12-15T10:03:18.716Z
             </div>
         <script src="../../prettify.js"></script>
         <script>

package/src/artifacts/coverage-jest/CustomProperties/Config/CustomPropertiesSettings.js.html

@@ -1231,7 +1231,7 @@ export default CustomPropertiesSettings;
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at 2025-12-12T16:39:50.848Z
+                at 2025-12-15T10:03:18.716Z
             </div>
         <script src="../../prettify.js"></script>
         <script>

package/src/artifacts/coverage-jest/CustomProperties/Config/CustomPropertyForm.js.html

@@ -1459,7 +1459,7 @@ export default CustomPropertyForm;
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at 2025-12-12T16:39:50.848Z
+                at 2025-12-15T10:03:18.716Z
             </div>
         <script src="../../prettify.js"></script>
         <script>

package/src/artifacts/coverage-jest/CustomProperties/Config/CustomPropertyView.js.html

@@ -718,7 +718,7 @@ export default CustomPropertyView;
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at 2025-12-12T16:39:50.848Z
+                at 2025-12-15T10:03:18.716Z
             </div>
         <script src="../../prettify.js"></script>
         <script>

package/src/artifacts/coverage-jest/CustomProperties/Config/index.html

@@ -161,7 +161,7 @@
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at 2025-12-12T16:39:50.848Z
+                at 2025-12-15T10:03:18.716Z
             </div>
         <script src="../../prettify.js"></script>
         <script>

package/src/artifacts/coverage-jest/CustomProperties/Config/index.js.html

@@ -82,7 +82,7 @@ export { default as CustomPropertyForm } from './CustomPropertyForm';
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at 2025-12-12T16:39:50.848Z
+                at 2025-12-15T10:03:18.716Z
             </div>
         <script src="../../prettify.js"></script>
         <script>

package/src/artifacts/coverage-jest/CustomProperties/Edit/CustomPropertiesEdit.js.html

@@ -193,7 +193,7 @@ export default CustomPropertiesEdit;
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at 2025-12-12T16:39:50.848Z
+                at 2025-12-15T10:03:18.716Z
             </div>
         <script src="../../prettify.js"></script>
         <script>

package/src/artifacts/coverage-jest/CustomProperties/Edit/CustomPropertiesEditCtx.js.html

@@ -337,7 +337,7 @@ export default CustomPropertiesEditCtx;
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at 2025-12-12T16:39:50.848Z
+                at 2025-12-15T10:03:18.716Z
             </div>
         <script src="../../prettify.js"></script>
         <script>

package/src/artifacts/coverage-jest/CustomProperties/Edit/CustomPropertiesListField.js.html

@@ -820,7 +820,7 @@ export default CustomPropertiesListField;
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at 2025-12-12T16:39:50.848Z
+                at 2025-12-15T10:03:18.716Z
             </div>
         <script src="../../prettify.js"></script>
         <script>

package/src/artifacts/coverage-jest/CustomProperties/Edit/CustomPropertyField.js.html

@@ -1285,7 +1285,7 @@ export default CustomPropertyField;
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at 2025-12-12T16:39:50.848Z
+                at 2025-12-15T10:03:18.716Z
             </div>
         <script src="../../prettify.js"></script>
         <script>

package/src/artifacts/coverage-jest/CustomProperties/Edit/CustomPropertyFormCard.js.html

@@ -439,7 +439,7 @@ export default CustomPropertyFormCard;
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at 2025-12-12T16:39:50.848Z
+                at 2025-12-15T10:03:18.716Z
             </div>
         <script src="../../prettify.js"></script>
         <script>