superdesk-ui-framework 4.0.52 → 4.0.54

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 (373) hide show
  1. package/app-typescript/components/DateTimePicker.tsx +11 -1
  2. package/dist/examples.bundle.js +14 -2
  3. package/dist/superdesk-ui.bundle.js +13 -1
  4. package/package.json +1 -1
  5. package/react/components/DateTimePicker.d.ts +1 -0
  6. package/react/components/DateTimePicker.js +13 -1
  7. package/dist/playgrounds/accessible-theme-test.html +0 -813
  8. package/dist/playgrounds/boxed-list.html +0 -164
  9. package/dist/playgrounds/cards.html +0 -244
  10. package/dist/playgrounds/circular-progress.html +0 -48
  11. package/dist/playgrounds/dummy-data/items.ts +0 -95
  12. package/dist/playgrounds/editor-3-test.html +0 -15
  13. package/dist/playgrounds/form-layout.html +0 -285
  14. package/dist/playgrounds/layout-grid.html +0 -79
  15. package/dist/playgrounds/layout-snippets/edit-article.html +0 -415
  16. package/dist/playgrounds/layout-test-2.html +0 -795
  17. package/dist/playgrounds/list-item-test.html +0 -896
  18. package/dist/playgrounds/main.html +0 -16
  19. package/dist/playgrounds/master-desk.html +0 -1678
  20. package/dist/playgrounds/media-carousel.html +0 -1166
  21. package/dist/playgrounds/nav-buttons.html +0 -65
  22. package/dist/playgrounds/photo-desk.html +0 -1515
  23. package/dist/playgrounds/photo-snippets/edit-photo-metadata.html +0 -208
  24. package/dist/playgrounds/planning-snippets/edit-event.html +0 -187
  25. package/dist/playgrounds/planning-snippets/edit-planning.html +0 -457
  26. package/dist/playgrounds/planning.html +0 -1112
  27. package/dist/playgrounds/publish-snippets/edit-article.html +0 -37
  28. package/dist/playgrounds/publish.html +0 -1007
  29. package/dist/playgrounds/publisher-content-analytics.html +0 -376
  30. package/dist/playgrounds/publisher-content-list-automatic.html +0 -296
  31. package/dist/playgrounds/publisher-content-list-manual.html +0 -611
  32. package/dist/playgrounds/publisher-content-lists.html +0 -255
  33. package/dist/playgrounds/publisher-dashboard.html +0 -323
  34. package/dist/playgrounds/publisher-output-control.html +0 -3659
  35. package/dist/playgrounds/publisher-website-settings-general.html +0 -188
  36. package/dist/playgrounds/publisher-website-settings.html +0 -265
  37. package/dist/playgrounds/react-playgrounds/CoreLayout.tsx +0 -952
  38. package/dist/playgrounds/react-playgrounds/EditorTest.tsx +0 -649
  39. package/dist/playgrounds/react-playgrounds/FirstPlayground.tsx +0 -236
  40. package/dist/playgrounds/react-playgrounds/Index.tsx +0 -11
  41. package/dist/playgrounds/react-playgrounds/Multiedit.tsx +0 -401
  42. package/dist/playgrounds/react-playgrounds/PageLayoutTest.tsx +0 -210
  43. package/dist/playgrounds/react-playgrounds/PersonalProfile.tsx +0 -835
  44. package/dist/playgrounds/react-playgrounds/RundownEditor.tsx +0 -580
  45. package/dist/playgrounds/react-playgrounds/Rundowns.tsx +0 -1415
  46. package/dist/playgrounds/react-playgrounds/SamsPlayground.tsx +0 -401
  47. package/dist/playgrounds/react-playgrounds/TestGround.tsx +0 -2710
  48. package/dist/playgrounds/react-playgrounds/UiPlayground.tsx +0 -410
  49. package/dist/playgrounds/react-playgrounds/components/AuthoringContainer.tsx +0 -25
  50. package/dist/playgrounds/react-playgrounds/components/AuthoringContent.tsx +0 -86
  51. package/dist/playgrounds/react-playgrounds/components/ContentSplitter.tsx +0 -19
  52. package/dist/playgrounds/react-playgrounds/components/GraphicButton.tsx +0 -34
  53. package/dist/playgrounds/react-playgrounds/components/GraphicButtonsGroup.tsx +0 -11
  54. package/dist/playgrounds/react-playgrounds/components/HeaderPanel.tsx +0 -11
  55. package/dist/playgrounds/react-playgrounds/components/Index.tsx +0 -20
  56. package/dist/playgrounds/react-playgrounds/components/Layout.tsx +0 -27
  57. package/dist/playgrounds/react-playgrounds/components/LayoutContainer.tsx +0 -15
  58. package/dist/playgrounds/react-playgrounds/components/LeftPanel.tsx +0 -15
  59. package/dist/playgrounds/react-playgrounds/components/MainPanel.tsx +0 -24
  60. package/dist/playgrounds/react-playgrounds/components/OverlayPanel.tsx +0 -17
  61. package/dist/playgrounds/react-playgrounds/components/Panel.tsx +0 -23
  62. package/dist/playgrounds/react-playgrounds/components/PanelContent.tsx +0 -11
  63. package/dist/playgrounds/react-playgrounds/components/PanelContentBlock.tsx +0 -19
  64. package/dist/playgrounds/react-playgrounds/components/PanelFooter.tsx +0 -17
  65. package/dist/playgrounds/react-playgrounds/components/PanelHeader.tsx +0 -31
  66. package/dist/playgrounds/react-playgrounds/components/RightPanel.tsx +0 -16
  67. package/dist/playgrounds/react-playgrounds/components/SearchBar.tsx +0 -87
  68. package/dist/playgrounds/react-playgrounds/components/SidebarMenu.tsx +0 -76
  69. package/dist/playgrounds/react-playgrounds/components/SubNav.tsx +0 -17
  70. package/dist/playgrounds/react-playgrounds/components/ThemeDropdown.tsx +0 -57
  71. package/dist/playgrounds/react-playgrounds/tsconfig.json +0 -4
  72. package/dist/playgrounds/settings.html +0 -92
  73. package/dist/playgrounds/side-navigation.html +0 -201
  74. package/dist/playgrounds/swimlane-view.html +0 -1975
  75. package/dist/playgrounds/tags-input.html +0 -55
  76. package/dist/playgrounds/toasts.html +0 -113
  77. package/dist/playgrounds/video-editor.html +0 -706
  78. package/examples/css/docs-page.css +0 -1135
  79. package/examples/css/reset.css +0 -124
  80. package/examples/css/vendor.css +0 -175
  81. package/examples/illustration-small--components.svg +0 -45
  82. package/examples/img/andrew-power-y9L5-wmifaY-unsplash.jpg +0 -0
  83. package/examples/img/andrew-power-y9L5-wmifaY-unsplash.license.txt +0 -6
  84. package/examples/img/avatar-2.jpg +0 -0
  85. package/examples/img/avatar-3.jpg +0 -0
  86. package/examples/img/avatar-4.jpg +0 -0
  87. package/examples/img/avatar-5.jpg +0 -0
  88. package/examples/img/avatar-6.jpg +0 -0
  89. package/examples/img/avatar.jpg +0 -0
  90. package/examples/img/bill.jpg +0 -0
  91. package/examples/img/bush_1.jpg +0 -0
  92. package/examples/img/bush_2.jpg +0 -0
  93. package/examples/img/carousel-thumb--01.jpg +0 -0
  94. package/examples/img/carousel-thumb--02.jpg +0 -0
  95. package/examples/img/carousel-thumb--03.jpg +0 -0
  96. package/examples/img/carousel-thumb--04.jpg +0 -0
  97. package/examples/img/components_ilustration.svg +0 -1
  98. package/examples/img/d_trump.jpg +0 -0
  99. package/examples/img/d_trump_2.jpg +0 -0
  100. package/examples/img/d_trump_large.jpg +0 -0
  101. package/examples/img/design_ilustration.svg +0 -1
  102. package/examples/img/ferocious_beast.webm +0 -0
  103. package/examples/img/guidelines/application-frame.png +0 -0
  104. package/examples/img/guidelines/application-frame__bottom-bar.png +0 -0
  105. package/examples/img/guidelines/application-frame__left-panel.gif +0 -0
  106. package/examples/img/guidelines/application-frame__left-panel.png +0 -0
  107. package/examples/img/guidelines/application-frame__main-content.gif +0 -0
  108. package/examples/img/guidelines/application-frame__main-content.png +0 -0
  109. package/examples/img/guidelines/application-frame__right-panel.gif +0 -0
  110. package/examples/img/guidelines/application-frame__right-panel.png +0 -0
  111. package/examples/img/guidelines/application-frame__side-tabs.png +0 -0
  112. package/examples/img/guidelines/application-frame__sub-nav.png +0 -0
  113. package/examples/img/guidelines/application-frame__top-bar.png +0 -0
  114. package/examples/img/guidelines/buttons--00-01.png +0 -0
  115. package/examples/img/guidelines/buttons--00-02.png +0 -0
  116. package/examples/img/guidelines/buttons--DO-02.png +0 -0
  117. package/examples/img/guidelines/buttons--DONT-01.png +0 -0
  118. package/examples/img/guidelines/checkbox--DO-01.png +0 -0
  119. package/examples/img/guidelines/checkbox--DO-02.png +0 -0
  120. package/examples/img/guidelines/checkbox--DONT-01.png +0 -0
  121. package/examples/img/guidelines/checkbox--DONT-02.png +0 -0
  122. package/examples/img/guidelines/example__bottom-bar--01.png +0 -0
  123. package/examples/img/guidelines/example__left-side_panel--01.png +0 -0
  124. package/examples/img/guidelines/example__left_side-bar--01.png +0 -0
  125. package/examples/img/guidelines/example__main-content--01.png +0 -0
  126. package/examples/img/guidelines/example__right_side-panel--01.png +0 -0
  127. package/examples/img/guidelines/example__right_side-panel--02.png +0 -0
  128. package/examples/img/guidelines/example__right_side-panel--03.png +0 -0
  129. package/examples/img/guidelines/example__sub-nav--01.png +0 -0
  130. package/examples/img/guidelines/example__sub-nav--02.png +0 -0
  131. package/examples/img/guidelines/example__sub-nav--03.png +0 -0
  132. package/examples/img/guidelines/example__top-bar--01.png +0 -0
  133. package/examples/img/guidelines/layout--grid-01.png +0 -0
  134. package/examples/img/guidelines/layout--size-example-01.png +0 -0
  135. package/examples/img/guidelines/radio--DO-01.png +0 -0
  136. package/examples/img/guidelines/radio--DONT-01.png +0 -0
  137. package/examples/img/guidelines/radio--DONT-02.png +0 -0
  138. package/examples/img/guidelines/radio--DONT-03.png +0 -0
  139. package/examples/img/guidelines/switch--DO-01.png +0 -0
  140. package/examples/img/guidelines/switch--DO-02.png +0 -0
  141. package/examples/img/guidelines/switch--DONT-01.png +0 -0
  142. package/examples/img/guidelines/switch--DONT-02.png +0 -0
  143. package/examples/img/hillary.jpg +0 -0
  144. package/examples/img/illustration--components.svg +0 -1
  145. package/examples/img/illustration--design.svg +0 -1
  146. package/examples/img/illustration--playground.svg +0 -1
  147. package/examples/img/illustration--react.svg +0 -1
  148. package/examples/img/illustration-small--components.svg +0 -45
  149. package/examples/img/illustration-small--design.svg +0 -99
  150. package/examples/img/illustration-small--playground.svg +0 -49
  151. package/examples/img/illustration-small--react.svg +0 -53
  152. package/examples/img/illustration_user-privileges.png +0 -0
  153. package/examples/img/illustration_users.png +0 -0
  154. package/examples/img/image_01.jpg +0 -0
  155. package/examples/img/image_02.jpg +0 -0
  156. package/examples/img/masthead-image.png +0 -0
  157. package/examples/img/obama_1.jpg +0 -0
  158. package/examples/img/obama_2.jpg +0 -0
  159. package/examples/img/overlay-img.jpg +0 -0
  160. package/examples/img/react-logo--vector.svg +0 -49
  161. package/examples/img/sd-ui-framework__logo-01.svg +0 -33
  162. package/examples/img/sd-ui-framework__logo.svg +0 -20
  163. package/examples/img/th01.jpg +0 -0
  164. package/examples/img/th02.jpg +0 -0
  165. package/examples/img/th03.jpg +0 -0
  166. package/examples/index.html +0 -11
  167. package/examples/index.js +0 -468
  168. package/examples/js/doc.js +0 -230
  169. package/examples/js/react.js +0 -263
  170. package/examples/pages/components/Alerts.tsx +0 -291
  171. package/examples/pages/components/Autocomplete.tsx +0 -434
  172. package/examples/pages/components/Avatar.tsx +0 -659
  173. package/examples/pages/components/Badges.tsx +0 -221
  174. package/examples/pages/components/BigIconFont.tsx +0 -48
  175. package/examples/pages/components/BoxedList.tsx +0 -517
  176. package/examples/pages/components/ButtonGroups.tsx +0 -366
  177. package/examples/pages/components/Buttons.tsx +0 -565
  178. package/examples/pages/components/Card.tsx +0 -23
  179. package/examples/pages/components/Carousel.tsx +0 -235
  180. package/examples/pages/components/Checkboxs.tsx +0 -817
  181. package/examples/pages/components/Container.tsx +0 -190
  182. package/examples/pages/components/ContentDivider.tsx +0 -229
  183. package/examples/pages/components/ContentList.tsx +0 -786
  184. package/examples/pages/components/CreateButton.tsx +0 -121
  185. package/examples/pages/components/DatePicker.tsx +0 -245
  186. package/examples/pages/components/DateTimePicker.tsx +0 -141
  187. package/examples/pages/components/DragHandleDocs.tsx +0 -122
  188. package/examples/pages/components/DropZone.tsx +0 -149
  189. package/examples/pages/components/Dropdowns.tsx +0 -587
  190. package/examples/pages/components/DurationInput.tsx +0 -157
  191. package/examples/pages/components/EmptyStates.tsx +0 -171
  192. package/examples/pages/components/GridItem.tsx +0 -507
  193. package/examples/pages/components/GridList.tsx +0 -126
  194. package/examples/pages/components/Heading.tsx +0 -152
  195. package/examples/pages/components/IconButtons.tsx +0 -191
  196. package/examples/pages/components/IconFont.tsx +0 -49
  197. package/examples/pages/components/IconLabels.tsx +0 -199
  198. package/examples/pages/components/IconPicker.tsx +0 -82
  199. package/examples/pages/components/IllustrationButton.tsx +0 -109
  200. package/examples/pages/components/Index.tsx +0 -563
  201. package/examples/pages/components/Inputs.tsx +0 -313
  202. package/examples/pages/components/Labels.tsx +0 -354
  203. package/examples/pages/components/LeftNavigations.tsx +0 -459
  204. package/examples/pages/components/ListItems.tsx +0 -33
  205. package/examples/pages/components/Loader.tsx +0 -25
  206. package/examples/pages/components/Menu.tsx +0 -181
  207. package/examples/pages/components/Modal.tsx +0 -557
  208. package/examples/pages/components/MultiSelect.tsx +0 -343
  209. package/examples/pages/components/NavButtons.tsx +0 -159
  210. package/examples/pages/components/Panel.tsx +0 -631
  211. package/examples/pages/components/Popover.tsx +0 -90
  212. package/examples/pages/components/QuickNavigationBar.tsx +0 -278
  213. package/examples/pages/components/RadioGroup.tsx +0 -612
  214. package/examples/pages/components/ResizablePanels.tsx +0 -43
  215. package/examples/pages/components/SelectGrid.tsx +0 -162
  216. package/examples/pages/components/SelectWithTemplate.tsx +0 -144
  217. package/examples/pages/components/Selects.tsx +0 -175
  218. package/examples/pages/components/SimpleList.tsx +0 -198
  219. package/examples/pages/components/SubNav.tsx +0 -160
  220. package/examples/pages/components/Switch.tsx +0 -298
  221. package/examples/pages/components/TableList.tsx +0 -315
  222. package/examples/pages/components/Tabs.tsx +0 -276
  223. package/examples/pages/components/TagInputDocs.tsx +0 -130
  224. package/examples/pages/components/Tags.tsx +0 -154
  225. package/examples/pages/components/Text.tsx +0 -184
  226. package/examples/pages/components/TimePicker.tsx +0 -179
  227. package/examples/pages/components/Toasts.tsx +0 -283
  228. package/examples/pages/components/Togglebox.tsx +0 -307
  229. package/examples/pages/components/Tooltips.tsx +0 -74
  230. package/examples/pages/components/TreeMenu.tsx +0 -315
  231. package/examples/pages/components/TreeSelect.tsx +0 -625
  232. package/examples/pages/components/WithPaginationDocs.tsx +0 -56
  233. package/examples/pages/components/WithSizeObserver.tsx +0 -44
  234. package/examples/pages/components/tree-select/TreeSelect.tsx +0 -322
  235. package/examples/pages/components/tree-select/example-1.tsx +0 -67
  236. package/examples/pages/components/tree-select/example-2.tsx +0 -56
  237. package/examples/pages/components/utilities/BorderRadiusUtilities.tsx +0 -71
  238. package/examples/pages/components/utilities/BorderUtilities.tsx +0 -169
  239. package/examples/pages/components/utilities/DisplayUtilities.tsx +0 -115
  240. package/examples/pages/components/utilities/FlexAndGridUtilities.tsx +0 -551
  241. package/examples/pages/components/utilities/ObjectFitUtilities.tsx +0 -51
  242. package/examples/pages/components/utilities/ObjectPositionUtilities.tsx +0 -67
  243. package/examples/pages/components/utilities/OpacityUtilities.tsx +0 -61
  244. package/examples/pages/components/utilities/OverflowUtilities.tsx +0 -92
  245. package/examples/pages/components/utilities/PositionUtilities.tsx +0 -51
  246. package/examples/pages/components/utilities/ShadowUtilities.tsx +0 -122
  247. package/examples/pages/components/utilities/SpacingUtilities.tsx +0 -1079
  248. package/examples/pages/components/utilities/TextUtilities.tsx +0 -560
  249. package/examples/pages/components.html +0 -15
  250. package/examples/pages/components_deprecated/alerts.html +0 -113
  251. package/examples/pages/components_deprecated/badge.html +0 -79
  252. package/examples/pages/components_deprecated/basic-grid.html +0 -132
  253. package/examples/pages/components_deprecated/big-icons.html +0 -65
  254. package/examples/pages/components_deprecated/buttons.html +0 -631
  255. package/examples/pages/components_deprecated/carousel.html +0 -77
  256. package/examples/pages/components_deprecated/checkbox.html +0 -86
  257. package/examples/pages/components_deprecated/colors.html +0 -12
  258. package/examples/pages/components_deprecated/dropdown.html +0 -542
  259. package/examples/pages/components_deprecated/form-layout.html +0 -187
  260. package/examples/pages/components_deprecated/icon-labels.html +0 -34
  261. package/examples/pages/components_deprecated/icons.html +0 -194
  262. package/examples/pages/components_deprecated/input.html +0 -233
  263. package/examples/pages/components_deprecated/labels.html +0 -170
  264. package/examples/pages/components_deprecated/layout-grid.html +0 -227
  265. package/examples/pages/components_deprecated/left-nav.html +0 -83
  266. package/examples/pages/components_deprecated/list-item.html +0 -1342
  267. package/examples/pages/components_deprecated/loader.html +0 -64
  268. package/examples/pages/components_deprecated/modal-template.html +0 -13
  269. package/examples/pages/components_deprecated/modals.html +0 -561
  270. package/examples/pages/components_deprecated/other-elements.html +0 -54
  271. package/examples/pages/components_deprecated/panel-info.html +0 -34
  272. package/examples/pages/components_deprecated/radio.html +0 -64
  273. package/examples/pages/components_deprecated/select.html +0 -160
  274. package/examples/pages/components_deprecated/shadows.html +0 -24
  275. package/examples/pages/components_deprecated/sidebar-menu.html +0 -111
  276. package/examples/pages/components_deprecated/simple-list.html +0 -113
  277. package/examples/pages/components_deprecated/slider.html +0 -31
  278. package/examples/pages/components_deprecated/spacing.html +0 -117
  279. package/examples/pages/components_deprecated/switch.html +0 -31
  280. package/examples/pages/components_deprecated/tables.html +0 -58
  281. package/examples/pages/components_deprecated/tabs.html +0 -257
  282. package/examples/pages/components_deprecated/tag-input.html +0 -123
  283. package/examples/pages/components_deprecated/tag-labels.html +0 -57
  284. package/examples/pages/components_deprecated/text.html +0 -55
  285. package/examples/pages/components_deprecated/toggle.html +0 -63
  286. package/examples/pages/components_deprecated/tooltips.html +0 -29
  287. package/examples/pages/components_deprecated/vertical-tabs.html +0 -48
  288. package/examples/pages/components_deprecated/wizard.html +0 -41
  289. package/examples/pages/components_deprecated.html +0 -39
  290. package/examples/pages/design/application-structure.html +0 -168
  291. package/examples/pages/design/buttons.html +0 -34
  292. package/examples/pages/design/checkbox-and-radio.html +0 -64
  293. package/examples/pages/design/layout-principles.html +0 -45
  294. package/examples/pages/design/modules.html +0 -22
  295. package/examples/pages/design/pages.html +0 -22
  296. package/examples/pages/design/switch.html +0 -55
  297. package/examples/pages/design-patterns/Index.tsx +0 -42
  298. package/examples/pages/design-patterns/ThreePaneLayoutPattern.tsx +0 -378
  299. package/examples/pages/design-patterns.html +0 -14
  300. package/examples/pages/design.html +0 -39
  301. package/examples/pages/main.html +0 -76
  302. package/examples/pages/playgrounds/accessible-theme-test.html +0 -813
  303. package/examples/pages/playgrounds/boxed-list.html +0 -164
  304. package/examples/pages/playgrounds/cards.html +0 -244
  305. package/examples/pages/playgrounds/circular-progress.html +0 -48
  306. package/examples/pages/playgrounds/dummy-data/items.ts +0 -95
  307. package/examples/pages/playgrounds/editor-3-test.html +0 -15
  308. package/examples/pages/playgrounds/form-layout.html +0 -285
  309. package/examples/pages/playgrounds/layout-grid.html +0 -79
  310. package/examples/pages/playgrounds/layout-snippets/edit-article.html +0 -415
  311. package/examples/pages/playgrounds/layout-test-2.html +0 -795
  312. package/examples/pages/playgrounds/list-item-test.html +0 -896
  313. package/examples/pages/playgrounds/main.html +0 -16
  314. package/examples/pages/playgrounds/master-desk.html +0 -1678
  315. package/examples/pages/playgrounds/media-carousel.html +0 -1166
  316. package/examples/pages/playgrounds/nav-buttons.html +0 -65
  317. package/examples/pages/playgrounds/photo-desk.html +0 -1515
  318. package/examples/pages/playgrounds/photo-snippets/edit-photo-metadata.html +0 -208
  319. package/examples/pages/playgrounds/planning-snippets/edit-event.html +0 -187
  320. package/examples/pages/playgrounds/planning-snippets/edit-planning.html +0 -457
  321. package/examples/pages/playgrounds/planning.html +0 -1112
  322. package/examples/pages/playgrounds/publish-snippets/edit-article.html +0 -37
  323. package/examples/pages/playgrounds/publish.html +0 -1007
  324. package/examples/pages/playgrounds/publisher-content-analytics.html +0 -376
  325. package/examples/pages/playgrounds/publisher-content-list-automatic.html +0 -296
  326. package/examples/pages/playgrounds/publisher-content-list-manual.html +0 -611
  327. package/examples/pages/playgrounds/publisher-content-lists.html +0 -255
  328. package/examples/pages/playgrounds/publisher-dashboard.html +0 -323
  329. package/examples/pages/playgrounds/publisher-output-control.html +0 -3659
  330. package/examples/pages/playgrounds/publisher-website-settings-general.html +0 -188
  331. package/examples/pages/playgrounds/publisher-website-settings.html +0 -265
  332. package/examples/pages/playgrounds/react-playgrounds/CoreLayout.tsx +0 -952
  333. package/examples/pages/playgrounds/react-playgrounds/EditorTest.tsx +0 -649
  334. package/examples/pages/playgrounds/react-playgrounds/FirstPlayground.tsx +0 -236
  335. package/examples/pages/playgrounds/react-playgrounds/Index.tsx +0 -11
  336. package/examples/pages/playgrounds/react-playgrounds/Multiedit.tsx +0 -401
  337. package/examples/pages/playgrounds/react-playgrounds/PageLayoutTest.tsx +0 -210
  338. package/examples/pages/playgrounds/react-playgrounds/PersonalProfile.tsx +0 -835
  339. package/examples/pages/playgrounds/react-playgrounds/RundownEditor.tsx +0 -580
  340. package/examples/pages/playgrounds/react-playgrounds/Rundowns.tsx +0 -1415
  341. package/examples/pages/playgrounds/react-playgrounds/SamsPlayground.tsx +0 -401
  342. package/examples/pages/playgrounds/react-playgrounds/TestGround.tsx +0 -2710
  343. package/examples/pages/playgrounds/react-playgrounds/UiPlayground.tsx +0 -410
  344. package/examples/pages/playgrounds/react-playgrounds/components/AuthoringContainer.tsx +0 -25
  345. package/examples/pages/playgrounds/react-playgrounds/components/AuthoringContent.tsx +0 -86
  346. package/examples/pages/playgrounds/react-playgrounds/components/ContentSplitter.tsx +0 -19
  347. package/examples/pages/playgrounds/react-playgrounds/components/GraphicButton.tsx +0 -34
  348. package/examples/pages/playgrounds/react-playgrounds/components/GraphicButtonsGroup.tsx +0 -11
  349. package/examples/pages/playgrounds/react-playgrounds/components/HeaderPanel.tsx +0 -11
  350. package/examples/pages/playgrounds/react-playgrounds/components/Index.tsx +0 -20
  351. package/examples/pages/playgrounds/react-playgrounds/components/Layout.tsx +0 -27
  352. package/examples/pages/playgrounds/react-playgrounds/components/LayoutContainer.tsx +0 -15
  353. package/examples/pages/playgrounds/react-playgrounds/components/LeftPanel.tsx +0 -15
  354. package/examples/pages/playgrounds/react-playgrounds/components/MainPanel.tsx +0 -24
  355. package/examples/pages/playgrounds/react-playgrounds/components/OverlayPanel.tsx +0 -17
  356. package/examples/pages/playgrounds/react-playgrounds/components/Panel.tsx +0 -23
  357. package/examples/pages/playgrounds/react-playgrounds/components/PanelContent.tsx +0 -11
  358. package/examples/pages/playgrounds/react-playgrounds/components/PanelContentBlock.tsx +0 -19
  359. package/examples/pages/playgrounds/react-playgrounds/components/PanelFooter.tsx +0 -17
  360. package/examples/pages/playgrounds/react-playgrounds/components/PanelHeader.tsx +0 -31
  361. package/examples/pages/playgrounds/react-playgrounds/components/RightPanel.tsx +0 -16
  362. package/examples/pages/playgrounds/react-playgrounds/components/SearchBar.tsx +0 -87
  363. package/examples/pages/playgrounds/react-playgrounds/components/SidebarMenu.tsx +0 -76
  364. package/examples/pages/playgrounds/react-playgrounds/components/SubNav.tsx +0 -17
  365. package/examples/pages/playgrounds/react-playgrounds/components/ThemeDropdown.tsx +0 -57
  366. package/examples/pages/playgrounds/react-playgrounds/tsconfig.json +0 -4
  367. package/examples/pages/playgrounds/settings.html +0 -92
  368. package/examples/pages/playgrounds/side-navigation.html +0 -201
  369. package/examples/pages/playgrounds/swimlane-view.html +0 -1975
  370. package/examples/pages/playgrounds/tags-input.html +0 -55
  371. package/examples/pages/playgrounds/toasts.html +0 -113
  372. package/examples/pages/playgrounds/video-editor.html +0 -706
  373. package/examples/pages/playgrounds.html +0 -40
