@overmap-ai/blocks 1.0.25-component-forms.0 → 1.0.25-export-error-fixes.0

package/dist/blocks.umd.cjs

@@ -1,6 +1,6 @@
 (function(global, factory) {
-  typeof exports === "object" && typeof module !== "undefined" ? factory(exports, require("react/jsx-runtime"), require("@radix-ui/themes"), require("react"), require("react-responsive"), require("@radix-ui/react-icons"), require("@radix-ui/react-dropdown-menu"), require("react-device-detect"), require("@radix-ui/react-dialog"), require("re-resizable"), require("react-transition-group"), require("react-dom"), require("@radix-ui/react-slot"), require("@radix-ui/react-dismissable-layer"), require("@radix-ui/react-toggle-group"), require("@radix-ui/react-toolbar"), require("@radix-ui/react-toast"), require("react-error-boundary"), require("feather-icons-react"), require("@table-library/react-table-library/table.js"), require("@table-library/react-table-library/theme.js"), require("@table-library/react-table-library/sort.js"), require("@table-library/react-table-library/select.js"), require("@table-library/react-table-library/pagination.js")) : typeof define === "function" && define.amd ? define(["exports", "react/jsx-runtime", "@radix-ui/themes", "react", "react-responsive", "@radix-ui/react-icons", "@radix-ui/react-dropdown-menu", "react-device-detect", "@radix-ui/react-dialog", "re-resizable", "react-transition-group", "react-dom", "@radix-ui/react-slot", "@radix-ui/react-dismissable-layer", "@radix-ui/react-toggle-group", "@radix-ui/react-toolbar", "@radix-ui/react-toast", "react-error-boundary", "feather-icons-react", "@table-library/react-table-library/table.js", "@table-library/react-table-library/theme.js", "@table-library/react-table-library/sort.js", "@table-library/react-table-library/select.js", "@table-library/react-table-library/pagination.js"], factory) : (global = typeof globalThis !== "undefined" ? globalThis : global || self, factory(global.blocks = {}, global.jsxRuntime, global.themes, global.React, global.reactResponsive, global.reactIcons, global.RadixDropdownMenu, global.reactDeviceDetect, global.RadixDialogPrimitive, global.reResizable, global.reactTransitionGroup, global.ReactDOM, global.reactSlot, global.reactDismissableLayer, global.reactToggleGroup, global.reactToolbar, global.RadixToast, global.reactErrorBoundary, global.FeatherIcon, global.table_js, global.theme_js, global.sort_js, global.select_js, global.pagination_js));
-})(this, function(exports2, jsxRuntime, themes, React, reactResponsive, reactIcons, RadixDropdownMenu, reactDeviceDetect, RadixDialogPrimitive, reResizable, reactTransitionGroup, ReactDOM, reactSlot, reactDismissableLayer, reactToggleGroup, reactToolbar, RadixToast, reactErrorBoundary, FeatherIcon, table_js, theme_js, sort_js, select_js, pagination_js) {
+  typeof exports === "object" && typeof module !== "undefined" ? factory(exports, require("react/jsx-runtime"), require("@radix-ui/themes"), require("react"), require("react-responsive"), require("@radix-ui/react-icons"), require("@radix-ui/react-context-menu"), require("@radix-ui/react-dropdown-menu"), require("react-device-detect"), require("@radix-ui/react-dialog"), require("re-resizable"), require("react-transition-group"), require("react-dom"), require("@radix-ui/react-slot"), require("@radix-ui/react-dismissable-layer"), require("@radix-ui/react-toggle-group"), require("@radix-ui/react-toolbar"), require("@radix-ui/react-toast"), require("react-error-boundary"), require("feather-icons-react"), require("@table-library/react-table-library/table.js"), require("@table-library/react-table-library/theme.js"), require("@table-library/react-table-library/sort.js"), require("@table-library/react-table-library/select.js"), require("@table-library/react-table-library/pagination.js")) : typeof define === "function" && define.amd ? define(["exports", "react/jsx-runtime", "@radix-ui/themes", "react", "react-responsive", "@radix-ui/react-icons", "@radix-ui/react-context-menu", "@radix-ui/react-dropdown-menu", "react-device-detect", "@radix-ui/react-dialog", "re-resizable", "react-transition-group", "react-dom", "@radix-ui/react-slot", "@radix-ui/react-dismissable-layer", "@radix-ui/react-toggle-group", "@radix-ui/react-toolbar", "@radix-ui/react-toast", "react-error-boundary", "feather-icons-react", "@table-library/react-table-library/table.js", "@table-library/react-table-library/theme.js", "@table-library/react-table-library/sort.js", "@table-library/react-table-library/select.js", "@table-library/react-table-library/pagination.js"], factory) : (global = typeof globalThis !== "undefined" ? globalThis : global || self, factory(global.blocks = {}, global.jsxRuntime, global.themes, global.React, global.reactResponsive, global.reactIcons, global.RadixContextMenu, global.RadixDropdownMenu, global.reactDeviceDetect, global.RadixDialogPrimitive, global.reResizable, global.reactTransitionGroup, global.ReactDOM, global.reactSlot, global.reactDismissableLayer, global.reactToggleGroup, global.reactToolbar, global.RadixToast, global.reactErrorBoundary, global.FeatherIcon, global.table_js, global.theme_js, global.sort_js, global.select_js, global.pagination_js));
+})(this, function(exports2, jsxRuntime, themes, React, reactResponsive, reactIcons, RadixContextMenu, RadixDropdownMenu, reactDeviceDetect, RadixDialogPrimitive, reResizable, reactTransitionGroup, ReactDOM, reactSlot, reactDismissableLayer, reactToggleGroup, reactToolbar, RadixToast, reactErrorBoundary, FeatherIcon, table_js, theme_js, sort_js, select_js, pagination_js) {
   "use strict";
   function _interopNamespaceDefault(e) {
     const n = Object.create(null, { [Symbol.toStringTag]: { value: "Module" } });
@@ -18,6 +18,7 @@
     n.default = e;
     return Object.freeze(n);
   }
+  const RadixContextMenu__namespace = /* @__PURE__ */ _interopNamespaceDefault(RadixContextMenu);
   const RadixDropdownMenu__namespace = /* @__PURE__ */ _interopNamespaceDefault(RadixDropdownMenu);
   const RadixDialogPrimitive__namespace = /* @__PURE__ */ _interopNamespaceDefault(RadixDialogPrimitive);
   const RadixToast__namespace = /* @__PURE__ */ _interopNamespaceDefault(RadixToast);
@@ -659,15 +660,6 @@
       [openAlertDialog]
     );
   };
