@ebertjendustries/cstestwrapper 1.0.1 → 1.0.3

package/dist/index.js

@@ -80,7 +80,7 @@ var require_js_tokens = __commonJS({
     KeywordsWithExpressionAfter = /^(?:await|case|default|delete|do|else|instanceof|new|return|throw|typeof|void|yield)$/;
     KeywordsWithNoLineTerminatorAfter = /^(?:return|throw|yield)$/;
     Newline = RegExp(LineTerminatorSequence.source);
-    module2.exports = jsTokens2 = function* (input, { jsx: jsx32 = false } = {}) {
+    module2.exports = jsTokens2 = function* (input, { jsx: jsx2 = false } = {}) {
       var braces, firstCodePoint, isExpression, lastIndex, lastSignificantToken, length, match, mode, nextLastIndex, nextLastSignificantToken, parenNesting, postfixIncDec, punctuator, stack;
       ({ length } = input);
       lastIndex = 0;
@@ -200,7 +200,7 @@ var require_js_tokens = __commonJS({
                   nextLastSignificantToken = postfixIncDec ? "?PostfixIncDec" : "?UnaryIncDec";
                   break;
                 case "<":
-                  if (jsx32 && (TokensPrecedingExpression.test(lastSignificantToken) || KeywordsWithExpressionAfter.test(lastSignificantToken))) {
+                  if (jsx2 && (TokensPrecedingExpression.test(lastSignificantToken) || KeywordsWithExpressionAfter.test(lastSignificantToken))) {
                     stack.push({ tag: "JSXTag" });
                     lastIndex += 1;
                     lastSignificantToken = "<";
@@ -1952,8 +1952,8 @@ module.exports = __toCommonJS(index_exports);
 
 // src/components/AbstractComponentTesting.ts
 var import_dom = __toESM(require("@cloudscape-design/components/test-utils/dom"));
-var import_react7 = require("@testing-library/react");
-var import_react8 = require("react");
+var import_react = require("@testing-library/react");
+var import_react2 = require("react");
 
 // node_modules/tinyrainbow/dist/chunk-BVHSVHOK.js
 var f = {
@@ -2774,7 +2774,7 @@ function requireReactIs_development() {
       var ContextProvider = REACT_PROVIDER_TYPE;
       var Element2 = REACT_ELEMENT_TYPE;
       var ForwardRef = REACT_FORWARD_REF_TYPE;
-      var Fragment2 = REACT_FRAGMENT_TYPE;
+      var Fragment = REACT_FRAGMENT_TYPE;
       var Lazy = REACT_LAZY_TYPE;
       var Memo = REACT_MEMO_TYPE;
       var Portal = REACT_PORTAL_TYPE;
@@ -2842,7 +2842,7 @@ function requireReactIs_development() {
       reactIs_development.ContextProvider = ContextProvider;
       reactIs_development.Element = Element2;
       reactIs_development.ForwardRef = ForwardRef;
-      reactIs_development.Fragment = Fragment2;
+      reactIs_development.Fragment = Fragment;
       reactIs_development.Lazy = Lazy;
       reactIs_development.Memo = Memo;
       reactIs_development.Portal = Portal;
@@ -4162,7 +4162,7 @@ function requireJsTokens() {
   KeywordsWithExpressionAfter = /^(?:await|case|default|delete|do|else|instanceof|new|return|throw|typeof|void|yield)$/;
   KeywordsWithNoLineTerminatorAfter = /^(?:return|throw|yield)$/;
   Newline = RegExp(LineTerminatorSequence.source);
-  jsTokens_1 = function* (input, { jsx: jsx32 = false } = {}) {
+  jsTokens_1 = function* (input, { jsx: jsx2 = false } = {}) {
     var braces, firstCodePoint, isExpression, lastIndex, lastSignificantToken, length, match, mode, nextLastIndex, nextLastSignificantToken, parenNesting, postfixIncDec, punctuator, stack;
     ({ length } = input);
     lastIndex = 0;
@@ -4275,7 +4275,7 @@ function requireJsTokens() {
                 nextLastSignificantToken = postfixIncDec ? "?PostfixIncDec" : "?UnaryIncDec";
                 break;
               case "<":
-                if (jsx32 && (TokensPrecedingExpression.test(lastSignificantToken) || KeywordsWithExpressionAfter.test(lastSignificantToken))) {
+                if (jsx2 && (TokensPrecedingExpression.test(lastSignificantToken) || KeywordsWithExpressionAfter.test(lastSignificantToken))) {
                   stack.push({ tag: "JSXTag" });
                   lastIndex += 1;
                   lastSignificantToken = "<";
@@ -13514,7 +13514,7 @@ function getTestName(task, separator = " > ") {
 }
 var now$1 = globalThis.performance ? globalThis.performance.now.bind(globalThis.performance) : Date.now;
 var unixNow = Date.now;
-var { clearTimeout, setTimeout: setTimeout2 } = getSafeTimers();
+var { clearTimeout, setTimeout } = getSafeTimers();
 var packs = /* @__PURE__ */ new Map();
 var eventsPacks = [];
 var pendingTasksUpdates = [];
@@ -13553,7 +13553,7 @@ function throttle(fn2, ms) {
       pendingCall = void 0;
       return fn2.apply(this, args);
     }
-    pendingCall != null ? pendingCall : pendingCall = setTimeout2(() => call2.bind(this)(...args), ms);
+    pendingCall != null ? pendingCall : pendingCall = setTimeout(() => call2.bind(this)(...args), ms);
   };
 }
 var sendTasksUpdateThrottled = throttle(sendTasksUpdate, 100);
@@ -13576,7 +13576,7 @@ function withTimeout(fn2, timeout, isHook = false, stackTraceError, onTimeout) {
   if (timeout <= 0 || timeout === Number.POSITIVE_INFINITY) {
     return fn2;
   }
-  const { setTimeout: setTimeout3, clearTimeout: clearTimeout2 } = getSafeTimers();
+  const { setTimeout: setTimeout2, clearTimeout: clearTimeout2 } = getSafeTimers();
   return function runWithTimeout(...args) {
     const startTime = now();
     const runner2 = getRunner();
@@ -13584,7 +13584,7 @@ function withTimeout(fn2, timeout, isHook = false, stackTraceError, onTimeout) {
     runner2._currentTaskTimeout = timeout;
     return new Promise((resolve_, reject_) => {
       var _timer$unref;
-      const timer = setTimeout3(() => {
+      const timer = setTimeout2(() => {
         clearTimeout2(timer);
         rejectTimeoutError();
       }, timeout);
@@ -13843,8 +13843,8 @@ function resetModules(modules, resetMocks = false) {
   });
 }
 function waitNextTick() {
-  const { setTimeout: setTimeout3 } = getSafeTimers();
-  return new Promise((resolve4) => setTimeout3(resolve4, 0));
+  const { setTimeout: setTimeout2 } = getSafeTimers();
+  return new Promise((resolve4) => setTimeout2(resolve4, 0));
 }
 async function waitForImportsToResolve() {
   await waitNextTick();
@@ -14594,7 +14594,7 @@ function requireJsTokens2() {
   KeywordsWithExpressionAfter = /^(?:await|case|default|delete|do|else|instanceof|new|return|throw|typeof|void|yield)$/;
   KeywordsWithNoLineTerminatorAfter = /^(?:return|throw|yield)$/;
   Newline = RegExp(LineTerminatorSequence.source);
-  jsTokens_12 = function* (input, { jsx: jsx32 = false } = {}) {
+  jsTokens_12 = function* (input, { jsx: jsx2 = false } = {}) {
     var braces, firstCodePoint, isExpression, lastIndex, lastSignificantToken, length, match, mode, nextLastIndex, nextLastSignificantToken, parenNesting, postfixIncDec, punctuator, stack;
     ({ length } = input);
     lastIndex = 0;
@@ -14707,7 +14707,7 @@ function requireJsTokens2() {
                 nextLastSignificantToken = postfixIncDec ? "?PostfixIncDec" : "?UnaryIncDec";
                 break;
               case "<":
-                if (jsx32 && (TokensPrecedingExpression.test(lastSignificantToken) || KeywordsWithExpressionAfter.test(lastSignificantToken))) {
+                if (jsx2 && (TokensPrecedingExpression.test(lastSignificantToken) || KeywordsWithExpressionAfter.test(lastSignificantToken))) {
                   stack.push({ tag: "JSXTag" });
                   lastIndex += 1;
                   lastSignificantToken = "<";
@@ -15986,7 +15986,7 @@ function createExpectPoll(expect2) {
           let intervalId;
           let timeoutId;
           let lastError;
-          const { setTimeout: setTimeout3, clearTimeout: clearTimeout2 } = getSafeTimers();
+          const { setTimeout: setTimeout2, clearTimeout: clearTimeout2 } = getSafeTimers();
           const check = async () => {
             try {
               utils_exports.flag(assertion, "_name", key);
@@ -15997,10 +15997,10 @@ function createExpectPoll(expect2) {
               clearTimeout2(timeoutId);
             } catch (err) {
               lastError = err;
-              if (!utils_exports.flag(assertion, "_isLastPollAttempt")) intervalId = setTimeout3(check, interval);
+              if (!utils_exports.flag(assertion, "_isLastPollAttempt")) intervalId = setTimeout2(check, interval);
             }
           };
-          timeoutId = setTimeout3(() => {
+          timeoutId = setTimeout2(() => {
             clearTimeout2(intervalId);
             utils_exports.flag(assertion, "_isLastPollAttempt", true);
             const rejectWithCause = (cause) => {
@@ -17518,7 +17518,7 @@ To automatically clean-up native timers, use \`shouldClearNativeTimers\`.`
       clock.cancelIdleCallback = function cancelIdleCallback(timerId) {
         return clearTimer(clock, timerId, "IdleCallback");
       };
-      clock.setTimeout = function setTimeout3(func, timeout) {
+      clock.setTimeout = function setTimeout2(func, timeout) {
         return addTimer(clock, {
           func,
           args: Array.prototype.slice.call(arguments, 2),
@@ -18339,7 +18339,7 @@ function copyStackTrace(target, source) {
   return target;
 }
 function waitFor(callback, options = {}) {
-  const { setTimeout: setTimeout3, setInterval, clearTimeout: clearTimeout2, clearInterval } = getSafeTimers();
+  const { setTimeout: setTimeout2, setInterval, clearTimeout: clearTimeout2, clearInterval } = getSafeTimers();
   const { interval = 50, timeout = 1e3 } = typeof options === "number" ? { timeout: options } : options;
   const STACK_TRACE_ERROR = new Error("STACK_TRACE_ERROR");
   return new Promise((resolve4, reject) => {
@@ -18382,12 +18382,12 @@ function waitFor(callback, options = {}) {
       }
     };
     if (checkCallback() === true) return;
-    timeoutId = setTimeout3(handleTimeout, timeout);
+    timeoutId = setTimeout2(handleTimeout, timeout);
     intervalId = setInterval(checkCallback, interval);
   });
 }
 function waitUntil(callback, options = {}) {
-  const { setTimeout: setTimeout3, setInterval, clearTimeout: clearTimeout2, clearInterval } = getSafeTimers();
+  const { setTimeout: setTimeout2, setInterval, clearTimeout: clearTimeout2, clearInterval } = getSafeTimers();
   const { interval = 50, timeout = 1e3 } = typeof options === "number" ? { timeout: options } : options;
   const STACK_TRACE_ERROR = new Error("STACK_TRACE_ERROR");
   return new Promise((resolve4, reject) => {
@@ -18427,7 +18427,7 @@ function waitUntil(callback, options = {}) {
       }
     };
     if (checkCallback() === true) return;
-    timeoutId = setTimeout3(onReject, timeout);
+    timeoutId = setTimeout2(onReject, timeout);
     intervalId = setInterval(checkCallback, interval);
   });
 }
@@ -18647,1957 +18647,8 @@ function getImporter(name) {
 // node_modules/vitest/dist/index.js
 var import_expect_type = __toESM(require_dist(), 1);
 
-// node_modules/@ebertjendustries/cswrapper/dist/index.mjs
-var dist_exports2 = {};
-__export(dist_exports2, {
-  CSAlert: () => CSAlert,
-  CSBox: () => CSBox,
-  CSButton: () => CSButton,
-  CSCheckbox: () => CSCheckbox,
-  CSCopyToClipboard: () => CSCopyToClipboard,
-  CSDatePicker: () => CSDatePicker,
-  CSEnumMultiselect: () => CSEnumMultiselect,
-  CSEnumSegmentedControl: () => CSEnumSegmentedControl,
-  CSEnumSelect: () => CSEnumSelect,
-  CSEnumTiles: () => CSEnumTiles,
-  CSExternalLink: () => CSExternalLink,
-  CSFormField: () => CSFormField,
-  CSHeader: () => CSHeader,
-  CSInput: () => CSInput,
-  CSLink: () => CSLink,
-  CSMultiselect: () => CSMultiselect,
-  CSNumericInput: () => CSNumericInput,
-  CSSegmentedControl: () => CSSegmentedControl,
-  CSSelect: () => CSSelect,
-  CSStatusIndicator: () => CSStatusIndicator,
-  CSTextContent: () => CSTextContent,
-  CSTextarea: () => CSTextarea,
-  CSTimeInput: () => CSTimeInput,
-  CSToggle: () => CSToggle,
-  CSVEnumRatingView: () => CSVEnumRatingView,
-  CSVNoItemsView: () => CSVNoItemsView,
-  CSVPriceInputView: () => CSVPriceInputView,
-  CSVSearchFilterView: () => CSVSearchFilterView,
-  CSVTextPromptModalView: () => CSVTextPromptModalView,
-  CSV_ENUM_RATING_VIEW_SPEC: () => CSV_ENUM_RATING_VIEW_SPEC,
-  CSV_NO_ITEMS_VIEW_SPEC: () => CSV_NO_ITEMS_VIEW_SPEC,
-  CSV_PRICE_INPUT_VIEW_SPEC: () => CSV_PRICE_INPUT_VIEW_SPEC,
-  CSV_SEARCH_FILTER_VIEW_SPEC: () => CSV_SEARCH_FILTER_VIEW_SPEC,
-  CSV_TEXT_PROMPT_MODAL_VIEW_SPEC: () => CSV_TEXT_PROMPT_MODAL_VIEW_SPEC,
-  ChildUtils: () => ChildUtils,
-  ControllerState: () => ControllerState,
-  DateUtils: () => DateUtils,
-  ELEMENT_VALIDITY_LEVEL_FACTORY: () => ELEMENT_VALIDITY_LEVEL_FACTORY,
-  ElementValidityLevel: () => ElementValidityLevel,
-  EnumFactory: () => EnumFactory,
-  FORM_FIELD_ID_SUFFIX: () => FORM_FIELD_ID_SUFFIX,
-  FieldProperties: () => FieldProperties,
-  FieldSpec: () => FieldSpec,
-  FixedWidth: () => FixedWidth,
-  FromPropsHelper: () => FromPropsHelper,
-  LocalStorageService: () => LocalStorageService,
-  LocalisationNamespace: () => LocalisationNamespace,
-  Localiser: () => Localiser,
-  Log: () => Log,
-  MESSAGE_SEVERITY_FACTORY: () => MESSAGE_SEVERITY_FACTORY,
-  MessageCTO: () => MessageCTO,
-  MessageCodeTO: () => MessageCodeTO,
-  MessageService: () => MessageService,
-  MessageSeverity: () => MessageSeverity,
-  NO_HTTP_CODE: () => NO_HTTP_CODE,
-  NSK_CONTENT: () => NSK_CONTENT,
-  ObjectWithId: () => ObjectWithId,
-  PriceUtils: () => PriceUtils,
-  QUERY_SEP: () => QUERY_SEP,
-  QUERY_START: () => QUERY_START,
-  QueryParamHelper: () => QueryParamHelper,
-  REST_CLIENT_LOGGER: () => REST_CLIENT_LOGGER,
-  RestClient: () => RestClient,
-  RunFunctionResult: () => RunFunctionResult,
-  SelectHelper: () => SelectHelper,
-  TECHNICAL_CONTROLLER_ID: () => TECHNICAL_CONTROLLER_ID,
-  ViewSpec: () => ViewSpec,
-  createRestClient: () => createRestClient,
-  fatalRunErrorFunction: () => fatalRunErrorFunction,
-  filterArrayByIndices: () => filterArrayByIndices,
-  getEnumRatingLabel: () => getEnumRatingLabel,
-  getEnumRatingValues: () => getEnumRatingValues,
-  indexRangeArray: () => indexRangeArray,
-  isContentWithMessages: () => isContentWithMessages,
-  openInNewTab: () => openInNewTab,
-  singleChangeHandlerToMulti: () => singleChangeHandlerToMulti,
-  sleep: () => sleep,
-  sortArrayByIndices: () => sortArrayByIndices,
-  useAWSUIRef: () => useAWSUIRef,
-  useControllerDisplayState: () => useControllerDisplayState,
-  useHotkey: () => useHotkey,
-  useMessages: () => useMessages,
-  useTOArrayChangeHandler: () => useTOArrayChangeHandler,
-  useTOChangeHandler: () => useTOChangeHandler,
-  warnWhenTabIsClosed: () => warnWhenTabIsClosed
-});
-var import_components = require("@cloudscape-design/components");
-var import_components2 = require("@cloudscape-design/components");
-var import_jsx_runtime = require("react/jsx-runtime");
-var import_jsx_runtime2 = require("react/jsx-runtime");
-var import_jsx_runtime3 = require("react/jsx-runtime");
-var import_components3 = require("@cloudscape-design/components");
-var import_jsx_runtime4 = require("react/jsx-runtime");
-var import_components4 = require("@cloudscape-design/components");
-var import_jsx_runtime5 = require("react/jsx-runtime");
-var import_components5 = require("@cloudscape-design/components");
-var import_jsx_runtime6 = require("react/jsx-runtime");
-var import_components6 = require("@cloudscape-design/components");
-var import_jsx_runtime7 = require("react/jsx-runtime");
-var import_components7 = require("@cloudscape-design/components");
-var import_jsx_runtime8 = require("react/jsx-runtime");
-var import_jsx_runtime9 = require("react/jsx-runtime");
-var import_components8 = require("@cloudscape-design/components");
-var import_jsx_runtime10 = require("react/jsx-runtime");
-var import_jsx_runtime11 = require("react/jsx-runtime");
-var import_components9 = require("@cloudscape-design/components");
-var import_jsx_runtime12 = require("react/jsx-runtime");
-var import_jsx_runtime13 = require("react/jsx-runtime");
-var import_components10 = require("@cloudscape-design/components");
-var import_jsx_runtime14 = require("react/jsx-runtime");
-var import_components11 = require("@cloudscape-design/components");
-var import_jsx_runtime15 = require("react/jsx-runtime");
-var import_components12 = require("@cloudscape-design/components");
-var import_jsx_runtime16 = require("react/jsx-runtime");
-var import_components13 = require("@cloudscape-design/components");
-var import_jsx_runtime17 = require("react/jsx-runtime");
-var import_components14 = require("@cloudscape-design/components");
-var import_jsx_runtime18 = require("react/jsx-runtime");
-var import_components15 = require("@cloudscape-design/components");
-var import_jsx_runtime19 = require("react/jsx-runtime");
-var import_components16 = require("@cloudscape-design/components");
-var import_jsx_runtime20 = require("react/jsx-runtime");
-var import_components17 = require("@cloudscape-design/components");
-var import_jsx_runtime21 = require("react/jsx-runtime");
-var import_components18 = require("@cloudscape-design/components");
-var import_jsx_runtime22 = require("react/jsx-runtime");
-var import_components19 = require("@cloudscape-design/components");
-var import_jsx_runtime23 = require("react/jsx-runtime");
-var import_components20 = require("@cloudscape-design/components");
-var import_jsx_runtime24 = require("react/jsx-runtime");
-var import_react_rating = require("@smastrom/react-rating");
-var import_react = require("react");
-var import_jsx_runtime25 = require("react/jsx-runtime");
-var import_components21 = require("@cloudscape-design/components");
-var import_jsx_runtime26 = require("react/jsx-runtime");
-var import_components22 = require("@cloudscape-design/components");
-var import_jsx_runtime27 = require("react/jsx-runtime");
-var import_components23 = require("@cloudscape-design/components");
-var import_jsx_runtime28 = require("react/jsx-runtime");
-var import_components24 = require("@cloudscape-design/components");
-var import_jsx_runtime29 = require("react/jsx-runtime");
-var import_jsx_runtime30 = require("react/jsx-runtime");
-var import_react2 = require("react");
-var import_react3 = require("react");
-var import_react4 = require("react");
-var import_react5 = require("react");
-var import_react6 = require("react");
-var FromPropsHelper = class {
-};
-FromPropsHelper.getBasicProps = (props) => {
-  const localisationObject = props.localiser.localiseField(props.fieldSpec.getLocalisationKey(), props.localisationVariables, props.alternateNs);
-  const uniqueId = props.fieldSpec.getDataTestId();
-  return { localisationObject, uniqueId };
-};
-FromPropsHelper.usesFormField = (props) => {
-  const localisation = props.localiser.localiseField(props.fieldSpec.getLocalisationKey(), props.localisationVariables, props.alternateNs);
-  return props.formField !== void 0 || (localisation == null ? void 0 : localisation.formField) !== void 0 || props.secondaryControl !== void 0;
-};
-FromPropsHelper.getLocalisedErrorText = (props, value, localiseValidity) => {
-  var _a2, _b;
-  if (((_a2 = props.formField) == null ? void 0 : _a2.errorText) !== void 0) {
-    return (_b = props.formField) == null ? void 0 : _b.errorText;
-  }
-  const validityLevel = props.fieldSpec.getValueValidityLevel(value);
-  return localiseValidity(props.fieldSpec, validityLevel);
-};
-FromPropsHelper.sanitizeValueToString = (value) => {
-  if (value === null || value === void 0) {
-    return "";
-  }
-  return value;
-};
-var FORM_FIELD_ID_SUFFIX = "_FORM_FIELD";
-function CSFormField(props) {
-  const { localisationObject, uniqueId } = FromPropsHelper.getBasicProps(props);
-  const formFieldId = uniqueId + FORM_FIELD_ID_SUFFIX;
-  if (!FromPropsHelper.usesFormField(props)) {
-    return props.children;
-  }
-  return (
-    // IMPORTANT: Order of props determines which one "wins". You can override Elements that are present in the
-    // localisation texts via the additional props. For instance, you can pass in
-    // non-static localisations that require variable values dynamically.
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-      import_components2.FormField,
-      {
-        "data-testid": formFieldId,
-        ...localisationObject == null ? void 0 : localisationObject.formField,
-        ...props.formField,
-        secondaryControl: props.secondaryControl,
-        children: props.children
-      }
-    )
-  );
-}
-var ChildUtils = class {
-};
-ChildUtils.getChildren = (props, localisationObject) => {
-  var _a2, _b;
-  const childrenRaw = (_a2 = props.children) != null ? _a2 : localisationObject == null ? void 0 : localisationObject.children;
-  const children = props.childrenWrapper ? props.childrenWrapper(childrenRaw) : childrenRaw;
-  let finalChildren = props.preventOverflow ? /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("div", { style: {
-    whiteSpace: "nowrap",
-    overflow: "hidden",
-    textOverflow: "ellipsis"
-  }, children }) : children;
-  let formFieldProps = (_b = props.formField) != null ? _b : localisationObject == null ? void 0 : localisationObject.formField;
-  if (props.inlineLabel && FromPropsHelper.usesFormField(props)) {
-    finalChildren = /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { style: { display: "flex", flexWrap: "nowrap" }, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("div", { style: {
-        flex: "none",
-        fontWeight: "bold",
-        paddingRight: "5px"
-      }, children: formFieldProps.label + ":" }),
-      finalChildren
-    ] });
-    formFieldProps = { ...formFieldProps, label: void 0 };
-  }
-  return { children: finalChildren, formProps: { ...props, formField: formFieldProps } };
-};
-function CSAlert(props) {
-  const { localisationObject, uniqueId } = FromPropsHelper.getBasicProps(props);
-  const { children, formProps } = ChildUtils.getChildren(props, localisationObject);
-  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(CSFormField, { ...formProps, children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
-    import_components.Alert,
-    {
-      "data-testid": uniqueId,
-      ...props,
-      ...localisationObject,
-      children
-    }
-  ) });
-}
-function CSBox(props) {
-  const { localisationObject, uniqueId } = FromPropsHelper.getBasicProps(props);
-  const { children, formProps } = ChildUtils.getChildren(props, localisationObject);
-  return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(CSFormField, { ...formProps, children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
-    import_components3.Box,
-    {
-      "data-testid": uniqueId,
-      ...props,
-      ...localisationObject,
-      children
-    }
-  ) });
-}
-function CSButton(props) {
-  const { localisationObject, uniqueId } = FromPropsHelper.getBasicProps(props);
-  const { children, formProps } = ChildUtils.getChildren(props, localisationObject);
-  return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(CSFormField, { ...formProps, children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
-    import_components4.Button,
-    {
-      "data-testid": uniqueId,
-      ...props,
-      ...localisationObject,
-      children
-    }
-  ) });
-}
-function CSCheckbox(props) {
-  const { localisationObject, uniqueId } = FromPropsHelper.getBasicProps(props);
-  const { children, formProps } = ChildUtils.getChildren(props, localisationObject);
-  return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(CSFormField, { ...formProps, children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
-    import_components5.Checkbox,
-    {
-      "data-testid": uniqueId,
-      name: uniqueId,
-      controlId: uniqueId,
-      onChange: props.onChange ? props.onChange : ({ detail }) => props.onChangeValue(props.fieldSpec.key, detail.checked),
-      ...props,
-      ...localisationObject,
-      children
-    }
-  ) });
-}
-function CSDatePicker(props) {
-  const { localisationObject, uniqueId } = FromPropsHelper.getBasicProps(props);
-  const sanitizeValue = () => {
-    return new Date(FromPropsHelper.sanitizeValueToString(props.value)).toISOString().split("T")[0];
-  };
-  return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(CSFormField, { ...props, children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
-    import_components6.DatePicker,
-    {
-      "data-testid": uniqueId,
-      controlId: uniqueId,
-      onChange: ({ detail }) => props.onChangeValue(props.fieldSpec.key, detail.value),
-      ...props,
-      ...localisationObject,
-      value: sanitizeValue()
-    }
-  ) });
-}
-function CSMultiselect(props) {
-  var _a2, _b;
-  const { localisationObject, uniqueId } = FromPropsHelper.getBasicProps(props);
-  const { formProps } = ChildUtils.getChildren(props, localisationObject);
-  const adaptedOnChange = ({ detail }) => {
-    if (props.enableSelectAll || props.enforceSelection) {
-      if (detail.selectedOptions.length === 0) {
-        props.onChangeValue(props.fieldSpec.key, [props.selectedOptions[0].value]);
-      } else {
-        props.onChangeValue(props.fieldSpec.key, detail.selectedOptions.map((sel) => sel.value));
-      }
-    } else {
-      props.onChangeValue(props.fieldSpec.key, detail.selectedOptions.map((sel) => sel.value));
-    }
-  };
-  const hideTokens = (_a2 = props.hideTokens) != null ? _a2 : props.tokenLimit !== void 0 && props.tokenLimit === 0;
-  return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(CSFormField, { ...formProps, children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
-    import_components7.Multiselect,
-    {
-      "data-testid": uniqueId,
-      controlId: uniqueId,
-      filteringType: (_b = props.filteringType) != null ? _b : "auto",
-      onChange: adaptedOnChange,
-      enableSelectAll: true,
-      ...props,
-      ...localisationObject,
-      hideTokens,
-      options: props.options
-    }
-  ) });
-}
-var ObjectWithId = class {
-};
-ObjectWithId.idToString = (objectWithId) => {
-  return objectWithId.id ? objectWithId.id.toString() : "<N/A>";
-};
-ObjectWithId.toObjectWithId = (array2, idExtractor) => {
-  return array2.map((object2) => ({
-    ...object2,
-    id: idExtractor(object2)
-  }));
-};
-var _SelectHelper = class _SelectHelper2 {
-};
-_SelectHelper.singleSelectOptionWithId = (objects, selectedObjectId, toOptionDefinition) => {
-  return _SelectHelper.singleSelectOption(objects, objects.find((importObject) => ObjectWithId.idToString(importObject) === (selectedObjectId == null ? void 0 : selectedObjectId.toString())), toOptionDefinition);
-};
-_SelectHelper.singleSelectOption = (objects, selectedObject, toOptionDefinition) => {
-  const options = objects.map((object2) => ({
-    value: ObjectWithId.idToString(object2),
-    ...toOptionDefinition(object2)
-  }));
-  const selectedOption = selectedObject === void 0 ? null : _SelectHelper.getSelectedOptions(options, [selectedObject.id])[0];
-  return {
-    options,
-    selectedOption
-  };
-};
-_SelectHelper.singleSelectEnum = (enumFactory, selectedEnum, localiser, exclude) => {
-  const options = enumFactory.values.filter((enumInstance) => exclude === void 0 || !exclude.includes(enumInstance)).map((enumInstance) => {
-    const enumTranslation = localiser.getEnumLocalisation(enumFactory, enumInstance);
-    return {
-      value: enumInstance.toString(),
-      label: enumTranslation.label,
-      description: enumTranslation.description
-    };
-  });
-  const selectedOption = selectedEnum === void 0 ? null : _SelectHelper.getSelectedEnumOptions(options, [selectedEnum.toString()])[0];
-  return {
-    options,
-    selectedOption
-  };
-};
-_SelectHelper.multiSelectOptions = (objects, selectedObjects, toOptionDefinition) => {
-  const options = objects.map((object2) => ({
-    value: ObjectWithId.idToString(object2),
-    ...toOptionDefinition(object2)
-  }));
-  const selectedOptions = _SelectHelper.getSelectedOptions(options, selectedObjects.map((s2) => s2.id));
-  return {
-    options,
-    selectedOptions
-  };
-};
-_SelectHelper.multiSelectEnums = (enumFactory, selectedEnums, localiser) => {
-  const options = enumFactory.values.map((enumInstance) => {
-    const enumTranslation = localiser.getEnumLocalisation(enumFactory, enumInstance);
-    return {
-      value: enumInstance.toString(),
-      label: enumTranslation.label,
-      description: enumTranslation.description
-    };
-  });
-  const selectedOptions = _SelectHelper.getSelectedEnumOptions(options, selectedEnums);
-  return {
-    options,
-    selectedOptions
-  };
-};
-_SelectHelper.getSelectedOptions = (options, selectedIds) => {
-  const selectedIdsSet = {};
-  selectedIds.forEach((selId) => selId !== void 0 ? selectedIdsSet[selId] = true : null);
-  return options.filter((option) => option.value && selectedIdsSet[parseInt(option.value)]);
-};
-_SelectHelper.getSelectedEnumOptions = (options, selectedEnums) => {
-  const selectedIdsSet = {};
-  selectedEnums.forEach((selId) => selId !== void 0 ? selectedIdsSet[selId.toString()] = true : null);
-  return options.filter((option) => option.value && selectedIdsSet[option.value]);
-};
-var SelectHelper = _SelectHelper;
-function CSEnumMultiselect(props) {
-  return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
-    CSMultiselect,
-    {
-      ...SelectHelper.multiSelectEnums(props.factory, props.selectedEnums, props.localiser),
-      ...props
-    }
-  );
-}
-function CSSegmentedControl(props) {
-  const { localisationObject, uniqueId } = FromPropsHelper.getBasicProps(props);
-  const { formProps } = ChildUtils.getChildren(props, localisationObject);
-  return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(CSFormField, { ...formProps, children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
-    import_components8.SegmentedControl,
-    {
-      "data-testid": uniqueId,
-      onChange: ({ detail }) => props.onChangeValue(props.fieldSpec.key, detail.selectedId),
-      ...props,
-      ...localisationObject
-    }
-  ) });
-}
-function CSEnumSegmentedControl(props) {
-  const options = props.factory.values.filter((e) => props.exclude === void 0 || !props.exclude.includes(e)).map((e) => ({
-    text: props.localiser.getEnumLabel(props.factory, e),
-    id: e.toString()
-  }));
-  return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
-    CSSegmentedControl,
-    {
-      selectedId: props.selectedEnum === void 0 ? null : props.selectedEnum.toString(),
-      options,
-      label: props.formField ? props.formField.label : void 0,
-      ...props
-    }
-  );
-}
-function CSSelect(props) {
-  const { localisationObject, uniqueId } = FromPropsHelper.getBasicProps(props);
-  const { formProps } = ChildUtils.getChildren(props, localisationObject);
-  return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(CSFormField, { ...formProps, children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
-    import_components9.Select,
-    {
-      "data-testid": uniqueId,
-      controlId: uniqueId,
-      onChange: ({ detail }) => props.onChangeValue(props.fieldSpec.key, detail.selectedOption.value),
-      ...props,
-      ...localisationObject
-    }
-  ) });
-}
-function CSEnumSelect(props) {
-  return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
-    CSSelect,
-    {
-      ...SelectHelper.singleSelectEnum(props.factory, props.selectedEnum, props.localiser, props.exclude),
-      ...props
-    }
-  );
-}
-function CSEnumTiles(props) {
-  const { localisationObject, uniqueId } = FromPropsHelper.getBasicProps(props);
-  const items = props.factory.values.filter((enumInstance) => props.exclude === void 0 || !props.exclude.includes(enumInstance)).map((enumInstance) => {
-    const enumTranslation = props.localiser.getEnumLocalisation(props.factory, enumInstance);
-    return {
-      value: enumInstance.toString(),
-      label: enumTranslation.label,
-      description: enumTranslation.description
-    };
-  });
-  return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
-    import_components10.Tiles,
-    {
-      "data-testid": uniqueId,
-      controlId: uniqueId,
-      name: uniqueId,
-      onChange: ({ detail }) => props.onChangeValue(props.fieldSpec.key, detail.value),
-      value: props.selectedEnum ? props.selectedEnum.toString() : null,
-      items,
-      ...props,
-      ...localisationObject
-    }
-  );
-}
-var openInNewTab = (link) => {
-  const newWindow = window.open(link, "_blank", "noopener,noreferrer");
-  if (newWindow) newWindow.opener = null;
-};
-var warnWhenTabIsClosed = (isDirty) => {
-  const handleTabClose = (event) => {
-    if (isDirty !== void 0 && !isDirty()) {
-      return void 0;
-    }
-    event.preventDefault();
-    return event.returnValue = "Are you sure you want to exit?";
-  };
-  window.addEventListener("beforeunload", handleTabClose);
-  return () => {
-    window.removeEventListener("beforeunload", handleTabClose);
-  };
-};
-function CSLink(props) {
-  const { localisationObject, uniqueId } = FromPropsHelper.getBasicProps(props);
-  const { children, formProps } = ChildUtils.getChildren(props, localisationObject);
-  return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(CSFormField, { ...formProps, children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
-    import_components11.Link,
-    {
-      "data-testid": uniqueId,
-      ...props,
-      ...localisationObject,
-      children
-    }
-  ) });
-}
-function CSExternalLink(props) {
-  return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(CSLink, { ...props, external: true, onFollow: (detail) => detail.preventDefault(), children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("span", { onClick: () => openInNewTab(props.link), children: props.children }) });
-}
-function CSHeader(props) {
-  const { localisationObject, uniqueId } = FromPropsHelper.getBasicProps(props);
-  const { children } = ChildUtils.getChildren(props, localisationObject);
-  return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
-    import_components12.Header,
-    {
-      "data-testid": uniqueId,
-      ...props,
-      ...localisationObject,
-      children
-    }
-  );
-}
-function CSInput(props) {
-  const { localisationObject, uniqueId } = FromPropsHelper.getBasicProps(props);
-  const { formProps } = ChildUtils.getChildren(props, localisationObject);
-  const sanitizedValue = FromPropsHelper.sanitizeValueToString(props.value);
-  const errorText = FromPropsHelper.getLocalisedErrorText(props, sanitizedValue, props.localiser.getFieldValidityLocalisationFunction());
-  return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(CSFormField, { ...props, formField: { ...formProps, errorText }, children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
-    import_components13.Input,
-    {
-      "data-testid": uniqueId,
-      controlId: uniqueId,
-      onChange: ({ detail }) => props.onChangeValue(props.fieldSpec.key, detail.value),
-      ...props,
-      ...localisationObject,
-      value: sanitizedValue
-    }
-  ) });
-}
-function CSNumericInput(props) {
-  const { localisationObject, uniqueId } = FromPropsHelper.getBasicProps(props);
-  const { formProps } = ChildUtils.getChildren(props, localisationObject);
-  const sanitizeValue = () => {
-    if (props.value === void 0 || props.value === null || isNaN(props.value)) {
-      return "";
-    }
-    return FromPropsHelper.sanitizeValueToString(props.value);
-  };
-  const sanitizedValue = sanitizeValue();
-  const errorText = FromPropsHelper.getLocalisedErrorText(props, sanitizedValue, props.localiser.getFieldValidityLocalisationFunction());
-  return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(CSFormField, { ...formProps, formField: { ...props.formField, errorText }, children: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
-    import_components14.Input,
-    {
-      "data-testid": uniqueId,
-      controlId: uniqueId,
-      onChange: ({ detail }) => {
-        props.onChangeValue(props.fieldSpec.key, props.step && props.step !== "any" && props.step % 1 === 0 ? parseInt(detail.value) : parseFloat(detail.value));
-      },
-      ...props,
-      ...localisationObject,
-      value: sanitizedValue,
-      type: "number",
-      inputMode: "numeric"
-    }
-  ) });
-}
-function CSStatusIndicator(props) {
-  const { localisationObject, uniqueId } = FromPropsHelper.getBasicProps(props);
-  const { children, formProps } = ChildUtils.getChildren(props, localisationObject);
-  return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(CSFormField, { ...formProps, children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
-    import_components15.StatusIndicator,
-    {
-      "data-testid": uniqueId,
-      ...props,
-      ...localisationObject,
-      children
-    }
-  ) });
-}
-function CSTextContent(props) {
-  const { localisationObject, uniqueId } = FromPropsHelper.getBasicProps(props);
-  const { children, formProps } = ChildUtils.getChildren(props, localisationObject);
-  return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(CSFormField, { ...formProps, children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
-    import_components16.TextContent,
-    {
-      "data-testid": uniqueId,
-      ...props,
-      ...localisationObject,
-      children
-    }
-  ) });
-}
-function CSTextarea(props) {
-  const { localisationObject, uniqueId } = FromPropsHelper.getBasicProps(props);
-  const { formProps } = ChildUtils.getChildren(props, localisationObject);
-  const sanitizedValue = FromPropsHelper.sanitizeValueToString(props.value);
-  const errorText = FromPropsHelper.getLocalisedErrorText(props, sanitizedValue, props.localiser.getFieldValidityLocalisationFunction());
-  return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(CSFormField, { ...props, formField: { ...formProps, errorText }, children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
-    import_components17.Textarea,
-    {
-      "data-testid": uniqueId,
-      controlId: uniqueId,
-      onChange: ({ detail }) => props.onChangeValue(props.fieldSpec.key, detail.value),
-      ...localisationObject,
-      ...props,
-      value: sanitizedValue
-    }
-  ) });
-}
-function CSTimeInput(props) {
-  const { localisationObject, uniqueId } = FromPropsHelper.getBasicProps(props);
-  const { formProps } = ChildUtils.getChildren(props, localisationObject);
-  const defaultFormat = "hh:mm";
-  return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(CSFormField, { ...formProps, children: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
-    import_components18.TimeInput,
-    {
-      "data-testid": uniqueId,
-      autoFocus: props.autoFocus,
-      onChange: ({ detail }) => props.onChangeValue(props.fieldSpec.key, detail.value),
-      format: props.format ? props.format : defaultFormat,
-      placeholder: props.placeholder ? props.placeholder : defaultFormat,
-      ...props,
-      ...localisationObject
-    }
-  ) });
-}
-function CSToggle(props) {
-  const { localisationObject, uniqueId } = FromPropsHelper.getBasicProps(props);
-  const { children, formProps } = ChildUtils.getChildren(props, localisationObject);
-  return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(CSFormField, { ...formProps, children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
-    import_components19.Toggle,
-    {
-      "data-testid": uniqueId,
-      name: uniqueId,
-      controlId: uniqueId,
-      onChange: props.onChange ? props.onChange : ({ detail }) => props.onChangeValue(props.fieldSpec.key, detail.checked),
-      ...props,
-      ...localisationObject,
-      children
-    }
-  ) });
-}
-function CSCopyToClipboard(props) {
-  var _a2, _b;
-  const { localisationObject, uniqueId } = FromPropsHelper.getBasicProps(props);
-  const { formProps } = ChildUtils.getChildren(props, localisationObject);
-  return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(CSFormField, { ...formProps, children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
-    import_components20.CopyToClipboard,
-    {
-      "data-testid": uniqueId,
-      ...props,
-      copySuccessText: (_a2 = props.copySuccessText) != null ? _a2 : "",
-      copyErrorText: (_b = props.copyErrorText) != null ? _b : "",
-      ...localisationObject
-    }
-  ) });
-}
-var EnumFactory = class {
-  constructor(enumName, values) {
-    this.enumName = enumName;
-    this.values = values;
-    if (this.values.length === 0) {
-      throw new Error("Empty localized enum array is not allowed here");
-    }
-  }
-  getEnumIndex(instance) {
-    return this.values.indexOf(instance);
-  }
-};
-var ElementValidityLevel = /* @__PURE__ */ ((ElementValidityLevel2) => {
-  ElementValidityLevel2["VALID"] = "VALID";
-  ElementValidityLevel2["REQUIRED_VALUE_IS_NOT_PRESENT"] = "REQUIRED_VALUE_IS_NOT_PRESENT";
-  ElementValidityLevel2["MAX_LENGTH_EXCEEDED"] = "MAX_LENGTH_EXCEEDED";
-  ElementValidityLevel2["LOWER_BOUND_ONLY_TOO_SMALL"] = "LOWER_BOUND_ONLY_TOO_SMALL";
-  ElementValidityLevel2["UPPER_BOUND_ONLY_TOO_BIG"] = "UPPER_BOUND_ONLY_TOO_BIG";
-  ElementValidityLevel2["BOTH_BOUNDS_OUT_OF_BOUNDS"] = "BOTH_BOUNDS_OUT_OF_BOUNDS";
-  return ElementValidityLevel2;
-})(ElementValidityLevel || {});
-var ELEMENT_VALIDITY_LEVEL_FACTORY = new EnumFactory("ElementValidityLevel", Object.values(ElementValidityLevel));
-var DISABLE_LOGGING = false;
-var Log = class _Log {
-  constructor(prefix) {
-    this.prefix = prefix ? "[" + prefix + "] " : "";
-    this.debugLogging = true;
-  }
-  static toReadableObjectString(object2) {
-    return this.toObjectStr(object2, (object22) => JSON.stringify(object22, null, 2));
-  }
-  static toCompactReadableObjectString(object2, dependencyCharLimit) {
-    const str = this.toObjectStr(object2, (object22) => JSON.stringify(object22));
-    const maxLen = Math.min(str.length, dependencyCharLimit);
-    if (maxLen < str.length) {
-      return str.substring(0, maxLen) + " ( ... continued)";
-    }
-    return str;
-  }
-  static toObjectStr(object2, stringify2) {
-    if (object2 === null) {
-      return "null";
-    }
-    if (object2 === void 0) {
-      return "undefined";
-    }
-    let s2 = stringify2(object2);
-    if (s2 === void 0) {
-      return "function";
-    }
-    return s2.replaceAll("\\", "");
-  }
-  /**
-   * log at debugging level
-   */
-  debug(msg, ...supportingDetails) {
-    this.emitLogMessage("debug", msg, supportingDetails);
-  }
-  /**
-   * log at information level
-   */
-  info(msg, ...supportingDetails) {
-    this.emitLogMessage("info", msg, supportingDetails);
-  }
-  /**
-   * log at warning level
-   */
-  warn(msg, ...supportingDetails) {
-    this.emitLogMessage("warn", msg, supportingDetails);
-  }
-  /**
-   * log at error level
-   */
-  error(msg, ...supportingDetails) {
-    this.emitLogMessage("error", msg, supportingDetails);
-  }
-  object(prefixMsg, object2) {
-    this.debug(prefixMsg + " " + _Log.toReadableObjectString(object2));
-  }
-  effectStart(effectName, msg, dependencies, dependencyCharLimit) {
-    let dependenciesSuffix = "";
-    if (dependencies) {
-      let dependenciesStr = "";
-      for (let i = 0; i < dependencies.length; i++) {
-        const dependency = dependencies[i];
-        dependenciesStr = `${dependenciesStr} Dep[${i}]=<${_Log.toCompactReadableObjectString(dependency, dependencyCharLimit || 60)}>`;
-      }
-      dependenciesSuffix = (msg.length > 0 ? ", " : "") + "DEPS:" + dependenciesStr;
-    }
-    this.effect(`start - ${effectName}`, `${msg}${dependenciesSuffix}`);
-  }
-  effectEnd(effectName) {
-    this.debug(`EFFECT(end - ${effectName})`);
-  }
-  effect(effectName, msg) {
-    this.debug(`EFFECT(${effectName}): ${msg}`);
-  }
-  /**
-   * creates a log message with some detailed information
-   * @param msgType type of message (debug, info, warn, error)
-   * @param msg the message as string
-   * @param supportingDetails details that should be logged
-   */
-  emitLogMessage(msgType, msg, supportingDetails) {
-    if (DISABLE_LOGGING) {
-      return;
-    }
-    const logTS = (/* @__PURE__ */ new Date()).toISOString();
-    if (!this.debugLogging && msgType === "debug") {
-      return;
-    }
-    if (supportingDetails.length > 0) {
-      console[msgType](`${logTS} ${this.prefix}${msg}${supportingDetails}`);
-    } else {
-      console[msgType](`${logTS} ${this.prefix}${msg}`);
-    }
-  }
-};
-var LOGGER = new Log("ViewSpec");
-var ViewElementSpec = class {
-  constructor(key, instanceId) {
-    this.key = key;
-    this.instanceId = instanceId;
-  }
-  getDataTestId() {
-    if (this.dataTestId === void 0) {
-      const parentDataTestId = this.parent ? this.parent.getDataTestId() : "";
-      this.dataTestId = this.instanceId ? `${parentDataTestId}${this.key}${this.instanceId}END` : `${parentDataTestId}${this.key}END`;
-    }
-    return this.dataTestId;
-  }
-  getLocalisationKey() {
-    if (this.localisationKey === void 0) {
-      const keys2 = this.getKeyHierarchy();
-      this.localisationKey = this.ns.createKey(...keys2);
-    }
-    return this.localisationKey;
-  }
-  getKeyHierarchy() {
-    if (this.keyHierarchy === void 0) {
-      const parentHierarchy = this.parent ? this.parent.getKeyHierarchy() : [];
-      this.keyHierarchy = [...parentHierarchy, this.key];
-    }
-    return this.keyHierarchy;
-  }
-  log(prefix) {
-    LOGGER.info(`${prefix === void 0 ? "" : prefix}<${this.getDataTestId()}> = ${this.getLocalisationKey()}`);
-  }
-};
-var FieldSpec = class _FieldSpec extends ViewElementSpec {
-  constructor(key, required, maxLength, minValue, maxValue, customFieldValidator, instanceId) {
-    super(key, instanceId);
-    this.required = required;
-    this.maxLength = maxLength;
-    this.minValue = minValue;
-    this.maxValue = maxValue;
-    this.customFieldValidator = customFieldValidator;
-  }
-  static getTOValidityLevel(transportObject, elements) {
-    if (elements.length === 0) {
-      throw Error("At least one field property must be given");
-    }
-    for (let index2 = 0; index2 < elements.length; index2++) {
-      const field = elements[index2];
-      const fieldValidity = field.getValueValidityLevel(transportObject[field.key]);
-      if (fieldValidity !== "VALID") {
-        return fieldValidity;
-      }
-    }
-    return "VALID";
-  }
-  static isTOValid(transportObject, Elements) {
-    return this.getTOValidityLevel(transportObject, Elements) === "VALID";
-  }
-  static debugLogElementValidityArray(elements, Elements) {
-    for (let index2 = 0; index2 < elements.length; index2++) {
-      const element = elements[index2];
-      _FieldSpec.debugLogElementValidity(element, "idx=" + index2.toString(), Elements);
-    }
-  }
-  static debugLogElementValidity(element, elementId, Elements) {
-    for (const field of Elements) {
-      const fieldValidity = _FieldSpec.getTOValidityLevel(element, [field]);
-      LOGGER.info(`Field validity level, element id = <${elementId}>, field name = <${field.getDataTestId()}>, validity level = <${fieldValidity.toString()}>.`);
-    }
-  }
-  getValueValidityLevel(value) {
-    if (this.customFieldValidator) {
-      return this.customFieldValidator(this, value);
-    }
-    const isString = value !== void 0 && value !== null && (typeof value === "string" || value instanceof String);
-    const isNumber = value !== void 0 && value !== null && typeof value === "number";
-    if (this.required && (value === void 0 || value === null || isString && value.trim().length === 0 || isNumber && isNaN(value))) {
-      return "REQUIRED_VALUE_IS_NOT_PRESENT";
-    }
-    if (isString && this.maxLength !== void 0 && value.length > this.getMaxLength()) {
-      return "MAX_LENGTH_EXCEEDED";
-    }
-    if (isNumber) {
-      if (this.minValue !== void 0 && this.maxValue === void 0 && this.minValue > value) {
-        return "LOWER_BOUND_ONLY_TOO_SMALL";
-      }
-      if (this.maxValue !== void 0 && this.minValue === void 0 && this.maxValue < value) {
-        return "UPPER_BOUND_ONLY_TOO_BIG";
-      }
-      if (this.minValue !== void 0 && this.maxValue !== void 0 && (this.minValue > value || this.maxValue < value)) {
-        return "BOTH_BOUNDS_OUT_OF_BOUNDS";
-      }
-    }
-    return "VALID";
-  }
-  getMaxLength() {
-    return this.maxLength ? this.maxLength : Number.MAX_SAFE_INTEGER;
-  }
-};
-var ViewSpec = class _ViewSpec extends ViewElementSpec {
-  constructor(key, ns, instanceId, customViewValidator) {
-    super(key, instanceId);
-    this.ns = ns;
-    if (!customViewValidator) {
-      this.viewValidator = () => "VALID";
-    } else {
-      this.viewValidator = customViewValidator;
-    }
-  }
-  static create(key, ns, elementDefinition, instanceId, parent, customViewValidator) {
-    const viewSpec = new _ViewSpec(key, ns, instanceId, customViewValidator);
-    viewSpec.parent = parent;
-    viewSpec.elements = elementDefinition(viewSpec);
-    return viewSpec;
-  }
-  addField(fieldSpec) {
-    fieldSpec.parent = this;
-    fieldSpec.ns = this.ns;
-    return fieldSpec;
-  }
-  addFieldFromProps(fieldProps, customFieldValidator, instanceId) {
-    const fieldSpec = new FieldSpec(fieldProps.key, fieldProps.required, fieldProps.maxLength, fieldProps.minValue, fieldProps.maxValue, customFieldValidator, instanceId);
-    fieldSpec.parent = this;
-    fieldSpec.ns = this.ns;
-    return fieldSpec;
-  }
-  addView(viewSpecProvider, key, instanceId) {
-    const viewSpec = viewSpecProvider(this, key, instanceId);
-    viewSpec.ns = this.ns;
-    return viewSpec;
-  }
-  getAllElements() {
-    return Object.values(this.elements);
-  }
-  getValueValidityLevel(value) {
-    return this.viewValidator(this, value);
-  }
-  logViewSpec() {
-    this.log("VIEW :::: ");
-    for (const element of Object.values(this.elements)) {
-      if (element instanceof ViewElementSpec) {
-        element.log("	FIELD :::: ");
-      }
-    }
-  }
-};
-var CSV_ENUM_RATING_VIEW_SPEC = (parent, key, instanceId) => ViewSpec.create(key, parent.ns, (spec) => ({
-  rating: spec.addField(new FieldSpec("rating")),
-  boxRatingName: spec.addField(new FieldSpec("boxRatingName"))
-}), instanceId, parent);
-function getEnumRatingValues(factory, toOrderNumber) {
-  return toOrderNumber ? factory.values.sort((e1, e2) => toOrderNumber(e1) - toOrderNumber(e2)) : factory.values;
-}
-function getEnumRatingLabel(enumInstance, instanceId) {
-  return `${instanceId}_${enumInstance.toString()}`;
-}
-function CSVEnumRatingView(props) {
-  const spec = props.viewSpec;
-  const { elements } = spec;
-  const [hoveredValue, setHoveredValue] = (0, import_react.useState)(props.selectedEnum);
-  const valuesInOrder = getEnumRatingValues(props.factory, props.toOrderNumber);
-  const onHover = (hoveredIndex) => {
-    if (hoveredIndex === 0) {
-      setHoveredValue(props.selectedEnum);
-    } else {
-      setHoveredValue(valuesInOrder[hoveredIndex]);
-    }
-  };
-  const itemCount = Math.max(1, Math.min(valuesInOrder.length - 1, 10));
-  (0, import_react.useEffect)(() => {
-    setHoveredValue(props.selectedEnum);
-  }, [props.selectedEnum]);
-  return /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(CSFormField, { fieldSpec: elements.rating, localiser: props.localiser, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
-      import_react_rating.Rating,
-      {
-        "data-testid": elements.rating.getDataTestId(),
-        isDisabled: props.disabled,
-        style: { maxWidth: 100 },
-        items: itemCount,
-        value: !props.disabled ? valuesInOrder.indexOf(props.selectedEnum) : 0,
-        onHoverChange: onHover,
-        onChange: (selectedIndex) => props.onChangeValue(spec.key, valuesInOrder[selectedIndex]),
-        invisibleItemLabels: valuesInOrder.slice(1).map((e) => getEnumRatingLabel(e, spec.instanceId))
-      }
-    ),
-    /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("div", { style: { textAlign: "left", paddingLeft: "5px" }, children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
-      CSBox,
-      {
-        fieldSpec: elements.boxRatingName,
-        localiser: props.localiser,
-        variant: !props.disabled ? "div" : "small",
-        children: hoveredValue !== void 0 ? props.localiser.getEnumLabel(props.factory, hoveredValue) : void 0
-      }
-    ) })
-  ] });
-}
-var CSV_NO_ITEMS_VIEW_SPEC = (ns) => ViewSpec.create("CSVNoItemsView", ns, (spec) => ({
-  boxHeading: spec.addField(new FieldSpec("boxHeading")),
-  boxBody: spec.addField(new FieldSpec("boxBody"))
-}));
-function CSVNoItemsView(props) {
-  const spec = props.viewSpec;
-  const { elements } = spec;
-  return /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("div", { "data-testid": spec.getDataTestId(), children: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_components21.Box, { textAlign: "center", color: "inherit", children: /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(import_components21.SpaceBetween, { size: "xxs", direction: "vertical", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
-      CSBox,
-      {
-        fieldSpec: elements.boxHeading,
-        localiser: props.localiser,
-        alternateNs: spec.ns,
-        variant: "strong",
-        color: "inherit",
-        children: props.headingText
-      }
-    ),
-    /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
-      CSBox,
-      {
-        fieldSpec: elements.boxBody,
-        localiser: props.localiser,
-        alternateNs: spec.ns,
-        localisationVariables: { itemType: props.localiser.getEnumLabel(props.factory, props.itemType) },
-        variant: "p",
-        color: "inherit",
-        children: props.bodyText
-      }
-    ),
-    props.bodyNode
-  ] }) }) });
-}
-var LOGGER2 = new Log("PriceUtils");
-var _PriceUtils = class _PriceUtils2 {
-};
-_PriceUtils.getFormattedPrice = (locale, price) => {
-  if (isNaN(price.priceInCents)) {
-    return "-";
-  }
-  return new Intl.NumberFormat(locale, {
-    style: "currency",
-    currency: price.currency.toString()
-  }).format(price.priceInCents / 100);
-};
-_PriceUtils.sumPrices = (prices, defaultCurrency) => {
-  if (prices.length === 0) {
-    return { priceInCents: 0, currency: defaultCurrency };
-  }
-  const currencySet = _PriceUtils.getCurrenciesFromPrices(prices);
-  if (currencySet.size > 1) {
-    LOGGER2.warn("Different currencies found in price array to be summed - the final price is incorrect!", currencySet);
-  }
-  const summedPrice = prices.map((pr) => pr.priceInCents).reduce((sum, current) => sum + current);
-  return { priceInCents: summedPrice, currency: prices[0].currency };
-};
-_PriceUtils.getCurrenciesFromPrices = (prices) => {
-  const currencySet = /* @__PURE__ */ new Set();
-  prices.forEach((pr) => currencySet.add(pr.currency));
-  return currencySet;
-};
-_PriceUtils.getPriceValidityLevel = (spec, value) => {
-  const centsValidity = spec.elements.inputPrice.getValueValidityLevel(value.priceInCents);
-  if (centsValidity !== "VALID") {
-    return centsValidity;
-  }
-  return spec.elements.selectCurrency.getValueValidityLevel(value.currency);
-};
-_PriceUtils.parseFormattedPrice = (locale, formattedPrice, currency) => {
-  const thousandSeparator = Intl.NumberFormat(locale).format(11111).replace(/\p{Number}/gu, "");
-  const decimalSeparator = Intl.NumberFormat(locale).format(1.1).replace(/\p{Number}/gu, "");
-  const sanitizedPrice = formattedPrice.replace(new RegExp("\\" + thousandSeparator, "g"), "").replace(new RegExp("\\" + decimalSeparator), ".").replace(new RegExp("[^0-9.]", "g"), "").trim();
-  const parsedPriceCents = Math.round(100 * parseFloat(sanitizedPrice));
-  return { priceInCents: parsedPriceCents, currency };
-};
-_PriceUtils.parseFormattedPriceWithCurrency = (locale, formattedPrice, currencySymbolMapping) => {
-  const thousandSeparator = Intl.NumberFormat(locale).format(11111).replace(/\p{Number}/gu, "");
-  const decimalSeparator = Intl.NumberFormat(locale).format(1.1).replace(/\p{Number}/gu, "");
-  const sanitizedPrice = formattedPrice.replace(new RegExp("\\" + thousandSeparator, "g"), "").replace(new RegExp("\\" + decimalSeparator), ".").replace(new RegExp("[^0-9.]", "g"), "").trim();
-  const parsedPriceCents = Math.round(100 * parseFloat(sanitizedPrice));
-  const supportedCurrencies = Object.keys(currencySymbolMapping);
-  const currencySymbolsFound = supportedCurrencies.filter((symbol) => formattedPrice.includes(symbol));
-  if (currencySymbolsFound.length > 1) {
-    throw new Error(`Multiple currency symbols found in formatter price string ${formattedPrice}, here are the supported currencies: ${supportedCurrencies}`);
-  }
-  return {
-    priceInCents: parsedPriceCents,
-    currency: currencySymbolMapping[currencySymbolsFound[0]]
-  };
-};
-var PriceUtils = _PriceUtils;
-var CSV_PRICE_INPUT_VIEW_SPEC = (parent, key) => ViewSpec.create(key, parent.ns, (spec) => ({
-  inputPrice: spec.addField(new FieldSpec("inputPrice", true, void 0, 0)),
-  selectCurrency: spec.addField(new FieldSpec("currency", true)),
-  boxPriceDisplay: spec.addField(new FieldSpec("boxPriceDisplay"))
-}), key, parent, PriceUtils.getPriceValidityLevel);
-function CSVPriceInputView(props) {
-  const spec = props.viewSpec;
-  const { elements } = spec;
-  const priceInCents = props.value ? props.value.priceInCents : 0;
-  const currency = props.value ? props.value.currency : props.defaultCurrency;
-  return /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(
-    import_components22.Grid,
-    {
-      gridDefinition: [{ colspan: 4 }, { colspan: { default: 4, xxs: 3 } }, { colspan: { default: 4, xxs: 5 } }],
-      disableGutters: true,
-      children: [
-        /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
-          CSNumericInput,
-          {
-            fieldSpec: elements.inputPrice,
-            value: priceInCents / 100,
-            step: 0.01,
-            disabled: props.disabled,
-            localiser: props.localiser,
-            onChangeValue: (propertyName, changedValue) => props.onChange(props.viewSpec.key, {
-              priceInCents: parseFloat(changedValue) * 100,
-              currency
-            })
-          }
-        ),
-        /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("div", { style: { paddingLeft: "8px" }, children: /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
-          CSEnumSelect,
-          {
-            fieldSpec: elements.selectCurrency,
-            localiser: props.localiser,
-            factory: props.currencyFactory,
-            selectedEnum: currency,
-            disabled: props.disabled,
-            onChangeValue: (propertyName, changedValue) => props.onChange(props.viewSpec.key, {
-              priceInCents,
-              currency: changedValue
-            }),
-            expandToViewport: props.expandToViewport
-          }
-        ) }),
-        /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("div", { style: { paddingTop: "30px", paddingLeft: "8px" }, children: /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
-          CSBox,
-          {
-            fieldSpec: elements.boxPriceDisplay,
-            localiser: props.localiser,
-            fontSize: "heading-s",
-            fontWeight: "heavy",
-            variant: "awsui-key-label",
-            children: PriceUtils.getFormattedPrice(props.localiser.language(), { priceInCents, currency })
-          }
-        ) })
-      ]
-    }
-  );
-}
-var CSV_SEARCH_FILTER_VIEW_SPEC = (parent, key) => ViewSpec.create(key, parent.ns, (spec) => ({
-  inputSearch: spec.addField(new FieldSpec("inputSearch")),
-  buttonSearch: spec.addField(new FieldSpec("buttonSearch"))
-}), void 0, parent);
-function CSVSearchFilterView(props) {
-  const spec = props.viewSpec;
-  const { elements } = spec;
-  return /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)(import_components23.SpaceBetween, { size: "s", direction: "horizontal", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("div", { style: { minWidth: "320px" }, children: props.inputSearch === void 0 || typeof props.inputSearch === "string" ? /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
-      CSInput,
-      {
-        fieldSpec: elements.inputSearch,
-        localiser: props.localiser,
-        autoFocus: true,
-        placeholder: props.inputSearch,
-        onChangeValue: props.onChangeValue,
-        value: props.searchString,
-        type: "search"
-      }
-    ) : props.inputSearch }),
-    props.buttonSearch === void 0 || typeof props.buttonSearch === "string" ? /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
-      CSButton,
-      {
-        fieldSpec: elements.buttonSearch,
-        localiser: props.localiser,
-        variant: "primary",
-        iconName: "search",
-        onClick: props.onConfirmSearch,
-        formAction: "submit",
-        loading: props.loading,
-        disabled: props.searchDisabled,
-        children: props.buttonSearch
-      }
-    ) : props.buttonSearch
-  ] });
-}
-var CSV_TEXT_PROMPT_MODAL_VIEW_SPEC = (parent, key) => ViewSpec.create(key, parent.ns, (spec) => ({
-  headerHeading: spec.addField(new FieldSpec("headerHeading")),
-  boxBodyText: spec.addField(new FieldSpec("boxBodyText")),
-  buttonPrimary: spec.addField(new FieldSpec("buttonPrimary")),
-  buttonSecondary: spec.addField(new FieldSpec("buttonSecondary"))
-}), void 0, parent);
-function CSVTextPromptModalView(props) {
-  const spec = props.viewSpec;
-  const { elements } = spec;
-  const secondaryAction = props.onSecondaryAction ? props.buttonSecondary === void 0 || typeof props.buttonSecondary === "string" ? /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
-    CSButton,
-    {
-      fieldSpec: elements.buttonSecondary,
-      localiser: props.localiser,
-      variant: "normal",
-      onClick: props.onSecondaryAction,
-      children: props.buttonSecondary
-    }
-  ) : props.buttonSecondary : /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(import_jsx_runtime29.Fragment, {});
-  return /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
-    import_components24.Modal,
-    {
-      "data-testid": props.viewSpec.getDataTestId(),
-      onDismiss: props.onDismiss,
-      visible: props.visible,
-      header: props.headerHeading === void 0 || typeof props.headerHeading === "string" ? /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
-        CSHeader,
-        {
-          fieldSpec: elements.headerHeading,
-          localiser: props.localiser,
-          children: props.headerHeading
-        }
-      ) : props.headerHeading,
-      footer: /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(import_components24.Box, { float: "right", children: /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)(import_components24.SpaceBetween, { direction: "horizontal", size: "l", children: [
-        props.buttonPrimary === void 0 || typeof props.buttonPrimary === "string" ? /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
-          CSButton,
-          {
-            fieldSpec: elements.buttonPrimary,
-            localiser: props.localiser,
-            variant: "primary",
-            onClick: props.onPrimaryAction,
-            children: props.buttonPrimary
-          }
-        ) : props.buttonPrimary,
-        secondaryAction
-      ] }) }),
-      children: props.boxBodyText === void 0 || typeof props.boxBodyText === "string" ? /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(CSBox, { fieldSpec: elements.boxBodyText, localiser: props.localiser, children: props.boxBodyText }) : props.boxBodyText
-    }
-  );
-}
-var ControllerState = /* @__PURE__ */ ((ControllerState2) => {
-  ControllerState2[ControllerState2["UNMOUNTED"] = 0] = "UNMOUNTED";
-  ControllerState2[ControllerState2["INITIALIZING"] = 1] = "INITIALIZING";
-  ControllerState2[ControllerState2["NORMAL"] = 2] = "NORMAL";
-  ControllerState2[ControllerState2["FATAL_ERROR"] = 3] = "FATAL_ERROR";
-  return ControllerState2;
-})(ControllerState || {});
-var DateUtils = class _DateUtils {
-  static dateAsString(date) {
-    const dd = String(date.getDate()).padStart(2, "0");
-    const mm = String(date.getMonth() + 1).padStart(2, "0");
-    const yyyy = date.getFullYear();
-    return yyyy + "-" + mm + "-" + dd;
-  }
-  static dateAsDateTimeString(date, language) {
-    return date.toLocaleDateString(language) + " " + date.toLocaleTimeString(language);
-  }
-  static nextSundayAt(hour, minute, second) {
-    const today = /* @__PURE__ */ new Date();
-    const addDays = 7 - today.getDay();
-    const nextSunday = new Date(today.getTime() + addDays * 24 * 60 * 60 * 1e3);
-    nextSunday.setHours(hour, minute, second, 0);
-    return nextSunday;
-  }
-  static getCurrentUserTimezone() {
-    return Intl.DateTimeFormat().resolvedOptions().timeZone;
-  }
-  static dateTimeAsUTCISO8601String(date) {
-    const hh = String(date.getHours()).padStart(2, "0");
-    const MM = String(date.getMinutes()).padStart(2, "0");
-    const ss = String(date.getSeconds()).padStart(2, "0");
-    return _DateUtils.dateAsString(date) + "T" + hh + ":" + MM + ":" + ss + "Z";
-  }
-  static currentDateTimeAsUTCISO8601String() {
-    const now3 = /* @__PURE__ */ new Date();
-    return _DateUtils.dateTimeAsUTCISO8601String(now3);
-  }
-  static currentDateAsISO8601String() {
-    const now3 = /* @__PURE__ */ new Date();
-    return _DateUtils.dateAsString(now3);
-  }
-  static toFormattedLocalizedDate(locale, inputInUTCISO8601, timezone) {
-    if (inputInUTCISO8601 === void 0 || inputInUTCISO8601 === null) {
-      return "";
-    }
-    return new Intl.DateTimeFormat(locale, {
-      year: "numeric",
-      month: "2-digit",
-      day: "2-digit",
-      hour: "2-digit",
-      minute: "2-digit",
-      second: "2-digit",
-      hour12: false,
-      timeZone: timezone
-    }).format(new Date(inputInUTCISO8601));
-  }
-};
-var FieldProperties = class {
-  constructor(key, required, maxLength, minValue, maxValue) {
-    this.key = key;
-    this.required = required;
-    this.maxLength = maxLength;
-    this.minValue = minValue;
-    this.maxValue = maxValue;
-  }
-};
-function FixedWidth(props) {
-  return /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("div", { style: { minWidth: props.minWidth, maxWidth: props.maxWidth }, children: props.children });
-}
-var ITEM_SEP = ",";
-var LocalStorageService = class {
-  static getItemStringArrayWithDefault(key, defaultValue) {
-    const result = this.safeGetItem(key);
-    if (result === null) {
-      return defaultValue;
-    }
-    return result.split(ITEM_SEP);
-  }
-  static getItemEnumArrayWithDefault(enumClass, key, defaultValue) {
-    const enumConstantsAsStrings = this.getItemStringArrayWithDefault(key, defaultValue.map((s2) => s2.toString()));
-    const keys2 = Object.keys(enumClass);
-    const values = Object.values(enumClass);
-    const dict = {};
-    for (let index2 = 0; index2 < keys2.length; index2++) {
-      dict[values[index2]] = keys2[index2];
-    }
-    return enumConstantsAsStrings.map((val) => dict[val]);
-  }
-  static setItemEnumArray(key, value) {
-    this.setItemStringArray(key, value.map((e) => e.toString()));
-  }
-  static setItemStringArray(key, value) {
-    this.safeSetItem(key, value.join(","));
-  }
-  static getItemWithDefault(key, defaultValue) {
-    const result = this.safeGetItem(key);
-    if (result === null) {
-      return defaultValue;
-    }
-    return result;
-  }
-  static setItem(key, value) {
-    return this.safeSetItem(key, value);
-  }
-  static clear() {
-    window.localStorage.clear();
-  }
-  static setObject(key, value) {
-    return this.safeSetItem(key, JSON.stringify(value));
-  }
-  static getObjectWithDefault(key, defaultValue) {
-    const result = this.safeGetItem(key);
-    if (result === null) {
-      return defaultValue;
-    }
-    return JSON.parse(result);
-  }
-  static safeGetItem(key) {
-    try {
-      return localStorage.getItem(key);
-    } catch (error) {
-      console.log(`WARNING: could not get item with key ${key} from local storage due to exception: ${error}`);
-      return null;
-    }
-  }
-  static safeSetItem(key, value) {
-    try {
-      return localStorage.setItem(key, value);
-    } catch (error) {
-      console.log(`WARNING: could not set item with key ${key} and value ${value} in local storage due to exception: ${error}`);
-      return null;
-    }
-  }
-};
-var LocalisationNamespace = class {
-  constructor(name) {
-    this.name = name;
-  }
-  /**
-   *
-   * @param parts The parts. Call this with comma-separated args, e.g. createKey(arg1, arg2, arg3) or with array using following syntax:
-   *   createKey(...[arg1, arg2, arg3]). DO NOT call it directly with an array!
-   *   This is WRONG: createKey([arg1, arg2, arg3]). It will treat the array as single arg and call toString() on it.
-   */
-  createKey(...parts) {
-    return this.name + "." + parts.join(".");
-  }
-};
-var NSK_CONTENT = "content";
-var Localiser = class {
-  constructor(translate, ns) {
-    this.translate = translate;
-    this.ns = ns;
-  }
-  getEnumLabel(factory, instance) {
-    return this.getEnumLocalisation(factory, instance).label;
-  }
-  getAllEnumLabels(factory) {
-    return factory.values.map((instance) => this.getEnumLabel(factory, instance));
-  }
-};
-var MessageSeverity = /* @__PURE__ */ ((MessageSeverity2) => {
-  MessageSeverity2["INFO"] = "INFO";
-  MessageSeverity2["WARN"] = "WARN";
-  MessageSeverity2["ERR"] = "ERR";
-  MessageSeverity2["SUCCESS"] = "SUCCESS";
-  return MessageSeverity2;
-})(MessageSeverity || {});
-var MESSAGE_SEVERITY_FACTORY = new EnumFactory("MessageSeverity", Object.values(MessageSeverity));
-var MessageCTO = class {
-};
-MessageCTO.TIMESTAMP_PROPS = new FieldProperties("timestamp", true);
-MessageCTO.DETAIL_MESSAGE_PROPS = new FieldProperties("detailMessage", true);
-MessageCTO.CORRELATION_ID_PROPS = new FieldProperties("correlationId", true);
-MessageCTO.OPERATION_PROPS = new FieldProperties("operation", true);
-var MessageCodeTO = class {
-};
-MessageCodeTO.CONTROLLER_ID_PROPS = new FieldProperties("componentId", true);
-MessageCodeTO.HTTP_STATUS_CODE_PROPS = new FieldProperties("httpStatusCode", true);
-MessageCodeTO.LOCAL_CODE_PROPS = new FieldProperties("localCode", true);
-MessageCodeTO.MESSAGE_SEVERITY_PROPS = new FieldProperties("messageSeverity", true);
-MessageCodeTO.UNIQUE_CODE_PROPS = new FieldProperties("uniqueCode", true);
-var TECHNICAL_CONTROLLER_ID = "T";
-var NO_HTTP_CODE = 0;
-var _MessageService = class _MessageService2 {
-  static getResponseTOWithMessagesFromUnknownResponse(json, op, status) {
-    const response = json !== void 0 && json !== null && json.hasOwnProperty("messages") ? json : _MessageService2.createGenericErrorMessageTO(status, op);
-    response.messages.forEach((m2) => m2.operation = op);
-    return response;
-  }
-  static getSuccessContentWithMessagesCTO(json, op) {
-    let result = { content: void 0, messages: [] };
-    if (json.hasOwnProperty("content")) {
-      result.content = json.content;
-    }
-    if (json.hasOwnProperty("messages")) {
-      result.messages = json.messages;
-    }
-    result.messages.forEach((m2) => m2.operation = op);
-    return result;
-  }
-  static createContentWithMessage(message) {
-    return {
-      messages: [message],
-      content: void 0
-    };
-  }
-};
-_MessageService.createContentWithSuccessMessage = (operation, message) => {
-  return _MessageService.createContentWithMessage(_MessageService.createMessageTO(
-    TECHNICAL_CONTROLLER_ID,
-    NO_HTTP_CODE.toString(),
-    0,
-    message,
-    operation,
-    "SUCCESS"
-    /* SUCCESS */
-  ));
-};
-_MessageService.createContentWithoutMessages = (content) => {
-  return {
-    messages: [],
-    content
-  };
-};
-_MessageService.createContentWithInfoMessage = (operation, message) => {
-  return _MessageService.createContentWithMessage(_MessageService.createMessageTO(
-    TECHNICAL_CONTROLLER_ID,
-    NO_HTTP_CODE.toString(),
-    0,
-    message,
-    operation,
-    "INFO"
-    /* INFO */
-  ));
-};
-_MessageService.createGenericErrorMessageTO = (httpStatusCode, operation) => {
-  if (_MessageService.isAPIClientCallError(httpStatusCode)) {
-    return _MessageService.createContentWithMessage(_MessageService.createMessageTO(TECHNICAL_CONTROLLER_ID, "998", httpStatusCode, "Generic API call client error", operation));
-  } else if (_MessageService.isBackendError(httpStatusCode)) {
-    return _MessageService.createContentWithMessage(_MessageService.createMessageTO(TECHNICAL_CONTROLLER_ID, "999", httpStatusCode, "Generic backend error", operation));
-  } else {
-    throw new Error("Calling this methods with any http status code outside 400-599 is not allowed.");
-  }
-};
-_MessageService.createCriticalErrorFrontendProcessingMessageTO = (operation, message) => {
-  return _MessageService.createMessageTO(TECHNICAL_CONTROLLER_ID, "997", -1, message, operation);
-};
-_MessageService.isAPIClientCallError = (httpStatusCode) => {
-  return httpStatusCode >= 400 && httpStatusCode <= 499;
-};
-_MessageService.isBackendError = (httpStatusCode) => {
-  return httpStatusCode >= 500 && httpStatusCode <= 599;
-};
-_MessageService.createMessageTO = (componentId, localCode, httpStatusCode, detailMessage, operation, severity) => {
-  const message = new MessageCTO();
-  message.code = new MessageCodeTO();
-  message.code.httpStatusCode = httpStatusCode;
-  message.code.componentId = componentId;
-  message.code.localCode = localCode;
-  message.code.uniqueCode = componentId + localCode;
-  message.code.messageSeverity = severity ? severity : "ERR";
-  message.operation = operation;
-  message.correlationId = "N/A";
-  message.timestamp = DateUtils.currentDateTimeAsUTCISO8601String();
-  message.detailMessage = detailMessage;
-  return message;
-};
-var MessageService = _MessageService;
-var QUERY_START = "?";
-var QUERY_SEP = "&";
-var QueryParamHelper = class {
-  static appendQueryParam(query, key, value) {
-    let result = query;
-    if (!query.includes(QUERY_START)) {
-      result = result + QUERY_START;
-    }
-    if (result[result.length - 1] !== QUERY_START) {
-      result = result + QUERY_SEP;
-    }
-    return result + encodeURIComponent(key) + "=" + encodeURIComponent(value);
-  }
-  static getQueryParams(queryString) {
-    const returnedParams = {};
-    if (queryString === void 0 || queryString.length === 0 || !queryString.startsWith(QUERY_START)) {
-      return returnedParams;
-    }
-    queryString = queryString.substring(1);
-    const params = queryString.split(QUERY_SEP);
-    if (params.length === 0 || params.length === 1 && params[0] === "") {
-      return returnedParams;
-    }
-    params.forEach((param) => {
-      const paramRegex = /^(?<key>.*?)=(?<value>.*?)$/;
-      const matchArray = param.match(paramRegex);
-      if (matchArray !== null && matchArray.groups) {
-        const key = decodeURIComponent(matchArray.groups["key"]);
-        returnedParams[key] = decodeURIComponent(matchArray.groups["value"]);
-      }
-    });
-    return returnedParams;
-  }
-};
-var REST_CLIENT_LOGGER = new Log("RestClient");
-function logStart(logMsg, url) {
-  REST_CLIENT_LOGGER.debug("START " + logMsg + " using URL <" + url + "> ...");
-}
-function logDone(logMsg, url) {
-  REST_CLIENT_LOGGER.debug("DONE " + logMsg + " using URL <" + url + "> .");
-}
-function logError(logMsg, url) {
-  REST_CLIENT_LOGGER.debug("ERROR: ", logMsg, ", using URL <" + url + "> .");
-}
-function createRestClient() {
-  return new RestClient("");
-}
-var RestClient = class {
-  /**
-   * Creates a new REST client.
-   * @param baseUrl base URL, so client can be called with relative URLs.
-   */
-  constructor(baseUrl) {
-    this.baseUrl = "";
-    if (baseUrl != null) {
-      this.baseUrl = baseUrl;
-    }
-  }
-  prepareFetchConfig(method, payload, header = {}) {
-    let headers = {
-      Accept: "application/json",
-      "Content-Type": "application/json",
-      ...header
-    };
-    let config2;
-    if (payload) {
-      config2 = {
-        method,
-        headers,
-        body: JSON.stringify(payload)
-      };
-    } else {
-      config2 = {
-        method,
-        headers
-      };
-    }
-    return config2;
-  }
-  /**
-   * Make a GET request on the specified endpoint
-   *
-   * @param {string} endpoint the endpoint relative to the baseUrl with a preceeding slash. e.g. '/users'.
-   * @param {string} operation the operation name for logging.
-   * @param {string} headers the HTTP headers to pass.
-   */
-  get(endpoint, operation, headers) {
-    return this.callApi("get", endpoint, null, operation, headers);
-  }
-  /**
-   * Make a PUT request on the specified endpoint
-   *
-   * @param {string} endpoint the endpoint relative to the baseUrl with a preceeding slash. e.g. '/users'.
-   * @param {object} payload the request payload as object.
-   * @param {string} operation the operation name for logging.
-   */
-  put(endpoint, payload, operation) {
-    return this.callApi("put", endpoint, payload, operation);
-  }
-  /**
-   * Make a POST request on the specified endpoint
-   *
-   * @param {string} endpoint the endpoint relative to the baseUrl with a preceeding slash. e.g. '/users'.
-   * @param {object} payload the request payload as object.
-   * @param {string} operation the operation name for logging.
-   */
-  post(endpoint, payload, operation) {
-    return this.callApi("post", endpoint, payload, operation);
-  }
-  /**
-   * Make a DELETE request on the specified endpoint
-   *
-   * @param {string} endpoint the endpoint relative to the baseUrl with a preceeding slash. e.g. '/users'.
-   * @param {object} payload the request payload as object.
-   * @param {string} operation the operation name for logging.
-   */
-  del(endpoint, payload, operation) {
-    return this.callApi("delete", endpoint, payload, operation);
-  }
-  callApi(method, endpoint = "", payload = null, operation, header) {
-    const url = `${this.baseUrl}${endpoint}`;
-    const config2 = this.prepareFetchConfig(method, payload, header);
-    const op = operation ? operation : "Unknown operation";
-    logStart(op, url);
-    REST_CLIENT_LOGGER.debug("Calling API - " + method + "," + url);
-    REST_CLIENT_LOGGER.object("Payload", payload);
-    return new Promise((resolve4, reject) => {
-      fetch(url, config2).then((response) => {
-        const contentType = response.headers.get("content-type");
-        if (contentType && contentType.indexOf("application/json") !== -1) {
-          return response.json().then((json) => ({
-            status: response.status,
-            json
-          }));
-        } else {
-          return response.text().then(() => ({
-            status: response.status,
-            json: {}
-          }));
-        }
-      }).then((result) => {
-        const { status, json } = result;
-        if (status >= 400) {
-          logError(op, url);
-          REST_CLIENT_LOGGER.error("Api call failed with response code " + status + ", response body=" + Log.toReadableObjectString(json));
-          const responseWithMessages = MessageService.getResponseTOWithMessagesFromUnknownResponse(json, op, status);
-          return reject(responseWithMessages);
-        } else {
-          logDone(op, url);
-          REST_CLIENT_LOGGER.debug("Api call successful " + status + ", response body=" + Log.toReadableObjectString(json));
-          if (json === null || json === void 0) {
-            const msg = "Invalid response body - must never be null or undefined";
-            REST_CLIENT_LOGGER.error(msg);
-            const responseWithMessages2 = {
-              content: void 0,
-              messages: [MessageService.createCriticalErrorFrontendProcessingMessageTO(op, msg)]
-            };
-            return reject(responseWithMessages2);
-          }
-          const responseWithMessages = MessageService.getSuccessContentWithMessagesCTO(json, op);
-          return resolve4(responseWithMessages);
-        }
-      }).catch((error) => {
-        const msg = "Api call failed with unknown/network error during promise processing " + error;
-        REST_CLIENT_LOGGER.error(msg);
-        const responseWithMessages = {
-          content: void 0,
-          messages: [MessageService.createCriticalErrorFrontendProcessingMessageTO(op, msg)]
-        };
-        return reject(responseWithMessages);
-      });
-    });
-  }
-};
-var RunFunctionResult = class {
-  constructor(success, messages, result, resultHistory) {
-    this.success = success;
-    this.messages = messages;
-    this.result = result;
-    this.resultHistory = resultHistory;
-  }
-};
-var fatalRunErrorFunction = (reason) => {
-  throw new Error(`Fatal error - could not handle run failure - reason: ${reason}`);
-};
-function useControllerDisplayState(initialDisplayMode, messages, logger) {
-  const [state, setState2] = (0, import_react2.useState)(
-    0
-    /* UNMOUNTED */
-  );
-  const [loadingIndication, setLoadingIndication] = (0, import_react2.useState)({});
-  const [modified, setModified] = (0, import_react2.useState)(false);
-  const [displayMode, setDisplayMode] = (0, import_react2.useState)(initialDisplayMode);
-  const [modalState, setModalState] = (0, import_react2.useState)({
-    show: (modalId, confirmFunction) => showModal(modalId, true, confirmFunction),
-    hide: (modalId) => showModal(modalId, false)
-  });
-  const { addMessages } = messages;
-  const isLoading = (0, import_react2.useCallback)((service) => {
-    return loadingIndication.hasOwnProperty(service.name) && loadingIndication[service.name] === true;
-  }, [loadingIndication]);
-  const load = (0, import_react2.useCallback)((service) => {
-    setLoadingIndication((oldIndication) => ({ ...oldIndication, [service.name]: true }));
-  }, []);
-  const doneLoading = (0, import_react2.useCallback)((service) => {
-    setLoadingIndication((oldIndication) => {
-      return { ...oldIndication, [service.name]: false };
-    });
-  }, []);
-  const enterDisplayMode = (0, import_react2.useCallback)((mode) => {
-    setDisplayMode((previousMode) => {
-      if (mode !== displayMode) {
-        logger.info("Entering display mode: ", mode);
-        return mode;
-      }
-      return previousMode;
-    });
-  }, [displayMode, logger]);
-  const showModal = (0, import_react2.useCallback)((modalId, show, confirmFunction) => {
-    if (show) {
-      setModalState((originalModalState) => {
-        if (originalModalState.modalId !== void 0) {
-          throw Error("Cannot show multiple modals at the same time");
-        }
-        return { ...originalModalState, modalId, confirmFunction };
-      });
-    } else {
-      setModalState((originalModalState) => {
-        if (originalModalState.modalId === void 0 || originalModalState.modalId !== modalId) {
-          throw Error("Cannot hide modal that isn't currently shown");
-        }
-        return { ...originalModalState, modalId: void 0, confirmFunction: void 0 };
-      });
-    }
-  }, []);
-  const run = (0, import_react2.useCallback)(function(service, execute, failureIsFatal, resultHistory) {
-    load(service);
-    return execute().then((result) => {
-      addMessages(result);
-      return Promise.resolve(new RunFunctionResult(
-        true,
-        result.messages,
-        result.content,
-        resultHistory
-      ));
-    }).catch((error) => {
-      if (failureIsFatal) {
-        setState2(
-          3
-          /* FATAL_ERROR */
-        );
-      }
-      addMessages(error);
-      return Promise.resolve(new RunFunctionResult(false, error.messages, void 0, resultHistory));
-    }).finally(() => doneLoading(service));
-  }, [addMessages, doneLoading, load]);
-  return {
-    state,
-    setState: setState2,
-    setDirty: (0, import_react2.useCallback)(setModified, [setModified]),
-    isDirty: () => modified,
-    isLoading,
-    displayMode,
-    enterDisplayMode,
-    modalState,
-    run
-  };
-}
-var indexRangeArray = (length) => {
-  return Array.from({ length }, (x, i) => i);
-};
-function filterArrayByIndices(items, indices) {
-  return items.filter((value, index2) => indices.includes(index2));
-}
-function sortArrayByIndices(items, indices) {
-  return items.filter((value, index2) => indices.includes(index2)).sort((left, right) => indices.indexOf(items.indexOf(left)) - indices.indexOf(items.indexOf(right)));
-}
-var sleep = (delaySeconds) => new Promise((resolve4) => setTimeout(resolve4, delaySeconds));
-function isContentWithMessages(object2) {
-  return object2.hasOwnProperty("messages");
-}
-var ArrayStateHandler = class {
-  static updateFieldsOfArrayElement(elementToUpdate, currentArrayContent, properties, onChangedArrayElement) {
-    const newArrayValue = [...currentArrayContent];
-    const affectedElementIndex = newArrayValue.indexOf(elementToUpdate);
-    newArrayValue[affectedElementIndex] = { ...elementToUpdate, ...properties };
-    if (onChangedArrayElement) {
-      onChangedArrayElement([newArrayValue[affectedElementIndex]], newArrayValue);
-    }
-    return newArrayValue;
-  }
-  static removeArrayElements(elementsToRemove, currentArrayContent, onRemovedArrayElement) {
-    const newArrayValue = [...currentArrayContent.filter((element) => elementsToRemove.indexOf(element) === -1)];
-    if (onRemovedArrayElement) {
-      onRemovedArrayElement(elementsToRemove, newArrayValue);
-    }
-    return newArrayValue;
-  }
-  static addArrayElements(elementsToAdd, currentArrayContent, onAddedArrayElements) {
-    const newArrayValue = [...currentArrayContent, ...elementsToAdd];
-    if (onAddedArrayElements) {
-      onAddedArrayElements(elementsToAdd, newArrayValue);
-    }
-    return newArrayValue;
-  }
-};
-function useTOChangeHandler(logger, toName, setTOState, notifications, setDirty) {
-  const onPropertyChangeMulti = (0, import_react3.useCallback)((properties, automaticChange) => {
-    logger.debug(`Changing state of the ${toName} Elements ${Object.keys(properties)} for affected element, using change object:`, JSON.stringify(properties));
-    setTOState((previousValue) => {
-      const newValue = { ...previousValue, ...properties };
-      if (notifications && notifications.onChange) {
-        for (const propertyName of Object.keys(properties)) {
-          const changedValue = properties[propertyName];
-          notifications.onChange(newValue, propertyName, changedValue);
-        }
-      }
-      if (previousValue !== void 0 && setDirty !== void 0 && !automaticChange) {
-        setDirty(true);
-      }
-      return newValue;
-    });
-  }, [logger, notifications, setDirty, setTOState, toName]);
-  const onPropertyChange = (0, import_react3.useCallback)((propertyName, changedValue, automaticChange) => {
-    onPropertyChangeMulti({ [propertyName]: changedValue }, automaticChange);
-  }, [onPropertyChangeMulti]);
-  return { onPropertyChange, onPropertyChangeMulti };
-}
-var singleChangeHandlerToMulti = (onPropertyChangeMulti) => {
-  return (propertyName, changedValue) => onPropertyChangeMulti({ [propertyName]: changedValue });
-};
-function useTOArrayChangeHandler(logger, toName, setArrayState, handlers, setDirty) {
-  const onChangeElement = (0, import_react3.useCallback)((element, properties) => {
-    if (element !== void 0) {
-      logger.debug(`Changing state of the ${toName} Elements ${Object.keys(properties)} for affected element, using change object:`, JSON.stringify(properties));
-      setArrayState((previousValue) => ArrayStateHandler.updateFieldsOfArrayElement(
-        element,
-        previousValue,
-        properties,
-        handlers.onChange
-      ));
-      if (setDirty !== void 0) {
-        setDirty(true);
-      }
-    }
-  }, [logger, toName, setArrayState, setDirty, handlers.onChange]);
-  const onRemoveElements = (0, import_react3.useCallback)((removedElements) => {
-    if (removedElements.length > 0) {
-      logger.debug(`Removing ${removedElements.length} elements from array`);
-      setArrayState((previousValue) => ArrayStateHandler.removeArrayElements(
-        removedElements,
-        previousValue,
-        handlers.onRemove
-      ));
-      if (setDirty !== void 0) {
-        setDirty(true);
-      }
-    }
-  }, [logger, setArrayState, setDirty, handlers.onRemove]);
-  const onAddElements = (0, import_react3.useCallback)((newElements) => {
-    if (newElements.length === 0) {
-      logger.debug(`Adding no new elements to array`);
-    } else {
-      logger.debug(`Adding ${newElements.length} elements to array`);
-      setArrayState((previousValue) => ArrayStateHandler.addArrayElements(
-        newElements,
-        previousValue,
-        handlers.onAdd
-      ));
-      if (setDirty !== void 0) {
-        setDirty(true);
-      }
-    }
-  }, [logger, setArrayState, setDirty, handlers.onAdd]);
-  return { onChangeElement, onRemoveElements, onAddElements };
-}
-function useAWSUIRef() {
-  const customRef = (0, import_react4.useRef)(null);
-  const isValidRef = () => {
-    return customRef !== void 0 && customRef !== null && customRef.current !== void 0 && customRef.current !== null;
-  };
-  const focus = (0, import_react4.useCallback)(() => {
-    if (isValidRef() && customRef.current.focus) {
-      customRef.current.focus();
-    }
-  }, [customRef]);
-  const scrollToView = (0, import_react4.useCallback)(() => {
-    if (isValidRef() && customRef.current.scrollIntoView) {
-      customRef.current.scrollIntoView(true);
-    }
-  }, [customRef]);
-  const scrollToViewRef = (0, import_react4.useCallback)((element) => {
-    if (element !== void 0 && element !== null && element.scrollIntoView) {
-      element.scrollIntoView({ block: "nearest", behavior: "smooth" });
-    }
-  }, []);
-  return {
-    customRef,
-    focus,
-    scrollToView,
-    scrollToViewRef
-  };
-}
-var useHotkey = (key, shift, ctrl, alt, callback, node = null) => {
-  const callbackRef = (0, import_react5.useRef)(callback);
-  (0, import_react5.useLayoutEffect)(() => {
-    callbackRef.current = callback;
-  });
-  const handleKeyPress = (0, import_react5.useCallback)(
-    (event) => {
-      if (event.key === key && (!shift || event.shiftKey) && (!ctrl || event.ctrlKey) && (!alt || event.altKey)) {
-        callbackRef.current(event);
-      }
-    },
-    [alt, ctrl, key, shift]
-  );
-  (0, import_react5.useEffect)(() => {
-    const targetNode = node != null ? node : document;
-    targetNode && targetNode.addEventListener("keydown", handleKeyPress);
-    return () => targetNode && targetNode.removeEventListener("keydown", handleKeyPress);
-  }, [handleKeyPress, node]);
-};
-function useMessages(LOGGER32) {
-  const [messages, setMessages] = (0, import_react6.useState)([]);
-  const onDismissMessage = (0, import_react6.useCallback)((message) => {
-    const newMessages = messages.filter((existingMsg) => message !== existingMsg);
-    setMessages(newMessages);
-  }, [messages]);
-  const onToggleMessageDetail = (0, import_react6.useCallback)((message) => {
-    const idx = messages.indexOf(message);
-    const newMessages = [...messages];
-    newMessages[idx].showDetails = !newMessages[idx].showDetails;
-    setMessages(newMessages);
-  }, [messages]);
-  const addMessages = (0, import_react6.useCallback)((newMessages) => {
-    if (!newMessages.hasOwnProperty("messages")) {
-      LOGGER32.error("Given response data structure does not contain messages - probably another runtime error occurred: ", newMessages);
-      if (newMessages.hasOwnProperty("stack")) {
-        LOGGER32.error("Stack trace: ", newMessages.stack);
-      }
-    } else {
-      const addedMessages = newMessages.messages.map((msg) => {
-        return { ...msg, showDetails: false };
-      });
-      addedMessages.forEach((msg) => LOGGER32.info(`New message = <${msg.detailMessage}`));
-      setMessages((oldMessages) => [...oldMessages, ...addedMessages]);
-    }
-  }, [LOGGER32]);
-  const clearMessages = (0, import_react6.useCallback)(() => {
-    setMessages([]);
-  }, []);
-  return {
-    messages,
-    addMessages,
-    onDismissMessage,
-    onToggleMessageDetail,
-    clearMessages
-  };
-}
-
 // src/components/AbstractComponentTesting.ts
