@voplus/morpho-document 6.0.201 → 6.0.203

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 (17) hide show
  1. package/es/data/quick-access/hooks.d.ts +6 -1
  2. package/es/data/quick-access/hooks.js.map +1 -1
  3. package/es/modules/quick-access/AdvanceFilterForm/index.js +182 -392
  4. package/es/modules/quick-access/AdvanceFilterForm/index.js.map +1 -1
  5. package/es/modules/quick-access/AdvanceFilterForm/state.d.ts +4 -58
  6. package/es/modules/quick-access/AdvanceFilterForm/state.js +26 -29
  7. package/es/modules/quick-access/AdvanceFilterForm/state.js.map +1 -1
  8. package/es/modules/quick-access/QuickAccessPage/index.js +3 -3
  9. package/es/modules/quick-access/QuickAccessPage/index.js.map +1 -1
  10. package/es/pages/Signature/Envelope/EnvelopeRecipientView/pc/index.js +1 -1
  11. package/es/pages/Signature/Envelope/EnvelopeRecipientView/pc/index.js.map +1 -1
  12. package/es/pages/Signature/Envelope/components/EnvelopeTabs/index.d.ts +0 -2
  13. package/es/pages/Signature/Envelope/components/EnvelopeTabs/index.js +1 -9
  14. package/es/pages/Signature/Envelope/components/EnvelopeTabs/index.js.map +1 -1
  15. package/es/pages/Signature/Letter/components/LetterMenu.js +3 -2
  16. package/es/pages/Signature/Letter/components/LetterMenu.js.map +1 -1
  17. package/package.json +1 -1
package/es/modules/quick-access/AdvanceFilterForm/index.js CHANGED
@@ -25,9 +25,10 @@ const AdvanceFilterForm = (props) => {
25
25
  const [state] = useState(new State());
26
26
  useEffect(() => {
27
27
  state.loading = false;
28
- const [t, v, f] = state.getToLocal();
28
+ const [t, f, d] = state.getToLocal();
29
29
  state.selectedType = t;
30
- state.filterDefaultValue = v !== null && v !== void 0 ? v : cloneDeep(state.initial);
30
+ state.initialBaseType = t;
31
+ state.initialDocumentType = d;
31
32
  state.filerOptions = f !== null && f !== void 0 ? f : [];
32
33
  setTimeout(() => (state.loading = true), 100);
33
34
  }, []);
@@ -44,12 +45,9 @@ const AdvanceFilterForm = (props) => {
44
45
  } }),
45
46
  ((_a = state.selectedType) === null || _a === void 0 ? void 0 : _a.type) &&
46
47
  ((_b = state.selectedType) === null || _b === void 0 ? void 0 : _b.type) !== "Document" &&
47
- ((_c = state.selectedType.searchProps) === null || _c === void 0 ? void 0 : _c.length) > 0 && (React.createElement(PropertiesSection, { title: `${(_e = (_d = state.selectedType) === null || _d === void 0 ? void 0 : _d.type) === null || _e === void 0 ? void 0 : _e.toLocaleUpperCase()} FIELDS`, properties: () => { var _a, _b; return (_b = (_a = state.selectedType) === null || _a === void 0 ? void 0 : _a.searchProps) === null || _b === void 0 ? void 0 : _b.map((t, i) => state.refresh && renderProp(t)); } })),
48
+ ((_c = state.selectedType.searchProps) === null || _c === void 0 ? void 0 : _c.length) > 0 && (React.createElement(PropertiesSection, { title: `${(_e = (_d = state.selectedType) === null || _d === void 0 ? void 0 : _d.type) === null || _e === void 0 ? void 0 : _e.toLocaleUpperCase()} FIELDS`, properties: () => { var _a, _b; return (_b = (_a = state.initialBaseType) === null || _a === void 0 ? void 0 : _a.searchProps) === null || _b === void 0 ? void 0 : _b.map((t, i) => state.refresh && renderProp(t)); } })),
48
49
  (((_g = (_f = state.selectedType) === null || _f === void 0 ? void 0 : _f.searchPropIncludes) === null || _g === void 0 ? void 0 : _g.includes("Document")) ||
49
- ((_h = state.selectedType) === null || _h === void 0 ? void 0 : _h.type) === "Document") && (React.createElement(PropertiesSection, { title: "DOCUMENT FIELDS", properties: () => {
50
- var _a, _b, _c;
51
- return (_c = (_b = (_a = props.fileTypes) === null || _a === void 0 ? void 0 : _a.find((f) => f.type === "Document")) === null || _b === void 0 ? void 0 : _b.searchProps) === null || _c === void 0 ? void 0 : _c.map((t, i) => state.refresh && renderProp(t));
52
- } })))) : (React.createElement(Skeleton, null));
50
+ ((_h = state.selectedType) === null || _h === void 0 ? void 0 : _h.type) === "Document") && (React.createElement(PropertiesSection, { title: "DOCUMENT FIELDS", properties: () => { var _a, _b; return (_b = (_a = state.initialDocumentType) === null || _a === void 0 ? void 0 : _a.searchProps) === null || _b === void 0 ? void 0 : _b.map((t, i) => state.refresh && renderProp(t)); } })))) : (React.createElement(Skeleton, null));
53
51
  });
54
52
  return observe(() => (React.createElement(AddFormView, { className: "advance-filter-form", title: "Advance filter", okText: "Filter", onCancel: () => asideContext === null || asideContext === void 0 ? void 0 : asideContext.closeAside(), onSubmit: () => {
55
53
  var _a;
@@ -57,25 +55,26 @@ const AdvanceFilterForm = (props) => {
57
55
  message.warning("The center cannot be empty!");
58
56
  return;
59
57
  }
60
- state.setToLocal(state.selectedType, state.filterDefaultValue, state.filerOptions);
58
+ state.setToLocal(state.initialBaseType, state.filerOptions, state.initialDocumentType);
61
59
  (_a = props.onFilter) === null || _a === void 0 ? void 0 : _a.call(props, state.filerOptions);
62
60
  } }, content)));
