@natoora-libs/core 0.1.9-dev-doug-1 → 0.1.9-dev-doug-3

package/dist/components/index.cjs

@@ -6508,7 +6508,7 @@ var import_jsx_runtime104 = require("react/jsx-runtime");
 var SearchFieldDebounced = ({
   onSearch,
   initialValue = "",
-  debounceMs = 500
+  debounceDelay = 500
 }) => {
   const [value, setValue] = (0, import_react28.useState)(initialValue);
   const debounceRef = (0, import_react28.useRef)(null);
@@ -6520,7 +6520,7 @@ var SearchFieldDebounced = ({
     ;
     debounceRef.current = window.setTimeout(() => {
       onSearch(e.target.value);
-    }, debounceMs);
+    }, debounceDelay);
   };
   (0, import_react28.useEffect)(() => {
     return () => {
@@ -6902,7 +6902,7 @@ var useStyles46 = (0, import_mui52.makeStyles)()((theme) => ({
   },
   tableHeaderContent: {
     borderBottom: "1px solid",
-    borderBottomColor: colors.neutral250,
+    borderBottomColor: colors.neutral300,
     whiteSpace: "nowrap",
     "& .filter-menu-trigger": {
       visibility: "hidden",
@@ -6963,38 +6963,46 @@ var SmartTableHeader = ({
         onChange: onSelectAllClick
       }
     ) }) : null,
-    headCells.map((headCell) => /* @__PURE__ */ (0, import_jsx_runtime109.jsxs)(
+    headCells.map((headCell) => /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(
       import_material58.TableCell,
       {
         className: classes.tableHeaderContent,
         align: "left",
-        sx: { width: headCell.width ?? "auto" },
+        width: headCell.width ?? "auto",
         sortDirection: orderBy === headCell.id ? order : false,
-        children: [
-          /* @__PURE__ */ (0, import_jsx_runtime109.jsxs)(
-            import_material58.TableSortLabel,
-            {
-              "data-testid": "table-sort-label",
-              active: isSortActive(headCell.id),
-              direction: orderBy === headCell.id ? order : "asc",
-              onClick: createSortHandler(headCell.id),
-              children: [
-                headCell.RenderHeader ?? headCell.label,
-                orderBy === headCell.id ? /* @__PURE__ */ (0, import_jsx_runtime109.jsx)("span", { className: classes.visuallyHidden, children: order === "desc" ? "sorted descending" : "sorted ascending" }) : null
-              ]
-            }
-          ),
-          headCell.refetchFilterOptions ? /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(
-            SmartTableHeaderFilterMenu_default,
-            {
-              headCell,
-              headerFilters,
-              numActiveFilters: headerFilters[headCell.id]?.length ?? 0,
-              onApplyFilters,
-              shouldShowCheckOnFilter
-            }
-          ) : null
-        ]
+        children: /* @__PURE__ */ (0, import_jsx_runtime109.jsxs)(
+          import_material58.Box,
+          {
+            display: "flex",
+            flexDirection: "row",
+            gap: headCell.disableSort ? 1 : 0,
+            children: [
+              headCell.disableSort ? /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(import_material58.Typography, { variant: "subtitle2", mt: 0.25, fontWeight: 600, children: headCell.label }) : /* @__PURE__ */ (0, import_jsx_runtime109.jsxs)(
+                import_material58.TableSortLabel,
+                {
+                  "data-testid": "table-sort-label",
+                  active: isSortActive(headCell.id),
+                  direction: orderBy === headCell.id ? order : "asc",
+                  onClick: createSortHandler(headCell.id),
+                  children: [
+                    headCell.RenderHeader ?? headCell.label,
+                    orderBy === headCell.id ? /* @__PURE__ */ (0, import_jsx_runtime109.jsx)("span", { className: classes.visuallyHidden, children: order === "desc" ? "sorted descending" : "sorted ascending" }) : null
+                  ]
+                }
+              ),
+              headCell.refetchFilterOptions ? /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(
+                SmartTableHeaderFilterMenu_default,
+                {
+                  headCell,
+                  headerFilters,
+                  numActiveFilters: headerFilters[headCell.id]?.length ?? 0,
+                  onApplyFilters,
+                  shouldShowCheckOnFilter
+                }
+              ) : null
+            ]
+          }
+        )
       },
       headCell.id
     ))
@@ -7315,7 +7323,8 @@ var useStyles49 = (0, import_mui55.makeStyles)()((theme) => ({
   },
   applyFilterButtonsContainer: {
     display: "flex",
-    padding: theme.spacing(0, 1)
+    padding: theme.spacing(0, 1),
+    justifyContent: "space-between"
   },
   saveAsDefaultButton: {
     color: theme.palette.primary.main
@@ -7348,8 +7357,9 @@ var SmartTableHeaderFilterMenu = ({
     headerFilters[headCell.id] ?? []
   );
   (0, import_react34.useEffect)(() => {
-    if (headCell.filterOptions)
+    if (headCell.filterOptions) {
       setFilterOptionsData(headCell.filterOptions);
+    }
   }, [headCell.filterOptions]);
   const numFilterOptions = (0, import_react34.useMemo)(() => filterOptionsData?.length ?? 0, [filterOptionsData?.length]);
   const numCurrentSelectedFilters = selectedFilters.length;
@@ -7423,7 +7433,7 @@ var SmartTableHeaderFilterMenu = ({
         "data-testid": "filter-menu",
         anchorOrigin: { vertical: "bottom", horizontal: "right" },
         transformOrigin: { vertical: "top", horizontal: "right" },
-        children: false ? loadingSkeletons : /* @__PURE__ */ (0, import_jsx_runtime112.jsxs)(import_material61.Box, { className: classes.filterMenu, children: [
+        children: headCell.isFetchingFilterOptions ? loadingSkeletons : /* @__PURE__ */ (0, import_jsx_runtime112.jsxs)(import_material61.Box, { className: classes.filterMenu, children: [
           /* @__PURE__ */ (0, import_jsx_runtime112.jsx)(import_material61.Box, { px: 3, mb: 0.5, children: /* @__PURE__ */ (0, import_jsx_runtime112.jsx)(
             import_material61.FormControlLabel,
             {
@@ -7687,50 +7697,32 @@ var Table_default = Table2;
 var import_material64 = require("@mui/material");
 var import_jsx_runtime115 = require("react/jsx-runtime");
 var TableDesktopRowActions = ({
-  rowRef,
   isRowHovered,
-  px,
-  py,
-  pt,
-  pb,
-  pr,
-  pl,
-  top = 0,
-  right = 0,
-  bottom = 0,
-  left = 0,
+  children,
+  sx,
   zIndex = 1,
-  backgroundColor,
-  children
+  backgroundColor
 }) => {
   return isRowHovered ? /* @__PURE__ */ (0, import_jsx_runtime115.jsx)(
     import_material64.TableCell,
     {
-      ref: rowRef,
       padding: "none",
       sx: {
-        top,
-        right,
-        bottom,
-        left,
+        top: 0,
+        right: 0,
         zIndex,
         position: "sticky",
         display: "flex",
-        justifyContent: "flex-end"
+        justifyContent: "flex-end",
+        alignItems: "center"
       },
       children: /* @__PURE__ */ (0, import_jsx_runtime115.jsx)(
         import_material64.Box,
         {
-          px,
-          py,
-          pt,
-          pb,
-          pr,
-          pl,
+          sx,
           display: "flex",
           flexDirection: "row",
-          borderLeft: `1px solid ${colors.neutral300}`,
-          bgcolor: backgroundColor ?? ((theme) => theme.palette.background.default),
+          bgcolor: backgroundColor ?? colors.neutral100,
           children
         }
       )
@@ -7745,7 +7737,7 @@ var import_material65 = require("@mui/material");
 // src/components/TableDesktopRowCell/TableDesktopSmartSelect.tsx
 var import_react36 = require("react");
 var import_jsx_runtime116 = require("react/jsx-runtime");
-var getValueId = (value) => {
+var resolveValue = (value) => {
   if (typeof value === "string") {
     return value;
   }
@@ -7764,12 +7756,12 @@ var TableDesktopSmartSelect = (0, import_react36.memo)(({
 }) => {
   const [value, setValue] = (0, import_react36.useState)(initialValue);
   const [options, setOptions] = (0, import_react36.useState)();
-  const valueId = getValueId(value);
+  const valueId = resolveValue(value);
   const valueLabel = resolveOptionType(value, fieldName);
   (0, import_react36.useEffect)(() => {
     if (filterOptions) {
       const parsedOptions = filterOptions?.map((option) => ({
-        value: getValueId(option),
+        value: resolveValue(option),
         label: String(resolveOptionType(option, fieldName))
       }));
       setOptions(parsedOptions);
@@ -7827,10 +7819,10 @@ var TableDesktopRowCell = ({
       TableDesktopSmartSelect,
       {
         ref,
+        rowId,
+        fieldName,
         initialValue: editInitialValue,
         inputLabel: inputLabel ?? "",
-        fieldName,
-        rowId,
         filterOptions,
         refetchFilterOptions,
         isFetchingFilterOptions,