-  const DropdownMenu = React.memo(
-    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: disabled2, children: trigger }),
-        /* @__PURE__ */ jsxRuntime.jsx(themes.DropdownMenu.Content, { variant: "soft", color: infoColor, ...rest, children })
-      ] });
-    })
-  );
   const BaseMenuItem$1 = "_BaseMenuItem_5r3et_1";
   const RemoveOutline = "_RemoveOutline_5r3et_15";
   const BaseMenuSeparator$1 = "_BaseMenuSeparator_5r3et_19";
@@ -689,9 +681,9 @@
           px: "2",
           height: "6",
           ...rest,
-          children: /* @__PURE__ */ jsxRuntime.jsxs(Flex, { gap: "6", height: "100%", align: "center", children: [
+          children: /* @__PURE__ */ jsxRuntime.jsxs(Flex, { gap: "6", height: "100%", align: "center", justify: "between", children: [
             /* @__PURE__ */ jsxRuntime.jsx(Flex, { grow: "1", height: "100%", align: "center", gap: "1", children }),
-            /* @__PURE__ */ jsxRuntime.jsx(Flex, { height: "100%", width: "4", align: "center", justify: "end", children: rightSlot })
+            !!rightSlot && /* @__PURE__ */ jsxRuntime.jsx(Flex, { height: "100%", width: "4", align: "center", justify: "end", children: rightSlot })
           ] })
         }
       );
@@ -946,6 +938,150 @@
       separator && /* @__PURE__ */ jsxRuntime.jsx(BaseMenuSeparator, {})
     ] });
   });
