@ebertjendustries/cswrapper 1.0.4 → 1.0.6

package/dist/index.d.mts

@@ -1,23 +1,8 @@
 import React, { Dispatch, SetStateAction } from 'react';
 import { FormFieldProps } from '@cloudscape-design/components/form-field/interfaces';
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import { AlertProps } from '@cloudscape-design/components/alert';
-import { BoxProps } from '@cloudscape-design/components/box';
-import { ButtonProps } from '@cloudscape-design/components/button';
+import { AlertProps, BoxProps, ButtonProps, DatePickerProps, MultiselectProps, SegmentedControlProps, SelectProps, TilesProps, LinkProps, HeaderProps, InputProps, StatusIndicatorProps, TextContentProps, TextareaProps, TimeInputProps, ToggleProps } from '@cloudscape-design/components';
 import { CheckboxProps } from '@cloudscape-design/components/checkbox/interfaces';
-import { DatePickerProps } from '@cloudscape-design/components/date-picker';
-import { MultiselectProps } from '@cloudscape-design/components/multiselect';
-import { SegmentedControlProps } from '@cloudscape-design/components/segmented-control';
-import { SelectProps } from '@cloudscape-design/components/select';
-import { TilesProps } from '@cloudscape-design/components/tiles';
-import { LinkProps } from '@cloudscape-design/components/link';
-import { HeaderProps } from '@cloudscape-design/components/header';
-import { InputProps } from '@cloudscape-design/components/input';
-import { StatusIndicatorProps } from '@cloudscape-design/components/status-indicator';
-import { TextContentProps } from '@cloudscape-design/components/text-content';
-import { TextareaProps } from '@cloudscape-design/components/textarea';
-import { TimeInputProps } from '@cloudscape-design/components/time-input';
-import { ToggleProps } from '@cloudscape-design/components/toggle';
 import { OptionDefinition } from '@cloudscape-design/components/internal/components/option/interfaces';
 
 /**

package/dist/index.d.ts

@@ -1,23 +1,8 @@
 import React, { Dispatch, SetStateAction } from 'react';
 import { FormFieldProps } from '@cloudscape-design/components/form-field/interfaces';
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import { AlertProps } from '@cloudscape-design/components/alert';
-import { BoxProps } from '@cloudscape-design/components/box';
-import { ButtonProps } from '@cloudscape-design/components/button';
+import { AlertProps, BoxProps, ButtonProps, DatePickerProps, MultiselectProps, SegmentedControlProps, SelectProps, TilesProps, LinkProps, HeaderProps, InputProps, StatusIndicatorProps, TextContentProps, TextareaProps, TimeInputProps, ToggleProps } from '@cloudscape-design/components';
 import { CheckboxProps } from '@cloudscape-design/components/checkbox/interfaces';
-import { DatePickerProps } from '@cloudscape-design/components/date-picker';
-import { MultiselectProps } from '@cloudscape-design/components/multiselect';
-import { SegmentedControlProps } from '@cloudscape-design/components/segmented-control';
-import { SelectProps } from '@cloudscape-design/components/select';
-import { TilesProps } from '@cloudscape-design/components/tiles';
-import { LinkProps } from '@cloudscape-design/components/link';
-import { HeaderProps } from '@cloudscape-design/components/header';
-import { InputProps } from '@cloudscape-design/components/input';
-import { StatusIndicatorProps } from '@cloudscape-design/components/status-indicator';
-import { TextContentProps } from '@cloudscape-design/components/text-content';
-import { TextareaProps } from '@cloudscape-design/components/textarea';
-import { TimeInputProps } from '@cloudscape-design/components/time-input';
-import { ToggleProps } from '@cloudscape-design/components/toggle';
 import { OptionDefinition } from '@cloudscape-design/components/internal/components/option/interfaces';
 
 /**

package/dist/index.js

@@ -1,9 +1,7 @@
 "use strict";
-var __create = Object.create;
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
 var __export = (target, all) => {
   for (var name in all)
@@ -17,14 +15,6 @@ var __copyProps = (to, from, except, desc) => {
   }
   return to;
 };
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  // If the importer is in node compatibility mode or this is not an ESM
-  // file that has been converted to a CommonJS file using a Babel-
-  // compatible transform (i.e. "__esModule" has not been set), then set
-  // "default" to the CommonJS "module.exports" for node compatibility.
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
-  mod
-));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 
 // src/index.ts
@@ -118,7 +108,7 @@ __export(index_exports, {
 module.exports = __toCommonJS(index_exports);
 
 // src/components/CSAlert.tsx
-var import_alert = __toESM(require("@cloudscape-design/components/alert"));
+var import_components2 = require("@cloudscape-design/components");
 
 // src/types/CSFormProps.ts
 var FromPropsHelper = class {
@@ -148,7 +138,7 @@ FromPropsHelper.sanitizeValueToString = (value) => {
 };
 
 // src/components/CSFormField.tsx
-var import_form_field = __toESM(require("@cloudscape-design/components/form-field"));
+var import_components = require("@cloudscape-design/components");
 var import_jsx_runtime = (
   // 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
@@ -162,7 +152,7 @@ function CSFormField(props) {
   if (!FromPropsHelper.usesFormField(props)) {
     return props.children;
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_form_field.default, { "data-testid": formFieldId, ...localisationObject == null ? void 0 : localisationObject.formField, ...props.formField, children: props.children });
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_components.FormField, { "data-testid": formFieldId, ...localisationObject == null ? void 0 : localisationObject.formField, ...props.formField, children: props.children });
 }
 
 // src/components/ChildUtils.tsx
@@ -199,7 +189,7 @@ 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_alert.default,
+    import_components2.Alert,
     {
       "data-testid": uniqueId,
       ...props,
@@ -210,13 +200,13 @@ function CSAlert(props) {
 }
 
 // src/components/CSBox.tsx
-var import_box = __toESM(require("@cloudscape-design/components/box"));
+var import_components3 = require("@cloudscape-design/components");
 var import_jsx_runtime4 = require("react/jsx-runtime");
 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_box.default,
+    import_components3.Box,
     {
       "data-testid": uniqueId,
       ...props,
@@ -227,13 +217,13 @@ function CSBox(props) {
 }
 
 // src/components/CSButton.tsx
-var import_button = __toESM(require("@cloudscape-design/components/button"));
+var import_components4 = require("@cloudscape-design/components");
 var import_jsx_runtime5 = require("react/jsx-runtime");
 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_button.default,
+    import_components4.Button,
     {
       "data-testid": uniqueId,
       ...props,
@@ -244,13 +234,13 @@ function CSButton(props) {
 }
 
 // src/components/CSCheckbox.tsx
-var import_checkbox = __toESM(require("@cloudscape-design/components/checkbox"));
+var import_components5 = require("@cloudscape-design/components");
 var import_jsx_runtime6 = require("react/jsx-runtime");
 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_checkbox.default,
+    import_components5.Checkbox,
     {
       "data-testid": uniqueId,
       name: uniqueId,
@@ -264,7 +254,7 @@ function CSCheckbox(props) {
 }
 
 // src/components/CSDatePicker.tsx
-var import_date_picker = __toESM(require("@cloudscape-design/components/date-picker"));
+var import_components6 = require("@cloudscape-design/components");
 var import_jsx_runtime7 = require("react/jsx-runtime");
 function CSDatePicker(props) {
   const { localisationObject, uniqueId } = FromPropsHelper.getBasicProps(props);
@@ -272,7 +262,7 @@ function CSDatePicker(props) {
     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_date_picker.default,
+    import_components6.DatePicker,
     {
       "data-testid": uniqueId,
       controlId: uniqueId,
@@ -285,7 +275,7 @@ function CSDatePicker(props) {
 }
 
 // src/components/CSMultiselect.tsx
-var import_multiselect = __toESM(require("@cloudscape-design/components/multiselect"));
+var import_components7 = require("@cloudscape-design/components");
 var import_jsx_runtime8 = require("react/jsx-runtime");
 function CSMultiselect(props) {
   var _a, _b;
@@ -304,7 +294,7 @@ function CSMultiselect(props) {
   };
   const hideTokens = (_a = props.hideTokens) != null ? _a : props.tokenLimit !== void 0 && props.tokenLimit === 0;
   return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(CSFormField, { ...formProps, children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
-    import_multiselect.default,
+    import_components7.Multiselect,
     {
       "data-testid": uniqueId,
       controlId: uniqueId,
@@ -415,13 +405,13 @@ function CSEnumMultiselect(props) {
 }
 
 // src/components/CSSegmentedControl.tsx
-var import_segmented_control = __toESM(require("@cloudscape-design/components/segmented-control"));
+var import_components8 = require("@cloudscape-design/components");
 var import_jsx_runtime10 = require("react/jsx-runtime");
 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_segmented_control.default,
+    import_components8.SegmentedControl,
     {
       "data-testid": uniqueId,
       onChange: ({ detail }) => props.onChangeValue(props.fieldSpec.key, detail.selectedId),
@@ -450,13 +440,13 @@ function CSEnumSegmentedControl(props) {
 }
 
 // src/components/CSSelect.tsx
-var import_select = __toESM(require("@cloudscape-design/components/select"));
+var import_components9 = require("@cloudscape-design/components");
 var import_jsx_runtime12 = require("react/jsx-runtime");
 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_select.default,
+    import_components9.Select,
     {
       "data-testid": uniqueId,
       controlId: uniqueId,
@@ -480,7 +470,7 @@ function CSEnumSelect(props) {
 }
 
 // src/components/CSEnumTiles.tsx
-var import_tiles = __toESM(require("@cloudscape-design/components/tiles"));
+var import_components10 = require("@cloudscape-design/components");
 var import_jsx_runtime14 = require("react/jsx-runtime");
 function CSEnumTiles(props) {
   const { localisationObject, uniqueId } = FromPropsHelper.getBasicProps(props);
@@ -493,7 +483,7 @@ function CSEnumTiles(props) {
     };
   });
   return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
-    import_tiles.default,
+    import_components10.Tiles,
     {
       "data-testid": uniqueId,
       controlId: uniqueId,
@@ -508,7 +498,7 @@ function CSEnumTiles(props) {
 }
 
 // src/components/CSLink.tsx
-var import_link = __toESM(require("@cloudscape-design/components/link"));
+var import_components11 = require("@cloudscape-design/components");
 
 // src/utils/BrowserUtils.ts
 var openInNewTab = (link) => {
@@ -535,7 +525,7 @@ 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_link.default,
+    import_components11.Link,
     {
       "data-testid": uniqueId,
       ...props,
@@ -549,13 +539,13 @@ function CSExternalLink(props) {
 }
 
 // src/components/CSHeader.tsx
-var import_header = __toESM(require("@cloudscape-design/components/header"));
+var import_components12 = require("@cloudscape-design/components");
 var import_jsx_runtime16 = require("react/jsx-runtime");
 function CSHeader(props) {
   const { localisationObject, uniqueId } = FromPropsHelper.getBasicProps(props);
   const { children } = ChildUtils.getChildren(props, localisationObject);
   return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
-    import_header.default,
+    import_components12.Header,
     {
       "data-testid": uniqueId,
       ...props,
@@ -566,7 +556,7 @@ function CSHeader(props) {
 }
 
 // src/components/CSInput.tsx
-var import_input = __toESM(require("@cloudscape-design/components/input"));
+var import_components13 = require("@cloudscape-design/components");
 var import_jsx_runtime17 = require("react/jsx-runtime");
 function CSInput(props) {
   const { localisationObject, uniqueId } = FromPropsHelper.getBasicProps(props);
@@ -574,7 +564,7 @@ function CSInput(props) {
   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_input.default,
+    import_components13.Input,
     {
       "data-testid": uniqueId,
       controlId: uniqueId,
@@ -587,7 +577,7 @@ function CSInput(props) {
 }
 
 // src/components/CSNumericInput.tsx
-var import_input2 = __toESM(require("@cloudscape-design/components/input"));
+var import_components14 = require("@cloudscape-design/components");
 var import_jsx_runtime18 = require("react/jsx-runtime");
 function CSNumericInput(props) {
   const { localisationObject, uniqueId } = FromPropsHelper.getBasicProps(props);
@@ -601,7 +591,7 @@ function CSNumericInput(props) {
   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_input2.default,
+    import_components14.Input,
     {
       "data-testid": uniqueId,
       controlId: uniqueId,
@@ -618,13 +608,13 @@ function CSNumericInput(props) {
 }
 
 // src/components/CSStatusIndicator.tsx
-var import_status_indicator = __toESM(require("@cloudscape-design/components/status-indicator"));
+var import_components15 = require("@cloudscape-design/components");
 var import_jsx_runtime19 = require("react/jsx-runtime");
 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_status_indicator.default,
+    import_components15.StatusIndicator,
     {
       "data-testid": uniqueId,
       ...props,
@@ -635,13 +625,13 @@ function CSStatusIndicator(props) {
 }
 
 // src/components/CSTextContent.tsx
-var import_text_content = __toESM(require("@cloudscape-design/components/text-content"));
+var import_components16 = require("@cloudscape-design/components");
 var import_jsx_runtime20 = require("react/jsx-runtime");
 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_text_content.default,
+    import_components16.TextContent,
     {
       "data-testid": uniqueId,
       ...props,
@@ -652,7 +642,7 @@ function CSTextContent(props) {
 }
 
 // src/components/CSTextarea.tsx
-var import_textarea = __toESM(require("@cloudscape-design/components/textarea"));
+var import_components17 = require("@cloudscape-design/components");
 var import_jsx_runtime21 = require("react/jsx-runtime");
 function CSTextarea(props) {
   const { localisationObject, uniqueId } = FromPropsHelper.getBasicProps(props);
@@ -660,7 +650,7 @@ function CSTextarea(props) {
   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_textarea.default,
+    import_components17.Textarea,
     {
       "data-testid": uniqueId,
       controlId: uniqueId,
@@ -673,14 +663,14 @@ function CSTextarea(props) {
 }
 
 // src/components/CSTimeInput.tsx
-var import_time_input = __toESM(require("@cloudscape-design/components/time-input"));
+var import_components18 = require("@cloudscape-design/components");
 var import_jsx_runtime22 = require("react/jsx-runtime");
 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_time_input.default,
+    import_components18.TimeInput,
     {
       "data-testid": uniqueId,
       autoFocus: props.autoFocus,
@@ -694,13 +684,13 @@ function CSTimeInput(props) {
 }
 
 // src/components/CSToggle.tsx
-var import_toggle = __toESM(require("@cloudscape-design/components/toggle"));
+var import_components19 = require("@cloudscape-design/components");
 var import_jsx_runtime23 = require("react/jsx-runtime");
 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_toggle.default,
+    import_components19.Toggle,
     {
       "data-testid": uniqueId,
       name: uniqueId,
@@ -1031,8 +1021,7 @@ function CSVEnumRatingView(props) {
 }
 
 // src/views/CSVNoItemsView.tsx
-var import_box2 = __toESM(require("@cloudscape-design/components/box"));
-var import_space_between = __toESM(require("@cloudscape-design/components/space-between"));
+var import_components20 = require("@cloudscape-design/components");
 var import_jsx_runtime25 = require("react/jsx-runtime");
 var CSV_NO_ITEMS_VIEW_SPEC = (ns) => ViewSpec.create("CSVNoItemsView", ns, (spec) => ({
   boxHeading: spec.addField(new FieldSpec("boxHeading")),
@@ -1041,7 +1030,7 @@ var CSV_NO_ITEMS_VIEW_SPEC = (ns) => ViewSpec.create("CSVNoItemsView", ns, (spec
 function CSVNoItemsView(props) {
   const spec = props.viewSpec;
   const { elements } = spec;
-  return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("div", { "data-testid": spec.getDataTestId(), children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_box2.default, { textAlign: "center", color: "inherit", children: /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(import_space_between.default, { size: "xxs", direction: "vertical", children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("div", { "data-testid": spec.getDataTestId(), children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_components20.Box, { textAlign: "center", color: "inherit", children: /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(import_components20.SpaceBetween, { size: "xxs", direction: "vertical", children: [
     /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
       CSBox,
       {
@@ -1070,7 +1059,7 @@ function CSVNoItemsView(props) {
 }
 
 // src/views/CSVPriceInputView.tsx
-var import_grid = __toESM(require("@cloudscape-design/components/grid"));
+var import_components21 = require("@cloudscape-design/components");
 
 // src/utils/PriceUtils.ts
 var LOGGER2 = new Log("PriceUtils");
@@ -1145,7 +1134,7 @@ function CSVPriceInputView(props) {
   const priceInCents = props.value ? props.value.priceInCents : 0;
   const currency = props.value ? props.value.currency : props.defaultCurrency;
   return /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(
-    import_grid.default,
+    import_components21.Grid,
     {
       gridDefinition: [{ colspan: 4 }, { colspan: { default: 4, xxs: 3 } }, { colspan: { default: 4, xxs: 5 } }],
       disableGutters: true,
@@ -1196,7 +1185,7 @@ function CSVPriceInputView(props) {
 }
 
 // src/views/CSVSearchFilterView.tsx
-var import_space_between2 = __toESM(require("@cloudscape-design/components/space-between"));
+var import_components22 = require("@cloudscape-design/components");
 var import_jsx_runtime27 = require("react/jsx-runtime");
 var CSV_SEARCH_FILTER_VIEW_SPEC = (parent, key) => ViewSpec.create(key, parent.ns, (spec) => ({
   inputSearch: spec.addField(new FieldSpec("inputSearch")),
@@ -1205,7 +1194,7 @@ var CSV_SEARCH_FILTER_VIEW_SPEC = (parent, key) => ViewSpec.create(key, parent.n
 function CSVSearchFilterView(props) {
   const spec = props.viewSpec;
   const { elements } = spec;
-  return /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(import_space_between2.default, { size: "s", direction: "horizontal", children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(import_components22.SpaceBetween, { size: "s", direction: "horizontal", children: [
     /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("div", { style: { minWidth: "320px" }, children: props.inputSearch === void 0 || typeof props.inputSearch === "string" ? /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
       CSInput,
       {
@@ -1236,9 +1225,7 @@ function CSVSearchFilterView(props) {
 }
 
 // src/views/CSVTextPromptModalView.tsx
-var import_box3 = __toESM(require("@cloudscape-design/components/box"));
-var import_modal = __toESM(require("@cloudscape-design/components/modal"));
-var import_space_between3 = __toESM(require("@cloudscape-design/components/space-between"));
+var import_components23 = require("@cloudscape-design/components");
 var import_jsx_runtime28 = require("react/jsx-runtime");
 var CSV_TEXT_PROMPT_MODAL_VIEW_SPEC = (parent, key) => ViewSpec.create(key, parent.ns, (spec) => ({
   headerHeading: spec.addField(new FieldSpec("headerHeading")),
@@ -1260,7 +1247,7 @@ function CSVTextPromptModalView(props) {
     }
   ) : props.buttonSecondary : /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(import_jsx_runtime28.Fragment, {});
   return /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
-    import_modal.default,
+    import_components23.Modal,
     {
       "data-testid": props.viewSpec.getDataTestId(),
       onDismiss: props.onDismiss,
@@ -1273,7 +1260,7 @@ function CSVTextPromptModalView(props) {
           children: props.headerHeading
         }
       ) : props.headerHeading,
-      footer: /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(import_box3.default, { float: "right", children: /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)(import_space_between3.default, { direction: "horizontal", size: "l", children: [
+      footer: /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(import_components23.Box, { float: "right", children: /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)(import_components23.SpaceBetween, { direction: "horizontal", size: "l", children: [
         props.buttonPrimary === void 0 || typeof props.buttonPrimary === "string" ? /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
           CSButton,
           {
@@ -1720,7 +1707,7 @@ var RestClient = class {
             json
           }));
         } else {
-          return response.text().then((text) => ({
+          return response.text().then(() => ({
             status: response.status,
             json: {}
           }));

package/dist/index.mjs

@@ -1,5 +1,5 @@
 // src/components/CSAlert.tsx
-import Alert from "@cloudscape-design/components/alert";
+import { Alert } from "@cloudscape-design/components";
 
 // src/types/CSFormProps.ts
 var FromPropsHelper = class {
@@ -29,7 +29,7 @@ FromPropsHelper.sanitizeValueToString = (value) => {
 };
 
 // src/components/CSFormField.tsx
-import FormField from "@cloudscape-design/components/form-field";
+import { FormField } from "@cloudscape-design/components";
 import { jsx } from "react/jsx-runtime";
 var FORM_FIELD_ID_SUFFIX = "_FORM_FIELD";
 function CSFormField(props) {
@@ -91,7 +91,7 @@ function CSAlert(props) {
 }
 
 // src/components/CSBox.tsx
-import Box from "@cloudscape-design/components/box";
+import { Box } from "@cloudscape-design/components";
 import { jsx as jsx4 } from "react/jsx-runtime";
 function CSBox(props) {
   const { localisationObject, uniqueId } = FromPropsHelper.getBasicProps(props);
@@ -108,7 +108,7 @@ function CSBox(props) {
 }
 
 // src/components/CSButton.tsx
-import Button from "@cloudscape-design/components/button";
+import { Button } from "@cloudscape-design/components";
 import { jsx as jsx5 } from "react/jsx-runtime";
 function CSButton(props) {
   const { localisationObject, uniqueId } = FromPropsHelper.getBasicProps(props);
@@ -125,7 +125,7 @@ function CSButton(props) {
 }
 
 // src/components/CSCheckbox.tsx
-import Checkbox from "@cloudscape-design/components/checkbox";
+import { Checkbox } from "@cloudscape-design/components";
 import { jsx as jsx6 } from "react/jsx-runtime";
 function CSCheckbox(props) {
   const { localisationObject, uniqueId } = FromPropsHelper.getBasicProps(props);
@@ -145,7 +145,7 @@ function CSCheckbox(props) {
 }
 
 // src/components/CSDatePicker.tsx
-import DatePicker from "@cloudscape-design/components/date-picker";
+import { DatePicker } from "@cloudscape-design/components";
 import { jsx as jsx7 } from "react/jsx-runtime";
 function CSDatePicker(props) {
   const { localisationObject, uniqueId } = FromPropsHelper.getBasicProps(props);
@@ -166,7 +166,7 @@ function CSDatePicker(props) {
 }
 
 // src/components/CSMultiselect.tsx
-import Multiselect from "@cloudscape-design/components/multiselect";
+import { Multiselect } from "@cloudscape-design/components";
 import { jsx as jsx8 } from "react/jsx-runtime";
 function CSMultiselect(props) {
   var _a, _b;
@@ -296,7 +296,7 @@ function CSEnumMultiselect(props) {
 }
 
 // src/components/CSSegmentedControl.tsx
-import SegmentedControl from "@cloudscape-design/components/segmented-control";
+import { SegmentedControl } from "@cloudscape-design/components";
 import { jsx as jsx10 } from "react/jsx-runtime";
 function CSSegmentedControl(props) {
   const { localisationObject, uniqueId } = FromPropsHelper.getBasicProps(props);
@@ -331,7 +331,7 @@ function CSEnumSegmentedControl(props) {
 }
 
 // src/components/CSSelect.tsx
-import Select from "@cloudscape-design/components/select";
+import { Select } from "@cloudscape-design/components";
 import { jsx as jsx12 } from "react/jsx-runtime";
 function CSSelect(props) {
   const { localisationObject, uniqueId } = FromPropsHelper.getBasicProps(props);
@@ -361,7 +361,7 @@ function CSEnumSelect(props) {
 }
 
 // src/components/CSEnumTiles.tsx
-import Tiles from "@cloudscape-design/components/tiles";
+import { Tiles } from "@cloudscape-design/components";
 import { jsx as jsx14 } from "react/jsx-runtime";
 function CSEnumTiles(props) {
   const { localisationObject, uniqueId } = FromPropsHelper.getBasicProps(props);
@@ -389,7 +389,7 @@ function CSEnumTiles(props) {
 }
 
 // src/components/CSLink.tsx
-import Link from "@cloudscape-design/components/link";
+import { Link } from "@cloudscape-design/components";
 
 // src/utils/BrowserUtils.ts
 var openInNewTab = (link) => {
@@ -430,7 +430,7 @@ function CSExternalLink(props) {
 }
 
 // src/components/CSHeader.tsx
-import Header from "@cloudscape-design/components/header";
+import { Header } from "@cloudscape-design/components";
 import { jsx as jsx16 } from "react/jsx-runtime";
 function CSHeader(props) {
   const { localisationObject, uniqueId } = FromPropsHelper.getBasicProps(props);
@@ -447,7 +447,7 @@ function CSHeader(props) {
 }
 
 // src/components/CSInput.tsx
-import Input from "@cloudscape-design/components/input";
+import { Input } from "@cloudscape-design/components";
 import { jsx as jsx17 } from "react/jsx-runtime";
 function CSInput(props) {
   const { localisationObject, uniqueId } = FromPropsHelper.getBasicProps(props);
@@ -468,7 +468,7 @@ function CSInput(props) {
 }
 
 // src/components/CSNumericInput.tsx
-import Input2 from "@cloudscape-design/components/input";
+import { Input as Input2 } from "@cloudscape-design/components";
 import { jsx as jsx18 } from "react/jsx-runtime";
 function CSNumericInput(props) {
   const { localisationObject, uniqueId } = FromPropsHelper.getBasicProps(props);
@@ -499,7 +499,7 @@ function CSNumericInput(props) {
 }
 
 // src/components/CSStatusIndicator.tsx
-import StatusIndicator from "@cloudscape-design/components/status-indicator";
+import { StatusIndicator } from "@cloudscape-design/components";
 import { jsx as jsx19 } from "react/jsx-runtime";
 function CSStatusIndicator(props) {
   const { localisationObject, uniqueId } = FromPropsHelper.getBasicProps(props);
@@ -516,7 +516,7 @@ function CSStatusIndicator(props) {
 }
 
 // src/components/CSTextContent.tsx
-import TextContent from "@cloudscape-design/components/text-content";
+import { TextContent } from "@cloudscape-design/components";
 import { jsx as jsx20 } from "react/jsx-runtime";
 function CSTextContent(props) {
   const { localisationObject, uniqueId } = FromPropsHelper.getBasicProps(props);
@@ -533,7 +533,7 @@ function CSTextContent(props) {
 }
 
 // src/components/CSTextarea.tsx
-import Textarea from "@cloudscape-design/components/textarea";
+import { Textarea } from "@cloudscape-design/components";
 import { jsx as jsx21 } from "react/jsx-runtime";
 function CSTextarea(props) {
   const { localisationObject, uniqueId } = FromPropsHelper.getBasicProps(props);
@@ -554,7 +554,7 @@ function CSTextarea(props) {
 }
 
 // src/components/CSTimeInput.tsx
-import TimeInput from "@cloudscape-design/components/time-input";
+import { TimeInput } from "@cloudscape-design/components";
 import { jsx as jsx22 } from "react/jsx-runtime";
 function CSTimeInput(props) {
   const { localisationObject, uniqueId } = FromPropsHelper.getBasicProps(props);
@@ -575,7 +575,7 @@ function CSTimeInput(props) {
 }
 
 // src/components/CSToggle.tsx
-import Toggle from "@cloudscape-design/components/toggle";
+import { Toggle } from "@cloudscape-design/components";
 import { jsx as jsx23 } from "react/jsx-runtime";
 function CSToggle(props) {
   const { localisationObject, uniqueId } = FromPropsHelper.getBasicProps(props);
@@ -912,8 +912,7 @@ function CSVEnumRatingView(props) {
 }
 
 // src/views/CSVNoItemsView.tsx
-import Box2 from "@cloudscape-design/components/box";
-import SpaceBetween from "@cloudscape-design/components/space-between";
+import { Box as Box2, SpaceBetween } from "@cloudscape-design/components";
 import { jsx as jsx25, jsxs as jsxs3 } from "react/jsx-runtime";
 var CSV_NO_ITEMS_VIEW_SPEC = (ns) => ViewSpec.create("CSVNoItemsView", ns, (spec) => ({
   boxHeading: spec.addField(new FieldSpec("boxHeading")),
@@ -951,7 +950,7 @@ function CSVNoItemsView(props) {
 }
 
 // src/views/CSVPriceInputView.tsx
-import Grid from "@cloudscape-design/components/grid";
+import { Grid } from "@cloudscape-design/components";
 
 // src/utils/PriceUtils.ts
 var LOGGER2 = new Log("PriceUtils");
@@ -1077,7 +1076,7 @@ function CSVPriceInputView(props) {
 }
 
 // src/views/CSVSearchFilterView.tsx
-import SpaceBetween2 from "@cloudscape-design/components/space-between";
+import { SpaceBetween as SpaceBetween2 } from "@cloudscape-design/components";
 import { jsx as jsx27, jsxs as jsxs5 } from "react/jsx-runtime";
 var CSV_SEARCH_FILTER_VIEW_SPEC = (parent, key) => ViewSpec.create(key, parent.ns, (spec) => ({
   inputSearch: spec.addField(new FieldSpec("inputSearch")),
@@ -1117,9 +1116,7 @@ function CSVSearchFilterView(props) {
 }
 
 // src/views/CSVTextPromptModalView.tsx
-import Box3 from "@cloudscape-design/components/box";
-import Modal from "@cloudscape-design/components/modal";
-import SpaceBetween3 from "@cloudscape-design/components/space-between";
+import { Box as Box3, Modal, SpaceBetween as SpaceBetween3 } from "@cloudscape-design/components";
 import { Fragment, jsx as jsx28, jsxs as jsxs6 } from "react/jsx-runtime";
 var CSV_TEXT_PROMPT_MODAL_VIEW_SPEC = (parent, key) => ViewSpec.create(key, parent.ns, (spec) => ({
   headerHeading: spec.addField(new FieldSpec("headerHeading")),
@@ -1601,7 +1598,7 @@ var RestClient = class {
             json
           }));
         } else {
-          return response.text().then((text) => ({
+          return response.text().then(() => ({
             status: response.status,
             json: {}
           }));

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ebertjendustries/cswrapper",
-  "version": "1.0.4",
+  "version": "1.0.6",
   "main": "dist/index.cjs",
   "module": "dist/index.mjs",
   "types": "dist/index.d.ts",
@@ -43,9 +43,11 @@
     "@types/node": "^22.15.21",
     "@types/react": "^19.1.5",
     "@types/react-dom": "^19.1.5",
+    "@vitejs/plugin-react": "^4.5.0",
     "eslint": "^9.27.0",
     "eslint-plugin-jest-dom": "^5.5.0",
     "eslint-plugin-testing-library": "^7.2.1",
+    "jsdom": "^26.1.0",
     "react": "^19.1.0",
     "react-dom": "^19.1.0",
     "ts-node": "^10.9.2",
@@ -54,7 +56,8 @@
     "vitest": "^3.1.4"
   },
   "scripts": {
-    "build": "tsup"
+    "build": "tsup",
+    "test": "vitest run"
   },
   "eslintConfig": {
     "extends": [