@overmap-ai/blocks 1.0.26 → 1.0.27

package/dist/blocks.js

@@ -19,11 +19,6 @@ 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 { 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";
 function getDefaultExportFromCjs(x) {
   return x && x.__esModule && Object.prototype.hasOwnProperty.call(x, "default") ? x["default"] : x;
 }
@@ -97,11 +92,11 @@ const nonThemeSeverityMapping = {
   info: "gray"
 };
 const useSeverityColor = (severity) => {
-  const theme = useThemeContext();
+  const theme2 = useThemeContext();
   if (!severity)
     return void 0;
   if (severity === "primary")
-    return theme.accentColor;
+    return theme2.accentColor;
   return nonThemeSeverityMapping[severity];
 };
 const useViewportSize = () => {
@@ -3562,7 +3557,7 @@ const tableTopContainer = "_tableTopContainer_5i91d_21";
 const tableContainer = "_tableContainer_5i91d_25";
 const searchContainer = "_searchContainer_5i91d_30";
 const columnFilterSelect = "_columnFilterSelect_5i91d_40";
-const table = "_table_5i91d_21";
+const table$1 = "_table_5i91d_21";
 const tableHeaderCell = "_tableHeaderCell_5i91d_58";
 const showSortIcon = "_showSortIcon_5i91d_74";
 const tableRow = "_tableRow_5i91d_78";
@@ -3581,7 +3576,7 @@ const styles$1 = {
   tableContainer,
   searchContainer,
   columnFilterSelect,
-  table,
+  table: table$1,
   tableHeaderCell,
   showSortIcon,
   tableRow,
@@ -3593,6 +3588,16 @@ const styles$1 = {
   pageText,
   descriptionSecondLine
 };
+const table = import("@overmap-ai/react-table-library/table.js");
+const { Body, Cell, Header, HeaderCell, HeaderRow, Row, Table: ReactLibraryTable } = table;
+const theme = import("@overmap-ai/react-table-library/theme.js");
+const { useTheme } = theme;
+const sort = import("@overmap-ai/react-table-library/sort.js");
+const { HeaderCellSort, useSort } = sort;
+const select = import("@overmap-ai/react-table-library/select.js");
+const { CellSelect, HeaderCellSelect, SelectClickTypes, SelectTypes, useRowSelect } = select;
+const pagination = import("@overmap-ai/react-table-library/pagination.js");
+const { usePagination } = pagination;
 const _Table = forwardRef(function Table2(props, ref) {
   var _a;
   const {
@@ -3755,7 +3760,7 @@ const _Table = forwardRef(function Table2(props, ref) {
       isCarryForward: false
     }
   );
-  const pagination = usePagination(
+  const pagination2 = usePagination(
     tableData,
     {
       state: {
@@ -3767,7 +3772,7 @@ const _Table = forwardRef(function Table2(props, ref) {
       isServer: false
     }
   );
-  const sort = useSort(
+  const sort2 = useSort(
     tableData,
     {
       onChange: (_action, state) => {
@@ -3884,7 +3889,7 @@ const _Table = forwardRef(function Table2(props, ref) {
   });
   const SelectedModeButton = isMobile ? IconButton : Button2;
   const layout = useMemo(() => ({ custom: true, ...fixHeader && { fixedHeader: true } }), [fixHeader]);
-  const theme = useTheme({
+  const theme2 = useTheme({
     Table: `
 			 --data-table-library_grid-template-columns: ${gridTemplateColumns} !important;
 		`,
@@ -3907,14 +3912,14 @@ const _Table = forwardRef(function Table2(props, ref) {
     if (showPageNavigation) {
       const numTotalPages = Math.ceil(rows.length / numRowsPerPage);
       setTotalPages(numTotalPages);
-      if (pagination.state.page < 0) {
-        pagination.fns.onSetPage(0);
+      if (pagination2.state.page < 0) {
+        pagination2.fns.onSetPage(0);
       }
-      if (pagination.state.page > numTotalPages - 1) {
-        pagination.fns.onSetPage(numTotalPages - 1);
+      if (pagination2.state.page > numTotalPages - 1) {
+        pagination2.fns.onSetPage(numTotalPages - 1);
       }
     }
-  }, [rowsPerPage, rows.length, numRowsPerPage, pagination, showPageNavigation]);
+  }, [rowsPerPage, rows.length, numRowsPerPage, pagination2, showPageNavigation]);
   return /* @__PURE__ */ jsxs(Flex$1, { className: classNames({ [styles$1.outerTableContainer]: showContainer }), direction: "column", height: "100%", children: [
     (!!title || !!description) && /* @__PURE__ */ jsxs("div", { className: styles$1.headerContainer, children: [
       !!title && /* @__PURE__ */ jsx(Text$1, { weight: "bold", size: "5", children: title }),
@@ -3947,7 +3952,7 @@ const _Table = forwardRef(function Table2(props, ref) {
             color: "crimson",
             onClick: () => {
               setColumnFilterValues(defaultColumnFilterValues);
-              pagination.fns.onSetPage(0);
+              pagination2.fns.onSetPage(0);
             },
             "aria-label": "Clear filters",
             children: /* @__PURE__ */ jsx(Cross2Icon, {})
@@ -3968,13 +3973,13 @@ const _Table = forwardRef(function Table2(props, ref) {
     ] }),
     children,
     /* @__PURE__ */ jsx("div", { className: styles$1.tableContainer, children: /* @__PURE__ */ jsx(
-      Table$1,
+      ReactLibraryTable,
       {
         className: classNames(styles$1.table, className),
         data: tableData,
-        theme,
-        sort,
-        pagination: showPageNavigation && pagination,
+        theme: theme2,
+        sort: sort2,
+        pagination: showPageNavigation && pagination2,
         select: tableSelect,
         layout,
         ref,
@@ -4040,7 +4045,7 @@ const _Table = forwardRef(function Table2(props, ref) {
             items: rowsPerPageOptions,
             defaultValue: (_a = rowsPerPageOptions.find((rowPerPage) => rowPerPage.value === defaultRowsPerPage.toString())) == null ? void 0 : _a.value.toString(),
             onValueChange: (v) => {
-              pagination.fns.onSetSize(Number(v));
+              pagination2.fns.onSetSize(Number(v));
               setNumRowsPerPage(Number(v));
             },
             placeholder: rowsPerPageOptions[0].itemContent,
@@ -4048,14 +4053,14 @@ const _Table = forwardRef(function Table2(props, ref) {
           }
         )
       ] }),
-      showPageNumber && /* @__PURE__ */ jsx(Flex$1, { justify: "center", children: /* @__PURE__ */ jsx(Text$1, { className: styles$1.pageText, size: "2", children: totalPages > 0 && `Page ${pagination.state.page + 1} of ${totalPages}` }) }),
+      showPageNumber && /* @__PURE__ */ jsx(Flex$1, { justify: "center", children: /* @__PURE__ */ jsx(Text$1, { className: styles$1.pageText, size: "2", children: totalPages > 0 && `Page ${pagination2.state.page + 1} of ${totalPages}` }) }),
       showPageNavigation && /* @__PURE__ */ jsxs(Flex$1, { className: styles$1.rowsPerPageContainer, gap: "2", justify: "end", children: [
         /* @__PURE__ */ jsx(
           IconButton,
           {
             variant: "surface",
-            onClick: () => pagination.fns.onSetPage(0),
-            disabled: pagination.state.page === 0 || totalPages === 0,
+            onClick: () => pagination2.fns.onSetPage(0),
+            disabled: pagination2.state.page === 0 || totalPages === 0,
             "aria-label": "Go to first page",
             children: /* @__PURE__ */ jsx(DoubleArrowLeftIcon, {})
           }
@@ -4064,8 +4069,8 @@ const _Table = forwardRef(function Table2(props, ref) {
           IconButton,
           {
             variant: "surface",
-            disabled: pagination.state.page === 0 || totalPages === 0,
-            onClick: () => pagination.fns.onSetPage(pagination.state.page - 1),
+            disabled: pagination2.state.page === 0 || totalPages === 0,
+            onClick: () => pagination2.fns.onSetPage(pagination2.state.page - 1),
             "aria-label": "Previous page",
             children: /* @__PURE__ */ jsx(ChevronLeftIcon, {})
           }
@@ -4074,8 +4079,8 @@ const _Table = forwardRef(function Table2(props, ref) {
           IconButton,
           {
             variant: "surface",
-            disabled: pagination.state.page + 1 === totalPages || totalPages === 0,
-            onClick: () => pagination.fns.onSetPage(pagination.state.page + 1),
+            disabled: pagination2.state.page + 1 === totalPages || totalPages === 0,
+            onClick: () => pagination2.fns.onSetPage(pagination2.state.page + 1),
             "aria-label": "Next page",
             children: /* @__PURE__ */ jsx(ChevronRightIcon, {})
           }
@@ -4084,8 +4089,8 @@ const _Table = forwardRef(function Table2(props, ref) {
           IconButton,
           {
             variant: "surface",
-            disabled: pagination.state.page + 1 === totalPages || totalPages === 0,
-            onClick: () => pagination.fns.onSetPage(totalPages - 1),
+            disabled: pagination2.state.page + 1 === totalPages || totalPages === 0,
+            onClick: () => pagination2.fns.onSetPage(totalPages - 1),
             "aria-label": "Go to last page",
             children: /* @__PURE__ */ jsx(DoubleArrowRightIcon, {})
           }