framework7-react 6.3.16 → 7.0.0-beta.12

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 (470) hide show
  1. package/components/{accordion-content/accordion-content.d.ts → accordion-content.d.ts} +0 -0
  2. package/{esm/components → components}/accordion-content.js +15 -15
  3. package/components/{accordion-item/accordion-item.d.ts → accordion-item.d.ts} +0 -0
  4. package/{esm/components → components}/accordion-item.js +28 -28
  5. package/components/{accordion-toggle/accordion-toggle.d.ts → accordion-toggle.d.ts} +0 -0
  6. package/{esm/components → components}/accordion-toggle.js +15 -15
  7. package/components/{accordion/accordion.d.ts → accordion.d.ts} +0 -0
  8. package/components/accordion.js +29 -0
  9. package/components/{actions-button/actions-button.d.ts → actions-button.d.ts} +0 -0
  10. package/{esm/components → components}/actions-button.js +20 -21
  11. package/components/{actions-group/actions-group.d.ts → actions-group.d.ts} +0 -0
  12. package/{esm/components → components}/actions-group.js +15 -15
  13. package/components/{actions-label/actions-label.d.ts → actions-label.d.ts} +0 -0
  14. package/{esm/components → components}/actions-label.js +17 -17
  15. package/components/{actions/actions.d.ts → actions.d.ts} +0 -0
  16. package/components/actions.js +138 -0
  17. package/components/{app/app.d.ts → app.d.ts} +0 -0
  18. package/{esm/components → components}/app.js +24 -27
  19. package/components/{appbar/appbar.d.ts → appbar.d.ts} +0 -0
  20. package/{esm/components → components}/appbar.js +22 -23
  21. package/components/{area-chart/area-chart.d.ts → area-chart.d.ts} +0 -0
  22. package/components/area-chart.js +354 -0
  23. package/components/{badge/badge.d.ts → badge.d.ts} +0 -0
  24. package/{esm/components → components}/badge.js +16 -16
  25. package/components/{block-footer/block-footer.d.ts → block-footer.d.ts} +0 -0
  26. package/{esm/components → components}/block-footer.js +15 -15
  27. package/components/{block-header/block-header.d.ts → block-header.d.ts} +0 -0
  28. package/{esm/components → components}/block-header.js +15 -15
  29. package/components/{block-title/block-title.d.ts → block-title.d.ts} +0 -0
  30. package/{esm/components → components}/block-title.js +17 -17
  31. package/components/{block/block.d.ts → block.d.ts} +0 -0
  32. package/components/block.js +63 -0
  33. package/components/breadcrumbs-collapsed.d.ts +16 -0
  34. package/components/breadcrumbs-collapsed.js +32 -0
  35. package/components/breadcrumbs-item.d.ts +17 -0
  36. package/components/breadcrumbs-item.js +33 -0
  37. package/components/breadcrumbs-separator.d.ts +15 -0
  38. package/components/breadcrumbs-separator.js +25 -0
  39. package/components/breadcrumbs.d.ts +15 -0
  40. package/components/breadcrumbs.js +26 -0
  41. package/components/{button/button.d.ts → button.d.ts} +0 -0
  42. package/{esm/components → components}/button.js +64 -65
  43. package/components/{card-content/card-content.d.ts → card-content.d.ts} +0 -0
  44. package/{esm/components → components}/card-content.js +16 -17
  45. package/components/{card-footer/card-footer.d.ts → card-footer.d.ts} +0 -0
  46. package/{esm/components → components}/card-footer.js +15 -15
  47. package/components/{card-header/card-header.d.ts → card-header.d.ts} +0 -0
  48. package/{esm/components → components}/card-header.js +15 -15
  49. package/components/{card/card.d.ts → card.d.ts} +0 -0
  50. package/{esm/components → components}/card.js +62 -62
  51. package/components/{checkbox/checkbox.d.ts → checkbox.d.ts} +0 -0
  52. package/{esm/components → components}/checkbox.js +29 -29
  53. package/components/{chip/chip.d.ts → chip.d.ts} +0 -0
  54. package/{esm/components → components}/chip.js +30 -30
  55. package/components/{col/col.d.ts → col.d.ts} +0 -0
  56. package/components/col.js +75 -0
  57. package/components/{fab-backdrop/fab-backdrop.d.ts → fab-backdrop.d.ts} +0 -0
  58. package/{esm/components → components}/fab-backdrop.js +14 -14
  59. package/components/{fab-button/fab-button.d.ts → fab-button.d.ts} +0 -0
  60. package/{esm/components → components}/fab-button.js +21 -21
  61. package/components/{fab-buttons/fab-buttons.d.ts → fab-buttons.d.ts} +0 -0
  62. package/components/fab-buttons.js +29 -0
  63. package/components/{fab/fab.d.ts → fab.d.ts} +0 -0
  64. package/{esm/components → components}/fab.js +36 -37
  65. package/components/{gauge/gauge.d.ts → gauge.d.ts} +0 -0
  66. package/components/gauge.js +104 -0
  67. package/components/{icon/icon.d.ts → icon.d.ts} +0 -0
  68. package/{esm/components → components}/icon.js +34 -34
  69. package/components/{input/input.d.ts → input.d.ts} +0 -0
  70. package/{esm/components → components}/input.js +132 -146
  71. package/components/{link/link.d.ts → link.d.ts} +0 -0
  72. package/components/link.js +102 -0
  73. package/components/{list-button/list-button.d.ts → list-button.d.ts} +0 -0
  74. package/{esm/components → components}/list-button.js +37 -34
  75. package/components/{list-group/list-group.d.ts → list-group.d.ts} +0 -0
  76. package/{esm/components → components}/list-group.js +24 -24
  77. package/components/{list-index/list-index.d.ts → list-index.d.ts} +0 -0
  78. package/components/list-index.js +94 -0
  79. package/components/{list-input/list-input.d.ts → list-input.d.ts} +0 -0
  80. package/{esm/components → components}/list-input.js +146 -163
  81. package/components/{list-item-cell/list-item-cell.d.ts → list-item-cell.d.ts} +0 -0
  82. package/{esm/components → components}/list-item-cell.js +15 -15
  83. package/components/{list-item-content/list-item-content.d.ts → list-item-content.d.ts} +0 -0
  84. package/{esm/components → components}/list-item-content.js +55 -53
  85. package/components/{list-item-row/list-item-row.d.ts → list-item-row.d.ts} +0 -0
  86. package/{esm/components → components}/list-item-row.js +15 -15
  87. package/components/{list-item/list-item.d.ts → list-item.d.ts} +0 -0
  88. package/{esm/components → components}/list-item.js +99 -108
  89. package/components/{list/list.d.ts → list.d.ts} +0 -0
  90. package/{esm/components → components}/list.js +104 -101
  91. package/components/{login-screen-title/login-screen-title.d.ts → login-screen-title.d.ts} +0 -0
  92. package/{esm/components → components}/login-screen-title.js +15 -15
  93. package/components/{login-screen/login-screen.d.ts → login-screen.d.ts} +0 -0
  94. package/components/login-screen.js +119 -0
  95. package/components/{menu-dropdown-item/menu-dropdown-item.d.ts → menu-dropdown-item.d.ts} +0 -0
  96. package/{esm/components → components}/menu-dropdown-item.js +31 -31
  97. package/components/{menu-dropdown/menu-dropdown.d.ts → menu-dropdown.d.ts} +0 -0
  98. package/{esm/components → components}/menu-dropdown.js +21 -21
  99. package/components/{menu-item/menu-item.d.ts → menu-item.d.ts} +0 -0
  100. package/{esm/components → components}/menu-item.js +44 -44
  101. package/components/{menu/menu.d.ts → menu.d.ts} +0 -0
  102. package/{esm/components → components}/menu.js +15 -15
  103. package/components/{message/message.d.ts → message.d.ts} +0 -0
  104. package/{esm/components → components}/message.js +40 -41
  105. package/components/{messagebar-attachment/messagebar-attachment.d.ts → messagebar-attachment.d.ts} +0 -0
  106. package/{esm/components → components}/messagebar-attachment.js +19 -20
  107. package/components/{messagebar-attachments/messagebar-attachments.d.ts → messagebar-attachments.d.ts} +0 -0
  108. package/{esm/components → components}/messagebar-attachments.js +15 -15
  109. package/components/{messagebar-sheet-image/messagebar-sheet-image.d.ts → messagebar-sheet-image.d.ts} +0 -0
  110. package/{esm/components → components}/messagebar-sheet-image.js +22 -23
  111. package/components/{messagebar-sheet-item/messagebar-sheet-item.d.ts → messagebar-sheet-item.d.ts} +0 -0
  112. package/{esm/components → components}/messagebar-sheet-item.js +15 -15
  113. package/components/{messagebar-sheet/messagebar-sheet.d.ts → messagebar-sheet.d.ts} +0 -0
  114. package/{esm/components → components}/messagebar-sheet.js +15 -15
  115. package/components/{messagebar/messagebar.d.ts → messagebar.d.ts} +0 -0
  116. package/components/messagebar.js +202 -0
  117. package/components/{messages-title/messages-title.d.ts → messages-title.d.ts} +0 -0
  118. package/{esm/components → components}/messages-title.js +15 -15
  119. package/components/{messages/messages.d.ts → messages.d.ts} +0 -0
  120. package/components/messages.js +139 -0
  121. package/components/{nav-left/nav-left.d.ts → nav-left.d.ts} +0 -0
  122. package/{esm/components → components}/nav-left.js +28 -28
  123. package/components/{nav-right/nav-right.d.ts → nav-right.d.ts} +0 -0
  124. package/{esm/components → components}/nav-right.js +17 -17
  125. package/components/{nav-title-large/nav-title-large.d.ts → nav-title-large.d.ts} +0 -0
  126. package/{esm/components → components}/nav-title-large.js +15 -15
  127. package/components/{nav-title/nav-title.d.ts → nav-title.d.ts} +0 -0
  128. package/{esm/components → components}/nav-title.js +20 -20
  129. package/components/{navbar/navbar.d.ts → navbar.d.ts} +0 -0
  130. package/{esm/components → components}/navbar.js +80 -81
  131. package/components/{page-content/page-content.d.ts → page-content.d.ts} +0 -0
  132. package/{esm/components → components}/page-content.js +50 -52
  133. package/components/{page/page.d.ts → page.d.ts} +0 -0
  134. package/{esm/components → components}/page.js +104 -107
  135. package/components/{panel/panel.d.ts → panel.d.ts} +0 -0
  136. package/components/panel.js +198 -0
  137. package/components/{photo-browser/photo-browser.d.ts → photo-browser.d.ts} +0 -0
  138. package/components/photo-browser.js +164 -0
  139. package/components/{pie-chart/pie-chart.d.ts → pie-chart.d.ts} +0 -0
  140. package/components/pie-chart.js +171 -0
  141. package/components/{popover/popover.d.ts → popover.d.ts} +0 -0
  142. package/components/popover.js +134 -0
  143. package/components/{popup/popup.d.ts → popup.d.ts} +0 -0
  144. package/components/popup.js +155 -0
  145. package/components/{preloader/preloader.d.ts → preloader.d.ts} +0 -0
  146. package/{esm/components → components}/preloader.js +23 -23
  147. package/components/{progressbar/progressbar.d.ts → progressbar.d.ts} +0 -0
  148. package/components/progressbar.js +46 -0
  149. package/components/{radio/radio.d.ts → radio.d.ts} +0 -0
  150. package/{esm/components → components}/radio.js +24 -24
  151. package/components/{range/range.d.ts → range.d.ts} +0 -0
  152. package/components/range.js +130 -0
  153. package/components/{routable-modals/routable-modals.d.ts → routable-modals.d.ts} +0 -0
  154. package/{esm/components → components}/routable-modals.js +23 -25
  155. package/components/{row/row.d.ts → row.d.ts} +0 -0
  156. package/{esm/components → components}/row.js +29 -31
  157. package/components/{searchbar/searchbar.d.ts → searchbar.d.ts} +0 -0
  158. package/components/searchbar.js +226 -0
  159. package/components/{segmented/segmented.d.ts → segmented.d.ts} +0 -0
  160. package/{esm/components → components}/segmented.js +29 -30
  161. package/components/{sheet/sheet.d.ts → sheet.d.ts} +0 -0
  162. package/components/sheet.js +184 -0
  163. package/components/{skeleton-avatar/skeleton-avatar.d.ts → skeleton-avatar.d.ts} +1 -0
  164. package/{esm/components → components}/skeleton-avatar.js +1 -0
  165. package/components/{skeleton-block/skeleton-block.d.ts → skeleton-block.d.ts} +1 -0
  166. package/{esm/components → components}/skeleton-block.js +1 -0
  167. package/components/{skeleton-image/skeleton-image.d.ts → skeleton-image.d.ts} +1 -0
  168. package/{esm/components → components}/skeleton-image.js +1 -0
  169. package/components/{skeleton-text/skeleton-text.d.ts → skeleton-text.d.ts} +1 -0
  170. package/{esm/components → components}/skeleton-text.js +1 -0
  171. package/components/{stepper/stepper.d.ts → stepper.d.ts} +0 -0
  172. package/components/stepper.js +223 -0
  173. package/components/{subnavbar/subnavbar.d.ts → subnavbar.d.ts} +0 -0
  174. package/{esm/components → components}/subnavbar.js +19 -20
  175. package/components/{swipeout-actions/swipeout-actions.d.ts → swipeout-actions.d.ts} +0 -0
  176. package/{esm/components → components}/swipeout-actions.js +19 -19
  177. package/components/{swipeout-button/swipeout-button.d.ts → swipeout-button.d.ts} +0 -0
  178. package/{esm/components → components}/swipeout-button.js +23 -23
  179. package/components/{swiper-slide/swiper-slide.d.ts → swiper-slide.d.ts} +0 -0
  180. package/{esm/components → components}/swiper-slide.js +0 -0
  181. package/components/{swiper/swiper.d.ts → swiper.d.ts} +0 -0
  182. package/{esm/components → components}/swiper.js +0 -0
  183. package/components/{tab/tab.d.ts → tab.d.ts} +0 -0
  184. package/{esm/components → components}/tab.js +45 -45
  185. package/components/{tabs/tabs.d.ts → tabs.d.ts} +0 -0
  186. package/{esm/components → components}/tabs.js +23 -23
  187. package/components/{text-editor/text-editor.d.ts → text-editor.d.ts} +0 -0
  188. package/components/text-editor.js +141 -0
  189. package/components/{toggle/toggle.d.ts → toggle.d.ts} +0 -0
  190. package/components/toggle.js +114 -0
  191. package/components/{toolbar/toolbar.d.ts → toolbar.d.ts} +0 -0
  192. package/{esm/components → components}/toolbar.js +47 -48
  193. package/components/{treeview-item/treeview-item.d.ts → treeview-item.d.ts} +0 -0
  194. package/{esm/components → components}/treeview-item.js +45 -44
  195. package/components/{treeview/treeview.d.ts → treeview.d.ts} +0 -0
  196. package/{esm/components → components}/treeview.js +15 -15
  197. package/components/{view/view.d.ts → view.d.ts} +0 -0
  198. package/components/view.js +238 -0
  199. package/components/{views/views.d.ts → views.d.ts} +0 -0
  200. package/{esm/components → components}/views.js +17 -17
  201. package/framework7-react.d.ts +5 -1
  202. package/framework7-react.js +119 -0
  203. package/package.json +6 -4
  204. package/{esm/shared → shared}/components-router.js +78 -68
  205. package/{esm/shared → shared}/f7.js +15 -23
  206. package/shared/get-router-initial-component.js +39 -0
  207. package/{esm/shared → shared}/list-context.js +1 -1
  208. package/{esm/shared → shared}/mixins.js +91 -77
  209. package/shared/modal-state-classes.js +9 -0
  210. package/{esm/shared → shared}/plugin.js +13 -14
  211. package/shared/router-context.js +6 -0
  212. package/shared/router-open-in.js +106 -0
  213. package/shared/tabbar-context.js +5 -0
  214. package/{esm/shared → shared}/use-async-component.js +2 -2
  215. package/shared/use-icon.js +35 -0
  216. package/{esm/shared → shared}/use-isomorphic-layout-effect.js +0 -0
  217. package/{esm/shared → shared}/use-route-props.js +5 -6
  218. package/{esm/shared → shared}/use-smart-select.js +8 -8
  219. package/shared/use-store.js +35 -0
  220. package/{esm/shared → shared}/use-tab.js +10 -10
  221. package/shared/use-theme.js +13 -0
  222. package/{esm/shared → shared}/use-tooltip.js +13 -11
  223. package/{esm/shared → shared}/utils.js +42 -69
  224. package/{esm/shared → shared}/watch-prop.js +4 -4
  225. package/cjs/components/accordion-content.js +0 -40
  226. package/cjs/components/accordion-item.js +0 -112
  227. package/cjs/components/accordion-toggle.js +0 -41
  228. package/cjs/components/accordion.js +0 -41
  229. package/cjs/components/actions-button.js +0 -68
  230. package/cjs/components/actions-group.js +0 -40
  231. package/cjs/components/actions-label.js +0 -50
  232. package/cjs/components/actions.js +0 -160
  233. package/cjs/components/app.js +0 -77
  234. package/cjs/components/appbar.js +0 -58
  235. package/cjs/components/area-chart.js +0 -397
  236. package/cjs/components/badge.js +0 -48
  237. package/cjs/components/block-footer.js +0 -40
  238. package/cjs/components/block-header.js +0 -40
  239. package/cjs/components/block-title.js +0 -45
  240. package/cjs/components/block.js +0 -76
  241. package/cjs/components/button.js +0 -167
  242. package/cjs/components/card-content.js +0 -44
  243. package/cjs/components/card-footer.js +0 -40
  244. package/cjs/components/card-header.js +0 -40
  245. package/cjs/components/card.js +0 -196
  246. package/cjs/components/checkbox.js +0 -79
  247. package/cjs/components/chip.js +0 -89
  248. package/cjs/components/col.js +0 -84
  249. package/cjs/components/fab-backdrop.js +0 -38
  250. package/cjs/components/fab-button.js +0 -65
  251. package/cjs/components/fab-buttons.js +0 -41
  252. package/cjs/components/fab.js +0 -98
  253. package/cjs/components/gauge.js +0 -127
  254. package/cjs/components/icon.js +0 -109
  255. package/cjs/components/input.js +0 -469
  256. package/cjs/components/link.js +0 -124
  257. package/cjs/components/list-button.js +0 -75
  258. package/cjs/components/list-group.js +0 -62
  259. package/cjs/components/list-index.js +0 -120
  260. package/cjs/components/list-input.js +0 -472
  261. package/cjs/components/list-item-cell.js +0 -40
  262. package/cjs/components/list-item-content.js +0 -180
  263. package/cjs/components/list-item-row.js +0 -40
  264. package/cjs/components/list-item.js +0 -406
  265. package/cjs/components/list.js +0 -250
  266. package/cjs/components/login-screen-title.js +0 -40
  267. package/cjs/components/login-screen.js +0 -142
  268. package/cjs/components/menu-dropdown-item.js +0 -72
  269. package/cjs/components/menu-dropdown.js +0 -54
  270. package/cjs/components/menu-item.js +0 -120
  271. package/cjs/components/menu.js +0 -42
  272. package/cjs/components/message.js +0 -133
  273. package/cjs/components/messagebar-attachment.js +0 -59
  274. package/cjs/components/messagebar-attachments.js +0 -40
  275. package/cjs/components/messagebar-sheet-image.js +0 -59
  276. package/cjs/components/messagebar-sheet-item.js +0 -40
  277. package/cjs/components/messagebar-sheet.js +0 -40
  278. package/cjs/components/messagebar.js +0 -230
  279. package/cjs/components/messages-title.js +0 -40
  280. package/cjs/components/messages.js +0 -164
  281. package/cjs/components/nav-left.js +0 -76
  282. package/cjs/components/nav-right.js +0 -43
  283. package/cjs/components/nav-title-large.js +0 -42
  284. package/cjs/components/nav-title.js +0 -53
  285. package/cjs/components/navbar.js +0 -279
  286. package/cjs/components/page-content.js +0 -173
  287. package/cjs/components/page.js +0 -423
  288. package/cjs/components/panel.js +0 -231
  289. package/cjs/components/photo-browser.js +0 -180
  290. package/cjs/components/pie-chart.js +0 -202
  291. package/cjs/components/popover.js +0 -157
  292. package/cjs/components/popup.js +0 -183
  293. package/cjs/components/preloader.js +0 -101
  294. package/cjs/components/progressbar.js +0 -60
  295. package/cjs/components/radio.js +0 -68
  296. package/cjs/components/range.js +0 -164
  297. package/cjs/components/routable-modals.js +0 -71
  298. package/cjs/components/row.js +0 -79
  299. package/cjs/components/searchbar.js +0 -257
  300. package/cjs/components/segmented.js +0 -71
  301. package/cjs/components/sheet.js +0 -213
  302. package/cjs/components/skeleton-avatar.js +0 -9
  303. package/cjs/components/skeleton-block.js +0 -9
  304. package/cjs/components/skeleton-image.js +0 -9
  305. package/cjs/components/skeleton-text.js +0 -9
  306. package/cjs/components/stepper.js +0 -260
  307. package/cjs/components/subnavbar.js +0 -50
  308. package/cjs/components/swipeout-actions.js +0 -50
  309. package/cjs/components/swipeout-button.js +0 -61
  310. package/cjs/components/swiper-slide.js +0 -9
  311. package/cjs/components/swiper.js +0 -9
  312. package/cjs/components/tab.js +0 -141
  313. package/cjs/components/tabs.js +0 -72
  314. package/cjs/components/text-editor.js +0 -160
  315. package/cjs/components/toggle.js +0 -137
  316. package/cjs/components/toolbar.js +0 -125
  317. package/cjs/components/treeview-item.js +0 -131
  318. package/cjs/components/treeview.js +0 -40
  319. package/cjs/components/view.js +0 -284
  320. package/cjs/components/views.js +0 -43
  321. package/cjs/framework7-react.js +0 -416
  322. package/cjs/shared/components-router.js +0 -243
  323. package/cjs/shared/f7.js +0 -105
  324. package/cjs/shared/get-router-initial-component.js +0 -48
  325. package/cjs/shared/list-context.js +0 -17
  326. package/cjs/shared/mixins.js +0 -165
  327. package/cjs/shared/modal-state-classes.js +0 -17
  328. package/cjs/shared/plugin.js +0 -56
  329. package/cjs/shared/router-context.js +0 -15
  330. package/cjs/shared/tabbar-context.js +0 -14
  331. package/cjs/shared/use-async-component.js +0 -20
  332. package/cjs/shared/use-icon.js +0 -50
  333. package/cjs/shared/use-isomorphic-layout-effect.js +0 -12
  334. package/cjs/shared/use-route-props.js +0 -25
  335. package/cjs/shared/use-smart-select.js +0 -38
  336. package/cjs/shared/use-store.js +0 -47
  337. package/cjs/shared/use-tab.js +0 -46
  338. package/cjs/shared/use-theme.js +0 -24
  339. package/cjs/shared/use-tooltip.js +0 -61
  340. package/cjs/shared/utils.js +0 -199
  341. package/cjs/shared/watch-prop.js +0 -21
  342. package/components/accordion/package.json +0 -9
  343. package/components/accordion-content/package.json +0 -9
  344. package/components/accordion-item/package.json +0 -9
  345. package/components/accordion-toggle/package.json +0 -9
  346. package/components/actions/package.json +0 -9
  347. package/components/actions-button/package.json +0 -9
  348. package/components/actions-group/package.json +0 -9
  349. package/components/actions-label/package.json +0 -9
  350. package/components/app/package.json +0 -9
  351. package/components/appbar/package.json +0 -9
  352. package/components/area-chart/package.json +0 -9
  353. package/components/badge/package.json +0 -9
  354. package/components/block/package.json +0 -9
  355. package/components/block-footer/package.json +0 -9
  356. package/components/block-header/package.json +0 -9
  357. package/components/block-title/package.json +0 -9
  358. package/components/button/package.json +0 -9
  359. package/components/card/package.json +0 -9
  360. package/components/card-content/package.json +0 -9
  361. package/components/card-footer/package.json +0 -9
  362. package/components/card-header/package.json +0 -9
  363. package/components/checkbox/package.json +0 -9
  364. package/components/chip/package.json +0 -9
  365. package/components/col/package.json +0 -9
  366. package/components/fab/package.json +0 -9
  367. package/components/fab-backdrop/package.json +0 -9
  368. package/components/fab-button/package.json +0 -9
  369. package/components/fab-buttons/package.json +0 -9
  370. package/components/gauge/package.json +0 -9
  371. package/components/icon/package.json +0 -9
  372. package/components/input/package.json +0 -9
  373. package/components/link/package.json +0 -9
  374. package/components/list/package.json +0 -9
  375. package/components/list-button/package.json +0 -9
  376. package/components/list-group/package.json +0 -9
  377. package/components/list-index/package.json +0 -9
  378. package/components/list-input/package.json +0 -9
  379. package/components/list-item/package.json +0 -9
  380. package/components/list-item-cell/package.json +0 -9
  381. package/components/list-item-content/package.json +0 -9
  382. package/components/list-item-row/package.json +0 -9
  383. package/components/login-screen/package.json +0 -9
  384. package/components/login-screen-title/package.json +0 -9
  385. package/components/menu/package.json +0 -9
  386. package/components/menu-dropdown/package.json +0 -9
  387. package/components/menu-dropdown-item/package.json +0 -9
  388. package/components/menu-item/package.json +0 -9
  389. package/components/message/package.json +0 -9
  390. package/components/messagebar/package.json +0 -9
  391. package/components/messagebar-attachment/package.json +0 -9
  392. package/components/messagebar-attachments/package.json +0 -9
  393. package/components/messagebar-sheet/package.json +0 -9
  394. package/components/messagebar-sheet-image/package.json +0 -9
  395. package/components/messagebar-sheet-item/package.json +0 -9
  396. package/components/messages/package.json +0 -9
  397. package/components/messages-title/package.json +0 -9
  398. package/components/nav-left/package.json +0 -9
  399. package/components/nav-right/package.json +0 -9
  400. package/components/nav-title/package.json +0 -9
  401. package/components/nav-title-large/package.json +0 -9
  402. package/components/navbar/package.json +0 -9
  403. package/components/page/package.json +0 -9
  404. package/components/page-content/package.json +0 -9
  405. package/components/panel/package.json +0 -9
  406. package/components/photo-browser/package.json +0 -9
  407. package/components/pie-chart/package.json +0 -9
  408. package/components/popover/package.json +0 -9
  409. package/components/popup/package.json +0 -9
  410. package/components/preloader/package.json +0 -9
  411. package/components/progressbar/package.json +0 -9
  412. package/components/radio/package.json +0 -9
  413. package/components/range/package.json +0 -9
  414. package/components/routable-modals/package.json +0 -9
  415. package/components/row/package.json +0 -9
  416. package/components/searchbar/package.json +0 -9
  417. package/components/segmented/package.json +0 -9
  418. package/components/sheet/package.json +0 -9
  419. package/components/skeleton-avatar/package.json +0 -9
  420. package/components/skeleton-block/package.json +0 -9
  421. package/components/skeleton-image/package.json +0 -9
  422. package/components/skeleton-text/package.json +0 -9
  423. package/components/stepper/package.json +0 -9
  424. package/components/subnavbar/package.json +0 -9
  425. package/components/swipeout-actions/package.json +0 -9
  426. package/components/swipeout-button/package.json +0 -9
  427. package/components/swiper/package.json +0 -9
  428. package/components/swiper-slide/package.json +0 -9
  429. package/components/tab/package.json +0 -9
  430. package/components/tabs/package.json +0 -9
  431. package/components/text-editor/package.json +0 -9
  432. package/components/toggle/package.json +0 -9
  433. package/components/toolbar/package.json +0 -9
  434. package/components/treeview/package.json +0 -9
  435. package/components/treeview-item/package.json +0 -9
  436. package/components/view/package.json +0 -9
  437. package/components/views/package.json +0 -9
  438. package/esm/components/accordion.js +0 -29
  439. package/esm/components/actions.js +0 -144
  440. package/esm/components/area-chart.js +0 -385
  441. package/esm/components/block.js +0 -63
  442. package/esm/components/col.js +0 -71
  443. package/esm/components/fab-buttons.js +0 -29
  444. package/esm/components/gauge.js +0 -117
  445. package/esm/components/link.js +0 -104
  446. package/esm/components/list-index.js +0 -105
  447. package/esm/components/login-screen.js +0 -126
  448. package/esm/components/messagebar.js +0 -211
  449. package/esm/components/messages.js +0 -149
  450. package/esm/components/panel.js +0 -216
  451. package/esm/components/photo-browser.js +0 -170
  452. package/esm/components/pie-chart.js +0 -190
  453. package/esm/components/popover.js +0 -141
  454. package/esm/components/popup.js +0 -167
  455. package/esm/components/progressbar.js +0 -46
  456. package/esm/components/range.js +0 -149
  457. package/esm/components/searchbar.js +0 -243
  458. package/esm/components/sheet.js +0 -196
  459. package/esm/components/stepper.js +0 -244
  460. package/esm/components/text-editor.js +0 -145
  461. package/esm/components/toggle.js +0 -119
  462. package/esm/components/view.js +0 -261
  463. package/esm/framework7-react.js +0 -115
  464. package/esm/shared/get-router-initial-component.js +0 -40
  465. package/esm/shared/modal-state-classes.js +0 -10
  466. package/esm/shared/router-context.js +0 -6
  467. package/esm/shared/tabbar-context.js +0 -5
  468. package/esm/shared/use-icon.js +0 -38
  469. package/esm/shared/use-store.js +0 -38
  470. package/esm/shared/use-theme.js +0 -15
