@overmap-ai/blocks 1.0.26 → 1.0.27-attachment-viewers.0

package/README.md

@@ -1,3 +1,3 @@
-# overmap-ai blocks
-
-Contains basic components used by overmap-ai libraries.
+# overmap-ai blocks
+
+Contains basic components used by overmap-ai libraries.

package/dist/DownloadButtonUtility/DownloadButtonUtility.d.ts

@@ -0,0 +1,7 @@
+import { ReactElement } from "react";
+interface DownloadButtonUtilityProps {
+    children: ReactElement;
+    file: File;
+}
+export declare const DownloadButtonUtility: import("react").MemoExoticComponent<(props: DownloadButtonUtilityProps) => import("react/jsx-runtime").JSX.Element>;
+export {};

package/dist/DownloadButtonUtility/index.d.ts

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

package/dist/blocks.js

@@ -1,17 +1,18 @@
 import { jsx, jsxs, Fragment } from "react/jsx-runtime";
 import { useThemeContext, Badge as Badge$1, Flex as Flex$1, Box, Link, Text as Text$2, Button, IconButton as IconButton$1, Card, Inset, Dialog as Dialog$1, AlertDialog as AlertDialog$1, Kbd, ContextMenu as ContextMenu$1, DropdownMenu as DropdownMenu$1, Select as Select$1, Checkbox as Checkbox$1, Switch as Switch$1, Portal, TextField, Popover as Popover$1, TextArea as TextArea$1, Callout, Tooltip as Tooltip$1, Theme, Separator as Separator$1, TableRow } from "@radix-ui/themes";
 import { Theme as Theme2, updateThemeAppearanceClass, useThemeContext as useThemeContext2 } from "@radix-ui/themes";
-import React, { useMemo, useState, useLayoutEffect, useCallback, useEffect, Children, isValidElement, forwardRef, memo, createContext, useContext, cloneElement, createElement, useRef, useReducer } from "react";
+import React, { useMemo, useState, useLayoutEffect, useCallback, useEffect, Children, isValidElement, forwardRef, memo, createContext, useContext, cloneElement, useRef, createElement, useReducer } from "react";
 import { useMediaQuery } from "react-responsive";
+import "@react-hook/resize-observer";
 import { Cross1Icon, MagnifyingGlassIcon, CheckIcon, DragHandleDots2Icon, Cross2Icon, DividerHorizontalIcon, CaretSortIcon, ArrowUpIcon, ArrowDownIcon, MixerHorizontalIcon, Pencil1Icon, TrashIcon, DoubleArrowLeftIcon, ChevronLeftIcon, ChevronRightIcon, DoubleArrowRightIcon } from "@radix-ui/react-icons";
 import * as RadixContextMenu from "@radix-ui/react-context-menu";
 import * as RadixDropdownMenu from "@radix-ui/react-dropdown-menu";
+import { Slot } from "@radix-ui/react-slot";
 import { isMobile } from "react-device-detect";
 import * as RadixDialogPrimitive from "@radix-ui/react-dialog";
 import { Resizable } from "re-resizable";
 import { CSSTransition, Transition } from "react-transition-group";
 import ReactDOM, { flushSync } from "react-dom";
-import { Slot } from "@radix-ui/react-slot";
 import { DismissableLayer } from "@radix-ui/react-dismissable-layer";
 import { Root as Root$3, Item as Item$1 } from "@radix-ui/react-toggle-group";
 import { Root as Root$4 } from "@radix-ui/react-toolbar";
@@ -1220,6 +1221,20 @@ const DropdownMultiSelect = memo(
     }
   )
 );
+const DownloadButtonUtility = memo((props) => {
+  const { children, file } = props;
+  const anchorRef = useRef(null);
+  const objectURL = useMemo(() => URL.createObjectURL(file), [file]);
+  const handleClick = useCallback(() => {
+    if (anchorRef.current)
+      anchorRef.current.click();
+  }, []);
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(Slot, { onClick: handleClick, children }),
+    /* @__PURE__ */ jsx("a", { style: { display: "none" }, href: objectURL, target: "_blank", rel: "noreferrer", ref: anchorRef })
+  ] });
+});
+DownloadButtonUtility.displayName = "DownloadButtonUtility";
 const HoverUtility = memo(function Root({ children }) {
   const [isHovered, setIsHovered] = useState(isMobile);
   const handlePointerEnter = useCallback(() => {
@@ -4274,6 +4289,7 @@ export {
   ContextSelectMenu,
   DefaultTheme,
   Dialog,
+  DownloadButtonUtility,
   DropdownItemMenu,
   DropdownMenu,
   DropdownMenuItemGroup,