@alfalab/core-components-picker-button 11.7.17 → 11.8.0

package/moderncssm/mobile/Component.mobile.js

@@ -0,0 +1,30 @@
+import React, { forwardRef } from 'react';
+import { SelectMobile } from '@alfalab/core-components-select/moderncssm/mobile';
+import { Optgroup } from '@alfalab/core-components-select/moderncssm/shared';
+import { Field } from '../field/Component.js';
+import { Option } from '../option/Component.js';
+
+const PickerButtonMobile = forwardRef(({ options, label, Option: Option$1 = Option, Optgroup: Optgroup$1 = Optgroup, view, loading, variant = 'default', leftAddons, rightAddons, size, bottomSheetProps, showArrow, Field: Field$1 = Field, fieldProps = {}, icon, breakpoint = 1024, ...restProps }, ref) => {
+    const fieldDefaultProps = {
+        view,
+        loading,
+        /** size у select, button несовместимы */
+        buttonSize: size,
+        buttonVariant: variant,
+        leftAddons,
+        rightAddons,
+        showArrow,
+        breakpoint,
+        icon,
+    };
+    return (React.createElement(SelectMobile, { ...restProps, label: label, Option: Option$1, bottomSheetProps: {
+            title: label,
+            stickyHeader: true,
+            ...bottomSheetProps,
+        }, Field: Field$1, Optgroup: Optgroup$1, size: size === 'm' || size === 56 ? 56 : 48, closeOnSelect: true, fieldProps: {
+            ...fieldDefaultProps,
+            ...fieldProps,
+        }, ref: ref, options: options, selected: [] }));
+});
+
+export { PickerButtonMobile };

package/moderncssm/mobile/index.d.ts

@@ -0,0 +1,2 @@
+export { PickerButtonMobile, PickerButtonMobileProps } from "./Component.mobile";
+export {};

package/moderncssm/mobile/index.js

@@ -0,0 +1 @@
+export { PickerButtonMobile } from './Component.mobile.js';

package/moderncssm/option/Component.d.ts

@@ -0,0 +1,12 @@
+/// <reference types="react" />
+import React from 'react';
+import { FC, SVGProps } from "react";
+import { OptionShape } from "@alfalab/core-components-select/shared";
+import { OptionProps as BaseOptionProps } from "@alfalab/core-components-select/shared";
+type OptionProps = Omit<BaseOptionProps, 'option'> & {
+    option: OptionShape & {
+        icon?: FC<SVGProps<SVGSVGElement>>;
+    };
+};
+declare const Option: ({ option, children, ...restProps }: OptionProps) => React.JSX.Element;
+export { Option };

package/moderncssm/option/Component.js

@@ -0,0 +1,14 @@
+import React from 'react';
+import { Option as Option$1 } from '@alfalab/core-components-select/moderncssm/shared';
+import styles from './index.module.css';
+
+const Option = ({ option, children, ...restProps }) => {
+    const content = children || option.content || option.key;
+    const Icon = option.icon;
+    return (React.createElement(Option$1, { option: option, ...restProps },
+        React.createElement("div", { className: styles.container },
+            Icon && React.createElement(Icon, { className: styles.icon }),
+            React.createElement("div", { className: styles.content }, content))));
+};
+
+export { Option };

package/moderncssm/option/index.d.ts

@@ -0,0 +1 @@
+export * from "./Component";

package/moderncssm/option/index.js

@@ -0,0 +1 @@
+export { Option } from './Component.js';

package/moderncssm/option/index.module.css

@@ -0,0 +1,17 @@
+/* */
+
+.container {
+    display: flex;
+    align-items: center;
+}
+
+.icon {
+    display: flex;
+    margin-right: var(--gap-12);
+}
+
+.content {
+    overflow: hidden;
+    flex: 1;
+    text-overflow: ellipsis;
+}

package/moderncssm/shared/index.d.ts

@@ -0,0 +1,2 @@
+export { getIcon } from "../utils/index";
+export * from "../types";

package/moderncssm/shared/index.js

@@ -0,0 +1 @@
+export { getIcon } from '../utils/index.js';

package/moderncssm/types-1328ead9.d.ts

@@ -0,0 +1,21 @@
+type TextElementType = HTMLParagraphElement | HTMLSpanElement | HTMLDivElement;
+type WidthUnit = number | string;
+type TextSkeletonProps = {
+    /**
+     *  Кол-во строк текста
+     */
+    rows?: number;
+    /**
+     * Ширина строки
+     */
+    width?: WidthUnit | WidthUnit[];
+    /**
+     * Выравнивание элементов по горизонтали
+     */
+    align?: 'left' | 'center' | 'right';
+    /**
+     * Класс для обертки скелетона
+     */
+    wrapperClassName?: string;
+};
+export { TextElementType, TextSkeletonProps };

package/moderncssm/types-a870d1f8.d.ts

@@ -0,0 +1,117 @@
+/// <reference types="react" />
+import React from 'react';
+import { ReactNode } from "react";
+import { BackArrowAddonProps, CloserProps } from "./index-ebda875c";
+type NavigationBarPrivateProps = {
+    /**
+     * Контент шапки
+     */
+    children?: ReactNode;
+    /**
+     * Заголовок шапки
+     */
+    title?: string;
+    /**
+     * Подзаголовок (доступен только в мобильной версии)
+     */
+    subtitle?: ReactNode;
+    /**
+     * Размер заголовка (compact доступен только в мобильной версии)
+     */
+    titleSize?: 'default' | 'compact';
+    /**
+     * Доп. класс для аддонов
+     */
+    addonClassName?: string;
+    /**
+     * Слот слева
+     */
+    leftAddons?: ReactNode;
+    /**
+     * Слот справа
+     */
+    rightAddons?: ReactNode;
+    /**
+     * Дополнительный класс для closer
+     */
+    closerClassName?: string;
+    /**
+     * Слот снизу
+     */
+    bottomAddons?: ReactNode;
+    /**
+     * Наличие компонента крестика
+     */
+    hasCloser?: boolean;
+    /**
+     * Наличие кнопки "Назад"
+     */
+    hasBackButton?: boolean;
+    /**
+     * Дополнительный класс для правого аддона
+     */
+    backButtonClassName?: string;
+    /**
+     * Дополнительные пропсы для кнопки "Назад"
+     */
+    backButtonProps?: Omit<BackArrowAddonProps, 'view' | 'textOpacity' | 'onClick'>;
+    /**
+     * Дополнительный класс
+     */
+    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;
+    wrapperRef?: React.RefObject<HTMLDivElement>;
+    style?: React.CSSProperties;
+    hidden?: boolean;
+};
+export { NavigationBarPrivateProps, ContentParams };

package/moderncssm/types.d.ts

@@ -0,0 +1,3 @@
+type PickerButtonSize = 'xxs' | 'xs' | 's' | 'm' | 'l' | 'xl' | 32 | 40 | 48 | 56 | 64 | 72;
+type PickerButtonVariant = 'default' | 'compact';
+export { PickerButtonSize, PickerButtonVariant };

package/moderncssm/types.js

@@ -0,0 +1 @@
+