@@ -1,160 +0,0 @@
1
- "use strict";
2
-
3
- exports.__esModule = true;
4
- exports.default = void 0;
5
-
6
- var _react = _interopRequireWildcard(require("react"));
7
-
8
- var _useIsomorphicLayoutEffect = require("../shared/use-isomorphic-layout-effect");
9
-
10
- var _utils = require("../shared/utils");
11
-
12
- var _mixins = require("../shared/mixins");
13
-
14
- var _f = require("../shared/f7");
15
-
16
- var _watchProp = require("../shared/watch-prop");
17
-
18
- function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
19
-
20
- function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
21
-
22
- function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
23
-
24
-
25
- var TextEditor = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
26
- var _f7TextEditor = (0, _react.useRef)(null);
27
-
28
- var className = props.className,
29
- id = props.id,
30
- style = props.style,
31
- mode = props.mode,
32
- value = props.value,
33
- buttons = props.buttons,
34
- customButtons = props.customButtons,
35
- dividers = props.dividers,
36
- imageUrlText = props.imageUrlText,
37
- linkUrlText = props.linkUrlText,
38
- placeholder = props.placeholder,
39
- clearFormattingOnPaste = props.clearFormattingOnPaste,
40
- _props$resizable = props.resizable,
41
- resizable = _props$resizable === void 0 ? false : _props$resizable;
42
- var extraAttrs = (0, _utils.getExtraAttrs)(props);
43
- var elRef = (0, _react.useRef)(null);
44
-
45
- var onChange = function onChange(editor, editorValue) {
46
- (0, _utils.emit)(props, 'textEditorChange', editorValue);
47
- };
48
-
49
- var onInput = function onInput(editor, editorValue) {
50
- (0, _utils.emit)(props, 'textEditorInput', editorValue);
51
- };
52
-
53
- var onFocus = function onFocus() {
54
- (0, _utils.emit)(props, 'textEditorFocus');
55
- };
56
-
57
- var onBlur = function onBlur() {
58
- (0, _utils.emit)(props, 'textEditorBlur');
59
- };
60
-
61
- var onButtonClick = function onButtonClick(editor, button) {
62
- (0, _utils.emit)(props, 'textEditorButtonClick', button);
63
- };
64
-
65
- var onKeyboardOpen = function onKeyboardOpen() {
66
- (0, _utils.emit)(props, 'textEditorKeyboardOpen');
67
- };
68
-
69
- var onKeyboardClose = function onKeyboardClose() {
70
- (0, _utils.emit)(props, 'textEditorKeyboardClose');
71
- };
72
-
73
- var onPopoverOpen = function onPopoverOpen() {
74
- (0, _utils.emit)(props, 'textEditorPopoverOpen');
75
- };
76
-
77
- var onPopoverClose = function onPopoverClose() {
78
- (0, _utils.emit)(props, 'textEditorPopoverClose');
79
- };
80
-
81
- var onInsertLink = function onInsertLink(editor, url) {
82
- (0, _utils.emit)(props, 'textEditorInsertLink', url);
83
- };
84
-
85
- var onInsertImage = function onInsertImage(editor, url) {
86
- (0, _utils.emit)(props, 'textEditorInsertImage', url);
87
- };
88
-
89
- (0, _react.useImperativeHandle)(ref, function () {
90
- return {
91
- el: elRef.current,
92
- f7TextEditor: function f7TextEditor() {
93
- return _f7TextEditor.current;
94
- }
95
- };
96
- });
97
- (0, _watchProp.watchProp)(value, function (newValue) {
98
- if (_f7TextEditor.current) {
99
- _f7TextEditor.current.setValue(newValue);
100
- }
101
- });
102
-
103
- var onMount = function onMount() {
104
- var params = (0, _utils.noUndefinedProps)({
105
- el: elRef.current,
106
- mode: mode,
107
- value: value,
108
- buttons: buttons,
109
- customButtons: customButtons,
110
- dividers: dividers,
111
- imageUrlText: imageUrlText,
112
- linkUrlText: linkUrlText,
113
- placeholder: placeholder,
114
- clearFormattingOnPaste: clearFormattingOnPaste,
115
- on: {
116
- change: onChange,
117
- input: onInput,
118
- focus: onFocus,
119
- blur: onBlur,
120
- buttonClick: onButtonClick,
121
- keyboardOpen: onKeyboardOpen,
122
- keyboardClose: onKeyboardClose,
123
- popoverOpen: onPopoverOpen,
124
- popoverClose: onPopoverClose,
125
- insertLink: onInsertLink,
126
- insertImage: onInsertImage
127
- }
128
- });
129
- (0, _f.f7ready)(function () {
130
- _f7TextEditor.current = _f.f7.textEditor.create(params);
131
- });
132
- };
133
-
134
- var onDestroy = function onDestroy() {
135
- if (_f7TextEditor.current && _f7TextEditor.current.destroy) {
136
- _f7TextEditor.current.destroy();
137
- }
138
-
139
- _f7TextEditor.current = null;
140
- };
141
-
142
- (0, _useIsomorphicLayoutEffect.useIsomorphicLayoutEffect)(function () {
143
- onMount();
144
- return onDestroy;
145
- }, []);
146
- var slots = (0, _utils.getSlots)(props);
147
- var classes = (0, _utils.classNames)(className, 'text-editor', resizable && 'text-editor-resizable', (0, _mixins.colorClasses)(props));
148
- return /*#__PURE__*/_react.default.createElement("div", _extends({
149
- ref: elRef,
150
- id: id,
151
- style: style,
152
- className: classes
153
- }, extraAttrs), slots['root-start'], /*#__PURE__*/_react.default.createElement("div", {
154
- className: "text-editor-content",
155
- contentEditable: true
156
- }, slots.default), slots['root-end'], slots.root);
157
- });
158
- TextEditor.displayName = 'f7-text-editor';
159
- var _default = TextEditor;
160
- exports.default = _default;
@@ -1,137 +0,0 @@
1
- "use strict";
2
-
3
- exports.__esModule = true;
4
- exports.default = void 0;
5
-
6
- var _react = _interopRequireWildcard(require("react"));
7
-
8
- var _useIsomorphicLayoutEffect = require("../shared/use-isomorphic-layout-effect");
9
-
10
- var _utils = require("../shared/utils");
11
-
12
- var _mixins = require("../shared/mixins");
13
-
14
- var _f = require("../shared/f7");
15
-
16
- var _watchProp = require("../shared/watch-prop");
17
-
18
- var _useTooltip = require("../shared/use-tooltip");
19
-
20
- function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
21
-
22
- function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
23
-
24
- function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
25
-
26
-
27
- var Toggle = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
28
- var _f7Toggle = (0, _react.useRef)(null);
29
-
30
- var className = props.className,
31
- id = props.id,
32
- style = props.style,
33
- _props$init = props.init,
34
- init = _props$init === void 0 ? true : _props$init,
35
- checked = props.checked,
36
- defaultChecked = props.defaultChecked,
37
- disabled = props.disabled,
38
- readonly = props.readonly,
39
- name = props.name,
40
- value = props.value;
41
- var extraAttrs = (0, _utils.getExtraAttrs)(props);
42
- var elRef = (0, _react.useRef)(null);
43
- var inputElRef = (0, _react.useRef)(null);
44
-
45
- var onChange = function onChange(event) {
46
- (0, _utils.emit)(props, 'change', event);
47
- };
48
-
49
- (0, _react.useImperativeHandle)(ref, function () {
50
- return {
51
- el: elRef.current,
52
- f7Toggle: function f7Toggle() {
53
- return _f7Toggle.current;
54
- }
55
- };
56
- });
57
- (0, _useTooltip.useTooltip)(elRef, props);
58
- (0, _watchProp.watchProp)(checked, function (newValue) {
59
- if (!_f7Toggle.current) return;
60
- _f7Toggle.current.checked = newValue;
61
- });
62
-
63
- var onToggleChange = function onToggleChange(toggleInstance) {
64
- (0, _utils.emit)(props, 'toggleChange', toggleInstance.checked);
65
- };
66
-
67
- var toggleEvents = function toggleEvents(method) {
68
- if (!_f7Toggle.current) return;
69
-
70
- _f7Toggle.current[method]('toggleChange', onToggleChange);
71
- };
72
-
73
- var onMount = function onMount() {
74
- (0, _f.f7ready)(function () {
75
- if (!init || !elRef.current) return;
76
- _f7Toggle.current = _f.f7.toggle.create({
77
- el: elRef.current
78
- });
79
- toggleEvents('on');
80
- });
81
- };
82
-
83
- var onDestroy = function onDestroy() {
84
- if (_f7Toggle.current && _f7Toggle.current.destroy && _f7Toggle.current.$el) {
85
- _f7Toggle.current.destroy();
86
- }
87
-
88
- _f7Toggle.current = null;
89
- };
90
-
91
- (0, _useIsomorphicLayoutEffect.useIsomorphicLayoutEffect)(function () {
92
- toggleEvents('on');
93
-
94
- if (inputElRef.current) {
95
- inputElRef.current.addEventListener('change', onChange);
96
- }
97
-
98
- return function () {
99
- toggleEvents('off');
100
-
101
- if (inputElRef.current) {
102
- inputElRef.current.removeEventListener('change', onChange);
103
- }
104
- };
105
- });
106
- (0, _useIsomorphicLayoutEffect.useIsomorphicLayoutEffect)(function () {
107
- onMount();
108
- return onDestroy;
109
- }, []);
110
- var labelClasses = (0, _utils.classNames)('toggle', className, {
111
- disabled: disabled
112
- }, (0, _mixins.colorClasses)(props));
113
-
114
- var inputEl = /*#__PURE__*/_react.default.createElement("input", {
115
- ref: inputElRef,
116
- type: "checkbox",
117
- name: name,
118
- disabled: disabled,
119
- readOnly: readonly,
120
- checked: checked,
121
- defaultChecked: defaultChecked,
122
- value: value,
123
- onChange: function onChange() {}
124
- });
125
-
126
- return /*#__PURE__*/_react.default.createElement("label", _extends({
127
- id: id,
128
- style: style,
129
- className: labelClasses,
130
- ref: elRef
131
- }, extraAttrs), inputEl, /*#__PURE__*/_react.default.createElement("span", {
132
- className: "toggle-icon"
133
- }));
134
- });
135
- Toggle.displayName = 'f7-toggle';
136
- var _default = Toggle;
137
- exports.default = _default;
@@ -1,125 +0,0 @@
1
- "use strict";
2
-
3
- exports.__esModule = true;
4
- exports.default = void 0;
5
-
6
- var _react = _interopRequireWildcard(require("react"));
7
-
8
- var _useIsomorphicLayoutEffect = require("../shared/use-isomorphic-layout-effect");
9
-
10
- var _utils = require("../shared/utils");
11
-
12
- var _mixins = require("../shared/mixins");
13
-
14
- var _useTheme = require("../shared/use-theme");
15
-
16
- var _f = require("../shared/f7");
17
-
18
- var _tabbarContext = require("../shared/tabbar-context");
19
-
20
- function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
21
-
22
- function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
23
-
24
- function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
25
-
26
- var Toolbar = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
27
- var className = props.className,
28
- id = props.id,
29
- style = props.style,
30
- tabbar = props.tabbar,
31
- labels = props.labels,
32
- scrollable = props.scrollable,
33
- hidden = props.hidden,
34
- noShadow = props.noShadow,
35
- noHairline = props.noHairline,
36
- noBorder = props.noBorder,
37
- position = props.position,
38
- topMd = props.topMd,
39
- topIos = props.topIos,
40
- topAurora = props.topAurora,
41
- top = props.top,
42
- bottomMd = props.bottomMd,
43
- bottomIos = props.bottomIos,
44
- bottomAurora = props.bottomAurora,
45
- bottom = props.bottom,
46
- _props$inner = props.inner,
47
- inner = _props$inner === void 0 ? true : _props$inner;
48
- var extraAttrs = (0, _utils.getExtraAttrs)(props);
49
- var elRef = (0, _react.useRef)(null);
50
-
51
- var onHide = function onHide(toolbarEl) {
52
- if (elRef.current !== toolbarEl) return;
53
- (0, _utils.emit)(props, 'toolbarHide');
54
- };
55
-
56
- var onShow = function onShow(toolbarEl) {
57
- if (elRef.current !== toolbarEl) return;
58
- (0, _utils.emit)(props, 'toolbarShow');
59
- };
60
-
61
- var hide = function hide(animate) {
62
- if (!_f.f7) return;
63
-
64
- _f.f7.toolbar.hide(elRef.current, animate);
65
- };
66
-
67
- var show = function show(animate) {
68
- if (!_f.f7) return;
69
-
70
- _f.f7.toolbar.show(elRef.current, animate);
71
- };
72
-
73
- (0, _react.useImperativeHandle)(ref, function () {
74
- return {
75
- el: elRef.current,
76
- hide: hide,
77
- show: show
78
- };
79
- });
80
- (0, _useIsomorphicLayoutEffect.useIsomorphicLayoutEffect)(function () {
81
- (0, _f.f7ready)(function () {
82
- if (tabbar && _f.f7 && elRef.current) {
83
- _f.f7.toolbar.setHighlight(elRef.current);
84
- }
85
-
86
- _f.f7.on('toolbarShow', onShow);
87
-
88
- _f.f7.on('toolbarHide', onHide);
89
- });
90
- return function () {
91
- if (!_f.f7) return;
92
-
93
- _f.f7.off('toolbarShow', onShow);
94
-
95
- _f.f7.off('toolbarHide', onHide);
96
- };
97
- });
98
- var theme = (0, _useTheme.useTheme)();
99
- var classes = (0, _utils.classNames)(className, 'toolbar', {
100
- tabbar: tabbar,
101
- 'toolbar-bottom': theme && theme.md && bottomMd || theme && theme.ios && bottomIos || theme && theme.aurora && bottomAurora || bottom || position === 'bottom',
102
- 'toolbar-top': theme && theme.md && topMd || theme && theme.ios && topIos || theme && theme.aurora && topAurora || top || position === 'top',
103
- 'tabbar-labels': labels,
104
- 'tabbar-scrollable': scrollable,
105
- 'toolbar-hidden': hidden,
106
- 'no-shadow': noShadow,
107
- 'no-hairline': noHairline || noBorder
108
- }, (0, _mixins.colorClasses)(props));
109
- var slots = (0, _utils.getSlots)(props);
110
- return /*#__PURE__*/_react.default.createElement("div", _extends({
111
- id: id,
112
- style: style,
113
- className: classes,
114
- ref: elRef
115
- }, extraAttrs), /*#__PURE__*/_react.default.createElement(_tabbarContext.TabbarContext.Provider, {
116
- value: {
117
- tabbarHasLabels: labels
118
- }
119
- }, slots['before-inner'], inner ? /*#__PURE__*/_react.default.createElement("div", {
120
- className: "toolbar-inner"
121
- }, slots.default) : slots.default, slots['after-inner']));
122
- });
123
- Toolbar.displayName = 'f7-toolbar';
124
- var _default = Toolbar;
125
- exports.default = _default;
@@ -1,131 +0,0 @@
1
- "use strict";
2
-
3
- exports.__esModule = true;
4
- exports.default = void 0;
5
-
6
- var _react = _interopRequireWildcard(require("react"));
7
-
8
- var _useIsomorphicLayoutEffect = require("../shared/use-isomorphic-layout-effect");
9
-
10
- var _utils = require("../shared/utils");
11
-
12
- var _mixins = require("../shared/mixins");
13
-
14
- var _useIcon = require("../shared/use-icon");
15
-
16
- var _f = require("../shared/f7");
17
-
18
- function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
19
-
20
- function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
21
-
22
- function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
23
-
24
- var TreeviewItem = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
25
- var className = props.className,
26
- id = props.id,
27
- style = props.style,
28
- toggle = props.toggle,
29
- itemToggle = props.itemToggle,
30
- selectable = props.selectable,
31
- selected = props.selected,
32
- opened = props.opened,
33
- label = props.label,
34
- loadChildren = props.loadChildren,
35
- link = props.link;
36
- var extraAttrs = (0, _utils.getExtraAttrs)(props);
37
- var elRef = (0, _react.useRef)(null);
38
-
39
- var onClick = function onClick(event) {
40
- (0, _utils.emit)(props, 'click', event);
41
- };
42
-
43
- var onOpen = function onOpen(el) {
44
- if (elRef.current !== el) return;
45
- (0, _utils.emit)(props, 'treeviewOpen', el);
46
- };
47
-
48
- var onClose = function onClose(el) {
49
- if (elRef.current !== el) return;
50
- (0, _utils.emit)(props, 'treeviewClose', el);
51
- };
52
-
53
- var onLoadChildren = function onLoadChildren(el, done) {
54
- if (elRef.current !== el) return;
55
- (0, _utils.emit)(props, 'treeviewLoadChildren', el, done);
56
- };
57
-
58
- (0, _react.useImperativeHandle)(ref, function () {
59
- return {
60
- el: elRef.current
61
- };
62
- });
63
-
64
- var attachEvents = function attachEvents() {
65
- if (!elRef.current) return;
66
- (0, _f.f7ready)(function () {
67
- _f.f7.on('treeviewOpen', onOpen);
68
-
69
- _f.f7.on('treeviewClose', onClose);
70
-
71
- _f.f7.on('treeviewLoadChildren', onLoadChildren);
72
- });
73
- };
74
-
75
- var detachEvents = function detachEvents() {
76
- if (!_f.f7) return;
77
-
78
- _f.f7.off('treeviewOpen', onOpen);
79
-
80
- _f.f7.off('treeviewClose', onClose);
81
-
82
- _f.f7.off('treeviewLoadChildren', onLoadChildren);
83
- };
84
-
85
- (0, _useIsomorphicLayoutEffect.useIsomorphicLayoutEffect)(function () {
86
- attachEvents();
87
- return detachEvents;
88
- });
89
- var slots = (0, _utils.getSlots)(props);
90
- var hasChildren = slots.default && slots.default.length || slots.children && slots.children.length || slots['children-start'] && slots['children-start'].length;
91
- var needToggle = typeof toggle === 'undefined' ? hasChildren : toggle;
92
- var iconEl = (0, _useIcon.useIcon)(props);
93
- var TreeviewRootTag = link || link === '' ? 'a' : 'div';
94
- var classes = (0, _utils.classNames)(className, 'treeview-item', {
95
- 'treeview-item-opened': opened,
96
- 'treeview-load-children': loadChildren
97
- }, (0, _mixins.colorClasses)(props));
98
- var itemRootClasses = (0, _utils.classNames)('treeview-item-root', {
99
- 'treeview-item-selectable': selectable,
100
- 'treeview-item-selected': selected,
101
- 'treeview-item-toggle': itemToggle
102
- }, (0, _mixins.routerClasses)(props), (0, _mixins.actionsClasses)(props));
103
- var href = link;
104
- if (link === true) href = '#';
105
- if (link === false) href = undefined; // no href attribute
106
-
107
- var itemRootAttrs = _extends({
108
- href: href
109
- }, (0, _mixins.routerAttrs)(props), (0, _mixins.actionsAttrs)(props));
110
-
111
- return /*#__PURE__*/_react.default.createElement("div", _extends({
112
- id: id,
113
- style: style,
114
- className: classes,
115
- ref: elRef
116
- }, extraAttrs), /*#__PURE__*/_react.default.createElement(TreeviewRootTag, _extends({
117
- onClick: onClick,
118
- className: itemRootClasses
119
- }, itemRootAttrs), slots['root-start'], needToggle && /*#__PURE__*/_react.default.createElement("div", {
120
- className: "treeview-toggle"
121
- }), /*#__PURE__*/_react.default.createElement("div", {
122
- className: "treeview-item-content"
123
- }, slots['content-start'], iconEl, slots.media, /*#__PURE__*/_react.default.createElement("div", {
124
- className: "treeview-item-label"
125
- }, slots['label-start'], label, slots.label), slots.content, slots['content-end']), slots.root, slots['root-end']), hasChildren && /*#__PURE__*/_react.default.createElement("div", {
126
- className: "treeview-item-children"
127
- }, slots['children-start'], slots.default, slots.children));
128
- });
129
- TreeviewItem.displayName = 'f7-treeview-item';
130
- var _default = TreeviewItem;
131
- exports.default = _default;
@@ -1,40 +0,0 @@
1
- "use strict";
2
-
3
- exports.__esModule = true;
4
- exports.default = void 0;
5
-
6
- var _react = _interopRequireWildcard(require("react"));
7
-
8
- var _utils = require("../shared/utils");
9
-
10
- var _mixins = require("../shared/mixins");
11
-
12
- function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
13
-
14
- function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
15
-
16
- function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
17
-
18
- var Treeview = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
19
- var className = props.className,
20
- id = props.id,
21
- style = props.style,
22
- children = props.children;
23
- var extraAttrs = (0, _utils.getExtraAttrs)(props);
24
- var elRef = (0, _react.useRef)(null);
25
- (0, _react.useImperativeHandle)(ref, function () {
26
- return {
27
- el: elRef.current
28
- };
29
- });
30
- var classes = (0, _utils.classNames)(className, 'treeview', (0, _mixins.colorClasses)(props));
31
- return /*#__PURE__*/_react.default.createElement("div", _extends({
32
- id: id,
33
- style: style,
34
- className: classes,
35
- ref: elRef
36
- }, extraAttrs), children);
37
- });
38
- Treeview.displayName = 'f7-treeview';
39
- var _default = Treeview;
40
- exports.default = _default;