@economic/taco 2.42.1 → 2.43.1

package/dist/taco.cjs.development.js

@@ -6174,17 +6174,29 @@ const Combobox = /*#__PURE__*/React.forwardRef(function Combobox(props, ref) {
 const isWeakEqual = (leftDate, rightDate) => {
   return leftDate.getFullYear() === rightDate.getFullYear() && leftDate.getMonth() === rightDate.getMonth() && leftDate.getDate() === rightDate.getDate();
 };
-const format = (date, mask = 'dd.mm.yy') => {
-  if (!date) {
-    return undefined;
+function parse(date) {
+  let value;
+  if (dateFns.isDate(date)) {
+    value = date;
+  } else if (typeof date === 'string') {
+    value = parseFromISOString(date);
   }
-  const value = dateFns.isDate(date) ? date : dateFns.toDate(date);
   if (!dateFns.isValid(value)) {
     return undefined;
   }
+  return value;
+}
+function format(date, mask = 'dd.mm.yy') {
+  if (date === undefined) {
+    return undefined;
+  }
+  const value = parse(date);
+  if (!dateFns.isValid(value) || value === undefined) {
+    return undefined;
+  }
   const pad = v => String(v).length === 1 ? `0${v}` : v.toString();
   return mask.replace('dd', pad(value.getDate())).replace('mm', pad(value.getMonth() + 1)).replace('yy', String(value.getFullYear()).slice(2));
-};
+}
 const parseFromCustomString = (date = '', mask = 'dd.mm.yy', defaultMonth = undefined, defaultYear = undefined) => {
   if (!date || !date.length) {
     return undefined;
@@ -6238,26 +6250,24 @@ const useDatepicker = ({
   value,
   ...props
 }, ref) => {
+  var _format;
   const inputRef = useMergedRef(ref);
   const {
     formatting
   } = useLocalization();
-  const [internalValue, setInternalValue] = React.useState(value && dateFns.isValid(value) ? format(value, formatting.date) : '');
+  const [internalValue, setInternalValue] = React.useState((_format = format(value, formatting.date)) !== null && _format !== void 0 ? _format : '');
+  const originalValueAsDate = parse(value);
   // update internal value if it changed 'externally'
   React.useEffect(() => {
-    if (value && dateFns.isValid(value)) {
-      const formattedValue = format(value, formatting.date);
-      if (formattedValue !== internalValue) {
-        setInternalValue(formattedValue);
-      }
-    } else {
-      setInternalValue('');
+    const formattedValue = format(value, formatting.date);
+    if (formattedValue !== internalValue) {
+      setInternalValue(formattedValue !== null && formattedValue !== void 0 ? formattedValue : '');
     }
   }, [value]);
   // event handlers
   const handleInputBlur = event => {
     event.persist();
-    const valueAsDate = parseFromCustomString(event.target.value, 'dd.mm.yy', value === null || value === void 0 ? void 0 : value.getMonth(), value === null || value === void 0 ? void 0 : value.getFullYear());
+    const valueAsDate = parseFromCustomString(event.target.value, 'dd.mm.yy', originalValueAsDate === null || originalValueAsDate === void 0 ? void 0 : originalValueAsDate.getMonth(), originalValueAsDate === null || originalValueAsDate === void 0 ? void 0 : originalValueAsDate.getFullYear());
     const formattedValue = valueAsDate ? format(valueAsDate) || '' : '';
     event.target.value = formattedValue;
     if (onChange) {
@@ -6281,7 +6291,7 @@ const useDatepicker = ({
     if (props.onKeyDown) {
       props.onKeyDown(event);
     }
-    if (!event.isPropagationStopped() && !event.isDefaultPrevented() && event.key === 'Enter') {
+    if (event.key === 'Enter') {
       event.target.dispatchEvent(new Event('focusout', {
         bubbles: true
       }));
@@ -6300,7 +6310,7 @@ const useDatepicker = ({
   const calendarProps = {
     ...calendar,
     onChange: handleChange,
-    value
+    value: originalValueAsDate
   };
   return {
     input: inputProps,
@@ -9816,17 +9826,8 @@ const dataTypes = {
     sortingFn: 'datetime',
     filterComparators: [exports.TableFilterComparator.IsEqualTo, exports.TableFilterComparator.IsNotEqualTo, exports.TableFilterComparator.IsGreaterThan, exports.TableFilterComparator.IsLessThan, exports.TableFilterComparator.IsGreaterThanOrEqualTo, exports.TableFilterComparator.IsLessThanOrEqualTo, exports.TableFilterComparator.IsBetween, exports.TableFilterComparator.IsEmpty, exports.TableFilterComparator.IsNotEmpty],
     getDisplayValue: (value, options) => {
-      if (value === undefined) {
-        return '';
-      }
-      if (dateFns.isDate(value)) {
-        var _format, _options$localization;
-        return (_format = format(value, options === null || options === void 0 ? void 0 : (_options$localization = options.localization) === null || _options$localization === void 0 ? void 0 : _options$localization.formatting.date)) !== null && _format !== void 0 ? _format : '';
-      } else if (typeof value === 'string') {
-        var _format2, _options$localization2;
-        return (_format2 = format(parseFromISOString(value), options === null || options === void 0 ? void 0 : (_options$localization2 = options.localization) === null || _options$localization2 === void 0 ? void 0 : _options$localization2.formatting.date)) !== null && _format2 !== void 0 ? _format2 : '';
-      }
-      return String(value);
+      var _date$format, _options$localization;
+      return (_date$format = format(value, options === null || options === void 0 ? void 0 : (_options$localization = options.localization) === null || _options$localization === void 0 ? void 0 : _options$localization.formatting.date)) !== null && _date$format !== void 0 ? _date$format : '';
     }
   },
   boolean: {
@@ -9839,11 +9840,11 @@ const dataTypes = {
     sortingFn: 'basic',
     filterComparators: [exports.TableFilterComparator.IsEqualTo, exports.TableFilterComparator.IsNotEqualTo, exports.TableFilterComparator.IsGreaterThan, exports.TableFilterComparator.IsLessThan, exports.TableFilterComparator.IsGreaterThanOrEqualTo, exports.TableFilterComparator.IsLessThanOrEqualTo, exports.TableFilterComparator.IsBetween, exports.TableFilterComparator.IsEmpty, exports.TableFilterComparator.IsNotEmpty],
     getDisplayValue: (value, options) => {
-      var _options$localization3;
+      var _options$localization2;
       if (value === undefined) {
         return '';
       }
-      return new Intl.NumberFormat(options === null || options === void 0 ? void 0 : (_options$localization3 = options.localization) === null || _options$localization3 === void 0 ? void 0 : _options$localization3.locale, {
+      return new Intl.NumberFormat(options === null || options === void 0 ? void 0 : (_options$localization2 = options.localization) === null || _options$localization2 === void 0 ? void 0 : _options$localization2.locale, {
         minimumFractionDigits: 2
       }).format(Number(value));
     }
@@ -19260,10 +19261,11 @@ const MemoedEditingCell = /*#__PURE__*/React__default.memo(function MemoedEditin
     }
   };
   if (type === 'datepicker') {
+    const valueAsDate = parse(value);
     const handleChange = event => {
       const newDate = event.detail;
-      if (!value || !newDate || dateFns.isDate(value) && dateFns.isDate(newDate) && !isWeakEqual(value, newDate)) {
-        props.onChange(event.detail);
+      if (!valueAsDate || !newDate || dateFns.isDate(valueAsDate) && dateFns.isDate(newDate) && !isWeakEqual(valueAsDate, newDate)) {
+        props.onChange(newDate);
       }
     };
     return /*#__PURE__*/React__default.createElement(Datepicker, Object.assign({}, commonProps, {
@@ -19272,7 +19274,7 @@ const MemoedEditingCell = /*#__PURE__*/React__default.memo(function MemoedEditin
       onFocus: handleFocus,
       onKeyDown: handleInputKeyDown,
       ref: controlRef,
-      value: value
+      value: valueAsDate
     }));
   }
   if (type === 'textarea') {
@@ -20863,6 +20865,7 @@ exports.isMacOs = isMacOs;
 exports.isPressingMetaKey = isPressingMetaKey;
 exports.isWeakEqual = isWeakEqual;
 exports.mergeRefs = mergeRefs;
+exports.parse = parse;
 exports.parseFromCustomString = parseFromCustomString;
 exports.parseFromISOString = parseFromISOString;
 exports.removeChildTableRow = removeChildTableRow;