+  const ActionItemGroup = React.memo((props) => {
+    return /* @__PURE__ */ jsxRuntime.jsx(BaseItemGroup, { ...props, groupElement: RadixContextMenu__namespace.Group, itemElement: RadixContextMenu__namespace.Item });
+  });
+  ActionItemGroup.displayName = "ActionItemGroup";
+  const SelectItemGroup = React.memo((props) => {
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      BaseSelectGroup,
+      {
+        ...props,
+        groupElement: RadixContextMenu__namespace.Group,
+        itemElement: RadixContextMenu__namespace.CheckboxItem,
+        itemIndicatorElement: RadixContextMenu__namespace.ItemIndicator
+      }
+    );
+  });
+  SelectItemGroup.displayName = "SelectItemGroup";
+  const MultiSelectItemGroup = React.memo((props) => {
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      BaseMultiSelectGroup,
+      {
+        ...props,
+        groupElement: RadixContextMenu__namespace.Group,
+        itemElement: RadixContextMenu__namespace.CheckboxItem,
+        itemIndicatorElement: RadixContextMenu__namespace.ItemIndicator
+      }
+    );
+  });
+  MultiSelectItemGroup.displayName = "MultiSelectItemGroup";
+  const SubItemGroup = React.memo((props) => {
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      BaseSubMenuGroup,
+      {
+        ...props,
+        groupElement: RadixContextMenu__namespace.Group,
+        subElement: themes.ContextMenu.Sub,
+        subTriggerElement: RadixContextMenu__namespace.SubTrigger,
+        subContentElement: themes.ContextMenu.Content
+      }
+    );
+  });
+  SubItemGroup.displayName = "SubItemGroup";
+  const Root$2 = React.memo((props) => {
+    const { disabled: disabled2 = false, children, modal = false, content, ...rest } = props;
+    const infoColor = useSeverityColor("info");
+    return /* @__PURE__ */ jsxRuntime.jsxs(themes.ContextMenu.Root, { modal, children: [
+      /* @__PURE__ */ jsxRuntime.jsx(themes.ContextMenu.Trigger, { disabled: disabled2, children }),
+      /* @__PURE__ */ jsxRuntime.jsx(themes.ContextMenu.Content, { variant: "soft", color: infoColor, ...rest, children: content })
+    ] });
+  });
+  Root$2.displayName = "ContextMenuRoot";
+  const ContextMenu = {
+    Root: Root$2,
+    ActionItemGroup,
+    SelectItemGroup,
+    MultiSelectItemGroup,
+    SubItemGroup
+  };
+  const ContextActionMenu = React.memo((props) => {
+    const { items, placeholder, filterValue, onFilterValueChange, closeOnSelect = false, icons, ...rest } = props;
+    const content = React.useMemo(() => {
+      return /* @__PURE__ */ jsxRuntime.jsx(
+        ContextMenu.ActionItemGroup,
+        {
+          items,
+          icons,
+          placeholder,
+          filterValue,
+          closeOnSelect,
+          onFilterValueChange
+        }
+      );
+    }, [closeOnSelect, filterValue, icons, items, onFilterValueChange, placeholder]);
+    return /* @__PURE__ */ jsxRuntime.jsx(ContextMenu.Root, { content, ...rest });
+  });
+  ContextActionMenu.displayName = "ContextActionMenu";
+  const ContextMultiSelectMenu = React.memo((props) => {
+    const {
+      items,
+      values,
+      onValueChange,
+      placeholder,
+      filterValue,
+      onFilterValueChange,
+      closeOnSelect = false,
+      icons,
+      ...rest
+    } = props;
+    const content = React.useMemo(() => {
+      return /* @__PURE__ */ jsxRuntime.jsx(
+        ContextMenu.MultiSelectItemGroup,
+        {
+          items,
+          icons,
+          values,
+          placeholder,
+          filterValue,
+          closeOnSelect,
+          onValueChange,
+          onFilterValueChange
+        }
+      );
+    }, [closeOnSelect, filterValue, icons, items, onFilterValueChange, onValueChange, placeholder, values]);
+    return /* @__PURE__ */ jsxRuntime.jsx(ContextMenu.Root, { content, ...rest });
+  });
+  ContextMultiSelectMenu.displayName = "ContextMultiSelectMenu";
+  const ContextSelectMenu = React.memo((props) => {
+    const {
+      items,
+      value,
+      onValueChange,
+      placeholder,
+      filterValue,
+      onFilterValueChange,
+      closeOnSelect = false,
+      icons,
+      ...rest
+    } = props;
+    const content = React.useMemo(() => {
+      return /* @__PURE__ */ jsxRuntime.jsx(
+        ContextMenu.SelectItemGroup,
+        {
+          items,
+          icons,
+          value,
+          placeholder,
+          filterValue,
+          closeOnSelect,
+          onValueChange,
+          onFilterValueChange
+        }
+      );
+    }, [closeOnSelect, filterValue, icons, items, onFilterValueChange, onValueChange, placeholder, value]);
+    return /* @__PURE__ */ jsxRuntime.jsx(ContextMenu.Root, { content, ...rest });
+  });
+  ContextSelectMenu.displayName = "ContextSelectMenu";
+  const DropdownMenu = React.memo(
+    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: disabled2, children: trigger }),
+        /* @__PURE__ */ jsxRuntime.jsx(themes.DropdownMenu.Content, { variant: "soft", ...rest, color: infoColor, children })
+      ] });
+    })
+  );
   const DropdownMenuItemGroup = React.memo(function DropdownMenuItemGroup2(props) {
     return /* @__PURE__ */ jsxRuntime.jsx(BaseItemGroup, { ...props, itemElement: RadixDropdownMenu__namespace.Item, groupElement: RadixDropdownMenu__namespace.Group });
   });
