feat(condo): fix lodash imports and add eslint rule (#7123)

* feat(condo): fix lodash imports and add eslint rule

* feat(condo): fix lodash imports and add eslint rule

* feat(condo): fix import order

* fix(condo): fix .eslintrc.js

Author: Alexander-Turkin

.eslintrc.js

@@ -172,13 +172,17 @@ module.exports = {
         'no-restricted-syntax': [
             'warn',
             {
-                selector: 'ImportDeclaration[source.value="lodash"] > ImportSpecifier',
-                message: 'Use default import from "lodash/{method}" instead of named import from "lodash". Example: import set from "lodash/set"',
+                selector: 'ImportDeclaration[source.value="lodash"]',
+                message: 'Use specific lodash imports instead. Example: import get from "lodash/get"',
             },
             {
                 selector: 'VariableDeclarator[id.type="ObjectPattern"][init.type="CallExpression"][init.callee.name="require"][init.arguments.0.value="lodash"]',
                 message: 'Use require("lodash/{method}") instead of destructuring from require("lodash"). Example: const get = require("lodash/get")',
             },
+            {
+                selector: 'VariableDeclarator[init.type="CallExpression"][init.callee.name="require"][init.arguments.0.value="lodash"]',
+                message: 'Use specific lodash imports instead. Example: const get = require("lodash/get")',
+            },
         ],
         'import/order': [
             'error',

apps/condo/domains/acquiring/utils/clientSchema/search.ts

@@ -1,6 +1,6 @@
 import { BillingIntegrationOrganizationContext } from '@app/condo/schema'
 import { gql } from 'graphql-tag'
-import { isEmpty } from 'lodash'
+import isEmpty from 'lodash/isEmpty'
 
 const GET_ALL_BILLING_PROPERTIES_BY_VALUE_QUERY = gql`
     query selectBillingProperty ($where: BillingPropertyWhereInput, $orderBy: String, $first: Int, $skip: Int) {

apps/condo/domains/analytics/utils/helpers.ts

@@ -6,9 +6,9 @@ import {
 import dayjs, { Dayjs } from 'dayjs'
 import duration from 'dayjs/plugin/duration'
 import relativeTime from 'dayjs/plugin/relativeTime'
-import { isEmpty } from 'lodash'
 import get from 'lodash/get'
 import groupBy from 'lodash/groupBy'
+import isEmpty from 'lodash/isEmpty'
 
 import { fontSizes } from '@condo/domains/common/constants/style'
 import { TICKET_REPORT_DAY_GROUP_STEPS } from '@condo/domains/ticket/constants/common'

apps/condo/domains/common/components/BaseSearchInput/index.tsx

@@ -1,7 +1,7 @@
 import styled from '@emotion/styled'
-import { isEmpty } from 'lodash'
 import debounce from 'lodash/debounce'
 import get from 'lodash/get'
+import isEmpty from 'lodash/isEmpty'
 import isFunction from 'lodash/isFunction'
 import throttle from 'lodash/throttle'
 import uniqBy from 'lodash/uniqBy'

apps/condo/domains/common/components/Comments/index.tsx

@@ -12,7 +12,7 @@ import { Ticket, TicketComment, TicketCommentFile } from '@app/condo/schema'
 import { Form, FormInstance, notification } from 'antd'
 import classNames from 'classnames'
 import dayjs from 'dayjs'
-import { pickBy } from 'lodash'
+import pickBy from 'lodash/pickBy'
 import React, { useCallback, useEffect, useMemo, useRef, useState } from 'react'
 
 import { getClientSideSenderInfo } from '@open-condo/miniapp-utils'

apps/condo/domains/common/components/TextHighlighter.tsx

@@ -1,7 +1,7 @@
 import { Typography } from 'antd'
 import { BaseType } from 'antd/lib/typography/Base'
-import { isNull } from 'lodash'
 import isEmpty from 'lodash/isEmpty'
+import isNull from 'lodash/isNull'
 import React from 'react'
 
 import { getEscaped } from '@condo/domains/common/utils/string.utils'

apps/condo/domains/common/components/containers/FormList.tsx

@@ -16,9 +16,10 @@ import {
 } from 'antd'
 import { FormProps } from 'antd/lib/form/Form'
 import { ArgsProps } from 'antd/lib/notification'
-import { isUndefined, throttle } from 'lodash'
 import isFunction from 'lodash/isFunction'
+import isUndefined from 'lodash/isUndefined'
 import omitBy from 'lodash/omitBy'
+import throttle from 'lodash/throttle'
 import React, { useCallback, useState, useRef, CSSProperties, ComponentProps } from 'react'
 import { Options } from 'scroll-into-view-if-needed'
 

apps/condo/domains/common/hooks/useDateRangeSearch.ts

@@ -1,5 +1,7 @@
 import dayjs from 'dayjs'
-import { get, debounce, isArray } from 'lodash'
+import debounce from 'lodash/debounce'
+import get from 'lodash/get'
+import isArray from 'lodash/isArray'
 import { useRouter } from 'next/router'
 import { useCallback } from 'react'
 

apps/condo/domains/common/hooks/useExportToExcel.tsx

@@ -1,6 +1,6 @@
 import { notification } from 'antd'
 import { DocumentNode } from 'graphql'
-import { get } from 'lodash'
+import get from 'lodash/get'
 import React, { useCallback } from 'react'
 
 import { getClientSideSenderInfo } from '@open-condo/miniapp-utils/helpers/sender'

apps/condo/domains/common/hooks/useGlobalHints.tsx

@@ -1,10 +1,10 @@
 import { Col, Row, RowProps } from 'antd'
-import { isObject } from 'lodash'
 import get from 'lodash/get'
 import has from 'lodash/has'
 import isArray from 'lodash/isArray'
 import isBoolean from 'lodash/isBoolean'
 import isEmpty from 'lodash/isEmpty'
+import isObject from 'lodash/isObject'
 import isString from 'lodash/isString'
 import getConfig from 'next/config'
 import Link from 'next/link'