@alfalab/core-components-side-panel 5.9.13 → 5.9.14-snapshot-1393ffa

package/moderncssm/Component.responsive.d.ts

@@ -1,93 +0,0 @@
-/// <reference types="react" />
-import React from 'react';
-import { BaseModalProps } from "@alfalab/core-components-base-modal";
-import { DrawerProps } from "@alfalab/core-components-drawer";
-import { Controls } from "./components/controls/index";
-import { Header } from "./components/header/Component";
-type SidePanelResponsiveProps = BaseModalProps & Pick<DrawerProps, 'contentTransitionProps' | 'placement' | 'nativeScrollbar'> & {
-    /**
-     * Ширина модального окна
-     * @default "s"
-     */
-    size?: 's' | 500;
-    /**
-     * Управление наличием закрывающего крестика
-     * @default false
-     */
-    hasCloser?: boolean;
-    /**
-     * Контрольная точка, с нее начинается desktop версия
-     * @default 1024
-     */
-    breakpoint?: number;
-    /**
-     * Версия, которая будет использоваться при серверном рендеринге
-     */
-    client?: 'desktop' | 'mobile';
-    /**
-     * Значение по-умолчанию для хука useMatchMedia
-     * @deprecated Используйте client
-     */
-    defaultMatchMediaValue?: boolean | (() => boolean);
-};
-declare const SidePanelResponsiveComponent: React.ForwardRefExoticComponent<BaseModalProps & Pick<DrawerProps, "contentTransitionProps" | "nativeScrollbar" | "placement"> & {
-    /**
-     * Ширина модального окна
-     * @default "s"
-     */
-    size?: "s" | 500 | undefined;
-    /**
-     * Управление наличием закрывающего крестика
-     * @default false
-     */
-    hasCloser?: boolean | undefined;
-    /**
-     * Контрольная точка, с нее начинается desktop версия
-     * @default 1024
-     */
-    breakpoint?: number | undefined;
-    /**
-     * Версия, которая будет использоваться при серверном рендеринге
-     */
-    client?: "desktop" | "mobile" | undefined;
-    /**
-     * Значение по-умолчанию для хука useMatchMedia
-     * @deprecated Используйте client
-     */
-    defaultMatchMediaValue?: boolean | (() => boolean) | undefined;
-} & React.RefAttributes<HTMLDivElement>>;
-declare const ContentResponsive: React.FC<import("./components/content/Component").ContentProps> | React.FC<import("./components/content/Component.desktop").ContentDesktopProps>;
-declare const FooterResponsive: React.FC<import("./components/footer/Component").FooterProps> | React.FC<import("./components/footer/Component.desktop").FooterDesktopProps>;
-/** Респонсив компаунд */
-declare const SidePanelResponsive: React.ForwardRefExoticComponent<BaseModalProps & Pick<DrawerProps, "contentTransitionProps" | "nativeScrollbar" | "placement"> & {
-    /**
-     * Ширина модального окна
-     * @default "s"
-     */
-    size?: "s" | 500 | undefined;
-    /**
-     * Управление наличием закрывающего крестика
-     * @default false
-     */
-    hasCloser?: boolean | undefined;
-    /**
-     * Контрольная точка, с нее начинается desktop версия
-     * @default 1024
-     */
-    breakpoint?: number | undefined;
-    /**
-     * Версия, которая будет использоваться при серверном рендеринге
-     */
-    client?: "desktop" | "mobile" | undefined;
-    /**
-     * Значение по-умолчанию для хука useMatchMedia
-     * @deprecated Используйте client
-     */
-    defaultMatchMediaValue?: boolean | (() => boolean) | undefined;
-} & React.RefAttributes<HTMLDivElement>> & {
-    Header: React.FC<import("./components/header/Component").HeaderProps>;
-    Controls: React.FC<import("./components/controls/index").ControlsProps>;
-    Content: React.FC<import("./components/content/Component").ContentProps> | React.FC<import("./components/content/Component.desktop").ContentDesktopProps>;
-    Footer: React.FC<import("./components/footer/Component").FooterProps> | React.FC<import("./components/footer/Component.desktop").FooterDesktopProps>;
-};
-export { SidePanelResponsiveProps, SidePanelResponsive, SidePanelResponsiveComponent as SidePanelComponentResponsive, Header as HeaderResponsive, Controls as ControlsResponsive, ContentResponsive, FooterResponsive };

