conexys-elements 1.1.26 → 1.1.27

package/dist/index.js

@@ -43,8 +43,12 @@ var reactHookForm = require('react-hook-form');
 var Button$3 = require('@mui/material/Button');
 var Visibility = require('@mui/icons-material/Visibility');
 var VisibilityOff = require('@mui/icons-material/VisibilityOff');
-var TextField = require('@mui/material/TextField');
+var AdapterDayjs = require('@mui/x-date-pickers/AdapterDayjs');
+var LocalizationProvider = require('@mui/x-date-pickers/LocalizationProvider');
+var DatePicker = require('@mui/x-date-pickers/DatePicker');
 var InputLabel = require('@mui/material/InputLabel');
+var dayjs = require('dayjs');
+var TextField = require('@mui/material/TextField');
 var InputAdornment = require('@mui/material/InputAdornment');
 var JoditEditor = require('jodit-react');
 var Radio = require('@mui/material/Radio');
@@ -10815,6 +10819,68 @@ const InputFile = ({
   }, fileName))));
 };
 
+const toDayjsValue = raw => {
+  if (raw == null || raw === '') return null;
+  if (dayjs.isDayjs(raw)) return raw;
+  if (typeof raw === 'string') {
+    const parsed = dayjs(raw.trim());
+    if (parsed.isValid()) return parsed;
+    const fromDisplay = dayjs(raw.trim(), 'DD/MM/YYYY');
+    if (fromDisplay.isValid()) return fromDisplay;
+    return null;
+  }
+  return null;
+};
+const InputDate = /*#__PURE__*/React.memo(({
+  block
+}) => {
+  const configLogs = useConexysConfig();
+  const [t] = reactI18next.useTranslation('global');
+  const currentValue = toDayjsValue(block.value);
+  const handleChange = newValue => {
+    if (!block.onChange) return;
+    const syntheticEvent = {
+      target: {
+        name: block.name,
+        value: newValue ? newValue.format('YYYY-MM-DD') : ''
+      }
+    };
+    block.onChange(syntheticEvent);
+  };
+  const handleError = err => {
+    const error = err;
+    if (error?.response?.status === 401) Uservalidationerror(configLogs);
+  };
+  return /*#__PURE__*/React.createElement("div", {
+    className: `form-group ${block.ref ?? ''}`
+  }, /*#__PURE__*/React.createElement(InputLabel, {
+    htmlFor: block.id
+  }, block.label, block.validate?.required && /*#__PURE__*/React.createElement("span", {
+    className: "required"
+  }, "*")), /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(LocalizationProvider.LocalizationProvider, {
+    dateAdapter: AdapterDayjs.AdapterDayjs
+  }, /*#__PURE__*/React.createElement(DatePicker.DatePicker, {
+    label: block.placeholder ?? block.label,
+    value: currentValue,
+    onChange: handleChange,
+    slotProps: {
+      textField: {
+        id: block.id,
+        name: block.name,
+        size: 'small',
+        fullWidth: true,
+        required: block.validate?.required,
+        error: Boolean(block.error),
+        helperText: block.helperText
+      }
+    },
+    format: "DD/MM/YYYY",
+    onError: handleError
+  }))));
+}, (prevProps, nextProps) => {
+  return prevProps.block.value === nextProps.block.value && prevProps.block.name === nextProps.block.name && prevProps.block.label === nextProps.block.label && prevProps.block.onChange === nextProps.block.onChange;
+});
+
 const InputPassword = ({
   block,
   inParagraph = false
@@ -11623,6 +11689,7 @@ const Components = {
   info: Info,
   inputwysiwyg: InputWYSIWYG,
   inputfile: InputFile,
+  inputdate: InputDate,
   formlogin: FormLogin,
   inputpassword: InputPassword,
   text: Text,
@@ -14061,6 +14128,7 @@ exports.GenerateRandomPassword = GenerateRandomPassword;
 exports.Heading = Heading;
 exports.Image = Image;
 exports.Info = Info;
+exports.InputDate = InputDate;
 exports.InputFile = InputFile;
 exports.InputPassword = InputPassword;
 exports.InputText = InputText;