@@ -1025,12 +1161,12 @@
         onFilterValueChange,
         closeOnSelect = true,
         icons,
-        side
+        ...rest
       }, ref) => {
         const infoColor = useSeverityColor("info");
         return /* @__PURE__ */ jsxRuntime.jsxs(themes.DropdownMenu.Root, { children: [
           /* @__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(
+          /* @__PURE__ */ jsxRuntime.jsx(themes.DropdownMenu.Content, { ref, variant: "soft", ...rest, color: infoColor, children: /* @__PURE__ */ jsxRuntime.jsx(
             DropdownMenuSelectGroup,
             {
               value,
@@ -1060,12 +1196,12 @@
         onFilterValueChange,
         closeOnSelect = false,
         icons,
-        side
+        ...rest
       }, ref) => {
         const infoColor = useSeverityColor("info");
         return /* @__PURE__ */ jsxRuntime.jsxs(themes.DropdownMenu.Root, { children: [
           /* @__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(
+          /* @__PURE__ */ jsxRuntime.jsx(themes.DropdownMenu.Content, { ref, variant: "soft", ...rest, color: infoColor, children: /* @__PURE__ */ jsxRuntime.jsx(
             DropdownMenuMultiSelectGroup,
             {
               values,
@@ -1509,6 +1645,7 @@
         style,
         children,
         open,
+        hide = false,
         modal = false,
         overlayComponent,
         resizeable = true,
@@ -1657,18 +1794,27 @@
           height: "100%",
           direction: "row",
           position: "relative",
-          style: { overflow: "hidden" },
+          style: { overflow: "hidden", maxWidth: "100%", maxHeight: "100%" },
           children: [
-            side === "left" && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+            side === "left" && !hide && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
               open && overlayComponent,
               " ",
-              SlideOut2
+              content && SlideOut2
             ] }),
-            /* @__PURE__ */ jsxRuntime.jsx(themes.Flex, { ref: childrenContainerRef, grow: "1", height: "100%", children }),
-            side === "right" && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+            /* @__PURE__ */ jsxRuntime.jsx(
+              themes.Flex,
+              {
+                ref: childrenContainerRef,
+                grow: "1",
+                height: "100%",
+                style: { maxWidth: "100%", maxHeight: "100%", overflow: "hidden" },
+                children
+              }
+            ),
+            side === "right" && !hide && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
               open && overlayComponent,
               " ",
-              SlideOut2
+              content && SlideOut2
             ] })
           ]
         }
@@ -1746,17 +1892,24 @@
       );
     })
   );
+  function nextStateBasedOnType(prevState, type) {
+    switch (type) {
+      case "toggle":
+        return !prevState;
+      case "open":
+        return true;
+      case "close":
+        return false;
+    }
+  }
   const SlideOutTrigger = React.memo(
     React.forwardRef((props, ref) => {
-      const { side, children } = props;
+      const { side, type = "toggle", children } = props;
       const { setShowLeftSlideOut, setShowRightSlideOut } = useLayoutContext();
       const handleClick = React.useCallback(() => {
-        if (side === "left") {
-          setShowLeftSlideOut((prevState) => !prevState);
-        } else {
-          setShowRightSlideOut((prevState) => !prevState);
-        }
-      }, [setShowLeftSlideOut, setShowRightSlideOut, side]);
+        const setShowSlideOut = side === "left" ? setShowLeftSlideOut : setShowRightSlideOut;
+        setShowSlideOut((prevState) => nextStateBasedOnType(prevState, type));
+      }, [setShowLeftSlideOut, setShowRightSlideOut, side, type]);
       return /* @__PURE__ */ jsxRuntime.jsx(reactSlot.Slot, { ref, onClick: handleClick, children });
     })
   );
@@ -3278,29 +3431,22 @@
   }
   const $e698a72e93240346$export$be92b6f5f03c0fe9 = $e698a72e93240346$export$48513f6b9f8ce62d;
   const $e698a72e93240346$export$adb584737d712b70 = $e698a72e93240346$export$59aad738f51d1c05;
