pds-dev-kit-web-test 0.1.5 → 0.1.6

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (267) hide show
  1. package/package.json +1 -1
  2. package/release-note.md +3 -8
  3. package/.commitlintrc.js +0 -65
  4. package/.husky/.eslintrc.prepush +0 -7
  5. package/.husky/commit-msg +0 -13
  6. package/.husky/pre-commit +0 -9
  7. package/.husky/pre-push +0 -4
  8. package/.lintstagedrc.json +0 -7
  9. package/.vscode/settings.json +0 -50
  10. package/bitbucket-pipelines.yml +0 -114
  11. package/dist/src/common/components/CircularProgress/CircularProgress.stories.d.ts +0 -5
  12. package/dist/src/common/components/CircularProgress/CircularProgress.stories.js +0 -45
  13. package/dist/src/common/components/ThreeBarProgress/ThreeBarProgress.stories.d.ts +0 -5
  14. package/dist/src/common/components/ThreeBarProgress/ThreeBarProgress.stories.js +0 -38
  15. package/dist/src/common/styles/ToneTest/ToneTest.stories.d.ts +0 -5
  16. package/dist/src/common/styles/ToneTest/ToneTest.stories.js +0 -14
  17. package/dist/src/common/styles/colorSet/Color.stories.d.ts +0 -5
  18. package/dist/src/common/styles/colorSet/Color.stories.js +0 -125
  19. package/dist/src/desktop/common/components/TextFieldBase/TextFieldBase.stories.d.ts +0 -9
  20. package/dist/src/desktop/common/components/TextFieldBase/TextFieldBase.stories.js +0 -150
  21. package/dist/src/desktop/components/AdminList/AdminList.stories.d.ts +0 -8
  22. package/dist/src/desktop/components/AdminList/AdminList.stories.js +0 -462
  23. package/dist/src/desktop/components/AdminListHeader/AdminListHeader.stories.d.ts +0 -5
  24. package/dist/src/desktop/components/AdminListHeader/AdminListHeader.stories.js +0 -85
  25. package/dist/src/desktop/components/AdminListItem/AdminListItem.stories.d.ts +0 -5
  26. package/dist/src/desktop/components/AdminListItem/AdminListItem.stories.js +0 -247
  27. package/dist/src/desktop/components/BasicChatListItem/BasicChatListItem.stories.d.ts +0 -5
  28. package/dist/src/desktop/components/BasicChatListItem/BasicChatListItem.stories.js +0 -87
  29. package/dist/src/desktop/components/BasicFormGroup/BasicFormGroup.stories.d.ts +0 -8
  30. package/dist/src/desktop/components/BasicFormGroup/BasicFormGroup.stories.js +0 -107
  31. package/dist/src/desktop/components/BasicList/BasicList.stories.d.ts +0 -5
  32. package/dist/src/desktop/components/BasicList/BasicList.stories.js +0 -79
  33. package/dist/src/desktop/components/BasicListItem/BasicListItem.stories.d.ts +0 -10
  34. package/dist/src/desktop/components/BasicListItem/BasicListItem.stories.js +0 -188
  35. package/dist/src/desktop/components/BlogTextField/BlogTextField.stories.d.ts +0 -10
  36. package/dist/src/desktop/components/BlogTextField/BlogTextField.stories.js +0 -102
  37. package/dist/src/desktop/components/BodyTextGroup/BodyTextGroup.stories.d.ts +0 -8
  38. package/dist/src/desktop/components/BodyTextGroup/BodyTextGroup.stories.js +0 -80
  39. package/dist/src/desktop/components/Card/Card.stories.d.ts +0 -6
  40. package/dist/src/desktop/components/Card/Card.stories.js +0 -81
  41. package/dist/src/desktop/components/CardList/CardList.stories.d.ts +0 -6
  42. package/dist/src/desktop/components/CardList/CardList.stories.js +0 -90
  43. package/dist/src/desktop/components/ChatBubbleListItem/ChatBubble.stories.d.ts +0 -8
  44. package/dist/src/desktop/components/ChatBubbleListItem/ChatBubble.stories.js +0 -68
  45. package/dist/src/desktop/components/ChatBubbleListItem/ChatBubbleListItem.stories.d.ts +0 -17
  46. package/dist/src/desktop/components/ChatBubbleListItem/ChatBubbleListItem.stories.js +0 -132
  47. package/dist/src/desktop/components/ChatList/ChatList.stories.d.ts +0 -7
  48. package/dist/src/desktop/components/ChatList/ChatList.stories.js +0 -234
  49. package/dist/src/desktop/components/Checkbox/Checkbox.stories.d.ts +0 -5
  50. package/dist/src/desktop/components/Checkbox/Checkbox.stories.js +0 -59
  51. package/dist/src/desktop/components/Chip/Chip.stories.d.ts +0 -11
  52. package/dist/src/desktop/components/Chip/Chip.stories.js +0 -126
  53. package/dist/src/desktop/components/ContextMenu/ContextMenu.stories.d.ts +0 -6
  54. package/dist/src/desktop/components/ContextMenu/ContextMenu.stories.js +0 -71
  55. package/dist/src/desktop/components/ContextMenuItem/ContextMenuItem.stories.d.ts +0 -5
  56. package/dist/src/desktop/components/ContextMenuItem/ContextMenuItem.stories.js +0 -68
  57. package/dist/src/desktop/components/DesktopAlertDialog/DesktopAlertDialog.stories.d.ts +0 -9
  58. package/dist/src/desktop/components/DesktopAlertDialog/DesktopAlertDialog.stories.js +0 -128
  59. package/dist/src/desktop/components/DesktopHeaderBar/DesktopHeaderBar.stories.d.ts +0 -8
  60. package/dist/src/desktop/components/DesktopHeaderBar/DesktopHeaderBar.stories.js +0 -121
  61. package/dist/src/desktop/components/DesktopTabBar/DesktopTabBar.stories.d.ts +0 -7
  62. package/dist/src/desktop/components/DesktopTabBar/DesktopTabBar.stories.js +0 -205
  63. package/dist/src/desktop/components/Dropdown/Dropdown.stories.d.ts +0 -5
  64. package/dist/src/desktop/components/Dropdown/Dropdown.stories.js +0 -164
  65. package/dist/src/desktop/components/DynamicDesktopNavBar/DynamicDesktopNavBar.stories.d.ts +0 -8
  66. package/dist/src/desktop/components/DynamicDesktopNavBar/DynamicDesktopNavBar.stories.js +0 -649
  67. package/dist/src/desktop/components/EditApplyTextField/EditApplyTextField.stories.d.ts +0 -17
  68. package/dist/src/desktop/components/EditApplyTextField/EditApplyTextField.stories.js +0 -222
  69. package/dist/src/desktop/components/FilterBar/FilterBar.stories.d.ts +0 -7
  70. package/dist/src/desktop/components/FilterBar/FilterBar.stories.js +0 -119
  71. package/dist/src/desktop/components/FloatingActionButton/FloatingActionButton.stories.d.ts +0 -5
  72. package/dist/src/desktop/components/FloatingActionButton/FloatingActionButton.stories.js +0 -74
  73. package/dist/src/desktop/components/Hero/Hero.stories.d.ts +0 -5
  74. package/dist/src/desktop/components/Hero/Hero.stories.js +0 -51
  75. package/dist/src/desktop/components/HorizontalFormGroup/HorizontalFormGroup.stories.d.ts +0 -8
  76. package/dist/src/desktop/components/HorizontalFormGroup/HorizontalFormGroup.stories.js +0 -82
  77. package/dist/src/desktop/components/IconButton/IconButton.stories.d.ts +0 -5
  78. package/dist/src/desktop/components/IconButton/IconButton.stories.js +0 -109
  79. package/dist/src/desktop/components/ImageSlide/ImageSlide.stories.d.ts +0 -5
  80. package/dist/src/desktop/components/ImageSlide/ImageSlide.stories.js +0 -73
  81. package/dist/src/desktop/components/LottieReactionButton/LottieReactionButton.stories.d.ts +0 -6
  82. package/dist/src/desktop/components/LottieReactionButton/LottieReactionButton.stories.js +0 -99
  83. package/dist/src/desktop/components/MainButton/MainButton.stories.d.ts +0 -5
  84. package/dist/src/desktop/components/MainButton/MainButton.stories.js +0 -112
  85. package/dist/src/desktop/components/PageTitleTextGroup/PageTitleTextGroup.stories.d.ts +0 -7
  86. package/dist/src/desktop/components/PageTitleTextGroup/PageTitleTextGroup.stories.js +0 -83
  87. package/dist/src/desktop/components/Radio/Radio.stories.d.ts +0 -7
  88. package/dist/src/desktop/components/Radio/Radio.stories.js +0 -100
  89. package/dist/src/desktop/components/ReactionButton/ReactionButton.stories.d.ts +0 -7
  90. package/dist/src/desktop/components/ReactionButton/ReactionButton.stories.js +0 -71
  91. package/dist/src/desktop/components/Select/Select.stories.d.ts +0 -8
  92. package/dist/src/desktop/components/Select/Select.stories.js +0 -139
  93. package/dist/src/desktop/components/StatusBlock/StatusBlock.stories.d.ts +0 -6
  94. package/dist/src/desktop/components/StatusBlock/StatusBlock.stories.js +0 -60
  95. package/dist/src/desktop/components/TextButton/TextButton.stories.d.ts +0 -5
  96. package/dist/src/desktop/components/TextButton/TextButton.stories.js +0 -73
  97. package/dist/src/desktop/components/TextField/TextField.stories.d.ts +0 -22
  98. package/dist/src/desktop/components/TextField/TextField.stories.js +0 -278
  99. package/dist/src/desktop/components/TextLabel/TextLabel.stories.d.ts +0 -7
  100. package/dist/src/desktop/components/TextLabel/TextLabel.stories.js +0 -127
  101. package/dist/src/desktop/components/UploadIconButton/UploadIconButton.stories.d.ts +0 -5
  102. package/dist/src/desktop/components/UploadIconButton/UploadIconButton.stories.js +0 -106
  103. package/dist/src/desktop/components/UploadMainButton/UploadMainButton.stories.d.ts +0 -5
  104. package/dist/src/desktop/components/UploadMainButton/UploadMainButton.stories.js +0 -117
  105. package/dist/src/desktop/components/UploadTextButton/UploadTextButton.stories.d.ts +0 -5
  106. package/dist/src/desktop/components/UploadTextButton/UploadTextButton.stories.js +0 -78
  107. package/dist/src/desktop/components/UserDesktopNavBar/UserDesktopNavBar.stories.d.ts +0 -7
  108. package/dist/src/desktop/components/UserDesktopNavBar/UserDesktopNavBar.stories.js +0 -106
  109. package/dist/src/desktop/components/UserDesktopSideTab/UserDesktopSideTab.stories.d.ts +0 -5
  110. package/dist/src/desktop/components/UserDesktopSideTab/UserDesktopSideTab.stories.js +0 -64
  111. package/dist/src/desktop/components/UserDesktopTabBar/UserDesktopTabBar.stories.d.ts +0 -5
  112. package/dist/src/desktop/components/UserDesktopTabBar/UserDesktopTabBar.stories.js +0 -79
  113. package/dist/src/desktop/layout/LayoutWF/LayoutWF.stories.d.ts +0 -32
  114. package/dist/src/desktop/layout/LayoutWF/LayoutWF.stories.js +0 -166
  115. package/dist/src/desktop/layout/LayoutWF/LayoutWFLoading.stories.d.ts +0 -32
  116. package/dist/src/desktop/layout/LayoutWF/LayoutWFLoading.stories.js +0 -166
  117. package/dist/src/desktop/layout/LayoutWH/LayoutWH.stories.d.ts +0 -20
  118. package/dist/src/desktop/layout/LayoutWH/LayoutWH.stories.js +0 -122
  119. package/dist/src/desktop/layout/LayoutWH/LayoutWHLoading.stories.d.ts +0 -20
  120. package/dist/src/desktop/layout/LayoutWH/LayoutWHLoading.stories.js +0 -122
  121. package/dist/src/desktop/layout/LayoutWS/LayoutWS.stories.d.ts +0 -23
  122. package/dist/src/desktop/layout/LayoutWS/LayoutWS.stories.js +0 -134
  123. package/dist/src/desktop/layout/LayoutWS/LayoutWSLoading.stories.d.ts +0 -23
  124. package/dist/src/desktop/layout/LayoutWS/LayoutWSLoading.stories.js +0 -134
  125. package/dist/src/desktop/layout/LayoutWT/LayoutWT.stories.d.ts +0 -48
  126. package/dist/src/desktop/layout/LayoutWT/LayoutWT.stories.js +0 -238
  127. package/dist/src/desktop/layout/LayoutWT/LayoutWTLoading.stories.d.ts +0 -48
  128. package/dist/src/desktop/layout/LayoutWT/LayoutWTLoading.stories.js +0 -238
  129. package/dist/src/desktop/panels/AnnotationSheet/AnnotationSheet.stories.d.ts +0 -6
  130. package/dist/src/desktop/panels/AnnotationSheet/AnnotationSheet.stories.js +0 -108
  131. package/dist/src/desktop/panels/ContentSheet/ContentSheet.stories.d.ts +0 -7
  132. package/dist/src/desktop/panels/ContentSheet/ContentSheet.stories.js +0 -145
  133. package/dist/src/desktop/panels/DesktopBasicModal/DesktopBasicModal.stories.d.ts +0 -7
  134. package/dist/src/desktop/panels/DesktopBasicModal/DesktopBasicModal.stories.js +0 -128
  135. package/dist/src/desktop/panels/DesktopHeadlessModal/DesktopHeadlessModal.stories.d.ts +0 -9
  136. package/dist/src/desktop/panels/DesktopHeadlessModal/DesktopHeadlessModal.stories.js +0 -106
  137. package/dist/src/desktop/panels/DesktopTutorialModal/Components/SideTab/SideTab.stories.d.ts +0 -5
  138. package/dist/src/desktop/panels/DesktopTutorialModal/Components/SideTab/SideTab.stories.js +0 -74
  139. package/dist/src/desktop/panels/DesktopTutorialModal/DesktopTutorialModal.stories.d.ts +0 -8
  140. package/dist/src/desktop/panels/DesktopTutorialModal/DesktopTutorialModal.stories.js +0 -148
  141. package/dist/src/desktop/panels/SectionSheet/SectionSheet.stories.d.ts +0 -6
  142. package/dist/src/desktop/panels/SectionSheet/SectionSheet.stories.js +0 -112
  143. package/dist/src/hybrid/components/Divider/Divider.stories.d.ts +0 -5
  144. package/dist/src/hybrid/components/Divider/Divider.stories.js +0 -55
  145. package/dist/src/hybrid/components/Icon/Icon.stories.d.ts +0 -8
  146. package/dist/src/hybrid/components/Icon/Icon.stories.js +0 -166
  147. package/dist/src/hybrid/components/ImageView/ImageView.stories.d.ts +0 -15
  148. package/dist/src/hybrid/components/ImageView/ImageView.stories.js +0 -111
  149. package/dist/src/hybrid/components/LinearProgress/LinearProgress.stories.d.ts +0 -5
  150. package/dist/src/hybrid/components/LinearProgress/LinearProgress.stories.js +0 -38
  151. package/dist/src/hybrid/components/LottieIcon/LottieIcon.stories.d.ts +0 -6
  152. package/dist/src/hybrid/components/LottieIcon/LottieIcon.stories.js +0 -69
  153. package/dist/src/hybrid/components/Spacing/Spacing.stories.d.ts +0 -5
  154. package/dist/src/hybrid/components/Spacing/Spacing.stories.js +0 -46
  155. package/dist/src/hybrid/components/Switch/Switch.stories.d.ts +0 -5
  156. package/dist/src/hybrid/components/Switch/Switch.stories.js +0 -58
  157. package/dist/src/mobile/common/components/TextFieldBase/TextFieldBase.stories.d.ts +0 -9
  158. package/dist/src/mobile/common/components/TextFieldBase/TextFieldBase.stories.js +0 -150
  159. package/dist/src/mobile/components/BasicChatListItem/BasicChatListItem.stories.d.ts +0 -5
  160. package/dist/src/mobile/components/BasicChatListItem/BasicChatListItem.stories.js +0 -87
  161. package/dist/src/mobile/components/BasicFormGroup/BasicFormGroup.stories.d.ts +0 -8
  162. package/dist/src/mobile/components/BasicFormGroup/BasicFormGroup.stories.js +0 -107
  163. package/dist/src/mobile/components/BasicList/BasicList.stories.d.ts +0 -5
  164. package/dist/src/mobile/components/BasicList/BasicList.stories.js +0 -79
  165. package/dist/src/mobile/components/BasicListItem/BasicListItem.stories.d.ts +0 -10
  166. package/dist/src/mobile/components/BasicListItem/BasicListItem.stories.js +0 -189
  167. package/dist/src/mobile/components/BlogTextField/BlogTextField.stories.d.ts +0 -10
  168. package/dist/src/mobile/components/BlogTextField/BlogTextField.stories.js +0 -102
  169. package/dist/src/mobile/components/BodyTextGroup/BodyTextGroup.stories.d.ts +0 -8
  170. package/dist/src/mobile/components/BodyTextGroup/BodyTextGroup.stories.js +0 -81
  171. package/dist/src/mobile/components/Card/Card.stories.d.ts +0 -6
  172. package/dist/src/mobile/components/Card/Card.stories.js +0 -81
  173. package/dist/src/mobile/components/CardList/CardList.stories.d.ts +0 -6
  174. package/dist/src/mobile/components/CardList/CardList.stories.js +0 -90
  175. package/dist/src/mobile/components/ChatBubbleListItem/ChatBubble.stories.d.ts +0 -8
  176. package/dist/src/mobile/components/ChatBubbleListItem/ChatBubble.stories.js +0 -68
  177. package/dist/src/mobile/components/ChatBubbleListItem/ChatBubbleListItem.stories.d.ts +0 -17
  178. package/dist/src/mobile/components/ChatBubbleListItem/ChatBubbleListItem.stories.js +0 -133
  179. package/dist/src/mobile/components/ChatList/ChatList.stories.d.ts +0 -7
  180. package/dist/src/mobile/components/ChatList/ChatList.stories.js +0 -235
  181. package/dist/src/mobile/components/Checkbox/Checkbox.stories.d.ts +0 -5
  182. package/dist/src/mobile/components/Checkbox/Checkbox.stories.js +0 -59
  183. package/dist/src/mobile/components/Chip/Chip.stories.d.ts +0 -11
  184. package/dist/src/mobile/components/Chip/Chip.stories.js +0 -95
  185. package/dist/src/mobile/components/ContextMenu/ContextMenu.stories.d.ts +0 -6
  186. package/dist/src/mobile/components/ContextMenu/ContextMenu.stories.js +0 -66
  187. package/dist/src/mobile/components/ContextMenuItem/ContextMenuItem.stories.d.ts +0 -5
  188. package/dist/src/mobile/components/ContextMenuItem/ContextMenuItem.stories.js +0 -66
  189. package/dist/src/mobile/components/Dropdown/Dropdown.stories.d.ts +0 -5
  190. package/dist/src/mobile/components/Dropdown/Dropdown.stories.js +0 -168
  191. package/dist/src/mobile/components/FloatingActionButton/FloatingActionButton.stories.d.ts +0 -5
  192. package/dist/src/mobile/components/FloatingActionButton/FloatingActionButton.stories.js +0 -74
  193. package/dist/src/mobile/components/HorizontalFormGroup/HorizontalFormGroup.stories.d.ts +0 -7
  194. package/dist/src/mobile/components/HorizontalFormGroup/HorizontalFormGroup.stories.js +0 -89
  195. package/dist/src/mobile/components/IconButton/IconButton.stories.d.ts +0 -5
  196. package/dist/src/mobile/components/IconButton/IconButton.stories.js +0 -108
  197. package/dist/src/mobile/components/ImageSlide/ImageSlide.stories.d.ts +0 -5
  198. package/dist/src/mobile/components/ImageSlide/ImageSlide.stories.js +0 -72
  199. package/dist/src/mobile/components/LottieReactionButton/LottieReactionButton.stories.d.ts +0 -6
  200. package/dist/src/mobile/components/LottieReactionButton/LottieReactionButton.stories.js +0 -99
  201. package/dist/src/mobile/components/MainButton/MainButton.stories.d.ts +0 -5
  202. package/dist/src/mobile/components/MainButton/MainButton.stories.js +0 -112
  203. package/dist/src/mobile/components/MobileAlertDialog/MobileAlertDialog.stories.d.ts +0 -9
  204. package/dist/src/mobile/components/MobileAlertDialog/MobileAlertDialog.stories.js +0 -137
  205. package/dist/src/mobile/components/MobileHeaderBar/MobileHeaderBar.stories.d.ts +0 -7
  206. package/dist/src/mobile/components/MobileHeaderBar/MobileHeaderBar.stories.js +0 -139
  207. package/dist/src/mobile/components/MobileTabBar/MobileTabBar.stories.d.ts +0 -5
  208. package/dist/src/mobile/components/MobileTabBar/MobileTabBar.stories.js +0 -79
  209. package/dist/src/mobile/components/Radio/Radio.stories.d.ts +0 -7
  210. package/dist/src/mobile/components/Radio/Radio.stories.js +0 -100
  211. package/dist/src/mobile/components/ReactionButton/ReactionButton.stories.d.ts +0 -7
  212. package/dist/src/mobile/components/ReactionButton/ReactionButton.stories.js +0 -71
  213. package/dist/src/mobile/components/Select/Select.stories.d.ts +0 -8
  214. package/dist/src/mobile/components/Select/Select.stories.js +0 -139
  215. package/dist/src/mobile/components/StatusBlock/StatusBlock.stories.d.ts +0 -6
  216. package/dist/src/mobile/components/StatusBlock/StatusBlock.stories.js +0 -60
  217. package/dist/src/mobile/components/TextButton/TextButton.stories.d.ts +0 -5
  218. package/dist/src/mobile/components/TextButton/TextButton.stories.js +0 -73
  219. package/dist/src/mobile/components/TextField/TextField.stories.d.ts +0 -22
  220. package/dist/src/mobile/components/TextField/TextField.stories.js +0 -279
  221. package/dist/src/mobile/components/TextLabel/TextLabel.stories.d.ts +0 -7
  222. package/dist/src/mobile/components/TextLabel/TextLabel.stories.js +0 -115
  223. package/dist/src/mobile/components/UploadIconButton/UploadIconButton.stories.d.ts +0 -5
  224. package/dist/src/mobile/components/UploadIconButton/UploadIconButton.stories.js +0 -105
  225. package/dist/src/mobile/components/UploadMainButton/UploadMainButton.stories.d.ts +0 -5
  226. package/dist/src/mobile/components/UploadMainButton/UploadMainButton.stories.js +0 -117
  227. package/dist/src/mobile/components/UploadTextButton/UploadTextButton.stories.d.ts +0 -5
  228. package/dist/src/mobile/components/UploadTextButton/UploadTextButton.stories.js +0 -78
  229. package/dist/src/mobile/layout/LayoutMF/LayoutMF.stories.d.ts +0 -11
  230. package/dist/src/mobile/layout/LayoutMF/LayoutMF.stories.js +0 -77
  231. package/dist/src/mobile/layout/LayoutMF/LayoutMFLoading.stories.d.ts +0 -11
  232. package/dist/src/mobile/layout/LayoutMF/LayoutMFLoading.stories.js +0 -77
  233. package/dist/src/mobile/layout/LayoutMM/LayoutMM.stories.d.ts +0 -6
  234. package/dist/src/mobile/layout/LayoutMM/LayoutMM.stories.js +0 -64
  235. package/dist/src/mobile/layout/LayoutMM/LayoutMMLoading.stories.d.ts +0 -6
  236. package/dist/src/mobile/layout/LayoutMM/LayoutMMLoading.stories.js +0 -64
  237. package/dist/src/mobile/layout/LayoutMP/LayoutMP.stories.d.ts +0 -12
  238. package/dist/src/mobile/layout/LayoutMP/LayoutMP.stories.js +0 -90
  239. package/dist/src/mobile/layout/LayoutMP/LayoutMPLoading.stories.d.ts +0 -12
  240. package/dist/src/mobile/layout/LayoutMP/LayoutMPLoading.stories.js +0 -90
  241. package/dist/src/mobile/layout/LayoutMS/LayoutMS.stories.d.ts +0 -15
  242. package/dist/src/mobile/layout/LayoutMS/LayoutMS.stories.js +0 -104
  243. package/dist/src/mobile/layout/LayoutMS/LayoutMSLoading.stories.d.ts +0 -15
  244. package/dist/src/mobile/layout/LayoutMS/LayoutMSLoading.stories.js +0 -104
  245. package/dist/src/mobile/panels/AnnotationSheet/AnnotationSheet.stories.d.ts +0 -6
  246. package/dist/src/mobile/panels/AnnotationSheet/AnnotationSheet.stories.js +0 -108
  247. package/dist/src/mobile/panels/ContentSheet/ContentSheet.stories.d.ts +0 -7
  248. package/dist/src/mobile/panels/ContentSheet/ContentSheet.stories.js +0 -145
  249. package/dist/src/mobile/panels/MobileBasicModal/MobileBasicModal.stories.d.ts +0 -8
  250. package/dist/src/mobile/panels/MobileBasicModal/MobileBasicModal.stories.js +0 -99
  251. package/dist/src/mobile/panels/SectionSheet/SectionSheet.stories.d.ts +0 -5
  252. package/dist/src/mobile/panels/SectionSheet/SectionSheet.stories.js +0 -100
  253. package/dist/src/sub/DynamicLayout/DynamicLayout.stories.d.ts +0 -5
  254. package/dist/src/sub/DynamicLayout/DynamicLayout.stories.js +0 -1158
  255. package/dist/src/sub/DynamicLayout/components/YouTubeIframe/YouTubeIframe.stories.d.ts +0 -5
  256. package/dist/src/sub/DynamicLayout/components/YouTubeIframe/YouTubeIframe.stories.js +0 -36
  257. package/dist/src/sub/DynamicLayout/sections/ContentsCarouselSection/ContentsCarouselSection.stories.d.ts +0 -8
  258. package/dist/src/sub/DynamicLayout/sections/ContentsCarouselSection/ContentsCarouselSection.stories.js +0 -60
  259. package/dist/src/sub/DynamicLayout/sections/ContentsSection/ContentsSection.stories.d.ts +0 -8
  260. package/dist/src/sub/DynamicLayout/sections/ContentsSection/ContentsSection.stories.js +0 -60
  261. package/dist/src/sub/DynamicLayout/sections/FooterSection/FooterSection.stories.d.ts +0 -8
  262. package/dist/src/sub/DynamicLayout/sections/FooterSection/FooterSection.stories.js +0 -60
  263. package/dist/src/sub/DynamicLayout/sections/InfoBoxSection/InfoBoxSection.stories.d.ts +0 -6
  264. package/dist/src/sub/DynamicLayout/sections/InfoBoxSection/InfoBoxSection.stories.js +0 -50
  265. package/dist/src/sub/DynamicLayout/sections/IntroSection/IntroSection.stories.d.ts +0 -12
  266. package/dist/src/sub/DynamicLayout/sections/IntroSection/IntroSection.stories.js +0 -80
  267. 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,5 +0,0 @@
1
- import Spacing from './Spacing';
2
- import type { ComponentStory, ComponentMeta } from '@storybook/react';
3
- declare const _default: ComponentMeta<typeof Spacing>;
4
- export default _default;
5
- export declare const Default: ComponentStory<typeof Spacing>;
@@ -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,5 +0,0 @@
1
- import Switch from './Switch';
2
- import type { ComponentStory, ComponentMeta } from '@storybook/react';
3
- declare const _default: ComponentMeta<typeof Switch>;
4
- export default _default;
5
- export declare const Default: ComponentStory<typeof Switch>;
@@ -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
- };
@@ -1,5 +0,0 @@
1
- import BasicList from './BasicList';
2
- import type { ComponentStory, ComponentMeta } from '@storybook/react';
3
- declare const _default: ComponentMeta<typeof BasicList>;
4
- export default _default;
5
- export declare const DefaultBasicList: ComponentStory<typeof BasicList>;