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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (308) hide show
  1. package/dist/index.d.ts +1 -0
  2. package/dist/index.js +8 -1
  3. package/dist/src/desktop/common/components/TextFieldBase/TextFieldBase.js +1 -1
  4. package/dist/src/mobile/layout/LayoutMS/Containers/ContentsContainer/ContentsContainer.d.ts +3 -2
  5. package/dist/src/mobile/layout/LayoutMS/Containers/ContentsContainer/ContentsContainer.js +2 -2
  6. package/dist/src/mobile/layout/LayoutMS/Containers/ContentsContainer/variation/MSA.d.ts +3 -2
  7. package/dist/src/mobile/layout/LayoutMS/Containers/ContentsContainer/variation/MSA.js +2 -2
  8. package/dist/src/mobile/layout/LayoutMS/ContainersBox/ContainersBox.d.ts +3 -2
  9. package/dist/src/mobile/layout/LayoutMS/ContainersBox/ContainersBox.js +2 -2
  10. package/dist/src/sub/AdminList/AdminList/AdminList.d.ts +47 -0
  11. package/dist/src/sub/AdminList/AdminList/AdminList.js +224 -0
  12. package/dist/src/sub/AdminList/AdminList/HeaderRow.d.ts +30 -0
  13. package/dist/src/sub/AdminList/AdminList/HeaderRow.js +84 -0
  14. package/dist/src/sub/AdminList/AdminList/index.d.ts +1 -0
  15. package/dist/src/sub/AdminList/AdminList/index.js +8 -0
  16. package/dist/src/sub/AdminList/AdminListHeader/AdminListHeader.d.ts +18 -0
  17. package/dist/src/sub/AdminList/AdminListHeader/AdminListHeader.js +60 -0
  18. package/dist/src/sub/AdminList/AdminListHeader/HeaderBar.d.ts +17 -0
  19. package/dist/src/sub/AdminList/AdminListHeader/HeaderBar.js +85 -0
  20. package/dist/src/sub/AdminList/AdminListHeader/index.d.ts +1 -0
  21. package/dist/src/sub/AdminList/AdminListHeader/index.js +8 -0
  22. package/dist/src/sub/AdminList/AdminListItem/AdminListItem.d.ts +57 -0
  23. package/dist/src/sub/AdminList/AdminListItem/AdminListItem.js +263 -0
  24. package/dist/src/sub/AdminList/AdminListItem/index.d.ts +1 -0
  25. package/dist/src/sub/AdminList/AdminListItem/index.js +8 -0
  26. package/dist/src/sub/AdminList/BulkActionBar/BulkActionBar.d.ts +31 -0
  27. package/dist/src/sub/AdminList/BulkActionBar/BulkActionBar.js +31 -0
  28. package/dist/src/sub/AdminList/BulkActionBar/index.d.ts +1 -0
  29. package/dist/src/sub/AdminList/BulkActionBar/index.js +8 -0
  30. package/dist/src/sub/AdminList/ToolBar/ChipList.d.ts +9 -0
  31. package/dist/src/sub/AdminList/ToolBar/ChipList.js +29 -0
  32. package/dist/src/sub/AdminList/ToolBar/SearchField.d.ts +15 -0
  33. package/dist/src/sub/AdminList/ToolBar/SearchField.js +266 -0
  34. package/dist/src/sub/AdminList/ToolBar/ToolBar.d.ts +26 -0
  35. package/dist/src/sub/AdminList/ToolBar/ToolBar.js +85 -0
  36. package/dist/src/sub/AdminList/ToolBar/index.d.ts +1 -0
  37. package/dist/src/sub/AdminList/ToolBar/index.js +8 -0
  38. package/dist/src/sub/AdminList/index.d.ts +5 -0
  39. package/dist/src/sub/AdminList/index.js +13 -0
  40. package/dist/src/sub/index.d.ts +1 -0
  41. package/dist/src/sub/index.js +11 -1
  42. package/package.json +1 -1
  43. package/release-note.md +4 -11
  44. package/.commitlintrc.js +0 -65
  45. package/.husky/.eslintrc.prepush +0 -7
  46. package/.husky/commit-msg +0 -13
  47. package/.husky/pre-commit +0 -9
  48. package/.husky/pre-push +0 -4
  49. package/.lintstagedrc.json +0 -7
  50. package/.vscode/settings.json +0 -50
  51. package/bitbucket-pipelines.yml +0 -114
  52. package/dist/src/common/components/CircularProgress/CircularProgress.stories.d.ts +0 -5
  53. package/dist/src/common/components/CircularProgress/CircularProgress.stories.js +0 -45
  54. package/dist/src/common/components/ThreeBarProgress/ThreeBarProgress.stories.d.ts +0 -5
  55. package/dist/src/common/components/ThreeBarProgress/ThreeBarProgress.stories.js +0 -38
  56. package/dist/src/common/styles/ToneTest/ToneTest.stories.d.ts +0 -5
  57. package/dist/src/common/styles/ToneTest/ToneTest.stories.js +0 -14
  58. package/dist/src/common/styles/colorSet/Color.stories.d.ts +0 -5
  59. package/dist/src/common/styles/colorSet/Color.stories.js +0 -125
  60. package/dist/src/desktop/common/components/TextFieldBase/TextFieldBase.stories.d.ts +0 -9
  61. package/dist/src/desktop/common/components/TextFieldBase/TextFieldBase.stories.js +0 -150
  62. package/dist/src/desktop/components/AdminList/AdminList.stories.d.ts +0 -8
  63. package/dist/src/desktop/components/AdminList/AdminList.stories.js +0 -462
  64. package/dist/src/desktop/components/AdminListHeader/AdminListHeader.stories.d.ts +0 -5
  65. package/dist/src/desktop/components/AdminListHeader/AdminListHeader.stories.js +0 -85
  66. package/dist/src/desktop/components/AdminListItem/AdminListItem.stories.d.ts +0 -5
  67. package/dist/src/desktop/components/AdminListItem/AdminListItem.stories.js +0 -247
  68. package/dist/src/desktop/components/BasicChatListItem/BasicChatListItem.stories.d.ts +0 -5
  69. package/dist/src/desktop/components/BasicChatListItem/BasicChatListItem.stories.js +0 -87
  70. package/dist/src/desktop/components/BasicFormGroup/BasicFormGroup.stories.d.ts +0 -8
  71. package/dist/src/desktop/components/BasicFormGroup/BasicFormGroup.stories.js +0 -107
  72. package/dist/src/desktop/components/BasicList/BasicList.stories.d.ts +0 -5
  73. package/dist/src/desktop/components/BasicList/BasicList.stories.js +0 -79
  74. package/dist/src/desktop/components/BasicListItem/BasicListItem.stories.d.ts +0 -10
  75. package/dist/src/desktop/components/BasicListItem/BasicListItem.stories.js +0 -188
  76. package/dist/src/desktop/components/BlogTextField/BlogTextField.stories.d.ts +0 -10
  77. package/dist/src/desktop/components/BlogTextField/BlogTextField.stories.js +0 -102
  78. package/dist/src/desktop/components/BodyTextGroup/BodyTextGroup.stories.d.ts +0 -8
  79. package/dist/src/desktop/components/BodyTextGroup/BodyTextGroup.stories.js +0 -80
  80. package/dist/src/desktop/components/Card/Card.stories.d.ts +0 -6
  81. package/dist/src/desktop/components/Card/Card.stories.js +0 -81
  82. package/dist/src/desktop/components/CardList/CardList.stories.d.ts +0 -6
  83. package/dist/src/desktop/components/CardList/CardList.stories.js +0 -90
  84. package/dist/src/desktop/components/ChatBubbleListItem/ChatBubble.stories.d.ts +0 -8
  85. package/dist/src/desktop/components/ChatBubbleListItem/ChatBubble.stories.js +0 -68
  86. package/dist/src/desktop/components/ChatBubbleListItem/ChatBubbleListItem.stories.d.ts +0 -17
  87. package/dist/src/desktop/components/ChatBubbleListItem/ChatBubbleListItem.stories.js +0 -132
  88. package/dist/src/desktop/components/ChatList/ChatList.stories.d.ts +0 -7
  89. package/dist/src/desktop/components/ChatList/ChatList.stories.js +0 -234
  90. package/dist/src/desktop/components/Checkbox/Checkbox.stories.d.ts +0 -5
  91. package/dist/src/desktop/components/Checkbox/Checkbox.stories.js +0 -59
  92. package/dist/src/desktop/components/Chip/Chip.stories.d.ts +0 -11
  93. package/dist/src/desktop/components/Chip/Chip.stories.js +0 -126
  94. package/dist/src/desktop/components/ContextMenu/ContextMenu.stories.d.ts +0 -6
  95. package/dist/src/desktop/components/ContextMenu/ContextMenu.stories.js +0 -71
  96. package/dist/src/desktop/components/ContextMenuItem/ContextMenuItem.stories.d.ts +0 -5
  97. package/dist/src/desktop/components/ContextMenuItem/ContextMenuItem.stories.js +0 -68
  98. package/dist/src/desktop/components/DesktopAlertDialog/DesktopAlertDialog.stories.d.ts +0 -9
  99. package/dist/src/desktop/components/DesktopAlertDialog/DesktopAlertDialog.stories.js +0 -128
  100. package/dist/src/desktop/components/DesktopHeaderBar/DesktopHeaderBar.stories.d.ts +0 -8
  101. package/dist/src/desktop/components/DesktopHeaderBar/DesktopHeaderBar.stories.js +0 -121
  102. package/dist/src/desktop/components/DesktopTabBar/DesktopTabBar.stories.d.ts +0 -7
  103. package/dist/src/desktop/components/DesktopTabBar/DesktopTabBar.stories.js +0 -205
  104. package/dist/src/desktop/components/Dropdown/Dropdown.stories.d.ts +0 -5
  105. package/dist/src/desktop/components/Dropdown/Dropdown.stories.js +0 -164
  106. package/dist/src/desktop/components/DynamicDesktopNavBar/DynamicDesktopNavBar.stories.d.ts +0 -8
  107. package/dist/src/desktop/components/DynamicDesktopNavBar/DynamicDesktopNavBar.stories.js +0 -649
  108. package/dist/src/desktop/components/EditApplyTextField/EditApplyTextField.stories.d.ts +0 -17
  109. package/dist/src/desktop/components/EditApplyTextField/EditApplyTextField.stories.js +0 -222
  110. package/dist/src/desktop/components/FilterBar/FilterBar.stories.d.ts +0 -7
  111. package/dist/src/desktop/components/FilterBar/FilterBar.stories.js +0 -119
  112. package/dist/src/desktop/components/FloatingActionButton/FloatingActionButton.stories.d.ts +0 -5
  113. package/dist/src/desktop/components/FloatingActionButton/FloatingActionButton.stories.js +0 -74
  114. package/dist/src/desktop/components/Hero/Hero.stories.d.ts +0 -5
  115. package/dist/src/desktop/components/Hero/Hero.stories.js +0 -51
  116. package/dist/src/desktop/components/HorizontalFormGroup/HorizontalFormGroup.stories.d.ts +0 -8
  117. package/dist/src/desktop/components/HorizontalFormGroup/HorizontalFormGroup.stories.js +0 -82
  118. package/dist/src/desktop/components/IconButton/IconButton.stories.d.ts +0 -5
  119. package/dist/src/desktop/components/IconButton/IconButton.stories.js +0 -109
  120. package/dist/src/desktop/components/ImageSlide/ImageSlide.stories.d.ts +0 -5
  121. package/dist/src/desktop/components/ImageSlide/ImageSlide.stories.js +0 -73
  122. package/dist/src/desktop/components/LottieReactionButton/LottieReactionButton.stories.d.ts +0 -6
  123. package/dist/src/desktop/components/LottieReactionButton/LottieReactionButton.stories.js +0 -99
  124. package/dist/src/desktop/components/MainButton/MainButton.stories.d.ts +0 -5
  125. package/dist/src/desktop/components/MainButton/MainButton.stories.js +0 -112
  126. package/dist/src/desktop/components/PageTitleTextGroup/PageTitleTextGroup.stories.d.ts +0 -7
  127. package/dist/src/desktop/components/PageTitleTextGroup/PageTitleTextGroup.stories.js +0 -83
  128. package/dist/src/desktop/components/Radio/Radio.stories.d.ts +0 -7
  129. package/dist/src/desktop/components/Radio/Radio.stories.js +0 -100
  130. package/dist/src/desktop/components/ReactionButton/ReactionButton.stories.d.ts +0 -7
  131. package/dist/src/desktop/components/ReactionButton/ReactionButton.stories.js +0 -71
  132. package/dist/src/desktop/components/Select/Select.stories.d.ts +0 -8
  133. package/dist/src/desktop/components/Select/Select.stories.js +0 -139
  134. package/dist/src/desktop/components/StatusBlock/StatusBlock.stories.d.ts +0 -6
  135. package/dist/src/desktop/components/StatusBlock/StatusBlock.stories.js +0 -60
  136. package/dist/src/desktop/components/TextButton/TextButton.stories.d.ts +0 -5
  137. package/dist/src/desktop/components/TextButton/TextButton.stories.js +0 -73
  138. package/dist/src/desktop/components/TextField/TextField.stories.d.ts +0 -22
  139. package/dist/src/desktop/components/TextField/TextField.stories.js +0 -278
  140. package/dist/src/desktop/components/TextLabel/TextLabel.stories.d.ts +0 -7
  141. package/dist/src/desktop/components/TextLabel/TextLabel.stories.js +0 -127
  142. package/dist/src/desktop/components/UploadIconButton/UploadIconButton.stories.d.ts +0 -5
  143. package/dist/src/desktop/components/UploadIconButton/UploadIconButton.stories.js +0 -106
  144. package/dist/src/desktop/components/UploadMainButton/UploadMainButton.stories.d.ts +0 -5
  145. package/dist/src/desktop/components/UploadMainButton/UploadMainButton.stories.js +0 -117
  146. package/dist/src/desktop/components/UploadTextButton/UploadTextButton.stories.d.ts +0 -5
  147. package/dist/src/desktop/components/UploadTextButton/UploadTextButton.stories.js +0 -78
  148. package/dist/src/desktop/components/UserDesktopNavBar/UserDesktopNavBar.stories.d.ts +0 -7
  149. package/dist/src/desktop/components/UserDesktopNavBar/UserDesktopNavBar.stories.js +0 -106
  150. package/dist/src/desktop/components/UserDesktopSideTab/UserDesktopSideTab.stories.d.ts +0 -5
  151. package/dist/src/desktop/components/UserDesktopSideTab/UserDesktopSideTab.stories.js +0 -64
  152. package/dist/src/desktop/components/UserDesktopTabBar/UserDesktopTabBar.stories.d.ts +0 -5
  153. package/dist/src/desktop/components/UserDesktopTabBar/UserDesktopTabBar.stories.js +0 -79
  154. package/dist/src/desktop/layout/LayoutWF/LayoutWF.stories.d.ts +0 -32
  155. package/dist/src/desktop/layout/LayoutWF/LayoutWF.stories.js +0 -166
  156. package/dist/src/desktop/layout/LayoutWF/LayoutWFLoading.stories.d.ts +0 -32
  157. package/dist/src/desktop/layout/LayoutWF/LayoutWFLoading.stories.js +0 -166
  158. package/dist/src/desktop/layout/LayoutWH/LayoutWH.stories.d.ts +0 -20
  159. package/dist/src/desktop/layout/LayoutWH/LayoutWH.stories.js +0 -122
  160. package/dist/src/desktop/layout/LayoutWH/LayoutWHLoading.stories.d.ts +0 -20
  161. package/dist/src/desktop/layout/LayoutWH/LayoutWHLoading.stories.js +0 -122
  162. package/dist/src/desktop/layout/LayoutWS/LayoutWS.stories.d.ts +0 -23
  163. package/dist/src/desktop/layout/LayoutWS/LayoutWS.stories.js +0 -134
  164. package/dist/src/desktop/layout/LayoutWS/LayoutWSLoading.stories.d.ts +0 -23
  165. package/dist/src/desktop/layout/LayoutWS/LayoutWSLoading.stories.js +0 -134
  166. package/dist/src/desktop/layout/LayoutWT/LayoutWT.stories.d.ts +0 -48
  167. package/dist/src/desktop/layout/LayoutWT/LayoutWT.stories.js +0 -238
  168. package/dist/src/desktop/layout/LayoutWT/LayoutWTLoading.stories.d.ts +0 -48
  169. package/dist/src/desktop/layout/LayoutWT/LayoutWTLoading.stories.js +0 -238
  170. package/dist/src/desktop/panels/AnnotationSheet/AnnotationSheet.stories.d.ts +0 -6
  171. package/dist/src/desktop/panels/AnnotationSheet/AnnotationSheet.stories.js +0 -108
  172. package/dist/src/desktop/panels/ContentSheet/ContentSheet.stories.d.ts +0 -7
  173. package/dist/src/desktop/panels/ContentSheet/ContentSheet.stories.js +0 -145
  174. package/dist/src/desktop/panels/DesktopBasicModal/DesktopBasicModal.stories.d.ts +0 -7
  175. package/dist/src/desktop/panels/DesktopBasicModal/DesktopBasicModal.stories.js +0 -128
  176. package/dist/src/desktop/panels/DesktopHeadlessModal/DesktopHeadlessModal.stories.d.ts +0 -9
  177. package/dist/src/desktop/panels/DesktopHeadlessModal/DesktopHeadlessModal.stories.js +0 -106
  178. package/dist/src/desktop/panels/DesktopTutorialModal/Components/SideTab/SideTab.stories.d.ts +0 -5
  179. package/dist/src/desktop/panels/DesktopTutorialModal/Components/SideTab/SideTab.stories.js +0 -74
  180. package/dist/src/desktop/panels/DesktopTutorialModal/DesktopTutorialModal.stories.d.ts +0 -8
  181. package/dist/src/desktop/panels/DesktopTutorialModal/DesktopTutorialModal.stories.js +0 -148
  182. package/dist/src/desktop/panels/SectionSheet/SectionSheet.stories.d.ts +0 -6
  183. package/dist/src/desktop/panels/SectionSheet/SectionSheet.stories.js +0 -112
  184. package/dist/src/hybrid/components/Divider/Divider.stories.d.ts +0 -5
  185. package/dist/src/hybrid/components/Divider/Divider.stories.js +0 -55
  186. package/dist/src/hybrid/components/Icon/Icon.stories.d.ts +0 -8
  187. package/dist/src/hybrid/components/Icon/Icon.stories.js +0 -166
  188. package/dist/src/hybrid/components/ImageView/ImageView.stories.d.ts +0 -15
  189. package/dist/src/hybrid/components/ImageView/ImageView.stories.js +0 -111
  190. package/dist/src/hybrid/components/LinearProgress/LinearProgress.stories.d.ts +0 -5
  191. package/dist/src/hybrid/components/LinearProgress/LinearProgress.stories.js +0 -38
  192. package/dist/src/hybrid/components/LottieIcon/LottieIcon.stories.d.ts +0 -6
  193. package/dist/src/hybrid/components/LottieIcon/LottieIcon.stories.js +0 -69
  194. package/dist/src/hybrid/components/Spacing/Spacing.stories.d.ts +0 -5
  195. package/dist/src/hybrid/components/Spacing/Spacing.stories.js +0 -46
  196. package/dist/src/hybrid/components/Switch/Switch.stories.d.ts +0 -5
  197. package/dist/src/hybrid/components/Switch/Switch.stories.js +0 -58
  198. package/dist/src/mobile/common/components/TextFieldBase/TextFieldBase.stories.d.ts +0 -9
  199. package/dist/src/mobile/common/components/TextFieldBase/TextFieldBase.stories.js +0 -150
  200. package/dist/src/mobile/components/BasicChatListItem/BasicChatListItem.stories.d.ts +0 -5
  201. package/dist/src/mobile/components/BasicChatListItem/BasicChatListItem.stories.js +0 -87
  202. package/dist/src/mobile/components/BasicFormGroup/BasicFormGroup.stories.d.ts +0 -8
  203. package/dist/src/mobile/components/BasicFormGroup/BasicFormGroup.stories.js +0 -107
  204. package/dist/src/mobile/components/BasicList/BasicList.stories.d.ts +0 -5
  205. package/dist/src/mobile/components/BasicList/BasicList.stories.js +0 -79
  206. package/dist/src/mobile/components/BasicListItem/BasicListItem.stories.d.ts +0 -10
  207. package/dist/src/mobile/components/BasicListItem/BasicListItem.stories.js +0 -189
  208. package/dist/src/mobile/components/BlogTextField/BlogTextField.stories.d.ts +0 -10
  209. package/dist/src/mobile/components/BlogTextField/BlogTextField.stories.js +0 -102
  210. package/dist/src/mobile/components/BodyTextGroup/BodyTextGroup.stories.d.ts +0 -8
  211. package/dist/src/mobile/components/BodyTextGroup/BodyTextGroup.stories.js +0 -81
  212. package/dist/src/mobile/components/Card/Card.stories.d.ts +0 -6
  213. package/dist/src/mobile/components/Card/Card.stories.js +0 -81
  214. package/dist/src/mobile/components/CardList/CardList.stories.d.ts +0 -6
  215. package/dist/src/mobile/components/CardList/CardList.stories.js +0 -90
  216. package/dist/src/mobile/components/ChatBubbleListItem/ChatBubble.stories.d.ts +0 -8
  217. package/dist/src/mobile/components/ChatBubbleListItem/ChatBubble.stories.js +0 -68
  218. package/dist/src/mobile/components/ChatBubbleListItem/ChatBubbleListItem.stories.d.ts +0 -17
  219. package/dist/src/mobile/components/ChatBubbleListItem/ChatBubbleListItem.stories.js +0 -133
  220. package/dist/src/mobile/components/ChatList/ChatList.stories.d.ts +0 -7
  221. package/dist/src/mobile/components/ChatList/ChatList.stories.js +0 -235
  222. package/dist/src/mobile/components/Checkbox/Checkbox.stories.d.ts +0 -5
  223. package/dist/src/mobile/components/Checkbox/Checkbox.stories.js +0 -59
  224. package/dist/src/mobile/components/Chip/Chip.stories.d.ts +0 -11
  225. package/dist/src/mobile/components/Chip/Chip.stories.js +0 -95
  226. package/dist/src/mobile/components/ContextMenu/ContextMenu.stories.d.ts +0 -6
  227. package/dist/src/mobile/components/ContextMenu/ContextMenu.stories.js +0 -66
  228. package/dist/src/mobile/components/ContextMenuItem/ContextMenuItem.stories.d.ts +0 -5
  229. package/dist/src/mobile/components/ContextMenuItem/ContextMenuItem.stories.js +0 -66
  230. package/dist/src/mobile/components/Dropdown/Dropdown.stories.d.ts +0 -5
  231. package/dist/src/mobile/components/Dropdown/Dropdown.stories.js +0 -168
  232. package/dist/src/mobile/components/FloatingActionButton/FloatingActionButton.stories.d.ts +0 -5
  233. package/dist/src/mobile/components/FloatingActionButton/FloatingActionButton.stories.js +0 -74
  234. package/dist/src/mobile/components/HorizontalFormGroup/HorizontalFormGroup.stories.d.ts +0 -7
  235. package/dist/src/mobile/components/HorizontalFormGroup/HorizontalFormGroup.stories.js +0 -89
  236. package/dist/src/mobile/components/IconButton/IconButton.stories.d.ts +0 -5
  237. package/dist/src/mobile/components/IconButton/IconButton.stories.js +0 -108
  238. package/dist/src/mobile/components/ImageSlide/ImageSlide.stories.d.ts +0 -5
  239. package/dist/src/mobile/components/ImageSlide/ImageSlide.stories.js +0 -72
  240. package/dist/src/mobile/components/LottieReactionButton/LottieReactionButton.stories.d.ts +0 -6
  241. package/dist/src/mobile/components/LottieReactionButton/LottieReactionButton.stories.js +0 -99
  242. package/dist/src/mobile/components/MainButton/MainButton.stories.d.ts +0 -5
  243. package/dist/src/mobile/components/MainButton/MainButton.stories.js +0 -112
  244. package/dist/src/mobile/components/MobileAlertDialog/MobileAlertDialog.stories.d.ts +0 -9
  245. package/dist/src/mobile/components/MobileAlertDialog/MobileAlertDialog.stories.js +0 -137
  246. package/dist/src/mobile/components/MobileHeaderBar/MobileHeaderBar.stories.d.ts +0 -7
  247. package/dist/src/mobile/components/MobileHeaderBar/MobileHeaderBar.stories.js +0 -139
  248. package/dist/src/mobile/components/MobileTabBar/MobileTabBar.stories.d.ts +0 -5
  249. package/dist/src/mobile/components/MobileTabBar/MobileTabBar.stories.js +0 -79
  250. package/dist/src/mobile/components/Radio/Radio.stories.d.ts +0 -7
  251. package/dist/src/mobile/components/Radio/Radio.stories.js +0 -100
  252. package/dist/src/mobile/components/ReactionButton/ReactionButton.stories.d.ts +0 -7
  253. package/dist/src/mobile/components/ReactionButton/ReactionButton.stories.js +0 -71
  254. package/dist/src/mobile/components/Select/Select.stories.d.ts +0 -8
  255. package/dist/src/mobile/components/Select/Select.stories.js +0 -139
  256. package/dist/src/mobile/components/StatusBlock/StatusBlock.stories.d.ts +0 -6
  257. package/dist/src/mobile/components/StatusBlock/StatusBlock.stories.js +0 -60
  258. package/dist/src/mobile/components/TextButton/TextButton.stories.d.ts +0 -5
  259. package/dist/src/mobile/components/TextButton/TextButton.stories.js +0 -73
  260. package/dist/src/mobile/components/TextField/TextField.stories.d.ts +0 -22
  261. package/dist/src/mobile/components/TextField/TextField.stories.js +0 -279
  262. package/dist/src/mobile/components/TextLabel/TextLabel.stories.d.ts +0 -7
  263. package/dist/src/mobile/components/TextLabel/TextLabel.stories.js +0 -115
  264. package/dist/src/mobile/components/UploadIconButton/UploadIconButton.stories.d.ts +0 -5
  265. package/dist/src/mobile/components/UploadIconButton/UploadIconButton.stories.js +0 -105
  266. package/dist/src/mobile/components/UploadMainButton/UploadMainButton.stories.d.ts +0 -5
  267. package/dist/src/mobile/components/UploadMainButton/UploadMainButton.stories.js +0 -117
  268. package/dist/src/mobile/components/UploadTextButton/UploadTextButton.stories.d.ts +0 -5
  269. package/dist/src/mobile/components/UploadTextButton/UploadTextButton.stories.js +0 -78
  270. package/dist/src/mobile/layout/LayoutMF/LayoutMF.stories.d.ts +0 -11
  271. package/dist/src/mobile/layout/LayoutMF/LayoutMF.stories.js +0 -77
  272. package/dist/src/mobile/layout/LayoutMF/LayoutMFLoading.stories.d.ts +0 -11
  273. package/dist/src/mobile/layout/LayoutMF/LayoutMFLoading.stories.js +0 -77
  274. package/dist/src/mobile/layout/LayoutMM/LayoutMM.stories.d.ts +0 -6
  275. package/dist/src/mobile/layout/LayoutMM/LayoutMM.stories.js +0 -64
  276. package/dist/src/mobile/layout/LayoutMM/LayoutMMLoading.stories.d.ts +0 -6
  277. package/dist/src/mobile/layout/LayoutMM/LayoutMMLoading.stories.js +0 -64
  278. package/dist/src/mobile/layout/LayoutMP/LayoutMP.stories.d.ts +0 -12
  279. package/dist/src/mobile/layout/LayoutMP/LayoutMP.stories.js +0 -90
  280. package/dist/src/mobile/layout/LayoutMP/LayoutMPLoading.stories.d.ts +0 -12
  281. package/dist/src/mobile/layout/LayoutMP/LayoutMPLoading.stories.js +0 -90
  282. package/dist/src/mobile/layout/LayoutMS/LayoutMS.stories.d.ts +0 -15
  283. package/dist/src/mobile/layout/LayoutMS/LayoutMS.stories.js +0 -104
  284. package/dist/src/mobile/layout/LayoutMS/LayoutMSLoading.stories.d.ts +0 -15
  285. package/dist/src/mobile/layout/LayoutMS/LayoutMSLoading.stories.js +0 -104
  286. package/dist/src/mobile/panels/AnnotationSheet/AnnotationSheet.stories.d.ts +0 -6
  287. package/dist/src/mobile/panels/AnnotationSheet/AnnotationSheet.stories.js +0 -108
  288. package/dist/src/mobile/panels/ContentSheet/ContentSheet.stories.d.ts +0 -7
  289. package/dist/src/mobile/panels/ContentSheet/ContentSheet.stories.js +0 -145
  290. package/dist/src/mobile/panels/MobileBasicModal/MobileBasicModal.stories.d.ts +0 -8
  291. package/dist/src/mobile/panels/MobileBasicModal/MobileBasicModal.stories.js +0 -99
  292. package/dist/src/mobile/panels/SectionSheet/SectionSheet.stories.d.ts +0 -5
  293. package/dist/src/mobile/panels/SectionSheet/SectionSheet.stories.js +0 -100
  294. package/dist/src/sub/DynamicLayout/DynamicLayout.stories.d.ts +0 -5
  295. package/dist/src/sub/DynamicLayout/DynamicLayout.stories.js +0 -1158
  296. package/dist/src/sub/DynamicLayout/components/YouTubeIframe/YouTubeIframe.stories.d.ts +0 -5
  297. package/dist/src/sub/DynamicLayout/components/YouTubeIframe/YouTubeIframe.stories.js +0 -36
  298. package/dist/src/sub/DynamicLayout/sections/ContentsCarouselSection/ContentsCarouselSection.stories.d.ts +0 -8
  299. package/dist/src/sub/DynamicLayout/sections/ContentsCarouselSection/ContentsCarouselSection.stories.js +0 -60
  300. package/dist/src/sub/DynamicLayout/sections/ContentsSection/ContentsSection.stories.d.ts +0 -8
  301. package/dist/src/sub/DynamicLayout/sections/ContentsSection/ContentsSection.stories.js +0 -60
  302. package/dist/src/sub/DynamicLayout/sections/FooterSection/FooterSection.stories.d.ts +0 -8
  303. package/dist/src/sub/DynamicLayout/sections/FooterSection/FooterSection.stories.js +0 -60
  304. package/dist/src/sub/DynamicLayout/sections/InfoBoxSection/InfoBoxSection.stories.d.ts +0 -6
  305. package/dist/src/sub/DynamicLayout/sections/InfoBoxSection/InfoBoxSection.stories.js +0 -50
  306. package/dist/src/sub/DynamicLayout/sections/IntroSection/IntroSection.stories.d.ts +0 -12
  307. package/dist/src/sub/DynamicLayout/sections/IntroSection/IntroSection.stories.js +0 -80
  308. package/tsconfig.extend.json +0 -13
