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,38 +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 LinearProgress_1 = __importDefault(require("./LinearProgress"));
|
|
20
|
-
exports.default = {
|
|
21
|
-
title: 'hybrid/components/LinearProgress',
|
|
22
|
-
component: LinearProgress_1.default,
|
|
23
|
-
parameters: {
|
|
24
|
-
docs: {
|
|
25
|
-
description: {
|
|
26
|
-
component: 'desktop환경과 mobile환경에 상관없이 사용 할 수 있는 hybrid LinearProgress 컴포넌트'
|
|
27
|
-
}
|
|
28
|
-
}
|
|
29
|
-
},
|
|
30
|
-
argTypes: {
|
|
31
|
-
value: {
|
|
32
|
-
description: 'progress가 차는 퍼센트를 결정합니다. (0부터 100까지의 숫자가 적용 가능합니다.)',
|
|
33
|
-
control: { type: 'number' }
|
|
34
|
-
}
|
|
35
|
-
}
|
|
36
|
-
};
|
|
37
|
-
var Template = function (args) { return (0, jsx_runtime_1.jsx)(LinearProgress_1.default, __assign({}, args), void 0); };
|
|
38
|
-
exports.Default = Template.bind({});
|
|
@@ -1,6 +0,0 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
|
-
import type { ComponentStory, ComponentMeta } from '@storybook/react';
|
|
3
|
-
declare const _default: ComponentMeta<({ iconName, size, autoplayMode, loopMode, lottieRef, onComplete }: import("./LottieIcon").LottieIconProps) => JSX.Element>;
|
|
4
|
-
export default _default;
|
|
5
|
-
export declare const AllLottieIcon: ComponentStory<({ iconName, size, autoplayMode, loopMode, lottieRef, onComplete }: import("./LottieIcon").LottieIconProps) => JSX.Element>;
|
|
6
|
-
export declare const OneLottieIcon: ComponentStory<({ iconName, size, autoplayMode, loopMode, lottieRef, onComplete }: import("./LottieIcon").LottieIconProps) => JSX.Element>;
|
|
@@ -1,69 +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.OneLottieIcon = exports.AllLottieIcon = void 0;
|
|
18
|
-
var jsx_runtime_1 = require("react/jsx-runtime");
|
|
19
|
-
var lotties_1 = __importDefault(require("../../../common/assets/lotties"));
|
|
20
|
-
var TextLabel_1 = require("../../../desktop/components/TextLabel");
|
|
21
|
-
var LottieIcon_1 = __importDefault(require("./LottieIcon"));
|
|
22
|
-
exports.default = {
|
|
23
|
-
title: 'hybrid/components/LottieIcon',
|
|
24
|
-
component: LottieIcon_1.default,
|
|
25
|
-
parameters: {
|
|
26
|
-
docs: {
|
|
27
|
-
description: {
|
|
28
|
-
component: 'desktop환경과 mobile환경에 상관없이 사용 할 수 있는 hybrid LottieIcon 컴포넌트'
|
|
29
|
-
}
|
|
30
|
-
}
|
|
31
|
-
},
|
|
32
|
-
argTypes: {
|
|
33
|
-
iconName: {
|
|
34
|
-
description: 'ic_lottie_x로 정의되어 있습니다. 해당 값에 따라 icon의 모양이 바뀝니다.',
|
|
35
|
-
control: { type: 'select' }
|
|
36
|
-
},
|
|
37
|
-
size: {
|
|
38
|
-
description: '아이콘의 width와 height의 크기를 한번에 결정합니다.',
|
|
39
|
-
control: { type: 'inline-radio' }
|
|
40
|
-
},
|
|
41
|
-
autoplayMode: {
|
|
42
|
-
description: '자동 재생 여부를 결정합니다.',
|
|
43
|
-
control: { type: 'inline-radio' }
|
|
44
|
-
},
|
|
45
|
-
loopMode: {
|
|
46
|
-
description: '반복 여부를 결정합니다.',
|
|
47
|
-
control: { type: 'inline-radio' }
|
|
48
|
-
},
|
|
49
|
-
lottieRef: {
|
|
50
|
-
description: '해당 lottie 파일의 ref를 설정할 수 있습니다. (주로 const lottieRef = useRef<LottieRefCurrentProps | null>(null); 형식으로 선언하여 사용 합니다.)',
|
|
51
|
-
control: { type: 'none' }
|
|
52
|
-
},
|
|
53
|
-
onComplete: {
|
|
54
|
-
description: 'loop가 끝난 시점에 이벤트를 부여합니다.',
|
|
55
|
-
action: 'onComplete'
|
|
56
|
-
}
|
|
57
|
-
}
|
|
58
|
-
};
|
|
59
|
-
var AllLottieIconTemplate = function (args) {
|
|
60
|
-
var lottieIconKeys = Object.keys(lotties_1.default);
|
|
61
|
-
return ((0, jsx_runtime_1.jsx)("div", { children: lottieIconKeys.map(function (key) {
|
|
62
|
-
return ((0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)(TextLabel_1.TextLabel, { text: key }, void 0), (0, jsx_runtime_1.jsx)(LottieIcon_1.default, __assign({}, args, { iconName: key }), void 0)] }, key));
|
|
63
|
-
}) }, void 0));
|
|
64
|
-
};
|
|
65
|
-
exports.AllLottieIcon = AllLottieIconTemplate.bind({});
|
|
66
|
-
var Template = function (args) {
|
|
67
|
-
return (0, jsx_runtime_1.jsx)(LottieIcon_1.default, __assign({}, args), void 0);
|
|
68
|
-
};
|
|
69
|
-
exports.OneLottieIcon = Template.bind({});
|
|
@@ -1,46 +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 Spacing_1 = __importDefault(require("./Spacing"));
|
|
20
|
-
exports.default = {
|
|
21
|
-
title: 'hybrid/components/Spacing',
|
|
22
|
-
component: Spacing_1.default,
|
|
23
|
-
parameters: {
|
|
24
|
-
docs: {
|
|
25
|
-
description: {
|
|
26
|
-
component: 'desktop환경과 mobile환경에 상관없이 사용 할 수 있는 hybrid Spacing 컴포넌트(스토리북에서 보여줄때는 눈으로 확인 가능 하도록 빨간색으로 표시하고, 주변에 margin 30px을 임의 부여해 두었습니다.)'
|
|
27
|
-
}
|
|
28
|
-
}
|
|
29
|
-
},
|
|
30
|
-
argTypes: {
|
|
31
|
-
size: {
|
|
32
|
-
description: 'spacing의 크기를 결정합니다.',
|
|
33
|
-
control: { type: 'inline-radio' }
|
|
34
|
-
},
|
|
35
|
-
spacingType: {
|
|
36
|
-
description: 'spacing을 어디에 사용할지 결정합니다.',
|
|
37
|
-
control: { type: 'inline-radio' }
|
|
38
|
-
}
|
|
39
|
-
}
|
|
40
|
-
};
|
|
41
|
-
var Template = function (args) { return ((0, jsx_runtime_1.jsx)("div", __assign({ style: { backgroundColor: 'red', width: 'fit-content', margin: '30px' } }, { children: (0, jsx_runtime_1.jsx)(Spacing_1.default, __assign({}, args), void 0) }), void 0)); };
|
|
42
|
-
exports.Default = Template.bind({});
|
|
43
|
-
exports.Default.args = {
|
|
44
|
-
size: 'spacing_e',
|
|
45
|
-
spacingType: 'height'
|
|
46
|
-
};
|
|
@@ -1,58 +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 Switch_1 = __importDefault(require("./Switch"));
|
|
21
|
-
exports.default = {
|
|
22
|
-
title: 'hybrid/components/Switch',
|
|
23
|
-
component: Switch_1.default,
|
|
24
|
-
parameters: {
|
|
25
|
-
docs: {
|
|
26
|
-
description: {
|
|
27
|
-
component: 'desktop환경과 mobile환경에 상관없이 사용 할 수 있는 hybrid Switch 컴포넌트'
|
|
28
|
-
}
|
|
29
|
-
}
|
|
30
|
-
},
|
|
31
|
-
argTypes: {
|
|
32
|
-
status: {
|
|
33
|
-
description: 'switch의 on / off 상태입니다.',
|
|
34
|
-
control: { type: 'inline-radio' }
|
|
35
|
-
},
|
|
36
|
-
state: {
|
|
37
|
-
description: '비활성화 상태를 결정합니다.',
|
|
38
|
-
control: { type: 'inline-radio' }
|
|
39
|
-
},
|
|
40
|
-
name: {
|
|
41
|
-
description: '스위치의 고유 이름입니다.'
|
|
42
|
-
},
|
|
43
|
-
onClick: {
|
|
44
|
-
action: 'onClick'
|
|
45
|
-
}
|
|
46
|
-
}
|
|
47
|
-
};
|
|
48
|
-
var Template = function (args) {
|
|
49
|
-
var _a = (0, react_1.useState)(false), isActive = _a[0], setIsActive = _a[1];
|
|
50
|
-
var handleToggleSwitch = function (value) {
|
|
51
|
-
setIsActive(value);
|
|
52
|
-
};
|
|
53
|
-
return ((0, jsx_runtime_1.jsx)(Switch_1.default, __assign({}, args, { name: "switch", status: isActive ? 'on' : 'off', onClick: handleToggleSwitch }), void 0));
|
|
54
|
-
};
|
|
55
|
-
exports.Default = Template.bind({});
|
|
56
|
-
exports.Default.args = {
|
|
57
|
-
state: 'normal'
|
|
58
|
-
};
|
|
@@ -1,9 +0,0 @@
|
|
|
1
|
-
import TextFieldBase from './TextFieldBase';
|
|
2
|
-
import type { ComponentStory, ComponentMeta } from '@storybook/react';
|
|
3
|
-
declare const _default: ComponentMeta<typeof TextFieldBase>;
|
|
4
|
-
export default _default;
|
|
5
|
-
export declare const Single: ComponentStory<typeof TextFieldBase>;
|
|
6
|
-
export declare const Multi: ComponentStory<typeof TextFieldBase>;
|
|
7
|
-
export declare const Auto: ComponentStory<typeof TextFieldBase>;
|
|
8
|
-
export declare const readOnly: ComponentStory<typeof TextFieldBase>;
|
|
9
|
-
export declare const disabled: ComponentStory<typeof TextFieldBase>;
|
|
@@ -1,150 +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.readOnly = exports.Auto = exports.Multi = exports.Single = void 0;
|
|
18
|
-
var jsx_runtime_1 = require("react/jsx-runtime");
|
|
19
|
-
var withFormProvider_1 = require("../../../../common/decorators/withFormProvider");
|
|
20
|
-
var TextFieldBase_1 = __importDefault(require("./TextFieldBase"));
|
|
21
|
-
exports.default = {
|
|
22
|
-
title: 'test/mobile/common/components/TextFieldBase',
|
|
23
|
-
component: TextFieldBase_1.default,
|
|
24
|
-
parameters: {
|
|
25
|
-
docs: {
|
|
26
|
-
description: {
|
|
27
|
-
component: 'mobile환경에 최적화 된 form계열의 컴포넌트를 생성하는 기초가되는 TextFieldBase 컴포넌트'
|
|
28
|
-
},
|
|
29
|
-
source: { type: 'code' }
|
|
30
|
-
},
|
|
31
|
-
controls: { hideNoControlsWarning: true }
|
|
32
|
-
},
|
|
33
|
-
argTypes: {
|
|
34
|
-
name: {
|
|
35
|
-
description: 'form의 name을 지정해줍니다.'
|
|
36
|
-
},
|
|
37
|
-
hintText: {
|
|
38
|
-
description: 'placeholder에 표시할 텍스트 값입니다.'
|
|
39
|
-
},
|
|
40
|
-
defaultText: {
|
|
41
|
-
description: '지정된 기본 값을 보여줘야 할 때 사용합니다.'
|
|
42
|
-
},
|
|
43
|
-
textAlign: {
|
|
44
|
-
description: '텍스트 정렬을 결정합니다.',
|
|
45
|
-
control: { type: 'inline-radio' }
|
|
46
|
-
},
|
|
47
|
-
validation: {
|
|
48
|
-
description: 'validation 조건과 에러 메세지 영역에서 표시할 텍스트 값을 부여할 수 있습니다.'
|
|
49
|
-
},
|
|
50
|
-
preventBlankMode: {
|
|
51
|
-
description: '여백을 막는 기능을 설정할 수 있습니다. (textLineType가 single(input)일때만 사용 가능)(none: 여백을 막지 않음, trim: 처음과 끝의 여백을 막음, all: 모든 여백을 막음) '
|
|
52
|
-
},
|
|
53
|
-
enterSubmitMode: {
|
|
54
|
-
description: 'Enter키를 통한 제출을 사용할 수 있습니다. (textLineType가 single(input)일때만 해당)'
|
|
55
|
-
},
|
|
56
|
-
textLineType: {
|
|
57
|
-
description: '텍스트의 개행 방법을 결정합니다. (single(singleline) : 한 줄, multi(multiline) : 정해진 높이값을 가지고 있는 textarea, auto(multiline auto size) : 글자 수에 따라 함께 늘어나는 형태, 특정 높이값에서 고정이 필요하다면 max-height를 가지고 있음)'
|
|
58
|
-
},
|
|
59
|
-
multiRows: {
|
|
60
|
-
description: 'textLineType : multi일 때, 지정할 문장의 열 수를 결정합니다. (높이값 결정)'
|
|
61
|
-
},
|
|
62
|
-
autoMinRows: {
|
|
63
|
-
description: 'textLineType : auto일 때, 보여줄 문장의 최소 열 수를 결정합니다.'
|
|
64
|
-
},
|
|
65
|
-
autoMaxRows: {
|
|
66
|
-
description: 'textLineType : auto일 때, 보여줄 문장의 최대 열 수를 결정합니다.'
|
|
67
|
-
},
|
|
68
|
-
inputType: {
|
|
69
|
-
description: 'textLineType : single일 때, input의 유형을 설정합니다.'
|
|
70
|
-
},
|
|
71
|
-
state: {
|
|
72
|
-
description: 'textfield의 상태를 결정합니다.'
|
|
73
|
-
},
|
|
74
|
-
colorTheme: {
|
|
75
|
-
description: '컬러의 프리셋 테마입니다.'
|
|
76
|
-
},
|
|
77
|
-
min: {
|
|
78
|
-
description: '최소값을 정해줄 수 있습니다.'
|
|
79
|
-
},
|
|
80
|
-
max: {
|
|
81
|
-
description: '최대값을 정해줄 수 있습니다.'
|
|
82
|
-
},
|
|
83
|
-
maxLength: {
|
|
84
|
-
description: '최대 글자수를 정해줄 수 있습니다.'
|
|
85
|
-
},
|
|
86
|
-
textSize: {
|
|
87
|
-
description: 'form의 font-size를 결정합니다.'
|
|
88
|
-
},
|
|
89
|
-
textWeight: {
|
|
90
|
-
description: 'form의 font-weight를 결정합니다.'
|
|
91
|
-
},
|
|
92
|
-
fieldPadding: {
|
|
93
|
-
description: 'form의 텍스트 주위의 padding을 결정합니다. (1px, 1px 1px, 1px 1px 1px, 1px 1px 1px 1px 중 하나의 형태로 작성되어야합니다.)'
|
|
94
|
-
},
|
|
95
|
-
fieldHeight: {
|
|
96
|
-
description: 'form field의 기본 높이를 결정합니다.'
|
|
97
|
-
},
|
|
98
|
-
deleteIconMode: {
|
|
99
|
-
description: '취소 버튼 사용 유무를 결정합니다.'
|
|
100
|
-
},
|
|
101
|
-
deleteIconSize: {
|
|
102
|
-
description: '취소 버튼의 사이즈를 결정합니다.'
|
|
103
|
-
},
|
|
104
|
-
deleteIconColor: {
|
|
105
|
-
description: '취소 버튼의 색상을 결정합니다.'
|
|
106
|
-
},
|
|
107
|
-
isFocused: {
|
|
108
|
-
description: '포커스 유무를 받을 수 있습니다. deleteIconMode이 use일 경우, 함께 설정이 필요합니다.'
|
|
109
|
-
}
|
|
110
|
-
},
|
|
111
|
-
decorators: [function (story) { return (0, withFormProvider_1.withFormProvider)(story); }]
|
|
112
|
-
};
|
|
113
|
-
var Template = function (args) {
|
|
114
|
-
return ((0, jsx_runtime_1.jsx)("div", __assign({ style: { border: '1px solid red' } }, { children: (0, jsx_runtime_1.jsx)(TextFieldBase_1.default, __assign({}, args), void 0) }), void 0));
|
|
115
|
-
};
|
|
116
|
-
exports.Single = Template.bind({});
|
|
117
|
-
exports.Single.args = {
|
|
118
|
-
name: 'single',
|
|
119
|
-
hintText: 'single',
|
|
120
|
-
textLineType: 'single'
|
|
121
|
-
};
|
|
122
|
-
exports.Multi = Template.bind({});
|
|
123
|
-
exports.Multi.args = {
|
|
124
|
-
name: 'multi',
|
|
125
|
-
hintText: 'multi',
|
|
126
|
-
textLineType: 'multi',
|
|
127
|
-
multiRows: 5
|
|
128
|
-
};
|
|
129
|
-
exports.Auto = Template.bind({});
|
|
130
|
-
exports.Auto.args = {
|
|
131
|
-
name: 'auto',
|
|
132
|
-
hintText: 'auto',
|
|
133
|
-
textLineType: 'auto',
|
|
134
|
-
autoMinRows: 3,
|
|
135
|
-
autoMaxRows: 5
|
|
136
|
-
};
|
|
137
|
-
exports.readOnly = Template.bind({});
|
|
138
|
-
exports.readOnly.args = {
|
|
139
|
-
name: 'readOnly',
|
|
140
|
-
textLineType: 'single',
|
|
141
|
-
defaultText: 'readOnly',
|
|
142
|
-
state: 'read_only'
|
|
143
|
-
};
|
|
144
|
-
exports.disabled = Template.bind({});
|
|
145
|
-
exports.disabled.args = {
|
|
146
|
-
name: 'disabled',
|
|
147
|
-
textLineType: 'single',
|
|
148
|
-
defaultText: 'disabled',
|
|
149
|
-
state: 'disabled'
|
|
150
|
-
};
|
|
@@ -1,5 +0,0 @@
|
|
|
1
|
-
import BasicChatListItem from './BasicChatListItem';
|
|
2
|
-
import type { ComponentStory, ComponentMeta } from '@storybook/react';
|
|
3
|
-
declare const _default: ComponentMeta<typeof BasicChatListItem>;
|
|
4
|
-
export default _default;
|
|
5
|
-
export declare const Default: ComponentStory<typeof BasicChatListItem>;
|
|
@@ -1,87 +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 BasicChatListItem_1 = __importDefault(require("./BasicChatListItem"));
|
|
20
|
-
exports.default = {
|
|
21
|
-
title: 'mobile/components/BasicChatListItem',
|
|
22
|
-
component: BasicChatListItem_1.default,
|
|
23
|
-
parameters: {
|
|
24
|
-
docs: {
|
|
25
|
-
description: {
|
|
26
|
-
component: 'mobile환경에 최적화 된 BasicChatListItem 컴포넌트.'
|
|
27
|
-
},
|
|
28
|
-
source: { type: 'code' }
|
|
29
|
-
}
|
|
30
|
-
},
|
|
31
|
-
argTypes: {
|
|
32
|
-
titleText: {
|
|
33
|
-
description: '주요 텍스트입니다. 주로 Chat을 보내는 대상을 표시하는 역할을 합니다.',
|
|
34
|
-
control: { type: 'text' }
|
|
35
|
-
},
|
|
36
|
-
contentText: {
|
|
37
|
-
description: '상세 설명 텍스트입니다. 주로 Chat 메세지의 내용을 표시하는 용도로 사용됩니다.',
|
|
38
|
-
control: { type: 'text' }
|
|
39
|
-
},
|
|
40
|
-
leftImageMode: {
|
|
41
|
-
description: '좌측의 이미지 사용 여부를 결정합니다.'
|
|
42
|
-
},
|
|
43
|
-
imageSrc: {
|
|
44
|
-
description: '이미지 사용 시 주소 값입니다.',
|
|
45
|
-
control: { type: 'text' }
|
|
46
|
-
},
|
|
47
|
-
hoverMode: {
|
|
48
|
-
description: '호버 시, 더 보기 아이콘 버튼 노출 여부를 결정합니다.'
|
|
49
|
-
},
|
|
50
|
-
contextMenuOptionArray: {
|
|
51
|
-
description: 'iBtn 클릭 시, 표시되는 ContextMenu 속 텍스트와 고유값 객체입니다.',
|
|
52
|
-
control: { type: 'none' }
|
|
53
|
-
},
|
|
54
|
-
contextMenuState: {
|
|
55
|
-
description: 'ContextMenu의 상태를 결정합니다.'
|
|
56
|
-
},
|
|
57
|
-
colorTheme: {
|
|
58
|
-
description: 'BasicChatListItem의 컬러를 결정합니다.'
|
|
59
|
-
},
|
|
60
|
-
onClickContextMenuItem: {
|
|
61
|
-
action: 'onClickContextMenuItem'
|
|
62
|
-
}
|
|
63
|
-
}
|
|
64
|
-
};
|
|
65
|
-
var DefaultBasicChatListItem = function (args) {
|
|
66
|
-
return (0, jsx_runtime_1.jsx)(BasicChatListItem_1.default, __assign({}, args), void 0);
|
|
67
|
-
};
|
|
68
|
-
exports.Default = DefaultBasicChatListItem.bind({});
|
|
69
|
-
exports.Default.args = {
|
|
70
|
-
titleText: '일이삼사오육칠팔구십일이 #1FS9O',
|
|
71
|
-
contentText: 'long contentText long contentText long contentText long contentText long contentText long contentText long contentText long contentText long contentText long contentText long contentText long contentText long contentText long contentText',
|
|
72
|
-
leftImageMode: 'none',
|
|
73
|
-
hoverMode: 'use',
|
|
74
|
-
contextMenuState: 'normal',
|
|
75
|
-
imageSrc: 'https://placekitten.com/300/300',
|
|
76
|
-
colorTheme: 'subscriber',
|
|
77
|
-
contextMenuOptionArray: [
|
|
78
|
-
{
|
|
79
|
-
text: 'contextMenuItem1',
|
|
80
|
-
value: 1
|
|
81
|
-
},
|
|
82
|
-
{
|
|
83
|
-
text: 'contextMenuItem2',
|
|
84
|
-
value: 2
|
|
85
|
-
}
|
|
86
|
-
]
|
|
87
|
-
};
|
|
@@ -1,8 +0,0 @@
|
|
|
1
|
-
import BasicFormGroup from './BasicFormGroup';
|
|
2
|
-
import type { ComponentStory, ComponentMeta } from '@storybook/react';
|
|
3
|
-
declare const _default: ComponentMeta<typeof BasicFormGroup>;
|
|
4
|
-
export default _default;
|
|
5
|
-
export declare const TextFieldType: ComponentStory<typeof BasicFormGroup>;
|
|
6
|
-
export declare const SelectType: ComponentStory<typeof BasicFormGroup>;
|
|
7
|
-
export declare const SwitchType: ComponentStory<typeof BasicFormGroup>;
|
|
8
|
-
export declare const MixType: ComponentStory<typeof BasicFormGroup>;
|
|
@@ -1,107 +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.MixType = exports.SwitchType = exports.SelectType = exports.TextFieldType = 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 hybrid_1 = require("../../../hybrid");
|
|
22
|
-
var Select_1 = require("../Select");
|
|
23
|
-
var TextField_1 = require("../TextField");
|
|
24
|
-
var BasicFormGroup_1 = __importDefault(require("./BasicFormGroup"));
|
|
25
|
-
exports.default = {
|
|
26
|
-
title: 'mobile/components/BasicFormGroup',
|
|
27
|
-
component: BasicFormGroup_1.default,
|
|
28
|
-
parameters: {
|
|
29
|
-
docs: {
|
|
30
|
-
description: {
|
|
31
|
-
component: 'mobile환경에 최적화된 BasicFormGroup 컴포넌트'
|
|
32
|
-
},
|
|
33
|
-
source: { type: 'code' }
|
|
34
|
-
}
|
|
35
|
-
},
|
|
36
|
-
argTypes: {
|
|
37
|
-
titleStyleTheme: {
|
|
38
|
-
description: '타이틀 텍스트의 스타일을 결정합니다.',
|
|
39
|
-
control: { type: 'inline-radio' }
|
|
40
|
-
},
|
|
41
|
-
titleText: {
|
|
42
|
-
description: '표시할 타이틀 텍스트 값입니다.',
|
|
43
|
-
control: { type: 'text' }
|
|
44
|
-
},
|
|
45
|
-
descText: {
|
|
46
|
-
description: '상세 내용을 보여주는 텍스트 값입니다.',
|
|
47
|
-
control: { type: 'text' }
|
|
48
|
-
},
|
|
49
|
-
captionText: {
|
|
50
|
-
description: '부가 설명을 보여주는 텍스트 값입니다.',
|
|
51
|
-
control: { type: 'text' }
|
|
52
|
-
},
|
|
53
|
-
inputForm: {
|
|
54
|
-
description: '사용하고자하는 form 컴포넌트를 가져와 사용합니다. form간의 간격은 spacingD(16px)를 사용합니다.'
|
|
55
|
-
}
|
|
56
|
-
}
|
|
57
|
-
};
|
|
58
|
-
var Template = function (args) {
|
|
59
|
-
var methods = (0, react_hook_form_1.useForm)();
|
|
60
|
-
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)(BasicFormGroup_1.default, __assign({}, args), void 0) }, void 0) }), void 0));
|
|
61
|
-
};
|
|
62
|
-
var selectValueArray = [
|
|
63
|
-
{
|
|
64
|
-
text: 'option1',
|
|
65
|
-
value: 1
|
|
66
|
-
},
|
|
67
|
-
{
|
|
68
|
-
text: 'option2',
|
|
69
|
-
value: 2
|
|
70
|
-
},
|
|
71
|
-
{
|
|
72
|
-
text: 'option3',
|
|
73
|
-
value: 3
|
|
74
|
-
}
|
|
75
|
-
];
|
|
76
|
-
exports.TextFieldType = Template.bind({});
|
|
77
|
-
exports.TextFieldType.args = {
|
|
78
|
-
titleStyleTheme: 'subTitleBold',
|
|
79
|
-
titleText: 'TitleText',
|
|
80
|
-
descText: 'descText',
|
|
81
|
-
captionText: 'captionText',
|
|
82
|
-
inputForm: (0, jsx_runtime_1.jsx)(TextField_1.TextField, { name: "name" }, void 0)
|
|
83
|
-
};
|
|
84
|
-
exports.SelectType = Template.bind({});
|
|
85
|
-
exports.SelectType.args = {
|
|
86
|
-
titleStyleTheme: 'subTitleBold',
|
|
87
|
-
titleText: 'TitleText',
|
|
88
|
-
descText: 'descText',
|
|
89
|
-
captionText: 'captionText',
|
|
90
|
-
inputForm: (0, jsx_runtime_1.jsx)(Select_1.Select, { valueArray: selectValueArray }, void 0)
|
|
91
|
-
};
|
|
92
|
-
exports.SwitchType = Template.bind({});
|
|
93
|
-
exports.SwitchType.args = {
|
|
94
|
-
titleStyleTheme: 'subTitleBold',
|
|
95
|
-
titleText: 'TitleText',
|
|
96
|
-
descText: 'descText',
|
|
97
|
-
captionText: 'captionText',
|
|
98
|
-
inputForm: (0, jsx_runtime_1.jsx)(hybrid_1.Switch, { name: "name" }, void 0)
|
|
99
|
-
};
|
|
100
|
-
exports.MixType = Template.bind({});
|
|
101
|
-
exports.MixType.args = {
|
|
102
|
-
titleStyleTheme: 'subTitleBold',
|
|
103
|
-
titleText: 'TitleText',
|
|
104
|
-
descText: 'descText',
|
|
105
|
-
captionText: 'captionText',
|
|
106
|
-
inputForm: ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(TextField_1.TextField, { name: "name1" }, void 0), (0, jsx_runtime_1.jsx)(hybrid_1.Spacing, { size: "spacing_d" }, void 0), (0, jsx_runtime_1.jsx)(TextField_1.TextField, { name: "name2" }, void 0), (0, jsx_runtime_1.jsx)(hybrid_1.Spacing, { size: "spacing_d" }, void 0), (0, jsx_runtime_1.jsx)(Select_1.Select, { valueArray: selectValueArray }, void 0), (0, jsx_runtime_1.jsx)(hybrid_1.Spacing, { size: "spacing_d" }, void 0), (0, jsx_runtime_1.jsx)(hybrid_1.Switch, { name: "name" }, void 0)] }, void 0))
|
|
107
|
-
};
|