@alfalab/core-components-select 13.2.14 → 13.2.16

package/presets/useSelectWithApply/options-list-with-apply/Component.js

@@ -5,8 +5,8 @@ require('react');
 require('classnames');
 require('@alfalab/core-components-button');
 require('@alfalab/icons-glyph/ChevronDownMIcon');
-require('../../../Component-5eb2f57b.js');
-var presets_useSelectWithApply_optionsListWithApply_Component = require('../../../Component-56295912.js');
+require('../../../Component-9c3c5101.js');
+var presets_useSelectWithApply_optionsListWithApply_Component = require('../../../Component-003e987a.js');
 require('@alfalab/core-components-form-control');
 require('@alfalab/hooks');
 require('@alfalab/icons-glyph/CheckmarkMIcon');
@@ -34,7 +34,7 @@ require('../../../components/checkmark/Component.js');
 require('../../../components/base-option/Component.js');
 require('../../../components/base-checkmark/Component.js');
 require('@alfalab/core-components-skeleton');
-require('../../../intersection-observer-562b226a.js');
+require('../../../intersection-observer-cd9b249c.js');
 require('../../../components/base-select-mobile/options-list/Component.js');
 require('@alfalab/core-components-base-modal');
 require('../../../components/base-select-mobile/virtual-options-list/Component.js');

package/presets/useSelectWithApply/options-list-with-apply/index.css

@@ -1,9 +1,9 @@
-/* hash: 1q0rw */
+/* hash: walvw */
 :root {
 } /* deprecated */ :root {
     --color-light-bg-primary: #fff;
-    --color-light-border-secondary: #e7e9eb;
-} :root {
+    --color-light-border-secondary: #e7e9eb; /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
+} :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
 } :root {
 } :root {
 
@@ -27,12 +27,12 @@
     /* checkmark */
 
     /* optgroup */
-} .select__footer_m2bj3 {
+} .select__footer_2akbx {
     background: var(--color-light-bg-primary);
     padding: var(--gap-s);
     outline: none
-} .select__footer_m2bj3 > * + * {
+} .select__footer_2akbx > * + * {
         margin-left: var(--gap-xs);
-    } .select__withBorder_m2bj3 {
+    } .select__withBorder_2akbx {
     box-shadow: inset 0 1px 0 var(--color-light-border-secondary);
 }

package/presets/useSelectWithApply/options-list-with-apply/index.d.ts

@@ -1 +1 @@
-export * from "../../../Component-56295912";
+export * from "../../../Component-003e987a";

package/presets/useSelectWithApply/options-list-with-apply/index.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var presets_useSelectWithApply_optionsListWithApply_Component = require('../../../Component-56295912.js');
+var presets_useSelectWithApply_optionsListWithApply_Component = require('../../../Component-003e987a.js');
 require('tslib');
 require('react');
 require('../../../components/arrow/Component.js');
@@ -11,7 +11,7 @@ require('downshift');
 require('@alfalab/core-components-bottom-sheet');
 require('@alfalab/core-components-modal/mobile');
 require('../../../Component.js');
-require('../../../Component-5eb2f57b.js');
+require('../../../Component-9c3c5101.js');
 require('@juggle/resize-observer');
 require('@alfalab/core-components-popover');
 require('@alfalab/hooks');
@@ -33,7 +33,7 @@ require('react-virtual');
 require('../../../components/base-option/Component.js');
 require('../../../components/base-checkmark/Component.js');
 require('@alfalab/core-components-skeleton');
-require('../../../intersection-observer-562b226a.js');
+require('../../../intersection-observer-cd9b249c.js');
 require('@alfalab/core-components-button');
 require('../../../components/base-select-mobile/options-list/Component.js');
 require('@alfalab/core-components-base-modal');

package/presets/useSelectWithLoading/hook.js

@@ -16,7 +16,7 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
 
 var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 
