@ballistix.digital/react-components 9.4.1-rc-352.0 → 9.4.1-rc-355.0

package/dist/index.js

@@ -986,7 +986,7 @@ var $1a23dea933d8729b$export$2e2bcd8739ae039 = $1a23dea933d8729b$var$styles;
 
 
 const $88f571169cf61789$var$Button = (props)=>{
-    const { children: children, innerRef: innerRef, htmlType: htmlType = 'button', dataCy: dataCy, type: type = 'primary', size: size = 'md', figure: figure = 'block', status: status = 'idle', isDisabled: isDisabled, styles: stylesOverrides, onClick: onClick } = props;
+    const { children: children, innerRef: innerRef, htmlType: htmlType = 'button', dataCy: dataCy, dataTestid: dataTestid, type: type = 'primary', size: size = 'md', figure: figure = 'block', status: status = 'idle', isDisabled: isDisabled, styles: stylesOverrides, onClick: onClick } = props;
     const handleGenerateStyle = ()=>{
         const result = (0, $f0c671820c340322$export$e2d2075c69d9100d)((0, $1a23dea933d8729b$export$2e2bcd8739ae039).base);
         const keys = (0, $27f90b0cff19565d$export$be5d6ab3c5b84767)((0, $1a23dea933d8729b$export$2e2bcd8739ae039).base);
@@ -1005,6 +1005,7 @@ const $88f571169cf61789$var$Button = (props)=>{
         },
         ref: innerRef,
         "data-cy": dataCy,
+        "data-testid": dataTestid,
         children: [
             status === 'idle' && children,
             status === 'loading' && (0, $iA2ta$reactjsxruntime.jsxs)("div", {
@@ -2296,11 +2297,11 @@ var $0c7305af577f9538$export$2e2bcd8739ae039 = $0c7305af577f9538$var$styles;
 
 
 const $cb1b9d36d0757897$var$SelectMenu = (props)=>{
-    const { name: name = 'select-menu-form', label: label, description: description, hint: hint, placeholder: placeholder, options: options, required: required, value: value, error: error, isRequired: isRequired = false, isLoading: isLoading, isTouched: isTouched = false, isDisabled: isDisabled, isClearable: isClearable = true, isMultiple: isMultiple = false, isSearchable: isSearchable = true, isSolo: isSolo = false, isOptionalLabelHidden: isOptionalLabelHidden = false, onChange: onChange, onSearchInputChange: onSearchInputChange, onClear: onClear, onBlur: onBlur, styles: stylesOverrides } = props;
+    const { name: name = 'select-menu-form', label: label, description: description, hint: hint, placeholder: placeholder, options: options, required: required, value: value, error: error, isRequired: isRequired = false, isLoading: isLoading, isTouched: isTouched = false, isDisabled: isDisabled, isClearable: isClearable = true, isMultiple: isMultiple = false, isSearchable: isSearchable = true, isSolo: isSolo = false, isOptionalLabelHidden: isOptionalLabelHidden = false, onChange: onChange, onSearchInputChange: onSearchInputChange, onClear: onClear, onBlur: onBlur, dataTestid: dataTestid, styles: stylesOverrides } = props;
     const [isFocus, setIsFocus] = (0, $iA2ta$react.useState)(true);
     const [state, setState] = (0, $iA2ta$react.useState)(value ?? null);
     const isValid = error === undefined;
-    const selectDataCy = `form-select-${name}`;
+    const selectDataTestid = dataTestid ?? `form-select-${name}`;
     const handleGenerateStyle = ()=>{
         const result = (0, $f0c671820c340322$export$e2d2075c69d9100d)((0, $0c7305af577f9538$export$2e2bcd8739ae039).base);
         const keys = (0, $iA2ta$lodash.concat)((0, $27f90b0cff19565d$export$be5d6ab3c5b84767)((0, $0c7305af577f9538$export$2e2bcd8739ae039).base), (0, $27f90b0cff19565d$export$be5d6ab3c5b84767)((0, $3369f7d596d23d58$export$2e2bcd8739ae039).base), (0, $27f90b0cff19565d$export$be5d6ab3c5b84767)((0, $65bb4d593718fcda$export$2e2bcd8739ae039).base));
@@ -2343,6 +2344,7 @@ const $cb1b9d36d0757897$var$SelectMenu = (props)=>{
     ]);
     return (0, $iA2ta$reactjsxruntime.jsxs)("div", {
         className: styles.container,
+        "data-testid": selectDataTestid,
         children: [
             (0, $iA2ta$reactjsxruntime.jsx)((0, $9314e0aa7f1e874e$export$2e2bcd8739ae039), {
                 name: name,
@@ -2357,7 +2359,8 @@ const $cb1b9d36d0757897$var$SelectMenu = (props)=>{
                 className: (0, $622cd2936b18c771$export$4370d69198e9314a)(styles.container, styles.wrapperContainer),
                 children: [
                     (0, $iA2ta$reactjsxruntime.jsx)("div", {
-                        "data-cy": selectDataCy,
+                        "data-cy": `form-select-${name}`,
+                        "data-testid": `${selectDataTestid}-control`,
                         children: (0, $iA2ta$reactjsxruntime.jsx)((0, ($parcel$interopDefault($iA2ta$reacttailwindcssselect))), {
                             primaryColor: "primary",
                             //