-  const checkbox = "_checkbox_yl8iy_5";
-  const checkboxIndicator = "_checkboxIndicator_yl8iy_22";
-  const checkboxLabel = "_checkboxLabel_yl8iy_33";
-  const noTextHighlight = "_noTextHighlight_yl8iy_37";
-  const checkboxHidden = "_checkboxHidden_yl8iy_46";
+  const checkboxContainer = "_checkboxContainer_pb9za_5";
+  const checkbox = "_checkbox_pb9za_5";
+  const checkboxIndicator = "_checkboxIndicator_pb9za_27";
+  const checkboxLabel = "_checkboxLabel_pb9za_38";
+  const noTextHighlight = "_noTextHighlight_pb9za_42";
+  const checkboxHidden = "_checkboxHidden_pb9za_51";
   const styles$2 = {
+    checkboxContainer,
     checkbox,
     checkboxIndicator,
     checkboxLabel,
     noTextHighlight,
     checkboxHidden
   };
-  const _Checkbox = React.forwardRef(function Checkbox2({
-    className,
-    labelClassName,
-    label,
-    checked,
-    onCheckedChange,
-    checkboxPosition = "center",
-    alwaysShow = true,
-    ...rest
-  }, ref) {
-    return /* @__PURE__ */ jsxRuntime.jsx(HoverUtility, { children: ({ isHovered, ...props }) => /* @__PURE__ */ jsxRuntime.jsxs(themes.Flex, { align: checkboxPosition, ...props, children: [
+  const _Checkbox = React.forwardRef(function Checkbox2({ className, labelClassName, label, checked, onCheckedChange, alwaysShow = true, ...rest }, ref) {
+    return /* @__PURE__ */ jsxRuntime.jsx(HoverUtility, { children: ({ isHovered, ...props }) => /* @__PURE__ */ jsxRuntime.jsxs(themes.Flex, { className: styles$2.checkboxContainer, ...props, children: [
       /* @__PURE__ */ jsxRuntime.jsx(
         $e698a72e93240346$export$be92b6f5f03c0fe9,
         {
@@ -4103,12 +4249,20 @@
   exports2.AlertDialogContent = AlertDialogContent;
   exports2.AlertDialogProvider = AlertDialogProvider;
   exports2.Badge = Badge;
+  exports2.BaseItemGroup = BaseItemGroup;
+  exports2.BaseMultiSelectGroup = BaseMultiSelectGroup;
+  exports2.BaseSelectGroup = BaseSelectGroup;
+  exports2.BaseSubMenuGroup = BaseSubMenuGroup;
   exports2.Breadcrumb = Breadcrumb;
   exports2.Button = Button2;
   exports2.ButtonGroup = ButtonGroup;
   exports2.ButtonList = ButtonList;
   exports2.Checkbox = Checkbox;
   exports2.ConfirmEditInput = ConfirmEditInput;
+  exports2.ContextActionMenu = ContextActionMenu;
+  exports2.ContextMenu = ContextMenu;
+  exports2.ContextMultiSelectMenu = ContextMultiSelectMenu;
+  exports2.ContextSelectMenu = ContextSelectMenu;
   exports2.DefaultTheme = DefaultTheme;
   exports2.Dialog = Dialog;
   exports2.DropdownItemMenu = DropdownItemMenu;