@@ -1,12 +0,0 @@
1
- /// <reference types="react" />
2
- import type { ComponentStory, ComponentMeta } from '@storybook/react';
3
- declare const _default: ComponentMeta<({ navigationContainer, children }: import("./LayoutMP").LayoutMPProps) => JSX.Element>;
4
- export default _default;
5
- export declare const MPA_1: ComponentStory<({ navigationContainer, children }: import("./LayoutMP").LayoutMPProps) => JSX.Element>;
6
- export declare const MPB_1: ComponentStory<({ navigationContainer, children }: import("./LayoutMP").LayoutMPProps) => JSX.Element>;
7
- export declare const MPC_1: ComponentStory<({ navigationContainer, children }: import("./LayoutMP").LayoutMPProps) => JSX.Element>;
8
- export declare const MPC_2: ComponentStory<({ navigationContainer, children }: import("./LayoutMP").LayoutMPProps) => JSX.Element>;
9
- export declare const MPD_1: ComponentStory<({ navigationContainer, children }: import("./LayoutMP").LayoutMPProps) => JSX.Element>;
10
- export declare const MPE_1: ComponentStory<({ navigationContainer, children }: import("./LayoutMP").LayoutMPProps) => JSX.Element>;
11
- export declare const MPF_1: ComponentStory<({ navigationContainer, children }: import("./LayoutMP").LayoutMPProps) => JSX.Element>;
12
- export declare const MPF_2: ComponentStory<({ navigationContainer, children }: import("./LayoutMP").LayoutMPProps) => JSX.Element>;
@@ -1,90 +0,0 @@
1
- "use strict";
2
- var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
3
- if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
4
- return cooked;
5
- };
6
- var __assign = (this && this.__assign) || function () {
7
- __assign = Object.assign || function(t) {
8
- for (var s, i = 1, n = arguments.length; i < n; i++) {
9
- s = arguments[i];
10
- for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
11
- t[p] = s[p];
12
- }
13
- return t;
14
- };
15
- return __assign.apply(this, arguments);
16
- };
17
- var __importDefault = (this && this.__importDefault) || function (mod) {
18
- return (mod && mod.__esModule) ? mod : { "default": mod };
19
- };
20
- Object.defineProperty(exports, "__esModule", { value: true });
21
- exports.MPF_2 = exports.MPF_1 = exports.MPE_1 = exports.MPD_1 = exports.MPC_2 = exports.MPC_1 = exports.MPB_1 = exports.MPA_1 = void 0;
22
- var jsx_runtime_1 = require("react/jsx-runtime");
23
- var styled_components_1 = __importDefault(require("styled-components"));
24
- var Containers_1 = require("./Containers");
25
- var ContainersBox_1 = require("./ContainersBox");
26
- var LayoutMP_1 = __importDefault(require("./LayoutMP"));
27
- exports.default = {
28
- title: 'mobile/layout/LayoutMP',
29
- parameters: {
30
- docs: {
31
- description: {
32
- component: 'LayoutMP유형. NavigationContainer와 ContainersBox 컴포넌트와 함께 쓰여야한다.'
33
- }
34
- }
35
- },
36
- argTypes: {
37
- navigationContainer: {
38
- description: '내부에 NavigationContainer컴포넌트를 위치 시킨 후, 해당 컴포넌트에 navigationContent값으로 해당 부분에 들어가는 컴포넌트를 넣어준다.',
39
- type: {
40
- summary: 'JSX.Element'
41
- }
42
- },
43
- children: {
44
- description: '내부에 ContainersBox컴포넌트를 위치 시킨 후, layoutType을 명시해 준다. 와이어프레임이나 스토리북을 참고하여 pageMenuContent, tabMenuContent, content1, content2중에 채워야하는 부분을 선택하여 해당 부분에 들어가는 컴포넌트를 넣어준다.',
45
- type: {
46
- summary: 'React.ReactNode'
47
- }
48
- }
49
- }
50
- };
51
- var S_NavigationContent = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n background: #d9cadf;\n height: 56px;\n"], ["\n background: #d9cadf;\n height: 56px;\n"])));
52
- var S_tabContent = styled_components_1.default.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n background: #d9cadf;\n height: 100%;\n"], ["\n background: #d9cadf;\n height: 100%;\n"])));
53
- var S_Content1 = styled_components_1.default.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n background: #d9cadf;\n height: 700px;\n"], ["\n background: #d9cadf;\n height: 700px;\n"])));
54
- var S_Content2 = styled_components_1.default.div(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n background: #d9cadf;\n height: 1000px;\n"], ["\n background: #d9cadf;\n height: 1000px;\n"])));
55
- var S_ScrollContent = styled_components_1.default.div(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n height: 100%;\n overflow: auto;\n"], ["\n height: 100%;\n overflow: auto;\n"])));
56
- var S_ScrollComponent = styled_components_1.default.div(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n background: #810ab1;\n height: 2000px;\n"], ["\n background: #810ab1;\n height: 2000px;\n"])));
57
- var TemplateLayoutMP = function (args) { return ((0, jsx_runtime_1.jsx)(LayoutMP_1.default, __assign({}, args, { navigationContainer: (0, jsx_runtime_1.jsx)(Containers_1.NavigationContainer, { navigationContent: (0, jsx_runtime_1.jsx)(S_NavigationContent, { children: "NavigationContent" }, void 0) }, void 0) }), void 0)); };
58
- exports.MPA_1 = TemplateLayoutMP.bind({});
59
- exports.MPA_1.args = {
60
- children: ((0, jsx_runtime_1.jsx)(ContainersBox_1.ContainersBox, { layoutType: "MPA_1", content1: (0, jsx_runtime_1.jsx)(S_Content1, { children: "Content1" }, void 0), containerColor: "#fff7ed", areaColor: "#ffdeda" }, void 0))
61
- };
62
- exports.MPB_1 = TemplateLayoutMP.bind({});
63
- exports.MPB_1.args = {
64
- children: ((0, jsx_runtime_1.jsx)(ContainersBox_1.ContainersBox, { layoutType: "MPB_1", tabContent: (0, jsx_runtime_1.jsx)(S_tabContent, { children: "tabContent" }, void 0), content1: (0, jsx_runtime_1.jsx)(S_Content1, { children: "Content1" }, void 0), containerColor: "#fff7ed", areaColor: "#ffdeda" }, void 0))
65
- };
66
- exports.MPC_1 = TemplateLayoutMP.bind({});
67
- exports.MPC_1.args = {
68
- children: ((0, jsx_runtime_1.jsx)(ContainersBox_1.ContainersBox, { layoutType: "MPC_1", content1: (0, jsx_runtime_1.jsx)(S_ScrollContent, { children: (0, jsx_runtime_1.jsx)(S_ScrollComponent, { children: "ScrollComponent" }, void 0) }, void 0), content2: (0, jsx_runtime_1.jsx)(S_Content2, { children: "Content2" }, void 0), containerColor: "#fff7ed", areaColor: "#ffdeda" }, void 0))
69
- };
70
- exports.MPC_2 = TemplateLayoutMP.bind({});
71
- exports.MPC_2.args = {
72
- children: ((0, jsx_runtime_1.jsx)(ContainersBox_1.ContainersBox, { layoutType: "MPC_2", content1: (0, jsx_runtime_1.jsx)(S_ScrollContent, { children: (0, jsx_runtime_1.jsx)(S_ScrollComponent, { children: "ScrollComponent" }, void 0) }, void 0), content2: (0, jsx_runtime_1.jsx)(S_Content2, { children: "Content2" }, void 0), containerColor: "#fff7ed", areaColor: "#ffdeda" }, void 0))
73
- };
74
- exports.MPD_1 = TemplateLayoutMP.bind({});
75
- exports.MPD_1.args = {
76
- children: ((0, jsx_runtime_1.jsx)(ContainersBox_1.ContainersBox, { layoutType: "MPD_1", content1: (0, jsx_runtime_1.jsx)(S_ScrollContent, { children: (0, jsx_runtime_1.jsx)(S_ScrollComponent, { children: "ScrollComponent" }, void 0) }, void 0), containerColor: "#fff7ed", areaColor: "#ffdeda" }, void 0))
77
- };
78
- exports.MPE_1 = TemplateLayoutMP.bind({});
79
- exports.MPE_1.args = {
80
- children: ((0, jsx_runtime_1.jsx)(ContainersBox_1.ContainersBox, { layoutType: "MPE_1", tabContent: (0, jsx_runtime_1.jsx)(S_tabContent, { children: "tabContent" }, void 0), content1: (0, jsx_runtime_1.jsx)(S_ScrollContent, { children: (0, jsx_runtime_1.jsx)(S_ScrollComponent, { children: "ScrollComponent" }, void 0) }, void 0), containerColor: "#fff7ed", areaColor: "#ffdeda" }, void 0))
81
- };
82
- exports.MPF_1 = TemplateLayoutMP.bind({});
83
- exports.MPF_1.args = {
84
- children: ((0, jsx_runtime_1.jsx)(ContainersBox_1.ContainersBox, { layoutType: "MPF_1", content1: (0, jsx_runtime_1.jsx)(S_ScrollContent, { children: (0, jsx_runtime_1.jsx)(S_ScrollComponent, { children: "ScrollComponent" }, void 0) }, void 0), content2: (0, jsx_runtime_1.jsx)(S_ScrollContent, { children: (0, jsx_runtime_1.jsx)(S_ScrollComponent, { children: "ScrollComponent" }, void 0) }, void 0), containerColor: "#fff7ed", areaColor: "#ffdeda" }, void 0))
85
- };
86
- exports.MPF_2 = TemplateLayoutMP.bind({});
87
- exports.MPF_2.args = {
88
- children: ((0, jsx_runtime_1.jsx)(ContainersBox_1.ContainersBox, { layoutType: "MPF_2", content1: (0, jsx_runtime_1.jsx)(S_ScrollContent, { children: (0, jsx_runtime_1.jsx)(S_ScrollComponent, { children: "ScrollComponent" }, void 0) }, void 0), content2: (0, jsx_runtime_1.jsx)(S_ScrollContent, { children: (0, jsx_runtime_1.jsx)(S_ScrollComponent, { children: "ScrollComponent" }, void 0) }, void 0), containerColor: "#fff7ed", areaColor: "#ffdeda" }, void 0))
89
- };
90
- var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6;
@@ -1,12 +0,0 @@
1
- /// <reference types="react" />
2
- import type { ComponentStory, ComponentMeta } from '@storybook/react';
3
- declare const _default: ComponentMeta<({ navigationContainer, children }: import("./LayoutMP").LayoutMPProps) => JSX.Element>;
4
- export default _default;
5
- export declare const MPA_1: ComponentStory<({ navigationContainer, children }: import("./LayoutMP").LayoutMPProps) => JSX.Element>;
6
- export declare const MPB_1: ComponentStory<({ navigationContainer, children }: import("./LayoutMP").LayoutMPProps) => JSX.Element>;
7
- export declare const MPC_1: ComponentStory<({ navigationContainer, children }: import("./LayoutMP").LayoutMPProps) => JSX.Element>;
8
- export declare const MPC_2: ComponentStory<({ navigationContainer, children }: import("./LayoutMP").LayoutMPProps) => JSX.Element>;
9
- export declare const MPD_1: ComponentStory<({ navigationContainer, children }: import("./LayoutMP").LayoutMPProps) => JSX.Element>;
10
- export declare const MPE_1: ComponentStory<({ navigationContainer, children }: import("./LayoutMP").LayoutMPProps) => JSX.Element>;
11
- export declare const MPF_1: ComponentStory<({ navigationContainer, children }: import("./LayoutMP").LayoutMPProps) => JSX.Element>;
12
- export declare const MPF_2: ComponentStory<({ navigationContainer, children }: import("./LayoutMP").LayoutMPProps) => JSX.Element>;
@@ -1,90 +0,0 @@
1
- "use strict";
2
- var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
3
- if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
4
- return cooked;
5
- };
6
- var __assign = (this && this.__assign) || function () {
7
- __assign = Object.assign || function(t) {
8
- for (var s, i = 1, n = arguments.length; i < n; i++) {
9
- s = arguments[i];
10
- for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
11
- t[p] = s[p];
12
- }
13
- return t;
14
- };
15
- return __assign.apply(this, arguments);
16
- };
17
- var __importDefault = (this && this.__importDefault) || function (mod) {
18
- return (mod && mod.__esModule) ? mod : { "default": mod };
19
- };
20
- Object.defineProperty(exports, "__esModule", { value: true });
21
- exports.MPF_2 = exports.MPF_1 = exports.MPE_1 = exports.MPD_1 = exports.MPC_2 = exports.MPC_1 = exports.MPB_1 = exports.MPA_1 = void 0;
22
- var jsx_runtime_1 = require("react/jsx-runtime");
23
- var styled_components_1 = __importDefault(require("styled-components"));
24
- var Containers_1 = require("./Containers");
25
- var ContainersBox_1 = require("./ContainersBox");
26
- var LayoutMP_1 = __importDefault(require("./LayoutMP"));
27
- exports.default = {
28
- title: 'test/mobile/layout-loading/LayoutMP',
29
- parameters: {
30
- docs: {
31
- description: {
32
- component: 'LayoutMP유형. NavigationContainer와 ContainersBox 컴포넌트와 함께 쓰여야한다.'
33
- }
34
- }
35
- },
36
- argTypes: {
37
- navigationContainer: {
38
- description: '내부에 NavigationContainer컴포넌트를 위치 시킨 후, 해당 컴포넌트에 navigationContent값으로 해당 부분에 들어가는 컴포넌트를 넣어준다.',
39
- type: {
40
- summary: 'JSX.Element'
41
- }
42
- },
43
- children: {
44
- description: '내부에 ContainersBox컴포넌트를 위치 시킨 후, layoutType을 명시해 준다. 와이어프레임이나 스토리북을 참고하여 pageMenuContent, tabMenuContent, content1, content2중에 채워야하는 부분을 선택하여 해당 부분에 들어가는 컴포넌트를 넣어준다.',
45
- type: {
46
- summary: 'React.ReactNode'
47
- }
48
- }
49
- }
50
- };
51
- var S_NavigationContent = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n background: #d9cadf;\n height: 56px;\n"], ["\n background: #d9cadf;\n height: 56px;\n"])));
52
- var S_tabContent = styled_components_1.default.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n background: #d9cadf;\n height: 100%;\n"], ["\n background: #d9cadf;\n height: 100%;\n"])));
53
- var S_Content1 = styled_components_1.default.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n background: #d9cadf;\n height: 700px;\n"], ["\n background: #d9cadf;\n height: 700px;\n"])));
54
- var S_Content2 = styled_components_1.default.div(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n background: #d9cadf;\n height: 1000px;\n"], ["\n background: #d9cadf;\n height: 1000px;\n"])));
55
- var S_ScrollContent = styled_components_1.default.div(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n height: 100%;\n overflow: auto;\n"], ["\n height: 100%;\n overflow: auto;\n"])));
56
- var S_ScrollComponent = styled_components_1.default.div(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n background: #810ab1;\n height: 2000px;\n"], ["\n background: #810ab1;\n height: 2000px;\n"])));
57
- var TemplateLayoutMP = function (args) { return ((0, jsx_runtime_1.jsx)(LayoutMP_1.default, __assign({}, args, { navigationContainer: (0, jsx_runtime_1.jsx)(Containers_1.NavigationContainer, { navigationContent: (0, jsx_runtime_1.jsx)(S_NavigationContent, { children: "NavigationContent" }, void 0) }, void 0) }), void 0)); };
58
- exports.MPA_1 = TemplateLayoutMP.bind({});
59
- exports.MPA_1.args = {
60
- children: ((0, jsx_runtime_1.jsx)(ContainersBox_1.ContainersBox, { layoutType: "MPA_1", content1: (0, jsx_runtime_1.jsx)(S_Content1, { children: "Content1" }, void 0), containerColor: "#fff7ed", areaColor: "#ffdeda", isLoadingContainer1: true }, void 0))
61
- };
62
- exports.MPB_1 = TemplateLayoutMP.bind({});
63
- exports.MPB_1.args = {
64
- children: ((0, jsx_runtime_1.jsx)(ContainersBox_1.ContainersBox, { layoutType: "MPB_1", tabContent: (0, jsx_runtime_1.jsx)(S_tabContent, { children: "tabContent" }, void 0), content1: (0, jsx_runtime_1.jsx)(S_Content1, { children: "Content1" }, void 0), containerColor: "#fff7ed", areaColor: "#ffdeda", isLoadingContainer1: true }, void 0))
65
- };
66
- exports.MPC_1 = TemplateLayoutMP.bind({});
67
- exports.MPC_1.args = {
68
- children: ((0, jsx_runtime_1.jsx)(ContainersBox_1.ContainersBox, { layoutType: "MPC_1", content1: (0, jsx_runtime_1.jsx)(S_ScrollContent, { children: (0, jsx_runtime_1.jsx)(S_ScrollComponent, { children: "ScrollComponent" }, void 0) }, void 0), content2: (0, jsx_runtime_1.jsx)(S_Content2, { children: "Content2" }, void 0), containerColor: "#fff7ed", areaColor: "#ffdeda", isLoadingContainer1: true }, void 0))
69
- };
70
- exports.MPC_2 = TemplateLayoutMP.bind({});
71
- exports.MPC_2.args = {
72
- children: ((0, jsx_runtime_1.jsx)(ContainersBox_1.ContainersBox, { layoutType: "MPC_2", content1: (0, jsx_runtime_1.jsx)(S_ScrollContent, { children: (0, jsx_runtime_1.jsx)(S_ScrollComponent, { children: "ScrollComponent" }, void 0) }, void 0), content2: (0, jsx_runtime_1.jsx)(S_Content2, { children: "Content2" }, void 0), containerColor: "#fff7ed", areaColor: "#ffdeda", isLoadingContainer1: true }, void 0))
73
- };
74
- exports.MPD_1 = TemplateLayoutMP.bind({});
75
- exports.MPD_1.args = {
76
- children: ((0, jsx_runtime_1.jsx)(ContainersBox_1.ContainersBox, { layoutType: "MPD_1", content1: (0, jsx_runtime_1.jsx)(S_ScrollContent, { children: (0, jsx_runtime_1.jsx)(S_ScrollComponent, { children: "ScrollComponent" }, void 0) }, void 0), containerColor: "#fff7ed", areaColor: "#ffdeda", isLoadingContainer1: true }, void 0))
77
- };
78
- exports.MPE_1 = TemplateLayoutMP.bind({});
79
- exports.MPE_1.args = {
80
- children: ((0, jsx_runtime_1.jsx)(ContainersBox_1.ContainersBox, { layoutType: "MPE_1", tabContent: (0, jsx_runtime_1.jsx)(S_tabContent, { children: "tabContent" }, void 0), content1: (0, jsx_runtime_1.jsx)(S_ScrollContent, { children: (0, jsx_runtime_1.jsx)(S_ScrollComponent, { children: "ScrollComponent" }, void 0) }, void 0), containerColor: "#fff7ed", areaColor: "#ffdeda", isLoadingContainer1: true }, void 0))
81
- };
82
- exports.MPF_1 = TemplateLayoutMP.bind({});
83
- exports.MPF_1.args = {
84
- children: ((0, jsx_runtime_1.jsx)(ContainersBox_1.ContainersBox, { layoutType: "MPF_1", content1: (0, jsx_runtime_1.jsx)(S_ScrollContent, { children: (0, jsx_runtime_1.jsx)(S_ScrollComponent, { children: "ScrollComponent" }, void 0) }, void 0), content2: (0, jsx_runtime_1.jsx)(S_ScrollContent, { children: (0, jsx_runtime_1.jsx)(S_ScrollComponent, { children: "ScrollComponent" }, void 0) }, void 0), containerColor: "#fff7ed", areaColor: "#ffdeda", isLoadingContainer1: true, isLoadingContainer2: true }, void 0))
85
- };
86
- exports.MPF_2 = TemplateLayoutMP.bind({});
87
- exports.MPF_2.args = {
88
- children: ((0, jsx_runtime_1.jsx)(ContainersBox_1.ContainersBox, { layoutType: "MPF_2", content1: (0, jsx_runtime_1.jsx)(S_ScrollContent, { children: (0, jsx_runtime_1.jsx)(S_ScrollComponent, { children: "ScrollComponent" }, void 0) }, void 0), content2: (0, jsx_runtime_1.jsx)(S_ScrollContent, { children: (0, jsx_runtime_1.jsx)(S_ScrollComponent, { children: "ScrollComponent" }, void 0) }, void 0), containerColor: "#fff7ed", areaColor: "#ffdeda", isLoadingContainer1: true, isLoadingContainer2: true }, void 0))
89
- };
90
- var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6;
@@ -1,15 +0,0 @@
1
- /// <reference types="react" />
2
- import type { ComponentStory, ComponentMeta } from '@storybook/react';
3
- declare const _default: ComponentMeta<({ navigationContainer, children }: import("./LayoutMS").LayoutMSProps) => JSX.Element>;
4
- export default _default;
5
- export declare const MSA_1: ComponentStory<({ navigationContainer, children }: import("./LayoutMS").LayoutMSProps) => JSX.Element>;
6
- export declare const MSA_2: ComponentStory<({ navigationContainer, children }: import("./LayoutMS").LayoutMSProps) => JSX.Element>;
7
- export declare const MSB_1: ComponentStory<({ navigationContainer, children }: import("./LayoutMS").LayoutMSProps) => JSX.Element>;
8
- export declare const MSC_1: ComponentStory<({ navigationContainer, children }: import("./LayoutMS").LayoutMSProps) => JSX.Element>;
9
- export declare const MSC_2: ComponentStory<({ navigationContainer, children }: import("./LayoutMS").LayoutMSProps) => JSX.Element>;
10
- export declare const MSD_1: ComponentStory<({ navigationContainer, children }: import("./LayoutMS").LayoutMSProps) => JSX.Element>;
11
- export declare const MSE_1: ComponentStory<({ navigationContainer, children }: import("./LayoutMS").LayoutMSProps) => JSX.Element>;
12
- export declare const MSF_1: ComponentStory<({ navigationContainer, children }: import("./LayoutMS").LayoutMSProps) => JSX.Element>;
13
- export declare const MSF_2: ComponentStory<({ navigationContainer, children }: import("./LayoutMS").LayoutMSProps) => JSX.Element>;
14
- export declare const MSG_1: ComponentStory<({ navigationContainer, children }: import("./LayoutMS").LayoutMSProps) => JSX.Element>;
15
- export declare const MSH_1: ComponentStory<({ navigationContainer, children }: import("./LayoutMS").LayoutMSProps) => JSX.Element>;
@@ -1,104 +0,0 @@
1
- "use strict";
2
- var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
3
- if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
4
- return cooked;
5
- };
6
- var __assign = (this && this.__assign) || function () {
7
- __assign = Object.assign || function(t) {
8
- for (var s, i = 1, n = arguments.length; i < n; i++) {
9
- s = arguments[i];
10
- for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
11
- t[p] = s[p];
12
- }
13
- return t;
14
- };
15
- return __assign.apply(this, arguments);
16
- };
17
- var __importDefault = (this && this.__importDefault) || function (mod) {
18
- return (mod && mod.__esModule) ? mod : { "default": mod };
19
- };
20
- Object.defineProperty(exports, "__esModule", { value: true });
21
- exports.MSH_1 = exports.MSG_1 = exports.MSF_2 = exports.MSF_1 = exports.MSE_1 = exports.MSD_1 = exports.MSC_2 = exports.MSC_1 = exports.MSB_1 = exports.MSA_2 = exports.MSA_1 = void 0;
22
- var jsx_runtime_1 = require("react/jsx-runtime");
23
- var styled_components_1 = __importDefault(require("styled-components"));
24
- var Containers_1 = require("./Containers");
25
- var ContainersBox_1 = require("./ContainersBox");
26
- var LayoutMS_1 = __importDefault(require("./LayoutMS"));
27
- exports.default = {
28
- title: 'mobile/layout/LayoutMS',
29
- parameters: {
30
- docs: {
31
- description: {
32
- component: 'LayoutMS유형. NavigationContainer와 ContainersBox 컴포넌트와 함께 쓰여야한다.'
33
- }
34
- }
35
- },
36
- argTypes: {
37
- navigationContainer: {
38
- description: '내부에 NavigationContainer컴포넌트를 위치 시킨 후, 해당 컴포넌트에 navigationContent값으로 해당 부분에 들어가는 컴포넌트를 넣어준다.',
39
- type: {
40
- summary: 'JSX.Element'
41
- }
42
- },
43
- children: {
44
- description: '내부에 ContainersBox컴포넌트를 위치 시킨 후, layoutType을 명시해 준다. 와이어프레임이나 스토리북을 참고하여 pageMenuContent, tabMenuContent, content1, content2중에 채워야하는 부분을 선택하여 해당 부분에 들어가는 컴포넌트를 넣어준다.',
45
- type: {
46
- summary: 'React.ReactNode'
47
- }
48
- }
49
- }
50
- };
51
- var S_NavigationContent = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n background: #d9cadf;\n height: 56px;\n"], ["\n background: #d9cadf;\n height: 56px;\n"])));
52
- var S_ExpandNavigationContent = styled_components_1.default.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n background: #d9cadf;\n height: 82px;\n"], ["\n background: #d9cadf;\n height: 82px;\n"])));
53
- var S_tabContent = styled_components_1.default.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n background: #d9cadf;\n height: 100%;\n"], ["\n background: #d9cadf;\n height: 100%;\n"])));
54
- var S_Content1 = styled_components_1.default.div(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n background: #d9cadf;\n height: 700px;\n"], ["\n background: #d9cadf;\n height: 700px;\n"])));
55
- var S_Content2 = styled_components_1.default.div(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n background: #d9cadf;\n height: 1000px;\n"], ["\n background: #d9cadf;\n height: 1000px;\n"])));
56
- var S_ScrollContent = styled_components_1.default.div(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n height: 100%;\n overflow: auto;\n"], ["\n height: 100%;\n overflow: auto;\n"])));
57
- var S_ScrollComponent = styled_components_1.default.div(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n background: #810ab1;\n height: 2000px;\n"], ["\n background: #810ab1;\n height: 2000px;\n"])));
58
- var TemplateLayoutMS = function (args) { return ((0, jsx_runtime_1.jsx)(LayoutMS_1.default, __assign({}, args, { navigationContainer: (0, jsx_runtime_1.jsx)(Containers_1.NavigationContainer, { navigationContent: (0, jsx_runtime_1.jsx)(S_NavigationContent, { children: "NavigationContent" }, void 0) }, void 0) }), void 0)); };
59
- var TemplateLayoutMSExpand = function (args) { return ((0, jsx_runtime_1.jsx)(LayoutMS_1.default, __assign({}, args, { navigationContainer: (0, jsx_runtime_1.jsx)(Containers_1.NavigationContainer, { navigationContent: (0, jsx_runtime_1.jsx)(S_ExpandNavigationContent, { children: "ExpandNavigationContent" }, void 0) }, void 0) }), void 0)); };
60
- exports.MSA_1 = TemplateLayoutMS.bind({});
61
- exports.MSA_1.args = {
62
- children: ((0, jsx_runtime_1.jsx)(ContainersBox_1.ContainersBox, { layoutType: "MSA_1", content1: (0, jsx_runtime_1.jsx)(S_Content1, { children: "Content1" }, void 0), containerColor: "#fff7ed", areaColor: "#ffdeda" }, void 0))
63
- };
64
- exports.MSA_2 = TemplateLayoutMS.bind({});
65
- exports.MSA_2.args = {
66
- children: ((0, jsx_runtime_1.jsx)(ContainersBox_1.ContainersBox, { layoutType: "MSA_2", content1: (0, jsx_runtime_1.jsx)(S_Content1, { children: "Content1" }, void 0), containerColor: "#fff7ed", areaColor: "#ffdeda" }, void 0))
67
- };
68
- exports.MSB_1 = TemplateLayoutMSExpand.bind({});
69
- exports.MSB_1.args = {
70
- children: ((0, jsx_runtime_1.jsx)(ContainersBox_1.ContainersBox, { layoutType: "MSB_1", content1: (0, jsx_runtime_1.jsx)(S_Content1, { children: "Content1" }, void 0), containerColor: "#fff7ed", areaColor: "#ffdeda" }, void 0))
71
- };
72
- exports.MSC_1 = TemplateLayoutMS.bind({});
73
- exports.MSC_1.args = {
74
- children: ((0, jsx_runtime_1.jsx)(ContainersBox_1.ContainersBox, { layoutType: "MSC_1", content1: (0, jsx_runtime_1.jsx)(S_ScrollContent, { children: (0, jsx_runtime_1.jsx)(S_ScrollComponent, { children: "ScrollComponent" }, void 0) }, void 0), content2: (0, jsx_runtime_1.jsx)(S_Content2, { children: "Content2" }, void 0), containerColor: "#fff7ed", areaColor: "#ffdeda" }, void 0))
75
- };
76
- exports.MSC_2 = TemplateLayoutMS.bind({});
77
- exports.MSC_2.args = {
78
- children: ((0, jsx_runtime_1.jsx)(ContainersBox_1.ContainersBox, { layoutType: "MSC_2", content1: (0, jsx_runtime_1.jsx)(S_ScrollContent, { children: (0, jsx_runtime_1.jsx)(S_ScrollComponent, { children: "ScrollComponent" }, void 0) }, void 0), content2: (0, jsx_runtime_1.jsx)(S_Content2, { children: "Content2" }, void 0), containerColor: "#fff7ed", areaColor: "#ffdeda" }, void 0))
79
- };
80
- exports.MSD_1 = TemplateLayoutMS.bind({});
81
- exports.MSD_1.args = {
82
- children: ((0, jsx_runtime_1.jsx)(ContainersBox_1.ContainersBox, { layoutType: "MSD_1", content1: (0, jsx_runtime_1.jsx)(S_ScrollContent, { children: (0, jsx_runtime_1.jsx)(S_ScrollComponent, { children: "ScrollComponent" }, void 0) }, void 0), containerColor: "#fff7ed", areaColor: "#ffdeda" }, void 0))
83
- };
84
- exports.MSE_1 = TemplateLayoutMSExpand.bind({});
85
- exports.MSE_1.args = {
86
- children: ((0, jsx_runtime_1.jsx)(ContainersBox_1.ContainersBox, { layoutType: "MSE_1", content1: (0, jsx_runtime_1.jsx)(S_ScrollContent, { children: (0, jsx_runtime_1.jsx)(S_ScrollComponent, { children: "ScrollComponent" }, void 0) }, void 0), containerColor: "#fff7ed", areaColor: "#ffdeda" }, void 0))
87
- };
88
- exports.MSF_1 = TemplateLayoutMS.bind({});
89
- exports.MSF_1.args = {
90
- children: ((0, jsx_runtime_1.jsx)(ContainersBox_1.ContainersBox, { layoutType: "MSF_1", content1: (0, jsx_runtime_1.jsx)(S_ScrollContent, { children: (0, jsx_runtime_1.jsx)(S_ScrollComponent, { children: "ScrollComponent" }, void 0) }, void 0), content2: (0, jsx_runtime_1.jsx)(S_ScrollContent, { children: (0, jsx_runtime_1.jsx)(S_ScrollComponent, { children: "ScrollComponent" }, void 0) }, void 0), containerColor: "#fff7ed", areaColor: "#ffdeda" }, void 0))
91
- };
92
- exports.MSF_2 = TemplateLayoutMS.bind({});
93
- exports.MSF_2.args = {
94
- children: ((0, jsx_runtime_1.jsx)(ContainersBox_1.ContainersBox, { layoutType: "MSF_2", content1: (0, jsx_runtime_1.jsx)(S_ScrollContent, { children: (0, jsx_runtime_1.jsx)(S_ScrollComponent, { children: "ScrollComponent" }, void 0) }, void 0), content2: (0, jsx_runtime_1.jsx)(S_ScrollContent, { children: (0, jsx_runtime_1.jsx)(S_ScrollComponent, { children: "ScrollComponent" }, void 0) }, void 0), containerColor: "#fff7ed", areaColor: "#ffdeda" }, void 0))
95
- };
96
- exports.MSG_1 = TemplateLayoutMS.bind({});
97
- exports.MSG_1.args = {
98
- children: ((0, jsx_runtime_1.jsx)(ContainersBox_1.ContainersBox, { layoutType: "MSG_1", tabContent: (0, jsx_runtime_1.jsx)(S_tabContent, { children: "tabContent" }, void 0), content1: (0, jsx_runtime_1.jsx)(S_Content1, { children: "Content1" }, void 0), containerColor: "#fff7ed", areaColor: "#ffdeda" }, void 0))
99
- };
100
- exports.MSH_1 = TemplateLayoutMS.bind({});
101
- exports.MSH_1.args = {
102
- children: ((0, jsx_runtime_1.jsx)(ContainersBox_1.ContainersBox, { layoutType: "MSH_1", tabContent: (0, jsx_runtime_1.jsx)(S_tabContent, { children: "tabContent" }, void 0), content1: (0, jsx_runtime_1.jsx)(S_ScrollContent, { children: (0, jsx_runtime_1.jsx)(S_ScrollComponent, { children: "ScrollComponent" }, void 0) }, void 0), containerColor: "#fff7ed", areaColor: "#ffdeda" }, void 0))
103
- };
104
- var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7;
@@ -1,15 +0,0 @@
1
- /// <reference types="react" />
2
- import type { ComponentStory, ComponentMeta } from '@storybook/react';
3
- declare const _default: ComponentMeta<({ navigationContainer, children }: import("./LayoutMS").LayoutMSProps) => JSX.Element>;
4
- export default _default;
5
- export declare const MSA_1: ComponentStory<({ navigationContainer, children }: import("./LayoutMS").LayoutMSProps) => JSX.Element>;
6
- export declare const MSA_2: ComponentStory<({ navigationContainer, children }: import("./LayoutMS").LayoutMSProps) => JSX.Element>;
7
- export declare const MSB_1: ComponentStory<({ navigationContainer, children }: import("./LayoutMS").LayoutMSProps) => JSX.Element>;
8
- export declare const MSC_1: ComponentStory<({ navigationContainer, children }: import("./LayoutMS").LayoutMSProps) => JSX.Element>;
9
- export declare const MSC_2: ComponentStory<({ navigationContainer, children }: import("./LayoutMS").LayoutMSProps) => JSX.Element>;
10
- export declare const MSD_1: ComponentStory<({ navigationContainer, children }: import("./LayoutMS").LayoutMSProps) => JSX.Element>;
11
- export declare const MSE_1: ComponentStory<({ navigationContainer, children }: import("./LayoutMS").LayoutMSProps) => JSX.Element>;
12
- export declare const MSF_1: ComponentStory<({ navigationContainer, children }: import("./LayoutMS").LayoutMSProps) => JSX.Element>;
13
- export declare const MSF_2: ComponentStory<({ navigationContainer, children }: import("./LayoutMS").LayoutMSProps) => JSX.Element>;
14
- export declare const MSG_1: ComponentStory<({ navigationContainer, children }: import("./LayoutMS").LayoutMSProps) => JSX.Element>;
15
- export declare const MSH_1: ComponentStory<({ navigationContainer, children }: import("./LayoutMS").LayoutMSProps) => JSX.Element>;
@@ -1,104 +0,0 @@
1
- "use strict";
2
- var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
3
- if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
4
- return cooked;
5
- };
6
- var __assign = (this && this.__assign) || function () {
7
- __assign = Object.assign || function(t) {
8
- for (var s, i = 1, n = arguments.length; i < n; i++) {
9
- s = arguments[i];
10
- for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
11
- t[p] = s[p];
12
- }
13
- return t;
14
- };
15
- return __assign.apply(this, arguments);
16
- };
17
- var __importDefault = (this && this.__importDefault) || function (mod) {
18
- return (mod && mod.__esModule) ? mod : { "default": mod };
19
- };
20
- Object.defineProperty(exports, "__esModule", { value: true });
21
- exports.MSH_1 = exports.MSG_1 = exports.MSF_2 = exports.MSF_1 = exports.MSE_1 = exports.MSD_1 = exports.MSC_2 = exports.MSC_1 = exports.MSB_1 = exports.MSA_2 = exports.MSA_1 = void 0;
22
- var jsx_runtime_1 = require("react/jsx-runtime");
23
- var styled_components_1 = __importDefault(require("styled-components"));
24
- var Containers_1 = require("./Containers");
25
- var ContainersBox_1 = require("./ContainersBox");
26
- var LayoutMS_1 = __importDefault(require("./LayoutMS"));
27
- exports.default = {
28
- title: 'test/mobile/layout-loading/LayoutMS',
29
- parameters: {
30
- docs: {
31
- description: {
32
- component: 'LayoutMS유형. NavigationContainer와 ContainersBox 컴포넌트와 함께 쓰여야한다.'
33
- }
34
- }
35
- },
36
- argTypes: {
37
- navigationContainer: {
38
- description: '내부에 NavigationContainer컴포넌트를 위치 시킨 후, 해당 컴포넌트에 navigationContent값으로 해당 부분에 들어가는 컴포넌트를 넣어준다.',
39
- type: {
40
- summary: 'JSX.Element'
41
- }
42
- },
43
- children: {
44
- description: '내부에 ContainersBox컴포넌트를 위치 시킨 후, layoutType을 명시해 준다. 와이어프레임이나 스토리북을 참고하여 pageMenuContent, tabMenuContent, content1, content2중에 채워야하는 부분을 선택하여 해당 부분에 들어가는 컴포넌트를 넣어준다.',
45
- type: {
46
- summary: 'React.ReactNode'
47
- }
48
- }
49
- }
50
- };
51
- var S_NavigationContent = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n background: #d9cadf;\n height: 56px;\n"], ["\n background: #d9cadf;\n height: 56px;\n"])));
52
- var S_ExpandNavigationContent = styled_components_1.default.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n background: #d9cadf;\n height: 82px;\n"], ["\n background: #d9cadf;\n height: 82px;\n"])));
53
- var S_tabContent = styled_components_1.default.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n background: #d9cadf;\n height: 100%;\n"], ["\n background: #d9cadf;\n height: 100%;\n"])));
54
- var S_Content1 = styled_components_1.default.div(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n background: #d9cadf;\n height: 700px;\n"], ["\n background: #d9cadf;\n height: 700px;\n"])));
55
- var S_Content2 = styled_components_1.default.div(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n background: #d9cadf;\n height: 1000px;\n"], ["\n background: #d9cadf;\n height: 1000px;\n"])));
56
- var S_ScrollContent = styled_components_1.default.div(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n height: 100%;\n overflow: auto;\n"], ["\n height: 100%;\n overflow: auto;\n"])));
57
- var S_ScrollComponent = styled_components_1.default.div(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n background: #810ab1;\n height: 2000px;\n"], ["\n background: #810ab1;\n height: 2000px;\n"])));
58
- var TemplateLayoutMS = function (args) { return ((0, jsx_runtime_1.jsx)(LayoutMS_1.default, __assign({}, args, { navigationContainer: (0, jsx_runtime_1.jsx)(Containers_1.NavigationContainer, { navigationContent: (0, jsx_runtime_1.jsx)(S_NavigationContent, { children: "NavigationContent" }, void 0) }, void 0) }), void 0)); };
59
- var TemplateLayoutMSExpand = function (args) { return ((0, jsx_runtime_1.jsx)(LayoutMS_1.default, __assign({}, args, { navigationContainer: (0, jsx_runtime_1.jsx)(Containers_1.NavigationContainer, { navigationContent: (0, jsx_runtime_1.jsx)(S_ExpandNavigationContent, { children: "ExpandNavigationContent" }, void 0) }, void 0) }), void 0)); };
60
- exports.MSA_1 = TemplateLayoutMS.bind({});
61
- exports.MSA_1.args = {
62
- children: ((0, jsx_runtime_1.jsx)(ContainersBox_1.ContainersBox, { layoutType: "MSA_1", content1: (0, jsx_runtime_1.jsx)(S_Content1, { children: "Content1" }, void 0), containerColor: "#fff7ed", areaColor: "#ffdeda", isLoadingContainer1: true }, void 0))
63
- };
64
- exports.MSA_2 = TemplateLayoutMS.bind({});
65
- exports.MSA_2.args = {
66
- children: ((0, jsx_runtime_1.jsx)(ContainersBox_1.ContainersBox, { layoutType: "MSA_2", content1: (0, jsx_runtime_1.jsx)(S_Content1, { children: "Content1" }, void 0), containerColor: "#fff7ed", areaColor: "#ffdeda", isLoadingContainer1: true }, void 0))
67
- };
68
- exports.MSB_1 = TemplateLayoutMSExpand.bind({});
69
- exports.MSB_1.args = {
70
- children: ((0, jsx_runtime_1.jsx)(ContainersBox_1.ContainersBox, { layoutType: "MSB_1", content1: (0, jsx_runtime_1.jsx)(S_Content1, { children: "Content1" }, void 0), containerColor: "#fff7ed", areaColor: "#ffdeda", isLoadingContainer1: true }, void 0))
71
- };
72
- exports.MSC_1 = TemplateLayoutMS.bind({});
73
- exports.MSC_1.args = {
74
- children: ((0, jsx_runtime_1.jsx)(ContainersBox_1.ContainersBox, { layoutType: "MSC_1", content1: (0, jsx_runtime_1.jsx)(S_ScrollContent, { children: (0, jsx_runtime_1.jsx)(S_ScrollComponent, { children: "ScrollComponent" }, void 0) }, void 0), content2: (0, jsx_runtime_1.jsx)(S_Content2, { children: "Content2" }, void 0), containerColor: "#fff7ed", areaColor: "#ffdeda", isLoadingContainer1: true }, void 0))
75
- };
76
- exports.MSC_2 = TemplateLayoutMS.bind({});
77
- exports.MSC_2.args = {
78
- children: ((0, jsx_runtime_1.jsx)(ContainersBox_1.ContainersBox, { layoutType: "MSC_2", content1: (0, jsx_runtime_1.jsx)(S_ScrollContent, { children: (0, jsx_runtime_1.jsx)(S_ScrollComponent, { children: "ScrollComponent" }, void 0) }, void 0), content2: (0, jsx_runtime_1.jsx)(S_Content2, { children: "Content2" }, void 0), containerColor: "#fff7ed", areaColor: "#ffdeda", isLoadingContainer1: true }, void 0))
79
- };
80
- exports.MSD_1 = TemplateLayoutMS.bind({});
81
- exports.MSD_1.args = {
82
- children: ((0, jsx_runtime_1.jsx)(ContainersBox_1.ContainersBox, { layoutType: "MSD_1", content1: (0, jsx_runtime_1.jsx)(S_ScrollContent, { children: (0, jsx_runtime_1.jsx)(S_ScrollComponent, { children: "ScrollComponent" }, void 0) }, void 0), containerColor: "#fff7ed", areaColor: "#ffdeda", isLoadingContainer1: true }, void 0))
83
- };
84
- exports.MSE_1 = TemplateLayoutMSExpand.bind({});
85
- exports.MSE_1.args = {
86
- children: ((0, jsx_runtime_1.jsx)(ContainersBox_1.ContainersBox, { layoutType: "MSE_1", content1: (0, jsx_runtime_1.jsx)(S_ScrollContent, { children: (0, jsx_runtime_1.jsx)(S_ScrollComponent, { children: "ScrollComponent" }, void 0) }, void 0), containerColor: "#fff7ed", areaColor: "#ffdeda", isLoadingContainer1: true }, void 0))
87
- };
88
- exports.MSF_1 = TemplateLayoutMS.bind({});
89
- exports.MSF_1.args = {
90
- children: ((0, jsx_runtime_1.jsx)(ContainersBox_1.ContainersBox, { layoutType: "MSF_1", content1: (0, jsx_runtime_1.jsx)(S_ScrollContent, { children: (0, jsx_runtime_1.jsx)(S_ScrollComponent, { children: "ScrollComponent" }, void 0) }, void 0), content2: (0, jsx_runtime_1.jsx)(S_ScrollContent, { children: (0, jsx_runtime_1.jsx)(S_ScrollComponent, { children: "ScrollComponent" }, void 0) }, void 0), containerColor: "#fff7ed", areaColor: "#ffdeda", isLoadingContainer1: true, isLoadingContainer2: true }, void 0))
91
- };
92
- exports.MSF_2 = TemplateLayoutMS.bind({});
93
- exports.MSF_2.args = {
94
- children: ((0, jsx_runtime_1.jsx)(ContainersBox_1.ContainersBox, { layoutType: "MSF_2", content1: (0, jsx_runtime_1.jsx)(S_ScrollContent, { children: (0, jsx_runtime_1.jsx)(S_ScrollComponent, { children: "ScrollComponent" }, void 0) }, void 0), content2: (0, jsx_runtime_1.jsx)(S_ScrollContent, { children: (0, jsx_runtime_1.jsx)(S_ScrollComponent, { children: "ScrollComponent" }, void 0) }, void 0), containerColor: "#fff7ed", areaColor: "#ffdeda", isLoadingContainer1: true, isLoadingContainer2: true }, void 0))
95
- };
96
- exports.MSG_1 = TemplateLayoutMS.bind({});
97
- exports.MSG_1.args = {
98
- children: ((0, jsx_runtime_1.jsx)(ContainersBox_1.ContainersBox, { layoutType: "MSG_1", tabContent: (0, jsx_runtime_1.jsx)(S_tabContent, { children: "tabContent" }, void 0), content1: (0, jsx_runtime_1.jsx)(S_Content1, { children: "Content1" }, void 0), containerColor: "#fff7ed", areaColor: "#ffdeda", isLoadingContainer1: true }, void 0))
99
- };
100
- exports.MSH_1 = TemplateLayoutMS.bind({});
101
- exports.MSH_1.args = {
102
- children: ((0, jsx_runtime_1.jsx)(ContainersBox_1.ContainersBox, { layoutType: "MSH_1", tabContent: (0, jsx_runtime_1.jsx)(S_tabContent, { children: "tabContent" }, void 0), content1: (0, jsx_runtime_1.jsx)(S_ScrollContent, { children: (0, jsx_runtime_1.jsx)(S_ScrollComponent, { children: "ScrollComponent" }, void 0) }, void 0), containerColor: "#fff7ed", areaColor: "#ffdeda", isLoadingContainer1: true }, void 0))
103
- };
104
- var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7;
@@ -1,6 +0,0 @@
1
- import AnnotationSheet from './AnnotationSheet';
2
- import type { ComponentStory, ComponentMeta } from '@storybook/react';
3
- declare const _default: ComponentMeta<typeof AnnotationSheet>;
4
- export default _default;
5
- export declare const Default: ComponentStory<typeof AnnotationSheet>;
6
- export declare const UseCase1MoreInformation: ComponentStory<typeof AnnotationSheet>;
@@ -1,108 +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.UseCase1MoreInformation = exports.Default = void 0;
18
- var jsx_runtime_1 = require("react/jsx-runtime");
19
- var hybrid_1 = require("../../../hybrid");
20
- var TextLabel_1 = __importDefault(require("../../components/TextLabel/TextLabel"));
21
- var AnnotationSheet_1 = __importDefault(require("./AnnotationSheet"));
22
- exports.default = {
23
- title: 'mobile/panels/AnnotationSheet',
24
- component: AnnotationSheet_1.default,
25
- parameters: {
26
- docs: {
27
- description: {
28
- component: 'mobile환경에 최적화 된 AnnotationSheet 패널'
29
- }
30
- }
31
- },
32
- argTypes: {
33
- width: {
34
- description: '너비값을 입력합니다. (px, %, vw...)',
35
- control: { type: 'text' }
36
- },
37
- height: {
38
- description: '높이값을 입력합니다. (px, %, vh...)',
39
- control: { type: 'text' }
40
- },
41
- backgroundColorTheme: {
42
- description: '미리 부여되어 있는 색상으로 배경 컬러를 결정합니다.',
43
- control: { type: 'inline-radio' }
44
- },
45
- overrideBackgroundColorKey: {
46
- description: '미리 부여되어 있는 색상 외의 색상으로 배경 컬러를 결정합니다. (ui_로 정의된 컬러값)',
47
- control: { type: 'select' }
48
- },
49
- borderMode: {
50
- description: '라인의 사용여부를 결정합니다.',
51
- control: { type: 'inline-radio' }
52
- },
53
- borderWidth: {
54
- description: '라인의 굵기를 결정합니다.',
55
- control: { type: 'inline-radio' }
56
- },
57
- borderColorTheme: {
58
- description: '미리 부여되어 있는 색상으로 라인 컬러를 결정합니다.',
59
- control: { type: 'inline-radio' }
60
- },
61
- overrideBorderColorKey: {
62
- description: '미리 부여되어 있는 색상 외의 색상으로 라인 컬러를 결정합니다. (ui_로 정의된 컬러값)',
63
- control: { type: 'select' }
64
- },
65
- shapeType: {
66
- description: '형태를 결정합니다.',
67
- control: { type: 'inline-radio' }
68
- },
69
- radius: {
70
- description: '모서리값을 결정합니다. (*shapeType : round 일 때만 적용됩니다.)',
71
- control: { type: 'inline-radio' }
72
- },
73
- paddingTop: {
74
- description: 'padding-top 값을 결정합니다.',
75
- control: { type: 'radio' }
76
- },
77
- paddingRight: {
78
- description: 'padding-right 값을 결정합니다.',
79
- control: { type: 'radio' }
80
- },
81
- paddingBottom: {
82
- description: 'padding-bottom 값을 결정합니다.',
83
- control: { type: 'radio' }
84
- },
85
- paddingLeft: {
86
- description: 'padding-left 값을 결정합니다.',
87
- control: { type: 'radio' }
88
- },
89
- overrideCSS: {
90
- description: '제공되어진 property와 value를 가지고 표현할 수 없는 경우를 자유롭게 기술하여 표현할 수 있습니다.'
91
- },
92
- children: {
93
- description: 'sheet내부에 내용을 부여할 수 있습니다.'
94
- },
95
- onClick: {
96
- description: '클릭이 된 시점에 이벤트를 부여합니다.',
97
- action: 'onClick'
98
- }
99
- }
100
- };
101
- var Template = function (args) { return ((0, jsx_runtime_1.jsx)(AnnotationSheet_1.default, __assign({}, args, { onClick: undefined }), void 0)); };
102
- exports.Default = Template.bind({});
103
- exports.UseCase1MoreInformation = Template.bind({});
104
- exports.UseCase1MoreInformation.args = {
105
- width: '100%',
106
- children: ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(TextLabel_1.default, { text: "\uD50C\uB7AB\uD3FC\uBCC4 \uC774\uC6A9 \uC548\uB0B4", styleTheme: "caption1Bold", colorTheme: "sysTextSecondary" }, void 0), (0, jsx_runtime_1.jsx)(TextLabel_1.default, { text: "iOS \uC571/\uC548\uB4DC\uB85C\uC774\uB4DC \uC571/\uBAA8\uBC14\uC77C \uC6F9\uBE0C\uB77C\uC6B0\uC800/PC \uC6F9\uBE0C\uB77C\uC6B0\uC800\uC5D0\uC11C \uC774\uC6A9\uD560 \uC218 \uC788\uC2B5\uB2C8\uB2E4.\nPC \uC6F9\uBE0C\uB77C\uC6B0\uC800 \uAE30\uC900 Chrome 91 \uC774\uC0C1/Safari 13 \uC774\uC0C1, \uBAA8\uBC14\uC77C \uC6F9\uBE0C\uB77C\uC6B0\uC800 \uAE30\uC900 Chrome(for Android) 94 \uC774\uC0C1/Safari(on iOS) 13.1 \uC774\uC0C1\uC758 \uBC84\uC804\uC5D0\uC11C \uC11C\uBE44\uC2A4 \uC774\uC6A9\uC5D0 \uBD88\uD3B8\uD568\uC774 \uC5C6\uB3C4\uB85D \uC791\uB3D9\uB420 \uAC83\uC744 \uBCF4\uC99D\uD569\uB2C8\uB2E4.", styleTheme: "caption1Regular", colorTheme: "sysTextSecondary" }, void 0), (0, jsx_runtime_1.jsx)(hybrid_1.Spacing, { size: "spacing_c" }, void 0), (0, jsx_runtime_1.jsx)(TextLabel_1.default, { text: "\uD658\uBD88 \uC548\uB0B4", styleTheme: "caption1Bold", colorTheme: "sysTextSecondary" }, void 0), (0, jsx_runtime_1.jsx)(TextLabel_1.default, { text: "\uBCF8 \uC11C\uBE44\uC2A4\uB294 \uB2E4\uC74C\uC758 \uACBD\uC6B0 \uD658\uBD88\uC774 \uBD88\uAC00\uD558\uB2C8 \uAD6C\uB9E4 \uC804 \uD655\uC778 \uBD80\uD0C1\uB4DC\uB9BD\uB2C8\uB2E4.\n1. \uC0C1\uD488\uC744 \uAD6C\uB9E4\uD55C\uC9C0 7\uC77C(\uCCAD\uC57D\uCCA0\uD68C \uAE30\uAC04)\uC774 \uC9C0\uB09C \uACBD\uC6B0\n2. \uC0C1\uD488\uC744 \uAD6C\uB9E4\uD55C\uC9C0 7\uC77C(\uCCAD\uC57D\uCCA0\uD68C \uAE30\uAC04)\uC774 \uC9C0\uB098\uC9C0 \uC54A\uC558\uC9C0\uB9CC, \uAD6C\uB9E4\uD55C \uC11C\uBE44\uC2A4\uB97C \uC774\uC6A9\uD55C \uACBD\uC6B0\n3. \uCC44\uB110\uC774 \uBC1C\uD589\uD55C \uCFE0\uD3F0\uC774\uB098, \uC774\uBCA4\uD2B8 \uB2F9\uCCA8\uC744 \uD1B5\uD574 \uBB34\uC0C1\uC73C\uB85C \uC720\uB8CC \uC11C\uBE44\uC2A4 \uC774\uC6A9\uAD8C\uC744 \uBC1B\uC740 \uACBD\uC6B0\n4. \uD68C\uC6D0\uC774 \uC11C\uBE44\uC2A4 \uC774\uC6A9\uC73C\uB85C\uBD80\uD130 \uC5BB\uC740 \uC774\uC775\uC5D0 \uD574\uB2F9\uD558\uB294 \uACF5\uC81C \uB300\uC0C1 \uAE08\uC561\uC774 \uD68C\uC6D0\uC774 \uC2E4\uC81C\uB85C \uACB0\uC81C\uD55C \uAE08\uC561\uC744 \uCD08\uACFC\uD55C \uACBD\uC6B0\n5. \uD68C\uC6D0\uC774 \uC9C1\uC811 \uACB0\uC81C\uD558\uC9C0 \uC54A\uC740 \uACBD\uC6B0", styleTheme: "caption1Regular", colorTheme: "sysTextSecondary" }, void 0), (0, jsx_runtime_1.jsx)(hybrid_1.Spacing, { size: "spacing_c" }, void 0), (0, jsx_runtime_1.jsx)(TextLabel_1.default, { text: "\uAE30\uD0C0 \uC548\uB0B4", styleTheme: "caption1Bold", colorTheme: "sysTextSecondary" }, void 0), (0, jsx_runtime_1.jsx)(TextLabel_1.default, { text: "\uBBF8\uC131\uB144\uC790\uC758 \uACBD\uC6B0, \uBC95\uC815\uB300\uB9AC\uC778\uC774 \uAD6C\uB9E4\uC5D0 \uB3D9\uC758\uD558\uC9C0 \uC54A\uC740 \uACBD\uC6B0 \uBCF8\uC778 \uB610\uB294 \uBC95\uC815\uB300\uB9AC\uC778\uC774 \uAD6C\uB9E4\uB97C \uCDE8\uC18C\uD560 \uC218 \uC788\uC2B5\uB2C8\uB2E4.", styleTheme: "caption1Regular", colorTheme: "sysTextSecondary" }, void 0)] }, void 0)),
107
- shapeType: 'round'
108
- };
@@ -1,7 +0,0 @@
1
- import ContentSheet from './ContentSheet';
2
- import type { ComponentStory, ComponentMeta } from '@storybook/react';
3
- declare const _default: ComponentMeta<typeof ContentSheet>;
4
- export default _default;
5
- export declare const Default: ComponentStory<typeof ContentSheet>;
6
- export declare const UseCase1Community: ComponentStory<typeof ContentSheet>;
7
- export declare const UseCase2Thumbnail: ComponentStory<typeof ContentSheet>;