@kingteza/crud-component 1.0.66 → 1.2.0

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.
Files changed (236) hide show
  1. package/package.json +21 -11
  2. package/release.config.cjs +27 -0
  3. package/App.d.ts +0 -151
  4. package/Play.d.ts +0 -2
  5. package/common/appearance/Hider.cjs.js +0 -1
  6. package/common/appearance/Hider.d.ts +0 -6
  7. package/common/appearance/Hider.es.js +0 -5
  8. package/common/appearance/index.d.ts +0 -1
  9. package/common/button/Button.cjs.js +0 -1
  10. package/common/button/Button.d.ts +0 -11
  11. package/common/button/Button.es.js +0 -57
  12. package/common/button/CloneButtonTable.cjs.js +0 -1
  13. package/common/button/CloneButtonTable.d.ts +0 -6
  14. package/common/button/CloneButtonTable.es.js +0 -19
  15. package/common/button/DeleteButtonTable.cjs.js +0 -1
  16. package/common/button/DeleteButtonTable.d.ts +0 -13
  17. package/common/button/DeleteButtonTable.es.js +0 -64
  18. package/common/button/ExportButton.cjs.js +0 -1
  19. package/common/button/ExportButton.d.ts +0 -4
  20. package/common/button/ExportButton.es.js +0 -26
  21. package/common/button/HideButtonTable.cjs.js +0 -1
  22. package/common/button/HideButtonTable.d.ts +0 -13
  23. package/common/button/HideButtonTable.es.js +0 -67
  24. package/common/button/ImportButton.cjs.js +0 -1
  25. package/common/button/ImportButton.d.ts +0 -9
  26. package/common/button/ImportButton.es.js +0 -55
  27. package/common/button/NewButton.cjs.js +0 -1
  28. package/common/button/NewButton.d.ts +0 -12
  29. package/common/button/NewButton.es.js +0 -23
  30. package/common/button/PrintButton.cjs.js +0 -1
  31. package/common/button/PrintButton.d.ts +0 -12
  32. package/common/button/PrintButton.es.js +0 -25
  33. package/common/button/RefreshButton.cjs.js +0 -1
  34. package/common/button/RefreshButton.d.ts +0 -11
  35. package/common/button/RefreshButton.es.js +0 -23
  36. package/common/button/UnHideButton.cjs.js +0 -1
  37. package/common/button/UnHideButton.d.ts +0 -14
  38. package/common/button/UnHideButton.es.js +0 -69
  39. package/common/button/UpdateButtonTable.cjs.js +0 -1
  40. package/common/button/UpdateButtonTable.d.ts +0 -6
  41. package/common/button/UpdateButtonTable.es.js +0 -19
  42. package/common/button/ViewButtonTable.cjs.js +0 -1
  43. package/common/button/ViewButtonTable.d.ts +0 -6
  44. package/common/button/ViewButtonTable.es.js +0 -19
  45. package/common/button/index.d.ts +0 -14
  46. package/common/check-box/CheckBox.cjs.js +0 -1
  47. package/common/check-box/CheckBox.d.ts +0 -9
  48. package/common/check-box/CheckBox.es.js +0 -40
  49. package/common/check-box/index.d.ts +0 -2
  50. package/common/date-picker/DatePicker.cjs.js +0 -1
  51. package/common/date-picker/DatePicker.d.ts +0 -37
  52. package/common/date-picker/DatePicker.es.js +0 -87
  53. package/common/date-picker/TimePicker.cjs.js +0 -1
  54. package/common/date-picker/TimePicker.d.ts +0 -34
  55. package/common/date-picker/TimePicker.es.js +0 -77
  56. package/common/date-picker/index.d.ts +0 -3
  57. package/common/description/DescList.cjs.js +0 -1
  58. package/common/description/DescList.d.ts +0 -18
  59. package/common/description/DescList.es.js +0 -16
  60. package/common/description/DescriptionComponent.d.ts +0 -7
  61. package/common/description/index.d.ts +0 -3
  62. package/common/icon/KIcon.cjs.js +0 -1
  63. package/common/icon/KIcon.d.ts +0 -9
  64. package/common/icon/KIcon.es.js +0 -11
  65. package/common/index.cjs.js +0 -1
  66. package/common/index.d.ts +0 -20
  67. package/common/index.es.js +0 -78
  68. package/common/layout/VerticalSpace.cjs.js +0 -1
  69. package/common/layout/VerticalSpace.d.ts +0 -5
  70. package/common/layout/VerticalSpace.es.js +0 -6
  71. package/common/layout/index.d.ts +0 -2
  72. package/common/loading/LoadingIndicator.cjs.js +0 -1
  73. package/common/loading/LoadingIndicator.d.ts +0 -6
  74. package/common/loading/LoadingIndicator.es.js +0 -23
  75. package/common/loading/index.d.ts +0 -2
  76. package/common/picker/ImagePicker.cjs.js +0 -1
  77. package/common/picker/ImagePicker.d.ts +0 -56
  78. package/common/picker/ImagePicker.es.js +0 -320
  79. package/common/picker/index.d.ts +0 -2
  80. package/common/radio/RadioGroupComponent.cjs.js +0 -1
  81. package/common/radio/RadioGroupComponent.d.ts +0 -18
  82. package/common/radio/RadioGroupComponent.es.js +0 -19
  83. package/common/radio/index.d.ts +0 -2
  84. package/common/report/SelectFieldInReport.cjs.js +0 -1
  85. package/common/report/SelectFieldInReport.d.ts +0 -16
  86. package/common/report/SelectFieldInReport.es.js +0 -30
  87. package/common/report/index.d.ts +0 -3
  88. package/common/rich/index.cjs.js +0 -1
  89. package/common/rich/index.d.ts +0 -10
  90. package/common/rich/index.es.js +0 -66
  91. package/common/select/CustomSelectOption.cjs.js +0 -1
  92. package/common/select/CustomSelectOption.d.ts +0 -7
  93. package/common/select/CustomSelectOption.es.js +0 -13
  94. package/common/select/SelectComponent.cjs.js +0 -1
  95. package/common/select/SelectComponent.d.ts +0 -21
  96. package/common/select/SelectComponent.es.js +0 -85
  97. package/common/select/index.d.ts +0 -3
  98. package/common/show-more/index.cjs.js +0 -1
  99. package/common/show-more/index.d.ts +0 -4
  100. package/common/show-more/index.es.js +0 -8
  101. package/common/tab/TabViewWithRoute.cjs.js +0 -1
  102. package/common/tab/TabViewWithRoute.d.ts +0 -13
  103. package/common/tab/TabViewWithRoute.es.js +0 -38
  104. package/common/tab/index.d.ts +0 -2
  105. package/common/table/index.d.ts +0 -3
  106. package/common/table/table.cjs.js +0 -1
  107. package/common/table/table.d.ts +0 -19
  108. package/common/table/table.es.js +0 -40
  109. package/common/tag/StatusTag.cjs.js +0 -1
  110. package/common/tag/StatusTag.d.ts +0 -14
  111. package/common/tag/StatusTag.es.js +0 -29
  112. package/common/tag/index.d.ts +0 -2
  113. package/common/text/index.cjs.js +0 -1
  114. package/common/text/index.d.ts +0 -3
  115. package/common/text/index.es.js +0 -5
  116. package/common/text/title/TitleWithHeadTitle.d.ts +0 -7
  117. package/common/text/title/index.cjs.js +0 -1
  118. package/common/text/title/index.d.ts +0 -1
  119. package/common/text/title/index.es.js +0 -5
  120. package/common/text-field/NumberField.cjs.js +0 -1
  121. package/common/text-field/NumberField.d.ts +0 -13
  122. package/common/text-field/NumberField.es.js +0 -82
  123. package/common/text-field/PhoneNumberField.cjs.js +0 -1
  124. package/common/text-field/PhoneNumberField.d.ts +0 -4
  125. package/common/text-field/PhoneNumberField.es.js +0 -18
  126. package/common/text-field/TextArea.cjs.js +0 -1
  127. package/common/text-field/TextArea.d.ts +0 -17
  128. package/common/text-field/TextArea.es.js +0 -46
  129. package/common/text-field/TextField.cjs.js +0 -1
  130. package/common/text-field/TextField.d.ts +0 -27
  131. package/common/text-field/TextField.es.js +0 -72
  132. package/common/text-field/index.d.ts +0 -5
  133. package/common/tooltip/TooltipComponent.cjs.js +0 -1
  134. package/common/tooltip/TooltipComponent.d.ts +0 -5
  135. package/common/tooltip/TooltipComponent.es.js +0 -9
  136. package/common/tooltip/index.d.ts +0 -2
  137. package/common/wizard/WizardResult.cjs.js +0 -1
  138. package/common/wizard/WizardResult.d.ts +0 -16
  139. package/common/wizard/WizardResult.es.js +0 -58
  140. package/common/wizard/WizardViewForm.cjs.js +0 -1
  141. package/common/wizard/WizardViewForm.d.ts +0 -24
  142. package/common/wizard/WizardViewForm.es.js +0 -74
  143. package/common/wizard/index.d.ts +0 -3
  144. package/crud/CrudComponent.cjs.js +0 -1
  145. package/crud/CrudComponent.d.ts +0 -244
  146. package/crud/CrudComponent.es.js +0 -123
  147. package/crud/CrudField.cjs.js +0 -1
  148. package/crud/CrudField.d.ts +0 -4
  149. package/crud/CrudField.es.js +0 -449
  150. package/crud/CrudForm.cjs.js +0 -1
  151. package/crud/CrudForm.d.ts +0 -14
  152. package/crud/CrudForm.es.js +0 -103
  153. package/crud/CrudFormWizard.cjs.js +0 -1
  154. package/crud/CrudFormWizard.d.ts +0 -14
  155. package/crud/CrudFormWizard.es.js +0 -140
  156. package/crud/CrudReportComponent.cjs.js +0 -4
  157. package/crud/CrudReportComponent.d.ts +0 -44
  158. package/crud/CrudReportComponent.es.js +0 -255
  159. package/crud/CrudSearchComponent.cjs.js +0 -1
  160. package/crud/CrudSearchComponent.d.ts +0 -21
  161. package/crud/CrudSearchComponent.es.js +0 -96
  162. package/crud/CrudTextAreaComponent.cjs.js +0 -1
  163. package/crud/CrudTextAreaComponent.d.ts +0 -22
  164. package/crud/CrudTextAreaComponent.es.js +0 -52
  165. package/crud/FileCrudField.cjs.js +0 -1
  166. package/crud/FileCrudField.d.ts +0 -25
  167. package/crud/FileCrudField.es.js +0 -219
  168. package/crud/ImageCrudField.cjs.js +0 -1
  169. package/crud/ImageCrudField.d.ts +0 -38
  170. package/crud/ImageCrudField.es.js +0 -113
  171. package/crud/actions/index.cjs.js +0 -1
  172. package/crud/actions/index.d.ts +0 -26
  173. package/crud/actions/index.es.js +0 -88
  174. package/crud/import/CrudImportButton.cjs.js +0 -1
  175. package/crud/import/CrudImportButton.d.ts +0 -3
  176. package/crud/import/CrudImportButton.es.js +0 -30
  177. package/crud/import/CrudImportComponent.cjs.js +0 -2
  178. package/crud/import/CrudImportComponent.d.ts +0 -14
  179. package/crud/import/CrudImportComponent.es.js +0 -222
  180. package/crud/index.d.ts +0 -23
  181. package/crud/modal/index.cjs.js +0 -1
  182. package/crud/modal/index.d.ts +0 -24
  183. package/crud/modal/index.es.js +0 -146
  184. package/crud/view/CrudDecListView.cjs.js +0 -1
  185. package/crud/view/CrudDecListView.d.ts +0 -15
  186. package/crud/view/CrudDecListView.es.js +0 -57
  187. package/crud/view/CrudViewer.cjs.js +0 -1
  188. package/crud/view/CrudViewer.d.ts +0 -43
  189. package/crud/view/CrudViewer.es.js +0 -304
  190. package/crud/view/CrudViewerUtil.cjs.js +0 -1
  191. package/crud/view/CrudViewerUtil.d.ts +0 -2
  192. package/crud/view/CrudViewerUtil.es.js +0 -98
  193. package/crud/view/index.d.ts +0 -5
  194. package/hooks/NavigatorHooks.cjs.js +0 -1
  195. package/hooks/NavigatorHooks.d.ts +0 -1
  196. package/hooks/NavigatorHooks.es.js +0 -9
  197. package/icons/FlipHIcon.cjs.js +0 -1
  198. package/icons/FlipHIcon.d.ts +0 -3
  199. package/icons/FlipHIcon.es.js +0 -28
  200. package/icons/FlipVIcon.cjs.js +0 -1
  201. package/icons/FlipVIcon.d.ts +0 -3
  202. package/icons/FlipVIcon.es.js +0 -28
  203. package/index.cjs.js +0 -1
  204. package/index.d.ts +0 -4
  205. package/index.es.js +0 -46
  206. package/locale/hooks/translation-constants.cjs.js +0 -1
  207. package/locale/hooks/translation-constants.d.ts +0 -1
  208. package/locale/hooks/translation-constants.es.js +0 -4
  209. package/locale/index.cjs.js +0 -1
  210. package/locale/index.d.ts +0 -85
  211. package/locale/index.es.js +0 -57
  212. package/locale/translations/en.cjs.js +0 -1
  213. package/locale/translations/en.d.ts +0 -63
  214. package/locale/translations/en.es.js +0 -65
  215. package/main.d.ts +0 -0
  216. package/types/DialogComponentProp.d.ts +0 -8
  217. package/types/Id.d.ts +0 -10
  218. package/util/CrudUtil.cjs.js +0 -1
  219. package/util/CrudUtil.d.ts +0 -5
  220. package/util/CrudUtil.es.js +0 -8
  221. package/util/DateUtil.cjs.js +0 -1
  222. package/util/DateUtil.d.ts +0 -7
  223. package/util/DateUtil.es.js +0 -18
  224. package/util/ImageUtil.cjs.js +0 -1
  225. package/util/ImageUtil.d.ts +0 -14
  226. package/util/ImageUtil.es.js +0 -63
  227. package/util/NumberUtil.cjs.js +0 -1
  228. package/util/NumberUtil.d.ts +0 -17
  229. package/util/NumberUtil.es.js +0 -60
  230. package/util/ValidationUtil.cjs.js +0 -1
  231. package/util/ValidationUtil.d.ts +0 -14
  232. package/util/ValidationUtil.es.js +0 -63
  233. package/util/index.cjs.js +0 -1
  234. package/util/index.d.ts +0 -4
  235. package/util/index.es.js +0 -10
  236. package/vite-env.d.ts +0 -1
