@ebertjendustries/cswrapper 1.0.11 → 1.0.14

package/dist/index.d.mts

@@ -1,7 +1,7 @@
 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, BoxProps, ButtonProps, DatePickerProps, MultiselectProps, SegmentedControlProps, SelectProps, TilesProps, LinkProps, HeaderProps, InputProps, StatusIndicatorProps, TextContentProps, TextareaProps, TimeInputProps, ToggleProps, CopyToClipboardProps } from '@cloudscape-design/components';
 import { CheckboxProps } from '@cloudscape-design/components/checkbox/interfaces';
 import { OptionDefinition } from '@cloudscape-design/components/internal/components/option/interfaces';
 
@@ -677,6 +677,13 @@ interface CSToggleProps extends CSFormProps, ToggleProps {
  */
 declare function CSToggle(props: CSToggleProps): react_jsx_runtime.JSX.Element;
 
+interface CSCopyToClipboardProps extends CSReadOnlyFormProps, CopyToClipboardProps {
+}
+/**
+ * Represents a {@link CopyToClipboard} with extra features.
+ */
+declare function CSCopyToClipboard(props: CSCopyToClipboardProps): react_jsx_runtime.JSX.Element;
+
 interface CSPropsType extends CSReadOnlyFormProps {
     children?: any;
     preventOverflow?: boolean;
@@ -786,4 +793,4 @@ declare const warnWhenTabIsClosed: (isDirty?: () => boolean) => () => void;
 
 declare const useHotkey: (key: string, shift: boolean, ctrl: boolean, alt: boolean, callback: Function, node?: null) => void;
 
-export { type BooleanStateIndication, CSAlert, CSBox, CSButton, CSCheckbox, CSDatePicker, CSEnumMultiselect, CSEnumSegmentedControl, CSEnumSelect, CSEnumTiles, CSExternalLink, CSFormField, type CSFormProps, CSHeader, CSInput, CSLink, CSMultiselect, CSNumericInput, type CSReadOnlyFormProps, CSSegmentedControl, CSSelect, CSStatusIndicator, CSTextContent, CSTextarea, CSTimeInput, CSToggle, CSVEnumRatingView, type CSVEnumRatingViewElements, CSVNoItemsView, type CSVNoItemsViewElements, CSVPriceInputView, type CSVPriceInputViewElements, CSVSearchFilterView, type CSVSearchFilterViewElements, CSVTextPromptModalView, type CSVTextPromptModalViewElements, type CSVTextPromptModalViewProps, CSV_ENUM_RATING_VIEW_SPEC, CSV_NO_ITEMS_VIEW_SPEC, CSV_PRICE_INPUT_VIEW_SPEC, CSV_SEARCH_FILTER_VIEW_SPEC, CSV_TEXT_PROMPT_MODAL_VIEW_SPEC, type CSViewProps, ChildUtils, type CommandFunction, type ContentWithMessagesCTO, ControllerState, DateUtils, ELEMENT_VALIDITY_LEVEL_FACTORY, ElementValidityLevel, EnumFactory, FORM_FIELD_ID_SUFFIX, FieldProperties, FieldSpec, type FieldValidatorFunctionType, type FieldValidityLocalisationFunction, FixedWidth, FromPropsHelper, type IFieldSpec, type IPrice, type IRestClient, type IViewElementSpec, type IdType, type Indexable, type InputChangedFunction, LocalStorageService, LocalisationNamespace, type LocalisationVariableType, type LocalisedElements, type LocalisedEnumDetails, Localiser, Log, MESSAGE_SEVERITY_FACTORY, MessageCTO, MessageCodeTO, MessageService, MessageSeverity, type MessageWithDetailToggle, type ModalState, type MultiPropertyChangeFunction, NO_HTTP_CODE, NSK_CONTENT, ObjectWithId, PriceUtils, type PropertyChangeFunction, QUERY_SEP, QUERY_START, type QueryKeyValueParams, QueryParamHelper, REST_CLIENT_LOGGER, RestClient, type RunFunction, RunFunctionResult, SelectHelper, TECHNICAL_CONTROLLER_ID, type UseAWSUIRefHook, type UseControllerDisplayStateHook, type UseMessagesHook, type UseTOArrayChangeHandlerHook, type UseTOChangeHandlerHook, ViewSpec, type ViewValidatorFunctionType, createRestClient, fatalRunErrorFunction, filterArrayByIndices, getEnumRatingLabel, getEnumRatingValues, indexRangeArray, isContentWithMessages, openInNewTab, singleChangeHandlerToMulti, sleep, sortArrayByIndices, useAWSUIRef, useControllerDisplayState, useHotkey, useMessages, useTOArrayChangeHandler, useTOChangeHandler, warnWhenTabIsClosed };
+export { type BooleanStateIndication, CSAlert, CSBox, CSButton, CSCheckbox, CSCopyToClipboard, CSDatePicker, CSEnumMultiselect, CSEnumSegmentedControl, CSEnumSelect, CSEnumTiles, CSExternalLink, CSFormField, type CSFormProps, CSHeader, CSInput, CSLink, CSMultiselect, CSNumericInput, type CSReadOnlyFormProps, CSSegmentedControl, CSSelect, CSStatusIndicator, CSTextContent, CSTextarea, CSTimeInput, CSToggle, CSVEnumRatingView, type CSVEnumRatingViewElements, CSVNoItemsView, type CSVNoItemsViewElements, CSVPriceInputView, type CSVPriceInputViewElements, CSVSearchFilterView, type CSVSearchFilterViewElements, CSVTextPromptModalView, type CSVTextPromptModalViewElements, type CSVTextPromptModalViewProps, CSV_ENUM_RATING_VIEW_SPEC, CSV_NO_ITEMS_VIEW_SPEC, CSV_PRICE_INPUT_VIEW_SPEC, CSV_SEARCH_FILTER_VIEW_SPEC, CSV_TEXT_PROMPT_MODAL_VIEW_SPEC, type CSViewProps, ChildUtils, type CommandFunction, type ContentWithMessagesCTO, ControllerState, DateUtils, ELEMENT_VALIDITY_LEVEL_FACTORY, ElementValidityLevel, EnumFactory, FORM_FIELD_ID_SUFFIX, FieldProperties, FieldSpec, type FieldValidatorFunctionType, type FieldValidityLocalisationFunction, FixedWidth, FromPropsHelper, type IFieldSpec, type IPrice, type IRestClient, type IViewElementSpec, type IdType, type Indexable, type InputChangedFunction, LocalStorageService, LocalisationNamespace, type LocalisationVariableType, type LocalisedElements, type LocalisedEnumDetails, Localiser, Log, MESSAGE_SEVERITY_FACTORY, MessageCTO, MessageCodeTO, MessageService, MessageSeverity, type MessageWithDetailToggle, type ModalState, type MultiPropertyChangeFunction, NO_HTTP_CODE, NSK_CONTENT, ObjectWithId, PriceUtils, type PropertyChangeFunction, QUERY_SEP, QUERY_START, type QueryKeyValueParams, QueryParamHelper, REST_CLIENT_LOGGER, RestClient, type RunFunction, RunFunctionResult, SelectHelper, TECHNICAL_CONTROLLER_ID, type UseAWSUIRefHook, type UseControllerDisplayStateHook, type UseMessagesHook, type UseTOArrayChangeHandlerHook, type UseTOChangeHandlerHook, ViewSpec, type ViewValidatorFunctionType, createRestClient, fatalRunErrorFunction, filterArrayByIndices, getEnumRatingLabel, getEnumRatingValues, indexRangeArray, isContentWithMessages, openInNewTab, singleChangeHandlerToMulti, sleep, sortArrayByIndices, useAWSUIRef, useControllerDisplayState, useHotkey, useMessages, useTOArrayChangeHandler, useTOChangeHandler, warnWhenTabIsClosed };

package/dist/index.d.ts

@@ -1,7 +1,7 @@
 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, BoxProps, ButtonProps, DatePickerProps, MultiselectProps, SegmentedControlProps, SelectProps, TilesProps, LinkProps, HeaderProps, InputProps, StatusIndicatorProps, TextContentProps, TextareaProps, TimeInputProps, ToggleProps, CopyToClipboardProps } from '@cloudscape-design/components';
 import { CheckboxProps } from '@cloudscape-design/components/checkbox/interfaces';
 import { OptionDefinition } from '@cloudscape-design/components/internal/components/option/interfaces';
 
@@ -677,6 +677,13 @@ interface CSToggleProps extends CSFormProps, ToggleProps {
  */
 declare function CSToggle(props: CSToggleProps): react_jsx_runtime.JSX.Element;
 
+interface CSCopyToClipboardProps extends CSReadOnlyFormProps, CopyToClipboardProps {
+}
+/**
+ * Represents a {@link CopyToClipboard} with extra features.
+ */
+declare function CSCopyToClipboard(props: CSCopyToClipboardProps): react_jsx_runtime.JSX.Element;
+
 interface CSPropsType extends CSReadOnlyFormProps {
     children?: any;
     preventOverflow?: boolean;
@@ -786,4 +793,4 @@ declare const warnWhenTabIsClosed: (isDirty?: () => boolean) => () => void;
 
 declare const useHotkey: (key: string, shift: boolean, ctrl: boolean, alt: boolean, callback: Function, node?: null) => void;
 
-export { type BooleanStateIndication, CSAlert, CSBox, CSButton, CSCheckbox, CSDatePicker, CSEnumMultiselect, CSEnumSegmentedControl, CSEnumSelect, CSEnumTiles, CSExternalLink, CSFormField, type CSFormProps, CSHeader, CSInput, CSLink, CSMultiselect, CSNumericInput, type CSReadOnlyFormProps, CSSegmentedControl, CSSelect, CSStatusIndicator, CSTextContent, CSTextarea, CSTimeInput, CSToggle, CSVEnumRatingView, type CSVEnumRatingViewElements, CSVNoItemsView, type CSVNoItemsViewElements, CSVPriceInputView, type CSVPriceInputViewElements, CSVSearchFilterView, type CSVSearchFilterViewElements, CSVTextPromptModalView, type CSVTextPromptModalViewElements, type CSVTextPromptModalViewProps, CSV_ENUM_RATING_VIEW_SPEC, CSV_NO_ITEMS_VIEW_SPEC, CSV_PRICE_INPUT_VIEW_SPEC, CSV_SEARCH_FILTER_VIEW_SPEC, CSV_TEXT_PROMPT_MODAL_VIEW_SPEC, type CSViewProps, ChildUtils, type CommandFunction, type ContentWithMessagesCTO, ControllerState, DateUtils, ELEMENT_VALIDITY_LEVEL_FACTORY, ElementValidityLevel, EnumFactory, FORM_FIELD_ID_SUFFIX, FieldProperties, FieldSpec, type FieldValidatorFunctionType, type FieldValidityLocalisationFunction, FixedWidth, FromPropsHelper, type IFieldSpec, type IPrice, type IRestClient, type IViewElementSpec, type IdType, type Indexable, type InputChangedFunction, LocalStorageService, LocalisationNamespace, type LocalisationVariableType, type LocalisedElements, type LocalisedEnumDetails, Localiser, Log, MESSAGE_SEVERITY_FACTORY, MessageCTO, MessageCodeTO, MessageService, MessageSeverity, type MessageWithDetailToggle, type ModalState, type MultiPropertyChangeFunction, NO_HTTP_CODE, NSK_CONTENT, ObjectWithId, PriceUtils, type PropertyChangeFunction, QUERY_SEP, QUERY_START, type QueryKeyValueParams, QueryParamHelper, REST_CLIENT_LOGGER, RestClient, type RunFunction, RunFunctionResult, SelectHelper, TECHNICAL_CONTROLLER_ID, type UseAWSUIRefHook, type UseControllerDisplayStateHook, type UseMessagesHook, type UseTOArrayChangeHandlerHook, type UseTOChangeHandlerHook, ViewSpec, type ViewValidatorFunctionType, createRestClient, fatalRunErrorFunction, filterArrayByIndices, getEnumRatingLabel, getEnumRatingValues, indexRangeArray, isContentWithMessages, openInNewTab, singleChangeHandlerToMulti, sleep, sortArrayByIndices, useAWSUIRef, useControllerDisplayState, useHotkey, useMessages, useTOArrayChangeHandler, useTOChangeHandler, warnWhenTabIsClosed };
+export { type BooleanStateIndication, CSAlert, CSBox, CSButton, CSCheckbox, CSCopyToClipboard, CSDatePicker, CSEnumMultiselect, CSEnumSegmentedControl, CSEnumSelect, CSEnumTiles, CSExternalLink, CSFormField, type CSFormProps, CSHeader, CSInput, CSLink, CSMultiselect, CSNumericInput, type CSReadOnlyFormProps, CSSegmentedControl, CSSelect, CSStatusIndicator, CSTextContent, CSTextarea, CSTimeInput, CSToggle, CSVEnumRatingView, type CSVEnumRatingViewElements, CSVNoItemsView, type CSVNoItemsViewElements, CSVPriceInputView, type CSVPriceInputViewElements, CSVSearchFilterView, type CSVSearchFilterViewElements, CSVTextPromptModalView, type CSVTextPromptModalViewElements, type CSVTextPromptModalViewProps, CSV_ENUM_RATING_VIEW_SPEC, CSV_NO_ITEMS_VIEW_SPEC, CSV_PRICE_INPUT_VIEW_SPEC, CSV_SEARCH_FILTER_VIEW_SPEC, CSV_TEXT_PROMPT_MODAL_VIEW_SPEC, type CSViewProps, ChildUtils, type CommandFunction, type ContentWithMessagesCTO, ControllerState, DateUtils, ELEMENT_VALIDITY_LEVEL_FACTORY, ElementValidityLevel, EnumFactory, FORM_FIELD_ID_SUFFIX, FieldProperties, FieldSpec, type FieldValidatorFunctionType, type FieldValidityLocalisationFunction, FixedWidth, FromPropsHelper, type IFieldSpec, type IPrice, type IRestClient, type IViewElementSpec, type IdType, type Indexable, type InputChangedFunction, LocalStorageService, LocalisationNamespace, type LocalisationVariableType, type LocalisedElements, type LocalisedEnumDetails, Localiser, Log, MESSAGE_SEVERITY_FACTORY, MessageCTO, MessageCodeTO, MessageService, MessageSeverity, type MessageWithDetailToggle, type ModalState, type MultiPropertyChangeFunction, NO_HTTP_CODE, NSK_CONTENT, ObjectWithId, PriceUtils, type PropertyChangeFunction, QUERY_SEP, QUERY_START, type QueryKeyValueParams, QueryParamHelper, REST_CLIENT_LOGGER, RestClient, type RunFunction, RunFunctionResult, SelectHelper, TECHNICAL_CONTROLLER_ID, type UseAWSUIRefHook, type UseControllerDisplayStateHook, type UseMessagesHook, type UseTOArrayChangeHandlerHook, type UseTOChangeHandlerHook, ViewSpec, type ViewValidatorFunctionType, createRestClient, fatalRunErrorFunction, filterArrayByIndices, getEnumRatingLabel, getEnumRatingValues, indexRangeArray, isContentWithMessages, openInNewTab, singleChangeHandlerToMulti, sleep, sortArrayByIndices, useAWSUIRef, useControllerDisplayState, useHotkey, useMessages, useTOArrayChangeHandler, useTOChangeHandler, warnWhenTabIsClosed };

package/dist/index.js

@@ -24,6 +24,7 @@ __export(index_exports, {
   CSBox: () => CSBox,
   CSButton: () => CSButton,
   CSCheckbox: () => CSCheckbox,
+  CSCopyToClipboard: () => CSCopyToClipboard,
   CSDatePicker: () => CSDatePicker,
   CSEnumMultiselect: () => CSEnumMultiselect,
   CSEnumSegmentedControl: () => CSEnumSegmentedControl,
@@ -703,6 +704,22 @@ function CSToggle(props) {
   ) });
 }
 
+// src/components/CSCopyToClipboard.tsx
+var import_components20 = require("@cloudscape-design/components");
+var import_jsx_runtime24 = require("react/jsx-runtime");
+function CSCopyToClipboard(props) {
+  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,
+      ...localisationObject
+    }
+  ) });
+}
+
 // src/views/CSVEnumRatingView.tsx
 var import_react_rating = require("@smastrom/react-rating");
 var import_react = require("react");