63
61
  function onChangeFileType(type) {
64
- var _a, _b, _c, _d, _e, _f, _g, _h;
62
+ var _a, _b, _c, _d, _e, _f;
65
63
  state.filerOptions = [];
66
- state.filterDefaultValue = cloneDeep(state.initial);
67
64
  state.selectedType = (_a = props.fileTypes) === null || _a === void 0 ? void 0 : _a.find((f) => f.type === type);
68
- (_b = props.onChange) === null || _b === void 0 ? void 0 : _b.call(props, type);
65
+ state.documentType = (_b = props.fileTypes) === null || _b === void 0 ? void 0 : _b.find((f) => f.type === "Document");
66
+ state.initialBaseType = cloneDeep(state.selectedType);
67
+ state.initialDocumentType = cloneDeep(state.documentType);
68
+ (_c = props.onChange) === null || _c === void 0 ? void 0 : _c.call(props, type);
69
69
  if (type === "Invoice") {
70
- state.filterDefaultValue.financeCenter = (_e = (_d = (_c = user.info) === null || _c === void 0 ? void 0 : _c.organization) === null || _d === void 0 ? void 0 : _d.FinanceCenter) === null || _e === void 0 ? void 0 : _e.Id;
71
70
  state.filerOptions.push({
72
71
  c: "Center",
73
72
  o: "=",
74
73
  l: "And",
75
- v1: (_h = (_g = (_f = user.info) === null || _f === void 0 ? void 0 : _f.organization) === null || _g === void 0 ? void 0 : _g.FinanceCenter) === null || _h === void 0 ? void 0 : _h.Id,
74
+ v1: (_f = (_e = (_d = user.info) === null || _d === void 0 ? void 0 : _d.organization) === null || _e === void 0 ? void 0 : _e.FinanceCenter) === null || _f === void 0 ? void 0 : _f.Id,
76
75
  });
77
76
  }
78
- state.setToLocal(state.selectedType, state.filterDefaultValue, state.filerOptions);
77
+ state.setToLocal(state.selectedType, state.filerOptions, state.documentType);
79
78
  state.refresh = false;
80
79
  setTimeout(() => {
81
80
  state.refresh = true;
@@ -83,172 +82,141 @@ const AdvanceFilterForm = (props) => {
83
82
  }
84
83
  // Number, String, Date, Unit, UnitList, TagList
85
84
  function renderProp(item) {
86
- var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y, _z, _0, _1, _2, _3, _4, _5, _6, _7, _8, _9, _10, _11, _12, _13, _14, _15, _16, _17, _18, _19, _20, _21, _22, _23, _24, _25, _26, _27, _28, _29, _30, _31, _32, _33, _34, _35, _36, _37, _38, _39, _40, _41, _42, _43, _44, _45, _46, _47, _48, _49, _50, _51, _52, _53, _54;
87
- switch (item.name) {
88
- case "Corporate Status":
89
- return (React.createElement(Prop, { label: item.name, flow: "vertical" },
90
- React.createElement(Select, { allowClear: true, mode: "multiple", style: { width: "100%" }, placeholder: `Please select ${item.name}`, defaultValue: (_a = state.filterDefaultValue) === null || _a === void 0 ? void 0 : _a.corporateStatus, options: (_b = item === null || item === void 0 ? void 0 : item.values) === null || _b === void 0 ? void 0 : _b.map((i) => ({ label: i, value: i })), onChange: (value) => {
91
- var _a, _b;
92
- let filter;
93
- let v1 = "";
94
- if (value === null || value === void 0 ? void 0 : value.length) {
95
- state.filterDefaultValue.corporateStatus = value;
96
- v1 = JSON.stringify(value);
97
- }
98
- filter = { c: (_a = item.filter) !== null && _a !== void 0 ? _a : item.name, o: "contains", l: "And", v1: v1 };
99
- state.updateFilterOptions((_b = item.filter) !== null && _b !== void 0 ? _b : item.name, filter);
85
+ var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y, _z, _0, _1, _2, _3, _4, _5, _6, _7, _8, _9, _10, _11, _12;
86
+ switch (item.type) {
87
+ case "String":
88
+ return (React.createElement(Prop, { label: React.createElement(FormItemTitle, { title: item.name, extend: React.createElement(Select, { allowClear: true, variant: "borderless", placeholder: "selection range", style: { width: "150px" }, defaultValue: (_b = (_a = item.filterOption) === null || _a === void 0 ? void 0 : _a.o) !== null && _b !== void 0 ? _b : "contains", options: [
89
+ { value: "=", label: "equal" },
90
+ { value: "starts", label: "starts" },
91
+ { value: "contains", label: "contains" },
92
+ ], onChange: (v) => {
93
+ // item.filterOption = {
94
+ // c: item.filter ?? item.name,
95
+ // o: v,
96
+ // l: "And",
97
+ // v1: item.filterOption?.v1 ?? "",
98
+ // };
99
+ var _a;
100
+ item.filterOption["o"] = v;
101
+ state.updateFilterOptions((_a = item.filter) !== null && _a !== void 0 ? _a : item.name, item.filterOption);
102
+ } }) }), flow: "vertical" },
103
+ React.createElement(Row, { gutter: 8 },
104
+ React.createElement(Col, { span: 24 },
105
+ React.createElement(Input, { placeholder: `Please enter ${item.name}`, defaultValue: (_c = item === null || item === void 0 ? void 0 : item.filterOption) === null || _c === void 0 ? void 0 : _c.v1, style: { width: "100%" }, onChange: (e) => {
106
+ var _a, _b, _c, _d;
107
+ item.filterOption = {
108
+ c: (_a = item.filter) !== null && _a !== void 0 ? _a : item.name,
109
+ o: (_c = (_b = item.filterOption) === null || _b === void 0 ? void 0 : _b.o) !== null && _c !== void 0 ? _c : "contains",
110
+ l: "And",
111
+ v1: e.target.value,
112
+ };
113
+ state.updateFilterOptions((_d = item.filter) !== null && _d !== void 0 ? _d : item.name, item.filterOption);
114
+ } })))));
115
+ case "Date":
116
+ return (React.createElement(Prop, { label: React.createElement(FormItemTitle, { title: item.name, extend: React.createElement(Select, { allowClear: true, variant: "borderless", placeholder: "selection range", style: { width: "150px" }, defaultValue: (_e = (_d = item === null || item === void 0 ? void 0 : item.filterOption) === null || _d === void 0 ? void 0 : _d.o) !== null && _e !== void 0 ? _e : "=", options: [
117
+ { value: "=", label: "exact" },
118
+ { value: "<", label: "before" },
119
+ { value: ">", label: "after" },
120
+ { value: "between", label: "between" },
121
+ ], onChange: (v) => {
122
+ var _a;
123
+ item.filterOption["o"] = v;
124
+ state.updateFilterOptions((_a = item.filter) !== null && _a !== void 0 ? _a : item.name, item.filterOption);
125
+ } }) }), flow: "vertical" },
126
+ React.createElement(Row, { gutter: 8 },
127
+ React.createElement(Col, { span: ((_f = item === null || item === void 0 ? void 0 : item.filterOption) === null || _f === void 0 ? void 0 : _f.o) === "between" ? 12 : 24 },
128
+ React.createElement(DatePicker, { placeholder: ((_g = item === null || item === void 0 ? void 0 : item.filterOption) === null || _g === void 0 ? void 0 : _g.o) === "between"
129
+ ? "Please enter From Date"
130
+ : "Please enter Anytime", defaultValue: ((_h = item === null || item === void 0 ? void 0 : item.filterOption) === null || _h === void 0 ? void 0 : _h.v1) ? utcdayjs((_j = item.filterOption) === null || _j === void 0 ? void 0 : _j.v1) : undefined, style: { width: "100%" }, onChange: (date, dateString) => {
131
+ var _a, _b, _c, _d;
132
+ const v1 = date ? dayjs(date).format("YYYY-MM-DD HH:mm:ss") : "";
133
+ item.filterOption = {
134
+ c: (_a = item.filter) !== null && _a !== void 0 ? _a : item.name,
135
+ o: (_c = (_b = item.filterOption) === null || _b === void 0 ? void 0 : _b.o) !== null && _c !== void 0 ? _c : "=",
136
+ l: "And",
137
+ v1: v1,
138
+ };
139
+ state.updateFilterOptions((_d = item.filter) !== null && _d !== void 0 ? _d : item.name, item.filterOption);
140
+ } })),
141
+ ((_k = item === null || item === void 0 ? void 0 : item.filterOption) === null || _k === void 0 ? void 0 : _k.o) === "between" && (React.createElement(Col, { span: 12 },
142
+ React.createElement(DatePicker, { placeholder: "Please enter To Date", style: { width: "100%" }, defaultValue: ((_l = item === null || item === void 0 ? void 0 : item.filterOption) === null || _l === void 0 ? void 0 : _l.v2) ? utcdayjs((_m = item.filterOption) === null || _m === void 0 ? void 0 : _m.v2) : undefined, onChange: (date, dateString) => {
143
+ var _a, _b, _c, _d;
144
+ const v2 = date ? dayjs(date).format("YYYY-MM-DD HH:mm:ss") : "";
145
+ item.filterOption = {
146
+ c: (_a = item.filter) !== null && _a !== void 0 ? _a : item.name,
147
+ o: (_c = (_b = item.filterOption) === null || _b === void 0 ? void 0 : _b.o) !== null && _c !== void 0 ? _c : "=",
148
+ l: "And",
149
+ v1: item.filterOption.v1,
150
+ v2: v2,
151
+ };
152
+ state.updateFilterOptions((_d = item.filter) !== null && _d !== void 0 ? _d : item.name, item.filterOption);
153
+ } }))))));
154
+ case "Unit":
155
+ return (React.createElement(Prop, { label: React.createElement(FormItemTitle, { title: item.name, extend: React.createElement(Button, { type: "text", className: "create-by-btn", onClick: () => {
156
+ var _a;
157
+ item.units = [user.info.unit];
158
+ state.onChangeCreateBy((_a = item.filter) !== null && _a !== void 0 ? _a : item.name, [user.info.unit]);
159
+ } }, "select me") }), flow: "vertical" },
160
+ React.createElement(MentionList, { isEmptyData: true, multiple: !!item.multiSelect, contacts: (_o = item.units) !== null && _o !== void 0 ? _o : [], onChange: (units) => {
161
+ var _a;
162
+ item.units = units;
163
+ state.onChangeCreateBy((_a = item.filter) !== null && _a !== void 0 ? _a : item.name, units);
100
164
  } })));
101
- case "Customer Status":
165
+ case "Tag":
102
166
  return (React.createElement(Prop, { label: item.name, flow: "vertical" },
103
- React.createElement(Select, { allowClear: true, mode: "multiple", style: { width: "100%" }, placeholder: `Please select ${item.name}`, defaultValue: (_c = state.filterDefaultValue) === null || _c === void 0 ? void 0 : _c.customerStatus, options: (_d = item === null || item === void 0 ? void 0 : item.values) === null || _d === void 0 ? void 0 : _d.map((i) => ({ label: i, value: i })), onChange: (value) => {
167
+ React.createElement(Select, { mode: "tags", defaultValue: ((_p = item.filterOption) === null || _p === void 0 ? void 0 : _p.v1) ? JSON.parse((_q = item.filterOption) === null || _q === void 0 ? void 0 : _q.v1) : [], placeholder: "When the Tag is a radio button, the last selected option takes precedence.", style: { width: "100%" }, options: props === null || props === void 0 ? void 0 : props.tagList, ...(!item.multiSelect ? { maxTagCount: 1 } : {}), onChange: (value) => {
104
168
  var _a, _b;
105
- let filter;
106
169
  let v1 = "";
107
170
  if (value === null || value === void 0 ? void 0 : value.length) {
108
- state.filterDefaultValue.customerStatus = value;
109
- v1 = JSON.stringify(value);
171
+ v1 = item.multiSelect ? JSON.stringify(value) : value[value.length - 1];
110
172
  }
111
- filter = { c: (_a = item.filter) !== null && _a !== void 0 ? _a : item.name, o: "contains", l: "And", v1: v1 };
112
- state.updateFilterOptions((_b = item.filter) !== null && _b !== void 0 ? _b : item.name, filter);
173
+ item.filterOption = {
174
+ c: (_a = item.filter) !== null && _a !== void 0 ? _a : item.name,
175
+ o: item.multiSelect ? "contains" : "=",
176
+ l: "And",
177
+ v1: v1,
178
+ };
179
+ state.updateFilterOptions((_b = item.filter) !== null && _b !== void 0 ? _b : item.name, item.filterOption);
113
180
  } })));
114
- case "Work Status":
181
+ case "Boolean":
115
182
  return (React.createElement(Prop, { label: item.name, flow: "vertical" },
116
- React.createElement(Select, { allowClear: true, mode: "multiple", style: { width: "100%" }, placeholder: `Please select ${item.name}`, defaultValue: (_e = state.filterDefaultValue) === null || _e === void 0 ? void 0 : _e.workStatus, options: (_f = item === null || item === void 0 ? void 0 : item.values) === null || _f === void 0 ? void 0 : _f.map((i) => ({ label: i, value: i })), onChange: (value) => {
183
+ React.createElement(Switch, { defaultValue: ((_r = item.filterOption) === null || _r === void 0 ? void 0 : _r.v1) ? JSON.parse((_s = item.filterOption) === null || _s === void 0 ? void 0 : _s.v1) : undefined, onChange: (checked) => {
117
184
  var _a, _b;
118
- let filter;
119
- let v1 = "";
120
- if (value === null || value === void 0 ? void 0 : value.length) {
121
- state.filterDefaultValue.workStatus = value;
122
- v1 = JSON.stringify(value);
123
- }
124
- filter = { c: (_a = item.filter) !== null && _a !== void 0 ? _a : item.name, o: "contains", l: "And", v1: v1 };
125
- state.updateFilterOptions((_b = item.filter) !== null && _b !== void 0 ? _b : item.name, filter);
185
+ item.filterOption = {
186
+ c: (_a = item.filter) !== null && _a !== void 0 ? _a : item.name,
187
+ o: "=",
188
+ l: "And",
189
+ v1: JSON.stringify(checked),
190
+ };
191
+ state.updateFilterOptions((_b = item.filter) !== null && _b !== void 0 ? _b : item.name, item.filterOption);
126
192
  } })));
127
- case "Work Type":
193
+ case "WorkType":
128
194
  return (React.createElement(Prop, { label: item.name, flow: "vertical" }, register.getFilterType("WorkTypeSelect").component({
129
195
  allowClear: true,
130
- defaultValue: (_g = state.filterDefaultValue) === null || _g === void 0 ? void 0 : _g.workType,
196
+ defaultValue: (_t = item.filterOption) === null || _t === void 0 ? void 0 : _t.v1,
131
197
  onChange: (id) => {
132
198
  var _a, _b;
133
- let filter;
134
- state.filterDefaultValue.workType = id;
135
- filter = { c: (_a = item.filter) !== null && _a !== void 0 ? _a : item.name, o: "=", l: "And", v1: id };
136
- state.updateFilterOptions((_b = item.filter) !== null && _b !== void 0 ? _b : item.name, filter);
199
+ item.filterOption = { c: (_a = item.filter) !== null && _a !== void 0 ? _a : item.name, o: "=", l: "And", v1: id };
200
+ state.updateFilterOptions((_b = item.filter) !== null && _b !== void 0 ? _b : item.name, item.filterOption);
137
201
  },
138
202
  })));
139
- case "Finance Center":
140
- return (React.createElement(Prop, { label: item.name, flow: "vertical" },
141
- React.createElement(CenterSelect, { allowClear: true, filter: "FinanceCenter", defaultValue: (_h = state.filterDefaultValue) === null || _h === void 0 ? void 0 : _h.financeCenter, onChange: (id, center) => {
142
- var _a, _b;
143
- let filter;
144
- if (id) {
145
- state.filterDefaultValue.financeCenter = id;
146
- filter = { c: (_a = item.filter) !== null && _a !== void 0 ? _a : item.name, o: "=", l: "And", v1: id };
147
- }
148
- state.updateFilterOptions((_b = item.filter) !== null && _b !== void 0 ? _b : item.name, filter);
149
- } })));
150
- case "Secretary Center":
203
+ case "Select":
151
204
  return (React.createElement(Prop, { label: item.name, flow: "vertical" },
152
- React.createElement(CenterSelect, { allowClear: true, filter: "SecretaryCenter", defaultValue: (_j = state.filterDefaultValue) === null || _j === void 0 ? void 0 : _j.secretaryCenter, onChange: (id, center) => {
153
- var _a, _b;
154
- let filter;
155
- if (id) {
156
- state.filterDefaultValue.secretaryCenter = id;
157
- filter = { c: (_a = item.filter) !== null && _a !== void 0 ? _a : item.name, o: "=", l: "And", v1: id };
158
- }
159
- state.updateFilterOptions((_b = item.filter) !== null && _b !== void 0 ? _b : item.name, filter);
160
- } })));
161
- case "Sales Center":
162
- return (React.createElement(Prop, { label: item.name, flow: "vertical" },
163
- React.createElement(CenterSelect, { allowClear: true, filter: "SalesCenter", defaultValue: (_k = state.filterDefaultValue) === null || _k === void 0 ? void 0 : _k.salesCenter, onChange: (id, center) => {
164
- var _a, _b;
165
- let filter;
166
- if (id) {
167
- state.filterDefaultValue.salesCenter = id;
168
- filter = { c: (_a = item.filter) !== null && _a !== void 0 ? _a : item.name, o: "=", l: "And", v1: id };
169
- }
170
- state.updateFilterOptions((_b = item.filter) !== null && _b !== void 0 ? _b : item.name, filter);
171
- } })));
172
- case "Customer Center":
173
- return (React.createElement(Prop, { label: item.name, flow: "vertical" },
174
- React.createElement(CenterSelect, { allowClear: true, filter: "CustomerCenter", defaultValue: (_l = state.filterDefaultValue) === null || _l === void 0 ? void 0 : _l.customerCenter, onChange: (id, center) => {
175
- var _a, _b;
176
- let filter;
177
- if (id) {
178
- state.filterDefaultValue.customerCenter = id;
179
- filter = { c: (_a = item.filter) !== null && _a !== void 0 ? _a : item.name, o: "=", l: "And", v1: id };
180
- }
181
- state.updateFilterOptions((_b = item.filter) !== null && _b !== void 0 ? _b : item.name, filter);
182
- } })));
183
- case "Invoice Number":
184
- return (React.createElement(Prop, { label: React.createElement(FormItemTitle, { title: item.name, extend: React.createElement(Select, { allowClear: true, variant: "borderless", placeholder: "selection range", defaultValue: (_o = (_m = state.filterDefaultValue) === null || _m === void 0 ? void 0 : _m.invoiceNo) === null || _o === void 0 ? void 0 : _o.o, style: { width: "150px" }, options: [
185
- { value: "=", label: "equal" },
186
- { value: "starts", label: "starts" },
187
- { value: "contains", label: "contains" },
188
- ], onChange: (v) => {
189
- var _a, _b;
190
- state.filterDefaultValue.invoiceNo.c = (_a = item.filter) !== null && _a !== void 0 ? _a : item.name;
191
- state.filterDefaultValue.invoiceNo.o = v;
192
- state.updateFilterOptions((_b = item.filter) !== null && _b !== void 0 ? _b : item.name, state.filterDefaultValue.invoiceNo);
193
- } }) }), flow: "vertical" },
194
- React.createElement(Input, { placeholder: `Please enter ${item.name}`, defaultValue: (_q = (_p = state.filterDefaultValue) === null || _p === void 0 ? void 0 : _p.invoiceNo) === null || _q === void 0 ? void 0 : _q.v1, style: { width: "100%" }, onChange: (e) => {
205
+ React.createElement(Select, { allowClear: true, mode: "multiple", style: { width: "100%" }, placeholder: `Please select ${item.name}`, defaultValue: ((_u = item.filterOption) === null || _u === void 0 ? void 0 : _u.v1) ? JSON.parse((_v = item.filterOption) === null || _v === void 0 ? void 0 : _v.v1) : [], options: (_w = item === null || item === void 0 ? void 0 : item.values) === null || _w === void 0 ? void 0 : _w.map((i) => ({ label: i, value: i })), onChange: (value) => {
195
206
  var _a, _b;
196
- state.filterDefaultValue.invoiceNo.c = (_a = item.filter) !== null && _a !== void 0 ? _a : item.name;
197
- state.filterDefaultValue.invoiceNo.v1 = e.target.value;
198
- state.updateFilterOptions((_b = item.filter) !== null && _b !== void 0 ? _b : item.name, state.filterDefaultValue.invoiceNo);
207
+ let v1 = "";
208
+ if (value === null || value === void 0 ? void 0 : value.length)
209
+ v1 = JSON.stringify(value);
210
+ item.filterOption = {
211
+ c: (_a = item.filter) !== null && _a !== void 0 ? _a : item.name,
212
+ o: "contains",
213
+ l: "And",
214
+ v1: v1,
215
+ };
216
+ state.updateFilterOptions((_b = item.filter) !== null && _b !== void 0 ? _b : item.name, item.filterOption);
199
217
  } })));
200
- case "Registration Number":
201
- return (React.createElement(Prop, { label: React.createElement(FormItemTitle, { title: item.name, extend: React.createElement(Select, { allowClear: true, variant: "borderless", placeholder: "selection range", style: { width: "150px" }, defaultValue: (_s = (_r = state.filterDefaultValue) === null || _r === void 0 ? void 0 : _r.registrationNo) === null || _s === void 0 ? void 0 : _s.o, options: [
202
- { value: "=", label: "equal" },
203
- { value: "starts", label: "starts" },
204
- { value: "contains", label: "contains" },
205
- ], onChange: (v) => {
206
- var _a, _b;
207
- state.filterDefaultValue.registrationNo.c = (_a = item.filter) !== null && _a !== void 0 ? _a : item.name;
208
- state.filterDefaultValue.registrationNo.o = v;
209
- state.updateFilterOptions((_b = item.filter) !== null && _b !== void 0 ? _b : item.name, state.filterDefaultValue.registrationNo);
210
- } }) }), flow: "vertical" },
211
- React.createElement(Row, { gutter: 8 },
212
- React.createElement(Col, { span: 24 },
213
- React.createElement(Input, { placeholder: `Please enter ${item.name}`, defaultValue: (_u = (_t = state.filterDefaultValue) === null || _t === void 0 ? void 0 : _t.registrationNo) === null || _u === void 0 ? void 0 : _u.v1, style: { width: "100%" }, onChange: (e) => {
214
- var _a, _b;
215
- state.filterDefaultValue.registrationNo.c = (_a = item.filter) !== null && _a !== void 0 ? _a : item.name;
216
- state.filterDefaultValue.registrationNo.v1 = e.target.value;
217
- state.updateFilterOptions((_b = item.filter) !== null && _b !== void 0 ? _b : item.name, state.filterDefaultValue.registrationNo);
218
- } })))));
219
- case "Unpaid Amount":
220
- return (React.createElement(Prop, { label: React.createElement(FormItemTitle, { title: item.name, extend: React.createElement(Select, { allowClear: true, variant: "borderless", placeholder: "selection range", style: { width: "150px" }, defaultValue: (_w = (_v = state.filterDefaultValue) === null || _v === void 0 ? void 0 : _v.unpaidFilter) === null || _w === void 0 ? void 0 : _w.o, options: [
221
- { value: "=", label: "=" },
222
- { value: ">", label: ">" },
223
- { value: "<", label: "<" },
224
- { value: ">=", label: ">=" },
225
- { value: "<=", label: "<=" },
226
- { value: "between", label: "between" },
227
- ], onChange: (v) => {
228
- var _a, _b;
229
- state.filterDefaultValue.unpaidFilter.c = (_a = item.filter) !== null && _a !== void 0 ? _a : item.name;
230
- state.filterDefaultValue.unpaidFilter.o = v;
231
- state.updateFilterOptions((_b = item.filter) !== null && _b !== void 0 ? _b : item.name, state.filterDefaultValue.unpaidFilter);
232
- } }) }), flow: "vertical" },
233
- React.createElement(Row, { gutter: 8 },
234
- React.createElement(Col, { span: ((_y = (_x = state.filterDefaultValue) === null || _x === void 0 ? void 0 : _x.unpaidFilter) === null || _y === void 0 ? void 0 : _y.o) === "between" ? 12 : 24 },
235
- React.createElement(InputNumber, { placeholder: state.filterDefaultValue.unpaidFilter.o === "between"
236
- ? "Please enter the starting value"
237
- : "Please enter Amount", defaultValue: (_0 = (_z = state.filterDefaultValue) === null || _z === void 0 ? void 0 : _z.unpaidFilter) === null || _0 === void 0 ? void 0 : _0.v1, style: { width: "100%" }, onChange: (v) => {
238
- var _a, _b;
239
- state.filterDefaultValue.unpaidFilter.c = (_a = item.filter) !== null && _a !== void 0 ? _a : item.name;
240
- state.filterDefaultValue.unpaidFilter.v1 = v;
241
- state.updateFilterOptions((_b = item.filter) !== null && _b !== void 0 ? _b : item.name, state.filterDefaultValue.unpaidFilter);
242
- } })),
243
- state.filterDefaultValue.unpaidFilter.o === "between" && (React.createElement(Col, { span: 12 },
244
- React.createElement(InputNumber, { placeholder: "Please enter the end value", defaultValue: (_2 = (_1 = state.filterDefaultValue) === null || _1 === void 0 ? void 0 : _1.unpaidFilter) === null || _2 === void 0 ? void 0 : _2.v2, style: { width: "100%" }, onChange: (v) => {
245
- var _a, _b;
246
- state.filterDefaultValue.unpaidFilter.c = (_a = item.filter) !== null && _a !== void 0 ? _a : item.name;
247
- state.filterDefaultValue.unpaidFilter.v2 = v;
248
- state.updateFilterOptions((_b = item.filter) !== null && _b !== void 0 ? _b : item.name, state.filterDefaultValue.unpaidFilter);
249
- } }))))));
250
- case "Amount":
251
- return (React.createElement(Prop, { label: React.createElement(FormItemTitle, { title: item.name, extend: React.createElement(Select, { allowClear: true, variant: "borderless", placeholder: "selection range", style: { width: "150px" }, defaultValue: (_4 = (_3 = state.filterDefaultValue) === null || _3 === void 0 ? void 0 : _3.amountFilter) === null || _4 === void 0 ? void 0 : _4.o, options: [
218
+ case "Number":
219
+ return (React.createElement(Prop, { label: React.createElement(FormItemTitle, { title: item.name, extend: React.createElement(Select, { allowClear: true, variant: "borderless", placeholder: "selection range", style: { width: "150px" }, defaultValue: (_y = (_x = item.filterOption) === null || _x === void 0 ? void 0 : _x.o) !== null && _y !== void 0 ? _y : "=", options: [
252
220
  { value: "=", label: "=" },
253
221
  { value: ">", label: ">" },
254
222
  { value: "<", label: "<" },
@@ -256,263 +224,85 @@ const AdvanceFilterForm = (props) => {
256
224
  { value: "<=", label: "<=" },
257
225
  { value: "between", label: "between" },
258
226
  ], onChange: (v) => {
259
- var _a, _b;
260
- state.filterDefaultValue.amountFilter.c = (_a = item.filter) !== null && _a !== void 0 ? _a : item.name;
261
- state.filterDefaultValue.amountFilter.o = v;
262
- state.updateFilterOptions((_b = item.filter) !== null && _b !== void 0 ? _b : item.name, state.filterDefaultValue.amountFilter);
227
+ var _a;
228
+ item.filterOption["o"] = v;
229
+ state.updateFilterOptions((_a = item.filter) !== null && _a !== void 0 ? _a : item.name, item.filterOption);
263
230
  } }) }), flow: "vertical" },
264
231
  React.createElement(Row, { gutter: 8 },
265
- React.createElement(Col, { span: state.filterDefaultValue.amountFilter.o === "between" ? 12 : 24 },
266
- React.createElement(InputNumber, { placeholder: state.filterDefaultValue.amountFilter.o === "between"
232
+ React.createElement(Col, { span: ((_z = item === null || item === void 0 ? void 0 : item.filterOption) === null || _z === void 0 ? void 0 : _z.o) === "between" ? 12 : 24 },
233
+ React.createElement(InputNumber, { placeholder: ((_0 = item === null || item === void 0 ? void 0 : item.filterOption) === null || _0 === void 0 ? void 0 : _0.o) === "between"
267
234
  ? "Please enter the starting value"
268
- : "Please enter Amount", defaultValue: (_6 = (_5 = state.filterDefaultValue) === null || _5 === void 0 ? void 0 : _5.amountFilter) === null || _6 === void 0 ? void 0 : _6.v1, style: { width: "100%" }, onChange: (v) => {
269
- var _a, _b;
270
- state.filterDefaultValue.amountFilter.c = (_a = item.filter) !== null && _a !== void 0 ? _a : item.name;
271
- state.filterDefaultValue.amountFilter.v1 = v;
272
- state.updateFilterOptions((_b = item.filter) !== null && _b !== void 0 ? _b : item.name, state.filterDefaultValue.amountFilter);
273
- } })),
274
- state.filterDefaultValue.amountFilter.o === "between" && (React.createElement(Col, { span: 12 },
275
- React.createElement(InputNumber, { placeholder: "Please enter the end value", defaultValue: (_8 = (_7 = state.filterDefaultValue) === null || _7 === void 0 ? void 0 : _7.amountFilter) === null || _8 === void 0 ? void 0 : _8.v2, style: { width: "100%" }, onChange: (v) => {
276
- var _a, _b;
277
- state.filterDefaultValue.amountFilter.c = (_a = item.filter) !== null && _a !== void 0 ? _a : item.name;
278
- state.filterDefaultValue.amountFilter.v2 = v;
279
- state.updateFilterOptions((_b = item.filter) !== null && _b !== void 0 ? _b : item.name, state.filterDefaultValue.amountFilter);
280
- } }))))));
281
- case "Registration Date":
282
- return (React.createElement(Prop, { label: React.createElement(FormItemTitle, { title: item.name, extend: React.createElement(Select, { allowClear: true, variant: "borderless", placeholder: "selection range", style: { width: "150px" }, defaultValue: (_10 = (_9 = state.filterDefaultValue) === null || _9 === void 0 ? void 0 : _9.registrationDateFilter) === null || _10 === void 0 ? void 0 : _10.o, options: [
283
- { value: "=", label: "exact" },
284
- { value: "<", label: "before" },
285
- { value: ">", label: "after" },
286
- { value: "between", label: "between" },
287
- ], onChange: (v) => {
288
- var _a, _b;
289
- state.filterDefaultValue.registrationDateFilter.c = (_a = item.filter) !== null && _a !== void 0 ? _a : item.name;
290
- state.filterDefaultValue.registrationDateFilter.o = v;
291
- state.updateFilterOptions((_b = item.filter) !== null && _b !== void 0 ? _b : item.name, state.filterDefaultValue.registrationDateFilter);
292
- } }) }), flow: "vertical" },
293
- React.createElement(Row, { gutter: 8 },
294
- React.createElement(Col, { span: state.filterDefaultValue.registrationDateFilter.o === "between" ? 12 : 24 },
295
- React.createElement(DatePicker, { placeholder: state.filterDefaultValue.registrationDateFilter.o === "between"
296
- ? "Please enter From Date"
297
- : "Please enter Anytime", defaultValue: ((_12 = (_11 = state.filterDefaultValue) === null || _11 === void 0 ? void 0 : _11.registrationDateFilter) === null || _12 === void 0 ? void 0 : _12.v1)
298
- ? utcdayjs((_14 = (_13 = state.filterDefaultValue) === null || _13 === void 0 ? void 0 : _13.registrationDateFilter) === null || _14 === void 0 ? void 0 : _14.v1)
299
- : undefined, style: { width: "100%" }, onChange: (date, dateString) => {
300
- var _a, _b;
301
- const v1 = date ? dayjs(date).format("YYYY-MM-DD HH:mm:ss") : "";
302
- state.filterDefaultValue.registrationDateFilter.c = (_a = item.filter) !== null && _a !== void 0 ? _a : item.name;
303
- state.filterDefaultValue.registrationDateFilter.v1 = v1;
304
- state.updateFilterOptions((_b = item.filter) !== null && _b !== void 0 ? _b : item.name, state.filterDefaultValue.registrationDateFilter);
305
- } })),
306
- state.filterDefaultValue.registrationDateFilter.o === "between" && (React.createElement(Col, { span: 12 },
307
- React.createElement(DatePicker, { placeholder: "Please enter To Date", style: { width: "100%" }, defaultValue: ((_16 = (_15 = state.filterDefaultValue) === null || _15 === void 0 ? void 0 : _15.registrationDateFilter) === null || _16 === void 0 ? void 0 : _16.v2)
308
- ? utcdayjs((_18 = (_17 = state.filterDefaultValue) === null || _17 === void 0 ? void 0 : _17.registrationDateFilter) === null || _18 === void 0 ? void 0 : _18.v2)
309
- : undefined, onChange: (date, dateString) => {
310
- var _a, _b;
311
- const v2 = date ? dayjs(date).format("YYYY-MM-DD HH:mm:ss") : "";
312
- state.filterDefaultValue.registrationDateFilter.c = (_a = item.filter) !== null && _a !== void 0 ? _a : item.name;
313
- state.filterDefaultValue.registrationDateFilter.v2 = v2;
314
- state.updateFilterOptions((_b = item.filter) !== null && _b !== void 0 ? _b : item.name, state.filterDefaultValue.registrationDateFilter);
315
- } }))))));
316
- case "Latest Filing Year":
317
- return (React.createElement(Prop, { label: React.createElement(FormItemTitle, { title: item.name, extend: React.createElement(Select, { allowClear: true, variant: "borderless", placeholder: "selection range", style: { width: "150px" }, defaultValue: (_20 = (_19 = state.filterDefaultValue) === null || _19 === void 0 ? void 0 : _19.latestFilingYear) === null || _20 === void 0 ? void 0 : _20.o, options: [
318
- { value: "=", label: "exact" },
319
- { value: "<", label: "before" },
320
- { value: ">", label: "after" },
321
- { value: "between", label: "between" },
322
- ], onChange: (v) => {
323
- var _a, _b;
324
- state.filterDefaultValue.latestFilingYear.c = (_a = item.filter) !== null && _a !== void 0 ? _a : item.name;
325
- state.filterDefaultValue.latestFilingYear.o = v;
326
- state.updateFilterOptions((_b = item.filter) !== null && _b !== void 0 ? _b : item.name, state.filterDefaultValue.latestFilingYear);
327
- } }) }), flow: "vertical" },
328
- React.createElement(Row, { gutter: 8 },
329
- React.createElement(Col, { span: state.filterDefaultValue.latestFilingYear.o === "between" ? 12 : 24 },
330
- React.createElement(DatePicker, { placeholder: state.filterDefaultValue.latestFilingYear.o === "between"
331
- ? "Please enter From Date"
332
- : "Please enter Anytime", defaultValue: ((_22 = (_21 = state.filterDefaultValue) === null || _21 === void 0 ? void 0 : _21.latestFilingYear) === null || _22 === void 0 ? void 0 : _22.v1)
333
- ? utcdayjs((_24 = (_23 = state.filterDefaultValue) === null || _23 === void 0 ? void 0 : _23.latestFilingYear) === null || _24 === void 0 ? void 0 : _24.v1)
334
- : undefined, style: { width: "100%" }, onChange: (date, dateString) => {
335
- var _a, _b;
336
- const v1 = date ? dayjs(date).format("YYYY-MM-DD HH:mm:ss") : "";
337
- state.filterDefaultValue.latestFilingYear.c = (_a = item.filter) !== null && _a !== void 0 ? _a : item.name;
338
- state.filterDefaultValue.latestFilingYear.v1 = v1;
339
- state.updateFilterOptions((_b = item.filter) !== null && _b !== void 0 ? _b : item.name, state.filterDefaultValue.latestFilingYear);
340
- } })),
341
- state.filterDefaultValue.latestFilingYear.o === "between" && (React.createElement(Col, { span: 12 },
342
- React.createElement(DatePicker, { placeholder: "Please enter To Date", style: { width: "100%" }, defaultValue: ((_26 = (_25 = state.filterDefaultValue) === null || _25 === void 0 ? void 0 : _25.latestFilingYear) === null || _26 === void 0 ? void 0 : _26.v2)
343
- ? utcdayjs((_28 = (_27 = state.filterDefaultValue) === null || _27 === void 0 ? void 0 : _27.latestFilingYear) === null || _28 === void 0 ? void 0 : _28.v2)
344
- : undefined, onChange: (date, dateString) => {
345
- var _a, _b;
346
- const v2 = date ? dayjs(date).format("YYYY-MM-DD HH:mm:ss") : "";
347
- state.filterDefaultValue.latestFilingYear.c = (_a = item.filter) !== null && _a !== void 0 ? _a : item.name;
348
- state.filterDefaultValue.latestFilingYear.v2 = v2;
349
- state.updateFilterOptions((_b = item.filter) !== null && _b !== void 0 ? _b : item.name, state.filterDefaultValue.latestFilingYear);
350
- } }))))));
351
- case "Create Date":
352
- return (React.createElement(Prop, { label: React.createElement(FormItemTitle, { title: item.name, extend: React.createElement(Select, { allowClear: true, variant: "borderless", placeholder: "selection range", style: { width: "150px" }, defaultValue: (_30 = (_29 = state.filterDefaultValue) === null || _29 === void 0 ? void 0 : _29.createDateFilter) === null || _30 === void 0 ? void 0 : _30.o, options: [
353
- { value: "=", label: "exact" },
354
- { value: "<", label: "before" },
355
- { value: ">", label: "after" },
356
- { value: "between", label: "between" },
357
- ], onChange: (v) => {
358
- var _a, _b;
359
- state.filterDefaultValue.createDateFilter.c = (_a = item.filter) !== null && _a !== void 0 ? _a : item.name;
360
- state.filterDefaultValue.createDateFilter.o = v;
361
- state.updateFilterOptions((_b = item.filter) !== null && _b !== void 0 ? _b : item.name, state.filterDefaultValue.createDateFilter);
362
- } }) }), flow: "vertical" },
363
- React.createElement(Row, { gutter: 8 },
364
- React.createElement(Col, { span: state.filterDefaultValue.createDateFilter.o === "between" ? 12 : 24 },
365
- React.createElement(DatePicker, { placeholder: state.filterDefaultValue.createDateFilter.o === "between"
366
- ? "Please enter From Date"
367
- : "Please enter Anytime", defaultValue: ((_32 = (_31 = state.filterDefaultValue) === null || _31 === void 0 ? void 0 : _31.createDateFilter) === null || _32 === void 0 ? void 0 : _32.v1)
368
- ? utcdayjs((_34 = (_33 = state.filterDefaultValue) === null || _33 === void 0 ? void 0 : _33.createDateFilter) === null || _34 === void 0 ? void 0 : _34.v1)
369
- : undefined, style: { width: "100%" }, onChange: (date, dateString) => {
370
- var _a, _b;
371
- const v1 = date ? dayjs(date).format("YYYY-MM-DD HH:mm:ss") : "";
372
- state.filterDefaultValue.createDateFilter.c = (_a = item.filter) !== null && _a !== void 0 ? _a : item.name;
373
- state.filterDefaultValue.createDateFilter.v1 = v1;
374
- state.updateFilterOptions((_b = item.filter) !== null && _b !== void 0 ? _b : item.name, state.filterDefaultValue.createDateFilter);
375
- } })),
376
- state.filterDefaultValue.createDateFilter.o === "between" && (React.createElement(Col, { span: 12 },
377
- React.createElement(DatePicker, { placeholder: "Please enter To Date", style: { width: "100%" }, defaultValue: ((_36 = (_35 = state.filterDefaultValue) === null || _35 === void 0 ? void 0 : _35.createDateFilter) === null || _36 === void 0 ? void 0 : _36.v2)
378
- ? utcdayjs((_38 = (_37 = state.filterDefaultValue) === null || _37 === void 0 ? void 0 : _37.createDateFilter) === null || _38 === void 0 ? void 0 : _38.v2)
379
- : undefined, onChange: (date, dateString) => {
380
- var _a, _b;
381
- const v2 = date ? dayjs(date).format("YYYY-MM-DD HH:mm:ss") : "";
382
- state.filterDefaultValue.createDateFilter.c = (_a = item.filter) !== null && _a !== void 0 ? _a : item.name;
383
- state.filterDefaultValue.createDateFilter.v2 = v2;
384
- state.updateFilterOptions((_b = item.filter) !== null && _b !== void 0 ? _b : item.name, state.filterDefaultValue.createDateFilter);
385
- } }))))));
386
- case "Date":
387
- return (React.createElement(Prop, { label: React.createElement(FormItemTitle, { title: item.name, extend: React.createElement(Select, { allowClear: true, variant: "borderless", placeholder: "selection range", style: { width: "150px" }, defaultValue: (_40 = (_39 = state.filterDefaultValue) === null || _39 === void 0 ? void 0 : _39.dateFilter) === null || _40 === void 0 ? void 0 : _40.o, options: [
388
- { value: "=", label: "exact" },
389
- { value: "<", label: "before" },
390
- { value: ">", label: "after" },
391
- { value: "between", label: "between" },
392
- ], onChange: (v) => {
393
- var _a, _b;
394
- state.filterDefaultValue.dateFilter.c = (_a = item.filter) !== null && _a !== void 0 ? _a : item.name;
395
- state.filterDefaultValue.dateFilter.o = v;
396
- state.updateFilterOptions((_b = item.filter) !== null && _b !== void 0 ? _b : item.name, state.filterDefaultValue.dateFilter);
397
- } }) }), flow: "vertical" },
398
- React.createElement(Row, { gutter: 8 },
399
- React.createElement(Col, { span: state.filterDefaultValue.dateFilter.o === "between" ? 12 : 24 },
400
- React.createElement(DatePicker, { placeholder: state.filterDefaultValue.dateFilter.o === "between"
401
- ? "Please enter From Date"
402
- : "Please enter Anytime", defaultValue: ((_42 = (_41 = state.filterDefaultValue) === null || _41 === void 0 ? void 0 : _41.dateFilter) === null || _42 === void 0 ? void 0 : _42.v1)
403
- ? utcdayjs((_44 = (_43 = state.filterDefaultValue) === null || _43 === void 0 ? void 0 : _43.dateFilter) === null || _44 === void 0 ? void 0 : _44.v1)
404
- : undefined, style: { width: "100%" }, onChange: (date, dateString) => {
405
- var _a, _b;
406
- const v1 = date ? dayjs(date).format("YYYY-MM-DD HH:mm:ss") : "";
407
- state.filterDefaultValue.dateFilter.c = (_a = item.filter) !== null && _a !== void 0 ? _a : item.name;
408
- state.filterDefaultValue.dateFilter.v1 = v1;
409
- state.updateFilterOptions((_b = item.filter) !== null && _b !== void 0 ? _b : item.name, state.filterDefaultValue.dateFilter);
235
+ : "Please enter Amount", defaultValue: (_1 = item === null || item === void 0 ? void 0 : item.filterOption) === null || _1 === void 0 ? void 0 : _1.v1, style: { width: "100%" }, onChange: (v) => {
236
+ var _a, _b, _c, _d;
237
+ item.filterOption = {
238
+ c: (_a = item.filter) !== null && _a !== void 0 ? _a : item.name,
239
+ o: (_c = (_b = item.filterOption) === null || _b === void 0 ? void 0 : _b.o) !== null && _c !== void 0 ? _c : "=",
240
+ l: "And",
241
+ v1: v,
242
+ };
243
+ state.updateFilterOptions((_d = item.filter) !== null && _d !== void 0 ? _d : item.name, item.filterOption);
410
244
  } })),
411
- state.filterDefaultValue.dateFilter.o === "between" && (React.createElement(Col, { span: 12 },
412
- React.createElement(DatePicker, { placeholder: "Please enter To Date", defaultValue: ((_46 = (_45 = state.filterDefaultValue) === null || _45 === void 0 ? void 0 : _45.dateFilter) === null || _46 === void 0 ? void 0 : _46.v2)
413
- ? utcdayjs((_48 = (_47 = state.filterDefaultValue) === null || _47 === void 0 ? void 0 : _47.dateFilter) === null || _48 === void 0 ? void 0 : _48.v2)
414
- : undefined, style: { width: "100%" }, onChange: (date, dateString) => {
415
- var _a, _b;
416
- const v2 = date ? dayjs(date).format("YYYY-MM-DD HH:mm:ss") : "";
417
- state.filterDefaultValue.dateFilter.c = (_a = item.filter) !== null && _a !== void 0 ? _a : item.name;
418
- state.filterDefaultValue.dateFilter.v2 = v2;
419
- state.updateFilterOptions((_b = item.filter) !== null && _b !== void 0 ? _b : item.name, state.filterDefaultValue.dateFilter);
245
+ ((_2 = item === null || item === void 0 ? void 0 : item.filterOption) === null || _2 === void 0 ? void 0 : _2.o) === "between" && (React.createElement(Col, { span: 12 },
246
+ React.createElement(InputNumber, { placeholder: "Please enter the end value", defaultValue: (_3 = item === null || item === void 0 ? void 0 : item.filterOption) === null || _3 === void 0 ? void 0 : _3.v2, style: { width: "100%" }, onChange: (v) => {
247
+ var _a, _b, _c, _d, _e;
248
+ item.filterOption = {
249
+ c: (_a = item.filter) !== null && _a !== void 0 ? _a : item.name,
250
+ o: (_c = (_b = item.filterOption) === null || _b === void 0 ? void 0 : _b.o) !== null && _c !== void 0 ? _c : "=",
251
+ l: "And",
252
+ v1: (_d = item.filterOption) === null || _d === void 0 ? void 0 : _d.v1,
253
+ v2: v,
254
+ };
255
+ state.updateFilterOptions((_e = item.filter) !== null && _e !== void 0 ? _e : item.name, item.filterOption);
420
256
  } }))))));
421
- case "Created By":
422
- return (React.createElement(Prop, { label: React.createElement(FormItemTitle, { title: item.name, extend: React.createElement(Button, { type: "text", className: "create-by-btn", onClick: () => {
423
- var _a;
424
- state.filterDefaultValue.selectedUnits = [user.info.unit];
425
- state.onChangeCreateBy((_a = item.filter) !== null && _a !== void 0 ? _a : item.name, [user.info.unit]);
426
- } }, "create by me") }), flow: "vertical" },
427
- React.createElement(MentionList, { isEmptyData: true, multiple: item.multiSelect, contacts: state.filterDefaultValue.selectedUnits, onChange: (units) => { var _a; return state.onChangeCreateBy((_a = item.filter) !== null && _a !== void 0 ? _a : item.name, units); } })));
428
- case "Contact":
257
+ case "Currency":
429
258
  return (React.createElement(Prop, { label: item.name, flow: "vertical" },
430
- React.createElement(MentionList, { isEmptyData: true, multiple: false, contacts: state.filterDefaultValue.contact ? [state.filterDefaultValue.contact] : [], onChange: (list) => {
259
+ React.createElement(Select, { allowClear: true, showSearch: true, defaultValue: (_4 = item.filterOption) === null || _4 === void 0 ? void 0 : _4.v1, style: { width: "100%" }, placeholder: "Select Currency", optionFilterProp: "label", options: currencyList.map((c) => {
260
+ return { value: c, label: c };
261
+ }), onChange: (currency) => {
431
262
  var _a, _b;
432
- let filter;
433
- state.filterDefaultValue.contact = list === null || list === void 0 ? void 0 : list[0];
434
- if (state.filterDefaultValue.contact.id) {
435
- filter = {
263
+ if (currency)
264
+ item.filterOption = {
436
265
  c: (_a = item.filter) !== null && _a !== void 0 ? _a : item.name,
437
266
  o: "=",
438
267
  l: "And",
439
- v1: state.filterDefaultValue.contact.id,
440
- };
441
- }
442
- state.updateFilterOptions((_b = item.filter) !== null && _b !== void 0 ? _b : item.name, filter);
443
- } })));
444
- case "Owner":
445
- return (React.createElement(Prop, { label: item.name, flow: "vertical" },
446
- React.createElement(MentionList, { isEmptyData: true, multiple: true, contacts: (_50 = (_49 = state.filterDefaultValue) === null || _49 === void 0 ? void 0 : _49.owners) !== null && _50 !== void 0 ? _50 : [], onChange: (units) => {
447
- var _a, _b;
448
- let filter;
449
- state.filterDefaultValue.owners = units;
450
- const filterUnits = state.filterDefaultValue.owners.map((u) => u.id);
451
- if (filterUnits === null || filterUnits === void 0 ? void 0 : filterUnits.length) {
452
- filter = {
453
- c: (_a = item.filter) !== null && _a !== void 0 ? _a : item.name,
454
- o: "contains",
455
- l: "And",
456
- v1: JSON.stringify(filterUnits),
268
+ v1: currency,
457
269
  };
458
- }
459
- state.updateFilterOptions((_b = item.filter) !== null && _b !== void 0 ? _b : item.name, filter);
270
+ state.updateFilterOptions((_b = item.filter) !== null && _b !== void 0 ? _b : item.name, item.filterOption);
460
271
  } })));
461
- case "Layout":
272
+ case "SalesCenter":
462
273
  return (React.createElement(Prop, { label: item.name, flow: "vertical" },
463
- React.createElement(Switch, { defaultValue: (_51 = state.filterDefaultValue) === null || _51 === void 0 ? void 0 : _51.isLayout, onChange: (checked) => {
274
+ React.createElement(CenterSelect, { allowClear: true, filter: "SalesCenter", defaultValue: (_5 = item.filterOption) === null || _5 === void 0 ? void 0 : _5.v1, onChange: (id, center) => {
464
275
  var _a, _b;
465
- let filter;
466
- state.filterDefaultValue.isLayout = checked;
467
- filter = {
468
- c: (_a = item.filter) !== null && _a !== void 0 ? _a : item.name,
469
- o: "=",
470
- l: "And",
471
- v1: JSON.stringify(checked),
472
- };
473
- state.updateFilterOptions((_b = item.filter) !== null && _b !== void 0 ? _b : item.name, filter);
276
+ if (id)
277
+ item.filterOption = { c: (_a = item.filter) !== null && _a !== void 0 ? _a : item.name, o: "=", l: "And", v1: id };
278
+ state.updateFilterOptions((_b = item.filter) !== null && _b !== void 0 ? _b : item.name, item.filterOption);
474
279
  } })));
475
- case "Name":
280
+ case "SecretaryCenter":
476
281
  return (React.createElement(Prop, { label: item.name, flow: "vertical" },
477
- React.createElement(Input, { placeholder: "Please enter the name.", style: { width: "100%" }, defaultValue: (_52 = state.filterDefaultValue) === null || _52 === void 0 ? void 0 : _52.name, onChange: (e) => {
282
+ React.createElement(CenterSelect, { allowClear: true, filter: "SecretaryCenter", defaultValue: (_6 = item.filterOption) === null || _6 === void 0 ? void 0 : _6.v1, onChange: (id, center) => {
478
283
  var _a, _b;
479
- let filter;
480
- if (e.target.value.trim()) {
481
- state.filterDefaultValue.name = e.target.value;
482
- filter = { c: (_a = item.filter) !== null && _a !== void 0 ? _a : item.name, o: "=", l: "And", v1: e.target.value };
284
+ if (id) {
285
+ item.filterOption = { c: (_a = item.filter) !== null && _a !== void 0 ? _a : item.name, o: "=", l: "And", v1: id };
483
286
  }
484
- state.updateFilterOptions((_b = item.filter) !== null && _b !== void 0 ? _b : item.name, filter);
287
+ state.updateFilterOptions((_b = item.filter) !== null && _b !== void 0 ? _b : item.name, item.filterOption);
485
288
  } })));
486
- case "Currency":
289
+ case "CustomerCenter":
487
290
  return (React.createElement(Prop, { label: item.name, flow: "vertical" },
488
- React.createElement(Select, { allowClear: true, showSearch: true, defaultValue: (_53 = state.filterDefaultValue) === null || _53 === void 0 ? void 0 : _53.currency, style: { width: "100%" }, placeholder: "Select currency", optionFilterProp: "label", options: currencyList.map((c) => {
489
- return { value: c, label: c };
490
- }), onChange: (currency) => {
291
+ React.createElement(CenterSelect, { allowClear: true, filter: "CustomerCenter", defaultValue: (_7 = item.filterOption) === null || _7 === void 0 ? void 0 : _7.v1, onChange: (id, center) => {
491
292
  var _a, _b;
492
- let filter;
493
- if (currency) {
494
- state.filterDefaultValue.currency = currency;
495
- filter = { c: (_a = item.filter) !== null && _a !== void 0 ? _a : item.name, o: "=", l: "And", v1: currency };
293
+ if (id) {
294
+ item.filterOption = { c: (_a = item.filter) !== null && _a !== void 0 ? _a : item.name, o: "=", l: "And", v1: id };
496
295
  }
497
- state.updateFilterOptions((_b = item.filter) !== null && _b !== void 0 ? _b : item.name, filter);
296
+ state.updateFilterOptions((_b = item.filter) !== null && _b !== void 0 ? _b : item.name, item.filterOption);
498
297
  } })));
499
- case "Tag":
298
+ case "FinanceCenter":
500
299
  return (React.createElement(Prop, { label: item.name, flow: "vertical" },
501
- React.createElement(Select, { mode: "tags", defaultValue: (_54 = state.filterDefaultValue) === null || _54 === void 0 ? void 0 : _54.tags, placeholder: "When the Tag is a radio button, the last selected option takes precedence.", style: { width: "100%" }, options: props === null || props === void 0 ? void 0 : props.tagList, ...(!item.multiSelect ? { maxTagCount: 1 } : {}), onChange: (value) => {
300
+ React.createElement(CenterSelect, { allowClear: true, filter: "FinanceCenter", defaultValue: (_9 = (_8 = item.filterOption) === null || _8 === void 0 ? void 0 : _8.v1) !== null && _9 !== void 0 ? _9 : (_12 = (_11 = (_10 = user.info) === null || _10 === void 0 ? void 0 : _10.organization) === null || _11 === void 0 ? void 0 : _11.FinanceCenter) === null || _12 === void 0 ? void 0 : _12.Id, onChange: (id, center) => {
502
301
  var _a, _b;
503
- let filter;
504
- let v1 = "";
505
- if (value === null || value === void 0 ? void 0 : value.length) {
506
- state.filterDefaultValue.tags = item.multiSelect ? value : value.slice(-1);
507
- v1 = item.multiSelect ? JSON.stringify(value) : value[value.length - 1];
302
+ if (id) {
303
+ item.filterOption = { c: (_a = item.filter) !== null && _a !== void 0 ? _a : item.name, o: "=", l: "And", v1: id };
508
304
  }
509
- filter = {
510
- c: (_a = item.filter) !== null && _a !== void 0 ? _a : item.name,
511
- o: item.multiSelect ? "contains" : "=",
512
- l: "And",
513
- v1: v1,
514
- };
515
- state.updateFilterOptions((_b = item.filter) !== null && _b !== void 0 ? _b : item.name, filter);
305
+ state.updateFilterOptions((_b = item.filter) !== null && _b !== void 0 ? _b : item.name, item.filterOption);
516
306
  } })));
517
307
  }
518
308
  return (React.createElement(Prop, { label: item.name, flow: "vertical" },