pds-dev-kit-web-test 0.1.5 → 0.1.6
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/package.json +1 -1
- package/release-note.md +3 -8
- package/.commitlintrc.js +0 -65
- package/.husky/.eslintrc.prepush +0 -7
- package/.husky/commit-msg +0 -13
- package/.husky/pre-commit +0 -9
- package/.husky/pre-push +0 -4
- package/.lintstagedrc.json +0 -7
- package/.vscode/settings.json +0 -50
- package/bitbucket-pipelines.yml +0 -114
- package/dist/src/common/components/CircularProgress/CircularProgress.stories.d.ts +0 -5
- package/dist/src/common/components/CircularProgress/CircularProgress.stories.js +0 -45
- package/dist/src/common/components/ThreeBarProgress/ThreeBarProgress.stories.d.ts +0 -5
- package/dist/src/common/components/ThreeBarProgress/ThreeBarProgress.stories.js +0 -38
- package/dist/src/common/styles/ToneTest/ToneTest.stories.d.ts +0 -5
- package/dist/src/common/styles/ToneTest/ToneTest.stories.js +0 -14
- package/dist/src/common/styles/colorSet/Color.stories.d.ts +0 -5
- package/dist/src/common/styles/colorSet/Color.stories.js +0 -125
- package/dist/src/desktop/common/components/TextFieldBase/TextFieldBase.stories.d.ts +0 -9
- package/dist/src/desktop/common/components/TextFieldBase/TextFieldBase.stories.js +0 -150
- package/dist/src/desktop/components/AdminList/AdminList.stories.d.ts +0 -8
- package/dist/src/desktop/components/AdminList/AdminList.stories.js +0 -462
- package/dist/src/desktop/components/AdminListHeader/AdminListHeader.stories.d.ts +0 -5
- package/dist/src/desktop/components/AdminListHeader/AdminListHeader.stories.js +0 -85
- package/dist/src/desktop/components/AdminListItem/AdminListItem.stories.d.ts +0 -5
- package/dist/src/desktop/components/AdminListItem/AdminListItem.stories.js +0 -247
- package/dist/src/desktop/components/BasicChatListItem/BasicChatListItem.stories.d.ts +0 -5
- package/dist/src/desktop/components/BasicChatListItem/BasicChatListItem.stories.js +0 -87
- package/dist/src/desktop/components/BasicFormGroup/BasicFormGroup.stories.d.ts +0 -8
- package/dist/src/desktop/components/BasicFormGroup/BasicFormGroup.stories.js +0 -107
- package/dist/src/desktop/components/BasicList/BasicList.stories.d.ts +0 -5
- package/dist/src/desktop/components/BasicList/BasicList.stories.js +0 -79
- package/dist/src/desktop/components/BasicListItem/BasicListItem.stories.d.ts +0 -10
- package/dist/src/desktop/components/BasicListItem/BasicListItem.stories.js +0 -188
- package/dist/src/desktop/components/BlogTextField/BlogTextField.stories.d.ts +0 -10
- package/dist/src/desktop/components/BlogTextField/BlogTextField.stories.js +0 -102
- package/dist/src/desktop/components/BodyTextGroup/BodyTextGroup.stories.d.ts +0 -8
- package/dist/src/desktop/components/BodyTextGroup/BodyTextGroup.stories.js +0 -80
- package/dist/src/desktop/components/Card/Card.stories.d.ts +0 -6
- package/dist/src/desktop/components/Card/Card.stories.js +0 -81
- package/dist/src/desktop/components/CardList/CardList.stories.d.ts +0 -6
- package/dist/src/desktop/components/CardList/CardList.stories.js +0 -90
- package/dist/src/desktop/components/ChatBubbleListItem/ChatBubble.stories.d.ts +0 -8
- package/dist/src/desktop/components/ChatBubbleListItem/ChatBubble.stories.js +0 -68
- package/dist/src/desktop/components/ChatBubbleListItem/ChatBubbleListItem.stories.d.ts +0 -17
- package/dist/src/desktop/components/ChatBubbleListItem/ChatBubbleListItem.stories.js +0 -132
- package/dist/src/desktop/components/ChatList/ChatList.stories.d.ts +0 -7
- package/dist/src/desktop/components/ChatList/ChatList.stories.js +0 -234
- package/dist/src/desktop/components/Checkbox/Checkbox.stories.d.ts +0 -5
- package/dist/src/desktop/components/Checkbox/Checkbox.stories.js +0 -59
- package/dist/src/desktop/components/Chip/Chip.stories.d.ts +0 -11
- package/dist/src/desktop/components/Chip/Chip.stories.js +0 -126
- package/dist/src/desktop/components/ContextMenu/ContextMenu.stories.d.ts +0 -6
- package/dist/src/desktop/components/ContextMenu/ContextMenu.stories.js +0 -71
- package/dist/src/desktop/components/ContextMenuItem/ContextMenuItem.stories.d.ts +0 -5
- package/dist/src/desktop/components/ContextMenuItem/ContextMenuItem.stories.js +0 -68
- package/dist/src/desktop/components/DesktopAlertDialog/DesktopAlertDialog.stories.d.ts +0 -9
- package/dist/src/desktop/components/DesktopAlertDialog/DesktopAlertDialog.stories.js +0 -128
- package/dist/src/desktop/components/DesktopHeaderBar/DesktopHeaderBar.stories.d.ts +0 -8
- package/dist/src/desktop/components/DesktopHeaderBar/DesktopHeaderBar.stories.js +0 -121
- package/dist/src/desktop/components/DesktopTabBar/DesktopTabBar.stories.d.ts +0 -7
- package/dist/src/desktop/components/DesktopTabBar/DesktopTabBar.stories.js +0 -205
- package/dist/src/desktop/components/Dropdown/Dropdown.stories.d.ts +0 -5
- package/dist/src/desktop/components/Dropdown/Dropdown.stories.js +0 -164
- package/dist/src/desktop/components/DynamicDesktopNavBar/DynamicDesktopNavBar.stories.d.ts +0 -8
- package/dist/src/desktop/components/DynamicDesktopNavBar/DynamicDesktopNavBar.stories.js +0 -649
- package/dist/src/desktop/components/EditApplyTextField/EditApplyTextField.stories.d.ts +0 -17
- package/dist/src/desktop/components/EditApplyTextField/EditApplyTextField.stories.js +0 -222
- package/dist/src/desktop/components/FilterBar/FilterBar.stories.d.ts +0 -7
- package/dist/src/desktop/components/FilterBar/FilterBar.stories.js +0 -119
- package/dist/src/desktop/components/FloatingActionButton/FloatingActionButton.stories.d.ts +0 -5
- package/dist/src/desktop/components/FloatingActionButton/FloatingActionButton.stories.js +0 -74
- package/dist/src/desktop/components/Hero/Hero.stories.d.ts +0 -5
- package/dist/src/desktop/components/Hero/Hero.stories.js +0 -51
- package/dist/src/desktop/components/HorizontalFormGroup/HorizontalFormGroup.stories.d.ts +0 -8
- package/dist/src/desktop/components/HorizontalFormGroup/HorizontalFormGroup.stories.js +0 -82
- package/dist/src/desktop/components/IconButton/IconButton.stories.d.ts +0 -5
- package/dist/src/desktop/components/IconButton/IconButton.stories.js +0 -109
- package/dist/src/desktop/components/ImageSlide/ImageSlide.stories.d.ts +0 -5
- package/dist/src/desktop/components/ImageSlide/ImageSlide.stories.js +0 -73
- package/dist/src/desktop/components/LottieReactionButton/LottieReactionButton.stories.d.ts +0 -6
- package/dist/src/desktop/components/LottieReactionButton/LottieReactionButton.stories.js +0 -99
- package/dist/src/desktop/components/MainButton/MainButton.stories.d.ts +0 -5
- package/dist/src/desktop/components/MainButton/MainButton.stories.js +0 -112
- package/dist/src/desktop/components/PageTitleTextGroup/PageTitleTextGroup.stories.d.ts +0 -7
- package/dist/src/desktop/components/PageTitleTextGroup/PageTitleTextGroup.stories.js +0 -83
- package/dist/src/desktop/components/Radio/Radio.stories.d.ts +0 -7
- package/dist/src/desktop/components/Radio/Radio.stories.js +0 -100
- package/dist/src/desktop/components/ReactionButton/ReactionButton.stories.d.ts +0 -7
- package/dist/src/desktop/components/ReactionButton/ReactionButton.stories.js +0 -71
- package/dist/src/desktop/components/Select/Select.stories.d.ts +0 -8
- package/dist/src/desktop/components/Select/Select.stories.js +0 -139
- package/dist/src/desktop/components/StatusBlock/StatusBlock.stories.d.ts +0 -6
- package/dist/src/desktop/components/StatusBlock/StatusBlock.stories.js +0 -60
- package/dist/src/desktop/components/TextButton/TextButton.stories.d.ts +0 -5
- package/dist/src/desktop/components/TextButton/TextButton.stories.js +0 -73
- package/dist/src/desktop/components/TextField/TextField.stories.d.ts +0 -22
- package/dist/src/desktop/components/TextField/TextField.stories.js +0 -278
- package/dist/src/desktop/components/TextLabel/TextLabel.stories.d.ts +0 -7
- package/dist/src/desktop/components/TextLabel/TextLabel.stories.js +0 -127
- package/dist/src/desktop/components/UploadIconButton/UploadIconButton.stories.d.ts +0 -5
- package/dist/src/desktop/components/UploadIconButton/UploadIconButton.stories.js +0 -106
- package/dist/src/desktop/components/UploadMainButton/UploadMainButton.stories.d.ts +0 -5
- package/dist/src/desktop/components/UploadMainButton/UploadMainButton.stories.js +0 -117
- package/dist/src/desktop/components/UploadTextButton/UploadTextButton.stories.d.ts +0 -5
- package/dist/src/desktop/components/UploadTextButton/UploadTextButton.stories.js +0 -78
- package/dist/src/desktop/components/UserDesktopNavBar/UserDesktopNavBar.stories.d.ts +0 -7
- package/dist/src/desktop/components/UserDesktopNavBar/UserDesktopNavBar.stories.js +0 -106
- package/dist/src/desktop/components/UserDesktopSideTab/UserDesktopSideTab.stories.d.ts +0 -5
- package/dist/src/desktop/components/UserDesktopSideTab/UserDesktopSideTab.stories.js +0 -64
- package/dist/src/desktop/components/UserDesktopTabBar/UserDesktopTabBar.stories.d.ts +0 -5
- package/dist/src/desktop/components/UserDesktopTabBar/UserDesktopTabBar.stories.js +0 -79
- package/dist/src/desktop/layout/LayoutWF/LayoutWF.stories.d.ts +0 -32
- package/dist/src/desktop/layout/LayoutWF/LayoutWF.stories.js +0 -166
- package/dist/src/desktop/layout/LayoutWF/LayoutWFLoading.stories.d.ts +0 -32
- package/dist/src/desktop/layout/LayoutWF/LayoutWFLoading.stories.js +0 -166
- package/dist/src/desktop/layout/LayoutWH/LayoutWH.stories.d.ts +0 -20
- package/dist/src/desktop/layout/LayoutWH/LayoutWH.stories.js +0 -122
- package/dist/src/desktop/layout/LayoutWH/LayoutWHLoading.stories.d.ts +0 -20
- package/dist/src/desktop/layout/LayoutWH/LayoutWHLoading.stories.js +0 -122
- package/dist/src/desktop/layout/LayoutWS/LayoutWS.stories.d.ts +0 -23
- package/dist/src/desktop/layout/LayoutWS/LayoutWS.stories.js +0 -134
- package/dist/src/desktop/layout/LayoutWS/LayoutWSLoading.stories.d.ts +0 -23
- package/dist/src/desktop/layout/LayoutWS/LayoutWSLoading.stories.js +0 -134
- package/dist/src/desktop/layout/LayoutWT/LayoutWT.stories.d.ts +0 -48
- package/dist/src/desktop/layout/LayoutWT/LayoutWT.stories.js +0 -238
- package/dist/src/desktop/layout/LayoutWT/LayoutWTLoading.stories.d.ts +0 -48
- package/dist/src/desktop/layout/LayoutWT/LayoutWTLoading.stories.js +0 -238
- package/dist/src/desktop/panels/AnnotationSheet/AnnotationSheet.stories.d.ts +0 -6
- package/dist/src/desktop/panels/AnnotationSheet/AnnotationSheet.stories.js +0 -108
- package/dist/src/desktop/panels/ContentSheet/ContentSheet.stories.d.ts +0 -7
- package/dist/src/desktop/panels/ContentSheet/ContentSheet.stories.js +0 -145
- package/dist/src/desktop/panels/DesktopBasicModal/DesktopBasicModal.stories.d.ts +0 -7
- package/dist/src/desktop/panels/DesktopBasicModal/DesktopBasicModal.stories.js +0 -128
- package/dist/src/desktop/panels/DesktopHeadlessModal/DesktopHeadlessModal.stories.d.ts +0 -9
- package/dist/src/desktop/panels/DesktopHeadlessModal/DesktopHeadlessModal.stories.js +0 -106
- package/dist/src/desktop/panels/DesktopTutorialModal/Components/SideTab/SideTab.stories.d.ts +0 -5
- package/dist/src/desktop/panels/DesktopTutorialModal/Components/SideTab/SideTab.stories.js +0 -74
- package/dist/src/desktop/panels/DesktopTutorialModal/DesktopTutorialModal.stories.d.ts +0 -8
- package/dist/src/desktop/panels/DesktopTutorialModal/DesktopTutorialModal.stories.js +0 -148
- package/dist/src/desktop/panels/SectionSheet/SectionSheet.stories.d.ts +0 -6
- package/dist/src/desktop/panels/SectionSheet/SectionSheet.stories.js +0 -112
- package/dist/src/hybrid/components/Divider/Divider.stories.d.ts +0 -5
- package/dist/src/hybrid/components/Divider/Divider.stories.js +0 -55
- package/dist/src/hybrid/components/Icon/Icon.stories.d.ts +0 -8
- package/dist/src/hybrid/components/Icon/Icon.stories.js +0 -166
- package/dist/src/hybrid/components/ImageView/ImageView.stories.d.ts +0 -15
- package/dist/src/hybrid/components/ImageView/ImageView.stories.js +0 -111
- package/dist/src/hybrid/components/LinearProgress/LinearProgress.stories.d.ts +0 -5
- package/dist/src/hybrid/components/LinearProgress/LinearProgress.stories.js +0 -38
- package/dist/src/hybrid/components/LottieIcon/LottieIcon.stories.d.ts +0 -6
- package/dist/src/hybrid/components/LottieIcon/LottieIcon.stories.js +0 -69
- package/dist/src/hybrid/components/Spacing/Spacing.stories.d.ts +0 -5
- package/dist/src/hybrid/components/Spacing/Spacing.stories.js +0 -46
- package/dist/src/hybrid/components/Switch/Switch.stories.d.ts +0 -5
- package/dist/src/hybrid/components/Switch/Switch.stories.js +0 -58
- package/dist/src/mobile/common/components/TextFieldBase/TextFieldBase.stories.d.ts +0 -9
- package/dist/src/mobile/common/components/TextFieldBase/TextFieldBase.stories.js +0 -150
- package/dist/src/mobile/components/BasicChatListItem/BasicChatListItem.stories.d.ts +0 -5
- package/dist/src/mobile/components/BasicChatListItem/BasicChatListItem.stories.js +0 -87
- package/dist/src/mobile/components/BasicFormGroup/BasicFormGroup.stories.d.ts +0 -8
- package/dist/src/mobile/components/BasicFormGroup/BasicFormGroup.stories.js +0 -107
- package/dist/src/mobile/components/BasicList/BasicList.stories.d.ts +0 -5
- package/dist/src/mobile/components/BasicList/BasicList.stories.js +0 -79
- package/dist/src/mobile/components/BasicListItem/BasicListItem.stories.d.ts +0 -10
- package/dist/src/mobile/components/BasicListItem/BasicListItem.stories.js +0 -189
- package/dist/src/mobile/components/BlogTextField/BlogTextField.stories.d.ts +0 -10
- package/dist/src/mobile/components/BlogTextField/BlogTextField.stories.js +0 -102
- package/dist/src/mobile/components/BodyTextGroup/BodyTextGroup.stories.d.ts +0 -8
- package/dist/src/mobile/components/BodyTextGroup/BodyTextGroup.stories.js +0 -81
- package/dist/src/mobile/components/Card/Card.stories.d.ts +0 -6
- package/dist/src/mobile/components/Card/Card.stories.js +0 -81
- package/dist/src/mobile/components/CardList/CardList.stories.d.ts +0 -6
- package/dist/src/mobile/components/CardList/CardList.stories.js +0 -90
- package/dist/src/mobile/components/ChatBubbleListItem/ChatBubble.stories.d.ts +0 -8
- package/dist/src/mobile/components/ChatBubbleListItem/ChatBubble.stories.js +0 -68
- package/dist/src/mobile/components/ChatBubbleListItem/ChatBubbleListItem.stories.d.ts +0 -17
- package/dist/src/mobile/components/ChatBubbleListItem/ChatBubbleListItem.stories.js +0 -133
- package/dist/src/mobile/components/ChatList/ChatList.stories.d.ts +0 -7
- package/dist/src/mobile/components/ChatList/ChatList.stories.js +0 -235
- package/dist/src/mobile/components/Checkbox/Checkbox.stories.d.ts +0 -5
- package/dist/src/mobile/components/Checkbox/Checkbox.stories.js +0 -59
- package/dist/src/mobile/components/Chip/Chip.stories.d.ts +0 -11
- package/dist/src/mobile/components/Chip/Chip.stories.js +0 -95
- package/dist/src/mobile/components/ContextMenu/ContextMenu.stories.d.ts +0 -6
- package/dist/src/mobile/components/ContextMenu/ContextMenu.stories.js +0 -66
- package/dist/src/mobile/components/ContextMenuItem/ContextMenuItem.stories.d.ts +0 -5
- package/dist/src/mobile/components/ContextMenuItem/ContextMenuItem.stories.js +0 -66
- package/dist/src/mobile/components/Dropdown/Dropdown.stories.d.ts +0 -5
- package/dist/src/mobile/components/Dropdown/Dropdown.stories.js +0 -168
- package/dist/src/mobile/components/FloatingActionButton/FloatingActionButton.stories.d.ts +0 -5
- package/dist/src/mobile/components/FloatingActionButton/FloatingActionButton.stories.js +0 -74
- package/dist/src/mobile/components/HorizontalFormGroup/HorizontalFormGroup.stories.d.ts +0 -7
- package/dist/src/mobile/components/HorizontalFormGroup/HorizontalFormGroup.stories.js +0 -89
- package/dist/src/mobile/components/IconButton/IconButton.stories.d.ts +0 -5
- package/dist/src/mobile/components/IconButton/IconButton.stories.js +0 -108
- package/dist/src/mobile/components/ImageSlide/ImageSlide.stories.d.ts +0 -5
- package/dist/src/mobile/components/ImageSlide/ImageSlide.stories.js +0 -72
- package/dist/src/mobile/components/LottieReactionButton/LottieReactionButton.stories.d.ts +0 -6
- package/dist/src/mobile/components/LottieReactionButton/LottieReactionButton.stories.js +0 -99
- package/dist/src/mobile/components/MainButton/MainButton.stories.d.ts +0 -5
- package/dist/src/mobile/components/MainButton/MainButton.stories.js +0 -112
- package/dist/src/mobile/components/MobileAlertDialog/MobileAlertDialog.stories.d.ts +0 -9
- package/dist/src/mobile/components/MobileAlertDialog/MobileAlertDialog.stories.js +0 -137
- package/dist/src/mobile/components/MobileHeaderBar/MobileHeaderBar.stories.d.ts +0 -7
- package/dist/src/mobile/components/MobileHeaderBar/MobileHeaderBar.stories.js +0 -139
- package/dist/src/mobile/components/MobileTabBar/MobileTabBar.stories.d.ts +0 -5
- package/dist/src/mobile/components/MobileTabBar/MobileTabBar.stories.js +0 -79
- package/dist/src/mobile/components/Radio/Radio.stories.d.ts +0 -7
- package/dist/src/mobile/components/Radio/Radio.stories.js +0 -100
- package/dist/src/mobile/components/ReactionButton/ReactionButton.stories.d.ts +0 -7
- package/dist/src/mobile/components/ReactionButton/ReactionButton.stories.js +0 -71
- package/dist/src/mobile/components/Select/Select.stories.d.ts +0 -8
- package/dist/src/mobile/components/Select/Select.stories.js +0 -139
- package/dist/src/mobile/components/StatusBlock/StatusBlock.stories.d.ts +0 -6
- package/dist/src/mobile/components/StatusBlock/StatusBlock.stories.js +0 -60
- package/dist/src/mobile/components/TextButton/TextButton.stories.d.ts +0 -5
- package/dist/src/mobile/components/TextButton/TextButton.stories.js +0 -73
- package/dist/src/mobile/components/TextField/TextField.stories.d.ts +0 -22
- package/dist/src/mobile/components/TextField/TextField.stories.js +0 -279
- package/dist/src/mobile/components/TextLabel/TextLabel.stories.d.ts +0 -7
- package/dist/src/mobile/components/TextLabel/TextLabel.stories.js +0 -115
- package/dist/src/mobile/components/UploadIconButton/UploadIconButton.stories.d.ts +0 -5
- package/dist/src/mobile/components/UploadIconButton/UploadIconButton.stories.js +0 -105
- package/dist/src/mobile/components/UploadMainButton/UploadMainButton.stories.d.ts +0 -5
- package/dist/src/mobile/components/UploadMainButton/UploadMainButton.stories.js +0 -117
- package/dist/src/mobile/components/UploadTextButton/UploadTextButton.stories.d.ts +0 -5
- package/dist/src/mobile/components/UploadTextButton/UploadTextButton.stories.js +0 -78
- package/dist/src/mobile/layout/LayoutMF/LayoutMF.stories.d.ts +0 -11
- package/dist/src/mobile/layout/LayoutMF/LayoutMF.stories.js +0 -77
- package/dist/src/mobile/layout/LayoutMF/LayoutMFLoading.stories.d.ts +0 -11
- package/dist/src/mobile/layout/LayoutMF/LayoutMFLoading.stories.js +0 -77
- package/dist/src/mobile/layout/LayoutMM/LayoutMM.stories.d.ts +0 -6
- package/dist/src/mobile/layout/LayoutMM/LayoutMM.stories.js +0 -64
- package/dist/src/mobile/layout/LayoutMM/LayoutMMLoading.stories.d.ts +0 -6
- package/dist/src/mobile/layout/LayoutMM/LayoutMMLoading.stories.js +0 -64
- package/dist/src/mobile/layout/LayoutMP/LayoutMP.stories.d.ts +0 -12
- package/dist/src/mobile/layout/LayoutMP/LayoutMP.stories.js +0 -90
- package/dist/src/mobile/layout/LayoutMP/LayoutMPLoading.stories.d.ts +0 -12
- package/dist/src/mobile/layout/LayoutMP/LayoutMPLoading.stories.js +0 -90
- package/dist/src/mobile/layout/LayoutMS/LayoutMS.stories.d.ts +0 -15
- package/dist/src/mobile/layout/LayoutMS/LayoutMS.stories.js +0 -104
- package/dist/src/mobile/layout/LayoutMS/LayoutMSLoading.stories.d.ts +0 -15
- package/dist/src/mobile/layout/LayoutMS/LayoutMSLoading.stories.js +0 -104
- package/dist/src/mobile/panels/AnnotationSheet/AnnotationSheet.stories.d.ts +0 -6
- package/dist/src/mobile/panels/AnnotationSheet/AnnotationSheet.stories.js +0 -108
- package/dist/src/mobile/panels/ContentSheet/ContentSheet.stories.d.ts +0 -7
- package/dist/src/mobile/panels/ContentSheet/ContentSheet.stories.js +0 -145
- package/dist/src/mobile/panels/MobileBasicModal/MobileBasicModal.stories.d.ts +0 -8
- package/dist/src/mobile/panels/MobileBasicModal/MobileBasicModal.stories.js +0 -99
- package/dist/src/mobile/panels/SectionSheet/SectionSheet.stories.d.ts +0 -5
- package/dist/src/mobile/panels/SectionSheet/SectionSheet.stories.js +0 -100
- package/dist/src/sub/DynamicLayout/DynamicLayout.stories.d.ts +0 -5
- package/dist/src/sub/DynamicLayout/DynamicLayout.stories.js +0 -1158
- package/dist/src/sub/DynamicLayout/components/YouTubeIframe/YouTubeIframe.stories.d.ts +0 -5
- package/dist/src/sub/DynamicLayout/components/YouTubeIframe/YouTubeIframe.stories.js +0 -36
- package/dist/src/sub/DynamicLayout/sections/ContentsCarouselSection/ContentsCarouselSection.stories.d.ts +0 -8
- package/dist/src/sub/DynamicLayout/sections/ContentsCarouselSection/ContentsCarouselSection.stories.js +0 -60
- package/dist/src/sub/DynamicLayout/sections/ContentsSection/ContentsSection.stories.d.ts +0 -8
- package/dist/src/sub/DynamicLayout/sections/ContentsSection/ContentsSection.stories.js +0 -60
- package/dist/src/sub/DynamicLayout/sections/FooterSection/FooterSection.stories.d.ts +0 -8
- package/dist/src/sub/DynamicLayout/sections/FooterSection/FooterSection.stories.js +0 -60
- package/dist/src/sub/DynamicLayout/sections/InfoBoxSection/InfoBoxSection.stories.d.ts +0 -6
- package/dist/src/sub/DynamicLayout/sections/InfoBoxSection/InfoBoxSection.stories.js +0 -50
- package/dist/src/sub/DynamicLayout/sections/IntroSection/IntroSection.stories.d.ts +0 -12
- package/dist/src/sub/DynamicLayout/sections/IntroSection/IntroSection.stories.js +0 -80
- package/tsconfig.extend.json +0 -13
|
@@ -1,12 +0,0 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
|
-
import type { ComponentStory, ComponentMeta } from '@storybook/react';
|
|
3
|
-
declare const _default: ComponentMeta<({ navigationContainer, children }: import("./LayoutMP").LayoutMPProps) => JSX.Element>;
|
|
4
|
-
export default _default;
|
|
5
|
-
export declare const MPA_1: ComponentStory<({ navigationContainer, children }: import("./LayoutMP").LayoutMPProps) => JSX.Element>;
|
|
6
|
-
export declare const MPB_1: ComponentStory<({ navigationContainer, children }: import("./LayoutMP").LayoutMPProps) => JSX.Element>;
|
|
7
|
-
export declare const MPC_1: ComponentStory<({ navigationContainer, children }: import("./LayoutMP").LayoutMPProps) => JSX.Element>;
|
|
8
|
-
export declare const MPC_2: ComponentStory<({ navigationContainer, children }: import("./LayoutMP").LayoutMPProps) => JSX.Element>;
|
|
9
|
-
export declare const MPD_1: ComponentStory<({ navigationContainer, children }: import("./LayoutMP").LayoutMPProps) => JSX.Element>;
|
|
10
|
-
export declare const MPE_1: ComponentStory<({ navigationContainer, children }: import("./LayoutMP").LayoutMPProps) => JSX.Element>;
|
|
11
|
-
export declare const MPF_1: ComponentStory<({ navigationContainer, children }: import("./LayoutMP").LayoutMPProps) => JSX.Element>;
|
|
12
|
-
export declare const MPF_2: ComponentStory<({ navigationContainer, children }: import("./LayoutMP").LayoutMPProps) => JSX.Element>;
|
|
@@ -1,90 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
|
|
3
|
-
if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
|
|
4
|
-
return cooked;
|
|
5
|
-
};
|
|
6
|
-
var __assign = (this && this.__assign) || function () {
|
|
7
|
-
__assign = Object.assign || function(t) {
|
|
8
|
-
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
9
|
-
s = arguments[i];
|
|
10
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
11
|
-
t[p] = s[p];
|
|
12
|
-
}
|
|
13
|
-
return t;
|
|
14
|
-
};
|
|
15
|
-
return __assign.apply(this, arguments);
|
|
16
|
-
};
|
|
17
|
-
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
18
|
-
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
19
|
-
};
|
|
20
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
21
|
-
exports.MPF_2 = exports.MPF_1 = exports.MPE_1 = exports.MPD_1 = exports.MPC_2 = exports.MPC_1 = exports.MPB_1 = exports.MPA_1 = void 0;
|
|
22
|
-
var jsx_runtime_1 = require("react/jsx-runtime");
|
|
23
|
-
var styled_components_1 = __importDefault(require("styled-components"));
|
|
24
|
-
var Containers_1 = require("./Containers");
|
|
25
|
-
var ContainersBox_1 = require("./ContainersBox");
|
|
26
|
-
var LayoutMP_1 = __importDefault(require("./LayoutMP"));
|
|
27
|
-
exports.default = {
|
|
28
|
-
title: 'mobile/layout/LayoutMP',
|
|
29
|
-
parameters: {
|
|
30
|
-
docs: {
|
|
31
|
-
description: {
|
|
32
|
-
component: 'LayoutMP유형. NavigationContainer와 ContainersBox 컴포넌트와 함께 쓰여야한다.'
|
|
33
|
-
}
|
|
34
|
-
}
|
|
35
|
-
},
|
|
36
|
-
argTypes: {
|
|
37
|
-
navigationContainer: {
|
|
38
|
-
description: '내부에 NavigationContainer컴포넌트를 위치 시킨 후, 해당 컴포넌트에 navigationContent값으로 해당 부분에 들어가는 컴포넌트를 넣어준다.',
|
|
39
|
-
type: {
|
|
40
|
-
summary: 'JSX.Element'
|
|
41
|
-
}
|
|
42
|
-
},
|
|
43
|
-
children: {
|
|
44
|
-
description: '내부에 ContainersBox컴포넌트를 위치 시킨 후, layoutType을 명시해 준다. 와이어프레임이나 스토리북을 참고하여 pageMenuContent, tabMenuContent, content1, content2중에 채워야하는 부분을 선택하여 해당 부분에 들어가는 컴포넌트를 넣어준다.',
|
|
45
|
-
type: {
|
|
46
|
-
summary: 'React.ReactNode'
|
|
47
|
-
}
|
|
48
|
-
}
|
|
49
|
-
}
|
|
50
|
-
};
|
|
51
|
-
var S_NavigationContent = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n background: #d9cadf;\n height: 56px;\n"], ["\n background: #d9cadf;\n height: 56px;\n"])));
|
|
52
|
-
var S_tabContent = styled_components_1.default.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n background: #d9cadf;\n height: 100%;\n"], ["\n background: #d9cadf;\n height: 100%;\n"])));
|
|
53
|
-
var S_Content1 = styled_components_1.default.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n background: #d9cadf;\n height: 700px;\n"], ["\n background: #d9cadf;\n height: 700px;\n"])));
|
|
54
|
-
var S_Content2 = styled_components_1.default.div(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n background: #d9cadf;\n height: 1000px;\n"], ["\n background: #d9cadf;\n height: 1000px;\n"])));
|
|
55
|
-
var S_ScrollContent = styled_components_1.default.div(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n height: 100%;\n overflow: auto;\n"], ["\n height: 100%;\n overflow: auto;\n"])));
|
|
56
|
-
var S_ScrollComponent = styled_components_1.default.div(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n background: #810ab1;\n height: 2000px;\n"], ["\n background: #810ab1;\n height: 2000px;\n"])));
|
|
57
|
-
var TemplateLayoutMP = function (args) { return ((0, jsx_runtime_1.jsx)(LayoutMP_1.default, __assign({}, args, { navigationContainer: (0, jsx_runtime_1.jsx)(Containers_1.NavigationContainer, { navigationContent: (0, jsx_runtime_1.jsx)(S_NavigationContent, { children: "NavigationContent" }, void 0) }, void 0) }), void 0)); };
|
|
58
|
-
exports.MPA_1 = TemplateLayoutMP.bind({});
|
|
59
|
-
exports.MPA_1.args = {
|
|
60
|
-
children: ((0, jsx_runtime_1.jsx)(ContainersBox_1.ContainersBox, { layoutType: "MPA_1", content1: (0, jsx_runtime_1.jsx)(S_Content1, { children: "Content1" }, void 0), containerColor: "#fff7ed", areaColor: "#ffdeda" }, void 0))
|
|
61
|
-
};
|
|
62
|
-
exports.MPB_1 = TemplateLayoutMP.bind({});
|
|
63
|
-
exports.MPB_1.args = {
|
|
64
|
-
children: ((0, jsx_runtime_1.jsx)(ContainersBox_1.ContainersBox, { layoutType: "MPB_1", tabContent: (0, jsx_runtime_1.jsx)(S_tabContent, { children: "tabContent" }, void 0), content1: (0, jsx_runtime_1.jsx)(S_Content1, { children: "Content1" }, void 0), containerColor: "#fff7ed", areaColor: "#ffdeda" }, void 0))
|
|
65
|
-
};
|
|
66
|
-
exports.MPC_1 = TemplateLayoutMP.bind({});
|
|
67
|
-
exports.MPC_1.args = {
|
|
68
|
-
children: ((0, jsx_runtime_1.jsx)(ContainersBox_1.ContainersBox, { layoutType: "MPC_1", content1: (0, jsx_runtime_1.jsx)(S_ScrollContent, { children: (0, jsx_runtime_1.jsx)(S_ScrollComponent, { children: "ScrollComponent" }, void 0) }, void 0), content2: (0, jsx_runtime_1.jsx)(S_Content2, { children: "Content2" }, void 0), containerColor: "#fff7ed", areaColor: "#ffdeda" }, void 0))
|
|
69
|
-
};
|
|
70
|
-
exports.MPC_2 = TemplateLayoutMP.bind({});
|
|
71
|
-
exports.MPC_2.args = {
|
|
72
|
-
children: ((0, jsx_runtime_1.jsx)(ContainersBox_1.ContainersBox, { layoutType: "MPC_2", content1: (0, jsx_runtime_1.jsx)(S_ScrollContent, { children: (0, jsx_runtime_1.jsx)(S_ScrollComponent, { children: "ScrollComponent" }, void 0) }, void 0), content2: (0, jsx_runtime_1.jsx)(S_Content2, { children: "Content2" }, void 0), containerColor: "#fff7ed", areaColor: "#ffdeda" }, void 0))
|
|
73
|
-
};
|
|
74
|
-
exports.MPD_1 = TemplateLayoutMP.bind({});
|
|
75
|
-
exports.MPD_1.args = {
|
|
76
|
-
children: ((0, jsx_runtime_1.jsx)(ContainersBox_1.ContainersBox, { layoutType: "MPD_1", content1: (0, jsx_runtime_1.jsx)(S_ScrollContent, { children: (0, jsx_runtime_1.jsx)(S_ScrollComponent, { children: "ScrollComponent" }, void 0) }, void 0), containerColor: "#fff7ed", areaColor: "#ffdeda" }, void 0))
|
|
77
|
-
};
|
|
78
|
-
exports.MPE_1 = TemplateLayoutMP.bind({});
|
|
79
|
-
exports.MPE_1.args = {
|
|
80
|
-
children: ((0, jsx_runtime_1.jsx)(ContainersBox_1.ContainersBox, { layoutType: "MPE_1", tabContent: (0, jsx_runtime_1.jsx)(S_tabContent, { children: "tabContent" }, void 0), content1: (0, jsx_runtime_1.jsx)(S_ScrollContent, { children: (0, jsx_runtime_1.jsx)(S_ScrollComponent, { children: "ScrollComponent" }, void 0) }, void 0), containerColor: "#fff7ed", areaColor: "#ffdeda" }, void 0))
|
|
81
|
-
};
|
|
82
|
-
exports.MPF_1 = TemplateLayoutMP.bind({});
|
|
83
|
-
exports.MPF_1.args = {
|
|
84
|
-
children: ((0, jsx_runtime_1.jsx)(ContainersBox_1.ContainersBox, { layoutType: "MPF_1", content1: (0, jsx_runtime_1.jsx)(S_ScrollContent, { children: (0, jsx_runtime_1.jsx)(S_ScrollComponent, { children: "ScrollComponent" }, void 0) }, void 0), content2: (0, jsx_runtime_1.jsx)(S_ScrollContent, { children: (0, jsx_runtime_1.jsx)(S_ScrollComponent, { children: "ScrollComponent" }, void 0) }, void 0), containerColor: "#fff7ed", areaColor: "#ffdeda" }, void 0))
|
|
85
|
-
};
|
|
86
|
-
exports.MPF_2 = TemplateLayoutMP.bind({});
|
|
87
|
-
exports.MPF_2.args = {
|
|
88
|
-
children: ((0, jsx_runtime_1.jsx)(ContainersBox_1.ContainersBox, { layoutType: "MPF_2", content1: (0, jsx_runtime_1.jsx)(S_ScrollContent, { children: (0, jsx_runtime_1.jsx)(S_ScrollComponent, { children: "ScrollComponent" }, void 0) }, void 0), content2: (0, jsx_runtime_1.jsx)(S_ScrollContent, { children: (0, jsx_runtime_1.jsx)(S_ScrollComponent, { children: "ScrollComponent" }, void 0) }, void 0), containerColor: "#fff7ed", areaColor: "#ffdeda" }, void 0))
|
|
89
|
-
};
|
|
90
|
-
var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6;
|
|
@@ -1,12 +0,0 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
|
-
import type { ComponentStory, ComponentMeta } from '@storybook/react';
|
|
3
|
-
declare const _default: ComponentMeta<({ navigationContainer, children }: import("./LayoutMP").LayoutMPProps) => JSX.Element>;
|
|
4
|
-
export default _default;
|
|
5
|
-
export declare const MPA_1: ComponentStory<({ navigationContainer, children }: import("./LayoutMP").LayoutMPProps) => JSX.Element>;
|
|
6
|
-
export declare const MPB_1: ComponentStory<({ navigationContainer, children }: import("./LayoutMP").LayoutMPProps) => JSX.Element>;
|
|
7
|
-
export declare const MPC_1: ComponentStory<({ navigationContainer, children }: import("./LayoutMP").LayoutMPProps) => JSX.Element>;
|
|
8
|
-
export declare const MPC_2: ComponentStory<({ navigationContainer, children }: import("./LayoutMP").LayoutMPProps) => JSX.Element>;
|
|
9
|
-
export declare const MPD_1: ComponentStory<({ navigationContainer, children }: import("./LayoutMP").LayoutMPProps) => JSX.Element>;
|
|
10
|
-
export declare const MPE_1: ComponentStory<({ navigationContainer, children }: import("./LayoutMP").LayoutMPProps) => JSX.Element>;
|
|
11
|
-
export declare const MPF_1: ComponentStory<({ navigationContainer, children }: import("./LayoutMP").LayoutMPProps) => JSX.Element>;
|
|
12
|
-
export declare const MPF_2: ComponentStory<({ navigationContainer, children }: import("./LayoutMP").LayoutMPProps) => JSX.Element>;
|
|
@@ -1,90 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
|
|
3
|
-
if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
|
|
4
|
-
return cooked;
|
|
5
|
-
};
|
|
6
|
-
var __assign = (this && this.__assign) || function () {
|
|
7
|
-
__assign = Object.assign || function(t) {
|
|
8
|
-
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
9
|
-
s = arguments[i];
|
|
10
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
11
|
-
t[p] = s[p];
|
|
12
|
-
}
|
|
13
|
-
return t;
|
|
14
|
-
};
|
|
15
|
-
return __assign.apply(this, arguments);
|
|
16
|
-
};
|
|
17
|
-
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
18
|
-
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
19
|
-
};
|
|
20
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
21
|
-
exports.MPF_2 = exports.MPF_1 = exports.MPE_1 = exports.MPD_1 = exports.MPC_2 = exports.MPC_1 = exports.MPB_1 = exports.MPA_1 = void 0;
|
|
22
|
-
var jsx_runtime_1 = require("react/jsx-runtime");
|
|
23
|
-
var styled_components_1 = __importDefault(require("styled-components"));
|
|
24
|
-
var Containers_1 = require("./Containers");
|
|
25
|
-
var ContainersBox_1 = require("./ContainersBox");
|
|
26
|
-
var LayoutMP_1 = __importDefault(require("./LayoutMP"));
|
|
27
|
-
exports.default = {
|
|
28
|
-
title: 'test/mobile/layout-loading/LayoutMP',
|
|
29
|
-
parameters: {
|
|
30
|
-
docs: {
|
|
31
|
-
description: {
|
|
32
|
-
component: 'LayoutMP유형. NavigationContainer와 ContainersBox 컴포넌트와 함께 쓰여야한다.'
|
|
33
|
-
}
|
|
34
|
-
}
|
|
35
|
-
},
|
|
36
|
-
argTypes: {
|
|
37
|
-
navigationContainer: {
|
|
38
|
-
description: '내부에 NavigationContainer컴포넌트를 위치 시킨 후, 해당 컴포넌트에 navigationContent값으로 해당 부분에 들어가는 컴포넌트를 넣어준다.',
|
|
39
|
-
type: {
|
|
40
|
-
summary: 'JSX.Element'
|
|
41
|
-
}
|
|
42
|
-
},
|
|
43
|
-
children: {
|
|
44
|
-
description: '내부에 ContainersBox컴포넌트를 위치 시킨 후, layoutType을 명시해 준다. 와이어프레임이나 스토리북을 참고하여 pageMenuContent, tabMenuContent, content1, content2중에 채워야하는 부분을 선택하여 해당 부분에 들어가는 컴포넌트를 넣어준다.',
|
|
45
|
-
type: {
|
|
46
|
-
summary: 'React.ReactNode'
|
|
47
|
-
}
|
|
48
|
-
}
|
|
49
|
-
}
|
|
50
|
-
};
|
|
51
|
-
var S_NavigationContent = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n background: #d9cadf;\n height: 56px;\n"], ["\n background: #d9cadf;\n height: 56px;\n"])));
|
|
52
|
-
var S_tabContent = styled_components_1.default.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n background: #d9cadf;\n height: 100%;\n"], ["\n background: #d9cadf;\n height: 100%;\n"])));
|
|
53
|
-
var S_Content1 = styled_components_1.default.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n background: #d9cadf;\n height: 700px;\n"], ["\n background: #d9cadf;\n height: 700px;\n"])));
|
|
54
|
-
var S_Content2 = styled_components_1.default.div(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n background: #d9cadf;\n height: 1000px;\n"], ["\n background: #d9cadf;\n height: 1000px;\n"])));
|
|
55
|
-
var S_ScrollContent = styled_components_1.default.div(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n height: 100%;\n overflow: auto;\n"], ["\n height: 100%;\n overflow: auto;\n"])));
|
|
56
|
-
var S_ScrollComponent = styled_components_1.default.div(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n background: #810ab1;\n height: 2000px;\n"], ["\n background: #810ab1;\n height: 2000px;\n"])));
|
|
57
|
-
var TemplateLayoutMP = function (args) { return ((0, jsx_runtime_1.jsx)(LayoutMP_1.default, __assign({}, args, { navigationContainer: (0, jsx_runtime_1.jsx)(Containers_1.NavigationContainer, { navigationContent: (0, jsx_runtime_1.jsx)(S_NavigationContent, { children: "NavigationContent" }, void 0) }, void 0) }), void 0)); };
|
|
58
|
-
exports.MPA_1 = TemplateLayoutMP.bind({});
|
|
59
|
-
exports.MPA_1.args = {
|
|
60
|
-
children: ((0, jsx_runtime_1.jsx)(ContainersBox_1.ContainersBox, { layoutType: "MPA_1", content1: (0, jsx_runtime_1.jsx)(S_Content1, { children: "Content1" }, void 0), containerColor: "#fff7ed", areaColor: "#ffdeda", isLoadingContainer1: true }, void 0))
|
|
61
|
-
};
|
|
62
|
-
exports.MPB_1 = TemplateLayoutMP.bind({});
|
|
63
|
-
exports.MPB_1.args = {
|
|
64
|
-
children: ((0, jsx_runtime_1.jsx)(ContainersBox_1.ContainersBox, { layoutType: "MPB_1", tabContent: (0, jsx_runtime_1.jsx)(S_tabContent, { children: "tabContent" }, void 0), content1: (0, jsx_runtime_1.jsx)(S_Content1, { children: "Content1" }, void 0), containerColor: "#fff7ed", areaColor: "#ffdeda", isLoadingContainer1: true }, void 0))
|
|
65
|
-
};
|
|
66
|
-
exports.MPC_1 = TemplateLayoutMP.bind({});
|
|
67
|
-
exports.MPC_1.args = {
|
|
68
|
-
children: ((0, jsx_runtime_1.jsx)(ContainersBox_1.ContainersBox, { layoutType: "MPC_1", content1: (0, jsx_runtime_1.jsx)(S_ScrollContent, { children: (0, jsx_runtime_1.jsx)(S_ScrollComponent, { children: "ScrollComponent" }, void 0) }, void 0), content2: (0, jsx_runtime_1.jsx)(S_Content2, { children: "Content2" }, void 0), containerColor: "#fff7ed", areaColor: "#ffdeda", isLoadingContainer1: true }, void 0))
|
|
69
|
-
};
|
|
70
|
-
exports.MPC_2 = TemplateLayoutMP.bind({});
|
|
71
|
-
exports.MPC_2.args = {
|
|
72
|
-
children: ((0, jsx_runtime_1.jsx)(ContainersBox_1.ContainersBox, { layoutType: "MPC_2", content1: (0, jsx_runtime_1.jsx)(S_ScrollContent, { children: (0, jsx_runtime_1.jsx)(S_ScrollComponent, { children: "ScrollComponent" }, void 0) }, void 0), content2: (0, jsx_runtime_1.jsx)(S_Content2, { children: "Content2" }, void 0), containerColor: "#fff7ed", areaColor: "#ffdeda", isLoadingContainer1: true }, void 0))
|
|
73
|
-
};
|
|
74
|
-
exports.MPD_1 = TemplateLayoutMP.bind({});
|
|
75
|
-
exports.MPD_1.args = {
|
|
76
|
-
children: ((0, jsx_runtime_1.jsx)(ContainersBox_1.ContainersBox, { layoutType: "MPD_1", content1: (0, jsx_runtime_1.jsx)(S_ScrollContent, { children: (0, jsx_runtime_1.jsx)(S_ScrollComponent, { children: "ScrollComponent" }, void 0) }, void 0), containerColor: "#fff7ed", areaColor: "#ffdeda", isLoadingContainer1: true }, void 0))
|
|
77
|
-
};
|
|
78
|
-
exports.MPE_1 = TemplateLayoutMP.bind({});
|
|
79
|
-
exports.MPE_1.args = {
|
|
80
|
-
children: ((0, jsx_runtime_1.jsx)(ContainersBox_1.ContainersBox, { layoutType: "MPE_1", tabContent: (0, jsx_runtime_1.jsx)(S_tabContent, { children: "tabContent" }, void 0), content1: (0, jsx_runtime_1.jsx)(S_ScrollContent, { children: (0, jsx_runtime_1.jsx)(S_ScrollComponent, { children: "ScrollComponent" }, void 0) }, void 0), containerColor: "#fff7ed", areaColor: "#ffdeda", isLoadingContainer1: true }, void 0))
|
|
81
|
-
};
|
|
82
|
-
exports.MPF_1 = TemplateLayoutMP.bind({});
|
|
83
|
-
exports.MPF_1.args = {
|
|
84
|
-
children: ((0, jsx_runtime_1.jsx)(ContainersBox_1.ContainersBox, { layoutType: "MPF_1", content1: (0, jsx_runtime_1.jsx)(S_ScrollContent, { children: (0, jsx_runtime_1.jsx)(S_ScrollComponent, { children: "ScrollComponent" }, void 0) }, void 0), content2: (0, jsx_runtime_1.jsx)(S_ScrollContent, { children: (0, jsx_runtime_1.jsx)(S_ScrollComponent, { children: "ScrollComponent" }, void 0) }, void 0), containerColor: "#fff7ed", areaColor: "#ffdeda", isLoadingContainer1: true, isLoadingContainer2: true }, void 0))
|
|
85
|
-
};
|
|
86
|
-
exports.MPF_2 = TemplateLayoutMP.bind({});
|
|
87
|
-
exports.MPF_2.args = {
|
|
88
|
-
children: ((0, jsx_runtime_1.jsx)(ContainersBox_1.ContainersBox, { layoutType: "MPF_2", content1: (0, jsx_runtime_1.jsx)(S_ScrollContent, { children: (0, jsx_runtime_1.jsx)(S_ScrollComponent, { children: "ScrollComponent" }, void 0) }, void 0), content2: (0, jsx_runtime_1.jsx)(S_ScrollContent, { children: (0, jsx_runtime_1.jsx)(S_ScrollComponent, { children: "ScrollComponent" }, void 0) }, void 0), containerColor: "#fff7ed", areaColor: "#ffdeda", isLoadingContainer1: true, isLoadingContainer2: true }, void 0))
|
|
89
|
-
};
|
|
90
|
-
var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6;
|
|
@@ -1,15 +0,0 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
|
-
import type { ComponentStory, ComponentMeta } from '@storybook/react';
|
|
3
|
-
declare const _default: ComponentMeta<({ navigationContainer, children }: import("./LayoutMS").LayoutMSProps) => JSX.Element>;
|
|
4
|
-
export default _default;
|
|
5
|
-
export declare const MSA_1: ComponentStory<({ navigationContainer, children }: import("./LayoutMS").LayoutMSProps) => JSX.Element>;
|
|
6
|
-
export declare const MSA_2: ComponentStory<({ navigationContainer, children }: import("./LayoutMS").LayoutMSProps) => JSX.Element>;
|
|
7
|
-
export declare const MSB_1: ComponentStory<({ navigationContainer, children }: import("./LayoutMS").LayoutMSProps) => JSX.Element>;
|
|
8
|
-
export declare const MSC_1: ComponentStory<({ navigationContainer, children }: import("./LayoutMS").LayoutMSProps) => JSX.Element>;
|
|
9
|
-
export declare const MSC_2: ComponentStory<({ navigationContainer, children }: import("./LayoutMS").LayoutMSProps) => JSX.Element>;
|
|
10
|
-
export declare const MSD_1: ComponentStory<({ navigationContainer, children }: import("./LayoutMS").LayoutMSProps) => JSX.Element>;
|
|
11
|
-
export declare const MSE_1: ComponentStory<({ navigationContainer, children }: import("./LayoutMS").LayoutMSProps) => JSX.Element>;
|
|
12
|
-
export declare const MSF_1: ComponentStory<({ navigationContainer, children }: import("./LayoutMS").LayoutMSProps) => JSX.Element>;
|
|
13
|
-
export declare const MSF_2: ComponentStory<({ navigationContainer, children }: import("./LayoutMS").LayoutMSProps) => JSX.Element>;
|
|
14
|
-
export declare const MSG_1: ComponentStory<({ navigationContainer, children }: import("./LayoutMS").LayoutMSProps) => JSX.Element>;
|
|
15
|
-
export declare const MSH_1: ComponentStory<({ navigationContainer, children }: import("./LayoutMS").LayoutMSProps) => JSX.Element>;
|
|
@@ -1,104 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
|
|
3
|
-
if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
|
|
4
|
-
return cooked;
|
|
5
|
-
};
|
|
6
|
-
var __assign = (this && this.__assign) || function () {
|
|
7
|
-
__assign = Object.assign || function(t) {
|
|
8
|
-
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
9
|
-
s = arguments[i];
|
|
10
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
11
|
-
t[p] = s[p];
|
|
12
|
-
}
|
|
13
|
-
return t;
|
|
14
|
-
};
|
|
15
|
-
return __assign.apply(this, arguments);
|
|
16
|
-
};
|
|
17
|
-
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
18
|
-
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
19
|
-
};
|
|
20
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
21
|
-
exports.MSH_1 = exports.MSG_1 = exports.MSF_2 = exports.MSF_1 = exports.MSE_1 = exports.MSD_1 = exports.MSC_2 = exports.MSC_1 = exports.MSB_1 = exports.MSA_2 = exports.MSA_1 = void 0;
|
|
22
|
-
var jsx_runtime_1 = require("react/jsx-runtime");
|
|
23
|
-
var styled_components_1 = __importDefault(require("styled-components"));
|
|
24
|
-
var Containers_1 = require("./Containers");
|
|
25
|
-
var ContainersBox_1 = require("./ContainersBox");
|
|
26
|
-
var LayoutMS_1 = __importDefault(require("./LayoutMS"));
|
|
27
|
-
exports.default = {
|
|
28
|
-
title: 'mobile/layout/LayoutMS',
|
|
29
|
-
parameters: {
|
|
30
|
-
docs: {
|
|
31
|
-
description: {
|
|
32
|
-
component: 'LayoutMS유형. NavigationContainer와 ContainersBox 컴포넌트와 함께 쓰여야한다.'
|
|
33
|
-
}
|
|
34
|
-
}
|
|
35
|
-
},
|
|
36
|
-
argTypes: {
|
|
37
|
-
navigationContainer: {
|
|
38
|
-
description: '내부에 NavigationContainer컴포넌트를 위치 시킨 후, 해당 컴포넌트에 navigationContent값으로 해당 부분에 들어가는 컴포넌트를 넣어준다.',
|
|
39
|
-
type: {
|
|
40
|
-
summary: 'JSX.Element'
|
|
41
|
-
}
|
|
42
|
-
},
|
|
43
|
-
children: {
|
|
44
|
-
description: '내부에 ContainersBox컴포넌트를 위치 시킨 후, layoutType을 명시해 준다. 와이어프레임이나 스토리북을 참고하여 pageMenuContent, tabMenuContent, content1, content2중에 채워야하는 부분을 선택하여 해당 부분에 들어가는 컴포넌트를 넣어준다.',
|
|
45
|
-
type: {
|
|
46
|
-
summary: 'React.ReactNode'
|
|
47
|
-
}
|
|
48
|
-
}
|
|
49
|
-
}
|
|
50
|
-
};
|
|
51
|
-
var S_NavigationContent = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n background: #d9cadf;\n height: 56px;\n"], ["\n background: #d9cadf;\n height: 56px;\n"])));
|
|
52
|
-
var S_ExpandNavigationContent = styled_components_1.default.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n background: #d9cadf;\n height: 82px;\n"], ["\n background: #d9cadf;\n height: 82px;\n"])));
|
|
53
|
-
var S_tabContent = styled_components_1.default.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n background: #d9cadf;\n height: 100%;\n"], ["\n background: #d9cadf;\n height: 100%;\n"])));
|
|
54
|
-
var S_Content1 = styled_components_1.default.div(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n background: #d9cadf;\n height: 700px;\n"], ["\n background: #d9cadf;\n height: 700px;\n"])));
|
|
55
|
-
var S_Content2 = styled_components_1.default.div(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n background: #d9cadf;\n height: 1000px;\n"], ["\n background: #d9cadf;\n height: 1000px;\n"])));
|
|
56
|
-
var S_ScrollContent = styled_components_1.default.div(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n height: 100%;\n overflow: auto;\n"], ["\n height: 100%;\n overflow: auto;\n"])));
|
|
57
|
-
var S_ScrollComponent = styled_components_1.default.div(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n background: #810ab1;\n height: 2000px;\n"], ["\n background: #810ab1;\n height: 2000px;\n"])));
|
|
58
|
-
var TemplateLayoutMS = function (args) { return ((0, jsx_runtime_1.jsx)(LayoutMS_1.default, __assign({}, args, { navigationContainer: (0, jsx_runtime_1.jsx)(Containers_1.NavigationContainer, { navigationContent: (0, jsx_runtime_1.jsx)(S_NavigationContent, { children: "NavigationContent" }, void 0) }, void 0) }), void 0)); };
|
|
59
|
-
var TemplateLayoutMSExpand = function (args) { return ((0, jsx_runtime_1.jsx)(LayoutMS_1.default, __assign({}, args, { navigationContainer: (0, jsx_runtime_1.jsx)(Containers_1.NavigationContainer, { navigationContent: (0, jsx_runtime_1.jsx)(S_ExpandNavigationContent, { children: "ExpandNavigationContent" }, void 0) }, void 0) }), void 0)); };
|
|
60
|
-
exports.MSA_1 = TemplateLayoutMS.bind({});
|
|
61
|
-
exports.MSA_1.args = {
|
|
62
|
-
children: ((0, jsx_runtime_1.jsx)(ContainersBox_1.ContainersBox, { layoutType: "MSA_1", content1: (0, jsx_runtime_1.jsx)(S_Content1, { children: "Content1" }, void 0), containerColor: "#fff7ed", areaColor: "#ffdeda" }, void 0))
|
|
63
|
-
};
|
|
64
|
-
exports.MSA_2 = TemplateLayoutMS.bind({});
|
|
65
|
-
exports.MSA_2.args = {
|
|
66
|
-
children: ((0, jsx_runtime_1.jsx)(ContainersBox_1.ContainersBox, { layoutType: "MSA_2", content1: (0, jsx_runtime_1.jsx)(S_Content1, { children: "Content1" }, void 0), containerColor: "#fff7ed", areaColor: "#ffdeda" }, void 0))
|
|
67
|
-
};
|
|
68
|
-
exports.MSB_1 = TemplateLayoutMSExpand.bind({});
|
|
69
|
-
exports.MSB_1.args = {
|
|
70
|
-
children: ((0, jsx_runtime_1.jsx)(ContainersBox_1.ContainersBox, { layoutType: "MSB_1", content1: (0, jsx_runtime_1.jsx)(S_Content1, { children: "Content1" }, void 0), containerColor: "#fff7ed", areaColor: "#ffdeda" }, void 0))
|
|
71
|
-
};
|
|
72
|
-
exports.MSC_1 = TemplateLayoutMS.bind({});
|
|
73
|
-
exports.MSC_1.args = {
|
|
74
|
-
children: ((0, jsx_runtime_1.jsx)(ContainersBox_1.ContainersBox, { layoutType: "MSC_1", content1: (0, jsx_runtime_1.jsx)(S_ScrollContent, { children: (0, jsx_runtime_1.jsx)(S_ScrollComponent, { children: "ScrollComponent" }, void 0) }, void 0), content2: (0, jsx_runtime_1.jsx)(S_Content2, { children: "Content2" }, void 0), containerColor: "#fff7ed", areaColor: "#ffdeda" }, void 0))
|
|
75
|
-
};
|
|
76
|
-
exports.MSC_2 = TemplateLayoutMS.bind({});
|
|
77
|
-
exports.MSC_2.args = {
|
|
78
|
-
children: ((0, jsx_runtime_1.jsx)(ContainersBox_1.ContainersBox, { layoutType: "MSC_2", content1: (0, jsx_runtime_1.jsx)(S_ScrollContent, { children: (0, jsx_runtime_1.jsx)(S_ScrollComponent, { children: "ScrollComponent" }, void 0) }, void 0), content2: (0, jsx_runtime_1.jsx)(S_Content2, { children: "Content2" }, void 0), containerColor: "#fff7ed", areaColor: "#ffdeda" }, void 0))
|
|
79
|
-
};
|
|
80
|
-
exports.MSD_1 = TemplateLayoutMS.bind({});
|
|
81
|
-
exports.MSD_1.args = {
|
|
82
|
-
children: ((0, jsx_runtime_1.jsx)(ContainersBox_1.ContainersBox, { layoutType: "MSD_1", content1: (0, jsx_runtime_1.jsx)(S_ScrollContent, { children: (0, jsx_runtime_1.jsx)(S_ScrollComponent, { children: "ScrollComponent" }, void 0) }, void 0), containerColor: "#fff7ed", areaColor: "#ffdeda" }, void 0))
|
|
83
|
-
};
|
|
84
|
-
exports.MSE_1 = TemplateLayoutMSExpand.bind({});
|
|
85
|
-
exports.MSE_1.args = {
|
|
86
|
-
children: ((0, jsx_runtime_1.jsx)(ContainersBox_1.ContainersBox, { layoutType: "MSE_1", content1: (0, jsx_runtime_1.jsx)(S_ScrollContent, { children: (0, jsx_runtime_1.jsx)(S_ScrollComponent, { children: "ScrollComponent" }, void 0) }, void 0), containerColor: "#fff7ed", areaColor: "#ffdeda" }, void 0))
|
|
87
|
-
};
|
|
88
|
-
exports.MSF_1 = TemplateLayoutMS.bind({});
|
|
89
|
-
exports.MSF_1.args = {
|
|
90
|
-
children: ((0, jsx_runtime_1.jsx)(ContainersBox_1.ContainersBox, { layoutType: "MSF_1", content1: (0, jsx_runtime_1.jsx)(S_ScrollContent, { children: (0, jsx_runtime_1.jsx)(S_ScrollComponent, { children: "ScrollComponent" }, void 0) }, void 0), content2: (0, jsx_runtime_1.jsx)(S_ScrollContent, { children: (0, jsx_runtime_1.jsx)(S_ScrollComponent, { children: "ScrollComponent" }, void 0) }, void 0), containerColor: "#fff7ed", areaColor: "#ffdeda" }, void 0))
|
|
91
|
-
};
|
|
92
|
-
exports.MSF_2 = TemplateLayoutMS.bind({});
|
|
93
|
-
exports.MSF_2.args = {
|
|
94
|
-
children: ((0, jsx_runtime_1.jsx)(ContainersBox_1.ContainersBox, { layoutType: "MSF_2", content1: (0, jsx_runtime_1.jsx)(S_ScrollContent, { children: (0, jsx_runtime_1.jsx)(S_ScrollComponent, { children: "ScrollComponent" }, void 0) }, void 0), content2: (0, jsx_runtime_1.jsx)(S_ScrollContent, { children: (0, jsx_runtime_1.jsx)(S_ScrollComponent, { children: "ScrollComponent" }, void 0) }, void 0), containerColor: "#fff7ed", areaColor: "#ffdeda" }, void 0))
|
|
95
|
-
};
|
|
96
|
-
exports.MSG_1 = TemplateLayoutMS.bind({});
|
|
97
|
-
exports.MSG_1.args = {
|
|
98
|
-
children: ((0, jsx_runtime_1.jsx)(ContainersBox_1.ContainersBox, { layoutType: "MSG_1", tabContent: (0, jsx_runtime_1.jsx)(S_tabContent, { children: "tabContent" }, void 0), content1: (0, jsx_runtime_1.jsx)(S_Content1, { children: "Content1" }, void 0), containerColor: "#fff7ed", areaColor: "#ffdeda" }, void 0))
|
|
99
|
-
};
|
|
100
|
-
exports.MSH_1 = TemplateLayoutMS.bind({});
|
|
101
|
-
exports.MSH_1.args = {
|
|
102
|
-
children: ((0, jsx_runtime_1.jsx)(ContainersBox_1.ContainersBox, { layoutType: "MSH_1", tabContent: (0, jsx_runtime_1.jsx)(S_tabContent, { children: "tabContent" }, void 0), content1: (0, jsx_runtime_1.jsx)(S_ScrollContent, { children: (0, jsx_runtime_1.jsx)(S_ScrollComponent, { children: "ScrollComponent" }, void 0) }, void 0), containerColor: "#fff7ed", areaColor: "#ffdeda" }, void 0))
|
|
103
|
-
};
|
|
104
|
-
var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7;
|
|
@@ -1,15 +0,0 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
|
-
import type { ComponentStory, ComponentMeta } from '@storybook/react';
|
|
3
|
-
declare const _default: ComponentMeta<({ navigationContainer, children }: import("./LayoutMS").LayoutMSProps) => JSX.Element>;
|
|
4
|
-
export default _default;
|
|
5
|
-
export declare const MSA_1: ComponentStory<({ navigationContainer, children }: import("./LayoutMS").LayoutMSProps) => JSX.Element>;
|
|
6
|
-
export declare const MSA_2: ComponentStory<({ navigationContainer, children }: import("./LayoutMS").LayoutMSProps) => JSX.Element>;
|
|
7
|
-
export declare const MSB_1: ComponentStory<({ navigationContainer, children }: import("./LayoutMS").LayoutMSProps) => JSX.Element>;
|
|
8
|
-
export declare const MSC_1: ComponentStory<({ navigationContainer, children }: import("./LayoutMS").LayoutMSProps) => JSX.Element>;
|
|
9
|
-
export declare const MSC_2: ComponentStory<({ navigationContainer, children }: import("./LayoutMS").LayoutMSProps) => JSX.Element>;
|
|
10
|
-
export declare const MSD_1: ComponentStory<({ navigationContainer, children }: import("./LayoutMS").LayoutMSProps) => JSX.Element>;
|
|
11
|
-
export declare const MSE_1: ComponentStory<({ navigationContainer, children }: import("./LayoutMS").LayoutMSProps) => JSX.Element>;
|
|
12
|
-
export declare const MSF_1: ComponentStory<({ navigationContainer, children }: import("./LayoutMS").LayoutMSProps) => JSX.Element>;
|
|
13
|
-
export declare const MSF_2: ComponentStory<({ navigationContainer, children }: import("./LayoutMS").LayoutMSProps) => JSX.Element>;
|
|
14
|
-
export declare const MSG_1: ComponentStory<({ navigationContainer, children }: import("./LayoutMS").LayoutMSProps) => JSX.Element>;
|
|
15
|
-
export declare const MSH_1: ComponentStory<({ navigationContainer, children }: import("./LayoutMS").LayoutMSProps) => JSX.Element>;
|
|
@@ -1,104 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
|
|
3
|
-
if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
|
|
4
|
-
return cooked;
|
|
5
|
-
};
|
|
6
|
-
var __assign = (this && this.__assign) || function () {
|
|
7
|
-
__assign = Object.assign || function(t) {
|
|
8
|
-
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
9
|
-
s = arguments[i];
|
|
10
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
11
|
-
t[p] = s[p];
|
|
12
|
-
}
|
|
13
|
-
return t;
|
|
14
|
-
};
|
|
15
|
-
return __assign.apply(this, arguments);
|
|
16
|
-
};
|
|
17
|
-
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
18
|
-
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
19
|
-
};
|
|
20
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
21
|
-
exports.MSH_1 = exports.MSG_1 = exports.MSF_2 = exports.MSF_1 = exports.MSE_1 = exports.MSD_1 = exports.MSC_2 = exports.MSC_1 = exports.MSB_1 = exports.MSA_2 = exports.MSA_1 = void 0;
|
|
22
|
-
var jsx_runtime_1 = require("react/jsx-runtime");
|
|
23
|
-
var styled_components_1 = __importDefault(require("styled-components"));
|
|
24
|
-
var Containers_1 = require("./Containers");
|
|
25
|
-
var ContainersBox_1 = require("./ContainersBox");
|
|
26
|
-
var LayoutMS_1 = __importDefault(require("./LayoutMS"));
|
|
27
|
-
exports.default = {
|
|
28
|
-
title: 'test/mobile/layout-loading/LayoutMS',
|
|
29
|
-
parameters: {
|
|
30
|
-
docs: {
|
|
31
|
-
description: {
|
|
32
|
-
component: 'LayoutMS유형. NavigationContainer와 ContainersBox 컴포넌트와 함께 쓰여야한다.'
|
|
33
|
-
}
|
|
34
|
-
}
|
|
35
|
-
},
|
|
36
|
-
argTypes: {
|
|
37
|
-
navigationContainer: {
|
|
38
|
-
description: '내부에 NavigationContainer컴포넌트를 위치 시킨 후, 해당 컴포넌트에 navigationContent값으로 해당 부분에 들어가는 컴포넌트를 넣어준다.',
|
|
39
|
-
type: {
|
|
40
|
-
summary: 'JSX.Element'
|
|
41
|
-
}
|
|
42
|
-
},
|
|
43
|
-
children: {
|
|
44
|
-
description: '내부에 ContainersBox컴포넌트를 위치 시킨 후, layoutType을 명시해 준다. 와이어프레임이나 스토리북을 참고하여 pageMenuContent, tabMenuContent, content1, content2중에 채워야하는 부분을 선택하여 해당 부분에 들어가는 컴포넌트를 넣어준다.',
|
|
45
|
-
type: {
|
|
46
|
-
summary: 'React.ReactNode'
|
|
47
|
-
}
|
|
48
|
-
}
|
|
49
|
-
}
|
|
50
|
-
};
|
|
51
|
-
var S_NavigationContent = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n background: #d9cadf;\n height: 56px;\n"], ["\n background: #d9cadf;\n height: 56px;\n"])));
|
|
52
|
-
var S_ExpandNavigationContent = styled_components_1.default.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n background: #d9cadf;\n height: 82px;\n"], ["\n background: #d9cadf;\n height: 82px;\n"])));
|
|
53
|
-
var S_tabContent = styled_components_1.default.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n background: #d9cadf;\n height: 100%;\n"], ["\n background: #d9cadf;\n height: 100%;\n"])));
|
|
54
|
-
var S_Content1 = styled_components_1.default.div(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n background: #d9cadf;\n height: 700px;\n"], ["\n background: #d9cadf;\n height: 700px;\n"])));
|
|
55
|
-
var S_Content2 = styled_components_1.default.div(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n background: #d9cadf;\n height: 1000px;\n"], ["\n background: #d9cadf;\n height: 1000px;\n"])));
|
|
56
|
-
var S_ScrollContent = styled_components_1.default.div(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n height: 100%;\n overflow: auto;\n"], ["\n height: 100%;\n overflow: auto;\n"])));
|
|
57
|
-
var S_ScrollComponent = styled_components_1.default.div(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n background: #810ab1;\n height: 2000px;\n"], ["\n background: #810ab1;\n height: 2000px;\n"])));
|
|
58
|
-
var TemplateLayoutMS = function (args) { return ((0, jsx_runtime_1.jsx)(LayoutMS_1.default, __assign({}, args, { navigationContainer: (0, jsx_runtime_1.jsx)(Containers_1.NavigationContainer, { navigationContent: (0, jsx_runtime_1.jsx)(S_NavigationContent, { children: "NavigationContent" }, void 0) }, void 0) }), void 0)); };
|
|
59
|
-
var TemplateLayoutMSExpand = function (args) { return ((0, jsx_runtime_1.jsx)(LayoutMS_1.default, __assign({}, args, { navigationContainer: (0, jsx_runtime_1.jsx)(Containers_1.NavigationContainer, { navigationContent: (0, jsx_runtime_1.jsx)(S_ExpandNavigationContent, { children: "ExpandNavigationContent" }, void 0) }, void 0) }), void 0)); };
|
|
60
|
-
exports.MSA_1 = TemplateLayoutMS.bind({});
|
|
61
|
-
exports.MSA_1.args = {
|
|
62
|
-
children: ((0, jsx_runtime_1.jsx)(ContainersBox_1.ContainersBox, { layoutType: "MSA_1", content1: (0, jsx_runtime_1.jsx)(S_Content1, { children: "Content1" }, void 0), containerColor: "#fff7ed", areaColor: "#ffdeda", isLoadingContainer1: true }, void 0))
|
|
63
|
-
};
|
|
64
|
-
exports.MSA_2 = TemplateLayoutMS.bind({});
|
|
65
|
-
exports.MSA_2.args = {
|
|
66
|
-
children: ((0, jsx_runtime_1.jsx)(ContainersBox_1.ContainersBox, { layoutType: "MSA_2", content1: (0, jsx_runtime_1.jsx)(S_Content1, { children: "Content1" }, void 0), containerColor: "#fff7ed", areaColor: "#ffdeda", isLoadingContainer1: true }, void 0))
|
|
67
|
-
};
|
|
68
|
-
exports.MSB_1 = TemplateLayoutMSExpand.bind({});
|
|
69
|
-
exports.MSB_1.args = {
|
|
70
|
-
children: ((0, jsx_runtime_1.jsx)(ContainersBox_1.ContainersBox, { layoutType: "MSB_1", content1: (0, jsx_runtime_1.jsx)(S_Content1, { children: "Content1" }, void 0), containerColor: "#fff7ed", areaColor: "#ffdeda", isLoadingContainer1: true }, void 0))
|
|
71
|
-
};
|
|
72
|
-
exports.MSC_1 = TemplateLayoutMS.bind({});
|
|
73
|
-
exports.MSC_1.args = {
|
|
74
|
-
children: ((0, jsx_runtime_1.jsx)(ContainersBox_1.ContainersBox, { layoutType: "MSC_1", content1: (0, jsx_runtime_1.jsx)(S_ScrollContent, { children: (0, jsx_runtime_1.jsx)(S_ScrollComponent, { children: "ScrollComponent" }, void 0) }, void 0), content2: (0, jsx_runtime_1.jsx)(S_Content2, { children: "Content2" }, void 0), containerColor: "#fff7ed", areaColor: "#ffdeda", isLoadingContainer1: true }, void 0))
|
|
75
|
-
};
|
|
76
|
-
exports.MSC_2 = TemplateLayoutMS.bind({});
|
|
77
|
-
exports.MSC_2.args = {
|
|
78
|
-
children: ((0, jsx_runtime_1.jsx)(ContainersBox_1.ContainersBox, { layoutType: "MSC_2", content1: (0, jsx_runtime_1.jsx)(S_ScrollContent, { children: (0, jsx_runtime_1.jsx)(S_ScrollComponent, { children: "ScrollComponent" }, void 0) }, void 0), content2: (0, jsx_runtime_1.jsx)(S_Content2, { children: "Content2" }, void 0), containerColor: "#fff7ed", areaColor: "#ffdeda", isLoadingContainer1: true }, void 0))
|
|
79
|
-
};
|
|
80
|
-
exports.MSD_1 = TemplateLayoutMS.bind({});
|
|
81
|
-
exports.MSD_1.args = {
|
|
82
|
-
children: ((0, jsx_runtime_1.jsx)(ContainersBox_1.ContainersBox, { layoutType: "MSD_1", content1: (0, jsx_runtime_1.jsx)(S_ScrollContent, { children: (0, jsx_runtime_1.jsx)(S_ScrollComponent, { children: "ScrollComponent" }, void 0) }, void 0), containerColor: "#fff7ed", areaColor: "#ffdeda", isLoadingContainer1: true }, void 0))
|
|
83
|
-
};
|
|
84
|
-
exports.MSE_1 = TemplateLayoutMSExpand.bind({});
|
|
85
|
-
exports.MSE_1.args = {
|
|
86
|
-
children: ((0, jsx_runtime_1.jsx)(ContainersBox_1.ContainersBox, { layoutType: "MSE_1", content1: (0, jsx_runtime_1.jsx)(S_ScrollContent, { children: (0, jsx_runtime_1.jsx)(S_ScrollComponent, { children: "ScrollComponent" }, void 0) }, void 0), containerColor: "#fff7ed", areaColor: "#ffdeda", isLoadingContainer1: true }, void 0))
|
|
87
|
-
};
|
|
88
|
-
exports.MSF_1 = TemplateLayoutMS.bind({});
|
|
89
|
-
exports.MSF_1.args = {
|
|
90
|
-
children: ((0, jsx_runtime_1.jsx)(ContainersBox_1.ContainersBox, { layoutType: "MSF_1", content1: (0, jsx_runtime_1.jsx)(S_ScrollContent, { children: (0, jsx_runtime_1.jsx)(S_ScrollComponent, { children: "ScrollComponent" }, void 0) }, void 0), content2: (0, jsx_runtime_1.jsx)(S_ScrollContent, { children: (0, jsx_runtime_1.jsx)(S_ScrollComponent, { children: "ScrollComponent" }, void 0) }, void 0), containerColor: "#fff7ed", areaColor: "#ffdeda", isLoadingContainer1: true, isLoadingContainer2: true }, void 0))
|
|
91
|
-
};
|
|
92
|
-
exports.MSF_2 = TemplateLayoutMS.bind({});
|
|
93
|
-
exports.MSF_2.args = {
|
|
94
|
-
children: ((0, jsx_runtime_1.jsx)(ContainersBox_1.ContainersBox, { layoutType: "MSF_2", content1: (0, jsx_runtime_1.jsx)(S_ScrollContent, { children: (0, jsx_runtime_1.jsx)(S_ScrollComponent, { children: "ScrollComponent" }, void 0) }, void 0), content2: (0, jsx_runtime_1.jsx)(S_ScrollContent, { children: (0, jsx_runtime_1.jsx)(S_ScrollComponent, { children: "ScrollComponent" }, void 0) }, void 0), containerColor: "#fff7ed", areaColor: "#ffdeda", isLoadingContainer1: true, isLoadingContainer2: true }, void 0))
|
|
95
|
-
};
|
|
96
|
-
exports.MSG_1 = TemplateLayoutMS.bind({});
|
|
97
|
-
exports.MSG_1.args = {
|
|
98
|
-
children: ((0, jsx_runtime_1.jsx)(ContainersBox_1.ContainersBox, { layoutType: "MSG_1", tabContent: (0, jsx_runtime_1.jsx)(S_tabContent, { children: "tabContent" }, void 0), content1: (0, jsx_runtime_1.jsx)(S_Content1, { children: "Content1" }, void 0), containerColor: "#fff7ed", areaColor: "#ffdeda", isLoadingContainer1: true }, void 0))
|
|
99
|
-
};
|
|
100
|
-
exports.MSH_1 = TemplateLayoutMS.bind({});
|
|
101
|
-
exports.MSH_1.args = {
|
|
102
|
-
children: ((0, jsx_runtime_1.jsx)(ContainersBox_1.ContainersBox, { layoutType: "MSH_1", tabContent: (0, jsx_runtime_1.jsx)(S_tabContent, { children: "tabContent" }, void 0), content1: (0, jsx_runtime_1.jsx)(S_ScrollContent, { children: (0, jsx_runtime_1.jsx)(S_ScrollComponent, { children: "ScrollComponent" }, void 0) }, void 0), containerColor: "#fff7ed", areaColor: "#ffdeda", isLoadingContainer1: true }, void 0))
|
|
103
|
-
};
|
|
104
|
-
var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7;
|
|
@@ -1,6 +0,0 @@
|
|
|
1
|
-
import AnnotationSheet from './AnnotationSheet';
|
|
2
|
-
import type { ComponentStory, ComponentMeta } from '@storybook/react';
|
|
3
|
-
declare const _default: ComponentMeta<typeof AnnotationSheet>;
|
|
4
|
-
export default _default;
|
|
5
|
-
export declare const Default: ComponentStory<typeof AnnotationSheet>;
|
|
6
|
-
export declare const UseCase1MoreInformation: ComponentStory<typeof AnnotationSheet>;
|
|
@@ -1,108 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
var __assign = (this && this.__assign) || function () {
|
|
3
|
-
__assign = Object.assign || function(t) {
|
|
4
|
-
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
5
|
-
s = arguments[i];
|
|
6
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
7
|
-
t[p] = s[p];
|
|
8
|
-
}
|
|
9
|
-
return t;
|
|
10
|
-
};
|
|
11
|
-
return __assign.apply(this, arguments);
|
|
12
|
-
};
|
|
13
|
-
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
14
|
-
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
15
|
-
};
|
|
16
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
17
|
-
exports.UseCase1MoreInformation = exports.Default = void 0;
|
|
18
|
-
var jsx_runtime_1 = require("react/jsx-runtime");
|
|
19
|
-
var hybrid_1 = require("../../../hybrid");
|
|
20
|
-
var TextLabel_1 = __importDefault(require("../../components/TextLabel/TextLabel"));
|
|
21
|
-
var AnnotationSheet_1 = __importDefault(require("./AnnotationSheet"));
|
|
22
|
-
exports.default = {
|
|
23
|
-
title: 'mobile/panels/AnnotationSheet',
|
|
24
|
-
component: AnnotationSheet_1.default,
|
|
25
|
-
parameters: {
|
|
26
|
-
docs: {
|
|
27
|
-
description: {
|
|
28
|
-
component: 'mobile환경에 최적화 된 AnnotationSheet 패널'
|
|
29
|
-
}
|
|
30
|
-
}
|
|
31
|
-
},
|
|
32
|
-
argTypes: {
|
|
33
|
-
width: {
|
|
34
|
-
description: '너비값을 입력합니다. (px, %, vw...)',
|
|
35
|
-
control: { type: 'text' }
|
|
36
|
-
},
|
|
37
|
-
height: {
|
|
38
|
-
description: '높이값을 입력합니다. (px, %, vh...)',
|
|
39
|
-
control: { type: 'text' }
|
|
40
|
-
},
|
|
41
|
-
backgroundColorTheme: {
|
|
42
|
-
description: '미리 부여되어 있는 색상으로 배경 컬러를 결정합니다.',
|
|
43
|
-
control: { type: 'inline-radio' }
|
|
44
|
-
},
|
|
45
|
-
overrideBackgroundColorKey: {
|
|
46
|
-
description: '미리 부여되어 있는 색상 외의 색상으로 배경 컬러를 결정합니다. (ui_로 정의된 컬러값)',
|
|
47
|
-
control: { type: 'select' }
|
|
48
|
-
},
|
|
49
|
-
borderMode: {
|
|
50
|
-
description: '라인의 사용여부를 결정합니다.',
|
|
51
|
-
control: { type: 'inline-radio' }
|
|
52
|
-
},
|
|
53
|
-
borderWidth: {
|
|
54
|
-
description: '라인의 굵기를 결정합니다.',
|
|
55
|
-
control: { type: 'inline-radio' }
|
|
56
|
-
},
|
|
57
|
-
borderColorTheme: {
|
|
58
|
-
description: '미리 부여되어 있는 색상으로 라인 컬러를 결정합니다.',
|
|
59
|
-
control: { type: 'inline-radio' }
|
|
60
|
-
},
|
|
61
|
-
overrideBorderColorKey: {
|
|
62
|
-
description: '미리 부여되어 있는 색상 외의 색상으로 라인 컬러를 결정합니다. (ui_로 정의된 컬러값)',
|
|
63
|
-
control: { type: 'select' }
|
|
64
|
-
},
|
|
65
|
-
shapeType: {
|
|
66
|
-
description: '형태를 결정합니다.',
|
|
67
|
-
control: { type: 'inline-radio' }
|
|
68
|
-
},
|
|
69
|
-
radius: {
|
|
70
|
-
description: '모서리값을 결정합니다. (*shapeType : round 일 때만 적용됩니다.)',
|
|
71
|
-
control: { type: 'inline-radio' }
|
|
72
|
-
},
|
|
73
|
-
paddingTop: {
|
|
74
|
-
description: 'padding-top 값을 결정합니다.',
|
|
75
|
-
control: { type: 'radio' }
|
|
76
|
-
},
|
|
77
|
-
paddingRight: {
|
|
78
|
-
description: 'padding-right 값을 결정합니다.',
|
|
79
|
-
control: { type: 'radio' }
|
|
80
|
-
},
|
|
81
|
-
paddingBottom: {
|
|
82
|
-
description: 'padding-bottom 값을 결정합니다.',
|
|
83
|
-
control: { type: 'radio' }
|
|
84
|
-
},
|
|
85
|
-
paddingLeft: {
|
|
86
|
-
description: 'padding-left 값을 결정합니다.',
|
|
87
|
-
control: { type: 'radio' }
|
|
88
|
-
},
|
|
89
|
-
overrideCSS: {
|
|
90
|
-
description: '제공되어진 property와 value를 가지고 표현할 수 없는 경우를 자유롭게 기술하여 표현할 수 있습니다.'
|
|
91
|
-
},
|
|
92
|
-
children: {
|
|
93
|
-
description: 'sheet내부에 내용을 부여할 수 있습니다.'
|
|
94
|
-
},
|
|
95
|
-
onClick: {
|
|
96
|
-
description: '클릭이 된 시점에 이벤트를 부여합니다.',
|
|
97
|
-
action: 'onClick'
|
|
98
|
-
}
|
|
99
|
-
}
|
|
100
|
-
};
|
|
101
|
-
var Template = function (args) { return ((0, jsx_runtime_1.jsx)(AnnotationSheet_1.default, __assign({}, args, { onClick: undefined }), void 0)); };
|
|
102
|
-
exports.Default = Template.bind({});
|
|
103
|
-
exports.UseCase1MoreInformation = Template.bind({});
|
|
104
|
-
exports.UseCase1MoreInformation.args = {
|
|
105
|
-
width: '100%',
|
|
106
|
-
children: ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(TextLabel_1.default, { text: "\uD50C\uB7AB\uD3FC\uBCC4 \uC774\uC6A9 \uC548\uB0B4", styleTheme: "caption1Bold", colorTheme: "sysTextSecondary" }, void 0), (0, jsx_runtime_1.jsx)(TextLabel_1.default, { text: "iOS \uC571/\uC548\uB4DC\uB85C\uC774\uB4DC \uC571/\uBAA8\uBC14\uC77C \uC6F9\uBE0C\uB77C\uC6B0\uC800/PC \uC6F9\uBE0C\uB77C\uC6B0\uC800\uC5D0\uC11C \uC774\uC6A9\uD560 \uC218 \uC788\uC2B5\uB2C8\uB2E4.\nPC \uC6F9\uBE0C\uB77C\uC6B0\uC800 \uAE30\uC900 Chrome 91 \uC774\uC0C1/Safari 13 \uC774\uC0C1, \uBAA8\uBC14\uC77C \uC6F9\uBE0C\uB77C\uC6B0\uC800 \uAE30\uC900 Chrome(for Android) 94 \uC774\uC0C1/Safari(on iOS) 13.1 \uC774\uC0C1\uC758 \uBC84\uC804\uC5D0\uC11C \uC11C\uBE44\uC2A4 \uC774\uC6A9\uC5D0 \uBD88\uD3B8\uD568\uC774 \uC5C6\uB3C4\uB85D \uC791\uB3D9\uB420 \uAC83\uC744 \uBCF4\uC99D\uD569\uB2C8\uB2E4.", styleTheme: "caption1Regular", colorTheme: "sysTextSecondary" }, void 0), (0, jsx_runtime_1.jsx)(hybrid_1.Spacing, { size: "spacing_c" }, void 0), (0, jsx_runtime_1.jsx)(TextLabel_1.default, { text: "\uD658\uBD88 \uC548\uB0B4", styleTheme: "caption1Bold", colorTheme: "sysTextSecondary" }, void 0), (0, jsx_runtime_1.jsx)(TextLabel_1.default, { text: "\uBCF8 \uC11C\uBE44\uC2A4\uB294 \uB2E4\uC74C\uC758 \uACBD\uC6B0 \uD658\uBD88\uC774 \uBD88\uAC00\uD558\uB2C8 \uAD6C\uB9E4 \uC804 \uD655\uC778 \uBD80\uD0C1\uB4DC\uB9BD\uB2C8\uB2E4.\n1. \uC0C1\uD488\uC744 \uAD6C\uB9E4\uD55C\uC9C0 7\uC77C(\uCCAD\uC57D\uCCA0\uD68C \uAE30\uAC04)\uC774 \uC9C0\uB09C \uACBD\uC6B0\n2. \uC0C1\uD488\uC744 \uAD6C\uB9E4\uD55C\uC9C0 7\uC77C(\uCCAD\uC57D\uCCA0\uD68C \uAE30\uAC04)\uC774 \uC9C0\uB098\uC9C0 \uC54A\uC558\uC9C0\uB9CC, \uAD6C\uB9E4\uD55C \uC11C\uBE44\uC2A4\uB97C \uC774\uC6A9\uD55C \uACBD\uC6B0\n3. \uCC44\uB110\uC774 \uBC1C\uD589\uD55C \uCFE0\uD3F0\uC774\uB098, \uC774\uBCA4\uD2B8 \uB2F9\uCCA8\uC744 \uD1B5\uD574 \uBB34\uC0C1\uC73C\uB85C \uC720\uB8CC \uC11C\uBE44\uC2A4 \uC774\uC6A9\uAD8C\uC744 \uBC1B\uC740 \uACBD\uC6B0\n4. \uD68C\uC6D0\uC774 \uC11C\uBE44\uC2A4 \uC774\uC6A9\uC73C\uB85C\uBD80\uD130 \uC5BB\uC740 \uC774\uC775\uC5D0 \uD574\uB2F9\uD558\uB294 \uACF5\uC81C \uB300\uC0C1 \uAE08\uC561\uC774 \uD68C\uC6D0\uC774 \uC2E4\uC81C\uB85C \uACB0\uC81C\uD55C \uAE08\uC561\uC744 \uCD08\uACFC\uD55C \uACBD\uC6B0\n5. \uD68C\uC6D0\uC774 \uC9C1\uC811 \uACB0\uC81C\uD558\uC9C0 \uC54A\uC740 \uACBD\uC6B0", styleTheme: "caption1Regular", colorTheme: "sysTextSecondary" }, void 0), (0, jsx_runtime_1.jsx)(hybrid_1.Spacing, { size: "spacing_c" }, void 0), (0, jsx_runtime_1.jsx)(TextLabel_1.default, { text: "\uAE30\uD0C0 \uC548\uB0B4", styleTheme: "caption1Bold", colorTheme: "sysTextSecondary" }, void 0), (0, jsx_runtime_1.jsx)(TextLabel_1.default, { text: "\uBBF8\uC131\uB144\uC790\uC758 \uACBD\uC6B0, \uBC95\uC815\uB300\uB9AC\uC778\uC774 \uAD6C\uB9E4\uC5D0 \uB3D9\uC758\uD558\uC9C0 \uC54A\uC740 \uACBD\uC6B0 \uBCF8\uC778 \uB610\uB294 \uBC95\uC815\uB300\uB9AC\uC778\uC774 \uAD6C\uB9E4\uB97C \uCDE8\uC18C\uD560 \uC218 \uC788\uC2B5\uB2C8\uB2E4.", styleTheme: "caption1Regular", colorTheme: "sysTextSecondary" }, void 0)] }, void 0)),
|
|
107
|
-
shapeType: 'round'
|
|
108
|
-
};
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
import ContentSheet from './ContentSheet';
|
|
2
|
-
import type { ComponentStory, ComponentMeta } from '@storybook/react';
|
|
3
|
-
declare const _default: ComponentMeta<typeof ContentSheet>;
|
|
4
|
-
export default _default;
|
|
5
|
-
export declare const Default: ComponentStory<typeof ContentSheet>;
|
|
6
|
-
export declare const UseCase1Community: ComponentStory<typeof ContentSheet>;
|
|
7
|
-
export declare const UseCase2Thumbnail: ComponentStory<typeof ContentSheet>;
|