@ssa-ui-kit/core 2.17.1 → 2.17.2

package/dist/components/DateRangePicker/types.d.ts

@@ -18,8 +18,12 @@ export type DateRangePickerProps = {
     dateMin?: string;
     dateMax?: string;
     disabled?: boolean;
-    helperText?: string;
     showCalendarIcon?: boolean;
+    messages?: {
+        description?: string;
+        success?: string;
+        error?: string;
+    };
     classNames?: {
         trigger?: {
             root?: string;

package/dist/index.js

@@ -13071,7 +13071,8 @@ const DatePickerCalendar = () => {
       paddingTop: 16,
       width: 346,
       height: 370,
-      alignItems: 'flex-start'
+      alignItems: 'flex-start',
+      zIndex: 100
     },  true ? "" : 0,  true ? "" : 0),
     children: [(0,jsx_runtime_namespaceObject.jsx)(DatePickerHeader, {}), (0,jsx_runtime_namespaceObject.jsx)(PopoverDescription, {
       as: "div",
@@ -14028,7 +14029,8 @@ const Calendar_DatePickerCalendar = () => {
       width: 346,
       height: 370,
       alignItems: 'flex-start',
-      margin: '14px 0 0 -14px'
+      margin: '14px 0 0 -14px',
+      zIndex: 100
     },  true ? "" : 0,  true ? "" : 0),
     children: [(0,jsx_runtime_namespaceObject.jsx)(Header_Header, {}), (0,jsx_runtime_namespaceObject.jsx)(PopoverDescription, {
       as: "div",
@@ -14176,6 +14178,7 @@ const FieldDescription = ({
   }
   return (0,jsx_runtime_namespaceObject.jsx)(FormHelperText_FormHelperText, {
     status: "basic",
+    "data-testid": "field-description",
     children: children
   });
 };
@@ -14209,6 +14212,7 @@ const FieldSuccess = ({
   }
   return (0,jsx_runtime_namespaceObject.jsx)(FormHelperText_FormHelperText, {
     status: "success",
+    "data-testid": "field-success",
     children: children
   });
 };
@@ -14247,7 +14251,7 @@ const TriggerInput = ({
     inputToRef,
     inputProps,
     disabled,
-    helperText,
+    messages,
     setLastFocusedElement,
     classNames,
     onBlur: handleBlur
@@ -14301,7 +14305,7 @@ const TriggerInput = ({
       showStatusIcon: false,
       errors: fieldError,
       status: fieldStatus,
-      helperText: helperText,
+      helperText: fieldStatus === 'basic' ? messages?.description : messages?.error,
       helperClassName: /*#__PURE__*/(0,css_namespaceObject.css)( true ? {
         name: "lhoo11",
         styles: "&>span::first-letter{text-transform:uppercase;}"
@@ -14338,7 +14342,7 @@ const Trigger = () => {
     lastFocusedElement,
     disabled,
     status,
-    helperText,
+    messages,
     openCalendarMode,
     isOpen,
     showCalendarIcon,
@@ -14420,15 +14424,15 @@ const Trigger = () => {
           },  true ? "" : 0,  true ? "" : 0)
         })]
       })
-    }), (0,jsx_runtime_namespaceObject.jsx)(FieldDescription, {
-      children: helperText
-    }), (0,jsx_runtime_namespaceObject.jsx)(FieldError, {
-      children: errorMessage ? errorMessage.map((error, index) => (0,jsx_runtime_namespaceObject.jsx)("span", {
+    }), messages?.description && (0,jsx_runtime_namespaceObject.jsx)(FieldDescription, {
+      children: messages?.description
+    }), (errorMessage.length || messages?.error) && (0,jsx_runtime_namespaceObject.jsx)(FieldError, {
+      children: errorMessage.length ? errorMessage.map((error, index) => (0,jsx_runtime_namespaceObject.jsx)("span", {
         css: Trigger_ref2,
         children: error
-      }, `error-${index}`)) : helperText
-    }), (0,jsx_runtime_namespaceObject.jsx)(FieldSuccess, {
-      children: helperText
+      }, `error-${index}`)) : messages?.error
+    }), messages?.success && (0,jsx_runtime_namespaceObject.jsx)(FieldSuccess, {
+      children: messages?.success
     })]
   });
 };