@true-engineering/true-react-common-ui-kit 4.0.0-alpha4 → 4.0.0-alpha40

package/dist/constants/mime-types.d.ts

@@ -1,76 +1,76 @@
-export declare const mimeTypes: {
-    readonly aac: "audio/aac";
-    readonly abw: "application/x-abiword";
-    readonly arc: "application/x-freearc";
-    readonly avi: "video/x-msvideo";
-    readonly azw: "application/vnd.amazon.ebook";
-    readonly bin: "application/octet-stream";
-    readonly bmp: "image/bmp";
-    readonly bz: "application/x-bzip";
-    readonly bz2: "application/x-bzip2";
-    readonly csh: "application/x-csh";
-    readonly css: "text/css";
-    readonly csv: "text/csv";
-    readonly doc: "application/msword";
-    readonly docx: "application/vnd.openxmlformats-officedocument.wordprocessingml.document";
-    readonly eot: "application/vnd.ms-fontobject";
-    readonly epub: "application/epub+zip";
-    readonly gz: "application/gzip";
-    readonly gif: "image/gif";
-    readonly htm: "text/html";
-    readonly html: "text/html";
-    readonly ico: "image/vnd.microsoft.icon";
-    readonly ics: "text/calendar";
-    readonly jar: "application/java-archive";
-    readonly jpeg: "image/jpeg";
-    readonly jpg: "image/jpeg";
-    readonly js: "text/javascript";
-    readonly json: "application/json";
-    readonly jsonld: "application/ld+json";
-    readonly mid: ".midi";
-    readonly mjs: "text/javascript";
-    readonly mp3: "audio/mpeg";
-    readonly mpeg: "video/mpeg";
-    readonly mpkg: "application/vnd.apple.installer+xml";
-    readonly odp: "application/vnd.oasis.opendocument.presentation";
-    readonly ods: "application/vnd.oasis.opendocument.spreadsheet";
-    readonly odt: "application/vnd.oasis.opendocument.text";
-    readonly oga: "audio/ogg";
-    readonly ogv: "video/ogg";
-    readonly ogx: "application/ogg";
-    readonly opus: "audio/opus";
-    readonly otf: "font/otf";
-    readonly png: "image/png";
-    readonly pdf: "application/pdf";
-    readonly php: "application/php";
-    readonly ppt: "application/vnd.ms-powerpoint";
-    readonly pptx: "application/vnd.openxmlformats-officedocument.presentationml.presentation";
-    readonly rar: "application/vnd.rar";
-    readonly rtf: "application/rtf";
-    readonly sh: "application/x-sh";
-    readonly svg: "image/svg+xml";
-    readonly swf: "application/x-shockwave-flash";
-    readonly tar: "application/x-tar";
-    readonly tif: "image/tiff";
-    readonly tiff: "image/tiff";
-    readonly ts: "video/mp2t";
-    readonly ttf: "font/ttf";
-    readonly txt: "text/plain";
-    readonly vsd: "application/vnd.visio";
-    readonly wav: "audio/wav";
-    readonly weba: "audio/webm";
-    readonly webm: "video/webm";
-    readonly webp: "image/webp";
-    readonly woff: "font/woff";
-    readonly woff2: "font/woff2";
-    readonly xhtml: "application/xhtml+xml";
-    readonly xls: "application/vnd.ms-excel";
-    readonly xlsx: "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet";
-    readonly xml: "XML";
-    readonly xul: "application/vnd.mozilla.xul+xml";
-    readonly zip: "application/zip";
-    readonly '3gp': "video/3gpp";
-    readonly '3g2': "video/3gpp2";
-    readonly '7z': "application/x-7z-compressed";
-};
-export type IMimeType = keyof typeof mimeTypes;
+export declare const mimeTypes: {
+    readonly aac: "audio/aac";
+    readonly abw: "application/x-abiword";
+    readonly arc: "application/x-freearc";
+    readonly avi: "video/x-msvideo";
+    readonly azw: "application/vnd.amazon.ebook";
+    readonly bin: "application/octet-stream";
+    readonly bmp: "image/bmp";
+    readonly bz: "application/x-bzip";
+    readonly bz2: "application/x-bzip2";
+    readonly csh: "application/x-csh";
+    readonly css: "text/css";
+    readonly csv: "text/csv";
+    readonly doc: "application/msword";
+    readonly docx: "application/vnd.openxmlformats-officedocument.wordprocessingml.document";
+    readonly eot: "application/vnd.ms-fontobject";
+    readonly epub: "application/epub+zip";
+    readonly gz: "application/gzip";
+    readonly gif: "image/gif";
+    readonly htm: "text/html";
+    readonly html: "text/html";
+    readonly ico: "image/vnd.microsoft.icon";
+    readonly ics: "text/calendar";
+    readonly jar: "application/java-archive";
+    readonly jpeg: "image/jpeg";
+    readonly jpg: "image/jpeg";
+    readonly js: "text/javascript";
+    readonly json: "application/json";
+    readonly jsonld: "application/ld+json";
+    readonly mid: ".midi";
+    readonly mjs: "text/javascript";
+    readonly mp3: "audio/mpeg";
+    readonly mpeg: "video/mpeg";
+    readonly mpkg: "application/vnd.apple.installer+xml";
+    readonly odp: "application/vnd.oasis.opendocument.presentation";
+    readonly ods: "application/vnd.oasis.opendocument.spreadsheet";
+    readonly odt: "application/vnd.oasis.opendocument.text";
+    readonly oga: "audio/ogg";
+    readonly ogv: "video/ogg";
+    readonly ogx: "application/ogg";
+    readonly opus: "audio/opus";
+    readonly otf: "font/otf";
+    readonly png: "image/png";
+    readonly pdf: "application/pdf";
+    readonly php: "application/php";
+    readonly ppt: "application/vnd.ms-powerpoint";
+    readonly pptx: "application/vnd.openxmlformats-officedocument.presentationml.presentation";
+    readonly rar: "application/vnd.rar";
+    readonly rtf: "application/rtf";
+    readonly sh: "application/x-sh";
+    readonly svg: "image/svg+xml";
+    readonly swf: "application/x-shockwave-flash";
+    readonly tar: "application/x-tar";
+    readonly tif: "image/tiff";
+    readonly tiff: "image/tiff";
+    readonly ts: "video/mp2t";
+    readonly ttf: "font/ttf";
+    readonly txt: "text/plain";
+    readonly vsd: "application/vnd.visio";
+    readonly wav: "audio/wav";
+    readonly weba: "audio/webm";
+    readonly webm: "video/webm";
+    readonly webp: "image/webp";
+    readonly woff: "font/woff";
+    readonly woff2: "font/woff2";
+    readonly xhtml: "application/xhtml+xml";
+    readonly xls: "application/vnd.ms-excel";
+    readonly xlsx: "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet";
+    readonly xml: "XML";
+    readonly xul: "application/vnd.mozilla.xul+xml";
+    readonly zip: "application/zip";
+    readonly '3gp': "video/3gpp";
+    readonly '3g2': "video/3gpp2";
+    readonly '7z': "application/x-7z-compressed";
+};
+export type IMimeType = keyof typeof mimeTypes;

