@youngonesworks/ui 0.1.1
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/README.md +83 -0
- package/dist/components/ActionIcon/ActionIcon.stories.d.ts +9 -0
- package/dist/components/ActionIcon/index.d.ts +25 -0
- package/dist/components/Alert/Alert.stories.d.ts +6 -0
- package/dist/components/Alert/Alert.test.d.ts +1 -0
- package/dist/components/Alert/index.d.ts +18 -0
- package/dist/components/AppleAppButtonIcon/AppleAppButtonIcon.stories.d.ts +6 -0
- package/dist/components/AppleAppButtonIcon/index.d.ts +2 -0
- package/dist/components/AutoCompleteInput/AutoCompleteInput.stories.d.ts +6 -0
- package/dist/components/AutoCompleteInput/index.d.ts +16 -0
- package/dist/components/Avatar/Avatar.stories.d.ts +6 -0
- package/dist/components/Avatar/index.d.ts +22 -0
- package/dist/components/AvatarIndicator/AvatarIndicator.stories.d.ts +6 -0
- package/dist/components/AvatarIndicator/index.d.ts +6 -0
- package/dist/components/Badge/Badge.stories.d.ts +6 -0
- package/dist/components/Badge/index.d.ts +27 -0
- package/dist/components/BigBadge/BigBadge.stories.d.ts +6 -0
- package/dist/components/BigBadge/index.d.ts +9 -0
- package/dist/components/BreadCrumb/BreadCrumb.stories.d.ts +6 -0
- package/dist/components/BreadCrumb/index.d.ts +8 -0
- package/dist/components/Button/Button.d.ts +13 -0
- package/dist/components/Button/Button.stories.d.ts +9 -0
- package/dist/components/Button/buttonVariants.d.ts +10 -0
- package/dist/components/Button.d.ts +10 -0
- package/dist/components/Calendar/Calendar.stories.d.ts +0 -0
- package/dist/components/Calendar/index.d.ts +0 -0
- package/dist/components/Checkbox/Checkbox.stories.d.ts +9 -0
- package/dist/components/Checkbox/index.d.ts +11 -0
- package/dist/components/Divider/Divider.stories.d.ts +6 -0
- package/dist/components/Divider/index.d.ts +6 -0
- package/dist/components/GoogleAppButtonIcon/GoogleAppButtonIcon.stories.d.ts +6 -0
- package/dist/components/GoogleAppButtonIcon/index.d.ts +2 -0
- package/dist/components/HR/HR.stories.d.ts +6 -0
- package/dist/components/HR/index.d.ts +8 -0
- package/dist/components/HamburgerMenuButton/HamburgerMenuButton.stories.d.ts +6 -0
- package/dist/components/HamburgerMenuButton/index.d.ts +6 -0
- package/dist/components/Island/Island.stories.d.ts +6 -0
- package/dist/components/Island/index.d.ts +11 -0
- package/dist/components/Label/Label.stories.d.ts +6 -0
- package/dist/components/Label/index.d.ts +7 -0
- package/dist/components/LinkText/LinkText.stories.d.ts +6 -0
- package/dist/components/LinkText/index.d.ts +11 -0
- package/dist/components/Loader/Loader.stories.d.ts +6 -0
- package/dist/components/Loader/index.d.ts +4 -0
- package/dist/components/Logo/Logo.stories.d.ts +6 -0
- package/dist/components/Logo/index.d.ts +2 -0
- package/dist/components/Modal/Modal.stories.d.ts +6 -0
- package/dist/components/Modal/index.d.ts +19 -0
- package/dist/components/NumberField/NumberField.stories.d.ts +6 -0
- package/dist/components/NumberField/index.d.ts +14 -0
- package/dist/components/PageUnavailable/PageUnavailable.stories.d.ts +6 -0
- package/dist/components/PageUnavailable/index.d.ts +7 -0
- package/dist/components/PasswordInput/PasswordInput.stories.d.ts +6 -0
- package/dist/components/PasswordInput/index.d.ts +3 -0
- package/dist/components/PhoneInput/index.d.ts +0 -0
- package/dist/components/Popover/Popover.stories.d.ts +6 -0
- package/dist/components/Popover/index.d.ts +14 -0
- package/dist/components/ProgressBar/ProgressBar.stories.d.ts +6 -0
- package/dist/components/ProgressBar/index.d.ts +7 -0
- package/dist/components/RadioButton/RadioButton.stories.d.ts +6 -0
- package/dist/components/RadioButton/index.d.ts +17 -0
- package/dist/components/Rating/Rating.stories.d.ts +7 -0
- package/dist/components/Rating/index.d.ts +10 -0
- package/dist/components/RegionSelector/RegionSelector.stories.d.ts +6 -0
- package/dist/components/RegionSelector/index.d.ts +11 -0
- package/dist/components/Reviews/Reviews.stories.d.ts +6 -0
- package/dist/components/Reviews/index.d.ts +13 -0
- package/dist/components/ScrollToTop/ScrollToTop.stories.d.ts +6 -0
- package/dist/components/ScrollToTop/index.d.ts +3 -0
- package/dist/components/SearchInput/SearchInput.stories.d.ts +6 -0
- package/dist/components/SearchInput/index.d.ts +1 -0
- package/dist/components/Select/Select.stories.d.ts +6 -0
- package/dist/components/Select/index.d.ts +26 -0
- package/dist/components/SettingsCard/SettingsCard.stories.d.ts +6 -0
- package/dist/components/SettingsCard/index.d.ts +14 -0
- package/dist/components/Skeleton/Skeleton.stories.d.ts +6 -0
- package/dist/components/Skeleton/index.d.ts +5 -0
- package/dist/components/SkillPill/SkillPill.stories.d.ts +6 -0
- package/dist/components/SkillPill/index.d.ts +6 -0
- package/dist/components/StickyMobileButton/StickyMobileButtonWrapper.stories.d.ts +6 -0
- package/dist/components/StickyMobileButton/index.d.ts +6 -0
- package/dist/components/Table/Table.stories.d.ts +6 -0
- package/dist/components/Table/index.d.ts +6 -0
- package/dist/components/TableCell/TableCell.stories.d.ts +6 -0
- package/dist/components/TableCell/index.d.ts +7 -0
- package/dist/components/TableHeader/TableHeader.stories.d.ts +6 -0
- package/dist/components/TableHeader/index.d.ts +5 -0
- package/dist/components/TableHeaderItem/TableHeaderItem.stories.d.ts +6 -0
- package/dist/components/TableHeaderItem/index.d.ts +7 -0
- package/dist/components/TableHeaderRow/TableHeaderRow.stories.d.ts +6 -0
- package/dist/components/TableHeaderRow/index.d.ts +6 -0
- package/dist/components/TableRow/TableRow.stories.d.ts +6 -0
- package/dist/components/TableRow/index.d.ts +8 -0
- package/dist/components/TextArea/Textarea.stories.d.ts +6 -0
- package/dist/components/TextArea/index.d.ts +8 -0
- package/dist/components/TextInput/TextInput.stories.d.ts +8 -0
- package/dist/components/TextInput/index.d.ts +22 -0
- package/dist/components/ThemeIcon/ThemeIcon.stories.d.ts +8 -0
- package/dist/components/ThemeIcon/index.d.ts +9 -0
- package/dist/components/Toggle/Toggle.stories.d.ts +7 -0
- package/dist/components/Toggle/index.d.ts +7 -0
- package/dist/components/Tooltip/Tooltip.stories.d.ts +8 -0
- package/dist/components/Tooltip/index.d.ts +13 -0
- package/dist/components/TruncatedText/TruncatedText.stories.d.ts +7 -0
- package/dist/components/TruncatedText/index.d.ts +6 -0
- package/dist/components/UnorderedList/UnorderedList.stories.d.ts +7 -0
- package/dist/components/UnorderedList/index.d.ts +7 -0
- package/dist/components/UnorderedListItem/UnorderedListItem.stories.d.ts +7 -0
- package/dist/components/UnorderedListItem/index.d.ts +9 -0
- package/dist/components/UnstyledButton/UnstyledButton.stories.d.ts +6 -0
- package/dist/components/UnstyledButton/index.d.ts +6 -0
- package/dist/components/WysiwygEditor/WysiwygEditor.stories.d.ts +7 -0
- package/dist/components/WysiwygEditor/index.d.ts +16 -0
- package/dist/icons/IconLoading.d.ts +2 -0
- package/dist/icons/IconStarEmpty.d.ts +2 -0
- package/dist/icons/IconStarFilled.d.ts +2 -0
- package/dist/icons/IconStarHalfFilled.d.ts +2 -0
- package/dist/icons/index.d.ts +4 -0
- package/dist/index.cjs +140061 -0
- package/dist/index.cjs.map +1 -0
- package/dist/index.d.ts +53 -0
- package/dist/index.js +140012 -0
- package/dist/index.js.map +1 -0
- package/dist/jsx-runtime-shim.d.ts +4 -0
- package/dist/react-entry.d.ts +3 -0
- package/dist/react-wrapper.d.ts +2 -0
- package/dist/test.d.ts +2 -0
- package/dist/utils/cn.d.ts +2 -0
- package/dist/utils/enums.d.ts +48 -0
- package/dist/utils/formatIcon.d.ts +8 -0
- package/package.json +117 -0
|
@@ -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,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,8 @@
|
|
|
1
|
+
import { type ReactNode, type TextareaHTMLAttributes } from 'react';
|
|
2
|
+
export interface ITextarea extends Omit<TextareaHTMLAttributes<HTMLTextAreaElement>, 'className' | 'rows'> {
|
|
3
|
+
label?: ReactNode;
|
|
4
|
+
error?: string;
|
|
5
|
+
className?: string;
|
|
6
|
+
rows?: number;
|
|
7
|
+
}
|
|
8
|
+
export declare const Textarea: import("react").ForwardRefExoticComponent<ITextarea & import("react").RefAttributes<HTMLTextAreaElement>>;
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import type { Meta, StoryObj } from '@storybook/react-vite';
|
|
2
|
+
import { TextInput } from './index';
|
|
3
|
+
declare const meta: Meta<typeof TextInput>;
|
|
4
|
+
export default meta;
|
|
5
|
+
type Story = StoryObj<typeof TextInput>;
|
|
6
|
+
export declare const Default: Story;
|
|
7
|
+
export declare const WithIcon: Story;
|
|
8
|
+
export declare const Password: Story;
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
import React, { type ChangeEvent, type FocusEvent, type InputHTMLAttributes, type KeyboardEvent, type ReactNode } from 'react';
|
|
2
|
+
export interface TextInputProps extends InputHTMLAttributes<HTMLInputElement> {
|
|
3
|
+
rightSection?: ReactNode;
|
|
4
|
+
leftSection?: ReactNode;
|
|
5
|
+
label?: ReactNode;
|
|
6
|
+
className?: string;
|
|
7
|
+
min?: string | undefined | number;
|
|
8
|
+
max?: string | undefined | number;
|
|
9
|
+
error?: string;
|
|
10
|
+
showRightSection?: boolean;
|
|
11
|
+
step?: string;
|
|
12
|
+
autoFocus?: boolean;
|
|
13
|
+
wrapperClassName?: string;
|
|
14
|
+
maxLength?: undefined | number;
|
|
15
|
+
password?: boolean;
|
|
16
|
+
autoComplete?: string;
|
|
17
|
+
enablePasswordManagerAutofill?: boolean;
|
|
18
|
+
onBlur?: (e: FocusEvent<HTMLInputElement>) => void;
|
|
19
|
+
onChange?: (e: ChangeEvent<HTMLInputElement>) => void;
|
|
20
|
+
onKeyDown?: (e: KeyboardEvent<HTMLInputElement>) => void;
|
|
21
|
+
}
|
|
22
|
+
export declare const TextInput: React.ForwardRefExoticComponent<TextInputProps & React.RefAttributes<HTMLInputElement>>;
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import type { Meta, StoryObj } from '@storybook/react-vite';
|
|
2
|
+
import { ThemeIcon } from './index';
|
|
3
|
+
declare const meta: Meta<typeof ThemeIcon>;
|
|
4
|
+
export default meta;
|
|
5
|
+
type Story = StoryObj<typeof ThemeIcon>;
|
|
6
|
+
export declare const Default: Story;
|
|
7
|
+
export declare const Warning: Story;
|
|
8
|
+
export declare const PinkHeart: Story;
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import React, { type HTMLAttributes } from 'react';
|
|
2
|
+
export interface IThemeIcon extends Omit<HTMLAttributes<HTMLDivElement>, 'className'> {
|
|
3
|
+
styleVariant?: 'black' | 'gray' | 'pink' | 'pink-with-background' | 'turquoise' | 'accent-blue' | 'check' | 'warning' | 'error';
|
|
4
|
+
icon: React.ReactNode;
|
|
5
|
+
className?: string;
|
|
6
|
+
adjustedSize?: string | number;
|
|
7
|
+
title: string;
|
|
8
|
+
}
|
|
9
|
+
export declare const ThemeIcon: React.ForwardRefExoticComponent<IThemeIcon & React.RefAttributes<HTMLDivElement>>;
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import type { Meta, StoryObj } from '@storybook/react-vite';
|
|
2
|
+
import { Toggle } from './index';
|
|
3
|
+
declare const meta: Meta<typeof Toggle>;
|
|
4
|
+
export default meta;
|
|
5
|
+
type Story = StoryObj<typeof Toggle>;
|
|
6
|
+
export declare const Default: Story;
|
|
7
|
+
export declare const Disabled: Story;
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import type { Meta, StoryObj } from '@storybook/react-vite';
|
|
2
|
+
import { Tooltip } from './index';
|
|
3
|
+
declare const meta: Meta<typeof Tooltip>;
|
|
4
|
+
export default meta;
|
|
5
|
+
type Story = StoryObj<typeof Tooltip>;
|
|
6
|
+
export declare const Default: Story;
|
|
7
|
+
export declare const WhiteVariant: Story;
|
|
8
|
+
export declare const AlwaysOpen: Story;
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import { type ReactNode } from 'react';
|
|
2
|
+
interface ITooltipProps {
|
|
3
|
+
content: ReactNode;
|
|
4
|
+
children: ReactNode;
|
|
5
|
+
passedOpen?: boolean;
|
|
6
|
+
size?: 'sm' | 'md' | 'lg';
|
|
7
|
+
variant?: 'default' | 'white';
|
|
8
|
+
}
|
|
9
|
+
export declare const Tooltip: {
|
|
10
|
+
({ content, children, passedOpen, size, variant }: ITooltipProps): import("react/jsx-runtime").JSX.Element;
|
|
11
|
+
displayName: string;
|
|
12
|
+
};
|
|
13
|
+
export {};
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import type { Meta, StoryObj } from '@storybook/react-vite';
|
|
2
|
+
import { TruncatedText } from './index';
|
|
3
|
+
declare const meta: Meta<typeof TruncatedText>;
|
|
4
|
+
export default meta;
|
|
5
|
+
type Story = StoryObj<typeof TruncatedText>;
|
|
6
|
+
export declare const Default: Story;
|
|
7
|
+
export declare const ShortLimit: Story;
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import type { Meta, StoryObj } from '@storybook/react-vite';
|
|
2
|
+
import { UnorderedList } from './index';
|
|
3
|
+
declare const meta: Meta<typeof UnorderedList>;
|
|
4
|
+
export default meta;
|
|
5
|
+
type Story = StoryObj<typeof UnorderedList>;
|
|
6
|
+
export declare const Default: Story;
|
|
7
|
+
export declare const WithAction: Story;
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
type IUnorderedListProps = {
|
|
2
|
+
children: React.ReactNode;
|
|
3
|
+
className?: string;
|
|
4
|
+
actionItem?: React.ReactNode;
|
|
5
|
+
};
|
|
6
|
+
export declare const UnorderedList: ({ children, className, actionItem, ...props }: IUnorderedListProps) => import("react/jsx-runtime").JSX.Element;
|
|
7
|
+
export {};
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import type { Meta, StoryObj } from '@storybook/react-vite';
|
|
2
|
+
import { UnorderedListItem } from './index';
|
|
3
|
+
declare const meta: Meta<typeof UnorderedListItem>;
|
|
4
|
+
export default meta;
|
|
5
|
+
type Story = StoryObj<typeof UnorderedListItem>;
|
|
6
|
+
export declare const Default: Story;
|
|
7
|
+
export declare const WithAction: Story;
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import { type ReactNode } from 'react';
|
|
2
|
+
type IUnorderedListProps = {
|
|
3
|
+
children: ReactNode;
|
|
4
|
+
actionItem?: ReactNode;
|
|
5
|
+
className?: string;
|
|
6
|
+
header?: boolean;
|
|
7
|
+
};
|
|
8
|
+
export declare const UnorderedListItem: ({ children, actionItem, className, header, ...props }: IUnorderedListProps) => import("react/jsx-runtime").JSX.Element;
|
|
9
|
+
export {};
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
import { type ButtonHTMLAttributes } from 'react';
|
|
2
|
+
interface IUnstyledButton extends Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'className'> {
|
|
3
|
+
className?: string;
|
|
4
|
+
}
|
|
5
|
+
export declare const UnstyledButton: import("react").ForwardRefExoticComponent<IUnstyledButton & import("react").RefAttributes<HTMLButtonElement>>;
|
|
6
|
+
export {};
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import type { Meta, StoryObj } from '@storybook/react-vite';
|
|
2
|
+
import { WysiwygEditor } from './index';
|
|
3
|
+
declare const meta: Meta<typeof WysiwygEditor>;
|
|
4
|
+
export default meta;
|
|
5
|
+
type Story = StoryObj<typeof WysiwygEditor>;
|
|
6
|
+
export declare const Editable: Story;
|
|
7
|
+
export declare const ReadOnly: Story;
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
export interface IWysiwygEditorImperativeHandle {
|
|
2
|
+
resetContent: (newContent: string) => void;
|
|
3
|
+
}
|
|
4
|
+
interface IWysiwygEditor {
|
|
5
|
+
id: string;
|
|
6
|
+
content?: string;
|
|
7
|
+
placeholder: string;
|
|
8
|
+
forceRefresh?: boolean;
|
|
9
|
+
readOnly?: boolean;
|
|
10
|
+
onChange?: (v: string) => void;
|
|
11
|
+
error?: string;
|
|
12
|
+
className?: string;
|
|
13
|
+
formName?: string;
|
|
14
|
+
}
|
|
15
|
+
export declare const WysiwygEditor: import("react").ForwardRefExoticComponent<IWysiwygEditor & import("react").RefAttributes<unknown>>;
|
|
16
|
+
export {};
|