@overmap-ai/blocks 1.0.18 → 1.0.19-always-show-checkbox.1

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/OvermapErrorBoundary/OvermapErrorBoundary.d.ts

@@ -0,0 +1,6 @@
+import React from "react";
+interface ErrorBoundaryProps extends React.PropsWithChildren {
+    absoluteCentering?: boolean;
+}
+export declare const OvermapErrorBoundary: React.MemoExoticComponent<(props: ErrorBoundaryProps) => import("react/jsx-runtime").JSX.Element>;
+export {};

package/dist/OvermapErrorBoundary/index.d.ts

@@ -0,0 +1 @@
+export * from "./OvermapErrorBoundary";

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

@@ -14,6 +14,8 @@ import { Root as Root$1, Item as Item$1 } from "@radix-ui/react-toggle-group";
 import { Root as Root$2 } from "@radix-ui/react-toolbar";
 import * as RadixToast from "@radix-ui/react-toast";
 import { ToastProvider as ToastProvider$1, ToastViewport as ToastViewport$1 } from "@radix-ui/react-toast";
+import { useErrorBoundary, ErrorBoundary } from "react-error-boundary";
+import FeatherIcon from "feather-icons-react";
 import { flushSync } from "react-dom";
 import { HeaderCell, Table as Table$1, Header, HeaderRow, Body, Cell, Row } from "@table-library/react-table-library/table.js";
 import { useTheme } from "@table-library/react-table-library/theme.js";
@@ -334,7 +336,7 @@ const _Button$1 = forwardRef(function Button$1(props, ref) {
     },
     loading,
     children,
-    disabled,
+    disabled: disabled2,
     ...rest
   } = props;
   const color = useSeverityColor(severity);
@@ -353,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
@@ -659,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 })
     ] });
   })