package/dist/constants/phone-info.d.ts

@@ -1,2 +1,2 @@
-import type { IPhoneInfo } from '../components';
-export declare const phoneInfo: IPhoneInfo[];
+import type { IPhoneInfo } from '../components';
+export declare const phoneInfo: IPhoneInfo[];

package/dist/helpers/index.d.ts

@@ -1,3 +1,3 @@
-export * from './popper-helpers';
-export * from './phone';
-export * from './misc';
+export * from './popper-helpers';
+export * from './phone';
+export * from './misc';

package/dist/helpers/misc.d.ts

@@ -1,21 +1,20 @@
-import hexToRgba from 'hex-to-rgba';
-import { IDataAttributes } from '../types';
-export declare const rgba: typeof hexToRgba;
-/** @deprecated Используйте `toKebabCase` из `true-react-platform-helpers` */
-export declare const transformToKebab: (string: string) => string;
-export declare const hasExactParent: (element: Element, parent: Element) => boolean;
-export declare const getParentNode: (element: Element | ShadowRoot | Document) => Element;
-export declare const getStyleComputedProperty: (element: Element) => Partial<CSSStyleDeclaration>;
-export declare const getScrollParent: (element: Element | Document) => Element;
-export declare const isElementOffScreen: (element: HTMLElement, input?: HTMLElement) => boolean;
-export declare const getNumberInRange: (value: number, min?: number, max?: number) => number;
-export declare const formatStringNumber: (val?: string, separator?: string) => string;
-export declare const formatNumber: (val?: number, separator?: string) => string;
-export declare const removeStringFormat: (val?: string) => string;
-export declare const stringToNumber: (val?: string) => number | undefined;
-export declare const setCaretPosition: (elem: HTMLInputElement, caretPos: number | null) => void;
-export declare const isSpaceChar: (char?: string) => boolean;
-export declare const getNumberLength: (n?: number) => number;
-export declare const trimStringToMaxLength: (val: string, maxLength: number) => string;
-/** @deprecated Используйте `addDataAttributes` из `true-react-platform-helpers` */
-export declare const addDataAttributes: (data?: IDataAttributes) => IDataAttributes;
+import { IDataAttributes } from '../types';
+export { default as rgba } from 'hex-to-rgba';
+/** @deprecated Используйте `toKebabCase` из `true-react-platform-helpers` */
+export declare const transformToKebab: (string: string) => string;
+export declare const hasExactParent: (element: Element, parent: Element) => boolean;
+export declare const getParentNode: (element: Element | ShadowRoot | Document) => Element;
+export declare const getStyleComputedProperty: (element: Element) => Partial<CSSStyleDeclaration>;
+export declare const getScrollParent: (element: Element | Document) => Element;
+export declare const isElementOffScreen: (element: HTMLElement, input?: HTMLElement) => boolean;
+export declare const getNumberInRange: (value: number, min?: number, max?: number) => number;
+export declare const formatStringNumber: (val?: string, separator?: string) => string;
+export declare const formatNumber: (val?: number, separator?: string) => string;
+export declare const removeStringFormat: (val?: string) => string;
+export declare const stringToNumber: (val?: string) => number | undefined;
+export declare const setCaretPosition: (elem: HTMLInputElement, caretPos: number | null) => void;
+export declare const isSpaceChar: (char?: string) => boolean;
+export declare const getNumberLength: (n?: number) => number;
+export declare const trimStringToMaxLength: (val: string, maxLength: number) => string;
+/** @deprecated Используйте `addDataAttributes` из `true-react-platform-helpers` */
+export declare const addDataAttributes: (data?: IDataAttributes) => IDataAttributes;

