@salutejs/plasma-new-hope 0.327.0-canary.2010.15752302924.0 → 0.327.0-canary.2016.15703018170.0

package/styled-components/es/examples/plasma_b2c/components/Tour/Tour.stories.tsx

@@ -1,299 +0,0 @@
-import React, { useRef, useState } from 'react';
-import type { StoryObj, Meta } from '@storybook/react';
-import styled from 'styled-components';
-
-import { IconArrowDown } from '../../../../components/_Icon';
-import { linkConfig } from '../../../../components/Link';
-import { mergeConfig } from '../../../../engines';
-import { WithTheme, argTypesFromConfig } from '../../../_helpers';
-import { Button } from '../Button/Button';
-import { TextArea } from '../TextArea/TextArea';
-
-import { config } from './Tour.config';
-import { Tour } from './Tour';
-
-const meta: Meta<typeof Tour> = {
-    title: 'b2c/Navigation/Tour',
-    decorators: [WithTheme],
-    component: Tour,
-    argTypes: {
-        ...argTypesFromConfig(mergeConfig(linkConfig, config)),
-        withOverlay: {
-            type: 'boolean',
-        },
-        overlayColor: {
-            control: {
-                type: 'color',
-            },
-        },
-    },
-};
-
-export default meta;
-
-const Card = styled.div`
-    padding: 1rem;
-    background: #fff;
-    box-shadow: 0 0.25rem 0.75rem rgba(0, 0, 0, 0.15);
-    border-radius: 0.75rem;
-    max-width: 20rem;
-    display: flex;
-    flex-direction: column;
-    gap: 0.75rem;
-`;
-
-const Title = styled.h4`
-    margin: 0;
-    font-size: 1rem;
-    font-weight: 600;
-    color: #000;
-`;
-
-const Description = styled.p`
-    margin: 0;
-    font-size: 0.875rem;
-    line-height: 1.5;
-    color: #666;
-`;
-
-const Footer = styled.div`
-    display: flex;
-    justify-content: space-between;
-    align-items: center;
-    gap: 1.5rem;
-    margin-top: 0.5rem;
-
-    > div {
-        display: flex;
-        gap: 0.5rem;
-    }
-
-    small {
-        color: #666;
-        white-space: nowrap;
-    }
-`;
-
-const TourCard: React.FC<{
-    title: string;
-    description: string;
-    index: number;
-    last: boolean;
-    total: number;
-    onPrev: () => void;
-    onNext: () => void;
-    onClose: () => void;
-}> = ({ title, description, index, last, total, onPrev, onNext, onClose }) => {
-    return (
-        <Card>
-            {title && <Title>{title}</Title>}
-            {description && <Description>{description}</Description>}
-            <Footer>
-                <div>
-                    {index > 0 && (
-                        <Button size="xs" type="button" onClick={onPrev}>
-                            Назад
-                        </Button>
-                    )}
-                    {!last && (
-                        <Button size="xs" type="button" onClick={onNext}>
-                            Далее
-                        </Button>
-                    )}
-                    {last && (
-                        <Button size="xs" type="button" onClick={onClose}>
-                            Закрыть
-                        </Button>
-                    )}
-                </div>
-                <small>
-                    Шаг {index + 1} / {total}
-                </small>
-            </Footer>
-        </Card>
-    );
-};
-
-const StoryDefault = (args) => {
-    const ref1 = useRef<HTMLTextAreaElement>(null);
-    const ref2 = useRef<HTMLButtonElement>(null);
-    const ref3 = useRef<HTMLDivElement>(null);
-    const ref4 = useRef<HTMLDivElement>(null);
-    const ref5 = useRef<HTMLDivElement>(null);
-    const [open, setOpen] = useState(false);
-    const [current, setCurrent] = useState(0);
-
-    const onNext = () => setCurrent(current + 1);
-    const onPrev = () => setCurrent(current - 1);
-    const onClose = () => setOpen(false);
-
-    const steps = [
-        {
-            target: ref1,
-            renderItem: () => (
-                <TourCard
-                    title="Первый шаг"
-                    description="Нажмите кнопку, чтобы продолжить"
-                    index={0}
-                    last={current === steps.length - 1}
-                    total={steps.length}
-                    onNext={onNext}
-                    onPrev={onPrev}
-                    onClose={onClose}
-                />
-            ),
-            placement: 'bottom',
-        },
-        {
-            target: ref2,
-            renderItem: () => (
-                <TourCard
-                    title="Первый шаг"
-                    description="Нажмите кнопку, чтобы продолжить"
-                    index={1}
-                    last={current === steps.length - 1}
-                    total={steps.length}
-                    onNext={onNext}
-                    onPrev={onPrev}
-                    onClose={onClose}
-                />
-            ),
-        },
-        {
-            target: ref3,
-            renderItem: () => (
-                <TourCard
-                    title="Первый шаг"
-                    description="Нажмите кнопку, чтобы продолжить"
-                    index={2}
-                    last={current === steps.length - 1}
-                    total={steps.length}
-                    onNext={onNext}
-                    onPrev={onPrev}
-                    onClose={onClose}
-                />
-            ),
-        },
-        {
-            target: ref4,
-            renderItem: () => (
-                <TourCard
-                    title="Первый шаг"
-                    description="Нажмите кнопку, чтобы продолжить"
-                    index={3}
-                    last={current === steps.length - 1}
-                    total={steps.length}
-                    onNext={onNext}
-                    onPrev={onPrev}
-                    onClose={onClose}
-                />
-            ),
-            placement: 'left',
-        },
-        {
-            target: ref5,
-            renderItem: () => (
-                <TourCard
-                    title="Первый шаг"
-                    description="Нажмите кнопку, чтобы продолжить"
-                    index={4}
-                    last={current === steps.length - 1}
-                    total={steps.length}
-                    onNext={onNext}
-                    onPrev={onPrev}
-                    onClose={onClose}
-                />
-            ),
-            placement: 'left',
-            borderRadius: 'fixed',
-        },
-    ];
-
-    return (
-        <div
-            style={{
-                width: '100%',
-                height: '100vh',
-                display: 'flex',
-                justifyContent: 'space-between',
-                flexDirection: 'column',
-                alignItems: 'center',
-            }}
-        >
-            <div
-                style={{
-                    width: '100%',
-                    display: 'flex',
-                    justifyContent: 'space-between',
-                }}
-            >
-                <TextArea
-                    ref={ref1}
-                    label="Textarea"
-                    placeholder="Напиши что нибудь"
-                    leftHelper="Helper Text"
-                    rightHelper={
-                        <div ref={ref5} style={{ cursor: 'pointer', transform: 'rotate(-90deg)' }}>
-                            <IconArrowDown />
-                        </div>
-                    }
-                    rows={10}
-                    cols={20}
-                />
-                <Button ref={ref2}>Блок 2</Button>
-            </div>
-            <Button onClick={() => setOpen(true)}>Запуск тура</Button>
-
-            <div
-                style={{
-                    width: '100%',
-                    display: 'flex',
-                    justifyContent: 'space-between',
-                }}
-            >
-                <div
-                    style={{
-                        background: 'black',
-                        width: '100px',
-                        height: '100px',
-                        borderRadius: '50%',
-                    }}
-                    ref={ref3}
-                />
-                <div
-                    style={{
-                        background: 'black',
-                        width: '100px',
-                        height: '100px',
-                    }}
-                    ref={ref4}
-                >
-                    Блок 4
-                </div>
-            </div>
-
-            <Tour
-                {...args}
-                open={open}
-                current={current}
-                onClose={() => {
-                    setCurrent(0);
-                    setOpen(false);
-                }}
-                steps={steps}
-            />
-        </div>
-    );
-};
-
-export const Default: StoryObj = {
-    args: {
-        size: 's',
-        view: 'default',
-        withOverlay: true,
-        offset: 12,
-        shift: 12,
-        highlightOffset: 4,
-    },
-    render: (args) => <StoryDefault {...args} />,
-};

