@juv/codego-react-ui 3.2.8 → 3.3.0

package/dist/index.cjs

@@ -6797,8 +6797,7 @@ function DeleteModal({
   itemId,
   onClose,
   onSuccess,
-  notif,
-  width
+  notif
 }) {
   const [loading, setLoading] = React28.useState(false);
   const [error, setError] = React28.useState(null);
@@ -6820,7 +6819,7 @@ function DeleteModal({
     {
       title: "Confirm Delete",
       onClose,
-      width,
+      width: "lg",
       footer: /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)(import_jsx_runtime32.Fragment, { children: [
         /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(Button, { variant: "outline", size: "sm", onClick: onClose, disabled: loading, children: "Cancel" }),
         /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)(Button, { variant: "danger", size: "sm", onClick: handleDelete, disabled: loading, children: [
@@ -6840,17 +6839,19 @@ function ActionBtn({
   defaultIcon,
   defaultLabel,
   defaultVariant,
+  defaultSize,
   onClick
 }) {
   const mode = cfg?.displayMode ?? "icon";
   const icon = cfg?.icon ?? defaultIcon;
   const label = cfg?.label ?? defaultLabel;
+  const buttonSize = cfg?.size ?? defaultSize ?? "xs";
   return /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
     Button,
     {
       type: "button",
       title: label,
-      size: cfg?.size ?? "xs",
+      size: buttonSize,
       variant: cfg?.variant ?? defaultVariant,
       rounded: cfg?.rounded ?? "lg",
       gradientFrom: cfg?.gradientFrom,
@@ -6959,6 +6960,7 @@ function Table({
             defaultIcon: extra.icon,
             defaultLabel: extra.label ?? extra.key,
             defaultVariant: extra.variant ?? "outline",
+            defaultSize: defaultActions.actionsSize,
             onClick: () => extra.onClick(item)
           },
           extra.key
@@ -7337,7 +7339,6 @@ function Table({
         baseUrl: defaultActions.baseUrl,
         itemId: String(deleteItem[actionIdKey] ?? ""),
         notif: defaultActions.onSuccessNotif,
-        width: defaultActions.modalWidth,
         onClose: () => setDeleteItem(null),
         onSuccess: (deleted) => {
           setTableData(
@@ -7433,17 +7434,19 @@ function ActionBtn2({
   defaultIcon,
   defaultLabel,
   defaultVariant,
+  defaultSize,
   onClick
 }) {
   const mode = cfg?.displayMode ?? "icon";
   const icon = cfg?.icon ?? defaultIcon;
   const label = cfg?.label ?? defaultLabel;
+  const buttonSize = cfg?.size ?? defaultSize ?? "xs";
   return /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
     Button,
     {
       type: "button",
       title: label,
-      size: cfg?.size ?? "xs",
+      size: buttonSize,
       variant: cfg?.variant ?? defaultVariant,
       rounded: cfg?.rounded ?? "lg",
       gradientFrom: cfg?.gradientFrom,
@@ -7666,8 +7669,7 @@ function DGDeleteModal({
   itemId,
   onClose,
   onSuccess,
-  notif,
-  width
+  notif
 }) {
   const [loading, setLoading] = React29.useState(false);
   const [error, setError] = React29.useState(null);
@@ -7689,7 +7691,7 @@ function DGDeleteModal({
     {
       title: "Confirm Delete",
       onClose,
-      width,
+      width: "lg",
       footer: /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)(import_jsx_runtime33.Fragment, { children: [
         /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("button", { onClick: onClose, disabled: loading, className: "px-4 py-1.5 text-sm rounded-xl border border-border hover:bg-accent transition-colors", children: "Cancel" }),
         /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("button", { onClick: handleDelete, disabled: loading, className: "px-4 py-1.5 text-sm rounded-xl bg-danger text-danger-foreground hover:bg-danger-hover transition-colors flex items-center gap-1.5", children: [
@@ -7810,6 +7812,7 @@ function DataGrid({
           defaultIcon: /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(import_lucide_react18.Eye, { className: "h-3.5 w-3.5" }),
           defaultLabel: "View",
           defaultVariant: "outline",
+          defaultSize: defaultActions.actionsSize,
           onClick: () => setViewItem(row)
         }
       ),
@@ -7820,6 +7823,7 @@ function DataGrid({
           defaultIcon: /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(import_lucide_react18.Pencil, { className: "h-3.5 w-3.5" }),
           defaultLabel: "Edit",
           defaultVariant: "outline",
+          defaultSize: defaultActions.actionsSize,
           onClick: () => setEditItem(row)
         }
       ),
@@ -7830,6 +7834,7 @@ function DataGrid({
           defaultIcon: /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(import_lucide_react18.Trash, { className: "h-3.5 w-3.5" }),
           defaultLabel: "Delete",
           defaultVariant: "danger",
+          defaultSize: defaultActions.actionsSize,
           onClick: () => setDeleteItem(row)
         }
       ),
@@ -7840,6 +7845,7 @@ function DataGrid({
           defaultIcon: extra.icon,
           defaultLabel: extra.label ?? extra.key,
           defaultVariant: extra.variant ?? "outline",
+          defaultSize: defaultActions.actionsSize,
           onClick: () => extra.onClick(row)
         },
         extra.key
@@ -8073,7 +8079,6 @@ function DataGrid({
         baseUrl: defaultActions.baseUrl,
         itemId: String(deleteItem[actionIdKey] ?? ""),
         notif: defaultActions.onSuccessNotif,
-        width: defaultActions.modalWidth,
         onClose: () => setDeleteItem(null),
         onSuccess: (deleted) => {
           setTableData((prev) => prev.filter((r) => String(r[actionIdKey]) !== String(deleted[actionIdKey])));

package/dist/index.d.cts

@@ -345,6 +345,8 @@ interface DefaultActionsConfig<T> {
     viewForm?: ActionField[];
     /** Grid columns for the edit form layout (e.g. 2 = two-column grid). Default single column. */
     editFormGrid?: number;
+    /** Size of the View / Edit / Delete / extra action buttons. Default "xs". */
+    actionsSize?: "xs" | "sm" | "md" | "lg" | "xl" | "2xl";
     /** Width of the Edit/View/Delete modal. Default "lg". */
     modalWidth?: ModalWidth;
     /** Called after a successful edit or delete so the parent can refresh data. */

package/dist/index.d.ts

@@ -345,6 +345,8 @@ interface DefaultActionsConfig<T> {
     viewForm?: ActionField[];
     /** Grid columns for the edit form layout (e.g. 2 = two-column grid). Default single column. */
     editFormGrid?: number;
+    /** Size of the View / Edit / Delete / extra action buttons. Default "xs". */
+    actionsSize?: "xs" | "sm" | "md" | "lg" | "xl" | "2xl";
     /** Width of the Edit/View/Delete modal. Default "lg". */
     modalWidth?: ModalWidth;
     /** Called after a successful edit or delete so the parent can refresh data. */

package/dist/index.global.js

@@ -69943,8 +69943,7 @@ ${n2.shaderPreludeCode.vertexSource}`, define: n2.shaderDefine }, defaultProject
     itemId,
     onClose,
     onSuccess,
-    notif,
-    width
+    notif
   }) {
     const [loading, setLoading] = React28.useState(false);
     const [error, setError] = React28.useState(null);
@@ -69966,7 +69965,7 @@ ${n2.shaderPreludeCode.vertexSource}`, define: n2.shaderDefine }, defaultProject
       {
         title: "Confirm Delete",
         onClose,
-        width,
+        width: "lg",
         footer: /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)(import_jsx_runtime32.Fragment, { children: [
           /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(Button, { variant: "outline", size: "sm", onClick: onClose, disabled: loading, children: "Cancel" }),
           /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)(Button, { variant: "danger", size: "sm", onClick: handleDelete, disabled: loading, children: [
@@ -69986,17 +69985,19 @@ ${n2.shaderPreludeCode.vertexSource}`, define: n2.shaderDefine }, defaultProject
     defaultIcon,
     defaultLabel,
     defaultVariant,
+    defaultSize,
     onClick
   }) {
     const mode = cfg?.displayMode ?? "icon";
     const icon = cfg?.icon ?? defaultIcon;
     const label = cfg?.label ?? defaultLabel;
+    const buttonSize = cfg?.size ?? defaultSize ?? "xs";
     return /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
       Button,
       {
         type: "button",
         title: label,
-        size: cfg?.size ?? "xs",
+        size: buttonSize,
         variant: cfg?.variant ?? defaultVariant,
         rounded: cfg?.rounded ?? "lg",
         gradientFrom: cfg?.gradientFrom,
@@ -70105,6 +70106,7 @@ ${n2.shaderPreludeCode.vertexSource}`, define: n2.shaderDefine }, defaultProject
               defaultIcon: extra.icon,
               defaultLabel: extra.label ?? extra.key,
               defaultVariant: extra.variant ?? "outline",
+              defaultSize: defaultActions.actionsSize,
               onClick: () => extra.onClick(item)
             },
             extra.key
@@ -70483,7 +70485,6 @@ ${n2.shaderPreludeCode.vertexSource}`, define: n2.shaderDefine }, defaultProject
           baseUrl: defaultActions.baseUrl,
           itemId: String(deleteItem[actionIdKey] ?? ""),
           notif: defaultActions.onSuccessNotif,
-          width: defaultActions.modalWidth,
           onClose: () => setDeleteItem(null),
           onSuccess: (deleted) => {
             setTableData(
@@ -70579,17 +70580,19 @@ ${n2.shaderPreludeCode.vertexSource}`, define: n2.shaderDefine }, defaultProject
     defaultIcon,
     defaultLabel,
     defaultVariant,
+    defaultSize,
     onClick
   }) {
     const mode = cfg?.displayMode ?? "icon";
     const icon = cfg?.icon ?? defaultIcon;
     const label = cfg?.label ?? defaultLabel;
+    const buttonSize = cfg?.size ?? defaultSize ?? "xs";
     return /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
       Button,
       {
         type: "button",
         title: label,
-        size: cfg?.size ?? "xs",
+        size: buttonSize,
         variant: cfg?.variant ?? defaultVariant,
         rounded: cfg?.rounded ?? "lg",
         gradientFrom: cfg?.gradientFrom,
@@ -70812,8 +70815,7 @@ ${n2.shaderPreludeCode.vertexSource}`, define: n2.shaderDefine }, defaultProject
     itemId,
     onClose,
     onSuccess,
-    notif,
-    width
+    notif
   }) {
     const [loading, setLoading] = React29.useState(false);
     const [error, setError] = React29.useState(null);
@@ -70835,7 +70837,7 @@ ${n2.shaderPreludeCode.vertexSource}`, define: n2.shaderDefine }, defaultProject
       {
         title: "Confirm Delete",
         onClose,
-        width,
+        width: "lg",
         footer: /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)(import_jsx_runtime33.Fragment, { children: [
           /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("button", { onClick: onClose, disabled: loading, className: "px-4 py-1.5 text-sm rounded-xl border border-border hover:bg-accent transition-colors", children: "Cancel" }),
           /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("button", { onClick: handleDelete, disabled: loading, className: "px-4 py-1.5 text-sm rounded-xl bg-danger text-danger-foreground hover:bg-danger-hover transition-colors flex items-center gap-1.5", children: [
@@ -70956,6 +70958,7 @@ ${n2.shaderPreludeCode.vertexSource}`, define: n2.shaderDefine }, defaultProject
             defaultIcon: /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(Eye, { className: "h-3.5 w-3.5" }),
             defaultLabel: "View",
             defaultVariant: "outline",
+            defaultSize: defaultActions.actionsSize,
             onClick: () => setViewItem(row)
           }
         ),
@@ -70966,6 +70969,7 @@ ${n2.shaderPreludeCode.vertexSource}`, define: n2.shaderDefine }, defaultProject
             defaultIcon: /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(Pencil, { className: "h-3.5 w-3.5" }),
             defaultLabel: "Edit",
             defaultVariant: "outline",
+            defaultSize: defaultActions.actionsSize,
             onClick: () => setEditItem(row)
           }
         ),
@@ -70976,6 +70980,7 @@ ${n2.shaderPreludeCode.vertexSource}`, define: n2.shaderDefine }, defaultProject
             defaultIcon: /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(Trash, { className: "h-3.5 w-3.5" }),
             defaultLabel: "Delete",
             defaultVariant: "danger",
+            defaultSize: defaultActions.actionsSize,
             onClick: () => setDeleteItem(row)
           }
         ),
@@ -70986,6 +70991,7 @@ ${n2.shaderPreludeCode.vertexSource}`, define: n2.shaderDefine }, defaultProject
             defaultIcon: extra.icon,
             defaultLabel: extra.label ?? extra.key,
             defaultVariant: extra.variant ?? "outline",
+            defaultSize: defaultActions.actionsSize,
             onClick: () => extra.onClick(row)
           },
           extra.key
@@ -71219,7 +71225,6 @@ ${n2.shaderPreludeCode.vertexSource}`, define: n2.shaderDefine }, defaultProject
           baseUrl: defaultActions.baseUrl,
           itemId: String(deleteItem[actionIdKey] ?? ""),
           notif: defaultActions.onSuccessNotif,
-          width: defaultActions.modalWidth,
           onClose: () => setDeleteItem(null),
           onSuccess: (deleted) => {
             setTableData((prev) => prev.filter((r2) => String(r2[actionIdKey]) !== String(deleted[actionIdKey])));

package/dist/index.js

@@ -6679,8 +6679,7 @@ function DeleteModal({
   itemId,
   onClose,
   onSuccess,
-  notif,
-  width
+  notif
 }) {
   const [loading, setLoading] = React28.useState(false);
   const [error, setError] = React28.useState(null);
@@ -6702,7 +6701,7 @@ function DeleteModal({
     {
       title: "Confirm Delete",
       onClose,
-      width,
+      width: "lg",
       footer: /* @__PURE__ */ jsxs30(Fragment11, { children: [
         /* @__PURE__ */ jsx32(Button, { variant: "outline", size: "sm", onClick: onClose, disabled: loading, children: "Cancel" }),
         /* @__PURE__ */ jsxs30(Button, { variant: "danger", size: "sm", onClick: handleDelete, disabled: loading, children: [
@@ -6722,17 +6721,19 @@ function ActionBtn({
   defaultIcon,
   defaultLabel,
   defaultVariant,
+  defaultSize,
   onClick
 }) {
   const mode = cfg?.displayMode ?? "icon";
   const icon = cfg?.icon ?? defaultIcon;
   const label = cfg?.label ?? defaultLabel;
+  const buttonSize = cfg?.size ?? defaultSize ?? "xs";
   return /* @__PURE__ */ jsx32(
     Button,
     {
       type: "button",
       title: label,
-      size: cfg?.size ?? "xs",
+      size: buttonSize,
       variant: cfg?.variant ?? defaultVariant,
       rounded: cfg?.rounded ?? "lg",
       gradientFrom: cfg?.gradientFrom,
@@ -6841,6 +6842,7 @@ function Table({
             defaultIcon: extra.icon,
             defaultLabel: extra.label ?? extra.key,
             defaultVariant: extra.variant ?? "outline",
+            defaultSize: defaultActions.actionsSize,
             onClick: () => extra.onClick(item)
           },
           extra.key
@@ -7219,7 +7221,6 @@ function Table({
         baseUrl: defaultActions.baseUrl,
         itemId: String(deleteItem[actionIdKey] ?? ""),
         notif: defaultActions.onSuccessNotif,
-        width: defaultActions.modalWidth,
         onClose: () => setDeleteItem(null),
         onSuccess: (deleted) => {
           setTableData(
@@ -7315,17 +7316,19 @@ function ActionBtn2({
   defaultIcon,
   defaultLabel,
   defaultVariant,
+  defaultSize,
   onClick
 }) {
   const mode = cfg?.displayMode ?? "icon";
   const icon = cfg?.icon ?? defaultIcon;
   const label = cfg?.label ?? defaultLabel;
+  const buttonSize = cfg?.size ?? defaultSize ?? "xs";
   return /* @__PURE__ */ jsx33(
     Button,
     {
       type: "button",
       title: label,
-      size: cfg?.size ?? "xs",
+      size: buttonSize,
       variant: cfg?.variant ?? defaultVariant,
       rounded: cfg?.rounded ?? "lg",
       gradientFrom: cfg?.gradientFrom,
@@ -7548,8 +7551,7 @@ function DGDeleteModal({
   itemId,
   onClose,
   onSuccess,
-  notif,
-  width
+  notif
 }) {
   const [loading, setLoading] = React29.useState(false);
   const [error, setError] = React29.useState(null);
@@ -7571,7 +7573,7 @@ function DGDeleteModal({
     {
       title: "Confirm Delete",
       onClose,
-      width,
+      width: "lg",
       footer: /* @__PURE__ */ jsxs31(Fragment12, { children: [
         /* @__PURE__ */ jsx33("button", { onClick: onClose, disabled: loading, className: "px-4 py-1.5 text-sm rounded-xl border border-border hover:bg-accent transition-colors", children: "Cancel" }),
         /* @__PURE__ */ jsxs31("button", { onClick: handleDelete, disabled: loading, className: "px-4 py-1.5 text-sm rounded-xl bg-danger text-danger-foreground hover:bg-danger-hover transition-colors flex items-center gap-1.5", children: [
@@ -7692,6 +7694,7 @@ function DataGrid({
           defaultIcon: /* @__PURE__ */ jsx33(Eye3, { className: "h-3.5 w-3.5" }),
           defaultLabel: "View",
           defaultVariant: "outline",
+          defaultSize: defaultActions.actionsSize,
           onClick: () => setViewItem(row)
         }
       ),
@@ -7702,6 +7705,7 @@ function DataGrid({
           defaultIcon: /* @__PURE__ */ jsx33(Pencil3, { className: "h-3.5 w-3.5" }),
           defaultLabel: "Edit",
           defaultVariant: "outline",
+          defaultSize: defaultActions.actionsSize,
           onClick: () => setEditItem(row)
         }
       ),
@@ -7712,6 +7716,7 @@ function DataGrid({
           defaultIcon: /* @__PURE__ */ jsx33(Trash4, { className: "h-3.5 w-3.5" }),
           defaultLabel: "Delete",
           defaultVariant: "danger",
+          defaultSize: defaultActions.actionsSize,
           onClick: () => setDeleteItem(row)
         }
       ),
@@ -7722,6 +7727,7 @@ function DataGrid({
           defaultIcon: extra.icon,
           defaultLabel: extra.label ?? extra.key,
           defaultVariant: extra.variant ?? "outline",
+          defaultSize: defaultActions.actionsSize,
           onClick: () => extra.onClick(row)
         },
         extra.key
@@ -7955,7 +7961,6 @@ function DataGrid({
         baseUrl: defaultActions.baseUrl,
         itemId: String(deleteItem[actionIdKey] ?? ""),
         notif: defaultActions.onSuccessNotif,
-        width: defaultActions.modalWidth,
         onClose: () => setDeleteItem(null),
         onSuccess: (deleted) => {
           setTableData((prev) => prev.filter((r) => String(r[actionIdKey]) !== String(deleted[actionIdKey])));

package/package.json

@@ -4,7 +4,7 @@
     "registry": "https://registry.npmjs.org/",
     "access": "public"
   },
-  "version": "3.2.8",
+  "version": "3.3.0",
   "description": "Reusable React UI components",
   "license": "MIT",
   "main": "dist/index.js",