package/dist/helpers/phone.d.ts

@@ -1,14 +1,14 @@
-import type { IPhoneInfo, IPhoneValue } from '../components';
-export declare const findCountryByCode: (countryCode?: string, countriesList?: IPhoneInfo[]) => IPhoneInfo | undefined;
-export declare const findCountryIndexByCode: (countryCode?: string, countriesList?: IPhoneInfo[]) => number;
-export declare const getCountryTextByLocale: (country: IPhoneInfo, locale: string) => string;
-/**
- * Мутирует countriesList!
- */
-export declare const sortCountriesByLocale: (countriesList: IPhoneInfo[], locale: string) => IPhoneInfo[];
-export declare const checkSearchStringInCountry: (country: IPhoneInfo, searchString: string) => boolean;
-export declare const getFullPhone: (phone?: IPhoneValue) => string;
-export declare const getCountryCodeFromPhone: (phoneWithCode: string) => string | undefined;
-export declare const getPhoneObjFromString: (fullPhone: string, countryCode?: string) => IPhoneValue;
-export declare const DEFAULT_PHONE_MASK = "+ 9 999 999 999 999 99";
-export declare const getPhoneMask: (countryCode?: string) => string;
+import type { IPhoneInfo, IPhoneValue } from '../components';
+export declare const findCountryByCode: (countryCode?: string, countriesList?: IPhoneInfo[]) => IPhoneInfo | undefined;
+export declare const findCountryIndexByCode: (countryCode?: string, countriesList?: IPhoneInfo[]) => number;
+export declare const getCountryTextByLocale: (country: IPhoneInfo, locale: string) => string;
+/**
+ * Мутирует countriesList!
+ */
+export declare const sortCountriesByLocale: (countriesList: IPhoneInfo[], locale: string) => IPhoneInfo[];
+export declare const checkSearchStringInCountry: (country: IPhoneInfo, searchString: string) => boolean;
+export declare const getFullPhone: (phone?: IPhoneValue) => string;
+export declare const getCountryCodeFromPhone: (phoneWithCode: string) => string | undefined;
+export declare const getPhoneObjFromString: (fullPhone: string, countryCode?: string) => IPhoneValue;
+export declare const DEFAULT_PHONE_MASK = "+ 9 999 999 999 999 99";
+export declare const getPhoneMask: (countryCode?: string) => string;

package/dist/helpers/popper-helpers.d.ts

@@ -1,2 +1,2 @@
-import { Modifier } from 'react-overlays/usePopper';
-export declare const minWidthModifier: Partial<Modifier<any, any>>;
+import { Modifier } from 'react-overlays/usePopper';
+export declare const minWidthModifier: Partial<Modifier<any, any>>;

package/dist/hooks/index.d.ts