@@ -1,123 +0,0 @@
1
- import { jsxs as e, Fragment as H, jsx as r } from "react/jsx-runtime";
2
- import { Space as f, Form as J } from "antd";
3
- import { useRef as K, useCallback as c } from "react";
4
- import L from "./modal/index.es.js";
5
- import O from "./import/CrudImportButton.es.js";
6
- import Q from "./view/CrudViewer.es.js";
7
- import { NewButton as T } from "../common/button/NewButton.es.js";
8
- import { PrintButton as U } from "../common/button/PrintButton.es.js";
9
- const { useForm: eo } = J;
10
- function to({
11
- idField: i = "id",
12
- onCreate: p,
13
- onDelete: C,
14
- onHide: h,
15
- onUpdate: t,
16
- fields: n,
17
- data: k,
18
- grid: x,
19
- isHiding: v,
20
- isCreating: w,
21
- isDeleting: B,
22
- isUpdating: N,
23
- paginateProps: g,
24
- onPrint: m,
25
- printing: y,
26
- viewable: j,
27
- loadingData: F,
28
- formBuilder: R,
29
- extraAction: I,
30
- minusHeight: M,
31
- cloneable: P,
32
- fullWidthModal: S = !0,
33
- wizard: V,
34
- extraView: b,
35
- importable: s,
36
- onClickNew: u,
37
- size: q,
38
- ...z
39
- }) {
40
- const l = K(null), A = c(() => {
41
- var o;
42
- (o = l.current) == null || o.create();
43
- }, []), a = c(
44
- async (o, E = !0, G = !1) => {
45
- var d;
46
- await ((d = l.current) == null ? void 0 : d.update(o, E, G));
47
- },
48
- []
49
- ), D = c(
50
- async (o) => {
51
- a(o, !1, !0);
52
- },
53
- [a]
54
- );
55
- return /* @__PURE__ */ e(H, { children: [
56
- /* @__PURE__ */ e(f, { direction: "vertical", className: "w-100", children: [
57
- /* @__PURE__ */ e("div", { className: "w-100 d-flex", children: [
58
- /* @__PURE__ */ r("div", { style: { flex: 1 }, children: /* @__PURE__ */ r(
59
- T,
60
- {
61
- onClick: () => {
62
- u ? u() : A();
63
- },
64
- className: "flex-1"
65
- }
66
- ) }),
67
- /* @__PURE__ */ e(f, { children: [
68
- !!m && /* @__PURE__ */ r(
69
- U,
70
- {
71
- className: "float-right",
72
- loading: y,
73
- onClick: m
74
- }
75
- ),
76
- !!s && /* @__PURE__ */ r(O, { fields: n, importProps: s })
77
- ] })
78
- ] }),
79
- /* @__PURE__ */ r(
80
- Q,
81
- {
82
- ...z,
83
- minusHeight: M,
84
- data: k,
85
- size: q,
86
- fields: n,
87
- extraAction: I,
88
- idField: i,
89
- isDeleting: B,
90
- loadingData: F,
91
- onClickUpdate: t ? a : void 0,
92
- onHide: h,
93
- isHiding: v,
94
- onDelete: C,
95
- onUpdate: t,
96
- onClickClone: P ? D : void 0,
97
- paginateProps: g,
98
- viewable: j,
99
- extraView: b
100
- }
101
- )
102
- ] }),
103
- /* @__PURE__ */ r(
104
- L,
105
- {
106
- ref: l,
107
- fields: n,
108
- wizard: V,
109
- grid: x,
110
- fullWidthModal: S,
111
- isCreating: w,
112
- isUpdating: N,
113
- onCreate: p,
114
- onUpdate: t,
115
- idField: i,
116
- formBuilder: R
117
- }
118
- )
119
- ] });
120
- }
121
- export {
122
- to as default
123
- };
@@ -1 +0,0 @@
1
- "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),j=require("antd"),T=require("react"),$=require("react-highlight-words"),z=require("../locale/index.cjs.js"),J=require("./FileCrudField.cjs.js"),K=require("./ImageCrudField.cjs.js"),Q=require("../common/check-box/CheckBox.cjs.js"),X=require("../common/date-picker/DatePicker.cjs.js"),Y=require("../common/date-picker/TimePicker.cjs.js"),E=require("../common/select/SelectComponent.cjs.js"),Z=require("../common/text-field/NumberField.cjs.js"),V=require("../common/text-field/TextField.cjs.js"),ee=require("../common/tooltip/TooltipComponent.cjs.js"),te=require("./CrudTextAreaComponent.cjs.js"),U=require("../util/CrudUtil.cjs.js");function re(y){const{label:s,name:c,type:C,required:i,hidden:S,rules:m=[],updatable:h=!0,readonly:w=!1,fieldClassName:p,customFormFieldRender:O,fieldTooltip:v,...t}=y,g=j.Form.useFormInstance();T.useEffect(()=>{if(C==="select"){const{items:n=[],onSearch:o,searchOnType:l}=t;!(n!=null&&n.length)&&!l&&(o==null||o(void 0,g,t==null?void 0:t.updatingValue))}},[g,t,C,t==null?void 0:t.updatingValue]);const{t:q}=z.useTranslationLibNoNS();if(w||S)return e.jsx(e.Fragment,{});if(O)return O(g,y);switch(C){case"text":case"email":case"password":{const{onChange:n,placeholder:o,addonAfter:l,addonBefore:f}=t;return e.jsx(V.default,{placeholder:o,disabled:!h,rules:m,required:i,onChange:n?x=>n(x,g):void 0,type:C,name:c,tooltip:v,label:s,className:p,autoComplete:"new-password",addonAfter:l,addonBefore:f})}case"number":{const{onChange:n,placeholder:o,allowMinus:l,min:f,max:x,addonAfter:u,addonBefore:b}=t;return e.jsx(Z,{placeholder:o,disabled:!h,moneyField:!!t.formatted,type:C,onChange:n?F=>n(F,g):void 0,rules:m,autoComplete:"false",required:i,tooltip:v,className:p,min:l?null:f,max:x,addonAfter:u,addonBefore:b,name:c,label:s})}case"date":{const{range:n,disableToday:o,disabledFutureDays:l,disabledPastDays:f,onChange:x,placeholder:u,format:b}=t;return e.jsx(X,{placeholder:u,required:i,disabled:!h,type:C,format:b,tooltip:v,range:n,name:c,label:s,onChange:x?F=>x(F,g):void 0,className:p,disableToday:o,disabledFutureDays:l,disabledPastDays:f})}case"time":{const{range:n=!1,disableCurrent:o,disabledFuture:l,disabledPast:f,onChange:x,use12Hours:u,format:b,placeholder:F}=t;return e.jsx(Y,{placeholder:F,required:i,format:b,disabled:!h,type:C,tooltip:v,range:n,use12Hours:u,name:c,label:s,onChange:x?a=>x(a,g):void 0,className:p,disableCurrent:o,disabledFuture:l,disabledPast:f})}case"textarea":return e.jsx(te,{...y});case"image":return e.jsx(K.default,{...t,required:i,name:c,label:s,rules:m,fieldClassName:p,onRemoved:t.onRemoved,onUploading:t.onUploading,provider:t.provider});case"file":return e.jsx(J.default,{...t,required:i,name:c,label:s,rules:m,fieldClassName:p,onRemoved:t.onRemoved,onUploading:t.onUploading,provider:t.provider});case"select":return e.jsx(H,{...t,required:i,name:c,label:s,rules:m,fieldClassName:p,form:g,updatable:h,readonly:w,fieldTooltip:v});case"enum":{const{enum:n,radio:o=!1,translation:l,onChange:f,onSearch:x,multiple:u,tagRender:b}=t,F=Array.isArray(n)?n:Object.keys(n);return o?e.jsx(j.Form.Item,{...t,name:c,required:i,tooltip:v,rules:m,label:s,className:["w-100",p].join(" "),children:e.jsx(j.Radio.Group,{...t,onChange:f?a=>{var R;return f((R=a==null?void 0:a.target)==null?void 0:R.value,g)}:void 0,children:F.map(a=>e.jsx(j.Radio,{disabled:!h,value:a,children:l?q(l[a]):a},a))})}):e.jsx(E,{...t,tagRender:typeof b=="function"?b:b?a=>{const{value:R,label:N}=a,k=b[R];return k?e.jsx(j.Tag,{color:k.color,children:N}):e.jsx(j.Tag,{children:N})}:void 0,onChange:f?a=>f(a,g):void 0,className:["w-100",p].join(" "),name:c,items:F,required:i,tooltip:v,rules:m,label:s,disabled:!h,onSearch:x?a=>x(a,g):void 0,allowClear:!0,mode:u?"multiple":void 0,itemBuilder:a=>e.jsx(j.Select.Option,{value:a,children:l?q(l[a]):a},a)})}case"checkbox":{const{onChange:n}=t;return e.jsx(Q,{className:p,rules:m,onChange:n?o=>n(o,g):void 0,label:s,tooltip:v,disabled:!h,name:c})}case"color":return e.jsx(D,{...t,type:"color",required:i,name:c,label:s,rules:m,fieldClassName:p,updatable:h,readonly:w,fieldTooltip:v});default:return e.jsx(e.Fragment,{children:`${C} Not Implemented`})}}function H(y){const{items:s=[],loading:c,searchOnType:C,onSearch:i,multiple:S,onChange:m,highlightSearch:h,required:w,fieldClassName:p,rules:O,fieldTooltip:v,updatable:t,label:g,name:q,tagRender:n,updatingValue:o,onSet:l,placeholder:f,allowClear:x=!0}=y,u=y.form,[b,F]=T.useState(""),a=T.useMemo(()=>U.getRealName(q),[q]),R=T.useMemo(()=>U.getRealName(q,"upsertFieldName"),[q]),N=j.Form.useWatch(a,u),[k,P]=T.useState(!0);T.useEffect(()=>{l&&k&&N&&(l==null||l(N,s,u),P(!1))},[k,u,s,a,l,N]),T.useEffect(()=>{N&&P(!0)},[N]);const _=T.useCallback(async r=>{F(r),C&&(i==null||i(r,u,o))},[u,i,C,o]);return e.jsx(E,{...y,maxTagCount:"responsive",maxTagPlaceholder:r=>e.jsxs(ee,{title:e.jsx(e.Fragment,{children:r.map(d=>e.jsxs(e.Fragment,{children:[d.label," ",e.jsx("br",{})]}))}),children:["+",r==null?void 0:r.length]}),placeholder:f,onSelect:r=>{l==null||l(r==null?void 0:r.key,s,u)},onChange:m?r=>{F(""),m(r,u)}:void 0,mode:S?"multiple":void 0,className:["w-100",p].join(" "),name:R,items:s,required:w,tooltip:v,tagRender:n,rules:O,disabled:!t,label:g,allowClear:x,onSearch:_,loading:c,filterOption:h?(r,d)=>{var A,B,I;try{const L=r.toLowerCase().split(/\s+/),W=((typeof(d==null?void 0:d.children)=="string"?d==null?void 0:d.children:(B=(A=d==null?void 0:d.children)==null?void 0:A.props)==null?void 0:B.textToHighlight)??"").toLowerCase(),G=(((I=d==null?void 0:d.value)==null?void 0:I.toString())??"").toLowerCase();return L.every(M=>W.indexOf(M)>=0||G.indexOf(M)>=0)}catch{return!0}}:void 0,itemBuilder:h?r=>{const d=r.value?String(r.value):void 0;return e.jsx(j.Select.Option,{value:r.key,title:d,disabled:r.disabled,children:e.jsx($,{highlightClassName:"highlight-text",searchWords:(b??"").split(" "),autoEscape:!0,textToHighlight:d??""})},r.key)}:r=>e.jsx(j.Select.Option,{value:r.key,title:r.value,disabled:r.disabled,children:r.value},r.key)})}function D(y){const{required:s,fieldClassName:c,rules:C,fieldTooltip:i,updatable:S,label:m,name:h}=y;return e.jsx(j.Form.Item,{label:m,name:h,required:s,rules:C,tooltip:i,children:e.jsx(j.ColorPicker,{disabledAlpha:!0,format:"hex",defaultFormat:"hex",showText:!0,trigger:"click",className:c,disabled:!S,...y.innerProps})})}exports.ColorCrudFieldComponent=D;exports.SelectCrudFieldComponent=H;exports.default=re;
@@ -1,4 +0,0 @@
1
- import { ColorPickerFieldProps, CrudFieldProps, SelectCrudField } from './CrudComponent';
2
- export default function CrudField<T>(props0: Readonly<CrudFieldProps<T>>): import("react/jsx-runtime").JSX.Element;
3
- export declare function SelectCrudFieldComponent<T>(props: Readonly<SelectCrudField<T>>): import("react/jsx-runtime").JSX.Element;
4
- export declare function ColorCrudFieldComponent<T>(props: ColorPickerFieldProps<T>): import("react/jsx-runtime").JSX.Element;
@@ -1,449 +0,0 @@
1
- import { jsx as t, Fragment as S, jsxs as E } from "react/jsx-runtime";
2
- import { Form as j, Radio as M, Select as A, Tag as W, ColorPicker as X } from "antd";
3
- import { useEffect as B, useState as G, useMemo as _, useCallback as Y } from "react";
4
- import Z from "react-highlight-words";
5
- import { useTranslationLibNoNS as V } from "../locale/index.es.js";
6
- import ee from "./FileCrudField.es.js";
7
- import re from "./ImageCrudField.es.js";
8
- import te from "../common/check-box/CheckBox.es.js";
9
- import ae from "../common/date-picker/DatePicker.es.js";
10
- import oe from "../common/date-picker/TimePicker.es.js";
11
- import z from "../common/select/SelectComponent.es.js";
12
- import le from "../common/text-field/NumberField.es.js";
13
- import ne from "../common/text-field/TextField.es.js";
14
- import ie from "../common/tooltip/TooltipComponent.es.js";
15
- import de from "./CrudTextAreaComponent.es.js";
16
- import $ from "../util/CrudUtil.es.js";
17
- function Re(N) {
18
- const {
19
- label: n,
20
- name: m,
21
- type: C,
22
- required: d,
23
- hidden: k,
24
- rules: u = [],
25
- updatable: h = !0,
26
- readonly: R = !1,
27
- fieldClassName: b,
28
- customFormFieldRender: P,
29
- fieldTooltip: y,
30
- ...e
31
- } = N, f = j.useFormInstance();
32
- B(() => {
33
- if (C === "select") {
34
- const {
35
- items: l = [],
36
- onSearch: i,
37
- searchOnType: o
38
- } = e;
39
- !(l != null && l.length) && !o && (i == null || i(void 0, f, e == null ? void 0 : e.updatingValue));
40
- }
41
- }, [f, e, C, e == null ? void 0 : e.updatingValue]);
42
- const { t: T } = V();
43
- if (R || k) return /* @__PURE__ */ t(S, {});
44
- if (P)
45
- return P(f, N);
46
- switch (C) {
47
- case "text":
48
- case "email":
49
- case "password": {
50
- const { onChange: l, placeholder: i, addonAfter: o, addonBefore: p } = e;
51
- return /* @__PURE__ */ t(
52
- ne,
53
- {
54
- placeholder: i,
55
- disabled: !h,
56
- rules: u,
57
- required: d,
58
- onChange: l ? (g) => l(g, f) : void 0,
59
- type: C,
60
- name: m,
61
- tooltip: y,
62
- label: n,
63
- className: b,
64
- autoComplete: "new-password",
65
- addonAfter: o,
66
- addonBefore: p
67
- }
68
- );
69
- }
70
- case "number": {
71
- const { onChange: l, placeholder: i, allowMinus: o, min: p, max: g, addonAfter: c, addonBefore: v } = e;
72
- return /* @__PURE__ */ t(
73
- le,
74
- {
75
- placeholder: i,
76
- disabled: !h,
77
- moneyField: !!e.formatted,
78
- type: C,
79
- onChange: l ? (x) => l(x, f) : void 0,
80
- rules: u,
81
- autoComplete: "false",
82
- required: d,
83
- tooltip: y,
84
- className: b,
85
- min: o ? null : p,
86
- max: g,
87
- addonAfter: c,
88
- addonBefore: v,
89
- name: m,
90
- label: n
91
- }
92
- );
93
- }
94
- case "date": {
95
- const {
96
- range: l,
97
- disableToday: i,
98
- disabledFutureDays: o,
99
- disabledPastDays: p,
100
- onChange: g,
101
- placeholder: c,
102
- format: v
103
- } = e;
104
- return /* @__PURE__ */ t(
105
- ae,
106
- {
107
- placeholder: c,
108
- required: d,
109
- disabled: !h,
110
- type: C,
111
- format: v,
112
- tooltip: y,
113
- range: l,
114
- name: m,
115
- label: n,
116
- onChange: g ? (x) => g(x, f) : void 0,
117
- className: b,
118
- disableToday: i,
119
- disabledFutureDays: o,
120
- disabledPastDays: p
121
- }
122
- );
123
- }
124
- case "time": {
125
- const {
126
- range: l = !1,
127
- disableCurrent: i,
128
- disabledFuture: o,
129
- disabledPast: p,
130
- onChange: g,
131
- use12Hours: c,
132
- format: v,
133
- placeholder: x
134
- } = e;
135
- return /* @__PURE__ */ t(
136
- oe,
137
- {
138
- placeholder: x,
139
- required: d,
140
- format: v,
141
- disabled: !h,
142
- type: C,
143
- tooltip: y,
144
- range: l,
145
- use12Hours: c,
146
- name: m,
147
- label: n,
148
- onChange: g ? (a) => g(a, f) : void 0,
149
- className: b,
150
- disableCurrent: i,
151
- disabledFuture: o,
152
- disabledPast: p
153
- }
154
- );
155
- }
156
- case "textarea":
157
- return /* @__PURE__ */ t(de, { ...N });
158
- case "image":
159
- return /* @__PURE__ */ t(
160
- re,
161
- {
162
- ...e,
163
- required: d,
164
- name: m,
165
- label: n,
166
- rules: u,
167
- fieldClassName: b,
168
- onRemoved: e.onRemoved,
169
- onUploading: e.onUploading,
170
- provider: e.provider
171
- }
172
- );
173
- case "file":
174
- return /* @__PURE__ */ t(
175
- ee,
176
- {
177
- ...e,
178
- required: d,
179
- name: m,
180
- label: n,
181
- rules: u,
182
- fieldClassName: b,
183
- onRemoved: e.onRemoved,
184
- onUploading: e.onUploading,
185
- provider: e.provider
186
- }
187
- );
188
- case "select":
189
- return /* @__PURE__ */ t(
190
- se,
191
- {
192
- ...e,
193
- required: d,
194
- name: m,
195
- label: n,
196
- rules: u,
197
- fieldClassName: b,
198
- form: f,
199
- updatable: h,
200
- readonly: R,
201
- fieldTooltip: y
202
- }
203
- );
204
- case "enum": {
205
- const {
206
- enum: l,
207
- radio: i = !1,
208
- translation: o,
209
- onChange: p,
210
- onSearch: g,
211
- multiple: c,
212
- tagRender: v
213
- } = e, x = Array.isArray(l) ? l : Object.keys(l);
214
- return i ? /* @__PURE__ */ t(
215
- j.Item,
216
- {
217
- ...e,
218
- name: m,
219
- required: d,
220
- tooltip: y,
221
- rules: u,
222
- label: n,
223
- className: ["w-100", b].join(" "),
224
- children: /* @__PURE__ */ t(
225
- M.Group,
226
- {
227
- ...e,
228
- onChange: p ? (a) => {
229
- var w;
230
- return p((w = a == null ? void 0 : a.target) == null ? void 0 : w.value, f);
231
- } : void 0,
232
- children: x.map((a) => /* @__PURE__ */ t(M, { disabled: !h, value: a, children: o ? T(o[a]) : a }, a))
233
- }
234
- )
235
- }
236
- ) : /* @__PURE__ */ t(
237
- z,
238
- {
239
- ...e,
240
- tagRender: typeof v == "function" ? v : v ? (a) => {
241
- const { value: w, label: F } = a, O = v[w];
242
- return O ? /* @__PURE__ */ t(W, { color: O.color, children: F }) : /* @__PURE__ */ t(W, { children: F });
243
- } : void 0,
244
- onChange: p ? (a) => p(a, f) : void 0,
245
- className: ["w-100", b].join(" "),
246
- name: m,
247
- items: x,
248
- required: d,
249
- tooltip: y,
250
- rules: u,
251
- label: n,
252
- disabled: !h,
253
- onSearch: g ? (a) => g(a, f) : void 0,
254
- allowClear: !0,
255
- mode: c ? "multiple" : void 0,
256
- itemBuilder: (a) => /* @__PURE__ */ t(A.Option, { value: a, children: o ? T(o[a]) : a }, a)
257
- }
258
- );
259
- }
260
- case "checkbox": {
261
- const { onChange: l } = e;
262
- return /* @__PURE__ */ t(
263
- te,
264
- {
265
- className: b,
266
- rules: u,
267
- onChange: l ? (i) => l(i, f) : void 0,
268
- label: n,
269
- tooltip: y,
270
- disabled: !h,
271
- name: m
272
- }
273
- );
274
- }
275
- case "color":
276
- return /* @__PURE__ */ t(
277
- me,
278
- {
279
- ...e,
280
- type: "color",
281
- required: d,
282
- name: m,
283
- label: n,
284
- rules: u,
285
- fieldClassName: b,
286
- updatable: h,
287
- readonly: R,
288
- fieldTooltip: y
289
- }
290
- );
291
- default:
292
- return /* @__PURE__ */ t(S, { children: `${C} Not Implemented` });
293
- }
294
- }
295
- function se(N) {
296
- const {
297
- items: n = [],
298
- loading: m,
299
- searchOnType: C,
300
- onSearch: d,
301
- multiple: k,
302
- onChange: u,
303
- highlightSearch: h,
304
- required: R,
305
- fieldClassName: b,
306
- rules: P,
307
- fieldTooltip: y,
308
- updatable: e,
309
- label: f,
310
- name: T,
311
- tagRender: l,
312
- updatingValue: i,
313
- onSet: o,
314
- placeholder: p,
315
- allowClear: g = !0
316
- } = N, c = N.form, [v, x] = G(""), a = _(() => $.getRealName(T), [T]), w = _(() => $.getRealName(T, "upsertFieldName"), [T]), F = j.useWatch(a, c), [O, I] = G(!0);
317
- B(() => {
318
- o && O && F && (o == null || o(F, n, c), I(!1));
319
- }, [O, c, n, a, o, F]), B(() => {
320
- F && I(!0);
321
- }, [F]);
322
- const J = Y(
323
- async (r) => {
324
- x(r), C && (d == null || d(r, c, i));
325
- },
326
- [c, d, C, i]
327
- );
328
- return /* @__PURE__ */ t(
329
- z,
330
- {
331
- ...N,
332
- maxTagCount: "responsive",
333
- maxTagPlaceholder: (r) => /* @__PURE__ */ E(
334
- ie,
335
- {
336
- title: /* @__PURE__ */ t(S, { children: r.map((s) => /* @__PURE__ */ E(S, { children: [
337
- s.label,
338
- " ",
339
- /* @__PURE__ */ t("br", {})
340
- ] })) }),
341
- children: [
342
- "+",
343
- r == null ? void 0 : r.length
344
- ]
345
- }
346
- ),
347
- placeholder: p,
348
- onSelect: (r) => {
349
- o == null || o(r == null ? void 0 : r.key, n, c);
350
- },
351
- onChange: u ? (r) => {
352
- x(""), u(r, c);
353
- } : void 0,
354
- mode: k ? "multiple" : void 0,
355
- className: ["w-100", b].join(" "),
356
- name: w,
357
- items: n,
358
- required: R,
359
- tooltip: y,
360
- tagRender: l,
361
- rules: P,
362
- disabled: !e,
363
- label: f,
364
- allowClear: g,
365
- onSearch: J,
366
- loading: m,
367
- filterOption: h ? (r, s) => {
368
- var L, U, H;
369
- try {
370
- const q = r.toLowerCase().split(/\s+/), K = ((typeof (s == null ? void 0 : s.children) == "string" ? s == null ? void 0 : s.children : (U = (L = s == null ? void 0 : s.children) == null ? void 0 : L.props) == null ? void 0 : U.textToHighlight) ?? "").toLowerCase(), Q = (((H = s == null ? void 0 : s.value) == null ? void 0 : H.toString()) ?? "").toLowerCase();
371
- return q.every(
372
- (D) => K.indexOf(D) >= 0 || Q.indexOf(D) >= 0
373
- );
374
- } catch {
375
- return !0;
376
- }
377
- } : void 0,
378
- itemBuilder: h ? (r) => {
379
- const s = r.value ? String(r.value) : void 0;
380
- return /* @__PURE__ */ t(
381
- A.Option,
382
- {
383
- value: r.key,
384
- title: s,
385
- disabled: r.disabled,
386
- children: /* @__PURE__ */ t(
387
- Z,
388
- {
389
- highlightClassName: "highlight-text",
390
- searchWords: (v ?? "").split(" "),
391
- autoEscape: !0,
392
- textToHighlight: s ?? ""
393
- }
394
- )
395
- },
396
- r.key
397
- );
398
- } : (r) => /* @__PURE__ */ t(
399
- A.Option,
400
- {
401
- value: r.key,
402
- title: r.value,
403
- disabled: r.disabled,
404
- children: r.value
405
- },
406
- r.key
407
- )
408
- }
409
- );
410
- }
411
- function me(N) {
412
- const {
413
- required: n,
414
- fieldClassName: m,
415
- rules: C,
416
- fieldTooltip: d,
417
- updatable: k,
418
- label: u,
419
- name: h
420
- } = N;
421
- return /* @__PURE__ */ t(
422
- j.Item,
423
- {
424
- label: u,
425
- name: h,
426
- required: n,
427
- rules: C,
428
- tooltip: d,
429
- children: /* @__PURE__ */ t(
430
- X,
431
- {
432
- disabledAlpha: !0,
433
- format: "hex",
434
- defaultFormat: "hex",
435
- showText: !0,
436
- trigger: "click",
437
- className: m,
438
- disabled: !k,
439
- ...N.innerProps
440
- }
441
- )
442
- }
443
- );
444
- }
445
- export {
446
- me as ColorCrudFieldComponent,
447
- se as SelectCrudFieldComponent,
448
- Re as default
449
- };
@@ -1 +0,0 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),c=require("react"),m=require("antd"),j=require("./CrudField.cjs.js"),b=require("../util/CrudUtil.cjs.js");function v({form:i,purpose:y="new",...g}){return e.jsx(m.Form,{form:i,layout:"vertical",children:e.jsx(x,{...g,purpose:y})})}function x({fields:i,formBuilder:y,grid:g,onDeleteFile:d,onUploadFile:u,purpose:s}){const p=c.useMemo(()=>i.filter(t=>!t.readonly).map(t=>{const a={onUploading:t.type==="image"||t.type==="file"?r=>{var n;t.onUploading&&((n=t.onUploading)==null||n.call(t,r)),u==null||u(r)}:void 0,onDelete:t.type==="image"||t.type==="file"?r=>{var n;t.onUploading&&((n=t.onDelete)==null||n.call(t,r)),d==null||d(r)}:void 0};return e.jsx(c.Fragment,{children:t.grid&&g?e.jsx(m.Col,{...t.grid,children:c.createElement(j.default,{...t,...a,key:typeof t.name=="string"?t.name:String(t.name),updatable:s!=="update"?!0:t.updatable})}):c.createElement(j.default,{...t,...a,key:typeof t.name=="string"?t.name:String(t.name),updatable:s!=="update"?!0:t.updatable})},t.name)}),[i,g,d,u,s]),C=c.useCallback((t,a={})=>{const r=i.find(n=>b.getRealName(n.name)===t);if(r!=null&&r.hidden)return e.jsx(e.Fragment,{});if(r){const n={onUploading:r.type==="image"||r.type==="file"?o=>{var f;r.onUploading&&((f=r.onUploading)==null||f.call(r,o)),u==null||u(o)}:void 0,onDelete:r.type==="image"||r.type==="file"?o=>{var f;r.onUploading&&((f=r.onDelete)==null||f.call(r,o)),d==null||d(o)}:void 0},l=b.getRealName(r.name),h=c.createElement(j.default,{...r,...a,...n,key:typeof l=="string"?l:String(l),updatable:s!=="update"?!0:r.updatable});return a.render?a.render(h):h}return e.jsx(e.Fragment,{})},[i,s]);return e.jsx(e.Fragment,{children:y?e.jsxs(e.Fragment,{children:[y(C,{isAnyFieldHidden(...t){const a=Array.isArray(t)?t:[t];return i.filter(n=>a.includes(n.name)).some(n=>n.hidden)},isAllFieldsHidden(...t){const a=Array.isArray(t)?t:[t];return i.filter(n=>a.includes(n.name)).every(n=>n.hidden)},purpose:s}),e.jsxs(m.Form.Item,{hidden:!0,noStyle:!0,children:[e.jsx(m.Input,{name:"id"}),e.jsx(m.Input,{})]})]}):g?e.jsx(m.Row,{gutter:[8,8],children:p}):p})}exports.CrudForm=v;exports.CrudFormFields=x;
@@ -1,14 +0,0 @@
1
- import { FormInstance } from 'antd';
2
- import { CrudFieldProps, CrudPurpose, FormBuilderFunc } from './CrudComponent';
3
- export interface CurdFormFieldsProps<T> {
4
- onDeleteFile?: (e: any) => void;
5
- onUploadFile?: (e: any) => void;
6
- grid?: boolean;
7
- formBuilder?: FormBuilderFunc<T>;
8
- fields: CrudFieldProps<T>[];
9
- purpose?: CrudPurpose;
10
- }
11
- export declare function CrudForm<T>({ form, purpose, ...props }: Readonly<CurdFormFieldsProps<T> & {
12
- form: FormInstance;
13
- }>): import("react/jsx-runtime").JSX.Element;
14
- export declare function CrudFormFields<T>({ fields, formBuilder, grid, onDeleteFile, onUploadFile, purpose, }: Readonly<CurdFormFieldsProps<T>>): import("react/jsx-runtime").JSX.Element;