@sustaina/shared-ui 1.4.2 → 1.6.0

package/dist/index.mjs

@@ -123,6 +123,26 @@ function FormLabel({ children, className, errorClassName, required, ...props })
   );
 }
 
+// src/utils/common.ts
+function isDefined(value) {
+  return value !== null && value !== void 0;
+}
+function isEmptyObject(value) {
+  return !!value && Object.keys(value).length === 0 && value.constructor === Object;
+}
+
+// src/utils/filters.ts
+function stripNullishObject(value) {
+  if (!isDefined(value)) {
+    return {};
+  }
+  try {
+    return Object.fromEntries(Object.entries(value).filter(([, propValue]) => isDefined(propValue)));
+  } catch {
+    return {};
+  }
+}
+
 // src/utils/getColumnIdFromTable.ts
 function getColumnIdFromTable(table) {
   const allColumns = table.getAllColumns();
@@ -336,23 +356,6 @@ var useScreenSize = (breakpoints) => {
   return { isMobile, isTablet, isDesktop };
 };
 var useScreenSize_default = useScreenSize;
-
-// src/utils/common.ts
-function isDefined(value) {
-  return value !== null && value !== void 0;
-}
-
-// src/utils/filters.ts
-function stripNullishObject(value) {
-  if (!isDefined(value)) {
-    return {};
-  }
-  try {
-    return Object.fromEntries(Object.entries(value).filter(([, propValue]) => isDefined(propValue)));
-  } catch {
-    return {};
-  }
-}
 var HeaderCell = ({ rootClassName, labelClassName, context, label, sorterProps }) => {
   const { ref, hovering } = useHover_default();
   const showSorter = sorterProps?.show ?? context.column.getCanSort();
@@ -684,6 +687,15 @@ function getColumnPinningStyles(column) {
   };
   return { classes, style };
 }
+function getRowClickHandlers(handler, { rowData, row, table }) {
+  const handleRowClick = (event, clickType) => {
+    handler(rowData, { event, row, table, clickType });
+  };
+  return {
+    onClick: (event) => handleRowClick(event, "single"),
+    onDoubleClick: (event) => handleRowClick(event, "double")
+  };
+}
 var fallbackData = [];
 var DataTable = ({
   tableRef,
@@ -923,11 +935,12 @@ var DataTable = ({
                   key: row.id,
                   className: cn("group", tableDataRowProps?.className),
                   "data-state": row.getIsSelected() ? "selected" : "non-selected",
-                  onClick: (event) => {
-                    if (typeof onRowClick === "function") {
-                      onRowClick(row.original, { event, row, table });
-                    }
-                  }
+                  ...getRowClickHandlers(onRowClick ?? (() => {
+                  }), {
+                    rowData: row.original,
+                    row,
+                    table
+                  })
                 },
                 row.getVisibleCells().map((cell) => {
                   const { classes, style } = getColumnPinningStyles(cell.column);
@@ -4906,7 +4919,7 @@ function DialogContent2({
       {
         "data-slot": "dialog-content",
         className: cn3(
-          "bg-background data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 fixed top-[50%] left-[50%] z-50 grid w-full max-w-[calc(100%-2rem)] translate-x-[-50%] translate-y-[-50%] gap-4 rounded-lg border p-6 shadow-lg duration-200 sm:max-w-lg",
+          "bg-white data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 fixed top-[50%] left-[50%] z-50 grid w-full max-w-[calc(100%-2rem)] translate-x-[-50%] translate-y-[-50%] gap-4 rounded-lg border p-6 shadow-lg duration-200 sm:max-w-lg",
           className
         ),
         ...props,
@@ -4966,13 +4979,15 @@ var buttonVariants4 = cva(
   {
     variants: {
       variant: {
-        default: "bg-sus-primary-1 text-primary-foreground shadow-xs hover:bg-sus-primary/90",
-        cancel: "border bg-[#8B8B8B] text-white shadow-xs hover:bg-accent hover:text-accent-foreground  dark:border-input dark:hover:bg-input/50",
-        outlineLeave: "border border-[#BB0B0E] bg-background shadow-xs hover:bg-accent hover:text-accent-foreground text-[#BB0B0E]"
+        default: "border bg-[#8B8B8B] text-white shadow-xs hover:bg-accent hover:text-accent-foreground  dark:border-input dark:hover:bg-input/50",
+        success: "bg-sus-primary-1 text-primary-foreground shadow-xs hover:bg-sus-primary/90",
+        error: "border border-[#BB0B0E] bg-background shadow-xs hover:bg-accent hover:text-accent-foreground text-[#BB0B0E]",
+        warning: "bg-yellow-500 text-black shadow-xs hover:bg-yellow-600 dark:hover:bg-yellow-400",
+        cancel: "border bg-[#8B8B8B] text-white shadow-xs hover:bg-accent hover:text-accent-foreground dark:border-input dark:hover:bg-input/50"
       },
       size: {
-        default: "h-9 px-4  has-[>svg]:px-3",
-        option: "py-5 h-9 px-4  has-[>svg]:px-3",
+        default: "h-9 px-4 has-[>svg]:px-3",
+        option: "py-5 h-9 px-4 has-[>svg]:px-3",
         sm: "h-8 rounded-md gap-1.5 px-3 has-[>svg]:px-2.5",
         lg: "h-10 rounded-md px-6 has-[>svg]:px-4",
         icon: "size-9",
@@ -4982,7 +4997,7 @@ var buttonVariants4 = cva(
         "icon-lg": "size-10"
       },
       active: {
-        true: "bg-sus-primary-1 text-white",
+        true: "opacity-90 ring-2 ring-offset-1 ring-ring",
         false: ""
       }
     },
@@ -5005,42 +5020,58 @@ function Button4({
     Comp,
     {
       "data-slot": "button",
-      className: cn3(buttonVariants4({ variant, size, className, active })),
+      className: cn3(buttonVariants4({ variant, size, active, className })),
       ...props
     }
   );
 }
-function ConfirmDialog({ dialogData, setDialog, onClose }) {
-  const handleClose = () => {
-    setDialog({ state: false });
-    onClose?.();
-  };
-  const titleColor = {
-    default: "text-[#000000]",
-    success: "text-[#3f9e33]",
-    error: "text-[#c63638]"
-  };
-  const showCloseBtn = dialogData.showCloseBtn ?? true;
-  return /* @__PURE__ */ jsx(Dialog2, { open: dialogData.state, onOpenChange: handleClose, children: /* @__PURE__ */ jsxs(DialogContent2, { children: [
+function DialogAlert({
+  open,
+  onOpenChange,
+  title,
+  description,
+  variant = "default",
+  confirmText,
+  cancelText = "Cancel",
+  onConfirm,
+  onCancel,
+  showCancel = true,
+  align = "center",
+  outlet
+}) {
+  const alignClass = align === "start" ? "justify-start" : align === "end" ? "justify-end" : "justify-center";
+  const handleCancel = useCallback(() => {
+    onCancel?.();
+    onOpenChange(false);
+  }, [onCancel, onOpenChange]);
+  const handleConfirm = useCallback(() => {
+    onConfirm?.();
+  }, [onConfirm]);
+  return /* @__PURE__ */ jsx(Dialog2, { open, onOpenChange, children: /* @__PURE__ */ jsxs(DialogContent2, { className: "max-w-md", children: [
     /* @__PURE__ */ jsxs(DialogHeader2, { children: [
-      /* @__PURE__ */ jsx(DialogTitle2, { className: cn3(titleColor[dialogData.variant || "default"], "font-bold"), children: dialogData.title || "" }),
-      /* @__PURE__ */ jsx(DialogDescription2, { children: dialogData.description || "" })
+      title && /* @__PURE__ */ jsx(DialogTitle2, { className: variantClass(variant), children: title }),
+      description && /* @__PURE__ */ jsx(DialogDescription2, { children: description })
     ] }),
-    /* @__PURE__ */ jsxs("div", { className: "w-full flex justify-center py-5 gap-5", children: [
-      showCloseBtn && /* @__PURE__ */ jsx(Button4, { variant: "cancel", onClick: handleClose, children: "Close" }),
-      dialogData.btn && /* @__PURE__ */ jsx(
-        Button4,
-        {
-          variant: dialogData.variantBtn || "default",
-          disabled: dialogData.btnState === false,
-          onClick: dialogData.onClickBtn,
-          children: dialogData.btn
-        }
-      )
+    outlet && outlet,
+    /* @__PURE__ */ jsxs("div", { className: `flex gap-3 mt-3 ${alignClass}`, children: [
+      showCancel && /* @__PURE__ */ jsx(Button4, { variant: "cancel", onClick: handleCancel, children: cancelText }),
+      confirmText && /* @__PURE__ */ jsx(Button4, { variant, onClick: handleConfirm, children: confirmText })
     ] })
   ] }) });
 }
+function variantClass(variant) {
+  switch (variant) {
+    case "success":
+      return "text-green-600";
+    case "error":
+      return "text-red-600";
+    case "warning":
+      return "text-yellow-600";
+    default:
+      return "";
+  }
+}
 
-export { AdvanceSearch_default as AdvanceSearch, Button, DataTable_default as DataTable, ConfirmDialog as Dialog, FormErrorMessage, FormField, FormFieldContext, FormItem, FormItemContext, FormLabel, GridSettingsModal_default as GridSettingsModal, HeaderCell_default as HeaderCell, navbar_default as Navbar, NumberInput, PreventPageLeave_default as PreventPageLeave, TextInput, booleanToSelectValue, buttonVariants, cn, compareAlphanumeric, getColumnIdFromTable, renderContentSlot, selectValueToBoolean, useFormField, useGridSettingsStore, useHover_default as useHover, useIntersectionObserver_default as useIntersectionObserver, useMediaQuery_default as useMediaQuery, usePreventPageLeave_default as usePreventPageLeave, usePreventPageLeaveStore_default as usePreventPageLeaveStore, useScreenSize_default as useScreenSize };
+export { AdvanceSearch_default as AdvanceSearch, Button, DataTable_default as DataTable, DialogAlert, FormErrorMessage, FormField, FormFieldContext, FormItem, FormItemContext, FormLabel, GridSettingsModal_default as GridSettingsModal, HeaderCell_default as HeaderCell, navbar_default as Navbar, NumberInput, PreventPageLeave_default as PreventPageLeave, TextInput, booleanToSelectValue, buttonVariants, cn, compareAlphanumeric, getColumnIdFromTable, isDefined, isEmptyObject, renderContentSlot, selectValueToBoolean, stripNullishObject, useFormField, useGridSettingsStore, useHover_default as useHover, useIntersectionObserver_default as useIntersectionObserver, useMediaQuery_default as useMediaQuery, usePreventPageLeave_default as usePreventPageLeave, usePreventPageLeaveStore_default as usePreventPageLeaveStore, useScreenSize_default as useScreenSize };
 //# sourceMappingURL=index.mjs.map
 //# sourceMappingURL=index.mjs.map