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,95 +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.Information = exports.Time = exports.Label = exports.Removable = exports.FilterMulti = exports.FilterSingle = exports.CategoryChoice = void 0;
|
|
18
|
-
var jsx_runtime_1 = require("react/jsx-runtime");
|
|
19
|
-
var Chip_1 = __importDefault(require("./Chip"));
|
|
20
|
-
exports.default = {
|
|
21
|
-
title: 'mobile/components/Chip',
|
|
22
|
-
component: Chip_1.default,
|
|
23
|
-
parameters: {
|
|
24
|
-
docs: {
|
|
25
|
-
description: {
|
|
26
|
-
component: 'mobile환경에 최적화 된 Chip 컴포넌트'
|
|
27
|
-
}
|
|
28
|
-
}
|
|
29
|
-
},
|
|
30
|
-
argTypes: {
|
|
31
|
-
displayType: {
|
|
32
|
-
description: '칩의 유형을 결정합니다.',
|
|
33
|
-
control: { type: 'inline-radio' }
|
|
34
|
-
},
|
|
35
|
-
text: {
|
|
36
|
-
description: '칩에 표시되는 텍스트입니다.',
|
|
37
|
-
control: { type: 'text' }
|
|
38
|
-
},
|
|
39
|
-
filterIconMode: {
|
|
40
|
-
description: '좌측 아이콘 유무를 결정합니다. (displayType이 filter_single, filter_multi일 경우에만 적용됩니다.)',
|
|
41
|
-
control: { type: 'inline-radio' }
|
|
42
|
-
},
|
|
43
|
-
iconFillType: {
|
|
44
|
-
description: '아이콘의 형태를 결정합니다. (displayType이 filter_single, filter_multi일 경우에만 적용됩니다.)',
|
|
45
|
-
control: { type: 'inline-radio' }
|
|
46
|
-
},
|
|
47
|
-
iconName: {
|
|
48
|
-
description: '아이콘 이름을 의미합니다. (displayType이 filter_single, filter_multi일 경우에만 적용됩니다.)',
|
|
49
|
-
control: { type: 'select' }
|
|
50
|
-
},
|
|
51
|
-
overrideTextColorKey: {
|
|
52
|
-
description: '텍스트 컬러의 키값을 직접 입력할 수 있습니다. (ui_로 시작하는 키값 부여) (displayType이 information일 경우에만 적용됩니다.)',
|
|
53
|
-
control: { type: 'text' }
|
|
54
|
-
},
|
|
55
|
-
overrideBackgroundColorKey: {
|
|
56
|
-
description: '배경 컬러의 키값을 직접 입력할 수 있습니다. (ui_로 시작하는 키값 부여) (displayType이 information일 경우에만 적용됩니다.)',
|
|
57
|
-
control: { type: 'text' }
|
|
58
|
-
},
|
|
59
|
-
id: {
|
|
60
|
-
description: 'chip이 갖고 있는 고유한 값입니다. (PDSValueOption)'
|
|
61
|
-
},
|
|
62
|
-
value: {
|
|
63
|
-
description: '선택되어 활성화된 chip의 값입니다. (PDSValueOption)',
|
|
64
|
-
control: { type: 'number' }
|
|
65
|
-
},
|
|
66
|
-
activeChipId: {
|
|
67
|
-
description: '[deprecated] 표시한 값들에서 현재 active 상태인 값을 표시합니다. 0부터 시작합니다.',
|
|
68
|
-
control: { type: 'none' }
|
|
69
|
-
},
|
|
70
|
-
chipId: {
|
|
71
|
-
description: '[deprecated] 각 필터 칩에 부여된 number값 입니다.',
|
|
72
|
-
control: { type: 'none' }
|
|
73
|
-
}
|
|
74
|
-
}
|
|
75
|
-
};
|
|
76
|
-
var defaultArgs = {
|
|
77
|
-
filterIconMode: 'none',
|
|
78
|
-
iconFillType: 'line'
|
|
79
|
-
};
|
|
80
|
-
var Template = function (args) { return (0, jsx_runtime_1.jsx)(Chip_1.default, __assign({}, args), void 0); };
|
|
81
|
-
var MultiTemplate = function (args) { return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(Chip_1.default, __assign({}, args, { chipId: "1" }), void 0), (0, jsx_runtime_1.jsx)(Chip_1.default, __assign({}, args, { chipId: "2", activeChipId: "2" }), void 0), (0, jsx_runtime_1.jsx)(Chip_1.default, __assign({}, args, { id: "1" }), void 0), (0, jsx_runtime_1.jsx)(Chip_1.default, __assign({}, args, { id: "2", value: "2" }), void 0)] }, void 0)); };
|
|
82
|
-
exports.CategoryChoice = MultiTemplate.bind({});
|
|
83
|
-
exports.CategoryChoice.args = __assign(__assign({}, defaultArgs), { displayType: 'category_choice', text: 'category_choice' });
|
|
84
|
-
exports.FilterSingle = MultiTemplate.bind({});
|
|
85
|
-
exports.FilterSingle.args = __assign(__assign({}, defaultArgs), { displayType: 'filter_single', text: 'filter_single' });
|
|
86
|
-
exports.FilterMulti = MultiTemplate.bind({});
|
|
87
|
-
exports.FilterMulti.args = __assign(__assign({}, defaultArgs), { displayType: 'filter_multi', text: 'filter_multi' });
|
|
88
|
-
exports.Removable = Template.bind({});
|
|
89
|
-
exports.Removable.args = __assign(__assign({}, defaultArgs), { displayType: 'removable', text: 'removable' });
|
|
90
|
-
exports.Label = Template.bind({});
|
|
91
|
-
exports.Label.args = __assign(__assign({}, defaultArgs), { displayType: 'label', text: 'label' });
|
|
92
|
-
exports.Time = Template.bind({});
|
|
93
|
-
exports.Time.args = __assign(__assign({}, defaultArgs), { displayType: 'time', text: '12:00' });
|
|
94
|
-
exports.Information = Template.bind({});
|
|
95
|
-
exports.Information.args = __assign(__assign({}, defaultArgs), { displayType: 'information', text: 'information' });
|
|
@@ -1,6 +0,0 @@
|
|
|
1
|
-
import ContextMenu from './ContextMenu';
|
|
2
|
-
import type { ComponentStory, ComponentMeta } from '@storybook/react';
|
|
3
|
-
declare const _default: ComponentMeta<typeof ContextMenu>;
|
|
4
|
-
export default _default;
|
|
5
|
-
export declare const DefaultContextMenu: ComponentStory<typeof ContextMenu>;
|
|
6
|
-
export declare const ListContextMenu: ComponentStory<any>;
|
|
@@ -1,66 +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.ListContextMenu = exports.DefaultContextMenu = void 0;
|
|
18
|
-
var jsx_runtime_1 = require("react/jsx-runtime");
|
|
19
|
-
var react_1 = require("react");
|
|
20
|
-
var ContextMenuItem_1 = __importDefault(require("../ContextMenuItem/ContextMenuItem"));
|
|
21
|
-
var ContextMenu_1 = __importDefault(require("./ContextMenu"));
|
|
22
|
-
exports.default = {
|
|
23
|
-
title: 'mobile/components/ContextMenu',
|
|
24
|
-
component: ContextMenu_1.default,
|
|
25
|
-
subcomponents: { ContextMenuItem: ContextMenuItem_1.default },
|
|
26
|
-
parameters: {
|
|
27
|
-
docs: {
|
|
28
|
-
description: {
|
|
29
|
-
component: 'mobile환경에 최적화 된 ContextMenu 컴포넌트'
|
|
30
|
-
}
|
|
31
|
-
}
|
|
32
|
-
},
|
|
33
|
-
argTypes: {
|
|
34
|
-
children: {
|
|
35
|
-
description: 'ContextMenu에 들어갈 자식 요소입니다. 현재는 `ContextMenuItem`만 존재합니다.'
|
|
36
|
-
},
|
|
37
|
-
autoWidthMode: {
|
|
38
|
-
description: 'contextMenu가 상위 컴포넌트의 width와 같은 값을 가질지 결정합니다.',
|
|
39
|
-
control: { type: 'inline-radio' }
|
|
40
|
-
},
|
|
41
|
-
maxHeight: {
|
|
42
|
-
description: 'contextMenu의 최대 높이값입니다.'
|
|
43
|
-
},
|
|
44
|
-
customWidth: {
|
|
45
|
-
description: '직접 지정한 ContextMenu의 사이즈를 결정합니다. (단위도 함께 적어주어야 합니다.) (*반드시 디자인 검수후에 사용가능합니다.)',
|
|
46
|
-
control: { type: 'text' }
|
|
47
|
-
}
|
|
48
|
-
}
|
|
49
|
-
};
|
|
50
|
-
var Template = function (args) {
|
|
51
|
-
return (0, jsx_runtime_1.jsx)(ContextMenu_1.default, __assign({}, args), void 0);
|
|
52
|
-
};
|
|
53
|
-
var ListTemplate = function (args) {
|
|
54
|
-
var _a = (0, react_1.useState)(1), selectedValue = _a[0], setSelectedValue = _a[1];
|
|
55
|
-
var items = [
|
|
56
|
-
{ text: '123 456 긴 텍스트', value: 1 },
|
|
57
|
-
{ text: '2', value: 2 },
|
|
58
|
-
{ text: '3', value: 3 }
|
|
59
|
-
];
|
|
60
|
-
var handleClick = function (option) {
|
|
61
|
-
setSelectedValue(Number(option.value));
|
|
62
|
-
};
|
|
63
|
-
return ((0, jsx_runtime_1.jsx)(ContextMenu_1.default, __assign({}, args, { children: items.map(function (option, index) { return ((0, jsx_runtime_1.jsx)(ContextMenuItem_1.default, { option: option, isSelected: option.value === selectedValue, onClick: handleClick, state: option.value === 2 ? 'disabled' : 'normal' }, "" + option.value + (index + 1))); }) }), void 0));
|
|
64
|
-
};
|
|
65
|
-
exports.DefaultContextMenu = Template.bind({});
|
|
66
|
-
exports.ListContextMenu = ListTemplate.bind({});
|
|
@@ -1,5 +0,0 @@
|
|
|
1
|
-
import ContextMenuItem from './ContextMenuItem';
|
|
2
|
-
import type { ComponentStory, ComponentMeta } from '@storybook/react';
|
|
3
|
-
declare const _default: ComponentMeta<typeof ContextMenuItem>;
|
|
4
|
-
export default _default;
|
|
5
|
-
export declare const DefaultContextMenuItem: ComponentStory<typeof ContextMenuItem>;
|
|
@@ -1,66 +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.DefaultContextMenuItem = void 0;
|
|
18
|
-
var jsx_runtime_1 = require("react/jsx-runtime");
|
|
19
|
-
var addon_actions_1 = require("@storybook/addon-actions");
|
|
20
|
-
var ContextMenuItem_1 = __importDefault(require("./ContextMenuItem"));
|
|
21
|
-
exports.default = {
|
|
22
|
-
title: 'mobile/components/ContextMenuItem',
|
|
23
|
-
component: ContextMenuItem_1.default,
|
|
24
|
-
parameters: {
|
|
25
|
-
docs: {
|
|
26
|
-
description: {
|
|
27
|
-
component: 'mobile환경에 최적화 된 ContextMenuItem 컴포넌트'
|
|
28
|
-
}
|
|
29
|
-
}
|
|
30
|
-
},
|
|
31
|
-
argTypes: {
|
|
32
|
-
size: {
|
|
33
|
-
description: '요소의 크기(높이와 패딩값)를 결정합니다.',
|
|
34
|
-
control: { type: 'inline-radio' }
|
|
35
|
-
},
|
|
36
|
-
option: {
|
|
37
|
-
description: '요소에 사용될 텍스트와 고유값 객체입니다.'
|
|
38
|
-
},
|
|
39
|
-
isSelected: {
|
|
40
|
-
description: '선택된 요소를 결정합니다.',
|
|
41
|
-
control: { type: 'boolean' }
|
|
42
|
-
},
|
|
43
|
-
state: {
|
|
44
|
-
description: '활성화 여부를 결정합니다.',
|
|
45
|
-
control: { type: 'inline-radio' }
|
|
46
|
-
},
|
|
47
|
-
onClick: {
|
|
48
|
-
action: 'onClick'
|
|
49
|
-
},
|
|
50
|
-
text: {
|
|
51
|
-
description: '[deprecated] 요소에 사용될 텍스트입니다.',
|
|
52
|
-
control: { type: 'text' }
|
|
53
|
-
},
|
|
54
|
-
value: {
|
|
55
|
-
description: '[deprecated] 요소의 고유값입니다.'
|
|
56
|
-
}
|
|
57
|
-
}
|
|
58
|
-
};
|
|
59
|
-
var Template = function (args) { return (0, jsx_runtime_1.jsx)(ContextMenuItem_1.default, __assign({}, args), void 0); };
|
|
60
|
-
exports.DefaultContextMenuItem = Template.bind({});
|
|
61
|
-
exports.DefaultContextMenuItem.args = {
|
|
62
|
-
size: 'small',
|
|
63
|
-
text: 'ContextMenuItem',
|
|
64
|
-
onClick: (0, addon_actions_1.action)('onClick'),
|
|
65
|
-
value: 'unique value'
|
|
66
|
-
};
|
|
@@ -1,168 +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.Default = void 0;
|
|
18
|
-
var jsx_runtime_1 = require("react/jsx-runtime");
|
|
19
|
-
var react_1 = require("react");
|
|
20
|
-
var Dropdown_1 = __importDefault(require("./Dropdown"));
|
|
21
|
-
exports.default = {
|
|
22
|
-
title: 'mobile/components/Dropdown',
|
|
23
|
-
component: Dropdown_1.default,
|
|
24
|
-
parameters: {
|
|
25
|
-
docs: {
|
|
26
|
-
description: {
|
|
27
|
-
component: 'mobile환경에 최적화 된 Dropdown 컴포넌트'
|
|
28
|
-
}
|
|
29
|
-
}
|
|
30
|
-
},
|
|
31
|
-
argTypes: {
|
|
32
|
-
size: {
|
|
33
|
-
description: '요소의 크기를 결정합니다.',
|
|
34
|
-
control: { type: 'inline-radio' }
|
|
35
|
-
},
|
|
36
|
-
hintText: {
|
|
37
|
-
description: '선택 전 사용자에게 보여질 기본 텍스트입니다.(placeholder)',
|
|
38
|
-
control: { type: 'text' }
|
|
39
|
-
},
|
|
40
|
-
defaultValue: {
|
|
41
|
-
description: '기본으로 표시할 값입니다.'
|
|
42
|
-
},
|
|
43
|
-
value: {
|
|
44
|
-
description: '드롭다운의 값입니다.'
|
|
45
|
-
},
|
|
46
|
-
valueArray: {
|
|
47
|
-
description: '옵션으로 표시될 값들의 배열입니다.'
|
|
48
|
-
},
|
|
49
|
-
responsiveMode: {
|
|
50
|
-
description: 'width를 반응형으로 적용합니다.',
|
|
51
|
-
control: { type: 'inline-radio' }
|
|
52
|
-
},
|
|
53
|
-
selectionMode: {
|
|
54
|
-
description: '단일 또는 다중 선택을 결정합니다.',
|
|
55
|
-
control: { type: 'inline-radio' }
|
|
56
|
-
},
|
|
57
|
-
state: {
|
|
58
|
-
description: '요소의 활성화 상태를 결정합니다.',
|
|
59
|
-
control: { type: 'inline-radio' }
|
|
60
|
-
},
|
|
61
|
-
colorTheme: {
|
|
62
|
-
description: '컬러의 프리셋 테마입니다.',
|
|
63
|
-
control: { type: 'inline-radio' }
|
|
64
|
-
},
|
|
65
|
-
maxHeightItemNumber: {
|
|
66
|
-
description: '입력한 개수만큼 보이고 나머지는 스크롤이 됩니다.'
|
|
67
|
-
},
|
|
68
|
-
customWidth: {
|
|
69
|
-
description: '직접 지정한 Dropdown의 사이즈를 결정합니다. 내부에 있는 ContextMenu에도 customWidth가 자동부여됩니다. (단위도 함께 적어주어야 합니다.) (*반드시 디자인 검수후에 사용가능합니다.)',
|
|
70
|
-
control: { type: 'text' }
|
|
71
|
-
},
|
|
72
|
-
onChange: {
|
|
73
|
-
action: 'onChange'
|
|
74
|
-
}
|
|
75
|
-
}
|
|
76
|
-
};
|
|
77
|
-
var Template = function (args) {
|
|
78
|
-
var valueArray = args.valueArray, defaultValue = args.defaultValue;
|
|
79
|
-
var _a = (0, react_1.useState)(null), selectedOption = _a[0], setSelectedOption = _a[1];
|
|
80
|
-
var handleChange = function (option) {
|
|
81
|
-
if (option.value === 7) {
|
|
82
|
-
setSelectedOption(valueArray[3]);
|
|
83
|
-
return;
|
|
84
|
-
}
|
|
85
|
-
if (option.value === 4) {
|
|
86
|
-
setSelectedOption(null);
|
|
87
|
-
return;
|
|
88
|
-
}
|
|
89
|
-
setSelectedOption(option);
|
|
90
|
-
};
|
|
91
|
-
return ((0, jsx_runtime_1.jsx)(Dropdown_1.default, __assign({}, args, { defaultValue: defaultValue, value: selectedOption, onChange: handleChange }), void 0));
|
|
92
|
-
};
|
|
93
|
-
exports.Default = Template.bind({});
|
|
94
|
-
exports.Default.args = {
|
|
95
|
-
size: 'large',
|
|
96
|
-
hintText: 'Hint Text',
|
|
97
|
-
defaultValue: {
|
|
98
|
-
text: '12',
|
|
99
|
-
value: 12
|
|
100
|
-
},
|
|
101
|
-
valueArray: [
|
|
102
|
-
{
|
|
103
|
-
text: '1',
|
|
104
|
-
value: 1
|
|
105
|
-
},
|
|
106
|
-
{
|
|
107
|
-
text: '2',
|
|
108
|
-
value: 2
|
|
109
|
-
},
|
|
110
|
-
{
|
|
111
|
-
text: '3',
|
|
112
|
-
value: 3,
|
|
113
|
-
state: 'disabled'
|
|
114
|
-
},
|
|
115
|
-
{
|
|
116
|
-
text: '4',
|
|
117
|
-
value: 4
|
|
118
|
-
},
|
|
119
|
-
{
|
|
120
|
-
text: '5',
|
|
121
|
-
value: 5
|
|
122
|
-
},
|
|
123
|
-
{
|
|
124
|
-
text: '6',
|
|
125
|
-
value: 6
|
|
126
|
-
},
|
|
127
|
-
{
|
|
128
|
-
text: '7',
|
|
129
|
-
value: 7
|
|
130
|
-
},
|
|
131
|
-
{
|
|
132
|
-
text: '8',
|
|
133
|
-
value: 8
|
|
134
|
-
},
|
|
135
|
-
{
|
|
136
|
-
text: '9',
|
|
137
|
-
value: 9
|
|
138
|
-
},
|
|
139
|
-
{
|
|
140
|
-
text: '10',
|
|
141
|
-
value: 10
|
|
142
|
-
},
|
|
143
|
-
{
|
|
144
|
-
text: '11',
|
|
145
|
-
value: 11
|
|
146
|
-
},
|
|
147
|
-
{
|
|
148
|
-
text: '12',
|
|
149
|
-
value: 12
|
|
150
|
-
},
|
|
151
|
-
{
|
|
152
|
-
text: '13',
|
|
153
|
-
value: 13
|
|
154
|
-
},
|
|
155
|
-
{
|
|
156
|
-
text: '14',
|
|
157
|
-
value: 14
|
|
158
|
-
},
|
|
159
|
-
{
|
|
160
|
-
text: '15',
|
|
161
|
-
value: 15
|
|
162
|
-
}
|
|
163
|
-
],
|
|
164
|
-
responsiveMode: 'none',
|
|
165
|
-
state: 'normal',
|
|
166
|
-
colorTheme: 'none',
|
|
167
|
-
maxHeightItemNumber: 5
|
|
168
|
-
};
|
|
@@ -1,5 +0,0 @@
|
|
|
1
|
-
import FloatingActionButton from './FloatingActionButton';
|
|
2
|
-
import type { ComponentStory, ComponentMeta } from '@storybook/react';
|
|
3
|
-
declare const _default: ComponentMeta<typeof FloatingActionButton>;
|
|
4
|
-
export default _default;
|
|
5
|
-
export declare const Default: ComponentStory<typeof FloatingActionButton>;
|
|
@@ -1,74 +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.Default = void 0;
|
|
18
|
-
var jsx_runtime_1 = require("react/jsx-runtime");
|
|
19
|
-
var FloatingActionButton_1 = __importDefault(require("./FloatingActionButton"));
|
|
20
|
-
exports.default = {
|
|
21
|
-
title: 'mobile/components/FloatingActionButton',
|
|
22
|
-
component: FloatingActionButton_1.default,
|
|
23
|
-
parameters: {
|
|
24
|
-
docs: {
|
|
25
|
-
description: {
|
|
26
|
-
component: 'mobile환경에 최적화된 FloatingActionButton 컴포넌트'
|
|
27
|
-
}
|
|
28
|
-
}
|
|
29
|
-
},
|
|
30
|
-
argTypes: {
|
|
31
|
-
text: {
|
|
32
|
-
description: '표시할 텍스트 값입니다.'
|
|
33
|
-
},
|
|
34
|
-
displayType: {
|
|
35
|
-
description: '표시 레이아웃 방식을 결정합니다.',
|
|
36
|
-
control: { type: 'inline-radio' }
|
|
37
|
-
},
|
|
38
|
-
size: {
|
|
39
|
-
description: '크기를 결정합니다. 단순히 요소의 width, height 뿐만 아니라 텍스트 크기, 아이콘 크기 등이 다 포함됩니다.',
|
|
40
|
-
control: { type: 'inline-radio' }
|
|
41
|
-
},
|
|
42
|
-
fontWeight: {
|
|
43
|
-
description: '텍스트의 굵기를 의미합니다.',
|
|
44
|
-
control: { type: 'inline-radio' }
|
|
45
|
-
},
|
|
46
|
-
iconFillType: {
|
|
47
|
-
description: '아이콘의 형태를 결정합니다.',
|
|
48
|
-
control: { type: 'inline-radio' }
|
|
49
|
-
},
|
|
50
|
-
iconName: {
|
|
51
|
-
description: '아이콘 이름을 의미합니다. 사용할 수 있는 아이콘은 미리 정해져있습니다.',
|
|
52
|
-
control: { type: 'select' }
|
|
53
|
-
},
|
|
54
|
-
colorTheme: {
|
|
55
|
-
description: '컬러의 프리셋 테마입니다. fillType을 고려하여 만들어졌지만, 코드에서 예외처리를 하지 않습니다. 예를 들어, Line fillType에 최적화된 컬러테마를 Fill fillType에 적용한 것은 그냥 사람이 잘못한 것입니다.',
|
|
56
|
-
control: { type: 'inline-radio' }
|
|
57
|
-
},
|
|
58
|
-
state: {
|
|
59
|
-
description: '상태를 결정합니다.',
|
|
60
|
-
control: { type: 'inline-radio' }
|
|
61
|
-
},
|
|
62
|
-
onClick: {
|
|
63
|
-
action: 'onClick'
|
|
64
|
-
},
|
|
65
|
-
onMouseDown: {
|
|
66
|
-
action: 'onMouseDown'
|
|
67
|
-
}
|
|
68
|
-
}
|
|
69
|
-
};
|
|
70
|
-
var Template = function (args) { return ((0, jsx_runtime_1.jsx)(FloatingActionButton_1.default, __assign({}, args), void 0)); };
|
|
71
|
-
exports.Default = Template.bind({});
|
|
72
|
-
exports.Default.args = {
|
|
73
|
-
text: 'FAB'
|
|
74
|
-
};
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
import HorizontalFormGroup from './HorizontalFormGroup';
|
|
2
|
-
import type { ComponentStory, ComponentMeta } from '@storybook/react';
|
|
3
|
-
declare const _default: ComponentMeta<typeof HorizontalFormGroup>;
|
|
4
|
-
export default _default;
|
|
5
|
-
export declare const TextFieldForm: ComponentStory<typeof HorizontalFormGroup>;
|
|
6
|
-
export declare const MultiTextFieldForm: ComponentStory<typeof HorizontalFormGroup>;
|
|
7
|
-
export declare const DropdownForm: ComponentStory<typeof HorizontalFormGroup>;
|
|
@@ -1,89 +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.DropdownForm = exports.MultiTextFieldForm = exports.TextFieldForm = void 0;
|
|
18
|
-
var jsx_runtime_1 = require("react/jsx-runtime");
|
|
19
|
-
var react_hook_form_1 = require("react-hook-form");
|
|
20
|
-
var common_1 = require("../../../common");
|
|
21
|
-
var Dropdown_1 = require("../Dropdown");
|
|
22
|
-
var TextField_1 = require("../TextField");
|
|
23
|
-
var HorizontalFormGroup_1 = __importDefault(require("./HorizontalFormGroup"));
|
|
24
|
-
exports.default = {
|
|
25
|
-
title: 'mobile/components/HorizontalFormGroup',
|
|
26
|
-
component: HorizontalFormGroup_1.default,
|
|
27
|
-
parameters: {
|
|
28
|
-
docs: {
|
|
29
|
-
description: {
|
|
30
|
-
component: 'desktop환경에 최적화된 HorizontalFormGroup 컴포넌트'
|
|
31
|
-
},
|
|
32
|
-
source: { type: 'code' }
|
|
33
|
-
}
|
|
34
|
-
},
|
|
35
|
-
argTypes: {
|
|
36
|
-
labelText: {
|
|
37
|
-
description: '표시할 라벨 텍스트 값입니다.',
|
|
38
|
-
control: { type: 'text' }
|
|
39
|
-
},
|
|
40
|
-
captionText: {
|
|
41
|
-
description: '부가 설명을 보여주는 텍스트 값입니다.',
|
|
42
|
-
control: { type: 'text' }
|
|
43
|
-
},
|
|
44
|
-
labelAlignType: {
|
|
45
|
-
description: 'labelText의 정렬 타입을 결정합니다.',
|
|
46
|
-
control: { type: 'inline-radio' },
|
|
47
|
-
options: ['top', 'center']
|
|
48
|
-
},
|
|
49
|
-
labelTopSpacing: {
|
|
50
|
-
description: 'labelAlignType이 top일 경우, 상단 여백의 범위를 결정합니다. (labelAlignType이 center일 경우, 적용되지 않습니다.)',
|
|
51
|
-
control: { type: 'inline-radio' },
|
|
52
|
-
options: ['small', 'medium', 'large']
|
|
53
|
-
},
|
|
54
|
-
inputForm: {
|
|
55
|
-
description: '사용하고자하는 컴포넌트를 가져와 사용합니다. (2개 이상의 컴포넌트는 사용하지 않습니다.)',
|
|
56
|
-
control: { type: 'none' }
|
|
57
|
-
}
|
|
58
|
-
}
|
|
59
|
-
};
|
|
60
|
-
var Template = function (args) {
|
|
61
|
-
var methods = (0, react_hook_form_1.useForm)();
|
|
62
|
-
return ((0, jsx_runtime_1.jsx)(react_hook_form_1.FormProvider, __assign({}, methods, { children: (0, jsx_runtime_1.jsx)(common_1.Form, { children: (0, jsx_runtime_1.jsx)(HorizontalFormGroup_1.default, __assign({}, args), void 0) }, void 0) }), void 0));
|
|
63
|
-
};
|
|
64
|
-
exports.TextFieldForm = Template.bind({});
|
|
65
|
-
exports.TextFieldForm.args = {
|
|
66
|
-
labelText: 'labelText',
|
|
67
|
-
captionText: 'captionText',
|
|
68
|
-
labelAlignType: 'center',
|
|
69
|
-
inputForm: (0, jsx_runtime_1.jsx)(TextField_1.TextField, { name: "name" }, void 0)
|
|
70
|
-
};
|
|
71
|
-
exports.MultiTextFieldForm = Template.bind({});
|
|
72
|
-
exports.MultiTextFieldForm.args = {
|
|
73
|
-
labelText: 'labelText',
|
|
74
|
-
captionText: 'captionText',
|
|
75
|
-
labelAlignType: 'center',
|
|
76
|
-
inputForm: (0, jsx_runtime_1.jsx)(TextField_1.TextField, { name: "name", textLineType: "multi" }, void 0)
|
|
77
|
-
};
|
|
78
|
-
exports.DropdownForm = Template.bind({});
|
|
79
|
-
exports.DropdownForm.args = {
|
|
80
|
-
labelText: 'labelText',
|
|
81
|
-
captionText: 'captionText',
|
|
82
|
-
labelAlignType: 'center',
|
|
83
|
-
inputForm: ((0, jsx_runtime_1.jsx)(Dropdown_1.Dropdown, { valueArray: [
|
|
84
|
-
{ text: '하나', value: '하나' },
|
|
85
|
-
{ text: '두울', value: '두울' },
|
|
86
|
-
{ text: '세엣', value: '세엣' },
|
|
87
|
-
{ text: '네엣', value: '네엣' }
|
|
88
|
-
] }, void 0))
|
|
89
|
-
};
|