@ceed/cds 1.38.0 → 1.39.1

package/dist/index.cjs

@@ -3055,6 +3055,14 @@ var DatePicker = (0, import_react21.forwardRef)((inProps, ref) => {
     },
     [inputReadOnly, isAlphabeticDisplay, buttonRef]
   );
+  const handleInputClick = (0, import_react21.useCallback)(
+    (event) => {
+      if (inputReadOnly && !readOnly) {
+        handleCalendarToggle(event);
+      }
+    },
+    [inputReadOnly, readOnly, handleCalendarToggle]
+  );
   const handlePresetClick = (0, import_react21.useCallback)(
     (presetValue) => {
       handleChange({
@@ -3106,7 +3114,8 @@ var DatePicker = (0, import_react21.forwardRef)((inProps, ref) => {
               cursor: isAlphabeticDisplay || inputReadOnly || readOnly ? "default" : "text"
             }
           },
-          onMouseDown: handleInputMouseDown
+          onMouseDown: handleInputMouseDown,
+          onClick: handleInputClick
         }
       },
       className,
@@ -4079,8 +4088,10 @@ function useDataTableRenderer({
     () => pinnedColumns?.right?.filter((f) => visibleFieldSet.has(f)),
     [pinnedColumns?.right, visibleFieldSet]
   );
+  const inferredFieldsKey = JSON.stringify(Object.keys(rows[0] || {}));
+  const inferredFields = (0, import_react26.useMemo)(() => JSON.parse(inferredFieldsKey), [inferredFieldsKey]);
   const columns = (0, import_react26.useMemo)(() => {
-    const baseColumns = visibleColumns.length > 0 ? visibleColumns : reorderedColumns.length > 0 ? [] : Object.keys(rows[0] || {}).map((key) => ({
+    const baseColumns = visibleColumns.length > 0 ? visibleColumns : reorderedColumns.length > 0 ? [] : inferredFields.map((key) => ({
       field: key
     }));
     return baseColumns.map((column) => {
@@ -4104,7 +4115,7 @@ function useDataTableRenderer({
   }, [
     visibleColumns,
     reorderedColumns,
-    rows,
+    inferredFields,
     effectivePinnedLeft,
     effectivePinnedRight,
     visibleColumnsByField,
@@ -5351,6 +5362,14 @@ var DateRangePicker = (0, import_react30.forwardRef)((inProps, ref) => {
     },
     [inputReadOnly, isAlphabeticDisplay, buttonRef]
   );
+  const handleInputClick = (0, import_react30.useCallback)(
+    (event) => {
+      if (inputReadOnly && !readOnly) {
+        handleCalendarToggle(event);
+      }
+    },
+    [inputReadOnly, readOnly, handleCalendarToggle]
+  );
   const handlePresetClick = (0, import_react30.useCallback)(
     (presetValue) => {
       if (props.value !== void 0) {
@@ -5404,7 +5423,8 @@ var DateRangePicker = (0, import_react30.forwardRef)((inProps, ref) => {
               cursor: isAlphabeticDisplay || inputReadOnly || readOnly ? "default" : "text"
             }
           },
-          onMouseDown: handleInputMouseDown
+          onMouseDown: handleInputMouseDown,
+          onClick: handleInputClick
         }
       },
       error,

package/dist/index.js

@@ -2935,6 +2935,14 @@ var DatePicker = forwardRef6((inProps, ref) => {
     },
     [inputReadOnly, isAlphabeticDisplay, buttonRef]
   );
+  const handleInputClick = useCallback9(
+    (event) => {
+      if (inputReadOnly && !readOnly) {
+        handleCalendarToggle(event);
+      }
+    },
+    [inputReadOnly, readOnly, handleCalendarToggle]
+  );
   const handlePresetClick = useCallback9(
     (presetValue) => {
       handleChange({
@@ -2986,7 +2994,8 @@ var DatePicker = forwardRef6((inProps, ref) => {
               cursor: isAlphabeticDisplay || inputReadOnly || readOnly ? "default" : "text"
             }
           },
-          onMouseDown: handleInputMouseDown
+          onMouseDown: handleInputMouseDown,
+          onClick: handleInputClick
         }
       },
       className,
@@ -3964,8 +3973,10 @@ function useDataTableRenderer({
     () => pinnedColumns?.right?.filter((f) => visibleFieldSet.has(f)),
     [pinnedColumns?.right, visibleFieldSet]
   );
+  const inferredFieldsKey = JSON.stringify(Object.keys(rows[0] || {}));
+  const inferredFields = useMemo10(() => JSON.parse(inferredFieldsKey), [inferredFieldsKey]);
   const columns = useMemo10(() => {
-    const baseColumns = visibleColumns.length > 0 ? visibleColumns : reorderedColumns.length > 0 ? [] : Object.keys(rows[0] || {}).map((key) => ({
+    const baseColumns = visibleColumns.length > 0 ? visibleColumns : reorderedColumns.length > 0 ? [] : inferredFields.map((key) => ({
       field: key
     }));
     return baseColumns.map((column) => {
@@ -3989,7 +4000,7 @@ function useDataTableRenderer({
   }, [
     visibleColumns,
     reorderedColumns,
-    rows,
+    inferredFields,
     effectivePinnedLeft,
     effectivePinnedRight,
     visibleColumnsByField,
@@ -5236,6 +5247,14 @@ var DateRangePicker = forwardRef8((inProps, ref) => {
     },
     [inputReadOnly, isAlphabeticDisplay, buttonRef]
   );
+  const handleInputClick = useCallback14(
+    (event) => {
+      if (inputReadOnly && !readOnly) {
+        handleCalendarToggle(event);
+      }
+    },
+    [inputReadOnly, readOnly, handleCalendarToggle]
+  );
   const handlePresetClick = useCallback14(
     (presetValue) => {
       if (props.value !== void 0) {
@@ -5289,7 +5308,8 @@ var DateRangePicker = forwardRef8((inProps, ref) => {
               cursor: isAlphabeticDisplay || inputReadOnly || readOnly ? "default" : "text"
             }
           },
-          onMouseDown: handleInputMouseDown
+          onMouseDown: handleInputMouseDown,
+          onClick: handleInputClick
         }
       },
       error,