+var import_cswrapper = require("@ebertjendustries/cswrapper");
 var AbstractComponentTesting = class _AbstractComponentTesting {
   constructor(elementSpec, view, findFunction) {
     this.elementSpec = elementSpec;
@@ -20651,7 +18702,7 @@ var AbstractComponentTesting = class _AbstractComponentTesting {
     }
   }
   awaitElement() {
-    return import_react7.screen.findByTestId(this.elementSpec.getDataTestId());
+    return import_react.screen.findByTestId(this.elementSpec.getDataTestId());
   }
   async awaitPresent() {
     globalExpect(await this.awaitElement()).toBeInTheDocument();
@@ -20669,7 +18720,7 @@ var AbstractComponentTesting = class _AbstractComponentTesting {
     _AbstractComponentTesting.expectDisabled(this.getElement(), this.msgForExpect());
   }
   click() {
-    (0, import_react8.act)(() => {
+    (0, import_react2.act)(() => {
       const element = this.assertElement(this.elementSpec.getDataTestId(), (dataTestId) => _AbstractComponentTesting.doFindElement(dataTestId, this.findFunction));
       element.click();
     });
@@ -20691,10 +18742,10 @@ var AbstractComponentTesting = class _AbstractComponentTesting {
     globalExpect(this.getElement(), this.msgForExpect()).toHaveTextContent(text);
   }
   async awaitNotPresent() {
-    await (0, import_react7.waitForElementToBeRemoved)(() => this.queryElement());
+    await (0, import_react.waitForElementToBeRemoved)(() => this.queryElement());
   }
   getFormFieldWrapper() {
-    return _AbstractComponentTesting.doFindElement(this.elementSpec.getDataTestId() + FORM_FIELD_ID_SUFFIX, (dataTestId) => (0, import_dom.default)().findFormField(dataTestId));
+    return _AbstractComponentTesting.doFindElement(this.elementSpec.getDataTestId() + import_cswrapper.FORM_FIELD_ID_SUFFIX, (dataTestId) => (0, import_dom.default)().findFormField(dataTestId));
   }
   assertElement(dataTestId, getterFunction) {
     const element = getterFunction(dataTestId);
@@ -20717,7 +18768,9 @@ var AbstractComponentTesting = class _AbstractComponentTesting {
 };
 
 // src/components/AbstractInputTesting.ts
-var import_react9 = require("@testing-library/react");
+var import_react3 = require("@testing-library/react");
+var import_cswrapper2 = require("@ebertjendustries/cswrapper");
+var import_cswrapper3 = require("@ebertjendustries/cswrapper");
 var AbstractInputTesting = class extends AbstractComponentTesting {
   clear() {
     this.setStringValue("");
@@ -20727,12 +18780,12 @@ var AbstractInputTesting = class extends AbstractComponentTesting {
     this.setStringValue(inputValue);
     const localiser = this.view.getLocaliser();
     const fieldValidityFunction = localiser.getFieldValidityLocalisationFunction();
-    await this.expectErrorMessage(fieldValidityFunction(this.elementSpec, ElementValidityLevel.MAX_LENGTH_EXCEEDED));
+    await this.expectErrorMessage(fieldValidityFunction(this.elementSpec, import_cswrapper2.ElementValidityLevel.MAX_LENGTH_EXCEEDED));
   }
   async awaitMandatoryMissing() {
     const localiser = this.view.getLocaliser();
     const fieldValidityFunction = localiser.getFieldValidityLocalisationFunction();
-    await this.expectErrorMessage(fieldValidityFunction(new FieldSpec("", true), ElementValidityLevel.REQUIRED_VALUE_IS_NOT_PRESENT));
+    await this.expectErrorMessage(fieldValidityFunction(new import_cswrapper3.FieldSpec("", true), import_cswrapper2.ElementValidityLevel.REQUIRED_VALUE_IS_NOT_PRESENT));
   }
   expectEmpty() {
     globalExpect(this.getNativeHTMLInput()).toHaveValue(null);
@@ -20748,14 +18801,14 @@ var AbstractInputTesting = class extends AbstractComponentTesting {
     globalExpect(this.getNativeHTMLInput()).toBeDisabled();
   }
   async expectErrorMessage(message) {
-    await (0, import_react9.waitFor)(() => globalExpect(this.getFormFieldWrapper().findError()).not.toBeNull());
+    await (0, import_react3.waitFor)(() => globalExpect(this.getFormFieldWrapper().findError()).not.toBeNull());
     globalExpect(this.getFormFieldWrapper().findError().getElement()).toHaveTextContent(message);
   }
 };
 
 // src/components/AbstractSelectTesting.ts
-var import_react10 = require("@testing-library/react");
-var import_react11 = require("react");
+var import_react4 = require("@testing-library/react");
+var import_react5 = require("react");
 var AbstractSelectTesting = class extends AbstractComponentTesting {
   constructor(fieldSpec, view, findFunction, expandToViewport) {
     super(fieldSpec, view, findFunction);
@@ -20823,7 +18876,7 @@ var AbstractSelectTesting = class extends AbstractComponentTesting {
     const selectWrapper = await this.openDropdown();
     for (let index2 = 0; index2 < sortedIndices.length; index2++) {
       const clickedIndex = sortedIndices[index2];
-      (0, import_react11.act)(() => selectWrapper.selectOption(clickedIndex + 1, this.getOptions()));
+      (0, import_react5.act)(() => selectWrapper.selectOption(clickedIndex + 1, this.getOptions()));
     }
     await this.closeDropdown(selectWrapper);
   }
@@ -20852,14 +18905,14 @@ var AbstractSelectTesting = class extends AbstractComponentTesting {
   }
   async openDropdown() {
     const selectWrapper = this.getElementWrapper();
-    (0, import_react11.act)(() => selectWrapper.openDropdown());
-    await (0, import_react10.waitFor)(() => globalExpect(this.getDropdown(selectWrapper).findOptions().length, this.msgForExpect()).toBeGreaterThan(0));
+    (0, import_react5.act)(() => selectWrapper.openDropdown());
+    await (0, import_react4.waitFor)(() => globalExpect(this.getDropdown(selectWrapper).findOptions().length, this.msgForExpect()).toBeGreaterThan(0));
     return selectWrapper;
   }
   async closeDropdown(selectWrapper) {
-    (0, import_react11.act)(() => selectWrapper.closeDropdown(this.getOptions()));
+    (0, import_react5.act)(() => selectWrapper.closeDropdown(this.getOptions()));
     if (!this.expandToViewport) {
-      await (0, import_react10.waitFor)(() => globalExpect(this.getDropdown(selectWrapper).findOptions().length, this.msgForExpect()).toBe(0));
+      await (0, import_react4.waitFor)(() => globalExpect(this.getDropdown(selectWrapper).findOptions().length, this.msgForExpect()).toBe(0));
     }
   }
   async awaitHasSelectedEntryCount(selectedEntryCount, totalEntryCount) {
@@ -20885,6 +18938,9 @@ var AbstractSelectTesting = class extends AbstractComponentTesting {
   }
 };
 
+// src/views/AbstractViewTesting.tsx
+var import_cswrapper6 = require("@ebertjendustries/cswrapper");
+
 // src/components/MultiselectTesting.ts
 var import_dom2 = __toESM(require("@cloudscape-design/components/test-utils/dom"));
 var MultiselectTesting = class extends AbstractSelectTesting {
@@ -20911,14 +18967,15 @@ var SelectTesting = class extends AbstractSelectTesting {
 
 // src/components/InputTesting.ts
 var import_dom4 = __toESM(require("@cloudscape-design/components/test-utils/dom"));
-var import_react12 = require("react");
+var import_react6 = require("react");
+var import_cswrapper4 = require("@ebertjendustries/cswrapper");
 var StringInputTesting = class extends AbstractInputTesting {
   constructor(fieldSpec, view) {
     super(fieldSpec, view, (selector) => (0, import_dom4.default)().findInput(selector));
     this.view = view;
   }
   setStringValue(value) {
-    (0, import_react12.act)(() => {
+    (0, import_react6.act)(() => {
       this.getElementWrapper().setInputValue(value === void 0 ? "" : value);
     });
   }
@@ -20935,7 +18992,7 @@ var NumberInputTesting = class extends AbstractInputTesting {
     this.view = view;
   }
   setStringValue(value) {
-    (0, import_react12.act)(() => {
+    (0, import_react6.act)(() => {
       if (typeof value === "number") {
         this.getElementWrapper().setInputValue(value.toString());
       } else {
@@ -20948,7 +19005,7 @@ var NumberInputTesting = class extends AbstractInputTesting {
     this.setStringValue(inputValue.toString());
     const localiser = this.view.getLocaliser();
     const fieldValidityFunction = localiser.getFieldValidityLocalisationFunction();
-    await this.expectErrorMessage(fieldValidityFunction(this.elementSpec, ElementValidityLevel.LOWER_BOUND_ONLY_TOO_SMALL));
+    await this.expectErrorMessage(fieldValidityFunction(this.elementSpec, import_cswrapper4.ElementValidityLevel.LOWER_BOUND_ONLY_TOO_SMALL));
   }
   expectValue(value) {
     globalExpect(this.getNativeHTMLInput()).toHaveValue(value === void 0 ? null : value);
@@ -20963,7 +19020,7 @@ var DatePickerTesting = class extends AbstractInputTesting {
     this.view = view;
   }
   setStringValue(value) {
-    (0, import_react12.act)(() => {
+    (0, import_react6.act)(() => {
       this.getElementWrapper().setInputValue(value === void 0 ? "" : value.replaceAll("-", "/"));
     });
   }
@@ -20981,8 +19038,8 @@ var DatePickerTesting = class extends AbstractInputTesting {
 
 // src/components/TableTesting.ts
 var import_dom5 = __toESM(require("@cloudscape-design/components/test-utils/dom"));
-var import_react13 = require("@testing-library/react");
-var import_react14 = require("react");
+var import_react7 = require("@testing-library/react");
+var import_react8 = require("react");
 var TableTesting = class extends AbstractComponentTesting {
   constructor(fieldSpec, view) {
     super(fieldSpec, view, (selector) => (0, import_dom5.default)().findTable(selector));
@@ -20996,7 +19053,7 @@ var TableTesting = class extends AbstractComponentTesting {
     return this.getElementWrapper().findRows().length;
   }
   selectAllItems() {
-    (0, import_react14.act)(() => this.getElementWrapper().findSelectAllTrigger().click());
+    (0, import_react8.act)(() => this.getElementWrapper().findSelectAllTrigger().click());
   }
   expectSelectedItems(selectedRowIndices) {
     const allItems = this.getElementWrapper().findRows();
@@ -21022,7 +19079,7 @@ var TableTesting = class extends AbstractComponentTesting {
     for (let i = 0; i < clickedRowIndices.length; i++) {
       const clickedIndex = clickedRowIndices[i];
       const selectionArea = this.assertElement((clickedIndex + 1).toString(), () => this.getElementWrapper().findRowSelectionArea(clickedIndex + 1));
-      (0, import_react14.act)(() => {
+      (0, import_react8.act)(() => {
         selectionArea.click();
       });
     }
@@ -21062,15 +19119,15 @@ var TableTesting = class extends AbstractComponentTesting {
     }
   }
   async awaitLoading() {
-    await (0, import_react13.waitFor)(() => globalExpect(this.getElementWrapper().findLoadingText()).not.toBeNull());
+    await (0, import_react7.waitFor)(() => globalExpect(this.getElementWrapper().findLoadingText()).not.toBeNull());
   }
   async awaitNotLoading() {
-    await (0, import_react13.waitFor)(() => globalExpect(this.getElementWrapper().findLoadingText()).toBeNull());
+    await (0, import_react7.waitFor)(() => globalExpect(this.getElementWrapper().findLoadingText()).toBeNull());
   }
   changeColumnSorting(columnHeader) {
     const column = this.getElementWrapper().findColumnHeaders().findIndex((header) => header.getElement().textContent === columnHeader);
     const sortButton = this.getElementWrapper().findColumnSortingArea(column + 1);
-    (0, import_react14.act)(() => sortButton.click());
+    (0, import_react8.act)(() => sortButton.click());
   }
   expectSortedBy(columnHeader, desc) {
     const descSorted = this.getElementWrapper().findDescSortedColumn();
@@ -21084,58 +19141,58 @@ var TableTesting = class extends AbstractComponentTesting {
     }
   }
   async editCell(rowIndex, colIndex, editSteps, findLeaveButton) {
-    await (0, import_react13.waitFor)(() => globalExpect(this.getElementWrapper().findEditCellButton(rowIndex + 1, colIndex + 1)).not.toBeNull());
-    (0, import_react14.act)(() => this.getElementWrapper().findEditCellButton(rowIndex + 1, colIndex + 1).click());
-    await (0, import_react13.waitFor)(() => globalExpect(findLeaveButton()).not.toBeNull());
+    await (0, import_react7.waitFor)(() => globalExpect(this.getElementWrapper().findEditCellButton(rowIndex + 1, colIndex + 1)).not.toBeNull());
+    (0, import_react8.act)(() => this.getElementWrapper().findEditCellButton(rowIndex + 1, colIndex + 1).click());
+    await (0, import_react7.waitFor)(() => globalExpect(findLeaveButton()).not.toBeNull());
     await editSteps();
-    (0, import_react14.act)(() => findLeaveButton().click());
-    await (0, import_react13.waitFor)(() => globalExpect(this.getElementWrapper().findEditCellButton(rowIndex + 1, colIndex + 1)).not.toBeNull());
+    (0, import_react8.act)(() => findLeaveButton().click());
+    await (0, import_react7.waitFor)(() => globalExpect(this.getElementWrapper().findEditCellButton(rowIndex + 1, colIndex + 1)).not.toBeNull());
   }
 };
 
 // src/components/WizardTesting.ts
 var import_dom6 = __toESM(require("@cloudscape-design/components/test-utils/dom"));
-var import_react15 = require("react");
+var import_react9 = require("react");
 var WizardTesting = class extends AbstractComponentTesting {
   constructor(fieldSpec, view) {
     super(fieldSpec, view, (selector) => (0, import_dom6.default)().findWizard(selector));
     this.view = view;
   }
   cancel() {
-    (0, import_react15.act)(() => this.getElementWrapper().findCancelButton().click());
+    (0, import_react9.act)(() => this.getElementWrapper().findCancelButton().click());
   }
   skip() {
     const skipButton = this.assertElement(this.elementSpec.getDataTestId() + "SkipButton", () => this.getElementWrapper().findSkipToButton());
-    (0, import_react15.act)(() => skipButton.click());
+    (0, import_react9.act)(() => skipButton.click());
   }
   prev() {
     const prevButton = this.assertElement(this.elementSpec.getDataTestId() + "PrevButton", () => this.getElementWrapper().findPreviousButton());
-    (0, import_react15.act)(() => prevButton.click());
+    (0, import_react9.act)(() => prevButton.click());
   }
   next() {
-    (0, import_react15.act)(() => this.getElementWrapper().findPrimaryButton().click());
+    (0, import_react9.act)(() => this.getElementWrapper().findPrimaryButton().click());
   }
   confirm() {
     this.next();
   }
   goToStep(stepIndex) {
-    (0, import_react15.act)(() => this.getElementWrapper().findMenuNavigationLinks()[stepIndex].click());
+    (0, import_react9.act)(() => this.getElementWrapper().findMenuNavigationLinks()[stepIndex].click());
   }
 };
 
 // src/components/ButtonTesting.ts
 var import_dom7 = __toESM(require("@cloudscape-design/components/test-utils/dom"));
-var import_react16 = require("@testing-library/react");
+var import_react10 = require("@testing-library/react");
 var ButtonTesting = class extends AbstractComponentTesting {
   constructor(fieldSpec, view) {
     super(fieldSpec, view, (selector) => (0, import_dom7.default)().findButton(selector));
     this.view = view;
   }
   async awaitLoading() {
-    await (0, import_react16.waitFor)(() => globalExpect(this.getElementWrapper().findLoadingIndicator()).not.toBeNull());
+    await (0, import_react10.waitFor)(() => globalExpect(this.getElementWrapper().findLoadingIndicator()).not.toBeNull());
   }
   async awaitNotLoading() {
-    await (0, import_react16.waitFor)(() => globalExpect(this.getElementWrapper().findLoadingIndicator()).toBeNull());
+    await (0, import_react10.waitFor)(() => globalExpect(this.getElementWrapper().findLoadingIndicator()).toBeNull());
   }
   async clickAndWaitForLoadingDone() {
     this.click();
@@ -21146,20 +19203,20 @@ var ButtonTesting = class extends AbstractComponentTesting {
 
 // src/components/ButtonDropdownTesting.ts
 var import_dom8 = __toESM(require("@cloudscape-design/components/test-utils/dom"));
-var import_react17 = require("@testing-library/react");
-var import_react18 = require("react");
+var import_react11 = require("@testing-library/react");
+var import_react12 = require("react");
 var ButtonDropdownTesting = class extends AbstractComponentTesting {
   constructor(fieldSpec, view) {
     super(fieldSpec, view, (selector) => (0, import_dom8.default)().findButtonDropdown(selector));
     this.view = view;
   }
   async openDropdown() {
-    (0, import_react18.act)(() => this.getElementWrapper().openDropdown());
-    await (0, import_react17.waitFor)(() => globalExpect(this.getDropdown()).not.toBeNull());
+    (0, import_react12.act)(() => this.getElementWrapper().openDropdown());
+    await (0, import_react11.waitFor)(() => globalExpect(this.getDropdown()).not.toBeNull());
   }
   async clickItem(dataTestId) {
     await this.openDropdown();
-    (0, import_react18.act)(() => {
+    (0, import_react12.act)(() => {
       this.getElementWrapper().findItemById(dataTestId).click();
     });
   }
@@ -21170,8 +19227,8 @@ var ButtonDropdownTesting = class extends AbstractComponentTesting {
 
 // src/components/ModalTesting.ts
 var import_dom9 = __toESM(require("@cloudscape-design/components/test-utils/dom"));
-var import_react19 = require("@testing-library/react");
-var import_react20 = require("react");
+var import_react13 = require("@testing-library/react");
+var import_react14 = require("react");
 var ModalTesting = class extends AbstractComponentTesting {
   constructor(viewSpec, view) {
     super(viewSpec, view, (selector) => (0, import_dom9.default)().findModal(selector));
@@ -21184,13 +19241,13 @@ var ModalTesting = class extends AbstractComponentTesting {
     globalExpect(this.getElementWrapper().isVisible()).toBeTruthy();
   }
   async awaitVisible() {
-    return (0, import_react19.waitFor)(() => globalExpect(this.getElementWrapper().isVisible()).toBeTruthy());
+    return (0, import_react13.waitFor)(() => globalExpect(this.getElementWrapper().isVisible()).toBeTruthy());
   }
   async awaitHidden() {
-    return (0, import_react19.waitFor)(() => globalExpect(this.getElementWrapper().isVisible()).toBeFalsy());
+    return (0, import_react13.waitFor)(() => globalExpect(this.getElementWrapper().isVisible()).toBeFalsy());
   }
   dismiss() {
-    (0, import_react20.act)(() => {
+    (0, import_react14.act)(() => {
       this.getElementWrapper().findDismissButton().click();
     });
   }
@@ -21198,19 +19255,20 @@ var ModalTesting = class extends AbstractComponentTesting {
 
 // src/components/RatingTesting.ts
 var import_dom10 = require("@cloudscape-design/test-utils-core/dom");
-var import_react21 = require("@testing-library/react");
-var import_react22 = require("react");
+var import_react15 = require("@testing-library/react");
+var import_react16 = require("react");
+var import_cswrapper5 = require("@ebertjendustries/cswrapper");
 var RatingTesting = class extends AbstractComponentTesting {
   constructor(viewSpec, view, factory, toOrderNumber) {
     super(viewSpec, view, () => {
-      const element = import_react21.screen.queryByLabelText(getEnumRatingValues(factory, toOrderNumber)[0].toString());
+      const element = import_react15.screen.queryByLabelText((0, import_cswrapper5.getEnumRatingValues)(factory, toOrderNumber)[0].toString());
       if (element === null) {
         return null;
       }
       return new import_dom10.ElementWrapper(element);
     });
     this.view = view;
-    this.enumValuesInOrder = getEnumRatingValues(factory, toOrderNumber);
+    this.enumValuesInOrder = (0, import_cswrapper5.getEnumRatingValues)(factory, toOrderNumber);
   }
   static mockBoundingBox() {
     window.SVGElement.prototype.getBBox = () => ({
@@ -21232,15 +19290,15 @@ var RatingTesting = class extends AbstractComponentTesting {
     }
   }
   select(selectedEnum) {
-    (0, import_react22.act)(() => {
+    (0, import_react16.act)(() => {
       this.getByLabelText(selectedEnum).click();
     });
   }
   unselectAll() {
-    (0, import_react22.act)(() => {
+    (0, import_react16.act)(() => {
       this.getByLabelText(this.enumValuesInOrder[1]).click();
     });
-    (0, import_react22.act)(() => {
+    (0, import_react16.act)(() => {
       this.getByLabelText(this.enumValuesInOrder[1]).click();
     });
   }
@@ -21251,20 +19309,20 @@ var RatingTesting = class extends AbstractComponentTesting {
     AbstractComponentTesting.expectDisabled(this.getByLabelText(this.enumValuesInOrder[1]), this.msgForExpect());
   }
   getByLabelText(enumInstance) {
-    return import_react21.screen.getByLabelText(getEnumRatingLabel(enumInstance, this.elementSpec.instanceId));
+    return import_react15.screen.getByLabelText((0, import_cswrapper5.getEnumRatingLabel)(enumInstance, this.elementSpec.instanceId));
   }
 };
 
 // src/components/CheckboxTesting.ts
 var import_dom11 = __toESM(require("@cloudscape-design/components/test-utils/dom"));
-var import_react23 = require("react");
+var import_react17 = require("react");
 var CheckboxTesting = class extends AbstractComponentTesting {
   constructor(fieldSpec, view) {
     super(fieldSpec, view, (selector) => (0, import_dom11.default)().findCheckbox(selector));
     this.view = view;
   }
   click() {
-    (0, import_react23.act)(() => {
+    (0, import_react17.act)(() => {
       this.getElementWrapper().findNativeInput().click();
     });
   }
@@ -21322,7 +19380,7 @@ var BoxTesting = class extends AbstractComponentTesting {
 
 // src/components/CollectionPreferencesTesting.ts
 var import_dom14 = __toESM(require("@cloudscape-design/components/test-utils/dom"));
-var import_react24 = require("react");
+var import_react18 = require("react");
 var CollectionPreferencesSetting = class {
 };
 var CollectionPreferencesTesting = class extends AbstractComponentTesting {
@@ -21352,13 +19410,13 @@ var CollectionPreferencesTesting = class extends AbstractComponentTesting {
     const modal = this.openPreferencesModal();
     if (preferences.pageSize !== void 0) {
       const pageSizeIndex = this.getPageSizeIndex(preferences.pageSize);
-      (0, import_react24.act)(() => modal.findPageSizePreference().findOptions()[pageSizeIndex].findLabel().click());
+      (0, import_react18.act)(() => modal.findPageSizePreference().findOptions()[pageSizeIndex].findLabel().click());
     }
     if (preferences.stickFirstColumns !== void 0) {
-      (0, import_react24.act)(() => modal.findStickyColumnsPreference("first").findRadioGroup().findButtons()[preferences.stickFirstColumns].findNativeInput().click());
+      (0, import_react18.act)(() => modal.findStickyColumnsPreference("first").findRadioGroup().findButtons()[preferences.stickFirstColumns].findNativeInput().click());
     }
     if (preferences.stickLastColumns !== void 0) {
-      (0, import_react24.act)(() => modal.findStickyColumnsPreference("last").findRadioGroup().findButtons()[preferences.stickLastColumns].findNativeInput().click());
+      (0, import_react18.act)(() => modal.findStickyColumnsPreference("last").findRadioGroup().findButtons()[preferences.stickLastColumns].findNativeInput().click());
     }
     this.editCheckboxSetting(preferences.wrapLines, modal.findWrapLinesPreference());
     this.editCheckboxSetting(preferences.stripedRows, modal.findStripedRowsPreference());
@@ -21366,15 +19424,15 @@ var CollectionPreferencesTesting = class extends AbstractComponentTesting {
     this.confirmPreferencesModal();
   }
   openPreferencesModal() {
-    (0, import_react24.act)(() => this.getElementWrapper().findTriggerButton().click());
+    (0, import_react18.act)(() => this.getElementWrapper().findTriggerButton().click());
     globalExpect(this.getElementWrapper().findModal()).not.toBeNull();
     return this.getElementWrapper().findModal();
   }
   confirmPreferencesModal() {
-    (0, import_react24.act)(() => this.getElementWrapper().findModal().findConfirmButton().click());
+    (0, import_react18.act)(() => this.getElementWrapper().findModal().findConfirmButton().click());
   }
   cancelPreferencesModal() {
-    (0, import_react24.act)(() => this.getElementWrapper().findModal().findCancelButton().click());
+    (0, import_react18.act)(() => this.getElementWrapper().findModal().findCancelButton().click());
   }
   getPageSizeIndex(pageSize) {
     const pageSizeIndex = this.supportedPageSizes.indexOf(pageSize);
@@ -21386,7 +19444,7 @@ var CollectionPreferencesTesting = class extends AbstractComponentTesting {
   editCheckboxSetting(settingValue, checkbox) {
     if (settingValue !== void 0) {
       if (settingValue !== checkbox.findNativeInput().getElement().checked) {
-        (0, import_react24.act)(() => checkbox.findNativeInput().click());
+        (0, import_react18.act)(() => checkbox.findNativeInput().click());
       }
     }
   }
@@ -21412,14 +19470,14 @@ var LinkTesting = class extends AbstractComponentTesting {
 
 // src/components/ToggleTesting.ts
 var import_dom16 = __toESM(require("@cloudscape-design/components/test-utils/dom"));
-var import_react25 = require("react");
+var import_react19 = require("react");
 var ToggleTesting = class extends AbstractComponentTesting {
   constructor(fieldSpec, view) {
     super(fieldSpec, view, (selector) => (0, import_dom16.default)().findToggle(selector));
     this.view = view;
   }
   click() {
-    (0, import_react25.act)(() => {
+    (0, import_react19.act)(() => {
       this.getElementWrapper().findNativeInput().click();
     });
   }
@@ -21439,18 +19497,18 @@ var ToggleTesting = class extends AbstractComponentTesting {
 
 // src/components/FlashbarTesting.ts
 var import_dom17 = __toESM(require("@cloudscape-design/components/test-utils/dom"));
-var import_react26 = require("@testing-library/react");
+var import_react20 = require("@testing-library/react");
 var FlashbarTesting = class extends AbstractComponentTesting {
   constructor(fieldSpec, view) {
     super(fieldSpec, view, (selector) => (0, import_dom17.default)().findFlashbar(selector));
     this.view = view;
   }
   async awaitMessages() {
-    await (0, import_react26.waitFor)(() => globalExpect(this.getElementWrapper().findItems().length).toBeGreaterThan(0));
+    await (0, import_react20.waitFor)(() => globalExpect(this.getElementWrapper().findItems().length).toBeGreaterThan(0));
     const wrappers = this.getElementWrapper().findItems();
     for (let index2 = 0; index2 < wrappers.length; index2++) {
       const wrapper29 = wrappers[index2];
-      await (0, import_react26.waitFor)(() => globalExpect(wrapper29.findContent()).not.toBeNull());
+      await (0, import_react20.waitFor)(() => globalExpect(wrapper29.findContent()).not.toBeNull());
     }
   }
   expectMessagePresentCount(text, count, headerMessage) {
@@ -21481,8 +19539,8 @@ var FlashbarTesting = class extends AbstractComponentTesting {
 
 // src/components/SegmentedControlTesting.ts
 var import_dom18 = __toESM(require("@cloudscape-design/components/test-utils/dom"));
-var import_react27 = require("@testing-library/react");
-var import_react28 = require("react");
+var import_react21 = require("@testing-library/react");
+var import_react22 = require("react");
 var SegmentedControlTesting = class extends AbstractComponentTesting {
   constructor(fieldSpec, view, factory) {
     super(fieldSpec, view, (selector) => (0, import_dom18.default)().findSegmentedControl(selector));
@@ -21493,10 +19551,10 @@ var SegmentedControlTesting = class extends AbstractComponentTesting {
     await this.select(this.factory.values.findIndex((value) => value === enumValue));
   }
   async select(index2) {
-    (0, import_react28.act)(() => {
+    (0, import_react22.act)(() => {
       this.getElementWrapper().findSegments()[index2].click();
     });
-    await (0, import_react27.waitFor)(() => globalExpect(this.getElementWrapper().findSelectedSegment().getElement()).toStrictEqual(this.getElementWrapper().findSegments()[index2].getElement()));
+    await (0, import_react21.waitFor)(() => globalExpect(this.getElementWrapper().findSelectedSegment().getElement()).toStrictEqual(this.getElementWrapper().findSegments()[index2].getElement()));
   }
   expectSelected(index2) {
     const selectedElement = this.getElementWrapper().findSelectedSegment();
@@ -21551,8 +19609,8 @@ var StatusIndicatorTesting = class extends AbstractComponentTesting {
 
 // src/components/CardsTesting.ts
 var import_dom21 = __toESM(require("@cloudscape-design/components/test-utils/dom"));
-var import_react29 = require("@testing-library/react");
-var import_react30 = require("react");
+var import_react23 = require("@testing-library/react");
+var import_react24 = require("react");
 var CardsTesting = class extends AbstractComponentTesting {
   constructor(fieldSpec, view) {
     super(fieldSpec, view, (selector) => (0, import_dom21.default)().findCards(selector));
@@ -21580,8 +19638,8 @@ var CardsTesting = class extends AbstractComponentTesting {
     this.getElementWrapper().findLoadingText();
   }
   async awaitLoadingText(expectedText) {
-    await (0, import_react29.waitFor)(() => globalExpect(this.getElementWrapper().findLoadingText().getElement()).toHaveTextContent(expectedText));
-    return (0, import_react29.waitFor)(() => globalExpect(this.getElementWrapper().findLoadingText()).toBeNull());
+    await (0, import_react23.waitFor)(() => globalExpect(this.getElementWrapper().findLoadingText().getElement()).toHaveTextContent(expectedText));
+    return (0, import_react23.waitFor)(() => globalExpect(this.getElementWrapper().findLoadingText()).toBeNull());
   }
   clickItems(clickedItemIndices) {
     const allItems = this.getElementWrapper().findItems();
@@ -21589,7 +19647,7 @@ var CardsTesting = class extends AbstractComponentTesting {
       if (clickedItemIndices.indexOf(index2) !== -1) {
         const item = allItems[index2];
         const selectionArea = this.assertElement("none", () => item.findSelectionArea());
-        (0, import_react30.act)(() => {
+        (0, import_react24.act)(() => {
           selectionArea.click();
         });
       }
@@ -21602,23 +19660,23 @@ var CardsTesting = class extends AbstractComponentTesting {
     return this.getElementWrapper().findItems().length;
   }
   async awaitLoading() {
-    await (0, import_react29.waitFor)(() => globalExpect(this.getElementWrapper().findLoadingText()).not.toBeNull());
+    await (0, import_react23.waitFor)(() => globalExpect(this.getElementWrapper().findLoadingText()).not.toBeNull());
   }
   async awaitNotLoading() {
-    await (0, import_react29.waitFor)(() => globalExpect(this.getElementWrapper().findLoadingText()).toBeNull());
+    await (0, import_react23.waitFor)(() => globalExpect(this.getElementWrapper().findLoadingText()).toBeNull());
   }
 };
 
 // src/components/TextareaTesting.ts
 var import_dom22 = __toESM(require("@cloudscape-design/components/test-utils/dom"));
-var import_react31 = require("react");
+var import_react25 = require("react");
 var TextareaTesting = class extends AbstractInputTesting {
   constructor(fieldSpec, view) {
     super(fieldSpec, view, (selector) => (0, import_dom22.default)().findTextarea(selector));
     this.view = view;
   }
   setStringValue(value) {
-    (0, import_react31.act)(() => {
+    (0, import_react25.act)(() => {
       this.getElementWrapper().setTextareaValue(value);
     });
   }
@@ -21632,7 +19690,7 @@ var TextareaTesting = class extends AbstractInputTesting {
 
 // src/components/TabsTesting.ts
 var import_dom23 = __toESM(require("@cloudscape-design/components/test-utils/dom"));
-var import_react32 = require("react");
+var import_react26 = require("react");
 var TabsTesting = class extends AbstractComponentTesting {
   constructor(fieldSpec, view) {
     super(fieldSpec, view, (selector) => (0, import_dom23.default)().findTabs(selector));
@@ -21648,7 +19706,7 @@ var TabsTesting = class extends AbstractComponentTesting {
   selectTab(index2) {
     const tabLinkByIndex = this.getElementWrapper().findTabLinkByIndex(index2 + 1);
     this.assertTabAtIndex(tabLinkByIndex, index2);
-    (0, import_react32.act)(() => {
+    (0, import_react26.act)(() => {
       tabLinkByIndex.click();
     });
   }
@@ -21682,7 +19740,7 @@ var TextContentTesting = class extends AbstractComponentTesting {
 
 // src/components/PaginationTesting.ts
 var import_dom26 = __toESM(require("@cloudscape-design/components/test-utils/dom"));
-var import_react33 = require("react");
+var import_react27 = require("react");
 var PaginationTesting = class extends AbstractComponentTesting {
   constructor(fieldSpec, view) {
     super(fieldSpec, view, (selector) => (0, import_dom26.default)().findPagination(selector));
@@ -21698,16 +19756,16 @@ var PaginationTesting = class extends AbstractComponentTesting {
     const nextButton = this.getElementWrapper().findNextPageButton();
     const prevButton = this.getElementWrapper().findPreviousPageButton();
     if (toIndex === fromIndex + 1) {
-      (0, import_react33.act)(() => nextButton.click());
+      (0, import_react27.act)(() => nextButton.click());
     } else if (toIndex === fromIndex - 1) {
-      (0, import_react33.act)(() => prevButton.click());
+      (0, import_react27.act)(() => prevButton.click());
     } else {
       const pageIndexTo = (toIndex + 1).toString();
       const pageNumbersWithIndex = this.getElementWrapper().findPageNumbers().filter((pageNumber) => pageNumber.getElement().textContent === pageIndexTo);
       if (pageNumbersWithIndex.length !== 1) {
         throw new Error(`Expected page index ${pageIndexTo} not displayed currently in pagination component! Here are the currently displayed page numbers: ${this.getElementWrapper().findPageNumbers().map((n2) => n2.getElement().textContent)}`);
       }
-      (0, import_react33.act)(() => pageNumbersWithIndex[0].click());
+      (0, import_react27.act)(() => pageNumbersWithIndex[0].click());
     }
   }
 };
@@ -21723,20 +19781,20 @@ var FormTesting = class extends AbstractComponentTesting {
 
 // src/components/ProgressBarTesting.ts
 var import_dom28 = __toESM(require("@cloudscape-design/components/test-utils/dom"));
-var import_react34 = require("@testing-library/react");
+var import_react28 = require("@testing-library/react");
 var ProgressBarTesting = class extends AbstractComponentTesting {
   constructor(fieldSpec, view) {
     super(fieldSpec, view, (selector) => (0, import_dom28.default)().findProgressBar(selector));
     this.view = view;
   }
   async awaitPercentageDisplay(text) {
-    await (0, import_react34.waitFor)(() => globalExpect(this.getElementWrapper().findPercentageText()).not.toBeNull());
+    await (0, import_react28.waitFor)(() => globalExpect(this.getElementWrapper().findPercentageText()).not.toBeNull());
     const percentageText = this.getElementWrapper().findPercentageText();
-    await (0, import_react34.waitFor)(() => globalExpect(percentageText.findTextContent()).not.toBeNull());
-    await (0, import_react34.waitFor)(() => globalExpect(percentageText.findTextContent().getElement()).toHaveTextContent(text.toString()));
+    await (0, import_react28.waitFor)(() => globalExpect(percentageText.findTextContent()).not.toBeNull());
+    await (0, import_react28.waitFor)(() => globalExpect(percentageText.findTextContent().getElement()).toHaveTextContent(text.toString()));
   }
   async awaitResultText(text) {
-    await (0, import_react34.waitFor)(() => globalExpect(this.getElementWrapper().findResultText().findTextContent().getElement()).toHaveTextContent(text));
+    await (0, import_react28.waitFor)(() => globalExpect(this.getElementWrapper().findResultText().findTextContent().getElement()).toHaveTextContent(text));
   }
 };
 
@@ -21847,7 +19905,7 @@ var TestingFactory = class {
 };
 
 // src/views/AbstractViewTesting.tsx
-var import_react35 = require("@testing-library/react");
+var import_react29 = require("@testing-library/react");
 var import_fs = require("fs");
 var import_user_event = __toESM(require("@testing-library/user-event"));
 var AbstractViewTesting = class {
@@ -21862,10 +19920,10 @@ var AbstractViewTesting = class {
     return this.testLocalisation.getLocaliser(this.namespace);
   }
   fromSpec(componentSpec, testElements) {
-    return ViewSpec.create(componentSpec.key, componentSpec.ns, (spec) => testElements(componentSpec.elements, this.factory));
+    return import_cswrapper6.ViewSpec.create(componentSpec.key, componentSpec.ns, (spec) => testElements(componentSpec.elements, this.factory));
   }
   printDOM() {
-    const dom = (0, import_react35.prettyDOM)(void 0, 1e7, { highlight: false });
+    const dom = (0, import_react29.prettyDOM)(void 0, 1e7, { highlight: false });
     if (dom) {
       (0, import_fs.writeFileSync)("./DOM.txt", dom.toString());
     }
@@ -21879,7 +19937,7 @@ var AbstractViewTesting = class {
     await this.factory.form(viewSpec).awaitPresent();
   }
   expectViewNotPresent(viewSpec) {
-    globalExpect(import_react35.screen.queryByTestId(viewSpec.getDataTestId())).not.toBeInTheDocument();
+    globalExpect(import_react29.screen.queryByTestId(viewSpec.getDataTestId())).not.toBeInTheDocument();
   }
   translate(key, variables, alternateNs) {
     return this.getLocaliser().localiseKey(key, variables, alternateNs);
@@ -21893,17 +19951,18 @@ var AbstractViewTesting = class {
 };
 
 // src/views/CSVNoItemsViewTesting.tsx
+var import_cswrapper7 = require("@ebertjendustries/cswrapper");
 var CSVNoItemsViewTesting = class extends AbstractViewTesting {
   constructor(namespace, viewSpec, entityTypeFactory, testLocalisation) {
     super(namespace, viewSpec, testLocalisation);
     this.entityTypeFactory = entityTypeFactory;
-    this.noItemsView = this.fromSpec(CSV_NO_ITEMS_VIEW_SPEC(this.namespace), (elements, factory) => ({
+    this.noItemsView = this.fromSpec((0, import_cswrapper7.CSV_NO_ITEMS_VIEW_SPEC)(this.namespace), (elements, factory) => ({
       boxHeading: factory.box(elements.boxHeading),
       boxBody: factory.box(elements.boxBody)
     }));
   }
   async awaitPresent() {
-    await this.waitForView(CSV_NO_ITEMS_VIEW_SPEC(this.namespace));
+    await this.waitForView((0, import_cswrapper7.CSV_NO_ITEMS_VIEW_SPEC)(this.namespace));
     this.expectPresent();
   }
   async awaitNotPresent() {
@@ -21921,19 +19980,21 @@ var CSVNoItemsViewTesting = class extends AbstractViewTesting {
 };
 
 // src/views/CSVPriceInputViewTesting.tsx
+var import_cswrapper8 = require("@ebertjendustries/cswrapper");
+var import_cswrapper9 = require("@ebertjendustries/cswrapper");
 var CSVPriceInputViewTesting = class extends AbstractViewTesting {
   constructor(namespace, viewSpec, testLocalisation, currencyFactory, expandToViewport) {
     super(namespace, viewSpec, testLocalisation);
     this.currencyFactory = currencyFactory;
     this.expandToViewport = expandToViewport;
-    this.csvPriceInputView = this.fromSpec(CSV_PRICE_INPUT_VIEW_SPEC(this.parent, this.viewSpec.key), (elements, factory) => ({
+    this.csvPriceInputView = this.fromSpec((0, import_cswrapper8.CSV_PRICE_INPUT_VIEW_SPEC)(this.parent, this.viewSpec.key), (elements, factory) => ({
       amountInput: factory.numberInput(elements.inputPrice),
       currencyInput: factory.select(elements.selectCurrency, this.expandToViewport),
       displayBox: factory.box(elements.boxPriceDisplay)
     }));
   }
   expectDisplayPrice(price) {
-    this.csvPriceInputView.elements.displayBox.expectContent(PriceUtils.getFormattedPrice("en", price));
+    this.csvPriceInputView.elements.displayBox.expectContent(import_cswrapper9.PriceUtils.getFormattedPrice("en", price));
   }
   async setPrice(price) {
     if (isNaN(price.priceInCents)) {
@@ -21956,10 +20017,11 @@ var CSVPriceInputViewTesting = class extends AbstractViewTesting {
 };
 
 // src/views/CSVSearchFilterViewTesting.tsx
+var import_cswrapper10 = require("@ebertjendustries/cswrapper");
 var CSVSearchFilterViewTesting = class extends AbstractViewTesting {
   constructor(namespace, viewSpec, testLocalisation) {
     super(namespace, viewSpec, testLocalisation);
-    this.csvSearchFilterView = this.fromSpec(CSV_SEARCH_FILTER_VIEW_SPEC(this.parent, this.viewSpec.key), (elements, factory) => ({
+    this.csvSearchFilterView = this.fromSpec((0, import_cswrapper10.CSV_SEARCH_FILTER_VIEW_SPEC)(this.parent, this.viewSpec.key), (elements, factory) => ({
       searchTextFilter: factory.stringInput(elements.inputSearch),
       searchButton: factory.button(elements.buttonSearch)
     }));
@@ -21994,10 +20056,11 @@ var CSVSearchFilterViewTesting = class extends AbstractViewTesting {
 };
 
 // src/views/CSVTextPromptModalViewTesting.tsx
+var import_cswrapper11 = require("@ebertjendustries/cswrapper");
 var CSVTextPromptModalViewTesting = class extends AbstractViewTesting {
   constructor(namespace, viewSpec, testLocalisation) {
     super(namespace, viewSpec, testLocalisation);
-    this.csvTextPromptModalView = this.fromSpec(CSV_TEXT_PROMPT_MODAL_VIEW_SPEC(this.parent, this.viewSpec.key), (elements, factory) => ({
+    this.csvTextPromptModalView = this.fromSpec((0, import_cswrapper11.CSV_TEXT_PROMPT_MODAL_VIEW_SPEC)(this.parent, this.viewSpec.key), (elements, factory) => ({
       headerHeading: factory.header(elements.headerHeading),
       boxBodyText: factory.box(elements.boxBodyText),
       buttonPrimary: factory.button(elements.buttonPrimary),
@@ -22071,7 +20134,11 @@ var MockBrowserAPIs = class {
 
 // src/mocks/MockRestClient.ts
 var import_console = require("console");
-var LOGGER3 = new Log("RestClientMock");
+var import_cswrapper12 = require("@ebertjendustries/cswrapper");
+var import_cswrapper13 = require("@ebertjendustries/cswrapper");
+var RealRestClient = __toESM(require("@ebertjendustries/cswrapper"));
+var import_cswrapper14 = require("@ebertjendustries/cswrapper");
+var LOGGER = new import_cswrapper12.Log("RestClientMock");
 var MockResponseStore = class {
   constructor(parentUUID) {
     this.parentUUID = parentUUID;
@@ -22116,8 +20183,8 @@ var MockResponseStore = class {
 };
 function setupRestClientMock(controllerSpec) {
   const mockRestClient = new MockRestClient(controllerSpec.key);
-  const mock = vi.spyOn(dist_exports2, "createRestClient");
-  LOGGER3.info(`Setting up mock rest client with key ${controllerSpec.key}.`);
+  const mock = vi.spyOn(RealRestClient, "createRestClient");
+  LOGGER.info(`Setting up mock rest client with key ${controllerSpec.key}.`);
   mock.mockImplementation(() => {
     return mockRestClient;
   });
@@ -22130,7 +20197,7 @@ var MockRestClient = class {
     this.post = vi.fn();
     this.del = vi.fn();
     this.uuid = "<" + crypto.randomUUID().split("-")[4] + ">";
-    LOGGER3.info(`Instantiating mock rest client with name ${name} and UUID ${this.uuid}.`);
+    LOGGER.info(`Instantiating mock rest client with name ${name} and UUID ${this.uuid}.`);
     this.getResponseValues = new MockResponseStore(this.uuid);
     this.putResponseValues = new MockResponseStore(this.uuid);
     this.postResponseValues = new MockResponseStore(this.uuid);
@@ -22147,19 +20214,19 @@ var MockRestClient = class {
     this.deleteResponseValues.expectAllCalled(hard);
   }
   addGetResponse(url, response, delayInMilliseconds) {
-    LOGGER3.info(`${this.uuid} Configuring GET ${url} ${this.getDelayForLogging(delayInMilliseconds)}.`);
+    LOGGER.info(`${this.uuid} Configuring GET ${url} ${this.getDelayForLogging(delayInMilliseconds)}.`);
     this.getResponseValues.addResponse(url, response, delayInMilliseconds);
   }
   addPutResponse(url, response, delayInMilliseconds) {
-    LOGGER3.info(`${this.uuid} Configuring PUT ${url} ${this.getDelayForLogging(delayInMilliseconds)}.`);
+    LOGGER.info(`${this.uuid} Configuring PUT ${url} ${this.getDelayForLogging(delayInMilliseconds)}.`);
     this.putResponseValues.addResponse(url, response, delayInMilliseconds);
   }
   addPostResponse(url, response, delayInMilliseconds) {
-    LOGGER3.info(`${this.uuid} Configuring POST ${url} ${this.getDelayForLogging(delayInMilliseconds)}.`);
+    LOGGER.info(`${this.uuid} Configuring POST ${url} ${this.getDelayForLogging(delayInMilliseconds)}.`);
     this.postResponseValues.addResponse(url, response, delayInMilliseconds);
   }
   addDeleteResponse(url, response, delayInMilliseconds) {
-    LOGGER3.info(`${this.uuid} Configuring DELETE ${url} ${this.getDelayForLogging(delayInMilliseconds)}.`);
+    LOGGER.info(`${this.uuid} Configuring DELETE ${url} ${this.getDelayForLogging(delayInMilliseconds)}.`);
     this.deleteResponseValues.addResponse(url, response, delayInMilliseconds);
   }
   getDelayForLogging(delayInMilliseconds) {
@@ -22184,9 +20251,9 @@ var MockRestClient = class {
         const response = val.response;
         const delayInMilliseconds = val.delay;
         if (delayInMilliseconds !== void 0) {
-          await sleep(delayInMilliseconds);
+          await (0, import_cswrapper13.sleep)(delayInMilliseconds);
         }
-        if (response !== null && response !== void 0 && isContentWithMessages(response)) {
+        if (response !== null && response !== void 0 && (0, import_cswrapper14.isContentWithMessages)(response)) {
           return Promise.reject(response);
         }
         return this.mockImpl(response, endpoint, payload, operation, header);
@@ -22194,10 +20261,10 @@ var MockRestClient = class {
     );
   }
   mockImpl(returnValue, endpoint, payload, operation, header) {
-    LOGGER3.debug(`${this.uuid} -----------> Mock REST API call <---------------`);
-    LOGGER3.debug(`${this.uuid} Calling REST API endpoint ${endpoint} with operation ${operation} and header <${header}>`);
+    LOGGER.debug(`${this.uuid} -----------> Mock REST API call <---------------`);
+    LOGGER.debug(`${this.uuid} Calling REST API endpoint ${endpoint} with operation ${operation} and header <${header}>`);
     const returnPromise = Promise.resolve({ content: returnValue, messages: [] });
-    LOGGER3.debug(`${this.uuid} DONE calling REST API endpoint ${endpoint} with operation ${operation} and header ${header}`);
+    LOGGER.debug(`${this.uuid} DONE calling REST API endpoint ${endpoint} with operation ${operation} and header ${header}`);
     return returnPromise;
   }
 };
@@ -22337,11 +20404,11 @@ var MockServerBuilder = class _MockServerBuilder {
 };
 
 // src/utils/ViewTestWrapper.tsx
-var import_react36 = require("react");
-var import_jsx_runtime31 = require("react/jsx-runtime");
+var import_react30 = require("react");
+var import_jsx_runtime = require("react/jsx-runtime");
 function ViewTestWrapper(props) {
-  const [value, setValue] = (0, import_react36.useState)(props.initialValue);
-  return /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("div", { children: props.view(value, (propertyName, changedValue) => setValue(changedValue)) });
+  const [value, setValue] = (0, import_react30.useState)(props.initialValue);
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { children: props.view(value, (propertyName, changedValue) => setValue(changedValue)) });
 }
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {