@ceed/cds 1.40.0 → 1.40.2

package/dist/index.cjs

@@ -4705,7 +4705,8 @@ function Component(props, apiRef) {
   const totalSize = virtualizer.getTotalSize();
   const virtualizedItems = virtualizer.getVirtualItems();
   const showNoRowsOverlay = !loading && rowCount === 0;
-  const totalColCount = Math.max(1, columns.length + (checkboxSelection ? 1 : 0));
+  const showFillerColumn = columns.length > 0 && columns.every((c) => !!c.width);
+  const totalColCount = Math.max(1, columns.length + (checkboxSelection ? 1 : 0) + (showFillerColumn ? 1 : 0));
   const getRowClickHandler = (0, import_react29.useCallback)(
     (row, rowId) => (e) => {
       onRowClick?.({ row, rowId }, e);
@@ -4896,7 +4897,7 @@ function Component(props, apiRef) {
             minWidth: c.minWidth ?? "50px"
           }
         }
-      ))), /* @__PURE__ */ import_react29.default.createElement("thead", null, processedColumnGroups && processedColumnGroups.groups.length > 0 && processedColumnGroups.groups.map((levelGroups, level) => /* @__PURE__ */ import_react29.default.createElement("tr", { key: `group-level-${level}` }, checkboxSelection && level === 0 && /* @__PURE__ */ import_react29.default.createElement(
+      )), showFillerColumn && /* @__PURE__ */ import_react29.default.createElement("col", { style: { minWidth: 0 } })), /* @__PURE__ */ import_react29.default.createElement("thead", null, processedColumnGroups && processedColumnGroups.groups.length > 0 && processedColumnGroups.groups.map((levelGroups, level) => /* @__PURE__ */ import_react29.default.createElement("tr", { key: `group-level-${level}` }, checkboxSelection && level === 0 && /* @__PURE__ */ import_react29.default.createElement(
         "th",
         {
           rowSpan: processedColumnGroups.maxLevel + 2,
@@ -4925,7 +4926,13 @@ function Component(props, apiRef) {
           },
           group.headerName ?? group.groupId
         ), emptyCells > 0 && Array.from({ length: emptyCells }).map((_2, i) => /* @__PURE__ */ import_react29.default.createElement("th", { key: `empty-between-${level}-${groupIndex}-${i}`, colSpan: 1 })));
-      }))), /* @__PURE__ */ import_react29.default.createElement("tr", null, (!processedColumnGroups || processedColumnGroups.groups.length === 0) && checkboxSelection && /* @__PURE__ */ import_react29.default.createElement(
+      }), showFillerColumn && level === 0 && /* @__PURE__ */ import_react29.default.createElement(
+        "th",
+        {
+          "aria-hidden": "true",
+          rowSpan: processedColumnGroups.maxLevel + 2
+        }
+      ))), /* @__PURE__ */ import_react29.default.createElement("tr", null, (!processedColumnGroups || processedColumnGroups.groups.length === 0) && checkboxSelection && /* @__PURE__ */ import_react29.default.createElement(
         "th",
         {
           style: {
@@ -4948,7 +4955,7 @@ function Component(props, apiRef) {
             ...c
           }
         )
-      )))), /* @__PURE__ */ import_react29.default.createElement(
+      )), showFillerColumn && (!processedColumnGroups || processedColumnGroups.groups.length === 0) && /* @__PURE__ */ import_react29.default.createElement("th", { "aria-hidden": "true" }))), /* @__PURE__ */ import_react29.default.createElement(
         VirtualizedTableBody,
         {
           ref: tableBodyRef,
@@ -5047,7 +5054,8 @@ function Component(props, apiRef) {
                 editMode,
                 noWrap: props.noWrap
               }
-            )
+            ),
+            showFillerColumn && /* @__PURE__ */ import_react29.default.createElement("td", { "aria-hidden": "true" })
           );
         })
       ), Footer && /* @__PURE__ */ import_react29.default.createElement(Footer, null))
