npm - @ceed/cds - Versions diffs - 1.5.6-next.1 → 1.5.6-next.3 - Mend

@ceed/cds 1.5.6-next.1 → 1.5.6-next.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (5) hide show

package/dist/hooks/use-controlled-state/index.d.ts +1 -3
package/dist/index.cjs +104 -97
package/dist/index.js +104 -97
package/framer/index.js +4 -4
package/package.json +1 -1

package/dist/hooks/use-controlled-state/index.d.ts CHANGED Viewed

@@ -1,3 +1 @@
-export declare function useControlledState<T>(controlledValue: T | undefined, defaultValue: T, onChange?: (value: T) => void, options?: {
-    disableStrict?: boolean;
-}): [T, (value: T | ((prev: T) => T)) => void, boolean];
+export declare function useControlledState<T>(controlledValue: T | undefined, defaultValue: T, onChange?: (value: T) => void): [T, (value: T | ((prev: T) => T)) => void, boolean];

package/dist/index.cjs CHANGED Viewed

@@ -406,7 +406,7 @@ var IconButton_default = IconButton;
 // src/hooks/use-controlled-state/index.ts
 var import_react5 = require("react");
-function useControlledState(controlledValue, defaultValue, onChange, options) {
+function useControlledState(controlledValue, defaultValue, onChange) {
   const { current: isControlled } = (0, import_react5.useRef)(controlledValue !== void 0);
   const [internalValue, setInternalValue] = (0, import_react5.useState)(
     controlledValue ?? defaultValue
@@ -2350,8 +2350,7 @@ var DatePicker = (0, import_react19.forwardRef)(
       (0, import_react19.useCallback)(
         (value2) => onChange?.({ target: { name: props.name, value: value2 } }),
         [props.name, onChange]
-      ),
-      { disableStrict: true }
+      )
     );
     const [displayValue, setDisplayValue] = (0, import_react19.useState)(
       () => value ? formatValueString(parseDate(value, format), displayFormat) : ""
@@ -3851,117 +3850,128 @@ function Component(props, apiRef) {
         ref: parentRef,
         ...backgroundProps
       },
-      /* @__PURE__ */ import_react25.default.createElement(Table, { ...innerProps }, /* @__PURE__ */ import_react25.default.createElement("thead", null, /* @__PURE__ */ import_react25.default.createElement("tr", null, checkboxSelection && /* @__PURE__ */ import_react25.default.createElement(
-        "th",
-        {
-          style: {
-            width: "40px",
-            textAlign: "center"
-          }
-        },
-        /* @__PURE__ */ import_react25.default.createElement(
-          RenderCheckbox,
-          {
-            onChange: onAllCheckboxChange,
-            checked: isAllSelected,
-            indeterminate: (selectionModel || []).length > 0 && !isAllSelected,
-            ...checkboxProps
-          }
-        )
-      ), columns.map((c, i) => /* @__PURE__ */ import_react25.default.createElement(
-        HeadCell2,
-        {
-          tableId,
-          key: `${c.field.toString()}_${i}`,
-          stickyHeader: props.stickyHeader,
-          editMode: !!c.isCellEditable,
-          onSortChange: handleSortChange,
-          ...c
-        }
-      )))), /* @__PURE__ */ import_react25.default.createElement(
-        VirtualizedTableBody,
+      /* @__PURE__ */ import_react25.default.createElement(
+        Table,
         {
-          ref: tableBodyRef,
+          ...innerProps,
           style: {
-            height: `${totalSize}px`
+            tableLayout: "auto"
           }
         },
-        !!loading && /* @__PURE__ */ import_react25.default.createElement(OverlayWrapper, null, /* @__PURE__ */ import_react25.default.createElement(
-          "td",
+        /* @__PURE__ */ import_react25.default.createElement("thead", null, /* @__PURE__ */ import_react25.default.createElement("tr", null, checkboxSelection && /* @__PURE__ */ import_react25.default.createElement(
+          "th",
           {
             style: {
-              position: "fixed",
-              width: "var(--DataTableSheet-width)",
-              overflow: "visible"
+              width: "40px",
+              textAlign: "center"
             }
           },
           /* @__PURE__ */ import_react25.default.createElement(
-            Box_default,
+            RenderCheckbox,
             {
-              sx: {
-                position: "absolute",
-                top: 0,
-                left: 0,
-                right: 0
-              }
-            },
-            /* @__PURE__ */ import_react25.default.createElement(LoadingOverlay, null)
+              onChange: onAllCheckboxChange,
+              checked: isAllSelected,
+              indeterminate: (selectionModel || []).length > 0 && !isAllSelected,
+              ...checkboxProps
+            }
           )
-        )),
-        virtualizedItems.map((virtualizedRow, index) => {
-          const rowIndex = virtualizedRow.index;
-          const row = dataInPage[rowIndex];
-          const rowId = getId(row, rowIndex);
-          const striped = stripe && (stripe === "even" && (rowIndex + 1) % 2 === 0 || stripe === "odd" && (rowIndex + 1) % 2 === 1);
-          return /* @__PURE__ */ import_react25.default.createElement(
-            VirtualizedTableRow,
+        ), columns.map((c, i) => /* @__PURE__ */ import_react25.default.createElement(
+          HeadCell2,
+          {
+            tableId,
+            key: `${c.field.toString()}_${i}`,
+            stickyHeader: props.stickyHeader,
+            editMode: !!c.isCellEditable,
+            onSortChange: handleSortChange,
+            ...c
+          }
+        )))),
+        /* @__PURE__ */ import_react25.default.createElement(
+          VirtualizedTableBody,
+          {
+            ref: tableBodyRef,
+            style: {
+              height: `${totalSize}px`
+            }
+          },
+          !!loading && /* @__PURE__ */ import_react25.default.createElement(OverlayWrapper, null, /* @__PURE__ */ import_react25.default.createElement(
+            "td",
             {
-              key: virtualizedRow.key,
-              "data-row-id": rowId,
-              "data-index": rowIndex,
-              role: checkboxSelection && !disableSelectionOnClick ? "checkbox" : void 0,
-              tabIndex: focusedRowId === rowId ? 0 : -1,
-              onClick: getRowClickHandler(row, rowId),
-              onFocus: getRowFocusHandler(rowId),
-              "aria-checked": checkboxSelection ? isSelectedRow(rowId) : void 0,
-              striped,
               style: {
-                height: `${virtualizedRow.size}px`,
-                transform: `translateY(${virtualizedRow.start - index * virtualizedRow.size}px)`
+                position: "fixed",
+                width: "var(--DataTableSheet-width)",
+                overflow: "visible"
               }
             },
-            checkboxSelection && /* @__PURE__ */ import_react25.default.createElement(
-              "th",
+            /* @__PURE__ */ import_react25.default.createElement(
+              Box_default,
               {
-                scope: "row",
+                sx: {
+                  position: "absolute",
+                  top: 0,
+                  left: 0,
+                  right: 0
+                }
+              },
+              /* @__PURE__ */ import_react25.default.createElement(LoadingOverlay, null)
+            )
+          )),
+          virtualizedItems.map((virtualizedRow, index) => {
+            const rowIndex = virtualizedRow.index;
+            const row = dataInPage[rowIndex];
+            const rowId = getId(row, rowIndex);
+            const striped = stripe && (stripe === "even" && (rowIndex + 1) % 2 === 0 || stripe === "odd" && (rowIndex + 1) % 2 === 1);
+            return /* @__PURE__ */ import_react25.default.createElement(
+              VirtualizedTableRow,
+              {
+                key: virtualizedRow.key,
+                "data-row-id": rowId,
+                "data-index": rowIndex,
+                role: checkboxSelection && !disableSelectionOnClick ? "checkbox" : void 0,
+                tabIndex: focusedRowId === rowId ? 0 : -1,
+                onClick: getRowClickHandler(row, rowId),
+                onFocus: getRowFocusHandler(rowId),
+                "aria-checked": checkboxSelection ? isSelectedRow(rowId) : void 0,
+                striped,
                 style: {
-                  textAlign: "center"
+                  height: `${virtualizedRow.size}px`,
+                  transform: `translateY(${virtualizedRow.start - index * virtualizedRow.size}px)`
                 }
               },
+              checkboxSelection && /* @__PURE__ */ import_react25.default.createElement(
+                "th",
+                {
+                  scope: "row",
+                  style: {
+                    textAlign: "center"
+                  }
+                },
+                /* @__PURE__ */ import_react25.default.createElement(
+                  RenderCheckbox,
+                  {
+                    onClick: getCheckboxClickHandler(),
+                    onChange: getCheckboxChangeHandler(rowId),
+                    checked: isSelectedRow(rowId),
+                    ...checkboxProps
+                  }
+                )
+              ),
               /* @__PURE__ */ import_react25.default.createElement(
-                RenderCheckbox,
+                BodyRow2,
                 {
-                  onClick: getCheckboxClickHandler(),
-                  onChange: getCheckboxChangeHandler(rowId),
-                  checked: isSelectedRow(rowId),
-                  ...checkboxProps
+                  tableId,
+                  columns,
+                  row,
+                  rowId,
+                  editMode,
+                  noWrap: props.noWrap
                 }
               )
-            ),
-            /* @__PURE__ */ import_react25.default.createElement(
-              BodyRow2,
-              {
-                tableId,
-                columns,
-                row,
-                rowId,
-                editMode,
-                noWrap: props.noWrap
-              }
-            )
-          );
-        })
-      ), Footer && /* @__PURE__ */ import_react25.default.createElement(Footer, null))
+            );
+          })
+        ),
+        Footer && /* @__PURE__ */ import_react25.default.createElement(Footer, null)
+      )
     ),
     pagination && /* @__PURE__ */ import_react25.default.createElement(
       Pagination_default,
@@ -4128,8 +4138,7 @@ var DateRangePicker = (0, import_react26.forwardRef)(
       (0, import_react26.useCallback)(
         (value2) => onChange?.({ target: { name: props.name, value: value2 } }),
         [props.name, onChange]
-      ),
-      { disableStrict: true }
+      )
     );
     const [anchorEl, setAnchorEl] = (0, import_react26.useState)(null);
     const open = Boolean(anchorEl);
@@ -4632,8 +4641,7 @@ var MonthPicker = (0, import_react33.forwardRef)(
       (0, import_react33.useCallback)(
         (value2) => onChange?.({ target: { name: props.name, value: value2 } }),
         [props.name, onChange]
-      ),
-      { disableStrict: true }
+      )
     );
     const getFormattedDisplayValue = (0, import_react33.useCallback)(
       (inputValue) => {
@@ -4926,8 +4934,7 @@ var MonthRangePicker = (0, import_react34.forwardRef)(
       (0, import_react34.useCallback)(
         (value2) => onChange?.({ target: { name: props.name, value: value2 } }),
         [props.name, onChange]
-      ),
-      { disableStrict: true }
+      )
     );
     const [anchorEl, setAnchorEl] = (0, import_react34.useState)(null);
     const open = Boolean(anchorEl);

package/dist/index.js CHANGED Viewed

@@ -325,7 +325,7 @@ var IconButton_default = IconButton;
 // src/hooks/use-controlled-state/index.ts
 import { useState, useCallback, useEffect, useRef } from "react";
-function useControlledState(controlledValue, defaultValue, onChange, options) {
+function useControlledState(controlledValue, defaultValue, onChange) {
   const { current: isControlled } = useRef(controlledValue !== void 0);
   const [internalValue, setInternalValue] = useState(
     controlledValue ?? defaultValue
@@ -2312,8 +2312,7 @@ var DatePicker = forwardRef6(
       useCallback7(
         (value2) => onChange?.({ target: { name: props.name, value: value2 } }),
         [props.name, onChange]
-      ),
-      { disableStrict: true }
+      )
     );
     const [displayValue, setDisplayValue] = useState5(
       () => value ? formatValueString(parseDate(value, format), displayFormat) : ""
@@ -3819,117 +3818,128 @@ function Component(props, apiRef) {
         ref: parentRef,
         ...backgroundProps
       },
-      /* @__PURE__ */ React23.createElement(Table, { ...innerProps }, /* @__PURE__ */ React23.createElement("thead", null, /* @__PURE__ */ React23.createElement("tr", null, checkboxSelection && /* @__PURE__ */ React23.createElement(
-        "th",
-        {
-          style: {
-            width: "40px",
-            textAlign: "center"
-          }
-        },
-        /* @__PURE__ */ React23.createElement(
-          RenderCheckbox,
-          {
-            onChange: onAllCheckboxChange,
-            checked: isAllSelected,
-            indeterminate: (selectionModel || []).length > 0 && !isAllSelected,
-            ...checkboxProps
-          }
-        )
-      ), columns.map((c, i) => /* @__PURE__ */ React23.createElement(
-        HeadCell2,
-        {
-          tableId,
-          key: `${c.field.toString()}_${i}`,
-          stickyHeader: props.stickyHeader,
-          editMode: !!c.isCellEditable,
-          onSortChange: handleSortChange,
-          ...c
-        }
-      )))), /* @__PURE__ */ React23.createElement(
-        VirtualizedTableBody,
+      /* @__PURE__ */ React23.createElement(
+        Table,
         {
-          ref: tableBodyRef,
+          ...innerProps,
           style: {
-            height: `${totalSize}px`
+            tableLayout: "auto"
           }
         },
-        !!loading && /* @__PURE__ */ React23.createElement(OverlayWrapper, null, /* @__PURE__ */ React23.createElement(
-          "td",
+        /* @__PURE__ */ React23.createElement("thead", null, /* @__PURE__ */ React23.createElement("tr", null, checkboxSelection && /* @__PURE__ */ React23.createElement(
+          "th",
           {
             style: {
-              position: "fixed",
-              width: "var(--DataTableSheet-width)",
-              overflow: "visible"
+              width: "40px",
+              textAlign: "center"
             }
           },
           /* @__PURE__ */ React23.createElement(
-            Box_default,
+            RenderCheckbox,
             {
-              sx: {
-                position: "absolute",
-                top: 0,
-                left: 0,
-                right: 0
-              }
-            },
-            /* @__PURE__ */ React23.createElement(LoadingOverlay, null)
+              onChange: onAllCheckboxChange,
+              checked: isAllSelected,
+              indeterminate: (selectionModel || []).length > 0 && !isAllSelected,
+              ...checkboxProps
+            }
           )
-        )),
-        virtualizedItems.map((virtualizedRow, index) => {
-          const rowIndex = virtualizedRow.index;
-          const row = dataInPage[rowIndex];
-          const rowId = getId(row, rowIndex);
-          const striped = stripe && (stripe === "even" && (rowIndex + 1) % 2 === 0 || stripe === "odd" && (rowIndex + 1) % 2 === 1);
-          return /* @__PURE__ */ React23.createElement(
-            VirtualizedTableRow,
+        ), columns.map((c, i) => /* @__PURE__ */ React23.createElement(
+          HeadCell2,
+          {
+            tableId,
+            key: `${c.field.toString()}_${i}`,
+            stickyHeader: props.stickyHeader,
+            editMode: !!c.isCellEditable,
+            onSortChange: handleSortChange,
+            ...c
+          }
+        )))),
+        /* @__PURE__ */ React23.createElement(
+          VirtualizedTableBody,
+          {
+            ref: tableBodyRef,
+            style: {
+              height: `${totalSize}px`
+            }
+          },
+          !!loading && /* @__PURE__ */ React23.createElement(OverlayWrapper, null, /* @__PURE__ */ React23.createElement(
+            "td",
             {
-              key: virtualizedRow.key,
-              "data-row-id": rowId,
-              "data-index": rowIndex,
-              role: checkboxSelection && !disableSelectionOnClick ? "checkbox" : void 0,
-              tabIndex: focusedRowId === rowId ? 0 : -1,
-              onClick: getRowClickHandler(row, rowId),
-              onFocus: getRowFocusHandler(rowId),
-              "aria-checked": checkboxSelection ? isSelectedRow(rowId) : void 0,
-              striped,
               style: {
-                height: `${virtualizedRow.size}px`,
-                transform: `translateY(${virtualizedRow.start - index * virtualizedRow.size}px)`
+                position: "fixed",
+                width: "var(--DataTableSheet-width)",
+                overflow: "visible"
               }
             },
-            checkboxSelection && /* @__PURE__ */ React23.createElement(
-              "th",
+            /* @__PURE__ */ React23.createElement(
+              Box_default,
               {
-                scope: "row",
+                sx: {
+                  position: "absolute",
+                  top: 0,
+                  left: 0,
+                  right: 0
+                }
+              },
+              /* @__PURE__ */ React23.createElement(LoadingOverlay, null)
+            )
+          )),
+          virtualizedItems.map((virtualizedRow, index) => {
+            const rowIndex = virtualizedRow.index;
+            const row = dataInPage[rowIndex];
+            const rowId = getId(row, rowIndex);
+            const striped = stripe && (stripe === "even" && (rowIndex + 1) % 2 === 0 || stripe === "odd" && (rowIndex + 1) % 2 === 1);
+            return /* @__PURE__ */ React23.createElement(
+              VirtualizedTableRow,
+              {
+                key: virtualizedRow.key,
+                "data-row-id": rowId,
+                "data-index": rowIndex,
+                role: checkboxSelection && !disableSelectionOnClick ? "checkbox" : void 0,
+                tabIndex: focusedRowId === rowId ? 0 : -1,
+                onClick: getRowClickHandler(row, rowId),
+                onFocus: getRowFocusHandler(rowId),
+                "aria-checked": checkboxSelection ? isSelectedRow(rowId) : void 0,
+                striped,
                 style: {
-                  textAlign: "center"
+                  height: `${virtualizedRow.size}px`,
+                  transform: `translateY(${virtualizedRow.start - index * virtualizedRow.size}px)`
                 }
               },
+              checkboxSelection && /* @__PURE__ */ React23.createElement(
+                "th",
+                {
+                  scope: "row",
+                  style: {
+                    textAlign: "center"
+                  }
+                },
+                /* @__PURE__ */ React23.createElement(
+                  RenderCheckbox,
+                  {
+                    onClick: getCheckboxClickHandler(),
+                    onChange: getCheckboxChangeHandler(rowId),
+                    checked: isSelectedRow(rowId),
+                    ...checkboxProps
+                  }
+                )
+              ),
               /* @__PURE__ */ React23.createElement(
-                RenderCheckbox,
+                BodyRow2,
                 {
-                  onClick: getCheckboxClickHandler(),
-                  onChange: getCheckboxChangeHandler(rowId),
-                  checked: isSelectedRow(rowId),
-                  ...checkboxProps
+                  tableId,
+                  columns,
+                  row,
+                  rowId,
+                  editMode,
+                  noWrap: props.noWrap
                 }
               )
-            ),
-            /* @__PURE__ */ React23.createElement(
-              BodyRow2,
-              {
-                tableId,
-                columns,
-                row,
-                rowId,
-                editMode,
-                noWrap: props.noWrap
-              }
-            )
-          );
-        })
-      ), Footer && /* @__PURE__ */ React23.createElement(Footer, null))
+            );
+          })
+        ),
+        Footer && /* @__PURE__ */ React23.createElement(Footer, null)
+      )
     ),
     pagination && /* @__PURE__ */ React23.createElement(
       Pagination_default,
@@ -4104,8 +4114,7 @@ var DateRangePicker = forwardRef8(
       useCallback10(
         (value2) => onChange?.({ target: { name: props.name, value: value2 } }),
         [props.name, onChange]
-      ),
-      { disableStrict: true }
+      )
     );
     const [anchorEl, setAnchorEl] = useState7(null);
     const open = Boolean(anchorEl);
@@ -4628,8 +4637,7 @@ var MonthPicker = forwardRef9(
       useCallback11(
         (value2) => onChange?.({ target: { name: props.name, value: value2 } }),
         [props.name, onChange]
-      ),
-      { disableStrict: true }
+      )
     );
     const getFormattedDisplayValue = useCallback11(
       (inputValue) => {
@@ -4930,8 +4938,7 @@ var MonthRangePicker = forwardRef10(
       useCallback12(
         (value2) => onChange?.({ target: { name: props.name, value: value2 } }),
         [props.name, onChange]
-      ),
-      { disableStrict: true }
+      )
     );
     const [anchorEl, setAnchorEl] = useState10(null);
     const open = Boolean(anchorEl);