@kingteza/crud-component 1.20.0 → 1.21.1

package/dist/crud/CrudComponent.cjs.js

@@ -1 +1 @@
-"use strict";const e=require("react/jsx-runtime"),q=require("antd"),n=require("react"),T=require("./modal/index.cjs.js"),X=require("./import/CrudImportButton.cjs.js"),Y=require("./view/CrudViewer.cjs.js"),Z=require("../common/button/NewButton.cjs.js"),$=require("../common/button/PrintButton.cjs.js");function p({idField:x="id",onCreate:h,onDelete:N,onHide:v,onUpdate:t,onClickUpdate:d,fields:r,data:b,grid:g,isHiding:R,isCreating:y,isDeleting:B,isUpdating:M,paginateProps:S,onPrint:k,printing:I,viewable:O,loadingData:V,formBuilder:W,extraAction:_,minusHeight:w,scroll:z,cloneable:A,fullWidthModal:D=!0,wizard:E,extraView:F,importable:j,onClickNew:l,newButtonProps:c,size:G,headerRender:i,...H}){const a=n.useRef(null),J=n.useCallback(()=>{var s;(s=a.current)==null||s.create()},[]),o=n.useCallback(async(s,C=!0,Q=!1)=>{var f;await((f=a.current)==null?void 0:f.update(s,C,Q))},[]),K=n.useCallback(async s=>{o(s,!1,!0)},[o]),{onClick:U,...m}=n.useMemo(()=>c||{},[c]),u=n.useMemo(()=>e.jsx(Z.NewButton,{onClick:(s,C)=>{l?l():c!=null&&c.onClick?c.onClick(C):J()},className:"flex-1",...m}),[l,c,m]),L=n.useCallback(()=>i?i({newButton:u}):u,[u,i]);return e.jsxs(e.Fragment,{children:[e.jsxs(q.Space,{direction:"vertical",className:"w-100",children:[e.jsxs("div",{className:"w-100 d-flex",children:[e.jsx("div",{children:L()}),e.jsxs(q.Space,{children:[!!k&&e.jsx($.PrintButton,{className:"float-right",loading:I,onClick:k}),!!j&&e.jsx(X,{fields:r,importProps:j})]})]}),e.jsx(Y,{...H,minusHeight:w,scroll:z,data:b,size:G,fields:r,extraAction:_,idField:x,isDeleting:B,loadingData:V,onClickUpdate:d||(t?o:void 0),onHide:v,isHiding:R,onDelete:N,onUpdate:t,onClickClone:A?K:void 0,paginateProps:S,viewable:O,extraView:F})]}),e.jsx(T,{ref:a,fields:r,wizard:E,grid:g,fullWidthModal:D,isCreating:y,isUpdating:M,onCreate:h,onUpdate:t,idField:x,formBuilder:W})]})}module.exports=p;
+"use strict";const e=require("react/jsx-runtime"),q=require("antd"),n=require("react"),X=require("./modal/index.cjs.js"),Y=require("./import/CrudImportButton.cjs.js"),Z=require("./view/CrudViewer.cjs.js"),$=require("../common/button/NewButton.cjs.js"),p=require("../common/button/PrintButton.cjs.js");function U({idField:x="id",onCreate:h,onDelete:N,onHide:v,onUpdate:t,onClickUpdate:d,fields:l,data:b,grid:g,isHiding:R,isCreating:y,isDeleting:B,isUpdating:M,paginateProps:S,onPrint:k,printing:I,viewable:O,loadingData:V,formBuilder:W,extraAction:_,minusHeight:w,scroll:z,cloneable:A,fullWidthModal:D=!0,wizard:E,extraView:F,importable:m,onClickNew:r,newButtonProps:c,size:G,headerRender:i,actionWidth:H,...J}){const a=n.useRef(null),K=n.useCallback(()=>{var s;(s=a.current)==null||s.create()},[]),o=n.useCallback(async(s,C=!0,T=!1)=>{var j;await((j=a.current)==null?void 0:j.update(s,C,T))},[]),L=n.useCallback(async s=>{o(s,!1,!0)},[o]),{onClick:P,...f}=n.useMemo(()=>c||{},[c]),u=n.useMemo(()=>e.jsx($.NewButton,{onClick:(s,C)=>{r?r():c!=null&&c.onClick?c.onClick(C):K()},className:"flex-1",...f}),[r,c,f]),Q=n.useCallback(()=>i?i({newButton:u}):u,[u,i]);return e.jsxs(e.Fragment,{children:[e.jsxs(q.Space,{direction:"vertical",className:"w-100",children:[e.jsxs("div",{className:"w-100 d-flex",children:[e.jsx("div",{className:"flex-1",children:Q()}),e.jsxs(q.Space,{children:[!!k&&e.jsx(p.PrintButton,{className:"float-right",loading:I,onClick:k}),!!m&&e.jsx(Y,{fields:l,importProps:m})]})]}),e.jsx(Z,{...J,minusHeight:w,scroll:z,data:b,size:G,fields:l,extraAction:_,actionWidth:H,idField:x,isDeleting:B,loadingData:V,onClickUpdate:d||(t?o:void 0),onHide:v,isHiding:R,onDelete:N,onUpdate:t,onClickClone:A?L:void 0,paginateProps:S,viewable:O,extraView:F})]}),e.jsx(X,{ref:a,fields:l,wizard:E,grid:g,fullWidthModal:D,isCreating:y,isUpdating:M,onCreate:h,onUpdate:t,idField:x,formBuilder:W})]})}module.exports=U;

