pds-dev-kit-web-test 0.1.5 → 0.1.7
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.d.ts +1 -0
- package/dist/index.js +8 -1
- package/dist/src/desktop/common/components/TextFieldBase/TextFieldBase.js +1 -1
- package/dist/src/mobile/layout/LayoutMS/Containers/ContentsContainer/ContentsContainer.d.ts +3 -2
- package/dist/src/mobile/layout/LayoutMS/Containers/ContentsContainer/ContentsContainer.js +2 -2
- package/dist/src/mobile/layout/LayoutMS/Containers/ContentsContainer/variation/MSA.d.ts +3 -2
- package/dist/src/mobile/layout/LayoutMS/Containers/ContentsContainer/variation/MSA.js +2 -2
- package/dist/src/mobile/layout/LayoutMS/ContainersBox/ContainersBox.d.ts +3 -2
- package/dist/src/mobile/layout/LayoutMS/ContainersBox/ContainersBox.js +2 -2
- package/dist/src/sub/AdminList/AdminList/AdminList.d.ts +47 -0
- package/dist/src/sub/AdminList/AdminList/AdminList.js +224 -0
- package/dist/src/sub/AdminList/AdminList/HeaderRow.d.ts +30 -0
- package/dist/src/sub/AdminList/AdminList/HeaderRow.js +84 -0
- package/dist/src/sub/AdminList/AdminList/index.d.ts +1 -0
- package/dist/src/sub/AdminList/AdminList/index.js +8 -0
- package/dist/src/sub/AdminList/AdminListHeader/AdminListHeader.d.ts +18 -0
- package/dist/src/sub/AdminList/AdminListHeader/AdminListHeader.js +60 -0
- package/dist/src/sub/AdminList/AdminListHeader/HeaderBar.d.ts +17 -0
- package/dist/src/sub/AdminList/AdminListHeader/HeaderBar.js +85 -0
- package/dist/src/sub/AdminList/AdminListHeader/index.d.ts +1 -0
- package/dist/src/sub/AdminList/AdminListHeader/index.js +8 -0
- package/dist/src/sub/AdminList/AdminListItem/AdminListItem.d.ts +57 -0
- package/dist/src/sub/AdminList/AdminListItem/AdminListItem.js +263 -0
- package/dist/src/sub/AdminList/AdminListItem/index.d.ts +1 -0
- package/dist/src/sub/AdminList/AdminListItem/index.js +8 -0
- package/dist/src/sub/AdminList/BulkActionBar/BulkActionBar.d.ts +31 -0
- package/dist/src/sub/AdminList/BulkActionBar/BulkActionBar.js +31 -0
- package/dist/src/sub/AdminList/BulkActionBar/index.d.ts +1 -0
- package/dist/src/sub/AdminList/BulkActionBar/index.js +8 -0
- package/dist/src/sub/AdminList/ToolBar/ChipList.d.ts +9 -0
- package/dist/src/sub/AdminList/ToolBar/ChipList.js +29 -0
- package/dist/src/sub/AdminList/ToolBar/SearchField.d.ts +15 -0
- package/dist/src/sub/AdminList/ToolBar/SearchField.js +266 -0
- package/dist/src/sub/AdminList/ToolBar/ToolBar.d.ts +26 -0
- package/dist/src/sub/AdminList/ToolBar/ToolBar.js +85 -0
- package/dist/src/sub/AdminList/ToolBar/index.d.ts +1 -0
- package/dist/src/sub/AdminList/ToolBar/index.js +8 -0
- package/dist/src/sub/AdminList/index.d.ts +5 -0
- package/dist/src/sub/AdminList/index.js +13 -0
- package/dist/src/sub/index.d.ts +1 -0
- package/dist/src/sub/index.js +11 -1
- package/package.json +1 -1
- package/release-note.md +4 -11
- 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,139 +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.CaptionText = exports.Profile = exports.Default = void 0;
|
|
18
|
-
var jsx_runtime_1 = require("react/jsx-runtime");
|
|
19
|
-
var MobileHeaderBar_1 = __importDefault(require("./MobileHeaderBar"));
|
|
20
|
-
exports.default = {
|
|
21
|
-
title: 'mobile/components/MobileHeaderBar',
|
|
22
|
-
component: MobileHeaderBar_1.default,
|
|
23
|
-
parameters: {
|
|
24
|
-
docs: {
|
|
25
|
-
description: {
|
|
26
|
-
component: 'mobile환경에 최적화 된 MobileHeaderBar 컴포넌트'
|
|
27
|
-
}
|
|
28
|
-
}
|
|
29
|
-
},
|
|
30
|
-
argTypes: {
|
|
31
|
-
titleType: {
|
|
32
|
-
description: '타이틀 위치의 타입을 결정합니다.',
|
|
33
|
-
control: { type: 'inline-radio' }
|
|
34
|
-
},
|
|
35
|
-
titleText: {
|
|
36
|
-
description: '요소에 사용될 텍스트입니다.',
|
|
37
|
-
control: { type: 'text' }
|
|
38
|
-
},
|
|
39
|
-
captionText: {
|
|
40
|
-
description: '요소 하단에 사용될 텍스트입니다.',
|
|
41
|
-
control: { type: 'text' }
|
|
42
|
-
},
|
|
43
|
-
leftBtnMode: {
|
|
44
|
-
description: '컴포넌트 좌측 요소의 모드를 결정합니다.',
|
|
45
|
-
control: { type: 'inline-radio' }
|
|
46
|
-
},
|
|
47
|
-
dividerMode: {
|
|
48
|
-
description: '컴포넌트 우측 요소의 아이콘 버튼 개수를 결정합니다.',
|
|
49
|
-
control: { type: 'inline-radio' }
|
|
50
|
-
},
|
|
51
|
-
iBtn1IconName: {
|
|
52
|
-
description: '첫번째 아이콘 버튼의 아이콘을 결정합니다.'
|
|
53
|
-
},
|
|
54
|
-
iBtn1IconFillType: {
|
|
55
|
-
description: '첫번째 아이콘 버튼의 fillType을 결정합니다.',
|
|
56
|
-
control: { type: 'inline-radio' }
|
|
57
|
-
},
|
|
58
|
-
iBtn1IconColorKey: {
|
|
59
|
-
description: '첫번째 아이콘 버튼의 colorKey을 결정합니다.',
|
|
60
|
-
control: { type: 'text' }
|
|
61
|
-
},
|
|
62
|
-
iBtn2IconName: {
|
|
63
|
-
description: '두번째 아이콘 버튼의 아이콘을 결정합니다.'
|
|
64
|
-
},
|
|
65
|
-
iBtn2IconFillType: {
|
|
66
|
-
description: '두번째 아이콘 버튼의 fillType을 결정합니다.',
|
|
67
|
-
control: { type: 'inline-radio' }
|
|
68
|
-
},
|
|
69
|
-
iBtn2IconColorKey: {
|
|
70
|
-
description: '두번째 아이콘 버튼의 colorKey을 결정합니다.',
|
|
71
|
-
control: { type: 'text' }
|
|
72
|
-
},
|
|
73
|
-
displayType: {
|
|
74
|
-
description: '디바이더 여부를 결정합니다.',
|
|
75
|
-
control: { type: 'inline-radio' }
|
|
76
|
-
},
|
|
77
|
-
imageSrc: {
|
|
78
|
-
description: 'titleType이 profile이나 image인 경우 이미지의 src입니다.',
|
|
79
|
-
control: { type: 'text' }
|
|
80
|
-
},
|
|
81
|
-
iBtn1State: {
|
|
82
|
-
description: '첫번째 아이콘 버튼의 state를 결정합니다.',
|
|
83
|
-
control: { type: 'inline-radio' }
|
|
84
|
-
},
|
|
85
|
-
iBtn1Type: {
|
|
86
|
-
description: '첫번째 아이콘 버튼의 type을 결정합니다.',
|
|
87
|
-
control: { type: 'inline-radio' }
|
|
88
|
-
},
|
|
89
|
-
iBtn2State: {
|
|
90
|
-
description: '두번째 아이콘 버튼의 state를 결정합니다.',
|
|
91
|
-
control: { type: 'inline-radio' }
|
|
92
|
-
},
|
|
93
|
-
iBtn2Type: {
|
|
94
|
-
description: '두번째 아이콘 버튼의 type을 결정합니다.',
|
|
95
|
-
control: { type: 'inline-radio' }
|
|
96
|
-
},
|
|
97
|
-
onClickLeftBtn: {
|
|
98
|
-
description: '컴포넌트 좌측 아이콘 버튼을 클릭했을 때의 액션입니다.',
|
|
99
|
-
action: 'onClickLeftBtn'
|
|
100
|
-
},
|
|
101
|
-
onClickIBtn1: {
|
|
102
|
-
description: '컴포넌트 우측 첫번째 아이콘 버튼을 클릭했을 때의 액션입니다.',
|
|
103
|
-
action: 'onClickIBtn1'
|
|
104
|
-
},
|
|
105
|
-
onClickIBtn2: {
|
|
106
|
-
description: '컴포넌트 우측 두번째 아이콘 버튼을 클릭했을 때의 액션입니다.',
|
|
107
|
-
action: 'onClickIBtn2'
|
|
108
|
-
}
|
|
109
|
-
}
|
|
110
|
-
};
|
|
111
|
-
var defaultArgs = {
|
|
112
|
-
titleType: 'text',
|
|
113
|
-
leftBtnMode: 'back',
|
|
114
|
-
displayType: 'none',
|
|
115
|
-
iBtn1IconFillType: 'line',
|
|
116
|
-
iBtn1IconColorKey: 'ui_cpnt_button_icon_enabled',
|
|
117
|
-
iBtn2IconFillType: 'line',
|
|
118
|
-
iBtn2IconColorKey: 'ui_cpnt_button_icon_enabled',
|
|
119
|
-
dividerMode: 'none',
|
|
120
|
-
iBtn1State: 'normal',
|
|
121
|
-
iBtn1Type: 'button',
|
|
122
|
-
iBtn2State: 'normal',
|
|
123
|
-
iBtn2Type: 'button'
|
|
124
|
-
};
|
|
125
|
-
var TitleTemplate = function (args) {
|
|
126
|
-
return (0, jsx_runtime_1.jsx)(MobileHeaderBar_1.default, __assign({}, args), void 0);
|
|
127
|
-
};
|
|
128
|
-
exports.Default = TitleTemplate.bind({});
|
|
129
|
-
exports.Default.args = __assign(__assign({}, defaultArgs), { titleType: 'text', titleText: 'Title' });
|
|
130
|
-
var ProfileTemplate = function (args) {
|
|
131
|
-
return (0, jsx_runtime_1.jsx)(MobileHeaderBar_1.default, __assign({}, args), void 0);
|
|
132
|
-
};
|
|
133
|
-
exports.Profile = ProfileTemplate.bind({});
|
|
134
|
-
exports.Profile.args = __assign(__assign({}, defaultArgs), { titleType: 'profile', titleText: 'profile', imageSrc: 'https://placekitten.com/300/300' });
|
|
135
|
-
var CaptionTextTemplate = function (args) {
|
|
136
|
-
return (0, jsx_runtime_1.jsx)(MobileHeaderBar_1.default, __assign({}, args), void 0);
|
|
137
|
-
};
|
|
138
|
-
exports.CaptionText = CaptionTextTemplate.bind({});
|
|
139
|
-
exports.CaptionText.args = __assign(__assign({}, defaultArgs), { titleType: 'text', titleText: 'Title', captionText: 'Caption' });
|
|
@@ -1,5 +0,0 @@
|
|
|
1
|
-
import MobileTabBar from './MobileTabBar';
|
|
2
|
-
import type { ComponentStory, ComponentMeta } from '@storybook/react';
|
|
3
|
-
declare const _default: ComponentMeta<typeof MobileTabBar>;
|
|
4
|
-
export default _default;
|
|
5
|
-
export declare const Default: ComponentStory<typeof MobileTabBar>;
|
|
@@ -1,79 +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 react_router_dom_1 = require("react-router-dom");
|
|
21
|
-
var MobileTabBar_1 = __importDefault(require("./MobileTabBar"));
|
|
22
|
-
exports.default = {
|
|
23
|
-
title: 'mobile/components/MobileTabBar',
|
|
24
|
-
component: MobileTabBar_1.default,
|
|
25
|
-
parameters: {
|
|
26
|
-
docs: {
|
|
27
|
-
description: {
|
|
28
|
-
component: 'mobile환경에 최적화 된 MobileTabBar 컴포넌트'
|
|
29
|
-
}
|
|
30
|
-
}
|
|
31
|
-
},
|
|
32
|
-
argTypes: {
|
|
33
|
-
itemArray: {
|
|
34
|
-
description: 'tab item의 title, isActive, onClick 이벤트 값 리스트 입니다.',
|
|
35
|
-
control: null,
|
|
36
|
-
table: {
|
|
37
|
-
type: {
|
|
38
|
-
detail: '{\n title: PDSTextType,\n isActive: Boolean,\n onClick: () => void\n}[]'
|
|
39
|
-
}
|
|
40
|
-
}
|
|
41
|
-
},
|
|
42
|
-
colorTheme: {
|
|
43
|
-
description: '컬러의 프리셋 테마입니다.',
|
|
44
|
-
control: { type: 'inline-radio' }
|
|
45
|
-
},
|
|
46
|
-
textArray: {
|
|
47
|
-
description: '`deprecated v1.5.0` 해당 필드 대신 `itemArray`를 사용하세요.',
|
|
48
|
-
control: { type: 'array' },
|
|
49
|
-
table: {
|
|
50
|
-
category: 'deprecated'
|
|
51
|
-
}
|
|
52
|
-
}
|
|
53
|
-
},
|
|
54
|
-
decorators: [function (story) { return (0, jsx_runtime_1.jsx)(react_router_dom_1.HashRouter, { children: story() }, void 0); }]
|
|
55
|
-
};
|
|
56
|
-
var Default = function (args) {
|
|
57
|
-
var _a = (0, react_1.useState)(''), selectedItem = _a[0], setSelectedItem = _a[1];
|
|
58
|
-
return ((0, jsx_runtime_1.jsx)(MobileTabBar_1.default, __assign({}, args, { itemArray: [
|
|
59
|
-
{
|
|
60
|
-
title: '전체 보기',
|
|
61
|
-
isActive: selectedItem === '전체 보기',
|
|
62
|
-
onClick: function () { return setSelectedItem('전체 보기'); }
|
|
63
|
-
},
|
|
64
|
-
{
|
|
65
|
-
title: '홈으로',
|
|
66
|
-
isActive: selectedItem === '홈으로',
|
|
67
|
-
onClick: function () { return setSelectedItem('홈으로'); }
|
|
68
|
-
},
|
|
69
|
-
{
|
|
70
|
-
title: '내 정보',
|
|
71
|
-
isActive: selectedItem === '내 정보',
|
|
72
|
-
onClick: function () { return setSelectedItem('내 정보'); }
|
|
73
|
-
}
|
|
74
|
-
] }), void 0));
|
|
75
|
-
};
|
|
76
|
-
exports.Default = Default;
|
|
77
|
-
exports.Default.args = {
|
|
78
|
-
colorTheme: 'none'
|
|
79
|
-
};
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
import Radio from './Radio';
|
|
2
|
-
import type { ComponentStory, ComponentMeta } from '@storybook/react';
|
|
3
|
-
declare const _default: ComponentMeta<typeof Radio>;
|
|
4
|
-
export default _default;
|
|
5
|
-
export declare const Default: ComponentStory<typeof Radio>;
|
|
6
|
-
export declare const List: ComponentStory<typeof Radio>;
|
|
7
|
-
export declare const Disabled: ComponentStory<typeof Radio>;
|
|
@@ -1,100 +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.Disabled = exports.List = exports.Default = void 0;
|
|
18
|
-
var jsx_runtime_1 = require("react/jsx-runtime");
|
|
19
|
-
var react_1 = require("react");
|
|
20
|
-
var Radio_1 = __importDefault(require("./Radio"));
|
|
21
|
-
exports.default = {
|
|
22
|
-
title: 'mobile/components/Radio',
|
|
23
|
-
component: Radio_1.default,
|
|
24
|
-
parameters: {
|
|
25
|
-
docs: {
|
|
26
|
-
description: {
|
|
27
|
-
component: 'mobile환경에 최적화 된 Radio 컴포넌트'
|
|
28
|
-
}
|
|
29
|
-
}
|
|
30
|
-
},
|
|
31
|
-
argTypes: {
|
|
32
|
-
text: {
|
|
33
|
-
description: '표시할 텍스트 값입니다.',
|
|
34
|
-
control: { type: 'text' }
|
|
35
|
-
},
|
|
36
|
-
fontWeight: {
|
|
37
|
-
description: '텍스트의 굵기를 의미합니다.',
|
|
38
|
-
control: { type: 'inline-radio' }
|
|
39
|
-
},
|
|
40
|
-
state: {
|
|
41
|
-
description: '활성화 상태를 결정합니다.',
|
|
42
|
-
control: { type: 'inline-radio' }
|
|
43
|
-
},
|
|
44
|
-
checked: {
|
|
45
|
-
description: '체크 여부를 결정합니다.',
|
|
46
|
-
control: { type: 'boolean' }
|
|
47
|
-
},
|
|
48
|
-
name: {
|
|
49
|
-
description: '그룹 내에서 동시에 하나의 라디오 버튼만 선택할 수 있게 하기 위한 명칭입니다.',
|
|
50
|
-
control: { type: 'none' }
|
|
51
|
-
},
|
|
52
|
-
value: {
|
|
53
|
-
description: '라디오 버튼 선택 시 콜백으로 받는 고유한 값입니다.',
|
|
54
|
-
control: { type: 'none' }
|
|
55
|
-
},
|
|
56
|
-
onChange: {
|
|
57
|
-
action: 'onChange'
|
|
58
|
-
}
|
|
59
|
-
}
|
|
60
|
-
};
|
|
61
|
-
var DefaultTemplate = function (args) { return (0, jsx_runtime_1.jsx)(Radio_1.default, __assign({}, args), void 0); };
|
|
62
|
-
var ListTemplate = function () {
|
|
63
|
-
var _a = (0, react_1.useState)({ text: '🍎', value: 'apple' }), selectedValue = _a[0], setSelectedValue = _a[1];
|
|
64
|
-
var textArray = [
|
|
65
|
-
{ text: '사과🍎', value: 'apple' },
|
|
66
|
-
{ text: '오렌지🍊', value: 'orange' },
|
|
67
|
-
{ text: '포도🍇', value: 'grape' },
|
|
68
|
-
{ text: '바나나🍌', value: 'banana' },
|
|
69
|
-
{ text: '수박🍉', value: 'watermelon' }
|
|
70
|
-
];
|
|
71
|
-
var onChange = function (e) {
|
|
72
|
-
var value = e.target.value;
|
|
73
|
-
var selected = textArray.filter(function (el) { return el.value === value; });
|
|
74
|
-
if (selected) {
|
|
75
|
-
setSelectedValue(selected[0]);
|
|
76
|
-
}
|
|
77
|
-
};
|
|
78
|
-
return ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: textArray.map(function (_a) {
|
|
79
|
-
var text = _a.text, value = _a.value;
|
|
80
|
-
return ((0, jsx_runtime_1.jsx)(Radio_1.default, { text: text, name: "fruit", value: value, checked: value === selectedValue.value, onChange: onChange }, value));
|
|
81
|
-
}) }, void 0));
|
|
82
|
-
};
|
|
83
|
-
var DisabledTemplate = function (args) {
|
|
84
|
-
return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(Radio_1.default, __assign({}, args, { checked: true }), void 0), (0, jsx_runtime_1.jsx)(Radio_1.default, __assign({}, args), void 0)] }, void 0));
|
|
85
|
-
};
|
|
86
|
-
exports.Default = DefaultTemplate.bind({});
|
|
87
|
-
exports.Default.args = {
|
|
88
|
-
text: 'Radio',
|
|
89
|
-
fontWeight: 'regular',
|
|
90
|
-
state: 'normal',
|
|
91
|
-
checked: false
|
|
92
|
-
};
|
|
93
|
-
exports.List = ListTemplate.bind({});
|
|
94
|
-
exports.Disabled = DisabledTemplate.bind({});
|
|
95
|
-
exports.Disabled.args = {
|
|
96
|
-
text: '비활성화',
|
|
97
|
-
name: 'disabled',
|
|
98
|
-
value: 'disabled-checked',
|
|
99
|
-
state: 'disabled'
|
|
100
|
-
};
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
import ReactionButton from './ReactionButton';
|
|
2
|
-
import type { ComponentStory, ComponentMeta } from '@storybook/react';
|
|
3
|
-
declare const _default: ComponentMeta<typeof ReactionButton>;
|
|
4
|
-
export default _default;
|
|
5
|
-
export declare const TextType: ComponentStory<typeof ReactionButton>;
|
|
6
|
-
export declare const CountTypeFormatting: ComponentStory<typeof ReactionButton>;
|
|
7
|
-
export declare const CountTypeNonFormatting: ComponentStory<typeof ReactionButton>;
|
|
@@ -1,71 +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.CountTypeNonFormatting = exports.CountTypeFormatting = exports.TextType = void 0;
|
|
18
|
-
var jsx_runtime_1 = require("react/jsx-runtime");
|
|
19
|
-
var ReactionButton_1 = __importDefault(require("./ReactionButton"));
|
|
20
|
-
exports.default = {
|
|
21
|
-
title: 'mobile/components/ReactionButton',
|
|
22
|
-
component: ReactionButton_1.default,
|
|
23
|
-
parameters: {
|
|
24
|
-
docs: {
|
|
25
|
-
description: {
|
|
26
|
-
component: 'mobile환경에 최적화 된 ReactionButton 컴포넌트'
|
|
27
|
-
}
|
|
28
|
-
}
|
|
29
|
-
},
|
|
30
|
-
argTypes: {
|
|
31
|
-
text: {
|
|
32
|
-
description: '표시할 텍스트 값입니다. Format (1,000개 이상) : 심볼 표시(K, M, B, T)',
|
|
33
|
-
control: { type: 'number' }
|
|
34
|
-
},
|
|
35
|
-
iconName: {
|
|
36
|
-
description: '아이콘 이름을 의미합니다. 사용할 수 있는 아이콘은 미리 정해져있습니다.',
|
|
37
|
-
control: { type: 'select' }
|
|
38
|
-
},
|
|
39
|
-
status: {
|
|
40
|
-
description: '선택된 상태인지를 판별합니다.',
|
|
41
|
-
control: { type: 'select' }
|
|
42
|
-
},
|
|
43
|
-
colorTheme: {
|
|
44
|
-
description: '컬러의 프리셋 테마입니다.',
|
|
45
|
-
control: { type: 'select' }
|
|
46
|
-
},
|
|
47
|
-
displayType: {
|
|
48
|
-
description: '표시 레이아웃 방식을 결정합니다.',
|
|
49
|
-
control: { type: 'inline-radio' }
|
|
50
|
-
},
|
|
51
|
-
onClick: {
|
|
52
|
-
action: 'onClick'
|
|
53
|
-
},
|
|
54
|
-
onMouseDown: {
|
|
55
|
-
action: 'onMouseDown'
|
|
56
|
-
}
|
|
57
|
-
}
|
|
58
|
-
};
|
|
59
|
-
var Template = function (args) { return (0, jsx_runtime_1.jsx)(ReactionButton_1.default, __assign({}, args), void 0); };
|
|
60
|
-
exports.TextType = Template.bind({});
|
|
61
|
-
exports.TextType.args = {
|
|
62
|
-
text: '좋아요'
|
|
63
|
-
};
|
|
64
|
-
exports.CountTypeFormatting = Template.bind({});
|
|
65
|
-
exports.CountTypeFormatting.args = {
|
|
66
|
-
text: 10000
|
|
67
|
-
};
|
|
68
|
-
exports.CountTypeNonFormatting = Template.bind({});
|
|
69
|
-
exports.CountTypeNonFormatting.args = {
|
|
70
|
-
text: 100
|
|
71
|
-
};
|
|
@@ -1,8 +0,0 @@
|
|
|
1
|
-
import Select from './Select';
|
|
2
|
-
import type { ComponentStory, ComponentMeta } from '@storybook/react';
|
|
3
|
-
declare const _default: ComponentMeta<typeof Select>;
|
|
4
|
-
export default _default;
|
|
5
|
-
export declare const OnlyHintText: ComponentStory<typeof Select>;
|
|
6
|
-
export declare const OnlyDefaultValue: ComponentStory<typeof Select>;
|
|
7
|
-
export declare const HintAndDefaultValue: ComponentStory<typeof Select>;
|
|
8
|
-
export declare const NoHintNoDefaultValue: ComponentStory<typeof Select>;
|
|
@@ -1,139 +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.NoHintNoDefaultValue = exports.HintAndDefaultValue = exports.OnlyDefaultValue = exports.OnlyHintText = void 0;
|
|
18
|
-
var jsx_runtime_1 = require("react/jsx-runtime");
|
|
19
|
-
var react_1 = require("react");
|
|
20
|
-
var Select_1 = __importDefault(require("./Select"));
|
|
21
|
-
exports.default = {
|
|
22
|
-
title: 'mobile/components/Select',
|
|
23
|
-
component: Select_1.default,
|
|
24
|
-
parameters: {
|
|
25
|
-
docs: {
|
|
26
|
-
description: {
|
|
27
|
-
component: 'mobile환경에 최적화 된 Select 컴포넌트'
|
|
28
|
-
}
|
|
29
|
-
}
|
|
30
|
-
},
|
|
31
|
-
argTypes: {
|
|
32
|
-
hintText: {
|
|
33
|
-
description: '선택 전 사용자에게 보여질 기본 텍스트입니다.(placeholder)',
|
|
34
|
-
control: { type: 'text' }
|
|
35
|
-
},
|
|
36
|
-
defaultValue: {
|
|
37
|
-
description: '기본으로 표시할 값입니다.'
|
|
38
|
-
},
|
|
39
|
-
value: {
|
|
40
|
-
description: 'select의 값입니다.'
|
|
41
|
-
},
|
|
42
|
-
valueArray: {
|
|
43
|
-
description: '옵션으로 표시될 값들의 배열입니다.'
|
|
44
|
-
},
|
|
45
|
-
size: {
|
|
46
|
-
description: '요소의 크기를 결정합니다.',
|
|
47
|
-
control: { type: 'inline-radio' }
|
|
48
|
-
},
|
|
49
|
-
responsiveMode: {
|
|
50
|
-
description: '너비의 100% 여부를 결정합니다.',
|
|
51
|
-
control: { type: 'inline-radio' }
|
|
52
|
-
},
|
|
53
|
-
state: {
|
|
54
|
-
description: '요소의 활성화 상태를 결정합니다.',
|
|
55
|
-
control: { type: 'inline-radio' }
|
|
56
|
-
},
|
|
57
|
-
colorTheme: {
|
|
58
|
-
description: '컬러의 프리셋 테마입니다.',
|
|
59
|
-
control: { type: 'inline-radio' }
|
|
60
|
-
},
|
|
61
|
-
customWidth: {
|
|
62
|
-
description: '직접 지정한 Select의 사이즈를 결정합니다. (단위도 함께 적어주어야 합니다.) (*반드시 디자인 검수후에 사용가능합니다.)',
|
|
63
|
-
control: { type: 'text' }
|
|
64
|
-
}
|
|
65
|
-
}
|
|
66
|
-
};
|
|
67
|
-
var defaultArgs = {
|
|
68
|
-
size: 'large',
|
|
69
|
-
responsiveMode: 'none',
|
|
70
|
-
state: 'normal',
|
|
71
|
-
colorTheme: 'none'
|
|
72
|
-
};
|
|
73
|
-
var Template = function (args) {
|
|
74
|
-
var _a = (0, react_1.useState)(''), value = _a[0], setValue = _a[1];
|
|
75
|
-
var handleChange = function (e) {
|
|
76
|
-
setValue(e.target.value);
|
|
77
|
-
};
|
|
78
|
-
return (0, jsx_runtime_1.jsx)(Select_1.default, __assign({}, args, { value: value, onChange: handleChange }), void 0);
|
|
79
|
-
};
|
|
80
|
-
exports.OnlyHintText = Template.bind({});
|
|
81
|
-
exports.OnlyHintText.args = __assign(__assign({}, defaultArgs), { hintText: '---Select----', valueArray: [
|
|
82
|
-
{
|
|
83
|
-
text: '1',
|
|
84
|
-
value: 1
|
|
85
|
-
},
|
|
86
|
-
{
|
|
87
|
-
text: '2',
|
|
88
|
-
value: 2
|
|
89
|
-
},
|
|
90
|
-
{
|
|
91
|
-
text: '3',
|
|
92
|
-
value: 3
|
|
93
|
-
}
|
|
94
|
-
] });
|
|
95
|
-
exports.OnlyDefaultValue = Template.bind({});
|
|
96
|
-
exports.OnlyDefaultValue.args = __assign(__assign({}, defaultArgs), { defaultValue: { value: 2, text: '2' }, valueArray: [
|
|
97
|
-
{
|
|
98
|
-
text: '1',
|
|
99
|
-
value: 1
|
|
100
|
-
},
|
|
101
|
-
{
|
|
102
|
-
text: '2',
|
|
103
|
-
value: 2
|
|
104
|
-
},
|
|
105
|
-
{
|
|
106
|
-
text: '3',
|
|
107
|
-
value: 3
|
|
108
|
-
}
|
|
109
|
-
] });
|
|
110
|
-
exports.HintAndDefaultValue = Template.bind({});
|
|
111
|
-
exports.HintAndDefaultValue.args = __assign(__assign({}, defaultArgs), { hintText: '----SELECT-SOMETHING----', defaultValue: { value: 2, text: '2' }, valueArray: [
|
|
112
|
-
{
|
|
113
|
-
text: '1',
|
|
114
|
-
value: 1
|
|
115
|
-
},
|
|
116
|
-
{
|
|
117
|
-
text: '2',
|
|
118
|
-
value: 2
|
|
119
|
-
},
|
|
120
|
-
{
|
|
121
|
-
text: '3',
|
|
122
|
-
value: 3
|
|
123
|
-
}
|
|
124
|
-
] });
|
|
125
|
-
exports.NoHintNoDefaultValue = Template.bind({});
|
|
126
|
-
exports.NoHintNoDefaultValue.args = __assign(__assign({}, defaultArgs), { valueArray: [
|
|
127
|
-
{
|
|
128
|
-
text: '1',
|
|
129
|
-
value: 1
|
|
130
|
-
},
|
|
131
|
-
{
|
|
132
|
-
text: '2',
|
|
133
|
-
value: 2
|
|
134
|
-
},
|
|
135
|
-
{
|
|
136
|
-
text: '3',
|
|
137
|
-
value: 3
|
|
138
|
-
}
|
|
139
|
-
] });
|
|
@@ -1,6 +0,0 @@
|
|
|
1
|
-
import StatusBlock from './StatusBlock';
|
|
2
|
-
import type { ComponentStory, ComponentMeta } from '@storybook/react';
|
|
3
|
-
declare const _default: ComponentMeta<typeof StatusBlock>;
|
|
4
|
-
export default _default;
|
|
5
|
-
export declare const Default: ComponentStory<typeof StatusBlock>;
|
|
6
|
-
export declare const All: ComponentStory<typeof StatusBlock>;
|
|
@@ -1,60 +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.All = exports.Default = void 0;
|
|
18
|
-
var jsx_runtime_1 = require("react/jsx-runtime");
|
|
19
|
-
var hybrid_1 = require("../../../hybrid");
|
|
20
|
-
var StatusBlock_1 = __importDefault(require("./StatusBlock"));
|
|
21
|
-
exports.default = {
|
|
22
|
-
title: 'mobile/components/StatusBlock',
|
|
23
|
-
component: StatusBlock_1.default,
|
|
24
|
-
parameters: {
|
|
25
|
-
docs: {
|
|
26
|
-
description: {
|
|
27
|
-
component: 'mobile 환경에 최적화 된 StatusBlock 컴포넌트'
|
|
28
|
-
}
|
|
29
|
-
}
|
|
30
|
-
},
|
|
31
|
-
argTypes: {
|
|
32
|
-
text: {
|
|
33
|
-
description: '표시할 텍스트 값입니다.',
|
|
34
|
-
control: { type: 'text' }
|
|
35
|
-
},
|
|
36
|
-
size: {
|
|
37
|
-
description: '크기를 결정합니다.',
|
|
38
|
-
control: { type: 'inline-radio' }
|
|
39
|
-
},
|
|
40
|
-
state: {
|
|
41
|
-
description: '상태를 결정합니다. (색상이 변경됩니다.)',
|
|
42
|
-
control: { type: 'inline-radio' }
|
|
43
|
-
},
|
|
44
|
-
width: {
|
|
45
|
-
description: '너비를 결정합니다.',
|
|
46
|
-
control: { type: 'text' }
|
|
47
|
-
}
|
|
48
|
-
}
|
|
49
|
-
};
|
|
50
|
-
var defaultArgs = {
|
|
51
|
-
size: 'large',
|
|
52
|
-
state: 'basic',
|
|
53
|
-
width: 'responsive'
|
|
54
|
-
};
|
|
55
|
-
var Template = function (args) { return (0, jsx_runtime_1.jsx)(StatusBlock_1.default, __assign({}, args), void 0); };
|
|
56
|
-
exports.Default = Template.bind({});
|
|
57
|
-
exports.Default.args = __assign(__assign({}, defaultArgs), { text: 'StatusBlock' });
|
|
58
|
-
var AllTemplate = function (args) { return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(StatusBlock_1.default, __assign({}, args, { text: "basic", state: "basic" }), void 0), (0, jsx_runtime_1.jsx)(hybrid_1.Spacing, { size: "spacing_f" }, void 0), (0, jsx_runtime_1.jsx)(StatusBlock_1.default, __assign({}, args, { text: "standby", state: "standby" }), void 0), (0, jsx_runtime_1.jsx)(hybrid_1.Spacing, { size: "spacing_f" }, void 0), (0, jsx_runtime_1.jsx)(StatusBlock_1.default, __assign({}, args, { text: "proceeding", state: "proceeding" }), void 0), (0, jsx_runtime_1.jsx)(hybrid_1.Spacing, { size: "spacing_f" }, void 0), (0, jsx_runtime_1.jsx)(StatusBlock_1.default, __assign({}, args, { text: "cancel", state: "cancel" }), void 0), (0, jsx_runtime_1.jsx)(hybrid_1.Spacing, { size: "spacing_f" }, void 0), (0, jsx_runtime_1.jsx)(StatusBlock_1.default, __assign({}, args, { text: "end", state: "end" }), void 0), (0, jsx_runtime_1.jsx)(hybrid_1.Spacing, { size: "spacing_f" }, void 0), (0, jsx_runtime_1.jsx)(StatusBlock_1.default, __assign({}, args, { text: "error", state: "error" }), void 0)] }, void 0)); };
|
|
59
|
-
exports.All = AllTemplate.bind({});
|
|
60
|
-
exports.All.args = __assign({}, defaultArgs);
|