@bloom-housing/ui-components 7.2.3-alpha.1 → 7.3.0

package/dist/__tests__/forms/MultiSelectField.test.js

@@ -13,7 +13,7 @@ var __generator = (this && this.__generator) || function (thisArg, body) {
     function verb(n) { return function (v) { return step([n, v]); }; }
     function step(op) {
         if (f) throw new TypeError("Generator is already executing.");
-        while (_) try {
+        while (g && (g = 0, op[0] && (_ = 0)), _) try {
             if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
             if (y = 0, t) op = [op[0] & 2, t.value];
             switch (op[0]) {

package/dist/__tests__/tables/AgTable.test.js

@@ -13,7 +13,7 @@ var __generator = (this && this.__generator) || function (thisArg, body) {
     function verb(n) { return function (v) { return step([n, v]); }; }
     function step(op) {
         if (f) throw new TypeError("Generator is already executing.");
-        while (_) try {
+        while (g && (g = 0, op[0] && (_ = 0)), _) try {
             if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
             if (y = 0, t) op = [op[0] & 2, t.value];
             switch (op[0]) {

package/dist/src/actions/ExpandableContent.d.ts

@@ -1,5 +1,5 @@
 import React from "react";
-declare type ExpandableContentProps = {
+type ExpandableContentProps = {
     children: React.ReactChild;
     strings: {
         readMore?: string;

package/dist/src/config/NavigationContext.d.ts

@@ -1,8 +1,8 @@
 /// <reference types="node" />
 import React, { FunctionComponent, AnchorHTMLAttributes, DetailedHTMLProps } from "react";
 import { UrlObject } from "url";
-declare type Url = UrlObject | string;
-declare type DefaultLinkProps = DetailedHTMLProps<AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>;
+type Url = UrlObject | string;
+type DefaultLinkProps = DetailedHTMLProps<AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>;
 export interface LinkProps extends DefaultLinkProps {
     className?: string;
 }

package/dist/src/forms/CloudinaryUpload.js

@@ -13,7 +13,7 @@ var __generator = (this && this.__generator) || function (thisArg, body) {
     function verb(n) { return function (v) { return step([n, v]); }; }
     function step(op) {
         if (f) throw new TypeError("Generator is already executing.");
-        while (_) try {
+        while (g && (g = 0, op[0] && (_ = 0)), _) try {
             if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
             if (y = 0, t) op = [op[0] & 2, t.value];
             switch (op[0]) {

package/dist/src/forms/DOBField.d.ts

@@ -1,6 +1,6 @@
 import React from "react";
 import { UseFormMethods, FieldError, DeepMap } from "react-hook-form";
-export declare type DOBFieldValues = {
+export type DOBFieldValues = {
     birthDay: string;
     birthMonth: string;
     birthYear: string;

package/dist/src/forms/DateField.d.ts

@@ -1,6 +1,6 @@
 import React from "react";
 import { UseFormMethods, FieldError, DeepMap } from "react-hook-form";
-export declare type DateFieldValues = {
+export type DateFieldValues = {
     day: string;
     month: string;
     year: string;

package/dist/src/forms/MultiSelectField.d.ts

@@ -4,7 +4,7 @@ export interface MultiSelectFieldItem {
     value: string;
     label: string;
 }
-export declare type MultiSelectDataSourceParams<T> = (query: string, render: (toRender: MultiSelectFieldItem[]) => void, isFirstCall: boolean) => T;
+export type MultiSelectDataSourceParams<T> = (query: string, render: (toRender: MultiSelectFieldItem[]) => void, isFirstCall: boolean) => T;
 export interface MultiSelectFieldProps {
     name: string;
     dataSource: string | string[] | MultiSelectFieldItem[] | MultiSelectDataSourceParams<MultiSelectFieldItem[]> | MultiSelectDataSourceParams<Promise<MultiSelectFieldItem[]>>;

package/dist/src/forms/MultiSelectField.js

@@ -13,7 +13,7 @@ var __generator = (this && this.__generator) || function (thisArg, body) {
     function verb(n) { return function (v) { return step([n, v]); }; }
     function step(op) {
         if (f) throw new TypeError("Generator is already executing.");
-        while (_) try {
+        while (g && (g = 0, op[0] && (_ = 0)), _) try {
             if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
             if (y = 0, t) op = [op[0] & 2, t.value];
             switch (op[0]) {

package/dist/src/forms/MultiSelectField.stories.js

@@ -13,7 +13,7 @@ var __generator = (this && this.__generator) || function (thisArg, body) {
     function verb(n) { return function (v) { return step([n, v]); }; }
     function step(op) {
         if (f) throw new TypeError("Generator is already executing.");
-        while (_) try {
+        while (g && (g = 0, op[0] && (_ = 0)), _) try {
             if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
             if (y = 0, t) op = [op[0] & 2, t.value];
             switch (op[0]) {

package/dist/src/forms/Textarea.d.ts

@@ -1,6 +1,6 @@
 import "./Textarea.scss";
 import { UseFormMethods } from "react-hook-form";
-declare type WrapOptions = "soft" | "hard";
+type WrapOptions = "soft" | "hard";
 export interface TextareaProps {
     cols?: number;
     defaultValue?: string;

package/dist/src/forms/TimeField.d.ts

@@ -1,12 +1,12 @@
 import { UseFormMethods } from "react-hook-form";
-export declare type TimeFieldPeriod = "am" | "pm";
-export declare type TimeFieldValues = {
+export type TimeFieldPeriod = "am" | "pm";
+export type TimeFieldValues = {
     hours: string;
     minutes: string;
     seconds: string;
     period: TimeFieldPeriod;
 };
-export declare type TimeFieldProps = {
+export type TimeFieldProps = {
     defaultValues?: TimeFieldValues;
     disabled?: boolean;
     error?: boolean;

package/dist/src/headers/SiteHeader.d.ts

@@ -1,8 +1,8 @@
 import React from "react";
 import { LangItem } from "../navigation/LanguageNav";
 import "./SiteHeader.scss";
-declare type LogoWidth = "slim" | "base" | "medium" | "wide";
-declare type SiteHeaderWidth = "base" | "wide";
+type LogoWidth = "slim" | "base" | "medium" | "wide";
+type SiteHeaderWidth = "base" | "wide";
 export interface MenuLink {
     href?: string;
     iconClassName?: string;

package/dist/src/helpers/formatYesNoLabel.d.ts

@@ -1,5 +1,5 @@
 export declare const formatYesNoLabel: (value: boolean | null, strings?: {
-    yesString?: string | undefined;
-    noString?: string | undefined;
-    notApplicableString?: string | undefined;
-} | undefined) => string;
+    yesString?: string;
+    noString?: string;
+    notApplicableString?: string;
+}) => string;

package/dist/src/helpers/preferences.d.ts

@@ -1,5 +1,5 @@
 import { UseFormMethods } from "react-hook-form";
-declare type FormAddressProps = {
+type FormAddressProps = {
     subtitle: string;
     dataKey: string;
     enableMailCheckbox?: boolean;

package/dist/src/helpers/useMutate.d.ts

@@ -1,9 +1,9 @@
-export declare type UseMutateOptions = {
+export type UseMutateOptions = {
     onSuccess?: () => void;
     onError?: (err: any) => void;
 };
 declare const useMutate: <UseMutateResponse>() => {
-    mutate: (mutateFn: (args?: unknown) => Promise<UseMutateResponse>, options?: UseMutateOptions | undefined) => Promise<UseMutateResponse | undefined>;
+    mutate: (mutateFn: (args?: unknown) => Promise<UseMutateResponse>, options?: UseMutateOptions) => Promise<UseMutateResponse | undefined>;
     reset: () => void;
     data: UseMutateResponse | undefined;
     isSuccess: boolean;

package/dist/src/helpers/useMutate.js

@@ -13,7 +13,7 @@ var __generator = (this && this.__generator) || function (thisArg, body) {
     function verb(n) { return function (v) { return step([n, v]); }; }
     function step(op) {
         if (f) throw new TypeError("Generator is already executing.");
-        while (_) try {
+        while (g && (g = 0, op[0] && (_ = 0)), _) try {
             if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
             if (y = 0, t) op = [op[0] & 2, t.value];
             switch (op[0]) {

package/dist/src/helpers/useOutsideClick.d.ts

@@ -1,5 +1,5 @@
 import { RefObject } from "react";
-declare type OutsideClickProps = {
+type OutsideClickProps = {
     ref: RefObject<Element>;
     callback: () => unknown;
 };

package/dist/src/icons/Icon.d.ts

@@ -63,16 +63,16 @@ declare const IconMap: {
     trash: (props: import("./Icons").IconProps) => JSX.Element;
     warning: (props: import("./Icons").IconProps) => JSX.Element;
 };
-export declare type IconTypes = keyof typeof IconMap;
-export declare type UniversalIconType = IconTypes | IconDefinition;
-export declare type IconFill = "white" | "primary";
+export type IconTypes = keyof typeof IconMap;
+export type UniversalIconType = IconTypes | IconDefinition;
+export type IconFill = "white" | "primary";
 export declare const IconFillColors: {
     white: string;
     black: string;
     primary: string;
     alert: string;
 };
-export declare type IconSize = "tiny" | "small" | "base" | "medium" | "large" | "xlarge" | "2xl" | "3xl";
+export type IconSize = "tiny" | "small" | "base" | "medium" | "large" | "xlarge" | "2xl" | "3xl";
 export interface IconProps {
     size: IconSize;
     symbol: UniversalIconType;

package/dist/src/navigation/LanguageNav.d.ts

@@ -1,5 +1,5 @@
 import "./LanguageNav.scss";
-export declare type LangItem = {
+export type LangItem = {
     label: string;
     onClick: () => void;
     active: boolean;

package/dist/src/navigation/ProgressNav.d.ts

@@ -1,5 +1,5 @@
 import "./ProgressNav.scss";
-declare type ProgressNavStyle = "bar" | "dot";
+type ProgressNavStyle = "bar" | "dot";
 declare const ProgressNav: (props: {
     currentPageSection: number;
     completedSections: number;

package/dist/src/notifications/SiteAlert.d.ts

@@ -1,5 +1,5 @@
 import { AlertTypes } from "./alertTypes";
-declare type SiteAlertProps = {
+type SiteAlertProps = {
     timeout?: number;
     dismissable?: boolean;
     type?: AlertTypes;

package/dist/src/notifications/alertTypes.d.ts

@@ -4,4 +4,4 @@ export declare const colorClasses: {
     success: string;
     warn: string;
 };
-export declare type AlertTypes = keyof typeof colorClasses;
+export type AlertTypes = keyof typeof colorClasses;

package/dist/src/overlays/LoadingOverlay.d.ts

@@ -1,6 +1,6 @@
 import React from "react";
 import "./LoadingOverlay.scss";
-declare type LoadingOverlayProps = {
+type LoadingOverlayProps = {
     isLoading: boolean;
     children: React.ReactChild;
 };

package/dist/src/overlays/Overlay.d.ts

@@ -1,6 +1,6 @@
 import React from "react";
 import "./Overlay.scss";
-export declare type OverlayProps = {
+export type OverlayProps = {
     open?: boolean;
     ariaLabelledBy?: string;
     ariaDescription?: string;

package/dist/src/page_components/NavigationHeader.d.ts

@@ -1,6 +1,6 @@
 import React from "react";
 import "./NavigationHeader.scss";
-declare type NavigationHeaderProps = {
+type NavigationHeaderProps = {
     className?: string;
     title: React.ReactNode;
     listingId?: string;
@@ -8,7 +8,7 @@ declare type NavigationHeaderProps = {
     breadcrumbs?: React.ReactNode;
     children?: React.ReactChild;
 };
-declare type NavigationHeaderTabs = {
+type NavigationHeaderTabs = {
     show?: boolean;
     flagsQty?: number;
     listingLabel: string;

package/dist/src/page_components/forgot-password/FormForgotPassword.d.ts

@@ -1,20 +1,20 @@
 import { NetworkErrorReset, NetworkStatusContent } from "../sign-in/FormSignIn";
 import type { UseFormMethods } from "react-hook-form";
-export declare type FormForgotPasswordProps = {
+export type FormForgotPasswordProps = {
     control: FormForgotPasswordControl;
     onSubmit: (data: FormForgotPasswordValues) => void;
     networkError: FormForgotPasswordNetworkError;
 };
-export declare type FormForgotPasswordNetworkError = {
+export type FormForgotPasswordNetworkError = {
     error: NetworkStatusContent;
     reset: NetworkErrorReset;
 };
-export declare type FormForgotPasswordControl = {
+export type FormForgotPasswordControl = {
     errors: UseFormMethods["errors"];
     handleSubmit: UseFormMethods["handleSubmit"];
     register: UseFormMethods["register"];
 };
-export declare type FormForgotPasswordValues = {
+export type FormForgotPasswordValues = {
     email: string;
 };
 declare const FormForgotPassword: ({ onSubmit, networkError, control: { errors, register, handleSubmit }, }: FormForgotPasswordProps) => JSX.Element;

package/dist/src/page_components/listing/ContentAccordion.d.ts

@@ -7,7 +7,7 @@ interface ContentAccordionProps {
     accordionTheme?: AccordionTheme;
     barClass?: string;
 }
-export declare type AccordionTheme = "blue" | "gray";
+export type AccordionTheme = "blue" | "gray";
 /**
  * An accordion that consists of header bar content and expandable content
  * Two existing themes under our design system are available

package/dist/src/page_components/listing/listing_sidebar/events/DownloadLotteryResults.d.ts

@@ -1,4 +1,4 @@
-declare type DownloadLotteryResultsProps = {
+type DownloadLotteryResultsProps = {
     resultsDate?: string;
     buttonText?: string;
     pdfURL?: string;

package/dist/src/page_components/listing/listing_sidebar/events/EventSection.d.ts

@@ -1,12 +1,12 @@
 import * as React from "react";
-export declare type EventType = {
+export type EventType = {
     timeString?: string;
     dateString?: string;
     linkURL?: string;
     linkText?: string;
     note?: string | React.ReactNode;
 };
-declare type EventSectionProps = {
+type EventSectionProps = {
     events: EventType[];
     headerText?: string;
     sectionHeader?: boolean;

package/dist/src/page_components/sign-in/FormSignIn.d.ts

@@ -1,31 +1,31 @@
 import type { UseFormMethods } from "react-hook-form";
 import { AlertTypes } from "../../notifications/alertTypes";
-export declare type NetworkErrorDetermineError = (status: number, error: Error) => void;
-export declare type NetworkStatusType = AlertTypes;
-export declare type NetworkErrorReset = () => void;
-export declare type NetworkStatusContent = {
+export type NetworkErrorDetermineError = (status: number, error: Error) => void;
+export type NetworkStatusType = AlertTypes;
+export type NetworkErrorReset = () => void;
+export type NetworkStatusContent = {
     title: string;
     description: string;
     error?: boolean;
 } | null;
-export declare type NetworkStatus = {
+export type NetworkStatus = {
     content: NetworkStatusContent;
     type?: NetworkStatusType;
     reset: NetworkErrorReset;
 };
-export declare type FormSignInProps = {
+export type FormSignInProps = {
     control: FormSignInControl;
     onSubmit: (data: FormSignInValues) => void;
     networkStatus: NetworkStatus;
     showRegisterBtn?: boolean;
 };
-export declare type FormSignInControl = {
+export type FormSignInControl = {
     errors: UseFormMethods["errors"];
     handleSubmit: UseFormMethods["handleSubmit"];
     register: UseFormMethods["register"];
     watch: UseFormMethods["watch"];
 };
-export declare type FormSignInValues = {
+export type FormSignInValues = {
     email: string;
     password: string;
 };

package/dist/src/page_components/sign-in/FormSignInAddPhone.d.ts

@@ -1,17 +1,17 @@
 import type { UseFormMethods } from "react-hook-form";
 import { NetworkStatus } from "./FormSignIn";
-export declare type FormSignInAddPhoneProps = {
+export type FormSignInAddPhoneProps = {
     control: FormSignInAddPhoneControl;
     onSubmit: (data: FormSignInAddPhoneValues) => void;
     networkError: NetworkStatus;
     phoneNumber: string;
 };
-export declare type FormSignInAddPhoneControl = {
+export type FormSignInAddPhoneControl = {
     errors: UseFormMethods["errors"];
     handleSubmit: UseFormMethods["handleSubmit"];
     control: UseFormMethods["control"];
 };
-export declare type FormSignInAddPhoneValues = {
+export type FormSignInAddPhoneValues = {
     phoneNumber: string;
 };
 declare const FormSignInAddPhone: ({ onSubmit, networkError, control, phoneNumber, }: FormSignInAddPhoneProps) => JSX.Element;

package/dist/src/page_components/sign-in/FormSignInErrorBox.d.ts

@@ -1,11 +1,11 @@
 import type { UseFormMethods } from "react-hook-form";
 import { NetworkStatus } from "./FormSignIn";
-export declare type FormSignInErrorBoxProps = {
+export type FormSignInErrorBoxProps = {
     errors: FormSignInErrorBoxControl["errors"];
     networkStatus: NetworkStatus;
     errorMessageId: string;
 };
-export declare type FormSignInErrorBoxControl = {
+export type FormSignInErrorBoxControl = {
     errors: UseFormMethods["errors"];
     control: UseFormMethods["control"];
 };

package/dist/src/page_components/sign-in/FormSignInMFACode.d.ts

@@ -3,7 +3,7 @@ export declare enum RequestType {
     email = "email",
     sms = "sms"
 }
-export declare type FormSignInMFACodeProps = {
+export type FormSignInMFACodeProps = {
     control: FormSignInControl;
     onSubmit: (data: FormSignInMFACodeValues) => void;
     networkError: NetworkStatus;
@@ -12,7 +12,7 @@ export declare type FormSignInMFACodeProps = {
     phoneNumber: string;
     goBackToPhone: () => void;
 };
-export declare type FormSignInMFACodeValues = {
+export type FormSignInMFACodeValues = {
     mfaCode: string;
 };
 declare const FormSignInMFACode: ({ onSubmit, networkError, control: { errors, register, handleSubmit }, mfaType, allowPhoneNumberEdit, phoneNumber, goBackToPhone, }: FormSignInMFACodeProps) => JSX.Element;

package/dist/src/page_components/sign-in/FormSignInMFAType.d.ts

@@ -1,13 +1,13 @@
 import type { UseFormMethods } from "react-hook-form";
 import { NetworkStatus } from "./FormSignIn";
-export declare type FormSignInMFAProps = {
+export type FormSignInMFAProps = {
     control: FormSignInMFAControl;
     onSubmit: (data: unknown) => void;
     networkError: NetworkStatus;
     emailOnClick: () => void;
     smsOnClick: () => void;
 };
-export declare type FormSignInMFAControl = {
+export type FormSignInMFAControl = {
     errors: UseFormMethods["errors"];
     handleSubmit: UseFormMethods["handleSubmit"];
     register: UseFormMethods["register"];

package/dist/src/page_components/sign-in/FormTerms.d.ts

@@ -1,4 +1,4 @@
-export declare type FormTermsProps = {
+export type FormTermsProps = {
     onSubmit: () => void;
     terms?: string;
 };

package/dist/src/page_components/sign-in/ResendConfirmationModal.d.ts

@@ -1,11 +1,11 @@
-export declare type ResendConfirmationModalProps = {
+export type ResendConfirmationModalProps = {
     isOpen: boolean;
     initialEmailValue: string;
     onClose: () => void;
     onSubmit: (email: string) => void;
     loading: boolean;
 };
-export declare type ResendConfirmationModalForm = {
+export type ResendConfirmationModalForm = {
     onSubmit: (email: string) => void;
 };
 declare const ResendConfirmationModal: ({ isOpen, initialEmailValue, loading, onClose, onSubmit, }: ResendConfirmationModalProps) => JSX.Element;

package/dist/src/page_components/sign-in/ResendConfirmationModal.js

@@ -13,7 +13,7 @@ var __generator = (this && this.__generator) || function (thisArg, body) {
     function verb(n) { return function (v) { return step([n, v]); }; }
     function step(op) {
         if (f) throw new TypeError("Generator is already executing.");
-        while (_) try {
+        while (g && (g = 0, op[0] && (_ = 0)), _) try {
             if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
             if (y = 0, t) op = [op[0] & 2, t.value];
             switch (op[0]) {

package/dist/src/tables/AgPagination.d.ts

@@ -1,5 +1,5 @@
 import React from "react";
-declare type AgPaginationProps = {
+type AgPaginationProps = {
     totalItems: number;
     totalPages: number;
     currentPage: number;

package/dist/src/tables/StandardTable.d.ts

@@ -26,7 +26,7 @@ export declare const Cell: (props: {
 export declare const TableThumbnail: (props: {
     children: React.ReactNode;
 }) => JSX.Element;
-export declare type StandardTableCell = {
+export type StandardTableCell = {
     /** The main content of the cell */
     content: React.ReactNode;
     /** Text content that will replace this cell's header on mobile views */
@@ -34,7 +34,7 @@ export declare type StandardTableCell = {
     /** Classname to apply to this row */
     rowClass?: string;
 };
-export declare type StandardTableData = Record<string, StandardTableCell>[];
+export type StandardTableData = Record<string, StandardTableCell>[];
 export interface StandardTableProps {
     /** If the table should be sortable through dragging */
     draggable?: boolean;

package/dist/src/text/Heading.d.ts

@@ -5,7 +5,7 @@ export interface HeadingProps {
     priority?: number;
     styleType?: HeaderType;
 }
-export declare type HeaderType = keyof typeof HeaderStyleMap;
+export type HeaderType = keyof typeof HeaderStyleMap;
 declare const HeaderStyleMap: {
     largePrimary: string;
     mediumNormal: string;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bloom-housing/ui-components",
-  "version": "7.2.3-alpha.1",
+  "version": "7.3.0",
   "author": "Sean Albert <sean.albert@exygy.com>",
   "description": "Shared user interface components for Bloom affordable housing system",
   "homepage": "https://github.com/bloom-housing/ui-components",
@@ -42,13 +42,6 @@
     "@babel/preset-env": "^7.15.4",
     "@emotion/core": "^10.0.35",
     "@emotion/styled": "^10.0.27",
-    "eslint": "^7.11.0",
-    "eslint-config-prettier": "^6.11.0",
-    "eslint-plugin-import": "^2.22.1",
-    "eslint-plugin-prettier": "^3.1.4",
-    "eslint-plugin-react": "^7.21.4",
-    "eslint-plugin-react-hooks": "^4.1.2",
-    "eslint-plugin-jsx-a11y": "6.5.1",
     "@geometricpanda/storybook-addon-badges": "^0.2.1",
     "@storybook/addon-a11y": "^6.3.8",
     "@storybook/addon-actions": "^6.3.8",
@@ -68,7 +61,6 @@
     "@types/dompurify": "^2.3.3",
     "@types/jest": "^26.0.14",
     "@types/jwt-decode": "^2.2.1",
-    "@types/markdown-to-jsx": "6.11.3",
     "@types/mdx": "^2.0.1",
     "@types/node": "^12.12.67",
     "@types/node-polyglot": "^2.4.1",
@@ -77,16 +69,24 @@
     "@types/react-dom": "^16.9.5",
     "@types/react-map-gl": "^5.2.10",
     "@types/react-tabs": "^2.3.2",
-    "@types/react-text-mask": "^5.4.6",
     "@types/react-test-renderer": "^16.9.3",
+    "@types/react-text-mask": "^5.4.6",
     "@types/react-transition-group": "^4.4.0",
     "@types/webpack": "^4.41.22",
     "autoprefixer": "^10.3.4",
     "babel-loader": "^8.2.2",
     "babel-plugin-require-context-hook": "^1.0.0",
     "dotenv": "^8.2.0",
+    "eslint": "^7.11.0",
+    "eslint-config-prettier": "^6.11.0",
+    "eslint-plugin-import": "^2.22.1",
+    "eslint-plugin-jsx-a11y": "6.5.1",
+    "eslint-plugin-prettier": "^3.1.4",
+    "eslint-plugin-react": "^7.21.4",
+    "eslint-plugin-react-hooks": "^4.1.2",
     "identity-obj-proxy": "^3.0.0",
     "jest": "^26.5.3",
+    "jest-environment-jsdom": "^26.5.3",
     "mockdate": "^3.0.2",
     "postcss": "^8.3.6",
     "postcss-loader": "^4.3",
@@ -104,7 +104,7 @@
     "style-loader": "^1.1.3",
     "ts-jest": "^26.4.1",
     "ts-loader": "^8.0.4",
-    "typescript": "4.6.4",
+    "typescript": "^4.9.4",
     "webpack": "^4.44.2"
   },
   "dependencies": {