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,85 +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 FilterBar_stories_1 = require("../FilterBar/FilterBar.stories");
20
- var AdminListHeader_1 = __importDefault(require("./AdminListHeader"));
21
- exports.default = {
22
- title: 'desktop/components/AdminListHeader',
23
- component: AdminListHeader_1.default,
24
- subcomponents: { DefaultFilterBar: FilterBar_stories_1.ChipDefault },
25
- parameters: {
26
- docs: {
27
- description: {
28
- component: 'desktop환경에 최적화 된 AdminListHeader 패턴'
29
- },
30
- source: { type: 'code' }
31
- }
32
- },
33
- argTypes: {
34
- headerBarSize: {
35
- description: '헤더바의 사이즈를 결정합니다.'
36
- },
37
- headerBarTitleText: {
38
- description: '헤더바의 타이틀 텍스트를 표시합니다.'
39
- },
40
- currentPage: {
41
- description: '현재 페이지 번호입니다.'
42
- },
43
- totalPage: {
44
- description: '전체 페이지 번호입니다.'
45
- },
46
- contentText: {
47
- description: '헤더바 하단에 들어갈 컨텐트 텍스트를 표시합니다.'
48
- },
49
- filterBar: {
50
- description: '필터바를 표시합니다.'
51
- },
52
- dropdownTextArray: {
53
- description: '페이지네이션 드롭다운에 표시될 리스트입니다. 기본값으로 15, 30, 50, 100개 중 선택할 수 있습니다.'
54
- },
55
- dropdownDefaultValue: {
56
- description: '페이지네이션 드롭다운의 초기값을 지정해 줄 수 있습니다.'
57
- },
58
- onChangeCount: {
59
- description: '페이지네이션의 아이템 개수를 변경합니다. (드롭다운)',
60
- action: 'onChangeCount'
61
- },
62
- onClickNextButton: {
63
- description: '다음 페이지로 페이지네이션 할 때의 콜백입니다.',
64
- action: 'onClickNextButton'
65
- },
66
- onClickPrevButton: {
67
- description: '이전 페이지로 페이지네이션 할 때의 콜백입니다.',
68
- action: 'onClickPrevButton'
69
- },
70
- itemCountUnit: {
71
- description: '[deprecated] 페이지네이션의 아이템 갯수입니다.',
72
- control: { type: 'none' }
73
- }
74
- }
75
- };
76
- var Template = function (args) {
77
- return (0, jsx_runtime_1.jsx)(AdminListHeader_1.default, __assign({}, args), void 0);
78
- };
79
- exports.Default = Template.bind({});
80
- exports.Default.args = {
81
- headerBarSize: 'regular',
82
- headerBarTitleText: 'headerBarTitleText',
83
- contentText: 'content text 입니다.',
84
- filterBar: (0, jsx_runtime_1.jsx)(FilterBar_stories_1.ChipDefault, __assign({}, FilterBar_stories_1.ChipDefault.args), void 0)
85
- };
@@ -1,5 +0,0 @@
1
- /// <reference types="react" />
2
- import type { ComponentStory, ComponentMeta } from '@storybook/react';
3
- declare const _default: ComponentMeta<import("react").ForwardRefExoticComponent<import("./AdminListItem").AdminListItemProps & import("react").RefAttributes<HTMLDivElement>>>;
4
- export default _default;
5
- export declare const Default: ComponentStory<import("react").ForwardRefExoticComponent<import("./AdminListItem").AdminListItemProps & import("react").RefAttributes<HTMLDivElement>>>;
@@ -1,247 +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 withFormProvider_1 = require("../../../common/decorators/withFormProvider");
20
- var AdminListItem_1 = __importDefault(require("./AdminListItem"));
21
- exports.default = {
22
- title: 'desktop/components/AdminListItem',
23
- component: AdminListItem_1.default,
24
- parameters: {
25
- docs: {
26
- description: {
27
- component: 'desktop환경에 최적화 된 AdminListItem 패턴'
28
- },
29
- source: { type: 'code' }
30
- }
31
- },
32
- argTypes: {
33
- rowSize: {
34
- description: '행의 사이즈를 결정합니다.'
35
- },
36
- selectionMode: {
37
- description: '요소 좌측의 선택 영역을 결정합니다. AdminList의 selectionMode를 대신 사용합니다.',
38
- control: { type: 'none' }
39
- },
40
- column2Type: {
41
- description: 'column2의 게시글 표시방법을 결정합니다.'
42
- },
43
- imageSrc: {
44
- description: '게시글에 사용된 이미지 또는 썸네일을 표시합니다.'
45
- },
46
- imageShapeType: {
47
- description: '이미지의 형태를 결정합니다.'
48
- },
49
- imageScaleType: {
50
- description: '이미지를 채우는 방법을 결정합니다.'
51
- },
52
- imageRadius: {
53
- description: 'imageShapeType이 round 경우 이미지의 둥글기를 결정합니다.',
54
- options: [8, 16, 24]
55
- },
56
- imageRatio: {
57
- description: '이미지의 비율을 결정합니다.',
58
- control: { type: 'radio' }
59
- },
60
- column2Text: {
61
- description: '게시글의 제목 또는 주요 내용을 표시합니다.',
62
- control: { type: 'text' }
63
- },
64
- column3Text: {
65
- description: 'column3의 내용을 표시합니다.',
66
- control: { type: 'text' }
67
- },
68
- column3TextWidth: {
69
- description: 'column3의 width를 결정합니다. AdminList의 column3Width를 대신 사용합니다.',
70
- control: { type: 'none' }
71
- },
72
- column3TextStyleTheme: {
73
- description: 'column3의 텍스트 스타일을 결정합니다.'
74
- },
75
- column4Text: {
76
- description: 'column4의 내용을 표시합니다.',
77
- control: { type: 'text' }
78
- },
79
- column4TextWidth: {
80
- description: 'column4의 width를 결정합니다. AdminList의 column4Width를 대신 사용합니다.',
81
- control: { type: 'none' }
82
- },
83
- column4TextStyleTheme: {
84
- description: 'column4의 텍스트 스타일을 결정합니다.'
85
- },
86
- column5Text: {
87
- description: 'column5의 내용을 표시합니다.',
88
- control: { type: 'text' }
89
- },
90
- column5TextWidth: {
91
- description: 'column5의 width를 결정합니다. AdminList의 column5Width를 대신 사용합니다.',
92
- control: { type: 'none' }
93
- },
94
- column5TextStyleTheme: {
95
- description: 'column5의 텍스트 스타일을 결정합니다.'
96
- },
97
- column6Text: {
98
- description: 'column6의 내용을 표시합니다.',
99
- control: { type: 'text' }
100
- },
101
- column6TextWidth: {
102
- description: 'column6의 width를 결정합니다. AdminList의 column6Width를 대신 사용합니다.',
103
- control: { type: 'none' }
104
- },
105
- column6TextStyleTheme: {
106
- description: 'column6의 텍스트 스타일을 결정합니다.'
107
- },
108
- column7Text: {
109
- description: 'column7의 내용을 표시합니다.',
110
- control: { type: 'text' }
111
- },
112
- column7TextWidth: {
113
- description: 'column7의 width를 결정합니다. AdminList의 column7Width를 대신 사용합니다.',
114
- control: { type: 'none' }
115
- },
116
- column7TextStyleTheme: {
117
- description: 'column7의 텍스트 스타일을 결정합니다.'
118
- },
119
- column8Text: {
120
- description: 'column8의 내용을 표시합니다.',
121
- control: { type: 'text' }
122
- },
123
- column8TextWidth: {
124
- description: 'column8의 width를 결정합니다. AdminList의 column8Width를 대신 사용합니다.',
125
- control: { type: 'none' }
126
- },
127
- column8TextStyleTheme: {
128
- description: 'column8의 텍스트 스타일을 결정합니다.'
129
- },
130
- column9Text: {
131
- description: 'column9의 내용을 표시합니다.',
132
- control: { type: 'text' }
133
- },
134
- column9TextWidth: {
135
- description: 'column9의 width를 결정합니다. AdminList의 column9Width를 대신 사용합니다.',
136
- control: { type: 'none' }
137
- },
138
- column9TextStyleTheme: {
139
- description: 'column9의 텍스트 스타일을 결정합니다.'
140
- },
141
- column10Text: {
142
- description: 'column10의 내용을 표시합니다.',
143
- control: { type: 'text' }
144
- },
145
- column10TextWidth: {
146
- description: 'column10의 width를 결정합니다. AdminList의 column10Width를 대신 사용합니다.',
147
- control: { type: 'none' }
148
- },
149
- column10TextStyleTheme: {
150
- description: 'column10의 텍스트 스타일을 결정합니다.'
151
- },
152
- quickActionBtnMode: {
153
- description: '퀵액션 버튼 사용 개수를 결정합니다. AdminList에서 설정해줍니다.',
154
- control: { type: 'none' }
155
- },
156
- quickActionBtn1Text: {
157
- description: '우측에서 1번째 퀵 액션 버튼의 텍스트입니다. AdminList에서 설정해줍니다.',
158
- control: { type: 'none' }
159
- },
160
- quickActionBtn2Text: {
161
- description: '우측에서 2번째 퀵 액션 버튼의 텍스트입니다. AdminList에서 설정해줍니다.',
162
- control: { type: 'none' }
163
- },
164
- quickActionBtn3Text: {
165
- description: '우측에서 3번째 퀵 액션 버튼의 텍스트입니다. AdminList에서 설정해줍니다.',
166
- control: { type: 'none' }
167
- },
168
- quickActionBtnType: {
169
- description: '퀵 액션 버튼의 타입을 결정합니다. 해당 prop에 따라 HeaderRow와 AdminListItem의 column 간격이 조정됩니다. AdminList에서 설정해줍니다.',
170
- control: { type: 'none' }
171
- },
172
- quickActionBtn1State: {
173
- description: '퀵액션 우측에서 1번 버튼의 활성화 상태를 나타냅니다. AdminList에서 설정해줍니다.',
174
- control: { type: 'none' }
175
- },
176
- quickActionBtn2State: {
177
- description: '퀵액션 우측에서 2번 버튼의 활성화 상태를 나타냅니다. AdminList에서 설정해줍니다.',
178
- control: { type: 'none' }
179
- },
180
- quickActionBtn3State: {
181
- description: '퀵액션 우측에서 3번 버튼의 활성화 상태를 나타냅니다. AdminList에서 설정해줍니다.',
182
- control: { type: 'none' }
183
- },
184
- selectedState: {
185
- description: '선택 상태를 유지할 것인지에 대한 결정을 합니다. maintain일 경우 AdminList의 maintainIds 프롭을 사용합니다.',
186
- control: { type: 'none' }
187
- },
188
- id: {
189
- description: '체크박스 선택시 요소 구분을 위한 값입니다. 숫자 타입만 허용합니다.'
190
- },
191
- flexibleHideInfoMode: {
192
- description: '일정 너비 이하가 되면 특정 정보들이 숨겨지도록 처리할지에 대한 여부를 결정합니다. (1400px기준으로, 전체 화면 사이즈가 해당 너비 이하가 되면 column3부터 column10까지가 숨겨집니다.) (AdminList의 flexibleHideInfoMode를 대신 사용합니다.)',
193
- control: { type: 'inline-radio' }
194
- },
195
- onClickQuickActionBtn1: {
196
- action: 'onClickQuickActionBtn1'
197
- },
198
- onClickQuickActionBtn2: {
199
- action: 'onClickQuickActionBtn2'
200
- },
201
- onClickQuickActionBtn3: {
202
- action: 'onClickQuickActionBtn3'
203
- },
204
- onClickItem: {
205
- action: 'onClickItem'
206
- }
207
- },
208
- decorators: [function (story) { return (0, withFormProvider_1.withFormProvider)(story); }]
209
- };
210
- var Template = function (args) {
211
- return (0, jsx_runtime_1.jsx)(AdminListItem_1.default, __assign({}, args), void 0);
212
- };
213
- exports.Default = Template.bind({});
214
- exports.Default.args = {
215
- rowSize: 'medium',
216
- selectionMode: 'multi',
217
- column2Type: 'image_text',
218
- column2Text: '거선의 지혜는 맺어, 무엇을 전인 때문이다. 인도하겠다는 구하기 안고, 같은 동산에는 수 거선의 힘있다. 들어 할지니, 인생에 피가 넣는 얼마나 과실이 이것이다. 이것은 대중을 인생을 가는 생생하며, 그들은 수 열락의 있다. 있는 더운지라 싶이 싸인 하는 내려온 그들은 끓는다. 실현에 어디 내는 말이다. 내려온 인간의 앞이 산야에 우리 듣는다. 우리 그들의 오직 설레는 무엇을 뜨거운지라, 교향악이다. 바이며, 자신과 가는 얼음에 커다란 이것이다. 우리 청춘을 현저하게 피어나는 하는 운다. 인생에 가진 듣기만 사막이다. \n청춘의 천자만홍이 피어나기 끓는 위하여서. 맺어, 충분히 어디 모래뿐일 인생의 봄바람이다. 용기가 따뜻한 뭇 너의 오직 쓸쓸하랴? 위하여 길지 인간이 이 가슴이 행복스럽고 철환하였는가? 이것을 가진 일월과 듣기만 얼음에 긴지라 있음으로써 이것이다. 품에 피고 만천하의 이것은 것은 그들은 얼음과 대한 교향악이다. 온갖 우리 발휘하기 이 하여도 피다. 군영과 인간에 인도하겠다는 그러므로 약동하다. 길지 않는 풀이 칼이다. 사랑의 너의 이상이 곧 이상 있으랴?\n있는 따뜻한 보이는 얼음과 힘있다. 기쁘며, 평화스러운 소담스러운 든 이상이 꽃 이상 보이는 아니다. 인간은 얼음과 사는가 크고 보배를 놀이 그것을 풀이 아름다우냐? 커다란 오직 하였으며, 못할 황금시대다. 사라지지 충분히 하였으며, 싶이 않는 끓는 웅대한 군영과 사막이다. 봄날의 인간은 역사를 위하여 싶이 영락과 할지라도 인생을 청춘의 철환하였는가? 못하다 넣는 사랑의 이것이야말로 눈에 내려온 인류의 아름다우냐? 뜨거운지라, 따뜻한 든 그들의 속잎나고, 것이다. 이상을 생명을 그들은 바이며, 것이다. 인생에 곧 위하여 가치를 원질이 하여도 따뜻한 인간은 고행을 뿐이다.',
219
- imageSrc: 'https://placekitten.com/300/300',
220
- imageShapeType: 'rectangle',
221
- imageRadius: 8,
222
- imageRatio: '16_9',
223
- column3TextWidth: 'small',
224
- column3TextStyleTheme: 'normal',
225
- column4TextWidth: 'small',
226
- column4TextStyleTheme: 'normal',
227
- column5TextWidth: 'small',
228
- column5TextStyleTheme: 'normal',
229
- column6TextWidth: 'small',
230
- column6TextStyleTheme: 'normal',
231
- column7TextWidth: 'small',
232
- column7TextStyleTheme: 'normal',
233
- column8TextWidth: 'small',
234
- column8TextStyleTheme: 'normal',
235
- column9TextWidth: 'small',
236
- column9TextStyleTheme: 'normal',
237
- column10TextWidth: 'small',
238
- column10TextStyleTheme: 'normal',
239
- quickActionBtnMode: 'btn_amount2',
240
- quickActionBtn1Text: 'btn1',
241
- quickActionBtn2Text: 'btn2',
242
- quickActionBtnType: 'fix',
243
- quickActionBtn1State: 'normal',
244
- quickActionBtn2State: 'normal',
245
- quickActionBtn3State: 'normal',
246
- id: 1
247
- };
@@ -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: 'desktop/components/BasicChatListItem',
22
- component: BasicChatListItem_1.default,
23
- parameters: {
24
- docs: {
25
- description: {
26
- component: 'desktop환경에 최적화 된 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: 'desktop/components/BasicFormGroup',
27
- component: BasicFormGroup_1.default,
28
- parameters: {
29
- docs: {
30
- description: {
31
- component: 'desktop환경에 최적화된 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>;
@@ -1,79 +0,0 @@
1
- "use strict";
2
- var __assign = (this && this.__assign) || function () {
3
- __assign = Object.assign || function(t) {
4
- for (var s, i = 1, n = arguments.length; i < n; i++) {
5
- s = arguments[i];
6
- for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
7
- t[p] = s[p];
8
- }
9
- return t;
10
- };
11
- return __assign.apply(this, arguments);
12
- };
13
- var __importDefault = (this && this.__importDefault) || function (mod) {
14
- return (mod && mod.__esModule) ? mod : { "default": mod };
15
- };
16
- Object.defineProperty(exports, "__esModule", { value: true });
17
- exports.DefaultBasicList = void 0;
18
- var jsx_runtime_1 = require("react/jsx-runtime");
19
- var withFormProvider_1 = require("../../../common/decorators/withFormProvider");
20
- var BasicListItem_1 = __importDefault(require("../BasicListItem/BasicListItem"));
21
- var BasicList_1 = __importDefault(require("./BasicList"));
22
- exports.default = {
23
- title: 'desktop/components/BasicList',
24
- component: BasicList_1.default,
25
- subcomponents: { BasicListItem: BasicListItem_1.default },
26
- parameters: {
27
- docs: {
28
- description: {
29
- component: 'desktop환경에 최적화 된 BasicList 컴포넌트'
30
- },
31
- source: { type: 'code' }
32
- }
33
- },
34
- argTypes: {
35
- titleStyleTheme: {
36
- description: '타이틀의 텍스트 스타일을 결정합니다.',
37
- control: { type: 'inline-radio' }
38
- },
39
- titleText: {
40
- description: '리스트의 제목을 입력합니다.',
41
- control: { type: 'text' }
42
- },
43
- captionText: {
44
- description: '리스트의 세부 설명, 옵션용 텍스트를 입력합니다.',
45
- control: { type: 'text' }
46
- },
47
- columns: {
48
- description: '표시할 열의 수를 결정합니다. 1 미만으로 입력할 수 없습니다.',
49
- control: { type: 'range', min: 1, max: 6, step: 1 }
50
- },
51
- columnSpacing: {
52
- description: 'columns가 2이상일 경우 적용되며, 열의 간격을 결정합니다.',
53
- control: { type: 'inline-radio' },
54
- options: [0, 16, 24]
55
- },
56
- rowSpacing: {
57
- description: '행의 간격을 결정합니다.',
58
- control: { type: 'inline-radio' },
59
- options: [0, 24, 48, 32, 64]
60
- },
61
- spacingMode: {
62
- description: '좌우 여백 사용 여부를 결정합니다.'
63
- }
64
- },
65
- decorators: [function (story) { return (0, withFormProvider_1.withFormProvider)(story); }]
66
- };
67
- var Template = function (args) {
68
- var imageSrc = 'https://images.unsplash.com/photo-1502602898657-3e91760cbb34?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=1173&q=80';
69
- return ((0, jsx_runtime_1.jsxs)(BasicList_1.default, __assign({}, args, { children: [(0, jsx_runtime_1.jsx)(BasicListItem_1.default, { titleText: "titleText 1", dividerType: "solid", imageIconMode: "image", imageSrc: imageSrc, badgeMode: "left", badgeStatus: "active", displayType: "ibtn_amount2", iBtn1IconName: "ic_information", iBtn2IconName: "ic_arrow_right" }, void 0), (0, jsx_runtime_1.jsx)(BasicListItem_1.default, { titleText: "titleText 2", dividerType: "solid", imageIconMode: "image", imageSrc: imageSrc, badgeMode: "left", badgeStatus: "active", displayType: "ibtn_amount2", iBtn1IconName: "ic_information", iBtn2IconName: "ic_arrow_right" }, void 0), (0, jsx_runtime_1.jsx)(BasicListItem_1.default, { titleText: "titleText 3", dividerType: "solid", imageIconMode: "image", imageSrc: imageSrc, badgeMode: "left", badgeStatus: "cancel", displayType: "ibtn_amount2", iBtn1IconName: "ic_information", iBtn2IconName: "ic_arrow_right" }, void 0), (0, jsx_runtime_1.jsx)(BasicListItem_1.default, { titleText: "titleText 4", dividerType: "solid", imageIconMode: "image", imageSrc: imageSrc, badgeMode: "left", badgeStatus: "active", displayType: "ibtn_amount2", iBtn1IconName: "ic_information", iBtn2IconName: "ic_arrow_right" }, void 0), (0, jsx_runtime_1.jsx)(BasicListItem_1.default, { titleText: "titleText 5", dividerType: "solid", imageIconMode: "image", imageSrc: imageSrc, badgeMode: "left", badgeStatus: "inactive", displayType: "ibtn_amount2", iBtn1IconName: "ic_information", iBtn2IconName: "ic_arrow_right" }, void 0), (0, jsx_runtime_1.jsx)(BasicListItem_1.default, { titleText: "titleText 6", dividerType: "solid", imageIconMode: "image", imageSrc: imageSrc, badgeMode: "left", badgeStatus: "active", displayType: "ibtn_amount2", iBtn1IconName: "ic_information", iBtn2IconName: "ic_arrow_right" }, void 0), (0, jsx_runtime_1.jsx)(BasicListItem_1.default, { titleText: "titleText 7", dividerType: "solid", imageIconMode: "image", imageSrc: imageSrc, badgeMode: "left", badgeStatus: "active", displayType: "ibtn_amount2", iBtn1IconName: "ic_information", iBtn2IconName: "ic_arrow_right" }, void 0), (0, jsx_runtime_1.jsx)(BasicListItem_1.default, { titleText: "titleText 8", dividerType: "solid", imageIconMode: "image", imageSrc: imageSrc, badgeMode: "left", badgeStatus: "cancel", displayType: "ibtn_amount2", iBtn1IconName: "ic_information", iBtn2IconName: "ic_arrow_right" }, void 0), (0, jsx_runtime_1.jsx)(BasicListItem_1.default, { titleText: "titleText 9", dividerType: "solid", imageIconMode: "image", imageSrc: imageSrc, badgeMode: "left", badgeStatus: "active", displayType: "ibtn_amount2", iBtn1IconName: "ic_information", iBtn2IconName: "ic_arrow_right" }, void 0), (0, jsx_runtime_1.jsx)(BasicListItem_1.default, { titleText: "titleText 10", dividerType: "solid", imageIconMode: "image", imageSrc: imageSrc, badgeMode: "left", badgeStatus: "inactive", displayType: "ibtn_amount2", iBtn1IconName: "ic_information", iBtn2IconName: "ic_arrow_right" }, void 0), (0, jsx_runtime_1.jsx)(BasicListItem_1.default, { titleText: "titleText 11", dividerType: "solid", imageIconMode: "image", imageSrc: imageSrc, badgeMode: "left", badgeStatus: "active", displayType: "ibtn_amount2", iBtn1IconName: "ic_information", iBtn2IconName: "ic_arrow_right" }, void 0), (0, jsx_runtime_1.jsx)(BasicListItem_1.default, { titleText: "titleText 12", dividerType: "solid", imageIconMode: "image", imageSrc: imageSrc, badgeMode: "left", badgeStatus: "inactive", displayType: "ibtn_amount2", iBtn1IconName: "ic_information", iBtn2IconName: "ic_arrow_right" }, void 0)] }), void 0));
70
- };
71
- exports.DefaultBasicList = Template.bind({});
72
- exports.DefaultBasicList.args = {
73
- titleStyleTheme: 'headingBold',
74
- titleText: 'titleText',
75
- captionText: 'captionText',
76
- columns: 1,
77
- columnSpacing: 16,
78
- rowSpacing: 0
79
- };
@@ -1,10 +0,0 @@
1
- import BasicListItem from './BasicListItem';
2
- import type { ComponentStory, ComponentMeta } from '@storybook/react';
3
- declare const _default: ComponentMeta<typeof BasicListItem>;
4
- export default _default;
5
- export declare const Default: ComponentStory<typeof BasicListItem>;
6
- export declare const Image: ComponentStory<typeof BasicListItem>;
7
- export declare const Icon: ComponentStory<typeof BasicListItem>;
8
- export declare const Badge: ComponentStory<typeof BasicListItem>;
9
- export declare const Checkbox: ComponentStory<typeof BasicListItem>;
10
- export declare const Radio: ComponentStory<typeof BasicListItem>;