package/styled-components/es/examples/plasma_web/components/Tour/Tour.config.js

@@ -1,16 +0,0 @@
-import { css } from 'styled-components';
-import { tokens } from "../../../../components/Tour/Tour.tokens";
-export var config = {
-  defaults: {
-    view: 'accent',
-    size: 's'
-  },
-  variations: {
-    view: {
-      "default": /*#__PURE__*/css([""])
-    },
-    size: {
-      s: /*#__PURE__*/css(["", ":0.75rem;", ":0.75rem;", ":0.75rem;"], tokens.cardPadding, tokens.cardRadius, tokens.highlightRadius)
-    }
-  }
-};

package/styled-components/es/examples/plasma_web/components/Tour/Tour.js

@@ -1,5 +0,0 @@
-import { tourConfig } from "../../../../components/Tour";
-import { component, mergeConfig } from "../../../../engines";
-import { config } from "./Tour.config";
-var mergedConfig = /*#__PURE__*/mergeConfig(tourConfig, config);
-export var Tour = /*#__PURE__*/component(mergedConfig);

package/styled-components/es/examples/plasma_web/components/Tour/Tour.stories.tsx

@@ -1,242 +0,0 @@
-import React, { useRef, useState } from 'react';
-import type { StoryObj, Meta } from '@storybook/react';
-import styled from 'styled-components';
-
-import { linkConfig } from '../../../../components/Link';
-import { mergeConfig } from '../../../../engines';
-import { WithTheme, argTypesFromConfig } from '../../../_helpers';
-import { Button } from '../Button/Button';
-
-import { config } from './Tour.config';
-import { Tour } from './Tour';
-
-const meta: Meta<typeof Tour> = {
-    title: 'web/Navigation/Tour',
-    decorators: [WithTheme],
-    component: Tour,
-    argTypes: {
-        ...argTypesFromConfig(mergeConfig(linkConfig, config)),
-        withOverlay: {
-            type: 'boolean',
-        },
-        overlayColor: {
-            control: {
-                type: 'color',
-            },
-        },
-    },
-};
-
-export default meta;
-
-const Card = styled.div`
-    padding: 1rem;
-    background: #fff;
-    box-shadow: 0 0.25rem 0.75rem rgba(0, 0, 0, 0.15);
-    border-radius: 0.75rem;
-    max-width: 20rem;
-    display: flex;
-    flex-direction: column;
-    gap: 0.75rem;
-`;
-
-const Title = styled.h4`
-    margin: 0;
-    font-size: 1rem;
-    font-weight: 600;
-    color: #000;
-`;
-
-const Description = styled.p`
-    margin: 0;
-    font-size: 0.875rem;
-    line-height: 1.5;
-    color: #666;
-`;
-
-const Footer = styled.div`
-    display: flex;
-    justify-content: space-between;
-    align-items: center;
-    gap: 1.5rem;
-    margin-top: 0.5rem;
-
-    > div {
-        display: flex;
-        gap: 0.5rem;
-    }
-
-    small {
-        color: #666;
-        white-space: nowrap;
-    }
-`;
-
-const TourCard: React.FC<{
-    title: string;
-    description: string;
-    index: number;
-    last: boolean;
-    total: number;
-    onPrev: () => void;
-    onNext: () => void;
-    onClose: () => void;
-}> = ({ title, description, index, last, total, onPrev, onNext, onClose }) => {
-    return (
-        <Card>
-            {title && <Title>{title}</Title>}
-            {description && <Description>{description}</Description>}
-            <Footer>
-                <div>
-                    {index > 0 && (
-                        <Button size="xs" type="button" onClick={onPrev}>
-                            Назад
-                        </Button>
-                    )}
-                    {!last && (
-                        <Button size="xs" type="button" onClick={onNext}>
-                            Далее
-                        </Button>
-                    )}
-                    {last && (
-                        <Button size="xs" type="button" onClick={onClose}>
-                            Закрыть
-                        </Button>
-                    )}
-                </div>
-                <small>
-                    Шаг {index + 1} / {total}
-                </small>
-            </Footer>
-        </Card>
-    );
-};
-
-const StoryDefault = (args) => {
-    const ref1 = useRef<HTMLButtonElement>(null);
-    const ref2 = useRef<HTMLButtonElement>(null);
-    const ref3 = useRef<HTMLButtonElement>(null);
-    const ref4 = useRef<HTMLButtonElement>(null);
-    const [open, setOpen] = useState(false);
-    const [current, setCurrent] = useState(0);
-
-    const onNext = () => setCurrent(current + 1);
-    const onPrev = () => setCurrent(current - 1);
-    const onClose = () => setOpen(false);
-
-    const steps = [
-        {
-            target: ref1,
-            renderItem: () => (
-                <TourCard
-                    title="Первый шаг"
-                    description="Нажмите кнопку, чтобы продолжить"
-                    index={0}
-                    last={current === steps.length - 1}
-                    total={steps.length}
-                    onNext={onNext}
-                    onPrev={onPrev}
-                    onClose={onClose}
-                />
-            ),
-            placement: 'right',
-        },
-        {
-            target: ref2,
-            renderItem: () => (
-                <TourCard
-                    title="Первый шаг"
-                    description="Нажмите кнопку, чтобы продолжить"
-                    index={1}
-                    last={current === steps.length - 1}
-                    total={steps.length}
-                    onNext={onNext}
-                    onPrev={onPrev}
-                    onClose={onClose}
-                />
-            ),
-        },
-        {
-            target: ref3,
-            renderItem: () => (
-                <TourCard
-                    title="Первый шаг"
-                    description="Нажмите кнопку, чтобы продолжить"
-                    index={2}
-                    last={current === steps.length - 1}
-                    total={steps.length}
-                    onNext={onNext}
-                    onPrev={onPrev}
-                    onClose={onClose}
-                />
-            ),
-        },
-        {
-            target: ref4,
-            renderItem: () => (
-                <TourCard
-                    title="Первый шаг"
-                    description="Нажмите кнопку, чтобы продолжить"
-                    index={3}
-                    last={current === steps.length - 1}
-                    total={steps.length}
-                    onNext={onNext}
-                    onPrev={onPrev}
-                    onClose={onClose}
-                />
-            ),
-            placement: 'left',
-        },
-    ];
-
-    return (
-        <div
-            style={{
-                width: '100%',
-                height: '110vh',
-                display: 'flex',
-                justifyContent: 'space-between',
-                flexDirection: 'column',
-                alignItems: 'center',
-            }}
-        >
-            <div
-                style={{
-                    width: '100%',
-                    display: 'flex',
-                    justifyContent: 'space-between',
-                }}
-            >
-                <Button ref={ref1}>Блок 1</Button>
-                <Button ref={ref2}>Блок 2</Button>
-            </div>
-            <Button onClick={() => setOpen(true)}>Запуск тура</Button>
-
-            <div
-                style={{
-                    width: '100%',
-                    display: 'flex',
-                    justifyContent: 'space-between',
-                }}
-            >
-                <Button ref={ref3}>Блок 3</Button>
-                <Button ref={ref4}>Блок 4</Button>
-            </div>
-
-            <Tour
-                {...args}
-                open={open}
-                current={current}
-                onClose={() => {
-                    setCurrent(0);
-                    setOpen(false);
-                }}
-                steps={steps}
-            />
-        </div>
-    );
-};
-
-export const Default: StoryObj = {
-    render: (args) => <StoryDefault {...args} />,
-};

