@kingteza/crud-component 1.15.2 → 1.16.0

package/dist/crud/CrudComponent.cjs.js

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

package/dist/crud/CrudComponent.d.ts

@@ -54,7 +54,7 @@ export interface InitialCrudField<T> {
         hidden?: boolean;
     };
     hideLabel?: boolean;
-    sorter?: ColumnType<T>['sorter'];
+    sorter?: ColumnType<T>["sorter"];
 }
 export type CrudFieldGrid = {
     xs?: number;
@@ -269,6 +269,9 @@ export type CrudComponentProps<T, FormType = T> = {
     newButtonProps?: ButtonProps;
     draggable?: CrudDragableProps<T>;
     size?: SizeType;
+    headerRender?: (props: {
+        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, ...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, cloneable, fullWidthModal, wizard, extraView, importable, onClickNew, newButtonProps, size, headerRender, ...props }: CrudComponentProps<T, FormType>): import("react/jsx-runtime").JSX.Element;
 export default CrudComponent;

package/dist/crud/CrudComponent.es.js

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

package/package.json

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