@@ -1,7 +1,10 @@
-export * from './use-is-mounted';
-export * from './use-on-click-outside';
-export * from './use-dropdown';
-export * from './use-tweak-styles';
-export * from './use-did-mount-effect';
-export * from './use-mixed-styles';
-export * from './use-merged-refs';
+export * from './use-did-mount-effect';
+export * from './use-dropdown';
+export * from './use-intersection-ref';
+export * from './use-is-mounted';
+export * from './use-latest-ref';
+export * from './use-merge';
+export * from './use-merged-refs';
+export * from './use-mixed-styles';
+export * from './use-on-click-outside';
+export * from './use-tweak-styles';

package/dist/hooks/use-did-mount-effect.d.ts

@@ -1,2 +1,2 @@
-import { DependencyList, EffectCallback } from 'react';
-export declare const useDidMountEffect: (effect: EffectCallback, dependencies: DependencyList) => void;
+import { DependencyList, EffectCallback } from 'react';
+export declare const useDidMountEffect: (effect: EffectCallback, dependencies: DependencyList) => void;

package/dist/hooks/use-dropdown.d.ts

@@ -1,11 +1,11 @@
-import { DependencyList } from 'react';
-import usePopper, { VirtualElement } from 'react-overlays/usePopper';
-import { IDropdownWithPopperOptions } from '../types';
-export declare const useDropdown: ({ isOpen, onDropdownClose, referenceElement, dropdownElement, options, dependenciesForPositionUpdating, }: {
-    isOpen: boolean;
-    referenceElement: VirtualElement | null | undefined;
-    dropdownElement: HTMLElement | null | undefined;
-    options?: IDropdownWithPopperOptions | undefined;
-    dependenciesForPositionUpdating?: DependencyList | undefined;
-    onDropdownClose: (event: Event) => void;
-}) => ReturnType<typeof usePopper> | undefined;
+import { DependencyList } from 'react';
+import usePopper, { VirtualElement } from 'react-overlays/usePopper';
+import { IDropdownWithPopperOptions } from '../types';
+export declare const useDropdown: ({ isOpen, onDropdownClose, referenceElement, dropdownElement, options, dependenciesForPositionUpdating, }: {
+    isOpen: boolean;
+    referenceElement: VirtualElement | null | undefined;
+    dropdownElement: HTMLElement | null | undefined;
+    options?: IDropdownWithPopperOptions | undefined;
+    dependenciesForPositionUpdating?: DependencyList | undefined;
+    onDropdownClose: (event: Event) => void;
+}) => ReturnType<typeof usePopper> | undefined;

package/dist/hooks/use-intersection-ref.d.ts

@@ -0,0 +1,8 @@
+import { RefCallback } from 'react';
+export interface IInsertionRefOptions {
+    /** @default false */
+    isDisabled?: boolean;
+    onIntersection?: VoidFunction;
+    onIntersectionEnd?: VoidFunction;
+}
+export declare const useIntersectionRef: (options?: IInsertionRefOptions) => RefCallback<Element>;

package/dist/hooks/use-is-mounted.d.ts

@@ -1 +1 @@
-export declare const useIsMounted: () => (() => boolean);
+export declare const useIsMounted: () => (() => boolean);

package/dist/hooks/use-latest-ref.d.ts

@@ -0,0 +1,2 @@
+import { MutableRefObject } from 'react';
+export declare const useLatestRef: <T>(value: T) => MutableRefObject<T>;

package/dist/hooks/use-merge.d.ts

@@ -0,0 +1 @@
+export declare const useMerge: <T>(one?: T | undefined, two?: T | undefined) => T | undefined;

package/dist/hooks/use-merged-refs.d.ts

@@ -1,2 +1,2 @@
-import { mergeRefs } from '@true-engineering/true-react-platform-helpers';
-export declare const useMergedRefs: typeof mergeRefs;
+import { mergeRefs } from '@true-engineering/true-react-platform-helpers';
+export declare const useMergedRefs: typeof mergeRefs;

package/dist/hooks/use-mixed-styles.d.ts

@@ -1 +1,3 @@
-export declare const useMixedStyles: <StyleSheet_1>(baseStyles?: StyleSheet_1 | undefined, tweakStyles?: StyleSheet_1 | undefined) => StyleSheet_1 | undefined;
+import type { IMixedStyles } from '../theme';
+export declare const mixStyles: <T>(...tweakStyles: IMixedStyles<T>[]) => NonNullable<T>[];
+export declare const useMixedStyles: <StyleSheet_1>(baseStyles?: IMixedStyles<StyleSheet_1>, tweakStyles?: IMixedStyles<StyleSheet_1>) => NonNullable<StyleSheet_1>[];

