@kingteza/crud-component 1.19.0 → 1.21.0

package/dist/crud/CrudComponent.cjs.js

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

@@ -1,6 +1,6 @@
 import { ButtonProps, ColorPickerProps } from 'antd';
 import { Rule } from 'antd/es/form';
-import { FormInstance, FormItemProps, TablePaginationConfig } from 'antd/lib';
+import { FormInstance, FormItemProps, TablePaginationConfig, TableProps } from 'antd/lib';
 import { Dayjs } from 'dayjs';
 import { default as React, ReactElement, ReactNode } from 'react';
 import { CrudSearchComponentProps } from './CrudSearchComponent';
@@ -258,10 +258,12 @@ export type CrudComponentProps<T, FormType = T> = {
     paginateProps?: CrudPaginateProps;
     formBuilder?: FormBuilderFunc<T>;
     minusHeight?: string;
+    scroll?: TableProps<T>["scroll"];
     cloneable?: boolean;
     fullWidthModal?: boolean;
     wizard?: CrudWizardProp<T>[];
     extraView?: (t: T) => React.ReactElement;
+    actionWidth?: string | number | undefined;
     importable?: CrudImportProps<T>;
     /**
      * @deprecated Use {@link CrudComponentProps.newButtonProps?.onClick} instead.
@@ -274,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, 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 X } from "react/jsx-runtime";
+import { jsx as e, jsxs as l, Fragment as Z } from "react/jsx-runtime";
 import { Space as x } from "antd";
-import { useRef as Y, useCallback as c, useMemo as N } from "react";
-import Z from "./modal/index.es.js";
-import $ from "./import/CrudImportButton.es.js";
-import w from "./view/CrudViewer.es.js";
-import { NewButton as U } from "../common/button/NewButton.es.js";
-import { PrintButton as P } from "../common/button/PrintButton.es.js";
-function mo({
+import { useRef as $, useCallback as c, useMemo as N } 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 oo } from "../common/button/NewButton.es.js";
+import { PrintButton as ro } from "../common/button/PrintButton.es.js";
+function fo({
   idField: C = "id",
   onCreate: g,
   onDelete: j,
@@ -28,69 +28,73 @@ function mo({
   formBuilder: z,
   extraAction: A,
   minusHeight: B,
-  cloneable: D,
-  fullWidthModal: E = !0,
-  wizard: F,
-  extraView: G,
+  scroll: D,
+  cloneable: E,
+  fullWidthModal: F = !0,
+  wizard: G,
+  extraView: H,
   importable: h,
   onClickNew: n,
   newButtonProps: o,
-  size: H,
+  size: J,
   headerRender: a,
-  ...J
+  actionWidth: K,
+  ...L
 }) {
-  const m = Y(null), K = c(() => {
+  const m = $(null), Q = c(() => {
     var r;
     (r = m.current) == null || r.create();
   }, []), s = c(
-    async (r, u = !0, T = !1) => {
+    async (r, u = !0, Y = !1) => {
       var v;
-      await ((v = m.current) == null ? void 0 : v.update(r, u, T));
+      await ((v = m.current) == null ? void 0 : v.update(r, u, Y));
     },
     []
-  ), L = c(
+  ), T = c(
     async (r) => {
       s(r, !1, !0);
     },
     [s]
-  ), { onClick: oo, ...p } = N(() => o || {}, [o]), f = N(
+  ), { onClick: eo, ...p } = N(() => o || {}, [o]), f = N(
     () => /* @__PURE__ */ e(
-      U,
+      oo,
       {
         onClick: (r, u) => {
-          n ? n() : o != null && o.onClick ? o.onClick(u) : K();
+          n ? n() : o != null && o.onClick ? o.onClick(u) : Q();
         },
         className: "flex-1",
         ...p
       }
     ),
     [n, o, p]
-  ), Q = c(() => a ? a({ newButton: f }) : f, [f, a]);
-  return /* @__PURE__ */ l(X, { children: [
+  ), X = c(() => a ? a({ newButton: f }) : f, [f, a]);
+  return /* @__PURE__ */ l(Z, { children: [
     /* @__PURE__ */ l(x, { direction: "vertical", className: "w-100", children: [
       /* @__PURE__ */ l("div", { className: "w-100 d-flex", children: [
-        /* @__PURE__ */ e("div", { children: Q() }),
+        /* @__PURE__ */ e("div", { children: X() }),
         /* @__PURE__ */ l(x, { children: [
           !!k && /* @__PURE__ */ e(
-            P,
+            ro,
             {
               className: "float-right",
               loading: _,
               onClick: k
             }
           ),
-          !!h && /* @__PURE__ */ e($, { fields: t, importProps: h })
+          !!h && /* @__PURE__ */ e(U, { fields: t, importProps: h })
         ] })
       ] }),
       /* @__PURE__ */ e(
-        w,
+        P,
         {
-          ...J,
+          ...L,
           minusHeight: B,
+          scroll: D,
           data: M,
-          size: H,
+          size: J,
           fields: t,
           extraAction: A,
+          actionWidth: K,
           idField: C,
           isDeleting: S,
           loadingData: q,
@@ -99,21 +103,21 @@ function mo({
           isHiding: O,
           onDelete: j,
           onUpdate: i,
-          onClickClone: D ? L : void 0,
+          onClickClone: E ? T : void 0,
           paginateProps: W,
           viewable: b,
-          extraView: G
+          extraView: H
         }
       )
     ] }),
     /* @__PURE__ */ e(
-      Z,
+      w,
       {
         ref: m,
         fields: t,
-        wizard: F,
+        wizard: G,
         grid: I,
-        fullWidthModal: E,
+        fullWidthModal: F,
         isCreating: R,
         isUpdating: V,
         onCreate: g,
@@ -125,5 +129,5 @@ function mo({
   ] });
 }
 export {
-  mo as default
+  fo as default
 };

package/package.json

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