superdesk-ui-framework 3.0.1-beta.2 → 3.0.1-beta.3

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 (328) hide show
  1. package/.vscode/settings.json +5 -0
  2. package/app/img/SD-logo.svg +52 -0
  3. package/app/styles/_accessibility.scss +1 -0
  4. package/app/styles/_big-icon-font.scss +3 -0
  5. package/app/styles/_boxed-list.scss +3 -0
  6. package/app/styles/_hamburger.scss +160 -0
  7. package/app/styles/_helpers.scss +11 -4
  8. package/app/styles/_icon-font.scss +3 -0
  9. package/app/styles/app.scss +3 -0
  10. package/app/styles/components/_sd-notification-panel.scss +48 -0
  11. package/app/styles/design-tokens/_design-tokens-general.scss +2 -5
  12. package/app/styles/design-tokens/_new-colors.scss +5 -0
  13. package/app/styles/form-elements/_inputs.scss +280 -63
  14. package/app/styles/grids/_grid-layout.scss +119 -39
  15. package/app/styles/menus/_sd-bottom-tabs.scss +70 -0
  16. package/app/styles/menus/_sd-left-navigation.scss +24 -1
  17. package/app/styles/menus/_sd-sidebar-menu.scss +10 -14
  18. package/app/styles/menus/_sd-top-menu.scss +19 -5
  19. package/app/styles/primereact/_pr-dropdown.scss +0 -2
  20. package/app-typescript/components/DatePicker.tsx +67 -20
  21. package/app-typescript/components/DonutChart.tsx +1 -1
  22. package/app-typescript/components/Icon.tsx +1 -1
  23. package/app-typescript/components/IconButton.tsx +5 -1
  24. package/app-typescript/components/Input.tsx +17 -3
  25. package/app-typescript/components/Layouts/BottomBarAction.tsx +35 -0
  26. package/app-typescript/components/Layouts/CoreLayout.tsx +62 -0
  27. package/app-typescript/components/Layouts/CoreLayoutContainer.tsx +16 -0
  28. package/app-typescript/components/Layouts/CoreLayoutFooter.tsx +15 -0
  29. package/app-typescript/components/Layouts/CoreLayoutMain.tsx +16 -0
  30. package/app-typescript/components/Layouts/CoreLayoutOverlay.tsx +15 -0
  31. package/app-typescript/components/Layouts/CoreLayoutSlideInMenu.tsx +24 -0
  32. package/app-typescript/components/Layouts/CoreLayoutTopMenu.tsx +35 -0
  33. package/app-typescript/components/Layouts/HamburgerButton.tsx +41 -0
  34. package/app-typescript/components/Layouts/Layout.tsx +1 -1
  35. package/app-typescript/components/Layouts/MainMenu.tsx +101 -0
  36. package/app-typescript/components/Layouts/NotificationPanel.tsx +109 -0
  37. package/app-typescript/components/Layouts/index.tsx +12 -0
  38. package/app-typescript/components/LeftMenu.tsx +6 -0
  39. package/app-typescript/components/Lists/BoxedList.tsx +36 -4
  40. package/app-typescript/components/Menu.tsx +31 -7
  41. package/app-typescript/components/Modal.tsx +5 -2
  42. package/app-typescript/components/MultiSelect.tsx +65 -22
  43. package/app-typescript/components/NavButton.tsx +4 -0
  44. package/app-typescript/components/Navigation/BottomNav.tsx +82 -0
  45. package/app-typescript/components/Select.tsx +8 -0
  46. package/app-typescript/components/SelectGrid.tsx +1 -1
  47. package/app-typescript/components/Skeleton.tsx +1 -1
  48. package/app-typescript/components/Text/Time.tsx +34 -0
  49. package/app-typescript/components/Togglebox.tsx +1 -1
  50. package/app-typescript/components/Tooltip.tsx +7 -5
  51. package/app-typescript/components/WithSizeObserver.tsx +88 -0
  52. package/app-typescript/dist/components/Alert.d.ts +16 -0
  53. package/app-typescript/dist/components/Autocomplete.d.ts +48 -0
  54. package/app-typescript/dist/components/Avatar.d.ts +33 -0
  55. package/app-typescript/dist/components/Badge.d.ts +13 -0
  56. package/app-typescript/dist/components/Button.d.ts +23 -0
  57. package/app-typescript/dist/components/ButtonGroup.d.ts +12 -0
  58. package/app-typescript/dist/components/CheckButtonGroup.d.ts +11 -0
  59. package/app-typescript/dist/components/CheckGroup.d.ts +9 -0
  60. package/app-typescript/dist/components/Checkbox.d.ts +19 -0
  61. package/app-typescript/dist/components/CheckboxButton.d.ts +19 -0
  62. package/app-typescript/dist/components/DatePicker.d.ts +37 -0
  63. package/app-typescript/dist/components/Divider.d.ts +9 -0
  64. package/app-typescript/dist/components/DonutChart.d.ts +12 -0
  65. package/app-typescript/dist/components/Dropdown.d.ts +28 -0
  66. package/app-typescript/dist/components/DropdownFirst.d.ts +42 -0
  67. package/app-typescript/dist/components/EmptyState.d.ts +11 -0
  68. package/app-typescript/dist/components/FormLabel.d.ts +9 -0
  69. package/app-typescript/dist/components/Genie.d.ts +13 -0
  70. package/app-typescript/dist/components/GridItem.d.ts +69 -0
  71. package/app-typescript/dist/components/GridList.d.ts +14 -0
  72. package/app-typescript/dist/components/HeadingText.d.ts +10 -0
  73. package/app-typescript/dist/components/HelloWorld.d.ts +8 -0
  74. package/app-typescript/dist/components/Icon.d.ts +12 -0
  75. package/app-typescript/dist/components/IconButton.d.ts +12 -0
  76. package/app-typescript/dist/components/IconLabel.d.ts +11 -0
  77. package/app-typescript/dist/components/Input.d.ts +24 -0
  78. package/app-typescript/dist/components/Label.d.ts +15 -0
  79. package/app-typescript/dist/components/LeftMenu.d.ts +26 -0
  80. package/app-typescript/dist/components/Loader.d.ts +8 -0
  81. package/app-typescript/dist/components/NavButton.d.ts +15 -0
  82. package/app-typescript/dist/components/Popover.d.ts +13 -0
  83. package/app-typescript/dist/components/PropsList.d.ts +15 -0
  84. package/app-typescript/dist/components/Radio.d.ts +19 -0
  85. package/app-typescript/dist/components/RadioButton.d.ts +20 -0
  86. package/app-typescript/dist/components/Select.d.ts +29 -0
  87. package/app-typescript/dist/components/SelectWithTemplate.d.ts +32 -0
  88. package/app-typescript/dist/components/SlidingToolbar.d.ts +8 -0
  89. package/app-typescript/dist/components/StrechBar.d.ts +4 -0
  90. package/app-typescript/dist/components/SubNav.d.ts +10 -0
  91. package/app-typescript/dist/components/Switch.d.ts +12 -0
  92. package/app-typescript/dist/components/TabCustom.d.ts +25 -0
  93. package/app-typescript/dist/components/TabList.d.ts +22 -0
  94. package/app-typescript/dist/components/Tag.d.ts +9 -0
  95. package/app-typescript/dist/components/TagInput.d.ts +7 -0
  96. package/app-typescript/dist/components/TagInputTest.d.ts +18 -0
  97. package/app-typescript/dist/components/TimePicker.d.ts +11 -0
  98. package/app-typescript/dist/components/Tooltip.d.ts +11 -0
  99. package/app-typescript/dist/components/_Positioner.d.ts +27 -0
  100. package/app-typescript/dist/index.d.ts +56 -0
  101. package/app-typescript/helpers.tsx +3 -0
  102. package/app-typescript/index.ts +3 -0
  103. package/dist/SD-logo.svg +52 -0
  104. package/dist/examples.bundle.css +660 -0
  105. package/dist/examples.bundle.js +29711 -27786
  106. package/dist/playgrounds/accessible-theme-test.html +1 -1
  107. package/dist/playgrounds/layout-test-2.html +1 -1
  108. package/dist/playgrounds/list-item-test.html +1 -1
  109. package/dist/playgrounds/master-desk.html +1 -1
  110. package/dist/playgrounds/media-carousel.html +1 -1
  111. package/dist/playgrounds/photo-desk.html +1 -1
  112. package/dist/playgrounds/planning.html +1 -1
  113. package/dist/playgrounds/publish.html +1 -1
  114. package/dist/playgrounds/publisher-content-analytics.html +1 -1
  115. package/dist/playgrounds/publisher-content-list-automatic.html +1 -1
  116. package/dist/playgrounds/publisher-content-list-manual.html +1 -1
  117. package/dist/playgrounds/publisher-content-lists.html +1 -1
  118. package/dist/playgrounds/publisher-dashboard.html +1 -1
  119. package/dist/playgrounds/publisher-output-control.html +1 -1
  120. package/dist/playgrounds/react-playgrounds/CoreLayout.tsx +145 -0
  121. package/dist/playgrounds/react-playgrounds/Index.tsx +1 -0
  122. package/dist/playgrounds/react-playgrounds/TestGround.tsx +36 -0
  123. package/dist/playgrounds/react-playgrounds/components/Layout.tsx +1 -1
  124. package/dist/playgrounds/swimlane-view.html +1 -1
  125. package/dist/playgrounds/toasts.html +1 -1
  126. package/dist/playgrounds/video-editor.html +1 -1
  127. package/dist/react/DatePicker.tsx +10 -5
  128. package/dist/react/Index.tsx +5 -0
  129. package/dist/react/Inputs.tsx +109 -6
  130. package/dist/react/MultiSelect.tsx +6 -1
  131. package/dist/react/Selects.tsx +55 -0
  132. package/dist/react/WithSizeObserver.tsx +44 -0
  133. package/dist/superdesk-ui.bundle.css +2386 -116
  134. package/dist/superdesk-ui.bundle.js +30241 -28731
  135. package/dist/vendor.bundle.js +25026 -25026
  136. package/examples/index.js +4 -0
  137. package/examples/pages/playgrounds/accessible-theme-test.html +1 -1
  138. package/examples/pages/playgrounds/layout-test-2.html +1 -1
  139. package/examples/pages/playgrounds/list-item-test.html +1 -1
  140. package/examples/pages/playgrounds/master-desk.html +1 -1
  141. package/examples/pages/playgrounds/media-carousel.html +1 -1
  142. package/examples/pages/playgrounds/photo-desk.html +1 -1
  143. package/examples/pages/playgrounds/planning.html +1 -1
  144. package/examples/pages/playgrounds/publish.html +1 -1
  145. package/examples/pages/playgrounds/publisher-content-analytics.html +1 -1
  146. package/examples/pages/playgrounds/publisher-content-list-automatic.html +1 -1
  147. package/examples/pages/playgrounds/publisher-content-list-manual.html +1 -1
  148. package/examples/pages/playgrounds/publisher-content-lists.html +1 -1
  149. package/examples/pages/playgrounds/publisher-dashboard.html +1 -1
  150. package/examples/pages/playgrounds/publisher-output-control.html +1 -1
  151. package/examples/pages/playgrounds/react-playgrounds/CoreLayout.tsx +145 -0
  152. package/examples/pages/playgrounds/react-playgrounds/Index.tsx +1 -0
  153. package/examples/pages/playgrounds/react-playgrounds/TestGround.tsx +36 -0
  154. package/examples/pages/playgrounds/react-playgrounds/components/Layout.tsx +1 -1
  155. package/examples/pages/playgrounds/swimlane-view.html +1 -1
  156. package/examples/pages/playgrounds/toasts.html +1 -1
  157. package/examples/pages/playgrounds/video-editor.html +1 -1
  158. package/examples/pages/react/DatePicker.tsx +10 -5
  159. package/examples/pages/react/Index.tsx +5 -0
  160. package/examples/pages/react/Inputs.tsx +109 -6
  161. package/examples/pages/react/MultiSelect.tsx +6 -1
  162. package/examples/pages/react/Selects.tsx +55 -0
  163. package/examples/pages/react/WithSizeObserver.tsx +44 -0
  164. package/package.json +4 -4
  165. package/patches/@superdesk+primereact+5.0.2-4.patch +44 -0
  166. package/react/components/Alert.js +10 -8
  167. package/react/components/Autocomplete.js +16 -12
  168. package/react/components/Avatar.js +8 -6
  169. package/react/components/Badge.js +7 -5
  170. package/react/components/Button.js +8 -6
  171. package/react/components/ButtonGroup.js +7 -5
  172. package/react/components/Carousel.js +4 -2
  173. package/react/components/CheckButtonGroup.js +6 -4
  174. package/react/components/CheckGroup.js +5 -3
  175. package/react/components/Checkbox.js +5 -3
  176. package/react/components/CheckboxButton.js +6 -4
  177. package/react/components/ContentDivider.js +8 -6
  178. package/react/components/CreateButton.js +6 -4
  179. package/react/components/DatePicker.d.ts +10 -0
  180. package/react/components/DatePicker.js +60 -35
  181. package/react/components/Divider.js +6 -4
  182. package/react/components/DonutChart.d.ts +1 -1
  183. package/react/components/DonutChart.js +24 -6
  184. package/react/components/DropZone.js +6 -4
  185. package/react/components/Dropdown.js +7 -6
  186. package/react/components/DropdownFirst.js +18 -11
  187. package/react/components/EmptyState.js +7 -5
  188. package/react/components/Form/FormGroup.js +7 -5
  189. package/react/components/Form/FormItem.js +5 -3
  190. package/react/components/Form/FormLabel.js +5 -3
  191. package/react/components/Form/FormRow.js +5 -3
  192. package/react/components/Form/FormText.js +4 -2
  193. package/react/components/Form/index.js +1 -0
  194. package/react/components/FormLabel.js +5 -3
  195. package/react/components/GridItem.js +9 -7
  196. package/react/components/GridList.js +8 -6
  197. package/react/components/HeadingText.js +4 -2
  198. package/react/components/HelloWorld.js +4 -2
  199. package/react/components/Icon.d.ts +1 -1
  200. package/react/components/Icon.js +9 -7
  201. package/react/components/IconButton.js +8 -6
  202. package/react/components/IconLabel.js +7 -5
  203. package/react/components/IconPicker.js +13 -9
  204. package/react/components/Input.d.ts +6 -2
  205. package/react/components/Input.js +27 -13
  206. package/react/components/Label.js +10 -8
  207. package/react/components/Layouts/AuthorinInnerSideBar.js +4 -2
  208. package/react/components/Layouts/AuthoringContainer.js +7 -5
  209. package/react/components/Layouts/AuthoringFrame.js +4 -2
  210. package/react/components/Layouts/AuthoringFrameContainer.js +4 -2
  211. package/react/components/Layouts/AuthoringFrameLeftBar.js +4 -2
  212. package/react/components/Layouts/AuthoringFrameMain.js +4 -2
  213. package/react/components/Layouts/AuthoringFrameNavBar.js +4 -2
  214. package/react/components/Layouts/AuthoringFrameOverlay.js +4 -2
  215. package/react/components/Layouts/AuthoringFrameRightBar.js +4 -2
  216. package/react/components/Layouts/AuthoringFrameSidePanel.js +5 -3
  217. package/react/components/Layouts/AuthoringFrameSidePanelOverlay.js +5 -3
  218. package/react/components/Layouts/AuthoringInnerBody.js +4 -2
  219. package/react/components/Layouts/AuthoringInnerHeader.js +6 -4
  220. package/react/components/Layouts/AuthoringMain.js +4 -2
  221. package/react/components/Layouts/AuthoringMainContainer.js +4 -2
  222. package/react/components/Layouts/AuthoringMainContent.js +4 -2
  223. package/react/components/Layouts/AuthoringMainToolBar.js +5 -3
  224. package/react/components/Layouts/BottomBarAction.d.ts +12 -0
  225. package/react/components/Layouts/BottomBarAction.js +59 -0
  226. package/react/components/Layouts/Container.js +9 -7
  227. package/react/components/Layouts/ContentSplitter.js +6 -4
  228. package/react/components/Layouts/CoreLayout.d.ts +19 -0
  229. package/react/components/Layouts/CoreLayout.js +55 -0
  230. package/react/components/Layouts/CoreLayoutContainer.d.ts +9 -0
  231. package/react/components/Layouts/CoreLayoutContainer.js +49 -0
  232. package/react/components/Layouts/CoreLayoutFooter.d.ts +8 -0
  233. package/react/components/Layouts/CoreLayoutFooter.js +49 -0
  234. package/react/components/Layouts/CoreLayoutMain.d.ts +9 -0
  235. package/react/components/Layouts/CoreLayoutMain.js +49 -0
  236. package/react/components/Layouts/CoreLayoutOverlay.d.ts +8 -0
  237. package/react/components/Layouts/CoreLayoutOverlay.js +49 -0
  238. package/react/components/Layouts/CoreLayoutSlideInMenu.d.ts +11 -0
  239. package/react/components/Layouts/CoreLayoutSlideInMenu.js +58 -0
  240. package/react/components/Layouts/CoreLayoutTopMenu.d.ts +14 -0
  241. package/react/components/Layouts/CoreLayoutTopMenu.js +54 -0
  242. package/react/components/Layouts/HamburgerButton.d.ts +14 -0
  243. package/react/components/Layouts/HamburgerButton.js +63 -0
  244. package/react/components/Layouts/HeaderPanel.js +4 -2
  245. package/react/components/Layouts/Layout.js +4 -3
  246. package/react/components/Layouts/LayoutContainer.js +4 -2
  247. package/react/components/Layouts/LeftPanel.js +5 -3
  248. package/react/components/Layouts/MainMenu.d.ts +41 -0
  249. package/react/components/Layouts/MainMenu.js +103 -0
  250. package/react/components/Layouts/MainPanel.js +5 -3
  251. package/react/components/Layouts/NotificationPanel.d.ts +45 -0
  252. package/react/components/Layouts/NotificationPanel.js +110 -0
  253. package/react/components/Layouts/OverlayPanel.js +4 -2
  254. package/react/components/Layouts/PageLayout.js +4 -2
  255. package/react/components/Layouts/Panel.js +16 -14
  256. package/react/components/Layouts/RightPanel.js +4 -2
  257. package/react/components/Layouts/index.d.ts +11 -0
  258. package/react/components/Layouts/index.js +23 -0
  259. package/react/components/LeftMenu.d.ts +2 -0
  260. package/react/components/LeftMenu.js +19 -12
  261. package/react/components/ListItemLoader.js +4 -2
  262. package/react/components/Lists/BoxedList.d.ts +6 -0
  263. package/react/components/Lists/BoxedList.js +36 -15
  264. package/react/components/Lists/SimpleList.js +9 -7
  265. package/react/components/Lists/index.js +1 -0
  266. package/react/components/Loader.js +4 -2
  267. package/react/components/Menu.d.ts +2 -1
  268. package/react/components/Menu.js +48 -12
  269. package/react/components/Modal.d.ts +2 -1
  270. package/react/components/Modal.js +30 -9
  271. package/react/components/NavButton.d.ts +1 -0
  272. package/react/components/NavButton.js +9 -4
  273. package/react/components/Navigation/BottomNav.d.ts +23 -0
  274. package/react/components/Navigation/BottomNav.js +88 -0
  275. package/react/components/Navigation/QuickNavBar.js +13 -9
  276. package/react/components/Navigation/SideBarMenu.js +4 -2
  277. package/react/components/Navigation/SideBarTabs.js +4 -2
  278. package/react/components/Navigation/index.js +1 -0
  279. package/react/components/Popover.js +4 -2
  280. package/react/components/PropsList.js +4 -2
  281. package/react/components/RadioButtonGroup.js +9 -7
  282. package/react/components/RadioGroup.js +6 -4
  283. package/react/components/SearchBar.js +6 -4
  284. package/react/components/Select.d.ts +4 -0
  285. package/react/components/Select.js +19 -11
  286. package/react/components/SelectGrid.d.ts +1 -1
  287. package/react/components/SelectGrid.js +44 -23
  288. package/react/components/SelectWithTemplate.js +4 -2
  289. package/react/components/Skeleton.d.ts +1 -1
  290. package/react/components/Skeleton.js +26 -5
  291. package/react/components/SlidingToolbar.js +6 -4
  292. package/react/components/Spinner.js +6 -4
  293. package/react/components/StrechBar.js +4 -2
  294. package/react/components/SubNav.js +9 -7
  295. package/react/components/Switch.js +6 -4
  296. package/react/components/SwitchGroup.js +5 -3
  297. package/react/components/TabCustom.js +11 -7
  298. package/react/components/TabList.js +6 -4
  299. package/react/components/Tag.js +5 -4
  300. package/react/components/TagInput.js +7 -6
  301. package/react/components/TagInputTest.js +13 -9
  302. package/react/components/Text/Heading.js +10 -8
  303. package/react/components/Text/Text.js +10 -8
  304. package/react/components/Text/Time.d.ts +15 -0
  305. package/react/components/Text/Time.js +65 -0
  306. package/react/components/ThemeSelector.js +7 -5
  307. package/react/components/TimePicker.js +4 -2
  308. package/react/components/Toast.js +1 -1
  309. package/react/components/ToastMessage.js +6 -5
  310. package/react/components/ToastText.js +1 -1
  311. package/react/components/ToastWrapper.d.ts +2 -2
  312. package/react/components/ToastWrapper.js +14 -10
  313. package/react/components/Togglebox.d.ts +1 -1
  314. package/react/components/Togglebox.js +36 -15
  315. package/react/components/Tooltip.d.ts +1 -0
  316. package/react/components/Tooltip.js +14 -10
  317. package/react/components/WithSizeObserver.d.ts +25 -0
  318. package/react/components/WithSizeObserver.js +95 -0
  319. package/react/components/_Positioner.js +4 -2
  320. package/react/helpers.d.ts +1 -0
  321. package/react/helpers.js +7 -0
  322. package/react/index.d.ts +3 -0
  323. package/react/index.js +9 -1
  324. package/yarn-error.log +111 -0
  325. package/sd_icons.eot +0 -0
  326. package/sd_icons.svg +0 -189
  327. package/sd_icons.ttf +0 -0
  328. package/sd_icons.woff +0 -0
