@ebertjendustries/cswrapper 1.0.2 → 1.0.3

package/dist/index.d.mts

@@ -1,8 +1,23 @@
 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, BoxProps, ButtonProps, DatePickerProps, MultiselectProps, SegmentedControlProps, SelectProps, TilesProps, LinkProps, HeaderProps, InputProps, StatusIndicatorProps, TextContentProps, TextareaProps, TimeInputProps, ToggleProps } from '@cloudscape-design/components';
+import { AlertProps } from '@cloudscape-design/components/alert';
+import { BoxProps } from '@cloudscape-design/components/box';
+import { ButtonProps } from '@cloudscape-design/components/button';
 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,8 +1,23 @@
 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, BoxProps, ButtonProps, DatePickerProps, MultiselectProps, SegmentedControlProps, SelectProps, TilesProps, LinkProps, HeaderProps, InputProps, StatusIndicatorProps, TextContentProps, TextareaProps, TimeInputProps, ToggleProps } from '@cloudscape-design/components';
+import { AlertProps } from '@cloudscape-design/components/alert';
+import { BoxProps } from '@cloudscape-design/components/box';
+import { ButtonProps } from '@cloudscape-design/components/button';
 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,7 +1,9 @@
 "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)
@@ -15,6 +17,14 @@ 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
@@ -108,7 +118,7 @@ __export(index_exports, {
 module.exports = __toCommonJS(index_exports);
 
 // src/components/CSAlert.tsx
-var import_components2 = require("@cloudscape-design/components");
+var import_alert = __toESM(require("@cloudscape-design/components/alert"));
 
 // src/types/CSFormProps.ts
 var FromPropsHelper = class {
@@ -138,7 +148,7 @@ FromPropsHelper.sanitizeValueToString = (value) => {
 };
 
 // src/components/CSFormField.tsx
-var import_components = require("@cloudscape-design/components");
+var import_form_field = __toESM(require("@cloudscape-design/components/form-field"));
 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
@@ -152,7 +162,7 @@ function CSFormField(props) {
   if (!FromPropsHelper.usesFormField(props)) {
     return 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 });
+  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 });
 }
 
 // src/components/ChildUtils.tsx
