@sustaina/shared-ui 1.4.2 → 1.6.0

package/dist/index.d.mts

@@ -143,11 +143,14 @@ type DataTableColumnGrouping = {
     customAggregationFns?: GroupingOptions["aggregationFns"];
     onGroupingChange?: OnChangeFn<GroupingState>;
 };
+type RowClickType = "single" | "double";
 type DataTableRowClickHandler<TData extends RowData$1> = (rowData: TData, info: {
     event: React.MouseEvent<HTMLTableRowElement>;
     row: Row<TData>;
     table: Table$1<TData>;
+    clickType: RowClickType;
 }) => void;
+type DataTableRowClickMode = "native" | "timeout";
 type DataTableRowIdKeyHandler<TData extends RowData$1> = (originalRow: TData, index: number, parent?: Row<TData>) => string;
 type DataTableHeaderCell<TData extends RowData$1> = {
     id: string;
@@ -366,22 +369,29 @@ interface AdvanceSearchProps {
 
 declare const AdvanceSearch: React__default.FC<AdvanceSearchProps>;
 
-type ConfirmDialogProps = {
-    dialogData: {
-        state: boolean;
-        title?: string;
-        description?: string;
-        btn?: string;
-        variantBtn?: string;
-        btnState?: boolean;
-        onClickBtn?: () => void;
-        variant?: "default" | "success" | "error";
-        showCloseBtn?: boolean;
-    };
-    setDialog: (data: any) => void;
-    onClose?: () => void;
+type DialogVariant = "default" | "success" | "error" | "warning";
+interface DialogAlertProps {
+    open: boolean;
+    onOpenChange: (state: boolean) => void;
+    title?: string;
+    description?: string;
+    variant?: DialogVariant;
+    confirmText?: string;
+    cancelText?: string;
+    onConfirm?: () => void;
+    onCancel?: () => void;
+    showCancel?: boolean;
+    align?: "start" | "center" | "end";
+    outlet?: React__default.ReactNode | null;
+}
+declare function DialogAlert({ open, onOpenChange, title, description, variant, confirmText, cancelText, onConfirm, onCancel, showCancel, align, outlet }: DialogAlertProps): react_jsx_runtime.JSX.Element;
+
+declare function isDefined(value: any): boolean;
+declare function isEmptyObject(value: any): boolean;
+
+declare function stripNullishObject<T extends Record<string, any>>(value: Partial<T>): {
+    [k: string]: any;
 };
-declare function ConfirmDialog({ dialogData, setDialog, onClose }: ConfirmDialogProps): react_jsx_runtime.JSX.Element;
 
 /**
  * Utility function to intelligently combine class names using `clsx`
@@ -486,4 +496,4 @@ type Breakpoints = {
 };
 declare const useScreenSize: (breakpoints?: Breakpoints) => UseScreenSizeResult;
 
-export { AdvanceSearch, type Breakpoints, Button, type Column, type ContentSlot, DataTable, type DataTableChildrenKeyHandler, type DataTableColumnFilter, type DataTableColumnFilterProps, type DataTableColumnGrouping, type DataTableColumnOrdering, type DataTableColumnPinning, type DataTableColumnSorting, type DataTableColumnVisibility, type DataTableComponentProps, type DataTableFilterConfig, type DataTableFilters, type DataTableGlobalFilter, type DataTableHeaderCell, type DataTableProps, type DataTableRenderHeaderHandler, type DataTableRenderHeaderProps, type DataTableRenderRowHandler, type DataTableRenderRowProps, type DataTableRowCell, type DataTableRowClickHandler, type DataTableRowExpansion, type DataTableRowIdKeyHandler, type DataTableRowSelection, type DataTableScrollFetch, type DataTableStatusContent, type DatatableColumnResizing, ConfirmDialog as Dialog, type FieldSchema, FormErrorMessage, type FormErrorMessageProps, FormField, FormFieldContext, type FormFieldContextValue, type FormFieldProps, FormItem, FormItemContext, type FormItemContextValue, type FormItemProps, FormLabel, type FormLabelProps, type GridPayload, GridSettingsModal, type GridSettingsModalProps, HeaderCell, type HeaderCellProps, _default as Navbar, type NavbarProps, NumberInput, type NumberInputProps, PreventPageLeave, type SorterProps, TextInput, type TextInputProps, type UseFormFieldOptions, type UseFormFieldReturn, type UseHoverResult, type UseMediaQueryOptions, type UseMediaQueryResult, type UsePreventPageLeaveOptions, type UseScreenSizeResult, booleanToSelectValue, buttonVariants, cn, compareAlphanumeric, getColumnIdFromTable, renderContentSlot, selectValueToBoolean, useFormField, useGridSettingsStore, useHover, useIntersectionObserver, useMediaQuery, usePreventPageLeave, usePreventPageLeaveStore, useScreenSize };
+export { AdvanceSearch, type Breakpoints, Button, type Column, type ContentSlot, DataTable, type DataTableChildrenKeyHandler, type DataTableColumnFilter, type DataTableColumnFilterProps, type DataTableColumnGrouping, type DataTableColumnOrdering, type DataTableColumnPinning, type DataTableColumnSorting, type DataTableColumnVisibility, type DataTableComponentProps, type DataTableFilterConfig, type DataTableFilters, type DataTableGlobalFilter, type DataTableHeaderCell, type DataTableProps, type DataTableRenderHeaderHandler, type DataTableRenderHeaderProps, type DataTableRenderRowHandler, type DataTableRenderRowProps, type DataTableRowCell, type DataTableRowClickHandler, type DataTableRowClickMode, type DataTableRowExpansion, type DataTableRowIdKeyHandler, type DataTableRowSelection, type DataTableScrollFetch, type DataTableStatusContent, type DatatableColumnResizing, DialogAlert, type DialogAlertProps, type DialogVariant, type FieldSchema, FormErrorMessage, type FormErrorMessageProps, FormField, FormFieldContext, type FormFieldContextValue, type FormFieldProps, FormItem, FormItemContext, type FormItemContextValue, type FormItemProps, FormLabel, type FormLabelProps, type GridPayload, GridSettingsModal, type GridSettingsModalProps, HeaderCell, type HeaderCellProps, _default as Navbar, type NavbarProps, NumberInput, type NumberInputProps, PreventPageLeave, type RowClickType, type SorterProps, TextInput, type TextInputProps, type UseFormFieldOptions, type UseFormFieldReturn, type UseHoverResult, type UseMediaQueryOptions, type UseMediaQueryResult, type UsePreventPageLeaveOptions, type UseScreenSizeResult, booleanToSelectValue, buttonVariants, cn, compareAlphanumeric, getColumnIdFromTable, isDefined, isEmptyObject, renderContentSlot, selectValueToBoolean, stripNullishObject, useFormField, useGridSettingsStore, useHover, useIntersectionObserver, useMediaQuery, usePreventPageLeave, usePreventPageLeaveStore, useScreenSize };

package/dist/index.d.ts

@@ -143,11 +143,14 @@ type DataTableColumnGrouping = {
     customAggregationFns?: GroupingOptions["aggregationFns"];
     onGroupingChange?: OnChangeFn<GroupingState>;
 };
+type RowClickType = "single" | "double";
 type DataTableRowClickHandler<TData extends RowData$1> = (rowData: TData, info: {
     event: React.MouseEvent<HTMLTableRowElement>;
     row: Row<TData>;
     table: Table$1<TData>;
+    clickType: RowClickType;
 }) => void;
+type DataTableRowClickMode = "native" | "timeout";
 type DataTableRowIdKeyHandler<TData extends RowData$1> = (originalRow: TData, index: number, parent?: Row<TData>) => string;
 type DataTableHeaderCell<TData extends RowData$1> = {
     id: string;
@@ -366,22 +369,29 @@ interface AdvanceSearchProps {
 
 declare const AdvanceSearch: React__default.FC<AdvanceSearchProps>;
 
-type ConfirmDialogProps = {
-    dialogData: {
-        state: boolean;
-        title?: string;
-        description?: string;
-        btn?: string;
-        variantBtn?: string;
-        btnState?: boolean;
-        onClickBtn?: () => void;
-        variant?: "default" | "success" | "error";
-        showCloseBtn?: boolean;
-    };
-    setDialog: (data: any) => void;
-    onClose?: () => void;
+type DialogVariant = "default" | "success" | "error" | "warning";
+interface DialogAlertProps {
+    open: boolean;
+    onOpenChange: (state: boolean) => void;
+    title?: string;
+    description?: string;
+    variant?: DialogVariant;
+    confirmText?: string;
+    cancelText?: string;
+    onConfirm?: () => void;
+    onCancel?: () => void;
+    showCancel?: boolean;
+    align?: "start" | "center" | "end";
+    outlet?: React__default.ReactNode | null;
+}
+declare function DialogAlert({ open, onOpenChange, title, description, variant, confirmText, cancelText, onConfirm, onCancel, showCancel, align, outlet }: DialogAlertProps): react_jsx_runtime.JSX.Element;
+
+declare function isDefined(value: any): boolean;
+declare function isEmptyObject(value: any): boolean;
+
+declare function stripNullishObject<T extends Record<string, any>>(value: Partial<T>): {
+    [k: string]: any;
 };
-declare function ConfirmDialog({ dialogData, setDialog, onClose }: ConfirmDialogProps): react_jsx_runtime.JSX.Element;
 
 /**
  * Utility function to intelligently combine class names using `clsx`
@@ -486,4 +496,4 @@ type Breakpoints = {
 };
 declare const useScreenSize: (breakpoints?: Breakpoints) => UseScreenSizeResult;
 
-export { AdvanceSearch, type Breakpoints, Button, type Column, type ContentSlot, DataTable, type DataTableChildrenKeyHandler, type DataTableColumnFilter, type DataTableColumnFilterProps, type DataTableColumnGrouping, type DataTableColumnOrdering, type DataTableColumnPinning, type DataTableColumnSorting, type DataTableColumnVisibility, type DataTableComponentProps, type DataTableFilterConfig, type DataTableFilters, type DataTableGlobalFilter, type DataTableHeaderCell, type DataTableProps, type DataTableRenderHeaderHandler, type DataTableRenderHeaderProps, type DataTableRenderRowHandler, type DataTableRenderRowProps, type DataTableRowCell, type DataTableRowClickHandler, type DataTableRowExpansion, type DataTableRowIdKeyHandler, type DataTableRowSelection, type DataTableScrollFetch, type DataTableStatusContent, type DatatableColumnResizing, ConfirmDialog as Dialog, type FieldSchema, FormErrorMessage, type FormErrorMessageProps, FormField, FormFieldContext, type FormFieldContextValue, type FormFieldProps, FormItem, FormItemContext, type FormItemContextValue, type FormItemProps, FormLabel, type FormLabelProps, type GridPayload, GridSettingsModal, type GridSettingsModalProps, HeaderCell, type HeaderCellProps, _default as Navbar, type NavbarProps, NumberInput, type NumberInputProps, PreventPageLeave, type SorterProps, TextInput, type TextInputProps, type UseFormFieldOptions, type UseFormFieldReturn, type UseHoverResult, type UseMediaQueryOptions, type UseMediaQueryResult, type UsePreventPageLeaveOptions, type UseScreenSizeResult, booleanToSelectValue, buttonVariants, cn, compareAlphanumeric, getColumnIdFromTable, renderContentSlot, selectValueToBoolean, useFormField, useGridSettingsStore, useHover, useIntersectionObserver, useMediaQuery, usePreventPageLeave, usePreventPageLeaveStore, useScreenSize };
+export { AdvanceSearch, type Breakpoints, Button, type Column, type ContentSlot, DataTable, type DataTableChildrenKeyHandler, type DataTableColumnFilter, type DataTableColumnFilterProps, type DataTableColumnGrouping, type DataTableColumnOrdering, type DataTableColumnPinning, type DataTableColumnSorting, type DataTableColumnVisibility, type DataTableComponentProps, type DataTableFilterConfig, type DataTableFilters, type DataTableGlobalFilter, type DataTableHeaderCell, type DataTableProps, type DataTableRenderHeaderHandler, type DataTableRenderHeaderProps, type DataTableRenderRowHandler, type DataTableRenderRowProps, type DataTableRowCell, type DataTableRowClickHandler, type DataTableRowClickMode, type DataTableRowExpansion, type DataTableRowIdKeyHandler, type DataTableRowSelection, type DataTableScrollFetch, type DataTableStatusContent, type DatatableColumnResizing, DialogAlert, type DialogAlertProps, type DialogVariant, type FieldSchema, FormErrorMessage, type FormErrorMessageProps, FormField, FormFieldContext, type FormFieldContextValue, type FormFieldProps, FormItem, FormItemContext, type FormItemContextValue, type FormItemProps, FormLabel, type FormLabelProps, type GridPayload, GridSettingsModal, type GridSettingsModalProps, HeaderCell, type HeaderCellProps, _default as Navbar, type NavbarProps, NumberInput, type NumberInputProps, PreventPageLeave, type RowClickType, type SorterProps, TextInput, type TextInputProps, type UseFormFieldOptions, type UseFormFieldReturn, type UseHoverResult, type UseMediaQueryOptions, type UseMediaQueryResult, type UsePreventPageLeaveOptions, type UseScreenSizeResult, booleanToSelectValue, buttonVariants, cn, compareAlphanumeric, getColumnIdFromTable, isDefined, isEmptyObject, renderContentSlot, selectValueToBoolean, stripNullishObject, useFormField, useGridSettingsStore, useHover, useIntersectionObserver, useMediaQuery, usePreventPageLeave, usePreventPageLeaveStore, useScreenSize };

package/dist/index.js

@@ -152,6 +152,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();
@@ -365,23 +385,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();
@@ -713,6 +716,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,
@@ -952,11 +964,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);
@@ -4935,7 +4948,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,
@@ -4995,13 +5008,15 @@ var buttonVariants4 = classVarianceAuthority.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",
@@ -5011,7 +5026,7 @@ var buttonVariants4 = classVarianceAuthority.cva(
         "icon-lg": "size-10"
       },
       active: {
-        true: "bg-sus-primary-1 text-white",
+        true: "opacity-90 ring-2 ring-offset-1 ring-ring",
         false: ""
       }
     },
@@ -5034,46 +5049,62 @@ 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__ */ jsxRuntime.jsx(Dialog2, { open: dialogData.state, onOpenChange: handleClose, children: /* @__PURE__ */ jsxRuntime.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 = React4.useCallback(() => {
+    onCancel?.();
+    onOpenChange(false);
+  }, [onCancel, onOpenChange]);
+  const handleConfirm = React4.useCallback(() => {
+    onConfirm?.();
+  }, [onConfirm]);
+  return /* @__PURE__ */ jsxRuntime.jsx(Dialog2, { open, onOpenChange, children: /* @__PURE__ */ jsxRuntime.jsxs(DialogContent2, { className: "max-w-md", children: [
     /* @__PURE__ */ jsxRuntime.jsxs(DialogHeader2, { children: [
-      /* @__PURE__ */ jsxRuntime.jsx(DialogTitle2, { className: cn3(titleColor[dialogData.variant || "default"], "font-bold"), children: dialogData.title || "" }),
-      /* @__PURE__ */ jsxRuntime.jsx(DialogDescription2, { children: dialogData.description || "" })
+      title && /* @__PURE__ */ jsxRuntime.jsx(DialogTitle2, { className: variantClass(variant), children: title }),
+      description && /* @__PURE__ */ jsxRuntime.jsx(DialogDescription2, { children: description })
     ] }),
-    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "w-full flex justify-center py-5 gap-5", children: [
-      showCloseBtn && /* @__PURE__ */ jsxRuntime.jsx(Button4, { variant: "cancel", onClick: handleClose, children: "Close" }),
-      dialogData.btn && /* @__PURE__ */ jsxRuntime.jsx(
-        Button4,
-        {
-          variant: dialogData.variantBtn || "default",
-          disabled: dialogData.btnState === false,
-          onClick: dialogData.onClickBtn,
-          children: dialogData.btn
-        }
-      )
+    outlet && outlet,
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: `flex gap-3 mt-3 ${alignClass}`, children: [
+      showCancel && /* @__PURE__ */ jsxRuntime.jsx(Button4, { variant: "cancel", onClick: handleCancel, children: cancelText }),
+      confirmText && /* @__PURE__ */ jsxRuntime.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 "";
+  }
+}
 
 exports.AdvanceSearch = AdvanceSearch_default;
 exports.Button = Button;
 exports.DataTable = DataTable_default;
-exports.Dialog = ConfirmDialog;
+exports.DialogAlert = DialogAlert;
 exports.FormErrorMessage = FormErrorMessage;
 exports.FormField = FormField;
 exports.FormFieldContext = FormFieldContext;
@@ -5091,8 +5122,11 @@ exports.buttonVariants = buttonVariants;
 exports.cn = cn;
 exports.compareAlphanumeric = compareAlphanumeric;
 exports.getColumnIdFromTable = getColumnIdFromTable;
+exports.isDefined = isDefined;
+exports.isEmptyObject = isEmptyObject;
 exports.renderContentSlot = renderContentSlot;
 exports.selectValueToBoolean = selectValueToBoolean;
+exports.stripNullishObject = stripNullishObject;
 exports.useFormField = useFormField;
 exports.useGridSettingsStore = useGridSettingsStore;
 exports.useHover = useHover_default;