@overmap-ai/blocks 1.0.25-try-to-fix-react-table-library-imports.3 → 1.0.25

package/dist/blocks.js

@@ -19,6 +19,11 @@ 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;
 }
@@ -92,11 +97,11 @@ const nonThemeSeverityMapping = {
   info: "gray"
 };
 const useSeverityColor = (severity) => {
-  const theme2 = useThemeContext();
+  const theme = useThemeContext();
   if (!severity)
     return void 0;
   if (severity === "primary")
-    return theme2.accentColor;
+    return theme.accentColor;
   return nonThemeSeverityMapping[severity];
 };
 const useViewportSize = () => {
@@ -3550,7 +3555,7 @@ const tableTopContainer = "_tableTopContainer_5i91d_21";
 const tableContainer = "_tableContainer_5i91d_25";
 const searchContainer = "_searchContainer_5i91d_30";
 const columnFilterSelect = "_columnFilterSelect_5i91d_40";
-const table$1 = "_table_5i91d_21";
+const table = "_table_5i91d_21";
 const tableHeaderCell = "_tableHeaderCell_5i91d_58";
 const showSortIcon = "_showSortIcon_5i91d_74";
 const tableRow = "_tableRow_5i91d_78";
@@ -3569,7 +3574,7 @@ const styles$1 = {
   tableContainer,
   searchContainer,
   columnFilterSelect,
-  table: table$1,
+  table,
   tableHeaderCell,
   showSortIcon,
   tableRow,
@@ -3581,16 +3586,6 @@ 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 {
@@ -3753,7 +3748,7 @@ const _Table = forwardRef(function Table2(props, ref) {
       isCarryForward: false
     }
   );
-  const pagination2 = usePagination(
+  const pagination = usePagination(
     tableData,
     {
       state: {
@@ -3765,7 +3760,7 @@ const _Table = forwardRef(function Table2(props, ref) {
       isServer: false
     }
   );
-  const sort2 = useSort(
+  const sort = useSort(
     tableData,
     {
       onChange: (_action, state) => {
@@ -3882,7 +3877,7 @@ const _Table = forwardRef(function Table2(props, ref) {
   });
   const SelectedModeButton = isMobile ? IconButton : Button2;
   const layout = useMemo(() => ({ custom: true, ...fixHeader && { fixedHeader: true } }), [fixHeader]);
-  const theme2 = useTheme({
+  const theme = useTheme({
     Table: `
 			 --data-table-library_grid-template-columns: ${gridTemplateColumns} !important;
 		`,
@@ -3905,14 +3900,14 @@ const _Table = forwardRef(function Table2(props, ref) {
     if (showPageNavigation) {
       const numTotalPages = Math.ceil(rows.length / numRowsPerPage);
       setTotalPages(numTotalPages);
-      if (pagination2.state.page < 0) {
-        pagination2.fns.onSetPage(0);
+      if (pagination.state.page < 0) {
+        pagination.fns.onSetPage(0);
       }
-      if (pagination2.state.page > numTotalPages - 1) {
-        pagination2.fns.onSetPage(numTotalPages - 1);
+      if (pagination.state.page > numTotalPages - 1) {
+        pagination.fns.onSetPage(numTotalPages - 1);
       }
     }
-  }, [rowsPerPage, rows.length, numRowsPerPage, pagination2, showPageNavigation]);
+  }, [rowsPerPage, rows.length, numRowsPerPage, pagination, 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 }),
@@ -3945,7 +3940,7 @@ const _Table = forwardRef(function Table2(props, ref) {
             color: "crimson",
             onClick: () => {
               setColumnFilterValues(defaultColumnFilterValues);
-              pagination2.fns.onSetPage(0);
+              pagination.fns.onSetPage(0);
             },
             "aria-label": "Clear filters",
             children: /* @__PURE__ */ jsx(Cross2Icon, {})
@@ -3966,13 +3961,13 @@ const _Table = forwardRef(function Table2(props, ref) {
     ] }),
     children,
     /* @__PURE__ */ jsx("div", { className: styles$1.tableContainer, children: /* @__PURE__ */ jsx(
-      ReactLibraryTable,
+      Table$1,
       {
         className: classNames(styles$1.table, className),
         data: tableData,
-        theme: theme2,
-        sort: sort2,
-        pagination: showPageNavigation && pagination2,
+        theme,
+        sort,
+        pagination: showPageNavigation && pagination,
         select: tableSelect,
         layout,
         ref,
@@ -3990,7 +3985,7 @@ const _Table = forwardRef(function Table2(props, ref) {
                 className: classNames(styles$1.tableRow, rowClassName, row.className, {
                   [styles$1.disabled]: row.disabled
                 }),
-                onClick: !row.disabled && row.onClick,
+                onClick: !row.loading && !row.disabled && row.onClick,
                 children: row.loading ? /* @__PURE__ */ jsx(
                   Cell,
                   {
@@ -4038,7 +4033,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) => {
-              pagination2.fns.onSetSize(Number(v));
+              pagination.fns.onSetSize(Number(v));
               setNumRowsPerPage(Number(v));
             },
             placeholder: rowsPerPageOptions[0].itemContent,
@@ -4046,14 +4041,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 ${pagination2.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 ${pagination.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: () => pagination2.fns.onSetPage(0),
-            disabled: pagination2.state.page === 0 || totalPages === 0,
+            onClick: () => pagination.fns.onSetPage(0),
+            disabled: pagination.state.page === 0 || totalPages === 0,
             "aria-label": "Go to first page",
             children: /* @__PURE__ */ jsx(DoubleArrowLeftIcon, {})
           }
@@ -4062,8 +4057,8 @@ const _Table = forwardRef(function Table2(props, ref) {
           IconButton,
           {
             variant: "surface",
-            disabled: pagination2.state.page === 0 || totalPages === 0,
-            onClick: () => pagination2.fns.onSetPage(pagination2.state.page - 1),
+            disabled: pagination.state.page === 0 || totalPages === 0,
+            onClick: () => pagination.fns.onSetPage(pagination.state.page - 1),
             "aria-label": "Previous page",
             children: /* @__PURE__ */ jsx(ChevronLeftIcon, {})
           }
@@ -4072,8 +4067,8 @@ const _Table = forwardRef(function Table2(props, ref) {
           IconButton,
           {
             variant: "surface",
-            disabled: pagination2.state.page + 1 === totalPages || totalPages === 0,
-            onClick: () => pagination2.fns.onSetPage(pagination2.state.page + 1),
+            disabled: pagination.state.page + 1 === totalPages || totalPages === 0,
+            onClick: () => pagination.fns.onSetPage(pagination.state.page + 1),
             "aria-label": "Next page",
             children: /* @__PURE__ */ jsx(ChevronRightIcon, {})
           }
@@ -4082,8 +4077,8 @@ const _Table = forwardRef(function Table2(props, ref) {
           IconButton,
           {
             variant: "surface",
-            disabled: pagination2.state.page + 1 === totalPages || totalPages === 0,
-            onClick: () => pagination2.fns.onSetPage(totalPages - 1),
+            disabled: pagination.state.page + 1 === totalPages || totalPages === 0,
+            onClick: () => pagination.fns.onSetPage(totalPages - 1),
             "aria-label": "Go to last page",
             children: /* @__PURE__ */ jsx(DoubleArrowRightIcon, {})
           }