@true-engineering/true-react-common-ui-kit 4.0.0-alpha32 → 4.0.0-alpha34

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@true-engineering/true-react-common-ui-kit",
-  "version": "4.0.0-alpha32",
+  "version": "4.0.0-alpha34",
   "description": "True Engineering React UI Kit with theming support",
   "author": "True Engineering (https://trueengineering.ru)",
   "keywords": [
@@ -25,6 +25,9 @@
     "src",
     "dist"
   ],
+  "engines": {
+    "node": ">=22.0.0"
+  },
   "exports": {
     ".": {
       "require": "./dist/true-react-common-ui-kit.umd.cjs",
@@ -42,18 +45,18 @@
     "types-check": "tsc --noEmit"
   },
   "dependencies": {
-    "@floating-ui/react": "0.27.13",
-    "@true-engineering/true-react-platform-helpers": "0.4.4",
-    "clsx": "1.2.1",
+    "@floating-ui/react": "^0.27.13",
+    "@true-engineering/true-react-platform-helpers": "^1.0.0",
+    "clsx": "^2.1.1",
     "country-flag-icons": "1.5.5",
-    "date-fns": "4.1.0",
+    "date-fns": "^4.1.0",
     "filesize": "10.1.1",
     "hex-to-rgba": "2.0.1",
     "jss": "10.10.0",
     "lodash-es": "4.17.21",
-    "react": "18.2.0",
+    "react": "^18.2.0",
     "react-datepicker": "8.4.0",
-    "react-dom": "18.2.0",
+    "react-dom": "^18.2.0",
     "react-input-mask": "3.0.0-alpha.2",
     "react-jss": "10.10.0",
     "react-overlays": "5.2.1",

package/src/components/ControlWrapper/helpers.ts

@@ -1,4 +1,4 @@
-import { isObject } from 'lodash-es';
+import { isObject } from '@true-engineering/true-react-platform-helpers';
 import { IIcon } from '../Icon';
 import { IControlWrapperIcon } from './types';
 

package/src/components/FiltersPane/components/FilterInterval/FilterInterval.styles.ts

@@ -1,4 +1,3 @@
-import cloneDeep from 'lodash-es/cloneDeep';
 import { colors, createThemedStyles, ITweakStyles } from '../../../../theme';
 import { IButtonStyles } from '../../../Button';
 import { IInputStyles } from '../../../Input';
@@ -52,7 +51,7 @@ export const inputStyles: IInputStyles = {
   },
 };
 
-export const clearButtonStyles = cloneDeep(innerTextButtonStyles);
+export const clearButtonStyles = structuredClone(innerTextButtonStyles);
 
 export type IFilterIntervalStyles = ITweakStyles<
   typeof useStyles,

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

@@ -1,4 +1,3 @@
-import cloneDeep from 'lodash-es/cloneDeep';
 import { animations, colors, createThemedStyles, helpers, ITweakStyles } from '../../../../theme';
 import { IButtonStyles } from '../../../Button';
 import { ISearchInputStyles } from '../../../SearchInput';
@@ -132,7 +131,7 @@ export const searchInputStyles: ISearchInputStyles = {
   },
 };
 
-export const clearButtonStyles = cloneDeep(innerTextButtonStyles);
+export const clearButtonStyles = structuredClone(innerTextButtonStyles);
 
 export type IFilterSelectStyles = ITweakStyles<
   typeof useStyles,

package/src/components/FiltersPane/components/FilterWithDates/FilterWithDates.styles.ts

@@ -1,4 +1,3 @@
-import cloneDeep from 'lodash-es/cloneDeep';
 import { colors, createThemedStyles, ITweakStyles } from '../../../../theme';
 import { IButtonStyles } from '../../../Button';
 import { IDatePickerStyles } from '../../../DatePicker';
@@ -33,7 +32,7 @@ export const useStyles = createThemedStyles('FilterWithDates', {
   datepicker: {},
 });
 