@@ -860,7 +877,7 @@ var ViewElementSpec = class {
     return this.keyHierarchy;
   }
   log(prefix) {
-    LOGGER.info(`${prefix === void 0 ? "" : prefix}DT ID = ${this.getDataTestId()} ----> Loc Key = ${this.getLocalisationKey()}`);
+    LOGGER.info(`${prefix === void 0 ? "" : prefix}<${this.getDataTestId()}> = ${this.getLocalisationKey()}`);
   }
 };
 var FieldSpec = class _FieldSpec extends ViewElementSpec {
@@ -968,17 +985,17 @@ var ViewSpec = class _ViewSpec extends ViewElementSpec {
     return this.viewValidator(this, value);
   }
   logViewSpec() {
-    this.log();
+    this.log("VIEW :::: ");
     for (const element of Object.values(this.elements)) {
       if (element instanceof ViewElementSpec) {
-        element.log("		");
+        element.log("	FIELD :::: ");
       }
     }
   }
 };
 
 // src/views/CSVEnumRatingView.tsx
-var import_jsx_runtime24 = require("react/jsx-runtime");
+var import_jsx_runtime25 = require("react/jsx-runtime");
 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"))
@@ -1005,8 +1022,8 @@ function CSVEnumRatingView(props) {
   (0, import_react.useEffect)(() => {
     setHoveredValue(props.selectedEnum);
   }, [props.selectedEnum]);
-  return /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(CSFormField, { fieldSpec: elements.rating, localiser: props.localiser, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
+  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(),
@@ -1019,7 +1036,7 @@ function CSVEnumRatingView(props) {
         invisibleItemLabels: valuesInOrder.slice(1).map((e) => getEnumRatingLabel(e, spec.instanceId))
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("div", { style: { textAlign: "left", paddingLeft: "5px" }, children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("div", { style: { textAlign: "left", paddingLeft: "5px" }, children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
       CSBox,
       {
         fieldSpec: elements.boxRatingName,
@@ -1032,8 +1049,8 @@ function CSVEnumRatingView(props) {
 }
 
 // src/views/CSVNoItemsView.tsx
-var import_components20 = require("@cloudscape-design/components");
-var import_jsx_runtime25 = require("react/jsx-runtime");
+var import_components21 = require("@cloudscape-design/components");
+var import_jsx_runtime26 = require("react/jsx-runtime");
 var CSV_NO_ITEMS_VIEW_SPEC = (ns) => ViewSpec.create("CSVNoItemsView", ns, (spec) => ({
   boxHeading: spec.addField(new FieldSpec("boxHeading")),
   boxBody: spec.addField(new FieldSpec("boxBody"))
@@ -1041,8 +1058,8 @@ 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: [
-    /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
+  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,
@@ -1053,7 +1070,7 @@ function CSVNoItemsView(props) {
         children: props.headingText
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
       CSBox,
       {
         fieldSpec: elements.boxBody,
@@ -1070,7 +1087,7 @@ function CSVNoItemsView(props) {
 }
 
 // src/views/CSVPriceInputView.tsx
-var import_components21 = require("@cloudscape-design/components");
+var import_components22 = require("@cloudscape-design/components");
 
 // src/utils/PriceUtils.ts
 var LOGGER2 = new Log("PriceUtils");
@@ -1133,7 +1150,7 @@ _PriceUtils.parseFormattedPriceWithCurrency = (locale, formattedPrice, currencyS
 var PriceUtils = _PriceUtils;
 
 // src/views/CSVPriceInputView.tsx
-var import_jsx_runtime26 = require("react/jsx-runtime");
+var import_jsx_runtime27 = require("react/jsx-runtime");
 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)),
@@ -1144,13 +1161,13 @@ function CSVPriceInputView(props) {
   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_runtime26.jsxs)(
-    import_components21.Grid,
+  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_runtime26.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
           CSNumericInput,
           {
             fieldSpec: elements.inputPrice,
@@ -1164,7 +1181,7 @@ function CSVPriceInputView(props) {
             })
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("div", { style: { paddingLeft: "8px" }, children: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("div", { style: { paddingLeft: "8px" }, children: /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
           CSEnumSelect,
           {
             fieldSpec: elements.selectCurrency,
@@ -1179,7 +1196,7 @@ function CSVPriceInputView(props) {
             expandToViewport: props.expandToViewport
           }
         ) }),
-        /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("div", { style: { paddingTop: "30px", paddingLeft: "8px" }, children: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("div", { style: { paddingTop: "30px", paddingLeft: "8px" }, children: /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
           CSBox,
           {
             fieldSpec: elements.boxPriceDisplay,
@@ -1196,8 +1213,8 @@ function CSVPriceInputView(props) {
 }
 
 // src/views/CSVSearchFilterView.tsx
-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 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"))
@@ -1205,8 +1222,8 @@ 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: [
-    /* @__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)(
+  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,
@@ -1218,7 +1235,7 @@ function CSVSearchFilterView(props) {
         type: "search"
       }
     ) : props.inputSearch }),
-    props.buttonSearch === void 0 || typeof props.buttonSearch === "string" ? /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
+    props.buttonSearch === void 0 || typeof props.buttonSearch === "string" ? /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
       CSButton,
       {
         fieldSpec: elements.buttonSearch,
@@ -1236,8 +1253,8 @@ function CSVSearchFilterView(props) {
 }
 
 // src/views/CSVTextPromptModalView.tsx
-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 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")),
@@ -1247,7 +1264,7 @@ var CSV_TEXT_PROMPT_MODAL_VIEW_SPEC = (parent, key) => ViewSpec.create(key, pare
 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_runtime28.jsx)(
+  const secondaryAction = props.onSecondaryAction ? props.buttonSecondary === void 0 || typeof props.buttonSecondary === "string" ? /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
     CSButton,
     {
       fieldSpec: elements.buttonSecondary,
@@ -1256,14 +1273,14 @@ function CSVTextPromptModalView(props) {
       onClick: props.onSecondaryAction,
       children: props.buttonSecondary
     }
-  ) : props.buttonSecondary : /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(import_jsx_runtime28.Fragment, {});
-  return /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
-    import_components23.Modal,
+  ) : 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_runtime28.jsx)(
+      header: props.headerHeading === void 0 || typeof props.headerHeading === "string" ? /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
         CSHeader,
         {
           fieldSpec: elements.headerHeading,
@@ -1271,8 +1288,8 @@ 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: [
-        props.buttonPrimary === void 0 || typeof props.buttonPrimary === "string" ? /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
+      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,
@@ -1284,7 +1301,7 @@ function CSVTextPromptModalView(props) {
         ) : props.buttonPrimary,
         secondaryAction
       ] }) }),
-      children: props.boxBodyText === void 0 || typeof props.boxBodyText === "string" ? /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(CSBox, { fieldSpec: elements.boxBodyText, localiser: props.localiser, children: props.boxBodyText }) : props.boxBodyText
+      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
     }
   );
 }
@@ -1362,9 +1379,9 @@ var FieldProperties = class {
 };
 
 // src/utils/FixedWidth.tsx
-var import_jsx_runtime29 = require("react/jsx-runtime");
+var import_jsx_runtime30 = require("react/jsx-runtime");
 function FixedWidth(props) {
-  return /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("div", { style: { minWidth: props.minWidth, maxWidth: props.maxWidth }, children: props.children });
+  return /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("div", { style: { minWidth: props.minWidth, maxWidth: props.maxWidth }, children: props.children });
 }
 
 // src/utils/LocalStorageService.ts
@@ -2061,6 +2078,7 @@ function useMessages(LOGGER3) {
   CSBox,
   CSButton,
   CSCheckbox,
+  CSCopyToClipboard,
   CSDatePicker,
   CSEnumMultiselect,
   CSEnumSegmentedControl,

package/dist/index.mjs

@@ -594,6 +594,22 @@ function CSToggle(props) {
   ) });
 }
 
+// src/components/CSCopyToClipboard.tsx
+import { CopyToClipboard } from "@cloudscape-design/components";
+import { jsx as jsx24 } from "react/jsx-runtime";
+function CSCopyToClipboard(props) {
+  const { localisationObject, uniqueId } = FromPropsHelper.getBasicProps(props);
+  const { formProps } = ChildUtils.getChildren(props, localisationObject);
+  return /* @__PURE__ */ jsx24(CSFormField, { ...formProps, children: /* @__PURE__ */ jsx24(
+    CopyToClipboard,
+    {
+      "data-testid": uniqueId,
+      ...props,
+      ...localisationObject
+    }
+  ) });
+}
+
 // src/views/CSVEnumRatingView.tsx
 import { Rating } from "@smastrom/react-rating";
 import { useEffect, useState } from "react";
@@ -751,7 +767,7 @@ var ViewElementSpec = class {
     return this.keyHierarchy;
   }
   log(prefix) {
-    LOGGER.info(`${prefix === void 0 ? "" : prefix}DT ID = ${this.getDataTestId()} ----> Loc Key = ${this.getLocalisationKey()}`);
+    LOGGER.info(`${prefix === void 0 ? "" : prefix}<${this.getDataTestId()}> = ${this.getLocalisationKey()}`);
   }
 };
 var FieldSpec = class _FieldSpec extends ViewElementSpec {
@@ -859,17 +875,17 @@ var ViewSpec = class _ViewSpec extends ViewElementSpec {
     return this.viewValidator(this, value);
   }
   logViewSpec() {
-    this.log();
+    this.log("VIEW :::: ");
     for (const element of Object.values(this.elements)) {
       if (element instanceof ViewElementSpec) {
-        element.log("		");
+        element.log("	FIELD :::: ");
       }
     }
   }
 };
 
 // src/views/CSVEnumRatingView.tsx
-import { jsx as jsx24, jsxs as jsxs2 } from "react/jsx-runtime";
+import { jsx as jsx25, jsxs as jsxs2 } from "react/jsx-runtime";
 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"))
@@ -897,7 +913,7 @@ function CSVEnumRatingView(props) {
     setHoveredValue(props.selectedEnum);
   }, [props.selectedEnum]);
   return /* @__PURE__ */ jsxs2(CSFormField, { fieldSpec: elements.rating, localiser: props.localiser, children: [
-    /* @__PURE__ */ jsx24(
+    /* @__PURE__ */ jsx25(
       Rating,
       {
         "data-testid": elements.rating.getDataTestId(),
@@ -910,7 +926,7 @@ function CSVEnumRatingView(props) {
         invisibleItemLabels: valuesInOrder.slice(1).map((e) => getEnumRatingLabel(e, spec.instanceId))
       }
     ),
-    /* @__PURE__ */ jsx24("div", { style: { textAlign: "left", paddingLeft: "5px" }, children: /* @__PURE__ */ jsx24(
+    /* @__PURE__ */ jsx25("div", { style: { textAlign: "left", paddingLeft: "5px" }, children: /* @__PURE__ */ jsx25(
       CSBox,
       {
         fieldSpec: elements.boxRatingName,
@@ -924,7 +940,7 @@ function CSVEnumRatingView(props) {
 
 // src/views/CSVNoItemsView.tsx
 import { Box as Box2, SpaceBetween } from "@cloudscape-design/components";
-import { jsx as jsx25, jsxs as jsxs3 } from "react/jsx-runtime";
+import { jsx as jsx26, 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")),
   boxBody: spec.addField(new FieldSpec("boxBody"))
@@ -932,8 +948,8 @@ var CSV_NO_ITEMS_VIEW_SPEC = (ns) => ViewSpec.create("CSVNoItemsView", ns, (spec
 function CSVNoItemsView(props) {
   const spec = props.viewSpec;
   const { elements } = spec;
-  return /* @__PURE__ */ jsx25("div", { "data-testid": spec.getDataTestId(), children: /* @__PURE__ */ jsx25(Box2, { textAlign: "center", color: "inherit", children: /* @__PURE__ */ jsxs3(SpaceBetween, { size: "xxs", direction: "vertical", children: [
-    /* @__PURE__ */ jsx25(
+  return /* @__PURE__ */ jsx26("div", { "data-testid": spec.getDataTestId(), children: /* @__PURE__ */ jsx26(Box2, { textAlign: "center", color: "inherit", children: /* @__PURE__ */ jsxs3(SpaceBetween, { size: "xxs", direction: "vertical", children: [
+    /* @__PURE__ */ jsx26(
       CSBox,
       {
         fieldSpec: elements.boxHeading,
@@ -944,7 +960,7 @@ function CSVNoItemsView(props) {
         children: props.headingText
       }
     ),
-    /* @__PURE__ */ jsx25(
+    /* @__PURE__ */ jsx26(
       CSBox,
       {
         fieldSpec: elements.boxBody,
@@ -1024,7 +1040,7 @@ _PriceUtils.parseFormattedPriceWithCurrency = (locale, formattedPrice, currencyS
 var PriceUtils = _PriceUtils;
 
 // src/views/CSVPriceInputView.tsx
-import { jsx as jsx26, jsxs as jsxs4 } from "react/jsx-runtime";
+import { jsx as jsx27, jsxs as jsxs4 } from "react/jsx-runtime";
 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)),
@@ -1041,7 +1057,7 @@ function CSVPriceInputView(props) {
       gridDefinition: [{ colspan: 4 }, { colspan: { default: 4, xxs: 3 } }, { colspan: { default: 4, xxs: 5 } }],
       disableGutters: true,
       children: [
-        /* @__PURE__ */ jsx26(
+        /* @__PURE__ */ jsx27(
           CSNumericInput,
           {
             fieldSpec: elements.inputPrice,
@@ -1055,7 +1071,7 @@ function CSVPriceInputView(props) {
             })
           }
         ),
-        /* @__PURE__ */ jsx26("div", { style: { paddingLeft: "8px" }, children: /* @__PURE__ */ jsx26(
+        /* @__PURE__ */ jsx27("div", { style: { paddingLeft: "8px" }, children: /* @__PURE__ */ jsx27(
           CSEnumSelect,
           {
             fieldSpec: elements.selectCurrency,
@@ -1070,7 +1086,7 @@ function CSVPriceInputView(props) {
             expandToViewport: props.expandToViewport
           }
         ) }),
-        /* @__PURE__ */ jsx26("div", { style: { paddingTop: "30px", paddingLeft: "8px" }, children: /* @__PURE__ */ jsx26(
+        /* @__PURE__ */ jsx27("div", { style: { paddingTop: "30px", paddingLeft: "8px" }, children: /* @__PURE__ */ jsx27(
           CSBox,
           {
             fieldSpec: elements.boxPriceDisplay,
@@ -1088,7 +1104,7 @@ function CSVPriceInputView(props) {
 
 // src/views/CSVSearchFilterView.tsx
 import { SpaceBetween as SpaceBetween2 } from "@cloudscape-design/components";
-import { jsx as jsx27, jsxs as jsxs5 } from "react/jsx-runtime";
+import { jsx as jsx28, 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")),
   buttonSearch: spec.addField(new FieldSpec("buttonSearch"))
@@ -1097,7 +1113,7 @@ function CSVSearchFilterView(props) {
   const spec = props.viewSpec;
   const { elements } = spec;
   return /* @__PURE__ */ jsxs5(SpaceBetween2, { size: "s", direction: "horizontal", children: [
-    /* @__PURE__ */ jsx27("div", { style: { minWidth: "320px" }, children: props.inputSearch === void 0 || typeof props.inputSearch === "string" ? /* @__PURE__ */ jsx27(
+    /* @__PURE__ */ jsx28("div", { style: { minWidth: "320px" }, children: props.inputSearch === void 0 || typeof props.inputSearch === "string" ? /* @__PURE__ */ jsx28(
       CSInput,
       {
         fieldSpec: elements.inputSearch,
@@ -1109,7 +1125,7 @@ function CSVSearchFilterView(props) {
         type: "search"
       }
     ) : props.inputSearch }),
-    props.buttonSearch === void 0 || typeof props.buttonSearch === "string" ? /* @__PURE__ */ jsx27(
+    props.buttonSearch === void 0 || typeof props.buttonSearch === "string" ? /* @__PURE__ */ jsx28(
       CSButton,
       {
         fieldSpec: elements.buttonSearch,
@@ -1128,7 +1144,7 @@ function CSVSearchFilterView(props) {
 
 // src/views/CSVTextPromptModalView.tsx
 import { Box as Box3, Modal, SpaceBetween as SpaceBetween3 } from "@cloudscape-design/components";
-import { Fragment, jsx as jsx28, jsxs as jsxs6 } from "react/jsx-runtime";
+import { Fragment, jsx as jsx29, 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")),
   boxBodyText: spec.addField(new FieldSpec("boxBodyText")),
@@ -1138,7 +1154,7 @@ var CSV_TEXT_PROMPT_MODAL_VIEW_SPEC = (parent, key) => ViewSpec.create(key, pare
 function CSVTextPromptModalView(props) {
   const spec = props.viewSpec;
   const { elements } = spec;
-  const secondaryAction = props.onSecondaryAction ? props.buttonSecondary === void 0 || typeof props.buttonSecondary === "string" ? /* @__PURE__ */ jsx28(
+  const secondaryAction = props.onSecondaryAction ? props.buttonSecondary === void 0 || typeof props.buttonSecondary === "string" ? /* @__PURE__ */ jsx29(
     CSButton,
     {
       fieldSpec: elements.buttonSecondary,
@@ -1147,14 +1163,14 @@ function CSVTextPromptModalView(props) {
       onClick: props.onSecondaryAction,
       children: props.buttonSecondary
     }
-  ) : props.buttonSecondary : /* @__PURE__ */ jsx28(Fragment, {});
-  return /* @__PURE__ */ jsx28(
+  ) : props.buttonSecondary : /* @__PURE__ */ jsx29(Fragment, {});
+  return /* @__PURE__ */ jsx29(
     Modal,
     {
       "data-testid": props.viewSpec.getDataTestId(),
       onDismiss: props.onDismiss,
       visible: props.visible,
-      header: props.headerHeading === void 0 || typeof props.headerHeading === "string" ? /* @__PURE__ */ jsx28(
+      header: props.headerHeading === void 0 || typeof props.headerHeading === "string" ? /* @__PURE__ */ jsx29(
         CSHeader,
         {
           fieldSpec: elements.headerHeading,
@@ -1162,8 +1178,8 @@ function CSVTextPromptModalView(props) {
           children: props.headerHeading
         }
       ) : props.headerHeading,
-      footer: /* @__PURE__ */ jsx28(Box3, { float: "right", children: /* @__PURE__ */ jsxs6(SpaceBetween3, { direction: "horizontal", size: "l", children: [
-        props.buttonPrimary === void 0 || typeof props.buttonPrimary === "string" ? /* @__PURE__ */ jsx28(
+      footer: /* @__PURE__ */ jsx29(Box3, { float: "right", children: /* @__PURE__ */ jsxs6(SpaceBetween3, { direction: "horizontal", size: "l", children: [
+        props.buttonPrimary === void 0 || typeof props.buttonPrimary === "string" ? /* @__PURE__ */ jsx29(
           CSButton,
           {
             fieldSpec: elements.buttonPrimary,
@@ -1175,7 +1191,7 @@ function CSVTextPromptModalView(props) {
         ) : props.buttonPrimary,
         secondaryAction
       ] }) }),
-      children: props.boxBodyText === void 0 || typeof props.boxBodyText === "string" ? /* @__PURE__ */ jsx28(CSBox, { fieldSpec: elements.boxBodyText, localiser: props.localiser, children: props.boxBodyText }) : props.boxBodyText
+      children: props.boxBodyText === void 0 || typeof props.boxBodyText === "string" ? /* @__PURE__ */ jsx29(CSBox, { fieldSpec: elements.boxBodyText, localiser: props.localiser, children: props.boxBodyText }) : props.boxBodyText
     }
   );
 }
@@ -1253,9 +1269,9 @@ var FieldProperties = class {
 };
 
 // src/utils/FixedWidth.tsx
-import { jsx as jsx29 } from "react/jsx-runtime";
+import { jsx as jsx30 } from "react/jsx-runtime";
 function FixedWidth(props) {
-  return /* @__PURE__ */ jsx29("div", { style: { minWidth: props.minWidth, maxWidth: props.maxWidth }, children: props.children });
+  return /* @__PURE__ */ jsx30("div", { style: { minWidth: props.minWidth, maxWidth: props.maxWidth }, children: props.children });
 }
 
 // src/utils/LocalStorageService.ts
@@ -1951,6 +1967,7 @@ export {
   CSBox,
   CSButton,
   CSCheckbox,
+  CSCopyToClipboard,
   CSDatePicker,
   CSEnumMultiselect,
   CSEnumSegmentedControl,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ebertjendustries/cswrapper",
-  "version": "1.0.11",
+  "version": "1.0.14",
   "main": "dist/index.cjs",
   "module": "dist/index.mjs",
   "types": "dist/index.d.ts",
@@ -53,6 +53,7 @@
     "ts-node": "^10.9.2",
     "tsup": "^8.5.0",
     "typescript": "^5.8.3",
+    "vite": "5.1.6",
     "vitest": "^3.1.4"
   },
   "scripts": {