@overmap-ai/blocks 1.0.17 → 1.0.19

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("@radix-ui/react-dialog"), require("re-resizable"), require("@radix-ui/react-dismissable-layer"), require("react-transition-group"), require("@radix-ui/react-toggle-group"), require("@radix-ui/react-toolbar"), require("@radix-ui/react-toast"), require("react-dom"), 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"), require("react-device-detect")) : 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", "@radix-ui/react-dialog", "re-resizable", "@radix-ui/react-dismissable-layer", "react-transition-group", "@radix-ui/react-toggle-group", "@radix-ui/react-toolbar", "@radix-ui/react-toast", "react-dom", "@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", "react-device-detect"], factory) : (global = typeof globalThis !== "undefined" ? globalThis : global || self, factory(global.blocks = {}, global.jsxRuntime, global.themes, global.React, global.reactResponsive, global.reactIcons, global.RadixDropdownMenu, global.RadixDialogPrimitive, global.reResizable, global.reactDismissableLayer, global.reactTransitionGroup, global.reactToggleGroup, global.reactToolbar, global.RadixToast, global.reactDom, global.table_js, global.theme_js, global.sort_js, global.select_js, global.pagination_js, global.reactDeviceDetect));
-})(this, function(exports2, jsxRuntime, themes, React, reactResponsive, reactIcons, RadixDropdownMenu, RadixDialogPrimitive, reResizable, reactDismissableLayer, reactTransitionGroup, reactToggleGroup, reactToolbar, RadixToast, reactDom, table_js, theme_js, sort_js, select_js, pagination_js, reactDeviceDetect) {
+  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("@radix-ui/react-dismissable-layer"), require("react-transition-group"), require("@radix-ui/react-toggle-group"), require("@radix-ui/react-toolbar"), require("@radix-ui/react-toast"), require("react-dom"), 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", "@radix-ui/react-dismissable-layer", "react-transition-group", "@radix-ui/react-toggle-group", "@radix-ui/react-toolbar", "@radix-ui/react-toast", "react-dom", "@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.reactDismissableLayer, global.reactTransitionGroup, global.reactToggleGroup, global.reactToolbar, global.RadixToast, global.reactDom, 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, reactDismissableLayer, reactTransitionGroup, reactToggleGroup, reactToolbar, RadixToast, reactDom, table_js, theme_js, sort_js, select_js, pagination_js) {
   "use strict";
   function _interopNamespaceDefault(e) {
     const n = Object.create(null, { [Symbol.toStringTag]: { value: "Module" } });
@@ -1083,12 +1083,12 @@
     )
   );
   const HoverUtility = React.memo(function Root2({ children }) {
-    const [isHovered, setIsHovered] = React.useState(false);
+    const [isHovered, setIsHovered] = React.useState(reactDeviceDetect.isMobile);
     const handlePointerEnter = React.useCallback(() => {
       setIsHovered(true);
     }, []);
     const handlePointerLeave = React.useCallback(() => {
-      setIsHovered(false);
+      setIsHovered(reactDeviceDetect.isMobile);
     }, []);
     return children({
       isHovered,
@@ -2974,23 +2974,23 @@
       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,
@@ -3515,6 +3515,7 @@
     inputClassName,
     iconClassName,
     buttonVariant,
+    buttonAlwaysVisible = false,
     variant,
     severity,
     size,
@@ -3573,7 +3574,7 @@
       },
       [onCheckClick, onCancelClick, isConfirmDisabled, mode]
     );
-    return /* @__PURE__ */ jsxRuntime.jsx(HoverUtility, { children: ({ isHovered, ...props }) => /* @__PURE__ */ jsxRuntime.jsxs(Flex, { className: styles.editableTextContainer, gap: "3", ...props, children: [
+    return /* @__PURE__ */ jsxRuntime.jsx(HoverUtility, { children: ({ isHovered, ...props }) => /* @__PURE__ */ jsxRuntime.jsxs(Flex, { className: styles.editableTextContainer, gap: "2", ...props, children: [
       /* @__PURE__ */ jsxRuntime.jsx(
         Input,
         {
@@ -3601,7 +3602,11 @@
         /* @__PURE__ */ jsxRuntime.jsx(
           IconButton,
           {
-            className: classNames(iconClassName, styles.icon, !isHovered && styles.iconHidden),
+            className: classNames(
+              iconClassName,
+              styles.icon,
+              !buttonAlwaysVisible && !isHovered && styles.iconHidden
+            ),
             size,
             variant: buttonVariant,
             severity,
@@ -3614,7 +3619,11 @@
         /* @__PURE__ */ jsxRuntime.jsx(
           IconButton,
           {
-            className: classNames(iconClassName, styles.icon, !isHovered && styles.iconHidden),
+            className: classNames(
+              iconClassName,
+              styles.icon,
+              !buttonAlwaysVisible && !isHovered && styles.iconHidden
+            ),
             color: "red",
             size,
             variant: buttonVariant,
@@ -3631,7 +3640,7 @@
             iconClassName,
             styles.editIcon,
             styles.icon,
-            !isHovered && styles.iconHidden
+            !buttonAlwaysVisible && !isHovered && styles.iconHidden
           ),
           size,
           variant: buttonVariant,