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