@overmap-ai/blocks 1.0.17 → 1.0.19-master.0

package/dist/ConfirmEditInput/typings.d.ts

@@ -11,4 +11,5 @@ export interface ConfirmEditInputProps extends InputProps {
     iconClassName?: string;
     mode?: "buttons" | "keys";
     buttonVariant?: ButtonProps["variant"];
+    buttonAlwaysVisible?: boolean;
 }

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/blocks.js

@@ -5,6 +5,7 @@ import React, { useMemo, useState, useLayoutEffect, useCallback, useEffect, Chil
 import { useMediaQuery } from "react-responsive";
 import { Cross1Icon, MagnifyingGlassIcon, CheckIcon, DragHandleDots2Icon, Cross2Icon, DividerHorizontalIcon, CaretSortIcon, ArrowUpIcon, ArrowDownIcon, MixerHorizontalIcon, Pencil1Icon, TrashIcon, DoubleArrowLeftIcon, ChevronLeftIcon, ChevronRightIcon, DoubleArrowRightIcon } from "@radix-ui/react-icons";
 import * as RadixDropdownMenu from "@radix-ui/react-dropdown-menu";
+import { isMobile } from "react-device-detect";
 import * as RadixDialogPrimitive from "@radix-ui/react-dialog";
 import { Resizable } from "re-resizable";
 import { DismissableLayer } from "@radix-ui/react-dismissable-layer";
@@ -13,13 +14,14 @@ 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";
 import { useSort, HeaderCellSort } from "@table-library/react-table-library/sort.js";
 import { useRowSelect, SelectTypes, SelectClickTypes, HeaderCellSelect, CellSelect } from "@table-library/react-table-library/select.js";
 import { usePagination } from "@table-library/react-table-library/pagination.js";
-import { isMobile } from "react-device-detect";
 function getDefaultExportFromCjs(x) {
   return x && x.__esModule && Object.prototype.hasOwnProperty.call(x, "default") ? x["default"] : x;
 }
@@ -1082,12 +1084,12 @@ const DropdownMultiSelect = memo(
   )
 );
 const HoverUtility = memo(function Root({ children }) {
-  const [isHovered, setIsHovered] = useState(false);
+  const [isHovered, setIsHovered] = useState(isMobile);
   const handlePointerEnter = useCallback(() => {
     setIsHovered(true);
   }, []);
   const handlePointerLeave = useCallback(() => {
-    setIsHovered(false);
+    setIsHovered(isMobile);
   }, []);
   return children({
     isHovered,
@@ -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++) {
@@ -2973,23 +3008,23 @@ 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 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 styles$1 = {
   outerTableContainer,
   headerContainer,
@@ -3514,6 +3549,7 @@ const _ConfirmEditInput = forwardRef(function ConfirmEditInput2({
   inputClassName,
   iconClassName,
   buttonVariant,
+  buttonAlwaysVisible = false,
   variant,
   severity,
   size,
@@ -3572,7 +3608,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,
       {
@@ -3600,7 +3636,11 @@ const _ConfirmEditInput = forwardRef(function ConfirmEditInput2({
       /* @__PURE__ */ jsx(
         IconButton,
         {
-          className: classNames(iconClassName, styles.icon, !isHovered && styles.iconHidden),
+          className: classNames(
+            iconClassName,
+            styles.icon,
+            !buttonAlwaysVisible && !isHovered && styles.iconHidden
+          ),
           size,
           variant: buttonVariant,
           severity,
@@ -3613,7 +3653,11 @@ const _ConfirmEditInput = forwardRef(function ConfirmEditInput2({
       /* @__PURE__ */ jsx(
         IconButton,
         {
-          className: classNames(iconClassName, styles.icon, !isHovered && styles.iconHidden),
+          className: classNames(
+            iconClassName,
+            styles.icon,
+            !buttonAlwaysVisible && !isHovered && styles.iconHidden
+          ),
           color: "red",
           size,
           variant: buttonVariant,
@@ -3630,7 +3674,7 @@ const _ConfirmEditInput = forwardRef(function ConfirmEditInput2({
           iconClassName,
           styles.editIcon,
           styles.icon,
-          !isHovered && styles.iconHidden
+          !buttonAlwaysVisible && !isHovered && styles.iconHidden
         ),
         size,
         variant: buttonVariant,
@@ -3672,6 +3716,7 @@ export {
   LeftAndRightPanels,
   MultiPagePopover,
   MultiSelect,
+  OvermapErrorBoundary,
   Popover,
   Root2 as Root,
   Select,