@@ -0,0 +1,69 @@
1
+ import * as React from 'react';
2
+ declare class GridItemMedia extends React.PureComponent {
3
+ render(): JSX.Element;
4
+ }
5
+ declare class GridItemContent extends React.PureComponent {
6
+ render(): JSX.Element;
7
+ }
8
+ declare class GridItemContentBlock extends React.PureComponent {
9
+ render(): JSX.Element;
10
+ }
11
+ declare class GridItemFooter extends React.PureComponent {
12
+ render(): JSX.Element;
13
+ }
14
+ interface IPropsFooterBlock {
15
+ align?: 'left' | 'right';
16
+ }
17
+ declare class GridItemFooterBlock extends React.PureComponent<IPropsFooterBlock> {
18
+ static defaultProps: {
19
+ align: string;
20
+ };
21
+ render(): JSX.Element;
22
+ }
23
+ interface IPropsFooterActions {
24
+ autohide?: boolean;
25
+ }
26
+ declare class GridItemFooterActions extends React.PureComponent<IPropsFooterActions> {
27
+ static defaultProps: {
28
+ autohide: boolean;
29
+ };
30
+ render(): JSX.Element;
31
+ }
32
+ interface IPropsTime {
33
+ time: string;
34
+ }
35
+ declare class GridItemTime extends React.PureComponent<IPropsTime> {
36
+ render(): JSX.Element;
37
+ }
38
+ declare class GridItemTitle extends React.PureComponent {
39
+ render(): JSX.Element;
40
+ }
41
+ declare class GridItemSlug extends React.PureComponent {
42
+ render(): JSX.Element;
43
+ }
44
+ declare class GridItemText extends React.PureComponent {
45
+ render(): JSX.Element;
46
+ }
47
+ declare class GridItemTopActions extends React.PureComponent {
48
+ render(): JSX.Element;
49
+ }
50
+ declare class GridItemCheckWrapper extends React.PureComponent {
51
+ render(): JSX.Element;
52
+ }
53
+ interface IProps {
54
+ locked?: boolean;
55
+ fetched?: boolean;
56
+ onClick?(): void;
57
+ itemtype?: 'audio' | 'composite' | 'file' | 'graphic' | 'photo' | 'slideshow' | 'text' | 'video' | string;
58
+ status?: Array<'actioning' | 'selected' | 'activated' | string>;
59
+ }
60
+ export default class GridItem extends React.PureComponent<IProps> {
61
+ static defaultProps: {
62
+ locked: boolean;
63
+ fetched: boolean;
64
+ itemtype: string;
65
+ status: never[];
66
+ };
67
+ render(): JSX.Element;
68
+ }
69
+ export { GridItem, GridItemContent, GridItemMedia, GridItemFooter, GridItemContentBlock, GridItemTime, GridItemTitle, GridItemText, GridItemSlug, GridItemFooterBlock, GridItemFooterActions, GridItemTopActions, GridItemCheckWrapper };
@@ -0,0 +1,14 @@
1
+ import * as React from 'react';
2
+ interface IProps {
3
+ size?: 'x-small' | 'small' | 'medium' | 'large';
4
+ margin?: '0' | '1' | '2' | '3';
5
+ gap?: 'small' | 'medium' | 'large' | 'x-large';
6
+ }
7
+ export declare class GridList extends React.PureComponent<IProps> {
8
+ static defaultProps: {
9
+ size: string;
10
+ gap: string;
11
+ };
12
+ render(): JSX.Element;
13
+ }
14
+ export {};
@@ -0,0 +1,10 @@
1
+ import * as React from 'react';
2
+ interface IProps {
3
+ heading: string;
4
+ text: string;
5
+ timestamp?: Date;
6
+ }
7
+ export declare class HeadingText extends React.PureComponent<IProps> {
8
+ render(): JSX.Element;
9
+ }
10
+ export {};
@@ -0,0 +1,8 @@
1
+ import * as React from 'react';
2
+ interface IProps {
3
+ message: string;
4
+ }
5
+ export declare class HelloWorld extends React.Component<IProps> {
6
+ render(): JSX.Element;
7
+ }
8
+ export {};
@@ -0,0 +1,12 @@
1
+ import * as React from 'react';
2
+ interface IProps {
3
+ name?: string;
4
+ size?: 'small' | 'big';
5
+ type?: 'default' | 'primary' | 'success' | 'warning' | 'alert' | 'highlight' | 'light';
6
+ className?: string;
7
+ ariaHidden?: boolean;
8
+ }
9
+ export declare class Icon extends React.PureComponent<IProps> {
10
+ render(): JSX.Element;
11
+ }
12
+ export {};
@@ -0,0 +1,12 @@
1
+ import * as React from 'react';
2
+ interface IProps {
3
+ id?: string;
4
+ icon?: string;
5
+ ariaValue: string;
6
+ size?: 'small';
7
+ onClick(event: React.MouseEvent): void;
8
+ }
9
+ export declare class IconButton extends React.PureComponent<IProps> {
10
+ render(): JSX.Element;
11
+ }
12
+ export {};
@@ -0,0 +1,11 @@
1
+ import * as React from 'react';
2
+ interface IProps {
3
+ text: string;
4
+ type?: 'default' | 'primary' | 'success' | 'warning' | 'alert' | 'highlight' | 'sd-green';
5
+ icon?: string;
6
+ style?: 'basic' | 'translucent';
7
+ }
8
+ export declare class IconLabel extends React.PureComponent<IProps> {
9
+ render(): JSX.Element;
10
+ }
11
+ export {};
@@ -0,0 +1,24 @@
1
+ import * as React from 'react';
2
+ interface IProps {
3
+ value?: string;
4
+ label?: string;
5
+ maxLength?: number;
6
+ info?: string;
7
+ error?: string;
8
+ required?: boolean;
9
+ disabled?: boolean;
10
+ invalid?: boolean;
11
+ inlineLabel?: boolean;
12
+ onChange(newValue: string): void;
13
+ }
14
+ interface IState {
15
+ value: string;
16
+ invalid: boolean;
17
+ }
18
+ export declare class Input extends React.Component<IProps, IState> {
19
+ constructor(props: IProps);
20
+ htmlId: string;
21
+ handleChange(event: React.ChangeEvent<HTMLInputElement>): void;
22
+ render(): JSX.Element;
23
+ }
24
+ export {};
@@ -0,0 +1,15 @@
1
+ import * as React from 'react';
2
+ interface IProps {
3
+ text: string;
4
+ link?: string;
5
+ type?: 'default' | 'primary' | 'success' | 'warning' | 'alert' | 'highlight' | 'sd-green';
6
+ color?: string;
7
+ size?: 'small' | 'normal' | 'large';
8
+ onClick?(): void;
9
+ noTransform?: boolean;
10
+ style?: 'filled' | 'hollow' | 'translucent';
11
+ }
12
+ export declare class Label extends React.PureComponent<IProps> {
13
+ render(): JSX.Element;
14
+ }
15
+ export {};
@@ -0,0 +1,26 @@
1
+ import * as React from 'react';
2
+ interface IMenuItem {
3
+ id: string;
4
+ label: string;
5
+ route?: string;
6
+ }
7
+ interface IMenuGroup {
8
+ label: string;
9
+ items: Array<IMenuItem>;
10
+ }
11
+ interface IMenu {
12
+ navClass?: string;
13
+ groups: Array<IMenuGroup>;
14
+ activeItemId: string;
15
+ ariaLabel?: string;
16
+ onSelect(id: string, route: string): void;
17
+ }
18
+ interface IState {
19
+ active: string;
20
+ }
21
+ export declare class LeftMenu extends React.PureComponent<IMenu, IState> {
22
+ constructor(props: IMenu);
23
+ handleClick(id: string, route: string): void;
24
+ render(): JSX.Element;
25
+ }
26
+ export {};
@@ -0,0 +1,8 @@
1
+ import * as React from 'react';
2
+ interface IProps {
3
+ overlay?: boolean;
4
+ }
5
+ export declare class Loader extends React.Component<IProps> {
6
+ render(): JSX.Element | null;
7
+ }
8
+ export {};
@@ -0,0 +1,15 @@
1
+ import * as React from 'react';
2
+ interface IProps {
3
+ id?: string;
4
+ icon?: string;
5
+ text?: string;
6
+ iconSize?: 'small' | 'big';
7
+ theme?: 'light' | 'dark';
8
+ type?: 'default' | 'primary' | 'highlight' | 'darker';
9
+ value?: 'button' | 'submit' | 'reset';
10
+ onClick(): void;
11
+ }
12
+ export declare class NavButton extends React.PureComponent<IProps> {
13
+ render(): JSX.Element;
14
+ }
15
+ export {};
@@ -0,0 +1,13 @@
1
+ import { PopperOptions } from 'popper.js';
2
+ import * as React from 'react';
3
+ interface IProps {
4
+ title: string;
5
+ triggerSelector: string;
6
+ displayCloseButton?: boolean;
7
+ placement?: PopperOptions['placement'];
8
+ zIndex?: number;
9
+ }
10
+ export declare class Popover extends React.Component<IProps> {
11
+ render(): JSX.Element;
12
+ }
13
+ export {};
@@ -0,0 +1,15 @@
1
+ import * as React from 'react';
2
+ interface IProps {
3
+ name: string;
4
+ isRequered: boolean;
5
+ type: string;
6
+ default: string;
7
+ description: string;
8
+ }
9
+ declare class Prop extends React.PureComponent<IProps> {
10
+ render(): JSX.Element;
11
+ }
12
+ declare class PropsList extends React.PureComponent {
13
+ render(): JSX.Element;
14
+ }
15
+ export { Prop, PropsList };
@@ -0,0 +1,19 @@
1
+ import * as React from 'react';
2
+ interface IProps {
3
+ value?: string;
4
+ options: Array<{
5
+ label: string;
6
+ value: string;
7
+ disabled?: boolean;
8
+ }>;
9
+ labelSide?: 'left' | 'right';
10
+ required?: boolean;
11
+ onChange(nextValue: string): void;
12
+ }
13
+ export declare class Radio extends React.Component<IProps> {
14
+ htmlId: string;
15
+ constructor(props: IProps);
16
+ handleChange(item: any): void;
17
+ render(): JSX.Element[];
18
+ }
19
+ export {};
@@ -0,0 +1,20 @@
1
+ import * as React from 'react';
2
+ interface IProps {
3
+ value?: string;
4
+ options: Array<{
5
+ label: string;
6
+ value: string;
7
+ icon?: string;
8
+ labelHidden?: boolean;
9
+ disabled?: boolean;
10
+ }>;
11
+ required?: boolean;
12
+ onChange(nextValue: string): void;
13
+ }
14
+ export declare class RadioButton extends React.Component<IProps> {
15
+ htmlId: string;
16
+ constructor(props: IProps);
17
+ handleChange(item: any): void;
18
+ render(): JSX.Element;
19
+ }
20
+ export {};
@@ -0,0 +1,29 @@
1
+ import * as React from 'react';
2
+ interface ISelect {
3
+ value?: string;
4
+ label?: string;
5
+ info?: string;
6
+ error?: string;
7
+ required?: boolean;
8
+ disabled?: boolean;
9
+ invalid?: boolean;
10
+ inlineLabel?: boolean;
11
+ onChange(newValue: string): void;
12
+ }
13
+ interface IState {
14
+ value: string;
15
+ invalid: boolean;
16
+ }
17
+ declare class Select extends React.Component<ISelect, IState> {
18
+ constructor(props: ISelect);
19
+ htmlId: string;
20
+ handleChange(event: React.ChangeEvent<HTMLSelectElement>): void;
21
+ render(): JSX.Element;
22
+ }
23
+ interface IOption {
24
+ value?: string;
25
+ }
26
+ declare class Option extends React.PureComponent<IOption> {
27
+ render(): JSX.Element;
28
+ }
29
+ export { Select, Option };
@@ -0,0 +1,32 @@
1
+ import * as React from 'react';
2
+ import { Dropdown } from '@superdesk/primereact/dropdown';
3
+ interface IProps<T> {
4
+ getItems(searchString: string | null): Promise<Array<T>>;
5
+ value: T;
6
+ getLabel(option: T): string;
7
+ onChange(value: T): void;
8
+ areEqual(a: T, b: T): boolean;
9
+ itemTemplate: React.ComponentType<{
10
+ option: T | null;
11
+ }>;
12
+ noResultsFoundMessage: string;
13
+ filterPlaceholder?: string;
14
+ disabled?: boolean;
15
+ required?: boolean;
16
+ autoFocus?: boolean;
17
+ autoOpen?: boolean;
18
+ width?: 'min' | '100%';
19
+ zIndex?: number;
20
+ 'data-test-id'?: string;
21
+ }
22
+ interface IState<T> {
23
+ options: Array<T>;
24
+ loading: boolean;
25
+ }
26
+ export declare class SelectWithTemplate<T> extends React.Component<IProps<T>, IState<T>> {
27
+ componentRef: Dropdown | null;
28
+ constructor(props: IProps<T>);
29
+ componentDidMount(): void;
30
+ render(): JSX.Element;
31
+ }
32
+ export {};
@@ -0,0 +1,8 @@
1
+ import * as React from 'react';
2
+ interface IProps {
3
+ multi: boolean;
4
+ }
5
+ export declare class SlidingToolbar extends React.PureComponent<IProps> {
6
+ render(): JSX.Element;
7
+ }
8
+ export {};
@@ -0,0 +1,4 @@
1
+ import * as React from 'react';
2
+ export declare class StrechBar extends React.PureComponent {
3
+ render(): JSX.Element;
4
+ }
@@ -0,0 +1,10 @@
1
+ import * as React from 'react';
2
+ interface IProps {
3
+ color?: 'light' | 'darker' | 'blueGrey' | 'blueGreyDarker' | 'darkUi';
4
+ zIndex?: number;
5
+ theme?: 'light' | 'dark';
6
+ }
7
+ export declare class SubNav extends React.PureComponent<IProps> {
8
+ render(): JSX.Element;
9
+ }
10
+ export {};
@@ -0,0 +1,12 @@
1
+ import * as React from 'react';
2
+ interface IProps {
3
+ value: boolean;
4
+ disabled?: boolean;
5
+ onChange(nextValue: boolean): void;
6
+ }
7
+ export declare class Switch extends React.PureComponent<IProps> {
8
+ constructor(props: IProps);
9
+ onClick(): void;
10
+ render(): JSX.Element;
11
+ }
12
+ export {};
@@ -0,0 +1,25 @@
1
+ interface ITabs {
2
+ size?: 'normal' | 'large' | 'small';
3
+ theme?: 'light' | 'dark';
4
+ ariaLabel?: string;
5
+ children: Array<any>;
6
+ onClick(i: number): void;
7
+ }
8
+ interface ITabLabel {
9
+ label: string;
10
+ indexValue: number;
11
+ }
12
+ interface ITabContent {
13
+ theme?: 'light' | 'dark';
14
+ children: any;
15
+ activePanel: number;
16
+ }
17
+ interface ITabPanel {
18
+ indexValue: number;
19
+ children: any;
20
+ }
21
+ export declare const TabLabel: ({ label }: ITabLabel) => JSX.Element;
22
+ export declare const Tabs: ({ size, theme, ariaLabel, children, onClick }: ITabs) => JSX.Element;
23
+ export declare const TabContent: ({ theme, children, activePanel }: ITabContent) => JSX.Element;
24
+ export declare const TabPanel: ({ children, indexValue }: ITabPanel) => JSX.Element;
25
+ export {};
@@ -0,0 +1,22 @@
1
+ import * as React from 'react';
2
+ interface ITabList {
3
+ size?: 'normal' | 'large' | 'small';
4
+ theme?: 'light' | 'dark';
5
+ children: Array<any>;
6
+ }
7
+ interface IState {
8
+ index: number;
9
+ }
10
+ interface ITab {
11
+ label: string;
12
+ }
13
+ declare class Tab extends React.PureComponent<ITab> {
14
+ render(): JSX.Element;
15
+ }
16
+ declare class TabList extends React.PureComponent<ITabList, IState> {
17
+ constructor(props: ITabList);
18
+ private handleChange;
19
+ goTo(label: string): void;
20
+ render(): JSX.Element;
21
+ }
22
+ export { Tab, TabList };
@@ -0,0 +1,9 @@
1
+ interface IProps {
2
+ text: string;
3
+ keyValue?: number;
4
+ shade?: 'light' | 'darker' | 'highlight1' | 'highlight2';
5
+ shape?: 'round' | 'square';
6
+ onClick(): void;
7
+ }
8
+ export declare const Tag: ({ text, keyValue, shade, shape, onClick }: IProps) => JSX.Element;
9
+ export {};
@@ -0,0 +1,7 @@
1
+ interface ITagInput {
2
+ items?: Array<any>;
3
+ label: string;
4
+ freetype?: boolean;
5
+ }
6
+ export declare const TagInput: ({ items, label, freetype }: ITagInput) => JSX.Element;
7
+ export {};
@@ -0,0 +1,18 @@
1
+ import * as React from 'react';
2
+ interface IProps {
3
+ items: Array<any>;
4
+ keyValue: string;
5
+ minLength?: number;
6
+ }
7
+ interface IState {
8
+ selectedItem: any;
9
+ filteredItems: any;
10
+ }
11
+ export declare class TagInputTest extends React.Component<IProps, IState> {
12
+ constructor(props: IProps);
13
+ searchItem(event: any): void;
14
+ itemTemplate(item: any): JSX.Element;
15
+ handleItem(e: any): void;
16
+ render(): JSX.Element;
17
+ }
18
+ export {};
@@ -0,0 +1,11 @@
1
+ import * as React from 'react';
2
+ interface IProps {
3
+ value: string;
4
+ onChange(valueNext: string): void;
5
+ required?: boolean;
6
+ disabled?: boolean;
7
+ }
8
+ export declare class TimePicker extends React.PureComponent<IProps> {
9
+ render(): JSX.Element;
10
+ }
11
+ export {};
@@ -0,0 +1,11 @@
1
+ import * as React from 'react';
2
+ interface IProps {
3
+ text: string;
4
+ flow?: 'top' | 'left' | 'right' | 'down';
5
+ }
6
+ export declare class Tooltip extends React.PureComponent<IProps> {
7
+ htmlId: string;
8
+ componentDidMount(): void;
9
+ render(): JSX.Element;
10
+ }
11
+ export {};
@@ -0,0 +1,27 @@
1
+ import * as React from 'react';
2
+ import { PopperOptions } from 'popper.js';
3
+ declare type ICloseOthersEvent = CustomEvent<{
4
+ triggerElement: HTMLElement;
5
+ }>;
6
+ interface IPropsPositioner {
7
+ triggerSelector: string;
8
+ placement: PopperOptions['placement'];
9
+ zIndex?: number;
10
+ className?: string;
11
+ }
12
+ interface IStatePositioner {
13
+ open: boolean;
14
+ }
15
+ export declare class Positioner extends React.Component<IPropsPositioner, IStatePositioner> {
16
+ elementForPositioner: HTMLDivElement;
17
+ triggerElement: HTMLElement;
18
+ constructor(props: IPropsPositioner);
19
+ handleCloseOthers(event: ICloseOthersEvent): void;
20
+ componentDidMount(): void;
21
+ componentWillUnmount(): void;
22
+ toggleDropdown(e: MouseEvent): void;
23
+ closeDropdownOnOutsideClick(wrapper: HTMLElement, event: MouseEvent): void;
24
+ componentDidUpdate(): void;
25
+ render(): null;
26
+ }
27
+ export {};
@@ -0,0 +1,56 @@
1
+ export { HelloWorld } from './components/HelloWorld';
2
+ export { Button } from './components/Button';
3
+ export { Input } from './components/Input';
4
+ export { Select, Option } from './components/Select';
5
+ export { SelectWithTemplate } from './components/SelectWithTemplate';
6
+ export { Popover } from './components/Popover';
7
+ export { Label } from './components/Label';
8
+ export { Badge } from './components/Badge';
9
+ export { Alert } from './components/Alert';
10
+ export { AvatarWrapper } from './components/Avatar';
11
+ export { AvatarContentText } from './components/Avatar';
12
+ export { AvatarContentImage } from './components/Avatar';
13
+ export { IconButton } from './components/IconButton';
14
+ export { IconLabel } from './components/IconLabel';
15
+ export { Tooltip } from './components/Tooltip';
16
+ export { DatePicker } from './components/DatePicker';
17
+ export { DatePickerISO } from './components/DatePicker';
18
+ export { DatePickerLocaleSettings } from './components/DatePicker';
19
+ export { TimePicker } from './components/TimePicker';
20
+ export { FormLabel } from './components/FormLabel';
21
+ export { Switch } from './components/Switch';
22
+ export { ButtonGroup } from './components/ButtonGroup';
23
+ export { Loader } from './components/Loader';
24
+ export { Radio } from './components/Radio';
25
+ export { Checkbox } from './components/Checkbox';
26
+ export { RadioButton } from './components/RadioButton';
27
+ export { CheckboxButton } from './components/CheckboxButton';
28
+ export { CheckGroup } from './components/CheckGroup';
29
+ export { CheckButtonGroup } from './components/CheckButtonGroup';
30
+ export { NavButton } from './components/NavButton';
31
+ export { Tab, TabList } from './components/TabList';
32
+ export { LeftMenu } from './components/LeftMenu';
33
+ export { SubNav } from './components/SubNav';
34
+ export { SlidingToolbar } from './components/SlidingToolbar';
35
+ export { StrechBar } from './components/StrechBar';
36
+ export { PropsList, Prop } from './components/PropsList';
37
+ export { Icon } from './components/Icon';
38
+ export { Divider } from './components/Divider';
39
+ export { HeadingText } from './components/HeadingText';
40
+ export { DropdownFirst } from './components/DropdownFirst';
41
+ export { DropdownItem } from './components/DropdownFirst';
42
+ export { DropdownLabel } from './components/DropdownFirst';
43
+ export { DropdownDivider } from './components/DropdownFirst';
44
+ export { Dropdown } from './components/Dropdown';
45
+ export { Tag } from './components/Tag';
46
+ export { TabLabel, TabPanel, TabContent, Tabs } from './components/TabCustom';
47
+ export { EmptyState } from './components/EmptyState';
48
+ export { Autocomplete } from './components/Autocomplete';
49
+ export { DonutChart } from './components/DonutChart';
50
+ export { TagInput } from './components/TagInput';
51
+ export { TagInputTest } from './components/TagInputTest';
52
+ export { Genie } from './components/Genie';
53
+ export { GridList } from './components/GridList';
54
+ export { GridItem, GridItemContent, GridItemMedia, GridItemFooter, GridItemContentBlock, GridItemTime, GridItemTitle, GridItemText, GridItemSlug, GridItemFooterBlock, GridItemFooterActions, GridItemTopActions, GridItemCheckWrapper } from './components/GridItem';
55
+ export declare const ToggleBoxNext: any;
56
+ export declare const reactToAngular1: any;
@@ -0,0 +1,3 @@
1
+ export function assertNever(x: never): never {
2
+ throw new Error('Unexpected object: ' + x);
3
+ }
@@ -72,6 +72,7 @@ export { DropZone } from './components/DropZone';
72
72
  export { CreateButton } from './components/CreateButton';
73
73
  // export { TreeSelect } from './components/TreeSelect';
74
74
  export { SearchBar } from './components/SearchBar';
75
+ export { WithSizeObserver } from './components/WithSizeObserver';
75
76
 
76
77
  export * from './components/Layouts';
77
78
  export * from './components/Form';
@@ -82,7 +83,9 @@ export { Skeleton } from './components/Skeleton';
82
83
  export { ListItemLoader } from './components/ListItemLoader';
83
84
  export { Spinner, LoadingOverlay } from './components/Spinner';
84
85
  export { Text } from './components/Text/Text';
86
+ export { Time } from './components/Text/Time';
85
87
  export { Heading } from './components/Text/Heading';
88
+ export { BottomNav } from './components/Navigation/BottomNav';
86
89
 
87
90
  // declare non-typescript exports to prevent errors
88
91
  export declare const ToggleBoxNext: any;