@appcorp/fusion-storybook 0.3.76 → 0.3.78
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/base-modules/student-fee/context/use-student-fee-module.js +2 -2
- package/base-modules/student-fee/{msic-2.js → misc-2.js} +1 -1
- package/base-modules/student-fee/monthly-create.d.ts +0 -1
- package/base-modules/student-fee/monthly-create.js +56 -15
- package/base-modules/student-fee/monthly-form.d.ts +0 -1
- package/base-modules/student-fee/monthly-form.js +49 -27
- package/base-modules/student-fee/more-actions.js +5 -1
- package/base-modules/student-fee/page.js +8 -6
- package/base-modules/student-fee/single-entry-form.d.ts +0 -66
- package/base-modules/student-fee/single-entry-form.js +274 -103
- package/base-modules/student-fee/single-entry.d.ts +0 -1
- package/base-modules/student-fee/single-entry.js +94 -28
- package/package.json +2 -2
- package/tsconfig.build.tsbuildinfo +1 -1
- /package/base-modules/student-fee/{msic-1.d.ts → misc-1.d.ts} +0 -0
- /package/base-modules/student-fee/{msic-1.js → misc-1.js} +0 -0
- /package/base-modules/student-fee/{msic-2.d.ts → misc-2.d.ts} +0 -0
|
@@ -1,103 +1,274 @@
|
|
|
1
|
-
"use
|
|
2
|
-
|
|
3
|
-
import { EnhancedInput } from "@appcorp/shadcn/components/enhanced-input";
|
|
4
|
-
import { EnhancedTextarea } from "@appcorp/shadcn/components/enhanced-textarea";
|
|
5
|
-
import { useEffect, useMemo, useRef, useState } from "react";
|
|
6
|
-
import { useStudentFeeModule, STUDENT_FEE_ACTION_TYPES } from "./context";
|
|
7
|
-
import { getCachedWorkspaceSync } from "../workspace/cache";
|
|
8
|
-
import { DISCOUNT_TYPE } from "../../type";
|
|
9
|
-
import { useTranslations } from "next-intl";
|
|
10
|
-
import { useDebounce } from "@react-pakistan/util-functions/hooks/use-debounce";
|
|
11
|
-
import { Loader2 } from "lucide-react";
|
|
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
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
|
|
1
|
+
"use strict";
|
|
2
|
+
// "use client";
|
|
3
|
+
// import { EnhancedInput } from "@appcorp/shadcn/components/enhanced-input";
|
|
4
|
+
// import { EnhancedTextarea } from "@appcorp/shadcn/components/enhanced-textarea";
|
|
5
|
+
// import { FC, useEffect, useMemo, useRef, useState } from "react";
|
|
6
|
+
// import { useStudentFeeModule, STUDENT_FEE_ACTION_TYPES } from "./context";
|
|
7
|
+
// import { getCachedWorkspaceSync } from "../workspace/cache";
|
|
8
|
+
// import { DISCOUNT_TYPE, PAYMENT_STATUS } from "../../type";
|
|
9
|
+
// import { useTranslations } from "next-intl";
|
|
10
|
+
// import { useDebounce } from "@react-pakistan/util-functions/hooks/use-debounce";
|
|
11
|
+
// import { Loader2 } from "lucide-react";
|
|
12
|
+
// interface StudentProfileSummary {
|
|
13
|
+
// id: string;
|
|
14
|
+
// computerNumber: string;
|
|
15
|
+
// firstName: string;
|
|
16
|
+
// lastName: string;
|
|
17
|
+
// status: string;
|
|
18
|
+
// }
|
|
19
|
+
// interface FeeRecordSummary {
|
|
20
|
+
// amount: number;
|
|
21
|
+
// amountDue: number;
|
|
22
|
+
// amountPaid: number;
|
|
23
|
+
// createdAt: string;
|
|
24
|
+
// discountAmount: number | null;
|
|
25
|
+
// discountCodeId: string | null;
|
|
26
|
+
// dueDate: string;
|
|
27
|
+
// enabled: boolean;
|
|
28
|
+
// familyId: string;
|
|
29
|
+
// feeStructureId: string;
|
|
30
|
+
// fine?: number | null;
|
|
31
|
+
// id: string;
|
|
32
|
+
// lastRemindedAt: string | null;
|
|
33
|
+
// paidAt?: Date | string | null;
|
|
34
|
+
// nextFollowUpAt: string | null;
|
|
35
|
+
// reliabilityScore: number | null;
|
|
36
|
+
// remarks: string | null;
|
|
37
|
+
// riskLevel: string | null;
|
|
38
|
+
// schoolId: string;
|
|
39
|
+
// status: PAYMENT_STATUS;
|
|
40
|
+
// studentProfileId: string;
|
|
41
|
+
// updatedAt: string;
|
|
42
|
+
// family: { address: string; city: string; country: string; id: string } | null;
|
|
43
|
+
// feeStructure: { name: string; amount: number; id: string } | null;
|
|
44
|
+
// discountCode: {
|
|
45
|
+
// code: string;
|
|
46
|
+
// discountValue: number;
|
|
47
|
+
// discountType: DISCOUNT_TYPE;
|
|
48
|
+
// } | null;
|
|
49
|
+
// }
|
|
50
|
+
// interface StudentFeeByCNResponse {
|
|
51
|
+
// studentProfile: StudentProfileSummary;
|
|
52
|
+
// studentFees: FeeRecordSummary[];
|
|
53
|
+
// }
|
|
54
|
+
// interface SingleEntryStudentFeeFormProps {
|
|
55
|
+
// amountPaid: string;
|
|
56
|
+
// feeByComputerNumber: StudentFeeByCNResponse | null;
|
|
57
|
+
// fetchByComputerNumber: (url: string | undefined, options: object) => void;
|
|
58
|
+
// fetchingByCN: boolean;
|
|
59
|
+
// paidAt: string;
|
|
60
|
+
// remarks: string;
|
|
61
|
+
// setAmountPaid: (value: string) => void;
|
|
62
|
+
// setPaidAt: (value: string) => void;
|
|
63
|
+
// setRemarks: (value: string) => void;
|
|
64
|
+
// }
|
|
65
|
+
// export const SingleEntryStudentFeeForm: FC<SingleEntryStudentFeeFormProps> = ({
|
|
66
|
+
// amountPaid,
|
|
67
|
+
// feeByComputerNumber,
|
|
68
|
+
// fetchByComputerNumber,
|
|
69
|
+
// fetchingByCN,
|
|
70
|
+
// paidAt,
|
|
71
|
+
// remarks,
|
|
72
|
+
// setAmountPaid,
|
|
73
|
+
// setPaidAt,
|
|
74
|
+
// setRemarks,
|
|
75
|
+
// }) => {
|
|
76
|
+
// const { dispatch } = useStudentFeeModule();
|
|
77
|
+
// const workspace = getCachedWorkspaceSync();
|
|
78
|
+
// const currency = workspace?.school?.currency ?? "";
|
|
79
|
+
// const t = useTranslations("studentFee");
|
|
80
|
+
// // const [amountPaid, setAmountPaid] = useState("");
|
|
81
|
+
// // const [remarks, setRemarks] = useState("");
|
|
82
|
+
// const [computerNumber, setComputerNumber] = useState("");
|
|
83
|
+
// const debouncedComputerNumber = useDebounce(computerNumber, 800);
|
|
84
|
+
// const fetchByCNRef = useRef(fetchByComputerNumber);
|
|
85
|
+
// useEffect(() => {
|
|
86
|
+
// fetchByCNRef.current = fetchByComputerNumber;
|
|
87
|
+
// }, [fetchByComputerNumber]);
|
|
88
|
+
// useEffect(() => {
|
|
89
|
+
// if (!debouncedComputerNumber) return;
|
|
90
|
+
// fetchByCNRef.current(undefined, {
|
|
91
|
+
// params: {
|
|
92
|
+
// computerNumber: debouncedComputerNumber,
|
|
93
|
+
// schoolId: workspace?.school?.id,
|
|
94
|
+
// },
|
|
95
|
+
// });
|
|
96
|
+
// }, [debouncedComputerNumber, workspace?.school?.id]);
|
|
97
|
+
// const isStale = computerNumber !== debouncedComputerNumber;
|
|
98
|
+
// const hasData =
|
|
99
|
+
// !!feeByComputerNumber &&
|
|
100
|
+
// !!debouncedComputerNumber &&
|
|
101
|
+
// !isStale &&
|
|
102
|
+
// !fetchingByCN;
|
|
103
|
+
// const response = hasData
|
|
104
|
+
// ? (feeByComputerNumber as StudentFeeByCNResponse)
|
|
105
|
+
// : null;
|
|
106
|
+
// const profile = response?.studentProfile ?? null;
|
|
107
|
+
// const fee = response?.studentFees?.[0] ?? null;
|
|
108
|
+
// useEffect(() => {
|
|
109
|
+
// dispatch({
|
|
110
|
+
// type: STUDENT_FEE_ACTION_TYPES.SET_DISABLE_SAVE_BUTTON,
|
|
111
|
+
// payload: { disabled: false },
|
|
112
|
+
// });
|
|
113
|
+
// }, [fee, dispatch]);
|
|
114
|
+
// const paymentStatusLabelMap: Record<string, string> = {
|
|
115
|
+
// PENDING: t("formOptionPending"),
|
|
116
|
+
// PARTIAL: t("formOptionPartial"),
|
|
117
|
+
// PAID: t("formOptionPaid"),
|
|
118
|
+
// OVERDUE: t("formOptionOverdue"),
|
|
119
|
+
// CANCELLED: t("formOptionCancelled"),
|
|
120
|
+
// REFUNDED: t("formOptionRefunded"),
|
|
121
|
+
// };
|
|
122
|
+
// const studentName = profile
|
|
123
|
+
// ? `${profile.firstName} ${profile.lastName}`.trim() || profile.id
|
|
124
|
+
// : "";
|
|
125
|
+
// const feeStructureName = fee?.feeStructure?.name || fee?.feeStructureId || "";
|
|
126
|
+
// const discountCodeLabel = fee?.discountCode
|
|
127
|
+
// ? `${fee.discountCode.code} - ${fee.discountCode.discountValue}${fee.discountCode.discountType === DISCOUNT_TYPE.PERCENTAGE ? "%" : currency}`
|
|
128
|
+
// : fee?.discountCodeId || "";
|
|
129
|
+
// const statusDisplay = fee?.status
|
|
130
|
+
// ? paymentStatusLabelMap[fee.status] || fee.status
|
|
131
|
+
// : "";
|
|
132
|
+
// const formatDisplayDate = (rawDate: string | undefined | null): string => {
|
|
133
|
+
// if (!rawDate) return "";
|
|
134
|
+
// const d = new Date(rawDate);
|
|
135
|
+
// return `${d.getFullYear()}-${String(d.getMonth() + 1).padStart(2, "0")}-${String(d.getDate()).padStart(2, "0")}`;
|
|
136
|
+
// };
|
|
137
|
+
// const accumulatedAmount = useMemo(() => {
|
|
138
|
+
// if (!response?.studentFees?.length) return 0;
|
|
139
|
+
// return response.studentFees.reduce((sum, f) => sum + (f.amount ?? 0), 0);
|
|
140
|
+
// }, [response]);
|
|
141
|
+
// const accumulatedFine = useMemo(() => {
|
|
142
|
+
// if (!response?.studentFees?.length) return 0;
|
|
143
|
+
// return response.studentFees.reduce((sum, f) => sum + (f.fine ?? 0), 0);
|
|
144
|
+
// }, [response]);
|
|
145
|
+
// const handleUpdateAmountPaid = (value: string) => {
|
|
146
|
+
// const amountPaid = parseFloat(value);
|
|
147
|
+
// if (isNaN(amountPaid)) return;
|
|
148
|
+
// setAmountPaid(value);
|
|
149
|
+
// };
|
|
150
|
+
// useEffect(() => {
|
|
151
|
+
// (async () => {
|
|
152
|
+
// setAmountPaid(String((accumulatedAmount ?? 0) + (accumulatedFine ?? 0)));
|
|
153
|
+
// })();
|
|
154
|
+
// }, [fee, accumulatedFine, accumulatedAmount, setAmountPaid]);
|
|
155
|
+
// return (
|
|
156
|
+
// <div className="grid grid-cols-1 gap-4">
|
|
157
|
+
// <EnhancedInput
|
|
158
|
+
// id="computerNumber"
|
|
159
|
+
// info={t("formComputerNumberInfo")}
|
|
160
|
+
// label={t("formComputerNumberLabel")}
|
|
161
|
+
// onChange={(e) => setComputerNumber(e.target.value)}
|
|
162
|
+
// placeholder={t("formComputerNumberPlaceholder")}
|
|
163
|
+
// type="number"
|
|
164
|
+
// required
|
|
165
|
+
// value={computerNumber}
|
|
166
|
+
// />
|
|
167
|
+
// {fetchingByCN && debouncedComputerNumber ? (
|
|
168
|
+
// <div className="flex items-center justify-center py-4">
|
|
169
|
+
// <Loader2 className="text-muted-foreground h-5 w-5 animate-spin" />
|
|
170
|
+
// </div>
|
|
171
|
+
// ) : null}
|
|
172
|
+
// {fee && profile ? (
|
|
173
|
+
// <>
|
|
174
|
+
// <EnhancedInput
|
|
175
|
+
// readOnly
|
|
176
|
+
// id="studentProfileId-readonly"
|
|
177
|
+
// label={t("formStudentLabel")}
|
|
178
|
+
// value={studentName}
|
|
179
|
+
// />
|
|
180
|
+
// <EnhancedInput
|
|
181
|
+
// readOnly
|
|
182
|
+
// id="feeStructureId-readonly"
|
|
183
|
+
// label={t("formFeeStructureLabel")}
|
|
184
|
+
// value={feeStructureName}
|
|
185
|
+
// />
|
|
186
|
+
// <EnhancedInput
|
|
187
|
+
// readOnly
|
|
188
|
+
// id="discountCodeId-readonly"
|
|
189
|
+
// label={t("formDiscountCodeLabel")}
|
|
190
|
+
// value={discountCodeLabel}
|
|
191
|
+
// />
|
|
192
|
+
// <EnhancedInput
|
|
193
|
+
// readOnly
|
|
194
|
+
// id="discountAmount-readonly"
|
|
195
|
+
// label={t("formDiscountAmountLabel")}
|
|
196
|
+
// value={fee?.discountAmount ?? 0}
|
|
197
|
+
// type="number"
|
|
198
|
+
// step="0.01"
|
|
199
|
+
// />
|
|
200
|
+
// <EnhancedInput
|
|
201
|
+
// readOnly
|
|
202
|
+
// id="accumulatedFine-readonly"
|
|
203
|
+
// info={t("formAccumulatedFineInfo")}
|
|
204
|
+
// label={t("formAccumulatedFineLabel")}
|
|
205
|
+
// value={accumulatedFine}
|
|
206
|
+
// type="number"
|
|
207
|
+
// step="0.01"
|
|
208
|
+
// />
|
|
209
|
+
// <EnhancedInput
|
|
210
|
+
// readOnly
|
|
211
|
+
// id="amount-readonly"
|
|
212
|
+
// info={t("formTotalAmountInfo")}
|
|
213
|
+
// label={t("formTotalAmountLabel")}
|
|
214
|
+
// value={accumulatedAmount + (accumulatedFine ?? 0)}
|
|
215
|
+
// type="number"
|
|
216
|
+
// step="0.01"
|
|
217
|
+
// />
|
|
218
|
+
// <EnhancedInput
|
|
219
|
+
// id="amountPaid"
|
|
220
|
+
// info={t("formAmountPaidInfo")}
|
|
221
|
+
// label={t("formAmountPaidLabel")}
|
|
222
|
+
// value={
|
|
223
|
+
// accumulatedAmount + (accumulatedFine ?? 0) - fee.amountPaid || "0"
|
|
224
|
+
// }
|
|
225
|
+
// onChange={(e) => handleUpdateAmountPaid(e.target.value)}
|
|
226
|
+
// type="number"
|
|
227
|
+
// step="0.01"
|
|
228
|
+
// />
|
|
229
|
+
// <EnhancedInput
|
|
230
|
+
// readOnly
|
|
231
|
+
// id="amountDue-readonly"
|
|
232
|
+
// info={t("formAmountDueInfo")}
|
|
233
|
+
// label={t("formAmountDueLabel")}
|
|
234
|
+
// value={
|
|
235
|
+
// (accumulatedAmount ?? 0) +
|
|
236
|
+
// (accumulatedFine ?? 0) -
|
|
237
|
+
// parseFloat(amountPaid || "0")
|
|
238
|
+
// }
|
|
239
|
+
// type="number"
|
|
240
|
+
// step="0.01"
|
|
241
|
+
// />
|
|
242
|
+
// <EnhancedInput
|
|
243
|
+
// readOnly
|
|
244
|
+
// id="dueDate-readonly"
|
|
245
|
+
// label={t("formDueDateLabel")}
|
|
246
|
+
// value={formatDisplayDate(fee?.dueDate)}
|
|
247
|
+
// type="date"
|
|
248
|
+
// />
|
|
249
|
+
// <EnhancedInput
|
|
250
|
+
// id="paidAt"
|
|
251
|
+
// info={t("formPaidAtInfo")}
|
|
252
|
+
// label={t("formPaidAtLabel")}
|
|
253
|
+
// onChange={(e) => setPaidAt(e.target.value)}
|
|
254
|
+
// onClick={(e) => e.currentTarget.showPicker?.()}
|
|
255
|
+
// type="date"
|
|
256
|
+
// value={paidAt || ""}
|
|
257
|
+
// />
|
|
258
|
+
// <EnhancedInput
|
|
259
|
+
// readOnly
|
|
260
|
+
// id="status-readonly"
|
|
261
|
+
// label={t("formStatusLabel")}
|
|
262
|
+
// value={statusDisplay}
|
|
263
|
+
// />
|
|
264
|
+
// <EnhancedTextarea
|
|
265
|
+
// id="remarks-readonly"
|
|
266
|
+
// label={t("formRemarksLabel")}
|
|
267
|
+
// value={remarks || ""}
|
|
268
|
+
// onChange={(e) => setRemarks(e.target.value)}
|
|
269
|
+
// />
|
|
270
|
+
// </>
|
|
271
|
+
// ) : null}
|
|
272
|
+
// </div>
|
|
273
|
+
// );
|
|
274
|
+
// };
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export declare const StudentFeeSingleEntry: () => import("react").JSX.Element;
|
|
@@ -1,28 +1,94 @@
|
|
|
1
|
-
"use
|
|
2
|
-
|
|
3
|
-
import { EnhancedDrawerHeader } from "@appcorp/shadcn/components/enhanced-drawer-header";
|
|
4
|
-
import {
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
import {
|
|
9
|
-
import {
|
|
10
|
-
import {
|
|
11
|
-
import {
|
|
12
|
-
import {
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
1
|
+
"use strict";
|
|
2
|
+
// "use client";
|
|
3
|
+
// import { EnhancedDrawerHeader } from "@appcorp/shadcn/components/enhanced-drawer-header";
|
|
4
|
+
// import {
|
|
5
|
+
// EnhancedDrawerFooter,
|
|
6
|
+
// DRAWER_FOOTER_COMPONENT_TYPE,
|
|
7
|
+
// } from "@appcorp/shadcn/components/enhanced-drawer-footer";
|
|
8
|
+
// import { DrawerGeneric } from "@appcorp/shadcn/components/drawer-generic";
|
|
9
|
+
// import { useStudentFeeModule, STUDENT_FEE_DRAWER } from "./context";
|
|
10
|
+
// import { useTranslations } from "next-intl";
|
|
11
|
+
// import { SingleEntryStudentFeeForm } from "./single-entry-form";
|
|
12
|
+
// import { useFetch } from "@react-pakistan/util-functions/hooks/use-fetch";
|
|
13
|
+
// import { STUDENT_FEE_API_ROUTES } from "../../constants";
|
|
14
|
+
// import { API_METHODS } from "@react-pakistan/util-functions/constants/api-methods";
|
|
15
|
+
// import { useState } from "react";
|
|
16
|
+
// export const StudentFeeSingleEntry = () => {
|
|
17
|
+
// const { closeDrawer, handleSubmitSingleEntry, state, updateLoading } =
|
|
18
|
+
// useStudentFeeModule();
|
|
19
|
+
// const [amountPaid, setAmountPaid] = useState("");
|
|
20
|
+
// const [paidAt, setPaidAt] = useState(() => {
|
|
21
|
+
// const d = new Date();
|
|
22
|
+
// return `${d.getFullYear()}-${String(d.getMonth() + 1).padStart(2, "0")}-${String(d.getDate()).padStart(2, "0")}`;
|
|
23
|
+
// });
|
|
24
|
+
// const [remarks, setRemarks] = useState("");
|
|
25
|
+
// const t = useTranslations("studentFee");
|
|
26
|
+
// const { disableSaveButton, drawer, errors } = state;
|
|
27
|
+
// const isOpen = drawer === STUDENT_FEE_DRAWER.MISC_DRAWER_2;
|
|
28
|
+
// const {
|
|
29
|
+
// fetchNow: fetchByComputerNumber,
|
|
30
|
+
// data: feeByComputerNumber,
|
|
31
|
+
// loading: fetchingByCN,
|
|
32
|
+
// } = useFetch(STUDENT_FEE_API_ROUTES.BY_COMPUTER_NUMBER, {
|
|
33
|
+
// method: API_METHODS.GET,
|
|
34
|
+
// });
|
|
35
|
+
// return (
|
|
36
|
+
// <DrawerGeneric
|
|
37
|
+
// filterDrawer={null}
|
|
38
|
+
// filterDrawerHeader={null}
|
|
39
|
+
// filterDrawerFooter={null}
|
|
40
|
+
// formDrawer={
|
|
41
|
+
// isOpen ? (
|
|
42
|
+
// <SingleEntryStudentFeeForm
|
|
43
|
+
// amountPaid={amountPaid}
|
|
44
|
+
// feeByComputerNumber={feeByComputerNumber}
|
|
45
|
+
// fetchByComputerNumber={fetchByComputerNumber}
|
|
46
|
+
// fetchingByCN={fetchingByCN}
|
|
47
|
+
// paidAt={paidAt}
|
|
48
|
+
// remarks={remarks}
|
|
49
|
+
// setAmountPaid={setAmountPaid}
|
|
50
|
+
// setPaidAt={setPaidAt}
|
|
51
|
+
// setRemarks={setRemarks}
|
|
52
|
+
// />
|
|
53
|
+
// ) : null
|
|
54
|
+
// }
|
|
55
|
+
// formDrawerHeader={
|
|
56
|
+
// isOpen ? (
|
|
57
|
+
// <EnhancedDrawerHeader
|
|
58
|
+
// title={t("drawerSingleEntryTitle")}
|
|
59
|
+
// description={t("drawerSingleEntryDescription")}
|
|
60
|
+
// />
|
|
61
|
+
// ) : null
|
|
62
|
+
// }
|
|
63
|
+
// formDrawerFooter={
|
|
64
|
+
// isOpen ? (
|
|
65
|
+
// <EnhancedDrawerFooter
|
|
66
|
+
// applyFilters={() => {}}
|
|
67
|
+
// clearFilters={() => {}}
|
|
68
|
+
// closeDrawer={closeDrawer}
|
|
69
|
+
// disableSaveButton={disableSaveButton}
|
|
70
|
+
// drawerType={DRAWER_FOOTER_COMPONENT_TYPE.FORM_DRAWER}
|
|
71
|
+
// errors={errors}
|
|
72
|
+
// handleSubmit={() =>
|
|
73
|
+
// handleSubmitSingleEntry(
|
|
74
|
+
// feeByComputerNumber,
|
|
75
|
+
// amountPaid,
|
|
76
|
+
// remarks,
|
|
77
|
+
// paidAt
|
|
78
|
+
// )
|
|
79
|
+
// }
|
|
80
|
+
// updateLoading={updateLoading}
|
|
81
|
+
// />
|
|
82
|
+
// ) : null
|
|
83
|
+
// }
|
|
84
|
+
// viewDrawer={null}
|
|
85
|
+
// viewDrawerHeader={null}
|
|
86
|
+
// viewDrawerFooter={null}
|
|
87
|
+
// moreActionsDrawer={null}
|
|
88
|
+
// moreActionsDrawerHeader={null}
|
|
89
|
+
// moreActionsDrawerFooter={null}
|
|
90
|
+
// onOpenChange={(open: boolean) => !open && closeDrawer()}
|
|
91
|
+
// open={isOpen}
|
|
92
|
+
// />
|
|
93
|
+
// );
|
|
94
|
+
// };
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@appcorp/fusion-storybook",
|
|
3
|
-
"version": "0.3.
|
|
3
|
+
"version": "0.3.78",
|
|
4
4
|
"scripts": {
|
|
5
5
|
"build-storybook": "storybook build",
|
|
6
6
|
"build:next": "next build",
|
|
@@ -55,7 +55,7 @@
|
|
|
55
55
|
"@radix-ui/react-slider": "^1",
|
|
56
56
|
"@radix-ui/react-slot": "^1",
|
|
57
57
|
"@radix-ui/react-toast": "^1",
|
|
58
|
-
"@react-pakistan/util-functions": "^3.0.
|
|
58
|
+
"@react-pakistan/util-functions": "^3.0.7",
|
|
59
59
|
"@storybook/addon-a11y": "^10.3.4",
|
|
60
60
|
"@storybook/addon-docs": "^10.3.4",
|
|
61
61
|
"@storybook/addon-onboarding": "^10.3.4",
|