@alfalab/core-components 40.0.0 → 40.2.0-beta.0

package/tabs/{hook-edac5428.d.ts → hook-3e68f8db.d.ts}

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import { BaseSelectProps, OptionShape } from "./index-3e68f8db";
-type useSelectWithApplyProps = {
+type UseSelectWithApplyProps = {
     /**
      * Список выбранных пунктов
      */
@@ -17,6 +17,10 @@ type useSelectWithApplyProps = {
      * Компонент выпадающего меню
      */
     OptionsList?: BaseSelectProps['OptionsList'];
+    /**
+     * Пропсы, которые будут прокинуты в компонент списка
+     */
+    optionsListProps?: BaseSelectProps['optionsListProps'];
     /**
      * Показывать кнопку очистки
      */
@@ -27,15 +31,16 @@ type useSelectWithApplyProps = {
     showSelectAll?: boolean;
 };
 declare const SELECT_ALL_KEY = "select_all";
-declare function useSelectWithApply({ options, selected, onChange, OptionsList, showClear, showSelectAll, }: useSelectWithApplyProps): {
+declare function useSelectWithApply({ options, selected, onChange, OptionsList, optionsListProps, showClear, showSelectAll, }: UseSelectWithApplyProps): {
     OptionsList: import("react").ForwardRefExoticComponent<import("./index-3e68f8db").OptionsListProps & {
         showClear?: boolean | undefined;
         onClose?: (() => void) | undefined;
         selectedDraft?: OptionShape[] | undefined;
-        OptionsList?: import("react").FC<import("./index-3e68f8db").OptionsListProps & import("react").RefAttributes<unknown>> | undefined;
-    } & import("react").RefAttributes<unknown>>;
+        OptionsList?: import("react").FC<import("./index-3e68f8db").OptionsListProps & import("react").RefAttributes<HTMLDivElement>> | undefined;
+        Footer?: import("react").FC<import("./Component-ebda875c").FooterProps> | undefined;
+    } & import("react").RefAttributes<HTMLDivElement>>;
     optionsListProps: {
-        OptionsList: import("react").FC<import("./index-3e68f8db").OptionsListProps> | undefined;
+        OptionsList: import("react").FC<import("./index-3e68f8db").OptionsListProps & import("react").RefAttributes<HTMLDivElement>> | undefined;
         showClear: boolean;
         onClear: () => void;
         onApply: () => void;
@@ -51,4 +56,5 @@ declare function useSelectWithApply({ options, selected, onChange, OptionsList,
     onChange: (payload: import("./index-3e68f8db").BaseSelectChangePayload) => void;
     selected: string | OptionShape | (string | OptionShape)[] | null | undefined;
 };
-export { SELECT_ALL_KEY, useSelectWithApply };
+export * from "./Component-5e1b8383";
+export { UseSelectWithApplyProps, SELECT_ALL_KEY, useSelectWithApply };

package/tabs/index-3e68f8db.d.ts

@@ -2,7 +2,7 @@
 import React from "react";
 import { ReactNode } from "react";
 import { FormControlProps } from "./Component-e67996e9";
-import { BaseSelectProps, OptionProps, OptionShape } from "./typings-f9462675";
+import { BaseSelectProps, OptionProps, OptionShape } from "./typings-5e1b8383";
 type SelectFieldProps = Omit<FormControlProps, "size"> & Record<string, unknown>;
 type SelectProps = Omit<BaseSelectProps, "fieldProps"> & {
     /**
@@ -92,7 +92,8 @@ type SkeletonProps = {
 };
 declare const Skeleton: React.FC<SkeletonProps>;
 export { SelectFieldProps, SelectProps, Select, useSelectWithLoading, useLazyLoading, SkeletonProps, Skeleton };
-export * from "./hook-edac5428";
-export * from "./index-48646db0";
-export * from "./typings-f9462675";
-export * from "./utils-f9462675";
+export * from "./index-ebda875c";
+export * from "./Component-5e1b8383";
+export * from "./hook-3e68f8db";
+export * from "./typings-5e1b8383";
+export * from "./utils-5e1b8383";

package/tabs/index-ebda875c.d.ts

@@ -1,3 +1,37 @@
 /// <reference types="react" />
 /// <reference types="react-transition-group" />
-export * from "./Component-f9462675";
+import React from "react";
+import { ButtonHTMLAttributes, ElementType, FC } from "react";
+interface CloserProps extends ButtonHTMLAttributes<HTMLButtonElement> {
+    /**
+     * Вид компонента
+     */
+    view: "desktop" | "mobile";
+    /**
+     * Дополнительный класс
+     */
+    className?: string;
+    /**
+     * Позиция крестика
+     */
+    align?: "left" | "right";
+    /**
+     * Фиксирует крестик
+     */
+    sticky?: boolean;
+    /**
+     * Иконка
+     */
+    icon?: ElementType;
+    /**
+     * Идентификатор для систем автоматизированного тестирования
+     */
+    dataTestId?: string;
+    /**
+     * Коллбэк закрытия.
+     */
+    onClose?: (event: React.MouseEvent<HTMLElement> | React.KeyboardEvent<HTMLElement>, reason?: "backdropClick" | "escapeKeyDown" | "closerClick") => void;
+}
+declare const Closer: FC<CloserProps>;
+export { CloserProps, Closer };
+export * from "./Component-ebda875c";

package/tabs/modern/Component-3e68f8db.d.ts

@@ -1,7 +1,7 @@
 /// <reference types="react" />
 import { FC, SVGProps } from 'react';
-import { OptionShape } from "./typings-f9462675";
-import { OptionProps as BaseOptionProps } from "./typings-f9462675";
+import { OptionShape } from "./typings-5e1b8383";
+import { OptionProps as BaseOptionProps } from "./typings-5e1b8383";
 type OptionProps = Omit<BaseOptionProps, 'option'> & {
     option: OptionShape & {
         icon?: FC<SVGProps<SVGSVGElement>>;

package/tabs/modern/Component-5e1b8383.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import { CheckmarkProps } from "./typings-5e1b8383";
+declare const BaseCheckmark: ({ selected, disabled, className, multiple, }: CheckmarkProps) => JSX.Element;
+export { BaseCheckmark };

package/tabs/modern/{hook-edac5428.d.ts → hook-3e68f8db.d.ts}

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import { BaseSelectProps, OptionShape } from "./index-3e68f8db";
-type useSelectWithApplyProps = {
+type UseSelectWithApplyProps = {
     /**
      * Список выбранных пунктов
      */
@@ -17,6 +17,10 @@ type useSelectWithApplyProps = {
      * Компонент выпадающего меню
      */
     OptionsList?: BaseSelectProps['OptionsList'];
+    /**
+     * Пропсы, которые будут прокинуты в компонент списка
+     */
+    optionsListProps?: BaseSelectProps['optionsListProps'];
     /**
      * Показывать кнопку очистки
      */
@@ -27,15 +31,16 @@ type useSelectWithApplyProps = {
     showSelectAll?: boolean;
 };
 declare const SELECT_ALL_KEY = "select_all";
-declare function useSelectWithApply({ options, selected, onChange, OptionsList, showClear, showSelectAll, }: useSelectWithApplyProps): {
+declare function useSelectWithApply({ options, selected, onChange, OptionsList, optionsListProps, showClear, showSelectAll, }: UseSelectWithApplyProps): {
     OptionsList: import("react").ForwardRefExoticComponent<import("./index-3e68f8db").OptionsListProps & {
         showClear?: boolean | undefined;
         onClose?: (() => void) | undefined;
         selectedDraft?: OptionShape[] | undefined;
-        OptionsList?: import("react").FC<import("./index-3e68f8db").OptionsListProps & import("react").RefAttributes<unknown>> | undefined;
-    } & import("react").RefAttributes<unknown>>;
+        OptionsList?: import("react").FC<import("./index-3e68f8db").OptionsListProps & import("react").RefAttributes<HTMLDivElement>> | undefined;
+        Footer?: import("react").FC<import("./Component-ebda875c").FooterProps> | undefined;
+    } & import("react").RefAttributes<HTMLDivElement>>;
     optionsListProps: {
-        OptionsList: import("react").FC<import("./index-3e68f8db").OptionsListProps> | undefined;
+        OptionsList: import("react").FC<import("./index-3e68f8db").OptionsListProps & import("react").RefAttributes<HTMLDivElement>> | undefined;
         showClear: boolean;
         onClear: () => void;
         onApply: () => void;
@@ -51,4 +56,5 @@ declare function useSelectWithApply({ options, selected, onChange, OptionsList,
     onChange: (payload: import("./index-3e68f8db").BaseSelectChangePayload) => void;
     selected: string | OptionShape | (string | OptionShape)[] | null | undefined;
 };
-export { SELECT_ALL_KEY, useSelectWithApply };
+export * from "./Component-5e1b8383";
+export { UseSelectWithApplyProps, SELECT_ALL_KEY, useSelectWithApply };

package/tabs/modern/index-3e68f8db.d.ts

@@ -2,7 +2,7 @@
 import React from "react";
 import { ReactNode } from "react";
 import { FormControlProps } from "./Component-e67996e9";
-import { BaseSelectProps, OptionProps, OptionShape } from "./typings-f9462675";
+import { BaseSelectProps, OptionProps, OptionShape } from "./typings-5e1b8383";
 type SelectFieldProps = Omit<FormControlProps, "size"> & Record<string, unknown>;
 type SelectProps = Omit<BaseSelectProps, "fieldProps"> & {
     /**
@@ -92,7 +92,8 @@ type SkeletonProps = {
 };
 declare const Skeleton: React.FC<SkeletonProps>;
 export { SelectFieldProps, SelectProps, Select, useSelectWithLoading, useLazyLoading, SkeletonProps, Skeleton };
-export * from "./hook-edac5428";
-export * from "./index-48646db0";
-export * from "./typings-f9462675";
-export * from "./utils-f9462675";
+export * from "./index-ebda875c";
+export * from "./Component-5e1b8383";
+export * from "./hook-3e68f8db";
+export * from "./typings-5e1b8383";
+export * from "./utils-5e1b8383";

package/tabs/modern/index-ebda875c.d.ts

@@ -1,3 +1,37 @@
 /// <reference types="react" />
 /// <reference types="react-transition-group" />
-export * from "./Component-f9462675";
+import React from "react";
+import { ButtonHTMLAttributes, ElementType, FC } from "react";
+interface CloserProps extends ButtonHTMLAttributes<HTMLButtonElement> {
+    /**
+     * Вид компонента
+     */
+    view: "desktop" | "mobile";
+    /**
+     * Дополнительный класс
+     */
+    className?: string;
+    /**
+     * Позиция крестика
+     */
+    align?: "left" | "right";
+    /**
+     * Фиксирует крестик
+     */
+    sticky?: boolean;
+    /**
+     * Иконка
+     */
+    icon?: ElementType;
+    /**
+     * Идентификатор для систем автоматизированного тестирования
+     */
+    dataTestId?: string;
+    /**
+     * Коллбэк закрытия.
+     */
+    onClose?: (event: React.MouseEvent<HTMLElement> | React.KeyboardEvent<HTMLElement>, reason?: "backdropClick" | "escapeKeyDown" | "closerClick") => void;
+}
+declare const Closer: FC<CloserProps>;
+export { CloserProps, Closer };
+export * from "./Component-ebda875c";

package/tabs/modern/{typings-f9462675.d.ts → typings-5e1b8383.d.ts}

@@ -200,7 +200,7 @@ type BaseSelectProps = {
     /**
      * Компонент выпадающего меню
      */
-    OptionsList?: FC<OptionsListProps>;
+    OptionsList?: FC<OptionsListProps & RefAttributes<HTMLDivElement>>;
     /**
      * Компонент группы
      */

package/tabs/{utils-f9462675.d.ts → modern/utils-5e1b8383.d.ts}

@@ -1,5 +1,5 @@
 import { ReactNode, RefObject } from 'react';
-import { BaseSelectProps, GroupShape, OptionShape } from "./typings-f9462675";
+import { BaseSelectProps, GroupShape, OptionShape } from "./typings-5e1b8383";
 declare const isGroup: (item: OptionShape | GroupShape) => item is GroupShape;
 declare const isOptionShape: (item: OptionShape | string | null) => item is OptionShape;
 declare const joinOptions: ({ selected, selectedMultiple, }: {

package/tabs/{typings-f9462675.d.ts → typings-5e1b8383.d.ts}

@@ -200,7 +200,7 @@ type BaseSelectProps = {
     /**
      * Компонент выпадающего меню
      */
-    OptionsList?: FC<OptionsListProps>;
+    OptionsList?: FC<OptionsListProps & RefAttributes<HTMLDivElement>>;
     /**
      * Компонент группы
      */

package/tabs/{modern/utils-f9462675.d.ts → utils-5e1b8383.d.ts}

@@ -1,5 +1,5 @@
 import { ReactNode, RefObject } from 'react';
-import { BaseSelectProps, GroupShape, OptionShape } from "./typings-f9462675";
+import { BaseSelectProps, GroupShape, OptionShape } from "./typings-5e1b8383";
 declare const isGroup: (item: OptionShape | GroupShape) => item is GroupShape;
 declare const isOptionShape: (item: OptionShape | string | null) => item is OptionShape;
 declare const joinOptions: ({ selected, selectedMultiple, }: {

package/tag/cssm/index.module.css

@@ -223,4 +223,3 @@
     .rectangular.xl {
         border-radius: var(--tag-alt-border-radius);
     }
-

package/tag/esm/index.css

@@ -224,4 +224,3 @@
     .tag__rectangular_sev6m.tag__xl_sev6m {
         border-radius: var(--tag-alt-border-radius);
     }
-

package/tag/index.css

@@ -224,4 +224,3 @@
     .tag__rectangular_sev6m.tag__xl_sev6m {
         border-radius: var(--tag-alt-border-radius);
     }
-

package/tag/modern/index.css

@@ -224,4 +224,3 @@
     .tag__rectangular_sev6m.tag__xl_sev6m {
         border-radius: var(--tag-alt-border-radius);
     }
-

package/textarea/Component.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
 import React from 'react';
 declare const getDefaultCounterText: (textLength: number, maxLength?: number) => string;
-declare const Textarea: React.ForwardRefExoticComponent<Omit<React.TextareaHTMLAttributes<HTMLTextAreaElement>, "size" | "defaultValue" | "style" | "onChange" | "value"> & import("./typings").TextareaIncomeProps & React.RefAttributes<HTMLTextAreaElement>>;
+declare const Textarea: React.ForwardRefExoticComponent<Omit<React.TextareaHTMLAttributes<HTMLTextAreaElement>, "size" | "style" | "value" | "defaultValue" | "onChange"> & import("./typings").TextareaIncomeProps & React.RefAttributes<HTMLTextAreaElement>>;
 export { getDefaultCounterText, Textarea };

package/themes/compiled/mobile-dark-bluetint.css

@@ -1,8 +1,4 @@
-.card-image__cardImage_pd0ls {
-    background: #e7e8ea;
-} .card-image__loaded_pd0ls {
-    background: transparent
-}.badge__component_914m3 {
+.badge__component_914m3 {
     background-color: #ef3124;
     color: #0e0e0e;
 } .badge__outlineCount_914m3 {
@@ -54,6 +50,10 @@
         background-color: #fff;
     } .badge__dot_914m3.badge__outlineCount_914m3 {
     border: 1px solid #121212;
+}.card-image__cardImage_pd0ls {
+    background: #e7e8ea;
+} .card-image__loaded_pd0ls {
+    background: transparent
 }.backdrop__backdrop_asid7 {
     -webkit-tap-highlight-color: transparent;
 } .backdrop__appear_asid7,
@@ -69,8 +69,6 @@
 } .backdrop__exitActive_asid7,
 .backdrop__exitDone_asid7 {
     background-color: transparent;
-}.divider__component_1sm4x {
-    border-bottom: 1px solid #2b2b2e;
 }.checkbox-group__error_17a8r {
     border-left: 1px solid #f15045;
 } .checkbox-group__label_17a8r {
@@ -79,6 +77,8 @@
     color: #f15045;
 } .checkbox-group__hint_17a8r {
     color: rgba(235, 235, 245, 0.54);
+}.divider__component_1sm4x {
+    border-bottom: 1px solid #2b2b2e;
 }.checkbox__box_1pid5 {
     color: #0e0e0e;
     background-color: #0e0e0e;

package/themes/dist/compiled/mobile-dark-bluetint.css

@@ -1,8 +1,4 @@
-.card-image__cardImage_pd0ls {
-    background: #e7e8ea;
-} .card-image__loaded_pd0ls {
-    background: transparent
-}.badge__component_914m3 {
+.badge__component_914m3 {
     background-color: #ef3124;
     color: #0e0e0e;
 } .badge__outlineCount_914m3 {
@@ -54,6 +50,10 @@
         background-color: #fff;
     } .badge__dot_914m3.badge__outlineCount_914m3 {
     border: 1px solid #121212;
+}.card-image__cardImage_pd0ls {
+    background: #e7e8ea;
+} .card-image__loaded_pd0ls {
+    background: transparent
 }.backdrop__backdrop_asid7 {
     -webkit-tap-highlight-color: transparent;
 } .backdrop__appear_asid7,
@@ -69,8 +69,6 @@
 } .backdrop__exitActive_asid7,
 .backdrop__exitDone_asid7 {
     background-color: transparent;
-}.divider__component_1sm4x {
-    border-bottom: 1px solid #2b2b2e;
 }.checkbox-group__error_17a8r {
     border-left: 1px solid #f15045;
 } .checkbox-group__label_17a8r {
@@ -79,6 +77,8 @@
     color: #f15045;
 } .checkbox-group__hint_17a8r {
     color: rgba(235, 235, 245, 0.54);
+}.divider__component_1sm4x {
+    border-bottom: 1px solid #2b2b2e;
 }.checkbox__box_1pid5 {
     color: #0e0e0e;
     background-color: #0e0e0e;
@@ -1446,7 +1446,9 @@
         color: rgba(14, 14, 14, 0.3)
     } .button__component_9knak[disabled].button__ghost_9knak.button__loading_9knak {
             color: #0e0e0e;
-        }.circular-progress-bar__backgroundCircle_180xr,
+        }.comment__component_1oiml {
+    background-color: #202022;
+}.circular-progress-bar__backgroundCircle_180xr,
 .circular-progress-bar__progressCircle_180xr {
     fill: transparent;
 } .circular-progress-bar__positive_180xr {
@@ -1473,9 +1475,7 @@
         color: #fff;
     } .circular-progress-bar__iconWrapper_180xr.circular-progress-bar__icon-secondary_180xr {
         color: #85858d;
-    }.comment__component_1oiml {
-    background-color: #202022;
-}.list-header__filled_u00xm {
+    }.list-header__filled_u00xm {
     background-color: rgba(255, 255, 255, 0.1);
 }.chart__coreChart_1czu3 .recharts-text tspan {
         fill: #fff;
@@ -1872,6 +1872,19 @@
     color: #fff;
 } .with-suffix__readOnly_1fcz5 {
     color: rgba(235, 235, 245, 0.54);
+}.file-upload-item__component_1jyno {
+    color: rgba(235, 235, 245, 0.54);
+    box-shadow: 0 -1px 0 0 #2b2b2e inset
+} .file-upload-item__icon_1jyno {
+    color: #fff;
+} .file-upload-item__errorIcon_1jyno {
+    color: #d91d0b;
+} .file-upload-item__successIcon_1jyno {
+    color: #2fc26e;
+} .file-upload-item__name_1jyno {
+    color: #fff
+} .file-upload-item__errorWrapper_1jyno {
+    color: #ef3124
 }.filter-tag__component_l7odr.filter-tag__disabled_l7odr {
         background-color: rgba(32, 32, 34, 0.3);
     } .filter-tag__component_l7odr.filter-tag__checked_l7odr:not(.filter-tag__disabled_l7odr) {
@@ -1940,20 +1953,7 @@
     } .filter-tag__clear_l7odr:active {
         background-color: rgb(194, 195, 196);
         color: #0e0e0e;
-    }.file-upload-item__component_1jyno {
-    color: rgba(235, 235, 245, 0.54);
-    box-shadow: 0 -1px 0 0 #2b2b2e inset
-} .file-upload-item__icon_1jyno {
-    color: #fff;
-} .file-upload-item__errorIcon_1jyno {
-    color: #d91d0b;
-} .file-upload-item__successIcon_1jyno {
-    color: #2fc26e;
-} .file-upload-item__name_1jyno {
-    color: #fff
-} .file-upload-item__errorWrapper_1jyno {
-    color: #ef3124
-}.navigation-bar__content_1holh {
+    }.navigation-bar__content_1holh {
     color: #fff
 } .navigation-bar__subtitle_1holh {
     color: rgba(235, 235, 245, 0.54);
@@ -2332,14 +2332,13 @@
 } .select__optionsListBorder_hff12 {
     box-shadow: inset 0 0 0 1px #262629;
 }
-.select__popoverInner_1lci1 {
-    background: transparent;
-}
+
 .select__single_w4qan {
     background: #fff
 } .select__colorIcon_w4qan {
     color: #2fc26e;
 }
+
 .select__placeholder_ttrlg {
     color: rgba(235, 235, 245, 0.54);
 } .select__focusVisible_ttrlg {
@@ -2390,37 +2389,24 @@
 }
 
 
-
-.select__emptyPlaceholder_rk2ab {
-    color: rgba(235, 235, 245, 0.54);
-} .select__footer_rk2ab {
+.select__footer_1itz1 {
     background-color: #121212
-} .select__highlighted_rk2ab {
+} .select__highlighted_1itz1 {
     border-top: 1px solid #2b2b2e;
     background-color: #121212;
 }
-.select__virtualRow_sytjq:before {
-        background: #2b2b2e;
-    } .select__emptyPlaceholder_sytjq {
-    color: rgba(235, 235, 245, 0.54);
-} .select__footer_sytjq {
+.select__footer_ze9ys {
     background-color: #121212
-} .select__footerHighlighted_sytjq {
-    border-top: 1px solid #2b2b2e;
-    background-color: #121212;
-}
-.select__footer_1jv7r {
-    background: #121212
 }.calendar-with-skeleton__skeleton_1mbfa {
     background-color: #121212;
+}.date-range-input__calendarContainer_spz1j {
+    border: 1px solid #262629
 }.calendar-input__calendarContainer_1rk90 {
     border: 1px solid #262629
 } .calendar-input__calendarIcon_1rk90 {
     color: #fff
 }.date-time-input__calendarContainer_ml6vz {
     border: 1px solid #262629
-}.date-range-input__calendarContainer_spz1j {
-    border: 1px solid #262629
 }
 
 .input-autocomplete__placeholder_1gqzu {

package/select/Component-67e36290.d.ts

@@ -1,6 +0,0 @@
-/// <reference types="react" />
-import React from 'react';
-import { BaseSelectProps } from "./typings";
-declare const getDataTestId: (dataTestId?: string, element?: string) => string | undefined;
-declare const BaseSelect: React.ForwardRefExoticComponent<BaseSelectProps & React.RefAttributes<unknown>>;
-export { getDataTestId, BaseSelect };