@@ -7594,24 +7602,10 @@ var import_joy62 = require("@mui/joy");
 var import_CloudUploadRounded = __toESM(require("@mui/icons-material/CloudUploadRounded"));
 var import_UploadFileRounded = __toESM(require("@mui/icons-material/UploadFileRounded"));
 var import_ClearRounded = __toESM(require("@mui/icons-material/ClearRounded"));
-var esmFiles = {
-  combine: import(
-    // @ts-ignore: build된 pragmatic-drag-and-drop의 esm file에 extension이 없어서 에러가 발생함. 따라서 빌드된 js파일을 direct로 import한다.
-    "@atlaskit/pragmatic-drag-and-drop/dist/esm/entry-point/combine.js"
-  ),
-  adapter: import(
-    // @ts-ignore: build된 pragmatic-drag-and-drop의 esm file에 extension이 없어서 에러가 발생함. 따라서 빌드된 js파일을 direct로 import한다.
-    "@atlaskit/pragmatic-drag-and-drop/dist/esm/entry-point/external/adapter.js"
-  ),
-  file: import(
-    // @ts-ignore: build된 pragmatic-drag-and-drop의 esm file에 extension이 없어서 에러가 발생함. 따라서 빌드된 js파일을 direct로 import한다.
-    "@atlaskit/pragmatic-drag-and-drop/dist/esm/entry-point/external/file.js"
-  ),
-  preventUnhandled: import(
-    // @ts-ignore: build된 pragmatic-drag-and-drop의 esm file에 extension이 없어서 에러가 발생함. 따라서 빌드된 js파일을 direct로 import한다.
-    "@atlaskit/pragmatic-drag-and-drop/dist/esm/entry-point/prevent-unhandled.js"
-  )
-};
+var import_combine = require("@atlaskit/pragmatic-drag-and-drop/combine");
+var import_adapter = require("@atlaskit/pragmatic-drag-and-drop/external/adapter");
+var import_file = require("@atlaskit/pragmatic-drag-and-drop/external/file");
+var import_prevent_unhandled = require("@atlaskit/pragmatic-drag-and-drop/prevent-unhandled");
 var VisuallyHiddenInput = (0, import_joy62.styled)(import_joy62.Input)({
   width: "1px",
   height: "1px",
@@ -7837,39 +7831,29 @@ var Uploader = import_react51.default.memo((props) => {
     if (!dropZoneRef.current || disabled) {
       return;
     }
-    let cleanup;
-    Promise.all([esmFiles.combine, esmFiles.adapter, esmFiles.file, esmFiles.preventUnhandled]).then(
-      ([combineModule, adapterModule, fileModule, preventUnhandledModule]) => {
-        const { combine } = combineModule;
-        const { dropTargetForExternal, monitorForExternal } = adapterModule;
-        const { containsFiles, getFiles } = fileModule;
-        const { preventUnhandled } = preventUnhandledModule;
-        cleanup = combine(
-          dropTargetForExternal({
-            element: dropZoneRef.current,
-            canDrop: containsFiles,
-            onDragEnter: () => setPreviewState("over"),
-            onDragLeave: () => setPreviewState("potential"),
-            onDrop: async ({ source }) => {
-              const files2 = await getFiles({ source });
-              addFiles(files2);
-            }
-          }),
-          monitorForExternal({
-            canMonitor: containsFiles,
-            onDragStart: () => {
-              setPreviewState("potential");
-              preventUnhandled.start();
-            },
-            onDrop: () => {
-              setPreviewState("idle");
-              preventUnhandled.stop();
-            }
-          })
-        );
-      }
+    return (0, import_combine.combine)(
+      (0, import_adapter.dropTargetForExternal)({
+        element: dropZoneRef.current,
+        canDrop: import_file.containsFiles,
+        onDragEnter: () => setPreviewState("over"),
+        onDragLeave: () => setPreviewState("potential"),
+        onDrop: async ({ source }) => {
+          const files2 = await (0, import_file.getFiles)({ source });
+          addFiles(files2);
+        }
+      }),
+      (0, import_adapter.monitorForExternal)({
+        canMonitor: import_file.containsFiles,
+        onDragStart: () => {
+          setPreviewState("potential");
+          import_prevent_unhandled.preventUnhandled.start();
+        },
+        onDrop: () => {
+          setPreviewState("idle");
+          import_prevent_unhandled.preventUnhandled.stop();
+        }
+      })
     );
-    return () => cleanup?.();
   }, [disabled, addFiles]);
   (0, import_react51.useEffect)(() => {
     if (inputRef.current && minCount) {

package/dist/index.js

@@ -4590,7 +4590,8 @@ function Component(props, apiRef) {
   const totalSize = virtualizer.getTotalSize();
   const virtualizedItems = virtualizer.getVirtualItems();
   const showNoRowsOverlay = !loading && rowCount === 0;
-  const totalColCount = Math.max(1, columns.length + (checkboxSelection ? 1 : 0));
+  const showFillerColumn = columns.length > 0 && columns.every((c) => !!c.width);
+  const totalColCount = Math.max(1, columns.length + (checkboxSelection ? 1 : 0) + (showFillerColumn ? 1 : 0));
   const getRowClickHandler = useCallback13(
     (row, rowId) => (e) => {
       onRowClick?.({ row, rowId }, e);
@@ -4781,7 +4782,7 @@ function Component(props, apiRef) {
             minWidth: c.minWidth ?? "50px"
           }
         }
-      ))), /* @__PURE__ */ React26.createElement("thead", null, processedColumnGroups && processedColumnGroups.groups.length > 0 && processedColumnGroups.groups.map((levelGroups, level) => /* @__PURE__ */ React26.createElement("tr", { key: `group-level-${level}` }, checkboxSelection && level === 0 && /* @__PURE__ */ React26.createElement(
+      )), showFillerColumn && /* @__PURE__ */ React26.createElement("col", { style: { minWidth: 0 } })), /* @__PURE__ */ React26.createElement("thead", null, processedColumnGroups && processedColumnGroups.groups.length > 0 && processedColumnGroups.groups.map((levelGroups, level) => /* @__PURE__ */ React26.createElement("tr", { key: `group-level-${level}` }, checkboxSelection && level === 0 && /* @__PURE__ */ React26.createElement(
         "th",
         {
           rowSpan: processedColumnGroups.maxLevel + 2,
@@ -4810,7 +4811,13 @@ function Component(props, apiRef) {
           },
           group.headerName ?? group.groupId
         ), emptyCells > 0 && Array.from({ length: emptyCells }).map((_2, i) => /* @__PURE__ */ React26.createElement("th", { key: `empty-between-${level}-${groupIndex}-${i}`, colSpan: 1 })));
-      }))), /* @__PURE__ */ React26.createElement("tr", null, (!processedColumnGroups || processedColumnGroups.groups.length === 0) && checkboxSelection && /* @__PURE__ */ React26.createElement(
+      }), showFillerColumn && level === 0 && /* @__PURE__ */ React26.createElement(
+        "th",
+        {
+          "aria-hidden": "true",
+          rowSpan: processedColumnGroups.maxLevel + 2
+        }
+      ))), /* @__PURE__ */ React26.createElement("tr", null, (!processedColumnGroups || processedColumnGroups.groups.length === 0) && checkboxSelection && /* @__PURE__ */ React26.createElement(
         "th",
         {
           style: {
@@ -4833,7 +4840,7 @@ function Component(props, apiRef) {
             ...c
           }
         )
-      )))), /* @__PURE__ */ React26.createElement(
+      )), showFillerColumn && (!processedColumnGroups || processedColumnGroups.groups.length === 0) && /* @__PURE__ */ React26.createElement("th", { "aria-hidden": "true" }))), /* @__PURE__ */ React26.createElement(
         VirtualizedTableBody,
         {
           ref: tableBodyRef,
@@ -4932,7 +4939,8 @@ function Component(props, apiRef) {
                 editMode,
                 noWrap: props.noWrap
               }
-            )
+            ),
+            showFillerColumn && /* @__PURE__ */ React26.createElement("td", { "aria-hidden": "true" })
           );
         })
       ), Footer && /* @__PURE__ */ React26.createElement(Footer, null))
