@1d1s/design-system 0.2.6 → 0.2.7
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/components/ChallengeListItem/ChallengeListItem.d.ts +17 -0
- package/dist/components/ChallengeListItem/ChallengeListItem.stories.d.ts +11 -0
- package/dist/components/ChallengeListItem/index.d.ts +1 -0
- package/dist/components/DiaryListItem/DiaryListItem.d.ts +22 -0
- package/dist/components/DiaryListItem/DiaryListItem.stories.d.ts +9 -0
- package/dist/components/DiaryListItem/index.d.ts +1 -0
- package/dist/components/RightSidebar/RightSidebar.d.ts +3 -2
- package/dist/components/RightSidebar/RightSidebar.stories.d.ts +1 -0
- package/dist/components/index.d.ts +2 -0
- package/dist/index.es.js +2976 -2809
- package/dist/index.umd.js +12 -12
- package/package.json +1 -1
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import { ReactNode } from 'react';
|
|
2
|
+
export interface ChallengeListItemProps {
|
|
3
|
+
challengeTitle: string;
|
|
4
|
+
challengeType: string;
|
|
5
|
+
challengeCategory?: string;
|
|
6
|
+
challengeIcon?: ReactNode;
|
|
7
|
+
imageUrl?: string;
|
|
8
|
+
currentUserCount: number;
|
|
9
|
+
maxUserCount: number;
|
|
10
|
+
startDate: string;
|
|
11
|
+
endDate: string;
|
|
12
|
+
isOngoing: boolean;
|
|
13
|
+
isEnded?: boolean;
|
|
14
|
+
className?: string;
|
|
15
|
+
onClick?(): void;
|
|
16
|
+
}
|
|
17
|
+
export declare function ChallengeListItem({ challengeTitle, challengeType, challengeCategory, challengeIcon, imageUrl, currentUserCount, maxUserCount, startDate, endDate, isOngoing, isEnded, className, onClick, }: ChallengeListItemProps): React.ReactElement;
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import { Meta, StoryObj } from '@storybook/react';
|
|
2
|
+
import { ChallengeListItem } from './ChallengeListItem';
|
|
3
|
+
declare const meta: Meta<typeof ChallengeListItem>;
|
|
4
|
+
export default meta;
|
|
5
|
+
type Story = StoryObj<typeof ChallengeListItem>;
|
|
6
|
+
export declare const Ongoing: Story;
|
|
7
|
+
export declare const Recruiting: Story;
|
|
8
|
+
export declare const Ended: Story;
|
|
9
|
+
export declare const Individual: Story;
|
|
10
|
+
export declare const WithImage: Story;
|
|
11
|
+
export declare const List: Story;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from './ChallengeListItem';
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
import { default as React } from 'react';
|
|
2
|
+
type Emotion = "happy" | "soso" | "sad";
|
|
3
|
+
export interface DiaryListItemProps {
|
|
4
|
+
title: string;
|
|
5
|
+
imageUrl?: string;
|
|
6
|
+
percent: number;
|
|
7
|
+
emotion: Emotion;
|
|
8
|
+
likes: number;
|
|
9
|
+
isLiked?: boolean;
|
|
10
|
+
defaultLiked?: boolean;
|
|
11
|
+
onLikeToggle?(nextLiked: boolean): void;
|
|
12
|
+
user: string;
|
|
13
|
+
userImage?: string;
|
|
14
|
+
challengeLabel: string;
|
|
15
|
+
totalMemberCount?: number;
|
|
16
|
+
onChallengeClick?(): void;
|
|
17
|
+
date: string;
|
|
18
|
+
onClick?(): void;
|
|
19
|
+
className?: string;
|
|
20
|
+
}
|
|
21
|
+
export declare function DiaryListItem({ title, imageUrl, percent, emotion, likes, isLiked: isLikedProp, defaultLiked, onLikeToggle, user, userImage, challengeLabel, totalMemberCount, onChallengeClick, date, onClick, className, }: DiaryListItemProps): React.ReactElement;
|
|
22
|
+
export {};
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import { Meta, StoryObj } from '@storybook/react';
|
|
2
|
+
import { DiaryListItem } from './DiaryListItem';
|
|
3
|
+
declare const meta: Meta<typeof DiaryListItem>;
|
|
4
|
+
export default meta;
|
|
5
|
+
type Story = StoryObj<typeof DiaryListItem>;
|
|
6
|
+
export declare const Default: Story;
|
|
7
|
+
export declare const NoImage: Story;
|
|
8
|
+
export declare const ControlledLike: Story;
|
|
9
|
+
export declare const List: Story;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from './DiaryListItem';
|
|
@@ -10,7 +10,7 @@ export interface RightSidebarChallenge {
|
|
|
10
10
|
export interface RightSidebarProps {
|
|
11
11
|
isLoggedIn?: boolean;
|
|
12
12
|
userName?: string;
|
|
13
|
-
|
|
13
|
+
userSubtitle?: string;
|
|
14
14
|
userImage?: string;
|
|
15
15
|
streakDays: number;
|
|
16
16
|
fixed?: boolean;
|
|
@@ -24,6 +24,7 @@ export interface RightSidebarProps {
|
|
|
24
24
|
challenges?: RightSidebarChallenge[];
|
|
25
25
|
emptyChallengeMessage?: string;
|
|
26
26
|
joinChallengeButtonLabel?: string;
|
|
27
|
+
joinChallengeMaxUserCount?: number;
|
|
27
28
|
createChallengeButtonLabel?: string;
|
|
28
29
|
onCollapseClick?(): void;
|
|
29
30
|
onOpenSettings?(): void;
|
|
@@ -33,5 +34,5 @@ export interface RightSidebarProps {
|
|
|
33
34
|
onJoinChallenge?(): void;
|
|
34
35
|
onCreateChallenge?(): void;
|
|
35
36
|
}
|
|
36
|
-
export declare function RightSidebar({ isLoggedIn, userName,
|
|
37
|
+
export declare function RightSidebar({ isLoggedIn, userName, userSubtitle, userImage, streakDays, fixed, className, diaryButtonLabel, myPageButtonLabel, loginButtonLabel, loginPromptMessage, settingButtonLabel, challengeTitle, challenges, emptyChallengeMessage, joinChallengeButtonLabel, joinChallengeMaxUserCount, createChallengeButtonLabel, onCollapseClick, onOpenSettings, onWriteDiary, onGoMyPage, onLogin, onJoinChallenge, onCreateChallenge, }: RightSidebarProps): React.ReactElement;
|
|
37
38
|
export {};
|
|
@@ -4,6 +4,7 @@ export * from './BannerCarousel';
|
|
|
4
4
|
export * from './Button';
|
|
5
5
|
export * from './Calendar';
|
|
6
6
|
export * from './ChallengeCard';
|
|
7
|
+
export * from './ChallengeListItem';
|
|
7
8
|
export * from './CheckContainer';
|
|
8
9
|
export * from './CheckList';
|
|
9
10
|
export * from './Checkbox';
|
|
@@ -12,6 +13,7 @@ export * from './CircularProgress';
|
|
|
12
13
|
export * from './DatePicker';
|
|
13
14
|
export * from './Dialog';
|
|
14
15
|
export * from './DiaryCard';
|
|
16
|
+
export * from './DiaryListItem';
|
|
15
17
|
export * from './Dropdown';
|
|
16
18
|
export * from './GoalAddList';
|
|
17
19
|
export { Icon } from './Icons/Icon';
|