package/moderncssm/Context.d.ts

@@ -1,4 +0,0 @@
-/// <reference types="react" />
-import { BaseModalContext } from "@alfalab/core-components-base-modal";
-declare const ModalContext: import("react").Context<BaseModalContext>;
-export { ModalContext };

package/moderncssm/ResponsiveContext.d.ts

@@ -1,5 +0,0 @@
-/// <reference types="react" />
-import React from 'react';
-import { TResponsiveModalContext } from "./typings";
-declare const ResponsiveContext: React.Context<TResponsiveModalContext>;
-export { ResponsiveContext };

package/moderncssm/components/content/Component.d.ts

@@ -1,17 +0,0 @@
-import { FC, ReactNode } from 'react';
-type ContentProps = {
-    /**
-     * Контент
-     */
-    children?: ReactNode;
-    /**
-     * Дополнительный класс
-     */
-    className?: string;
-    /**
-     * Идентификатор для систем автоматизированного тестирования
-     */
-    dataTestId?: string;
-};
-declare const Content: FC<ContentProps>;
-export { ContentProps, Content };

package/moderncssm/components/content/Component.desktop.d.ts

@@ -1,10 +0,0 @@
-import { FC } from 'react';
-import { ContentProps } from "./Component";
-type ContentDesktopProps = ContentProps & {
-    /**
-     * Размер (только для desktop версии компонента)
-     */
-    size?: 's' | 500;
-};
-declare const ContentDesktop: FC<ContentDesktopProps>;
-export { ContentDesktopProps, ContentDesktop };

package/moderncssm/components/content/Component.mobile.d.ts

@@ -1,5 +0,0 @@
-import { FC } from 'react';
-import { ContentProps } from "./Component";
-type ContentMobileProps = ContentProps;
-declare const ContentMobile: FC<ContentMobileProps>;
-export { ContentMobileProps, ContentMobile };

package/moderncssm/components/controls/Component.d.ts

@@ -1,29 +0,0 @@
-/// <reference types="react" />
-import React from 'react';
-import { ReactNode } from "react";
-interface ControlsProps {
-    /**
-     * Основной слот
-     */
-    primary?: ReactNode;
-    /**
-     * Дополнительный слот
-     */
-    secondary?: ReactNode;
-    /**
-     * Выравнивание элементов футера
-     * @default start
-     */
-    layout?: 'start' | 'center' | 'space-between' | 'column';
-    /**
-     * Выравнивание элементов футера (мобильный view)
-     * @default start
-     */
-    mobileLayout?: 'start' | 'center' | 'space-between' | 'column';
-    /**
-     * Отступы между элементами футера
-     */
-    gap?: 16 | 24 | 32;
-}
-declare const Controls: React.FC<ControlsProps>;
-export { ControlsProps, Controls };

package/moderncssm/components/controls/index.d.ts

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

package/moderncssm/components/footer/Component.d.ts

@@ -1,29 +0,0 @@
-import { FC, ReactNode } from 'react';
-type FooterProps = {
-    /**
-     * Контент футера
-     */
-    children?: ReactNode;
-    /**
-     * Дополнительный класс
-     */
-    className?: string;
-    /**
-     * Фиксирует футер
-     */
-    sticky?: boolean;
-    /**
-     * Выравнивание элементов футера
-     */
-    layout?: 'start' | 'center' | 'space-between' | 'column';
-    /**
-     * Отступы между элементами футера
-     */
-    gap?: 16 | 24 | 32;
-    /**
-     * Идентификатор для систем автоматизированного тестирования
-     */
-    dataTestId?: string;
-};
-declare const Footer: FC<FooterProps>;
-export { FooterProps, Footer };

package/moderncssm/components/footer/Component.desktop.d.ts