package/dist/hooks/use-on-click-outside.d.ts

@@ -1,5 +1,5 @@
-import { RefObject } from 'react';
-export declare const checkElementParentsClassNames: (element: HTMLElement, className: string) => boolean;
-export declare const isElementOneOfParents: (element: HTMLElement, elToSearch: HTMLElement) => boolean;
-export declare function useOnClickOutsideWithRef<Elem extends HTMLElement, IgnoreElem extends HTMLElement>(ref: RefObject<Elem>, handler: (event: MouseEvent | TouchEvent) => void, ignoreRef?: RefObject<IgnoreElem>): void;
-export declare function useOnClickOutside<Elem extends HTMLElement, IgnoreElem extends HTMLElement>(ref: RefObject<Elem>, handler: (event: MouseEvent | TouchEvent) => void, ignoreClassName?: string, ignoreRef?: RefObject<IgnoreElem>): void;
+import { RefObject } from 'react';
+export declare const checkElementParentsClassNames: (element: HTMLElement, className: string) => boolean;
+export declare const isElementOneOfParents: (element: HTMLElement, elToSearch: HTMLElement) => boolean;
+export declare function useOnClickOutsideWithRef<Elem extends HTMLElement, IgnoreElem extends HTMLElement>(refOrGetter: RefObject<Elem | null> | (() => Elem | null | undefined) | undefined, handler: (event: MouseEvent | TouchEvent) => void, ignoreRef?: RefObject<IgnoreElem>): void;
+export declare function useOnClickOutside<Elem extends HTMLElement, IgnoreElem extends HTMLElement>(refOrGetter: RefObject<Elem | null> | (() => Elem | null | undefined) | undefined, handler: (event: MouseEvent | TouchEvent) => void, ignoreClassName?: string, ignoreRef?: RefObject<IgnoreElem>): void;

package/dist/hooks/use-tweak-styles.d.ts

@@ -1,21 +1,21 @@
-import { IComponentName } from '../theme';
-export declare const useTweakStyles: <StyleSheet_1, ClassName extends keyof StyleSheet_1 & `tweak${string}`>({ innerStyles, tweakStyles: currentComponentTweakStyles, className, currentComponentName, }: {
-    /**
-     * Это tweakStyles, определенные в родительском компоненте
-     * (например, стили для Input, определенные в стилях компонента Select)
-     */
-    innerStyles?: StyleSheet_1[ClassName] | undefined;
-    /**
-     * Пропса tweakStyles из родительского компонента
-     * (это уже непосредственно ISelectProps.tweakStyles)
-     */
-    tweakStyles?: StyleSheet_1 | undefined;
-    /**
-     * Класс для переопределения tweakStyles из-вне. (Например, 'tweakInput')
-     */
-    className: ClassName;
-    /**
-     * Название компонента который вызывает useTweakStyles. (В данном примере 'Select')
-     */
-    currentComponentName?: keyof import("../theme").IComponentStyles | undefined;
-}) => StyleSheet_1[ClassName];
+import { IComponentName, IMaybeArray, IMixedStyles } from '../theme';
+export declare const useTweakStyles: <StyleSheet_1, ClassName extends keyof StyleSheet_1 & `tweak${string}`>({ innerStyles, tweakStyles, className, currentComponentName, }: {
+    /**
+     * Это tweakStyles, определенные в родительском компоненте
+     * (например, стили для Input, определенные в стилях компонента Select)
+     */
+    innerStyles?: IMixedStyles<StyleSheet_1[ClassName]>;
+    /**
+     * Пропса tweakStyles из родительского компонента
+     * (это уже непосредственно ISelectProps.tweakStyles)
+     */
+    tweakStyles?: IMaybeArray<StyleSheet_1> | undefined;
+    /**
+     * Класс для переопределения tweakStyles из-вне. (Например, 'tweakInput')
+     */
+    className: ClassName;
+    /**
+     * Название компонента который вызывает useTweakStyles. (В данном примере 'Select')
+     */
+    currentComponentName?: keyof import("../theme").IComponentStyles | undefined;
+}) => NonNullable<StyleSheet_1[ClassName]>[];

package/dist/index.d.ts

@@ -1,6 +1,6 @@
-export * from './theme';
-export * from './components';
-export * from './hooks';
-export * from './types';
-export * from './constants';
-export * from './helpers';
+export * from './theme';
+export * from './components';
+export * from './hooks';
+export * from './types';
+export * from './constants';
+export * from './helpers';