@bloom-housing/ui-components 7.0.8-alpha.0 → 7.1.0

package/src/page_components/sign-in/ResendConfirmationModal.tsx

@@ -7,21 +7,21 @@ import {
   Field,
   emailRegex,
   AppearanceSizeType,
-} from "../../..";
-import React, { useEffect, useMemo } from "react";
-import { useForm } from "react-hook-form";
+} from "@bloom-housing/ui-components"
+import React, { useEffect, useMemo } from "react"
+import { useForm } from "react-hook-form"
 
 export type ResendConfirmationModalProps = {
-  isOpen: boolean;
-  initialEmailValue: string;
-  onClose: () => void;
-  onSubmit: (email: string) => void;
-  loading: boolean;
-};
+  isOpen: boolean
+  initialEmailValue: string
+  onClose: () => void
+  onSubmit: (email: string) => void
+  loading: boolean
+}
 
 export type ResendConfirmationModalForm = {
-  onSubmit: (email: string) => void;
-};
+  onSubmit: (email: string) => void
+}
 
 const ResendConfirmationModal = ({
   isOpen,
@@ -35,23 +35,23 @@ const ResendConfirmationModal = ({
     defaultValues: useMemo(() => {
       return {
         emailResend: initialEmailValue,
-      };
+      }
     }, [initialEmailValue]),
-  });
+  })
 
   useEffect(() => {
     reset({
       emailResend: initialEmailValue,
-    });
-  }, [initialEmailValue, reset]);
+    })
+  }, [initialEmailValue, reset])
 
   const onFormSubmit = async () => {
-    const isValid = await trigger();
-    if (!isValid) return;
+    const isValid = await trigger()
+    if (!isValid) return
 
-    const { emailResend } = getValues();
-    onSubmit(emailResend);
-  };
+    const { emailResend } = getValues()
+    onSubmit(emailResend)
+  }
 
   return (
     <Modal
@@ -59,8 +59,8 @@ const ResendConfirmationModal = ({
       title={t("authentication.signIn.yourAccountIsNotConfirmed")}
       ariaDescription={t("authentication.createAccount.linkExpired")}
       onClose={() => {
-        onClose();
-        window.scrollTo(0, 0);
+        onClose()
+        window.scrollTo(0, 0)
       }}
       actions={[
         <Button
@@ -76,8 +76,8 @@ const ResendConfirmationModal = ({
           type="button"
           styleType={AppearanceStyleType.alert}
           onClick={() => {
-            onClose();
-            window.scrollTo(0, 0);
+            onClose()
+            window.scrollTo(0, 0)
           }}
           size={AppearanceSizeType.small}
         >
@@ -100,12 +100,10 @@ const ResendConfirmationModal = ({
           />
         </Form>
 
-        <p className="pt-4">
-          {t("authentication.createAccount.resendEmailInfo")}
-        </p>
+        <p className="pt-4">{t("authentication.createAccount.resendEmailInfo")}</p>
       </>
     </Modal>
-  );
-};
+  )
+}
 
-export { ResendConfirmationModal as default, ResendConfirmationModal };
+export { ResendConfirmationModal as default, ResendConfirmationModal }

package/src/tables/AgPagination.tsx

@@ -1,19 +1,19 @@
-import React from "react";
-import { Button, t } from "../..";
+import React from "react"
+import { Button, t } from "@bloom-housing/ui-components"
 
 type AgPaginationProps = {
-  totalItems: number;
-  totalPages: number;
-  currentPage: number;
-  itemsPerPage: number;
-  quantityLabel?: string;
-  setCurrentPage: React.Dispatch<React.SetStateAction<number>>;
-  setItemsPerPage: React.Dispatch<React.SetStateAction<number>>;
-  onPageChange?: (page: number) => void;
-  onPerPageChange?: (size: number) => void;
-};
+  totalItems: number
+  totalPages: number
+  currentPage: number
+  itemsPerPage: number
+  quantityLabel?: string
+  setCurrentPage: React.Dispatch<React.SetStateAction<number>>
+  setItemsPerPage: React.Dispatch<React.SetStateAction<number>>
+  onPageChange?: (page: number) => void
+  onPerPageChange?: (size: number) => void
+}
 
-const AG_PER_PAGE_OPTIONS = [8, 25, 50, 100];
+const AG_PER_PAGE_OPTIONS = [8, 25, 50, 100]
 
 const AgPagination = ({
   totalItems,
@@ -27,19 +27,19 @@ const AgPagination = ({
   onPerPageChange,
 }: AgPaginationProps) => {
   const onNextClick = () => {
-    setCurrentPage(currentPage + 1);
-    onPageChange && onPageChange(currentPage);
-  };
+    setCurrentPage(currentPage + 1)
+    onPageChange && onPageChange(currentPage)
+  }
 
   const onPrevClick = () => {
-    setCurrentPage(currentPage - 1);
-    onPageChange && onPageChange(currentPage);
-  };
+    setCurrentPage(currentPage - 1)
+    onPageChange && onPageChange(currentPage)
+  }
 
   const onRowLimitChange = (size: string) => {
-    setItemsPerPage(parseInt(size));
-    onPerPageChange && onPerPageChange(itemsPerPage);
-  };
+    setItemsPerPage(parseInt(size))
+    onPerPageChange && onPerPageChange(itemsPerPage)
+  }
 
   return (
     <div className="data-pager flex flex-col md:flex-row">
@@ -58,9 +58,7 @@ const AgPagination = ({
           <span className="field-label" id="lbTotalPages">
             {totalItems}
           </span>
-          {quantityLabel && (
-            <span className="field-label">{quantityLabel}</span>
-          )}
+          {quantityLabel && <span className="field-label">{quantityLabel}</span>}
         </div>
 
         <div className="flex mt-5 md:mt-0 md:items-center">
@@ -99,12 +97,12 @@ const AgPagination = ({
               {Array(totalPages)
                 .fill(totalPages)
                 .map((_, i) => {
-                  const value = i + 1;
+                  const value = i + 1
                   return (
                     <option key={value} value={value}>
                       {value}
                     </option>
-                  );
+                  )
                 })}
             </select>
           </div>
@@ -133,7 +131,7 @@ const AgPagination = ({
         </Button>
       </div>
     </div>
-  );
-};
+  )
+}
 
-export { AgPagination as default, AgPagination, AG_PER_PAGE_OPTIONS };
+export { AgPagination as default, AgPagination, AG_PER_PAGE_OPTIONS }

package/tsconfig.json

@@ -1,4 +1,5 @@
 {
+  "extends": "../tsconfig.json" /* TODO: is this worth connecting? */,
   "compilerOptions": {
     "outDir": "build/lib",
     "module": "esnext",

package/lerna.json

@@ -1,15 +0,0 @@
-{
-  "version": "independent",
-  "npmClient": "yarn",
-  "useWorkspaces": true,
-  "command": {
-    "publish": {
-      "conventionalCommits": true,
-      "message": "chore(release): publish"
-    },
-    "version": {
-      "conventionalCommits": true,
-      "message": "chore(release): version"
-    }
-  }
-}

package/src/helpers/DateFormat.ts

@@ -1,11 +0,0 @@
-import { t } from "../..";
-import dayjs from "dayjs";
-
-function formatDateTime(date: Date, showTime?: boolean) {
-  return (
-    dayjs(date).format("MMMM D, YYYY") +
-    (showTime ? ` ${t("t.at")} ` + dayjs(date).format("h:mmA") : "")
-  );
-}
-
-export { formatDateTime as default, formatDateTime };