@youngonesworks/ui 0.1.78 → 0.1.79
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/.storybook/main.d.ts +3 -0
- package/dist/.storybook/preview.d.ts +12 -0
- package/dist/components/arbitraryExample.d.ts +1 -0
- package/dist/components/calendar/index.d.ts +0 -0
- package/dist/components/checkbox/Checkbox.stories.d.ts +9 -0
- package/dist/components/linkText/LinkText.stories.d.ts +6 -0
- package/dist/components/linkText/index.d.ts +11 -0
- package/dist/components/phoneInput/index.d.ts +0 -0
- package/dist/components/phoneNumberInput/PhoneInputSelect.test.d.ts +1 -0
- package/dist/components/profileMenu/ProfileMenu.d.ts +20 -0
- package/dist/components/scrollToTop/scrollToTop.css +36 -0
- package/dist/components/test/index.d.ts +1 -0
- package/dist/index.cjs +52 -37
- package/dist/index.cjs.map +1 -1
- package/dist/index.js +53 -37
- package/dist/index.js.map +1 -1
- package/dist/react-is-esm.d.ts +38 -0
- package/dist/react-is-shim.d.ts +4 -0
- package/dist/react-tooltip-shim.d.ts +2 -0
- package/dist/src/components/accordion/Accordion.stories.d.ts +6 -0
- package/dist/src/components/accordion/AccordionItem.d.ts +14 -0
- package/dist/src/components/accordion/AccordionItem.stories.d.ts +11 -0
- package/dist/src/components/accordion/AccordionItem.test.d.ts +1 -0
- package/dist/src/components/accordion/AccordionWrapper.d.ts +7 -0
- package/dist/src/components/accordion/index.d.ts +2 -0
- package/dist/src/components/actionIcon/ActionIcon.stories.d.ts +9 -0
- package/dist/src/components/actionIcon/index.d.ts +24 -0
- package/dist/src/components/alert/Alert.stories.d.ts +6 -0
- package/dist/src/components/alert/Alert.test.d.ts +1 -0
- package/dist/src/components/alert/index.d.ts +18 -0
- package/dist/src/components/appleAppButtonIcon/AppleAppButtonIcon.stories.d.ts +6 -0
- package/dist/src/components/appleAppButtonIcon/index.d.ts +2 -0
- package/dist/src/components/autoCompleteInput/AutoCompleteInput.stories.d.ts +6 -0
- package/dist/src/components/autoCompleteInput/index.d.ts +16 -0
- package/dist/src/components/avatar/Avatar.stories.d.ts +6 -0
- package/dist/src/components/avatar/index.d.ts +22 -0
- package/dist/src/components/avatarIndicator/AvatarIndicator.stories.d.ts +6 -0
- package/dist/src/components/avatarIndicator/index.d.ts +6 -0
- package/dist/src/components/badge/Badge.stories.d.ts +6 -0
- package/dist/src/components/badge/index.d.ts +27 -0
- package/dist/src/components/bigBadge/BigBadge.stories.d.ts +6 -0
- package/dist/src/components/bigBadge/index.d.ts +9 -0
- package/dist/src/components/breadCrumb/BreadCrumb.stories.d.ts +6 -0
- package/dist/src/components/breadCrumb/index.d.ts +9 -0
- package/dist/src/components/button/Button.stories.d.ts +9 -0
- package/dist/src/components/button/buttonVariants.d.ts +10 -0
- package/dist/src/components/button/index.d.ts +16 -0
- package/dist/src/components/calendar/index.d.ts +0 -0
- package/dist/src/components/checkbox/Checkbox.stories.d.ts +9 -0
- package/dist/src/components/checkbox/index.d.ts +11 -0
- package/dist/src/components/divider/Divider.stories.d.ts +6 -0
- package/dist/src/components/divider/index.d.ts +6 -0
- package/dist/src/components/favouriteButton/FavouriteButton.stories.d.ts +6 -0
- package/dist/src/components/favouriteButton/FavouriteButton.test.d.ts +1 -0
- package/dist/src/components/favouriteButton/index.d.ts +24 -0
- package/dist/src/components/filters/FilterButton.d.ts +9 -0
- package/dist/src/components/filters/FilterButton.stories.d.ts +7 -0
- package/dist/src/components/filters/FilterButton.test.d.ts +1 -0
- package/dist/src/components/filters/FilterItem.d.ts +7 -0
- package/dist/src/components/filters/FilterItem.stories.d.ts +7 -0
- package/dist/src/components/filters/FilterItem.test.d.ts +1 -0
- package/dist/src/components/filters/Filters.stories.d.ts +7 -0
- package/dist/src/components/filters/index.d.ts +11 -0
- package/dist/src/components/googleAppButtonIcon/GoogleAppButtonIcon.stories.d.ts +6 -0
- package/dist/src/components/googleAppButtonIcon/index.d.ts +2 -0
- package/dist/src/components/hamburgerMenuButton/HamburgerMenuButton.stories.d.ts +6 -0
- package/dist/src/components/hamburgerMenuButton/index.d.ts +6 -0
- package/dist/src/components/hr/HR.stories.d.ts +6 -0
- package/dist/src/components/hr/index.d.ts +8 -0
- package/dist/src/components/island/Island.stories.d.ts +6 -0
- package/dist/src/components/island/index.d.ts +11 -0
- package/dist/src/components/label/Label.stories.d.ts +6 -0
- package/dist/src/components/label/index.d.ts +7 -0
- package/dist/src/components/linkText/LinkText.stories.d.ts +6 -0
- package/dist/src/components/linkText/index.d.ts +11 -0
- package/dist/src/components/loader/Loader.stories.d.ts +6 -0
- package/dist/src/components/loader/index.d.ts +4 -0
- package/dist/src/components/logo/Logo.stories.d.ts +6 -0
- package/dist/src/components/logo/index.d.ts +2 -0
- package/dist/src/components/modal/Modal.stories.d.ts +6 -0
- package/dist/src/components/modal/index.d.ts +19 -0
- package/dist/src/components/navButtons/NavButtons.stories.d.ts +10 -0
- package/dist/src/components/navButtons/NavButtons.test.d.ts +1 -0
- package/dist/src/components/navButtons/index.d.ts +6 -0
- package/dist/src/components/numberField/NumberField.stories.d.ts +6 -0
- package/dist/src/components/numberField/index.d.ts +14 -0
- package/dist/src/components/pageUnavailable/PageUnavailable.stories.d.ts +6 -0
- package/dist/src/components/pageUnavailable/index.d.ts +7 -0
- package/dist/src/components/passwordInput/PasswordInput.stories.d.ts +6 -0
- package/dist/src/components/passwordInput/index.d.ts +3 -0
- package/dist/src/components/phoneInput/index.d.ts +0 -0
- package/dist/src/components/popover/Popover.stories.d.ts +6 -0
- package/dist/src/components/popover/index.d.ts +15 -0
- package/dist/src/components/progressBar/ProgressBar.stories.d.ts +6 -0
- package/dist/src/components/progressBar/index.d.ts +7 -0
- package/dist/src/components/radioButton/RadioButton.stories.d.ts +6 -0
- package/dist/src/components/radioButton/index.d.ts +17 -0
- package/dist/src/components/rating/Rating.stories.d.ts +7 -0
- package/dist/src/components/rating/index.d.ts +10 -0
- package/dist/src/components/regionSelector/RegionSelector.stories.d.ts +6 -0
- package/dist/src/components/regionSelector/index.d.ts +11 -0
- package/dist/src/components/reviews/Reviews.stories.d.ts +6 -0
- package/dist/src/components/reviews/index.d.ts +13 -0
- package/dist/src/components/scrollToTop/ScrollToTop.stories.d.ts +6 -0
- package/dist/src/components/scrollToTop/index.d.ts +3 -0
- package/dist/src/components/searchInput/SearchInput.stories.d.ts +6 -0
- package/dist/src/components/searchInput/index.d.ts +1 -0
- package/dist/src/components/select/Select.stories.d.ts +6 -0
- package/dist/src/components/select/index.d.ts +26 -0
- package/dist/src/components/settingsCard/SettingsCard.stories.d.ts +6 -0
- package/dist/src/components/settingsCard/index.d.ts +14 -0
- package/dist/src/components/skeleton/Skeleton.stories.d.ts +6 -0
- package/dist/src/components/skeleton/index.d.ts +5 -0
- package/dist/src/components/skillPill/SkillPill.stories.d.ts +6 -0
- package/dist/src/components/skillPill/index.d.ts +6 -0
- package/dist/src/components/stepper/NumberedStepper.d.ts +13 -0
- package/dist/src/components/stepper/NumberedStepper.stories.d.ts +8 -0
- package/dist/src/components/stepper/NumberedStepper.test.d.ts +1 -0
- package/dist/src/components/stepper/Stepper.d.ts +16 -0
- package/dist/src/components/stepper/Stepper.stories.d.ts +9 -0
- package/dist/src/components/stepper/Stepper.test.d.ts +1 -0
- package/dist/src/components/stepper/index.d.ts +2 -0
- package/dist/src/components/stickyMobileButton/StickyMobileButtonWrapper.stories.d.ts +6 -0
- package/dist/src/components/stickyMobileButton/index.d.ts +6 -0
- package/dist/src/components/table/Table.stories.d.ts +6 -0
- package/dist/src/components/table/index.d.ts +6 -0
- package/dist/src/components/table/tableCell/TableCell.stories.d.ts +6 -0
- package/dist/src/components/table/tableCell/index.d.ts +7 -0
- package/dist/src/components/table/tableHeader/TableHeader.stories.d.ts +6 -0
- package/dist/src/components/table/tableHeader/index.d.ts +5 -0
- package/dist/src/components/table/tableHeaderItem/TableHeaderItem.stories.d.ts +6 -0
- package/dist/src/components/table/tableHeaderItem/index.d.ts +7 -0
- package/dist/src/components/table/tableHeaderRow/TableHeaderRow.stories.d.ts +6 -0
- package/dist/src/components/table/tableHeaderRow/index.d.ts +6 -0
- package/dist/src/components/table/tableRow/TableRow.stories.d.ts +6 -0
- package/dist/src/components/table/tableRow/index.d.ts +8 -0
- package/dist/src/components/tabs/Tab.d.ts +11 -0
- package/dist/src/components/tabs/Tab.stories.d.ts +15 -0
- package/dist/src/components/tabs/Tab.test.d.ts +1 -0
- package/dist/src/components/tabs/TabsBadge.d.ts +8 -0
- package/dist/src/components/tabs/TabsBadge.stories.d.ts +19 -0
- package/dist/src/components/tabs/TabsBadge.test.d.ts +1 -0
- package/dist/src/components/tabs/TabsWrapper.d.ts +17 -0
- package/dist/src/components/tabs/index.d.ts +2 -0
- package/dist/src/components/textArea/Textarea.stories.d.ts +6 -0
- package/dist/src/components/textArea/index.d.ts +8 -0
- package/dist/src/components/textInput/TextInput.stories.d.ts +8 -0
- package/dist/src/components/textInput/index.d.ts +22 -0
- package/dist/src/components/themeIcon/ThemeIcon.stories.d.ts +8 -0
- package/dist/src/components/themeIcon/index.d.ts +9 -0
- package/dist/src/components/toggle/Toggle.stories.d.ts +7 -0
- package/dist/src/components/toggle/index.d.ts +7 -0
- package/dist/src/components/tooltip/Tooltip.stories.d.ts +8 -0
- package/dist/src/components/tooltip/index.d.ts +13 -0
- package/dist/src/components/truncatedText/TruncatedText.stories.d.ts +7 -0
- package/dist/src/components/truncatedText/index.d.ts +6 -0
- package/dist/src/components/unorderedList/UnorderedList.stories.d.ts +7 -0
- package/dist/src/components/unorderedList/index.d.ts +7 -0
- package/dist/src/components/unorderedListItem/UnorderedListItem.stories.d.ts +7 -0
- package/dist/src/components/unorderedListItem/index.d.ts +9 -0
- package/dist/src/components/unstyledButton/UnstyledButton.stories.d.ts +6 -0
- package/dist/src/components/unstyledButton/index.d.ts +6 -0
- package/dist/src/components/wysiwygEditor/WysiwygEditor.stories.d.ts +7 -0
- package/dist/src/components/wysiwygEditor/index.d.ts +16 -0
- package/dist/src/icons/IconLoading.d.ts +2 -0
- package/dist/src/icons/IconStarEmpty.d.ts +2 -0
- package/dist/src/icons/IconStarFilled.d.ts +2 -0
- package/dist/src/icons/IconStarHalfFilled.d.ts +2 -0
- package/dist/src/icons/index.d.ts +4 -0
- package/dist/src/index.d.ts +60 -0
- package/dist/src/jsx-runtime-shim.d.ts +4 -0
- package/dist/src/stories/Button.d.ts +15 -0
- package/dist/src/stories/Button.stories.d.ts +23 -0
- package/dist/src/stories/Header.d.ts +12 -0
- package/dist/src/stories/Header.stories.d.ts +18 -0
- package/dist/src/stories/Page.d.ts +3 -0
- package/dist/src/stories/Page.stories.d.ts +12 -0
- package/dist/src/utils/cn.d.ts +2 -0
- package/dist/src/utils/enums.d.ts +48 -0
- package/dist/src/utils/formatIcon.d.ts +8 -0
- package/dist/styles/arbitrary-values.css +43 -0
- package/dist/styles.css +13 -0
- package/dist/tailwind-theme.d.ts +19 -0
- package/dist/use-client.d.ts +0 -0
- package/package.json +2 -1
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
import { type JSX, type ReactNode } from 'react';
|
|
2
|
+
interface IModal {
|
|
3
|
+
children: ReactNode;
|
|
4
|
+
title?: string;
|
|
5
|
+
withCloseButton?: boolean;
|
|
6
|
+
opened: boolean;
|
|
7
|
+
onClose: () => void;
|
|
8
|
+
additionalClassNames?: string;
|
|
9
|
+
gradient?: boolean;
|
|
10
|
+
dataTestId?: string;
|
|
11
|
+
size?: string | number;
|
|
12
|
+
uncloseAble?: boolean;
|
|
13
|
+
closeModalWithConfirmation?: boolean;
|
|
14
|
+
}
|
|
15
|
+
export declare const Modal: {
|
|
16
|
+
({ title, children, withCloseButton, opened, additionalClassNames, closeModalWithConfirmation, gradient, uncloseAble, dataTestId, onClose, size, }: IModal): JSX.Element | null;
|
|
17
|
+
displayName: string;
|
|
18
|
+
};
|
|
19
|
+
export {};
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import type { Meta, StoryObj } from '@storybook/react-vite';
|
|
2
|
+
import { NavButtons } from '.';
|
|
3
|
+
declare const meta: Meta<typeof NavButtons>;
|
|
4
|
+
export default meta;
|
|
5
|
+
type Story = StoryObj<typeof NavButtons>;
|
|
6
|
+
export declare const Default: Story;
|
|
7
|
+
export declare const OnlyNext: Story;
|
|
8
|
+
export declare const OnlyPrev: Story;
|
|
9
|
+
export declare const Disabled: Story;
|
|
10
|
+
export declare const Playground: Story;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export {};
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
interface NumberFieldProps {
|
|
2
|
+
name: string;
|
|
3
|
+
value: number | undefined;
|
|
4
|
+
id: string;
|
|
5
|
+
className?: string;
|
|
6
|
+
label?: string;
|
|
7
|
+
error?: string;
|
|
8
|
+
max?: number;
|
|
9
|
+
min?: number;
|
|
10
|
+
isDisabled?: boolean;
|
|
11
|
+
onChange?: (value: number) => void;
|
|
12
|
+
}
|
|
13
|
+
export declare const NumberField: ({ name, value, max, min, isDisabled, id, className, label, error, onChange, }: NumberFieldProps) => import("react/jsx-runtime").JSX.Element;
|
|
14
|
+
export {};
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
interface PageUnavailableProps {
|
|
2
|
+
notAvailableButton: React.ReactNode;
|
|
3
|
+
notAvailableDescription: string;
|
|
4
|
+
notAvailableHeaderText: string;
|
|
5
|
+
}
|
|
6
|
+
export declare const PageUnavailable: ({ notAvailableButton, notAvailableDescription, notAvailableHeaderText }: PageUnavailableProps) => import("react/jsx-runtime").JSX.Element;
|
|
7
|
+
export {};
|
|
File without changes
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import { type ReactNode } from 'react';
|
|
2
|
+
import { type AlignedPlacement, type Side } from '@floating-ui/react';
|
|
3
|
+
interface ITooltipProps {
|
|
4
|
+
content: ReactNode;
|
|
5
|
+
children: ReactNode;
|
|
6
|
+
hoverEnabled?: boolean;
|
|
7
|
+
passedOpen?: boolean;
|
|
8
|
+
placement?: AlignedPlacement | Side;
|
|
9
|
+
isMobile?: boolean;
|
|
10
|
+
amountOfOffset?: number;
|
|
11
|
+
className?: string;
|
|
12
|
+
style?: 'minimal' | 'card';
|
|
13
|
+
}
|
|
14
|
+
export declare const Popover: import("react").ForwardRefExoticComponent<ITooltipProps & import("react").RefAttributes<unknown>>;
|
|
15
|
+
export {};
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
export interface IRadioButton extends React.InputHTMLAttributes<HTMLInputElement> {
|
|
3
|
+
id?: string;
|
|
4
|
+
name?: string;
|
|
5
|
+
value: string;
|
|
6
|
+
label: string;
|
|
7
|
+
onChange?: (event: React.ChangeEvent<HTMLInputElement>) => void;
|
|
8
|
+
checked?: boolean;
|
|
9
|
+
dataTestId?: string;
|
|
10
|
+
containerClassName?: string;
|
|
11
|
+
labelClassName?: string;
|
|
12
|
+
inputClassName?: string;
|
|
13
|
+
}
|
|
14
|
+
export declare const RadioButton: {
|
|
15
|
+
({ id, name, value, label, onChange, checked, dataTestId, className, containerClassName, labelClassName, ...props }: IRadioButton): import("react/jsx-runtime").JSX.Element;
|
|
16
|
+
displayName: string;
|
|
17
|
+
};
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import type { Meta, StoryObj } from '@storybook/react-vite';
|
|
2
|
+
import { Rating } from './index';
|
|
3
|
+
declare const meta: Meta<typeof Rating>;
|
|
4
|
+
export default meta;
|
|
5
|
+
type Story = StoryObj<typeof Rating>;
|
|
6
|
+
export declare const ReadOnly: Story;
|
|
7
|
+
export declare const Interactive: Story;
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
interface IRating {
|
|
2
|
+
rating: number;
|
|
3
|
+
size?: 'small' | 'normal' | 'large';
|
|
4
|
+
className?: string;
|
|
5
|
+
setReview?: (val: number) => void;
|
|
6
|
+
setReviewError?: (val: string) => void;
|
|
7
|
+
error?: string;
|
|
8
|
+
}
|
|
9
|
+
export declare const Rating: ({ rating, size, setReview, className, setReviewError, error }: IRating) => import("react/jsx-runtime").JSX.Element;
|
|
10
|
+
export {};
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import { type ReactNode } from 'react';
|
|
2
|
+
interface IRegionSelector {
|
|
3
|
+
title: string;
|
|
4
|
+
regions: ReactNode[];
|
|
5
|
+
'data-testid'?: string;
|
|
6
|
+
}
|
|
7
|
+
export declare const RegionSelector: {
|
|
8
|
+
({ title, regions, ...props }: IRegionSelector): import("react/jsx-runtime").JSX.Element | null;
|
|
9
|
+
displayName: string;
|
|
10
|
+
};
|
|
11
|
+
export {};
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
interface AggregatedRating {
|
|
2
|
+
score: number;
|
|
3
|
+
amount: number;
|
|
4
|
+
}
|
|
5
|
+
interface IReviewsProps {
|
|
6
|
+
totalRatings: number;
|
|
7
|
+
averageRating: number;
|
|
8
|
+
aggregatedRating: AggregatedRating[];
|
|
9
|
+
countStarsText: string[];
|
|
10
|
+
numberOfReviewsText: string;
|
|
11
|
+
}
|
|
12
|
+
export declare const Reviews: ({ totalRatings, averageRating, aggregatedRating, countStarsText, numberOfReviewsText }: IReviewsProps) => import("react/jsx-runtime").JSX.Element;
|
|
13
|
+
export {};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export declare const SearchInput: () => import("react/jsx-runtime").JSX.Element;
|
|
@@ -0,0 +1,26 @@
|
|
|
1
|
+
import React, { type ReactElement } from 'react';
|
|
2
|
+
import { type ActionMeta, type GroupBase, type Props, type PropsValue, type SingleValue } from 'react-select';
|
|
3
|
+
interface CustomSelectProps<T> extends Props<T, false, GroupBase<T>> {
|
|
4
|
+
small?: boolean;
|
|
5
|
+
error?: string;
|
|
6
|
+
icon?: ReactElement;
|
|
7
|
+
showLangFlags?: boolean;
|
|
8
|
+
hideErrorText?: boolean;
|
|
9
|
+
fullWidth?: boolean;
|
|
10
|
+
isClearable?: boolean;
|
|
11
|
+
width?: string;
|
|
12
|
+
options: readonly (T | GroupBase<T>)[];
|
|
13
|
+
defaultValue?: PropsValue<T> | undefined;
|
|
14
|
+
value?: PropsValue<T>;
|
|
15
|
+
onChange?: ((newValue: SingleValue<T>, actionMeta: ActionMeta<T>) => void) | undefined;
|
|
16
|
+
isDisabled?: boolean;
|
|
17
|
+
}
|
|
18
|
+
interface ISelectNewProps<T> extends CustomSelectProps<T> {
|
|
19
|
+
placeholder: string;
|
|
20
|
+
label?: string | ReactElement;
|
|
21
|
+
className?: string;
|
|
22
|
+
id: string;
|
|
23
|
+
labelClassNames?: string;
|
|
24
|
+
}
|
|
25
|
+
export declare const Select: React.ForwardRefExoticComponent<ISelectNewProps<unknown> & React.RefAttributes<HTMLDivElement>>;
|
|
26
|
+
export {};
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import { type ReactNode } from 'react';
|
|
2
|
+
interface ISettingsCardProps {
|
|
3
|
+
icon: ReactNode;
|
|
4
|
+
title: string;
|
|
5
|
+
link: string;
|
|
6
|
+
ManageText: string;
|
|
7
|
+
LinkComponent: React.FC<{
|
|
8
|
+
className: string;
|
|
9
|
+
href: string;
|
|
10
|
+
children: ReactNode;
|
|
11
|
+
}>;
|
|
12
|
+
}
|
|
13
|
+
export declare const SettingsCard: ({ icon, title, link, ManageText, LinkComponent }: ISettingsCardProps) => import("react/jsx-runtime").JSX.Element;
|
|
14
|
+
export {};
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
interface Step {
|
|
2
|
+
label: string;
|
|
3
|
+
}
|
|
4
|
+
interface NumberedStepperProps {
|
|
5
|
+
steps: Step[];
|
|
6
|
+
active: number;
|
|
7
|
+
stepsCompleted: number[];
|
|
8
|
+
completedLabel: string;
|
|
9
|
+
className?: string;
|
|
10
|
+
onStepClick: (index: number) => void;
|
|
11
|
+
}
|
|
12
|
+
export declare const NumberedStepper: ({ steps, active, className, stepsCompleted, completedLabel, onStepClick, }: NumberedStepperProps) => import("react/jsx-runtime").JSX.Element;
|
|
13
|
+
export {};
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import type { Meta, StoryObj } from '@storybook/react-vite';
|
|
2
|
+
import { NumberedStepper } from './NumberedStepper';
|
|
3
|
+
declare const meta: Meta<typeof NumberedStepper>;
|
|
4
|
+
export default meta;
|
|
5
|
+
type Story = StoryObj<typeof NumberedStepper>;
|
|
6
|
+
export declare const Default: Story;
|
|
7
|
+
export declare const WithCompletedSteps: Story;
|
|
8
|
+
export declare const CustomClassNameStepper: Story;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export {};
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
export interface Step {
|
|
2
|
+
label: string;
|
|
3
|
+
value: string;
|
|
4
|
+
}
|
|
5
|
+
interface StepperProps {
|
|
6
|
+
steps: Step[];
|
|
7
|
+
clickableSteps?: number[];
|
|
8
|
+
completedSteps?: number[];
|
|
9
|
+
setStep?: (step: number) => void;
|
|
10
|
+
variant?: 'small' | 'default';
|
|
11
|
+
activeStep: number;
|
|
12
|
+
isMobile: boolean;
|
|
13
|
+
className?: string;
|
|
14
|
+
}
|
|
15
|
+
export declare const Stepper: ({ steps, setStep, variant, clickableSteps, completedSteps, activeStep, isMobile, className, }: StepperProps) => import("react/jsx-runtime").JSX.Element;
|
|
16
|
+
export {};
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import type { Meta, StoryObj } from '@storybook/react-vite';
|
|
2
|
+
import { Stepper } from './Stepper';
|
|
3
|
+
declare const meta: Meta<typeof Stepper>;
|
|
4
|
+
export default meta;
|
|
5
|
+
type Story = StoryObj<typeof Stepper>;
|
|
6
|
+
export declare const Default: Story;
|
|
7
|
+
export declare const SmallVariant: Story;
|
|
8
|
+
export declare const WithCompletedSteps: Story;
|
|
9
|
+
export declare const CustomClassNameStepper: Story;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export {};
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
import type { Meta, StoryObj } from '@storybook/react-vite';
|
|
2
|
+
import { StickyMobileButtonWrapper } from './index';
|
|
3
|
+
declare const meta: Meta<typeof StickyMobileButtonWrapper>;
|
|
4
|
+
export default meta;
|
|
5
|
+
type Story = StoryObj<typeof StickyMobileButtonWrapper>;
|
|
6
|
+
export declare const Default: Story;
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import { type HTMLAttributes, type ReactNode } from 'react';
|
|
2
|
+
interface ITableCell extends HTMLAttributes<HTMLDivElement> {
|
|
3
|
+
children?: ReactNode;
|
|
4
|
+
smallPadding?: boolean;
|
|
5
|
+
}
|
|
6
|
+
export declare const TableCell: ({ children, smallPadding, className }: ITableCell) => import("react/jsx-runtime").JSX.Element;
|
|
7
|
+
export {};
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import { type HTMLAttributes } from 'react';
|
|
2
|
+
interface ITableHeaderItem extends HTMLAttributes<HTMLDivElement> {
|
|
3
|
+
children?: React.ReactNode;
|
|
4
|
+
smallPadding?: boolean;
|
|
5
|
+
}
|
|
6
|
+
export declare const TableHeaderItem: ({ children, smallPadding, className }: ITableHeaderItem) => import("react/jsx-runtime").JSX.Element;
|
|
7
|
+
export {};
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
import { type HTMLAttributes, type ReactNode } from 'react';
|
|
2
|
+
interface ITableRow extends HTMLAttributes<HTMLDivElement> {
|
|
3
|
+
children: ReactNode;
|
|
4
|
+
}
|
|
5
|
+
export declare const TableHeaderRow: ({ children, ...props }: ITableRow) => import("react/jsx-runtime").JSX.Element;
|
|
6
|
+
export {};
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import { type HTMLAttributes, type ReactNode } from 'react';
|
|
2
|
+
interface ITableRow extends Omit<HTMLAttributes<HTMLDivElement>, 'className'> {
|
|
3
|
+
children: ReactNode;
|
|
4
|
+
className?: string;
|
|
5
|
+
header?: boolean;
|
|
6
|
+
}
|
|
7
|
+
export declare const TableRow: import("react").ForwardRefExoticComponent<ITableRow & import("react").RefAttributes<HTMLDivElement>>;
|
|
8
|
+
export {};
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import React, { type ReactNode, type RefObject } from 'react';
|
|
2
|
+
export interface TabProps {
|
|
3
|
+
setActiveTab: (tab: string) => void;
|
|
4
|
+
tabId: string;
|
|
5
|
+
ref: RefObject<HTMLButtonElement | null>;
|
|
6
|
+
activeTab: boolean;
|
|
7
|
+
tabContent: ReactNode | ReactNode[] | string;
|
|
8
|
+
rightSection?: ReactNode | undefined;
|
|
9
|
+
clickFnc: (tabId: string) => void;
|
|
10
|
+
}
|
|
11
|
+
export declare const Tab: React.ForwardRefExoticComponent<Omit<TabProps, "ref"> & React.RefAttributes<HTMLButtonElement>>;
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import type { StoryObj } from '@storybook/react-vite';
|
|
2
|
+
declare const meta: {
|
|
3
|
+
title: string;
|
|
4
|
+
component: import("react").ForwardRefExoticComponent<Omit<import("./Tab").TabProps, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
|
|
5
|
+
parameters: {
|
|
6
|
+
layout: string;
|
|
7
|
+
};
|
|
8
|
+
tags: string[];
|
|
9
|
+
};
|
|
10
|
+
export default meta;
|
|
11
|
+
type Story = StoryObj<typeof meta>;
|
|
12
|
+
export declare const Default: Story;
|
|
13
|
+
export declare const Active: Story;
|
|
14
|
+
export declare const WithBadge: Story;
|
|
15
|
+
export declare const LongContent: Story;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export {};
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
import { type StoryObj } from '@storybook/react-vite';
|
|
2
|
+
declare const meta: {
|
|
3
|
+
title: string;
|
|
4
|
+
component: {
|
|
5
|
+
({ children }: import("./TabsBadge").TabsBadgeProps): import("react/jsx-runtime").JSX.Element;
|
|
6
|
+
displayName: string;
|
|
7
|
+
};
|
|
8
|
+
parameters: {
|
|
9
|
+
layout: string;
|
|
10
|
+
};
|
|
11
|
+
tags: string[];
|
|
12
|
+
};
|
|
13
|
+
export default meta;
|
|
14
|
+
type Story = StoryObj<typeof meta>;
|
|
15
|
+
export declare const SingleDigit: Story;
|
|
16
|
+
export declare const MultipleDigits: Story;
|
|
17
|
+
export declare const SingleCharacter: Story;
|
|
18
|
+
export declare const Text: Story;
|
|
19
|
+
export declare const LongText: Story;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export {};
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import { type ReactElement, type ReactNode } from 'react';
|
|
2
|
+
interface ITab {
|
|
3
|
+
name: string;
|
|
4
|
+
value: string;
|
|
5
|
+
rightSection?: ReactElement | undefined;
|
|
6
|
+
clickFnc: (val: string) => void;
|
|
7
|
+
requiredPermissions?: string[];
|
|
8
|
+
}
|
|
9
|
+
interface TabsWrapperProps {
|
|
10
|
+
children?: ReactNode | ReactNode[];
|
|
11
|
+
defaultActive?: string;
|
|
12
|
+
setActiveTab: (value: string) => void;
|
|
13
|
+
activeTab?: string;
|
|
14
|
+
tabs: ITab[];
|
|
15
|
+
}
|
|
16
|
+
export declare const TabsWrapper: ({ setActiveTab, activeTab, tabs }: TabsWrapperProps) => import("react/jsx-runtime").JSX.Element;
|
|
17
|
+
export {};
|