@@ -987,7 +989,7 @@ const DropdownItemMenu = memo(
     ({
       trigger,
       items,
-      disabled,
+      disabled: disabled2,
       closeOnSelect = true,
       filterValue,
       onFilterValueChange,
@@ -996,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,
           {
@@ -1016,7 +1018,7 @@ const DropdownSelect = memo(
     ({
       trigger,
       items,
-      disabled = false,
+      disabled: disabled2 = false,
       value,
       onValueChange,
       placeholder,
@@ -1028,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,
           {
@@ -1051,7 +1053,7 @@ const DropdownMultiSelect = memo(
     ({
       trigger,
       items,
-      disabled = false,
+      disabled: disabled2 = false,
       values,
       onValueChange,
       placeholder,
@@ -1063,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,
           {
@@ -1154,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]);
@@ -1195,7 +1197,7 @@ const MultiSelect = memo(
         value: "",
         onOpenChange: handleOpenChange,
         onValueChange: handleValueChange,
-        disabled,
+        disabled: disabled2,
         size,
         name,
         autoComplete: "off",
@@ -1974,7 +1976,7 @@ const _ToggleGroup = forwardRef(function ToggleGroup2({
   value,
   onValueChange,
   defaultValue,
-  disabled,
+  disabled: disabled2,
   items,
   // ButtonGroup Props
   className,
@@ -1989,7 +1991,7 @@ const _ToggleGroup = forwardRef(function ToggleGroup2({
       ref,
       value,
       onValueChange,
-      disabled,
+      disabled: disabled2,
       orientation: direction === "column" ? "vertical" : "horizontal",
       loop,
       rovingFocus,
@@ -2260,6 +2262,39 @@ const _Separator = forwardRef(function Separator2({
   );
 });
 const Separator = memo(_Separator);
+const centerStyles = { placeSelf: "center" };
+const ErrorFallback = memo((props) => {
+  const { absoluteCentering } = props;
+  const { resetBoundary } = useErrorBoundary();
+  const height = "20px";
+  const outerFlexStyles = absoluteCentering ? { position: "absolute", top: "50%", transform: "translateY(-50%)" } : void 0;
+  return /* @__PURE__ */ jsxs(Flex, { gap: "2", direction: "row", width: "100%", style: outerFlexStyles, children: [
+    /* @__PURE__ */ jsx("div", { style: { flexGrow: 1 } }),
+    /* @__PURE__ */ jsx(FeatherIcon, { icon: "alert-triangle", size: height, style: centerStyles }),
+    /* @__PURE__ */ jsx(Text$1, { style: { lineHeight: height, ...centerStyles }, children: "Something went wrong" }),
+    /* @__PURE__ */ jsx(
+      IconButton,
+      {
+        "aria-label": "Try again",
+        variant: "soft",
+        onClick: resetBoundary,
+        style: centerStyles,
+        hoverEffects: ["spin180Clockwise"],
+        children: /* @__PURE__ */ jsx(FeatherIcon, { icon: "refresh-ccw", size: height })
+      }
+    ),
+    /* @__PURE__ */ jsx("div", { style: { flexGrow: 1 } })
+  ] });
+});
+ErrorFallback.displayName = "ErrorFallback";
+const OvermapErrorBoundary = memo((props) => {
+  const { absoluteCentering } = props;
+  const logError = useCallback((error, info) => {
+    console.error(error, info);
+  }, []);
+  return /* @__PURE__ */ jsx(ErrorBoundary, { fallback: /* @__PURE__ */ jsx(ErrorFallback, { absoluteCentering }), onError: logError, children: props.children });
+});
+OvermapErrorBoundary.displayName = "OvermapErrorBoundary";
 function _extends() {
   _extends = Object.assign ? Object.assign.bind() : function(target) {
     for (var i = 1; i < arguments.length; i++) {
@@ -2726,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,
@@ -2754,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,
@@ -2787,7 +2822,7 @@ const $e698a72e93240346$export$48513f6b9f8ce62d = /* @__PURE__ */ forwardRef((pr
     value,
     checked,
     required,
-    disabled,
+    disabled: disabled2,
     style: {
       transform: "translateX(-100%)"
     }
@@ -2872,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,
@@ -2973,24 +3008,26 @@ const SelectAllCheckbox = memo(function SelectAllCheckbox2({
     childrenWithProps
   ] });
 });
-const outerTableContainer = "_outerTableContainer_1wqc9_1";
-const headerContainer = "_headerContainer_1wqc9_13";
-const tableTopContainer = "_tableTopContainer_1wqc9_17";
-const tableContainer = "_tableContainer_1wqc9_21";
-const searchContainer = "_searchContainer_1wqc9_26";
-const columnFilterSelect = "_columnFilterSelect_1wqc9_36";
-const table = "_table_1wqc9_17";
-const tableHeaderCell = "_tableHeaderCell_1wqc9_54";
-const showSortIcon = "_showSortIcon_1wqc9_70";
-const tableRow = "_tableRow_1wqc9_74";
-const tableCell = "_tableCell_1wqc9_89";
-const noDataTextContainer = "_noDataTextContainer_1wqc9_99";
-const tableBottomContainer = "_tableBottomContainer_1wqc9_105";
-const rowsPerPageContainer = "_rowsPerPageContainer_1wqc9_109";
-const rowsPerPageText = "_rowsPerPageText_1wqc9_119";
-const pageText = "_pageText_1wqc9_124";
-const descriptionSecondLine = "_descriptionSecondLine_1wqc9_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,
@@ -3119,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;
     }),
@@ -3405,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
@@ -3573,7 +3616,7 @@ const _ConfirmEditInput = forwardRef(function ConfirmEditInput2({
     },
     [onCheckClick, onCancelClick, isConfirmDisabled, mode]
   );
-  return /* @__PURE__ */ jsx(HoverUtility, { children: ({ isHovered, ...props }) => /* @__PURE__ */ jsxs(Flex, { className: styles.editableTextContainer, gap: "3", ...props, children: [
+  return /* @__PURE__ */ jsx(HoverUtility, { children: ({ isHovered, ...props }) => /* @__PURE__ */ jsxs(Flex, { className: styles.editableTextContainer, gap: "2", ...props, children: [
     /* @__PURE__ */ jsx(
       Input,
       {
@@ -3681,6 +3724,7 @@ export {
   LeftAndRightPanels,
   MultiPagePopover,
   MultiSelect,
+  OvermapErrorBoundary,
   Popover,
   Root2 as Root,
   Select,