-var styles = {"skeleton":"select__skeleton_1kvqo"};
+var styles = {"skeleton":"select__skeleton_kzy3o"};
 require('./index.css')
 
 function useSelectWithLoading(_a) {

package/presets/useSelectWithLoading/index.css

@@ -1,5 +1,5 @@
-/* hash: 1h99g */
-.select__skeleton_1kvqo {
+/* hash: r9usq */
+.select__skeleton_kzy3o {
     position: absolute;
     top: 50%;
     transform: translateY(-50%);

package/responsive.js

@@ -8,7 +8,7 @@ require('./Component.js');
 require('./components/arrow/Component.js');
 require('classnames');
 require('@alfalab/icons-glyph/ChevronDownMIcon');
-require('./Component-5eb2f57b.js');
+require('./Component-9c3c5101.js');
 require('react-merge-refs');
 require('@juggle/resize-observer');
 require('downshift');
@@ -27,14 +27,14 @@ require('@alfalab/core-components-checkbox');
 require('@alfalab/icons-glyph/CheckmarkCircleMIcon');
 require('./components/options-list/Component.js');
 require('@alfalab/core-components-scrollbar');
-require('./Component-56295912.js');
+require('./Component-003e987a.js');
 require('@alfalab/core-components-bottom-sheet');
 require('@alfalab/core-components-modal/mobile');
 require('react-virtual');
 require('./components/base-option/Component.js');
 require('./components/base-checkmark/Component.js');
 require('@alfalab/core-components-skeleton');
-require('./intersection-observer-562b226a.js');
+require('./intersection-observer-cd9b249c.js');
 require('@alfalab/core-components-button');
 require('./components/base-select-mobile/options-list/Component.js');
 require('@alfalab/core-components-base-modal');

package/types-ebda875c.d.ts

@@ -0,0 +1,113 @@
+/// <reference types="react" />
+import React from 'react';
+import { ReactNode } from "react";
+import { CloserProps } from "./index-ebda875c";
+type NavigationBarProps = {
+    /**
+     * Контент шапки
+     */
+    children?: ReactNode;
+    /**
+     * Заголовок шапки
+     */
+    title?: string;
+    /**
+     * Подзаголовок (доступен только в мобильной версии)
+     */
+    subtitle?: string;
+    /**
+     * Размер заголовка (compact доступен только в мобильной версии)
+     */
+    titleSize?: 'default' | 'compact';
+    /**
+     * Доп. класс для аддонов
+     */
+    addonClassName?: string;
+    /**
+     * Слот слева
+     */
+    leftAddons?: ReactNode;
+    /**
+     * Слот справа
+     */
+    rightAddons?: ReactNode;
+    /**
+     * Дополнительный класс для closer
+     */
+    closerClassName?: string;
+    /**
+     * Слот снизу
+     */
+    bottomAddons?: ReactNode;
+    /**
+     * Наличие компонента крестика
+     */
+    hasCloser?: boolean;
+    /**
+     * Наличие кнопки "Назад"
+     */
+    hasBackButton?: boolean;
+    /**
+     * Дополнительный класс для правого аддона
+     */
+    backButtonClassName?: string;
+    /**
+     * Дополнительный класс
+     */
+    className?: string;
+    /**
+     * Дополнительный класс для контента
+     */
+    contentClassName?: string;
+    /**
+     * Дополнительный класс для нижнего аддона
+     */
+    bottomAddonsClassName?: string;
+    /**
+     * Выравнивание заголовка
+     */
+    align?: 'left' | 'center';
+    /**
+     * Обрезать ли заголовок
+     */
+    trim?: boolean;
+    /**
+     * Фиксирует шапку
+     */
+    sticky?: boolean;
+    /**
+     * Идентификатор для систем автоматизированного тестирования
+     */
+    dataTestId?: string;
+    /**
+     * Фоновое изображение
+     */
+    imageUrl?: string;
+    /**
+     * Иконка closer.
+     */
+    closerIcon?: React.ElementType;
+    /**
+     * Обработчик закрытия
+     */
+    onClose?: CloserProps['onClose'];
+    /**
+     * обработчик клика по кнопке "назад"
+     */
+    onBack?: () => void;
+    /**
+     * Вид шапки - мобильный или десктоп
+     */
+    view: 'desktop' | 'mobile';
+    /**
+     * Ссылка на родительскую ноду overflow: auto
+     */
+    scrollableParentRef?: React.RefObject<HTMLDivElement>;
+};
+type ContentParams = {
+    extraClassName?: string;
+    ref?: React.RefObject<HTMLDivElement>;
+    style?: React.CSSProperties;
+    hidden?: boolean;
+};
+export { NavigationBarProps, ContentParams };

package/typings.d.ts

@@ -1,7 +1,7 @@
-/// <reference types="react" />
-import { AriaAttributes, FC, FocusEvent, MouseEvent, ReactElement, ReactNode, RefAttributes } from 'react';
+import { AriaAttributes, FC, FocusEvent, MouseEvent, ReactElement, ReactNode, RefAttributes, SVGProps } from 'react';
 import { InputProps } from "@alfalab/core-components-input";
 import { PopoverProps } from "@alfalab/core-components-popover";
+type AnyObject = Record<string, any>;
 type OptionShape = {
     /**
      * Текстовое представление пункта
@@ -325,7 +325,7 @@ type FieldProps = {
      * Идентификатор для систем автоматизированного тестирования
      */
     dataTestId?: string;
-} & Record<string, any>;
+} & AnyObject;
 type ArrowProps = {
     /**
      * Дополнительный класс
@@ -545,6 +545,6 @@ type CheckmarkProps = {
     /**
      * Иконка выбранного пункта
      */
-    icon?: React.FC<React.SVGProps<SVGSVGElement>>;
+    icon?: FC<SVGProps<SVGSVGElement>>;
 };
-export { OptionShape, GroupShape, BaseSelectChangePayload, BaseSelectProps, FieldProps, ArrowProps, OptionsListProps, OptgroupProps, OptionProps, CheckmarkProps };
+export { AnyObject, OptionShape, GroupShape, BaseSelectChangePayload, BaseSelectProps, FieldProps, ArrowProps, OptionsListProps, OptgroupProps, OptionProps, CheckmarkProps };