@steroidsjs/core 3.0.0-beta.7 → 3.0.0-beta.71

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 (612) hide show
  1. package/actions/list.d.ts +69 -0
  2. package/actions/list.js +6 -1
  3. package/base/Enum.d.ts +3 -3
  4. package/components/ClientStorageComponent.js +1 -1
  5. package/components/ResourceComponent.d.ts +88 -6
  6. package/components/ResourceComponent.js +11 -11
  7. package/components/UiComponent.d.ts +130 -1
  8. package/docs-autogen-result.json +29363 -0
  9. package/en.json +785 -0
  10. package/hooks/index.d.ts +2 -1
  11. package/hooks/index.js +3 -1
  12. package/hooks/useAddressBar.d.ts +11 -0
  13. package/hooks/useApplication.d.ts +4 -1
  14. package/hooks/useApplication.js +5 -1
  15. package/hooks/useDataProvider.d.ts +29 -28
  16. package/hooks/useDataSelect.d.ts +10 -3
  17. package/hooks/useDataSelect.js +37 -23
  18. package/hooks/useFetch.d.ts +4 -4
  19. package/hooks/useFile.d.ts +51 -2
  20. package/hooks/useForm.d.ts +0 -1
  21. package/hooks/useForm.js +0 -1
  22. package/hooks/useList.d.ts +13 -3
  23. package/hooks/useList.js +6 -2
  24. package/hooks/useTheme.d.ts +2 -0
  25. package/hooks/useTheme.js +8 -0
  26. package/index.d.ts +28 -15
  27. package/package.json +11 -6
  28. package/providers/ComponentsProvider.d.ts +4 -2
  29. package/providers/ThemeProvider.d.ts +14 -0
  30. package/providers/ThemeProvider.js +62 -0
  31. package/reducers/list.d.ts +1 -0
  32. package/reducers/list.js +4 -1
  33. package/reducers/router.d.ts +0 -1
  34. package/reducers/router.js +2 -2
  35. package/ui/content/Accordion/Accordion.d.ts +44 -15
  36. package/ui/content/Accordion/Accordion.js +1 -1
  37. package/ui/content/Accordion/AccordionItem.d.ts +4 -3
  38. package/ui/content/Accordion/AccordionItem.js +2 -1
  39. package/ui/content/Alert/Alert.d.ts +29 -10
  40. package/ui/content/Avatar/Avatar.d.ts +26 -24
  41. package/ui/content/Avatar/Avatar.js +1 -1
  42. package/ui/content/Avatar/AvatarGroup.d.ts +3 -3
  43. package/ui/content/Badge/Badge.d.ts +29 -16
  44. package/ui/content/Badge/Badge.js +1 -1
  45. package/ui/content/Calendar/Calendar.d.ts +15 -11
  46. package/ui/content/Calendar/Calendar.js +3 -1
  47. package/ui/content/Card/Card.d.ts +75 -45
  48. package/ui/content/Card/Card.js +0 -5
  49. package/ui/content/CopyToClipboard/CopyToClipboard.d.ts +68 -8
  50. package/ui/content/CopyToClipboard/CopyToClipboard.js +26 -59
  51. package/ui/content/Detail/Detail.d.ts +16 -11
  52. package/ui/content/Detail/DetailItem.d.ts +1 -1
  53. package/ui/content/DropDown/DropDown.d.ts +21 -9
  54. package/ui/content/DropDown/DropDown.js +14 -2
  55. package/ui/content/Icon/Icon.d.ts +13 -7
  56. package/ui/content/Icon/Icon.js +4 -1
  57. package/ui/content/Menu/Menu.d.ts +56 -0
  58. package/ui/content/Menu/Menu.js +23 -0
  59. package/ui/content/Menu/index.d.ts +2 -0
  60. package/ui/{list/LayoutNames/demo/basic.js → content/Menu/index.js} +2 -7
  61. package/ui/content/Slider/Slider.d.ts +28 -0
  62. package/ui/content/Slider/Slider.js +19 -0
  63. package/ui/content/Slider/index.d.ts +2 -0
  64. package/ui/content/Slider/index.js +7 -0
  65. package/ui/content/index.d.ts +6 -1
  66. package/ui/content/index.js +12 -1
  67. package/ui/crud/Crud/Crud.d.ts +108 -3
  68. package/ui/crud/index.d.ts +0 -1
  69. package/ui/form/AutoCompleteField/AutoCompleteField.d.ts +26 -6
  70. package/ui/form/AutoCompleteField/AutoCompleteField.js +17 -3
  71. package/ui/form/BlankField/BlankField.d.ts +19 -1
  72. package/ui/form/Button/Button.d.ts +19 -26
  73. package/ui/form/Button/Button.js +1 -10
  74. package/ui/form/CheckboxField/CheckboxField.d.ts +6 -9
  75. package/ui/form/CheckboxField/CheckboxField.js +36 -6
  76. package/ui/form/CheckboxListField/CheckboxListField.d.ts +10 -10
  77. package/ui/form/CheckboxListField/CheckboxListField.js +32 -7
  78. package/ui/form/DateField/DateField.d.ts +20 -15
  79. package/ui/form/DateField/DateField.js +7 -2
  80. package/ui/form/DateField/useDateInputState.js +1 -1
  81. package/ui/form/DateRangeField/DateRangeField.d.ts +12 -21
  82. package/ui/form/DateRangeField/DateRangeField.js +3 -2
  83. package/ui/form/DateTimeField/DateTimeField.d.ts +9 -15
  84. package/ui/form/DateTimeField/DateTimeField.js +4 -2
  85. package/ui/form/DateTimeRangeField/DateTimeRangeField.d.ts +7 -21
  86. package/ui/form/DateTimeRangeField/DateTimeRangeField.js +3 -2
  87. package/ui/form/DropDownField/DropDownField.d.ts +94 -23
  88. package/ui/form/DropDownField/DropDownField.js +113 -8
  89. package/ui/form/Field/Field.d.ts +3 -2
  90. package/ui/form/Field/fieldWrapper.d.ts +29 -9
  91. package/ui/form/Field/fieldWrapper.js +5 -5
  92. package/ui/form/FieldLayout/FieldLayout.d.ts +13 -20
  93. package/ui/form/FieldLayout/FieldLayout.js +1 -13
  94. package/ui/form/FieldList/FieldList.d.ts +11 -20
  95. package/ui/form/FieldList/FieldList.js +2 -3
  96. package/ui/form/FieldSet/FieldSet.d.ts +1 -1
  97. package/ui/form/FieldSet/FieldSet.js +2 -4
  98. package/ui/form/FileField/FileField.d.ts +49 -34
  99. package/ui/form/FileField/FileField.js +19 -10
  100. package/ui/form/Form/Form.d.ts +31 -38
  101. package/ui/form/Form/Form.js +8 -8
  102. package/ui/form/HtmlField/HtmlField.d.ts +2 -11
  103. package/ui/form/ImageField/ImageField.d.ts +15 -14
  104. package/ui/form/ImageField/ImageField.js +4 -0
  105. package/ui/form/InputField/InputField.d.ts +52 -50
  106. package/ui/form/InputField/InputField.js +51 -16
  107. package/ui/form/MaskField/MaskField.d.ts +10 -0
  108. package/ui/form/MaskField/MaskField.js +34 -0
  109. package/ui/form/MaskField/index.d.ts +2 -0
  110. package/ui/form/MaskField/index.js +7 -0
  111. package/ui/form/NavField/NavField.d.ts +6 -3
  112. package/ui/form/NumberField/NumberField.d.ts +8 -8
  113. package/ui/form/NumberField/NumberField.js +2 -7
  114. package/ui/form/PasswordField/PasswordField.d.ts +15 -12
  115. package/ui/form/PasswordField/PasswordField.js +10 -6
  116. package/ui/form/RadioField/RadioField.d.ts +31 -0
  117. package/{hoc/http.js → ui/form/RadioField/RadioField.js} +21 -13
  118. package/ui/form/RadioField/index.d.ts +2 -0
  119. package/ui/form/RadioField/index.js +7 -0
  120. package/ui/form/RadioListField/RadioListField.d.ts +10 -9
  121. package/ui/form/RadioListField/RadioListField.js +32 -2
  122. package/ui/form/RateField/RateField.d.ts +11 -13
  123. package/ui/form/RateField/RateField.js +2 -1
  124. package/ui/form/RateField/demo/errors.js +1 -1
  125. package/ui/form/ReCaptchaField/ReCaptchaField.d.ts +65 -4
  126. package/ui/form/ReCaptchaField/ReCaptchaField.js +22 -1
  127. package/ui/form/SliderField/SliderField.d.ts +3 -12
  128. package/ui/form/SliderField/SliderField.js +1 -1
  129. package/ui/form/SwitcherField/SwitcherField.d.ts +21 -15
  130. package/ui/form/SwitcherField/SwitcherField.js +34 -4
  131. package/ui/form/SwitcherField/demo/errors.js +1 -1
  132. package/ui/form/TextField/TextField.d.ts +8 -27
  133. package/ui/form/TextField/TextField.js +8 -8
  134. package/ui/form/TimeField/TimeField.d.ts +2 -16
  135. package/ui/form/TimeField/TimeField.js +3 -2
  136. package/ui/form/TimeField/demo/errors.js +1 -1
  137. package/ui/form/TimeRangeField/TimeRangeField.d.ts +58 -0
  138. package/ui/form/TimeRangeField/TimeRangeField.js +85 -0
  139. package/ui/form/TimeRangeField/index.d.ts +2 -0
  140. package/ui/form/TimeRangeField/index.js +7 -0
  141. package/ui/form/index.d.ts +37 -1
  142. package/ui/form/index.js +37 -1
  143. package/ui/format/BooleanFormatter/BooleanFormatter.d.ts +13 -0
  144. package/ui/format/DateFormatter/DateFormatter.d.ts +11 -1
  145. package/ui/format/DateTimeFormatter/DateTimeFormatter.d.ts +11 -1
  146. package/ui/format/EnumFormatter/EnumFormatter.d.ts +10 -0
  147. package/ui/format/FileSize/FileSize.d.ts +8 -3
  148. package/ui/format/FileSize/FileSize.js +1 -1
  149. package/ui/format/Format/Format.d.ts +6 -0
  150. package/ui/format/MoneyFormatter/MoneyFormatter.d.ts +9 -1
  151. package/ui/format/MoneyFormatter/MoneyFormatter.js +3 -2
  152. package/ui/layout/Header/Header.d.ts +92 -9
  153. package/ui/layout/Header/Header.js +20 -1
  154. package/ui/layout/Loader/Loader.d.ts +15 -1
  155. package/ui/layout/Meta/Meta.js +3 -3
  156. package/ui/layout/Notifications/Notifications.d.ts +32 -1
  157. package/ui/layout/ProgressBar/ProgressBar.js +8 -4
  158. package/ui/layout/Sidebar/Sidebar.d.ts +87 -0
  159. package/{hoc/components.js → ui/layout/Sidebar/Sidebar.js} +23 -25
  160. package/ui/layout/Sidebar/index.d.ts +2 -0
  161. package/ui/layout/Sidebar/index.js +7 -0
  162. package/ui/layout/Skeleton/Skeleton.d.ts +25 -2
  163. package/ui/layout/Tooltip/Tooltip.d.ts +31 -5
  164. package/ui/layout/Tooltip/Tooltip.js +3 -0
  165. package/ui/layout/Tooltip/calculate.d.ts +3 -3
  166. package/ui/layout/Tooltip/calculate.js +4 -1
  167. package/ui/layout/index.d.ts +2 -1
  168. package/ui/layout/index.js +3 -1
  169. package/ui/list/CheckboxColumn/CheckboxColumn.d.ts +3 -2
  170. package/ui/list/CheckboxColumn/CheckboxColumn.js +4 -1
  171. package/ui/list/ControlsColumn/ControlsColumn.d.ts +4 -3
  172. package/ui/list/Empty/Empty.d.ts +1 -10
  173. package/ui/list/Empty/Empty.js +2 -2
  174. package/ui/list/FlexGrid/FlexGrid.d.ts +85 -0
  175. package/ui/list/FlexGrid/FlexGrid.js +51 -0
  176. package/ui/list/FlexGrid/index.d.ts +2 -0
  177. package/ui/list/FlexGrid/index.js +7 -0
  178. package/ui/list/Grid/Grid.d.ts +69 -3
  179. package/ui/list/Grid/Grid.js +12 -3
  180. package/ui/list/List/List.d.ts +1 -0
  181. package/ui/list/List/List.js +1 -0
  182. package/ui/list/Pagination/Pagination.d.ts +18 -5
  183. package/ui/list/Pagination/Pagination.js +15 -7
  184. package/ui/list/PaginationSize/PaginationSize.d.ts +10 -12
  185. package/ui/list/PaginationSize/PaginationSize.js +10 -9
  186. package/ui/list/SearchForm/SearchForm.d.ts +3 -0
  187. package/ui/list/SearchForm/demo/basic.js +5 -2
  188. package/ui/list/Steps/Steps.d.ts +6 -3
  189. package/ui/list/Steps/Steps.js +11 -5
  190. package/ui/modal/Modal/Modal.d.ts +5 -5
  191. package/ui/modal/Modal/Modal.js +1 -1
  192. package/ui/modal/ModalPortal/ModalPortal.d.ts +3 -0
  193. package/ui/modal/TwoFactorModal/TwoFactorModal.d.ts +10 -2
  194. package/ui/nav/Breadcrumbs/Breadcrumbs.d.ts +12 -2
  195. package/ui/nav/ButtonGroup/ButtonGroup.d.ts +44 -0
  196. package/ui/nav/ButtonGroup/ButtonGroup.js +59 -0
  197. package/ui/nav/ButtonGroup/index.d.ts +2 -0
  198. package/ui/nav/ButtonGroup/index.js +7 -0
  199. package/ui/nav/Controls/Controls.d.ts +3 -3
  200. package/ui/nav/Controls/Controls.js +6 -5
  201. package/ui/nav/Link/Link.d.ts +1 -0
  202. package/ui/nav/Link/Link.js +1 -1
  203. package/ui/nav/Nav/Nav.d.ts +13 -6
  204. package/ui/nav/Nav/Nav.js +29 -14
  205. package/ui/nav/Router/Router.d.ts +0 -10
  206. package/ui/nav/Router/Router.js +9 -75
  207. package/ui/nav/Router/helpers.d.ts +4 -0
  208. package/ui/nav/Router/helpers.js +81 -0
  209. package/ui/nav/Tree/Tree.d.ts +2 -2
  210. package/ui/nav/index.d.ts +2 -1
  211. package/ui/nav/index.js +3 -1
  212. package/ui/typography/Text/Text.d.ts +38 -0
  213. package/ui/typography/Text/Text.js +22 -0
  214. package/ui/typography/Text/index.d.ts +2 -0
  215. package/ui/typography/Text/index.js +7 -0
  216. package/ui/typography/Title/Title.d.ts +38 -0
  217. package/ui/typography/Title/Title.js +22 -0
  218. package/ui/typography/Title/index.d.ts +2 -0
  219. package/ui/typography/Title/index.js +7 -0
  220. package/ui/typography/index.d.ts +3 -0
  221. package/ui/typography/index.js +10 -0
  222. package/utils/form.d.ts +0 -2
  223. package/utils/form.js +1 -12
  224. package/hoc/application.d.ts +0 -8
  225. package/hoc/application.js +0 -50
  226. package/hoc/bem.d.ts +0 -14
  227. package/hoc/bem.js +0 -42
  228. package/hoc/components.d.ts +0 -11
  229. package/hoc/connect.d.ts +0 -6
  230. package/hoc/connect.js +0 -3
  231. package/hoc/fetch.d.ts +0 -13
  232. package/hoc/fetch.js +0 -60
  233. package/hoc/file.d.ts +0 -28
  234. package/hoc/file.js +0 -45
  235. package/hoc/http.d.ts +0 -7
  236. package/hoc/index.d.ts +0 -8
  237. package/hoc/index.js +0 -20
  238. package/hoc/layout.d.ts +0 -30
  239. package/hoc/layout.js +0 -48
  240. package/ui/content/Card/demo/basic.d.ts +0 -8
  241. package/ui/content/Card/demo/basic.js +0 -39
  242. package/ui/content/Card/demo/border color.d.ts +0 -3
  243. package/ui/content/Card/demo/border color.js +0 -52
  244. package/ui/content/Card/demo/color.d.ts +0 -3
  245. package/ui/content/Card/demo/color.js +0 -52
  246. package/ui/content/Card/demo/header.d.ts +0 -3
  247. package/ui/content/Card/demo/header.js +0 -47
  248. package/ui/content/Card/demo/hover.d.ts +0 -3
  249. package/ui/content/Card/demo/hover.js +0 -42
  250. package/ui/content/Card/demo/link.d.ts +0 -3
  251. package/ui/content/Card/demo/link.js +0 -43
  252. package/ui/content/Card/demo/orientation.d.ts +0 -3
  253. package/ui/content/Card/demo/orientation.js +0 -46
  254. package/ui/content/Detail/demo/basic.d.ts +0 -8
  255. package/ui/content/Detail/demo/basic.js +0 -60
  256. package/ui/content/Detail/demo/colors.d.ts +0 -3
  257. package/ui/content/Detail/demo/colors.js +0 -44
  258. package/ui/content/Detail/demo/controls.d.ts +0 -8
  259. package/ui/content/Detail/demo/controls.js +0 -60
  260. package/ui/content/Detail/demo/layout.d.ts +0 -8
  261. package/ui/content/Detail/demo/layout.js +0 -60
  262. package/ui/content/Detail/demo/responsive.d.ts +0 -8
  263. package/ui/content/Detail/demo/responsive.js +0 -75
  264. package/ui/content/Detail/demo/sizes.d.ts +0 -8
  265. package/ui/content/Detail/demo/sizes.js +0 -65
  266. package/ui/content/Icon/demo/icon.d.ts +0 -3
  267. package/ui/content/Icon/demo/icon.js +0 -32
  268. package/ui/crud/Crud/demo/default.d.ts +0 -8
  269. package/ui/crud/Crud/demo/default.js +0 -76
  270. package/ui/form/AutoCompleteField/demo/basic.d.ts +0 -12
  271. package/ui/form/AutoCompleteField/demo/basic.js +0 -52
  272. package/ui/form/AutoCompleteField/demo/disabled.d.ts +0 -8
  273. package/ui/form/AutoCompleteField/demo/disabled.js +0 -38
  274. package/ui/form/AutoCompleteField/demo/errors.d.ts +0 -8
  275. package/ui/form/AutoCompleteField/demo/errors.js +0 -38
  276. package/ui/form/AutoCompleteField/demo/placeholder.d.ts +0 -8
  277. package/ui/form/AutoCompleteField/demo/placeholder.js +0 -38
  278. package/ui/form/AutoCompleteField/demo/required.d.ts +0 -8
  279. package/ui/form/AutoCompleteField/demo/required.js +0 -38
  280. package/ui/form/AutoCompleteField/demo/sizes.d.ts +0 -3
  281. package/ui/form/AutoCompleteField/demo/sizes.js +0 -43
  282. package/ui/form/BlankField/demo/basic.d.ts +0 -12
  283. package/ui/form/BlankField/demo/basic.js +0 -55
  284. package/ui/form/CheckboxListField/demo/basic.d.ts +0 -9
  285. package/ui/form/CheckboxListField/demo/basic.js +0 -43
  286. package/ui/form/CheckboxListField/demo/disabled.d.ts +0 -8
  287. package/ui/form/CheckboxListField/demo/disabled.js +0 -38
  288. package/ui/form/CheckboxListField/demo/errors.d.ts +0 -8
  289. package/ui/form/CheckboxListField/demo/errors.js +0 -38
  290. package/ui/form/CheckboxListField/demo/required.d.ts +0 -8
  291. package/ui/form/CheckboxListField/demo/required.js +0 -38
  292. package/ui/form/DateField/demo/basic.d.ts +0 -8
  293. package/ui/form/DateField/demo/basic.js +0 -37
  294. package/ui/form/DateField/demo/disabled.d.ts +0 -8
  295. package/ui/form/DateField/demo/disabled.js +0 -37
  296. package/ui/form/DateField/demo/errors.d.ts +0 -8
  297. package/ui/form/DateField/demo/errors.js +0 -37
  298. package/ui/form/DateField/demo/icon.d.ts +0 -8
  299. package/ui/form/DateField/demo/icon.js +0 -39
  300. package/ui/form/DateField/demo/placeholder.d.ts +0 -8
  301. package/ui/form/DateField/demo/placeholder.js +0 -37
  302. package/ui/form/DateField/demo/required.d.ts +0 -8
  303. package/ui/form/DateField/demo/required.js +0 -37
  304. package/ui/form/DateField/demo/sizes.d.ts +0 -8
  305. package/ui/form/DateField/demo/sizes.js +0 -43
  306. package/ui/form/DateRangeField/demo/basic.d.ts +0 -8
  307. package/ui/form/DateRangeField/demo/basic.js +0 -37
  308. package/ui/form/DateRangeField/demo/disabled.d.ts +0 -8
  309. package/ui/form/DateRangeField/demo/disabled.js +0 -37
  310. package/ui/form/DateRangeField/demo/errors.d.ts +0 -8
  311. package/ui/form/DateRangeField/demo/errors.js +0 -37
  312. package/ui/form/DateRangeField/demo/icon.d.ts +0 -8
  313. package/ui/form/DateRangeField/demo/icon.js +0 -39
  314. package/ui/form/DateRangeField/demo/placeholder.d.ts +0 -8
  315. package/ui/form/DateRangeField/demo/placeholder.js +0 -37
  316. package/ui/form/DateRangeField/demo/required.d.ts +0 -8
  317. package/ui/form/DateRangeField/demo/required.js +0 -37
  318. package/ui/form/DateTimeField/demo/basic.d.ts +0 -8
  319. package/ui/form/DateTimeField/demo/basic.js +0 -37
  320. package/ui/form/DateTimeField/demo/disabled.d.ts +0 -8
  321. package/ui/form/DateTimeField/demo/disabled.js +0 -38
  322. package/ui/form/DateTimeField/demo/errors.d.ts +0 -8
  323. package/ui/form/DateTimeField/demo/errors.js +0 -37
  324. package/ui/form/DateTimeField/demo/icon.d.ts +0 -8
  325. package/ui/form/DateTimeField/demo/icon.js +0 -39
  326. package/ui/form/DateTimeField/demo/placeholder.d.ts +0 -8
  327. package/ui/form/DateTimeField/demo/placeholder.js +0 -37
  328. package/ui/form/DateTimeField/demo/required.d.ts +0 -8
  329. package/ui/form/DateTimeField/demo/required.js +0 -37
  330. package/ui/form/DateTimeField/demo/showRemove.d.ts +0 -8
  331. package/ui/form/DateTimeField/demo/showRemove.js +0 -36
  332. package/ui/form/DateTimeRangeField/demo/basic.d.ts +0 -8
  333. package/ui/form/DateTimeRangeField/demo/basic.js +0 -36
  334. package/ui/form/DateTimeRangeField/demo/disabled.d.ts +0 -8
  335. package/ui/form/DateTimeRangeField/demo/disabled.js +0 -36
  336. package/ui/form/DateTimeRangeField/demo/errors.d.ts +0 -8
  337. package/ui/form/DateTimeRangeField/demo/errors.js +0 -37
  338. package/ui/form/DateTimeRangeField/demo/icon.d.ts +0 -8
  339. package/ui/form/DateTimeRangeField/demo/icon.js +0 -36
  340. package/ui/form/DateTimeRangeField/demo/placeholder.d.ts +0 -8
  341. package/ui/form/DateTimeRangeField/demo/placeholder.js +0 -37
  342. package/ui/form/DateTimeRangeField/demo/required.d.ts +0 -8
  343. package/ui/form/DateTimeRangeField/demo/required.js +0 -37
  344. package/ui/form/DateTimeRangeField/demo/showRemove.d.ts +0 -8
  345. package/ui/form/DateTimeRangeField/demo/showRemove.js +0 -36
  346. package/ui/form/DropDownField/demo/auto-complete.d.ts +0 -8
  347. package/ui/form/DropDownField/demo/auto-complete.js +0 -38
  348. package/ui/form/DropDownField/demo/basic.d.ts +0 -12
  349. package/ui/form/DropDownField/demo/basic.js +0 -56
  350. package/ui/form/DropDownField/demo/disabled.d.ts +0 -8
  351. package/ui/form/DropDownField/demo/disabled.js +0 -38
  352. package/ui/form/DropDownField/demo/errors.d.ts +0 -8
  353. package/ui/form/DropDownField/demo/errors.js +0 -38
  354. package/ui/form/DropDownField/demo/multiple.d.ts +0 -8
  355. package/ui/form/DropDownField/demo/multiple.js +0 -38
  356. package/ui/form/DropDownField/demo/no-border.d.ts +0 -8
  357. package/ui/form/DropDownField/demo/no-border.js +0 -38
  358. package/ui/form/DropDownField/demo/placeholder.d.ts +0 -8
  359. package/ui/form/DropDownField/demo/placeholder.js +0 -38
  360. package/ui/form/DropDownField/demo/required.d.ts +0 -8
  361. package/ui/form/DropDownField/demo/required.js +0 -38
  362. package/ui/form/DropDownField/demo/show-reset.d.ts +0 -8
  363. package/ui/form/DropDownField/demo/show-reset.js +0 -38
  364. package/ui/form/DropDownField/demo/size.d.ts +0 -8
  365. package/ui/form/DropDownField/demo/size.js +0 -45
  366. package/ui/form/Field/demo/basic.d.ts +0 -8
  367. package/ui/form/Field/demo/basic.js +0 -37
  368. package/ui/form/Field/demo/component.d.ts +0 -8
  369. package/ui/form/Field/demo/component.js +0 -38
  370. package/ui/form/Field/demo/model.d.ts +0 -8
  371. package/ui/form/Field/demo/model.js +0 -48
  372. package/ui/form/FieldLayout/demo/errors.d.ts +0 -8
  373. package/ui/form/FieldLayout/demo/errors.js +0 -38
  374. package/ui/form/FieldLayout/demo/layouts.d.ts +0 -8
  375. package/ui/form/FieldLayout/demo/layouts.js +0 -43
  376. package/ui/form/FieldLayout/demo/required.d.ts +0 -8
  377. package/ui/form/FieldLayout/demo/required.js +0 -38
  378. package/ui/form/FieldList/demo/basic.d.ts +0 -8
  379. package/ui/form/FieldList/demo/basic.js +0 -62
  380. package/ui/form/FieldList/demo/disabled.d.ts +0 -8
  381. package/ui/form/FieldList/demo/disabled.js +0 -62
  382. package/ui/form/FieldSet/demo/basic.d.ts +0 -8
  383. package/ui/form/FieldSet/demo/basic.js +0 -53
  384. package/ui/form/FileField/demo/basic.d.ts +0 -8
  385. package/ui/form/FileField/demo/basic.js +0 -37
  386. package/ui/form/Form/demo/basic.d.ts +0 -8
  387. package/ui/form/Form/demo/basic.js +0 -62
  388. package/ui/form/Form/demo/border.d.ts +0 -8
  389. package/ui/form/Form/demo/border.js +0 -62
  390. package/ui/form/Form/demo/horizontal.d.ts +0 -8
  391. package/ui/form/Form/demo/horizontal.js +0 -55
  392. package/ui/form/Form/demo/inline.d.ts +0 -8
  393. package/ui/form/Form/demo/inline.js +0 -53
  394. package/ui/form/HtmlField/demo/basic.d.ts +0 -8
  395. package/ui/form/HtmlField/demo/basic.js +0 -37
  396. package/ui/form/InputField/demo/addons.d.ts +0 -8
  397. package/ui/form/InputField/demo/addons.js +0 -37
  398. package/ui/form/InputField/demo/basic.d.ts +0 -8
  399. package/ui/form/InputField/demo/basic.js +0 -36
  400. package/ui/form/InputField/demo/disabled.d.ts +0 -8
  401. package/ui/form/InputField/demo/disabled.js +0 -36
  402. package/ui/form/InputField/demo/errors.d.ts +0 -8
  403. package/ui/form/InputField/demo/errors.js +0 -37
  404. package/ui/form/InputField/demo/mask.d.ts +0 -8
  405. package/ui/form/InputField/demo/mask.js +0 -39
  406. package/ui/form/InputField/demo/placeholder.d.ts +0 -8
  407. package/ui/form/InputField/demo/placeholder.js +0 -37
  408. package/ui/form/InputField/demo/required.d.ts +0 -8
  409. package/ui/form/InputField/demo/required.js +0 -37
  410. package/ui/form/InputField/demo/sizes.d.ts +0 -3
  411. package/ui/form/InputField/demo/sizes.js +0 -42
  412. package/ui/form/InputField/demo/textAddons.d.ts +0 -8
  413. package/ui/form/InputField/demo/textAddons.js +0 -37
  414. package/ui/form/InputField/demo/types.d.ts +0 -3
  415. package/ui/form/InputField/demo/types.js +0 -44
  416. package/ui/form/NavField/demo/basic.d.ts +0 -12
  417. package/ui/form/NavField/demo/basic.js +0 -56
  418. package/ui/form/NavField/demo/disabled.d.ts +0 -8
  419. package/ui/form/NavField/demo/disabled.js +0 -38
  420. package/ui/form/NavField/demo/errors.d.ts +0 -8
  421. package/ui/form/NavField/demo/errors.js +0 -38
  422. package/ui/form/NavField/demo/layouts.d.ts +0 -12
  423. package/ui/form/NavField/demo/layouts.js +0 -61
  424. package/ui/form/NavField/demo/required.d.ts +0 -8
  425. package/ui/form/NavField/demo/required.js +0 -38
  426. package/ui/form/NumberField/demo/basic.d.ts +0 -8
  427. package/ui/form/NumberField/demo/basic.js +0 -37
  428. package/ui/form/NumberField/demo/disabled.d.ts +0 -8
  429. package/ui/form/NumberField/demo/disabled.js +0 -37
  430. package/ui/form/NumberField/demo/errors.d.ts +0 -8
  431. package/ui/form/NumberField/demo/errors.js +0 -37
  432. package/ui/form/NumberField/demo/placeholder.d.ts +0 -8
  433. package/ui/form/NumberField/demo/placeholder.js +0 -37
  434. package/ui/form/NumberField/demo/required.d.ts +0 -8
  435. package/ui/form/NumberField/demo/required.js +0 -37
  436. package/ui/form/NumberField/demo/sizes.d.ts +0 -8
  437. package/ui/form/NumberField/demo/sizes.js +0 -42
  438. package/ui/form/PasswordField/demo/basic.d.ts +0 -8
  439. package/ui/form/PasswordField/demo/basic.js +0 -37
  440. package/ui/form/PasswordField/demo/disabled.d.ts +0 -8
  441. package/ui/form/PasswordField/demo/disabled.js +0 -37
  442. package/ui/form/PasswordField/demo/errors.d.ts +0 -8
  443. package/ui/form/PasswordField/demo/errors.js +0 -37
  444. package/ui/form/PasswordField/demo/placeholder.d.ts +0 -8
  445. package/ui/form/PasswordField/demo/placeholder.js +0 -37
  446. package/ui/form/PasswordField/demo/required.d.ts +0 -8
  447. package/ui/form/PasswordField/demo/required.js +0 -37
  448. package/ui/form/PasswordField/demo/security.d.ts +0 -8
  449. package/ui/form/PasswordField/demo/security.js +0 -37
  450. package/ui/form/PasswordField/demo/sizes.d.ts +0 -8
  451. package/ui/form/PasswordField/demo/sizes.js +0 -42
  452. package/ui/form/RadioListField/demo/basic.d.ts +0 -12
  453. package/ui/form/RadioListField/demo/basic.js +0 -56
  454. package/ui/form/RadioListField/demo/disabled.d.ts +0 -8
  455. package/ui/form/RadioListField/demo/disabled.js +0 -38
  456. package/ui/form/RadioListField/demo/errors.d.ts +0 -8
  457. package/ui/form/RadioListField/demo/errors.js +0 -38
  458. package/ui/form/RadioListField/demo/required.d.ts +0 -8
  459. package/ui/form/RadioListField/demo/required.js +0 -38
  460. package/ui/form/ReCaptchaField/demo/basic.d.ts +0 -8
  461. package/ui/form/ReCaptchaField/demo/basic.js +0 -43
  462. package/ui/form/SliderField/demo/basic.d.ts +0 -8
  463. package/ui/form/SliderField/demo/basic.js +0 -37
  464. package/ui/form/SliderField/demo/disabled.d.ts +0 -8
  465. package/ui/form/SliderField/demo/disabled.js +0 -37
  466. package/ui/form/SliderField/demo/errors.d.ts +0 -8
  467. package/ui/form/SliderField/demo/errors.js +0 -37
  468. package/ui/form/SliderField/demo/marks.d.ts +0 -3
  469. package/ui/form/SliderField/demo/marks.js +0 -49
  470. package/ui/form/SliderField/demo/min-max.d.ts +0 -8
  471. package/ui/form/SliderField/demo/min-max.js +0 -37
  472. package/ui/form/SliderField/demo/onAfterChange.d.ts +0 -8
  473. package/ui/form/SliderField/demo/onAfterChange.js +0 -43
  474. package/ui/form/SliderField/demo/onChange.d.ts +0 -8
  475. package/ui/form/SliderField/demo/onChange.js +0 -43
  476. package/ui/form/SliderField/demo/range.d.ts +0 -8
  477. package/ui/form/SliderField/demo/range.js +0 -37
  478. package/ui/form/TextField/demo/basic.d.ts +0 -8
  479. package/ui/form/TextField/demo/basic.js +0 -37
  480. package/ui/form/TextField/demo/disabled.d.ts +0 -8
  481. package/ui/form/TextField/demo/disabled.js +0 -37
  482. package/ui/form/TextField/demo/errors.d.ts +0 -8
  483. package/ui/form/TextField/demo/errors.js +0 -37
  484. package/ui/form/TextField/demo/placeholder.d.ts +0 -8
  485. package/ui/form/TextField/demo/placeholder.js +0 -37
  486. package/ui/form/TextField/demo/required.d.ts +0 -8
  487. package/ui/form/TextField/demo/required.js +0 -37
  488. package/ui/form/TextField/demo/sizes.d.ts +0 -3
  489. package/ui/form/TextField/demo/sizes.js +0 -43
  490. package/ui/form/TextField/demo/submit.d.ts +0 -8
  491. package/ui/form/TextField/demo/submit.js +0 -37
  492. package/ui/format/DateFormatter/demo/basic.d.ts +0 -3
  493. package/ui/format/DateFormatter/demo/basic.js +0 -32
  494. package/ui/format/DateTimeFormatter/demo/basic.d.ts +0 -3
  495. package/ui/format/DateTimeFormatter/demo/basic.js +0 -32
  496. package/ui/layout/Notifications/demo/basic.d.ts +0 -8
  497. package/ui/layout/Notifications/demo/basic.js +0 -57
  498. package/ui/layout/Notifications/demo/position.d.ts +0 -3
  499. package/ui/layout/Notifications/demo/position.js +0 -49
  500. package/ui/layout/Notifications/demo/timeOut.d.ts +0 -3
  501. package/ui/layout/Notifications/demo/timeOut.js +0 -49
  502. package/ui/layout/Tooltip/demo/basic.d.ts +0 -8
  503. package/ui/layout/Tooltip/demo/basic.js +0 -56
  504. package/ui/list/CheckboxColumn/demo/basic.d.ts +0 -8
  505. package/ui/list/CheckboxColumn/demo/basic.js +0 -51
  506. package/ui/list/ControlsColumn/demo/basic.d.ts +0 -8
  507. package/ui/list/ControlsColumn/demo/basic.js +0 -49
  508. package/ui/list/Empty/demo/basic.d.ts +0 -8
  509. package/ui/list/Empty/demo/basic.js +0 -37
  510. package/ui/list/Empty/demo/custom-text.d.ts +0 -8
  511. package/ui/list/Empty/demo/custom-text.js +0 -37
  512. package/ui/list/Grid/demo/basic.d.ts +0 -18
  513. package/ui/list/Grid/demo/basic.js +0 -72
  514. package/ui/list/Grid/demo/controls.d.ts +0 -8
  515. package/ui/list/Grid/demo/controls.js +0 -44
  516. package/ui/list/Grid/demo/empty.d.ts +0 -8
  517. package/ui/list/Grid/demo/empty.js +0 -38
  518. package/ui/list/Grid/demo/formatter.d.ts +0 -8
  519. package/ui/list/Grid/demo/formatter.js +0 -67
  520. package/ui/list/Grid/demo/indexing.d.ts +0 -8
  521. package/ui/list/Grid/demo/indexing.js +0 -52
  522. package/ui/list/Grid/demo/inner-search-form.d.ts +0 -16
  523. package/ui/list/Grid/demo/inner-search-form.js +0 -60
  524. package/ui/list/Grid/demo/load-more.d.ts +0 -8
  525. package/ui/list/Grid/demo/load-more.js +0 -43
  526. package/ui/list/Grid/demo/pagination.d.ts +0 -8
  527. package/ui/list/Grid/demo/pagination.js +0 -41
  528. package/ui/list/Grid/demo/search-form.d.ts +0 -8
  529. package/ui/list/Grid/demo/search-form.js +0 -50
  530. package/ui/list/Grid/demo/sort.d.ts +0 -8
  531. package/ui/list/Grid/demo/sort.js +0 -48
  532. package/ui/list/Grid/demo/visible.d.ts +0 -8
  533. package/ui/list/Grid/demo/visible.js +0 -52
  534. package/ui/list/LayoutNames/demo/basic.d.ts +0 -7
  535. package/ui/list/List/demo/basic.d.ts +0 -12
  536. package/ui/list/List/demo/basic.js +0 -61
  537. package/ui/list/List/demo/condition.d.ts +0 -8
  538. package/ui/list/List/demo/condition.js +0 -90
  539. package/ui/list/List/demo/empty.d.ts +0 -8
  540. package/ui/list/List/demo/empty.js +0 -36
  541. package/ui/list/List/demo/layout.d.ts +0 -8
  542. package/ui/list/List/demo/layout.js +0 -49
  543. package/ui/list/List/demo/load-more.d.ts +0 -8
  544. package/ui/list/List/demo/load-more.js +0 -45
  545. package/ui/list/List/demo/pagination.d.ts +0 -8
  546. package/ui/list/List/demo/pagination.js +0 -45
  547. package/ui/list/List/demo/search-form.d.ts +0 -30
  548. package/ui/list/List/demo/search-form.js +0 -107
  549. package/ui/list/List/demo/sort.d.ts +0 -17
  550. package/ui/list/List/demo/sort.js +0 -92
  551. package/ui/list/Pagination/demo/basic.d.ts +0 -8
  552. package/ui/list/Pagination/demo/basic.js +0 -45
  553. package/ui/list/Pagination/demo/load-more.d.ts +0 -8
  554. package/ui/list/Pagination/demo/load-more.js +0 -41
  555. package/ui/list/Pagination/demo/sizes.d.ts +0 -8
  556. package/ui/list/Pagination/demo/sizes.js +0 -48
  557. package/ui/list/PaginationSize/demo/basic.d.ts +0 -8
  558. package/ui/list/PaginationSize/demo/basic.js +0 -41
  559. package/ui/list/PaginationSize/demo/size.d.ts +0 -8
  560. package/ui/list/PaginationSize/demo/size.js +0 -49
  561. package/ui/modal/Modal/demo/basic.d.ts +0 -8
  562. package/ui/modal/Modal/demo/basic.js +0 -63
  563. package/ui/modal/Modal/demo/closeTimeout.d.ts +0 -8
  564. package/ui/modal/Modal/demo/closeTimeout.js +0 -64
  565. package/ui/modal/Modal/demo/closing.d.ts +0 -9
  566. package/ui/modal/Modal/demo/closing.js +0 -67
  567. package/ui/modal/Modal/demo/component.d.ts +0 -10
  568. package/ui/modal/Modal/demo/component.js +0 -55
  569. package/ui/modal/Modal/demo/controls.d.ts +0 -8
  570. package/ui/modal/Modal/demo/controls.js +0 -66
  571. package/ui/modal/Modal/demo/size.d.ts +0 -8
  572. package/ui/modal/Modal/demo/size.js +0 -70
  573. package/ui/nav/Breadcrumbs/demo/basic.d.ts +0 -8
  574. package/ui/nav/Breadcrumbs/demo/basic.js +0 -37
  575. package/ui/nav/Breadcrumbs/demo/items.d.ts +0 -8
  576. package/ui/nav/Breadcrumbs/demo/items.js +0 -42
  577. package/ui/nav/Breadcrumbs/demo/page-title.d.ts +0 -8
  578. package/ui/nav/Breadcrumbs/demo/page-title.js +0 -37
  579. package/ui/nav/Controls/demo/basic.d.ts +0 -12
  580. package/ui/nav/Controls/demo/basic.js +0 -59
  581. package/ui/nav/Link/demo/badge.d.ts +0 -8
  582. package/ui/nav/Link/demo/badge.js +0 -37
  583. package/ui/nav/Link/demo/basic.d.ts +0 -8
  584. package/ui/nav/Link/demo/basic.js +0 -37
  585. package/ui/nav/Link/demo/colors.d.ts +0 -8
  586. package/ui/nav/Link/demo/colors.js +0 -46
  587. package/ui/nav/Link/demo/confirm.d.ts +0 -8
  588. package/ui/nav/Link/demo/confirm.js +0 -37
  589. package/ui/nav/Link/demo/disabled.d.ts +0 -8
  590. package/ui/nav/Link/demo/disabled.js +0 -37
  591. package/ui/nav/Link/demo/hint.d.ts +0 -8
  592. package/ui/nav/Link/demo/hint.js +0 -37
  593. package/ui/nav/Link/demo/icon.d.ts +0 -8
  594. package/ui/nav/Link/demo/icon.js +0 -37
  595. package/ui/nav/Link/demo/sizes.d.ts +0 -8
  596. package/ui/nav/Link/demo/sizes.js +0 -41
  597. package/ui/nav/Nav/demo/basic.d.ts +0 -13
  598. package/ui/nav/Nav/demo/basic.js +0 -58
  599. package/ui/nav/Nav/demo/layout.d.ts +0 -8
  600. package/ui/nav/Nav/demo/layout.js +0 -56
  601. package/ui/nav/Router/ConnectedRouter.d.ts +0 -16
  602. package/ui/nav/Router/ConnectedRouter.js +0 -107
  603. package/ui/nav/Tree/demo/auto-open-levels.d.ts +0 -8
  604. package/ui/nav/Tree/demo/auto-open-levels.js +0 -38
  605. package/ui/nav/Tree/demo/basic.d.ts +0 -32
  606. package/ui/nav/Tree/demo/basic.js +0 -72
  607. package/ui/nav/Tree/demo/level.d.ts +0 -8
  608. package/ui/nav/Tree/demo/level.js +0 -38
  609. package/ui/nav/Tree/demo/routes.d.ts +0 -8
  610. package/ui/nav/Tree/demo/routes.js +0 -37
  611. package/ui/nav/Tree/demo/selected-item.d.ts +0 -8
  612. package/ui/nav/Tree/demo/selected-item.js +0 -38