@@ -1,10 +0,0 @@
-import { FC } from 'react';
-import { FooterProps } from "./Component";
-type FooterDesktopProps = FooterProps & {
-    /**
-     * Размер (только для desktop версии компонента)
-     */
-    size?: 's' | 500;
-};
-declare const FooterDesktop: FC<FooterDesktopProps>;
-export { FooterDesktopProps, FooterDesktop };

package/moderncssm/components/footer/Component.mobile.d.ts

@@ -1,5 +0,0 @@
-import { FC } from 'react';
-import { FooterProps } from "./Component";
-type FooterMobileProps = FooterProps;
-declare const FooterMobile: FC<FooterMobileProps>;
-export { FooterMobileProps, FooterMobile };

package/moderncssm/components/header/Component.d.ts

@@ -1,5 +0,0 @@
-import { FC } from 'react';
-import { NavigationBarPrivateProps } from "@alfalab/core-components-navigation-bar-private";
-type HeaderProps = Omit<NavigationBarPrivateProps, 'size' | 'view' | 'parentRef'>;
-declare const Header: FC<HeaderProps>;
-export { HeaderProps, Header };

package/moderncssm/consts.d.ts

@@ -1,5 +0,0 @@
-declare const SIZE_TO_CLASSNAME_MAP: {
-    s: string;
-    500: string;
-};
-export { SIZE_TO_CLASSNAME_MAP };

package/moderncssm/desktop/Component.desktop.d.ts

@@ -1,52 +0,0 @@
-/// <reference types="react" />
-import React from 'react';
-import { BaseModalProps } from "@alfalab/core-components-base-modal";
-import { DrawerProps } from "@alfalab/core-components-drawer";
-import { ContentDesktop } from "../components/content/Component.desktop";
-import { ControlsProps } from "../components/controls/index";
-import { FooterDesktop } from "../components/footer/Component.desktop";
-import { HeaderProps } from "../components/header/Component";
-type SidePanelDesktopProps = BaseModalProps & Pick<DrawerProps, 'placement' | 'nativeScrollbar' | 'contentTransitionProps'> & {
-    /**
-     * Ширина модального окна
-     * @default "s"
-     */
-    size?: 's' | 500;
-    /**
-     * Управление наличием закрывающего крестика
-     * @default false
-     */
-    hasCloser?: boolean;
-};
-declare const SidePanelDesktopComponent: React.ForwardRefExoticComponent<BaseModalProps & Pick<DrawerProps, "contentTransitionProps" | "nativeScrollbar" | "placement"> & {
-    /**
-     * Ширина модального окна
-     * @default "s"
-     */
-    size?: "s" | 500 | undefined;
-    /**
-     * Управление наличием закрывающего крестика
-     * @default false
-     */
-    hasCloser?: boolean | undefined;
-} & React.RefAttributes<HTMLDivElement>>;
-declare const HeaderDesktop: React.FC<Omit<HeaderProps, "titleSize" | "subtitle">>;
-declare const ControlsDesktop: React.FC<Omit<ControlsProps, "mobileLayout">>;
-declare const SidePanelDesktop: React.ForwardRefExoticComponent<BaseModalProps & Pick<DrawerProps, "contentTransitionProps" | "nativeScrollbar" | "placement"> & {
-    /**
-     * Ширина модального окна
-     * @default "s"
-     */
-    size?: "s" | 500 | undefined;
-    /**
-     * Управление наличием закрывающего крестика
-     * @default false
-     */
-    hasCloser?: boolean | undefined;
-} & React.RefAttributes<HTMLDivElement>> & {
-    Content: React.FC<import("../components/content/Component.desktop").ContentDesktopProps>;
-    Header: React.FC<Omit<HeaderProps, "titleSize" | "subtitle">>;
-    Footer: React.FC<import("../components/footer/Component.desktop").FooterDesktopProps>;
-    Controls: React.FC<Omit<ControlsProps, "mobileLayout">>;
-};
-export { SidePanelDesktopProps, SidePanelDesktop, SidePanelDesktopComponent as SidePanelComponentDesktop, ContentDesktop, HeaderDesktop, FooterDesktop, ControlsDesktop };