-export const clearButtonStyles = cloneDeep(innerTextButtonStyles);
+export const clearButtonStyles = structuredClone(innerTextButtonStyles);
 
 export const backButtonStyles = innerTextButtonStyles;
 

package/src/components/FiltersPane/helpers.ts

@@ -1,4 +1,4 @@
-import merge from 'lodash-es/merge';
+import { merge } from '@true-engineering/true-react-platform-helpers';
 import { DEFAULT_LOCALE, DEFAULT_SELECT_LOCALE, FilterLocales, SelectLocales } from './constants';
 import {
   type IFilterLocale,
@@ -12,13 +12,13 @@ export const getLocale = (
   key: IFilterLocaleKey = DEFAULT_LOCALE,
   custom?: IPartialFilterLocale,
   custom2?: IPartialFilterLocale,
-): IFilterLocale => merge({}, FilterLocales[key], custom, custom2);
+): IFilterLocale => merge(FilterLocales[key], custom, custom2);
 
 export const getSelectLocale = (
   key: ISelectLocaleKey = DEFAULT_SELECT_LOCALE,
   custom?: Partial<ISelectLocale>,
   custom2?: Partial<ISelectLocale>,
-): ISelectLocale => merge({}, SelectLocales[key], custom, custom2);
+): ISelectLocale => merge(SelectLocales[key], custom, custom2);
 
 export const sortValues = (arr: Array<number | undefined>): Array<number | undefined> =>
   arr.includes(undefined) ? arr : (arr as number[]).sort((a, b) => (a < b ? -1 : 1));

package/src/components/FiltersPane/index.ts

@@ -1,5 +1,6 @@
 export * from './FiltersPane';
 export type { IFiltersPaneStyles } from './FiltersPane.styles';
 export * from './types';
+export { PERIODS, PERIODS_GETTERS } from './constants';
 // TODO : подумать над тем чтобы вынести это все наружу
 export * from './components';

package/src/components/FiltersPane/types.ts

@@ -48,7 +48,7 @@ export type MultiSelectOptionType<Value> = Value | undefined extends
   : unknown;
 
 export interface IConfigItemBasicBase<Value> {
-  name: string;
+  name: ReactNode;
   isInline?: boolean;
   isClearable?: boolean;
   requiredFilledFilters?: string[];
@@ -59,6 +59,7 @@ export interface IConfigItemBasicBase<Value> {
 
 export type IIntervalConfigItem<Value> = IConfigItemBasicBase<Value> & {
   type: 'interval';
+  name: string;
 } & Omit<IFilterIntervalProps, 'value' | 'onChange' | 'labelName'>;
 
 export interface IBooleanConfigItem<Value> extends IConfigItemBasicBase<Value> {

package/src/components/MultiSelectList/helpers.ts

@@ -1,4 +1,4 @@
-import merge from 'lodash-es/merge';
+import { merge } from '@true-engineering/true-react-platform-helpers';
 import { DEFAULT_LOCALE, MultiSelectLocales } from './constants';
 import type { IMultiSelectLocale, IMultiSelectLocaleKey } from './types';
 
@@ -8,4 +8,4 @@ export const getLocale = (
   key: IMultiSelectLocaleKey = DEFAULT_LOCALE,
   custom?: Partial<IMultiSelectLocale>,
   custom2?: Partial<IMultiSelectLocale>,
-): IMultiSelectLocale => merge({}, MultiSelectLocales[key], custom, custom2);
+): IMultiSelectLocale => merge(MultiSelectLocales[key], custom, custom2);

package/src/components/TextArea/types.ts

@@ -1,6 +1,6 @@
-// eslint-disable-next-line @typescript-eslint/no-empty-interface
 import { IExtendableProps } from '../../types';
 
+// eslint-disable-next-line @typescript-eslint/no-empty-interface
 export interface ITextAreaCounterPositions extends IExtendableProps<'default'> {}
 
 export type ITextAreaCounterPosition = keyof ITextAreaCounterPositions;