@overmap-ai/blocks 1.0.20 → 1.0.22

package/dist/blocks.umd.cjs

@@ -335,7 +335,7 @@
       },
       loading,
       children,
-      disabled,
+      disabled: disabled2,
       ...rest
     } = props;
     const color = useSeverityColor(severity);
@@ -354,7 +354,7 @@
         color,
         size: useResponsiveMapping(size, SizeMapping),
         variant,
-        disabled: loading || disabled,
+        disabled: loading || disabled2,
         highContrast,
         ...rest,
         children: loading ? /* @__PURE__ */ jsxRuntime.jsx(Spinner, {}) : children
@@ -660,10 +660,10 @@
     );
   };
   const DropdownMenu = React.memo(
-    React.forwardRef(({ trigger, disabled, children, ...rest }) => {
+    React.forwardRef(({ trigger, disabled: disabled2, children, ...rest }) => {
       const infoColor = useSeverityColor("info");
       return /* @__PURE__ */ jsxRuntime.jsxs(themes.DropdownMenu.Root, { children: [
-        /* @__PURE__ */ jsxRuntime.jsx(themes.DropdownMenu.Trigger, { disabled, children: trigger }),
+        /* @__PURE__ */ jsxRuntime.jsx(themes.DropdownMenu.Trigger, { disabled: disabled2, children: trigger }),
         /* @__PURE__ */ jsxRuntime.jsx(themes.DropdownMenu.Content, { variant: "soft", color: infoColor, ...rest, children })
       ] });
     })
@@ -988,7 +988,7 @@
       ({
         trigger,
         items,
-        disabled,
+        disabled: disabled2,
         closeOnSelect = true,
         filterValue,
         onFilterValueChange,
@@ -997,7 +997,7 @@
       }) => {
         const infoColor = useSeverityColor("info");
         return /* @__PURE__ */ jsxRuntime.jsxs(themes.DropdownMenu.Root, { children: [
-          /* @__PURE__ */ jsxRuntime.jsx(themes.DropdownMenu.Trigger, { disabled, children: trigger }),
+          /* @__PURE__ */ jsxRuntime.jsx(themes.DropdownMenu.Trigger, { disabled: disabled2, children: trigger }),
           /* @__PURE__ */ jsxRuntime.jsx(themes.DropdownMenu.Content, { variant: "soft", ...rest, color: infoColor, children: /* @__PURE__ */ jsxRuntime.jsx(
             DropdownMenuItemGroup,
             {
@@ -1017,7 +1017,7 @@
       ({
         trigger,
         items,
-        disabled = false,
+        disabled: disabled2 = false,
         value,
         onValueChange,
         placeholder,
@@ -1029,7 +1029,7 @@
       }, ref) => {
         const infoColor = useSeverityColor("info");
         return /* @__PURE__ */ jsxRuntime.jsxs(themes.DropdownMenu.Root, { children: [
-          /* @__PURE__ */ jsxRuntime.jsx(themes.DropdownMenu.Trigger, { disabled, children: trigger }),
+          /* @__PURE__ */ jsxRuntime.jsx(themes.DropdownMenu.Trigger, { disabled: disabled2, children: trigger }),
           /* @__PURE__ */ jsxRuntime.jsx(themes.DropdownMenu.Content, { ref, variant: "soft", color: infoColor, side, children: /* @__PURE__ */ jsxRuntime.jsx(
             DropdownMenuSelectGroup,
             {
@@ -1052,7 +1052,7 @@
       ({
         trigger,
         items,
-        disabled = false,
+        disabled: disabled2 = false,
         values,
         onValueChange,
         placeholder,
@@ -1064,7 +1064,7 @@
       }, ref) => {
         const infoColor = useSeverityColor("info");
         return /* @__PURE__ */ jsxRuntime.jsxs(themes.DropdownMenu.Root, { children: [
-          /* @__PURE__ */ jsxRuntime.jsx(themes.DropdownMenu.Trigger, { disabled, children: trigger }),
+          /* @__PURE__ */ jsxRuntime.jsx(themes.DropdownMenu.Trigger, { disabled: disabled2, children: trigger }),
           /* @__PURE__ */ jsxRuntime.jsx(themes.DropdownMenu.Content, { ref, variant: "soft", color: infoColor, side, children: /* @__PURE__ */ jsxRuntime.jsx(
             DropdownMenuMultiSelectGroup,
             {
@@ -1155,7 +1155,7 @@
   const MultiSelect = React.memo(
     React.forwardRef((props, ref) => {
       const [open, setOpen] = React.useState(false);
-      const { placeholder, value, onValueChange, options, disabled, name, ...triggerProps } = props;
+      const { placeholder, value, onValueChange, options, disabled: disabled2, name, ...triggerProps } = props;
       const size = useResponsiveMapping(props.size, SizeMapping);
       const color = useSeverityColor(props.severity);
       const optionsMap = React.useMemo(() => new Map(options.map((o) => [o.value, o.label])), [options]);
@@ -1196,7 +1196,7 @@
           value: "",
           onOpenChange: handleOpenChange,
           onValueChange: handleValueChange,
-          disabled,
+          disabled: disabled2,
           size,
           name,
           autoComplete: "off",
@@ -1975,7 +1975,7 @@
     value,
     onValueChange,
     defaultValue,
-    disabled,
+    disabled: disabled2,
     items,
     // ButtonGroup Props
     className,
@@ -1990,7 +1990,7 @@
         ref,
         value,
         onValueChange,
-        disabled,
+        disabled: disabled2,
         orientation: direction === "column" ? "vertical" : "horizontal",
         loop,
         rovingFocus,
@@ -2760,7 +2760,7 @@
   const [$e698a72e93240346$var$createCheckboxContext, $e698a72e93240346$export$b566c4ff5488ea01] = $c512c27ab02ef895$export$50c7b4e9d9f19c1($e698a72e93240346$var$CHECKBOX_NAME);
   const [$e698a72e93240346$var$CheckboxProvider, $e698a72e93240346$var$useCheckboxContext] = $e698a72e93240346$var$createCheckboxContext($e698a72e93240346$var$CHECKBOX_NAME);
   const $e698a72e93240346$export$48513f6b9f8ce62d = /* @__PURE__ */ React.forwardRef((props, forwardedRef) => {
-    const { __scopeCheckbox, name, checked: checkedProp, defaultChecked, required, disabled, value = "on", onCheckedChange, ...checkboxProps } = props;
+    const { __scopeCheckbox, name, checked: checkedProp, defaultChecked, required, disabled: disabled2, value = "on", onCheckedChange, ...checkboxProps } = props;
     const [button, setButton] = React.useState(null);
     const composedRefs = $6ed0406888f73fc4$export$c7b2cbe3552a0d05(
       forwardedRef,
@@ -2788,15 +2788,15 @@
     return /* @__PURE__ */ React.createElement($e698a72e93240346$var$CheckboxProvider, {
       scope: __scopeCheckbox,
       state: checked,
-      disabled
+      disabled: disabled2
     }, /* @__PURE__ */ React.createElement($8927f6f2acc4f386$export$250ffa63cdc0d034.button, _extends({
       type: "button",
       role: "checkbox",
       "aria-checked": $e698a72e93240346$var$isIndeterminate(checked) ? "mixed" : checked,
       "aria-required": required,
       "data-state": $e698a72e93240346$var$getState(checked),
-      "data-disabled": disabled ? "" : void 0,
-      disabled,
+      "data-disabled": disabled2 ? "" : void 0,
+      disabled: disabled2,
       value
     }, checkboxProps, {
       ref: composedRefs,
@@ -2821,7 +2821,7 @@
       value,
       checked,
       required,
-      disabled,
+      disabled: disabled2,
       style: {
         transform: "translateX(-100%)"
       }
@@ -3007,24 +3007,26 @@
       childrenWithProps
     ] });
   });
-  const outerTableContainer = "_outerTableContainer_kx4ca_1";
-  const headerContainer = "_headerContainer_kx4ca_13";
-  const tableTopContainer = "_tableTopContainer_kx4ca_17";
-  const tableContainer = "_tableContainer_kx4ca_21";
-  const searchContainer = "_searchContainer_kx4ca_26";
-  const columnFilterSelect = "_columnFilterSelect_kx4ca_36";
-  const table = "_table_kx4ca_17";
-  const tableHeaderCell = "_tableHeaderCell_kx4ca_54";
-  const showSortIcon = "_showSortIcon_kx4ca_70";
-  const tableRow = "_tableRow_kx4ca_74";
-  const tableCell = "_tableCell_kx4ca_89";
-  const noDataTextContainer = "_noDataTextContainer_kx4ca_99";
-  const tableBottomContainer = "_tableBottomContainer_kx4ca_105";
-  const rowsPerPageContainer = "_rowsPerPageContainer_kx4ca_109";
-  const rowsPerPageText = "_rowsPerPageText_kx4ca_119";
-  const pageText = "_pageText_kx4ca_124";
-  const descriptionSecondLine = "_descriptionSecondLine_kx4ca_128";
+  const disabled = "_disabled_5i91d_1";
+  const outerTableContainer = "_outerTableContainer_5i91d_5";
+  const headerContainer = "_headerContainer_5i91d_17";
+  const tableTopContainer = "_tableTopContainer_5i91d_21";
+  const tableContainer = "_tableContainer_5i91d_25";
+  const searchContainer = "_searchContainer_5i91d_30";
+  const columnFilterSelect = "_columnFilterSelect_5i91d_40";
+  const table = "_table_5i91d_21";
+  const tableHeaderCell = "_tableHeaderCell_5i91d_58";
+  const showSortIcon = "_showSortIcon_5i91d_74";
+  const tableRow = "_tableRow_5i91d_78";
+  const tableCell = "_tableCell_5i91d_93";
+  const noDataTextContainer = "_noDataTextContainer_5i91d_103";
+  const tableBottomContainer = "_tableBottomContainer_5i91d_109";
+  const rowsPerPageContainer = "_rowsPerPageContainer_5i91d_113";
+  const rowsPerPageText = "_rowsPerPageText_5i91d_123";
+  const pageText = "_pageText_5i91d_128";
+  const descriptionSecondLine = "_descriptionSecondLine_5i91d_132";
   const styles$1 = {
+    disabled,
     outerTableContainer,
     headerContainer,
     tableTopContainer,
@@ -3153,7 +3155,7 @@
           })
         )
       ).map((row) => {
-        const destructedRow = { ...row.columns, ...row };
+        const destructedRow = { ...row.columns, ...row, disabled: row.disabled };
         const { columns: _, ...newRow } = destructedRow;
         return newRow;
       }),
@@ -3439,23 +3441,29 @@
                 table_js.Row,
                 {
                   item: row,
-                  className: classNames(styles$1.tableRow, rowClassName, row.className),
-                  onClick: row.onClick,
+                  className: classNames(styles$1.tableRow, rowClassName, row.className, {
+                    [styles$1.disabled]: row.disabled
+                  }),
+                  onClick: !row.disabled && row.onClick,
                   children: [
                     showSelect && /* @__PURE__ */ jsxRuntime.jsx(select_js.CellSelect, { item: row }, row.id),
-                    columns.map((column, i) => /* @__PURE__ */ jsxRuntime.jsx(
-                      table_js.Cell,
-                      {
-                        className: classNames(
-                          styles$1.tableCell,
-                          cellClassName,
-                          row[column.id].className
-                        ),
-                        onClick: row[column.id].onClick,
-                        children: /* @__PURE__ */ jsxRuntime.jsx(Text$1, { size: "2", children: row[column.id].label })
-                      },
-                      i
-                    ))
+                    columns.map((column, i) => {
+                      const cell = row[column.id];
+                      return /* @__PURE__ */ jsxRuntime.jsx(
+                        table_js.Cell,
+                        {
+                          className: classNames(
+                            styles$1.tableCell,
+                            cellClassName,
+                            cell.className,
+                            { [styles$1.disabled]: cell.disabled || column.disabled }
+                          ),
+                          onClick: cell.disabled || column.disabled ? void 0 : row[column.id].onClick,
+                          children: cell.label
+                        },
+                        i
+                      );
+                    })
                   ]
                 },
                 row.id