@true-engineering/true-react-common-ui-kit 1.8.1 → 1.9.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@true-engineering/true-react-common-ui-kit",
-  "version": "1.8.1",
+  "version": "1.9.0",
   "description": "True Engineering React UI Kit with theming support",
   "author": "True Engineering (https://trueengineering.ru)",
   "keywords": [
@@ -47,7 +47,7 @@
     "date-fns": "2.29.3",
     "hex-to-rgba": "2.0.1",
     "jss": "10.9.2",
-    "lodash": "4.17.21",
+    "lodash-es": "4.17.21",
     "react": "18.2.0",
     "react-datepicker": "4.8.0",
     "react-dom": "18.2.0",
@@ -69,7 +69,7 @@
     "@storybook/react": "6.5.15",
     "@storybook/testing-library": "0.0.13",
     "@swc/core": "^1.3.30",
-    "@types/lodash": "4.14.191",
+    "@types/lodash-es": "4.17.11",
     "@types/react": "18.0.26",
     "@types/react-datepicker": "4.8.0",
     "@types/react-dom": "18.0.9",

package/src/components/Button/Button.tsx

@@ -7,7 +7,7 @@ import {
   MouseEvent,
 } from 'react';
 import clsx from 'clsx';
-import { merge } from 'lodash';
+import merge from 'lodash-es/merge';
 
 import { ICommonProps } from '../../types';
 import { addDataAttributes, isNotEmpty, addDataTestId } from '../../helpers';

package/src/components/FiltersPane/FilterSelect/locales.ts

@@ -1,4 +1,4 @@
-import { merge } from 'lodash';
+import merge from 'lodash-es/merge';
 
 export interface ISelectLocale {
   clear: string;

package/src/components/FiltersPane/locales.ts

@@ -1,4 +1,4 @@
-import { merge } from 'lodash';
+import merge from 'lodash-es/merge';
 
 export interface IFilterLocale {
   clear: string;

package/src/components/MultiSelectList/locales.ts

@@ -1,4 +1,4 @@
-import { merge } from 'lodash';
+import merge from 'lodash-es/merge';
 
 export interface IMultiSelectLocale {
   clear: string;

package/src/components/Select/Select.tsx

@@ -12,7 +12,7 @@ import {
 } from 'react';
 import { Styles } from 'jss';
 import clsx from 'clsx';
-import { merge } from 'lodash';
+import merge from 'lodash-es/merge';
 import { debounce } from 'ts-debounce';
 import { Portal } from 'react-overlays';
 import { SelectList } from './SelectList';
@@ -190,8 +190,8 @@ export function Select<Value>({
     }
 
     const isActionInsideSelect =
-      hasExactParent(event.relatedTarget as Element, list.current) ||
-      hasExactParent(event.relatedTarget as Element, inputWrapper.current);
+      hasExactParent(event.relatedTarget, list.current) ||
+      hasExactParent(event.relatedTarget, inputWrapper.current);
 
     // Ниче не делаем если клик был внутри селекта
     if (!isActionInsideSelect) {

package/src/helpers/utils.ts

@@ -28,8 +28,10 @@ export const hasExactParent = (element: Element, parent: Element): boolean => {
   return hasExactParent(parentNode, parent);
 };
 
-export const getParentNode = (element: Element | ShadowRoot): Element =>
-  element.nodeName === 'HTML'
+export const getParentNode = (
+  element: Element | ShadowRoot | Document,
+): Element =>
+  element.nodeName === 'HTML' || element === document
     ? (element as Element)
     : (element.parentNode as Element) ?? (element as ShadowRoot).host;
 

package/src/hooks/use-theme.ts

@@ -1,6 +1,6 @@
 import { createContext, useContext, useMemo } from 'react';
 import { createUseStyles, Styles } from 'react-jss';
-import { merge } from 'lodash';
+import merge from 'lodash-es/merge';
 
 import { ComponentName, UiKitTheme } from '../types';
 import { commonTheme } from '../theme';

package/src/hooks/use-tweak-styles.ts

@@ -1,5 +1,5 @@
 import { useMemo } from 'react';
-import { merge } from 'lodash';
+import merge from 'lodash-es/merge';
 import { Styles } from 'react-jss';
 
 export const useTweakStyles = <StyleSheet>(