package/types/components/Tour/Tour.d.ts

@@ -1,23 +0,0 @@
-import React from 'react';
-import { RootProps } from '../../engines';
-import type { TourProps } from './Tour.types';
-export declare const tourRoot: (Root: RootProps<HTMLDivElement, TourProps>) => React.ForwardRefExoticComponent<TourProps & React.RefAttributes<HTMLDivElement>>;
-export declare const tourConfig: {
-    name: string;
-    tag: string;
-    layout: (Root: RootProps<HTMLDivElement, TourProps>) => React.ForwardRefExoticComponent<TourProps & React.RefAttributes<HTMLDivElement>>;
-    base: string;
-    variations: {
-        view: {
-            css: import("@linaria/core").LinariaClassName;
-        };
-        size: {
-            css: import("@linaria/core").LinariaClassName;
-        };
-    };
-    defaults: {
-        view: string;
-        size: string;
-    };
-};
-//# sourceMappingURL=Tour.d.ts.map

package/types/components/Tour/Tour.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Tour.d.ts","sourceRoot":"","sources":["../../../src/components/Tour/Tour.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAwE,MAAM,OAAO,CAAC;AAI7F,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAI1C,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAQ9C,eAAO,MAAM,QAAQ,SAAU,SAAS,CAAC,cAAc,EAAE,SAAS,CAAC,qFAsN9D,CAAC;AAEN,eAAO,MAAM,UAAU;;;mBAxNQ,SAAS,CAAC,cAAc,EAAE,SAAS,CAAC;;;;;;;;;;;;;;CAyOlE,CAAC"}