@@ -1,10 +1,11 @@
1
1
  import * as React from 'react';
2
+ import { IButtonProps } from 'src/ui/form/Button/Button';
2
3
  import { ListControlPosition } from '../../../hooks/useList';
3
4
  /**
4
5
  * PaginationSize
5
6
  * Компонент для выбора количества элементов в списке
6
7
  */
7
- export interface IPaginationSizeProps {
8
+ export interface IPaginationSizeProps extends IUiComponent {
8
9
  /**
9
10
  * Подключить выбор количества элементов
10
11
  * @example true
@@ -25,19 +26,10 @@ export interface IPaginationSizeProps {
25
26
  * @example 'both'
26
27
  */
27
28
  position?: ListControlPosition;
28
- /**
29
- * Дополнительный CSS-класс для элемента отображения
30
- */
31
- className?: CssClassName;
32
29
  /**
33
30
  * Значение по-умолчанию
34
31
  */
35
32
  defaultValue?: number;
36
- /**
37
- * Переопределение view React компонента для кастомизации отображения
38
- * @example MyCustomView
39
- */
40
- view?: CustomView;
41
33
  /**
42
34
  * Обработчик, который вызывается после смены страницы
43
35
  * @param {number} value
@@ -48,13 +40,16 @@ export interface IPaginationSizeProps {
48
40
  * Список, для которого используется пагинация
49
41
  */
50
42
  list?: any;
43
+ /**
44
+ * Свойства для кнопок пагинации
45
+ */
46
+ buttonProps?: IButtonProps;
51
47
  [key: string]: any;
52
48
  }
53
49
  export interface IPaginationSizeViewProps extends IPaginationSizeProps {
54
50
  items: {
55
- size: number;
51
+ id: number;
56
52
  label: string | number;
57
- isActive: boolean;
58
53
  }[];
59
54
  onSelect: (size: number) => void;
60
55
  }
@@ -66,6 +61,9 @@ declare namespace PaginationSize {
66
61
  sizes: number[];
67
62
  defaultValue: number;
68
63
  position: string;
64
+ buttonProps: {
65
+ size: string;
66
+ };
69
67
  };
70
68
  }
