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,166 +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.WFL_2 = exports.WFL_1 = exports.WFK_1 = exports.WFJ_1 = exports.WFI_6 = exports.WFI_5 = exports.WFI_4 = exports.WFI_3 = exports.WFI_2 = exports.WFI_1 = exports.WFH_1 = exports.WFG_6 = exports.WFG_5 = exports.WFG_4 = exports.WFG_3 = exports.WFG_2 = exports.WFG_1 = exports.WFF_1 = exports.WFE_4 = exports.WFE_3 = exports.WFE_2 = exports.WFE_1 = exports.WFD_2 = exports.WFD_1 = exports.WFC_1 = exports.WFB_1 = exports.WFA_2 = exports.WFA_1 = void 0;
|
|
22
|
-
var jsx_runtime_1 = require("react/jsx-runtime");
|
|
23
|
-
var styled_components_1 = __importDefault(require("styled-components"));
|
|
24
|
-
var ContainersBox_1 = require("./ContainersBox");
|
|
25
|
-
var LayoutWF_1 = __importDefault(require("./LayoutWF"));
|
|
26
|
-
exports.default = {
|
|
27
|
-
title: 'desktop/layout/LayoutWF',
|
|
28
|
-
parameters: {
|
|
29
|
-
docs: {
|
|
30
|
-
description: {
|
|
31
|
-
component: 'LayoutWF유형. ContainersBox 컴포넌트와 함께 쓰여야한다.'
|
|
32
|
-
}
|
|
33
|
-
}
|
|
34
|
-
},
|
|
35
|
-
argTypes: {
|
|
36
|
-
children: {
|
|
37
|
-
description: '내부에 ContainersBox컴포넌트를 위치 시킨 후, layoutType을 명시해 준다. 와이어프레임이나 스토리북을 참고하여 pageMenuContent, stepContent, content1, content2중에 채워야하는 부분을 선택하여 해당 부분에 들어가는 컴포넌트를 넣어준다.',
|
|
38
|
-
type: {
|
|
39
|
-
summary: 'React.ReactNode'
|
|
40
|
-
}
|
|
41
|
-
}
|
|
42
|
-
}
|
|
43
|
-
};
|
|
44
|
-
var S_PageMenuContent = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n background: #d9cadf;\n height: 100%;\n"], ["\n background: #d9cadf;\n height: 100%;\n"])));
|
|
45
|
-
var S_LeftSubMenuContent = styled_components_1.default.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n background: #d9cadf;\n height: 7000px;\n"], ["\n background: #d9cadf;\n height: 7000px;\n"])));
|
|
46
|
-
var S_TabMenuContent = styled_components_1.default.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n background: #d9cadf;\n height: 40px;\n"], ["\n background: #d9cadf;\n height: 40px;\n"])));
|
|
47
|
-
var S_StepContent = styled_components_1.default.div(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n background: #d9cadf;\n height: 100%;\n"], ["\n background: #d9cadf;\n height: 100%;\n"])));
|
|
48
|
-
var S_Content1 = styled_components_1.default.div(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n background: #d9cadf;\n height: 700px;\n"], ["\n background: #d9cadf;\n height: 700px;\n"])));
|
|
49
|
-
var S_Content2 = styled_components_1.default.div(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n background: #d9cadf;\n height: 70px;\n"], ["\n background: #d9cadf;\n height: 70px;\n"])));
|
|
50
|
-
var S_ScrollContent = styled_components_1.default.div(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n height: 100%;\n overflow: auto;\n"], ["\n height: 100%;\n overflow: auto;\n"])));
|
|
51
|
-
var S_ScrollComponent = styled_components_1.default.div(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n background: #810ab1;\n height: 2000px;\n"], ["\n background: #810ab1;\n height: 2000px;\n"])));
|
|
52
|
-
var TemplateLayoutWFTop = function (args) { return (0, jsx_runtime_1.jsx)(LayoutWF_1.default, __assign({}, args), void 0); };
|
|
53
|
-
exports.WFA_1 = TemplateLayoutWFTop.bind({});
|
|
54
|
-
exports.WFA_1.args = {
|
|
55
|
-
children: ((0, jsx_runtime_1.jsx)(ContainersBox_1.ContainersBox, { layoutType: "WFA_1", pageMenuContent: (0, jsx_runtime_1.jsx)(S_PageMenuContent, { children: "PageMenuContent" }, void 0), stepContent: (0, jsx_runtime_1.jsx)(S_StepContent, { children: "StepContent" }, void 0), content1: (0, jsx_runtime_1.jsx)(S_Content1, { children: "Content1" }, void 0), containerColor: "#fff7ed", areaColor: "#ffdeda" }, void 0))
|
|
56
|
-
};
|
|
57
|
-
exports.WFA_2 = TemplateLayoutWFTop.bind({});
|
|
58
|
-
exports.WFA_2.args = {
|
|
59
|
-
children: ((0, jsx_runtime_1.jsx)(ContainersBox_1.ContainersBox, { layoutType: "WFA_2", pageMenuContent: (0, jsx_runtime_1.jsx)(S_PageMenuContent, { children: "PageMenuContent" }, void 0), stepContent: (0, jsx_runtime_1.jsx)(S_StepContent, { children: "StepContent" }, void 0), content1: (0, jsx_runtime_1.jsx)(S_Content1, { children: "Content1" }, void 0), containerColor: "#fff7ed", areaColor: "#ffdeda" }, void 0))
|
|
60
|
-
};
|
|
61
|
-
exports.WFB_1 = TemplateLayoutWFTop.bind({});
|
|
62
|
-
exports.WFB_1.args = {
|
|
63
|
-
children: ((0, jsx_runtime_1.jsx)(ContainersBox_1.ContainersBox, { layoutType: "WFB_1", pageMenuContent: (0, jsx_runtime_1.jsx)(S_PageMenuContent, { children: "PageMenuContent" }, void 0), stepContent: (0, jsx_runtime_1.jsx)(S_StepContent, { children: "StepContent" }, void 0), content1: (0, jsx_runtime_1.jsx)(S_Content1, { children: "Content1" }, void 0), content2: (0, jsx_runtime_1.jsx)(S_Content2, { children: "Content2" }, void 0), containerColor: "#fff7ed", areaColor: "#ffdeda" }, void 0))
|
|
64
|
-
};
|
|
65
|
-
var TemplateLayoutWF = function (args) { return (0, jsx_runtime_1.jsx)(LayoutWF_1.default, __assign({}, args), void 0); };
|
|
66
|
-
exports.WFC_1 = TemplateLayoutWF.bind({});
|
|
67
|
-
exports.WFC_1.args = {
|
|
68
|
-
children: ((0, jsx_runtime_1.jsx)(ContainersBox_1.ContainersBox, { layoutType: "WFC_1", content1: (0, jsx_runtime_1.jsx)(S_Content1, { children: "Content1" }, void 0), containerColor: "#fff7ed", areaColor: "#ffdeda" }, void 0))
|
|
69
|
-
};
|
|
70
|
-
exports.WFD_1 = TemplateLayoutWF.bind({});
|
|
71
|
-
exports.WFD_1.args = {
|
|
72
|
-
children: ((0, jsx_runtime_1.jsx)(ContainersBox_1.ContainersBox, { layoutType: "WFD_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))
|
|
73
|
-
};
|
|
74
|
-
exports.WFD_2 = TemplateLayoutWF.bind({});
|
|
75
|
-
exports.WFD_2.args = {
|
|
76
|
-
children: ((0, jsx_runtime_1.jsx)(ContainersBox_1.ContainersBox, { layoutType: "WFD_2", content1: (0, jsx_runtime_1.jsx)(S_Content1, { children: "Content1" }, void 0), containerColor: "#fff7ed", areaColor: "#ffdeda" }, void 0))
|
|
77
|
-
};
|
|
78
|
-
exports.WFE_1 = TemplateLayoutWFTop.bind({});
|
|
79
|
-
exports.WFE_1.args = {
|
|
80
|
-
children: ((0, jsx_runtime_1.jsx)(ContainersBox_1.ContainersBox, { layoutType: "WFE_1", pageMenuContent: (0, jsx_runtime_1.jsx)(S_PageMenuContent, { children: "PageMenuContent" }, void 0), stepContent: (0, jsx_runtime_1.jsx)(S_StepContent, { children: "StepContent" }, 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.WFE_2 = TemplateLayoutWFTop.bind({});
|
|
83
|
-
exports.WFE_2.args = {
|
|
84
|
-
children: ((0, jsx_runtime_1.jsx)(ContainersBox_1.ContainersBox, { layoutType: "WFE_2", pageMenuContent: (0, jsx_runtime_1.jsx)(S_PageMenuContent, { children: "PageMenuContent" }, void 0), stepContent: (0, jsx_runtime_1.jsx)(S_StepContent, { children: "StepContent" }, void 0), content1: (0, jsx_runtime_1.jsx)(S_Content1, { children: "Content1" }, void 0), containerColor: "#fff7ed", areaColor: "#ffdeda" }, void 0))
|
|
85
|
-
};
|
|
86
|
-
exports.WFE_3 = TemplateLayoutWFTop.bind({});
|
|
87
|
-
exports.WFE_3.args = {
|
|
88
|
-
children: ((0, jsx_runtime_1.jsx)(ContainersBox_1.ContainersBox, { layoutType: "WFE_3", pageMenuContent: (0, jsx_runtime_1.jsx)(S_PageMenuContent, { children: "PageMenuContent" }, void 0), stepContent: (0, jsx_runtime_1.jsx)(S_StepContent, { children: "StepContent" }, 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))
|
|
89
|
-
};
|
|
90
|
-
exports.WFE_4 = TemplateLayoutWFTop.bind({});
|
|
91
|
-
exports.WFE_4.args = {
|
|
92
|
-
children: ((0, jsx_runtime_1.jsx)(ContainersBox_1.ContainersBox, { layoutType: "WFE_4", pageMenuContent: (0, jsx_runtime_1.jsx)(S_PageMenuContent, { children: "PageMenuContent" }, void 0), stepContent: (0, jsx_runtime_1.jsx)(S_StepContent, { children: "StepContent" }, void 0), content1: (0, jsx_runtime_1.jsx)(S_Content1, { children: "Content1" }, void 0), containerColor: "#fff7ed", areaColor: "#ffdeda" }, void 0))
|
|
93
|
-
};
|
|
94
|
-
exports.WFF_1 = TemplateLayoutWF.bind({});
|
|
95
|
-
exports.WFF_1.args = {
|
|
96
|
-
children: ((0, jsx_runtime_1.jsx)(ContainersBox_1.ContainersBox, { layoutType: "WFF_1", pageMenuContent: (0, jsx_runtime_1.jsx)(S_PageMenuContent, { children: "PageMenuContent" }, void 0), subMenuContent: (0, jsx_runtime_1.jsx)(S_LeftSubMenuContent, { children: "SubMenuContent" }, void 0), tabMenuContent: (0, jsx_runtime_1.jsx)(S_TabMenuContent, { children: "TabMenuContent" }, void 0), content1: (0, jsx_runtime_1.jsx)(S_Content1, { children: "Content1" }, void 0), containerColor: "#fff7ed", areaColor: "#ffdeda" }, void 0))
|
|
97
|
-
};
|
|
98
|
-
exports.WFG_1 = TemplateLayoutWF.bind({});
|
|
99
|
-
exports.WFG_1.args = {
|
|
100
|
-
children: ((0, jsx_runtime_1.jsx)(ContainersBox_1.ContainersBox, { layoutType: "WFG_1", pageMenuContent: (0, jsx_runtime_1.jsx)(S_PageMenuContent, { children: "PageMenuContent" }, void 0), subMenuContent: (0, jsx_runtime_1.jsx)(S_LeftSubMenuContent, { children: "SubMenuContent" }, void 0), tabMenuContent: (0, jsx_runtime_1.jsx)(S_TabMenuContent, { children: "TabMenuContent" }, void 0), 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))
|
|
101
|
-
};
|
|
102
|
-
exports.WFG_2 = TemplateLayoutWF.bind({});
|
|
103
|
-
exports.WFG_2.args = {
|
|
104
|
-
children: ((0, jsx_runtime_1.jsx)(ContainersBox_1.ContainersBox, { layoutType: "WFG_2", pageMenuContent: (0, jsx_runtime_1.jsx)(S_PageMenuContent, { children: "PageMenuContent" }, void 0), subMenuContent: (0, jsx_runtime_1.jsx)(S_LeftSubMenuContent, { children: "SubMenuContent" }, void 0), tabMenuContent: (0, jsx_runtime_1.jsx)(S_TabMenuContent, { children: "TabMenuContent" }, void 0), content1: (0, jsx_runtime_1.jsx)(S_Content1, { children: "Content1" }, void 0), content2: (0, jsx_runtime_1.jsx)(S_Content2, { children: "Content2" }, void 0), containerColor: "#fff7ed", areaColor: "#ffdeda" }, void 0))
|
|
105
|
-
};
|
|
106
|
-
exports.WFG_3 = TemplateLayoutWF.bind({});
|
|
107
|
-
exports.WFG_3.args = {
|
|
108
|
-
children: ((0, jsx_runtime_1.jsx)(ContainersBox_1.ContainersBox, { layoutType: "WFG_3", pageMenuContent: (0, jsx_runtime_1.jsx)(S_PageMenuContent, { children: "PageMenuContent" }, void 0), subMenuContent: (0, jsx_runtime_1.jsx)(S_LeftSubMenuContent, { children: "SubMenuContent" }, void 0), tabMenuContent: (0, jsx_runtime_1.jsx)(S_TabMenuContent, { children: "TabMenuContent" }, void 0), 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))
|
|
109
|
-
};
|
|
110
|
-
exports.WFG_4 = TemplateLayoutWF.bind({});
|
|
111
|
-
exports.WFG_4.args = {
|
|
112
|
-
children: ((0, jsx_runtime_1.jsx)(ContainersBox_1.ContainersBox, { layoutType: "WFG_4", pageMenuContent: (0, jsx_runtime_1.jsx)(S_PageMenuContent, { children: "PageMenuContent" }, void 0), subMenuContent: (0, jsx_runtime_1.jsx)(S_LeftSubMenuContent, { children: "SubMenuContent" }, void 0), tabMenuContent: (0, jsx_runtime_1.jsx)(S_TabMenuContent, { children: "TabMenuContent" }, void 0), content1: (0, jsx_runtime_1.jsx)(S_Content1, { children: "Content1" }, void 0), content2: (0, jsx_runtime_1.jsx)(S_Content2, { children: "Content2" }, void 0), containerColor: "#fff7ed", areaColor: "#ffdeda" }, void 0))
|
|
113
|
-
};
|
|
114
|
-
exports.WFG_5 = TemplateLayoutWF.bind({});
|
|
115
|
-
exports.WFG_5.args = {
|
|
116
|
-
children: ((0, jsx_runtime_1.jsx)(ContainersBox_1.ContainersBox, { layoutType: "WFG_5", pageMenuContent: (0, jsx_runtime_1.jsx)(S_PageMenuContent, { children: "PageMenuContent" }, void 0), subMenuContent: (0, jsx_runtime_1.jsx)(S_LeftSubMenuContent, { children: "SubMenuContent" }, void 0), tabMenuContent: (0, jsx_runtime_1.jsx)(S_TabMenuContent, { children: "TabMenuContent" }, void 0), 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))
|
|
117
|
-
};
|
|
118
|
-
exports.WFG_6 = TemplateLayoutWF.bind({});
|
|
119
|
-
exports.WFG_6.args = {
|
|
120
|
-
children: ((0, jsx_runtime_1.jsx)(ContainersBox_1.ContainersBox, { layoutType: "WFG_6", pageMenuContent: (0, jsx_runtime_1.jsx)(S_PageMenuContent, { children: "PageMenuContent" }, void 0), subMenuContent: (0, jsx_runtime_1.jsx)(S_LeftSubMenuContent, { children: "SubMenuContent" }, void 0), tabMenuContent: (0, jsx_runtime_1.jsx)(S_TabMenuContent, { children: "TabMenuContent" }, void 0), 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))
|
|
121
|
-
};
|
|
122
|
-
exports.WFH_1 = TemplateLayoutWF.bind({});
|
|
123
|
-
exports.WFH_1.args = {
|
|
124
|
-
children: ((0, jsx_runtime_1.jsx)(ContainersBox_1.ContainersBox, { layoutType: "WFH_1", pageMenuContent: (0, jsx_runtime_1.jsx)(S_PageMenuContent, { children: "PageMenuContent" }, void 0), subMenuContent: (0, jsx_runtime_1.jsx)(S_LeftSubMenuContent, { children: "SubMenuContent" }, void 0), content1: (0, jsx_runtime_1.jsx)(S_Content1, { children: "Content1" }, void 0), containerColor: "#fff7ed", areaColor: "#ffdeda" }, void 0))
|
|
125
|
-
};
|
|
126
|
-
exports.WFI_1 = TemplateLayoutWF.bind({});
|
|
127
|
-
exports.WFI_1.args = {
|
|
128
|
-
children: ((0, jsx_runtime_1.jsx)(ContainersBox_1.ContainersBox, { layoutType: "WFI_1", pageMenuContent: (0, jsx_runtime_1.jsx)(S_PageMenuContent, { children: "PageMenuContent" }, void 0), subMenuContent: (0, jsx_runtime_1.jsx)(S_LeftSubMenuContent, { children: "SubMenuContent" }, void 0), 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))
|
|
129
|
-
};
|
|
130
|
-
exports.WFI_2 = TemplateLayoutWF.bind({});
|
|
131
|
-
exports.WFI_2.args = {
|
|
132
|
-
children: ((0, jsx_runtime_1.jsx)(ContainersBox_1.ContainersBox, { layoutType: "WFI_2", pageMenuContent: (0, jsx_runtime_1.jsx)(S_PageMenuContent, { children: "PageMenuContent" }, void 0), subMenuContent: (0, jsx_runtime_1.jsx)(S_LeftSubMenuContent, { children: "SubMenuContent" }, void 0), content1: (0, jsx_runtime_1.jsx)(S_Content1, { children: "Content1" }, void 0), content2: (0, jsx_runtime_1.jsx)(S_Content2, { children: "Content2" }, void 0), containerColor: "#fff7ed", areaColor: "#ffdeda" }, void 0))
|
|
133
|
-
};
|
|
134
|
-
exports.WFI_3 = TemplateLayoutWF.bind({});
|
|
135
|
-
exports.WFI_3.args = {
|
|
136
|
-
children: ((0, jsx_runtime_1.jsx)(ContainersBox_1.ContainersBox, { layoutType: "WFI_3", pageMenuContent: (0, jsx_runtime_1.jsx)(S_PageMenuContent, { children: "PageMenuContent" }, void 0), subMenuContent: (0, jsx_runtime_1.jsx)(S_LeftSubMenuContent, { children: "SubMenuContent" }, void 0), 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))
|
|
137
|
-
};
|
|
138
|
-
exports.WFI_4 = TemplateLayoutWF.bind({});
|
|
139
|
-
exports.WFI_4.args = {
|
|
140
|
-
children: ((0, jsx_runtime_1.jsx)(ContainersBox_1.ContainersBox, { layoutType: "WFI_4", pageMenuContent: (0, jsx_runtime_1.jsx)(S_PageMenuContent, { children: "PageMenuContent" }, void 0), subMenuContent: (0, jsx_runtime_1.jsx)(S_LeftSubMenuContent, { children: "SubMenuContent" }, void 0), content1: (0, jsx_runtime_1.jsx)(S_Content1, { children: "Content1" }, void 0), content2: (0, jsx_runtime_1.jsx)(S_Content2, { children: "Content2" }, void 0), containerColor: "#fff7ed", areaColor: "#ffdeda" }, void 0))
|
|
141
|
-
};
|
|
142
|
-
exports.WFI_5 = TemplateLayoutWF.bind({});
|
|
143
|
-
exports.WFI_5.args = {
|
|
144
|
-
children: ((0, jsx_runtime_1.jsx)(ContainersBox_1.ContainersBox, { layoutType: "WFI_5", pageMenuContent: (0, jsx_runtime_1.jsx)(S_PageMenuContent, { children: "PageMenuContent" }, void 0), subMenuContent: (0, jsx_runtime_1.jsx)(S_LeftSubMenuContent, { children: "SubMenuContent" }, void 0), 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))
|
|
145
|
-
};
|
|
146
|
-
exports.WFI_6 = TemplateLayoutWF.bind({});
|
|
147
|
-
exports.WFI_6.args = {
|
|
148
|
-
children: ((0, jsx_runtime_1.jsx)(ContainersBox_1.ContainersBox, { layoutType: "WFI_6", pageMenuContent: (0, jsx_runtime_1.jsx)(S_PageMenuContent, { children: "PageMenuContent" }, void 0), subMenuContent: (0, jsx_runtime_1.jsx)(S_LeftSubMenuContent, { children: "SubMenuContent" }, void 0), 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))
|
|
149
|
-
};
|
|
150
|
-
exports.WFJ_1 = TemplateLayoutWF.bind({});
|
|
151
|
-
exports.WFJ_1.args = {
|
|
152
|
-
children: ((0, jsx_runtime_1.jsx)(ContainersBox_1.ContainersBox, { layoutType: "WFJ_1", pageMenuContent: (0, jsx_runtime_1.jsx)(S_PageMenuContent, { children: "PageMenuContent" }, void 0), subMenuContent: (0, jsx_runtime_1.jsx)(S_LeftSubMenuContent, { children: "SubMenuContent" }, void 0), tabMenuContent: (0, jsx_runtime_1.jsx)(S_TabMenuContent, { children: "TabMenuContent" }, 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))
|
|
153
|
-
};
|
|
154
|
-
exports.WFK_1 = TemplateLayoutWF.bind({});
|
|
155
|
-
exports.WFK_1.args = {
|
|
156
|
-
children: ((0, jsx_runtime_1.jsx)(ContainersBox_1.ContainersBox, { layoutType: "WFK_1", pageMenuContent: (0, jsx_runtime_1.jsx)(S_PageMenuContent, { children: "PageMenuContent" }, void 0), subMenuContent: (0, jsx_runtime_1.jsx)(S_LeftSubMenuContent, { children: "SubMenuContent" }, void 0), 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))
|
|
157
|
-
};
|
|
158
|
-
exports.WFL_1 = TemplateLayoutWF.bind({});
|
|
159
|
-
exports.WFL_1.args = {
|
|
160
|
-
children: ((0, jsx_runtime_1.jsx)(ContainersBox_1.ContainersBox, { layoutType: "WFL_1", pageMenuContent: (0, jsx_runtime_1.jsx)(S_PageMenuContent, { children: "PageMenuContent" }, void 0), stepContent: (0, jsx_runtime_1.jsx)(S_StepContent, { children: "StepContent" }, void 0), content1: (0, jsx_runtime_1.jsx)(S_Content1, { children: "Content1" }, 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))
|
|
161
|
-
};
|
|
162
|
-
exports.WFL_2 = TemplateLayoutWF.bind({});
|
|
163
|
-
exports.WFL_2.args = {
|
|
164
|
-
children: ((0, jsx_runtime_1.jsx)(ContainersBox_1.ContainersBox, { layoutType: "WFL_2", pageMenuContent: (0, jsx_runtime_1.jsx)(S_PageMenuContent, { children: "PageMenuContent" }, void 0), stepContent: (0, jsx_runtime_1.jsx)(S_StepContent, { children: "StepContent" }, void 0), content1: (0, jsx_runtime_1.jsx)(S_Content1, { children: "Content1" }, 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))
|
|
165
|
-
};
|
|
166
|
-
var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7, templateObject_8;
|
|
@@ -1,32 +0,0 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
|
-
import type { ComponentStory, ComponentMeta } from '@storybook/react';
|
|
3
|
-
declare const _default: ComponentMeta<({ children }: import("./LayoutWF").LayoutWFProps) => JSX.Element>;
|
|
4
|
-
export default _default;
|
|
5
|
-
export declare const WFA_1: ComponentStory<({ children }: import("./LayoutWF").LayoutWFProps) => JSX.Element>;
|
|
6
|
-
export declare const WFA_2: ComponentStory<({ children }: import("./LayoutWF").LayoutWFProps) => JSX.Element>;
|
|
7
|
-
export declare const WFB_1: ComponentStory<({ children }: import("./LayoutWF").LayoutWFProps) => JSX.Element>;
|
|
8
|
-
export declare const WFC_1: ComponentStory<({ children }: import("./LayoutWF").LayoutWFProps) => JSX.Element>;
|
|
9
|
-
export declare const WFD_1: ComponentStory<({ children }: import("./LayoutWF").LayoutWFProps) => JSX.Element>;
|
|
10
|
-
export declare const WFD_2: ComponentStory<({ children }: import("./LayoutWF").LayoutWFProps) => JSX.Element>;
|
|
11
|
-
export declare const WFE_1: ComponentStory<({ children }: import("./LayoutWF").LayoutWFProps) => JSX.Element>;
|
|
12
|
-
export declare const WFE_2: ComponentStory<({ children }: import("./LayoutWF").LayoutWFProps) => JSX.Element>;
|
|
13
|
-
export declare const WFE_3: ComponentStory<({ children }: import("./LayoutWF").LayoutWFProps) => JSX.Element>;
|
|
14
|
-
export declare const WFE_4: ComponentStory<({ children }: import("./LayoutWF").LayoutWFProps) => JSX.Element>;
|
|
15
|
-
export declare const WFF_1: ComponentStory<({ children }: import("./LayoutWF").LayoutWFProps) => JSX.Element>;
|
|
16
|
-
export declare const WFG_1: ComponentStory<({ children }: import("./LayoutWF").LayoutWFProps) => JSX.Element>;
|
|
17
|
-
export declare const WFG_2: ComponentStory<({ children }: import("./LayoutWF").LayoutWFProps) => JSX.Element>;
|
|
18
|
-
export declare const WFG_3: ComponentStory<({ children }: import("./LayoutWF").LayoutWFProps) => JSX.Element>;
|
|
19
|
-
export declare const WFG_4: ComponentStory<({ children }: import("./LayoutWF").LayoutWFProps) => JSX.Element>;
|
|
20
|
-
export declare const WFG_5: ComponentStory<({ children }: import("./LayoutWF").LayoutWFProps) => JSX.Element>;
|
|
21
|
-
export declare const WFG_6: ComponentStory<({ children }: import("./LayoutWF").LayoutWFProps) => JSX.Element>;
|
|
22
|
-
export declare const WFH_1: ComponentStory<({ children }: import("./LayoutWF").LayoutWFProps) => JSX.Element>;
|
|
23
|
-
export declare const WFI_1: ComponentStory<({ children }: import("./LayoutWF").LayoutWFProps) => JSX.Element>;
|
|
24
|
-
export declare const WFI_2: ComponentStory<({ children }: import("./LayoutWF").LayoutWFProps) => JSX.Element>;
|
|
25
|
-
export declare const WFI_3: ComponentStory<({ children }: import("./LayoutWF").LayoutWFProps) => JSX.Element>;
|
|
26
|
-
export declare const WFI_4: ComponentStory<({ children }: import("./LayoutWF").LayoutWFProps) => JSX.Element>;
|
|
27
|
-
export declare const WFI_5: ComponentStory<({ children }: import("./LayoutWF").LayoutWFProps) => JSX.Element>;
|
|
28
|
-
export declare const WFI_6: ComponentStory<({ children }: import("./LayoutWF").LayoutWFProps) => JSX.Element>;
|
|
29
|
-
export declare const WFJ_1: ComponentStory<({ children }: import("./LayoutWF").LayoutWFProps) => JSX.Element>;
|
|
30
|
-
export declare const WFK_1: ComponentStory<({ children }: import("./LayoutWF").LayoutWFProps) => JSX.Element>;
|
|
31
|
-
export declare const WFL_1: ComponentStory<({ children }: import("./LayoutWF").LayoutWFProps) => JSX.Element>;
|
|
32
|
-
export declare const WFL_2: ComponentStory<({ children }: import("./LayoutWF").LayoutWFProps) => JSX.Element>;
|
|
@@ -1,166 +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.WFL_2 = exports.WFL_1 = exports.WFK_1 = exports.WFJ_1 = exports.WFI_6 = exports.WFI_5 = exports.WFI_4 = exports.WFI_3 = exports.WFI_2 = exports.WFI_1 = exports.WFH_1 = exports.WFG_6 = exports.WFG_5 = exports.WFG_4 = exports.WFG_3 = exports.WFG_2 = exports.WFG_1 = exports.WFF_1 = exports.WFE_4 = exports.WFE_3 = exports.WFE_2 = exports.WFE_1 = exports.WFD_2 = exports.WFD_1 = exports.WFC_1 = exports.WFB_1 = exports.WFA_2 = exports.WFA_1 = void 0;
|
|
22
|
-
var jsx_runtime_1 = require("react/jsx-runtime");
|
|
23
|
-
var styled_components_1 = __importDefault(require("styled-components"));
|
|
24
|
-
var ContainersBox_1 = require("./ContainersBox");
|
|
25
|
-
var LayoutWF_1 = __importDefault(require("./LayoutWF"));
|
|
26
|
-
exports.default = {
|
|
27
|
-
title: 'test/desktop/layout-loading/LayoutWF',
|
|
28
|
-
parameters: {
|
|
29
|
-
docs: {
|
|
30
|
-
description: {
|
|
31
|
-
component: 'LayoutWF유형. ContainersBox 컴포넌트와 함께 쓰여야한다.'
|
|
32
|
-
}
|
|
33
|
-
}
|
|
34
|
-
},
|
|
35
|
-
argTypes: {
|
|
36
|
-
children: {
|
|
37
|
-
description: '내부에 ContainersBox컴포넌트를 위치 시킨 후, layoutType을 명시해 준다. 와이어프레임이나 스토리북을 참고하여 pageMenuContent, stepContent, content1, content2중에 채워야하는 부분을 선택하여 해당 부분에 들어가는 컴포넌트를 넣어준다.',
|
|
38
|
-
type: {
|
|
39
|
-
summary: 'React.ReactNode'
|
|
40
|
-
}
|
|
41
|
-
}
|
|
42
|
-
}
|
|
43
|
-
};
|
|
44
|
-
var S_PageMenuContent = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n background: #d9cadf;\n height: 100%;\n"], ["\n background: #d9cadf;\n height: 100%;\n"])));
|
|
45
|
-
var S_LeftSubMenuContent = styled_components_1.default.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n background: #d9cadf;\n height: 7000px;\n"], ["\n background: #d9cadf;\n height: 7000px;\n"])));
|
|
46
|
-
var S_TabMenuContent = styled_components_1.default.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n background: #d9cadf;\n height: 40px;\n"], ["\n background: #d9cadf;\n height: 40px;\n"])));
|
|
47
|
-
var S_StepContent = styled_components_1.default.div(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n background: #d9cadf;\n height: 100%;\n"], ["\n background: #d9cadf;\n height: 100%;\n"])));
|
|
48
|
-
var S_Content1 = styled_components_1.default.div(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n background: #d9cadf;\n height: 700px;\n"], ["\n background: #d9cadf;\n height: 700px;\n"])));
|
|
49
|
-
var S_Content2 = styled_components_1.default.div(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n background: #d9cadf;\n height: 70px;\n"], ["\n background: #d9cadf;\n height: 70px;\n"])));
|
|
50
|
-
var S_ScrollContent = styled_components_1.default.div(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n height: 100%;\n overflow: auto;\n"], ["\n height: 100%;\n overflow: auto;\n"])));
|
|
51
|
-
var S_ScrollComponent = styled_components_1.default.div(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n background: #810ab1;\n height: 2000px;\n"], ["\n background: #810ab1;\n height: 2000px;\n"])));
|
|
52
|
-
var TemplateLayoutWFTop = function (args) { return (0, jsx_runtime_1.jsx)(LayoutWF_1.default, __assign({}, args), void 0); };
|
|
53
|
-
exports.WFA_1 = TemplateLayoutWFTop.bind({});
|
|
54
|
-
exports.WFA_1.args = {
|
|
55
|
-
children: ((0, jsx_runtime_1.jsx)(ContainersBox_1.ContainersBox, { layoutType: "WFA_1", pageMenuContent: (0, jsx_runtime_1.jsx)(S_PageMenuContent, { children: "PageMenuContent" }, void 0), stepContent: (0, jsx_runtime_1.jsx)(S_StepContent, { children: "StepContent" }, void 0), content1: (0, jsx_runtime_1.jsx)(S_Content1, { children: "Content1" }, void 0), containerColor: "#fff7ed", areaColor: "#ffdeda", isLoadingContainer1: true }, void 0))
|
|
56
|
-
};
|
|
57
|
-
exports.WFA_2 = TemplateLayoutWFTop.bind({});
|
|
58
|
-
exports.WFA_2.args = {
|
|
59
|
-
children: ((0, jsx_runtime_1.jsx)(ContainersBox_1.ContainersBox, { layoutType: "WFA_2", pageMenuContent: (0, jsx_runtime_1.jsx)(S_PageMenuContent, { children: "PageMenuContent" }, void 0), stepContent: (0, jsx_runtime_1.jsx)(S_StepContent, { children: "StepContent" }, void 0), content1: (0, jsx_runtime_1.jsx)(S_Content1, { children: "Content1" }, void 0), containerColor: "#fff7ed", areaColor: "#ffdeda", isLoadingContainer1: true }, void 0))
|
|
60
|
-
};
|
|
61
|
-
exports.WFB_1 = TemplateLayoutWFTop.bind({});
|
|
62
|
-
exports.WFB_1.args = {
|
|
63
|
-
children: ((0, jsx_runtime_1.jsx)(ContainersBox_1.ContainersBox, { layoutType: "WFB_1", pageMenuContent: (0, jsx_runtime_1.jsx)(S_PageMenuContent, { children: "PageMenuContent" }, void 0), stepContent: (0, jsx_runtime_1.jsx)(S_StepContent, { children: "StepContent" }, void 0), content1: (0, jsx_runtime_1.jsx)(S_Content1, { children: "Content1" }, void 0), content2: (0, jsx_runtime_1.jsx)(S_Content2, { children: "Content2" }, void 0), containerColor: "#fff7ed", areaColor: "#ffdeda", isLoadingContainer1: true }, void 0))
|
|
64
|
-
};
|
|
65
|
-
var TemplateLayoutWF = function (args) { return (0, jsx_runtime_1.jsx)(LayoutWF_1.default, __assign({}, args), void 0); };
|
|
66
|
-
exports.WFC_1 = TemplateLayoutWF.bind({});
|
|
67
|
-
exports.WFC_1.args = {
|
|
68
|
-
children: ((0, jsx_runtime_1.jsx)(ContainersBox_1.ContainersBox, { layoutType: "WFC_1", content1: (0, jsx_runtime_1.jsx)(S_Content1, { children: "Content1" }, void 0), containerColor: "#fff7ed", areaColor: "#ffdeda", isLoadingContainer1: true }, void 0))
|
|
69
|
-
};
|
|
70
|
-
exports.WFD_1 = TemplateLayoutWF.bind({});
|
|
71
|
-
exports.WFD_1.args = {
|
|
72
|
-
children: ((0, jsx_runtime_1.jsx)(ContainersBox_1.ContainersBox, { layoutType: "WFD_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))
|
|
73
|
-
};
|
|
74
|
-
exports.WFD_2 = TemplateLayoutWF.bind({});
|
|
75
|
-
exports.WFD_2.args = {
|
|
76
|
-
children: ((0, jsx_runtime_1.jsx)(ContainersBox_1.ContainersBox, { layoutType: "WFD_2", content1: (0, jsx_runtime_1.jsx)(S_Content1, { children: "Content1" }, void 0), containerColor: "#fff7ed", areaColor: "#ffdeda", isLoadingContainer1: true }, void 0))
|
|
77
|
-
};
|
|
78
|
-
exports.WFE_1 = TemplateLayoutWFTop.bind({});
|
|
79
|
-
exports.WFE_1.args = {
|
|
80
|
-
children: ((0, jsx_runtime_1.jsx)(ContainersBox_1.ContainersBox, { layoutType: "WFE_1", pageMenuContent: (0, jsx_runtime_1.jsx)(S_PageMenuContent, { children: "PageMenuContent" }, void 0), stepContent: (0, jsx_runtime_1.jsx)(S_StepContent, { children: "StepContent" }, 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.WFE_2 = TemplateLayoutWFTop.bind({});
|
|
83
|
-
exports.WFE_2.args = {
|
|
84
|
-
children: ((0, jsx_runtime_1.jsx)(ContainersBox_1.ContainersBox, { layoutType: "WFE_2", pageMenuContent: (0, jsx_runtime_1.jsx)(S_PageMenuContent, { children: "PageMenuContent" }, void 0), stepContent: (0, jsx_runtime_1.jsx)(S_StepContent, { children: "StepContent" }, void 0), content1: (0, jsx_runtime_1.jsx)(S_Content1, { children: "Content1" }, void 0), containerColor: "#fff7ed", areaColor: "#ffdeda", isLoadingContainer1: true }, void 0))
|
|
85
|
-
};
|
|
86
|
-
exports.WFE_3 = TemplateLayoutWFTop.bind({});
|
|
87
|
-
exports.WFE_3.args = {
|
|
88
|
-
children: ((0, jsx_runtime_1.jsx)(ContainersBox_1.ContainersBox, { layoutType: "WFE_3", pageMenuContent: (0, jsx_runtime_1.jsx)(S_PageMenuContent, { children: "PageMenuContent" }, void 0), stepContent: (0, jsx_runtime_1.jsx)(S_StepContent, { children: "StepContent" }, 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))
|
|
89
|
-
};
|
|
90
|
-
exports.WFE_4 = TemplateLayoutWFTop.bind({});
|
|
91
|
-
exports.WFE_4.args = {
|
|
92
|
-
children: ((0, jsx_runtime_1.jsx)(ContainersBox_1.ContainersBox, { layoutType: "WFE_4", pageMenuContent: (0, jsx_runtime_1.jsx)(S_PageMenuContent, { children: "PageMenuContent" }, void 0), stepContent: (0, jsx_runtime_1.jsx)(S_StepContent, { children: "StepContent" }, void 0), content1: (0, jsx_runtime_1.jsx)(S_Content1, { children: "Content1" }, void 0), containerColor: "#fff7ed", areaColor: "#ffdeda", isLoadingContainer1: true }, void 0))
|
|
93
|
-
};
|
|
94
|
-
exports.WFF_1 = TemplateLayoutWF.bind({});
|
|
95
|
-
exports.WFF_1.args = {
|
|
96
|
-
children: ((0, jsx_runtime_1.jsx)(ContainersBox_1.ContainersBox, { layoutType: "WFF_1", pageMenuContent: (0, jsx_runtime_1.jsx)(S_PageMenuContent, { children: "PageMenuContent" }, void 0), subMenuContent: (0, jsx_runtime_1.jsx)(S_LeftSubMenuContent, { children: "SubMenuContent" }, void 0), tabMenuContent: (0, jsx_runtime_1.jsx)(S_TabMenuContent, { children: "TabMenuContent" }, void 0), content1: (0, jsx_runtime_1.jsx)(S_Content1, { children: "Content1" }, void 0), containerColor: "#fff7ed", areaColor: "#ffdeda", isLoadingContainer1: true }, void 0))
|
|
97
|
-
};
|
|
98
|
-
exports.WFG_1 = TemplateLayoutWF.bind({});
|
|
99
|
-
exports.WFG_1.args = {
|
|
100
|
-
children: ((0, jsx_runtime_1.jsx)(ContainersBox_1.ContainersBox, { layoutType: "WFG_1", pageMenuContent: (0, jsx_runtime_1.jsx)(S_PageMenuContent, { children: "PageMenuContent" }, void 0), subMenuContent: (0, jsx_runtime_1.jsx)(S_LeftSubMenuContent, { children: "SubMenuContent" }, void 0), tabMenuContent: (0, jsx_runtime_1.jsx)(S_TabMenuContent, { children: "TabMenuContent" }, void 0), 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))
|
|
101
|
-
};
|
|
102
|
-
exports.WFG_2 = TemplateLayoutWF.bind({});
|
|
103
|
-
exports.WFG_2.args = {
|
|
104
|
-
children: ((0, jsx_runtime_1.jsx)(ContainersBox_1.ContainersBox, { layoutType: "WFG_2", pageMenuContent: (0, jsx_runtime_1.jsx)(S_PageMenuContent, { children: "PageMenuContent" }, void 0), subMenuContent: (0, jsx_runtime_1.jsx)(S_LeftSubMenuContent, { children: "SubMenuContent" }, void 0), tabMenuContent: (0, jsx_runtime_1.jsx)(S_TabMenuContent, { children: "TabMenuContent" }, void 0), content1: (0, jsx_runtime_1.jsx)(S_Content1, { children: "Content1" }, void 0), content2: (0, jsx_runtime_1.jsx)(S_Content2, { children: "Content2" }, void 0), containerColor: "#fff7ed", areaColor: "#ffdeda", isLoadingContainer1: true, isLoadingContainer2: true }, void 0))
|
|
105
|
-
};
|
|
106
|
-
exports.WFG_3 = TemplateLayoutWF.bind({});
|
|
107
|
-
exports.WFG_3.args = {
|
|
108
|
-
children: ((0, jsx_runtime_1.jsx)(ContainersBox_1.ContainersBox, { layoutType: "WFG_3", pageMenuContent: (0, jsx_runtime_1.jsx)(S_PageMenuContent, { children: "PageMenuContent" }, void 0), subMenuContent: (0, jsx_runtime_1.jsx)(S_LeftSubMenuContent, { children: "SubMenuContent" }, void 0), tabMenuContent: (0, jsx_runtime_1.jsx)(S_TabMenuContent, { children: "TabMenuContent" }, void 0), 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))
|
|
109
|
-
};
|
|
110
|
-
exports.WFG_4 = TemplateLayoutWF.bind({});
|
|
111
|
-
exports.WFG_4.args = {
|
|
112
|
-
children: ((0, jsx_runtime_1.jsx)(ContainersBox_1.ContainersBox, { layoutType: "WFG_4", pageMenuContent: (0, jsx_runtime_1.jsx)(S_PageMenuContent, { children: "PageMenuContent" }, void 0), subMenuContent: (0, jsx_runtime_1.jsx)(S_LeftSubMenuContent, { children: "SubMenuContent" }, void 0), tabMenuContent: (0, jsx_runtime_1.jsx)(S_TabMenuContent, { children: "TabMenuContent" }, void 0), content1: (0, jsx_runtime_1.jsx)(S_Content1, { children: "Content1" }, void 0), content2: (0, jsx_runtime_1.jsx)(S_Content2, { children: "Content2" }, void 0), containerColor: "#fff7ed", areaColor: "#ffdeda", isLoadingContainer1: true, isLoadingContainer2: true }, void 0))
|
|
113
|
-
};
|
|
114
|
-
exports.WFG_5 = TemplateLayoutWF.bind({});
|
|
115
|
-
exports.WFG_5.args = {
|
|
116
|
-
children: ((0, jsx_runtime_1.jsx)(ContainersBox_1.ContainersBox, { layoutType: "WFG_5", pageMenuContent: (0, jsx_runtime_1.jsx)(S_PageMenuContent, { children: "PageMenuContent" }, void 0), subMenuContent: (0, jsx_runtime_1.jsx)(S_LeftSubMenuContent, { children: "SubMenuContent" }, void 0), tabMenuContent: (0, jsx_runtime_1.jsx)(S_TabMenuContent, { children: "TabMenuContent" }, void 0), 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, isLoadingContainer2: true }, void 0))
|
|
117
|
-
};
|
|
118
|
-
exports.WFG_6 = TemplateLayoutWF.bind({});
|
|
119
|
-
exports.WFG_6.args = {
|
|
120
|
-
children: ((0, jsx_runtime_1.jsx)(ContainersBox_1.ContainersBox, { layoutType: "WFG_6", pageMenuContent: (0, jsx_runtime_1.jsx)(S_PageMenuContent, { children: "PageMenuContent" }, void 0), subMenuContent: (0, jsx_runtime_1.jsx)(S_LeftSubMenuContent, { children: "SubMenuContent" }, void 0), tabMenuContent: (0, jsx_runtime_1.jsx)(S_TabMenuContent, { children: "TabMenuContent" }, void 0), 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, isLoadingContainer2: true }, void 0))
|
|
121
|
-
};
|
|
122
|
-
exports.WFH_1 = TemplateLayoutWF.bind({});
|
|
123
|
-
exports.WFH_1.args = {
|
|
124
|
-
children: ((0, jsx_runtime_1.jsx)(ContainersBox_1.ContainersBox, { layoutType: "WFH_1", pageMenuContent: (0, jsx_runtime_1.jsx)(S_PageMenuContent, { children: "PageMenuContent" }, void 0), subMenuContent: (0, jsx_runtime_1.jsx)(S_LeftSubMenuContent, { children: "SubMenuContent" }, void 0), content1: (0, jsx_runtime_1.jsx)(S_Content1, { children: "Content1" }, void 0), containerColor: "#fff7ed", areaColor: "#ffdeda", isLoadingContainer1: true }, void 0))
|
|
125
|
-
};
|
|
126
|
-
exports.WFI_1 = TemplateLayoutWF.bind({});
|
|
127
|
-
exports.WFI_1.args = {
|
|
128
|
-
children: ((0, jsx_runtime_1.jsx)(ContainersBox_1.ContainersBox, { layoutType: "WFI_1", pageMenuContent: (0, jsx_runtime_1.jsx)(S_PageMenuContent, { children: "PageMenuContent" }, void 0), subMenuContent: (0, jsx_runtime_1.jsx)(S_LeftSubMenuContent, { children: "SubMenuContent" }, void 0), 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))
|
|
129
|
-
};
|
|
130
|
-
exports.WFI_2 = TemplateLayoutWF.bind({});
|
|
131
|
-
exports.WFI_2.args = {
|
|
132
|
-
children: ((0, jsx_runtime_1.jsx)(ContainersBox_1.ContainersBox, { layoutType: "WFI_2", pageMenuContent: (0, jsx_runtime_1.jsx)(S_PageMenuContent, { children: "PageMenuContent" }, void 0), subMenuContent: (0, jsx_runtime_1.jsx)(S_LeftSubMenuContent, { children: "SubMenuContent" }, void 0), content1: (0, jsx_runtime_1.jsx)(S_Content1, { children: "Content1" }, void 0), content2: (0, jsx_runtime_1.jsx)(S_Content2, { children: "Content2" }, void 0), containerColor: "#fff7ed", areaColor: "#ffdeda", isLoadingContainer1: true, isLoadingContainer2: true }, void 0))
|
|
133
|
-
};
|
|
134
|
-
exports.WFI_3 = TemplateLayoutWF.bind({});
|
|
135
|
-
exports.WFI_3.args = {
|
|
136
|
-
children: ((0, jsx_runtime_1.jsx)(ContainersBox_1.ContainersBox, { layoutType: "WFI_3", pageMenuContent: (0, jsx_runtime_1.jsx)(S_PageMenuContent, { children: "PageMenuContent" }, void 0), subMenuContent: (0, jsx_runtime_1.jsx)(S_LeftSubMenuContent, { children: "SubMenuContent" }, void 0), 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))
|
|
137
|
-
};
|
|
138
|
-
exports.WFI_4 = TemplateLayoutWF.bind({});
|
|
139
|
-
exports.WFI_4.args = {
|
|
140
|
-
children: ((0, jsx_runtime_1.jsx)(ContainersBox_1.ContainersBox, { layoutType: "WFI_4", pageMenuContent: (0, jsx_runtime_1.jsx)(S_PageMenuContent, { children: "PageMenuContent" }, void 0), subMenuContent: (0, jsx_runtime_1.jsx)(S_LeftSubMenuContent, { children: "SubMenuContent" }, void 0), content1: (0, jsx_runtime_1.jsx)(S_Content1, { children: "Content1" }, void 0), content2: (0, jsx_runtime_1.jsx)(S_Content2, { children: "Content2" }, void 0), containerColor: "#fff7ed", areaColor: "#ffdeda", isLoadingContainer1: true, isLoadingContainer2: true }, void 0))
|
|
141
|
-
};
|
|
142
|
-
exports.WFI_5 = TemplateLayoutWF.bind({});
|
|
143
|
-
exports.WFI_5.args = {
|
|
144
|
-
children: ((0, jsx_runtime_1.jsx)(ContainersBox_1.ContainersBox, { layoutType: "WFI_5", pageMenuContent: (0, jsx_runtime_1.jsx)(S_PageMenuContent, { children: "PageMenuContent" }, void 0), subMenuContent: (0, jsx_runtime_1.jsx)(S_LeftSubMenuContent, { children: "SubMenuContent" }, void 0), 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, isLoadingContainer2: true }, void 0))
|
|
145
|
-
};
|
|
146
|
-
exports.WFI_6 = TemplateLayoutWF.bind({});
|
|
147
|
-
exports.WFI_6.args = {
|
|
148
|
-
children: ((0, jsx_runtime_1.jsx)(ContainersBox_1.ContainersBox, { layoutType: "WFI_6", pageMenuContent: (0, jsx_runtime_1.jsx)(S_PageMenuContent, { children: "PageMenuContent" }, void 0), subMenuContent: (0, jsx_runtime_1.jsx)(S_LeftSubMenuContent, { children: "SubMenuContent" }, void 0), 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, isLoadingContainer2: true }, void 0))
|
|
149
|
-
};
|
|
150
|
-
exports.WFJ_1 = TemplateLayoutWF.bind({});
|
|
151
|
-
exports.WFJ_1.args = {
|
|
152
|
-
children: ((0, jsx_runtime_1.jsx)(ContainersBox_1.ContainersBox, { layoutType: "WFJ_1", pageMenuContent: (0, jsx_runtime_1.jsx)(S_PageMenuContent, { children: "PageMenuContent" }, void 0), subMenuContent: (0, jsx_runtime_1.jsx)(S_LeftSubMenuContent, { children: "SubMenuContent" }, void 0), tabMenuContent: (0, jsx_runtime_1.jsx)(S_TabMenuContent, { children: "TabMenuContent" }, 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))
|
|
153
|
-
};
|
|
154
|
-
exports.WFK_1 = TemplateLayoutWF.bind({});
|
|
155
|
-
exports.WFK_1.args = {
|
|
156
|
-
children: ((0, jsx_runtime_1.jsx)(ContainersBox_1.ContainersBox, { layoutType: "WFK_1", pageMenuContent: (0, jsx_runtime_1.jsx)(S_PageMenuContent, { children: "PageMenuContent" }, void 0), subMenuContent: (0, jsx_runtime_1.jsx)(S_LeftSubMenuContent, { children: "SubMenuContent" }, void 0), 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, isLoadingContainer2: true }, void 0))
|
|
157
|
-
};
|
|
158
|
-
exports.WFL_1 = TemplateLayoutWF.bind({});
|
|
159
|
-
exports.WFL_1.args = {
|
|
160
|
-
children: ((0, jsx_runtime_1.jsx)(ContainersBox_1.ContainersBox, { layoutType: "WFL_1", pageMenuContent: (0, jsx_runtime_1.jsx)(S_PageMenuContent, { children: "PageMenuContent" }, void 0), stepContent: (0, jsx_runtime_1.jsx)(S_StepContent, { children: "StepContent" }, void 0), content1: (0, jsx_runtime_1.jsx)(S_Content1, { children: "Content1" }, 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))
|
|
161
|
-
};
|
|
162
|
-
exports.WFL_2 = TemplateLayoutWF.bind({});
|
|
163
|
-
exports.WFL_2.args = {
|
|
164
|
-
children: ((0, jsx_runtime_1.jsx)(ContainersBox_1.ContainersBox, { layoutType: "WFL_2", pageMenuContent: (0, jsx_runtime_1.jsx)(S_PageMenuContent, { children: "PageMenuContent" }, void 0), stepContent: (0, jsx_runtime_1.jsx)(S_StepContent, { children: "StepContent" }, void 0), content1: (0, jsx_runtime_1.jsx)(S_Content1, { children: "Content1" }, 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))
|
|
165
|
-
};
|
|
166
|
-
var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7, templateObject_8;
|
|
@@ -1,20 +0,0 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
|
-
import type { ComponentStory, ComponentMeta } from '@storybook/react';
|
|
3
|
-
declare const _default: ComponentMeta<({ primaryGlobalMenuContent, secondaryGlobalMenuContent, children }: import("./LayoutWH").LayoutWHProps) => JSX.Element>;
|
|
4
|
-
export default _default;
|
|
5
|
-
export declare const WHA_1: ComponentStory<({ primaryGlobalMenuContent, secondaryGlobalMenuContent, children }: import("./LayoutWH").LayoutWHProps) => JSX.Element>;
|
|
6
|
-
export declare const WHB_1: ComponentStory<({ primaryGlobalMenuContent, secondaryGlobalMenuContent, children }: import("./LayoutWH").LayoutWHProps) => JSX.Element>;
|
|
7
|
-
export declare const WHB_2: ComponentStory<({ primaryGlobalMenuContent, secondaryGlobalMenuContent, children }: import("./LayoutWH").LayoutWHProps) => JSX.Element>;
|
|
8
|
-
export declare const WHB_3: ComponentStory<({ primaryGlobalMenuContent, secondaryGlobalMenuContent, children }: import("./LayoutWH").LayoutWHProps) => JSX.Element>;
|
|
9
|
-
export declare const WHB_4: ComponentStory<({ primaryGlobalMenuContent, secondaryGlobalMenuContent, children }: import("./LayoutWH").LayoutWHProps) => JSX.Element>;
|
|
10
|
-
export declare const WHB_5: ComponentStory<({ primaryGlobalMenuContent, secondaryGlobalMenuContent, children }: import("./LayoutWH").LayoutWHProps) => JSX.Element>;
|
|
11
|
-
export declare const WHB_6: ComponentStory<({ primaryGlobalMenuContent, secondaryGlobalMenuContent, children }: import("./LayoutWH").LayoutWHProps) => JSX.Element>;
|
|
12
|
-
export declare const WHC_1: ComponentStory<({ primaryGlobalMenuContent, secondaryGlobalMenuContent, children }: import("./LayoutWH").LayoutWHProps) => JSX.Element>;
|
|
13
|
-
export declare const WHD_1: ComponentStory<({ primaryGlobalMenuContent, secondaryGlobalMenuContent, children }: import("./LayoutWH").LayoutWHProps) => JSX.Element>;
|
|
14
|
-
export declare const WHD_2: ComponentStory<({ primaryGlobalMenuContent, secondaryGlobalMenuContent, children }: import("./LayoutWH").LayoutWHProps) => JSX.Element>;
|
|
15
|
-
export declare const WHD_3: ComponentStory<({ primaryGlobalMenuContent, secondaryGlobalMenuContent, children }: import("./LayoutWH").LayoutWHProps) => JSX.Element>;
|
|
16
|
-
export declare const WHD_4: ComponentStory<({ primaryGlobalMenuContent, secondaryGlobalMenuContent, children }: import("./LayoutWH").LayoutWHProps) => JSX.Element>;
|
|
17
|
-
export declare const WHD_5: ComponentStory<({ primaryGlobalMenuContent, secondaryGlobalMenuContent, children }: import("./LayoutWH").LayoutWHProps) => JSX.Element>;
|
|
18
|
-
export declare const WHD_6: ComponentStory<({ primaryGlobalMenuContent, secondaryGlobalMenuContent, children }: import("./LayoutWH").LayoutWHProps) => JSX.Element>;
|
|
19
|
-
export declare const WHE_1: ComponentStory<({ primaryGlobalMenuContent, secondaryGlobalMenuContent, children }: import("./LayoutWH").LayoutWHProps) => JSX.Element>;
|
|
20
|
-
export declare const WHE_2: ComponentStory<({ primaryGlobalMenuContent, secondaryGlobalMenuContent, children }: import("./LayoutWH").LayoutWHProps) => JSX.Element>;
|
|
@@ -1,122 +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.WHE_2 = exports.WHE_1 = exports.WHD_6 = exports.WHD_5 = exports.WHD_4 = exports.WHD_3 = exports.WHD_2 = exports.WHD_1 = exports.WHC_1 = exports.WHB_6 = exports.WHB_5 = exports.WHB_4 = exports.WHB_3 = exports.WHB_2 = exports.WHB_1 = exports.WHA_1 = void 0;
|
|
22
|
-
var jsx_runtime_1 = require("react/jsx-runtime");
|
|
23
|
-
var styled_components_1 = __importDefault(require("styled-components"));
|
|
24
|
-
var ContainersBox_1 = require("./ContainersBox");
|
|
25
|
-
var LayoutWH_1 = __importDefault(require("./LayoutWH"));
|
|
26
|
-
exports.default = {
|
|
27
|
-
title: 'desktop/layout/LayoutWH',
|
|
28
|
-
parameters: {
|
|
29
|
-
docs: {
|
|
30
|
-
description: {
|
|
31
|
-
component: 'LayoutWH유형. GlobalMenuContainer와 ContainersBox 컴포넌트와 함께 쓰여야한다.'
|
|
32
|
-
}
|
|
33
|
-
}
|
|
34
|
-
},
|
|
35
|
-
argTypes: {
|
|
36
|
-
globalMenuContainer: {
|
|
37
|
-
description: '와이어프레임이나 스토리북을 참고하여 PrimaryGlobalMenuContent, SecondaryGlobalMenuContent를 항상 채워서 사용해줍니다.',
|
|
38
|
-
type: {
|
|
39
|
-
summary: 'JSX.Element'
|
|
40
|
-
}
|
|
41
|
-
},
|
|
42
|
-
children: {
|
|
43
|
-
description: '내부에 ContainersBox컴포넌트를 위치 시킨 후, layoutType을 명시해 준다. 와이어프레임이나 스토리북을 참고하여 tabMenuContent, content1, content2중에 채워야하는 부분을 선택하여 해당 부분에 들어가는 컴포넌트를 넣어준다.',
|
|
44
|
-
type: {
|
|
45
|
-
summary: 'React.ReactNode'
|
|
46
|
-
}
|
|
47
|
-
}
|
|
48
|
-
}
|
|
49
|
-
};
|
|
50
|
-
var S_PrimaryGlobalMenuContent = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n background: #d9cadf;\n height: 64px;\n"], ["\n background: #d9cadf;\n height: 64px;\n"])));
|
|
51
|
-
var S_SecondaryGlobalMenuContent = styled_components_1.default.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n background: #d9cadf;\n height: 7000px;\n"], ["\n background: #d9cadf;\n height: 7000px;\n"])));
|
|
52
|
-
var S_TabMenuContent = styled_components_1.default.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n background: #d9cadf;\n height: 40px;\n"], ["\n background: #d9cadf;\n height: 40px;\n"])));
|
|
53
|
-
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"])));
|
|
54
|
-
var S_Content2 = styled_components_1.default.div(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n background: #d9cadf;\n height: 800px;\n"], ["\n background: #d9cadf;\n height: 800px;\n"])));
|
|
55
|
-
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"])));
|
|
56
|
-
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"])));
|
|
57
|
-
var TemplateLayoutWH = function (args) { return ((0, jsx_runtime_1.jsx)(LayoutWH_1.default, __assign({}, args, { primaryGlobalMenuContent: (0, jsx_runtime_1.jsx)(S_PrimaryGlobalMenuContent, { children: "PrimaryGlobalMenuContent" }, void 0), secondaryGlobalMenuContent: (0, jsx_runtime_1.jsx)(S_SecondaryGlobalMenuContent, { children: "SecondaryGlobalMenuContent" }, void 0) }), void 0)); };
|
|
58
|
-
exports.WHA_1 = TemplateLayoutWH.bind({});
|
|
59
|
-
exports.WHA_1.args = {
|
|
60
|
-
children: ((0, jsx_runtime_1.jsx)(ContainersBox_1.ContainersBox, { layoutType: "WHA_1", tabMenuContent: (0, jsx_runtime_1.jsx)(S_TabMenuContent, { children: "TabMenuContent" }, void 0), content1: (0, jsx_runtime_1.jsx)(S_Content1, { children: "Content1" }, void 0), containerColor: "#fff7ed", areaColor: "#ffdeda" }, void 0))
|
|
61
|
-
};
|
|
62
|
-
exports.WHB_1 = TemplateLayoutWH.bind({});
|
|
63
|
-
exports.WHB_1.args = {
|
|
64
|
-
children: ((0, jsx_runtime_1.jsx)(ContainersBox_1.ContainersBox, { layoutType: "WHB_1", tabMenuContent: (0, jsx_runtime_1.jsx)(S_TabMenuContent, { children: "TabMenuContent" }, void 0), 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))
|
|
65
|
-
};
|
|
66
|
-
exports.WHB_2 = TemplateLayoutWH.bind({});
|
|
67
|
-
exports.WHB_2.args = {
|
|
68
|
-
children: ((0, jsx_runtime_1.jsx)(ContainersBox_1.ContainersBox, { layoutType: "WHB_2", tabMenuContent: (0, jsx_runtime_1.jsx)(S_TabMenuContent, { children: "TabMenuContent" }, void 0), content1: (0, jsx_runtime_1.jsx)(S_Content1, { children: "Content1" }, void 0), content2: (0, jsx_runtime_1.jsx)(S_Content2, { children: "Content2" }, void 0), containerColor: "#fff7ed", areaColor: "#ffdeda" }, void 0))
|
|
69
|
-
};
|
|
70
|
-
exports.WHB_3 = TemplateLayoutWH.bind({});
|
|
71
|
-
exports.WHB_3.args = {
|
|
72
|
-
children: ((0, jsx_runtime_1.jsx)(ContainersBox_1.ContainersBox, { layoutType: "WHB_3", tabMenuContent: (0, jsx_runtime_1.jsx)(S_TabMenuContent, { children: "TabMenuContent" }, void 0), 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))
|
|
73
|
-
};
|
|
74
|
-
exports.WHB_4 = TemplateLayoutWH.bind({});
|
|
75
|
-
exports.WHB_4.args = {
|
|
76
|
-
children: ((0, jsx_runtime_1.jsx)(ContainersBox_1.ContainersBox, { layoutType: "WHB_4", tabMenuContent: (0, jsx_runtime_1.jsx)(S_TabMenuContent, { children: "TabMenuContent" }, void 0), content1: (0, jsx_runtime_1.jsx)(S_Content1, { children: "Content1" }, void 0), content2: (0, jsx_runtime_1.jsx)(S_Content2, { children: "Content2" }, void 0), containerColor: "#fff7ed", areaColor: "#ffdeda" }, void 0))
|
|
77
|
-
};
|
|
78
|
-
exports.WHB_5 = TemplateLayoutWH.bind({});
|
|
79
|
-
exports.WHB_5.args = {
|
|
80
|
-
children: ((0, jsx_runtime_1.jsx)(ContainersBox_1.ContainersBox, { layoutType: "WHB_5", tabMenuContent: (0, jsx_runtime_1.jsx)(S_TabMenuContent, { children: "TabMenuContent" }, void 0), 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))
|
|
81
|
-
};
|
|
82
|
-
exports.WHB_6 = TemplateLayoutWH.bind({});
|
|
83
|
-
exports.WHB_6.args = {
|
|
84
|
-
children: ((0, jsx_runtime_1.jsx)(ContainersBox_1.ContainersBox, { layoutType: "WHB_6", tabMenuContent: (0, jsx_runtime_1.jsx)(S_TabMenuContent, { children: "TabMenuContent" }, void 0), 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))
|
|
85
|
-
};
|
|
86
|
-
exports.WHC_1 = TemplateLayoutWH.bind({});
|
|
87
|
-
exports.WHC_1.args = {
|
|
88
|
-
children: ((0, jsx_runtime_1.jsx)(ContainersBox_1.ContainersBox, { layoutType: "WHC_1", content1: (0, jsx_runtime_1.jsx)(S_Content1, { children: "Content1" }, void 0), containerColor: "#fff7ed", areaColor: "#ffdeda" }, void 0))
|
|
89
|
-
};
|
|
90
|
-
exports.WHD_1 = TemplateLayoutWH.bind({});
|
|
91
|
-
exports.WHD_1.args = {
|
|
92
|
-
children: ((0, jsx_runtime_1.jsx)(ContainersBox_1.ContainersBox, { layoutType: "WHD_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))
|
|
93
|
-
};
|
|
94
|
-
exports.WHD_2 = TemplateLayoutWH.bind({});
|
|
95
|
-
exports.WHD_2.args = {
|
|
96
|
-
children: ((0, jsx_runtime_1.jsx)(ContainersBox_1.ContainersBox, { layoutType: "WHD_2", content1: (0, jsx_runtime_1.jsx)(S_Content1, { children: "Content1" }, void 0), content2: (0, jsx_runtime_1.jsx)(S_Content2, { children: "Content2" }, void 0), containerColor: "#fff7ed", areaColor: "#ffdeda" }, void 0))
|
|
97
|
-
};
|
|
98
|
-
exports.WHD_3 = TemplateLayoutWH.bind({});
|
|
99
|
-
exports.WHD_3.args = {
|
|
100
|
-
children: ((0, jsx_runtime_1.jsx)(ContainersBox_1.ContainersBox, { layoutType: "WHD_3", 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))
|
|
101
|
-
};
|
|
102
|
-
exports.WHD_4 = TemplateLayoutWH.bind({});
|
|
103
|
-
exports.WHD_4.args = {
|
|
104
|
-
children: ((0, jsx_runtime_1.jsx)(ContainersBox_1.ContainersBox, { layoutType: "WHD_4", content1: (0, jsx_runtime_1.jsx)(S_Content1, { children: "Content1" }, void 0), content2: (0, jsx_runtime_1.jsx)(S_Content2, { children: "Content2" }, void 0), containerColor: "#fff7ed", areaColor: "#ffdeda" }, void 0))
|
|
105
|
-
};
|
|
106
|
-
exports.WHD_5 = TemplateLayoutWH.bind({});
|
|
107
|
-
exports.WHD_5.args = {
|
|
108
|
-
children: ((0, jsx_runtime_1.jsx)(ContainersBox_1.ContainersBox, { layoutType: "WHD_5", 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))
|
|
109
|
-
};
|
|
110
|
-
exports.WHD_6 = TemplateLayoutWH.bind({});
|
|
111
|
-
exports.WHD_6.args = {
|
|
112
|
-
children: ((0, jsx_runtime_1.jsx)(ContainersBox_1.ContainersBox, { layoutType: "WHD_6", 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))
|
|
113
|
-
};
|
|
114
|
-
exports.WHE_1 = TemplateLayoutWH.bind({});
|
|
115
|
-
exports.WHE_1.args = {
|
|
116
|
-
children: ((0, jsx_runtime_1.jsx)(ContainersBox_1.ContainersBox, { layoutType: "WHE_1", tabMenuContent: (0, jsx_runtime_1.jsx)(S_TabMenuContent, { children: "TabMenuContent" }, 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))
|
|
117
|
-
};
|
|
118
|
-
exports.WHE_2 = TemplateLayoutWH.bind({});
|
|
119
|
-
exports.WHE_2.args = {
|
|
120
|
-
children: ((0, jsx_runtime_1.jsx)(ContainersBox_1.ContainersBox, { layoutType: "WHE_2", tabMenuContent: (0, jsx_runtime_1.jsx)(S_TabMenuContent, { children: "TabMenuContent" }, void 0), content1: (0, jsx_runtime_1.jsx)(S_Content1, { children: "Content1" }, void 0), containerColor: "#fff7ed", areaColor: "#ffdeda" }, void 0))
|
|
121
|
-
};
|
|
122
|
-
var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7;
|
|
@@ -1,20 +0,0 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
|
-
import type { ComponentStory, ComponentMeta } from '@storybook/react';
|
|
3
|
-
declare const _default: ComponentMeta<({ primaryGlobalMenuContent, secondaryGlobalMenuContent, children }: import("./LayoutWH").LayoutWHProps) => JSX.Element>;
|
|
4
|
-
export default _default;
|
|
5
|
-
export declare const WHA_1: ComponentStory<({ primaryGlobalMenuContent, secondaryGlobalMenuContent, children }: import("./LayoutWH").LayoutWHProps) => JSX.Element>;
|
|
6
|
-
export declare const WHB_1: ComponentStory<({ primaryGlobalMenuContent, secondaryGlobalMenuContent, children }: import("./LayoutWH").LayoutWHProps) => JSX.Element>;
|
|
7
|
-
export declare const WHB_2: ComponentStory<({ primaryGlobalMenuContent, secondaryGlobalMenuContent, children }: import("./LayoutWH").LayoutWHProps) => JSX.Element>;
|
|
8
|
-
export declare const WHB_3: ComponentStory<({ primaryGlobalMenuContent, secondaryGlobalMenuContent, children }: import("./LayoutWH").LayoutWHProps) => JSX.Element>;
|
|
9
|
-
export declare const WHB_4: ComponentStory<({ primaryGlobalMenuContent, secondaryGlobalMenuContent, children }: import("./LayoutWH").LayoutWHProps) => JSX.Element>;
|
|
10
|
-
export declare const WHB_5: ComponentStory<({ primaryGlobalMenuContent, secondaryGlobalMenuContent, children }: import("./LayoutWH").LayoutWHProps) => JSX.Element>;
|
|
11
|
-
export declare const WHB_6: ComponentStory<({ primaryGlobalMenuContent, secondaryGlobalMenuContent, children }: import("./LayoutWH").LayoutWHProps) => JSX.Element>;
|
|
12
|
-
export declare const WHC_1: ComponentStory<({ primaryGlobalMenuContent, secondaryGlobalMenuContent, children }: import("./LayoutWH").LayoutWHProps) => JSX.Element>;
|
|
13
|
-
export declare const WHD_1: ComponentStory<({ primaryGlobalMenuContent, secondaryGlobalMenuContent, children }: import("./LayoutWH").LayoutWHProps) => JSX.Element>;
|
|
14
|
-
export declare const WHD_2: ComponentStory<({ primaryGlobalMenuContent, secondaryGlobalMenuContent, children }: import("./LayoutWH").LayoutWHProps) => JSX.Element>;
|
|
15
|
-
export declare const WHD_3: ComponentStory<({ primaryGlobalMenuContent, secondaryGlobalMenuContent, children }: import("./LayoutWH").LayoutWHProps) => JSX.Element>;
|
|
16
|
-
export declare const WHD_4: ComponentStory<({ primaryGlobalMenuContent, secondaryGlobalMenuContent, children }: import("./LayoutWH").LayoutWHProps) => JSX.Element>;
|
|
17
|
-
export declare const WHD_5: ComponentStory<({ primaryGlobalMenuContent, secondaryGlobalMenuContent, children }: import("./LayoutWH").LayoutWHProps) => JSX.Element>;
|
|
18
|
-
export declare const WHD_6: ComponentStory<({ primaryGlobalMenuContent, secondaryGlobalMenuContent, children }: import("./LayoutWH").LayoutWHProps) => JSX.Element>;
|
|
19
|
-
export declare const WHE_1: ComponentStory<({ primaryGlobalMenuContent, secondaryGlobalMenuContent, children }: import("./LayoutWH").LayoutWHProps) => JSX.Element>;
|
|
20
|
-
export declare const WHE_2: ComponentStory<({ primaryGlobalMenuContent, secondaryGlobalMenuContent, children }: import("./LayoutWH").LayoutWHProps) => JSX.Element>;
|