package/types/components/Tour/Tour.styles.d.ts

@@ -1,10 +0,0 @@
-export declare const MaskContainer: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & {
-    zIndex: string | number;
-}>;
-export declare const Mask: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
-export declare const Highlight: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & {
-    overlayColor?: string;
-    borderRadius?: string | null;
-}>;
-export declare const TourPortal: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
-//# sourceMappingURL=Tour.styles.d.ts.map

package/types/components/Tour/Tour.styles.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Tour.styles.d.ts","sourceRoot":"","sources":["../../../src/components/Tour/Tour.styles.tsx"],"names":[],"mappings":"AAEA,eAAO,MAAM,aAAa;YAAwB,MAAM,GAAG,MAAM;EAEhE,CAAC;AAEF,eAAO,MAAM,IAAI,qKAIhB,CAAC;AAEF,eAAO,MAAM,SAAS;mBAA+B,MAAM;mBAAiB,MAAM,GAAG,IAAI;EAQxF,CAAC;AAEF,eAAO,MAAM,UAAU,qKAEtB,CAAC"}

package/types/components/Tour/Tour.tokens.d.ts

@@ -1,14 +0,0 @@
-export declare const classes: {
-    mask: string;
-};
-export declare const tokens: {
-    cardPadding: string;
-    cardRadius: string;
-    cardBgColor: string;
-    cardShadow: string;
-    maskBgColor: string;
-    titleColor: string;
-    descriptionColor: string;
-    highlightRadius: string;
-};
-//# sourceMappingURL=Tour.tokens.d.ts.map

package/types/components/Tour/Tour.tokens.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Tour.tokens.d.ts","sourceRoot":"","sources":["../../../src/components/Tour/Tour.tokens.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,OAAO;;CAEnB,CAAC;AAEF,eAAO,MAAM,MAAM;;;;;;;;;CASlB,CAAC"}