package/moderncssm/desktop/index.d.ts

@@ -1,2 +0,0 @@
-export * from "./Component.desktop";
-export {};

package/moderncssm/index.d.ts

@@ -1,3 +0,0 @@
-export * from "./desktop/index";
-export * from "./mobile/index";
-export { SidePanelResponsive as SidePanel, SidePanelResponsive, SidePanelResponsiveProps as SidePanelProps, SidePanelComponentResponsive, HeaderResponsive, ControlsResponsive, ContentResponsive, FooterResponsive } from "./Component.responsive";

package/moderncssm/mobile/Component.mobile.d.ts

@@ -1,35 +0,0 @@
-/// <reference types="react" />
-import React from 'react';
-import { BaseModalProps } from "@alfalab/core-components-base-modal";
-import { ContentMobile } from "../components/content/Component.mobile";
-import { ControlsProps } from "../components/controls/index";
-import { FooterMobile } from "../components/footer/Component.mobile";
-import { Header } from "../components/header/Component";
-type SidePanelMobileProps = BaseModalProps & {
-    /**
-     * Управление наличием закрывающего крестика
-     * @default false
-     */
-    hasCloser?: boolean;
-};
-declare const SidePanelMobileComponent: React.ForwardRefExoticComponent<BaseModalProps & {
-    /**
-     * Управление наличием закрывающего крестика
-     * @default false
-     */
-    hasCloser?: boolean | undefined;
-} & React.RefAttributes<HTMLDivElement>>;
-declare const ControlsMobile: React.FC<Omit<ControlsProps, "mobileLayout">>;
-declare const SidePanelMobile: React.ForwardRefExoticComponent<BaseModalProps & {
-    /**
-     * Управление наличием закрывающего крестика
-     * @default false
-     */
-    hasCloser?: boolean | undefined;
-} & React.RefAttributes<HTMLDivElement>> & {
-    Content: React.FC<import("../components/content/Component").ContentProps>;
-    Header: React.FC<import("../components/header/Component").HeaderProps>;
-    Footer: React.FC<import("../components/footer/Component").FooterProps>;
-    Controls: React.FC<Omit<ControlsProps, "mobileLayout">>;
-};
-export { SidePanelMobileProps, SidePanelMobile, SidePanelMobileComponent as SidePanelComponentMobile, ContentMobile, Header as HeaderMobile, FooterMobile, ControlsMobile };

package/moderncssm/mobile/index.d.ts

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

package/moderncssm/shared/index.d.ts

@@ -1,2 +0,0 @@
-export { ModalContext } from "../Context";
-export { getSidePanelTestIds } from "../utils";

package/moderncssm/typings.d.ts

@@ -1,7 +0,0 @@
-type View = 'desktop' | 'mobile';
-type TResponsiveModalContext = {
-    view: View;
-    size: 's' | 500;
-    dataTestId?: string;
-} | null;
-export { View, TResponsiveModalContext };

package/moderncssm/vars.css

@@ -1,16 +0,0 @@
-/* */
-
-:root {
-
-    /* sizes */
-
-    /* paddings */
-
-    /* scroll */
-
-    /* desktop */
-
-    /* mobile */
-
-    /* paddings */
-}

package/shared/index.d.ts

@@ -1,2 +0,0 @@
-export { ModalContext } from "../Context";
-export { getSidePanelTestIds } from "../utils";

package/typings.d.ts

@@ -1,7 +0,0 @@
-type View = 'desktop' | 'mobile';
-type TResponsiveModalContext = {
-    view: View;
-    size: 's' | 500;
-    dataTestId?: string;
-} | null;
-export { View, TResponsiveModalContext };

package/utils.d.ts

@@ -1,11 +0,0 @@
-declare function getSidePanelTestIds(dataTestId: string): {
-    modal: string;
-    content: string;
-    footer: string;
-    controls: string;
-    header: string;
-    title: string;
-    closer: string;
-    backButton: string;
-};
-export { getSidePanelTestIds };