@layerfi/components 0.1.81 → 0.1.83

package/dist/index.d.ts

@@ -444,28 +444,41 @@ declare module '@layerfi/components/api/layer/statement-of-cash-flow' {
 }
 declare module '@layerfi/components/api/layer/tasks' {
   import { FileMetadata } from '@layerfi/components/types/file_upload';
-  import { TaskTypes } from '@layerfi/components/types/tasks';
+  import { Task } from '@layerfi/components/types/tasks';
   export const getTasks: (baseUrl: string, accessToken: string | undefined, options?: {
       params?: Record<string, string | undefined> | undefined;
   } | undefined) => () => Promise<{
-      data: TaskTypes[];
+      data: Task[];
   }>;
   export const submitResponseToTask: (baseUrl: string, accessToken: string | undefined, options?: {
       params?: Record<string, string | undefined> | undefined;
       body?: Record<string, unknown> | undefined;
   } | undefined) => Promise<{
-      data: TaskTypes;
+      data: Task;
+  }>;
+  export const updateUploadDocumentTaskDescription: (baseUrl: string, accessToken: string | undefined, options?: {
+      params?: Record<string, string | undefined> | undefined;
+      body?: Record<string, unknown> | undefined;
+  } | undefined) => Promise<{
+      data: Task;
   }>;
   export const markTaskAsComplete: (baseUrl: string, accessToken: string | undefined, options?: {
       params?: Record<string, string | undefined> | undefined;
       body?: Record<string, unknown> | undefined;
   } | undefined) => Promise<{
-      data: TaskTypes;
+      data: Task;
   }>;
-  export const completeTaskWithUpload: (baseUrl: string, accessToken?: string) => ({ businessId, taskId, file, }: {
+  export const deleteTaskUploads: (baseUrl: string, accessToken: string | undefined, options?: {
+      params?: Record<string, string | undefined> | undefined;
+      body?: Record<string, unknown> | undefined;
+  } | undefined) => Promise<{
+      data: Task;
+  }>;
+  export const completeTaskWithUpload: (baseUrl: string, accessToken?: string) => ({ businessId, taskId, files, description, }: {
       businessId: string;
       taskId: string;
-      file: File;
+      files: File[];
+      description?: string;
   }) => Promise<{
       data: FileMetadata;
       errors: unknown;
@@ -730,12 +743,13 @@ declare module '@layerfi/components/api/layer' {
       getTasks: (baseUrl: string, accessToken: string | undefined, options?: {
           params?: Record<string, string | undefined> | undefined;
       } | undefined) => () => Promise<{
-          data: import("@layerfi/components/types/tasks").TaskTypes[];
+          data: import("@layerfi/components/types/tasks").Task[];
       }>;
-      completeTaskWithUpload: (baseUrl: string, accessToken?: string) => ({ businessId, taskId, file, }: {
+      completeTaskWithUpload: (baseUrl: string, accessToken?: string) => ({ businessId, taskId, files, description, }: {
           businessId: string;
           taskId: string;
-          file: File;
+          files: File[];
+          description?: string;
       }) => Promise<{
           data: import("@layerfi/components/types/file_upload").FileMetadata;
           errors: unknown;
@@ -744,7 +758,19 @@ declare module '@layerfi/components/api/layer' {
           params?: Record<string, string | undefined> | undefined;
           body?: Record<string, unknown> | undefined;
       } | undefined) => Promise<{
-          data: import("@layerfi/components/types/tasks").TaskTypes;
+          data: import("@layerfi/components/types/tasks").Task;
+      }>;
+      deleteTaskUploads: (baseUrl: string, accessToken: string | undefined, options?: {
+          params?: Record<string, string | undefined> | undefined;
+          body?: Record<string, unknown> | undefined;
+      } | undefined) => Promise<{
+          data: import("@layerfi/components/types/tasks").Task;
+      }>;
+      updateUploadDocumentTaskDescription: (baseUrl: string, accessToken: string | undefined, options?: {
+          params?: Record<string, string | undefined> | undefined;
+          body?: Record<string, unknown> | undefined;
+      } | undefined) => Promise<{
+          data: import("@layerfi/components/types/tasks").Task;
       }>;
       breakPlaidItemConnection: (baseUrl: string, accessToken: string | undefined, options?: {
           params?: {
@@ -1968,10 +1994,12 @@ declare module '@layerfi/components/components/DatePicker/DatePicker' {
   import React, { type FC } from 'react';
   import { CustomDateRange } from '@layerfi/components/components/DatePicker/DatePickerOptions';
   import type { DatePickerMode, DatePickerModeSelectorProps } from '@layerfi/components/components/DatePicker/ModeSelector/DatePickerModeSelector';
+  type NavigationArrows = 'desktop' | 'mobile';
   interface DatePickerProps {
       mode: DatePickerMode;
       selected: Date | [Date | null, Date | null];
       onChange: (date: Date | [Date, Date | null]) => void;
+      disabled?: boolean;
       allowedModes?: ReadonlyArray<DatePickerMode>;
       dateFormat?: string;
       timeIntervals?: number;
@@ -1984,13 +2012,13 @@ declare module '@layerfi/components/components/DatePicker/DatePicker' {
       currentDateOption?: boolean;
       minDate?: Date;
       maxDate?: Date;
-      navigateArrows?: boolean;
+      navigateArrows?: NavigationArrows[];
       onChangeMode?: (mode: DatePickerMode) => void;
       slots?: {
           ModeSelector: FC<DatePickerModeSelectorProps>;
       };
   }
-  export const DatePicker: ({ selected, onChange, mode, allowedModes, dateFormat, timeIntervals, timeCaption, placeholderText: _placeholderText, customDateRanges, wrapperClassName, calendarClassName, popperClassName, minDate, maxDate, currentDateOption, navigateArrows, onChangeMode, slots, ...props }: DatePickerProps) => React.JSX.Element;
+  export const DatePicker: ({ selected, onChange, disabled, mode, allowedModes, dateFormat, timeIntervals, timeCaption, placeholderText: _placeholderText, customDateRanges, wrapperClassName, calendarClassName, popperClassName, minDate, maxDate, currentDateOption, navigateArrows, onChangeMode, slots, ...props }: DatePickerProps) => React.JSX.Element;
   export {};
 
 }
@@ -2010,7 +2038,7 @@ declare module '@layerfi/components/components/DatePicker/DatePickerOptions' {
 declare module '@layerfi/components/components/DatePicker/ModeSelector/DatePickerModeSelector' {
   import React from 'react';
   export type SingularPickerMode = 'dayPicker' | 'timePicker';
-  export type RangePickerMode = 'dayRangePicker' | 'monthRangePicker' | 'monthPicker';
+  export type RangePickerMode = 'dayRangePicker' | 'monthRangePicker' | 'monthPicker' | 'yearPicker';
   export type DatePickerMode = SingularPickerMode | RangePickerMode;
   export const DEFAULT_ALLOWED_PICKER_MODES: readonly ["monthPicker"];
   export type DatePickerModeSelectorProps = {
@@ -2269,13 +2297,14 @@ declare module '@layerfi/components/components/Input/FileInput' {
   import React from 'react';
   export interface FileInputProps {
       text?: string;
-      onUpload?: (file: File) => void;
+      onUpload?: (files: File[]) => void;
       disabled?: boolean;
       secondary?: boolean;
       iconOnly?: boolean;
       icon?: React.ReactNode;
+      allowMultipleUploads?: boolean;
   }
-  export const FileInput: ({ text, onUpload, disabled, secondary, iconOnly, icon, }: FileInputProps) => React.JSX.Element;
+  export const FileInput: ({ text, onUpload, disabled, secondary, iconOnly, icon, allowMultipleUploads, }: FileInputProps) => React.JSX.Element;
 
 }
 declare module '@layerfi/components/components/Input/Input' {
@@ -3534,24 +3563,50 @@ declare module '@layerfi/components/components/Tasks/Tasks' {
   import { useTasks } from '@layerfi/components/hooks/useTasks/index';
   export type UseTasksContextType = ReturnType<typeof useTasks>;
   export const UseTasksContext: React.Context<{
-      data?: import("@layerfi/components/types/tasks").TaskTypes[];
+      data?: import("@layerfi/components/types/tasks").Task[];
+      monthlyData?: import("@layerfi/components/types/tasks").TasksMonthly[];
       isLoading?: boolean;
       loadedStatus?: import("@layerfi/components/types/general").LoadedStatus;
       isValidating?: boolean;
       error?: unknown;
+      currentDate: Date;
+      setCurrentDate: (date: Date) => void;
+      dateRange: {
+          startDate: Date;
+          endDate: Date;
+      };
+      setDateRange: (props: {
+          startDate: Date;
+          endDate: Date;
+      }) => void;
       refetch: () => void;
       submitResponseToTask: (taskId: string, userResponse: string) => void;
-      uploadDocumentForTask: (taskId: string, file: File) => void;
+      uploadDocumentsForTask: (taskId: string, files: File[], description?: string) => Promise<void>;
+      deleteUploadsForTask: (taskId: string) => void;
+      updateDocUploadTaskDescription: (taskId: string, userResponse: string) => void;
   }>;
   export const useTasksContext: () => {
-      data?: import("@layerfi/components/types/tasks").TaskTypes[];
+      data?: import("@layerfi/components/types/tasks").Task[];
+      monthlyData?: import("@layerfi/components/types/tasks").TasksMonthly[];
       isLoading?: boolean;
       loadedStatus?: import("@layerfi/components/types/general").LoadedStatus;
       isValidating?: boolean;
       error?: unknown;
+      currentDate: Date;
+      setCurrentDate: (date: Date) => void;
+      dateRange: {
+          startDate: Date;
+          endDate: Date;
+      };
+      setDateRange: (props: {
+          startDate: Date;
+          endDate: Date;
+      }) => void;
       refetch: () => void;
       submitResponseToTask: (taskId: string, userResponse: string) => void;
-      uploadDocumentForTask: (taskId: string, file: File) => void;
+      uploadDocumentsForTask: (taskId: string, files: File[], description?: string) => Promise<void>;
+      deleteUploadsForTask: (taskId: string) => void;
+      updateDocUploadTaskDescription: (taskId: string, userResponse: string) => void;
   };
   export interface TasksStringOverrides {
       header?: string;
@@ -3606,10 +3661,10 @@ declare module '@layerfi/components/components/TasksList/index' {
 }
 declare module '@layerfi/components/components/TasksListItem/TasksListItem' {
   import React from 'react';
-  import { TaskTypes } from '@layerfi/components/types/tasks';
+  import { Task } from '@layerfi/components/types/tasks';
   export const TasksListItem: ({ task, goToNextPageIfAllComplete, defaultOpen, }: {
-      task: TaskTypes;
-      goToNextPageIfAllComplete: (task: TaskTypes) => void;
+      task: Task;
+      goToNextPageIfAllComplete: (task: Task) => void;
       defaultOpen: boolean;
   }) => React.JSX.Element;
 
@@ -3617,6 +3672,47 @@ declare module '@layerfi/components/components/TasksListItem/TasksListItem' {
 declare module '@layerfi/components/components/TasksListItem/index' {
   export { TasksListItem } from '@layerfi/components/components/TasksListItem/TasksListItem';
 
+}
+declare module '@layerfi/components/components/TasksMonthSelector/TaskMonthTile' {
+  import React from 'react';
+  import { TaskMonthTileProps } from '@layerfi/components/components/TasksMonthSelector/types';
+  const TaskMonthTile: ({ monthData, onClick, active, disabled }: TaskMonthTileProps) => React.JSX.Element;
+  export { TaskMonthTile };
+
+}
+declare module '@layerfi/components/components/TasksMonthSelector/TasksMonthSelector' {
+  import React from 'react';
+  import { TasksMonthSelectorProps } from '@layerfi/components/components/TasksMonthSelector/types';
+  const TasksMonthSelector: ({ tasks, year, currentDate, onClick }: TasksMonthSelectorProps) => React.JSX.Element;
+  export { TasksMonthSelector };
+
+}
+declare module '@layerfi/components/components/TasksMonthSelector/types' {
+  import { Task, TasksMonthly } from '@layerfi/components/types/tasks';
+  export type TasksMonthSelectorProps = {
+      tasks?: TasksMonthly[];
+      currentDate: Date;
+      year: number;
+      onClick: (date: Date) => void;
+  };
+  export type MonthData = {
+      year: number;
+      month: number;
+      total: number;
+      completed: number;
+      tasks: Task[];
+      monthStr: string;
+      startDate: Date;
+      endDate: Date;
+      disabled?: boolean;
+  };
+  export type TaskMonthTileProps = {
+      monthData: MonthData;
+      active?: boolean;
+      disabled?: boolean;
+      onClick: TasksMonthSelectorProps['onClick'];
+  };
+
 }
 declare module '@layerfi/components/components/TasksPending/TasksPending' {
   import React from 'react';
@@ -4432,14 +4528,27 @@ declare module '@layerfi/components/contexts/TasksContext/TasksContext' {
   import { useTasks } from '@layerfi/components/hooks/useTasks/index';
   export type TasksContextType = ReturnType<typeof useTasks>;
   export const TasksContext: import("react").Context<{
-      data?: import("@layerfi/components/types/tasks").TaskTypes[];
+      data?: import("@layerfi/components/types/tasks").Task[];
+      monthlyData?: import("@layerfi/components/types/tasks").TasksMonthly[];
       isLoading?: boolean;
       loadedStatus?: import("@layerfi/components/types/general").LoadedStatus;
       isValidating?: boolean;
       error?: unknown;
+      currentDate: Date;
+      setCurrentDate: (date: Date) => void;
+      dateRange: {
+          startDate: Date;
+          endDate: Date;
+      };
+      setDateRange: (props: {
+          startDate: Date;
+          endDate: Date;
+      }) => void;
       refetch: () => void;
       submitResponseToTask: (taskId: string, userResponse: string) => void;
-      uploadDocumentForTask: (taskId: string, file: File) => void;
+      uploadDocumentsForTask: (taskId: string, files: File[], description?: string) => Promise<void>;
+      deleteUploadsForTask: (taskId: string) => void;
+      updateDocUploadTaskDescription: (taskId: string, userResponse: string) => void;
   }>;
 
 }
@@ -5006,22 +5115,39 @@ declare module '@layerfi/components/hooks/useTasks/index' {
 
 }
 declare module '@layerfi/components/hooks/useTasks/mockData' {
-  import { TaskTypes } from '@layerfi/components/types/tasks';
-  export const mockData: TaskTypes[];
+  import { Task } from '@layerfi/components/types/tasks';
+  export const mockData: Task[];
 
 }
 declare module '@layerfi/components/hooks/useTasks/useTasks' {
   import { LoadedStatus } from '@layerfi/components/types/general';
-  import { TaskTypes } from '@layerfi/components/types/tasks';
-  type UseTasks = () => {
-      data?: TaskTypes[];
+  import { Task, TasksMonthly } from '@layerfi/components/types/tasks';
+  type UseTasks = (props?: UseTasksProps) => {
+      data?: Task[];
+      monthlyData?: TasksMonthly[];
       isLoading?: boolean;
       loadedStatus?: LoadedStatus;
       isValidating?: boolean;
       error?: unknown;
+      currentDate: Date;
+      setCurrentDate: (date: Date) => void;
+      dateRange: {
+          startDate: Date;
+          endDate: Date;
+      };
+      setDateRange: (props: {
+          startDate: Date;
+          endDate: Date;
+      }) => void;
       refetch: () => void;
       submitResponseToTask: (taskId: string, userResponse: string) => void;
-      uploadDocumentForTask: (taskId: string, file: File) => void;
+      uploadDocumentsForTask: (taskId: string, files: File[], description?: string) => Promise<void>;
+      deleteUploadsForTask: (taskId: string) => void;
+      updateDocUploadTaskDescription: (taskId: string, userResponse: string) => void;
+  };
+  type UseTasksProps = {
+      startDate?: Date;
+      endDate?: Date;
   };
   export const useTasks: UseTasks;
   export {};
@@ -6221,10 +6347,10 @@ declare module '@layerfi/components/types/linked_accounts' {
       institution: PlaidInstitution | null;
   };
   export type AccountSource = EnumWithUnknownValues<'PLAID' | 'STRIPE'>;
-  const KNOWN_ACCOUNT_NOTIFICATION_TYPES: readonly ["CONFIRM_RELEVANT", "CONFIRM_UNIQUE"];
-  type KnownAccountNotificationType = typeof KNOWN_ACCOUNT_NOTIFICATION_TYPES[number];
-  const KNOWN_ACCOUNT_NOTIFICATION_SCOPES: readonly ["USER"];
-  type KnownAccountNotificationScope = typeof KNOWN_ACCOUNT_NOTIFICATION_SCOPES[number];
+  const _KNOWN_ACCOUNT_NOTIFICATION_TYPES: readonly ["CONFIRM_RELEVANT", "CONFIRM_UNIQUE"];
+  type KnownAccountNotificationType = typeof _KNOWN_ACCOUNT_NOTIFICATION_TYPES[number];
+  const _KNOWN_ACCOUNT_NOTIFICATION_SCOPES: readonly ["USER"];
+  type KnownAccountNotificationScope = typeof _KNOWN_ACCOUNT_NOTIFICATION_SCOPES[number];
   type AccountNotificationType = EnumWithUnknownValues<KnownAccountNotificationType>;
   type AccountNotificationScope = EnumWithUnknownValues<KnownAccountNotificationScope>;
   type AccountNotification = {
@@ -6415,7 +6541,13 @@ declare module '@layerfi/components/types/table' {
 }
 declare module '@layerfi/components/types/tasks' {
   import { DocumentType } from '@layerfi/components/types/file_upload';
-  export interface TaskTypes {
+  import { S3PresignedUrl } from '@layerfi/components/types/general';
+  type Document = {
+      document_type: DocumentType;
+      file_name: string;
+      presigned_url: S3PresignedUrl;
+  };
+  export type Task = {
       id: string;
       question: string;
       status: TasksStatusType;
@@ -6429,11 +6561,21 @@ declare module '@layerfi/components/types/tasks' {
       completed_at: string | null;
       created_at: string;
       updated_at: string;
+      effective_date: string;
       document_type: DocumentType;
-  }
+      documents: Document[];
+  };
   export type TasksStatusType = 'COMPLETED' | 'TODO' | 'USER_MARKED_COMPLETED';
   export type TasksResponseType = 'FREE_RESPONSE' | 'UPLOAD_DOCUMENT';
   export function isComplete(taskType: TasksStatusType): boolean;
+  export type TasksMonthly = {
+      year: number;
+      month: number;
+      total: number;
+      completed: number;
+      tasks: Task[];
+  };
+  export {};
 
 }
 declare module '@layerfi/components/types/utility/enumWithUnknownValues' {
@@ -6603,8 +6745,8 @@ declare module '@layerfi/components/utils/request/toDefinedSearchParameters' {
 
 }
 declare module '@layerfi/components/utils/styleUtils/sizeVariants' {
-  const SIZE_VARIANTS: readonly ["sm", "lg"];
-  type SizeVariant = (typeof SIZE_VARIANTS)[number];
+  const _SIZE_VARIANTS: readonly ["sm", "lg"];
+  type SizeVariant = (typeof _SIZE_VARIANTS)[number];
   export type Variants = Partial<{
       size: SizeVariant;
   }>;

package/eslint.config.mjs

@@ -0,0 +1,101 @@
+import globals from 'globals'
+
+import js from '@eslint/js'
+import reactPlugin from 'eslint-plugin-react'
+import reactHooksPlugin from 'eslint-plugin-react-hooks'
+import stylisticPlugin from '@stylistic/eslint-plugin'
+import tsEslint from 'typescript-eslint'
+import unusedImportsPlugin from 'eslint-plugin-unused-imports'
+
+export default tsEslint.config([
+  {
+    ignores: [
+      'build/*',
+      'dist/*',
+      'bin/*',
+    ],
+  },
+  js.configs.recommended,
+  tsEslint.configs.recommended,
+  stylisticPlugin.configs['recommended-flat'],
+  reactPlugin.configs.flat.recommended,
+  reactPlugin.configs.flat['jsx-runtime'],
+  {
+    plugins: {
+      'react-hooks': reactHooksPlugin,
+    },
+    rules: reactHooksPlugin.configs.recommended.rules,
+  },
+  {
+    plugins: {
+      'unused-imports': unusedImportsPlugin,
+    },
+    languageOptions: {
+      globals: {
+        ...globals['shared-node-browser'],
+      },
+      parserOptions: {
+        ecmaFeatures: {
+          jsx: true,
+        },
+      },
+    },
+    settings: {
+      react: {
+        version: 'detect',
+      },
+    },
+    rules: {
+      'no-console': ['error', {
+        allow: ['warn', 'error', 'debug'],
+      }],
+
+      '@stylistic/quotes': ['error', 'single', { avoidEscape: false }],
+      '@stylistic/jsx-quotes': ['error', 'prefer-single'],
+      '@stylistic/semi': ['error', 'never'],
+      '@stylistic/eol-last': ['error', 'always'],
+      '@stylistic/indent': ['error', 2],
+      '@stylistic/operator-linebreak': [
+        'error',
+        'before',
+        {
+          overrides: {
+            '=': 'after',
+          },
+        },
+      ],
+      '@stylistic/max-len': [
+        'error',
+        {
+          code: 100,
+          ignoreUrls: true,
+          ignoreStrings: true,
+          ignoreTemplateLiterals: true,
+        },
+      ],
+
+      'no-unused-vars': 'off',
+      '@typescript-eslint/no-unused-vars': 'off',
+      'unused-imports/no-unused-vars': [
+        'error',
+        {
+          args: 'all',
+          argsIgnorePattern: '^_',
+          caughtErrors: 'all',
+          caughtErrorsIgnorePattern: '^_',
+          destructuredArrayIgnorePattern: '^_',
+          varsIgnorePattern: '^_',
+          ignoreRestSiblings: true,
+        },
+      ],
+
+      'react/prop-types': 'off',
+    },
+  },
+  {
+    files: ['**/*.tsx', '**/*.ts'],
+    rules: {
+      'no-restricted-imports': ['error', { patterns: ['*.css'] }],
+    },
+  },
+])

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@layerfi/components",
-  "version": "0.1.81",
+  "version": "0.1.83",
   "description": "Layer React Components",
   "main": "dist/cjs/index.cjs",
   "module": "dist/esm/index.mjs",
@@ -52,21 +52,21 @@
     "@types/react": "^18.2.0",
     "@types/react-datepicker": "^6.2.0",
     "@types/react-dom": "^18.2.0",
-    "@typescript-eslint/eslint-plugin": "^6.19.0",
     "esbuild": "^0.19.5",
     "esbuild-jest": "^0.5.0",
     "esbuild-sass-plugin": "^2.16.0",
-    "eslint": "^8.57.0",
+    "eslint": "^9.15.0",
     "eslint-plugin-react": "^7.37.2",
-    "eslint-plugin-react-hooks": "^4.6.0",
-    "eslint-plugin-unused-imports": "^3.2.0",
+    "eslint-plugin-react-hooks": "^5.0.0",
+    "eslint-plugin-unused-imports": "^4.1.4",
     "jest": "^29.7.0",
     "jest-environment-jsdom": "^29.7.0",
     "jsdom": "^22.1.0",
     "npm-dts": "^1.3.12",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
-    "typescript": "^5.6.3"
+    "typescript": "^5.6.3",
+    "typescript-eslint": "^8.15.0"
   },
   "dependencies": {
     "@floating-ui/react": "^0.26.8",
@@ -81,6 +81,9 @@
     "swr": "^2.2.4",
     "zustand": "^5.0.1"
   },
+  "engines": {
+    "node": ">=20.2"
+  },
   "jest": {
     "testEnvironment": "jsdom",
     "transform": {

package/.eslintrc.js

@@ -1,82 +0,0 @@
-/** @type {import("eslint").Linter.Config} */
-module.exports = {
-  env: {
-    browser: true,
-    es2021: true,
-    node: true,
-  },
-  extends: [
-    'eslint:recommended',
-    'plugin:@typescript-eslint/recommended',
-    'plugin:react/recommended',
-    'plugin:react-hooks/recommended',
-  ],
-  ignorePatterns: ['build/*', 'dist/*', 'bin/*'],
-  parser: '@typescript-eslint/parser',
-  parserOptions: {
-    ecmaFeatures: {
-      jsx: true,
-    },
-    ecmaVersion: 'latest',
-    sourceType: 'module',
-  },
-  plugins: ['@typescript-eslint', '@stylistic', 'unused-imports'],
-  rules: {
-    'no-console': ['error', { allow: ['warn', 'error', 'debug'] }],
-
-    '@stylistic/quotes': ['error', 'single', { avoidEscape: false }],
-    '@stylistic/jsx-quotes': ['error', 'prefer-single'],
-    '@stylistic/semi': ['error', 'never'],
-    '@stylistic/eol-last': ['error', 'always'],
-    '@stylistic/indent': ['error', 2],
-    '@stylistic/operator-linebreak': [
-      'error',
-      'before',
-      {
-        overrides: {
-          '=': 'after',
-        },
-      }
-    ],
-    '@stylistic/max-len': [
-      'error',
-      {
-        code: 100,
-        ignoreUrls: true,
-        ignoreStrings: true,
-        ignoreTemplateLiterals: true
-      }
-    ],
-
-    '@typescript-eslint/no-unused-vars': 'off',
-    'unused-imports/no-unused-imports': 'error',
-    'unused-imports/no-unused-vars': [
-      'error',
-      {
-        argsIgnorePattern: '^_',
-        varsIgnorePattern: '^_',
-        caughtErrorsIgnorePattern: '^_',
-      },
-    ],
-
-    'react/prop-types': 'off',
-  },
-  overrides: [
-    {
-      files: ['*.tsx'],
-      rules: {
-        'no-restricted-imports': [
-          'error',
-          {
-            patterns: ['*.css'],
-          },
-        ],
-      },
-    },
-  ],
-  settings: {
-    react: {
-      version: 'detect',
-    },
-  },
-}