@mercurjs/dashboard-shared 2.1.2-canary.4 → 2.1.2

package/dist/index.d.ts

@@ -621,7 +621,7 @@ interface DataTableProps$1<TData> {
     };
     filterBarContent?: React__default.ReactNode;
 }
-declare const DataTable: <TData>({ data, columns, filters, commands, action, actions, actionMenu, getRowId, rowCount, enablePagination, enableSearch, autoFocusSearch, enableFilterMenu, rowHref, heading, headingLevel, subHeading, prefix, pageSize, emptyState, rowSelection, isLoading, layout, enableColumnVisibility, initialColumnVisibility, onColumnVisibilityChange, columnOrder, onColumnOrderChange, filterBarContent, }: DataTableProps$1<TData>) => react_jsx_runtime.JSX.Element;
+declare const DataTable: <TData>({ data, columns, filters, commands, action, actions, actionMenu, getRowId, rowCount, enablePagination, enableSearch, autoFocusSearch: _autoFocusSearch, enableFilterMenu, rowHref, heading, headingLevel, subHeading, prefix, pageSize, emptyState, rowSelection, isLoading, layout, enableColumnVisibility, initialColumnVisibility, onColumnVisibilityChange, columnOrder, onColumnOrderChange, filterBarContent, }: DataTableProps$1<TData>) => react_jsx_runtime.JSX.Element;
 
 type FilterGroupProps = {
     filters: {

package/dist/index.js

@@ -2598,7 +2598,7 @@ var FileUpload = ({
             "!border-ui-border-interactive": isDragOver
           }
         ),
-        children: uploadedImage ? /* @__PURE__ */ jsx10("div", { children: /* @__PURE__ */ jsx10("img", { src: uploadedImage, className: "w-32 h-32 rounded-md" }) }) : /* @__PURE__ */ jsxs9(Fragment, { children: [
+        children: uploadedImage ? /* @__PURE__ */ jsx10("div", { children: /* @__PURE__ */ jsx10("img", { src: uploadedImage, alt: "", className: "w-32 h-32 rounded-md" }) }) : /* @__PURE__ */ jsxs9(Fragment, { children: [
           /* @__PURE__ */ jsxs9("div", { className: "text-ui-fg-subtle group-disabled:text-ui-fg-disabled flex items-center gap-x-2", children: [
             /* @__PURE__ */ jsx10(ArrowDownTray2, {}),
             /* @__PURE__ */ jsx10(Text5, { children: label })
@@ -3131,7 +3131,10 @@ var Copied = ({ style, value }) => {
   if (copied) {
     return /* @__PURE__ */ jsx15("span", { style: { ...style, ...styl }, children: /* @__PURE__ */ jsx15(Check, { className: "text-ui-contrast-fg-primary" }) });
   }
-  return /* @__PURE__ */ jsx15("span", { style: { ...style, ...styl }, onClick: handler, children: /* @__PURE__ */ jsx15(SquareTwoStack, { className: "text-ui-contrast-fg-secondary" }) });
+  return (
+    // oxlint-disable-next-line jsx-a11y/click-events-have-key-events, jsx-a11y/no-static-element-interactions
+    /* @__PURE__ */ jsx15("span", { style: { ...style, ...styl }, onClick: handler, children: /* @__PURE__ */ jsx15(SquareTwoStack, { className: "text-ui-contrast-fg-secondary" }) })
+  );
 };
 
 // src/components/common/link-button/link-button.tsx
@@ -4265,7 +4268,7 @@ var animateLayoutChanges = ({
   isSorting,
   wasDragging
 }) => {
-  return isSorting || wasDragging ? false : true;
+  return !(isSorting || wasDragging);
 };
 function SortableTreeItem({
   id,
@@ -4454,7 +4457,7 @@ function SortableTree({
   function handleCollapse(id) {
     setCollapsedState((state) => ({
       ...state,
-      [id]: state[id] ? false : true
+      [id]: !state[id]
     }));
   }
   function getMovementAnnouncement(eventName, activeId2, overId2) {
@@ -5575,7 +5578,7 @@ var useDataGridClipboardEvents = ({
         if (typeof value === "object" && value !== null) {
           return JSON.stringify(value);
         }
-        return `${value}` ?? "";
+        return value == null ? "" : `${value}`;
       }).join("	");
       e.clipboardData?.setData("text/plain", text);
     },
@@ -5843,7 +5846,7 @@ function convertToggleableNumber(value) {
     try {
       obj = JSON.parse(obj);
     } catch (error) {
-      throw new Error(`String "${value}" cannot be converted to object.`);
+      throw new Error(`String "${value}" cannot be converted to object.`, { cause: error });
     }
   }
   return obj;
@@ -8073,7 +8076,6 @@ var DataGridKeyboardShortcutModal = ({
             {
               type: "search",
               value: searchValue,
-              autoFocus: true,
               onChange: (e) => onSearchValueChange(e.target.value)
             }
           ) })
@@ -8247,10 +8249,13 @@ var DataGridRoot = ({
     }, 100);
     return () => {
       clearTimeout(timeoutId);
-      const scrollElement = containerRef.current;
-      scrollElement?.removeEventListener("scroll", handleScroll);
+      container.removeEventListener("scroll", handleScroll);
     };
-  }, [isLazyMode, hasData]);
+  }, [
+    isLazyMode,
+    hasData,
+    handleScroll
+  ]);
   const columnVirtualizer = useVirtualizer({
     count: visibleColumns.length,
     estimateSize: (index) => visibleColumns[index].getSize(),
@@ -8553,7 +8558,6 @@ var DataGridRoot = ({
       "div",
       {
         ref: containerRef,
-        autoFocus: true,
         tabIndex: 0,
         className: "relative h-full select-none overflow-auto outline-none",
         onFocus: handleRestoreGridFocus,
@@ -9496,7 +9500,7 @@ var DataTable = ({
   rowCount = 0,
   enablePagination = true,
   enableSearch = true,
-  autoFocusSearch = false,
+  autoFocusSearch: _autoFocusSearch = false,
   enableFilterMenu,
   rowHref,
   heading,
@@ -9530,7 +9534,7 @@ var DataTable = ({
     if (hasChanged) {
       setColumnVisibility(initialColumnVisibility);
     }
-  }, [initialColumnVisibility]);
+  }, [initialColumnVisibility, columnVisibility]);
   const handleColumnVisibilityChange = React6.useCallback(
     (visibility) => {
       setColumnVisibility(visibility);
@@ -9699,8 +9703,7 @@ var DataTable = ({
                 enableSearch && /* @__PURE__ */ jsx47("div", { className: "w-full md:w-auto", children: /* @__PURE__ */ jsx47(
                   UiDataTable.Search,
                   {
-                    placeholder: t2("filters.searchLabel"),
-                    autoFocus: autoFocusSearch
+                    placeholder: t2("filters.searchLabel")
                   }
                 ) }),
                 actionMenu && /* @__PURE__ */ jsx47(ActionMenu, { variant: "primary", ...actionMenu }),
@@ -11551,7 +11554,11 @@ var useSelectedParams = ({
       const updateSingleValue = () => {
         newValue.set(identifier, value);
       };
-      multiple ? updateMultipleValues() : updateSingleValue();
+      if (multiple) {
+        updateMultipleValues();
+      } else {
+        updateSingleValue();
+      }
       newValue.delete(offsetKey);
       return newValue;
     });
@@ -11570,7 +11577,11 @@ var useSelectedParams = ({
     };
     setSearchParams((prev) => {
       if (value) {
-        multiple ? deleteMultipleValues(prev) : deleteSingleValue(prev);
+        if (multiple) {
+          deleteMultipleValues(prev);
+        } else {
+          deleteSingleValue(prev);
+        }
         if (!prev.get(identifier)) {
           prev.delete(identifier);
         }
@@ -12071,7 +12082,6 @@ var NumberFilter = ({
               onValueChange: (val) => setOperator(val),
               className: "flex flex-col items-start",
               orientation: "vertical",
-              autoFocus: true,
               children: operators.map((o) => /* @__PURE__ */ jsxs46(
                 RadixRadioGroup.Item,
                 {
@@ -12567,17 +12577,21 @@ var DataTableFilter2 = ({
                 }
               },
               children: availableFilters.map((filter) => {
-                return /* @__PURE__ */ jsx71(
-                  "div",
-                  {
-                    className: "bg-ui-bg-base hover:bg-ui-bg-base-hover focus-visible:bg-ui-bg-base-pressed text-ui-fg-base data-[disabled]:text-ui-fg-disabled txt-compact-small relative flex cursor-pointer select-none items-center rounded-md px-2 py-1.5 outline-none transition-colors data-[disabled]:pointer-events-none",
-                    role: "menuitem",
-                    onClick: () => {
-                      addFilter(filter);
+                return (
+                  // oxlint-disable-next-line jsx-a11y/click-events-have-key-events
+                  /* @__PURE__ */ jsx71(
+                    "div",
+                    {
+                      tabIndex: 0,
+                      className: "bg-ui-bg-base hover:bg-ui-bg-base-hover focus-visible:bg-ui-bg-base-pressed text-ui-fg-base data-[disabled]:text-ui-fg-disabled txt-compact-small relative flex cursor-pointer select-none items-center rounded-md px-2 py-1.5 outline-none transition-colors data-[disabled]:pointer-events-none",
+                      role: "menuitem",
+                      onClick: () => {
+                        addFilter(filter);
+                      },
+                      children: filter.label
                     },
-                    children: filter.label
-                  },
-                  filter.key
+                    filter.key
+                  )
                 );
               })
             }
@@ -12775,7 +12789,7 @@ import { jsx as jsx73 } from "react/jsx-runtime";
 var DataTableSearch = ({
   placeholder,
   prefix,
-  autofocus
+  autofocus: _autofocus
 }) => {
   const { t: t2 } = useTranslation30();
   const placeholderText = placeholder || t2("general.search");
@@ -12808,7 +12822,6 @@ var DataTableSearch = ({
       name: "q",
       type: "search",
       size: "small",
-      autoFocus: autofocus,
       defaultValue: query?.[0] || void 0,
       onChange: debouncedOnChange,
       placeholder: placeholderText

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mercurjs/dashboard-shared",
-  "version": "2.1.2-canary.4",
+  "version": "2.1.2",
   "repository": {
     "type": "git",
     "url": "https://github.com/mercurjs/mercur",