@eztrak/shared 0.12.0 → 0.13.0

package/dist/index.js

@@ -37,6 +37,7 @@ __export(src_exports, {
   EztrakTabs: () => EztrakTabs,
   Loader: () => Loader,
   Modal: () => Modal,
+  PopupCellRenderer: () => PopupCellRenderer,
   ResetColumnsButton: () => ResetColumnsButton,
   ResetFiltersButton: () => ResetFiltersButton,
   SearchInput: () => SearchInput,
@@ -1144,6 +1145,11 @@ function DropdownFilter({
   options,
   placeholder,
   borderRadius = "20px",
+  className,
+  isClearable = true,
+  isSearchable = true,
+  isDisabled = false,
+  isLoading = false,
   ...otherProps
 }) {
   const [searchParams, setSearchParams] = (0, import_react_router_dom2.useSearchParams)();
@@ -1161,17 +1167,23 @@ function DropdownFilter({
       return prev;
     });
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { className: cn(className), children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
     import_react_select.default,
     {
       placeholder: placeholder ?? `Select ${name}`,
       value: selectedOption,
       onChange: handleChange,
       options,
+      isClearable,
+      isSearchable,
+      isDisabled,
+      isLoading,
+      getOptionValue: (option) => String(option[valueKey] ?? ""),
+      getOptionLabel: (option) => String(option.label ?? option.name ?? option[valueKey] ?? ""),
       styles: dropdownStyles(borderRadius),
       ...otherProps
     }
-  );
+  ) });
 }
 
 // src/components/search-filters/ResetFiltersButton.tsx
@@ -1978,6 +1990,67 @@ var CustomCellEditor = (0, import_react7.forwardRef)(
   }
 );
 CustomCellEditor.displayName = "CustomCellEditor";
+
+// src/components/popup-cell-renderer/PopupCellRenderer.tsx
+var import_react8 = require("react");
+var import_react9 = __toESM(require("@tippyjs/react"));
+var import_bi = require("react-icons/bi");
+var import_jsx_runtime12 = require("react/jsx-runtime");
+function PopupCellRenderer({
+  dropDownContent,
+  actionIcon: ActionIcon = import_bi.BiDotsVerticalRounded,
+  title = "Actions",
+  className,
+  hideTitle = false,
+  params,
+  onAction,
+  placement = "bottom-end",
+  tippyProps
+}) {
+  const [visible, setVisible] = (0, import_react8.useState)(false);
+  const show = () => setVisible(true);
+  const hide = () => setVisible(false);
+  const rowData = params?.data;
+  const handleAction = (actionType, actionRowData) => {
+    onAction?.(actionType, actionRowData ?? rowData, hide);
+    hide();
+  };
+  const content = typeof dropDownContent === "function" ? dropDownContent(handleAction) : dropDownContent;
+  return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("div", { className: "flex h-full", children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+    import_react9.default,
+    {
+      content,
+      visible,
+      onClickOutside: hide,
+      allowHTML: true,
+      arrow: false,
+      appendTo: () => document.body,
+      interactive: true,
+      placement,
+      animation: "shift-away",
+      theme: "light",
+      maxWidth: "none",
+      offset: [0, 5],
+      ...tippyProps,
+      children: /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(
+        "button",
+        {
+          type: "button",
+          onClick: visible ? hide : show,
+          className: cn(
+            "flex items-center justify-center gap-2 rounded-full text-gray-500 hover:text-gray-800",
+            className
+          ),
+          "aria-label": "Row actions",
+          children: [
+            !hideTitle && title,
+            /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(ActionIcon, { "aria-hidden": true })
+          ]
+        }
+      )
+    }
+  ) });
+}
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   CardSkeleton,
@@ -1987,6 +2060,7 @@ CustomCellEditor.displayName = "CustomCellEditor";
   EztrakTabs,
   Loader,
   Modal,
+  PopupCellRenderer,
   ResetColumnsButton,
   ResetFiltersButton,
   SearchInput,