@overmap-ai/blocks 1.0.26-table-row-loading.1 → 1.0.27

package/dist/Checkbox/typings.d.ts

@@ -1,5 +1,6 @@
 import React, { ReactNode, ReactElement } from "react";
 import { Checkbox as RadixCheckbox } from "@radix-ui/themes";
+import { FlexProps } from "../Flex";
 export type RadixCheckboxProps = React.ComponentProps<typeof RadixCheckbox>;
 export type CheckboxValue = boolean | "indeterminate";
 export interface CheckboxProps extends RadixCheckboxProps {
@@ -8,6 +9,7 @@ export interface CheckboxProps extends RadixCheckboxProps {
     label?: ReactNode;
     doesLabelCheck?: boolean;
     alwaysShow?: boolean;
+    checkboxPosition?: FlexProps["align"];
 }
 export interface SelectAllCheckboxProps extends Omit<CheckboxProps, "checked"> {
     children: Array<ReactElement<CheckboxProps>>;

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 = () => {
@@ -3433,22 +3428,29 @@ function $e698a72e93240346$var$getState(checked) {
 }
 const $e698a72e93240346$export$be92b6f5f03c0fe9 = $e698a72e93240346$export$48513f6b9f8ce62d;
 const $e698a72e93240346$export$adb584737d712b70 = $e698a72e93240346$export$59aad738f51d1c05;
-const checkboxContainer = "_checkboxContainer_pb9za_5";
-const checkbox = "_checkbox_pb9za_5";
-const checkboxIndicator = "_checkboxIndicator_pb9za_27";
-const checkboxLabel = "_checkboxLabel_pb9za_38";
-const noTextHighlight = "_noTextHighlight_pb9za_42";
-const checkboxHidden = "_checkboxHidden_pb9za_51";
+const checkbox = "_checkbox_yl8iy_5";
+const checkboxIndicator = "_checkboxIndicator_yl8iy_22";
+const checkboxLabel = "_checkboxLabel_yl8iy_33";
+const noTextHighlight = "_noTextHighlight_yl8iy_37";
+const checkboxHidden = "_checkboxHidden_yl8iy_46";
 const styles$2 = {
-  checkboxContainer,
   checkbox,
   checkboxIndicator,
   checkboxLabel,
   noTextHighlight,
   checkboxHidden
 };
-const _Checkbox = forwardRef(function Checkbox2({ className, labelClassName, label, checked, onCheckedChange, alwaysShow = true, ...rest }, ref) {
-  return /* @__PURE__ */ jsx(HoverUtility, { children: ({ isHovered, ...props }) => /* @__PURE__ */ jsxs(Flex$1, { className: styles$2.checkboxContainer, ...props, children: [
+const _Checkbox = forwardRef(function Checkbox2({
+  className,
+  labelClassName,
+  label,
+  checked,
+  onCheckedChange,
+  checkboxPosition = "center",
+  alwaysShow = true,
+  ...rest
+}, ref) {
+  return /* @__PURE__ */ jsx(HoverUtility, { children: ({ isHovered, ...props }) => /* @__PURE__ */ jsxs(Flex$1, { align: checkboxPosition, ...props, children: [
     /* @__PURE__ */ jsx(
       $e698a72e93240346$export$be92b6f5f03c0fe9,
       {
@@ -3548,24 +3550,24 @@ const SelectAllCheckbox = memo(function SelectAllCheckbox2({
     childrenWithProps
   ] });
 });
-const disabled = "_disabled_ybi8a_1";
-const outerTableContainer = "_outerTableContainer_ybi8a_5";
-const headerContainer = "_headerContainer_ybi8a_17";
-const tableTopContainer = "_tableTopContainer_ybi8a_21";
-const tableContainer = "_tableContainer_ybi8a_25";
-const searchContainer = "_searchContainer_ybi8a_30";
-const columnFilterSelect = "_columnFilterSelect_ybi8a_40";
-const table = "_table_ybi8a_21";
-const tableHeaderCell = "_tableHeaderCell_ybi8a_59";
-const showSortIcon = "_showSortIcon_ybi8a_75";
-const tableRow = "_tableRow_ybi8a_79";
-const tableCell = "_tableCell_ybi8a_94";
-const noDataTextContainer = "_noDataTextContainer_ybi8a_104";
-const tableBottomContainer = "_tableBottomContainer_ybi8a_110";
-const rowsPerPageContainer = "_rowsPerPageContainer_ybi8a_114";
-const rowsPerPageText = "_rowsPerPageText_ybi8a_124";
-const pageText = "_pageText_ybi8a_129";
-const descriptionSecondLine = "_descriptionSecondLine_ybi8a_133";
+const disabled = "_disabled_5i91d_1";
+const outerTableContainer = "_outerTableContainer_5i91d_5";
+const headerContainer = "_headerContainer_5i91d_17";
+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 tableHeaderCell = "_tableHeaderCell_5i91d_58";
+const showSortIcon = "_showSortIcon_5i91d_74";
+const tableRow = "_tableRow_5i91d_78";
+const tableCell = "_tableCell_5i91d_93";
+const noDataTextContainer = "_noDataTextContainer_5i91d_103";
+const tableBottomContainer = "_tableBottomContainer_5i91d_109";
+const rowsPerPageContainer = "_rowsPerPageContainer_5i91d_113";
+const rowsPerPageText = "_rowsPerPageText_5i91d_123";
+const pageText = "_pageText_5i91d_128";
+const descriptionSecondLine = "_descriptionSecondLine_5i91d_132";
 const styles$1 = {
   disabled,
   outerTableContainer,
@@ -3574,7 +3576,7 @@ const styles$1 = {
   tableContainer,
   searchContainer,
   columnFilterSelect,
-  table,
+  table: table$1,
   tableHeaderCell,
   showSortIcon,
   tableRow,
@@ -3586,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 {
@@ -3748,7 +3760,7 @@ const _Table = forwardRef(function Table2(props, ref) {
       isCarryForward: false
     }
   );
-  const pagination = usePagination(
+  const pagination2 = usePagination(
     tableData,
     {
       state: {
@@ -3760,7 +3772,7 @@ const _Table = forwardRef(function Table2(props, ref) {
       isServer: false
     }
   );
-  const sort = useSort(
+  const sort2 = useSort(
     tableData,
     {
       onChange: (_action, state) => {
@@ -3877,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;
 		`,
@@ -3900,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 }),
@@ -3940,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, {})
@@ -3961,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,
@@ -3985,7 +3997,7 @@ const _Table = forwardRef(function Table2(props, ref) {
                 className: classNames(styles$1.tableRow, rowClassName, row.className, {
                   [styles$1.disabled]: row.disabled
                 }),
-                onClick: !row.loading && !row.disabled && row.onClick,
+                onClick: !row.disabled && row.onClick,
                 children: row.loading ? /* @__PURE__ */ jsx(
                   Cell,
                   {
@@ -4033,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,
@@ -4041,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, {})
           }
@@ -4057,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, {})
           }
@@ -4067,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, {})
           }
@@ -4077,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, {})
           }