@kingteza/crud-component 1.0.36 → 1.0.38
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/common/appearance/index.d.ts +1 -0
- package/common/index.cjs.js +1 -1
- package/common/index.d.ts +19 -22
- package/common/index.es.js +58 -57
- package/crud/CrudField.cjs.js +1 -1
- package/crud/CrudField.es.js +6 -6
- package/crud/CrudFormWizard.cjs.js +1 -1
- package/crud/CrudFormWizard.es.js +1 -1
- package/crud/CrudReportComponent.cjs.js +1 -1
- package/crud/CrudReportComponent.es.js +12 -12
- package/crud/view/CrudViewer.cjs.js +1 -1
- package/crud/view/CrudViewer.es.js +14 -14
- package/package.json +2 -2
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { default as Hider } from './Hider';
|
package/common/index.cjs.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./show-more/index.cjs.js"),t=require("./text/index.cjs.js"),o=require("./appearance/Hider.cjs.js"),r=require("./button/CloneButtonTable.cjs.js"),n=require("./button/DeleteButtonTable.cjs.js"),i=require("./button/HideButtonTable.cjs.js"),u=require("./button/UnHideButton.cjs.js"),c=require("./button/UpdateButtonTable.cjs.js"),s=require("./button/ViewButtonTable.cjs.js"),a=require("./description/DescList.cjs.js"),l=require("./layout/VerticalSpace.cjs.js"),q=require("./loading/LoadingIndicator.cjs.js"),d=require("./select/CustomSelectOption.cjs.js"),p=require("./table/table.cjs.js"),B=require("./tag/StatusTag.cjs.js"),T=require("./text-field/PhoneNumberField.cjs.js"),m=require("./tooltip/TooltipComponent.cjs.js"),b=require("./wizard/WizardResult.cjs.js"),C=require("./wizard/WizardViewForm.cjs.js"),x=require("./button/Button.cjs.js"),S=require("./button/ExportButton.cjs.js"),R=require("./button/ImportButton.cjs.js"),h=require("./button/NewButton.cjs.js"),w=require("./button/PrintButton.cjs.js"),P=require("./button/RefreshButton.cjs.js"),F=require("./check-box/CheckBox.cjs.js"),I=require("./date-picker/DatePicker.cjs.js"),V=require("./date-picker/TimePicker.cjs.js"),g=require("./picker/ImagePicker.cjs.js"),k=require("./radio/RadioGroupComponent.cjs.js"),f=require("./report/SelectFieldInReport.cjs.js"),W=require("./select/SelectComponent.cjs.js"),D=require("./tab/TabViewWithRoute.cjs.js"),H=require("./text/title/index.cjs.js"),N=require("./text-field/NumberField.cjs.js"),z=require("./text-field/TextField.cjs.js"),L=require("./text-field/TextArea.cjs.js");exports.ShowMore=e.ShowMore;exports.Text=t.Text;exports.Hider=o;exports.CloneButtonTable=r;exports.DeleteButtonTable=n;exports.HideButtonTable=i;exports.UnHideButton=u;exports.UpdateButtonTable=c;exports.ViewButtonTable=s;exports.DescList=a;exports.VerticalSpace=l;exports.LoadingIndicator=q;exports.CustomSelectOption=d;exports.TableComponent=p;exports.StatusTag=B;exports.PhoneField=T;exports.TooltipComponent=m;exports.WizardResult=b;exports.WizardViewForm=C;exports.ButtonComponent=x;exports.ExportButton=S.ExportButton;exports.ImportButton=R.ImportButton;exports.NewButton=h.NewButton;exports.PrintButton=w.PrintButton;exports.RefreshButton=P.RefreshButton;exports.CheckBoxComponent=F;exports.DatePickerComponent=I;exports.TimePickerComponent=V;exports.ImagePicker=g.default;exports.RadioGroupComponent=k;exports.SelectFieldInReport=f.SelectFieldInReport;exports.SelectComponent=W;exports.TabViewWithRoute=D.TabViewWithRoute;exports.Title=H.Title;exports.NumberTextField=N;exports.TextField=z.default;exports.TextAreaComponent=L.default;
|
package/common/index.d.ts
CHANGED
|
@@ -1,22 +1,19 @@
|
|
|
1
|
-
export
|
|
2
|
-
export
|
|
3
|
-
export
|
|
4
|
-
export
|
|
5
|
-
export
|
|
6
|
-
export
|
|
7
|
-
export
|
|
8
|
-
export
|
|
9
|
-
export
|
|
10
|
-
export
|
|
11
|
-
export
|
|
12
|
-
export
|
|
13
|
-
export
|
|
14
|
-
export
|
|
15
|
-
export
|
|
16
|
-
export
|
|
17
|
-
export
|
|
18
|
-
export
|
|
19
|
-
export
|
|
20
|
-
export { TooltipComponent } from './tooltip';
|
|
21
|
-
export { WizardResult } from './wizard';
|
|
22
|
-
export { WizardViewForm } from './wizard';
|
|
1
|
+
export * from './appearance';
|
|
2
|
+
export * from './button';
|
|
3
|
+
export * from './check-box';
|
|
4
|
+
export * from './date-picker';
|
|
5
|
+
export * from './description';
|
|
6
|
+
export * from './layout';
|
|
7
|
+
export * from './loading';
|
|
8
|
+
export * from './picker';
|
|
9
|
+
export * from './radio';
|
|
10
|
+
export * from './report';
|
|
11
|
+
export * from './select';
|
|
12
|
+
export * from './show-more';
|
|
13
|
+
export * from './tab';
|
|
14
|
+
export * from './table';
|
|
15
|
+
export * from './tag';
|
|
16
|
+
export * from './text';
|
|
17
|
+
export * from './text-field';
|
|
18
|
+
export * from './tooltip';
|
|
19
|
+
export * from './wizard';
|
package/common/index.es.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { ShowMore as o } from "./show-more/index.es.js";
|
|
2
2
|
import { Text as a } from "./text/index.es.js";
|
|
3
|
-
import {
|
|
3
|
+
import { default as p } from "./appearance/Hider.es.js";
|
|
4
4
|
import { default as l } from "./button/CloneButtonTable.es.js";
|
|
5
5
|
import { default as x } from "./button/DeleteButtonTable.es.js";
|
|
6
6
|
import { default as n } from "./button/HideButtonTable.es.js";
|
|
@@ -8,68 +8,69 @@ import { default as i } from "./button/UnHideButton.es.js";
|
|
|
8
8
|
import { default as B } from "./button/UpdateButtonTable.es.js";
|
|
9
9
|
import { default as c } from "./button/ViewButtonTable.es.js";
|
|
10
10
|
import { default as S } from "./description/DescList.es.js";
|
|
11
|
-
import { default as w } from "./
|
|
12
|
-
import { default as P } from "./
|
|
13
|
-
import { default as k } from "./
|
|
14
|
-
import { default as V } from "./
|
|
15
|
-
import { default as D } from "./
|
|
16
|
-
import { default as
|
|
17
|
-
import { default as L } from "./
|
|
18
|
-
import { default as U } from "./wizard/
|
|
19
|
-
import { default as E } from "./
|
|
20
|
-
import { default as M } from "./
|
|
21
|
-
import {
|
|
22
|
-
import {
|
|
23
|
-
import {
|
|
24
|
-
import {
|
|
25
|
-
import {
|
|
26
|
-
import {
|
|
27
|
-
import { default as
|
|
28
|
-
import { default as
|
|
29
|
-
import { default as
|
|
30
|
-
import {
|
|
31
|
-
import {
|
|
32
|
-
import {
|
|
33
|
-
import {
|
|
34
|
-
import {
|
|
35
|
-
import { default as
|
|
36
|
-
import { default as
|
|
11
|
+
import { default as w } from "./layout/VerticalSpace.es.js";
|
|
12
|
+
import { default as P } from "./loading/LoadingIndicator.es.js";
|
|
13
|
+
import { default as k } from "./select/CustomSelectOption.es.js";
|
|
14
|
+
import { default as V } from "./table/table.es.js";
|
|
15
|
+
import { default as D } from "./tag/StatusTag.es.js";
|
|
16
|
+
import { default as W } from "./text-field/PhoneNumberField.es.js";
|
|
17
|
+
import { default as L } from "./tooltip/TooltipComponent.es.js";
|
|
18
|
+
import { default as U } from "./wizard/WizardResult.es.js";
|
|
19
|
+
import { default as E } from "./wizard/WizardViewForm.es.js";
|
|
20
|
+
import { default as M } from "./button/Button.es.js";
|
|
21
|
+
import { ExportButton as j } from "./button/ExportButton.es.js";
|
|
22
|
+
import { ImportButton as v } from "./button/ImportButton.es.js";
|
|
23
|
+
import { NewButton as J } from "./button/NewButton.es.js";
|
|
24
|
+
import { PrintButton as Q } from "./button/PrintButton.es.js";
|
|
25
|
+
import { RefreshButton as Y } from "./button/RefreshButton.es.js";
|
|
26
|
+
import { default as _ } from "./check-box/CheckBox.es.js";
|
|
27
|
+
import { default as ee } from "./date-picker/DatePicker.es.js";
|
|
28
|
+
import { default as oe } from "./date-picker/TimePicker.es.js";
|
|
29
|
+
import { default as ae } from "./picker/ImagePicker.es.js";
|
|
30
|
+
import { default as pe } from "./radio/RadioGroupComponent.es.js";
|
|
31
|
+
import { SelectFieldInReport as le } from "./report/SelectFieldInReport.es.js";
|
|
32
|
+
import { default as xe } from "./select/SelectComponent.es.js";
|
|
33
|
+
import { TabViewWithRoute as ne } from "./tab/TabViewWithRoute.es.js";
|
|
34
|
+
import { Title as ie } from "./text/title/index.es.js";
|
|
35
|
+
import { default as Be } from "./text-field/NumberField.es.js";
|
|
36
|
+
import { default as ce } from "./text-field/TextField.es.js";
|
|
37
|
+
import { default as Se } from "./text-field/TextArea.es.js";
|
|
37
38
|
export {
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
et as CheckBoxComponent,
|
|
39
|
+
M as ButtonComponent,
|
|
40
|
+
_ as CheckBoxComponent,
|
|
41
41
|
l as CloneButtonTable,
|
|
42
|
-
|
|
43
|
-
|
|
42
|
+
k as CustomSelectOption,
|
|
43
|
+
ee as DatePickerComponent,
|
|
44
44
|
x as DeleteButtonTable,
|
|
45
45
|
S as DescList,
|
|
46
|
-
|
|
46
|
+
j as ExportButton,
|
|
47
47
|
n as HideButtonTable,
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
48
|
+
p as Hider,
|
|
49
|
+
ae as ImagePicker,
|
|
50
|
+
v as ImportButton,
|
|
51
|
+
P as LoadingIndicator,
|
|
52
|
+
J as NewButton,
|
|
53
|
+
Be as NumberTextField,
|
|
54
|
+
W as PhoneField,
|
|
55
|
+
Q as PrintButton,
|
|
56
|
+
pe as RadioGroupComponent,
|
|
57
|
+
Y as RefreshButton,
|
|
58
|
+
xe as SelectComponent,
|
|
59
|
+
le as SelectFieldInReport,
|
|
60
|
+
o as ShowMore,
|
|
61
|
+
D as StatusTag,
|
|
62
|
+
ne as TabViewWithRoute,
|
|
63
|
+
V as TableComponent,
|
|
63
64
|
a as Text,
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
65
|
+
Se as TextAreaComponent,
|
|
66
|
+
ce as TextField,
|
|
67
|
+
oe as TimePickerComponent,
|
|
68
|
+
ie as Title,
|
|
69
|
+
L as TooltipComponent,
|
|
69
70
|
i as UnHideButton,
|
|
70
71
|
B as UpdateButtonTable,
|
|
71
|
-
|
|
72
|
+
w as VerticalSpace,
|
|
72
73
|
c as ViewButtonTable,
|
|
73
|
-
|
|
74
|
-
|
|
74
|
+
U as WizardResult,
|
|
75
|
+
E as WizardViewForm
|
|
75
76
|
};
|
package/crud/CrudField.cjs.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("react/jsx-runtime"),v=require("antd"),q=require("react"),D=require("react-highlight-words"),W=require("react-i18next"),G=require("../locale/hooks/translation-constants.cjs.js"),$=require("./FileCrudField.cjs.js"),z=require("./ImageCrudField.cjs.js"),J=require("../common/
|
|
1
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("react/jsx-runtime"),v=require("antd"),q=require("react"),D=require("react-highlight-words"),W=require("react-i18next"),G=require("../locale/hooks/translation-constants.cjs.js"),$=require("./FileCrudField.cjs.js"),z=require("./ImageCrudField.cjs.js"),J=require("../common/check-box/CheckBox.cjs.js"),K=require("../common/date-picker/DatePicker.cjs.js"),Q=require("../common/date-picker/TimePicker.cjs.js"),L=require("../common/select/SelectComponent.cjs.js"),X=require("../common/text-field/NumberField.cjs.js"),Y=require("../common/text-field/TextField.cjs.js"),Z=require("../common/text-field/TextArea.cjs.js"),V=require("../common/tooltip/TooltipComponent.cjs.js");function ee(F){const{label:o,name:c,type:p,required:i,hidden:N,rules:m=[],updatable:h=!0,readonly:S=!1,fieldClassName:C,customFormFieldRender:w,fieldTooltip:b,...e}=F,g=v.Form.useFormInstance();q.useEffect(()=>{if(p==="select"){const{items:a=[],onSearch:n,searchOnType:l}=e;!(a!=null&&a.length)&&!l&&(n==null||n(void 0,g,e==null?void 0:e.updatingValue))}},[g,e,p,e==null?void 0:e.updatingValue]);const{t:T}=W.useTranslation(G.TRANSLATION_NAMESPACE);if(S||N)return t.jsx(t.Fragment,{});if(w)return w(g,F);switch(p){case"text":case"email":case"password":{const{onChange:a,placeholder:n}=e;return t.jsx(Y.default,{placeholder:n,disabled:!h,rules:m,required:i,onChange:a?l=>a(l,g):void 0,type:p,name:c,tooltip:b,label:o,className:C,autoComplete:"new-password"})}case"number":{const{onChange:a,placeholder:n,allowMinus:l}=e;return t.jsx(X,{placeholder:n,disabled:!h,moneyField:!!e.formatted,type:p,onChange:a?f=>a(f,g):void 0,rules:m,autoComplete:"false",required:i,tooltip:b,className:C,min:l?null:void 0,name:c,label:o})}case"date":{const{range:a,disableToday:n,disabledFutureDays:l,disabledPastDays:f,onChange:x,placeholder:u,format:y}=e;return t.jsx(K,{placeholder:u,required:i,disabled:!h,type:p,format:y,tooltip:b,range:a,name:c,label:o,onChange:x?s=>x(s,g):void 0,className:C,disableToday:n,disabledFutureDays:l,disabledPastDays:f})}case"time":{const{range:a=!1,disableCurrent:n,disabledFuture:l,disabledPast:f,onChange:x,use12Hours:u,format:y,placeholder:s}=e;return t.jsx(Q,{placeholder:s,required:i,format:y,disabled:!h,type:p,tooltip:b,range:a,use12Hours:u,name:c,label:o,onChange:x?j=>x(j,g):void 0,className:C,disableCurrent:n,disabledFuture:l,disabledPast:f})}case"textarea":{const{onChange:a,placeholder:n,rows:l,cols:f}=e;return t.jsx(Z.default,{rules:m,placeholder:n,onChange:a?x=>{var u;return a((u=x==null?void 0:x.target)==null?void 0:u.value,g)}:void 0,tooltip:b,required:i,disabled:!h,name:c,label:o,className:C,rows:l,cols:f})}case"image":return t.jsx(z.default,{...e,required:i,name:c,label:o,rules:m,fieldClassName:C,onRemoved:e.onRemoved,onUploading:e.onUploading,provider:e.provider});case"file":return t.jsx($.default,{...e,required:i,name:c,label:o,rules:m,fieldClassName:C,onRemoved:e.onRemoved,onUploading:e.onUploading,provider:e.provider});case"select":return t.jsx(B,{...e,required:i,name:c,label:o,rules:m,fieldClassName:C,form:g,updatable:h,readonly:S,fieldTooltip:b});case"enum":{const{enum:a,radio:n=!1,translation:l,onChange:f,onSearch:x,multiple:u}=e,y=Array.isArray(a)?a:Object.keys(a);return n?t.jsx(v.Form.Item,{...e,name:c,required:i,tooltip:b,rules:m,label:o,className:["w-100",C].join(" "),children:t.jsx(v.Radio.Group,{...e,onChange:f?s=>{var j;return f((j=s==null?void 0:s.target)==null?void 0:j.value,g)}:void 0,children:y.map(s=>t.jsx(v.Radio,{disabled:!h,value:s,children:l?T(l[s]):s},s))})}):t.jsx(L,{...e,onChange:f?s=>f(s,g):void 0,className:["w-100",C].join(" "),name:c,items:y,required:i,tooltip:b,rules:m,label:o,disabled:!h,onSearch:x?s=>x(s,g):void 0,allowClear:!0,mode:u?"multiple":void 0,itemBuilder:s=>t.jsx(v.Select.Option,{value:s,children:l?T(l[s]):s},s)})}case"checkbox":{const{onChange:a}=e;return t.jsx(J,{className:C,rules:m,onChange:a?n=>a(n,g):void 0,label:o,tooltip:b,disabled:!h,name:c})}case"color":return t.jsx(H,{...e,type:"color",required:i,name:c,label:o,rules:m,fieldClassName:C,updatable:h,readonly:S,fieldTooltip:b});default:return t.jsx(t.Fragment,{children:`${p} Not Implemented`})}}function B(F){const{items:o=[],loading:c,searchOnType:p,onSearch:i,multiple:N,onChange:m,highlightSearch:h,required:S,fieldClassName:C,rules:w,fieldTooltip:b,updatable:e,label:g,name:T,tagRender:a,updatingValue:n,onSet:l,placeholder:f,allowClear:x=!0}=F,u=F.form,[y,s]=q.useState(""),j=v.Form.useWatch(T,u),[k,O]=q.useState(!0);q.useEffect(()=>{l&&k&&j&&(l==null||l(j,o,u),O(!1))},[k,u,o,T,l,j]),q.useEffect(()=>{j&&O(!0)},[j]);const M=q.useCallback(async r=>{s(r),p&&(i==null||i(r,u,n))},[u,i,p,n]);return t.jsx(L,{...F,maxTagCount:"responsive",maxTagPlaceholder:r=>t.jsxs(V,{title:t.jsx(t.Fragment,{children:r.map(d=>t.jsxs(t.Fragment,{children:[d.label," ",t.jsx("br",{})]}))}),children:["+",r==null?void 0:r.length]}),placeholder:f,onSelect:r=>{l==null||l(r==null?void 0:r.key,o,u)},onChange:m?r=>{s(""),m(r,u)}:void 0,mode:N?"multiple":void 0,className:["w-100",C].join(" "),name:T,items:o,required:S,tooltip:b,tagRender:a,rules:w,disabled:!e,label:g,allowClear:x,onSearch:M,loading:c,filterOption:h?(r,d)=>{var R,P,A;try{const I=r.toLowerCase().split(/\s+/),U=((typeof(d==null?void 0:d.children)=="string"?d==null?void 0:d.children:(P=(R=d==null?void 0:d.children)==null?void 0:R.props)==null?void 0:P.textToHighlight)??"").toLowerCase(),_=(((A=d==null?void 0:d.value)==null?void 0:A.toString())??"").toLowerCase();return I.every(E=>U.indexOf(E)>=0||_.indexOf(E)>=0)}catch{return!0}}:void 0,itemBuilder:h?r=>{const d=r.value?String(r.value):void 0;return t.jsx(v.Select.Option,{value:r.key,title:d,disabled:r.disabled,children:t.jsx(D,{highlightClassName:"highlight-text",searchWords:(y??"").split(" "),autoEscape:!0,textToHighlight:d??""})},r.key)}:r=>t.jsx(v.Select.Option,{value:r.key,title:r.value,disabled:r.disabled,children:r.value},r.key)})}function H(F){const{required:o,fieldClassName:c,rules:p,fieldTooltip:i,updatable:N,label:m,name:h}=F;return t.jsx(v.Form.Item,{label:m,name:h,required:o,rules:p,tooltip:i,children:t.jsx(v.ColorPicker,{disabledAlpha:!0,format:"hex",defaultFormat:"hex",showText:!0,trigger:"click",className:c,disabled:!N,...F.innerProps})})}exports.ColorCrudFieldComponent=H;exports.SelectCrudFieldComponent=B;exports.default=ee;
|
package/crud/CrudField.es.js
CHANGED
|
@@ -6,9 +6,9 @@ import { useTranslation as K } from "react-i18next";
|
|
|
6
6
|
import { TRANSLATION_NAMESPACE as Q } from "../locale/hooks/translation-constants.es.js";
|
|
7
7
|
import X from "./FileCrudField.es.js";
|
|
8
8
|
import Y from "./ImageCrudField.es.js";
|
|
9
|
-
import Z from "../common/
|
|
10
|
-
import V from "../common/date-picker/
|
|
11
|
-
import ee from "../common/
|
|
9
|
+
import Z from "../common/check-box/CheckBox.es.js";
|
|
10
|
+
import V from "../common/date-picker/DatePicker.es.js";
|
|
11
|
+
import ee from "../common/date-picker/TimePicker.es.js";
|
|
12
12
|
import M from "../common/select/SelectComponent.es.js";
|
|
13
13
|
import re from "../common/text-field/NumberField.es.js";
|
|
14
14
|
import te from "../common/text-field/TextField.es.js";
|
|
@@ -97,7 +97,7 @@ function Ne(x) {
|
|
|
97
97
|
format: T
|
|
98
98
|
} = e;
|
|
99
99
|
return /* @__PURE__ */ a(
|
|
100
|
-
|
|
100
|
+
V,
|
|
101
101
|
{
|
|
102
102
|
placeholder: m,
|
|
103
103
|
required: s,
|
|
@@ -128,7 +128,7 @@ function Ne(x) {
|
|
|
128
128
|
placeholder: l
|
|
129
129
|
} = e;
|
|
130
130
|
return /* @__PURE__ */ a(
|
|
131
|
-
|
|
131
|
+
ee,
|
|
132
132
|
{
|
|
133
133
|
placeholder: l,
|
|
134
134
|
required: s,
|
|
@@ -270,7 +270,7 @@ function Ne(x) {
|
|
|
270
270
|
case "checkbox": {
|
|
271
271
|
const { onChange: t } = e;
|
|
272
272
|
return /* @__PURE__ */ a(
|
|
273
|
-
|
|
273
|
+
Z,
|
|
274
274
|
{
|
|
275
275
|
className: f,
|
|
276
276
|
rules: u,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";const e=require("react/jsx-runtime"),g=require("@ant-design/icons"),u=require("antd"),F=require("react"),k=require("react-i18next"),S=require("../locale/hooks/translation-constants.cjs.js"),y=require("./CrudForm.cjs.js"),
|
|
1
|
+
"use strict";const e=require("react/jsx-runtime"),g=require("@ant-design/icons"),u=require("antd"),F=require("react"),k=require("react-i18next"),S=require("../locale/hooks/translation-constants.cjs.js"),y=require("./CrudForm.cjs.js"),T=require("../common/wizard/WizardViewForm.cjs.js"),C=require("../common/button/Button.cjs.js");function v({fields:l,className:m,onDeleteFile:h,onUploadFile:i,purpose:c,wizard:r=[],updatingValue:f,onSave:x,submitting:j}){const d=F.useMemo(()=>r.map(n=>{let t=!0;const o=l.filter(s=>n.fields.includes(s.name));return o.forEach(s=>t&&(t=s.hidden??!1)),{...n,hidden:t,fieldThatShouldShowing:o}}),[l,r]),a=F.useMemo(()=>d.filter(n=>!n.hidden),[d]);return e.jsx(e.Fragment,{children:e.jsx(T,{onSubmit:(n,t)=>{console.log(t),x(t)},className:m,pages:a.map(({title:n,icon:t,fieldThatShouldShowing:o,hidden:s},b)=>({title:n,icon:t,hidden:s,component:q=>e.jsx(R,{fields:o,onDeleteFile:h,onUploadFile:i,purpose:c,i:b,updatingValue:f,backward:q.backward,forward:q.forward,wizard:a,submitting:j},b)}))})})}function R({fields:l,onDeleteFile:m,onUploadFile:h,purpose:i,wizard:c=[],i:r,forward:f,backward:x,submitting:j,updatingValue:d}){const a=c[r],{t:n}=k.useTranslation(S.TRANSLATION_NAMESPACE),[t]=u.Form.useForm();return F.useEffect(()=>{if(d&&(i==="update"||i==="clone")){const o={};for(const s of l)o[s.name]=d[s.name];t.setFieldsValue(o)}},[l,t,i,d]),e.jsxs(u.Form,{name:String(r),form:t,layout:"vertical",children:[e.jsx(y.CrudFormFields,{fields:l,formBuilder:a.formBuilder,grid:a.grid,onDeleteFile:m,onUploadFile:h,purpose:i}),e.jsx(u.Divider,{}),e.jsxs(u.Row,{gutter:[8,8],children:[r>0&&e.jsx(u.Col,{md:12,children:e.jsx(C,{block:!0,icon:e.jsx(g.LeftOutlined,{}),htmlType:"button",type:"default",size:"large",onClick:()=>x(),children:n("str.back")})}),e.jsx(u.Col,{md:r>0?12:24,children:e.jsx(C,{block:!0,icon:c.length-1===r?e.jsx(g.SaveOutlined,{}):e.jsx(g.RightOutlined,{}),htmlType:"submit",type:"primary",loading:j,size:"large",onClick:()=>{t.validateFields().then(o=>{f(o,c.length-1===r,c.length-1===r)})},children:c.length-1===r?n("str."+(i==="update"?"update":"save")):n("str.next")})})]})]})}module.exports=v;
|
|
@@ -5,8 +5,8 @@ import { useMemo as y, useEffect as O } from "react";
|
|
|
5
5
|
import { useTranslation as W } from "react-i18next";
|
|
6
6
|
import { TRANSLATION_NAMESPACE as j } from "../locale/hooks/translation-constants.es.js";
|
|
7
7
|
import { CrudFormFields as z } from "./CrudForm.es.js";
|
|
8
|
-
import C from "../common/button/Button.es.js";
|
|
9
8
|
import B from "../common/wizard/WizardViewForm.es.js";
|
|
9
|
+
import C from "../common/button/Button.es.js";
|
|
10
10
|
function H({
|
|
11
11
|
fields: d,
|
|
12
12
|
className: f,
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
"use strict";const r=require("react/jsx-runtime"),J=require("@ant-design/icons"),s=require("antd"),i=require("react"),j=require("./CrudField.cjs.js"),K=require("./view/CrudViewer.cjs.js"),
|
|
1
|
+
"use strict";const r=require("react/jsx-runtime"),J=require("@ant-design/icons"),s=require("antd"),i=require("react"),j=require("./CrudField.cjs.js"),K=require("./view/CrudViewer.cjs.js"),M=require("../common/report/SelectFieldInReport.cjs.js"),v=require("./view/CrudViewerUtil.cjs.js"),Q=require("../common/select/SelectComponent.cjs.js"),V=require("../common/button/Button.cjs.js"),W=require("../common/button/PrintButton.cjs.js"),A={lg:6,md:8,sm:12,xs:24},X={lg:12,md:16,sm:24,xs:24};function Y({fields:d,data:u,idField:L,loadingData:p,onSubmit:x,paginateProps:G,size:O,onClickPrint:h,onClickExcelExport:y,minusHeight:U,extraSearchFields:R,searchOnMount:B,summary:_}){const{searchable:$,selectable:c,sortable:F,defaultSort:m}=i.useMemo(()=>{var b,f,N,T,I;const e=[],t=[],o=[];let a;for(const l of d.filter(H=>!H.hidden))l.type==="image"||!l.report||((b=l.report)!=null&&b.searchable&&e.push(l),(f=l.report)!=null&&f.sortable&&(t.push(l),!a&&((N=l.report)!=null&&N.defaultSort)&&(a=l)),l.hideInTable||o.push({id:l.name,label:l.label,lock:(T=l.report)==null?void 0:T.lock,alreadySelected:(I=l.report)==null?void 0:I.alreadySelected}));return{defaultSort:a,searchable:e,sortable:t,selectable:o}},[d]),[S,w]=i.useState([]),g=i.useCallback(async({sortBy:e,sortByType:t,showFields:o=[],...a})=>{const b=[];e&&b.push({field:e,sort:t??"DESC"}),w(d.filter(f=>o.includes(f.name)).map(f=>({...f,hideInTable:!1}))),x({showFields:o,sortBy:b,...a})},[d,x]),[n]=s.Form.useForm(),[q,z]=i.useState(!1),[C,D]=i.useState(!0);return i.useEffect(()=>{if(B&&C){const e=setTimeout(()=>{n.validateFields().then(t=>{g(t)}),D(!1)},200);return()=>clearTimeout(e)}},[g,n,C,B]),i.useEffect(()=>{var t,o,a;!n.getFieldValue("sortBy")&&m&&(console.log((t=m.report)==null?void 0:t.defaultSort),n.setFieldsValue({sortBy:m.name,sortByType:typeof((o=m.report)==null?void 0:o.defaultSort)=="string"?(a=m.report)==null?void 0:a.defaultSort:"ASC"}))},[m,n]),i.useEffect(()=>{if(q){const e=c.filter(t=>t.alreadySelected).map(t=>t.id);w(d.filter(t=>e.includes(t.name)).map(t=>({...t,hideInTable:!1}))),z(!1)}},[d,q,c]),r.jsx(r.Fragment,{children:r.jsxs(s.Space,{className:"w-100",direction:"vertical",children:[r.jsxs(s.Form,{form:n,layout:"vertical",onFinish:g,children:[r.jsxs(s.Row,{gutter:[8,8],children:[$.map(e=>{var t,o,a;return r.jsx(s.Col,{...e.grid??A,style:{alignSelf:"end"},children:(t=e.report)!=null&&t.customRender?e.report.customRender(n):e.type==="date"?r.jsx(j.default,{...e,type:"date",range:(o=e.report)==null?void 0:o.range,required:!!((a=e.report)!=null&&a.required),readonly:!1,fieldClassName:"mb-0"}):e.type==="select"?r.jsx(j.default,{...e,type:"select",multiple:!0,required:!1,readonly:!1,fieldClassName:"mb-0"}):r.jsx(j.default,{...e,readonly:!1,required:!1,fieldClassName:"mb-0"})},e.name)}),!!(c!=null&&c.length)&&r.jsx(s.Col,{...X,children:r.jsx(M.SelectFieldInReport,{items:c,name:"showFields",mode:"multiple",label:"Show Fields",className:"mb-0"})}),!!F.length&&r.jsx(s.Col,{...A,children:r.jsx(Q,{label:"Sort By",name:"sortBy",items:F.map(e=>({id:e.name,label:e.label})),nameFieldInArray:"label",fieldId:"id",className:"mb-0",dropdownRender:e=>r.jsxs(r.Fragment,{children:[e,r.jsx(s.Form.Item,{name:"sortByType",noStyle:!0,className:"mt-3",children:r.jsx(s.Radio.Group,{className:"w-100",defaultValue:"DESC",optionType:"button",children:r.jsxs(s.Row,{children:[r.jsx(s.Col,{xs:12,children:r.jsx(s.Radio,{className:"w-100",style:{borderTopRightRadius:0,borderBottomRightRadius:0},value:"ASC",children:"Ascending"})}),r.jsx(s.Col,{xs:12,children:r.jsx(s.Radio,{className:"w-100",style:{borderTopLeftRadius:0,borderBottomLeftRadius:0},value:"DESC",children:"Descending"})})]})})})]})})}),R?R(n):null]}),r.jsx(V,{className:"mt-3",type:"primary",block:!0,htmlType:"submit",disabled:p,children:"Submit"})]}),r.jsxs(s.Space,{children:[!!h&&r.jsx(W.PrintButton,{disabled:p||!u.length,onClick:()=>h==null?void 0:h({tableId:"#crud-table table",data:u,fields:S.map(e=>({...e,render:v.getRendererValueCrudViewer(e)}))})}),!!y&&r.jsx(V,{disabled:p||!u.length,onClick:()=>y==null?void 0:y({tableId:"#crud-table table",data:u,fields:S.map(e=>({...e,render:v.getRendererValueCrudViewer(e)}))}),icon:r.jsx(J.FileExcelOutlined,{}),className:`group
|
|
2
2
|
${p||!u.length?"":"!bg-green-700 hover:!bg-green-600 !text-white !border-green-700 hover:!border-green-600"}
|
|
3
3
|
|
|
4
4
|
`,children:"Excel"})]}),_,r.jsx(K,{minusHeight:U,data:u,size:O,fields:S,idField:L,loadingData:p,paginateProps:G,viewable:!1})]})})}module.exports=Y;
|
|
@@ -4,11 +4,11 @@ import { Form as B, Space as _, Row as $, Col as b, Radio as R } from "antd";
|
|
|
4
4
|
import { useMemo as k, useState as w, useCallback as E, useEffect as F } from "react";
|
|
5
5
|
import N from "./CrudField.es.js";
|
|
6
6
|
import P from "./view/CrudViewer.es.js";
|
|
7
|
-
import
|
|
8
|
-
import {
|
|
9
|
-
import
|
|
10
|
-
import
|
|
11
|
-
import {
|
|
7
|
+
import { SelectFieldInReport as ee } from "../common/report/SelectFieldInReport.es.js";
|
|
8
|
+
import { getRendererValueCrudViewer as z } from "./view/CrudViewerUtil.es.js";
|
|
9
|
+
import re from "../common/select/SelectComponent.es.js";
|
|
10
|
+
import D from "../common/button/Button.es.js";
|
|
11
|
+
import { PrintButton as te } from "../common/button/PrintButton.es.js";
|
|
12
12
|
const H = { lg: 6, md: 8, sm: 12, xs: 24 }, le = { lg: 12, md: 16, sm: 24, xs: 24 };
|
|
13
13
|
function be({
|
|
14
14
|
fields: n,
|
|
@@ -127,7 +127,7 @@ function be({
|
|
|
127
127
|
);
|
|
128
128
|
}),
|
|
129
129
|
!!(i != null && i.length) && /* @__PURE__ */ t(b, { ...le, children: /* @__PURE__ */ t(
|
|
130
|
-
|
|
130
|
+
ee,
|
|
131
131
|
{
|
|
132
132
|
items: i,
|
|
133
133
|
name: "showFields",
|
|
@@ -137,7 +137,7 @@ function be({
|
|
|
137
137
|
}
|
|
138
138
|
) }),
|
|
139
139
|
!!I.length && /* @__PURE__ */ t(b, { ...H, children: /* @__PURE__ */ t(
|
|
140
|
-
|
|
140
|
+
re,
|
|
141
141
|
{
|
|
142
142
|
label: "Sort By",
|
|
143
143
|
name: "sortBy",
|
|
@@ -187,7 +187,7 @@ function be({
|
|
|
187
187
|
v ? v(a) : null
|
|
188
188
|
] }),
|
|
189
189
|
/* @__PURE__ */ t(
|
|
190
|
-
|
|
190
|
+
D,
|
|
191
191
|
{
|
|
192
192
|
className: "mt-3",
|
|
193
193
|
type: "primary",
|
|
@@ -200,7 +200,7 @@ function be({
|
|
|
200
200
|
] }),
|
|
201
201
|
/* @__PURE__ */ c(_, { children: [
|
|
202
202
|
!!h && /* @__PURE__ */ t(
|
|
203
|
-
|
|
203
|
+
te,
|
|
204
204
|
{
|
|
205
205
|
disabled: p || !d.length,
|
|
206
206
|
onClick: () => h == null ? void 0 : h({
|
|
@@ -208,13 +208,13 @@ function be({
|
|
|
208
208
|
data: d,
|
|
209
209
|
fields: g.map((e) => ({
|
|
210
210
|
...e,
|
|
211
|
-
render:
|
|
211
|
+
render: z(e)
|
|
212
212
|
}))
|
|
213
213
|
})
|
|
214
214
|
}
|
|
215
215
|
),
|
|
216
216
|
!!y && /* @__PURE__ */ t(
|
|
217
|
-
|
|
217
|
+
D,
|
|
218
218
|
{
|
|
219
219
|
disabled: p || !d.length,
|
|
220
220
|
onClick: () => y == null ? void 0 : y({
|
|
@@ -222,7 +222,7 @@ function be({
|
|
|
222
222
|
data: d,
|
|
223
223
|
fields: g.map((e) => ({
|
|
224
224
|
...e,
|
|
225
|
-
render:
|
|
225
|
+
render: z(e)
|
|
226
226
|
}))
|
|
227
227
|
}),
|
|
228
228
|
icon: /* @__PURE__ */ t(x, {}),
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";const r=require("react/jsx-runtime"),k=require("antd"),H=require("../../common/button/CloneButtonTable.cjs.js"),p=require("../../common/button/DeleteButtonTable.cjs.js"),U=require("../../common/button/ExportButton.cjs.js"),F=require("../../common/button/HideButtonTable.cjs.js"),rr=require("../../common/button/RefreshButton.cjs.js"),er=require("../../common/button/UpdateButtonTable.cjs.js"),tr=require("../../common/button/ViewButtonTable.cjs.js"),sr=require("../../common/
|
|
1
|
+
"use strict";const r=require("react/jsx-runtime"),k=require("antd"),H=require("../../common/button/CloneButtonTable.cjs.js"),p=require("../../common/button/DeleteButtonTable.cjs.js"),U=require("../../common/button/ExportButton.cjs.js"),F=require("../../common/button/HideButtonTable.cjs.js"),rr=require("../../common/button/RefreshButton.cjs.js"),er=require("../../common/button/UpdateButtonTable.cjs.js"),tr=require("../../common/button/ViewButtonTable.cjs.js"),sr=require("../../common/table/table.cjs.js"),j=require("react"),ur=require("react-i18next"),nr=require("../../locale/hooks/translation-constants.cjs.js"),or=require("../CrudSearchComponent.cjs.js"),cr=require("./CrudDecListView.cjs.js"),O=require("./CrudViewerUtil.cjs.js"),lr=require("../../common/layout/VerticalSpace.cjs.js");function ar({idField:s="id",loadingData:z,fields:l,isDeleting:T,isHiding:m,viewable:o=!1,paginateProps:h,onDelete:q,onHide:y,onUpdate:v,data:x=[],extraAction:i,onClickUpdate:c,minusHeight:R,scroll:_,onClickClone:B,className:$,expandable:w,size:A,bordered:G,descListColumn:J,extraView:S,decListLayout:K,scrollToTop:jr,onClickRefresh:I,closeViewOnClickUpdate:V,onExport:g,confirmHiding:M,confirmDeleting:d,rowClassName:Q,actionWidth:W=190,...X}){const{t:Y}=ur.useTranslation(nr.TRANSLATION_NAMESPACE),E=j.useMemo(()=>l.map(({hideInTable:e,hidden:t,width:a,name:n,label:D,halign:P,...N})=>({title:D,width:a,key:n,dataIndex:n,hidden:e||t,align:P??(N.type==="number"?"right":void 0),render:O.getRendererValueCrudViewer(N)})),[l]),[u,f]=j.useState(),[b,C]=j.useState();j.useEffect(()=>{x&&f(e=>{if(e)return x.find(t=>t[s]===e[s])})},[x,s,u]);const L=j.useCallback(e=>{var a;const t=i==null?void 0:i(e);return(Array.isArray(t)?(a=t==null?void 0:t.filter(Boolean))!=null&&a.length:t)||v||c||B||q?r.jsxs(r.Fragment,{children:[t,(v||c)&&r.jsx(er,{value:e,onClick:n=>{C(n[s]),c==null||c(e),V&&f(void 0)}}),B&&r.jsx(H,{value:e,onClick:n=>B(n)}),g&&r.jsx(U.ExportButton,{value:e,onClick:async n=>await g(n)}),y&&r.jsx(F,{value:e,disabled:m,shouldConfirm:M,loading:m&&e[s]===b,onClick:async n=>{C(n[s]),await y({[s]:n[s]})}}),q&&r.jsx(p,{value:e,disabled:T,shouldConfirm:d,loading:T&&e[s]===b,onClick:async n=>{C(n[s]),await q({[s]:n[s]})}})]}):void 0},[V,d,M,i,s,T,m,B,c,q,g,y,v,b]),Z=j.useMemo(()=>{let e=typeof o=="string"?u==null?void 0:u[o]:void 0;if(typeof e=="object"){const t=l.find(a=>a.name===o);e=O.getRendererValueCrudViewer(t)(e,u,0)}return e},[o,u,l]);return r.jsxs("div",{children:[o&&r.jsx(k.Modal,{width:"100%",open:!!u,title:Z??r.jsx("div",{children:" "}),footer:r.jsx(r.Fragment,{}),closable:!0,onCancel:()=>f(void 0),children:!!u&&r.jsxs("div",{children:[r.jsx(cr.CrudDecListView,{layout:K,descListColumn:J,data:u,fields:l,action:L(u)}),S==null?void 0:S(u)]},u==null?void 0:u[s])}),r.jsx(or,{fields:l,...X}),r.jsxs(lr,{children:[!!I&&r.jsx(rr.RefreshButton,{onClick:I}),r.jsx(sr,{rowClassName:Q,className:$,scroll:_??(R?{y:`calc(100vh - ${R})`}:void 0),id:"crud-table",dataSource:x,loading:z,bordered:G,size:A,expandable:w,pagination:h?{total:h.count,onChange:h.setPage,current:h.page,pageSize:h.pageSize}:void 0,columns:v||c||q||i||o?[...E,{title:Y("str.action"),dataIndex:"",fixed:"right",width:W,render:(e,t)=>r.jsxs(r.Fragment,{children:[o&&r.jsx(tr,{value:t,onClick:f}),L(t)]})}]:E})]})]})}module.exports=ar;
|
|
@@ -7,14 +7,14 @@ import tr from "../../common/button/HideButtonTable.es.js";
|
|
|
7
7
|
import { RefreshButton as mr } from "../../common/button/RefreshButton.es.js";
|
|
8
8
|
import ur from "../../common/button/UpdateButtonTable.es.js";
|
|
9
9
|
import nr from "../../common/button/ViewButtonTable.es.js";
|
|
10
|
-
import fr from "../../common/
|
|
11
|
-
import cr from "
|
|
12
|
-
import {
|
|
13
|
-
import {
|
|
14
|
-
import
|
|
15
|
-
import ar from "
|
|
16
|
-
import { CrudDecListView as vr } from "./CrudDecListView.es.js";
|
|
10
|
+
import fr from "../../common/table/table.es.js";
|
|
11
|
+
import { useMemo as $, useState as q, useEffect as cr, useCallback as er } from "react";
|
|
12
|
+
import { useTranslation as lr } from "react-i18next";
|
|
13
|
+
import { TRANSLATION_NAMESPACE as sr } from "../../locale/hooks/translation-constants.es.js";
|
|
14
|
+
import hr from "../CrudSearchComponent.es.js";
|
|
15
|
+
import { CrudDecListView as ar } from "./CrudDecListView.es.js";
|
|
17
16
|
import { getRendererValueCrudViewer as A } from "./CrudViewerUtil.es.js";
|
|
17
|
+
import vr from "../../common/layout/VerticalSpace.es.js";
|
|
18
18
|
function _r({
|
|
19
19
|
idField: t = "id",
|
|
20
20
|
loadingData: G,
|
|
@@ -49,7 +49,7 @@ function _r({
|
|
|
49
49
|
actionWidth: P = 190,
|
|
50
50
|
...w
|
|
51
51
|
}) {
|
|
52
|
-
const { t: D } = sr
|
|
52
|
+
const { t: D } = lr(sr), L = $(
|
|
53
53
|
() => e.map(
|
|
54
54
|
({ hideInTable: r, hidden: o, width: l, name: u, label: H, halign: x, ...V }) => ({
|
|
55
55
|
title: H,
|
|
@@ -63,13 +63,13 @@ function _r({
|
|
|
63
63
|
),
|
|
64
64
|
[e]
|
|
65
65
|
), [m, p] = q(), [C, j] = q();
|
|
66
|
-
|
|
66
|
+
cr(() => {
|
|
67
67
|
y && p((r) => {
|
|
68
68
|
if (r)
|
|
69
69
|
return y.find((o) => o[t] === r[t]);
|
|
70
70
|
});
|
|
71
71
|
}, [y, t, m]);
|
|
72
|
-
const _ =
|
|
72
|
+
const _ = er(
|
|
73
73
|
(r) => {
|
|
74
74
|
var l;
|
|
75
75
|
const o = a == null ? void 0 : a(r);
|
|
@@ -158,7 +158,7 @@ function _r({
|
|
|
158
158
|
onCancel: () => p(void 0),
|
|
159
159
|
children: !!m && /* @__PURE__ */ v("div", { children: [
|
|
160
160
|
/* @__PURE__ */ n(
|
|
161
|
-
|
|
161
|
+
ar,
|
|
162
162
|
{
|
|
163
163
|
layout: Z,
|
|
164
164
|
descListColumn: Y,
|
|
@@ -171,11 +171,11 @@ function _r({
|
|
|
171
171
|
] }, m == null ? void 0 : m[t])
|
|
172
172
|
}
|
|
173
173
|
),
|
|
174
|
-
/* @__PURE__ */ n(
|
|
175
|
-
/* @__PURE__ */ v(
|
|
174
|
+
/* @__PURE__ */ n(hr, { fields: e, ...w }),
|
|
175
|
+
/* @__PURE__ */ v(vr, { children: [
|
|
176
176
|
!!O && /* @__PURE__ */ n(mr, { onClick: O }),
|
|
177
177
|
/* @__PURE__ */ n(
|
|
178
|
-
|
|
178
|
+
fr,
|
|
179
179
|
{
|
|
180
180
|
rowClassName: d,
|
|
181
181
|
className: K,
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@kingteza/crud-component",
|
|
3
3
|
"private": false,
|
|
4
|
-
"version": "1.0.
|
|
4
|
+
"version": "1.0.38",
|
|
5
5
|
"description": "React CRUD component library with Ant Design",
|
|
6
6
|
"keywords": [
|
|
7
7
|
"react",
|
|
@@ -48,7 +48,7 @@
|
|
|
48
48
|
"./common": {
|
|
49
49
|
"types": "./common/index.d.ts",
|
|
50
50
|
"import": "./common/index.es.js",
|
|
51
|
-
"require": "./common/index.cjs"
|
|
51
|
+
"require": "./common/index.cjs.js"
|
|
52
52
|
},
|
|
53
53
|
"./util": {
|
|
54
54
|
"types": "./util/index.d.ts",
|