@overmap-ai/blocks 1.0.20 → 1.0.23

package/dist/Checkbox/typings.d.ts

@@ -7,6 +7,7 @@ export interface CheckboxProps extends RadixCheckboxProps {
     labelClassName?: string;
     label?: ReactNode;
     doesLabelCheck?: boolean;
+    alwaysShow?: boolean;
 }
 export interface SelectAllCheckboxProps extends Omit<CheckboxProps, "checked"> {
     children: Array<ReactElement<CheckboxProps>>;

package/dist/Table/typings.d.ts

@@ -14,6 +14,7 @@ export interface TableCell {
     filterValue?: ValueLabel;
     sortValue?: ValueLabel;
     searchValue?: ValueLabel;
+    disabled?: boolean;
     className?: string;
 }
 export interface TableColumn {
@@ -25,12 +26,14 @@ export interface TableColumn {
     width?: string;
     maxWidth?: string;
     className?: string;
+    disabled?: boolean;
     filterValues?: FilterValue[];
 }
 export interface TableRow {
     id: IdLabel;
     onClick?: (row: TableRow) => void;
     className?: string;
+    disabled?: boolean;
     columns: {
         [columnId: string]: TableCell;
     };

package/dist/TextArea/typings.d.ts

@@ -10,7 +10,7 @@ export interface TextAreaProps extends Omit<ComponentProps<typeof RadixTextArea>
      * @default false
      * */
     showInputLength?: boolean;
-    resize: "vertical" | "horizontal" | "both";
+    resize: "vertical" | "horizontal" | "both" | "none";
     inputLengthTemplate?: string;
     variant?: ComponentProps<typeof RadixTextArea>["variant"] | "ghost";
 }

package/dist/blocks.js

@@ -336,7 +336,7 @@ const _Button$1 = forwardRef(function Button$1(props, ref) {
     },
     loading,
     children,
-    disabled,
+    disabled: disabled2,
     ...rest
   } = props;
   const color = useSeverityColor(severity);
@@ -355,7 +355,7 @@ const _Button$1 = forwardRef(function Button$1(props, ref) {
       color,
       size: useResponsiveMapping(size, SizeMapping),
       variant,
-      disabled: loading || disabled,
+      disabled: loading || disabled2,
       highContrast,
       ...rest,
       children: loading ? /* @__PURE__ */ jsx(Spinner, {}) : children
@@ -661,10 +661,10 @@ const useDiscardAlertDialog = () => {
   );
 };
 const DropdownMenu = memo(
-  forwardRef(({ trigger, disabled, children, ...rest }) => {
+  forwardRef(({ trigger, disabled: disabled2, children, ...rest }) => {
     const infoColor = useSeverityColor("info");
     return /* @__PURE__ */ jsxs(DropdownMenu$1.Root, { children: [
-      /* @__PURE__ */ jsx(DropdownMenu$1.Trigger, { disabled, children: trigger }),
+      /* @__PURE__ */ jsx(DropdownMenu$1.Trigger, { disabled: disabled2, children: trigger }),
       /* @__PURE__ */ jsx(DropdownMenu$1.Content, { variant: "soft", color: infoColor, ...rest, children })
     ] });
   })
@@ -989,7 +989,7 @@ const DropdownItemMenu = memo(
     ({
       trigger,
       items,
-      disabled,
+      disabled: disabled2,
       closeOnSelect = true,
       filterValue,
       onFilterValueChange,
@@ -998,7 +998,7 @@ const DropdownItemMenu = memo(
     }) => {
       const infoColor = useSeverityColor("info");
       return /* @__PURE__ */ jsxs(DropdownMenu$1.Root, { children: [
-        /* @__PURE__ */ jsx(DropdownMenu$1.Trigger, { disabled, children: trigger }),
+        /* @__PURE__ */ jsx(DropdownMenu$1.Trigger, { disabled: disabled2, children: trigger }),
         /* @__PURE__ */ jsx(DropdownMenu$1.Content, { variant: "soft", ...rest, color: infoColor, children: /* @__PURE__ */ jsx(
           DropdownMenuItemGroup,
           {
@@ -1018,7 +1018,7 @@ const DropdownSelect = memo(
     ({
       trigger,
       items,
-      disabled = false,
+      disabled: disabled2 = false,
       value,
       onValueChange,
       placeholder,
@@ -1030,7 +1030,7 @@ const DropdownSelect = memo(
     }, ref) => {
       const infoColor = useSeverityColor("info");
       return /* @__PURE__ */ jsxs(DropdownMenu$1.Root, { children: [
-        /* @__PURE__ */ jsx(DropdownMenu$1.Trigger, { disabled, children: trigger }),
+        /* @__PURE__ */ jsx(DropdownMenu$1.Trigger, { disabled: disabled2, children: trigger }),
         /* @__PURE__ */ jsx(DropdownMenu$1.Content, { ref, variant: "soft", color: infoColor, side, children: /* @__PURE__ */ jsx(
           DropdownMenuSelectGroup,
           {
@@ -1053,7 +1053,7 @@ const DropdownMultiSelect = memo(
     ({
       trigger,
       items,
-      disabled = false,
+      disabled: disabled2 = false,
       values,
       onValueChange,
       placeholder,
@@ -1065,7 +1065,7 @@ const DropdownMultiSelect = memo(
     }, ref) => {
       const infoColor = useSeverityColor("info");
       return /* @__PURE__ */ jsxs(DropdownMenu$1.Root, { children: [
-        /* @__PURE__ */ jsx(DropdownMenu$1.Trigger, { disabled, children: trigger }),
+        /* @__PURE__ */ jsx(DropdownMenu$1.Trigger, { disabled: disabled2, children: trigger }),
         /* @__PURE__ */ jsx(DropdownMenu$1.Content, { ref, variant: "soft", color: infoColor, side, children: /* @__PURE__ */ jsx(
           DropdownMenuMultiSelectGroup,
           {
@@ -1156,7 +1156,7 @@ const SELECT_ALL_VALUE = "__select_all__";
 const MultiSelect = memo(
   forwardRef((props, ref) => {
     const [open, setOpen] = 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 = useMemo(() => new Map(options.map((o) => [o.value, o.label])), [options]);
@@ -1197,7 +1197,7 @@ const MultiSelect = memo(
         value: "",
         onOpenChange: handleOpenChange,
         onValueChange: handleValueChange,
-        disabled,
+        disabled: disabled2,
         size,
         name,
         autoComplete: "off",
@@ -1976,7 +1976,7 @@ const _ToggleGroup = forwardRef(function ToggleGroup2({
   value,
   onValueChange,
   defaultValue,
-  disabled,
+  disabled: disabled2,
   items,
   // ButtonGroup Props
   className,
@@ -1991,7 +1991,7 @@ const _ToggleGroup = forwardRef(function ToggleGroup2({
       ref,
       value,
       onValueChange,
-      disabled,
+      disabled: disabled2,
       orientation: direction === "column" ? "vertical" : "horizontal",
       loop,
       rovingFocus,
@@ -2761,7 +2761,7 @@ const $e698a72e93240346$var$CHECKBOX_NAME = "Checkbox";
 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__ */ 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] = useState(null);
   const composedRefs = $6ed0406888f73fc4$export$c7b2cbe3552a0d05(
     forwardedRef,
@@ -2789,15 +2789,15 @@ const $e698a72e93240346$export$48513f6b9f8ce62d = /* @__PURE__ */ forwardRef((pr
   return /* @__PURE__ */ createElement($e698a72e93240346$var$CheckboxProvider, {
     scope: __scopeCheckbox,
     state: checked,
-    disabled
+    disabled: disabled2
   }, /* @__PURE__ */ 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,
@@ -2822,7 +2822,7 @@ const $e698a72e93240346$export$48513f6b9f8ce62d = /* @__PURE__ */ forwardRef((pr
     value,
     checked,
     required,
-    disabled,
+    disabled: disabled2,
     style: {
       transform: "translateX(-100%)"
     }
@@ -2907,14 +2907,14 @@ const styles$2 = {
   noTextHighlight,
   checkboxHidden
 };
-const _Checkbox = forwardRef(function Checkbox2({ className, labelClassName, label, checked, onCheckedChange, ...rest }, ref) {
+const _Checkbox = forwardRef(function Checkbox2({ className, labelClassName, label, checked, onCheckedChange, alwaysShow = true, ...rest }, ref) {
   return /* @__PURE__ */ jsx(HoverUtility, { children: ({ isHovered, ...props }) => /* @__PURE__ */ jsxs(Flex$1, { className: styles$2.checkboxContainer, ...props, children: [
     /* @__PURE__ */ jsx(
       $e698a72e93240346$export$be92b6f5f03c0fe9,
       {
         className: classNames(
           styles$2.checkbox,
-          !isHovered && !checked && styles$2.checkboxHidden,
+          !alwaysShow && !isHovered && !checked && styles$2.checkboxHidden,
           className
         ),
         checked,
@@ -3008,24 +3008,26 @@ const SelectAllCheckbox = memo(function SelectAllCheckbox2({
     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,
@@ -3154,7 +3156,7 @@ const _Table = forwardRef(function Table2(props, ref) {
         })
       )
     ).map((row) => {
-      const destructedRow = { ...row.columns, ...row };
+      const destructedRow = { ...row.columns, ...row, disabled: row.disabled };
       const { columns: _, ...newRow } = destructedRow;
       return newRow;
     }),
@@ -3440,23 +3442,29 @@ const _Table = forwardRef(function Table2(props, ref) {
               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__ */ jsx(CellSelect, { item: row }, row.id),
-                  columns.map((column, i) => /* @__PURE__ */ jsx(
-                    Cell,
-                    {
-                      className: classNames(
-                        styles$1.tableCell,
-                        cellClassName,
-                        row[column.id].className
-                      ),
-                      onClick: row[column.id].onClick,
-                      children: /* @__PURE__ */ jsx(Text$1, { size: "2", children: row[column.id].label })
-                    },
-                    i
-                  ))
+                  columns.map((column, i) => {
+                    const cell = row[column.id];
+                    return /* @__PURE__ */ jsx(
+                      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