@overmap-ai/blocks 1.0.17 → 1.0.18

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/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";
@@ -19,7 +20,6 @@ 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 +1082,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,
@@ -3514,6 +3514,7 @@ const _ConfirmEditInput = forwardRef(function ConfirmEditInput2({
   inputClassName,
   iconClassName,
   buttonVariant,
+  buttonAlwaysVisible = false,
   variant,
   severity,
   size,
@@ -3600,7 +3601,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 +3618,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 +3639,7 @@ const _ConfirmEditInput = forwardRef(function ConfirmEditInput2({
           iconClassName,
           styles.editIcon,
           styles.icon,
-          !isHovered && styles.iconHidden
+          !buttonAlwaysVisible && !isHovered && styles.iconHidden
         ),
         size,
         variant: buttonVariant,