@@ -189,7 +199,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_components2.Alert,
+    import_alert.default,
     {
       "data-testid": uniqueId,
       ...props,
@@ -200,13 +210,13 @@ function CSAlert(props) {
 }
 
 // src/components/CSBox.tsx
-var import_components3 = require("@cloudscape-design/components");
+var import_box = __toESM(require("@cloudscape-design/components/box"));
 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_components3.Box,
+    import_box.default,
     {
       "data-testid": uniqueId,
       ...props,
@@ -217,13 +227,13 @@ function CSBox(props) {
 }
 
 // src/components/CSButton.tsx
-var import_components4 = require("@cloudscape-design/components");
+var import_button = __toESM(require("@cloudscape-design/components/button"));
 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_components4.Button,
+    import_button.default,
     {
       "data-testid": uniqueId,
       ...props,
@@ -234,13 +244,13 @@ function CSButton(props) {
 }
 
 // src/components/CSCheckbox.tsx
-var import_components5 = require("@cloudscape-design/components");
+var import_checkbox = __toESM(require("@cloudscape-design/components/checkbox"));
 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_components5.Checkbox,
+    import_checkbox.default,
     {
       "data-testid": uniqueId,
       name: uniqueId,
@@ -254,7 +264,7 @@ function CSCheckbox(props) {
 }
 
 // src/components/CSDatePicker.tsx
-var import_components6 = require("@cloudscape-design/components");
+var import_date_picker = __toESM(require("@cloudscape-design/components/date-picker"));
 var import_jsx_runtime7 = require("react/jsx-runtime");
 function CSDatePicker(props) {
   const { localisationObject, uniqueId } = FromPropsHelper.getBasicProps(props);
@@ -262,7 +272,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_components6.DatePicker,
+    import_date_picker.default,
     {
       "data-testid": uniqueId,
       controlId: uniqueId,
@@ -275,7 +285,7 @@ function CSDatePicker(props) {
 }
 
 // src/components/CSMultiselect.tsx
-var import_components7 = require("@cloudscape-design/components");
+var import_multiselect = __toESM(require("@cloudscape-design/components/multiselect"));
 var import_jsx_runtime8 = require("react/jsx-runtime");
 function CSMultiselect(props) {
   var _a, _b;
@@ -294,7 +304,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_components7.Multiselect,
+    import_multiselect.default,
     {
       "data-testid": uniqueId,
       controlId: uniqueId,
@@ -405,13 +415,13 @@ function CSEnumMultiselect(props) {
 }
 
 // src/components/CSSegmentedControl.tsx
-var import_components8 = require("@cloudscape-design/components");
+var import_segmented_control = __toESM(require("@cloudscape-design/components/segmented-control"));
 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_components8.SegmentedControl,
+    import_segmented_control.default,
     {
       "data-testid": uniqueId,
       onChange: ({ detail }) => props.onChangeValue(props.fieldSpec.key, detail.selectedId),
@@ -440,13 +450,13 @@ function CSEnumSegmentedControl(props) {
 }
 
 // src/components/CSSelect.tsx
-var import_components9 = require("@cloudscape-design/components");
+var import_select = __toESM(require("@cloudscape-design/components/select"));
 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_components9.Select,
+    import_select.default,
     {
       "data-testid": uniqueId,
       controlId: uniqueId,
@@ -470,7 +480,7 @@ function CSEnumSelect(props) {
 }
 
 // src/components/CSEnumTiles.tsx
-var import_components10 = require("@cloudscape-design/components");
+var import_tiles = __toESM(require("@cloudscape-design/components/tiles"));
 var import_jsx_runtime14 = require("react/jsx-runtime");
 function CSEnumTiles(props) {
   const { localisationObject, uniqueId } = FromPropsHelper.getBasicProps(props);
@@ -483,7 +493,7 @@ function CSEnumTiles(props) {
     };
   });
   return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
-    import_components10.Tiles,
+    import_tiles.default,
     {
       "data-testid": uniqueId,
       controlId: uniqueId,
@@ -498,7 +508,7 @@ function CSEnumTiles(props) {
 }
 
 // src/components/CSLink.tsx
-var import_components11 = require("@cloudscape-design/components");
+var import_link = __toESM(require("@cloudscape-design/components/link"));
 
 // src/utils/BrowserUtils.ts
 var openInNewTab = (link) => {
@@ -525,7 +535,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_components11.Link,
+    import_link.default,
     {
       "data-testid": uniqueId,
       ...props,
@@ -539,13 +549,13 @@ function CSExternalLink(props) {
 }
 
 // src/components/CSHeader.tsx
-var import_components12 = require("@cloudscape-design/components");
+var import_header = __toESM(require("@cloudscape-design/components/header"));
 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_components12.Header,
+    import_header.default,
     {
       "data-testid": uniqueId,
       ...props,
@@ -556,7 +566,7 @@ function CSHeader(props) {
 }
 
 // src/components/CSInput.tsx
-var import_components13 = require("@cloudscape-design/components");
+var import_input = __toESM(require("@cloudscape-design/components/input"));
 var import_jsx_runtime17 = require("react/jsx-runtime");
 function CSInput(props) {
   const { localisationObject, uniqueId } = FromPropsHelper.getBasicProps(props);
@@ -564,7 +574,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_components13.Input,
+    import_input.default,
     {
       "data-testid": uniqueId,
       controlId: uniqueId,
@@ -577,7 +587,7 @@ function CSInput(props) {
 }
 
 // src/components/CSNumericInput.tsx
-var import_components14 = require("@cloudscape-design/components");
+var import_input2 = __toESM(require("@cloudscape-design/components/input"));
 var import_jsx_runtime18 = require("react/jsx-runtime");
 function CSNumericInput(props) {
   const { localisationObject, uniqueId } = FromPropsHelper.getBasicProps(props);
@@ -591,7 +601,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_components14.Input,
+    import_input2.default,
     {
       "data-testid": uniqueId,
       controlId: uniqueId,
@@ -608,13 +618,13 @@ function CSNumericInput(props) {
 }
 
 // src/components/CSStatusIndicator.tsx
-var import_components15 = require("@cloudscape-design/components");
+var import_status_indicator = __toESM(require("@cloudscape-design/components/status-indicator"));
 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_components15.StatusIndicator,
+    import_status_indicator.default,
     {
       "data-testid": uniqueId,
       ...props,
@@ -625,13 +635,13 @@ function CSStatusIndicator(props) {
 }
 
 // src/components/CSTextContent.tsx
-var import_components16 = require("@cloudscape-design/components");
+var import_text_content = __toESM(require("@cloudscape-design/components/text-content"));
 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_components16.TextContent,
+    import_text_content.default,
     {
       "data-testid": uniqueId,
       ...props,
@@ -642,7 +652,7 @@ function CSTextContent(props) {
 }
 
 // src/components/CSTextarea.tsx
-var import_components17 = require("@cloudscape-design/components");
+var import_textarea = __toESM(require("@cloudscape-design/components/textarea"));
 var import_jsx_runtime21 = require("react/jsx-runtime");
 function CSTextarea(props) {
   const { localisationObject, uniqueId } = FromPropsHelper.getBasicProps(props);
@@ -650,7 +660,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_components17.Textarea,
+    import_textarea.default,
     {
       "data-testid": uniqueId,
       controlId: uniqueId,
@@ -663,14 +673,14 @@ function CSTextarea(props) {
 }
 
 // src/components/CSTimeInput.tsx
-var import_components18 = require("@cloudscape-design/components");
+var import_time_input = __toESM(require("@cloudscape-design/components/time-input"));
 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_components18.TimeInput,
+    import_time_input.default,
     {
       "data-testid": uniqueId,
       autoFocus: props.autoFocus,
@@ -684,13 +694,13 @@ function CSTimeInput(props) {
 }
 
 // src/components/CSToggle.tsx
-var import_components19 = require("@cloudscape-design/components");
+var import_toggle = __toESM(require("@cloudscape-design/components/toggle"));
 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_components19.Toggle,
+    import_toggle.default,
     {
       "data-testid": uniqueId,
       name: uniqueId,
@@ -1021,7 +1031,7 @@ function CSVEnumRatingView(props) {
 }
 
 // src/views/CSVNoItemsView.tsx
-var import_components20 = require("@cloudscape-design/components");
+var import_components = 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")),
@@ -1030,7 +1040,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_components20.Box, { textAlign: "center", color: "inherit", children: /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(import_components20.SpaceBetween, { 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_components.Box, { textAlign: "center", color: "inherit", children: /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(import_components.SpaceBetween, { size: "xxs", direction: "vertical", children: [
     /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
       CSBox,
       {
@@ -1059,7 +1069,7 @@ function CSVNoItemsView(props) {
 }
 
 // src/views/CSVPriceInputView.tsx
-var import_components21 = require("@cloudscape-design/components");
+var import_grid = __toESM(require("@cloudscape-design/components/grid"));
 
 // src/utils/PriceUtils.ts
 var LOGGER2 = new Log("PriceUtils");
@@ -1134,7 +1144,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_components21.Grid,
+    import_grid.default,
     {
       gridDefinition: [{ colspan: 4 }, { colspan: { default: 4, xxs: 3 } }, { colspan: { default: 4, xxs: 5 } }],
       disableGutters: true,
@@ -1185,7 +1195,7 @@ function CSVPriceInputView(props) {
 }
 
 // src/views/CSVSearchFilterView.tsx
-var import_components22 = require("@cloudscape-design/components");
+var import_space_between = __toESM(require("@cloudscape-design/components/space-between"));
 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")),
@@ -1194,7 +1204,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_components22.SpaceBetween, { size: "s", direction: "horizontal", children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(import_space_between.default, { 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,
       {
@@ -1225,7 +1235,7 @@ function CSVSearchFilterView(props) {
 }
 
 // src/views/CSVTextPromptModalView.tsx
-var import_components23 = require("@cloudscape-design/components");
+var import_components2 = 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")),
@@ -1247,7 +1257,7 @@ function CSVTextPromptModalView(props) {
     }
   ) : props.buttonSecondary : /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(import_jsx_runtime28.Fragment, {});
   return /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
-    import_components23.Modal,
+    import_components2.Modal,
     {
       "data-testid": props.viewSpec.getDataTestId(),
       onDismiss: props.onDismiss,
@@ -1260,7 +1270,7 @@ function CSVTextPromptModalView(props) {
           children: props.headerHeading
         }
       ) : props.headerHeading,
-      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: [
+      footer: /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(import_components2.Box, { float: "right", children: /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)(import_components2.SpaceBetween, { direction: "horizontal", size: "l", children: [
         props.buttonPrimary === void 0 || typeof props.buttonPrimary === "string" ? /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
           CSButton,
           {

package/dist/index.mjs

@@ -1,5 +1,5 @@
 // src/components/CSAlert.tsx
-import { Alert } from "@cloudscape-design/components";
+import Alert from "@cloudscape-design/components/alert";
 
 // src/types/CSFormProps.ts
 var FromPropsHelper = class {
@@ -29,7 +29,7 @@ FromPropsHelper.sanitizeValueToString = (value) => {
 };
 
 // src/components/CSFormField.tsx
-import { FormField } from "@cloudscape-design/components";
+import FormField from "@cloudscape-design/components/form-field";
 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";
+import Box from "@cloudscape-design/components/box";
 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";
+import Button from "@cloudscape-design/components/button";
 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";
+import Checkbox from "@cloudscape-design/components/checkbox";
 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";
+import DatePicker from "@cloudscape-design/components/date-picker";
 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";
+import Multiselect from "@cloudscape-design/components/multiselect";
 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";
+import SegmentedControl from "@cloudscape-design/components/segmented-control";
 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";
+import Select from "@cloudscape-design/components/select";
 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";
+import Tiles from "@cloudscape-design/components/tiles";
 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";
+import Link from "@cloudscape-design/components/link";
 
 // src/utils/BrowserUtils.ts
 var openInNewTab = (link) => {
@@ -430,7 +430,7 @@ function CSExternalLink(props) {
 }
 
 // src/components/CSHeader.tsx
-import { Header } from "@cloudscape-design/components";
+import Header from "@cloudscape-design/components/header";
 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";
+import Input from "@cloudscape-design/components/input";
 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 { Input as Input2 } from "@cloudscape-design/components";
+import Input2 from "@cloudscape-design/components/input";
 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";
+import StatusIndicator from "@cloudscape-design/components/status-indicator";
 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";
+import TextContent from "@cloudscape-design/components/text-content";
 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";
+import Textarea from "@cloudscape-design/components/textarea";
 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";
+import TimeInput from "@cloudscape-design/components/time-input";
 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";
+import Toggle from "@cloudscape-design/components/toggle";
 import { jsx as jsx23 } from "react/jsx-runtime";
 function CSToggle(props) {
   const { localisationObject, uniqueId } = FromPropsHelper.getBasicProps(props);
@@ -950,7 +950,7 @@ function CSVNoItemsView(props) {
 }
 
 // src/views/CSVPriceInputView.tsx
-import { Grid } from "@cloudscape-design/components";
+import Grid from "@cloudscape-design/components/grid";
 
 // src/utils/PriceUtils.ts
 var LOGGER2 = new Log("PriceUtils");
@@ -1076,7 +1076,7 @@ function CSVPriceInputView(props) {
 }
 
 // src/views/CSVSearchFilterView.tsx
-import { SpaceBetween as SpaceBetween2 } from "@cloudscape-design/components";
+import SpaceBetween2 from "@cloudscape-design/components/space-between";
 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")),

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ebertjendustries/cswrapper",
-  "version": "1.0.2",
+  "version": "1.0.3",
   "main": "dist/index.cjs",
   "module": "dist/index.mjs",
   "types": "dist/index.d.ts",