@@ -7521,24 +7529,10 @@ import { styled as styled31, Input as Input2 } from "@mui/joy";
 import MuiFileUploadIcon from "@mui/icons-material/CloudUploadRounded";
 import MuiUploadFileIcon from "@mui/icons-material/UploadFileRounded";
 import MuiClearIcon from "@mui/icons-material/ClearRounded";
-var esmFiles = {
-  combine: import(
-    // @ts-ignore: build된 pragmatic-drag-and-drop의 esm file에 extension이 없어서 에러가 발생함. 따라서 빌드된 js파일을 direct로 import한다.
-    "@atlaskit/pragmatic-drag-and-drop/dist/esm/entry-point/combine.js"
-  ),
-  adapter: import(
-    // @ts-ignore: build된 pragmatic-drag-and-drop의 esm file에 extension이 없어서 에러가 발생함. 따라서 빌드된 js파일을 direct로 import한다.
-    "@atlaskit/pragmatic-drag-and-drop/dist/esm/entry-point/external/adapter.js"
-  ),
-  file: import(
-    // @ts-ignore: build된 pragmatic-drag-and-drop의 esm file에 extension이 없어서 에러가 발생함. 따라서 빌드된 js파일을 direct로 import한다.
-    "@atlaskit/pragmatic-drag-and-drop/dist/esm/entry-point/external/file.js"
-  ),
-  preventUnhandled: import(
-    // @ts-ignore: build된 pragmatic-drag-and-drop의 esm file에 extension이 없어서 에러가 발생함. 따라서 빌드된 js파일을 direct로 import한다.
-    "@atlaskit/pragmatic-drag-and-drop/dist/esm/entry-point/prevent-unhandled.js"
-  )
-};
+import { combine } from "@atlaskit/pragmatic-drag-and-drop/combine";
+import { dropTargetForExternal, monitorForExternal } from "@atlaskit/pragmatic-drag-and-drop/external/adapter";
+import { containsFiles, getFiles } from "@atlaskit/pragmatic-drag-and-drop/external/file";
+import { preventUnhandled } from "@atlaskit/pragmatic-drag-and-drop/prevent-unhandled";
 var VisuallyHiddenInput = styled31(Input2)({
   width: "1px",
   height: "1px",
@@ -7764,39 +7758,29 @@ var Uploader = React49.memo((props) => {
     if (!dropZoneRef.current || disabled) {
       return;
     }
-    let cleanup;
-    Promise.all([esmFiles.combine, esmFiles.adapter, esmFiles.file, esmFiles.preventUnhandled]).then(
-      ([combineModule, adapterModule, fileModule, preventUnhandledModule]) => {
-        const { combine } = combineModule;
-        const { dropTargetForExternal, monitorForExternal } = adapterModule;
-        const { containsFiles, getFiles } = fileModule;
-        const { preventUnhandled } = preventUnhandledModule;
-        cleanup = combine(
-          dropTargetForExternal({
-            element: dropZoneRef.current,
-            canDrop: containsFiles,
-            onDragEnter: () => setPreviewState("over"),
-            onDragLeave: () => setPreviewState("potential"),
-            onDrop: async ({ source }) => {
-              const files2 = await getFiles({ source });
-              addFiles(files2);
-            }
-          }),
-          monitorForExternal({
-            canMonitor: containsFiles,
-            onDragStart: () => {
-              setPreviewState("potential");
-              preventUnhandled.start();
-            },
-            onDrop: () => {
-              setPreviewState("idle");
-              preventUnhandled.stop();
-            }
-          })
-        );
-      }
+    return combine(
+      dropTargetForExternal({
+        element: dropZoneRef.current,
+        canDrop: containsFiles,
+        onDragEnter: () => setPreviewState("over"),
+        onDragLeave: () => setPreviewState("potential"),
+        onDrop: async ({ source }) => {
+          const files2 = await getFiles({ source });
+          addFiles(files2);
+        }
+      }),
+      monitorForExternal({
+        canMonitor: containsFiles,
+        onDragStart: () => {
+          setPreviewState("potential");
+          preventUnhandled.start();
+        },
+        onDrop: () => {
+          setPreviewState("idle");
+          preventUnhandled.stop();
+        }
+      })
     );
-    return () => cleanup?.();
   }, [disabled, addFiles]);
   useEffect13(() => {
     if (inputRef.current && minCount) {