71
69
  export declare const normalizePaginationSizeProps: (props: any) => any;
@@ -45,15 +45,13 @@ var hooks_1 = require("../../../hooks");
45
45
  var useForm_1 = __importDefault(require("../../../hooks/useForm"));
46
46
  var form_1 = require("../../../actions/form");
47
47
  function PaginationSize(props) {
48
- var _a, _b, _c;
48
+ var _a, _b;
49
49
  var components = (0, hooks_1.useComponents)();
50
- var pageSize = (_a = props.list) === null || _a === void 0 ? void 0 : _a.pageSize;
51
50
  var items = (0, react_1.useMemo)(function () { return props.sizes.map(function (size) { return ({
52
- size: size,
53
- label: size,
54
- isActive: pageSize === size
55
- }); }); }, [pageSize, props.sizes]);
56
- var _d = (0, useForm_1["default"])(), formId = _d.formId, formDispatch = _d.formDispatch;
51
+ id: size,
52
+ label: size
53
+ }); }); }, [props.sizes]);
54
+ var _c = (0, useForm_1["default"])(), formId = _c.formId, formDispatch = _c.formDispatch;
57
55
  var onSelect = (0, react_1.useCallback)(function (newPage) {
58
56
  if (formDispatch) {
59
57
  formDispatch((0, form_1.formChange)(formId, props.attribute, newPage));
@@ -62,7 +60,7 @@ function PaginationSize(props) {
62
60
  props.onChange.call(null, newPage);
63
61
  }
64
62
  }, [formDispatch, formId, props.attribute, props.onChange]);
65
- if (!((_c = (_b = props.list) === null || _b === void 0 ? void 0 : _b.items) === null || _c === void 0 ? void 0 : _c.length)) {
63
+ if (!((_b = (_a = props.list) === null || _a === void 0 ? void 0 : _a.items) === null || _b === void 0 ? void 0 : _b.length)) {
66
64
  return null;
67
65
  }
68
66
  return components.ui.renderView(props.view || 'list.PaginationSizeView', __assign(__assign({}, props), { items: items, onSelect: onSelect }));
@@ -72,7 +70,10 @@ PaginationSize.defaultProps = {
72
70
  attribute: 'pageSize',
73
71
  sizes: [30, 50, 100],
74
72
  defaultValue: 50,
75
- position: 'top'
73
+ position: 'top',
74
+ buttonProps: {
75
+ size: 'sm'
76
+ }
76
77
  };
77
78
  var normalizePaginationSizeProps = function (props) { return (__assign(__assign(__assign({}, PaginationSize.defaultProps), { enable: !!props, defaultValue: (0, get_1["default"])(props, 'sizes.0') || PaginationSize.defaultProps.defaultValue }), (typeof props === 'boolean' ? { enable: props } : props))); };
78
79
  exports.normalizePaginationSizeProps = normalizePaginationSizeProps;
@@ -7,6 +7,9 @@ import { IFormProps } from '../../../ui/form/Form/Form';
7
7
  * после чего в list-компонент подгружаются новые элементы коллекции.
8
8
  */
9
9
  export interface ISearchFormProps extends IFormProps {
10
+ /**
11
+ * Id списка
12
+ */
10
13
  listId?: string;
11
14
  }
12
15
  declare const _default: React.MemoExoticComponent<(props: ISearchFormProps) => JSX.Element>;
@@ -28,12 +28,15 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
28
28
  exports.__esModule = true;
29
29
  var React = __importStar(require("react"));
30
30
  var List_1 = __importDefault(require("../../List"));
31
- var search_form_1 = require("../../List/demo/search-form");
31
+ // import {searchForm, items} from '../../List/demo/search-form';
32
32
  /**
33
33
  * List with search form
34
34
  * @order 1
35
35
  * @col 6
36
36
  */
37
- exports["default"] = (function () { return (React.createElement(List_1["default"], { listId: 'ListDemoSearch', items: search_form_1.items, searchForm: search_form_1.searchForm, className: 'list-group', itemView: function (props) { return (React.createElement("div", { className: 'list-group-item' },
37
+ exports["default"] = (function () { return (React.createElement(List_1["default"], { listId: 'ListDemoSearch',
38
+ // items={items}
39
+ // searchForm={searchForm}
40
+ className: 'list-group', itemView: function (props) { return (React.createElement("div", { className: 'list-group-item' },
38
41
  React.createElement("div", null, props.item.name),
39
42
  React.createElement("div", null, "Category: ".concat(props.item.category)))); } })); });
@@ -1,18 +1,21 @@
1
1
  import React from 'react';
2
+ /**
3
+ * Компонент Steps предоставляет шаги для выполнения определенного процесса.
4
+ **/
2
5
  interface IStepsProps {
3
6
  stepItems: IStepItem[];
4
7
  currentStep: number;
5
8
  isChangeable?: boolean;
6
- className?: string;
9
+ className?: CssClassName;
7
10
  onChange?: (index: number) => void;
8
11
  }
9
12
  export interface IStepsViewProps {
10
- className?: string;
13
+ className?: CssClassName;
11
14
  children?: React.ReactNode;
12
15
  }
13
16
  export interface IStepItemViewProps {
14
17
  stepItem: IStepItem;
15
- className?: string;
18
+ className?: CssClassName;
16
19
  index: number;
17
20
  status: string;
18
21
  disabled: boolean;
@@ -6,12 +6,15 @@ function Steps(props) {
6
6
  var _a = (0, react_1.useState)(false), isChangeable = _a[0], setIsChangeable = _a[1];
7
7
  (0, react_1.useEffect)(function () { return setIsChangeable(props.isChangeable); }, [props.isChangeable]);
8
8
  function getStepStatus(index, stepItem) {
9
- if (stepItem.isError)
9
+ if (stepItem.isError) {
10
10
  return 'error';
11
- if (props.currentStep < index)
11
+ }
12
+ if (props.currentStep < index) {
12
13
  return 'wait';
13
- if (props.currentStep === index)
14
+ }
15
+ if (props.currentStep === index) {
14
16
  return 'active';
17
+ }
15
18
  return 'finish';
16
19
  }
17
20
  return (0, hooks_1.useComponents)().ui.renderView('list.StepsView', {
@@ -23,8 +26,11 @@ function Steps(props) {
23
26
  index: index + 1,
24
27
  status: getStepStatus(index, stepItem),
25
28
  disabled: !isChangeable,
26
- onChange: function () { if (isChangeable)
27
- props.onChange(index); }
29
+ onChange: function () {
30
+ if (isChangeable) {
31
+ props.onChange(index);
32
+ }
33
+ }
28
34
  }); })
29
35
  });
30
36
  }
@@ -1,5 +1,5 @@
1
- /// <reference types="react" />
2
- import { IControlItem } from '../../nav/Controls/Controls';
1
+ import * as React from 'react';
2
+ import { IButtonProps } from 'src/ui/form/Button/Button';
3
3
  /**
4
4
  * Modal
5
5
  * Модальное окно
@@ -14,16 +14,16 @@ export interface IModalProps {
14
14
  * Компонент, который отрендерится внутри Modal
15
15
  * @example () => <InnerModalComponent />
16
16
  */
17
- component?: () => JSX.Element;
17
+ component?: (props: React.ComponentProps<any>) => JSX.Element;
18
18
  /**
19
19
  * Свойства для внутреннего компонента
20
20
  */
21
21
  componentProps?: any;
22
22
  /**
23
- * Коллекция контролов, которая отобразится в Modal
23
+ * Коллекция кнопок, которая отобразится в нижней секции Modal
24
24
  * @example [{label: __(('Закрыть')), onClick: () => props.onClose()}]
25
25
  */
26
- controls?: IControlItem[];
26
+ buttons?: IButtonProps[];
27
27
  /**
28
28
  * Время, в течение которого будет происходить анимация закрытия Modal.
29
29
  * Переопределяет отрезок времени, заданный в ModalPortal
@@ -49,7 +49,7 @@ function Modal(props) {
49
49
  return (React.createElement(ModalView, __assign({}, props), (ContentComponent && (React.createElement(ContentComponent, __assign({}, props, props.componentProps)))) || (props.children)));
50
50
  }
51
51
  Modal.defaultProps = {
52
- size: 'middle',
52
+ size: 'md',
53
53
  shouldCloseOnEsc: true,
54
54
  shouldCloseOnOverlayClick: true
55
55
  };
@@ -1,4 +1,7 @@
1
1
  /// <reference types="react" />
2
+ /**
3
+ * Компонент ModalPortal отвечает за отображение модальных окон.
4
+ **/
2
5
  export interface IModalPortalProps {
3
6
  /**
4
7
  * Время, через которое произойдет закрытие Modal
@@ -1,7 +1,12 @@
1
1
  /// <reference types="react" />
2
- interface ITwoFactorModalProps {
3
- view?: any;
2
+ interface ITwoFactorModalProps extends IUiComponent {
3
+ /**
4
+ * Имя провайдера
5
+ */
4
6
  providerName: string;
7
+ /**
8
+ * Функция, которая вызывается при закрытии модального окна
9
+ */
5
10
  onClose?: any;
6
11
  }
7
12
  interface ITwoFactorModalPrivateProps extends ITwoFactorModalProps {
@@ -13,6 +18,9 @@ interface ITwoFactorModalPrivateProps extends ITwoFactorModalProps {
13
18
  isConfirmed: string;
14
19
  };
15
20
  }
21
+ /**
22
+ * Компонент TwoFactorModal отображает модальное окно для двухфакторной аутентификации.
23
+ **/
16
24
  export interface ITwoFactorModalViewProps extends ITwoFactorModalPrivateProps {
17
25
  description?: string;
18
26
  formProps?: any;
@@ -2,8 +2,9 @@
2
2
  import { IRouteItem } from '../Router/Router';
3
3
  /**
4
4
  * Breadcrumbs
5
- * Хлебные крошки
6
- */
5
+ *
6
+ * Компонент Breadcrumbs отображает хлебные крошки.
7
+ **/
7
8
  export interface IBreadcrumbsProps {
8
9
  /**
9
10
  * Кастомный CSS-класс
@@ -27,6 +28,15 @@ export interface IBreadcrumbsProps {
27
28
  * @example 'Каталог'
28
29
  */
29
30
  pageTitle?: string;
31
+ /**
32
+ * Показать иконку заменяющую первый роут
33
+ * @example true
34
+ */
35
+ showIcon?: boolean;
36
+ /**
37
+ * Кастомная иконка, заменяющая первый роут
38
+ */
39
+ customIcon?: string | React.ReactElement;
30
40
  /**
31
41
  * Переопределение view React компонента для кастомизации отображения
32
42
  * @example MyCustomView
@@ -0,0 +1,44 @@
1
+ /// <reference types="react" />
2
+ import { IButtonProps } from 'src/ui/form/Button/Button';
3
+ import { DataProviderItems } from '../../../hooks/useDataProvider';
4
+ /**
5
+ * ButtonGroup
6
+ *
7
+ * Компонент ButtonGroup отображает группу кнопок.
8
+ **/
9
+ export interface IButtonGroupProps extends IUiComponent {
10
+ /**
11
+ * Элементы для группы кнопок
12
+ * @example ['button1', 'button2', 'button3']
13
+ */
14
+ items: DataProviderItems;
15
+ /**
16
+ * Функция, которая будет вызываться при клике по кнопке
17
+ * @example setActiveTab
18
+ */
19
+ onClick: (value: number | string | boolean) => void;
20
+ /**
21
+ * При указании в связке с onClick предоставляет возможность реализовать two-way binding
22
+ * @example 'button1'
23
+ */
24
+ activeButton?: number | string;
25
+ /**
26
+ * Кнопка по умолчанию.
27
+ */
28
+ defaultActiveButton?: number | string;
29
+ /**
30
+ * Общие свойства для всех кнопок группы
31
+ * @example {outline: true, color: 'secondary'}
32
+ */
33
+ buttonProps?: IButtonProps;
34
+ }
35
+ export interface IButtonGroupViewProps extends Omit<IButtonGroupProps, 'items'> {
36
+ items: {
37
+ id: number | string | boolean;
38
+ label?: string;
39
+ [key: string]: unknown;
40
+ }[];
41
+ size: Size;
42
+ }
43
+ declare function ButtonGroup(props: IButtonGroupProps): JSX.Element;
44
+ export default ButtonGroup;
@@ -0,0 +1,59 @@
1
+ "use strict";
2
+ var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
3
+ if (k2 === undefined) k2 = k;
4
+ var desc = Object.getOwnPropertyDescriptor(m, k);
5
+ if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
6
+ desc = { enumerable: true, get: function() { return m[k]; } };
7
+ }
8
+ Object.defineProperty(o, k2, desc);
9
+ }) : (function(o, m, k, k2) {
10
+ if (k2 === undefined) k2 = k;
11
+ o[k2] = m[k];
12
+ }));
13
+ var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
14
+ Object.defineProperty(o, "default", { enumerable: true, value: v });
15
+ }) : function(o, v) {
16
+ o["default"] = v;
17
+ });
18
+ var __importStar = (this && this.__importStar) || function (mod) {
19
+ if (mod && mod.__esModule) return mod;
20
+ var result = {};
21
+ if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
22
+ __setModuleDefault(result, mod);
23
+ return result;
24
+ };
25
+ var __importDefault = (this && this.__importDefault) || function (mod) {
26
+ return (mod && mod.__esModule) ? mod : { "default": mod };
27
+ };
28
+ exports.__esModule = true;
29
+ var react_1 = __importStar(require("react"));
30
+ var hooks_1 = require("../../../hooks");
31
+ var useDataProvider_1 = __importDefault(require("../../../hooks/useDataProvider"));
32
+ var DEFAULT_BUTTON_GROUP_SIZE = 'md';
33
+ function ButtonGroup(props) {
34
+ var _a, _b;
35
+ var components = (0, hooks_1.useComponents)();
36
+ var items = (0, useDataProvider_1["default"])({
37
+ items: props.items
38
+ }).items;
39
+ var _c = (0, react_1.useState)(props.activeButton || props.defaultActiveButton || ((_a = items[0]) === null || _a === void 0 ? void 0 : _a.id)), activeButton = _c[0], setActiveButton = _c[1];
40
+ react_1["default"].useEffect(function () {
41
+ if (props.activeButton) {
42
+ setActiveButton(props.activeButton);
43
+ }
44
+ }, [props.activeButton]);
45
+ var onClick = function (buttonId) {
46
+ setActiveButton(buttonId);
47
+ props.onClick(buttonId);
48
+ };
49
+ return components.ui.renderView(props.view || 'nav.ButtonGroupView', {
50
+ className: props.className,
51
+ style: props.style,
52
+ buttonProps: props.buttonProps,
53
+ size: ((_b = props.buttonProps) === null || _b === void 0 ? void 0 : _b.size) || DEFAULT_BUTTON_GROUP_SIZE,
54
+ activeButton: activeButton,
55
+ items: items,
56
+ onClick: onClick
57
+ });
58
+ }
59
+ exports["default"] = ButtonGroup;
@@ -0,0 +1,2 @@
1
+ import ButtonGroup from './ButtonGroup';
2
+ export default ButtonGroup;
@@ -0,0 +1,7 @@
1
+ "use strict";
2
+ var __importDefault = (this && this.__importDefault) || function (mod) {
3
+ return (mod && mod.__esModule) ? mod : { "default": mod };
4
+ };
5
+ exports.__esModule = true;
6
+ var ButtonGroup_1 = __importDefault(require("./ButtonGroup"));
7
+ exports["default"] = ButtonGroup_1["default"];
@@ -39,16 +39,16 @@ export interface IControlsProps {
39
39
  * Переопределение view React компонента для кастомизации отображения
40
40
  * @example MyCustomView
41
41
  */
42
- view?: any;
42
+ view?: CustomView;
43
43
  /**
44
44
  * Дополнительный CSS-класс для элемента отображения
45
45
  * @example MyCustomView
46
46
  */
47
- className?: string;
47
+ className?: CssClassName;
48
48
  [key: string]: any;
49
49
  }
50
50
  export interface IControlsViewProps extends IControlsProps {
51
- className?: string;
51
+ className?: CssClassName;
52
52
  items: (IControlItem & {
53
53
  icon?: string;
54
54
  label?: string | any;
@@ -11,18 +11,19 @@ var __assign = (this && this.__assign) || function () {
11
11
  return __assign.apply(this, arguments);
12
12
  };
13
13
  exports.__esModule = true;
14
+ /* eslint-disable react-hooks/exhaustive-deps */
14
15
  var react_1 = require("react");
15
16
  var hooks_1 = require("../../../hooks");
16
17
  function Controls(props) {
17
18
  var defaultItems = {
18
- index: {
19
- icon: 'back',
19
+ back: {
20
+ icon: 'left_12x12',
20
21
  label: __('К списку'),
21
22
  color: 'secondary',
22
23
  outline: true
23
24
  },
24
25
  create: {
25
- icon: 'create',
26
+ icon: 'add_square',
26
27
  label: __('Добавить'),
27
28
  color: 'success',
28
29
  outline: true
@@ -34,13 +35,13 @@ function Controls(props) {
34
35
  outline: true
35
36
  },
36
37
  update: {
37
- icon: 'update',
38
+ icon: 'edit',
38
39
  label: __('Редактировать'),
39
40
  color: 'secondary',
40
41
  outline: true
41
42
  },
42
43
  "delete": {
43
- icon: 'delete',
44
+ icon: 'cancel_ellips',
44
45
  label: __('Удалить'),
45
46
  confirm: __('Удалить запись?'),
46
47
  color: 'danger',
@@ -2,6 +2,7 @@
2
2
  import { IButtonProps, IButtonViewProps } from '../../form/Button/Button';
3
3
  /**
4
4
  * Link
5
+ *
5
6
  * Ссылка
6
7
  */
7
8
  export interface ILinkProps extends IButtonProps {
@@ -40,6 +40,6 @@ exports.__esModule = true;
40
40
  var React = __importStar(require("react"));
41
41
  var Button_1 = __importDefault(require("../../form/Button"));
42
42
  function Link(props) {
43
- return (React.createElement(Button_1["default"], __assign({ tag: 'a', link: true }, props, { formId: false })));
43
+ return (React.createElement(Button_1["default"], __assign({ tag: 'a', link: true, color: 'link' }, props, { formId: false })));
44
44
  }
45
45
  exports["default"] = Link;
@@ -28,7 +28,7 @@ export interface INavItem extends IButtonProps {
28
28
  * Переопределение view React компонента для кастомизации отображения элемента
29
29
  * @example MyCustomView
30
30
  */
31
- view?: any;
31
+ view?: CustomView;
32
32
  /**
33
33
  * Видимость элемента
34
34
  * @example true
@@ -44,6 +44,15 @@ export interface INavItem extends IButtonProps {
44
44
  * @example {content: 'Some text'}
45
45
  */
46
46
  contentProps?: any;
47
+ /**
48
+ * Вложенные элементы
49
+ */
50
+ items?: INavItem[];
51
+ /**
52
+ * Props для пункта
53
+ */
54
+ itemProps?: IButtonProps;
55
+ [key: string]: any;
47
56
  }
48
57
  /**
49
58
  * Nav
@@ -74,7 +83,7 @@ export interface INavProps {
74
83
  * Переопределение view React компонента для кастомизации отображения элемента
75
84
  * @example MyCustomView
76
85
  */
77
- view?: any;
86
+ view?: CustomView;
78
87
  /**
79
88
  * Обработчик, который вызывается при смене активного элемента навигации
80
89
  * @param args
@@ -84,16 +93,13 @@ export interface INavProps {
84
93
  * Размер
85
94
  */
86
95
  size?: Size;
87
- /**
88
- * Темная тема
89
- */
90
- dark?: boolean;
91
96
  [key: string]: any;
92
97
  }
93
98
  export interface INavViewProps extends INavProps {
94
99
  onClick: (item: Record<string, unknown>, index: number) => void;
95
100
  items: (INavItem & {
96
101
  isActive: boolean;
102
+ isActiveNested: boolean;
97
103
  })[];
98
104
  navClassName?: CssClassName;
99
105
  }
@@ -101,6 +107,7 @@ declare function Nav(props: INavProps): JSX.Element;
101
107
  declare namespace Nav {
102
108
  var defaultProps: {
103
109
  layout: string;
110
+ size: string;
104
111
  };
105
112
  }
106
113
  export default Nav;
package/ui/nav/Nav/Nav.js CHANGED
@@ -43,6 +43,7 @@ var has_1 = __importDefault(require("lodash-es/has"));
43
43
  var isFunction_1 = __importDefault(require("lodash-es/isFunction"));
44
44
  var isObject_1 = __importDefault(require("lodash-es/isObject"));
45
45
  var react_1 = require("react");
46
+ var isEmpty_1 = __importDefault(require("lodash-es/isEmpty"));
46
47
  var hooks_1 = require("../../../hooks");
47
48
  var router_1 = require("../../../reducers/router");
48
49
  var defaultViewMap = {
@@ -74,7 +75,7 @@ function Nav(props) {
74
75
  }
75
76
  if ((0, isFunction_1["default"])(activeItem.content) || (0, isObject_1["default"])(activeItem.content)) {
76
77
  var ContentComponent = activeItem.content;
77
- return React.createElement(ContentComponent, __assign({}, activeItem, activeItem.contentProps));
78
+ return (React.createElement(ContentComponent, __assign({}, activeItem, activeItem.contentProps)));
78
79
  }
79
80
  return activeItem.content;
80
81
  };
@@ -85,21 +86,35 @@ function Nav(props) {
85
86
  props.onChange.call(null, newActiveTab);
86
87
  }
87
88
  }, [props.onChange]);
88
- var items = (0, react_1.useMemo)(function () { return (Array.isArray(props.items)
89
- ? props.items.map(function (item, index) { return (__assign(__assign({}, item), { isActive: activeTab === ((0, has_1["default"])(item, 'id') ? item.id : index) })); })
90
- .filter(function (item) { return item.visible !== false; })
91
- : (routes || []).map(function (route) { return ({
92
- id: route.id,
93
- label: route.label,
94
- toRoute: route.id,
95
- toRouteParams: routerParams,
96
- visible: route.isNavVisible,
97
- isActive: (activeRouteIds || []).includes(route.id)
98
- }); })
99
- .filter(function (item) { return item.visible !== false; })); }, [activeRouteIds, activeTab, props.items, routerParams, routes]);
89
+ var formatItems = React.useCallback(function (items) {
90
+ if (items === void 0) { items = props.items; }
91
+ if (Array.isArray(items)) {
92
+ return items.map(function (item, index) {
93
+ var _a;
94
+ return (__assign(__assign({}, item), { isActive: activeTab === ((0, has_1["default"])(item, 'id') ? item.id : index), isActiveNested: !(0, isEmpty_1["default"])((_a = item.items) === null || _a === void 0 ? void 0 : _a.filter(function (nestedItem) { return nestedItem.id === activeTab; })) || false, items: item.items ? formatItems(item.items) : null }));
95
+ })
96
+ .filter(function (item) { return item.visible !== false; });
97
+ }
98
+ return (routes || []).map(function (route) {
99
+ var _a;
100
+ return ({
101
+ id: route.id,
102
+ label: route.label,
103
+ toRoute: route.id,
104
+ toRouteParams: routerParams,
105
+ visible: route.isNavVisible,
106
+ isActive: (activeRouteIds || []).includes(route.id),
107
+ isActiveNested: ((_a = route.items) === null || _a === void 0 ? void 0 : _a.filter(function (nestedItem) { return activeRouteIds.includes(nestedItem.id); })),
108
+ items: route.items ? formatItems(route.items) : null
109
+ });
110
+ })
111
+ .filter(function (item) { return item.visible !== false; });
112
+ }, [activeRouteIds, activeTab, props.items, routerParams, routes]);
113
+ var items = (0, react_1.useMemo)(function () { return formatItems(); }, [formatItems]);
100
114
  return components.ui.renderView(props.view || defaultViewMap[props.layout], __assign(__assign({}, props), { items: items, onClick: onClick, disabled: props.disabled, children: renderContent() }));
101
115
  }
102
116
  Nav.defaultProps = {
103
- layout: 'button'
117
+ layout: 'button',
118
+ size: 'md'
104
119
  };
105
120
  exports["default"] = Nav;
@@ -1,7 +1,6 @@
1
1
  import * as React from 'react';
2
2
  import { IFetchConfig } from '../../../hooks/useFetch';
3
3
  import { IListProps } from '../../list/List/List';
4
- import { IFetchHocConfigFunc } from '../../../hoc/fetch';
5
4
  export declare const ROUTER_ROLE_LOGIN = "login";
6
5
  export declare const ROUTER_ROLE_MODAL = "modal";
7
6
  export declare const ROUTER_ROLE_404 = "404";
@@ -86,13 +85,6 @@ export interface IRouteItem {
86
85
  * @example ['user', 'admin']
87
86
  */
88
87
  roles?: Array<string | null>;
89
- /**
90
- * Обработчик, который возвращает конфигурацию для осуществления HTTP-запроса. Запрос происходит каждый раз
91
- * перед рендерингом страницы, чтобы получить для неё все необходимые данные
92
- * @param {*} props
93
- * @return {Object} Например, {url: '/api/v1/some-data', key: 'someData'}
94
- */
95
- fetch?: IFetchHocConfigFunc;
96
88
  /**
97
89
  * Вложенные роуты
98
90
  */
@@ -146,8 +138,6 @@ export interface IRouterProps {
146
138
  */
147
139
  children?: React.ReactNode;
148
140
  }
149
- export declare const walkRoutesRecursive: (item: any, defaultItem?: any, parentItem?: any) => any;
150
- export declare const treeToList: (item: any, isRoot?: boolean) => any;
151
141
  declare function Router(props: IRouterProps): JSX.Element;
152
142
  declare namespace Router {
153
143
  var defaultProps: {