cleanup

ohcnetwork · Oct 25, 2024 · 880447e · 880447e
1 parent 2f9bd97
commit 880447e
Show file tree

Hide file tree

Showing 23 changed files with 29 additions and 87 deletions.
diff --git a/package-lock.json b/package-lock.json
diff --git a/src/components/ABDM/FetchRecordsModal.tsx b/src/components/ABDM/FetchRecordsModal.tsx
@@ -193,7 +193,6 @@ export default function FetchRecordsModal({ abha, show, onClose }: IProps) {
         label={t("consent_request__expiry")}
         required
         disablePast
-        position="TOP-RIGHT"
       />
 
       <div className="mt-6 flex items-center justify-end">

diff --git a/src/components/Assets/AssetServiceEditModal.tsx b/src/components/Assets/AssetServiceEditModal.tsx
@@ -196,7 +196,6 @@ export const AssetServiceEditModal = (props: {
                 label={t("serviced_on")}
                 name="serviced_on"
                 className="mt-2"
-                position="LEFT"
                 value={new Date(form.serviced_on)}
                 max={new Date(props.service_record.created_date)}
                 onChange={(date) => {

diff --git a/src/components/Common/DateInputV2.tsx b/src/components/Common/DateInputV2.tsx
@@ -9,15 +9,6 @@ import { t } from "i18next";
 import DateTextInput from "./DateTextInput";
 
 type DatePickerType = "date" | "month" | "year";
-export type DatePickerPosition =
-  | "LEFT"
-  | "RIGHT"
-  | "CENTER"
-  | "LEFT-CENTER"
-  | "RIGHT-CENTER"
-  | "TOP-LEFT"
-  | "TOP-RIGHT"
-  | "TOP-CENTER";
 
 interface Props {
   id?: string;
@@ -29,12 +20,11 @@ interface Props {
   max?: Date;
   outOfLimitsErrorMessage?: string;
   onChange: (date: Date | undefined) => void;
-  position?: DatePickerPosition;
   disabled?: boolean;
   placeholder?: string;
   isOpen?: boolean;
   setIsOpen?: (isOpen: boolean) => void;
-  time?: boolean;
+  allowTime?: boolean;
   popOverClassName?: string;
 }
 
@@ -53,7 +43,7 @@ const DateInputV2: React.FC<Props> = ({
   disabled,
   placeholder,
   setIsOpen,
-  time,
+  allowTime,
   isOpen,
   popOverClassName,
 }) => {
@@ -84,7 +74,7 @@ const DateInputV2: React.FC<Props> = ({
   };
 
   const handleChange = (date: Date) => {
-    onChange(time ? date : getDayStart(date));
+    onChange(allowTime ? date : getDayStart(date));
   };
 
   const decrement = () => {
@@ -140,7 +130,7 @@ const DateInputV2: React.FC<Props> = ({
               datePickerHeaderDate.getSeconds(),
             ),
           );
-          if (!time) {
+          if (!allowTime) {
             close();
             setIsOpen?.(false);
           }
@@ -276,7 +266,7 @@ const DateInputV2: React.FC<Props> = ({
     isOpen && popoverButtonRef.current?.click();
   }, [isOpen]);
 
-  const dateFormat = `DD/MM/YYYY${time ? " hh:mm a" : ""}`;
+  const dateFormat = `DD/MM/YYYY${allowTime ? " hh:mm a" : ""}`;
 
   const getPosition = () => {
     const viewportWidth = document.documentElement.clientWidth;
@@ -285,7 +275,7 @@ const DateInputV2: React.FC<Props> = ({
     const popOverX = popoverButtonRef.current?.getBoundingClientRect().x || 0;
     const popOverY = popoverButtonRef.current?.getBoundingClientRect().y || 0;
 
-    const right = popOverX > viewportWidth - (time ? 420 : 300);
+    const right = popOverX > viewportWidth - (allowTime ? 420 : 300);
     const top = popOverY > viewportHeight - 400;
 
     return `${right ? "md:-translate-x-1/2" : ""} ${top ? "md:-translate-y-[calc(100%+50px)]" : ""}`;
@@ -327,7 +317,7 @@ const DateInputV2: React.FC<Props> = ({
                 {open && (
                   <PopoverPanel
                     className={classNames(
-                      `cui-dropdown-base absolute my-0.5 ${time ? "max-h-[80vh] w-full md:h-auto md:w-[400px]" : "w-72"} divide-y-0 rounded p-4`,
+                      `cui-dropdown-base absolute my-0.5 ${allowTime ? "max-h-[80vh] w-full md:h-auto md:w-[400px]" : "w-72"} divide-y-0 rounded p-4`,
                       getPosition(),
                       popOverClassName,
                     )}
@@ -338,7 +328,7 @@ const DateInputV2: React.FC<Props> = ({
                       )}
                     >
                       <DateTextInput
-                        allowTime={!!time}
+                        allowTime={!!allowTime}
                         value={value}
                         onChange={onChange}
                         onFinishInitialTyping={() => close()}
@@ -537,7 +527,7 @@ const DateInputV2: React.FC<Props> = ({
                             </div>
                           )}
                         </div>
-                        {time && (
+                        {allowTime && (
                           <div className="flex shrink-0 gap-1">
                             {(
                               [

diff --git a/src/components/Common/DateRangeInputV2.tsx b/src/components/Common/DateRangeInputV2.tsx
@@ -14,7 +14,7 @@ type Props = {
   disabled?: boolean;
   max?: Date;
   min?: Date;
-  time?: boolean;
+  allowTime?: boolean;
 };
 
 const DateRangeInputV2 = ({ value, onChange, ...props }: Props) => {
@@ -34,10 +34,9 @@ const DateRangeInputV2 = ({ value, onChange, ...props }: Props) => {
           }}
           min={props.min}
           max={end || props.max}
-          position="RIGHT-CENTER"
           placeholder="Start date"
           disabled={props.disabled}
-          time={props.time}
+          allowTime={props.allowTime}
         />
       </div>
       <div className="flex-auto">
@@ -48,12 +47,11 @@ const DateRangeInputV2 = ({ value, onChange, ...props }: Props) => {
           onChange={(end) => onChange({ start, end })}
           min={start || props.min}
           max={props.max}
-          position="CENTER"
           disabled={props.disabled || !start}
           placeholder="End date"
           isOpen={showEndPicker}
           setIsOpen={setShowEndPicker}
-          time={props.time}
+          allowTime={props.allowTime}
         />
       </div>
     </div>

diff --git a/src/components/Common/prescription-builder/InvestigationBuilder.tsx b/src/components/Common/prescription-builder/InvestigationBuilder.tsx
@@ -228,7 +228,7 @@ export default function InvestigationBuilder(
                           i,
                         )
                       }
-                      time
+                      allowTime
                       errorClassName="hidden"
                       className="w-full"
                       onFocus={() => setActiveIdx(i)}

diff --git a/src/components/Common/prescription-builder/ProcedureBuilder.tsx b/src/components/Common/prescription-builder/ProcedureBuilder.tsx
@@ -150,7 +150,7 @@ export default function ProcedureBuilder(props: Props<ProcedureType>) {
                           i,
                         )
                       }
-                      time
+                      allowTime
                       errorClassName="hidden"
                       className="w-full"
                       onFocus={() => setActiveIdx(i)}

diff --git a/src/components/DeathReport/DeathReport.tsx b/src/components/DeathReport/DeathReport.tsx
@@ -410,7 +410,6 @@ export default function PrintDeathReport(props: { id: string }) {
                       <DateFormField
                         {...field("date_declared_positive")}
                         label={t("date_declared_positive")}
-                        position="LEFT"
                         className="w-full"
                         disableFuture
                       />
@@ -428,14 +427,12 @@ export default function PrintDeathReport(props: { id: string }) {
                       <DateFormField
                         {...field("date_of_test")}
                         label={t("date_of_test")}
-                        position="LEFT"
                       />
                     </div>
                     <div>
                       <DateFormField
                         {...field("date_of_result")}
                         label={t("date_of_result")}
-                        position="LEFT"
                         disableFuture
                       />
                     </div>
@@ -477,15 +474,13 @@ export default function PrintDeathReport(props: { id: string }) {
                       <DateFormField
                         {...field("date_of_admission")}
                         label="Date of admission"
-                        position="LEFT"
                         disableFuture
                       />
                     </div>
                     <div>
                       <DateFormField
                         {...field("date_of_death")}
                         label="Date of death"
-                        position="LEFT"
                         disableFuture
                       />
                     </div>
@@ -534,7 +529,6 @@ export default function PrintDeathReport(props: { id: string }) {
                       <DateFormField
                         {...field("kottayam_sample_date")}
                         label="Sample sent to NIV/IUCBR Kottayam on"
-                        position="LEFT"
                       />
                     </div>
                   </div>

diff --git a/src/components/Facility/AssetCreate.tsx b/src/components/Facility/AssetCreate.tsx
@@ -834,7 +834,6 @@ const AssetCreate = (props: AssetProps) => {
                         label={t("last_serviced_on")}
                         name="last_serviced_on"
                         className="mt-2"
-                        position="TOP-RIGHT"
                         disableFuture
                         value={last_serviced_on && new Date(last_serviced_on)}
                         onChange={(date) => {

diff --git a/src/components/Facility/ConsultationForm.tsx b/src/components/Facility/ConsultationForm.tsx
@@ -1195,7 +1195,7 @@ export const ConsultationForm = ({ facilityId, patientId, id }: Props) => {
                               value: dayjs(e.value).format("YYYY-MM-DDTHH:mm"),
                             })
                           }
-                          time
+                          allowTime
                           errorClassName="hidden"
                         />
                       </div>
@@ -1242,7 +1242,7 @@ export const ConsultationForm = ({ facilityId, patientId, id }: Props) => {
                           value: dayjs(e.value).format("YYYY-MM-DDTHH:mm"),
                         })
                       }
-                      time
+                      allowTime
                       errorClassName="hidden"
                     />
                     {dayjs().diff(state.form.encounter_date, "day") > 30 && (
@@ -1281,7 +1281,7 @@ export const ConsultationForm = ({ facilityId, patientId, id }: Props) => {
                             value: dayjs(e.value).format("YYYY-MM-DDTHH:mm"),
                           })
                         }
-                        time
+                        allowTime
                         errorClassName="hidden"
                       />
                     </div>

diff --git a/src/components/Facility/Consultations/Beds.tsx b/src/components/Facility/Consultations/Beds.tsx
@@ -215,8 +215,7 @@ const Beds = (props: BedsProps) => {
               max={new Date()}
               error=""
               errorClassName="hidden"
-              position="TOP-RIGHT"
-              time
+              allowTime
             />
             <div>
               <FieldLabel id="assets-link-label">Link Assets</FieldLabel>

diff --git a/src/components/Facility/Consultations/DailyRoundsFilter.tsx b/src/components/Facility/Consultations/DailyRoundsFilter.tsx
@@ -95,7 +95,7 @@ export default function DailyRoundsFilter(props: Props) {
                   }
                   max={new Date()}
                   errorClassName="hidden"
-                  time
+                  allowTime
                 />
                 <DateFormField
                   {...field("taken_at_before")}
@@ -113,7 +113,7 @@ export default function DailyRoundsFilter(props: Props) {
                   }
                   max={new Date()}
                   errorClassName="hidden"
-                  time
+                  allowTime
                 />
                 <PopoverButton>
                   <ButtonV2

diff --git a/src/components/Facility/DischargeModal.tsx b/src/components/Facility/DischargeModal.tsx
@@ -321,7 +321,6 @@ const DischargeModal = ({
             value={
               dischargeOrDeathTime ? new Date(dischargeOrDeathTime) : new Date()
             }
-            position="TOP-RIGHT"
             popOverClassName="max-h-[50vh]"
             onChange={(e) => {
               const updates: Record<string, string | undefined> = {
@@ -340,7 +339,7 @@ const DischargeModal = ({
                 ? errors?.death_datetime
                 : errors?.discharge_date
             }
-            time
+            allowTime
           />
 
           {discharge_reason !==

diff --git a/src/components/Facility/TriageForm.tsx b/src/components/Facility/TriageForm.tsx
@@ -250,7 +250,6 @@ export const TriageForm = ({ facilityId, id }: Props) => {
                     value={state.form.entry_date}
                     disableFuture
                     onChange={handleFormFieldChange}
-                    position="LEFT"
                     placeholder="Entry Date"
                     error={state.errors.entry_date}
                   />

diff --git a/src/components/Form/FormFields/DateFormField.tsx b/src/components/Form/FormFields/DateFormField.tsx
@@ -1,6 +1,4 @@
-import DateInputV2, {
-  DatePickerPosition,
-} from "@/components/Common/DateInputV2";
+import DateInputV2 from "@/components/Common/DateInputV2";
 import { FormFieldBaseProps, useFormFieldPropsResolver } from "./Utils";
 
 import FormField from "./FormField";
@@ -11,10 +9,9 @@ type Props = FormFieldBaseProps<Date> & {
   placeholder?: string;
   max?: Date;
   min?: Date;
-  position?: DatePickerPosition;
   disableFuture?: boolean;
   disablePast?: boolean;
-  time?: boolean;
+  allowTime?: boolean;
   popOverClassName?: string;
 };
 
@@ -50,9 +47,8 @@ const DateFormField = (props: Props) => {
         disabled={field.disabled}
         max={props.max ?? (props.disableFuture ? new Date() : undefined)}
         min={props.min ?? (props.disablePast ? yesterday() : undefined)}
-        position={props.position ?? "RIGHT"}
         placeholder={props.placeholder}
-        time={props.time}
+        allowTime={props.allowTime}
         popOverClassName={props.popOverClassName}
       />
     </FormField>

diff --git a/src/components/Form/FormFields/DateRangeFormField.tsx b/src/components/Form/FormFields/DateRangeFormField.tsx
@@ -10,7 +10,7 @@ type Props = FormFieldBaseProps<DateRange> & {
   min?: Date;
   disableFuture?: boolean;
   disablePast?: boolean;
-  time?: boolean;
+  allowTime?: boolean;
 };
 
 /**
@@ -40,7 +40,7 @@ const DateRangeFormField = (props: Props) => {
         disabled={field.disabled}
         min={props.min || (props.disableFuture ? new Date() : undefined)}
         max={props.max || (props.disablePast ? new Date() : undefined)}
-        time={props.time}
+        allowTime={props.allowTime}
       />
     </FormField>
   );

diff --git a/src/components/Medicine/AdministerMedicine.tsx b/src/components/Medicine/AdministerMedicine.tsx
@@ -151,8 +151,7 @@ export default function AdministerMedicine({ prescription, ...props }: Props) {
               min={new Date(prescription.created_date)}
               max={new Date()}
               errorClassName="hidden"
-              position="TOP-RIGHT"
-              time
+              allowTime
             />
           </div>
         </div>

diff --git a/src/components/Medicine/MedicineAdministration.tsx b/src/components/Medicine/MedicineAdministration.tsx
@@ -219,7 +219,7 @@ export default function MedicineAdministration(props: Props) {
                   max={new Date()}
                   className="w-full"
                   errorClassName="hidden"
-                  time
+                  allowTime
                 />
               </div>
             </div>