package/dist/crud/CrudComponent.d.ts

@@ -263,6 +263,7 @@ export type CrudComponentProps<T, FormType = T> = {
     fullWidthModal?: boolean;
     wizard?: CrudWizardProp<T>[];
     extraView?: (t: T) => React.ReactElement;
+    actionWidth?: string | number | undefined;
     importable?: CrudImportProps<T>;
     /**
      * @deprecated Use {@link CrudComponentProps.newButtonProps?.onClick} instead.
@@ -275,5 +276,5 @@ export type CrudComponentProps<T, FormType = T> = {
         newButton: JSX.Element;
     }) => React.ReactElement;
 } & CrudSearchComponentProps<T, FormType>;
-declare function CrudComponent<T, FormType = T>({ idField, onCreate, onDelete, onHide, onUpdate, onClickUpdate, fields, data, grid, isHiding, isCreating, isDeleting, isUpdating, paginateProps, onPrint, printing, viewable, loadingData, formBuilder, extraAction, minusHeight, scroll, cloneable, fullWidthModal, wizard, extraView, importable, onClickNew, newButtonProps, size, headerRender, ...props }: CrudComponentProps<T, FormType>): import("react/jsx-runtime").JSX.Element;
+declare function CrudComponent<T, FormType = T>({ idField, onCreate, onDelete, onHide, onUpdate, onClickUpdate, fields, data, grid, isHiding, isCreating, isDeleting, isUpdating, paginateProps, onPrint, printing, viewable, loadingData, formBuilder, extraAction, minusHeight, scroll, cloneable, fullWidthModal, wizard, extraView, importable, onClickNew, newButtonProps, size, headerRender, actionWidth, ...props }: CrudComponentProps<T, FormType>): import("react/jsx-runtime").JSX.Element;
 export default CrudComponent;

package/dist/crud/CrudComponent.es.js

@@ -1,12 +1,12 @@
-import { jsx as e, jsxs as l, Fragment as Y } from "react/jsx-runtime";
-import { Space as x } from "antd";
-import { useRef as Z, useCallback as c, useMemo as N } from "react";
-import $ from "./modal/index.es.js";
-import w from "./import/CrudImportButton.es.js";
-import U from "./view/CrudViewer.es.js";
-import { NewButton as P } from "../common/button/NewButton.es.js";
-import { PrintButton as oo } from "../common/button/PrintButton.es.js";
-function so({
+import { jsx as r, jsxs as l, Fragment as Z } from "react/jsx-runtime";
+import { Space as N } from "antd";
+import { useRef as $, useCallback as c, useMemo as v } from "react";
+import w from "./modal/index.es.js";
+import U from "./import/CrudImportButton.es.js";
+import P from "./view/CrudViewer.es.js";
+import { NewButton as ee } from "../common/button/NewButton.es.js";
+import { PrintButton as oe } from "../common/button/PrintButton.es.js";
+function fe({
   idField: C = "id",
   onCreate: g,
   onDelete: j,
@@ -34,65 +34,67 @@ function so({
   wizard: G,
   extraView: H,
   importable: h,
-  onClickNew: n,
-  newButtonProps: o,
+  onClickNew: a,
+  newButtonProps: e,
   size: J,
-  headerRender: a,
-  ...K
+  headerRender: n,
+  actionWidth: K,
+  ...L
 }) {
-  const m = Z(null), L = c(() => {
-    var r;
-    (r = m.current) == null || r.create();
+  const m = $(null), Q = c(() => {
+    var o;
+    (o = m.current) == null || o.create();
   }, []), s = c(
-    async (r, u = !0, X = !1) => {
-      var v;
-      await ((v = m.current) == null ? void 0 : v.update(r, u, X));
+    async (o, u = !0, Y = !1) => {
+      var x;
+      await ((x = m.current) == null ? void 0 : x.update(o, u, Y));
     },
     []
-  ), Q = c(
-    async (r) => {
-      s(r, !1, !0);
+  ), T = c(
+    async (o) => {
+      s(o, !1, !0);
     },
     [s]
-  ), { onClick: ro, ...p } = N(() => o || {}, [o]), f = N(
-    () => /* @__PURE__ */ e(
-      P,
+  ), { onClick: re, ...p } = v(() => e || {}, [e]), f = v(
+    () => /* @__PURE__ */ r(
+      ee,
       {
-        onClick: (r, u) => {
-          n ? n() : o != null && o.onClick ? o.onClick(u) : L();
+        onClick: (o, u) => {
+          a ? a() : e != null && e.onClick ? e.onClick(u) : Q();
         },
         className: "flex-1",
         ...p
       }
     ),
-    [n, o, p]
-  ), T = c(() => a ? a({ newButton: f }) : f, [f, a]);
-  return /* @__PURE__ */ l(Y, { children: [
-    /* @__PURE__ */ l(x, { direction: "vertical", className: "w-100", children: [
+    [a, e, p]
+  ), X = c(() => n ? n({ newButton: f }) : f, [f, n]);
+  return /* @__PURE__ */ l(Z, { children: [
+    /* @__PURE__ */ l(N, { direction: "vertical", className: "w-100", children: [
       /* @__PURE__ */ l("div", { className: "w-100 d-flex", children: [
-        /* @__PURE__ */ e("div", { children: T() }),
-        /* @__PURE__ */ l(x, { children: [
-          !!k && /* @__PURE__ */ e(
-            oo,
+        /* @__PURE__ */ r("div", { className: "flex-1", children: X() }),
+        /* @__PURE__ */ l(N, { children: [
+          !!k && /* @__PURE__ */ r(
+            oe,
             {
               className: "float-right",
               loading: _,
               onClick: k
             }
           ),
-          !!h && /* @__PURE__ */ e(w, { fields: t, importProps: h })
+          !!h && /* @__PURE__ */ r(U, { fields: t, importProps: h })
         ] })
       ] }),
-      /* @__PURE__ */ e(
-        U,
+      /* @__PURE__ */ r(
+        P,
         {
-          ...K,
+          ...L,
           minusHeight: B,
           scroll: D,
           data: M,
           size: J,
           fields: t,
           extraAction: A,
+          actionWidth: K,
           idField: C,
           isDeleting: S,
           loadingData: q,
@@ -101,15 +103,15 @@ function so({
           isHiding: O,
           onDelete: j,
           onUpdate: i,
-          onClickClone: E ? Q : void 0,
+          onClickClone: E ? T : void 0,
           paginateProps: W,
           viewable: b,
           extraView: H
         }
       )
     ] }),
-    /* @__PURE__ */ e(
-      $,
+    /* @__PURE__ */ r(
+      w,
       {
         ref: m,
         fields: t,
@@ -127,5 +129,5 @@ function so({
   ] });
 }
 export {
-  so as default
+  fe as default
 };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@kingteza/crud-component",
   "private": false,
-  "version": "1.20.0",
+  "version": "1.21.1",
   "description": "React CRUD component library with Ant Design",
   "keywords": [
     "react",