@@ -1,410 +0,0 @@
1
- import * as React from 'react';
2
- import * as Components from './components/Index';
3
- import {
4
- ButtonGroup,
5
- Button,
6
- NavButton,
7
- SubNav,
8
- Dropdown,
9
- RadioButtonGroup,
10
- Input,
11
- Select,
12
- Option,
13
- Label,
14
- Icon,
15
- IconButton,
16
- Checkbox,
17
- GridList,
18
- Badge,
19
- } from '../../../../app-typescript/index';
20
- import * as GridElements from '../../../../app-typescript/components/GridItem';
21
-
22
- import dummy_items from '../dummy-data/items';
23
-
24
- interface IProps {
25
- children?: React.ReactNode;
26
- }
27
-
28
- interface IState {
29
- theme: 'dark' | 'light' | string;
30
- itemType: string;
31
- dropDownState: string;
32
- openPreview: boolean;
33
- openFilter: boolean;
34
- itemSelected1: boolean;
35
- itemSelected2: boolean;
36
- itemSelected3: boolean;
37
- value1: boolean;
38
- }
39
-
40
- export class UiPlayground extends React.Component<IProps, IState> {
41
- constructor(props: IProps) {
42
- super(props);
43
- this.state = {
44
- theme: 'light',
45
- itemType: 'itemtype01',
46
- dropDownState: '',
47
- openPreview: false,
48
- openFilter: false,
49
- itemSelected1: false,
50
- itemSelected2: false,
51
- itemSelected3: false,
52
- value1: false,
53
- };
54
- this.handleFilter = this.handleFilter.bind(this);
55
- this.handlePreview = this.handlePreview.bind(this);
56
- this.handleTheme = this.handleTheme.bind(this);
57
- }
58
-
59
- handleFilter() {
60
- this.setState((state) => ({
61
- openFilter: !state.openFilter,
62
- }));
63
- }
64
-
65
- handlePreview() {
66
- this.setState((state) => ({
67
- openPreview: !state.openPreview,
68
- }));
69
- }
70
-
71
- handleTheme(newTheme: string) {
72
- this.setState({
73
- theme: newTheme,
74
- });
75
- }
76
-
77
- changeStatus(item: any, status: string) {
78
- if (item.status.includes(status)) {
79
- item.status.splice(item.status.indexOf(status), 1);
80
- } else {
81
- item.status.push(status);
82
- }
83
- }
84
-
85
- render() {
86
- return (
87
- <Components.Layout header="UI Playground" theme={this.state.theme}>
88
- <Components.SidebarMenu
89
- items={[
90
- {icon: 'dashboard', size: 'big'},
91
- {icon: 'view', size: 'big'},
92
- {icon: 'marked-star', size: 'big'},
93
- {icon: 'spike', size: 'big'},
94
- {icon: 'personal', size: 'big'},
95
- {icon: 'global-search', size: 'big'},
96
- {icon: 'picture', size: 'big', active: true},
97
- ]}
98
- />
99
-
100
- <Components.LayoutContainer>
101
- <Components.HeaderPanel>
102
- <SubNav>
103
- <ButtonGroup align="inline">
104
- <Dropdown
105
- items={[
106
- {
107
- type: 'group',
108
- label: 'Archives',
109
- items: [
110
- 'divider',
111
- {
112
- label: 'All archives',
113
- onSelect: () => this.setState({dropDownState: 'All archives'}),
114
- },
115
- {
116
- label: 'Media archive',
117
- onSelect: () => this.setState({dropDownState: 'Media archive'}),
118
- },
119
- {
120
- label: 'File archive',
121
- onSelect: () => this.setState({dropDownState: 'File archive'}),
122
- },
123
- {
124
- label: 'AP images',
125
- onSelect: () => this.setState({dropDownState: 'AP archive'}),
126
- },
127
- ],
128
- },
129
- ]}
130
- >
131
- <NavButton
132
- text={this.state.dropDownState ? this.state.dropDownState : 'All Archives'}
133
- onClick={() => false}
134
- />
135
- </Dropdown>
136
- </ButtonGroup>
137
- <Components.SearchBar placeholder="Search media"></Components.SearchBar>
138
-
139
- <ButtonGroup align="end">
140
- <NavButton icon="dots-vertical" onClick={() => false} />
141
- </ButtonGroup>
142
- </SubNav>
143
- <SubNav>
144
- <ButtonGroup align="inline">
145
- <NavButton icon="filter-large" onClick={this.handleFilter} />
146
- </ButtonGroup>
147
- <RadioButtonGroup
148
- options={[
149
- {value: 'test10', label: 'Radio button with icon'},
150
- {value: 'test11', label: 'I have an icon!'},
151
- {value: 'test12', label: 'Yeah, me too!'},
152
- ]}
153
- group={{padded: true}}
154
- value={this.state.itemType}
155
- onChange={(value) => this.setState({itemType: value})}
156
- />
157
- <ButtonGroup align="end" spaces="no-space">
158
- <Dropdown
159
- items={[
160
- {
161
- type: 'group',
162
- label: 'Chose a theme',
163
- items: [
164
- 'divider',
165
- {
166
- label: 'Light',
167
- icon: 'adjust',
168
- onSelect: () => this.handleTheme('light-ui'),
169
- },
170
- {
171
- label: 'Dark',
172
- icon: 'adjust',
173
- onSelect: () => this.handleTheme('dark-ui'),
174
- },
175
- {
176
- label: 'Accessible Light',
177
- icon: 'adjust',
178
- onSelect: () => this.handleTheme('accessible-light-ui'),
179
- },
180
- ],
181
- },
182
- ]}
183
- >
184
- <NavButton type="default" icon="adjust" onClick={() => false} />
185
- </Dropdown>
186
- <NavButton icon="th-list" onClick={() => false} />
187
- </ButtonGroup>
188
- </SubNav>
189
- </Components.HeaderPanel>
190
- {/* TOOLBAR HEADER */}
191
-
192
- <Components.LeftPanel open={this.state.openFilter}>
193
- <Components.Panel side="left" background="grey">
194
- <Components.PanelHeader handleFilterParent={this.handleFilter} title="Advanced filters" />
195
- <Components.PanelContent>
196
- <Components.PanelContentBlock>
197
- <div className="form__group">
198
- <div className="form__item">
199
- <Input
200
- label="Title"
201
- error="This is error message"
202
- type="text"
203
- value="Title"
204
- inlineLabel={false}
205
- disabled={false}
206
- onChange={() => false}
207
- />
208
- </div>
209
- </div>
210
- <div className="form__group">
211
- <div className="form__item">
212
- <Select
213
- label="Source"
214
- value="Select ingest source..."
215
- error="This is error message"
216
- inlineLabel={false}
217
- disabled={false}
218
- onChange={() => false}
219
- >
220
- <Option value="option-1">Select ingest source...</Option>
221
- <Option value="option-2">Associated Press</Option>
222
- <Option value="option-3">Reuters</Option>
223
- </Select>
224
- </div>
225
- </div>
226
-
227
- <div className="form__group">
228
- <div className="form__item">
229
- <Input
230
- label="Keyword"
231
- error="This is error message"
232
- type="text"
233
- value="Keyword"
234
- inlineLabel={false}
235
- disabled={false}
236
- onChange={() => false}
237
- />
238
- </div>
239
- </div>
240
-
241
- <div className="form__group">
242
- <div className="form__item">
243
- <Select
244
- label="Usage right"
245
- value="--- Not selected ---"
246
- error="This is error message"
247
- info="Dolor in hendrerit."
248
- inlineLabel={false}
249
- disabled={false}
250
- onChange={() => false}
251
- >
252
- <Option value="">--- Not selected ---</Option>
253
- <Option value="single">Single usage</Option>
254
- <Option value="time">Time restricted</Option>
255
- <Option value="bananas">Indefinite usage</Option>
256
- <Option value="indefinite">Pears</Option>
257
- </Select>
258
- </div>
259
- </div>
260
- </Components.PanelContentBlock>
261
- </Components.PanelContent>
262
- <Components.PanelFooter>
263
- <Button text="Clear" style="hollow" onClick={() => false} />
264
- <Button text="Submit" type="primary" onClick={() => false} />
265
- </Components.PanelFooter>
266
- </Components.Panel>
267
- </Components.LeftPanel>
268
- {/* FILTER PANEL*/}
269
-
270
- <Components.MainPanel>
271
- <GridList size="small" gap="medium" margin="3">
272
- {dummy_items.map((item: any, index: any) => (
273
- <GridElements.GridItem
274
- locked={item.locked}
275
- status={item.status}
276
- onClick={this.handlePreview}
277
- itemtype={item.type}
278
- key={index}
279
- >
280
- <GridElements.GridItemCheckWrapper>
281
- <Checkbox
282
- checked={item.selected}
283
- label={{text: ''}}
284
- onChange={(value) => {
285
- item.selected = value;
286
- this.changeStatus(item, 'selected');
287
- }}
288
- />
289
- </GridElements.GridItemCheckWrapper>
290
- <GridElements.GridItemTopActions>
291
- <IconButton icon="fullscreen" ariaValue="More actions" onClick={() => false} />
292
- </GridElements.GridItemTopActions>
293
- <GridElements.GridItemMedia>
294
- {item.image ? <img src={item.image} alt={item.imageAlt} /> : null}
295
- </GridElements.GridItemMedia>
296
- <GridElements.GridItemContent>
297
- <GridElements.GridItemTime time={item.date} />
298
- <GridElements.GridItemTitle>{item.title}</GridElements.GridItemTitle>
299
- <GridElements.GridItemText>{item.description}</GridElements.GridItemText>
300
- </GridElements.GridItemContent>
301
- <GridElements.GridItemFooter>
302
- <GridElements.GridItemFooterBlock align="left">
303
- <Icon name={item.type} className="sd-grid-item__type-icn" />
304
- <Badge text={item.urgency} color={item.urgencyColor} />
305
- <Badge text={item.priority} shape="square" color={item.priorityColor} />
306
- </GridElements.GridItemFooterBlock>
307
- <GridElements.GridItemFooterActions>
308
- <IconButton
309
- icon="dots-vertical"
310
- ariaValue="More actions"
311
- onClick={() => this.changeStatus(item, 'archived')}
312
- />
313
- </GridElements.GridItemFooterActions>
314
- </GridElements.GridItemFooter>
315
- </GridElements.GridItem>
316
- ))}
317
- </GridList>
318
- </Components.MainPanel>
319
- {/* MAIN CONTENT (Monitoring) */}
320
-
321
- <Components.RightPanel open={this.state.openPreview}>
322
- <Components.Panel side="right">
323
- <Components.PanelHeader title="Item details" handleFilterParent={this.handlePreview} />
324
- <Components.PanelContent>
325
- <Components.PanelContentBlock flex={true}>
326
- <div className="side-panel__content-block-inner side-panel__content-block-inner--grow">
327
- <p className="sd-text__date-and-author">
328
- <time>Created 19.06.2020 by </time>{' '}
329
- <span className="sd-text__author">Mika Karapet</span>
330
- </p>
331
- <p className="sd-text__date-and-author">
332
- <time>Updated 3 hours ago by</time>{' '}
333
- <span className="sd-text__author">John Doe</span>
334
- </p>
335
- </div>
336
- <div className="side-panel__content-block-inner side-panel__content-block-inner--right">
337
- <Dropdown
338
- align="right"
339
- items={[
340
- {
341
- type: 'group',
342
- label: 'Actions',
343
- items: [
344
- 'divider',
345
- {
346
- label: 'Edit',
347
- icon: 'pencil',
348
- onSelect: () => this.setState({dropDownState: 'Edit '}),
349
- },
350
- {
351
- label: 'Download',
352
- icon: 'download',
353
- onSelect: () => this.setState({dropDownState: 'Download'}),
354
- },
355
- {
356
- label: 'Delete',
357
- icon: 'trash',
358
- onSelect: () => this.setState({dropDownState: 'Delete'}),
359
- },
360
- ],
361
- },
362
- ]}
363
- >
364
- <IconButton
365
- ariaValue="dropdown-more-options"
366
- icon="dots-vertical"
367
- onClick={() => false}
368
- />
369
- </Dropdown>
370
- </div>
371
- </Components.PanelContentBlock>
372
- <Components.PanelContentBlock padding="0" className="side-panel__content-block--image">
373
- <span className="side-panel__image-actions">
374
- <IconButton
375
- ariaValue="button-fullscreen"
376
- icon="fullscreen"
377
- onClick={() => false}
378
- />
379
- </span>
380
- <img src="/d_trump.jpg" alt="test" />
381
- </Components.PanelContentBlock>
382
-
383
- <Components.PanelContentBlock>
384
- <div className="form__row">
385
- <label className="form-label form-label--light">Title</label>
386
- <p className="sd-text__title">Cursus Aenean</p>
387
- </div>
388
- <div className="form__row">
389
- <label className="form-label form-label--light">Description</label>
390
- <p className="sd-text sd-text--medium">
391
- Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi leo risus,
392
- porta ac consectetur, vestibulum eros.
393
- </p>
394
- </div>
395
- <div className="form__row">
396
- <Label text="Public" type="success" style="hollow" size="large" />
397
- </div>
398
- </Components.PanelContentBlock>
399
- </Components.PanelContent>
400
- </Components.Panel>
401
- </Components.RightPanel>
402
- {/* PREVIEW PANEL*/}
403
-
404
- <Components.OverlayPanel />
405
- {/* OVERLAY PANEL (Send To) */}
406
- </Components.LayoutContainer>
407
- </Components.Layout>
408
- );
409
- }
410
- }
@@ -1,25 +0,0 @@
1
- import * as React from 'react';
2
- import classNames from 'classnames';
3
-
4
- interface IProps {
5
- children?: React.ReactNode;
6
- side?: 'left' | 'right';
7
- background?: 'transparent' | 'light' | 'grey' | 'dark';
8
- open?: boolean;
9
- }
10
-
11
- export class AuthoringContainer extends React.PureComponent<IProps> {
12
- render() {
13
- let classes = classNames('sd-content-wrapper__authoring-content-area', {
14
- [`sd-content-wrapper__authoring-content-area--${this.props.side}`]: this.props.side,
15
- [`sd-content-wrapper__authoring-content-area--${this.props.background}`]:
16
- this.props.background !== 'light' && this.props.background !== undefined,
17
- 'open-editor': this.props.open,
18
- });
19
- return (
20
- <div className={classes}>
21
- <div className="sd-editor__container">{this.props.children}</div>
22
- </div>
23
- );
24
- }
25
- }
@@ -1,86 +0,0 @@
1
- import * as React from 'react';
2
-
3
- interface IProps {
4
- children?: React.ReactNode;
5
- open?: boolean;
6
- }
7
-
8
- export class AuthoringContent extends React.PureComponent<IProps> {
9
- render() {
10
- if (this.props.open) {
11
- return (
12
- <React.Fragment>
13
- <div className="sd-content-wrapper__content-splitter"></div>
14
- <div className="sd-content-wrapper__authoring-content-area">
15
- <div className="sd-authoring-page">
16
- <div className="sd-authoring-page__header">
17
- <div className="subnav subnav--darker">
18
- <div className="subnav__stretch-bar">
19
- <figure className="avatar">VS</figure>
20
- </div>
21
- <div className="subnav__stretch-bar subnav__stretch-bar--right">
22
- <button className="btn">Cancel</button>
23
- <button className="btn btn--primary">Save</button>
24
- </div>
25
- <button className="navbtn">
26
- <i className="big-icon--minimize"></i>
27
- </button>
28
- <button className="navbtn">
29
- <i className="icon-dots-vertical"></i>
30
- </button>
31
- <button className="navbtn navbtn--highlighted">
32
- <i className="big-icon--send-to"></i>
33
- </button>
34
- </div>
35
- </div>
36
- <div className="sd-authoring-page__main-container"></div>
37
- <div className="sd-authoring-page__side-tabs sd-sidetab-menu sd-sidetab-menu--right sd-sidetab-menu--static">
38
- <ul>
39
- <li data-sd-tooltip="Info" data-flow="left">
40
- <a className="sd-sidetab-menu__btn">
41
- <i className="sd-sidetab-menu__main-icon big-icon--info"></i>
42
- <i className="sd-sidetab-menu__helper-icon icon-close-small"></i>
43
- </a>
44
- </li>
45
- <li data-sd-tooltip="Find & Replace" data-flow="left">
46
- <a className="sd-sidetab-menu__btn">
47
- <i className="sd-sidetab-menu__main-icon big-icon--find-replace"></i>
48
- <i className="sd-sidetab-menu__helepr-icon icon-close-small"></i>
49
- </a>
50
- </li>
51
- <li data-sd-tooltip="Comments" data-flow="left">
52
- <a className="sd-sidetab-menu__btn">
53
- <i className="sd-sidetab-menu__main-icon big-icon--chat"></i>
54
- <i className="sd-sidetab-menu__helepr-icon icon-close-small"></i>
55
- </a>
56
- </li>
57
- <li data-sd-tooltip="Versions / History" data-flow="left">
58
- <a className="sd-sidetab-menu__btn">
59
- <i className="sd-sidetab-menu__main-icon big-icon--history"></i>
60
- <i className="sd-sidetab-menu__helepr-icon icon-close-small"></i>
61
- </a>
62
- </li>
63
- <li data-sd-tooltip="Macros" data-flow="left">
64
- <a className="sd-sidetab-menu__btn">
65
- <i className="sd-sidetab-menu__main-icon big-icon--macro"></i>
66
- <i className="sd-sidetab-menu__helepr-icon icon-close-small"></i>
67
- </a>
68
- </li>
69
- <li data-sd-tooltip="Macros" data-flow="left">
70
- <a className="sd-sidetab-menu__btn">
71
- <i className="sd-sidetab-menu__main-icon big-icon--comments"></i>
72
- <i className="sd-sidetab-menu__helepr-icon icon-close-small"></i>
73
- </a>
74
- </li>
75
- </ul>
76
- </div>
77
- <div className="sd-authoring-page__publish-container"></div>
78
- </div>
79
- </div>
80
- </React.Fragment>
81
- );
82
- } else {
83
- return null;
84
- }
85
- }
86
- }
@@ -1,19 +0,0 @@
1
- import * as React from 'react';
2
- import classNames from 'classnames';
3
-
4
- interface IProps {
5
- children?: React.ReactNode;
6
- background?: 'transparent' | 'light' | 'grey' | 'dark';
7
- visible?: boolean; // defaults to light (white)
8
- }
9
-
10
- export class ContentSplitter extends React.PureComponent<IProps> {
11
- render() {
12
- let classes = classNames('sd-content-wrapper__content-splitter', {
13
- [`sd-content-wrapper__content-splitter--${this.props.background}`]:
14
- this.props.background !== 'light' && this.props.background !== undefined,
15
- 'content-splitter--visible': this.props.visible,
16
- });
17
- return <div className={classes}>{this.props.children}</div>;
18
- }
19
- }
@@ -1,34 +0,0 @@
1
- import * as React from 'react';
2
-
3
- interface IGraphicButton {
4
- children?: never;
5
- graphic?: 'components' | 'design' | 'playground' | 'react';
6
- text?: string;
7
- link?: string;
8
- smallText?: string;
9
- }
10
-
11
- export class GraphicButton extends React.PureComponent<IGraphicButton> {
12
- constructor(props: IGraphicButton) {
13
- super(props);
14
- this.onSubmit = this.onSubmit.bind(this);
15
- }
16
- onSubmit = () => {
17
- if (this.props.link != null) {
18
- window.location.href = this.props.link;
19
- }
20
- };
21
- render() {
22
- return (
23
- <a className="docs-page__graphic-btn" onClick={this.onSubmit}>
24
- <figure className="docs-page__graphic-btn-graphic">
25
- <img src={'/illustration-small--' + this.props.graphic + '.svg'} />
26
- </figure>
27
- <label className="docs-page__graphic-btn-label">
28
- <span className="docs-page__text">{this.props.text}</span>
29
- <span className="docs-page__small-text">{this.props.smallText}</span>
30
- </label>
31
- </a>
32
- );
33
- }
34
- }
@@ -1,11 +0,0 @@
1
- import * as React from 'react';
2
-
3
- interface IProps {
4
- children?: React.ReactNode;
5
- }
6
-
7
- export class GraphicButtonsGroup extends React.PureComponent<IProps> {
8
- render() {
9
- return <div className="docs-page__button-grid">{this.props.children}</div>;
10
- }
11
- }
@@ -1,11 +0,0 @@
1
- import * as React from 'react';
2
-
3
- interface IProps {
4
- children?: React.ReactNode;
5
- }
6
-
7
- export class HeaderPanel extends React.PureComponent<IProps> {
8
- render() {
9
- return <div className="sd-main-content-grid__header">{this.props.children}</div>;
10
- }
11
- }
@@ -1,20 +0,0 @@
1
- export {Layout} from './Layout';
2
- export {LayoutContainer} from './LayoutContainer';
3
- export {HeaderPanel} from './HeaderPanel';
4
- export {MainPanel} from './MainPanel';
5
- export {OverlayPanel} from './OverlayPanel';
6
- export {RightPanel} from './RightPanel';
7
- export {LeftPanel} from './LeftPanel';
8
- export {AuthoringContainer} from './AuthoringContainer';
9
- export {ContentSplitter} from './ContentSplitter';
10
-
11
- export {SubNav} from './SubNav';
12
- export {GraphicButtonsGroup} from './GraphicButtonsGroup';
13
- export {GraphicButton} from './GraphicButton';
14
- export {Panel} from './Panel';
15
- export {PanelContent} from './PanelContent';
16
- export {PanelContentBlock} from './PanelContentBlock';
17
- export {PanelHeader} from './PanelHeader';
18
- export {PanelFooter} from './PanelFooter';
19
- export {SearchBar} from './SearchBar';
20
- export {SidebarMenu} from './SidebarMenu';
@@ -1,27 +0,0 @@
1
- import * as React from 'react';
2
-
3
- interface IProps {
4
- header: string;
5
- children?: React.ReactNode;
6
- theme?: string;
7
- }
8
-
9
- export const Layout = ({header, children, theme}: IProps) => {
10
- return (
11
- <div className="sd-page-grid--test docs-page__full-width-helper" data-theme={theme}>
12
- <div className="sd-main-menu">
13
- <div className="sd-main-menu__inner"></div>
14
- </div>
15
- <header className="sd-top-menu">
16
- <a className="sd-top-menu__collapse-nav">
17
- <i className="icon-collapse icon--white"></i>
18
- </a>
19
- <p className="sd-top-menu__header">{header}</p>
20
- </header>
21
- <section id="1" className="sd-content sd-content-wrapper">
22
- {children}
23
- </section>
24
- <footer className="sd-bottom-bar">Footer</footer>
25
- </div>
26
- );
27
- };